/**********************************************/
/*	COMPILE date	
/*	2026-10-01 00:58:27	
/**********************************************/


/**********************************************/
/*	CSS IMPORT	
/*	/css/fo/styles.css	
/**********************************************/

body{

/*background-color:#FFFFFF;*/
background-color: none; 
padding:0;
margin:0;
font-size:12px;
font-family:arial;
color:#000000;
text-align:left;

}
img{
	border:0;
}



a {color:#39bcdd; text-decoration: underline;}
a:active {color:#39bcdd; text-decoration: underline;}
a:visited {color:#39bcdd; text-decoration: underline;}
a:hover {color:#f76515; text-decoration: underline;}

.trans50 {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

a.rollopaque img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

a.rollopaque:hover img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

/* form style */
.formErrorBox{
        background-color: #f1e8e6;
        border: 1px solid #c24733;
        color:#c24733;
        font-weight:normal;
		padding:10px;
}
.formOkBox{
	background-color: #d9e3be;
	border: 1px solid #70bd5e;
	color:#70bd5e;
	font-weight:normal;
	padding:10px;
	width:auto;	
}
.inputStyle{
	width:150px;
	border: 1px solid #cccccc;
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.inputDisabledStyle{
	width:150px;
	border: 1px solid #cccccc;
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background-color:#EEEEEE;
	cursor:default;
}
.inputUploadStyle{
	/*width:50px;*/
	border: 1px solid #cccccc;
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.inputCheckBoxStyle{
	vertical-align:middle;
	border: 1px solid #cccccc;
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}

.inputRadioStyle{
	vertical-align:middle;
	/*border: 1px solid #cccccc;*/
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
	margin:5px;
}
.inputButtonStyle{
		background-image:url(/images/bo/windowTop.jpg);
		font-family: Arial;
		font-size: 10px;
		font-weight: normal;
		text-indent: 0;
		padding:2px;
		cursor:pointer;
		color: #3a3a3a;
		background-color: #FFFFFF;
		border: 1px solid #a6a6a6;
}
.inputButtonStyle:hover{
		background-image:url(/images/bo/bo_background.jpg);
		color: #FFFFFF;
		background-color: #0082c9;
		border: 1px solid #a6a6a6;
}
.selectStyle{
	_width:157px;/*special IE*/
	width:156px;
	border: 1px solid #cccccc;
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.textareaStyle{
	width:99%;
	height:150px;
	border: 1px solid #cccccc;
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.textareaLongStyle{
	width:99%;
	height:400px;
	border: 1px solid #cccccc;
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.fieldInError{
	background-color: #f1e8e6;
	border: 1px solid #c24733;
}
/*
.fieldChecked:after {
	content:url(/images/icons/mandatory.gif);
	  width: 32px;
 	 height: 32px;
}

*/


.selectLng{
	border: 1px solid #606060;
	color:#FFFFFF;
	padding-left:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background-color:#888888;
}
.inputStyleBis{
	width:150px;
	border: 1px solid #cccccc;
	color:#333333;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}

.highlightWord{
	/*color:#39bcdd;*/
	color:#f76515;
}

/* THICKBOX popup*/
#TB_ajaxContent{
	/*background-image:url(/images/fo/bg.jpg);*/
	background-image:url(/images/fo/middle.jpg);
}

#TB_window{
border: 4px solid #39bcdd;

}
.popupBox{
/*
background-image:url(/images/trans.gif);
background-color:#FFFFFF;
*/
}

/*************************************/
/* !END GLOBAL CSS
/*************************************/








/**************************************************/
/*		!END CSS IMPORT
/**************************************************/


/**********************************************/
/*	CSS IMPORT	
/*	/css/fo/bootstrap_overload.css	
/**********************************************/


body{

background-color: none; 
background: none; 
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.form-control{
	/*display:inline;*/
}

.container {
     padding-right: 0; /*15px in bootstrap.css*/
     padding-left: 0;  /*idem*/
     margin-right: auto;
     margin-left: auto;
}

/* En dessous du point de rupture mobile, .container occupe toute la largeur de l'ecran.
   Sans padding horizontal, les .row et leur marge negative de -15px depassent des deux
   cotes : la PAGE ENTIERE defile alors lateralement de 15px, ce qui n'a aucun sens pour
   le visiteur (signale par Francois le 2026-09-28 en parcourant le tunnel). On retablit
   la compensation prevue par Bootstrap, uniquement sur petit ecran : au-dessus de 767px
   le container est plus etroit que la fenetre et le rendu bureau ne bouge pas. */
@media (max-width: 767px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    /* #calendar_view est DEJA une .row, et le fragment charge en AJAX
       (calendar_ajax.tpl) en rouvre une a l'interieur. Les marges negatives de -15px
       s'appliquent donc deux fois et le calendrier deborde des deux cotes. On neutralise
       la marge de la rangee interieure, la structure du fragment n'etant pas modifiable
       sans risque pour le rendu bureau. */
    #calendar_view > .row {
        margin-right: 0;
        margin-left: 0;
    }

    /* ----------------------------------------------------------------------
       Tableaux du tunnel en blocs sur telephone (ticket 2208).

       Sept colonnes ne tiennent pas dans 375px : le tableau debordait et il
       fallait le faire defiler lateralement pour lire le prix. Chaque ligne
       devient donc un bloc, et chaque cellule affiche son intitule a gauche
       (attribut data-label, repris des en-tetes) et sa valeur a droite.

       Purement visuel : AUCUN element n'est duplique ni retire. Le champ du
       nombre de places reste le meme noeud, avec sa classe et ses bornes ;
       le script qui l'ecoute le retrouve a l'identique. Desactiver ce bloc
       redonne le tableau d'origine.
       ---------------------------------------------------------------------- */
    table.wlx-table-blocs > thead {
        display: none;
    }
    table.wlx-table-blocs,
    table.wlx-table-blocs > tbody,
    table.wlx-table-blocs > tbody > tr,
    table.wlx-table-blocs > tbody > tr > td {
        display: block;
        width: auto;
    }
    table.wlx-table-blocs > tbody > tr {
        margin-bottom: 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 4px 0;
    }
    table.wlx-table-blocs > tbody > tr > td {
        border: 0;
        border-bottom: 1px solid #f0f0f0;
        text-align: right;
        padding: 6px 12px;
    }
    table.wlx-table-blocs > tbody > tr > td:last-child {
        border-bottom: 0;
    }
    /* Intitule de la colonne, a gauche de la valeur. */
    table.wlx-table-blocs > tbody > tr > td[data-label]::before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-align: left;
        padding-right: 12px;
        color: #555;
    }
    /* Cellules vides de la ligne de total : on les efface au lieu de laisser
       des lignes blanches. */
    table.wlx-table-blocs > tbody > tr > td:empty {
        display: none;
    }
    /* Ligne de total : les cellules vides etant masquees, il ne reste que l'intitule
       et le montant — on les remet sur une seule ligne plutot que l'un sous l'autre. */
    table.wlx-table-blocs > tbody > tr:last-child {
        text-align: right;
    }
    table.wlx-table-blocs > tbody > tr:last-child > td {
        display: inline-block;
        border-bottom: 0;
        font-size: 1.15em;
    }
    table.wlx-table-blocs > tbody > tr:last-child > td:last-child {
        font-weight: 700;
        padding-left: 0;
    }

    /* Ces tableaux-la tiennent maintenant dans la largeur : plus de defilement pour
       EUX. Le conteneur des autres tableaux (le calendrier) garde le sien. */
    .wlx-blocs-conteneur {
        overflow-x: visible;
        border: 0;
    }
}
/**************************************************/
/*		!END CSS IMPORT
/**************************************************/


/**********************************************/
/*	CSS IMPORT	
/*	/css/fo/styles_escape.css	
/**********************************************/

/* Formulaires FO (bon cadeau, sondage, devis) — libelles.
   Sorti du style inline des templates pour que chaque enseigne garde la main (Mantis 2175). */
.bookingSurvey label{
	font-family: Questrial;
	font-size:18px;
	color:#1c274d;
	border-bottom: 4px solid #ddd;
	padding-bottom: 5px;
	margin-bottom:20px;
}

/**************************************************/
/*		!END CSS IMPORT
/**************************************************/


/**********************************************/
/*	CSS IMPORT	
/*	/var/www/clients/client1/web1/web/releases/20260930090555/module/booking/css/style.css	
/**********************************************/

.reducCircle {
    border-radius: 50%;
    /*behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    /*width: 24px;*/
    height: 20px;
    padding: 4px;
	padding-top:3px;
    background: #FF0000;
    /*border: 2px solid #666;*/
    color: #FFFFFF;
    text-align: center;

    font: 10px Arial, sans-serif;
    position:absolute;
    top:-5px;
    right:0px;
}

.btn-booked {
	background-color: #666666;
	border-color: #000000;
	color: #FFFFFF;
	cursor:default;
}

.btn-booked:hover{
	background-color: #666666;
	border-color: #000000;
	color: #FFFFFF;
	cursor:default;
}

.stepSelected{
	color:#29ABE2;
}

.im-centered { margin: auto; max-width: 800px;}


.form-group label{
	/*margin:0px;
	padding:0px;
	*/
	font-size:14px;
}

.image_typo{
	position: absolute;
	right:-5px;
	top:50%;
	
}

#labelterms_condition img{
	display:none;	
}
#labelterms_condition input{
	width:15px;	
}
/**************************************************/
/*		!END CSS IMPORT
/**************************************************/