/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Georgia, "Times New Roman", Times, serif;
color: #990000;
margin:0 0 12px;
padding-left:15px;
text-decoration:underline;
}
#contenu h2{
font:bold 15px Georgia, "Times New Roman", Times, serif;
color: #7d8a2e;
margin:0 0 7px;
text-decoration:underline;
}
#contenu h3{
font:bold 20px Georgia, "Times New Roman", Times, serif;
color:#7d8a2e;
/*margin:0 0 12px 20px;*/
}
#contenu ul{
	margin-left:10px;
	margin-bottom:10px;
}
#contenu ul#transports{
	margin-left:20px;
}
#contenu ul li{
	background:url(../images/charte/puce.gif) no-repeat;
	list-style:none;
	padding-left:55px;
	font:11px/1.2em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#666;
	margin-bottom:5px;
}

#contenu ul li#metro{
background:url(../images/charte/picto_metro.gif) no-repeat;
height:40px;
}
#contenu ul li#tram{
background:url(../images/charte/picto_tram.gif) no-repeat;
height:40px;
}
#contenu ul li#train{
background:url(../images/charte/picto_train.gif) no-repeat;
height:40px;
}
#contenu ul li#parking{
background:url(../images/charte/picto_parking.gif) no-repeat;
height:40px;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}

#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color: #666;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
/*color:#666;*/
color:#990000;
}
#contenu a:hover, #contenu a:active{
color:#999;
}
#contenu strong{
color:#246008;
}

#contenu .encartLarge{
width:440px;
padding:4px;
padding-left:30px;
}
#contenu .encartLarge.histo{
padding-top:0px;
}
#contenu .encartLarge.actus{
width:460px;
padding:4px;
padding-left:20px;
}
#contenu .encartLeft img{
margin-right:5px;
}


#contenu .encartLeft{
float:left;
width:220px;
padding:4px;
padding-right:0px;
padding-left:15px;
}
#contenu .encarLeft.chambres{
width:250px;
}
#contenu .encartRight{
float:right;
width:220px;
padding:4px;
padding-right:0px;
padding-left:15px;
}
#contenu.encartRight.chambres{
width:200px;
}
#contenu .encartPlan{
	float:left;
	height:115px;
	width:220px;
	
}
#contenu .encartPlan.decal{
	margin-top:20px;
}


#contenu .homeImg{
	float:right;
	width:230px;
	height:170px;
}
#contenu .histoImg{
	float:left;
	/*width:230px;
	height:300px;*/
	width:180px;
	height:270px;
	margin-right:5px;
}

#contenu .histoImg2{
	float:right;
	width:200px;
	margin:0 50px 0px 0 !important; margin:0 -5px 0 0;
}

#contenu .encartLeft p , #contenu .encartRight p{
text-align:left;
line-height:1.8em;
}
#contenu .encartLeft p.txtPetit , #contenu .encartRight p.txtPetit , #contenu #IDEO_formulaire-gauche p.txtPetit{
text-align:justify;
line-height:1.2em;
font-style:italic;
font-size:10px;
}
#contenu .encartLarge p{
	padding:0 5px 0 5px 0;
}


#contenu #cb{
width:170px;
height:24px;
}
#contenu #cb p span.grosTxt{
font-size:18px;
font-weight:bold;
color:#246008;
}
/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
position:relative;
width:220px;
margin:0 0 0 20px;
background:#fff;
}
.uneactu{
padding:0 0 0 20px;
margin:0 0 30px;
}
#actu .uneactu p{
font-size:10px;
}
#actu .uneactu p.date{
width:60px;
color:#fff;
background:#c9d787;
padding:1px 0 2px 4px;
margin:0 0 7px;
}
#contenu #actu .uneactu a{
position:relative;
top:5px;
font:10px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
padding:8px 0 0 250px;
line-height:10px;
float:left;
}
#footer a:link, #footer a:visited{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
color:#fff;
float:right;
padding:10px 10px 0 0;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
#footer #idep a:link, #footer #idep a:visited{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
color:#fff;
float:left;
padding:0;
line-height:10px;
}
#footer #idep a:hover, #footer #idep a:active{
text-decoration:underline;
color:#fff;
}



/* ***************** MODULE CONTACT ***************** */

#contenu h3 {
background-color:#0e5a36;
border-bottom:1px solid #008847;
border-top:1px solid #008847;
color:#FFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-variant:small-caps;
font-weight:bold;
margin-bottom:8px;
padding:2px 0px 2px 2px;
}


/* ***************** DIVISION DU SITE EN 2 ***************** */

#IDEO_contenu-gauche{
float:left;
/*width:450px;
margin:0 23px 0 7px;*/
width:220px;
padding-left:15px;
}
#IDEO_contenu-gauche h1{
padding-left:0px;
}



#IDEO_contenu-droite{
float:right;
width:243px;
margin:10px 0px 0 0 ;
}



/* ***************** STYLE DES FORMULAIRE ***************** */

#contenu select {
color:#000000;
border:1px solid #CCC;
background-color:#ffffff;
width:152px;
font-family:Arial, Helvetica, sans-serif;
}

#contenu input{
background-color:#ffffff;
border:1px solid #CCC;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

#contenu textarea{
background-color:#ffffff;
border:1px solid #CCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}



/* ***************** CONTACT ***************** */

#contenu #IDEO_contenu-droite #IDEO_encart-acces{
width:230px;
margin:0 auto 20px auto;
text-align:center;
cursor:pointer;
}

#contenu #IDEO_contenu-gauche p.IDEO_intro-contact{
margin-bottom:20px;
float:left;
}

#contenu #IDEO_form-contact p.IDEO_petit{
/*margin:15px 0;*/
}


#contenu #IDEO_form-contact h3{
margin-bottom:10px;
margin-top:15px;
}

#contenu #IDEO_form-contact input , #contenu #IDEO_form-contact select.liste-form{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:left;
color:#666;
width:150px;
}

#contenu #IDEO_form-contact textarea{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:left;
color:#666;
width:150px;
}
#contenu #IDEO_form-contact textarea.txtAreaLong{
width:220px;
height:90px;
}



#contenu #IDEO_form-contact .IDEO_bouton{
width:85px;
background-color:#CCC;
color:#000;
border:1px solid #333;
font-weight:bold;
height:25px;
font-size:11px;
float:left;
margin-right:10px;
margin-top:11px;
}

#contenu #IDEO_form-contact .IDEO_bouton.reserv{
margin-left:10px;
}
#contenu .encartLarge .IDEO_bouton{
width:85px;
background-color:#CCC;
color:#000;
border:1px solid #333;
font-weight:bold;
height:25px;
font-size:11px;
float:left;
margin-right:10px;
margin-top:11px;
}

#IDEO_form-contact .IDEO_captcha img{
float:left;
margin-right:10px;
margin-top:7px;
border:1px solid #333;
}

#contenu #IDEO_form-contact .IDEO_captcha input{
width:100px;
float:left;
/*margin-right:30px;*/
margin-top:15px;
}

#contenu #IDEO_form-contact p{
margin:5px 0;
}

#contenu #IDEO_form-contact label, #contenu#IDEO_form-contact label{
/*width:155px;*/
width:65px;
float:left;
text-align:left;
}

#contenu #IDEO_form-contact label.labelLong, #contenu #IDEO_form-contact label.labelLong{
width:155px;
}

#IDEO_contenu-gauche .IDEO_obligatoire{
color:#a6240a;
}






/* ***************** FIN MODULE CONTACT ***************** */



/* ***************** MODULE ACTUALITES ***************** */
#contenu h1.IDEO_sans {
margin:0;
}

.IDEO_actualite{
	float:left;
	margin-bottom:10px;
	border-bottom:1px dotted #CCC;
	/*width:460px;
	padding:4px;
	padding-left:20px;*/
}

#contenu .IDEO_actualite .IDEO_visuel{
	float:left;
	height: 146px;/* hauteur de la zone visuel  */
	width: 146px;/* longueur de la zone visuel  */
	background: url("../images/fond-vignette.png") no-repeat left top;/* Image de fond du visuel  */
	margin-right:10px;
	text-align:center;
	padding-bottom:5px;
}
#contenu .IDEO_actualite .IDEO_visuel img {
	margin:0 5px 0 0;
}
#contenu .IDEO_actualite .IDEO_visuel a {
	position:relative;
}
.IDEO_actualite .IDEO_actualite-droite{
	float:left;
	width:300px; Longueur la zone droite  */
}
#contenu .IDEO_actualite .IDEO_titre{
	font-size:14px;
	/*font-variant:small-caps;*/
	font-weight:bold;
}

#contenu a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
 opacity:1.00;
 }

#contenu a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.70;
 opacity:0.70;
 }


/***************** SOUS RUBRIQUE ACTUALITES *****************/
#IDEO_sous_rub-top {
	padding:0 0 10px 0;
	width:100%;
	float:left;
	text-align:left;
	color:#333;
}
#contenu #IDEO_sous_rub-top ul {
	list-style-image:none;
	margin:0;
	padding:0;
}
#contenu #IDEO_sous_rub-top li a{
	text-decoration:none;
	margin:0;
}
#contenu #IDEO_sous_rub-top li a:hover{
	text-decoration:underline;
}
#contenu #IDEO_sous_rub-top li {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-image:none;
	background:none;
	margin:0;
	padding:0;
 }
#contenu #IDEO_sous_rub-top li .encours{
	text-decoration:underline;
}



/* ***************** FIN MODULE ACTUALITES ***************** */

/* ***************** Plan du site          ***************** */
.Listrub
{
color:#7d8a2e;
font-weight:bold;
}

