/* CSS Document */

* {margin:0;padding:0;}

body {
background-image:url(../img/fond.gif);
background-attachment:fixed;
margin:0;
padding:0;
}

#container {
width:760px;
margin:0 auto;
padding:0 1px;
background-color:#FFFFFF;
border-left:10px solid #FF8401;
border-right:10px solid #FF8401;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}




/*------------------------header------------------------------------*/
#sub_header {
height:40px;
background-color:#18B4F4;
background-image:url(../img/feuilles.gif);
background-position:top left;
background-repeat:no-repeat;
}


a:hover.boutons, a:active.boutons{
background-position:0 -40px;
}
#boutons_container {
float:right;
margin-top:0;
width:310px;
}
/*--pour firefox--*/
html>body #boutons_container {
margin-left:450px;
}

.boutons {
float:right;
height:25px;
text-align:center;
padding-top:15px;
margin-left:1px;
}

a.boutons {
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
}

#loupe {
background-image:url(../img/bouton_loupe.gif);
width:150px;
}

#contact {
background-image:url(../img/bouton_contact.gif);
width:150px;
}
/*--------------------------header------------------------*/
#header {
height:297px;
background-image:url(../img/photos.jpg);
background-position:top right;
background-repeat:no-repeat;
}

#logo {
width:198px;
height:297px;
background-image:url(../img/logo.gif);
background-repeat:no-repeat;
}

#logo p {
color:#FFFFFF;
font-size:12px;
text-align:center;
padding-top:190px;
line-height:18px;
}

/*-------------menu-------------------*/

#menu_container {
height:41px;
background-color:#18B4F4;
border-bottom:1px solid #FFFFFF;
}
/*-----------langues------------------*/
#langues {
float:left;
background-color:#00A0E2;
width:198px;
height:41px;
}

.boutons_langues {
width:63px;
height:41px;
float:right;
}

a:hover.boutons_langues, a:active.boutons_langues{
background-position:0 -41px;
}

#fr {
background-image:url(../img/langue_fr.gif);
}

#eng {
background-image:url(../img/langue_ang.gif);
margin-right:40px;
}

#menu {
float:left;
}

.boutons_menu {
display:block;
height:26px;
background-position:top left;
background-repeat:no-repeat;
background-color:#18B4F4;
}

a.boutons_menu {
text-align:right;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
padding-top:15px;
}

a.boutons_menu:hover {
padding-top:11px;
}

ul#menu, #menu ul {
margin:0;
padding:0;
list-style-type:none;
display:inline;
}

#menu li{
float:left;
list-style-type:none;
margin-left:5px;
display:inline;
}
#accueil {
background-image:url(../img/menu_accueil.gif);
width:90px;
}
#accueil-ang {
background-image:url(../img/menu_accueil.gif);
width:100px;
}

#camping {
background-image:url(../img/menu_tente.gif);
width:115px;
}

#camping-ang {
background-image:url(../img/menu_tente.gif);
width:105px;
}
#tarifs {
background-image:url(../img/menu_tarifs.gif);
width:80px;
}

#locations {
background-image:url(../img/menu_location.gif);
width:105px;
}

#locations-ang {
background-image:url(../img/menu_location.gif);
width:95px;
}

#region {
background-image:url(../img/menu_regions.gif);
width:105px;
}

#region-ang {
background-image:url(../img/menu_regions.gif);
width:115px;
}

/*---------page contenu--------------*/
#page_container {
background-image:url(../img/fond_page.gif);
background-repeat:repeat-y;
background-position:top left;
color:#464B4D;
}

#cadre_droit {
margin-left :200px;
padding:10px;
line-height:16px;
}

#cadre_droit  li, #cadre_droit  ul{
margin:5px 20px;

}

#cadre_gauche {
position:absolute;
margin-left:0;
margin-top:0;
width:180px;
line-height:16px;
color:#464B4D;
padding:5px;
}

#cadre_gauche p {
padding:0 5px;
}

/*----------cadre de couleur------------------*/

.cadres {
background-position:2px 2px;
background-repeat:no-repeat;
padding:2px;
width:244px;
color:#FFFFFF;
float:left;
margin-left:10px;
height:170px;
text-decoration:none;
border:2px solid #FFF;
}

a.cadres img {
border:0;
}

a.cadres p{
color:#FFFFFF;
}


a:hover.cadres#epicerie {
border:2px solid #8AAE03;
}

a:hover.cadres#animations {
border:2px solid #E57202;
}

a:hover.cadres#piscine {
border:2px solid #016DB6;
}

a:hover.cadres#mobil_home {
border:2px solid #FFAE00;
}


#epicerie {
padding:2px;
width:244px;
float:left;
margin-left:10px;
text-decoration:none;
background-color:#9AC205;
}


#animations {
background-color:#FF7F03;
padding:2px;
width:244px;
float:left;
margin-left:10px;
text-decoration:none;
}

#piscine {
background-color:#3B95D2;
margin-top:10px;
padding:2px;
width:244px;
float:left;
margin-left:10px;
text-decoration:none;
}

#mobil_home {
background-color:#FFD800;
margin-top:10px;
padding:2px;
width:244px;
float:left;
margin-left:10px;
text-decoration:none;
}


.cadres h2 {
font-size:16px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0;
padding-left:5px;
padding-right:5px;
color:#FFF;
text-decoration:none;
border:0;
}

div#cadre_gauche h2 {
margin-top:5px;
margin-bottom:0;
font-weight:bold;
color:#000000;
font-size:10px;
border:0;
padding-left:5px;
}


span.cadres a:link, span.cadres a:visited{
border:0;

}


/*-------------------------------footer------------------------------------*/
#footer {
background-color:#00A0E2;
height:15px;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

/*----------------------------------formulaire------------------------------------*/
.bouton_envoyer {
  width: 100px;
  height: 25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/envoyer.gif) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  color:#FFF;
  font-weight:bold;
}

.formulaire {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

#encadre_adresse {
float:right;
width:240px;
height:126px;
border:0;
background-image:url(../img/adresse.gif);
background-repeat:no-repeat;
text-align:center;
padding-top:30px;
}

.float_gauche {
float:left;
padding:2px;
border:1px solid #ccc;
margin: 0 10px 10px 0 ;
}