@charset "utf-8";
/* CSS Document */

body {
background: url(../images/fond-repeat.jpg) repeat-x #21AECE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p {
margin:5px 0;
padding:0;}

label {
float:left;}

.surlignageBlanc {
padding:3px;
background:#FFFFFF;
color:#5EA6BC;
margin-top:10px;}

h1 {
margin:10px 0;
padding:0;
color:#EFFB00;
font-size:14px;
font-weight:normal;}

h2 {
margin:5px;
padding:0;
font-size:12px;
font-weight:bold;
}

h3 {
margin:1px 0 1px 10px;
}

.txt11 {
font-size:11px;}

#liste-fiches h3 {
width:667px;
padding:10px;
background-color:#006289;
margin-left:0;
font-weight:bold;
cursor:pointer;
margin-top:2x;
margin-bottom:2px;
}

.fiche {
width:667px;
padding:10px;
background-color:#0092cc;
}

#liste-fiches h4 {
margin:20px;
padding:3px;
font-weight:bold;
font-size:16px;
}

#wrapper {
width:1000px;
height:auto;
margin:0 auto;
background:url(../images/fond.jpg) no-repeat;
}

#header {
width:1000px;
height:130px;
position:relative;
float:left;
}


#logo {
position:absolute;
width:320px;
height:133px;
top:5px;
left:0;
}

#navigationHaut {
position:relative;
float:left;
margin-left:300px;
padding-top:6px;
color:#FFFFFF;
width:700px;
z-index:100;
}

#navigationHaut li {
float:left;
background:url(../images/border-navigation-haut.png) no-repeat left;
padding:5px;
line-height:30px;
height:20px;
display:block;
}


#navigationHaut li a {
text-decoration:none;
color:#FFFFFF;}

#navigationHaut li a:hover, .currentNavHaut {
background:url(../images/over-navigation-haut.png) top center no-repeat;
height:20px;
display:block;
color:#006289;}

#titre1 {
width: 515px;
height:75px;
position:relative;
float:left;
margin-left:380px;
margin-top:20px;
color:#006289;
font-size:30px;
font-style:italic;
line-height:60px;}

#wrapperPhoto {
width:1000px;
height:311px;
clear: both;
}

#slideShow, #ggmap {
width:765px;
height:305px;
border: solid 3px #FFFFFF;
background:#21AECE;
position:relative;
float:left;
overflow:hidden;
color:#177a90;
}

#richMedia {
width:185px;
height:210px;
float:left;
position:relative;
margin-left:8px;
margin-top:10px;}

#dispoResa {
position:relative;
float:left;
width:148px;
height:48px;
margin-left:8px;
margin-top:20px;
background:url(../images/bt-dispo-resa.png) no-repeat;
color:#EFFB00;
font-size:16px;
padding-top:17px;
padding-left:35px;}

#dispoResa a{
color:#EFFB00;
font-weight:bold;
}

#dispoResa a:hover{
color:#FFFFFF;
}

#wrapperPhotoColDroite {
width:182px;
position:relative;
float:left;}

#navigation {
width:1000px;
height:33px;
line-height:25px;
color:#50543E;
margin-top:13px;}

.choixLangue {
font-size:10px;
background:#21AECE;
color:#FFFFFF;
border:solid 1px #FFFFFF;
margin-top:6px;}

#wrapperTextes {
width:1000px;
min-height:200px;
clear:both;
color:#FFFFFF;}

#accueilTextes  {
float:left;
width:452px;
height:227px;
background:url(../images/accueil-fond-texte.png) no-repeat;
font-size:12px;
padding:15px;
text-align:justify;}

#textes  {
float:left;
width:677px;
height:auto;
background:url(../images/fond-texte.png) no-repeat;
font-size:12px;
padding:20px;
text-align:justify;}

#textes p{
margin-top:12px;}

#textes li {
margin:10px 0;}

#accueilTextes a, #textes a{
color: #FFFFFF;
font-weight:bold;}

#accueilTextes a:hover, #textes a:hover {
text-decoration:underline;}

#accueilPromo, #accueilNews {
float:left;
width:208px;
height:75px;
margin-top:15px;
background:url(../images/accueil-fond-promo.png) no-repeat;
padding: 65px 25px 10px 25px;}

#telechargement {
float:left;
width:208px;
height:105px;
margin-top:15px;
background:url(../images/accueil-fond-promo.png) no-repeat;
padding: 25px 25px 10px 25px;}

#telechargement a{
color:#FFFFFF;}

#telechargement a:hover{
text-decoration:underline;}

#contenairActuPromo {
width:235px;
float:left;
}

#titreNews {
width: 88px;
height:63px;
position:absolute;
z-index:10;
margin-top:-65px;
margin-left:-25px;}

#titrePromos {
width:99px;
height:71px;
position:absolute;
z-index:10;
margin-top:-65px;
margin-left:-25px;}

.savoirPlus {
padding-left: 15px;
background:url(../images/savoir-plus.png) no-repeat left;
float:right;
margin-top:15px;
}

.txtPromoActu {
text-indent:15px;
background:url(../images/fleche-jaune.png) no-repeat left top;
}

.savoirPlus a{
color:#006289;}

.savoirPlus a:hover{
text-decoration:underline;}

#wrapperFooter {
height:90px;
background:#006289;
clear:both;
padding:5px;}

#footer {
width:1000px;
margin:0 auto;
color:#5EA6BC;
font-size:11px;}

#footer a {
color:#5EA6BC;
}

#footer a:hover {
text-decoration:underline;}

#footerColContact {
width:16px;
position:relative;
float:left;}


#footerCol1, #footerCol2, #footerCol3 {
position:relative;
float:left;
background:url(../images/separateur-footer.png) no-repeat left;
padding:3px 10px 3px 15px;
height:85px;
} 

#footerCol1 {
width:250px;

}

#footerCol2 {
width:405px;
}

#footerCol2 ul{
margin:0;
padding:0;
}
#footerCol2 li{
list-style:none;
display:inline;
margin-left:3px;}

#footerCol3 {
width:245px;
}

#btsFooter {
width:270px;
height:17px;
padding:23px 15px 0 15px;
position:absolute;
z-index:10;
background: url(../images/fond-bt-footer.png) no-repeat;
margin:55px 0 0 500px;}

#btsFooter li {
display:inline;
color:#FFFFFF;
margin-left:9px;}

#btsFooter li a{
color:#FFFFFF;}

#btsFooter li a:hover{
color: #94E1EF;
text-decoration:none;}

#footerPetiteBande {
clear:both;
height:3px;
color:#078eb7;}

#footerBas {
height: 15px;
background:#79D3F7;
color: #000066;
font-size:11px;
}

#footerBas a{
color:#000000;}

#footerBas a:hover{
color:#000033;
text-decoration:none;}

#footerBasTextes {
width:900px;
margin:0 auto;
padding-left:100px;}

.btResa {
width:182px;
height:50px;
float:right;
margin-top:5px;
background:url(../images/bt-resa.png) no-repeat;
text-align:center;
padding-top:8px;
font-weight:bold;
font-size:18px;}

.btResa a{
color:#EFFB00;
font-weight:bold;}

.btResa a:hover {
color:#FFFFFF;}


#encadre {
background-color:#006289;
width:250px;
float:right;
padding:5px;
border:solid 2px #FFFFFF;
color:#FFFFFF;
margin:5px;
}

#encadreAccueil {
	background-color:#77b61f;
	width:220px;
	height:60px;
	float:left;
	padding:5px;
	border:solid 2px #FFFFFF;
	color:#FFFFFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}

#encadreAccueil2 {
	background-color:#006289;
	width:220px;
	height:60px;
	float:left;
	padding:5px;
	border:solid 2px #FFFFFF;
	color:#EFFB00;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	text-align:center;
}

#encadreAccueil2 a{
color:#EFFB00;
}

#encadreAccueil2 a:hover{
color:#FFFFFF;
}

.txt18 {
font-size:18px;}

#ok, .envoyer {
background:#006289;
color:#FFFFFF;
border:solid 1px #177a90;
cursor:pointer;

}

#start, .champTexte {
background:#43c3e0;
color:#003366;
border:solid 1px #177a90;}

#start:hover, .champTexte:hover {
background:#6ed1e7;}

.actu li {
margin-top:20px !important;}

.partenaires img {
float:left;
margin-right:5px;}