/*
    20 juillet 2007
    echavanon@neptune.fr
    FPI - CSS
    Front end
*/


/*  ----------------------------------------------------------------------------
    ARCHITECTURE
*/

html, body {
	height: 100%;
	padding:0;
	margin:0;
	font-size:11px;
	/*background:#DDD7D7;*/
}

#conteneur{
	position: relative;
		/* permet au bloc de servir de référent pour
		   ses descendants positionnés en absolu */
	min-height: 100%;
    padding:0;
    width:995px;
    text-align: left; /* on rétablit l'alignement normal du texte */
    margin:auto;
    color:#494544;
    background:#fff;
}


div#conteneur #fake_header {
	margin-top: 0; /* évite tout risque de fusion des marges */
}
div#conteneur #footer {
	margin-bottom: 0; /* évite tout risque de fusion des marges */
}


#contenu{
    margin-top:20px;
}

#right_slot{
    padding:0;
    margin:0;
    width:230px;
    float:right;
}

#main_slot{
    padding:0; /* Pour placer l'image du dessus flash */
    width:760px;
    margin-right:231px;
    text-align:justify;
}

#main_slot.accueil{
    width:995px;
}

#footer{
    clear:both;
}


/* -----------------
    Petits HTML générique
*/
h1{
    margin:0 0 20px 0;
    color:#7C6D68;
    padding:0 0 5px 0;
    border-bottom:1px solid #DFDFDF;
}
h2{
    margin:0 0 20px 0;
    color:#7C6D68;
    padding:0 0 5px 0;
    text-align:center;
    border-bottom:1px solid #DFDFDF;
}

td{
    vertical-align:top;
    padding:0;
}

/* -----------------------------------------------------------------------------
    Banniere
*/


/* --- Base line du haut, avec les groupes --- */
#top_liens{
    padding:1px 0 10px 0;
}
#top_liens a{
    text-decoration:none;
}
#top_liens a:hover{
    text-decoration:underline;
}




#groupes_top{
    float:left;
    font-weight:bold;
}

#groupes_top a.titre{
    border-top:4px solid #FFD34E;
}

#groupes_top input{
    margin:1px;
    padding:1px 2px;
    border:1px solid #CCCCCC;
    color:#AFAFAF;
}
#groupes_top input.button{
    color:#7C6D68;
    background:#FFD34E;
    margin-left:2px;
    padding:1px 3px;
    border:none;
}



#pages_infos_top{
    float:right;
}

#pages_infos_top a{
    border-left:1px solid #7C6D68;
    padding:0px 8px;
}
#pages_infos_top a.first_item{
    border-left:none;
}
/* --- Bandeau d'infos --- */
#top_infos{
    /*height:40px;*/
    background:url(./background/bg_top_infos.gif) no-repeat bottom center;
    color:#fff;
    padding:10px 0 0 0;
}
#top_infos .small{
    padding:0 170px 0 30px;
}
#top_infos .huge{
    padding-right:70px;
}
#top_infos a, #top_infos a:visited, #top_infos a:link{
    color:#fff;
    text-decoration:none;
}
#top_infos a:hover{
    text-decoration:underline;
}

#top_infos .big, #top_infos .huge{
    font-weight: bold;
}

/* --- Menu --- */
#top_menu{
    background:#4D4543;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    padding:0;
    text-align:center;
}

#top_menu div{

}

#top_menu p{
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    width:auto;
    margin:0 auto;
    padding:13px 0;
}
#top_menu a{
    color:#fff;
    text-decoration:none;
    border-top:5px solid #fff;
    margin:5px;
    padding:0 0 5px 0;
}
#top_menu a span{
    background:none;
    padding:2px 20px 13px 20px;
}



/* --- Bannière --- */


/* En cas de non lecture du flash*/
body.accueil #top_image{
    background:url(static/banniere_accueil.jpg);
}

/* --- Rubriques --- */
#top_rubriques{
    background:#7C6D68;
    position:relative; /* eeeem, pas joli joli... */
    top:-5px;
    padding:0px;
    width:100%;
    color:#fff;
}

#liens_rubriques{
    padding:3px;
}

#top_rubriques #liens_rubriques a{
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    padding:0px 0px 0px 10px;
    margin-right:10px;
}
#top_rubriques #liens_rubriques a:hover, #top_rubriques #liens_rubriques a.visited{
    background:url(background/rubrique_fleche.gif) left center no-repeat;
}


#aides_voyage{
    width:90px;
    text-align:right;
    padding:0 13px 0 0 ;
}

#aide_legende{
    text-align:right;
    padding:3px;
    vertical-align:center;
}

#aides_voyage a{
    color:#fff;
    padding:0 1px;
}

#aides_voyage a{
    margin:1px;
}

#aides_voyage a, #aides_voyage a:hover, #aides_voyage a:visited, #aides_voyage a:link{
    text-decoration:none;
}

/*
#top_rubriques a.visited{
    border-bottom:2px solid #fff;
}*/




/* -----------------------------------------------------------------------------
    Slot droit
*/
#newsletter_form{
    height:56px;
    width:229px;
    margin:0 0 15px 0;
}
#newsletter_form input{
    margin:33px 0 0 11px;
    padding:1px 2px;
    border:none;
    color:#AFAFAF;
}
#newsletter_form input.button{
    color:#CFCFCF;
    background:#4D4543;
    margin-left:2px;
    padding:1px 3px;
}

/* -----------------------------------------------------------------------------
    CLASSES GENERALES
*/
p.info a, p.info, .content_info a, .content_info{
    text-decoration:none;
    color:#5E809F;
}
p.info a:hover, .content_info a:hover{
    text-decoration:underline;
}






/* -----------------------------------------------------------------------------
    Footer
*/
#footer{
    background:url(./background/bg_footer.gif) no-repeat bottom center;
    padding:20px 5px 7px 5px;
    color:#FFFDF8;
}

#adresse_footer{
    float:left;
}
#liens_footer{
    float:right;
}

#footer a{
    color:#EFEFEF;
    padding:0 8px;
    text-decoration:none;
    border-left:1px solid #fff;
}

#footer a.first_item{
    border-left:none;
}

#footer a:hover{
    text-decoration:underline;
}


#sub_footer{
    text-align:center;
    padding:5px 0;
    border:none;
    font-size:10px;
}
#sub_footer a{
    color:#9F918B;
    padding:0 8px;
    text-decoration:none;
    border-left:1px solid #CFC6C2;
}
#sub_footer a.first_item{
    border-left:none;
}
#sub_footer a:hover{
    text-decoration:underline;
}


/* =============================================================================
    Pages revue de presse et liens
*/

.liste_liens{
    margin-top:20px;
}

.liste_liens dt{
    font-weight:bold;
    margin:10px 0 0 0;
}

.liste_liens dd{
    padding:5px 0 5px 5px;
    margin:0 0 20px 0;
}



/* =============================================================================
    LISTE DES OFFRES
*/
.offre_mini{
    border-bottom:1px dotted #7D6E69;
    margin-bottom:20px;
}

.offre_mini td.resume{
    width:370px;
    background:url(background/picto_global.gif) no-repeat top left;
    padding-left:30px;
    padding-right:30px;
}

.offre_mini .titre, .offre_mini .duree{
    display:block;
    width:370px;
}

.offre_mini .titre{
    padding:0 0 4px 0;
}

.offre_mini .titre a{
    font-size:14px;
    font-weight:bold;
    text-decoration:none;

}
.offre_mini .titre a:hover{
    text-decoration:underline;
}


.a_partir_de{
    font-size:1.1em;
    font-weight:bold;
}

.ancien_prix{
    color:#000000;
    font-size:11px;
    text-decoration:line-through;
}

.plus_infos a{
    padding:2px 5px;
    text-decoration:none;
    font-style:italic;
    font-weight:bold;
    display:block;
    width:100px;
    color:#fff;
    background:#7C6D68;
}

.plus_infos a, .plus_infos a:hover,.plus_infos a:link,.plus_infos a:visited, .plus_infos a:active{
    color:#fff;
}

.offre_mini .duree{
    font-weight:bold;
    margin:7px 0;
}


.offre_demande{
    border:1px solid #DFDFDF;
    padding:5px;
    margin:10px 0;
}

.offre_demande .offre_mini{
    margin:auto;
    border:none;
}

.offre_demande .offre_mini .titre, .offre_demande .offre_mini .duree, .offre_demande .offre_mini .resume{
    width:400px;
}


/* =============================================================================
    Evénement Phare
*/
table.evenements_phares td{
    padding:20px 8px 0 0;
}
table.evenements_phares td.first_line{
    padding:0px 8px 0 0;
}
.evenements_phares a.rubrique{
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}
.evenements_phares a.rubrique:hover{
    text-decoration:underline;
}
.offre_phare{
    width:241px;
    margin:6px 0 20px 0;
}
.offre_phare .photo{
    text-align:center;
}

.offre_phare .titre, .offre_phare .duree, .offre_phare .date_str,
.offre_semaine .titre, .offre_semaine .duree, .offre_semaine .date_str{
    display:block;
    text-align:left;
    margin-top:4px;
}
.offre_phare .titre, .encarts .titre{
    font-size:14px;
    font-weight:bold;
    margin:0 0 10px 0;
    padding:0 0 0 20px;
}
.offre_phare .titre a, .encarts .titre a{
    text-decoration:none;
}
.offre_phare .titre a:hover, .encarts .titre a:hover{
    text-decoration:underline;
}


.offre_phare .duree, .offre_semaine .duree{
    font-weight:bold;
    margin-bottom:8px;
}

.encarts{
    margin-top:20px;
}

.encarts p{
    padding:0;
}
.encarts .titre{
    margin-bottom:5px;
}

.encarts div{
    margin:0 0 20px 0;
}
.encarts .notheme .titre{
    background:url(./background/picto.gif) no-repeat 0px 1px;
}

table.offre_semaine{
    margin:0;
    padding:0;
    width:100%;
}

/* =============================================================================
    Accueil
*/



#accueil_table h2, h2.titre_accueil{
    text-align: left;
    border-bottom:none;
    padding:0px 0 5px 30px;
    background:url(background/picto_clair.gif) no-repeat 0px 0px;
    margin-bottom:10px;
}


#diaporama_accueil h2 a, #diaporama_accueil li a, #diaporama_accueil li a:hover{
    text-decoration:none;
}
#diaporama_accueil h2 a:hover{
    text-decoration:underline;
}


#diaporama_accueil_container{
    width:560px;
    height:300px;
    margin-bottom:30px;
}


#accueil_left{
    width:400px;
}
#accueil_right{
     padding-left:40px;
     padding-top:0;
}

/*
    Vignettes accueil
*/
#vignettes_accueil a img{
    width:265px;
    height:237px;
}


/*
    Offres d'accueil
*/
.offre_accueil{
    border-bottom:1px dotted #7D6E69;
    margin-bottom:10px;
}

.offre_accueil a{
    text-decoration:none;
    font-weight:bold;
}
.offre_accueil a:hover{
    text-decoration: underline;
}


.offre_accueil_head a{
    color:#fff;
    margin:0;
}

.offre_accueil_head a.site{
    padding:2px 10px;
}

.offre_accueil_head a.rubrique, a.rubrique{
    padding:2px 5px 2px 15px;
    background:#7D6E69 url(background/picto_small.gif) no-repeat 5px 3px ;

}

.offre_accueil_content table{
    margin:5px 0 0 0;
    border-collapse: collapse;
}
.offre_accueil_content table td{
    padding:0;
}


/*

*/
#pathway{
    font-size:12px;
    margin:0 0 10px 3px;
    color:#999999;
}
#pathway a{
    color:#999999;
}

#coverflow{
    margin-top:-40px;
}

/*
    Offre
*/

#module_accueil{
    height:185px;
}

#module_rugby span{
    display:none;
}

#module_rugby{
    position:relative;
    top:50px;
    background:url(static/module_rugby.gif) no-repeat right top;
    height:20px;
    margin:0 20px 0 0;
}

.contenu_module{
    margin:0;
    height:70px;
    min-height:70px;
}

#offres_semaine{
    position:relative;
    top:50px;
    background:url(static/offres_semaine.gif) no-repeat right top;
    height:20px;
    margin:0 20px 0 0;
}
#offres_semaine span{
    display:none;
}
/*
Offre détails
*/

p.titre_tarif{
    margin-top:10px;
    font-weight:bold;
    font-weight:12px;
}

.onglets_footer, #onglets_footer{
    padding:1px;
    margin-bottom:20px;
}

.onglets_footer a, #onglets_footer a, #onglets_footer a:link, #onglets_footer a:visited{
    padding:2px 25px 2px 5px;
    text-decoration:none;
    text-align:right;
    font-style:italic;
    font-weight:bold;
    display:block;
    color:#fff;
}
.onglets_footer a:hover, #onglets_footer a:hover{
    text-decoration:underline;
}

#onglets{
    margin-top:20px;
}

#onglets ul{
    margin:0;
    padding:0;
}

#onglets li{
    margin-left:0;
    margin-right:1px;
}

#onglets div li{
    list-style: url(background/puce.gif);
    margin-left:20px;
}

#onglets div table td{
    text-align:center;
    vertical-align:middle;
    padding:5px;
    border:1px solid #494544;
}

#onglets div table {
    border-collapse :collapse;
}




#offre td.resume{
    padding-left:30px;
    padding-right:30px;
}

.pdf a {
    text-decoration:none;
    padding: 3px 0 3px 25px;
    background:url(buttons/bouton_pdf.gif) no-repeat left center;
}
.pdf a:hover {
    text-decoration:underline;
}

a.send_to{
    border:1px solid #AAA5A2;
    border-radius:1px;
    -moz-border-radius:1px;
    padding:5px 10px 5px 30px;
    text-decoration:none;
    color:#000;
    background:url(buttons/bouton_envoyer.gif) no-repeat 5px center;
}

a#fb_share{
    border:1px solid #C9D4E6;
    border-radius:1px;
    -moz-border-radius:1px;
    padding:5px 10px 5px 30px;
    text-decoration:none;
    color:#395B9A;
    margin-right:10px;
    background:#fff url(buttons/connect_favicon.png) no-repeat 5px center;
}
a#fb_share:hover{
    text-decoration:none;
}

#fb_iframe{
    border:none;
    overflow:hidden;
    width:229px;
    height:50px;
    margin-top:8px;
}

h3#fb_link{
    text-align:left;
    display:block;
    color:#fff;
    background:#3B5998 url(background/fb_medium.gif) no-repeat right center;
    text-decoration:none;
    width:169px;
    font-size:11px;
    font-weight:bold;
    margin:0;
    padding:8px 0 3px 60px;
}
h3#fb_link span{
    display:none;
}


#resume span{
    margin-bottom:10px;
}
#offre .titre, #offre .duree{
    display:block;
}
#offre .titre{
    font-size:14px;
    font-weight:bold;
}

#offre .duree{
    font-weight:bold;
    margin-bottom:8px;
}

#offre .pics{
    text-align:center;
    margin:20px 0;
}
#offre .pics a{
    margin:10px;
}

#outils ul li{
    width:177px;
    margin-bottom:20px;
}
#outils ul li a{
    height:100%;
    text-decoration:none;
    display:block;
}

#outils ul li a span{
    display:none;
}


#outils ul li.demande_informations{
    height:40px;
    background:url(background/outil_demande_informations.gif) no-repeat left top;
}
#outils ul li.bulletin_inscription{
    height:25px;
    background:url(background/outil_bulletin_inscription.gif) no-repeat left top;
}
#outils ul li.infopays{
    height:52px;
    background:url(background/outil_infopays.gif) no-repeat left top;
}
#outils ul li.climat{
    height:23px;
    background:url(background/outil_climat.gif) no-repeat left top;
}
#outils ul li.rappel_client{
    height:46px;
    background:url(background/outil_rappel_client.gif) no-repeat left top;
}



/*  =============================================================================
    Pages d'info
*/

div.page_info
{
    padding-left:190px;
    background:url(./background/grand_logo.gif) no-repeat 0 0;
}


#plan_site{
    margin:10px 50px;

}

#plan_site dt{
    margin :0 0 5px 0px;
    padding:0px 20px;
    font-size:14px;
    font-weight:bold;
    color:#7C6D68;
}


#plan_site dd{
    margin:0px 0 20px 20px;
}

#plan_site dt a{
    text-decoration:none;
}
#plan_site dt a:hover{
    text-decoration:underline;
}

#plan_site dd dt{
    font-size:11px;
    font-weight:normal;
    padding:0px 0px;
}
#plan_site dt dd dt a{
    text-decoration:underline;
}
#plan_site dt dd dt a:hover{
    text-decoration:none;
}

/* ------------------------------------------------------------------------------------------------------------
    page de liens
*/
.liste_liens h2{
    margin-top:40px;
    color:#4D4543;
}
.liste_liens dt{
    font-weight:bold;
}
.liste_liens dd{
    margin-bottom:5px;
}


/* ------------------------------------------------------------------------------------------------------------
    page Climat
*/
.ancres{
    text-align:center;
    font-weight:bold;
}
.ancres a{
    padding:4px;
}

table.climat{
    margin-top:15px;
    border-collapse:collapse;
}


.climat td{
    padding:3px 5px;
    text-align:center;
    border-right:1px solid #CCC1BF;
}
.climat th{
    padding:5px;
    background:#D8D2D0;
    color:#4D4543;
    border-right:1px solid #CCC1BF;
}
.climat th.nom_pays{
    width:120px;
}

.climat tr.first_letter th{
    padding-top:25px;
}

th.nom_pays, td.nom_ville, td.last{
    border-right:none;
}

/* ------------------------------------------------------------------------------------------------------------
    page Calendrier de vacances
*/
.vacances h4{
    margin-top:20px;
}

.vacances table{
    margin:10px auto;
    text-align:center;
    border-collapse:collapse;
}

.vacances table th{
    background:#D8D2D0;
    color:#4D4543;
    padding:10px 20px;
    border:1px solid #CFC3C2;
}
.vacances table td{
    padding:5px 20px;
    border:1px solid #CFC3C2;
}
/*
.vacances table .periode{
    width:100px;
}*/


/* ------------------------------------------------------------------------------------------------------------
    page Navette
*/
.navette h4, .infopays h4{
    margin-top:20px;
}

.navette table, .infopays table{
    margin:10px auto;
    text-align:center;
    border-collapse:collapse;
}

.navette table th, .infopays table th{
    background:#D8D2D0;
    color:#4D4543;
    padding:10px;
    border:1px solid #CFC3C2;
}
.navette table td, .infopays table td{
    padding:5px;
    vertical-align:middle;
    border:1px solid #CFC3C2;
}


/* ------------------------------------------------------------------------------------------------------------
    page Navette
*/
.convertisseur{
    margin:20px auto;
}

.convertisseur td{
    padding:5px 10px;
}

.convertisseur th{
    text-align:right;
}


/* ------------------------------------
    Points de formulaire
*/
.contact_form{
    padding:10px;
    width:548px;
    margin:20px auto;
    border:1px solid #DFDFDF;
}

.contact_form h2{
    margin-bottom:0px;
}


td.label, b.label {
    font-size:11px;
    font-weight:bold;
    text-align:right;
}

#tbody_adresse .label{
    color:#7C6D68;
}
#tbody_adresse input{
    border:1px solid #AFA7A4;
}
.separateur{
    padding-top:20px;
}
.contact_form th{
    padding:20px 20px 10px 20px;
    text-decoration:underline;
}

.avertissement{
    padding-top:20px;
    color:#BFB6B3;
}
.avertissement a,.avertissement a:hover,.avertissement a:visited{
    color:#BFB6B3;
}

/*  ------------------------------------------------------------------------------
    Moteur de recherche voyage
*/
.liens_moteur{
    text-align:center;
}


.liens_moteur a, .liens_moteur a:hover, .liens_moteur a:link, .liens_moteur a:visited{/* surcharges pour IE */
    text-decoration:none;
    border:1px solid #BFBFBF;
    background:#37A2D9;
    color:#fff;
    padding:2px 5px;
}

.liens_moteur a:hover,
.liens_moteur a.jshover, .liens_moteur a.jshover:link, .liens_moteur a.jshover:visited, .liens_moteur a.jshover:hover{
    background:#fff;
    color:#7C6D68;
}

#moteurs_voyage{
    padding-top:40px;
    width:400px;
    background:url(./static/voyages.gif) no-repeat 0 0;
}

#moteurs table{
    width:100%;
    text-align:center;
    margin:0;
}

#moteurs input{
    color:#7C6D68;
}
#moteurs input.button{
    color:#7C6D68;
    margin-right:50px;
    cursor:pointer;
    background:#EFEFEF;
    padding:3px 5px;
}
#moteurs select{
    margin-right:20px;
}


#moteurs_voyage table td{
    padding:5px 3px;
}


#moteurs{
    border:1px solid #BFBFBF;
    margin:-5px 0 20px 0;
    padding:10px;
}



/*  ---------------------------------------
    Utilitaires
*/
a.retour{
    display:block;
    margin:6px 0 0 0;
    float:right;
    font-weight:normal;
    font-size:11px;
}

.good{
    color:#819F85;
    text-align:center;
}

.odd, .odd td{
    background:#FFFFFF;
}
.even, .even td{
    background:#F5F3F2;
}

span.div{
    margin-top:20px;
    display:block;
}


/*
    =============================================================================
    SITE PREMIUM
*/
body.premium{
    background-color:#312F30;
    color:#fff;
}
body.premium a{
    color:#999999;
}

body.premium #conteneur, body.premium #contenu{
    background-color:#312F30;
    color:#fff;
}

body.premium #top_menu{
    background:#1F1F1F;
}

/* Haut de page */

body.premium #top_liens #groupes_top, body.premium #top_liens #groupes_top a{
    color:#FFCC33;
}
body.premium #top_liens #groupes_top input{
    background:#828282;
}
body.premium #top_liens #groupes_top input.button{
    color:#CCCCCC;
}
body.premium #top_liens #groupes_top input.field{
    color:#595959;
    border:1px solid #686868;
}
body.premium #top_infos{
    background:#000 url(./background/bg_top_infos.premium.gif) no-repeat bottom center;
}

body.premium #footer{
    background:url(./background/bg_footer.premium.gif) no-repeat bottom center;
}
body.premium #sub_footer a{
    color:#999999;
    border-left:1px solid #999999;
}
body.premium #sub_footer a.first_item{
    border-left:none;
}

body.premium #top_rubriques{
    background:url(background/bg_repeat_menu_rubriques_premium.gif) repeat-x bottom left;
    top:0;
}


body.premium  #top_rubriques #liens_rubriques a:hover, body.premium  #top_rubriques #liens_rubriques a.visited{
    background:url(background/rubrique_fleche.premium.gif) left center no-repeat;
}
body.premium .ui-tabs-panel{
    background:#312F30;
}

body.premium h1{
    border-bottom: 1px solid #999999;
}
body.premium h2{
    border-bottom: none;
    color:#CC0073;
}
body.premium div.offre_demande, body.premium div.contact_form{
    border: 1px solid #999999;
}

body.premium .pdf a {
    background:url(buttons/bouton_pdf.premium.gif) no-repeat left center;
}

body.premium div.page_info
{
    background:url(./background/grand_logo.premium.gif) no-repeat 0 0;
}
body.premium a.send_to{
    border:1px solid #666666;
    color:#FEFEFE;
    background:#393937 url(buttons/bouton_envoyer.premium.gif) no-repeat 5px center;
}