*{margin:0px;padding:0px;}

body{
	text-align:			center;
	font-family: 		Arial, Helvetica, sans-serif; 
	font-size:			12px;
	background-color:	#dcdcdc;
	color:				#111;
}
#global{
	margin-left: 	auto;
	margin-right: 	auto;
	padding-bottom:	20px;
	width:			799px;
	text-align:		justify;
}

img{
	border:	0;
}

.spacer{
	clear:	both;
}

/**
* --------------------------------------
* 				OMBRES
* --------------------------------------
*/	
.ombre .haut{
	background-image:	url(/img/2d2bcbdaba57bbd3dc5891e54bb71f54f9908708.png);   
	height:				10px;
	font-size:			1px;
}
.ombre .milieu{
	background:		url(/img/1e3d9284f30e6372008b594c7be976686079cb68.png);
	padding-left:	11px;
	padding-right:	11px;
}
.ombre .bas{
	background:	url(/img/9ada474425f8470633a03081d0c77ae047a15e80.png);
	height:		10px;
	font-size:	1px;
}

/**
* --------------------------------------
* 				HEADER
* --------------------------------------
*/	
#entete.ombre .milieu{
	padding-left:	11px;
	padding-right:	11px;
}
#entete.ombre .bas{
	background-position:	top;
	height:					5px;
}

/**
* --------------------------------------
* 				BANDEAU
* --------------------------------------
*/	
#bandeau{
	position:			relative;
	background-repeat:	no-repeat;
	height:				140px;
}
#bandeau #titre{
	position:	absolute;
	left:		3px;
	top:		33px;
}
#bandeau #bandeau_telephone{
	position:	absolute;
	right:		21px;
	top:		52px;
}
#bandeau #recherche{
	position:	absolute;
	right:		-5px;
	bottom:		2px;
}
#bandeau #recherche #ok{
	float:			left;
	margin-left:	2px;
}
#bandeau #recherche #champ{
	float:			left;
	margin-top:		0;
	padding:		1px;
	height:			13px;
	width:			119px;
	font-size:		11px;
	border:			solid 1px #c8c8c8;
	color:			#333;
	padding-left:	4px;
}
#bandeau #recherche img{
	display:	none;
}
#bandeau #raccourcis{
	position:	absolute;
	right:		7px;
	bottom:		0px;
	width:		255px;
}

/**
* --------------------------------------
* 			NAVIGATION HAUTE
* --------------------------------------
*/	
#navigation.ombre .haut{
	background-position:	bottom;
	height:					5px;
}
#navigation.ombre .milieu{
	padding-left:	11px;
	padding-right:	11px;
}
#navigation .milieu{
	height:	60px;
}
#navigation .milieu ul{
	margin:	0;
	padding:	0;
}
#navigation .milieu li{
	float:		left;
	height:		60px;
	position:	relative;
	list-style:	none;
	z-index:	20;
}
#navigation .milieu li .menu_deroulant{
	display:	none;
	position:	absolute;
	top:		60px;
	left:		-8px;
	z-index:	30;
	width: 		213px;
	text-align:	left;
}

#navigation .milieu li .menu_deroulant.ombre .milieu{
	background:	url(/img/4bcd1b7971b17ce10386cfbea3ec296adbf1a12f.png);
	padding:	3px 11px 3px 11px;
	height:		auto;
}
#navigation .milieu li .menu_deroulant.ombre .bas{
	background:	url(/img/a827492940d38151b139c50178fbc1dd8e2f3f1b.png);
	height:		8px;
	font-size:	1px;
}
#navigation .milieu li:hover .menu_deroulant{
	display:	block;
}

#navigation .milieu li .menu_deroulant .ul1{
	padding-bottom:		5px;
	background-image:	url(/img/3e50a3bee260688d2354598304ae958392421bd6.png);
}
#navigation .milieu li .menu_deroulant .ul1 li{
	margin:					0;
	list-style-type:		square;
	list-style-position:	inside;
	background-image:		url(/img/3e50a3bee260688d2354598304ae958392421bd6.png);
	padding:				5px 2px 5px 20px;
	color:					#444;
	float:					none;
	position:				static;
	height:					auto;
}
#navigation .milieu li .menu_deroulant .ul1 li:hover{
	background-image:	url(/img/242549ecea2f144c757e6f5a5b25aeeece6878c3.png);
	color:				#596c89;
}
#navigation .milieu li .menu_deroulant .ul1 li.on{
	color:	#596c89;
}
#navigation .ul1 li a:link,
#navigation .ul1 li a:visited,
#navigation .ul1 li a:hover,
#navigation .ul1 li a:active{
	font-weight:		bold;
	color:				#444;
	text-decoration:	none;
	font-family: 		Arial, Helvetica, sans-serif; 
	font-size:			11px;
}

/**
* --------------------------------------
* 				CARTOUCHE
* --------------------------------------
*/	
#cartouche{
	margin-top:		5px;
	margin-bottom:	15px;
}

#cartouche .milieu a{
	position:				relative;
	display:				block;
	background-color:		#fff;
	height:					137px;
	background-image:		url(/img/d8ac7e062c9bb8686f3cfce26d6fc63a1d3acb15.png);
	background-repeat: 		repeat-x;
	background-position:	right bottom;
	padding:				3px;
	z-index:				10;
}
#cartouche .milieu img{ 
	float:left;
}
#cartouche a:link, 
#cartouche a:visited,
#cartouche a:hover, 
#cartouche a:active { 
	text-decoration:	none;
	color:				#111;
}
#cartouche a:link span,
#cartouche a:visited span { 
	color:	#204987;
}
#cartouche a:hover span,
#cartouche a:active span { 
	color:	#7c8c92;
}
#cartouche br{
	line-height:	7px;
}
#cartouche .illustration{
	position:	absolute;
	top:		-25px;
	right:		-21px;
}

/**
* --------------------------------------
* 				CORPS
* --------------------------------------
*/	
#corps{
	margin:		10px 0px 0 10px;
	position:	relative;
}
#corps.ombre .haut{
	background-image:	url(/img/b99a4c401d21f854a8588dcc0bf1872f12b0580d.png);   
	height:				10px;
	font-size:			1px;
}
#corps.ombre .milieu{
	background:			url(/img/b2fe15845fde72bff2ea2a966ec56fe5738e3f76.png); 
	background-color:	#fff;
	padding-left:		11px;
	padding-right:		14px;
	padding-top:		3px;
}
#corps.ombre .bas{
	background-image: 	url(/img/200de967a99eb0c7cbb43f8539ebf4d1cab79520.png);
	height:				60px;
	font-size:			12px;
}

/**
* --------------------------------------
* 				MENU GAUCHE
* --------------------------------------
*/	
#gauche {
	position:	absolute;
	width:	 	213px;
	top:		-10px;
	left:		-7px;
}
#menu{
	text-align:	left;
}
#menu.ombre .haut{
	background-image:	url(/img/b82db7d0d4d451610a73802aa582acaf4622ea46.png);   
	height:				8px;
	font-size:			1px;
}
#menu.ombre .milieu{
	background:	url(/img/4bcd1b7971b17ce10386cfbea3ec296adbf1a12f.png);
	padding:	3px 11px 3px 11px;
}
#menu.ombre .bas{
	background:	url(/img/a827492940d38151b139c50178fbc1dd8e2f3f1b.png);
	height:		8px;
	font-size:	1px;
}

/* ----- Titres ----- */
.titre{
	color:				#fff;
	background-color:	#596c89;
	font-weight: 		bold; 
	font-size: 			10px; 
	font-family: 		Verdana, Arial, Helvetica, Tahoma, Sans-serif; 
}
.titre a{
	display:		block;
	padding:		18px;
	padding-right:	5px;
}
.titre a:link,
.titre a:visited,
.titre a:hover,
.titre a:active{
	color:			#fff;
	text-decoration: none;
}

/* ----- UL1 ----- */
#menu .ul1{
	margin:				0;
	background-image:	url(/img/3e50a3bee260688d2354598304ae958392421bd6.png);
	padding-bottom:		15px;
	padding-top:		5px;
}
#menu .ul1 li{
	margin:					0;
	list-style-type:		square;
	list-style-position:	inside;
	background-image:		url(/img/3e50a3bee260688d2354598304ae958392421bd6.png);
	padding:				5px 2px 5px 20px;
	color:					#444;
}
#menu .ul1 li:hover{
	background-image:	url(/img/242549ecea2f144c757e6f5a5b25aeeece6878c3.png);
	color:				#596c89;
}
#menu .ul1 li.on{
	color:				#596c89;
	background-image:	url(/img/242549ecea2f144c757e6f5a5b25aeeece6878c3.png);
}
#menu .ul1 li a:link,
#menu .ul1 li a:visited,
#menu .ul1 li a:hover,
#menu .ul1 li a:active{
	font-weight:		bold;
	color:				#444;
	text-decoration:	none;
	font-family: 		Arial, Helvetica, sans-serif; 
	font-size:			11px;
}

/* ----- UL2 ----- */
#menu  li.ul2{
	list-style-type:	disc;
	padding-left:		35px;
}

/**
* --------------------------------------
* 				MODULES
* --------------------------------------
*/	
#modules{
	margin-top:		25px;
	margin-left:	25px;
}
#modules img{
	margin-bottom:	25px;
}
#modules img.telephones{
	margin-left:	17px;
}

/**
* --------------------------------------
* 				CONTENU
* --------------------------------------
*/	
#centre {
	background-image:	url(/img/a1909b8593af94673c4119f7a7c1ab3e16c375ef.png);
	background-repeat:	no-repeat;
	padding:			0px 15px 0px 210px;
}

/* ----- titres ----- */
h1{
	font-weight: 		bold; 
	font-size: 			15px; 
	color: 				white; 
	font-family: 		Arial, Verdana, Helvetica, Tahoma, Sans-serif; 
	background-color: 	#444444; 
	background-image:	url(/img/82e28db49325a5a5c9ddb3f2e9470575db675ef7.png);
	background-repeat:	repeat-x;
	text-align:			right;
	padding-right:		15px;
	height:				42px;
	line-height:		42px;
	margin-left:		-210px;
	margin-right:		-15px;
	margin-bottom:		20px;
	overflow:			hidden;
}
h2{
	position:		relative;
	font-size: 		13px; 
	font-weight: 	bold; 
	margin-bottom:	20px;
}
h2 .texte{
	display:			block;
	background-color:	#eee;
	margin-left:		35px;
	padding:			2px 2px 2px 10px;
	background-color:	#eee;
	border:				solid 1px #aaa;
	text-align: 		left;
}
h2 .lettrine{
	display:	block;
	position:	absolute;
	left:		0px;
	top:		-13px;
}
h3{
	background-color:#eee;
	font-size: 13px; 
	font-weight: bold; 
	margin-bottom:20px;
	padding-left:5px;
	border:solid 1px #aaa;
}
.h4{
	border-top:		solid 2px #B3B3B3;
	border-bottom:	solid 2px #B3B3B3;
	padding-top:	5px;
	padding-bottom:	5px;
	margin-top:		15px;
	margin-bottom:	15px;
}
h4{
	font-weight: 		bold;
	font-size: 			13px;
	color:				#204987;
	background-color: 	#f8f8f8;
	padding-left:		15px;
}

/* ----- Liens ----- */
a:link, a:visited{
	text-decoration:	underline;
	color:				#111;
}
a:hover, a:active{
	text-decoration:	underline;
	color:				#999;
}
a.a1:link,
a.a1:visited,
a.a1:hover,
a.a1:active{
	text-decoration:	none;
	color:				#111;
}
a.a1:link span,
a.a1:visited span{
	text-decoration:	underline;
	color:				#111;
}
a.a1:hover span,
a.a1:active span{
	text-decoration:	underline;
	color:				#aaa;
}
.lien_bas{
	text-align:		right;
	margin-top:		20px;
	font-weight:	bold;
}
.retour{
	text-align:	right;
}

/* ----- Listes ----- */
ul{
	margin:	10px 0 15px 30px;
}
ul.inside{
	list-style-position:	inside;
}
li{
	margin-bottom:	10px;
}
ol{
	margin:	10px 0 15px 50px;
}
ol.inside{
	list-style-position:	inside;
}
				
/* ----- Cadres ----- */
.cadre1{
	font-weight: 		bold;
	color:				#204987;
	background-color: 	#eeeeee;
	padding:			15px 30px 15px 30px;
	margin:				15px 0 15px 0;
	display:			block;
}
.cadre2{
	background-color: 	#eeeeee;
	padding:			15px 30px 15px 30px;
	margin:				15px 0 15px 0;
	display:			block;
}
.cadre3{
	background-color: 	#eeeeee;
}

/* ----- Mise en relief ----- */
b,
.b{
	font-weight:	bold;
	color:			#204987;
}
u,
.u{
	text-decoration:	underline;
}
i,
.i{
	font-style:	italic;
}
.b1{
	font-weight:	bold;
	color:			#111;
}
.b2{
	font-weight: 	bold;
	color:			#626262;
}
.b3{
	font-weight: 	bold;
	color:			#663398;
}
.b4{
	font-weight: 	bold;
	color:			#d00000;
}
.relief1{
	font-size: 		10px;
	font-family: 	Verdana,Arial,Helvetica,sans-serif;
}
.relief2{
	font-style:	italic;
	font-size:	11px;
}
.quote1{
	font-weight: 	bold;
	font-size: 		18px;
	color:			#204987;
	margin:			25px;
	margin-top:		15px;
	margin-bottom:	15px;
	width:			130px;
	float:			right;
}
.quote2{
	font-weight: 	bold;
	font-size: 		18px;
	color:			#204987;
	margin:			25px;
	margin-top:		15px;
	margin-bottom:	15px;
	width:			170px;
	float:			left;
}

/* ----- Lettrines ----- */
.lettrine{
	display:			block;
	font-weight: 		bold; 
	color: 				#ffffff; 
	float: 				left; 
	font-size: 			30px; 
	height:				34px;
	padding:			10px;
	padding-left:		16px;
	padding-top:		8px;
	width:				26px;
	margin-top:			-2px;
	margin-left:		-5px;
	background-image: 	url(/img/2538dacbdaac460aa177ff83c61113ffb9052eeb.png); 
	background-repeat:	no-repeat;
}

.lettrine + br {
	line-height:	5px;
	height:			5px;
	padding:		0;
	margin:			0;
}

/* ----- Structure document ----- */
p{
	margin:	15px 0 15px 0;
}
.p2{
	margin-top:		45px;
	padding-bottom:	50px;
	padding-left:	30px;
}
.p3{
	margin-top:		15px;
	padding-left:	30px;
	padding-bottom:	20px;
}
				
/* ----- Alignement ----- */
.droite{text-align:right;}
.gauche{text-align:left;}
.justifie{text-align:justify;}
.centre{text-align:center;}
			
/* ----- Prechargement images (IE only) ----- */
img.preload{
	display:	none;
}

/* ----- Images ----- */
img.illustration{
	margin:	5px 10px 10px 10px;
}
img.illustration.border{
	padding:	1px;
	border:		solid 1px #000;
}
.illustration.f_droite{
	float:			right;
	margin-right:	0;
}
.illustration.f_gauche{
	float:			left;
	margin-left:	0;
}
a.illustration,
div.illustration{
	display:			block;
	margin:				0px 10px 10px 10px;
	background-color:	#eee;
	padding:			4px;
}
a.illustration img,
div.illustration img{
	border:	solid 1px #999;
}
a.illustration span,
div.illustration span{
	display:		block;
	font-family:	Arial, sans-serif;
	margin:			5px 5px 0px 5px;
	text-align:		center;
	line-height:	11px;
	font-size:		11px;
}
a.illustration:link,
a.illustration:visited,
a.illustration:hover,
a.illustration:active{
	text-decoration:	none;
}
a.illustration:link span,
a.illustration:visited span{
	color:	#111;
}
a.illustration:hover span,
.illustration:active span{
	color:	#999;
}

/* ----- Boutons suite ----- */
.bouton{
	height:	24px;
}
.bouton a{
	display:			block;
	float:				right;
	color:				#fff;
	font-weight:		bold;
	cursor:				hand;
	background-color:	#596c89;
}
.bouton a:link,
.bouton a:visited{
	text-decoration:	none;
	color:				#fff;
}
.bouton a:hover,
.bouton a:active{
	text-decoration:	underline;
	color:				#fff;
}
.bouton a .bouton_suite{
	display:	block;
	float:		left;
	background:	url(/img/a3a3406937504c8157ab522badfecaf2833e8fe2.png);
	height:		24px;
	width:		44px;
}
.bouton a .bouton_texte{
	display:	block;
	float:		left;
	height:		20px;
	padding:	4px 10px 0 10px;
	background:	url(/img/c0668661eaee9d6188345e8eef1e8c6cd6baeaf4.png);
}
.bouton a .bouton_fleche{
	display:	block;
	float:		left;
	background:	url(/img/bdaeea08821e411b897229582bcd91229c87034e.png);
	height:		24px;
	width:		25px;
}

/* ----- Tableaux ----- */
table.border{
	width:		100%;
	text-align:	left;
}
table.border td{
	padding:	2px;
}
table.border{
	border-collapse:	collapse;
	border:				solid 1px #fff;
}
table.border td{
	border:	solid 1px #fff;
}
table.border tr.tr_on{
	background-color:	#FFD1D1;
}
table.border .tr1{
	background-color:	#95A1B4;
	text-align:			center;
	font-weight:		bold;
}
table.border .tr1 td{
	color:	#fff;
}
table.border .tr1 a.renvoi{
	color:	#fff;
}
table.border .tr2{
	background-color:	#F1F1F1;
}
table.border .tr2 td{
	font-size:		12px;
	text-align:		center;
	padding-top:	15px;
	padding-bottom:	15px;
	padding-left:	5px;
	padding-right:	5px;
}
table.border .tr2 td.td1{
	font-weight:		bold;
	text-align:			center;
	font-style:			italic;
	background-color:	#E9E9E9;
}
table.border .tr2 td.td2{
	text-align:	justify;
}
table.border .tr3{
	background-color:	#f8f8f8;
}
table.border .tr3 td{
	font-size:		12px;
	text-align:		center;
	padding-top:	15px;
	padding-bottom:	15px;
	padding-left:	5px;
	padding-right:	5px;
}
table.border .tr3 td.td1{
	font-weight:		bold;
	font-style:			italic;
	background-color:	#E9E9E9;
}
table.border .tr3 td.td2{
	text-align:	justify;
}
table.table2{
	margin-top:	5px;
	border-collapse: collapse;
}
table.table2 td{
	padding:	10px;
	border:		solid 1px #ddd;
	color:		#555;
}
table.table2 thead tr{
	background-color:	#fff;
}
table.table2 tbody tr.tr1:hover,
table.table2 tbody tr.tr2:hover{
	background-color:	#95A1B4;
}
table.table2 tbody tr.tr1:hover td,
table.table2 tbody tr.tr2:hover td{
	font-weight: 		bold;
	color:				#fff;
}
table.table2 tbody tr.tr1{
	background-color:	#fff;
}
table.table2 tbody tr.tr2{
	background-color:	#eee;
}

/**
* --------------------------------------
* 				PAGE CONTACT
* --------------------------------------
*/	
#tel{
	font-size:	17px;
}
#tel .relief1{
	color:	#000;
}
#tel .relief2{
	color:	#204987;
}
#adresse{
	font-size:	17px;
}
#adresse .relief4{
	font-weight: 	bold;
	font-size: 		17px;
	color:			#204987;
}
a#mail:link, 
a#mail:visited{
	font-size:			17px;
	color:				#204987;
	font-weight:		bold;
	text-decoration:	none;
}
a#mail:hover,
a#mail:active{
	font-size:			17px;
	color:				#204987;
	font-weight:		bold;
	text-decoration:	underline;
}
.numero{
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		10px; 
	color: 			black;
}

/**
* --------------------------------------
* 				RESULTATS
* --------------------------------------
*/	
#srchResult iframe {
	width: 	550px;
	height: 1150px;
}

/**
* --------------------------------------
* 				PLAN
* --------------------------------------
*/
a.plan:link,
a.plan:visited,
a.plan:hover,
a.plan:active{
	color:				#000;
	font-style:			italic;
	font-size:			12px;
	text-decoration:	none;
}
a.plan:link span,
a.plan:visited span{
	color:				#204987;
	font-weight:		bold;
	font-style:			normal;
	font-size:			13px;
	text-decoration:	underline;
}
a.plan:hover span{
	color:				#aaa;
	font-style:			normal;
	text-decoration:	underline;
}
a.plan:active span{
	color:				#204987;
	font-weight:		bold;
	font-style:			normal;
	text-decoration:	underline;
}
h3.h3_2 {
	display:		block;
	position:		relative;
	padding:		0px;
	margin-top:		30px;
	margin-bottom:	40px;
}
h3.h3_2 img  {
	position:	absolute;
	border:		solid 1px #aaa;
	right:		20px;
	top:		-27px;
}
h3.h3_2 img.puce  {
	position:	absolute;
	top:		3px;
	left:		14px;
	height:		15px;
	width:		15px;
	border:		none;
}
h3.h3_2 a{
	display:		block;
	padding-left:	35px;
	height:			21px;
	line-height:	20px;
	font-weight:	bold;
}
h3.h3_2 a:link,
h3.h3_2 a:visited {
	text-decoration:	none;
}
h3.h3_2:hover{
	text-decoration:	none;
}

/**
* --------------------------------------
*            ERREUR HTTP
* --------------------------------------
*/
.http_error{
	font-size:			14px;
	margin:				20px 0 0 0;
	text-align:			center;
	background-color:	#fff;
	color:				#204987;
	padding:			5px;
	font-weight: 		bold;
}

/**
* --------------------------------------
* 				FOOTER
* --------------------------------------
*/	
#pied {
	clear:	both;
}
#pied1{
	position:	relative;
}
#pied1 a{
	display:				block;
	background-image:		url(/img/da4fcd23a5a5bba71f807bc321a2e7d01ef4c018.png);
	background-repeat: 		repeat-x;
	background-position:	bottom left;
	height:					108px;
	padding:				10px 3px 3px 3px;
	font-size:				13px;
	font-weight:			bold;
}
#pied1 a:link,
#pied1 a:visited,
#pied1 a:hover,
#pied1 a:active{
	text-decoration:	none;
	color:				#222;
}
#pied1 a b,
#pied1 a:link b,
#pied1 a:visited b,
#pied1 a:hover b,
#pied1 a:active b{
	color:	#9c0000;
}
#pied1 a .logo{
	float:	left;
	margin:	5px 5px 15px 15px;
}
#pied1 img.contact{
	margin-top:	5px;
}
#pied1 #doc{
	position:	absolute;
	bottom:		10px;
	right:		11px;
}
#pied1 #doc img{
	position:	absolute;
	bottom:		0px;
	right:		0px;
	height:		136px;
	width:		132px;
}
#pied2{
	margin:				7px 10px 0px 10px;
	background-color:	#efefef;
	border-top:			solid 2px #ccc;
	border-right:		solid 1px #D5D5D5;
	font-size: 			10px; 
}
#pied2 div.f_gauche {
	float:				left;
	text-align:			center;
	font-size: 			10px; 
	color: 				#333333; 
	font-family: 		Verdana, Arial, Helvetica, Tahoma, Sans-serif; 
	padding-top:		15px;
	padding-bottom:		0px;
	padding-left:		80px;
} 
#pied2 div.f_droite {
	float:				left;
	text-align:			center;
	padding-top:		25px;
	padding-bottom:		15px;
	padding-left:		70px;
}
#pied2 div.f_droite a:link,
#pied2 div.f_droite a:visited{
	color:				#808080;
	font-weight:		normal;
	text-decoration:	none;
	font-family: 		Verdana, Arial, Helvetica, Tahoma, Sans-serif;
}
#pied2 div.f_droite a:hover, 
#pied2 div.f_droite  a:active{
	color:				#808080;
	font-weight:		normal;
	text-decoration:	underline;
}
#pied2 div.f_droite a.b:link,
#pied2 div.f_droite a.b:visited{
	font-weight: 		bold; 
	color: 				#333333; 
	text-decoration:	none;
}
#pied2 div.f_droite a.b:hover,
#pied2 div.f_droite  a.b:active{
	font-weight: 		bold; 
	color:		 		#333333; 
	text-decoration:	underline;
}
#pied3{
	font-size: 		10px; 
	color: 			#333333; 
	font-family: 	Verdana, Arial, Helvetica, Tahoma, Sans-serif; 
	text-align:		center;
	margin-right:	0px;
	text-align:		center;
}
#pied3 img{
	margin-top:	12px;
}
#xiti-logo{
	margin-top:	-5px;
}