html { overflow-y: scroll; }

* {
	margin:						0;
	padding:					0;
	color:						#3B4243;	
	scrollbar-face-color:		#e9e3d8;
	scrollbar-arrow-color:		#6f8eb5;
	scrollbar-track-color:		#efebe2;
	scrollbar-3dlight-color:	#fff;
	scrollbar-darkshadow-color:	#6f8eb5;		
}

body {
	font-size: 					12px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	background-color:			#FFFFFF;
	background-image:			url(../images/bck2.gif); 
	background-repeat:			repeat-x;	
}

a {
	text-decoration:			none;
	outline:					none;
}

a:active {
	/*border-bottom:			2px solid #ccc;*/
}

:focus {
	background-image: none !important;
}


img {
	border:						0px;
}

.alerte {
	color: 						#cc0000;
}

a.plus {
	float: 						right;
}



#globalContainer {
	float:						left;
	width:						100%;
	margin-bottom: 				25px;
}


#c1 {
	width:						1204px;
	margin: 					0 auto;		
	z-index: 					100;	
}

#c2 {
	float: 						left;
	width: 						100%;
	padding: 					0px;
}

#globalHeader {
	float:						left;
	width:						100%; 
	height: 					113px;
	background-color: 			#FFF;
	background:		 			url(../images/bckhead.gif) no-repeat left top;
}

#page_loading {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 20px;
	background-color: #CC0000;
	color: #FFFFFF;
	font-style: italic;
	font-size: 13px;
	text-align: center;
}

#globalHeader #lkHome {
	float:						left;
	width:						710px;
	height:						113px;
	margin:						0px;
}

#globalHeader #recherche {
	float:						left;
	width:						210px;
	margin:						9px 0 0 10px;
}

#globalHeader #recherche .haut {
	font-size:					13ptpx;
	font-weight:				bold;
	color:						#98A0A1;
	text-indent:				20px;
	height:						15px;
	margin:						0 0 0 3px;
	background:		 			url(../images/loupe.gif) no-repeat left top;
}

#globalHeader #recherche .champ {
	clear:						left;
	margin:						6px 0 0 0;
}

#globalHeader #recherche .champ input {
	float:						left;
	width:						185px;
	height:						15px;
	font-size:					11px;
	text-indent:				3px;
	border:						1px solid #DDE1E1;
	background-color:			#FFFFFF;
	color:						#999999;
}

#globalHeader #recherche .champ img {
	float:						left;
	margin:						2px 0 0 8px;
}

#globalHeader #drapeaux {
	float:						left;
	margin:						9px 0 0 30px;
}

#globalHeader #drapeaux li {
	clear:						left;
	margin-top:					3px;
	list-style:					none;
}






#menuContainer {
	clear:						left;
	float:						left;
	width:						100%;
}

#menuContainer #menu_left {
	float:						left;
	width:						710px;
	padding:					0 1px 0 0;
}


/* Styles for the entire LavaLamp menu */
.lavaLamp {
	float: right;
	position: relative;
/*	width: 100%;*/
	height: 16px;
	padding: 0px; margin: 0px;
}

    /* Force the list to flow horizontally */
.lavaLamp li {
	float: right;
	list-style: none;
	width: 100%;
}
.lavaLamp li.current {
	background-color: #aacee6;
}







.rubriques {
	float:						right;
	width:						100%;
	height:						19px;
	margin:						2px 0 1px 0;
}

.rubriques #nav0, .rubriques #item_li1 { width: 163px; }
.rubriques #nav1, .rubriques #item_li2 { width: 144px; }
.rubriques #nav2, .rubriques #item_li3 { width: 170px; }
.rubriques #nav3, .rubriques #item_li4 { width: 149px; }

.rubriques ul {
	float: right;
	list-style-type: none;
	border: 0;
	margin: 0 0 0 2px;
	text-align: center;
}

.rubriques ul li a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 20px;
	text-transform: uppercase;
	height: 16px;
}

.rubriques .nav {
	padding: 0;
}

.rubriques .nav li {
	float:right;
	display: block;
	height: 16px;
	border-right: 1px solid #FFFFFF;
}

.rubriques .nav li li {
	background-color: #E4F6CE;
	width: 100%;
	border: 0px;
	height: 22px;
}

.rubriques .nav li li a {
	padding: 0 5px;
	margin: 0px;
	display: block;
	color: #81B23B;
	font-size: 11px;
	text-transform: none;
	text-decoration: none;	
	font-weight: normal;
}

.rubriques .nav li li a.current {
	font-weight: bold;
}

.rubriques .nav li li a:hover {
	background-color: #A8D767;
	color: #FFFFFF;
	text-transform: none;
	text-decoration: none;
	display: block;
}

.rubriques li {
	position: relative;	
	float: left;
}

.rubriques li ul {
	float: right;
	display: none;
	position: absolute; 
	top: 100%;
	right: 0px;
	padding: 0;
	margin: 0;
}

.rubriques ul li {
     display: inline;
}

.rubriques li>ul {
     top: 16px;
     right: 0;
}

.rubriques li li {
	display: block;
	float: none;
	background-color: transparent;
	margin: 0;
	padding: 0;	
}

.rubriques li:hover ul, .rubriques li.over ul { 
	display: block;
}


#menuContainer #menu_right {
	float:						left;
	width:						247px;
	height:						39px;
	background:		 			url(../images/bck_menu1.gif) no-repeat left top;
}

#menuContainer #menu_right #moteurHebe .txt {
	color:						#FFFFFF;
	margin:						1px 0 0 12px;
	font-weight:				bold;
}

#menuContainer #menu_right #moteurHebe .champ {
	clear:						left;
	margin:						1px 0 0 12px;
}

#menuContainer #menu_right #moteurHebe .champ select {
	float:						left;
	margin:						3px 0 0 0;
	width:						120px;
	height:						17px;
	font-size:					10px;
	background-color:			#F7FAD9;
}

#menuContainer #menu_right #moteurHebe .champ img {
	float:						left;
	margin:						2px 0 0 10px;
}




#contenu, #contenu2 {
	clear:						left;
	float:						left;
	width:						100%;
}

#contenu {
	height:						492px;
}

#contenu #blocPhoto {
	float:						left;
	width:						552px;
	height:						279px;
	overflow:					hidden;
}

#contenu #contenu_left #left_col {
	float:						left;
	width:						159px;
}

#contenu #contenu_left #right_col {
	float:						left;
	width:						552px;
	height:						492px;
	background-color:			#FFFFFF;
}

#contenu #contenu_left #right_col #blocPhoto {
	float:						left;
	width:						100%;
}
#contenu #contenu_left #right_col #blocPhoto img {
	border-right:				1px solid #525252;
}


#contenu #contenu_right {
	float:						left;
	width:						387px;
	height:						492px;
}

#contenu #contenu_right #haut {
	float:						left;
	width:						247px;
	height:						279px;
	background:					url(../images/bck_menu2_bis.gif) no-repeat left top;
}

#contenu #contenu_right #haut .titre {
	color:						#FFFFFF;
	font-size:					11pt;
	margin:						25px 0 0 12px;
	font-weight:				bold;
}

#contenu #contenu_right #haut .corps, #contenu #contenu_right .corps p {
	color:						#FFFFFF;
	font-size:					11px;
	text-align:					justify;
	line-height:				14px;
}

#contenu #contenu_right #haut .corps p strong { color: #FFFFFF; }

#contenu #contenu_right #haut .corps {
	margin:						5px 32px 0 12px;
}

#tte1 { color: #FFFFFF; font-weight: bold; font-size: 10px; }
#tte2 { color: #000000; font-weight: bold; font-size: 10px; }


#moteurHeber, #moteurAgenda {
	float:						left;
	width:						230px;
	height:						100px;
	margin:						5px 0 0 0;
	padding:					0 0 0 5px;
}

#moteurHeber select, #moteurAgenda select {
	margin:						5px 0 0 0;
	font-size:					10px;
	background-color:			#F7FAD9;
	width:						170px;
}

#moteurAgenda { width: 540px; height: 45px; }

#contenu #contenu_right #haut .titre {
	color:						#FFFFFF;
	font-size:					11pt;
	margin:						25px 0 0 12px;
}


#contenu #contenu_right #haut .corps, #contenu #contenu_right #haut .corps p {
	color:						#FFFFFF;
	font-size:					11px;
	text-align:					justify;
	line-height:				14px;
}

#contenu #contenu_right #haut .corps {
	margin:						5px 32px 0 12px;
}
#contenu #contenu_right #haut a {
	font-size:					12px;

}


#contenu #contenu_right #bas {
	clear:						left;
	float:						left;
	width:						100%;
	height:						213px;
}

#contenu #contenu_right .pub {
	float:						left;
	width:						140px;
	height:						188px;
	margin:						10px 0 0 10px;
/*	background:					url(../images/popeye.jpg) no-repeat left top;*/
}

#contenu #contenu_right .pub a img {
	clear:						left;
	float:						left;
	width:						100%;
}

#contenu #contenu_right .pub a p {
	clear:						left;
	float:						left;
	color:						#057A82;
	font-size:					11px;
	margin: 					10px 0 0 0;
}

#contenu #contenu_right #bas .link {
	background:					url(../images/bck_menu3_bis.gif) no-repeat left top;
	width:						100%;
	height:						25px;
	cursor:						pointer;
}

#contenu #contenu_right #bas .link2 {
	background:					url(../images/bck_menu4.gif) no-repeat left top;
	width:						100%;
	height:						25px;
}

#contenu #contenu_right #bas .link .txt {
	float:						left;
	color: 						#047C7D;
	font-size:					9pt;
	font-weight:				bold;
	margin:						5px 0 0 14px;
}

#contenu #contenu_right #bas .link .arrow {
	float:						left;
	margin:						7px 0 0 12px;
}

#contenu #contenu_right #bas .img {
	clear:						left;
	float:						left;
	overflow:					hidden;
	width:						231px;
	height:						188px;
	cursor:						pointer;
}




#contenu2 #contenu_left {
	float:						left;
	width:						552px;
	min-height:					176px;
	margin:						0 0 0 159px;
}


#contenu2 #contenu_right {
	float:						left;
	width:						247px;
	min-height:					213px;
	background:					url(../images/bck_menu3.gif) repeat-y left top;
}










#footer {
	clear:						both;
	float:						left;
	width:						100%;
}

#footer #footLeft {
	float:						left;
	width:						711px;
	height:						29px;
	background:					url(../images/footer.gif) no-repeat left top;
}

#footer #footLeft li {
	float:						right;
	padding:					0 10px;
	margin:						8px 0 0 0;
	border-right:				1px solid #658339;
	font-size:					11px;
	list-style:					none;
	color:						#658339;
}

#footer #footLeft .last {
	border:						0;
}

#footer #footLeft li a {
	color:						#658339;
}



#footer #footRight {
	float:						left;
	width:						231px;
}

#footer #footRight #haut {
	float:						left;
	width:						100%;
	height:						29px;
	background:					url(../images/footer2.gif) no-repeat left top;
}

#footer #footRight #haut li {
	float:						right;
	padding:					0 10px;
	margin:						8px 0 0 0;
	border-right:				1px solid #057A82;
	font-size:					11px;
	list-style:					none;
	color:						#057A82;
}

#footer #footRight #haut .last {
	border:						0;
}

#footer #footRight #haut li a {
	color:						#057A82;
}

#footer #footRight #bas {
	float:						left;
	width:						100%;
	height:						105px;
	background:					url(../images/footer3.gif) no-repeat left top;
}





#blocTitre2,
#blocTitre3 {
	clear: both;
	width: 650px;
	height: 140px;
	margin: 0 auto;
	background-color: #fff;
	background-repeat: no-repeat;
}

#titrePopup {
	float: right;
	width: 500px;
	font-size: 30px;
	font-weight: bold;
	color: #ABDEE1;
	padding-top: 10px;
	padding-right: 30px;
	text-align: right;
	background-repeat: repeat-y;
	background-position: 100%;
}

#ligneDate {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 10px 15px;		/* top right bottom left */
}

#blocPhoto1 {
	float: left;
	width: auto;
	height: auto;
}

#blocTexte {
	float: left;
/*	width: 190px;*/
	width: 627px;
	height: 259px;;
	background-color: #FFF;
	color: #565656;
	padding: 0px 10px 0px 15px;				/* top right bottom left */
	text-align: justify;
	background-repeat: repeat-x;
}

#blocTexte.plandesite {
	width: 522px;
}

#blocTexte p {
	clear: both;
	font-size: 11px;
	text-align: justify;
	margin: 0px;
}
#blocTexte p.plus,
#blocTexte p.plus2 {
	clear: both;
	width: 100%;
	font-size: 11px;
	text-align: right;
	margin: 10px 0px 15px 0px; 
	padding: 0px;
	background-color: #eee;
	line-height: 20px;		
}
#blocTexte p.plus2 {
	text-align: left;
}

#blocTexte p.plus2 img {
	float: left;
}
#blocTexte p.plus a,
#blocTexte p.plus2 a {
	text-decoration: none;
	font-weight: bold;
	color: #444;
}

#blocTexte p.plus2 a:hover, 
#blocTexte p.plus a:hover {
	color: #000;
}

#blocTexte h1 {
	font-size: 14px;
	color: #FFF;
	font-weight: 600;
	margin-bottom: 10px;		
	padding: 0px;
}
#blocTexte h1 a {
	color: #FFF;
	text-decoration: none;
}
#blocTexte h2 {
	font-size: 15px;
	width: 300px;
	font-weight: 600;
	margin-top: 5px;	
	margin-bottom: 15px;	
}
#blocTexte h2 img {
	padding-left: 10px;
}
#blocTexte h2.nomPresta {
	font-size: 18px;
}
#blocTexte h1.titre1 {
	color: #565656;
}
#blocTexte ul {
	margin-left: 30px;
	text-align: left;
	line-height: 15px;
	width: 400px;
}
#bTexte {
	float: left;
	width: 100%;
	height: auto;
}
#bTexte h1 {
	padding: 5px;
	background-image: url(../images/bord1.gif);
	background-repeat: no-repeat;
	background-position: 0% 2%;
	padding-left: 10px;
}

#bTexte.blocPlan {
	float: left;
	width: 230px;
	margin-top: 20px;
	margin-right: 30px;
}
#bTexte.blocPlan li {
	margin-bottom: 5px;
}
#bTexte.blocPlan a {
	text-decoration: none;
	color: #444;
	font-size: 12px;
}
#bTexte.blocPlan a:hover {
	text-decoration: underline;
}
h1.m0 {
	background-color: #45A7E0;
}
h1.m1 {
	background-color: #DF7621;
} 
h1.m2 {
	background-color: #68AA66;
} 
h1.m3 {
	background-color: #C03838;
}
h1.m4,
.coul4 {
	background-color: #3E7DDA;
}





#blocPresta {
	float: left;
	width: 550px;
	height: 440px;
	margin-left: 20px;
	overflow-y: auto;
	overflow-x: hidden;
}


#bandeau, #bandeau2 {
	float:						left;
	width:						516px;
	padding:					0 10px;
	margin-bottom:				25px;
}

#bandeau .img_bck {
	clear:						left;
	float:						left;
	margin:						0px 0 0 0;
	width:						113px;
}

#bandeau .img_bck .img {
	clear:						left;
	float:						left;
	width:						100%;
	overflow:					hidden;
}

#bandeau .img_bck .img .file {
	float:						left;
	width:						99px;
	border:						1px solid #047C84;
	background-color:			#FFFFFF;
	padding:					4px;
}

#bandeau .img_bck .img .file img, #contenu2 #contenu_left #bloc_coeur .img_bck .img .file img {
	width:						99px;
}

#bandeau .img_bck .img .bckR, #contenu2 #contenu_left #bloc_coeur .img_bck .img .bckR {
	float:						left;
	width:						4px;
}

#bandeau .img_bck .img .bckR .top, #contenu2 #contenu_left #bloc_coeur .img_bck .img .bckR .top {
	clear:						both;
	float:						left;
	width:						4px;
	height:						3px;
	background:					url(../images/bck_bloc_image.gif) no-repeat right top;
}

#bandeau .img_bck .img .bckR .middle, #contenu2 #contenu_left #bloc_coeur .img_bck .img .bckR .middle {
	clear:						both;
	float:						left;
	width:						4px;
	height:						100%;
	margin:						0px 0 -32767px 0;
	padding-bottom:				32767px;
	background:					url(../images/bck_bloc_image2.gif) repeat-y right top;
}

#bandeau .img_bck .bottom, #contenu2 #contenu_left #bloc_coeur .img_bck .bottom {
	clear:						both;
	float:						left;
	width:						113px;
	height:						4px;
	background:					url(../images/bck_bloc_image3.gif) no-repeat left top;
}

#bandeau .txt, #bandeau .txt2 {
	float:						left;
	width:						386px;
	margin:						0px 0 0 4px;
	font-size:					11px;
	height:						76px;
	background:					url(../images/bg_bandeau4.gif) no-repeat left top;
}

#bandeau2 .txt {
	float:						left;
	width:						386px;
	margin:						0 0 0 4px;
	font-size:					11px;
	height:						22px;
}

#bandeau .txt2 {
	height:						93px;
	background:					url(../images/bg_bandeau3.gif) no-repeat left top;
}

#bandeau .txt .nom, #bandeau .txt2 .nom, #bandeau2 .txt .nom {
	float:						left;
	font-weight:				bold;
	width:						320px;
	height:						13px;
	padding:					0 0 0 4px;
}

#bandeau .txt .date, #bandeau .txt .date2, #bandeau .txt2 .date {
	float:						left;
	font-size:					10px;
	width:						70px;
	height:						13px;
	margin:						2px 0 0 0;
	padding:					0 0 0 4px;
	font-weight:				bold;
	width:						95%;
}

#bandeau .txt .date, #bandeau .txt2 .date {
	width:						310px;
	clear:						left;
}

#bandeau .txt .corps, #bandeau .txt2 .corps {
	clear:						left;
	float:						left;
	margin:						4px 0 0 0;
	padding:					0 0 0 4px;
	width:						370px;
	height:						44px;
}

#bandeau .txt .lien, #bandeau .txt2 .lien {
	clear:						both;
	float:						left;
	margin:						0;
	padding:					0 0 0 316px;
	color:						#147D76;
	width:						70px;
}

#bandeau .txt .lien img, #bandeau .txt2 .lien img {
	margin:						2px 0 0 0;
	margin:						0 0 0 8px;
}

#bandeau .date2 #etat {
	display:					block;
	float:						right;
}



#blocPage {
	float: left;
	width: 530px;
	font-size: 11px;
	color: #21406E;
	margin-top: 5px;
	margin-bottom: 3px;
	padding-left: 20px;
}

#blocPage #numPage {
	float: left;
	width: 410px;
}

#blocPage #numPage a {
	color: #21406E;
	font-size: 11px;
	text-decoration: none;
}
#blocPage #numPage a.cp {
	font-weight: bold;
}

#blocPage #resultat {
	float: right;
	width: 120px;
	font-weight: bold;
}

#blocPage #numPage a.c0 {
	color: #19345B;
	font-weight: bold;	
}
#blocPage #numPage a.c1 {
	color: #6C8DBC;
	font-weight: bold;	
}
#blocPage #numPage a.c2 {
	color: #96B5E0;
}
#blocPage #numPage a.c3 {
	color: #CCC;
	font-weight: bold;	
}

#contact {
	float: left;
	width: 250px;
	background-color: #ECECEC;
	margin: 5px 10px 0 20px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #ccc;
	background-image: url(../images/bord1.gif);	
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#contact h1 {
	font-size: 12px;
}
#blocGris1 {
	float: left;
	width: 300px;
	height: 213px;
	background-color: #ECECEC;
	margin: 44px 0 0 0;
	padding: 5px 10px 0 0;
	background-image: url(../images/bord1_bis.gif);	
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
#blocGris1 h1 {
	font-size: 18px;
	color: #4D6A95;
}

#liste {
	float: left;
	width: 290px;
	height: 170px;
	overflow: auto;
	padding: 0 0 0 5px;
}

#liste h1 {
	font-size: 14px;
	color: #565656;
	line-height: 25px;
	margin-left: 10px;
}
#liste ul {
	margin-left: 35px;
	list-style-image: url(../images/fleche2.gif);
	padding-top: 0px;
}
#liste li {
	line-height: 20px;
	margin-left: 5px;
	margin-top: 2px;
	vertical-align: text-top;
}
#liste a {
	font-family: verdana;
	text-decoration: underline;
	color: #565656;
	font-size: 11px;
}
#liste a:hover {
	text-decoration: none;
}

#corpForm {
	float: left;
	width: 470px;
	margin-left: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#corpForm p {
	margin-bottom: 5px;
	margin-top: 0px;
}
#corpForm p#message {
	margin: 15px;
	font-size: 11px;
}
#corpForm p#btok {
	float: right;
	margin-right: 2px;
}
#corpForm .btok {
	border: 0px;
}
#corpForm em {
	display: block;
	margin: 25px 0 3px 10px;
	font-size: 10px;
}
#corpForm fieldset#coordonnees {
	border: 1px solid #ccc;
}
#corpForm legend {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-left: 15px;
	padding: 0 10px 0 10px;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 3px 0 0;
	line-height: 20px;	/*** ... et centrés verticalement. ***/
}

#corpForm textarea,
#corpForm input {
	color: #565656; 
	font-size: 11px; 
	background-color: #F4F4F4; 
	border: 1px solid #D8D8D8;
}
#mentions, #credit {
	width: 500px;
	height: 270px;
	margin: 15px;
	background-color: #ECECEC;
	padding: 5px 10px 5px 10px;
	background-image: url(../images/bord1.gif);	
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#mentions a, #credit a { text-decoration: underline; }

#mentions { height: 454px; }

#credit #texte { width: 100%; }
#mentions #texte { width: 100%; height: 324px; overflow: auto; }

#mentions h2 {
	font-size: 11px;	
}
#credit p {
	margin-top: 5px;
	text-align: center;
}
#mentions h1, 
#credit h1 {
	font-size: 13px;
}
#mentions h1.h1m {
	font-size: 15px;
}

#credit h2 {
	font-size: 11px;
	margin: 15px 0 0px 5px;
}
#credit ul {
	margin-left: 15px;
}

#noResult {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #F8F7F7;
	height: 90px;
	margin: 20px 0 0 70px;
	width: 410px;
}


.txtBleu4 {	color: #566296; font-size: 11px;	font-family: Arial;	text-decoration: none;	line-height: 12px; font-weight: normal;  text-align: justify;  }
.txtBleu4:hover  {	color: #7F89B5}

.txtGris6  {	color: #828181; font-size: 11px;	font-family: Verdana;	text-decoration: none;	line-height: 15px; font-weight: normal;  text-align: justify;  }
.txtGris6 a:hover { text-decoration: underline; }
.txtGris6 a  { color: #828181;}