@CHARSET "ISO-8859-1";
@import "main.css";

#page { width: 100%; text-align: center;}
#innerpage { width: 900px; position: relative; margin: 0 auto; text-align: left;}
#header { height: 153px; overflow: hidden;}
#header, #maincontent, #footer, #cgfooter { width: 100%; clear: both; }
#maincontent { padding-bottom: 15px; }

#versionbeta { background:transparent url(../images/versionbeta.gif) no-repeat scroll 0 0; height:25px; left:32px; padding-left:95px; position:absolute; top:2px; width:280px; }

#versionbeta a { color:#28468F; font-size:9.45px; text-decoration:underline; top: 2px; position:relative; }

#footer { position: relative !important; }


#headerbackground { z-index: 1; }
#maselection { z-index: 10; }
#topmenu { z-index: 10; }

#topmenu { position: absolute; top: 131px; left: 0; }
#maselection { position: absolute; top: 20px; left: 800px; }
#headerbackground { position: absolute; top: 0; left: 0; }

#maselection a { font-size: 10px; color: white; }


#topmenu li, #topmenu li a, #topmenu li a span  { height: 20px; line-height: 20px; }
#topmenu li, #topmenu li a, #topmenu li a span  { display: inline-block; position: relative; top: 0;float: none;}

* html #topmenu li { filter: alpha(opacity = 80); }  
* html #topmenu li.actif { filter: none; }  


#topmenu { width: 903px; }
#topmenu li { float: left; margin: 0 3px 0 0; } 


#topmenu li { background: url("../images/topmenuleftpart.png") left top no-repeat; }
#topmenu li a { background: url("../images/topmenurightpart.png") right top no-repeat; padding: 0 3px; text-align: center; text-decoration: none; }
#topmenu li a span { background: url("../images/topmenumiddlepart.png") 0 top repeat-x; color: white; width: 120px; font-size: 11px; }
#topmenu li a span { vertical-align: middle; }


#topmenu li.actif { background-image: url("../images/tab_actif_01.png") ; }
#topmenu li.actif a { background-image: url("../images/tab_actif_04.png"); }
#topmenu li.actif a span { background-image: url("../images/tab_actif_02.png"); }


* html #topmenu li { background-image: url("../images/topmenuleftpart.gif") ; }
* html #topmenu li a { background-image: url("../images/topmenurightpart.gif"); }
* html #topmenu li a span { background-image: url("../images/topmenumiddlepart.gif"); }

* html #topmenu li.actif { background-image: url("../images/topmenuactifleftpart.gif") ; }
* html #topmenu li.actif a { background-image: url("../images/topmenuactifrightpart.gif"); }
* html #topmenu li.actif a span { background-image: url("../images/topmenuactifmiddlepart.gif"); }


#topmenu { top: 133px;  }
#topmenu li { line-height:16px; }

* html #topmenu li { line-height:20px; }
* html #topmenu li a { top: 0 }


#maselection span { color: white; }



#rechercher, #inforecherche { float: left; position: relative; }

#infos { width: 690px; height: 410px; background: transparent; z-index: 10; position: absolute; top: 10px; left: 3px; border: 0; }



#lowcontent { padding-top: 8px; }

.cont4col { float: left; width: 220px; }
.cont4col_spacer { float: left; width: 8px; height: 20px;}

.menufooter { text-align: center; width: 100%; }

#cogitae { text-align: center; }

.fiche-home { width: 220px; height: 300px; background-repeat: no-repeat; position: relative;}

.fiche-home .voirtout { position: absolute; text-align: center; left: 0; top: 275px; width: 100%; }
.fiche-home .voirtout a { color: #ec008c; text-decoration: underline; font-size: 12px; font-weight: bold; }
.fiche-home h2 { font-size: 18px; }

#atouts { background-image: url("../images/bg_atouts.jpg"); }
#atouts h2 { padding-left: 20px; color: #0a519a; padding-top: 12px;}
#atouts h2 span { color: #ec008c; }
#atouts ul { padding: 100px 0 0 20px; }
#atouts ul ul { padding: 0; }
#atouts ul li, #atouts ul li a { font-size: 12px; color: #0b529a; line-height: 16px; margin: 0; }
#atouts ul ul li { list-style: none;}
#atouts ul ul li, #atouts ul ul li a {color: #ec008c;}
 
 
/*#ope { background-image: url("/fileadmin/jumbo/images/ope/ope1_hp_cj.gif"); }*/
#ope { background-image: url("/fileadmin/jumbo/images/ope/ope_hiver2010.jpg"); }
#ope2 { background-image: url("/fileadmin/jumbo/images/ope/ope_2eSem2010.jpg"); }
 
#bonsplans { background-image: url("../images/home-bonsplans.jpg"); }
#bonsplans2 { background-image: url("../images/home-bonsplans_cj.gif"); }
#bonsplans h2, #bonsplans2 h2 { padding-left: 58px; color: white; padding-top: 8px; }
#bonsplans h2 span, #bonsplans2 h2 span { font-size: 13px; }
#bonsplans .photo, #bonsplans2 .photo { position: absolute; top: 52px; left: 0; width:100%; height: 103px; overflow: hidden; }
#bonsplans .description, #bonsplans2 .description { position: absolute; top: 173px; left: 15px; width: 190px; height: 90px; overflow: hidden; color: #0b529a; font-size: 11px; }
#bonsplans .description .pays, #bonsplans2 .description .pays,
#bonsplans .description .destination, #bonsplans2 .description .destination,
#bonsplans .description .nom, #bonsplans2 .description .nom { font-weight: bold; }
#bonsplans .description .nom, #bonsplans2 .description .nom, #bonsplans .partir, #bonsplans2 .partir { display: block; height: 16px; overflow: hidden; }

#bonsplans .prix {position: absolute; top: 135px; left: 150px; z-index: 10; width: 70px; height: 70px; overflow: hidden; background: url("../images/pastille_bons_plans.png") no-repeat; text-align: center;}
#bonsplans2 .prix {position: absolute; top: 135px; left: 150px; z-index: 10; width: 70px; height: 70px; overflow: hidden; background: url("../images/pastille_bons_plans_cj.png") no-repeat; text-align: center;}
* html #bonsplans .prix {background-image: url("../images/pastille_bons_plans.gif"); }
* html #bonsplans2 .prix {background-image: url("../images/pastille_bons_plans_cj.gif"); }
#bonsplans .prix span, #bonsplans2 .prix span { color: white; }
#bonsplans .apartirde, #bonsplans2 .apartirde { 
font-size: 10px; margin-top: 8px;
font-size:9px;
/*line-height:3px;*/
margin-top:16px;display: inline-block;}
#bonsplans .valeur, #bonsplans2 .valeur { font-size: 21px; font-weight: bold; line-height: 22px;display: inline-block; height: 22px; }
#bonsplans .valeur sup, #bonsplans2 .valeur sup { font-size: 11px; font-weight: normal;line-height:6px;position:relative;top:3px; }
#bonsplans .valeur sup sup, #bonsplans2 .valeur sup sup { font-size: 10px; font-size:8.5px;}
#bonsplans .unit, #bonsplans2 .unit { font-size: 10px;}



#plansvols { background-image: url("../images/home-vols.jpg"); }
#plansvols h2 { padding: 64px 0 0 5px; color: #0b529a; font-size: 16px; }
#plansvols h2 span { color: #ec008c; font-size: 14px;}

#offresvols li.offre { list-style: none; background: url("../images/home-offre-vols.gif") no-repeat; display: block; width: 205px; height: 30px; overflow: hidden; padding-left: 10px; }
#offresvols { position: absolute; top: 110px; left: 8px; }

#offresvols .destination { font-size: 11px; color: #0b529a; float: left; padding-top: 8px; }
#offresvols .prix { font-size: 11px; color: #ec008c; font-weight: bold; float: right; padding-right: 20px;}
#offresvols .prixvoyage { font-size: 22.8px; }

.cont4col { margin-right: 10px; }
#cont4col4 { margin-right: 0; width: 182px;}


#contacteznous {height: 161px; background: url("../images/contactez_nous.jpg") no-repeat; overflow: hidden;}
#contacteznous h2 { font-size: 12px; font-weight: bold; color: white; padding: 53px 0 0 4px;}
#contacteznous h3 { font-size: 12px; font-weight: bold; color: #0a519a; padding: 0 0 0 4px;}
#contacteznous p { font-size: 11px; font-weight: normal; color: #d44694; padding: 0 0 0 4px;}
#contacteznous p span { padding: 0;}
#contacteznous p span.info { font-size: 9px; color: white; }
#contacteznous p span.telephone{ font-size: 25px; color: #d44694; }
#contacteznous p a { font-size: 11px; color: #ec008c; }

#newsletter { height: 55px; background:url("../images/newsletter.gif") no-repeat; overflow: hidden;  }
#newsletter form { padding: 0 0 0 10px; }
#newsletter label { display: block; font-size: 12px; color: white; margin-top: 3px;} 
#newsletter input { width: 100px; position: relative; top: -3px; }
#newsletter #nl_btn { position: relative; top: 5px; }

#newsletter, #unequestion { margin-top: 4px; }

#unequestion { height: 78px; background:url("../images/pratique.gif") no-repeat; overflow: hidden; }
#unequestion, #unequestion a { color: #8eb6b7; }
#unequestion h2 { padding: 5px 0 0 10px; font-size: 14px; font-weight: bold; }
#unequestion ul { padding-left: 10px; }
#unequestion li { font-size: 12px; list-style-position:inside; list-style-type:disc; line-height: 16px;}
#unequestion li a { text-decoration: none; }


.prixcache { display: none; }


.menufooter, .menufooter a { font-size: 11px; color: #868688; }
.menufooter a { margin: 0 15px; }

#cogitae { padding: 15px 0 7px 0; }
#copyright { font-size: 11px; color: #868688;}
#mentioncopyright { font-size: 10px; color: #868688;}

* html #offresvols .prix { padding-right: 10px;}
