/* coding by Pierre Vanderpol */
/*******************************  Layout       ****************************************/
*{ padding:0; margin:0;} /* reset everything */
body
			{
			
			
			background:url(images/bg.jpg) top left repeat-x #1c1f21;
			}
	
#page 		{
			width: 760px;
			margin: 0 auto;
			background-color:#303133;
			border:#5e5e5f solid 1px;	
			}
	
#header
			{
			background:url(images/headerNB2.jpg) no-repeat left top /*#73a0c5*/;
			height: 250px;
			width: 760px;
			border-bottom:#5e5e5f solid 1px;
			}
	
#headerimg 
			{
			height: 200px;
			width: 100%;
			/* padding-top:15px; */							
			}	
#headerimg h1.swap{   
					height:57px; background:url(images/h1ifr.png) right top  no-repeat;  
					position:relative;
					top:123px;
										
					} /* Fahrner Image Replacement (FIR) */ 
#headerimg h1.swap span {display:none;}	
#headerimg .description {visibility:hidden;}	
ul{ margin:0; padding:0; border:0;} 
ul#navigation{  
				height:100px;
				line-height:55px;
				width:inherit; 
				list-style:none;
				} 
ul#navigation li { 
					display:inline; 
					height:1.5em; /*float:left;*/ 
					padding:0 1.2em; 
				} 

#Drapeau{ padding:0; margin:0; border:0;}

#content{ 	
			padding:2em 4em 2em 3em;  
			background:#303133 url(images/bgContenu.jpg) repeat-x!important;
			background-position:top left;
			min-height:400px;
		}
		
/* fil d'ariane pour le rappel de navigation dans les articles */		
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}		
		
#comment /* comment area of the blog articles*/
{
width:400px;
padding: 2px;
margin: 5px 5px 1px 0;
}

h2, h3{line-height:1.3em;padding:0 0 0.3em 0;}
h2{ clear:both;}
h3{ margin-top:1em;}
h4{ 		padding:0 0 0.5em 0; margin-top:2em;}
p{ 			margin:0.5em 0 0.3em 0;} 

img{ 		padding:3px; border:1px #5e5e5f solid;}
.imgnoborderimg{ border:0; padding:0;} /* for the horizonral rulers images */

.imggalerie{ float:left; width:75px; height:75px; margin: 1px; padding:4px;} /* pictures in "galerie" */
.gallerie{ float: left; margin: 5px;} 
.gallerie img{width:75px; height:75px;}

.imageFLottante{ float:left; margin: 4px;} /* pictures in "instructor" */
/*
img.alignright {
			padding: 4px;
			margin: 0 0 2px 7px;
			display: inline;
		}
img.alignleft {
			padding: 4px;
			margin: 0 7px 2px 0;
			display: inline;
}
*/
.alignright{float: right;}
.alignleft {float: left;}
img.centered { display: block; margin-left: auto; margin-right: auto;}
img[title="hr"]{border:0; padding-top:2em;}/* remove the bottom border from my image horizontal rules with CSS3 selector */
/* reset the comments area bg color */
#author, #email, #url{ background:#303133!important; border:#5e5e5f solid 1px;}
#comment{ overflow:hidden;}
.poussetoi{ margin: 0 5px 10px 5px;}
#content ul{list-style-type:none;}
.clear 		{ clear: both; }
.aligncenter,div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
small{line-height: 1em;}
.sautalaligne{margin:0 0 3em 0}


.post {
margin: 0 0 40px;
/*border-bottom:1px dotted #5e5e5f;*/
}
.narrowcolumn .postmetadata { padding-top:5px;}
.postmetadata { line-height:1.8em; padding-bottom:2em; border-bottom:1px dotted #5e5e5f;}
.alt { margin: 0; padding: 10px;}

#footer{ 	border-top:#5e5e5f solid 1px;
			clear:both; background:#303133 url(images/footer.jpg) repeat-x top left; 
			min-height:38px; 
			height:38px;
			/*width:760px; */
			}
#footer p{ height:38px; line-height:38px; margin:0; padding:0;}
.hidden { display: none; }

#score{ border:#5e5e5f solid 2px;}
#score th,#score td{width:150px;}
/* le formulaire de contact : le centrer dans le site */
#wpcf7-f1-p494-o1{ margin:5em auto; position:relative; width:340px;}
#wpcf7-f1-p46-o1{ margin:5em auto; position:relative; width:340px;}
.pilote{ position:relative; list-style-type:none; width:50%; height:auto; min-height:12em; margin:2em auto; } 
.pilote li { float:left; }
/* c est le paragraphe qui doit flotter */
.espaceadroite{ padding-right:3em; text-align:right;}


/*******************************  Fonts    ****************************************/
body
{
	font-size:62.5%; /* Resets 1em to 10;px */
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-align:center; /* fix IE bug to center blocks*/
	color:#bcbcbc;
}
a { text-decoration:none; color:#FFF!important;}
h1 {font-size: 1.6em;}
h2{font-size:1.1em;}
h3{font-size:1em;}
h2, h3{font-family:Georgia,Serif;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;}
h3{/*font-size:1.1em;*/ color:#dadbda!important;} 
h4{ font-size: 1em;}
#page { text-align: left;  /* unfix IE bug .... */ 	}
#headerimg 	{text-align:center;}	
ul#navigation{ text-align:center; } 


/* font replacement */
@font-face { 	font-family: NEUROPOL;
				src: url('NEUROPOL.TTF'); } 
				
@font-face { 	font-family: NEUROPOL; 
				font-weight:normal;
				src: url('NEUROPOL.TTF'); 
				
				}
				
/* IE fix fonts Neuropol .eot */
<!--[if IE]>
	<style type="text/css">


@font-face{
  font-family: NEUROPOL;
  src: url('NEUROPOL.EOT');
 }


	</style>
<![endif]--> 


ul#navigation li { font-family: NEUROPOL, sans-serif; }


ul#navigation li a{ font-size:1.5em; text-decoration:none;}
ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li a:focus { text-decoration:underline; color:#FFCC00!important;}
#headerimg h1 {color:#BBB;!important}
#headerimg .description { font-size:1.4em; color:#eee!important;}
#content { font-size: 1.2em; }	
#content a {color: /*#cfa62b*/#decb26!important; text-decoration: none; }
#content a:hover {/*#cfa62b*/#decb26!important; text-decoration:underline;}
#content h2, #content h2 a, #content h2 a:hover, #content h2 a:visited
{color:#fb5b27 !important; font-weight:bold; text-decoration:none;}
.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.6em;}
.entry{line-height:1.5em; padding-top:1em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: center;}
blockquote{ font-weight:bold;}
/* comments from the blog and blog articles color */
#author, #email, #url{ color:#dadbda!important;}
#footer p{ text-align:center; height:38px; line-height:38px;}
#score{ text-align:center;}

.center {text-align: center;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
.postmetadata { font-size:0.8em; color:#666666;padding:2em 0;}
#points{color:#fb5b27!important;}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
color:#5E5E5F;
}
.bold{ font-weight:bold;}
#post-46 h2{ text-align:center;}