/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
margin: 0;
background: url(gifs/img_01.gif) repeat-x top #eef7f8;
}

img {
border: 0;}



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/




/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

.resumeActus a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
.resumeActus a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
.resumeActus a:hover {
	text-decoration: underline;
	color: #fff;
}
.resumeActus a:active {
	text-decoration: none;
	color: #fff;
}

.content_body a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #395b5f;
	font-weight: bold;
	text-decoration: none;
}
.content_body a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #395b5f;
	font-weight: bold;
	text-decoration: none;
}
.content_body a:hover {
	text-decoration: underline;
	color: #395b5f;
}
.content_body a:active {
	text-decoration: none;
	color: #395b5f;
}

#domaines li a{
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	width:174px;
	background: #395b5f;}
	
#domaines li a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width:174px;
	color: #fff;}
	
#domaines li a:hover{
	text-decoration: underline;
	width:174px;
	color: #fff;
	background: #395b5f;}

#domaines li a:active {
	text-decoration: none;
	color: #fff;
	width:174px;
	background: #395b5f;
	}


.index_2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.index_2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.index_2 a:hover {
	text-decoration: underline;
	color: #333;
}
.index_2 a:active {
	text-decoration: none;
	color: #333;
}



#options a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
#options a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
#options a:hover {
	text-decoration: underline;
	color: #fff;
}
#options a:active {
	text-decoration: none;
	color: #fff;
}



.hdp a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #70bec6;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
}
.hdp a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #70bec6;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
}
.hdp a:hover {
	text-decoration: underline;
	color: #70bec6;
}
.hdp a:active {
	text-decoration: none;
	color: #70bec6;
}



#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}
#footer a:active {
	text-decoration: none;
	color: #fff;
}

/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
#lettre {
background: url(gifs/img_16.gif) no-repeat;
width: 216px;
height: 76px;
/*
padding: 35px 0 0 25px;
#padding: 0 0 0 25px;*/}

	#lettre .youpi {
padding: 35px 0 0 25px;
	}

.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#395b5f;
	background-color:#fff;
	border: #395b5f 1px solid;
	padding-left: 3px;
}

.bouton_news {
	background: url(gifs/pic_11.gif) no-repeat;
	width: 20px;
	height: 14px;
	border: 0;
	cursor: pointer;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*****************************************************-------------NAV--------*****************************************************/
ul.MenuHorizontal {
   width: 701px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   float: left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #FFF;         /*Ici, changer la couleur de la police*/
   font-family:Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   height: 23px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
   padding-top:10px;
}

li#menu0 {
   width: 101px;
}

li#menu1 {
   width: 179px;
}

li#menu2 {
   width: 106px;
}

li#menu3 {
   width: 110px;
}

li#menu4 {
   width: 110px;
}

li#menu5 {
   width: 95px;
}

li#menu0 a {
   background-image: url('gifs/img_06.gif');         /*Ici l'image de fond de la cellule*/
}

li#menu1 a {
   background-image: url('gifs/img_07.gif');         /*Ici l'image de fond de la cellule*/
}

li#menu2 a {
   background-image: url('gifs/img_08.gif');         /*Ici l'image de fond de la cellule*/
}

li#menu3 a {
   background-image: url('gifs/img_09.gif');         /*Ici l'image de fond de la cellule*/
}

li#menu4 a {
   background-image: url('gifs/img_10.gif');         /*Ici l'image de fond de la cellule*/
}

li#menu5 a {
   background-image: url('gifs/img_11.gif');         /*Ici l'image de fond de la cellule*/
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/over_06.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#FFF;
   text-decoration:none;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/over_07.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#FFF;
   text-decoration:none;
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/over_08.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#FFF;
   text-decoration:none;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/over_09.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#FFF;
   text-decoration:none;
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/over_10.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#FFF;
   text-decoration:none;
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/over_11.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#FFF;
   text-decoration:none;
}
/**********************************************************************************************************/



/**********************************************************************************************************/
.index_1 {
background: url(gifs/img_20.gif) no-repeat;
width: 496px;
height: 170px;}

.index_1 div {
text-align: left;
padding: 10px 70px 10px 10px;}

.index_2 {
background: url(gifs/img_21.jpg) no-repeat;
width: 447px;
height: 170px;
}

	/*.index_2  div {
	text-align: right;
	width: 180px;
	position: relative;
	top: 15px;
	left: 150px;}*/

	.index_2  ul {
	text-align: left;
	margin: 0;
	padding: 0;}

	.index_2  li {
	margin-top: 5px;
	padding: 2px;
	list-style-position: inside;
	list-style: none;
	background-color: #b2b2b2;
	color: #333;
	}
	
.index_3 {
background: url(gifs/img_22.gif) no-repeat;
width: 496px;
height: 138px;}

	.index_3 a{
	display: block;
	width: 496px;
	height: 138px;}
	
	.index_3 a:hover {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;}
	
.index_4 {
background: url(gifs/img_23.jpg) no-repeat;
width: 447px;
height: 138px;}

#blocz {margin: 0; padding: 0; text-align: right;}
#blocz a {
color: #70bec6;
font-weight: bold;}
#blocz a:link {
color: #70bec6;
font-weight: bold;}
#blocz a:hover {
color: #70bec6;
font-weight: bold;}
#blocz a:active {
color: #70bec6;
font-weight: bold;}
#blocz a:visited {
color: #70bec6;
font-weight: bold;}
/**********************************************************************************************************/




/**********************************************************************************************************/
#options {
background: url(gifs/img_04.gif) no-repeat;
width: 557px;
height: 65px;
text-align: right;
color: #fff;
}

	#options p {
	margin: 0 10px 10px 0;}

#bloc_actus {
background: url(gifs/img_17.gif) no-repeat;
width: 447px;
height: 76px;}



.content_top {
background: url(gifs/pic_15.gif) no-repeat;
width: 941px;
height: 14px;}

.content_body {
background: url(gifs/pic_17.gif) repeat-y;
width: 941px;
height: 14px;}

.content_bottom {
background: url(gifs/pic_19.gif) no-repeat;
width: 941px;
height: 15px;}


h2 {
margin-top: 1em;
margin-bottom: .5em;
font-size: 14px;
color: #805135;}

h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 12px;}

p {
color: #333;
margin-top: 0;
margin-bottom: 1em;
font-size: 11px;
line-height: 1.5em;}

.impt {
font-weight: bold;}

.impt2 {
color: #70bec6;
font-weight: bold;}

.blok {
padding: 5px;
background: #f7f7f7;
border: 1px solid #b2b2b2;}

.content_body li {
line-height: 1.5em;}

.hdp {
}
/**********************************************************************************************************/


/*****************************************************ACTUS*****************************************************/
#texteGauche .actusCentrer{
text-align: center;}

.tablactus {
margin-top: 25px;
padding: 5px;
background: #f7f7f7;
border: 1px solid #b2b2b2;}

.actuTitre{
background: #f3f3f3;
font-size: 12px;
color: #395b5f;
line-height: 1.5em;}

.actuTexte{
width: 340px;
color: #333;
margin: 0 0 1.5em 0;
line-height: 1.5em;
font-size: 11px;}

.actuChamp{
width: 500px;
text-align: left;
float: left;
}

.photoActu{
float: right;
margin: 5px;}

.page_select {
clear: both;}

.resumeActus {
padding-left: 110px;
position: relative;
top: 15px;
}
/**********************************************************************************************************/



/**********************************************************************************************************/
/*--------------------------PAGE CONTACT-----------------------------*/
#reserv tr{}

#bob {
width: 70%;
border-right: 1px dashed #bbb;}

#mail {}

#mail p{
margin: 0 10px;}

#corpForm {
margin: 0 auto;}

#reserv td.right{
text-align: right;}

#reserv td.left{
text-align: left;}
 
fieldset{
margin: 5px 3em;
color: #e89e56;
}

em.ob{margin-left: 3em;
color: #333;}

fieldset legend{
line-height: 16px;
text-align: left;
color: #e89e56;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}

fieldset #message {}

fieldset #infos {}

fieldset input{
text-align: left;
margin-top: 5px;}

fieldset label{
color: #809993;}

fieldset textarea{
vertical-align: text-top;
text-align: left;
width: 200px;}

fieldset p{
width: 300px;
text-align: right;}

#bouton_send{
width: 400px;
text-align: center;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
border: 1px solid #809993;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: 0 2em;
background: #809993;}

input.contact_envoyer:hover{
border: 1px solid #6cbcb3;}

img[src="gifs/plan.gif"] {
border: 1px solid #e89e56;
}

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


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



/*****************************************************footer*****************************************************/
#footer {
background: url(gifs/img_24.jpg) no-repeat;
height: 48px;
width: 948px;
text-align: center;
color: #70bec6;}
/**********************************************************************************************************/

.justify {
text-align:justify;
}

.marg_right {
margin-right: 20px;
}

.index_2  div {
display:block;
width:180px;
float:right;
padding-right:120px;
padding-top:7px;
}