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

html {
  font:11px Arial, helvetica, sans-serif;
  width:100%;
  text-align:center;
}

.bleu {color:#5471cf !important}
.vert {color:#a7c956 !important}
.gris {color:#424242 !important}


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


img {border:none}
p {text-align:justify}
a{text-decoration:none}

.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}

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

.liste {background-color:#e5eeff; border:1px #ccdeff solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}

a.bouton{display:block;float:left;}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/

#graphics{background:#fff url(../img/squelette/graphics.jpg) no-repeat top center;text-align:center}

#page {
  background-repeat:no-repeat;
  width:978px;
  margin:0px auto 0px auto;
}

#header{height:181px;text-align:left;}

#header h1{width:139px;height:114px;position:relative;left:70px;top:48px;}
#header h1 span{float:left;margin-top:-1000px;}
#header #bandeau{float:right;width:768px;height:181px;margin-top:-114px;margin-right:2px}


a.home{margin:40px 0 0 92px;width:35px;height:51px;background:url(../img/squelette/home.jpg) no-repeat 0 0}
a.home:hover{background-position:0 -51px}

#headerBis{cursor:default}
#headerBis #galerieUp{margin:20px 0 0 600px;text-align:center;width:333px;height:100px;color:#fff}

#miniMenu{text-align:left}
#miniMenu h2.slogan{font-family:"Garamond,Times";font-weight:normal;margin:6px 0 0 54px;font-size:14pt;color:#e33715;width:335px;float:left;}
#miniMenu h2.slogan span{float:left;margin-top:-3000px}
#miniMenu #player{float:left;width:155px;height:40px;}

#galerieUp p#vignettes{margin:5px auto 0 auto;padding:8px 0 0 23px;height:54px;text-align:center;width:307px;background:url(../img/accueil/bg_galerie.jpg) no-repeat top center}

#galerieUp p#vignettes a{display:block;height:41px;float:left;border:2px #b9d5e1 solid;margin-right:3px;}
#galerieUp p#vignettes a:hover{border:2px #fff solid}

#menu {height:38px;background:url(../img/squelette/bg_menu.jpg) no-repeat;padding-top:17px;text-align:center;}
#menu ul{width:850px;margin-left:111px;}
#menu ul li{display:inline;float:left;border-right:1px solid #fff;color:#fff;list-style:none;padding:0 6px}
#menu ul li.first{padding:0 6px 0 0}
#menu ul li.last{border:none;padding:0 0 0 6px}
#menu ul li a{display:block;float:left;font-size:11px;color:#fff;text-decoration:none}
#menu ul li a:hover,#menu ul li a.actif{color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;position:relative;top:-1px}

#contenu{background:url(../img/squelette/bg_contenu.jpg) no-repeat}
#contenu #content{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;width:957px;margin-left:7px;padding-top:15px;}

#contenu #content h3.12pt{font-size:12pt;color:#093041}


/**** cadres ***/
#panneaux{margin:10px 0 0 8px;width:182px;text-align:center;float:left;}
a.cadre1{width:169px;height:114px;background:url(../img/global/cadre1.jpg) no-repeat 0 0}
a.cadre1:hover{background-position:-169px 0}
a.cadre2{margin-top:10px;width:169px;height:114px;background:url(../img/global/cadre2.jpg) no-repeat 0 0}
a.cadre2:hover{background-position:-169px 0}
a.cadre3{margin-top:10px;width:169px;height:114px;background:url(../img/global/cadre3.jpg) no-repeat 0 0}
a.cadre3:hover{background-position:-169px 0}



#footer{background:#052837;color:#75a5b8;padding-bottom:17px}
#footer #conteneur{width:980px;margin:auto;}
#footer #contentFooter{width:959px;margin-left:8px}
#footer #contentFooter #bandeBlanche{height:10px;background:#fff;margin-bottom:12px}
#footer #contentFooter ul li{display:inline;list-style:none;border-right:1px solid #75a5b8;padding:0 6px}
#footer #contentFooter ul li.first{padding:0 6px 0 0}
#footer #contentFooter ul li.last{border:none;padding:0 0 0 6px}
#footer #contentFooter a{color:#75a5b8;text-decoration:none}
#footer #contentFooter a:hover{color:#75a5b8;text-decoration:underline}

/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/

/*** actualités ****/
#actualite{float:left;margin-left:8px}
#actualite h3,#der_pages h3{text-align:center}
#actualite h3 span,#der_pages h3 span{float:left;margin-top:-4000px}
.contenuPapier{width:378px;/*height:400px;*/text-align:left;padding-top:15px;background:url(../img/accueil/haut_papier.jpg) no-repeat top center}
.contentPapier{width:330px;/*height:400px;*/padding:0 10px;border-left:3px #eee solid;border-right:2px #ddd solid;margin-left:9px}
.basPapier{float:left;width:378px;height:81px;margin-top:-50px;background:url(../img/accueil/bas_papier.jpg) no-repeat}
#topNews{position:relative;font-family:"Arial";font-weight:bold;font-size:12px;color:#fff;background:url(../img/accueil/top_actu.jpg) no-repeat;width:322px;height:36px;padding:13px 0 0 10px;text-align:left}
#contentNews{color:#89989e;font-size:11px;width:315px;margin-left:8px}
#contentNews img{padding:6px; background-color:#D7D8D8}
#contentNews p{margin-top:8px}
#bottomNews{position:relative;color:#fff;background:url(../img/accueil/bas_actu.jpg) no-repeat;width:332px;height:18px;text-align:center;padding:15px 0 0 0;margin:8px 0 0 0}
#bottomNews p{width:260px;margin-left:55px;text-align:center}
#bottomNews img{margin-right:5px}
#bottomNews a{margin-right:5px;color:#fff;font-weight:normal;font-size:10px;text-decoration:underline}
#bottomNews a:hover{text-decoration:none;}

a.reagir{text-align:center;position:relative;padding-top:8px;display:block;width:324px;height:20px;background:url(../img/accueil/bg_suite.jpg) no-repeat;font-size:10px;color:#fff;margin:5px 0 0 5px;text-decoration:underline}
a.reagir:hover{text-decoration:none}

/* der_pages *****/
#der_pages{float:left;}
#der_pages div.derdos{position:relative;background:#e1e6e7;width:320px;font-size:11px;padding:8px;margin-bottom:3px}
#der_pages div.derdos div.infos_img{text-align:left;width:230px;padding-left:8px;font-size:10px;color:#021f2a;}
#der_pages div.derdos div.infos_img h4{color:#1d627e;font-size:11px}
#der_pages div.derdos div.infos_img h4 a{float:none;padding:0;background:transparent;border:none;color:#1d627e;text-decoration:underline;}
#der_pages div.derdos div.infos_img h4 a:hover{text-decoration:none}
#der_pages div.derdos div.infos_img p.noimg,#der_pages div.derdos div.infos_img h4.noimg{width:306px;}
#der_pages div.derdos a.img{float:left;border:#cfcfcf 1px solid;padding:4px;background-color:#fff;margin:0}
#der_pages div.derdos a.img:hover{border:#80c1db 1px solid;}


/**********************************************************************************************
 **************************** CONTENU ****************************
 *********************************************************************************************/

 div#colonne_gauche{float:left;background:url(../img/contenu/top_menu.jpg) no-repeat top;width:220px;margin:-15px 4px 0 6px;color:#fff}
 div#colonne_droite{float:left;text-align:left;width:720px;margin:-15px 0 20px 0;color:#515e63;}

 /*** menu ***/
ul#menuGauche{background:#052837 url(../img/contenu/bas_menu.gif) no-repeat bottom;margin-top:8px;padding-bottom:20px;text-align:left;}
ul#menuGauche li{list-style:none;width:210px;margin-left:5px}
ul#menuGauche li a{display:block;color:#fff;padding:5px 0 3px 10px;border-bottom:1px #506973 solid}
ul#menuGauche li a:hover,ul#menuGauche li a.actif{background:#e33715 url(../img/contenu/puce_menu.gif) no-repeat left;border-bottom:1px #e33715 solid;font-weight:bold;}
ul#menuGauche ul.sousMenu{background-color:#e33715;padding-bottom:5px}
ul#menuGauche ul.sousMenu li{background-color:#fff;color:#021f2a;width:200px;margin-bottom:1px}
ul#menuGauche ul.sousMenu li a{border:none;color:#021f2a}
ul#menuGauche ul.sousMenu li a:hover,ul#menuGauche ul.sousMenu li a.actif{padding-left:30px;background:#fff url(../img/contenu/puce2.gif) no-repeat center left;}
#colonne_gauche h3{font-size:12px;text-transform:uppercase;text-align:left;margin:12px 0 0 12px;color:#052837}

#panneauxContenu{margin:20px 0 15px 23px;text-align:center;}

#colonne_droite h3{background:#052837;color:#fff;font-size:11px;padding:6px}
#colonne_droite h4{background:#edf3f5;color:#052837;font-size:11px;padding:6px;margin-top:5px}
#colonne_droite h5{margin:10px}
#colonne_droite p{font-size:11px;padding:5px;margin-top:10px}
#colonne_droite p.nopadding{padding:0}
#colonne_droite .highlight{background:#dee6e9;}
#colonne_droite p img.habillage{margin:0 7px 5px 0}
#colonne_droite p.legende{background:#052837;color:#fff;margin-top:0px;text-align:center}
#colonne_droite ul,#colonne_droite ol{background:#edf3f5;color:#515e63;font-size:11px;padding:5px;margin:10px 10px 0 10px;border:#dee6e9 1px solid}
#colonne_droite li{margin-left:30px;}

#colonne_droite ul.nomarge li{margin:0}

/**** PHOTOTHEQUE ****/
#colonne_droite #vignettes{margin-top:10px}
#colonne_droite .moitie{width:49%;padding-right:5px;margin-bottom:10px;text-align:justify}
#colonne_droite .moitie img{margin-right:4px}
#colonne_droite .moitie a{color:#515e63}
#colonne_droite .moitie a span.titre{position:relative;top:12px;color:#031f2b;font-weight:bold;}
#colonne_droite .moitie a:hover span{text-decoration:underline}
#colonne_droite .moitie a span{position:relative;top:12px}


/**** DISCUSSION ****/

#commentaires{float:left;background:#052837 url(../img/discussion/haut_commentaires.jpg) no-repeat top center;text-align:left;width:715px;margin-bottom:20px}
#commentaires h4{margin:4px 0 10px 50px;color:#fff;font-size:11px;text-transform:uppercase;background:transparent;}
#commentaires .comment{width:674px;margin:5px 0 0 10px;background:#fff url(../img/discussion/haut_comment.jpg) top center no-repeat;color:#515e63;padding:30px 10px 10px 10px}
#commentaires .comment p{margin-bottom:15px;width:670px;text-align:justify}
#commentaires .comment p a{color:#515e63;text-decoration:underline;}
#commentaires .comment p a:hover{text-decoration:none;}
#commentaires .comment span.infos_user{background:#e33715;color:#fff;padding:2px 15px 2px 4px}
#commentaires .comment span.infos_user a{font-weight:bold;text-decoration:underline;color:#fff}
#commentaires .comment span.infos_user a:hover{text-decoration:none}
#commentaires .basComment{width:694px;margin-left:10px;height:9px;background:url(../img/discussion/bas_comment.jpg) no-repeat;}
#commentaires a.ajoutC{display:block;background:#1e3e4b;width:694px;margin:10px 0 15px 10px;text-align:center;color:#7c95a1;text-decoration:underline;padding:4px 0}
#commentaires a.ajoutC:hover{color:#fff;text-decoration:none}

/* form commentaire **/

#commentaires label{font-family:arial;display:block;float:left;width:120px;text-align:right;color:#818f95;margin-right:10px}
#commentaires input{color:#818f95;padding:3px;width:520px;float:left;font-family:arial;font-size:11px;background:#07384E;border:0;margin-bottom:5px}
#commentaires textarea{color:#818f95;padding:3px;font-family:arial;font-size:11px;width:520px;height:150px;background:#07384E;border:0;margin-bottom:5px}
#commentaires h5{color:#fff;margin-left:140px;font-size:12px}
#commentaires input.submit{margin-left:130px;color:#818f95;padding:3px;width:526px;float:left;font-family:arial;font-size:11px;background:#07384E;border:0;margin-bottom:10px}

/*** FORMULAIRES ***/
#formulaire{float:left;text-align:left;width:720px;background:#1C617E;margin:-10px 0 20px 0}

#formulaire label a{font-weight:bold;color:#fff;text-decoration:underline}
#formulaire label a:hover{text-decoration:none}


/*** input avec fond > ex tarif **/
#formulaire label.gauche{float:left;width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:7px}
#formulaire label.alone{width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:7px}

#formulaire label.labelCheck{width:25px;margin-left:-5px;position:relative;top:-2px}
#formulaire p.inpoute{float:left;background:url(../img/form/bg_bleu_input.jpg) no-repeat;width:333px;height:25px;padding:3px 0 0 3px}
#formulaire p.inpoute input.textuel{background:#fff;border:none;width:323px;height:16px;padding-top:4px;padding-left:7px;font-family:arial;font-weight:bold;color:#174c5b}

/**** input sans fond ***/
#formulaire p.inpout{float:left;width:333px;padding:8px}
#formulaire label.normal{float:left;width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:9px;color:#fff}
#formulaire p.inpout input.textuel{background:#fff;border:none;width:300px;height:16px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px}
#formulaire p.inpout input.envoyer{background:#fff;border:none;width:200px;padding:3px;font-family:arial;color:#174c5b;font-size:11px}
#formulaire p.inpout select.long{width:302px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px}
#formulaire p.inpout textarea{width:450px;height:150px;font-family:arial;color:#174c5b;font-size:11px}
#formulaire p.inpout select.jour{margin-right:2px;width:40px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px}
#formulaire p.inpout select.annee{margin-right:2px;width:50px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px}

/**** input en block ***/

#formulaire div.inpoutLine{width:500px;margin:10px 0 0 20px}
#formulaire div.inpoutLine div.riad{margin:5px 0 0 10px}

#formulaire p.info_prix{margin-top:5px;background:#fff;padding:5px;color:#373737}
#formulaire p.info_prix span.rouge{width:150px;text-align:center;padding:3px 20px;background:#eb3333;color:#fff;margin-left:10px}

#formulaire p.highlight{background:#dee6e9;width:713px;float:left;margin:0;padding:5px;color:#515e63;border-top:10px #fff solid}

/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/

#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#dee6e9; margin:5px 0px; padding:5px 0px 5px 20px; width:580px}
.fond-infos2 {background-color:#1C617E}

.fond-infos2 p{color:#fff}

.fond-infos a,.fond-infos2 a,td.couleur1 a,td.couleur2 a{color:#fff;text-decoration:none;border-bottom:1px #fff dotted}
.fond-infos a:hover,.fond-infos2 a:hover,td.couleur1 a:hover,td.couleur2 a:hover{color:#fff;text-decoration:none;border-bottom:1px #fff solid}

.couleur1 {background-color:#64a3b4}
.couleur2 {background-color:#6296a4}

td.couleur1,td.couleur2{height:50px}

.aide caption {width:723px; background-color:#174c5b; color:#fff; padding:1px 0px; font-weight:bold}
#extras caption {width:580px; background-color:#174c5b; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:580px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

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


#plan ul{margin-top:10px}

#plan ul li{list-style:none}

#plan ul li a.titre{display:block;background:#052837;color:#fff;padding:5px;border-bottom:1px #052837 solid;font-weight:bold}
#plan ul li a.titre:hover{background:#e33715;border-bottom:1px #e33715 solid;}

#plan ul li a{display:block;background:#dee6e9;color:#515e63;padding:5px;border-bottom:1px #edf3f5 solid;}
#plan ul li a:hover{background:#1C617E;color:#fff}


#fototek img{margin-top:10px;}
#fototek div.highlight{margin-top:10px}
#fototek div.highlight p{margin-top:0}

div.extras .credits1,div.extras .credits2{background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:450px}
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 .credits1 p,div.extras .credits2 p{margin-top:0 !important}

#creditsLeb a{text-decoration:none !important}
#creditsLeb h4{margin:10px 0}
#creditsLeb ul li{margin-left:0 !important}
#creditsLeb ul{border:none}
#creditsLeb a.rouge{color:#666}