@charset "iso-8859-1";
/* CSS Document */

.produits_similaires { margin:10px 0 0 0; padding:0; background-color:#ccd8e6;}
.produits_similaires .titre { background-color:#336699; padding:5px 0 0 0; color:#fff; font-size:14px; font-weight:bold; text-align:center; height:23px; margin:0 0 10px;}
.produits_similaires .textes_liens { margin:0; padding:0 10px 2px;}
.produits_similaires .textes_liens p { margin:0 0 5px; padding:0; font-size:12px; color:#000000; text-align:justify;}
.produits_similaires .textes_liens a {margin:0; padding:0; font-size:12px;color:#336699; font-weight:bold; text-decoration:none;}
.produits_similaires .textes_liens a:hover {color:#9ba032;}


.photos {margin:0 0 10px; padding:0 3px; border:1px solid #336699; position:relative;}
.photos h1 { margin:10px 0; padding:0; font-family: "Comic Sans MS"; font-size:14px; text-align:center; font-weight:bold;}
.photos .photo1 { margin:0 0 10px 0; padding:0;}
.photos .photo1 a { display: block; height:22px; width:62px; background-image:url(../images/bouton_zoom.gif); background-position:top left; background-repeat:no-repeat; margin:-30px 0 0 145px; padding:0; position:relative;}
.photos .photo1 a img { border:none;}
.photos .photo1 .legende { margin:9px 0 0 0; padding:6px 0 0 0; background-color:#FFFFFF; color:#000000; font-size:12px; text-align:center; height:24px;}


.contenu3 { margin:0; padding:0;}
.contenu3 .ligne2 { margin:0 0 10px 0; padding:0;}
.contenu3 .ligne2 .theme_img { margin:0 0 5px; padding:3px 0 3px 10px; min-height:20px; height:auto; background-color:#ccd8e6; border:1px solid #336699; color:#336699;}
.contenu3 .ligne2 .theme_img span {font-size:13px;}
.contenu3 .ligne2 .theme_img img { position:absolute; top:-9px; left:450px;}
.contenu3 .ligne2 .proposition1 { margin:0; padding:10px 5px; background-color:#FFFFFF; text-align:center;}
.contenu3 .ligne2 .proposition1 img.img_propos1 { width:100px; margin:0 10px 0 0; vertical-align:top;}
.contenu3 .ligne2 .proposition1 span.texte_propos { width:335px; display:inline-block; vertical-align:top;}
.contenu3 .ligne2 .proposition1 span.texte_propos p.detail_propos { font-size:11px; color:#000000; margin:0 0 3px 0; padding:0;}
.contenu3 .ligne2 .proposition1 span.texte_propos p.detail_propos span { text-decoration:underline;}
.contenu3 .ligne2 .proposition1 span.tarif { width:75px; text-align:center; display:inline-block; vertical-align:bottom;}
.contenu3 .ligne2 .proposition1 span.tarif p { font-size:12px; font-weight:bold;}
.contenu3 .ligne2 .proposition1 span.tarif a img { border:none;}
.contenu3 .ligne2 .proposition1 img { border:1px solid #336699;}
.contenu3 .ligne2 .proposition1 .petites_images { margin:5px 0; padding:0; text-align:center;}
.contenu3 .ligne2 .proposition1 .petites_images img.fleche { border:none; display:inline-block; width:7px; height:12px; vertical-align:middle; }
.contenu3 .ligne2 .proposition1 .petites_images a { display:inline-block; width:33px; height:24px; vertical-align:middle;}
.contenu3 .ligne2 .proposition1 .petites_images a.fleche { display:inline-block; width:7px; height:12px; vertical-align:middle;}
.contenu3 .ligne2 .proposition1 .petites_images a.fleche img { border:none;}
.contenu3 .ligne2 .proposition1 .petites_images a img { border:none;}
.contenu3 .ligne2 .proposition1 .petites_images img.active { border:1px solid #336699; display:inline-block; width:33px; vertical-align:middle;}

.carte form { margin:0; padding:10px; font-size:12px; font-weight:bold;}
.carte form p { margin:0 0 5px 0; padding:0 0 0 100px;}
.carte form p img {position:relative; top:2px;}
.carte form p.erreur { font-weight:normal; margin:0 0 5px 0; padding-left:233px;}
.carte form p span.libelle { width:130px; display:inline-block; vertical-align:top;}
.carte form p span.libelle2 { width:80px; display:inline-block; /*vertical-align:middle;*/ margin-left:16px;}
.carte form p span.check { display:inline-block; width:260px;}
.carte form p span.commentaire { width:130px; display:inline-block; vertical-align:top; padding-top:3px;}
.carte form p input { width:180px; height:16px; border:1px solid #336699; padding:0; color:#336699; font-size:12px; }
.carte form p input.nombre { width:36px; height:16px; border:1px solid #336699; padding:0; color:#336699; font-size:12px; }
.carte form p input.radio { width:auto; border:none; margin:0; position:relative; top:3px;}
.carte form p input.checkbox { margin:0; position:relative; top:4px;}
.carte form p span.civilite { display:inline-block;}
.carte form p textarea {border:1px solid #336699; margin:0; width:180px; height:60px; color:#336699; font-size:12px;}
.carte form p select { width:182px; color:#336699; font-size:12px; border:1px solid #336699;}
.carte form .contact { font-size:14px; font-weight:bold;}
.carte form hr.formulaire { margin:0 0 10px 0; border: 1px solid #336699; }
.carte form p.oblig { text-align:center; padding:0; font-size:10px; font-style:italic;}
.carte form p.envoye { margin:0; padding:0; text-align:center;}
.carte form p.envoye input.bouton { background-image:url(../images/continents/europe/front/bouton_reserver.gif); width:72px; height:22px; background-position:top left; background-repeat:no-repeat; cursor:pointer; border:none;}
.carte form p.details_passagers { margin:0 0 10px 0; padding:0;}
.carte form p.details_passagers span.libelle3 { width:170px; display:inline-block; vertical-align:middle; margin-left:2px;}
.carte form p.details_passagers input.texte { width:170px; height:16px; border:1px solid #336699; padding:0; color:#336699; font-size:12px;}

.details_voyage { margin:0 0 10px 0; padding:0;}
.details_voyage .menu_onglet { margin:0; padding:3px 5px 0; background-color:#336699; color:#FFFFFF; height:30px; font-size: 16px; font-weight:normal;}
.details_voyage .menu_onglet a { color:#ccd8e6; display:inline-block; width:128px; height:30px; text-align:center; font-size:12px; font-weight:bold; margin:0; text-decoration:none; vertical-align:middle;}
.details_voyage .menu_onglet a:hover { background-image:url(../images/fond_menu_onglet.gif); background-position:top left; background-repeat:no-repeat; color:#336699;}
.details_voyage .menu_onglet a.actif { color:#336699; background-image:url(../images/fond_menu_onglet.gif); background-position:top left; background-repeat:no-repeat;}
.details_voyage .menu_onglet span { display:inline-block; border-right:1px solid #FFFFFF; width:1px; height:30px; vertical-align:top; margin:0; padding:0;}
.details_voyage .contenus_onglets { margin:0; padding:20px 10px;background-color:#FFFFFF; zoom:1; }

/*---CSS Onglet Descriptifs du voyage---*/
.details_voyage .contenus_onglets .descriptif_voyage  { margin:0; padding:0; color:#000000; font-size:12px; /*display:none;*/}
.details_voyage .contenus_onglets .descriptif_voyage .jour { margin:0 0 10px; padding:0;}
.details_voyage .contenus_onglets .descriptif_voyage .jour p { margin:0; padding:0;}
.details_voyage .contenus_onglets .descriptif_voyage .jour p strong { font-size:12px; color:#000;}
.details_voyage .contenus_onglets .descriptif_voyage .jour p strong.titre { font-size: 12px;}
.details_voyage .contenus_onglets .descriptif_voyage .jour p b a {font-size:12px; color:#336699; cursor:pointer;}
.details_voyage .contenus_onglets .descriptif_voyage .jour p b a:hover { text-decoration:underline;}
.details_voyage .contenus_onglets .descriptif_voyage .jour ul { margin:0; padding:0 0 0 25px; list-style:square;}
.details_voyage .contenus_onglets .descriptif_voyage .jour ul li {}
.details_voyage .contenus_onglets .descriptif_voyage .jour ul li span {color:#336699;}


/*---CSS Onglet Date de depart & Tarifs---*/
.details_voyage .contenus_onglets .date_tarifs { margin:0; padding:0; display:none;}
.details_voyage .contenus_onglets .date_tarifs .tarif1 { margin:0 0 15px 0; padding:0; }
.details_voyage .contenus_onglets .date_tarifs .tarif1 p { margin:0 0 10px 0; padding:0; color:#000000; font-size:12px;text-align:center;}
.details_voyage .contenus_onglets .date_tarifs .tarif1 table { margin:0; padding:0; width:525px; border:1px solid #336699;}
.details_voyage .contenus_onglets .date_tarifs .tarif1 table tr.titre_col { background-color:#d6e2ed;}
.details_voyage .contenus_onglets .date_tarifs .tarif1 table tr { height:25px; }
.details_voyage .contenus_onglets .date_tarifs .tarif1 table tbody tr.titre_col th { font-size:11px; font-weight:bold; border:1px solid #336699; padding:0; }
.details_voyage .contenus_onglets .date_tarifs .tarif1 table tbody tr th { font-size:12px; font-weight:bold; border:1px solid #336699; padding:0; }
.details_voyage .contenus_onglets .date_tarifs .tarif1 table tbody tr td {font-size:12px; border:1px solid #336699; color:#000000; text-align:right; padding:0 5px 0 0; }

.details_voyage .contenus_onglets .date_tarifs .extensions { margin:0 0 5px 0; padding:0; border:1px solid #336699;}
.details_voyage .contenus_onglets .date_tarifs .extensions .titre { margin:0; padding:5px 0 0 10px; color:#336699; font-size:14px; font-weight:bold; height:23px; background-color:#ccd8e6; border:none; border-bottom:1px solid #336699; }
.details_voyage .contenus_onglets .date_tarifs .extensions ul { margin:0; font-size:12px; padding:10px 0 0 25px;}
.details_voyage .contenus_onglets .date_tarifs .extensions ul li { margin:0 0 8px 0; list-style:square;}
.details_voyage .contenus_onglets .date_tarifs .extensions ul li a { text-decoration:none; color:#336699; margin:0; padding:0; font-size:12px;}
.details_voyage .contenus_onglets .date_tarifs .extensions ul li a:hover { text-decoration:underline;}
.details_voyage .contenus_onglets .date_tarifs .extensions p { margin:10px 0 0; padding:0 0 0 10px; color:#000000; font-size:12px; font-weight:bold;}
.details_voyage .contenus_onglets .date_tarifs .extensions ul.prix { color:#000000; padding:0 0 10px 25px; margin:0;}
.details_voyage .contenus_onglets .date_tarifs .extensions ul.prix li.free { margin:0; padding:0;}

.details_voyage .contenus_onglets .date_tarifs .etoile { margin:0 0 10px; padding:0 0 0 10px; font-size:10px; font-style:italic;}


/*---CSS Onglet A savoir---*/
.details_voyage .contenus_onglets .a_savoir {margin:0; padding:0; font-size:12px; display:none;}
.details_voyage .contenus_onglets .a_savoir .info { margin:0 0 10px; padding:0;}
.details_voyage .contenus_onglets .a_savoir .info p { margin:0; padding:0; color:#000000;}
.details_voyage .contenus_onglets .a_savoir .info p strong { font-size:14px; color:#336699;}
.details_voyage .contenus_onglets .a_savoir .info ul { margin:0; padding:0 0 0 25px; list-style:square;}
.details_voyage .contenus_onglets .a_savoir .info ul li { color:#000000;}
.details_voyage .contenus_onglets .a_savoir .info ul li span { color:#336699;}


/*---CSS Onglet Demande de reservation---*/
.details_voyage .contenus_onglets .dem_resa { margin:0; padding:0; display:none;}
.details_voyage .contenus_onglets .dem_resa form { margin:0; padding:10px; font-size:12px; font-weight:bold;}
.details_voyage .contenus_onglets .dem_resa form p { margin:0 0 5px 0; padding:0 0 0 100px; position:relative;}
.details_voyage .contenus_onglets .dem_resa form p img { position:relative; top:2px;}
.details_voyage .contenus_onglets .dem_resa form p.erreur { font-weight:normal; margin:0 0 5px 0; padding-left:233px;}
.details_voyage .contenus_onglets .dem_resa form p span.libelle { width:130px; display:inline-block; vertical-align:top;}
.details_voyage .contenus_onglets .dem_resa form p span.libelle2 { width:80px; display:inline-block; /*vertical-align:middle;*/ margin-left:16px;}
.details_voyage .contenus_onglets .dem_resa form p span.check { display:inline-block; width:260px;}
.details_voyage .contenus_onglets .dem_resa form p span.commentaire { width:130px; display:inline-block; vertical-align:top; padding-top:3px;}
.details_voyage .contenus_onglets .dem_resa form p input { width:180px; height:16px; border:1px solid #336699; padding:0; color:#336699; font-size:12px; }
.details_voyage .contenus_onglets .dem_resa form p input.nombre { width:36px; height:16px; border:1px solid #336699; padding:0; color:#336699; font-size:12px; }
.details_voyage .contenus_onglets .dem_resa form p input.radio { width:auto; border:none; margin:0; position:relative; top:3px;}
.details_voyage .contenus_onglets .dem_resa form p input.checkbox { margin:0; position:relative; top:4px;}
.details_voyage .contenus_onglets .dem_resa form p span.civilite { display:inline-block;}  
.details_voyage .contenus_onglets .dem_resa form p textarea {border:1px solid #336699; margin:0; width:180px; height:60px; color:#336699; font-size:12px;}
.details_voyage .contenus_onglets .dem_resa form p select { width:182px; color:#336699; font-size:12px; border:1px solid #336699;}
.details_voyage .contenus_onglets .dem_resa form .contact { font-size:14px; font-weight:bold;}
.details_voyage .contenus_onglets .dem_resa form hr.formulaire { margin:0 0 10px 0; border: 1px solid #336699; }
.details_voyage .contenus_onglets .dem_resa form p.oblig { text-align:center; padding:0; font-size:10px; font-style:italic;}
.details_voyage .contenus_onglets .dem_resa form p.envoye { margin:0; padding:0; text-align:center;}
.details_voyage .contenus_onglets .dem_resa form p.envoye input.bouton { background-image:url(../images/continents/europe/front/bouton_reserver.gif); width:72px; height:22px; background-position:top left; background-repeat:no-repeat; cursor:pointer; border:none;}
.details_voyage .contenus_onglets .dem_resa form p.details_passagers { margin:0 0 10px 0; padding:0;}
.details_voyage .contenus_onglets .dem_resa form p.details_passagers span.libelle3 { width:166px; display:inline-block; vertical-align:middle; margin-left:2px;}
.details_voyage .contenus_onglets .dem_resa form p.details_passagers input.texte { width:166px; height:16px; border:1px solid #336699; padding:0; color:#336699; font-size:12px;}


/*---CSS Onglet Offre spéciale---*/
.details_voyage .contenus_onglets .offre_speciale { margin:0; padding:0; display:none;}
.details_voyage .contenus_onglets .offre_speciale h1 { margin:0 0 20px 0; padding:0; font-size:16px; text-align:center;}
.details_voyage .contenus_onglets .offre_speciale p { margin:0 0 10px; padding:0; font-size:12px;}
.details_voyage .contenus_onglets .offre_speciale p span { font-size:14px; font-weight:bold; text-decoration:underline;}
.details_voyage .contenus_onglets .offre_speciale .offre1 { font-weight:bold; font-size:12px; margin:0 0 10px; padding:0 0 0 20px;}
.details_voyage .contenus_onglets .offre_speciale .offre1 span.price { font-size:14px; text-decoration:underline;}
.details_voyage .contenus_onglets .offre_speciale .offre1 span.olieu2 { color:#000000; font-weight:normal; text-decoration:none; font-size:12px;}
.details_voyage .contenus_onglets .offre_speciale .offre1 p.date_depart { display:inline-block; width:400px; margin:0; padding:0;}
.details_voyage .contenus_onglets .offre_speciale .offre1 a { display:inline-block; height:15px; background-image:url(../images/fleche_rond.gif); background-position:left top; background-repeat:no-repeat; padding:0 0 0 20px; text-decoration:none; color:#336699; vertical-align:top;}
.details_voyage .contenus_onglets .offre_speciale .remarque { margin:0; padding:0; color:#000000; font-size:11px; font-style:italic;}




/**Corrections IE7**/
*:first-child+html .details_voyage .contenus_onglets .offre_speciale .offre1 p.date_depart { display:inline; zoom:1;}
*:first-child+html .details_voyage .contenus_onglets .offre_speciale .offre1 a { display:inline; zoom:1;}
*:first-child+html .carte form p input.checkbox {position:relative; top:0;}
*:first-child+html .carte form p span.commentaire { padding-top:0px;}
*:first-child+html .details_voyage .contenus_onglets .dem_resa form p input.checkbox { position:relative; top:0;}
*:first-child+html .details_voyage .contenus_onglets .dem_resa form p span.commentaire { padding-top:0px;}


/**Corrections IE6**/
*html .details_voyage .menu_onglet { padding:3px 0 0;}
*html .details_voyage .contenus_onglets .offre_speciale .offre1 p.date_depart { display:inline; zoom:1;}
*html .details_voyage .contenus_onglets .offre_speciale .offre1 a { display:inline; zoom:1;}
*html .carte form p input.checkbox {position:relative; top:0;}
*html .carte form p span.commentaire { padding-top:0px;}
*html .details_voyage .contenus_onglets .dem_resa form p input.checkbox { position:relative; top:0;}
*html .details_voyage .contenus_onglets .dem_resa form p span.commentaire { padding-top:0px;}
*html .details_voyage .contenus_onglets .dem_resa form p input.checkbox { position:relative; left:255px; top:0;}