@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_2.gif) no-repeat scroll 0 0; height:25px; left:32px; padding-left:32px; position:absolute; top:2px; width:160px; }

#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: 999; }

#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; padding:0 6px 0 7px; font-size: 11px; }
#topmenu li a span { vertical-align: middle; width:77px; white-space:nowrap; }
* html #topmenu li a span {width:103px;}

#body_26 #topmenu #ssmenu_347,
#body_285 #topmenu #ssmenu_356,
#body_323 #topmenu #ssmenu_356,
#soumenuactif {
}
.a_effacer{	background-image:none;
}

#body_26 #topmenu #page_347, 
#body_285 #topmenu #page_356, 
#body_323 #topmenu #page_356, 
#topmenu li.actif { background-image: url("../images/tab_actif_01.png") ; }
#body_26 #topmenu #page_347 a, 
#body_285 #topmenu #page_356 a, 
#body_323 #topmenu #page_356 a, 
#topmenu li.actif a { background-image: url("../images/tab_actif_04.png"); }
#body_26 #topmenu #page_347 a span, 
#body_285 #topmenu #page_356 a span, 
#body_323 #topmenu #page_356 a span, 
#topmenu li.actif a span { background-image: url("../images/tab_actif_02.png"); }


* html #body_26 #topmenu #page_347, 
* html #body_285 #topmenu #page_356, 
* html #body_323 #topmenu #page_356, 
* html #topmenu li { background-image: url("../images/topmenuleftpart.gif") ; }
* html #body_26 #topmenu #page_347 a, 
* html #body_285 #topmenu #page_356 a, 
* html #body_323 #topmenu #page_356 a, 
* html #topmenu li a { background-image: url("../images/topmenurightpart.gif"); }
* html #body_26 #topmenu #page_347 a span, 
* html #body_285 #topmenu #page_356 a span, 
* html #body_323 #topmenu #page_356 a span, 
* 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/home-croisierenil.jpg"); }
 
#ope2 { background-image: url("/fileadmin/jumbo/images/ope/CJ_home-bonsplans-prix-mali.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 12px; }

#cogitae { padding: 15px 0 7px 0; }
#copyright { font-size: 11px; color: #868688;}
#mentioncopyright { font-size: 10px; color: #868688;}

* html #offresvols .prix { padding-right: 10px;}



/*********  NOUVEAU ONGLETS ************/

#topmenu .ssmenu2 {
  position:absolute;
  display:none;
  background:url("/fileadmin/templates/jumbo/images/topmenumiddlepart.png") repeat scroll 0 top #4875A6;

  color:white;
}


#topmenu li .ssmenu2 a.ssmenu {
  background-image:none;
  border-top:solid 1px white;
  color:white;
  font-size:11px;
  width:112px;
  height:auto;
 }
*+html #topmenu .ssmenu2 {
  top:20px;
  left:0px;
}
/**** hack safari 3+ et chrome 1+ ************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #topmenu .ssmenu2 {
	  top:20px;
	  left:0px;
  }
}

* html #topmenu li .ssmenu2 a.ssmenu {
  width:118px;
}
#topmenu .ssmenu2 {
  top:20px\9;
  left:0px\9;
}

* html #header {overflow:visible; }
* html #topmenu li {
  height:60px;
  padding-right:400px;
  margin-right:-397px;

}

* html #topmenu .ssmenu2 {
  position:absolute;
  margin:0;
}

/*********  NOUVEAU ONGLETS FIN ********/

/**** correctif ??? ****/
*+html #box_search_j .clear_j { display:inline;}