/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background-color:#ecefef;
}

h1{
font-size:16px;
font-weight:bold;
color:#02786f;
}

hr{
color:#02786f;
size:1px;

}

h1#conseil{
font-size:16px;
font-weight:bold;
color:#02786f;
margin:0;
margin-bottom:10px;
margin-top:10px;
}

h2{
font-size:14px;
font-weight:bold;
color:#02786f;
}

h2.actu{
font-size:18px;
font-weight:normal;
color:#ffffff;
padding-bottom:0px;
padding-top:0px;
margin:4px;
}

h3{
font-size:12px;
font-weight:bold;
color:#02786f;
margin-top:6px;
margin-bottom:6px;
}

p{
text-align:justify;
}

div.general {
width:1024px;
margin:0 auto;
padding:0;
/*background-color:#FFFFFF;
border-right:1px solid #daefee;*/
background-image:url(../images/menu-gauche.png);
background-repeat:no-repeat;
background-position:left top;
background-color:#FFFFFF;
}

div.bandeau {
background-image:url(../images/balneo-bandeau.jpg);
background-position:top;
background-repeat:no-repeat;
width:1024px;
height:336px;
}

ul.bouton-menu-h{
list-style:none;
display:block;
clear:both;
}

li#accueil{
float:right;
width:146px;
display:block;
padding-top:315px;
padding-right:10px;
}

li#thermale{
float:right;
width:146px;
display:block;
padding-top:260px;
padding-right:10px;
}

li#loisirs{
float:right;
width:146px;
padding-right:10px;
display:block;
padding-top:215px;
}

li#idees{
float:right;
width:146px;
display:block;
padding-top:220px;
padding-right:10px;
}

li#contact{
float:right;
width:146px;
display:block;
padding-top:270px;
}

div.menu-gauche{
/*background-image:url(../images/menu-gauche.png);
background-repeat:no-repeat;*/
float:left;
width:242px;
display:block;
/*margin-top:390px;*/
height:auto;
}

a.liensmenu{
color:#0bb4aa;
font-weight:bold;
text-decoration:none;
}

a:hover.liensmenu{
color:#0e6b65;
}

ul.menu-galet{
list-style:url(../images/galet.png);
list-style-position:inside;
color:#0bb4aa;
margin-top:15px;
font-weight:bold;
}

li#liste-mg{
padding-bottom:5px;
}
li#liste-mg2{
padding-bottom:5px;
padding-left:2px;
}
li#liste-mg3{
padding-bottom:5px;
padding-left:4px;
}
li#liste-mg4{
padding-bottom:5px;
padding-left:6px;
}
li#liste-mg5{
padding-bottom:5px;
padding-left:8px;
}
li#liste-mg6{
padding-bottom:5px;
padding-left:10px;
}
li#liste-mg7{
padding-bottom:5px;
padding-left:12px;
}
li#liste-mg8{
padding-bottom:5px;
padding-left:14px;
}

div#moteur{
color:#FFFFFF;
font-weight:bold;
padding-top:30px;
padding-left:4px;
width:160px;
height:150px;
}

div#coordonnee{
padding-top:35px;
padding-left:4px;
margin:0;
}

span#tel{
color:#429993;
font-size:14px;
font-weight:bold;
margin:0;
}

div#ouverture{
padding-top:20px;
padding-bottom:10px;
padding-left:4px;
color:#429993;
}

div#pied-page{
clear:both;
display:block;
background-image:url(../images/pied-page.png);
background-repeat:no-repeat;
height:204px;
}

div#contenu {
background-color:#FFFFFF;
width:780px;
float:right;
display:block;
margin-top:45px;
padding-top:0px;
padding-right:2px;
}

div#milieu{
display:block;
height:auto;
margin:0;
padding:0;
}

#normandie{
margin-top:-100px;
padding:0;
}

#blocframe {
clear:both;
width:780px;
height:790px;
margin:0;
padding:0;
/*overflow:hidden;*/
overflow:scroll;
overflow-x:scroll;
display:block;
}
#blocframe2 {
width:780px;
height:790px;
margin:0;
padding:0;
/*overflow:hidden;*/
overflow:scroll;
/*overflow-x:hidden;*/
display:block;
}

#logo{
float:left;
padding-top:120px;
padding-left:5px;
}

#mini-carte{
float:right;
padding-top:80px;
padding-right:5px;
}

#menu-pied{
float:right;
text-align:right;
padding-top:70px;
padding-right:15px;
}

#menu-bas {
list-style:none;
}

a.menubas{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

a:hover.menubas {
color:#c8e7e6;
}


#animation{
float:right;
margin:10px;
}

#actu{
background-image:url(../images/fond-accueil.png);
background-repeat:no-repeat;
width:336px;
height:146px;
padding:2px;
clear:both;
float:left;
}

#offremois{
background-image:url(../images/fond-accueil.png);
background-repeat:no-repeat;
width:336px;
height:146px;
padding:2px;
margin-bottom:15px;
float:right;
}

div#img-offre {
float:left;
margin:4px;
}

a.liensblanc{
float:right;
color:#ffffff;
font-weight:bold;
text-decoration:none;
margin:4px;
}

a:hover.liensblanc{
color:#0e6b65;
}

#blocframe-agenda {
width:780px;
height:350px;
margin:0;
padding:0;
/*overflow:hidden;
overflow:scroll;
overflow-x:hidden;*/
display:block;
}

#copines{
width:250px;
float:left;
text-align:center;
margin-right:15px;
}

#maman{
width:250px;
float:left;
text-align:center;
margin-right:15px;
}

#messi{
width:250px;
float:left;
text-align:center;
}

.brochures{
width:780px;
margin-bottom:20px;
height:196px;
}

.img-broch{
float:left;
height:196px;
width:250px;
margin-right:10px;
}

.moteur-heber{
width:300px;
height:45px;
float:right;
margin:0;
padding-top:15px;
}

.titre-mot{
height:30px;
width:200px;
float:right;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding-top:20px;
}

.fond-mot{
padding:0;
margin:0;
width:513px;
height:60px;
background-image:url(../images/fond-hebergement.png);
float:right;
}

.img-soins{
width:124px;
display:block;
float:left;
margin-right:5px;
}

#img-station{
width:250px;
float:right;
margin-left:5px;
}
#img-station2{
width:250px;
float:left;
margin-right:5px;
}

.loisir{
	list-style:url(../images/galet2.png);
	list-style-position:outside;
}

.activite{
text-align:justify;
margin-bottom:5px;
}

.plusinfo{
color:#666666;
}

a.liensacti{
color:#333333;
text-decoration:underline;
}

a:hover.liensacti{
color:#0bb4aa;
text-decoration:underline;
}

.weekend{
width:150px;
float:left;
margin-right:5px;
text-align:center;
}


a.idee{
text-decoration:none;
color:#02786f;
}

div.favoris{
width:250px;
float:left;
text-align:center;
margin-right:10px;
margin-bottom:40px;
}

div.ref {
	clear:both;
	width:780px;
	position:absolute;
	margin:0;
	padding:0;
	text-align:center;
	font-size:11px;
	}
	
#imgactu{
float:right;
}