/* CSS Document */







body{



	margin:0;



	margin-top:-3px;



	padding:0;



	padding-top:15px;



	background-color:white;



	background-image:url(../images_interface/fond_body.gif);



	background-position: center top;



	color:#000;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	text-align:justify;



}







hr {



	clear: both;



	width: 100%;



	border: 0; /* enleve toute bordure */



	border-bottom: 1px #CCCCCC solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */



	height: 1px; /* pour IE */



}







h1, .h1{



	font-family:Arial, Helvetica, sans-serif;



	font-size:18px;



	color: #999;



	font-weight:normal;



	margin:0;



	width:300px;



	margin-left:-36px;



	padding:5px 0 3px 36px;



	border-bottom: 1px dotted #000000;



}







h2, .h2, h2 a, .h2 a{



	font-family:Arial, Helvetica, sans-serif;



	font-weight:bold;



	font-size:16px;



	margin:0;



	padding:0;



}







h3, .h3, .h3 a:hover{



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;







	font-weight:bold;



	margin:0;



	width:205px;



	/*margin-left:-36px;*/



}







h4, .h4{



	font-family:Arial, Helvetica, sans-serif;



	font-weight:bold;



	font-size:16px;



	margin:0;



	padding:0;



}







h5, .h5{



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	font-weight:bold;



	margin:0;



	width:305px;



	margin-left:-36px;



}







h6, .h6{



	font-family:Arial, Helvetica, sans-serif;



	font-weight:bold;



	font-size:16px;



	margin:0;



	padding:0;



}







#container{	



	/* position: relative : obligatoire si on veut positionner des éléments internes en absolu */



	position:relative;



	width: 989px;



	margin:0 auto;



	text-align:justify;



	padding:0;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	background-image: url(../images_interface/fond_container.gif);



	background-position:left top;



	background-repeat:no-repeat;



	border-right:1px solid #ccc;



	border-bottom:1px solid #ccc;



}







#breadcrumb{



	position:absolute;



	top:191px;



	right:20px;



	height:25px;



	padding-left:30px;



	padding-top:7px;



	color:#000000;



}











#breadcrumb a{



	font: 0.8em Arial, Helvetica, sans-serif;



	font-weight:normal;



	color:#000000;



	text-decoration:none;



}











/************** Haut de page **************/



#header{



	float:left;



	height:111px;



	width: 990px;



	background-image: url(../images_interface/logo09.jpg);



	background-position:top;



	background-repeat:no-repeat;



}











#header a{



	display:block;



	position:absolute;



	top:1px;



	height:111px;



	width: 990px;



	text-decoration:none;



	z-index:30;



}







#header span{



	visibility:hidden;



}







/************** Bas de page **************/



#footer{



	clear:both;



	margin:0 auto;



	height:14px;



	text-align:left;



	width:989px;



	font-size:0px;



	background-color:#40403f;



}







#footer a{



	color:#40403f;



	text-decoration:none;



}











#footer a img{



	position:absolute;



	width:15px;



	right:5px;



	top:174px;



}







#content{



	float:left;



	margin:0 auto;



	width:919px;



	text-align:justify;



	font-size: 1em;



	color:#666;



	line-height:1.3em;



	display:block;



}







#content ul, #content li{



	margin:0;



	padding:0;



	list-style-position:inside;



}







#content img{



	margin:10px;



}







#content a{



	color:#ff6600;



	text-decoration:none;



}







#content a:hover{



	color:#ff6600;



	text-decoration:underline;



}







/************** Menu principal **************/



ul#menu1{



	position:absolute;



	top:125px;



	left:0;



	display:block;



	padding:0;



	margin:0;



	list-style:none;



	text-align:left;



	width:230px;



}







#menu1 li {



	font-family:"Times New Roman", Times, serif;



	font-size:18px;



	font-style:italic;



	/*text-decoration:none;*/



	cursor:pointer;



	margin-bottom:10px;



}







#menu1 li ul{



	background-color:#f8f8f8;



	padding:0;



	margin:0;



	list-style:none;



	width:220px;



	display:block;



}







#menu1 li li ul{



	background:none;



}



#menu1 li li {



	display:block;



	margin:0;



	z-index:10;



	border:none;



	font-family: "Times New Roman", Times, serif;



	font-style:normal;



	font-size:11px;



	cursor:default;



}







#menu1 li li li{



	display:block;



	margin:0;



	z-index:10;



	border:none;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



}











#menu1 li span{



	display:block;



	height:13px;



	margin-top:10px;



	padding-left:26px;



}



#menu1 li li span{



	display:block;



	height:13px;



	padding-left:44px;



	margin-bottom:10px;



	background-repeat:no-repeat;



	background-position:32px 4px;



}



#menu1 li li li span{



	display:block;



	height:auto;



	padding-left:44px;



	margin-top:0;



	margin-bottom:5px;



	



}



/********************************************/



/* Classes des menus						*/



#menu1 li.menutype_0_0 span{



	color:#FF7800;



	border-bottom:1px solid #FF7800;



}







#menu1 li.menutype_0_0 li span{



	background-image:url(../images_interface/puce_menu1_orange.gif);



	border-bottom:0;



}







#menu1 li.menutype_0_0 a span{



	color:#999;



	background:none;



}



/***/



#menu1 li.menutype_0_1 span{



	color:#9C1E8B;



	border-bottom:1px solid #9C1E8B;



}







#menu1 li.menutype_0_1 li span{



	background-image:url(../images_interface/puce_menu1_violet.gif);



	border-bottom:0;



}







#menu1 li.menutype_0_1 a span{



	color:#999;



	background:none;



}



/***/



#menu1 li.menutype_0_2 span{



	color:#73B019;



	border-bottom:1px solid #73B019;



}







#menu1 li.menutype_0_2 li span{



	background-image:url(../images_interface/puce_menu1_vert.gif);



	border-bottom:0;



}







#menu1 li.menutype_0_2 a span{



	color:#999;



	background:none;



}



/***/



#menu1 li.menutype_0_3 span{



	color:#FF0000;



	border-bottom:1px solid #FF0000;



}







#menu1 li.menutype_0_3 li span{



	background-image:url(../images_interface/puce_menu1_rouge.gif);



	border-bottom:0;



}







#menu1 li.menutype_0_3 a span{



	color:#999;



	background:none;



}



/***/



#menu1 li.menutype_0_4 span{



	color:#D9A302;



	border-bottom:1px solid #D9A302;



}







#menu1 li.menutype_0_4 li span{



	background-image:url(../images_interface/puce_menu1_brun.gif);



	border-bottom:0;



}







#menu1 li.menutype_0_4 a span{



	color:#999;



	background:none;



}



#menu1 li a:hover span{

	

	text-decoration:underline;

	

}



/********************************************/







#central_home{



	position:relative;



	width:632px;



	margin:0;



	font-size:10px;



	line-height:13px;



	margin-left:248px;



	padding:88px 100px 70px 10px;



	background-image:url(../images_interface/fond_central_home.gif);



	background-position:center top;



	background-repeat:no-repeat;



}







#central_1{



	position:relative;



	width:612px;



	margin:0;



	margin-left:247px;



	padding:88px 100px 70px 30px;



	background-image:url(../images_interface/fond_central_1.gif);



	background-position:center top;



	background-repeat:no-repeat;



}







#central_1_bis{



	position:relative;



	width:662px;



	margin:0;



	margin-left:247px;



	padding:88px 50px 70px 30px;



	background-image:url(../images_interface/fond_central_1.gif);



	background-position:center top;



	background-repeat:no-repeat;



}







#central_1_ter{



	position:relative;



	width:412px;



	margin:0;



	margin-left:247px;



	padding:88px 300px 70px 30px;



	background-image:url(../images_interface/fond_central_1.gif);



	background-position:center top;



	background-repeat:no-repeat;



}







#central_2{



	position:relative;



	width:612px;



	margin:0;



	margin-left:247px;



	padding:88px 100px 70px 30px;



	background-image:url(../images_interface/fond_central_2.gif);



	background-position:center top;



	background-repeat:no-repeat;



}







#central_2_bis{



	position:relative;



	width:988px;



	margin:0;



	background-image:url(../images_interface/fond_central_2.gif);



	background-position:right top;



	background-repeat:no-repeat;



	border-left:1px solid #ccc;



}







#central_3{



	position:relative;



	width:612px;



	margin:0;



	margin-left:247px;



	padding:88px 100px 70px 30px;



	background-image:url(../images_interface/fond_central_3.gif);



	background-position:center top;



	background-repeat:no-repeat;



	border-right:1px solid #ccc;



}







#central_4{



	position:relative;



	width:612px;



	margin:0;



	margin-left:247px;



	padding:88px 100px 70px 30px;



	background-image:url(../images_interface/fond_central_4.gif);



	background-position:center top;



	background-repeat:no-repeat;



	border-right:1px solid #ccc;



}







#central_4_bis{



	position:relative;



	width:988px;



	margin:0;



	background-image:url(../images_interface/fond_central_4.gif);



	background-position:right top;



	background-repeat:no-repeat;



	border-left:1px solid #ccc;



}







#central_5{



	position:relative;



	width:612px;



	margin:0;



	margin-left:247px;



	padding:88px 100px 70px 30px;



	background-image:url(../images_interface/fond_central_5.gif);



	background-position:center top;



	background-repeat:no-repeat;



	border-right:1px solid #ccc;



}







#central_1 ul li{



	list-style-position:outside;



	margin-left:18px;



	list-style-image:url(../images_interface/puce_orange.gif);



}







#central_3 ul li{



	list-style-position:outside;



	margin-left:18px;



	list-style-image:url(../images_interface/puce_verte.gif);



}







#central_4 ul li{



	list-style-position:outside;



	margin-left:18px;



	list-style-image:url(../images_interface/puce_rouge.gif);



}











#col_right{



	position:absolute;



	top:210px;



	right:0;



	width:270px;



	padding-left:10px;



	padding-right:10px;



}







#col_right img{



	margin-left:0;



}







#page_chapeau{



	float:right;



	top:200px;



	right:1px;



	width:200px;



}







a.suite{



	padding-left:20px;



	font-weight:normal;



	background-image:url(../images_interface/suite.gif);



	background-position:left 50%;



	background-repeat:no-repeat;



	color:black;



}











/************ L'image sur la gauche ******************/



#im_1{



	float:left;



	padding:0 30px 30px 0;



	display:block;



}







/************ Le formulaire de login ******************/



#login{



	width:405px;



	margin-left:10px;



	/*position:absolute;



	



	right:7px;



	top:168px;



	background-color:#717171;



	padding:15px;*/



}







#login label{



	display:block;



	font-size:10px;



	margin:0;



	font-size:0.85em;



	color:#333;	



}







#ident, #mdp{



	display:block;



	width:115px;



	height:16px;



	border:1px solid #ccc;



	margin-bottom:10px;



	font-size:10px;



}







#login #ok{



	



}







#login #ok:active{



	background-position:0 0;



}







#login a{



	clear:both;



	display:block;



	font-size:0.85em;



	color:#333;



	



	margin:20px 0;



}











/************ Le formulaire de recherche******************/



#rech{



	position:absolute;



	width:185px;



	right:25px;



	top:148px;



	height:50px;



	background-image:url(../images_interface/puce3.gif);



	background-repeat:no-repeat;



	background-position: 10px 0;



	padding-top:26px;



}







#rech label{



	float:left;



	display:block;



	font-size:10px;



	margin:2px 10px;



	font-size:0.85em;



	color:#999;		



}







#q{



	float:left;



	width:80px;



	height:11px;



	border:1px solid #ccc;



	font-size:10px;



}







#ok{



	float:left;



	display:block;



	margin:-2px 5px;	



}







/************ Le formulaire de contact******************/







#form_contact{



	margin:0;



	padding:10px;



	margin-top:30px; 



	margin-bottom:30px;



}







#form_contact td{



	text-align:left;



	font-size:11px;



}







/************ Quelques classes ******************/







.fond1{



	background-color:#fff;



	padding:5px;



	border-bottom:1px solid #ccc;



}



.fond2{



	background-color:#eee;



	padding:5px;



	border-bottom:1px solid #ccc;



}







#form_inscription{



	height:300px;



	width:185px;



	padding:20px;



	background-image:url(../images_interface/tester_avant.gif);



	background-repeat:no-repeat;



	padding-top:45px;



	font-size:10px;



	color:white;



	line-height:normal;



}







#form_inscription input{



	margin-top:5px;



	font-size:10px;



}







/************ Pour les reférences ******************/







.colonne{



	float:left;



	width:240px;



	margin-left:25px;



	



}



.ref{



	margin-bottom:30px;



}







div.ref h4{



	margin:0;



	padding:0;



	color:#c00;



	font-size:11px;



	font-weight:normal;



}







div.ref strong{



	display:block;



	margin-bottom:5px;



}







div.ref a{



	color:#c60;



	text-decoration:none;



	display:block;



}







td{



	vertical-align:top;



}