@import url(common.css);

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

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

.bleu {color:#04a5fd !important}
.vert {color:#6fbc00 !important}
.gris {color:#6b6b6b !important}
.rouge{color:#cd003a !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}


img {border:none}
p {text-align:justify}
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:#eee;padding:20px 0 10px 10px;color:#555}
.liste li {margin:0px 0px 10px 15px}

body{background:#eceded}

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%}

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

body{background:#cfd0d2}
#degFond{background:#cfd0d2 url(../img/squelette/bg_page.gif) repeat-x top center}
#bgHtml{background:url(../img/squelette/bg_html.gif) repeat-y top center;}
#graphics{background:url(../img/squelette/graphics.jpg) no-repeat top center;text-align:center;}



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

h1{width:219px;height:81px;overflow:hidden}
div#logoFlash{height:186px;}
div#theLogo{height:267px}

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

#colG{width:219px;float:left}
#colD{width:742px;float:right}

ul#menuPrincipal{background:#dedede url(../img/global/bas_menu.gif) bottom no-repeat;margin:0 12px 0 9px;padding-bottom:20px;}
ul#menuPrincipal li{margin-bottom:2px;list-style:none;text-align:center}
ul#menuPrincipal li a{display:block;background:#c8c8c8;color:#fff;padding:9px 0;margin:0 4px;font-weight:bold}
ul#menuPrincipal li a:hover,ul#menuPrincipal li a.actif{background:#04a5fd;color:fff;}

ul#menuPrincipal li ul.dev{background:#04a5fd;margin:0 4px;padding:2px}
ul#menuPrincipal li ul.dev li a{text-align:left;padding:4px;font-weight:normal;background:#36b6fd;color:#fff;}
ul#menuPrincipal li ul.dev li a.actif,ul#menuPrincipal li ul.dev li a:hover{background:#fff;color:#04a5fd;}


img.encartG{margin:10px 0 0 22px}

#top{background:url(../img/squelette/bg_top.gif) no-repeat right;height:49px;}
#top #flags{float:left;margin:5px 0 0 5px}
#top img.brochure{margin:0 30px 0 30px;float:left;}
#top a.liensHaut{float:left;margin:10px 17px 0 0;color:#636365;}



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


#flash{z-index:15;position:relative;height:363px;}
#flash h2{color:#fff;font-size:18px;}
#flash p{color:#fff;font-size:12px;}
#flash #bienvenue{z-index:20;position:absolute;width:400px;height:65px;bottom:0px;left:30px}
#flash #header{z-index:18;}

/* footer */
#contentFoot{width:961px;text-align:left;margin:auto;}
#footer{text-align:center;color:#6b6b6d}
#contentFoot ul li{list-style:none;}
#hautFoot a{color:#04a5fd;text-decoration:none}
#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}
#hautFoot{background:url(../img/footer/bg.gif) no-repeat right;height:147px}
#basFoot{background:url(../img/footer/bg_bas.gif) no-repeat bottom center;}
#hautFoot a.contact{margin:5px 48px 0 0 }
#hautFoot .marge1{margin-left:60px}
#basFoot .marge2{margin-right:50px}
#basFoot .marge3{margin-left:70px;}
#flagsFoot{background:url(../img/footer/bulle.gif) no-repeat;float:left;width:152px;height:85px;margin-top:-10px;}
#basFoot a{color:#fff}
img.haut{display:block;margin:10px 0 0 500px;}
#contentbasfoot{background:url(../img/footer/basFoot.gif) right repeat-y;}

#video{margin:15px 0 0 5px;padding-bottom:0px;width:381px;float:left;}
#video #vignettes{margin-left:77px;}
#video #vignettes a.bande,#video #vignettes a.actif{padding:3px 3px 2px 3px;margin-right:3px;background:#94c4df;display:block;float:left;}
#video #vignettes a.bande:hover,#video #vignettes a.actif{background:#48b5f3;}
#videoPlayer{background:url(../img/accueil/video.jpg) no-repeat;text-align:center;height:242px;}

.video_fr{background:#deeaf0 url(../img/fr/accueil/bg_video.gif) no-repeat bottom}
.video_en{background:#deeaf0 url(../img/en/accueil/bg_video.gif) no-repeat bottom}
.video_nl{background:#deeaf0 url(../img/nl/accueil/bg_video.gif) no-repeat bottom}
.video_de{background:#deeaf0 url(../img/de/accueil/bg_video.gif) no-repeat bottom}

#boiteActu{float:right;margin:5px 8px 0 0;width:331px;padding-top:40px;}
#boiteActu #actu{background:#EAEDE6;padding:15px 15px 0;}
#actu h3{margin-bottom:10px;font-size:12px;color:#6fbc00;}
#actu img.visu{border:3px #ebf2f5 solid;margin-right:5px}
#actu p{text-align:justify;color:#989898}
#actu a.plus{margin-top:12px;display:block;text-align:center;}
hr.vert{margin-bottom:2px;margin-top:4px;background:#6fbc00;border:none;height:2px}
#boiteActu #offre{height:121px;color:#fff;background:#6fbc00 url(../img/accueil/bg_offre.gif) no-repeat bottom center;}
#boiteActu #offre p{font-size:11px;font-weight:bold;color:#fff}
#contentOffre{margin:0 12px 0 90px;}
#contentOffre h3{margin-bottom:4px;font-size:14px;color:#fff}
#contentOffre td{height:121px;vertical-align:middle}

.actu_fr{background:url(../img/fr/accueil/top_actu.gif) no-repeat top;}
.actu_en{background:url(../img/en/accueil/top_actu.gif) no-repeat top;}
.actu_nl{background:url(../img/nl/accueil/top_actu.gif) no-repeat top;}
.actu_de{background:url(../img/de/accueil/top_actu.gif) no-repeat top;}

#contenuPage{margin:7px 8px 0 7px;}

.cellActu{width:361px;}
.actuPageV{background:#6fbc00 url(../img/actualite/bas_actu.gif) no-repeat bottom;}
.actuPageB{background:#04a5fd url(../img/actualite/bas_actu_b.gif) no-repeat bottom;}
.actuPageV .basActuPage{background:url(../img/actualite/bg_actu.gif) no-repeat top;padding-bottom:13px;}
.actuPageB .basActuPage{background:url(../img/actualite/bg_actu_b.gif) no-repeat top;padding-bottom:13px;}
.basActuPage a{color:#fff;text-decoration:underline}
.basActuPage a:hover{text-decoration:none}

.detailsActu{margin-right:10px;color:#797979;font-size:12px;text-align:justify}
.detailsActu img.visu{border:4px #d6d8d7 solid}
.detailsActu a{color:#04a4fa;text-decoration:underline}
.detailsActu a:hover{text-decoration:none}

.detailsPromo{margin-left:30px;color:#6fbb01;font-size:16px;}


a.promo{float:right;margin-right:15px;background:#fff;color:#6FBC00;padding:3px}
a.promo:hover{background:#04a5fd;color:#fff}

h3.partieHaute{padding:15px 0;text-align:center;font-size:24px;color:#fbfbfb}
/*h3.partieBasse{padding:15px 0;text-align:center;background:url(../img/actualite/bg_h3_actu.png);font-size:18px;color:#f9fcf4;margin-bottom:12px;}*/
div.partieBasse{font-size:12px;padding:15px;text-align:center;background:url(../img/actualite/bg_h3_actu.png);color:#f9fcf4;margin-bottom:12px;}
div.partieBasse p,.detailsActu p{padding-bottom:10px;}
a.profite{text-align:center;display:block;line-height:18px;}
h3.bA{font-size:12px;color:#fff;padding:20px 7px 12px}
.actuPageB p{font-size:12px;color:#fff;padding:0 7px 7px 7px;}
.actuPageB img{border:5px #4abcfb solid}

.celluleArchive{background:#eeeeee;width:361px;color:#717171}
.celluleArchive .contentArchive{padding:10px;}
.celluleArchive img{border:3px #ebf2f5 solid;margin-right:5px}
.celluleArchive a{color:#767676;font-weight:bold;text-decoration:underline}
.celluleArchive a:hover{text-decoration:none}

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




/*** MESSAGES ERREUR ***/
.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}


/*** EXTRAS ***/

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

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

div.extras{padding:0 7px 15px 0}
div.extras h4{margin:5px 0}
div.extras p{color:#666;}
div.extras p a{color:#6fbc00;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:#6fbc00;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#04a5fd;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#6fbc00; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:480px}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:5px 0;color:#666;font-size:11px}


#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666}
#plan a:hover {background-color:#04a5fd; color:#FFF;text-decoration:none}
#plan a.titre{font-weight:bold;background:#6fbc00;color:#fff}
#plan a.titre:hover{background:#04a5fd;color:#fff}

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


#formContact label.normal{float:left;width:130px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input{color:#fff;width:430px;background:#bbb;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:430px;border:none;background:#bbb;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#04a5fd;color:#fff;padding:3px;display:block;width:720px;text-align:center;}
p.textuel{padding:10px;background:#f5f5f5;margin-bottom:5px;}