/* ----------------------------------- */
/*               FIX BUG IE            */
/* ----------------------------------- */
.select-free {
	overflow:hidden;/*must have*/
}
.select-free .innerFixer {
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	width:100%;/* (old value 3000px) must have for any big value*/
	height:100%;/* (old value 3000px) must have for any big value*/
}
.select-free iframe.innerFixer {
	border: 0;
	filter:mask();/*must have*/
	z-index:-1;/*must have*/
}

/* ----------------------------------- */
/*               NO SCRIPT             */
/* ----------------------------------- */
.noscriptFond
{
	width:100%;
	height:2000px;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	background-color:#1e5db0;
}

.noscriptContent
{
	margin: 200px auto;
	height:auto;
	font-weight:normal;
	text-align:center;
	padding:80px 50px;
	border:1px solid #1e5db0;
	width:450px;
	background-color:#ffffff;
	background: #ffffff url(../images/layout/bg-form.jpg) no-repeat top right;
}



/* ----------------------------------- */
/*                LOADING              */
/* ----------------------------------- */

div#divChargement
{
	height:auto;
	font-weight:bolder;
	text-align:center;
	padding:30px 10px;
	border:1px solid #1e5db0;
	width:300px;
	margin-right:-150px;
	right:50%;
	display:none;
	position:fixed !important;
	position:absolute;
	z-index:3000000;
	background-color:#ffffff;
	background: #ffffff no-repeat top right;
}



/* ----------------------------------- */
/*         Structure de la page        */
/* ----------------------------------- */

/*body, html 
{
	height: 100%;
	padding: 0;
}

html
{
	overflow: visible;
}*/

body
{
    /*overflow: auto;*/
	min-width: 640px;
    margin: 0 auto;
	font: normal 11px Verdana, Tahoma, Arial,  sans-serif;
    overflow: auto;
	background-color:#1e5db0;
	color: #444;
	/*height:100%;*/
	margin:20px auto;
}


.contentPaiement, .contentException
{
    float: left;
    margin: 0 auto;
    overflow: hidden;
    display: inline;
}

.header, .bodyContent, .generalContent, .bgException, .bgPaiement
{
    width: 985px;
    clear: left;
	background: #ffffff;
	margin:0 auto;
}

.bodyContent
{
	background: #dcecf8;
	float:left;
	height:auto;
	min-height:500px;
}

.generalContent
{
	height:auto;
}

.contentPaiement, .contentException
{
	width: 985px;
    background: #ffffff;
}

.contentException
{
	min-height:200px;
	margin:0 auto;
}

.lien {
	color:black;
	font-weight: bold;
	text-decoration:none;
}

/* ----------------------------------- */
/*             HEADER / FOOTER         */
/* ----------------------------------- */

.header h1
{
	background-color:#ffffff;
	color:#1e5db0;
}

h1
{
	margin: 0;
	padding: 0;
	min-height: 0;
	text-decoration: none;
	font: bold 16px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	padding: 10px 0 10px 10px;
	height: 25px;
}


img, a img
{
    border: none;
}

.footer
{
	width: 982px;
    clear: left;
	background: #ffffff;
	padding-top:7px;
	padding-left:3px;
    height: 20px;
	font-size:10px;
}


/* ----------------------------------- */
/* 				EXCEPTION			   */
/* ----------------------------------- */

.bgException
{
	height:500px;
	background-color:#ffffff;
	float:left;
}
.bgPaiement
{
	height:500px;
	background-color:#d9eaf7;
	float:left;
}

div.exception
{
	width: 500px;
	margin:200px auto;
	height:auto;
	text-align:center;
	padding:10px 0px;
	border:1px solid;
	border:1px solid #990000;
	background-color:#ffcdcd;
}

div.exceptionLayout
{
	width: 500px;
	margin:200px auto;
	height:auto;
	text-align:center;
	padding:20px 0px;
	border:1px solid;
	border:1px solid #990000;
	background-color:#ffcdcd;
}

div.exceptionLayout h2
{
	text-indent:30px;
	text-align:left;
	color:#990000;
	margin:0px;
}

div.exceptionLayout p
{
	padding:20px 0px;
}

div.exception h2
{
	text-indent:30px;
	text-align:left;
	color:#990000;
	margin:0px;
}

div.exception pre
{
	text-align:justify;
	padding:0px 5px;
	font: normal 11px Verdana, Tahoma, Arial,  sans-serif;
}

div.exception input
{
	width:auto;
}


/* ----------------------------------- */
/* 				CORRECTION					*/
/* ----------------------------------- */

.radio, .checkbox
{
	border:none;
	width:auto;
}


/* ----------------------------------- */
/* 			STYLE TEMPLATE					*/
/* ----------------------------------- */


p
{
	margin: 0px 0px;
	padding:0px 0px;
}

input
{
	height:20px;
	border:0px solid #1e5db0;
	margin:1px;
	width:190px;
}

select
{
	width:192px;
	border:0px solid #1e5db0;
	height:22px;
	z-index:1;
}

label
{
	display: inline;
	float: left;
	font-weight: normal;
	text-align: right;
	padding-right:3px;
	padding-top:5px;
}





/* ----------------------------------- */
/* 	Div rightContent/leftContent		*/
/* ----------------------------------- */

.rightContent, .leftContent
{
	padding-top:15px;
}

.rightContent
{
	float: right;
	min-height:600px;
	width: 725px !important;
	width: 720px;
	/*background: #E0EEFB; *//*url(../images/layout/bottom.png) repeat-x 0 0;*/ /* couleur fond du contenant */
	background-color:#dcecf8;
	/*border:1px solid #FF0000;*/
}

.rightContent label
{
	cursor:pointer;
	width:40%;
}


.leftContent
{
    float: left;
    margin: 0 auto;
    overflow: hidden;
    display: inline;
	width: 259px;
    clear: right;
	/*border:1px solid #00FF00;*/
	border-right:1px solid white;
	 /*background: url(../images/layout/bottom.png) repeat-x scroll 0 0;*/
}

.subContentRight, .subContentLeft
{
	float:left;
	width:362px !important;
	width:358px;
}

.footerForm
{
	float:left;
	text-align:center;
	width:100%;
	height:30px;
	padding-top:5px;
	bottom:0px;
}

.calendarFooterForm input
{
	width:auto;
}

/* ----------------------------------- */
/* 					Fieldset					*/
/* ----------------------------------- */


fieldset
{
    padding: 2px 2px 10px 2px;
	border: 1px solid #1e5db0;
	margin:0 auto;
}

legend
{
    line-height: 100%;
    padding: 3px 5px;
    margin: 0 0 0 20px;
    font-weight: bold;
    text-align: center;
	background: #1e5db0;
    border: 1px solid #1e5db0;
    color: #ffffff;
}

.fieldsetLine
{
	margin:0px 5px;
	background-color:#d9eaf7;
}

.fieldsetAdresseFac
{
	margin:0px 5px;
	width:335px;
}

.fieldsetMini
{
	width:345px !important;
	width:342px;
	margin:0px 5px;
	background-color:#d9eaf7;
}

.fieldsetMini p
{ 
	vertical-align:top;
}

.valider
{
	width:250px;
	background-color:#1e5db0;
	color:white;
	font-weight:bold;
}


fieldset textarea
{
	border:0px solid #1e5db0;
	*width:325px;
}

fieldset#fsCoordonnees .question
{
	height:22px;
	padding-top:5px
}

#slideAccompagnant
{
	overflow:hidden;
}

fieldset#fsAccompagnant h3
{
	/*font-weight:normal;*/
	padding:10px 0px 0px 5px;
	margin:0px auto;
	border-bottom:0px dotted #1e5db0;
	text-align:left;
	font-size:12px;
}

fieldset#fsAccompagnant p
{
	height:25px;
}

fieldset#fsSupplement p
{
	height:25px;
	padding-left:3px;
}

fieldset#fsSupplement label
{
	float: none;
	width:250px;
	font-weight:normal;
}

fieldset#fsSupplement span
{
	width:332px;
	text-align:center;
	display:block;
}

/* ----------------------------------- */
/* 				tpl							*/
/* ----------------------------------- */

.coordonneesLeft
{
	float:left;
	height:auto;
	width:50%;
}

.coordonneesRight
{
	float:left;
	height:auto;
	width:50%;
}

.bgDiv
{
	/*background:#FFFBDF url(../images/layout/info.gif) no-repeat scroll right bottom;*/
	border-right:0px solid #FFFFFF;
	margin:0px 0px 10px 0px;
	padding:0px 0px;
	width:260px;
	float:left;
}

/* ----------------------------------- */
/* 			SBOX BIEN/STRUCTURE			*/
/* ----------------------------------- */

span.title
{
	/*border-bottom:1px dotted #ffffff;*/
	background-color:#1e5db0;
	color:#ffffff;
	float:left;
	height:20px;
	padding-left:3px;
	padding-top:5px;
	margin:0px 0px 5px 0px;
	width:98%;
	font-weight:bold;
	
}

p.structureInfo
{
	padding-left:5px;
	padding-bottom:5px;
}

#detailStructure
{
	cursor:pointer;
	margin-left:215px;
	top:-18px;
	position:relative;
}

.bienLineLeft
{
	height:21px;
	width:80%;
	float:left;
	padding-top:4px;
	text-indent:5px;
}
.bienLineRight
{
	height:25px;
	width:20%;
	float:left;
}

.bienLineRight input
{
	width:18px;
	height:18px;
	border:none;
}
.bienLineRight img
{
	cursor:pointer;
	width:18px;
	height:18px;
	border:none;
}
#divBien input.libelle
{
	width:230px;
	height:25px;
	border:none;
	background-color:#dcecf8;
	text-align:left;
	font: normal 11px Verdana, Tahoma, Arial,  sans-serif;
	cursor:pointer;
	border-bottom:1px solid white;
}

#divBien input.libelle:hover
{
	background-color:#ffffff;
	border-bottom:1px solid white;
}

#divBien input.libelle:active
{
	background-color:#ffffff;
}

#divBien input.detail
{
	width:18px;
	height:18px;
	cursor:pointer;
	border:none;
}

/* ----------------------------------- */
/* 				BOX CALENDAR				*/
/* ----------------------------------- */

.calendarFooter
{
	width:250px;
	float:left;
	margin-top:10px;
	padding:2px;
	background-color:#d9eaf7;
}

.legendeNonDispo, .legendeSemaine, .legendeNuite, .legendeArrivee, .legendeDepart
{
	width:27px;
	height:15px;
	border:1px solid #88B2C9;
	display:inline-block;
}

.legendeNonDispo
{
	background-color:#AB090B;
}

.legendeSemaine
{
	background-color:#AED947;
}

.legendeNuite
{
	background-color:#AAE4E3;
}

.legendeArrivee
{
	background:url(../images/template/samLongFin.png);
}

.legendeDepart
{
	background:url(../images/template/samLongDeb.png);
}

.libelleBien {
	margin-top:10px;
	width:193px;
	text-align:center;
	font-weight:bold;
}

.calendarMonth
{
	float:left;
	margin:0px 0px 0px 0px;
	top:0;
	width:30px;
	padding:70px 0px 0px 0px;
}

.calendarMonth span
{
	background-color:#ffffff;
	color:#4C5053;
	height:18px;
	width:30px;
	border:0px dotted #4C5053;
	margin:1px 0px;
	padding-top:2px;
	text-align:center;
	float:left;
}

.calendarMonth span:hover 
{
	background:#c0c0c0 none repeat scroll 0 0;
	cursor:pointer;
}

.calendarJourTop
{
	width:220px !important;
	width:215px;
	float:left;
	margin-left:5px;
	margin-top:30px;
}

.calendarJourBottom
{
	width:220px !important;
	width:215px;
	float:left;
	margin-left:5px;
}

.calendarJourTop
{
	height:55px;
}

.calendarJourTop img
{
	cursor:pointer;
}

.calendarJourTop label
{
	width:55px;	
	text-align:left;
	height:15px;
	padding-top:3px;
}
.calendarJourTop p
{
	margin:0px;
}

.inputDate
{
	border-bottom:1px solid #444444;
	height:15px;
	width:120px;
	background-color:#dcecf8;
	color:#444444;
	text-align:center;
}

/* ----------------------------------- */
/* 				PAGE DETAILS				*/
/* ----------------------------------- */


.diaporama
{
	margin-top:60px;
	position:absolute;
	background-color:#d9eaf7;
	border:0px solid #1e5db0;
	z-index:300000000;
	/*display:none;*/
}


.diaporama div
{
	border:1px solid #1e5db0;
	background-color:#F1F7FE;
	/*display:none;*/
}


#btnCloseDetails
{
	cursor:pointer;
	position:relative;
	margin:0;
	left:780px;
	top:5px;
}



.detailsDescriptif
{
	width:460px;
	margin-left:10px !important;
	margin-left:5px;
	float:left;
	height:auto;
}

.detailsDescriptif h2
{
	font-size:12px;
	margin:20px 0px 20px 0px;
}

.detailsDescriptif p
{
	margin:5px 0px;
	text-align:justify;
}

.detailsPicture
{
	float:right;
	width:320px;
	height:auto;
	margin:45px 10px 0px 0px !important;
	margin:45px 5px 0px 0px;
	text-align:right;
	cursor:pointer;
}

.detailsPicture img
{
	padding:1px;
	width:150px;
	height:115px;
}

.detailsRow, .detailsHeader
{
	width:780px;
	margin:0 auto;
	height:auto;
	float:left;
	margin:15px 0px 0px 10px !important;
	margin:15px 0px 0px 5px;
}

.detailsHeader h2
{
	font-size:12px;
	text-indent:10px;
}

.detailsRow h2
{
	font-size:12px;
	text-indent:0px;
	border-bottom: 1px solid;	
}
.detailsRow p
{
	text-align:justify;
}


/* ----------------------------------- */
/* 				ASSURANCE					*/
/* ----------------------------------- */


.assuranceLine
{
	width:335px;
	width:345px !important;
	float:left;
	text-align:center;
	height:105px;
}

.assuranceLine textarea
{
	
	height:100px;
	border:0px solid #1e5db0;
	margin-left:0px !important;
	width:340px !important;
	width:333px;
	/*margin-left:3px;*/
}

.assuranceLineLeft
{
	height:25px;
	width:320px !important;
	width:315px;
	float:left;
	text-indent:5px;
}
.assuranceLineLeft label
{
	width:auto;
	float:none;
	font-weight:normal;
}

.assuranceLineRight
{
	height:25px;
	width:25px;
	float:left;
	text-align:left;
}

.assuranceLineRight input
{
	width:auto;
	border:none;
}




/* ----------------------------------- */
/* 					CALENDAR					*/
/* ----------------------------------- */


.calandarContent1, .calandarContent2
{
	width:auto;
	padding: 0;
	height:auto;
	float:left;
	/*border:1px solid red*/
}

.calandarContent1
{
	margin:10px 0px 2px 2px !important;
}

.calandarContent2
{
	margin:10px 0px 2px 2px !important;
}

.calendarJourBottom h3
{
	font-weight:normal;
	font-size:10px;
	text-align:center;
	margin: 0px 0px;
}

.calendarJourBottom li
{
	list-style: none;
	float : left;
	height:15px;
	margin:1px;
	text-align:center;
}

.calendarJourBottom ul
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	float:left;
}
.calendarJourBottom ul.line li.longSojournBefore
{
	background:url(../images/template/samLongFin.png);
	cursor:default;
	color:#FFFFFF;
}

.calendarJourBottom ul.line li.longSojournAfter
{
	background:url(../images/template/samLongDeb.png);
	cursor:default;
	color:#FFFFFF;
}
.calendarJourBottom ul.line li.shortSojournBefore
{
	width:27px !important;
	width:26px;
	height:15px;
	background:url(../images/template/samShortFin.png);
	cursor:default;
	color:#FFFFFF;
}

.calendarJourBottom ul.line li.shortSojournAfter
{
	width:27px !important;
	width:26px;
	height:15px;
	background:url(../images/template/samShortDeb.png);
	color:#FFFFFF;
}

.calendarJourBottom .line li
{
	border:1px solid #88B2C9;
	width:27px !important;
	width:26px;
	font-size:10px;
}

.calendarJourBottom .title li 
{
	border:none;
	width:29px;
	font-size:10px;
	font-weight:normal;
}


.existingDay, .noExistingDay, .dispo
{
	font-size:11px;
	text-align:center;
}


/* ------------- NOUVELLES CLASSES : ------------- */


.dispo
{
	background-color:#AED947;
	cursor:pointer;
}



.dispoShort
{
	background-color:#AAE4E3;
}

.dispo
{
	background-color:#AED947;
}


.nonDispo
{
	background-color:#AB090B;
	color:#FFFFFF;
	cursor:default;
}





/* -------------------------------------------- */
/*  						RECAP 		 					*/
/* -------------------------------------------- */

#resultForm
{
	background:#d9eaf7;
}

#resultForm fieldset
{
	margin:20px 10px;
}

#fsReservation p
{
	width:100%;
	text-align:center;
}

#fsReservation div.droit, div.montantDroit, div.titreDroit, div.totalDroit
{
	float:left;
	height:auto;
	text-indent:0px;
	width:102px;
	text-align:center;
}

#fsReservation div.droit
{
	padding-right:25px;
	width:77px;
	text-align:right;
}

#fsReservation div.titreDroit
{
	border-bottom:1px dotted #FFFFFF;
	height:18px;
	padding-top:4px;
	font-weight:bolder;
	text-indent:0px;
}

#fsReservation div.montantDroit
{
	border-top:1px solid #FFFFFF;
	font-weight:bolder;
	padding-right:25px;
	width:77px;
	text-align:right;
}

#fsReservation div.totalDroit
{
	padding:10px 25px 10px 0px;
	border-top:1px dotted #FFFFFF;
	font-weight:bolder;
	color:#dc0606;
	width:77px;
	text-align:right;
}

#fsReservation div.gauche, div.montantGauche, div.titreGauche, div.totalGauche
{
	float:left;
	height:auto;
	text-indent:10px;
	width:400px;
	border-right:1px dotted #FFFFFF;
}

#fsReservation div.titreGauche
{
	border-bottom:1px dotted #FFFFFF;
	text-indent:10px;
	height:18px;
	padding-top:4px;
	font-weight:bolder;
}

#fsReservation div.montantGauche
{
	font-weight:bolder;
	text-align:right;
	width:395px;
	padding-right:5px;
}

#fsReservation div.totalGauche
{
	padding:10px 0px 10px 0px;
	border-right:1px solid #FFFFFF;
	border-top:1px dotted #FFFFFF;
}

#fsReservation div.cadreResa
{
	height:auto;
	float:left;
	text-indent:10px;
	margin-left:105px !important;
	margin-left:55px;
	width:504px;
	margin-top:20px;
	border:2px solid #FFFFFF;
}

#fsReservation div.ligneResa
{
	border-bottom:1px dotted #FFFFFF;
	border-top:1px dotted #FFFFFF;
	width:100%;
	float:left;
	padding-top:10px;
}

#acceptCgv
{
	text-align:center;
}

#acceptCgv label
{
	float:none;
}

#textareaCommetaireFront
{
	width:335px !important;
	margin:0px 5px;
	width:320px;
}

#textareaCommetaire
{
	width:350px;
}

#textareaCGV
{
	width:710px;
}

div.cadreAcco
{
	border: 1px dotted #FFFFFF;
	width:224px;
	margin:3px 6px 3px 6px;
	float:left;
}

div.cadreAcco h3
{
	border-bottom: 1px dotted #FFFFFF;
	padding:2px;
	margin:5px 0px 5px 0px;
	text-indent:10px;
}
div.cadreAcco p
{
	padding:2px;
}


/* --------------------------------------------------- */
/* 							PAIEMENT ATOS 		 				 */
/* --------------------------------------------------- */
.cadrePaiement
{
	width:650px;
	height:auto;
	text-align:center;
	padding:30px 10px;
	border:1px solid #1e5db0;
	margin:200px auto;
	/*background:#E0EEFB url(../images/layout/bg-form.jpg) no-repeat scroll right top;*/
}
.cadrePaiement img
{
	width:auto;
	height:auto;
}
.cadrePaiement input
{
	width:auto;
	height:auto;
}


/* --------------------------------------------------- */
/* 						 REPONSE		 			             */
/* --------------------------------------------------- */


#divCtResponse
{
	background-color:#d9eaf7;
}

#divCtException
{
	background-color:#d9eaf7;
}