*{
margin:0;
padding:0;
}

body{
background: #939393 url(../img/body_fond.jpg) repeat-x;
font-family:arial,helvetica,sans-serif;
text-align:center;
color:#333;
font-size: 86%;
}

/* General Style Info */
a{
color:#c96;
text-decoration:none;
}
a:hover{
color:#963;
text-decoration:underline;
}

a img{
border:none;
}

ul, li{
list-style: none;
}

.clear{ 
clear: both;
height: 0;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
}

.justClear{ 
clear: both;
}

.center{
text-align: center;
}

.right{
text-align: right;
}

.btnRenseignment{
position: relative;
display: block;
margin: auto;
width: 215px;
height: 28px;
background: url(../img/btn_renseignement.gif) no-repeat;
text-indent: -10000px;
}

.btnRenseignment:hover {
background-position: 0 -28px;
}

.chemin{
color: #333;
font-size: .9em;
}

.flashError{
background: #069;
border: 4px solid #006;
margin: auto;
width: 450px;
margin-bottom: 15px;
font-size: 1.1em;
color: #fff;
}

.flashError dt{
background:  url(../img/puce_alert.gif) left center no-repeat;
padding: 0 20px;
margin: 10px;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: bold;
}

.flashError dl dt{
background:  url(../img/puce_alert.gif) left center no-repeat;
}

.flashError dd{
padding: 0 10px 10px 10px;
}

.ligneForm{
clear: both;
padding-top: 10px;
}

.ligneForm div {
float: left;
width: 250px;
}

.ligneForm div.colUnique {
float: left;
width: 100%;
}

.ligneForm label, .ligneForm .label{
display: block;
float: left;
width: 110px;
margin-right: 4px;
text-align: right;
}

.ligneForm input, .ligneForm .input{
display: block;
float: left;
width: 130px;
}

.ligneForm .widthAuto{
width: auto;
margin-left: 5px;
}

.ligneForm .widthMax{
width: 382px;
}

.ligneForm .error_message{
float: left;
width: 150px;
margin-left: 120px !important;
margin: 2px 20px 0 40px;
color: #fff;
font-weight: bold;
}

.error_message{
background: #069 url(../img/fleche_erreur_message.gif) left top no-repeat;
padding: 8px 5px 2px 5px;
color: #fff;
font-weight: bold;
}

.renvoi{
clear: both;
background: url(../img/content_ligne.gif) 0 15px no-repeat;
padding-top: 20px;
margin-top: 15px;
font-size: .8em;
vertical-align: bottom;
}

.flashInfo{
background: #E0D9B9;
border: 4px solid #C9C2A2;
margin: auto;
width: 450px;
margin-bottom: 15px;
font-size: 1.1em;
color: #330;
}

.flashInfo dt{
background:  url(../img/puce_info.gif) left center no-repeat;
padding: 0 20px;
margin: 10px;
text-transform: uppercase;
letter-spacing: .1em;
}

.flashInfo dd{
padding: 0 10px 10px 10px;
}

.flashInfo dd.ligneFermer{
text-align: right;
}

.flashInfo dd.ligneFermer a{
background:  url(../img/btn_fermer.gif) left center no-repeat;
padding-left: 15px;
}

.flashInfo dd.ligneFermer a:hover{
background-position: -239px 50%;
text-decoration: none;
}

#container{
width: 879px;
margin: auto;
text-align:left;
}

#header{
position: relative;
background: url(../img/entete_fond.gif) no-repeat;
height: 292px;
margin-top: 0;
padding: 4px 0px;
}

#header #logo{
position: absolute;
width: 280px;
height: 295px;
top: 43px;
left: 15px;
background: url(../img/logo.gif) no-repeat;
}

#header #img1{
position: absolute;
width: 472px;
height: 278px;
top: 0px;
left: 462px;
background: url(../img/entete_surfer.gif) no-repeat;
}

#header h1{
position: absolute;
width: 373px;
height: 86px;
top: 76px;
left: 290px;
background: url(../img/titre_fond.gif) no-repeat;
text-indent: -10000px;
}

#content{
padding: 0;
}

#nav{
background: url(../img/nav_pied.gif) bottom no-repeat;
padding-bottom: 50px;
float: left;
width: 293px;
}

#nav p.lienInfo{
padding: 10px 10px 5px 15px;
font-size: .9em;
line-height: 1.5em;
color: #ADA39A;
}

#navEntete{
background: url(../img/nav_entete.gif) no-repeat;
height: 57px;
}

#navCorps{
background: url(../img/nav_fond.gif) repeat-y;
}

.navBleu{
background: url(../img/nav_bleu_bas.gif) bottom no-repeat;
width: 269px;
margin-left: 12px;
text-indent: -10000px;
padding-bottom: 8px;
}

.navBleu dt{
background: url(../img/nav_bleu_haut.gif) no-repeat;
height: 8px;
line-height: 1px;
font-size: 1px;
}

.navBleu dd{
background: url(../img/nav_tel_fond.gif) no-repeat;
height: 56px;
}

.navFlash{
background: url(../img/nav_flash_fond.gif) bottom repeat-y;
width: 269px;
margin-left: 12px;
margin-top: 10px;
text-align: center;
color: #fff;
}

.navFlash dt{
background: url(../img/nav_flash_haut.gif) no-repeat;
padding-top: 10px;
font-size: 1.2em;
font-weight: bold;
}

.navFlash dd{
background: url(../img/nav_flash_fond.gif) repeat-y;
padding: 0 10px;
}

.navFlash p{
margin: 5px 0 0 0;
}

.navFlash p img{
margin: 0 5px 5px 0;
float: left;
}

.navFlash dd.btn{
background: url(../img/nav_flash_bas.gif) left bottom no-repeat;
padding: 15px 0 15px 0;
}

.navFlash  a.btnSavoirplusBleu{
position: relative;
display: block;
margin: auto;
width: 106px;
height: 21px;
background: url(../img/btn_savoirplusbleu.gif) no-repeat;
text-indent: -10000px;
}

.boite{
background-repeat: repeat-y;
width: 269px;
margin: 10px 0 0 12px; 
line-height: 1.3em;
}

.boite .boiteHaut, .boite .boiteHaut1{
background-repeat: no-repeat;
background-position: top;
height: 46px;
text-indent: -10000px;
}

.boite .boiteBas{
background-repeat: no-repeat;
background-position: bottom;
padding: 0px 10px 15px 10px;
font-size: 1em;
}

.boite p{
  margin: 10px 0;
  font-family: arial;
  font-size: .9em;
  color: #300;
}

.boite p img{
  display: block;
  float: left;
  margin-right: 5px;
}


.boite p.center img{
display: inline;
float: none;
margin-left: 5px;
}

.boite .boite .btn{
margin: 0;
}

.glissex, .coordonnees{
background-image: url(../img/nav_orange_fond.gif);
}

.glissex .boiteHaut{
background-image: url(../img/nav_orange_haut.gif);
}

.coordonnees .boiteHaut{
background-image: url(../img/nav_coordonnees.gif);
}

.glissex .boiteBas, .coordonnees .boiteBas{
background-image: url(../img/nav_orange_bas.gif);
}

.boiteMenu{
background-image: url(../img/nav_gris_fond.gif);
}

.boiteMenu .boiteHaut{
background-image: url(../img/nav_gris_haut.gif);
height: auto;
text-indent: 0;
}

.boiteMenu .boiteBas{
background-image: url(../img/nav_gris_bas.gif);
padding: 10px 0;
font-size: 1.1em;
}

.boiteMenu li{
margin: 0 15px;
padding: 15px 0;
border-bottom: 1px solid #E6E0DB;
}

.boiteMenu li span.active{
background: url(../img/btn_lien.gif) -295px 50% no-repeat;
padding-left: 25px;
color: #fff;
}

.boiteMenu li a{
background: url(../img/btn_lien.gif) 0 50% no-repeat;
padding-left: 25px;
color: #300;
}

.boiteMenu li a:hover{
background-position: -295px 50%;
color: #fff;
}

.boiteMenu li.lienEntete a{
background: none;
padding-left: 5px;
}

.boiteMenu li.onOffGlobal{
margin: 0 15px;
padding: 2px 0;
text-align: right;
}

.boiteMenu li.onOffGlobal a{
font-size: .8em;
background: none;
padding-left: 5px;
}

.btnOnOff{
display: block;
position: absolute;
width: 15px;
height: 15px;
margin: 0 5px 0 0px;
padding: 0;
background-repeat: no-repeat;
cursor: pointer;
}

.boiteMenu .btnOnOff{
background-image: url(../img/btn_onoff.gif);
top: 1.2em;
left: 225px;
}

.ouvrirOff{
background-position: 0 0;
}

.ouvrirOn{
background-position: 0 -15px;
}

.fermerOff{
background-position: -15px 0;
}

.fermerOn{
background-position: -15px -15px;
}

.boiteMenu li ul{
margin: 0 0 0 10px;
padding: 0;
}

.boiteMenu li ul li{
margin: 0 15px;
padding: 5px 0 0 0;
font-size: .9em;
border-bottom: none;
}

.boiteMenu li.active ul li{
margin: 0 15px 0 -10px;
padding: 5px 0 0 0;
font-size: .9em;
border-bottom: none;
}

.boiteMenu li ul li span.active{
background: url(../img/btn_lien_small.gif) -304px 50% no-repeat;
padding-left: 10px;
color: #fff;
}

.boiteMenu li ul li a{
background: url(../img/btn_lien_small.gif) 0 50% no-repeat;
padding-left: 10px;
color: #300;
}

.boiteMenu li ul li a:hover{
background-position: -304px 50%;
color: #fff;
}

.surfCamp, .ecoleSurf{
background-image: url(../img/nav_orange_fond.gif);
}

.surfCamp li, .ecoleSurf li{
background: url(../img/puce_2.gif) 0 50% no-repeat;
margin: 0 0 10px 10px;
padding-left: 10px;
font-weight: bold;
}

.surfCamp .boiteHaut{
background-image: url(../img/nav_surfcamp_1.gif);
}

.ecoleSurf .boiteHaut{
background-image: url(../img/nav_ecolesurf_1.gif);
}

.surfCamp .boiteBas, .ecoleSurf .boiteBas{
background-image: url(../img/nav_orange_bas.gif);
}

.news{
background-image: url(../img/nav_bleu_fond.gif);
}

.news .boiteHaut{
background-image: url(../img/nav_news.gif);
}

.news .boiteHaut1{
background-image: url(../img/nav_canaries.gif);
}

.news  .boiteBas{
background-image: url(../img/nav_bleu_bas.gif);
}

.lienNewsExterne {
background: url(../img/puce_liennewsexterne.gif) 0 50% no-repeat;
color: #fff;
font-weight: bold;
padding: 5px 0 5px 20px;
}

.lienNewsExterne:hover {
background-position: -238px 50%;
color: #ccc;
}

.btnSavoirplus{
position: relative;
display: block;
margin: auto;
width: 215px;
height: 28px;
background: url(../img/btn_savoirplus.gif) no-repeat;
text-indent: -10000px;
}

.btnSavoirplus:hover {
background-position: 0 -28px;
}

#listeNews{
position: relative;
margin: 10px 0 0 0;
height: 220px;
overflow: auto;
}

#listeNews .itemListe{
position: relative;
margin: 0;
padding: 0;
color: #fff;
width: 249px;
height: 220px;
overflow: hidden;
}

.galerie{
position: relative;
margin: 10px 0 0 0;
height: 153px;
overflow: auto;
}

.galerie li {
position: relative;
margin: 0;
padding: 0;
color: #fff;
height: 153px;
width: 247px;
overflow: hidden;
text-align: center;
}

.galerie li {
background: none;
}

#page{
float: right;
width: 577px;
background: url(../img/page_bas.gif) left bottom no-repeat;
padding-bottom: 40px;
}

#pageEntete{
background: url(../img/page_haut.gif) repeat-y;
height: 33px;
}

#pageCorps{
background: url(../img/page_fond.gif) repeat-y;
padding-top: 15px;
}

.colG{
float: left;
}

.colD{
float: left;
}

#pageArticle{
padding: 10px 20px;
}

#pageArticle h2{
position: relative;
font-size: 1.5em;
margin: 15px 0 25px 0;
color: #2358BF;
border-bottom: 1px solid #2358BF;
}

#pageArticle h3{
clear: both;
border-bottom: 1px solid #2358BF; 
position: relative;
font-size: 1.2em;
margin: 15px 0 5px 0;
color: #2358BF;
}

#pageArticle h3  a{
background: url(../img/btn_detail.gif) 0 50% no-repeat;
padding-left: 20px;
color: #2358BF;
}

#pageArticle h3  a:hover{
background-position: -385px 50%;
text-decoration: none;
color: #88B0E4;
}

#pageArticle p{
position: static !important;
position: relative;
margin-bottom: 10px;
}

#pageArticle p img{
float: left;
margin: 0 5px 5px 0;
}

#pageArticle p img.floatRight{
display: block;
float: right;
}

#pageArticle p.hautDePage{
text-align: right;
margin-top: 15px;
}

#pageArticle a.lienHautDePage{
background: url(../img/btn_haut.gif) 0 50% no-repeat;
padding-left: 20px;
}

#pageArticle  a.lienHautDePage:hover{
background-position: -185px 50%;
text-decoration: none;
}

#pageArticle ul li{
background: url(../img/puce_1.gif) 0 50% no-repeat;
margin: 10px 10px 5px 10px;
padding-left: 20px;
font-weight: bold;
font-size: .9em;
}

#pageArticle table{
width: 100%;
margin-top: 10px;
font-size: .9em;
}

#pageArticle th{
text-align: center;
padding: 5px;
background: #C6BBB0;
}

#pageArticle td{
padding: 5px;
background: #E8DCCE;
color: #333;
vertical-align: top;
}

#pageArticle td.prix{
text-align: center;
font-weight: bold;
width: 45px;
background: #E8DCCE;
color: #333;
}

#pageArticle td.prix1{
text-align: center;
background: #E8DCCE;
color: #333;
}

#pageArticle td ul li{
background: url(../img/puce_2.gif) 0 5px no-repeat;
margin: 5px 0;
padding-left: 7px;
font-weight: normal;
}

#pageArticle .boiteSousMenu{
float: right;
width: 220px;
padding: 0;
margin: 0 -2px 5px 10px;
background: url(../img/sousmenu_fond.gif) repeat-y;
color: #000;
}

#pageArticle .boiteSousMenu .btnOnOff{
background-image: url(../img/btn_onoff_1.gif);
top: 6px;
left: 185px;
}

#pageArticle .boiteSousMenu ul{
  padding: 5px 0;
}

#pageArticle .boiteSousMenu ul li{
background: none;
margin: 0;
font-weight: normal;
font-size: 1em;
}

#pageArticle .boiteSousMenu ul li.entree {
background: url(../img/sousmenu_titre_fond1.gif) 0 25px repeat-x;
padding: 5px 10PX;
color: #EFEFF1;
font-weight: bold;
font-size: 1em;
border-bottom: 1px solid #EFEFF1;
}

#pageArticle .boiteSousMenu ul li.lastItem {
border-bottom: none;
}

#pageArticle .boiteSousMenu ul li.entree span {
padding-right: 20px;
}

#pageArticle .boiteSousMenu ul li a {
background: url(../img/btn_lien_small.gif) 0 50% no-repeat;
padding-left: 7px;
color: #300;
}

#pageArticle .boiteSousMenu li ul li a:hover{
background-position: -304px 50%;
color: #fff;
}

#pageArticle .boiteSousMenu ul li ul {
  padding: 0 0 0 7px;
  text-align: left;
}

#pageArticle .boiteSousMenu ul li ul li{
  padding: 5px 0;
  font-weight: normal;
  font-size: .9em;
}

#pageArticle .boiteSousMenu .boiteHaut{
background: url(../img/sousmenu_haut.gif) no-repeat;
}

#pageArticle .btnReservez{
margin: 50px 0 15px 0;
}

#pageArticle .btnReservez a{
display: block;
width: 215px;
height: 48px;
background: url(../img/btn_reservez.gif) 0 0 no-repeat;
}

#pageArticle .btnReservez a:hover{
background-position: 0 -48px;
}

#pageArticle .btnReservez a span{
display: none;
}

.boiteSousMenu  .boiteBas{
background: url(../img/sousmenu_bas.gif) bottom no-repeat;
padding: 10px;
}

#diaporama{
clear: both;
margin-left: 0px;
margin-bottom: 10px;
}

#diaporama{
margin-top: 15px;;
}

#diaporama li img{

margin-left: 0px;
border: 2px solid #fff;
}

/* galViewII  */
.gvIIContainer{
width:525px;
position:relative;
background: #333;
padding:0;
border:10px solid #C6BBB0;
}

.gvIIContainer .btnFermer{
 float: right;
 background: url(../img/ico_fermer.gif) no-repeat left center;
 color: #fff;
 padding: 10px 10px 10px 15px;
 cursor: pointer;
}

.gvIIContainer .gvIIImgContainer{
height:385px;
position:relative;
overflow:hidden;
margin: auto;
margin-bottom:10px;
width: 490px;
}

.gvIIContainer .gvIIImgContainer img{
border:5px solid #fff;
}

.gvIIContainer .gvIIImgContainer .gvIILoader{
background: url(../img/ajax-loader.gif) no-repeat center center;
width:490px;
height:385px;
display:none;
}

.gvIIContainer .gvIIHolder{
clear: both;
position:relative;
overflow:auto;
}

.gvIIContainer .gvIIHolder .gvIIItem{
float:left;
height:67px;
width:100px;
border:1px solid #fff;
margin:1px;
position:relative;
overflow:hidden;
}
.gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{
position:absolute;
top:0;
left:0;
height:67px;
width:100px;
cursor:pointer;
}
.gvIIContainer .gvIIHolder .gvIIItem img{
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
margin-left:0;
margin-top:0;
border:none;
cursor:pointer;
}
/* END  */

#footer{
clear: both;
text-align: center;
}