@import url(../../structure.css);
@import url(../../barre.css);
@import url(../../contenu.css);
@import url(../commun_lang.css);
@import url(../../formulaires.css);
@import url(../../popup.css);
@import url(./cbx_apl.css);
@import url(./client.css);

/*
   Styles specifiques de la page "General"
*/


/* Structure de la page
-------------------------------------*/
#conteneur {
	background-image:url(img_general/fond-conteneur.gif);
	}
#logo {
	background-image:url("img_general/logo.png");
}
/*hack png IE6*/
* html #logo {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/fr/gen/img_general/logo.png",sizingMethod="scale");
}

/* Navigation principale
-------------------------------------*/
#navigation li.empty, #navigation a, #navigation li.rootMenu label {
	background-color:#0061a6;
	}
#navigation a:hover, 
#navigation a:focus, 
#navigation li.courant a, 
#navigation li.langue a, 
#navigation li.rootMenu label:hover,
#navigation li.rootMenu label:focus,
#navigation label {
	background-color:#00b1db;
	}
	
#navigation li.itemMenu a {
	background-color:#00b1db;
	}
#navigation li.itemMenu a.courant,
#navigation li.itemMenu a:hover,
#navigation li.itemMenu a:focus {
	background-color:#0061a6;
	}
	
/* Pied de page
-------------------------------------*/
#pied ul {
	border-color:#9cf;
        font-size:.86em;
	}
#pied li a, #pied li label {
	color:#0e6cb5;
        font-size:.86em;
	}
	
/* Styles generaux barre gauche
-------------------------------------*/
#barre-laterale h2,
#barre-laterale h3 {
	color:#00b1db;	
	}
#barre-laterale label {
	color:#069;
	}
#barre-laterale input,
#barre-laterale select {
	color:#069;
	border-color:#00b1db;
	}
#barre-laterale .bloc-vignette {
	background-color:#C4017A;
}
#barre-laterale .bloc-lien {
	color:#C4017A;
}

/* Formulaire de recherche rapide geographique
-------------------------------------*/
#recherche {
	background-color:white;
	}
#recherche h2{
	color:#C4047B;
	}
/* Formulaire de recherche rapide new
-------------------------------------*/
#bgquicksearch {
	background-image:url(img_general/bg_quicksearch.gif);
	}
#quickrecherche, #quickrecherche h2 {
	color:white;
	}
#quickrecherche	p.plus-dinfos a {
	background-color:white;
	color:#069;
	}

/* Formulaire de la newsletter
-------------------------------------*/
#newsletter {
	background-image:url(img_general/separateur-bloc.gif);
	background-color: #BEE4F7;
	}
#newsletter h2{
	color:#c4017a;
	/*font-family: verdana;*/
	font-size: 16px;
	/*text-transform: uppercase;*/
	}
#newsletter h3 {
	background-image:url(img_general/soustitre-newsletter.gif);
	}
#newsletter-email {
	background-color:#00b1db;
	}
.newsletter-identite {
	background-color:#bee4f7;
	}
.newsletter-identite input {
	border:1px #00b1db solid;
	}
/* Navigation locale
-------------------------------------*/
#nav-locale {
	background-color: #BEE4F7;
}
#nav-locale li {
	background-image:url(img_general/separateur-bloc.gif);
	}
#nav-locale a {
	color:#069;
	}
#nav-locale label {
	color:#069;
	text-decoration:underline;
	}

/* Liens vers d'autres sites
-------------------------------------*/
#clic_map {
	border:1px #00B1DB solid;
	background-color:#fff;
}
#clic_map_bar {
	background-color:#00B1DB;
	color:#fff;
}

/* Styles generaux du contenu
-------------------------------------*/
#promotions h2 {
	background: url("img_general/tit_large_C4017A.png") no-repeat scroll 0 0 transparent;
	color:white;
}
/*hack png IE6*/
* html #promotions h2 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/fr/gen/img_general/tit_large_C4017A.png",sizingMethod="scale");
}
#promotions ul {
	background: url("img_general/sep_promos_gen.jpg") repeat-y scroll center center transparent;
}
#promotions ul li p.tarif {
	color:#C4047B;
}
#coup-de-coeur h2 {
	background: url("img_general/tit_large_00B1DB.png") no-repeat scroll 0 0 transparent;
	color:white;
}
/*hack png IE6*/
* html #coup-de-coeur h2 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/fr/gen/img_general/tit_large_00B1DB.png",sizingMethod="scale");
}
#coup-de-coeur p.tarif span {
	background-color:#C4017A;
	color:#FFFFFF;
}
#coup-de-coeur .coup-de-coeur-text {
	border-color:#00B1DB;
}
#coup-de-coeur .coup-de-coeur-text span.description {
	color:#2B4285;
}
p.plus-dinfos a {
	color:#fff;
}
#dest-phare-txt h2 {
	color:#069;
}
#dest-phare-txt p {
	color:white;
}
#dest-phare-txt p.tarif span {
	border:1px solid white;
}
#actualites h2 {
	background: url("img_general/tit_small_0061A6.png") no-repeat scroll 0 0 transparent;
	color:white;
}
/*hack png IE6*/
* html #actualites h2 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/fr/gen/img_general/tit_small_0061A6.png",sizingMethod="scale");
}
#actualites.actualite-large h2 {
	background: url("img_general/tit_large_00B1DB.png") no-repeat scroll 0 0 transparent;
}
/*hack png IE6*/
* html #actualites.actualite-large h2 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/fr/gen/img_general/tit_large_00B1DB.png",sizingMethod="scale");
}
#actualites.actualite-large ul {
	background: url("img_general/sep_actus_gen.jpg") repeat-y scroll center center transparent;
}
#destinations ul {
	background: url("img_general/sep_sejours_gen.jpg") repeat-y scroll center center transparent;
}
#destinations h2 {
	background: url("img_general/tit_small_BFCF17.png") no-repeat scroll 0 0 transparent;
	color:white;
}
/*hack png IE6*/
* html #destinations h2 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/fr/gen/img_general/tit_small_BFCF17.png",sizingMethod="scale");
}
#informations div.info-texte h2 {
	color:#c4017a;
}

p.plus-dinfos a {
	background-color:#2b4285;
	}
p.plus-dinfos a:hover,
p.plus-dinfos a:focus {
	background-color: #b52c7e
	}
	
/* Coup de coeur
-------------------------------------*/
#coup-de-coeur .coup-de-coeur-text h3 {
	color:#c4017a;
	}
	
/* Destination phare
-------------------------------------*/
#dest-phare {
	background-color:#ffffff;
	}
#dest-phare-txt h2 {
	color:#c4017a;
	}
#dest-phare-txt p {
	color:#2B4285;
}	
#dest-phare-txt p.tarif {
	background-image:url(img_general/coup-de-coeur-phare.gif);
	}
#dest-phare-txt p.tarif span {
	background-color:#c4017a;
	color:#ffffff;
}		
	
/* Actualites
-------------------------------------*/
#actualites,#actualites2,
#destinations,
#actualites h3 a,#actualites2 h3 a {
	color: #416dae;
	}
#promotions h3 a {
	color: #00B1DB;
	}
#destinations h3 a {
    color: #bfcf17;
    }
#actualites h3 a:hover,#actualites2 h3 a:hover,
#promotions h3 a:hover,
#destinations h3 a:hover,
#actualites h3 a:focus,#actualites2 h3 a:focus,
#promotions h3 a:focus,
#destinations h3 a:focus {
	color: #b52c7e;
	}
#actualites p.date,#actualites2 p.date {
	color:#b52c7e;
	}
	
/* Information texte
-------------------------------------*/
#informations div.info-texte {
	background-color:#B52C7E;
	}
#informations div.info-texte p {
	color:#FFFFFF;
	}
	
/* Formulaire d'information
-------------------------------------*/
#contenu .entete-formulaire {
	color:#416dae;
	background-color:white;
	}
#contenu .entete-formulaire h3 span {
	background-color:#0061a6;
	}
#contenu fieldset {
	background-color:#e1f2fc;
	}
#contenu form label {
	color:#416dae;
	}
#formulaire-info p.information {
	background:url(img_general/petits_bando/dmdeinfos.jpg) no-repeat 0 0;
	}
	
/* Web callback
-------------------------------------*/
#webcallback p.information {
	background:url(img_general/petits_bando/webcallback.jpg) no-repeat 0 0;
	}
	
/* Contact
-------------------------------------*/
#contact p.information {
	background:url(img_general/petits_bando/contact.jpg) no-repeat 0 0;
	}

/* Recrute
-------------------------------------*/
#recrute p.information {
	background:url(img_general/petits_bando/recrute.jpg) no-repeat 0 0;
	}

/* Catalogues
-------------------------------------*/
#catalogues p.information {
	background:url(img_general/petits_bando/catalogues.jpg) no-repeat 0 0;
	}
	
/* Recherche par critere
-------------------------------------*/
#contenu.recherche .entete-formulaire {
	color:#416dae;
	background:transparent;
	}

/* Styles generaux du contenu
-------------------------------------*/
#contenu.produit {
	margin-bottom:2em;
	}
#contenu.produit h2 {
	text-transform:uppercase;
	color:#b52c7e;
	}
#contenu.produit h2 small {
	font-size:1em;
	font-weight:normal;
	}
#contenu.produit h3 {
	margin:2em 0 .5em;
	font-size:1.2em;
	text-transform:uppercase;
	color:#b52c7e;
	}
#contenu.produit ul, #contenu.produit p {
	font-size:1.2em;
	}

/* Entete formulaire retour liste
-------------------------------------*/
ul.menu-retour-form li a {
	display:block;
    margin-top:0em;
    margin-right:0em;
    float:right;
	width:100px;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:#0061a6;
	}
ul.menu-retour-form a:hover,
ul.menu-retour-form a:focus {
	color:#069;
	background-color:#bee4f7;
	}
	
/* Entete page produit retour liste
-------------------------------------*/
ul.menu-retour li a {
	display:block;
    margin-top:-.5em;
    float:right;
	width:100px;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#069;
	background-color:#bee4f7;
	}
ul.menu-retour a:hover,
ul.menu-retour a:focus {
	color:white;
	background-color:#0061a6;
	}
	
/* Lien webcallback
-------------------------------------*/
a.lienWebCallBack {
	display:block;
	width:140px;
	height:83px;
	background:transparent url(img_general/picto_callback.gif) no-repeat 100% 100%;
	}
	
/* Entete page produit
-------------------------------------*/
div.entete {
	padding:1em 1em 0;
	}
#contenu.produit div.entete h3 {
	margin-top:1em;
	}
div.entete h3 span {
	display:block;
	float:right;
	padding:2px 156px 3px 10px;
	color:white;
	background:#0061a6 url(../../img_commun/bayadere.gif) repeat-y 100% 0;
	}
ul.entete li a {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:right;
	font-weight:bold;
	color:#0061a6;
	}
ul.entete a:hover{
	color:#00b1db;
	}
div.entete p {
	clear:both;
	margin:0;
	padding:0;
	height:80px;
	}

/* Menu produit
-------------------------------------*/
div.menu-produit div.introduction {
	color:#0061a6;
	}
div.txtpromo {
	background-color:#b52c7e;
	color:#FF99FF;
	}

/* Menu gauche */
ul.menu-gauche li.espacement {
	margin-top:1.5em;
	}
ul.menu-gauche li a {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#069;
	background-color:#bee4f7;
	}
ul.menu-gauche a.courant,
ul.menu-gauche a:hover,
ul.menu-gauche a:focus {
	color:white;
	background-color:#0061a6;
	}
	
ul.menu-gauche li.lienresa {
	margin-top:1.5em;
	}
ul.menu-gauche li.lienresa a {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:#b52c7e;
	}
ul.menu-gauche li.lienresa a.courant,
ul.menu-gauche li.lienresa a:hover,
ul.menu-gauche li.lienresa a:focus {
	color:white;
	background-color:#0061a6;
	}
	
/* Menu droit */
ul.menu-droit li {
	margin-bottom:2em;
	}
ul.menu-droit li a {
	display:block;
	margin:0 auto;
	outline:none
	}
a.lien-pdf {
	background:#bee4f7 url(../../img_commun/pdficon_small.gif) no-repeat 5px 50%;
	}
/* Lien visite panoramique */
a.panoramique {
	width:127px;
	height:78px;
	text-indent:-9999px;
	background:transparent url(../../img_commun/360.gif) no-repeat 50% 0;
	}

/* Lien prestation */
a.prestation {
	width:52px;
	height:46px;
	}

/* Lien Via Michelin */
a.via-michelin {
	width:127px;
	height:72px;
	text-indent:-9999px;
	background:transparent url(../../img_commun/bout-viamichelin.gif) no-repeat 50% 0;
	}

/* 
-------------------------------------*/
div.description-produit {
	color:#0061a6;
	}
	
/* ---------- */
/* VB Recrute */


div.menu-vbrecrute {
	float:left;
	width:150px;
	padding:2px 10px 10px;
	}
div.menu-vbrecrute ul {
	float:left;
	width:140px;
	margin-right:10px;
	margin-bottom:1.25em;
	font-size:1.2em;
	color:#0061a6;
	font-weight:bold;
	}
div.menu-vbrecrute li {
	height:1%;
	margin-bottom:.25em;
	text-align:center;
	}
div.menu-vbrecrute ul li.espacement {
	margin-bottom:1.5em;
	}
div.menu-vbrecrute ul li a {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#069;
	background-color:#bee4f7;
	}
div.menu-vbrecrute ul a.courant,
div.menu-vbrecrute ul a:hover,
div.menu-vbrecrute ul a:focus {
	color:white;
	background-color:#0061a6;
	}

div.texte-vbrecrute {
	float:left;
	width:564px;
	color:#0061a6;
	}
div.texte-vbrecrute p.textebas {
	font-style: italic;
	}
div.pagin-vbrecrute {
	font-weight: bold;
	}
div.pagin-vbrecrute ul {
	display:inline;
	}
div.pagin-vbrecrute li {
	display:inline;
	color:#069;
	font-weight:bold;
	}
div.pagin-vbrecrute li a {
	color:#416dae;
	padding:0 .25em;
	text-decoration:underline;
	font-weight:normal;
	}
div.pagin-vbrecrute li a:focus,
div.pagin-vbrecrute li a:hover {
	text-decoration:none;
	}
div.texte-vbrecrute span.metier {
	text-transform: uppercase;
	}
div.texte-vbrecrute span.offre {
	font-weight: normal;
	}

/* ----------------------------- */
/* Conteneur de donnees standard */
div.content-standard {
	float:left;
	padding:2px 10px 10px;
	width:714px;
	color:#0061a6;
	font-size:1.2em;
	}
div.content-standard span.textegras {
	font-weight: bold;
	}
div.content-standard span.texteitalique {
	font-style: italic;
	}
div.content-standard a.liengras {
	font-weight: bold;
	color: #b52c7e;
	text-decoration: underline;
	}
div.content-standard a.liengras:hover,
div.content-standard a.liengras:focus {
	color:#069;
	}
		
/** Les infos legales **/
p.texteinfoslegales, span.texteinfoslegales {
	font-size: 0.7em; 
	}
	
/* Menu Catalogue
-------------------------------------*/

div.menu-cata {
	float:right;
	width:710px;
	padding:1px 10px 5px;
	}
div.introduction {
	margin:0 0;
	color:#069;
	font-size:1.1em;
	font-weight:bold;
	}
div.intro-liste, intro-liste-choix {
	color:#069;
	}
div.checkbox {
	margin:1em;
    margin-left: auto;
    margin-right: auto;
	color:#b52c7e;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
	}
div.menu-cata ul {
	float:right;
	width:500px;
	margin-bottom:1em;
	}
div.menu-cata li {
	height:1%;
	margin-bottom:.25em;
	text-align:left;
	}
ul.menu-cata li.espacement {
	margin-bottom:0.3em;
	}
ul.menu-cata li a {
	display:block;
	width:300px;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#069;
	background-color:#bee4f7;
	}
ul.menu-cata a.courant,
ul.menu-cata a:hover,
ul.menu-cata a:focus {
	color:white;
	background-color:#0061a6 ;
	}
a.lien-pdf {
	background:#bee4f7 url(../../img_commun/pdficon_small.gif) no-repeat 5px 50%;
	}

/* Styles generaux du contenu tarif
-------------------------------------*/
#contenu.tarifs {
	margin-bottom:2em;
	margin-top:1em;
	color:#0061a6;
	}
#contenu.tarifs h2 {
	text-transform:uppercase;
	color:#b52c7e;
	width: 550px;
	}
#contenu.tarifs h2 small {
	font-size:1em;
	font-weight:normal;
	}
#contenu.tarifs div.entete h3 {
	margin-top:1em;
	}
#contenu.tarifs ul, #contenu.tarifs p {
	font-size:1.2em;
}
#contenu.tarifs p {
	margin-top: 1em;
	height: 50px;
	}
	
#contenu.tarifs a.acceptconditions {
	text-decoration:underline;
	color:#b52c7e;
}
	
#contenu.tarifs div.entete_confirm {
	float: left;
	padding:1em 1em 0;
	width: 550px;
	}
#contenu.tarifs div.entete_btn_confirm {
	float: right;
	padding:0 0 0;
	width: 150px;
	}
#contenu.tarifs div.entete_confirm span.textegras {
	font-weight: bold;
	}
#contenu.tarifs div.entete_confirm p {
	padding:2px 10px 10px;
	}
ul.menu-confirm {
	float:right;
	width:140px;
	}
ul.menu-confirm li {
	height:1%;
	margin-bottom:.7em;
	text-align:center;
	}	
ul.menu-confirm li a.lien {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#069;
	background-color:#bee4f7;
	}
ul.menu-confirm li a.lien:hover,
ul.menu-confirm li a.lien:focus {
	color:white;
	background-color:#0061a6;
	}	
	
.boutonbleufoncegd a {
	background-color:#069;
	}
.boutonbleufoncegd a:hover {
	color:#069;
	background-color:#bee4f7;
	}
.boutonbleufonceptit a {
	background-color:#069;
	}
.boutonbleufonceptit a:hover {
	color:#069;
	background-color:#bee4f7;
	}
.boutongrisptit a {
	color:#069;
	background-color:#bee4f7;
	}
.boutongrisptit a:hover {
	background-color:#069;
	}
.tableresa {
	border-top:1px solid #069;
	border-left:1px solid #069;
	border-bottom:0px;
	border-right:0px;
	text-align:center;
	font-size:.9em;
	font-weight:bold;
	}
.tableresa td, .tableresa th {
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #069;
}
.thresa {
	background-color:#069;
	color:white;
	text-transform:uppercase;
	}
.tdthresa {
	background-color:#00b1db;
	color:white;
	text-transform:uppercase;
	}
.tdresa {
	background-color:white;
	color:#069;
	border-bottom:1px solid #069;
	}
.tdresapromo {
	background-color:#F6DB00;
	color:#069;
	border-bottom:1px solid #069;
	}
	
/* Reservation */
div.helppicto {
	clear:both;
	cursor:help;
	background:url(img_general/help.gif) no-repeat 0 0;
	margin-top:3px;
	position:relative;
	float:right;
	border:0px;
	width:12px;
	height:12px;
	}

#liste-dispos, #devis, #formul-resa {
	border-color:#00b1db;
}
	
/* Résa formulaire
-------------------------------------*/
div.progress p {
	background-image:url(img_general/barre-progress_1.gif);
	}
div.progress2 p {
	background-image:url(img_general/barre-progress_2.gif);
	}
div.progress3 p {
	background-image:url(img_general/barre-progress_3.gif);
	}
div.progress4 p {
	background-image:url(img_general/barre-progress_4.gif);
	}
div.progress5 p {
	background-image:url(img_general/barre-progress_5.gif);
	}
div.progress6 p {
	background-image:url(img_general/barre-progress_6.gif);
	}
#contenu.reservation .entete-formulaire {
	color:#b52c7e;
	}
	
/* Styles generaux du contenu referencement
-------------------------------------*/
#contenu.refer {
	color:#0061a6;
	}
#contenu.refer div.entete h2 {
	color:#b52c7e;
	}
#contenu.refer p.information {
	background:url(img_general/petits_bando/reference.jpg) no-repeat 0 0;
	}
#contenu-droit.refer h3,
#contenu-gauche.refer h3 {
	color:#b52c7e;
	}
#contenu-droit.refer li a,
#contenu-gauche.refer li a {
	color:#069;
	}
#contenu-droit.refer li a.courant,
#contenu-gauche.refer li a.courant,
#contenu-droit.refer li a:hover,
#contenu-gauche.refer li a:hover,
#contenu-droit.refer a:focus,
#contenu-gauche.refer a:focus {
	color:#b52c7e;
	}