/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background-image: url(../img/interface/fond_html.gif);
  background-color:#fde1eb;
  background-repeat:repeat-x;
  width:100%;
  font:12px Arial, helvetica, sans-serif;
  color:#0b3f8b;
}

.rose {color:#901843 !important}
.bleu {color:#3E71BD !important}
.vert {color:#4f9518 !important}
.orange {color:#f2941c !important}
.gris {color:#d5d5d5 !important}
.rouge {color:#E62625 !important}
.gris2 {color:#2D2D2D !important}

.right {float:right}
.left {float:left}
.clear {clear:both}


img {border:none}
/* NE PAS REMETTRE CA ! CA BOUFFE LA MISE EN FORME DU CONTENU */
/*p {text-align:justify; letter-spacing:0.3px}*/
/* NE PAS REMETTRE CA ! CA BOUFFE LA MISE EN FORME DU CONTENU */
em {font-style:normal}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}

.margin-bas10{margin-bottom:10px}

.cacher{display:none}

#pubNautisme{text-align:center}

/* ============================================== Structure generale ===============================================================================*/
#conteneur {width:955px; margin:0px auto 0px auto}

#menu {
  background-image: url(../img/interface/fond_menu.gif);
  background-repeat:no-repeat;
  background-color:#000;
  width:909px;
  padding-left:4px;
  height:51px;
  margin-left:21px
}
#menu-ariane {width:905px; background-color:#fff; padding-top:9px; font-size:11px}

#ariane {color:#666666;width:885px; height:14px; background-color:#f0f0ef}
#ariane a {color:#666666}
#navigation {background-color:#b7b6b6; height:14px; width:95px; color:#fff; text-align:right; padding-right:5px}
.ariane-fleche {margin:0px 10px}
#drapeau-fr {margin-right:10px}

#contenu {
  background-image: url(../img/interface/fond_contenu.gif);
  background-repeat:repeat-y;
  width:896px;
  padding:10px 0px 20px 17px;
  margin-left:21px;
}

#infos-bas {margin-bottom:10px}
#logos {width:216px;}
#logos a {display:inline !important}
#logo2,#logo4,#logo1,#logo3,#logo5 {margin:0px 0px 0px 20px}


#pied {
  background-image: url(../img/interface/pied.gif);
  width:913px;
  height:48px;
  padding-top:60px;
  font-size:10px;
  margin-left:21px;
}
#pied p {text-align:center; color:#fff}
#pied a {color:#fff}


/* ============================================== Structure contenu ===============================================================================*/
/* Menu gauche */
#colonne-gauche {width:163px; margin-top:10px}
.menu-gauche-ligne {width:163px; height:1px; display:block; line-height:1px; font-size:1px; background-color:#e4e4e4; margin:7px 0px}

#sous-menu-decouvrir,#sous-menu-dormir,#sous-menu-evenement,#sous-menu-manger,#sous-menu-groupes,#sous-menu-infos  {display:none}

/* decouvrir */
#sous-menu-decouvrir {margin-bottom:10px}
#sous-menu-decouvrir a{
  background-image: url(../img/interface/puce_bleu.gif);
  background-repeat:no-repeat;
  background-position:5px 4px;
  background-color:#e4efff;
  display:block;
  padding-left:18px;
  margin-bottom:2px;
  color:#707070;
}
#sous-menu-decouvrir a:hover,#sous-menu-decouvrir a.actif{background-color:#a3c8ff; color:#fff}
#sous-menu-decouvrir h2{background-color:#3e71bd; color:#fff; font-size:12px; padding-left:5px; margin:10px 0px 3px 0px}


/* ou dormir */
#sous-menu-dormir {margin-bottom:10px}
#sous-menu-dormir a{
  background-image: url(../img/interface/puce_rose.gif);
  background-repeat:no-repeat;
  background-position:5px 4px;
  background-color:#ffe9f1;
  display:block;
  padding-left:18px;
  margin-bottom:2px;
  color:#707070;
}
#sous-menu-dormir a:hover,#sous-menu-dormir a.actif{background-color:#ffbcd4; color:#e32668}
#sous-menu-dormir h2{background-color:#e32668; color:#fff; font-size:12px; padding-left:5px; margin:10px 0px 3px 0px}


/* manger */
#sous-menu-manger {margin-bottom:10px}
#sous-menu-manger a{
  background-image: url(../img/interface/puce_orange.gif);
  background-repeat:no-repeat;
  background-position:5px 4px;
  background-color:#fff1de;
  display:block;
  padding-left:18px;
  margin-bottom:2px;
  color:#707070;
}
#sous-menu-manger a:hover,#sous-menu-manger a.actif{background-color:#ffdeb4; color:#f18200}
#sous-menu-manger h2{background-color:#f18200; color:#fff; font-size:12px; padding-left:5px; margin:10px 0px 3px 0px}


/* evenement */
#sous-menu-evenement {margin-bottom:10px}
#sous-menu-evenement a{
  background-image: url(../img/interface/puce_vert.gif);
  background-repeat:no-repeat;
  background-position:5px 4px;
  background-color:#e5ffd1;
  display:block;
  padding-left:18px;
  margin-bottom:2px;
  color:#707070;
}
#sous-menu-evenement a:hover,#sous-menu-evenement a.actif{background-color:#ccffa6; color:#4f9518}
#sous-menu-evenement h2{background-color:#4f9518; color:#fff; font-size:12px; padding-left:5px; margin:10px 0px 3px 0px}


/* groupes */
#sous-menu-groupes {margin-bottom:10px}
#sous-menu-groupes a{
  background-image: url(../img/interface/puce_gris.gif);
  background-repeat:no-repeat;
  background-position:5px 4px;
  background-color:#befaff;
  display:block;
  padding-left:18px;
  margin-bottom:2px;
  color:#707070;
}
#sous-menu-groupes a:hover,#sous-menu-groupes a.actif{background-color:#6cf3ff}
#sous-menu-groupes h2{background-color:#0f9daa; color:#fff; font-size:12px; padding-left:5px; margin:10px 0px 3px 0px}


/* manger */
#sous-menu-infos {margin-bottom:10px}
#sous-menu-infos a{
  background-image: url(../img/interface/puce_rouge.gif);
  background-repeat:no-repeat;
  background-position:5px 4px;
  background-color:#ffe4e7;
  display:block;
  padding-left:18px;
  margin-bottom:2px;
  color:#707070;
}
#sous-menu-infos a:hover,#sous-menu-infos a.actif{background-color:#ffbfc5; color:#e32121}
#sous-menu-infos h2{background-color:#e32121; color:#fff; font-size:12px; padding-left:5px; margin:10px 0px 3px 0px}


/* colonne Centre */
#colonne-centre {width:484px; margin-left:10px; color:#666; line-height:17px}
#colonne-centre p {margin-top:5px}
#colonne-centre em {font-style:italic}

#page-titre {margin-bottom:10px}
.img-gauche {margin-right:10px}
.img-centre {margin-top:10px}
.img-droite {margin-left:10px}

#colonne-centre ul {margin:10px 0px 10px 30px}


/* colonne droite */
#colonne-droite {width:216px; margin-left:10px}
#colonne-droite a {display:block; margin-bottom:10px}


#menu-gauche div div {display:none}
#menu-gauche div h2 {
  cursor:pointer;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
}
#menu-gauche div h2.rolled,#menu-gauche div h2:hover {
  opacity: .75;
  -moz-opacity: .75;
  -khtml-opacity: .75;
  filter: alpha(opacity=75);
}

#colonne-video{width:700px;margin-left:10px}
#colonne-video p {margin-top:5px}
#colonne-video #recep_video{width:700px;height:420px;background:#000;margin:10px 0 20px;text-align:center}
#vignettes {margin:10px 0 20px 50px;text-align:center;}


/* ============================================== Themes couleurs ===============================================================================*/
/* decouvrir */
#decouvrir {width:484px}
#decouvrir h3 {color:#063e90}
#decouvrir li {list-style-image:url(../img/interface/puce_carre_bleu.gif)}
#decouvrir a {color:#063e90; text-decoration:underline}

#dormir a {color:#901843 !important}
#manger a {color:#f2941c !important}
#evenement a {color:#4f9518 !important}
#infos a {color:#E62625 !important}


/* ============================================== accueil ===============================================================================*/
#accueil {width:930px; margin:0px auto}

#accueil-news b {color:#3c3c3c; width:128px; padding:3px 5px 0px 5px; font-size:11px}
#accueil-fond-news {background-color:#666; width:65px; height:65px; text-align:center; border:0px; border-left:1px #94284e solid; border-right:1px #94284e solid;}

#accueil-menu {
  background-image: url(../img/standard/accueil/accueil_colonne_gauche.jpg);
  background-repeat:no-repeat;
  width:197px;
  height:429px;
  padding:80px 0px 0px 30px
}
#accueil-menu a{display:block; margin-bottom:5px}
a#accueil-menu-bas {margin-bottom:20px; display:block}

#encart1 {margin-top:20px}

#fond-flash {position:relative; width:703px; height:509px}
.margin-bas20{margin-bottom:20px}
#accueil-logo {position:absolute;text-align:right; top:370px; right:30px}

#accueil-news { position:relative; height:130px; width:930px}
#accueil-news-img {position:absolute; top:31px; right:100px; cursor:pointer; width:209px; height:65px}
#accueil-news-img a {cursor:pointer; display:block;width:209px; height:65px}

#accueil-pied {
  background-image: url(../img/standard/accueil/accueil_pied.gif);
  background-repeat:no-repeat;
  width:930px;
  height:48px;
  padding-top:52px;
}
#accueil-pied p{font-size:10px; color:#fff; text-align:center}
#accueil-pied a{color:#fff}
#accueil-pied a:hover{text-decoration:underline}


/* ============================================== accueil old =============================================================================== */
#moteur {
  background-image: url(../img/interface/moteur_fond.jpg);
  background-repeat:no-repeat;
  width:494px;
  height:61px;
  color:#fff;
  padding:10px 20px 0px 20px;
}
#moteur select,#moteur2 select,#fiche-moteur select {font-size:11px}
#moteur p,#moteur2 p {margin:2px 5px 10px 0px; display:block; width:300px}
#moteur2 label {color:#fff}
#moteur-rechercher {margin:23px 0px 0px 0px}
#moteur-commune {color:#901843}

#moteur2 {
  background-image: url(../img/standard/fiche/moteur2_fond.gif);
  background-repeat:no-repeat;
  width:438px;
  padding:10px 20px 0px 20px;
  height:57px;
  color:#fff !important;
}


#newsletter {
  background-image: url(../img/fra/general/newsletter.jpg);
  width:197px;
  height:102px;
  margin:12px 10px 10px 0px;
  padding:35px 0px 0px 20px;
  color:#666
}
#newsletter p {display:block; float:left; margin-bottom:5px; padding-left:5px}
#newsletter-input {margin-top:12px; color:#7b7b7b; background-color:#fff; border:1px #b9b9b9 solid}
#newsletter-ok {margin:7px 0px 0px 7px}
#newsletter-email {margin:15px 5px 0px 0px}

#presse {
  background-image: url(../img/fra/general/presse.jpg);
  width:207px;
  height:102px;
  margin:12px 0px 10px 0px;
  padding:35px 0px 0px 10px;
  color:#666
}
#presse p {margin:2px 0px 5px 10px; display:block}
.presse-email {width:130px; color:#7b7b7b; background-color:#fff; border:1px #b9b9b9 solid}
.presse-pass {width:88px; color:#7b7b7b; background-color:#fff; border:1px #b9b9b9 solid}
#presse a.lost {color:#C44E77;text-align:center;font-size:8pt;margin:0px 13px 5px 7px; text-decoration:none}
#presse a.lost:hover {text-decoration:underline}


/* ============================================== Decouvrir ===============================================================================*/
#decouvrir select option.intitule{color:#fff;background-color:#134DA1 !important}
#decouvrir .groupCommune {margin:20px 0px 3px 0px; background-color:#134DA1; width:472px; color:#fff; padding:2px 0px 0px 5px}

.fiche-decouvrir {width:456px; background-color:#e1edff; border:1px #9ec0f1 solid; padding:10px; margin-bottom:7px; text-align:justify}
.fiche-decouvrir a {color:#134DA1}
img.personelle{border:3px solid #EFE9ED!important; padding:7px!important; background-color:#FCFDFF!important;}
/* ============================================== Dormir ===============================================================================*/
#dormir select option.intitule{color:#fff;background-color:#E32668}

#dormir .groupCommune {margin:20px 0px 3px 0px; background-color:#901843; width:472px; color:#fff; padding:2px 0px 0px 5px}

.fiche-dormir {width:456px; background-color:#fbebf1; border:1px #f2b1c9 solid; padding:10px; margin-bottom:7px}
.fiche-dormir a {color:#901843}
.hotel-img {margin:0px 10px 5px 0px}


/* ============================================== Manger ===============================================================================*/
#manger select option.intitule{color:#fff;background-color:#f2941c}
#manger .groupCommune {margin:20px 0px 3px 0px; background-color:#f2941c; width:472px; color:#fff; padding:2px 0px 0px 5px}
.fiche-manger {width:456px; background-color:#fcecd7; border:1px #f5bf7b solid; padding:10px; margin-bottom:7px}
.fiche-manger a {color:#f2941c}
.hotel-img {margin:0px 10px 5px 0px}


/* ============================================== Evenement ===============================================================================*/
.fiche-evenement {width:456px; background-color:#d1ffc7; border:1px #bdedb3 solid; padding:10px; text-align:justify; margin-bottom:10px}
.fiche-evenement a {text-decoration:underline; color:#4f9518}

#evenement .groupCommune {margin:20px 0px 3px 0px; background-color:#4f9518; width:472px; color:#fff; padding:2px 0px 0px 5px}

.evenement-titre {
  background-image: url(../img/standard/evenement/evenement_fond_titre.gif);
  background-color:#4f9518;
  width:468px;
  color:#fff;
  font-weight:bold;
  margin-top:15px;
  height:20px;
  padding:4px 0px 0px 10px;
}
.evenement-titre h3 {width:390px; display:block; float:left}
/*.evenement-p {width:320px}*/



/* ============================================== Contact ===============================================================================*/
#contact-img {
  background-image:url(../img/fra/contact/coordonnees.gif);
  background-repeat:no-repeat;
  width:186px;
  height:290px;
  color:#fff;
  padding:40px 10px 0px 20px;
  font-size:11px;
}
#contact-img a{color:#f99f9e !important}

#contact {margin:10px 0px 0px 20px}
#contact fieldset {border:none; margin-left:20px}
#contact label {float:left; height:15px;  width:150px; margin:2px 10px 0px 0px; text-align:right}
#contact input, #contact select {float:left; width:260px; margin-bottom:4px; background-color:#FDE0DF; color:#E62625; border:1px #f57170 solid}
#contact input {height:15px}
#contact textarea {margin-top:5px; width:440px; height:100px; background-color:#FDE0DF; color:#E62625; border:1px #f57170 solid}
.input-vert {border:1px #73b2d9 solid; padding:1px}

#contact-titre {margin-bottom:20px}

#envoyer {margin-left:335px; width:111px !important; height:25px !important; border:none !important}

.ok {color:#15D200; font-weight:bold; background-color:#fff; width:200px; border:1px solid; padding:2px 5px}
.error {color:#ff0000; font-weight:bold; background-color:#fff; width:280px; border:1px #ff0000 solid; padding:2px 5px}
.obligatoire {margin-bottom:10px; display:block}

#equipe li {
  margin-left:20px;
  background-image:url(../img/puce.gif);
  list-style:none;
  padding-left:15px;
  background-repeat:no-repeat;
  background-position:0px 4px;
  margin-top:5px
}

#adresse {
  background-image:url(../img/adresse.gif);
  width:215px;
  height:142px;
  margin:15px 0px 10px 10px;
  padding-top:30px;
}
#adresse p {text-align:center; color:#1584b5}



/* ============================================== Annexes etc ==========================================================================*/
#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#FDDFEA; margin:5px 0px; padding:5px 0px 5px 20px; width:350px}
.fond-infos2 {background-color:#FEF1F7}
.fond-infos p,.fond-infos2 p {display:block; width:200px !important}
.couleur1 {background-color:#FDDFEA}
.couleur2 {background-color:#FEF1F7}

#extras caption {width:480px; background-color:#901843; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:480px}
#extras td a {color:#f2941c}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#901843;}
.annexes p {display:block; width:480px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {display:block; width:450px; padding:5px 0px 5px 5px; background-color:#b5f0ff; margin-bottom:4px; border-right:5px #15749e solid}
#plan a:hover {background-color:#e0f7fd; border-right:5px #dc9b00 solid; color:#dc9b00}



.fond-haut {
  background-image:url(../img/fond_haut.gif);
  background-repeat:repeat-x;
  height:12px;
  width:174px; /* a modifier en dur dynamiquement (largeur img + 24px) */
}

.fond-bas {
  background-image:url(../img/fond_bas.gif);
  background-repeat:repeat-x;
  height:12px;
  width:174px; /* a modifier en dur dynamiquement (largeur img + 24px) */
}

.fond-milieu-gauche {
  background-image:url(../img/fond_milieu_gauche.gif);
  background-repeat:repeat-y;
  width:12px;
  height:150px; /* a modifier en dur dynamiquement (largeur img + 24px) */
}
.fond-milieu-droite {
  background-image:url(../img/fond_milieu_droite.gif);
  background-repeat:repeat-y;
  width:12px;
  height:150px; /* a modifier en dur dynamiquement (largeur img + 24px) */
}



/* ======================== GENERATEUR DE PAGES ========================== */
#spec > * {margin:0; padding:0}

#body ul {margin:10px 0px}
#body li {margin:0px 0px 10px 15px; list-style:none; list-style-image:url(../img/interface/puce_carre_bleu.gif)}

/* Mettre ici tout ce qui concerne la mise en forme des pages du site avec #body devant */

#body img{margin-top:10px;}
#body img.left, #body img.right{margin:0; margin-bottom:10px;}


#spec #body {padding:0px 10px; font-family:Arial,helvetica,sans-serif; color:#666666; font-size:12px}
#spec #body a {font-size:inherit; text-decoration:underline}
#spec h1, #spec h2, #spec h3, #spec h4, #spec h5, #spec h6 {margin-top:0.5em !important}
#spec h3 {font-size:13px; display:block}
/* Document */
#spec div.doc a {display:block; padding:5px; text-align:center; color:#fff !important; text-decoration:none !important; margin-bottom:1em}
#spec div.vdo {text-align:center; margin-bottom:1em;}
#spec div.img,#spec div.txt,#spec h1, #spec h2, #spec h3, #spec h4, #spec h5, #spec h6 {margin-bottom:1em}


#body div.img.left {margin-right:25px !important}
#body div.img.right {margin-left:25px !important}

#ptitGibus h3, #ptitGibusRecherche h3 {background-color:#3E71BD; color:#fff; padding:0.3em; margin:15px 0px 5px 0px}
.ptitGibus-telecharger {margin:0px !important}
#texteGibus {margin-top:15px}
#ptitGibus img {margin:5px; margin-right:15px}
#ptitGibusRecherche a {display:block; text-decoration:none; padding:0.3em}
#ptitGibusRecherche a:hover {color:#3E71BD}
#ptitGibusRecherche a.couleur {background-color:#E4EFFF}




/**************************** Calendrier **************************/
#calendar-container {width:205px; padding-left:6px}





.erreur {color:red;}

#creditsLeb a{text-decoration:none;color:#765D3B}
div.extras{margin:15px}
div.extras .credits1,div.extras .credits2{background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:250px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras ul li{margin-left:0 !important}

.left{float:left}
.clear{clear:both}

#leb-img img{border:0}
a#leb-img{background:transparent}
a#leb-img:hover{background:transparent}
#creditsLeb h4{color:#8d6875 !important;margin:10px 0}
#creditsLeb ul{padding:8px 8px 5px !important;}
#creditsLeb ul li{padding:0 !important;background:transparent !important}
#creditsLeb p{width:100% !important}