@import url(common.css);

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

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#284b61 !important}
.bleuClair{color:#bfe3fb !important}
.orange{color:#ed4d0d !important}
.vert {color:#a7c956 !important}
.gris {color:#6b6b6b !important}
.rouge{color:#cd003a !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}
.bleuSuperClair{color:#d9e4eb !important}


img {border:none}
a {text-decoration:none}

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

.liste {background-color:#325870;padding:20px 0 10px 10px;color:#d9e4eb;}
.liste li {margin:0px 0px 10px 15px;background:url(../img/global/puce.gif) no-repeat 0 2px;padding-left:25px;list-style:none}

body{background:#284b61}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{height:1%}

img.mailimg{position:relative;top:5px}

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


#page{background:#284b61 url(../img/squelette/bg_html.gif) repeat-x;text-align:center;padding-bottom:30px}
#pageContenu{background:#284b61 url(../img/squelette/bg_html_contenu.gif) repeat-x;text-align:center;padding-bottom:30px}

.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

#basColG{background:url(../img/squelette/bas_menu.gif) no-repeat;height:65px}

div.texte p{margin-bottom:10px;}
div.texte ul{float:left;padding-left:25px}
div.texte ul li{color:#fff}
div.devPromo div.texte ul{float:none !important}

h1{width:230px;height:204px;overflow:hidden}


#header{background:url(../img/header/bg.gif) no-repeat top right}
#boxHead{background:url(../img/accueil/bg_boxhead.gif) no-repeat;position:relative;width:719px;height:336px;}
#boxHead a#lienLoca{z-index:10;width:335px;height:112px;position:absolute;bottom:0px}
#boxHead img#new{position:absolute;z-index:10;bottom:0;right:0}
#boxHead a#fb{position:absolute;z-index:10;top:17px;left:-1px}

#colGauche{float:left;}
#colDroite{width:719px;float:right}
#top{height:42px;text-align:left;background:url(../img/squelette/top.gif) no-repeat top center}
#top ul{padding:18px 0 0 35px}
#top ul li{font-size:12px;color:#fff;display:inline;list-style:none}
#top ul li a{padding:2px 5px;color:#fff;background:#4d7792}
#top ul li a:hover,#top ul li a.actif{background:#ed4d0d}
#top ul li span.separateur{position:relative;top:-1px}

#menu{text-align:center;padding-bottom:25px;margin-left:8px;width:220px;background:#f8f7f2 url(../img/squelette/bas_menu.gif) no-repeat bottom center}
#topmenu{background:url(../img/squelette/bg_flags.gif) no-repeat top center}
#flags{padding:15px 0 15px 54px;}
#menu ul{padding-top:7px;padding-bottom:12px;margin:0 3px;}
#menu ul li{list-style:none}
#menu ul li a{background:#f8f7f2;display:block;padding:7px 0;color:#a1a1a1;text-align:center;font-size:12px;}
#menu ul li a:hover,#menu ul li a.actif{background:#ed4d0d;color:#fff}
#menu ul.dev{margin:0 0 7px 0;padding:4px;background:#ed4d0d;}
#menu ul.dev li{margin-bottom:2px}
#menu ul.dev li a{background:#eb7941;color:#fff}
#menu ul.dev li a:hover,#menu ul.dev li a.actif{background:#fff;color:#ed4d0d}



/**********************************************************************************************
 *************************** PAGES *************************
 **********************************************************************************************/

#gauche{color:#fff;float:left;width:454px;}
#droite{color:#fff;float:right;width:243px;}
#zecontenu{padding:10px 0 0 5px}

#gauche h2,#droite .titrePubli h2{padding-top:5px;font-weight:normal;font-size:14px;}
#droite .titrePubli h2{padding-top:15px}
#gauche h3{font-weight:normal;font-size:11px}
#gauche .titre,#droite .titrePubli{background:url(../img/accueil/actu.gif) no-repeat;padding:0 0 0 60px;min-height:44px;height:auto !important;height:44px;border-bottom:1px #3a627b solid;margin-bottom:10px}
#droite .titrePubli{margin-bottom:0}
#droite .titrePubli{background:url(../img/accueil/publi.gif) no-repeat;}
#gauche .texte p a{color:#ed4d0d;text-decoration:none}
#gauche .texte a:hover{text-decoration:underline}
img.visu{border:5px #38647f solid}
div.boxPalmier{z-index:15;clear:both;margin-top:15px;height:16px;background:url(../img/global/bg_palmier.gif) repeat-x}
a.palmier{text-align:right;padding-right:25px;display:block;background:url(../img/global/a_palmier.gif) no-repeat left}

#videoAcceuil{position:relative;left:-5px;width:454px;float:left;background:#38647F;padding:5px;margin-top:5px;}


.page_promo{color:#fff;float:left;width:347px;margin-bottom:15px}
.page_promo h2{padding-top:5px;font-weight:normal;font-size:13px;}
.page_promo h3{font-weight:normal;font-size:11px}
.page_promo .titre{background:url(../img/accueil/actu.gif) no-repeat;padding:0 0 0 60px;min-height:44px;height:auto !important;height:44px;border-bottom:1px #3a627b solid;margin-bottom:10px}
div.texte a,.page_promo .texte p a{color:#ed4d0d;text-decoration:none}
div.texte a:hover,.page_promo .texte a:hover{text-decoration:underline}
.page_promo a.palmier:hover{text-decoration:none}
.page_promo div.boxPalmier{clear:both;margin-top:5px}
.page_promo div.boxPalmier a.palmier span{cursor:pointer;background:#284b61;padding:5px 10px;color:#d9e4eb;display:block;float:right;}
.page_promo div.boxPalmier a.palmier:hover{color:#fff;text-decoration:underline}
.widthTotal{width:714px !important}


h3.traitBas{color:#fff;padding-bottom:3px;border-bottom:1px #dad9d7 solid;margin-bottom:10px}

h2.bgtrait{float:left;background:#284b61;padding-right:15px;}
h2.gest{font-size:17px;color:#e85913;font-weight:normal;border-bottom:1px #dad9d7 solid;padding-bottom:7px}

img.visu:hover{border-color:#ed4d0d}

#droite .boxPubli{padding:10px 0;border-bottom:1px #38647f solid}
#droite .boxPubli a{color:#fff;text-decoration:none}
#droite .boxPubli a:hover{text-decoration:underline}
#droite .boxPubli h3{font-size:11px}
#droite .boxPubli p{text-align:justify}

#zecontenu p{color:#fff;}
img.imgContenu{border:5px #fff solid}

.offreAccueil {background-color:#00A1E2;padding:5px;text-align:center}
.offreAccueil a {color:#fff !important;font-weight:bold;}
.offreAccueil a:hover {text-decoration:underline;}
.offreAccueil a span{display:block;clear:both;font-weight:normal}

#offreMoment{position:relative;width:353px;height:273px;float:right}
#offreMoment p{padding:140px 40px 10px 40px;font-size:13px;text-align:center;}
#offreMoment a.offre{position:absolute;bottom:20px;right:35px;background:url(../img/actualites/puce.gif) 0 0 no-repeat;padding:0 0 5px 25px;color:#fff;font-size:12px}
#offreMoment a.offre:hover{text-decoration:underline;}

.ofr{background:url(../img/lang/fr/bg_offre.gif) no-repeat;}
.oen{background:url(../img/lang/en/bg_offre.gif) no-repeat;}
.oes{background:url(../img/lang/es/bg_offre.gif) no-repeat;}
.ode{background:url(../img/lang/de/bg_offre.gif) no-repeat;}

/* footer */
#footer{margin-top:15px;text-align:center;background:#bfe3fb;color:#6b6b6d}
#contentFoot{text-align:left;padding-bottom:20px;background:url(../img/footer/bg.gif) repeat-y}
#topFoot{background:url(../img/footer/top_foot.gif) no-repeat;height:27px;margin-bottom:15px}
#contentFoot ul li{list-style:none}
#contentFoot ul li a{display:block;color:#61bde3;text-decoration:none;border-bottom:1px #61bde3 solid;padding:3px 0}
#contentFoot p a{color:#cd003a;text-decoration:none}
#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}
#footer div.desc{color:#52b7df;font-size:12px;text-align:justify;width:400px}
#footer div.desc a{color:#52b7df}
#footer h2{color:#52b7df;font-weight:normal;font-size:14px;border-bottom:1px #61bde3 solid;padding-bottom:5px;}

#footer .nav{width:150px}
#footer .descr{width:585px}


div.celluleActu{color:#fff;background:#b70034;padding:6px;}
div.celluleActu div.texte{margin:0 6px;float:left;width:160px;}
div.celluleActu a{color:#fff;text-decoration:none}


h2.thecontenu{color:#e85a14;font-size:18px;font-weight:normal}




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




/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00a0e1; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#ed4d0d; color:#fff; font-weight:bold; padding:2px 0px}
.erreur{background-color:#ed4d0d !important; color:#fff !important;}


/*** EXTRAS ***/

div.extras .widthExtras{width:694px;}
#contenu{margin-left:16px;width:694px;padding:10px 0 6px}

div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras{padding:10px}
div.extras h4{margin:5px 0}
div.extras p{text-align:justify;color:#666;}
div.extras p a{color:#00a0e1;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#fff;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#00a0e1;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#00a0e1; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#38647f; 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}


#plan ul{background:#325870;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#3f6b87; margin-bottom:4px;color:#fff}
#plan a:hover {background-color:#00a0e1; color:#fff;text-decoration:none}
#plan a.titre{font-weight:bold;background:#00a0e1;color:#fff}
#plan a.titre:hover{background:#ed4d0d;color:#fff}



/***************************************
************ FORMULAIRES ***
***************************************************************/


#formContact label.normal{color:#d9e4eb;float:left;width:130px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input{color:#fff;width:380px;background:#325870;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:380px;border:none;background:#325870;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#00a0e1;color:#fff;padding:3px;display:block;width:386px;text-align:center;margin-left:137px;}