html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }



/* GENERAL
------------------------------------------------------------------- */

*::-moz-selection { background: #51a201 none repeat scroll 0 0; color: #fff; }

html, body { color:#242626; text-align: center; }
html { height: 100%; margin-bottom: 1px; overflow-y: scroll; }
body {
  background: #DDD url(img/background.jpg) top left repeat-x;
	font: 82.51%/1.5 Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-smooth: always;
}

a { text-decoration: none; }
a:link, a:visited { color: #111; }
a:focus, a:hover, a:active { color: #86180A; }

.sidebar a,
.sidebar a:link,
.sidebar a:visited { color: #C54E0B; border-bottom: 1px solid #fff; }
.sidebar a:focus,
.sidebar a:hover,
.sidebar a:active { color: #111; border-bottom-color: #C54E0B; }

abbr,
acronym { cursor: help; border-bottom: 1px dashed #999; }

blockquote {
  background-color: #F0F0F0;
  border-left: 2px solid #E5E5E5;
  color: #111;
  font-style: italic;
  margin: 0 0 .8em .5em;
  padding: .5em;
}

cite { font-style: italic; }
code {
  background: #EAEAEA;
  font-size: 0.9em;
  font-family: Consolas, Monaco, monospace;
  padding: 1px 3px;
}

em { font-style: italic; }

h1, h2, h3, h4, h5, h6 {
  color: #111;
  display: block;
  font-weight: bold;
  font-family: "Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", Arial, sans-serif;
}

h1 { 

font-size: 24px; padding:10px 0 10px 0;  background-color:#FFFFFF;  text-align:center; 

  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#fff;
	margin: 4px 0 10px 0;
	height:36px;
	
	}

h3 { font-size: 22px; line-height: 1.3; margin: 1.55em 0 .2em; font-weight: normal; }
h4 { margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }  

.hentry h2,
h2.pagetitle,
h3.archiveentrytitle { font-weight: normal; line-height: 1.2; margin: 8px 0 0 0; }

h3 a,
h3 a:link,
h3 a:visited { color: #565656; color: #b90012; border-bottom: 1px solid #fff; }
h3 a:active,
 h3 a:focus,
 h3 a:hover { color: #b90012; color: #565656; border-bottom: 1px solid #fff; }

hr,
separator {display: none;}

small { font-size: 0.8em; }
strong { font-weight: bold; }
sub,
sup {font-size: 0.7em;}

del {color: darkred; text-decoration: line-through;}
ins {color: darkgreen; text-decoration: none;}



/* Generic classes
------------------------------------------------------------------- */
/* Ampersand, Ampersand, you are so beautiful */

.amp {font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman"; font-style: italic;}

.hidden { display: none; }

a.top-link { background: transparent url(img/top-sprite.png) 0 5px no-repeat; padding-left: 12px; }
a.top-link:hover { background-position: 0 -29px; }



/* Wordpress 2.7.x specific CSS
------------------------------------------------------------------- */

.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft { float: left; }
.alignright { float: right; }

img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}

img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}

.entry div.alignleft { float: left; margin: 0 8px 7px 0; }

.wp-caption {
  background-color: #F0F0F0;
  border: 1px solid #E5E5E5;
  overflow: hidden;
  padding: 3px;
  width: auto !important; /* WP adds a width that is 10px broader than your image. Nasty if you've use a background-color other than white */
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;






}

div.sidebar li.widget div.textwidget a img,
div.sidebar li.widget div.textwidget a:hover img { border: none; }


/* Added */

small.unimportant {



	-moz-border-radius: 13px 3px 3px 14px;
	-ms-border-radius: 13px;
	-khtml-border-radius: 13px;
	-webkit-border-top-left-radius: 13px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 14px;
  -webkit-border-bottom-right-radius: 3px;
  border-radius: 13px;
  color: #3e5867;
  display: block;
  height: 17px;

  position: relative;
  width: 100%;
}



/* STRUCTURE - 2 cols
------------------------------------------------------------------- */

#container { float: left; margin: 0 -350px 0 0; width: 100%; margin-top:6px; }
#content { margin: 0 340px 0 0; height:900px; }
.sidebar, #tag { float: right; overflow: hidden; }
#footer { clear: both; width: 100%;  }

#page,
#header,
#footer { margin: 0 auto; width: 985px; }

#page { padding-top: 20px; padding-bottom: 20px; }

#header{
	/*background-color: #b90012;*/
 background: #b90012 url(http://www.purefight.net/images/sang.gif) bottom right no-repeat;
  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;

	text-align: left;
}



#content{
  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
/*.excerpt,
h2,*/
.conteneurg,
.conteneurgtexte,
.conteneurd,
.sidebar,
#tag,
#footer {
	background-color: #fff;
  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;

	text-align: left;
}







#footer { width: 928px; font-size: 0.8em; padding: 10px 28px; margin-bottom: 10px;}





/* HEAD
------------------------------------------------------------------- */


#header {display: block; height: 140px; margin-bottom: 3px; padding: 0 20px; position: relative; width: 944px; }


/**
 * EXAMPLE CODE for a image logo
 * 
 */

/*
h1, h1 a { display: block; height: 19px; width: 87px; }
h1 { position: absolute; top: 38px; left: 27px; }
h1 a { background: transparent url(img/logo-cordobo.png) top left no-repeat; text-indent: -9999em; }

div.description { display: block; position: absolute; top: 42px; left: 124px; }
div.description { color: #FF9900; font-size: 0.8em; }
div.description span { color: #8ECD12; }
div.description a:hover:after { content: " →"; }

*/


/**
 * EXAMPLE CODE for a text logo
 * 
 */  



div#branding { display: block; position: absolute; top: 25px; left: 28px; }

div#branding h1,
div.description { float: left; }
div.description { color: #FF9900; font-size: 0.8em; margin: 18px 0 0 10px; }



#accessibility {
  display: block;
  font-size: 0.8em;
  position: absolute;
  top: 10px;
  right: 8px;
  }
#accessibility ul { display: block; }
#accessibility ul li,
#accessibility ul li a { float: left; display: block; }
#accessibility ul li a {
  padding: 0 7px 0 4px;
  background: transparent url(img/navigation.png) right -200px no-repeat;
  }
#accessibility ul li.last-item a { background: none; padding-right: 0; }

div#navigation,
div#menu,
div#menu ul { display: block; height: 41px; width: 929px; }

div#navigation {
  background: #89CB11 url(img/navigation.png) top left repeat-x;
  position: absolute;
  top: 70px;
  left: 27px;
  }

div#menu { background: transparent url(img/navigation.png) right -50px no-repeat; font-family: Tahoma; }
div#menu ul { background: transparent url(img/navigation.png) left -100px no-repeat; }
div#menu ul li,
div#menu ul li a { display: block; float: left; }
div#menu ul li a {
  background: transparent url(img/navigation.png) right -150px no-repeat;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 40px;
  padding: 0 10px 0 8px;
  text-shadow: 0px 1px 0px #555;
  }
div#menu ul li:last-child a { background: none; } /* Removes the background from the last hyperlink in a list in Opera 9+, Firefox 2+ */
div#menu ul li a:hover,
div#menu ul li a:focus,
div#menu ul li.current_page_item a { text-shadow: 1px 1px 1px #000; } /* FF3.1/Safari 4 ONLY -  applies a darker text-shadow to the link - seamless transition, thanks to :focus */

div#submenu {
  font-size: 0.8em;
  position: absolute;
  top: 46px;
  left: 2px;
  }
div#submenu ul { display: block; }
div#submenu ul li,
div#submenu ul li a { display: block; float: left; }
div#submenu ul li a {
  padding: 0 7px 0 4px;
  color: #FF9900;
  background: transparent url(img/navigation.png) right -200px no-repeat;
  }
div#submenu ul li:last-child a { background: none; }
div#submenu ul li a:hover { color: #000; }

div#nav-search { position: absolute; top: 8px; right: 8px; display: block; height: 30px; line-height: 16px; }
div#nav-search label { display: none; }
div#nav-search input { vertical-align: middle; }


.page,
.post,
h2.pagetitle,
h3#comments,
p.nocomments,
p.edit-page { padding: 0 5px; }

.post { margin-bottom: 0; padding-bottom: 0; background-color:#FFFFFF; }

.entry { margin: 15px 0 5px; font-size: 12px; line-height: 20.5px; }

.entry p,
.entry ol,
.entry ul {}
.entry p,
.entry ol,
.entry ul { margin: 1.2em 0; }

.entry ol { margin-left: 1.1em; padding-left: 1.1em; }
.entry ul { margin-left: 1.1em; padding-left: 1.1em; }
.entry ol li { list-style-type: decimal; }
.entry ul li { list-style-type: disc; }

.entry blockquote p { margin: 0; }

.postmetadata {
 /* border-top: 1px dotted #D5D5D5;
  border-bottom: 1px dotted #DDDDDD;*/
  font-size: 10px;
  color: #999;
/*  margin-top: 8px;*/
  padding: 0 2px;
}

.postmetadata .tags a { color: #666; padding: 1px 3px; }
.postmetadata .tags a:hover { background-color: #efefef; }


/* FORMS - Comments */

h3#comments { margin: 30px 0 20px; }

ol.commentlist { font-size: .8em; margin: 10px 0 20px; }

ol.commentlist li {
  background-color: #f9fbfc;
  border-top: 1px solid #b3cdd8;
  border-bottom: 1px solid #b3cdd8;
  padding: 12px 8px;
}

ol.commentlist .thread-alt {
	background-color: #f4f8f9;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

ol.commentlist .thread-even { background-color: #fff; }

ol.commentlist .depth-1 { }
.commentlist .even,
.commentlist .alt { }

li.comment-author-admin { background-color: #b3cdd8; }

.commentlist li .avatar { 
	background-color: #fff;
	border: 1px solid #eee;
	float: left;
	margin-right: 7px;
	padding: 2px;
}

.commentlist cite,
.commentlist cite a { font-style: normal; font-weight: bold; }
.commentlist cite { font-size: 1.1em; }
.commentlist p {
	display: block;
	font-weight: normal;
	line-height: 1.5em;
	margin: 3px 8px 3px 46px;
	text-transform: none;
}

.commentlist .comment-meta { font-size: 0.9em; margin-bottom: 3px; }

textarea#comment { width: 100%; }

#respond {
  background-color: #ccc;
  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;

  padding: 8px 8px;
}

#respond h3 {margin-top: 0;}


/* SIDEBAR */


div.sidebar { padding: 15px 20px 15px 10px; width: 300px;  margin-top:6px; font-size: 0.8em; }

div.sidebar #about,
div.sidebar .categories,
div.sidebar .archives,
div.sidebar .pagenav,
div.sidebar #meta,
div.sidebar .linkcat,
div.sidebar .widget {
  border-bottom: 1px dotted #ddd;
  margin: 0 0 9px;
  padding: 0 8px 9px;
}


ul.pagination-sb,
ul.tools-sb,
ul.twitter-sb { border-bottom: 1px dotted #ddd; margin-bottom: 9px; padding-bottom: 9px; }

.pagination-sb li,
.tools-sb li,
.twitter-sb li { display: block; overflow: hidden; }


div.sidebar .tools-sb li.rss-icon a {
	background: transparent url(img/rss-icon.png) center left no-repeat;
	border: none;
	display: block;
	height: 33px;
	line-height: 1.05em;
	padding: 2px 7px 2px 65px;
}





div.sidebar .pagination-sb li a,
div.sidebar .pagination-sb li a:link,
div.sidebar .pagination-sb li a:visited {
  background: transparent url(img/next-prev-sprite.png) right -195px no-repeat;
	border: none;
	display: block;
	line-height: 1.2;
	margin: 5px 8px 5px;
	padding: 2px 57px;
}

div.sidebar .pagination-sb li a:active,
div.sidebar .pagination-sb li a:focus,
div.sidebar .pagination-sb li a:hover {
	background-position: right -295px;
	border: none;
}

div.sidebar .pagination-sb li.previous_post a { background-position: left 5px; }
div.sidebar .pagination-sb li.previous_post a:hover { background-position: left -95px; }


div.sidebar .pagination-sb li a span,
div.sidebar .tools-sb li a span,
div.sidebar .twitter-sb li a span {
  color: #C54E0B;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-bottom: 3px;
  text-transform: uppercase;
}

div.sidebar .pagination-sb li a:hover span,
div.sidebar .tools-sb li a:hover span,
div.sidebar .twitter-sb li a:hover span { color: #C54E0B; }

div.sidebar ul.sb-list { margin-left: 5px; }

div.sidebar ul.group {
  float: left;
  margin: 0 0 0 10px;
  overflow: hidden; 
  padding: 0;
  width: 130px;
  
}


.pagination { font-size: 0.8em; margin-bottom: 10px; }

ol.page-link {
	background-color: #F5F5F5;
  border-radius: 4px 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
  font-size: 0.9em;
	margin: 0 0 20px;
	padding: 10px;
	width: auto;
}

ol.page-link li {
  display: block;
  float: left;
  line-height: 16px;
  margin-left: 0; /* Resets specific ol/ul/li within the CONTENTs default values */
}

ol.page-link li span {
  border-radius: 2px 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	text-align: center;
	margin: 0 0 0 3px;
	background-color: #ddd;
	color: #111;
	width: 16px;
}

ol.page-link li span a,
ol.page-link li span a:active,
ol.page-link li span a:focus,
ol.page-link li span a:hover,
ol.page-link li span a:link,
ol.page-link li span a:visited {
	background-color: #285776;
  border-radius: 2px 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	text-align: center;
	width: 16px;
}

ol.page-link li span a:hover { background-color: #5B8EAD; text-decoration: none; }


/* h4 -> sb-title - less semantic, better for search engine positioning */
.sb-title {
  color: #434343;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 1px;
  }



/* FOOTER
------------------------------------------------------------------ */




/* CLEARFIX
------------------------------------------------------------------ */

html .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }





/* rajouts*/
.extraitg{
float:left;
width:184px;
height:130px;

}
.extraitd{
margin-left:20px;
font-size:15px;
font-weight:bold;
float:left;
height:130px;
width:370px;

}

.conteneurg{

width:365px;
background-color:#FFF;
height:260px;
float:left;
margin-bottom:6px;

}
.conteneurgtexte{

color: #000;
width:317px;
background-color:#9f9f9f;
font-size:9px;
font-weight:bold;
text-align:justify;

height:212px;
float:left;
margin:10px;
padding:14px;


}

.titre{
padding-left:6px;
font-size:19px;
font-weight:bold;
color:#fff;
margin-bottom:10px

}
.conteneurd{

width:260px;
background-color:#FFF;
height:260px;
float:left;
margin-bottom:6px;
margin-left:10px;

}
.conteneurdtof{
margin:10px 0 0 11px;
}

.excerpt{

background-color:#d1d1d1; 

padding:13px;
color:#fff;
text-align:center;
font-size:18px;
  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
}


h2{/*
border-bottom: #DDD dashed 5px;
border-top: #DDD dashed 5px;*/
display:block;


  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;


background:#888;
padding:8px;


text-align:center;
font-weight: 900;
font-size:32px;
LETTER-SPACING: -1px;

}

h2 a,  h2 a:visited, h2 a:link, .excerpt a:visited{
color:#fff;
text-decoration:none;
}
h2 a:hover{
color:#fff;
}

.excerpt a,.excerpt a:visited{
color:#fff;
}
.excerpt a:hover{
color:#fff;
}

.gris{
background-color:#FFFFFF;
  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#fff;
	margin-bottom:10px;
padding: 18px 18px 18px 18px;
text-align:justify;
font-size:11px;
color:#444;
}

#gris-gauche{
float:left;
width:187px;
height:120px;
margin: 0 20px 0 0px;
}


.gris2{
background-color:#FFFFFF;
  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#fff;
	margin-bottom:10px;
padding: 32px;
text-align:left;
}

#logo{
padding:22px 0 0 30px;

}
.pub-468{
  border-radius: 8px 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#fff;
	margin-bottom:10px;

padding:16px;
}

.bouton{
background-color:#ccc;
border:none;


padding:7px;
}

.textbox{
padding:1px!important;

}


.refo{
position:absolute;
width:250px;
left:-5963px;
}
#tag{
padding: 10px 23px 20px 23px; width: 284px;  margin-top:10px; font-size: 0.8em; 
float:right;

}