/* CSS Document */

*{margin:0;padding:0;}

body
{
	background-color:#f3f3f3;/*#F0F1F1*/
	font-size :12px;
}

body, div, a, h3, h2, h1, span
{
	font-family: Arial, Helvetica, sans-serif;
}
p
{
	color:#f3f3f3;/*#F0F1F1*/
}
#page
{
	position:absolute;
	left: 50%;
	width: 895px;
	margin-left: -447px;
	text-align: left;
	background-color:#FFFFFF;
}


#bar_header
{
	height:70px;
	background-color: #404040;
	border: 1px solid #FFFFFF;
	border-top: 0px;
	padding-left: 20px;
	color: #FFFFFF;
	background-image:url(../images/bg_alsace.jpg);
	background-repeat:no-repeat;
}

#header
{
	background-image:url(../images/header_fr.gif);
	background-repeat:no-repeat;
	position: relative;
	height: 151px;
}

#logo 
{
	position: absolute;
	height: 126px;
	width:117px;
	top: 0px;
	left: 0px;
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
	
}
/*////////////////////////////////////MENU/////////////////////////////*/
#menu
{
	height : 40px; 
	letter-spacing : 1px;
	font-size : 12px;
	list-style-type : none;
	margin : 0px;
}
#menu li
{
	padding : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	float : right;
}
#menu a
{
	padding : 5px 8px 4px 8px;
	margin : 0px 0px 5px 0px;
	display : block;
	float : left;
	text-decoration : none;
	color: #000000;
	border-bottom : 4px solid #F6F6F6 !important;
	border-top : 4px solid #F6F6F6;
}
#menu a:hover
{
	background : bottom #F6F6F6;
	color : #203E70;
	border-bottom : 4px solid #203E70!important;
}
#menu a:active
{ 
	color : #FFFFFF;
	border-bottom : 5px solid #FEE432 !important;
	border-bottom : none;
}
/*////////////////////////////////////FIN MENU/////////////////////////////*/
#conteneur
{
	background-color: #FFFFFF;
	position:relative;
	width: 895px;
	padding-top: 15px;
	color:#036;
}

#gauche
{
	float: left;
	/*background-color: #033669 ;*/
	/*background-image:url(../images/bg_gauche.gif);*/
	width: 212px;
	margin-left: 10px;
	/*margin-bottom: 25px;*/
	
}
#gauche p
{

	padding:10px;
	color: #5D5D5D;
	text-align:justify;
	font-size:10px;
}
#gauche h3
{
	color: #000000;
	font-size: 14px;
	margin-bottom: 5px;
}
#gauche h2
{
	border:#F3F3F3 1px solid;
	font-size:12px;
	color:#5D5D5D;
}
.img_gauche
{
	background-color: #FFFFFF;
	margin-left:50px;
	margin-top:10px;
	padding: 2px;
	border:none;
	padding-bottom: 10px;
}
.gauche_haut
{
	float:left;
	/*border-bottom: 1px solid #CCCADB;*/
	width:212px;
	background-color: #F6F6F6;;
	margin-bottom:10px;
	padding-bottom: 10px;
}
.gauche
{
	float:left;
	/*border-bottom: 1px solid #CCCADB;*/;
	width:212px;
	margin-bottom:10px;
	padding-bottom: 15px;
	background-color: #F6F6F6;
}
.gauche_bas
{
	float: left;
	/*border-bottom: 1px solid #CCCADB;*/
	width:212px;
	background-color: #F6F6F6;
	margin-bottom:10px;
	padding-bottom: 10px;
}
#phpmyvisit
{
	float:left;
	width:212px;
	text-align:center;
	padding-bottom:10px;
}
#centre
{
	width:630px;
	margin-left: 230px;
	margin-bottom:15px;
	padding: 15px 10px 15px 10px; 
	border: 3px #f6f6f6 double;
}
#centre p
{
	color:#525252;
	margin-top:10px;
	padding-bottom:10px;
	font-size: 12px;
	text-align:justify;
	line-height: 140%;
}
#centre a
{
	color: #918E7F;
	text-decoration: none;
	margin-bottom: 7px;
}

#centre a:hover
{
	text-decoration: underline;
}
#centre h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-top:20px;
	text-align:center;
	font-weight:bold;

}
#centre h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
	font-weight:bolder;
	color: #828282;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	background-color: #F6F6F6;
	border-bottom: 1px solid /*#EAEAEA*/ #EBEBEB;
}
#centre h3
{

	padding-top:20px;
	text-align:center;
}
.clearall
{	
	clear: both; 
}
/*///////////////////////////////FOOTER////////////////////////////////////////////////*/
#footer
{

	height:40px;
	border-top: 1px solid #D7D7D7;
	text-align: center;
	background-color:#F3F3F3;/* #1c426b  #800000*/
	color: #918E7F;
	clear:both;
	padding-top:10px;	
}

#footer a
{
	color: #918E7F;
	text-decoration: none;
	font-size:10px;
	
}
#footer a:hover
{
	color: #203E70;
	cursor:hand;
	font-size:13px;
	font-weight:800;
	color:midnightblue;
	text-decoration:none;
}
/*///////////////////////////////FIN FOOTER////////////////////////////////////////////////*/

/*//////////////////////////////////////Tableau Partenaires//////////////////////////*/
.tableau {
	margin-top:25px;
	margin-bottom:15px;
	padding:5px;
	border:none;
	float:left;
}
.tableau td, th {
	border: 1px solid #404040;
	padding:5px;
}
.img_partenaire
{
	margin:10px 10px 0px 10px;  
	border:#000000 1px solid; 
	float:left;
	padding-top:15px;
	margin-bottom:15px;
}

.partenaire_gche{
	float:left;
	width:300px;
	margin-top:10px;
}
.partenaire_gche h1{
	text-align:center;
}
.partenaire_gche h2{
	text-align:center;
	font-weight:bolder;
}
.partenaire_dte{
	float:left;
	width:300px;
	margin-top:10px;
	margin-left:15px;
}
.partenaire_dte h1{
	text-align:center;
}
.partenaire_dte h2{
	text-align:center;
	font-weight:bolder;

}
/*////////////////////////////////////////Fin Tableau Partenaires///////////////////*/


/*////////////////////////////////Liens page liens///////////////////////////////////////////*/

ul.liens {
	list-style-type: none;
	margin: 20px 0 0 20px;
	padding: 0;
}

ul.liens a 
{
	text-decoration: none;
	color: #000;
	padding-left: 20px;
	line-height:10px;
	font-size:13px;
	line-height:20px;
} 
ul.liens a:hover
{
	cursor:hand;
	font-family:verdana;
	font-size:11;
	font-weight:600;
	color:midnightblue;
	text-decoration:none;
	background: #FFFF00;
}


/*//////////////////////////////////Fin liens page Liens///////////////////////////////////////*/