html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:957px; 
 text-align:left; 
 margin:0 auto; 
} 
                         
#header_full{
 height:100px; 
 width:961px;
 background: url(../images/ban.png) no-repeat;
} 
#header{
 height:50px; 
 width:100%;
} 
#connex{
background:url(../images/connex.png) no-repeat;
width:147px;
height:29px;
float:right;
text-align:center;
margin-top:-49px;
padding-top:5px;
}
#connex a{color:#8CB9CE;text-decoration:none;}
#connex a:hover{text-decoration:underline;}

#connex_full{
background:url(../images/connex.png) no-repeat;
width:147px;
height:29px;
float:right;
text-align:center;
margin-top:-54px;
padding-top:5px;
margin-right:3px;
}
#connex_full a{color:#8CB9CE;text-decoration:none;}
#connex_full a:hover{text-decoration:underline;}

#login{
float:right;
} 
#login input{border:1px solid #8AAA46;height:20px;}
#twocols{
 width:100%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:310px; 
 float:right; 
 position:relative; 
 }
 
#maincol{
 background-color: #EFF8FC;  
 float: left; 
  position: relative;
  padding-left:20px;
  color:#5B7A87;  
 }
#maincol h2{
font-size:20px;
color:#32B6C4;
background-color:#EFF8FC;
}
 
#footer{
 height:80px; 
  background-color:#EAF7FE; 
 clear:both;
 display:block;
 overflow:auto;
} 
#divLogin{
background-color:#E1F4FD;
border-left:1px solid #B1D1E0;
border-right:1px solid #B1D1E0;
border-bottom:1px solid #B1D1E0;
width:98%;
color:white;
padding:10px;
font-family:Arial;
font-size:12px;
} 
#divLogin h2{
color:#81B9D3;
font-size:16px;
margin:0;
}
#divLogin a{color:#81B9D3;text-decoration:underline}
#divLogin a:hover{color:grey;}

.input{border:1px solid #ABC6D3;color:#ABC6D3;height:25px;}

#menu{
float:right;
}
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8e8e8e;
padding-top:5px;
	}
.menu ul{
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		}
	.menu li a{
		color:#545454;
		display:block;
		font-weight:bold;
		line-height:33px;
		text-align:center;
		text-decoration:none;
		margin-right:35px;
		}
		.menu li a:hover{
			color:#970B43;
			text-decoration:none;
			border-bottom:4px solid #970B43;
			}
	.menu li ul{
		background:#e0e0e0;
		border-left:2px solid #0079b2;
		border-right:2px solid #0079b2;
		border-bottom:2px solid #0079b2;
		display:none;
		height:auto;
		opacity:0.95;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		display:block;
		float:none;
		width:225px;
		}
	.menu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover{
			background:#949494;
			color:#000000;
			opacity:1.0;
			}
	.menu p{
		clear:left;
		}	
	li.current{
		background-color:#ff0000;
		}
#wrapper_full{
width:957px;
margin:0 auto;
border:1px solid #C8E4E7;
background-color:#EFF8FC;
}	
#wrapper{
width:957px;
background:url(../images/back_home.png) no-repeat;
margin:0 auto;
}		 
 #center{width:957px; height:600px;}
  #center_full{width:957px; height:600px;}
 #texte_centre{width:350px;color:#32B6C4; height:80px;padding-top:180px; padding-left:20px;font-weight:bold;font-family:Verdana;font-size:22px;}
 #formulaire{float:right;color:#30A2AD;margin-right:10px;width:260px; font-family:Arial;font-size:12px; padding-left:25px;  height:280px;margin-top:-210px;}
 #formulaire h1{color:#810134;font-family:Verdana; font-size:16px; margin-top:0;margin-bottom:10px;margin-left:-20px;}
#formulaire hr{
color: #D7F0FD;
background-color:#D7F0FD;
height: 1px;
border: 0;
}
#cadre1{
width:290px;
height:170px;
float:left;
margin-left:25px;
margin-top:90px;
color:white;
text-align:justify;
}
#cadre1 h2{color:white;margin:0;font-size:16px;}
#cadre2{
width:290px;
height:170px;
margin-left:25px;
margin-top:90px;
float:left;
color:white;
text-align:justify;
}
#cadre2 h2{color:white;margin:0;font-size:16px;}
#cadre3{
width:290px;
height:160px;
margin-top:20px;
margin-left:25px;
float:left;
color:white;
text-align:justify;
}
#cadre3 h2{color:white;margin:0;font-size:16px;}

#bloc1{
width:312px;
float:left;
padding-bottom:15px;
background:url(../images/separateur.jpg)right center no-repeat;
margin-left:10px;
}
#bloc1 a{color:#27A1AE;text-decoration:none;padding-left:35px;font-size:14px;line-height:20px;}
#bloc1 a:hover{color:#990C44;}

#bloc2{
width:300px;
margin-left:10px;
padding-bottom:15px;
background:url(../images/separateur.jpg)right center no-repeat;
float:left;
}
#bloc2 a{color:#990C44;text-decoration:none;padding-left:35px;font-size:14px;line-height:20px;}
#bloc2 a:hover{color:#27A1AE;}


#bloc3{
width:290px;
height:200px;
margin-left:20px;
float:left;
}

#slideshow{
width:930px;
height:150px;
margin:0 auto;
margin-top:-40px;
margin-bottom:40px;
}

#left1{
background-color:#32B6C4;
height:250px;
width:300px;
margin-top:30px;
}
#left2{
background-color:#BB1D5C;
height:250px;
width:300px;
margin-top:20px;
}
#left3{
background-color:#B7B516;
height:250px;
width:300px;
margin-top:20px;
}

/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}