/* CSS Document */

.popupInfoCTA{
	position: relative;
	left: 0;
	display: inline-block;
	background: url("../images/rebranding/icon/i_green.svg") no-repeat 50%;
	height: 18px!important;
	width: 18px!important;
	top: 6px;
	margin: 0 0 3px 0;
	cursor: pointer;

}

.popupInfo{
	position: absolute;
	width:312px!important;
	padding: 56px 18px 28px 18px;
	background: #FFFFFF;
	border: 1px solid #DADADA;
	border-radius: 4px;
	left: 0;
	text-align: left;
	z-index: 1;
	font-size: 14px;
}
#Coordonne div#DataPrix  #popupInfo{display: none;}


.popupInfo .close{ width: 32px !important; height: 32px!important; cursor: pointer; position: absolute; top: 8px; right: 11px; cursor:point; background: url("../images/rebranding/icon/closeModal.svg") center center no-repeat;}

.popupInfo .value, .popupInfo .sousValue{text-align: right;}

.popupInfo .sousLabel, .popupInfo .sousValue{
	font-weight: normal;
	font-style: italic;
}
.popupInfo .sousLabel{padding: 0 0 0 10px;}

.popupInfo .remarqueInfo{color: #979797; font-size: 12px; width: inherit!important; font-weight: normal; margin: 20px 0 0 0;}




form {
	margin:0px;
	padding:0px;
}
h1 {
	padding:0px;
	margin:0px;
	color:#80a312;
	font-size:24px;
}
.clr {
	clear:both;
	font-size:0px;
}

p{font-size:11px;}
AdminProprio div {
	font-family:Verdana, Geneva, sans-serif;
}

/*Banner*/


#Banner img {
	float:left;
}
#Banner .Title {
	width:586px;
	padding-left:15px;
	float:left;
	height:60px;
	padding-top:40px;
	background-image:url(../images/Banner/Title.gif);
	background-repeat:no-repeat;
}
#Banner .Title b {
	font-size:14px;
	color:#818080;
	float:left;
}
#Banner .Title .Lng {
	float:right;
	margin-top:17px;
	height:15px;
	font-size:10px;
	font-weight:bold;
	color:#80a312;
}
#Banner .Title .Lng a {
	color:#80a312;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:2px;
	padding-right:2px;
	cursor:pointer;
}
#Banner .Title .Lng a.Cur {
	color:#ffffff;
	background:#80a312;
	text-decoration:underline;
}
/*Fin Banner*/


/*Middle*/


#Background{
	background-repeat:repeat-y;
	background-image:url(../images/Middle/Table/BackgroundTable.png);
	background-position:148px;
}

.BorderBottomBack{
	float:right; margin-right:11px;
}

/*#Menu .Position div {
	font-size:11px;
	height:14px;
	padding-top:2px;
	min-width:96px;
	font-weight:bolder;
	text-align:center;
	
	position:relative;
	margin-right:2px;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
}*/


.TLeft, .TRight {
	height:5px;
	width:5px;
	background-repeat:no-repeat;
	position:absolute;
	clear:both;
	font-size:0px;
	float:none;
	display: none;
}
.TLeft {
	background-image:url(../images/Middle/Onglet/CornerTL.gif);
	left:0;
}
.TRight {
	background-image:url(../images/Middle/Onglet/CornerTR.gif);
	right:0;
}
#Onglet div.OngletBisOff {
	background-image:url(../images/Middle/Onglet/OngletBisOff.gif);
	color:#FFF;
	width:231px;
	margin-right:147px;
}
#Onglet div.OngletBisOn {
	background-image:url(../images/Middle/Onglet/OngletBisOn.gif);
	color:#80a312;
	width:231px;
	margin-right:147px;
}
#Onglet div.Right {
	float:right;
	margin-right:0px;
	top: 1px;
}



#MenuMaisons{font-family: Lato; line-height: 170%;}
#MenuMaisons figure{text-align: center; width: 100%; display: block; margin: 5px 0;}
#MenuMaisons figure img{ border: 1px solid #fff; float: none;}
#MenuMaisons .BontonFiche {	background: #FBD7C9; color: #003F35; padding: 2px 0; font-size: 14px; margin: 10px 0 0 0; border-radius: 4px; display: block; text-align: center;}
#MenuMaisons .Select .BontonFiche{background: #003F35; color: #FBD7C9;}
#MenuMaisons #List{position: relative; z-index: 2;}
#MenuMaisons .Title b{font-weight: normal; color: #fff;}
#MenuMaisons .Select .Title b{color:#1d1d1b;}
#MenuMaisons .Title a{font-size: 14px;}
#MenuMaisons .SousImg {font-size: 14px;}
#MenuMaisons .SousImg div{display: inline-block; vertical-align: middle;}
#MenuMaisons .SousImg .Etoile{margin: 0 0 0 5px;}

#MenuMaisons .Detail {background:#003F35; color: #fff; margin-left: 10px;}
#MenuMaisons .Cell{border-bottom: 1px solid #fff; cursor: pointer;}
#MenuMaisons .Cell:last-child .Detail{ border-radius:0 0 4px 4px;}
#MenuMaisons .Detail, #MenuMaisons .Select{ padding: 10px;}
#MenuMaisons .Select{background: #fff; cursor: default; border-top: 1px solid #003F35;border-left: 1px solid #003F35;border-bottom: 1px solid #003F35; border-radius: 4px 0 0 4px;}
/*
#MenuMaisons .Top {
	height:6px;
	font-size:0px;
	width:100%;
	background-image:url(../images/Middle/Maisons/MenuMaisonsTop.gif);
	background-repeat:no-repeat;
}
#MenuMaisons .Bottom {
	height:6px;
	width:100%;
	font-size:0px;
	background-image:url(../images/Middle/Maisons/MenuMaisonBottom.gif);
}
#MenuMaisons .Detail {
	width:100%;
	padding-top:6px;
	cursor:pointer;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	padding-bottom:5px;
}
#MenuMaisons .Detail div {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-top:2px;
}
#MenuMaisons .Cell{margin-bottom: 20px;}
#MenuMaisons .Title {
	text-align:center;
}
#MenuMaisons .Title a {
	color: #1d1d1b;
}
#MenuMaisons .Detail img {
	border:1px solid #FFF;
	width:100%;
}
#MenuMaisons .Detail .Title a {
	color:#FFF;
}
#MenuMaisons .SousImg {
	width:106px;
	margin-left:auto;
	margin-right:auto;
	margin-top:9px;
}
#MenuMaisons .SousImg div {
	width:50%;
	float:left;
}
#MenuMaisons .SousImg div.Etoile img {
	border:none;
	float:right;
	margin:0px;
	margin-top:4px;
	width:auto;
}

#MenuMaisons .Select {
background: #fff;
	border-top:1px solid #003f35; border-radius: 4px 0 0 4px;
	position: relative;
}

#MenuMaisons .Select div {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-top:2px;
}
#MenuMaisons .Select img {
	border:1px solid #FFF;
	margin-left:22px;
	margin-top:2px;
	width:100px;
}*/

#Table img.Corner {
	float:right;
}
#Table #Calendrier {
margin: 1rem 0;
}
.Date div {
	display: inline-block;
	vertical-align: middle;
	font-weight:bold;
}
.Date div.ZoomDate {
	float:right;
	padding-right:8px;
	margin-right:15px;
}

.Date div.ZoomDate div {display: inline-block;}
.Date div.ZoomDate .ZoomPV, .Date div.ZoomDate .ZoomMG {height: 20px; width: 20px; background: #FBD7C9; border-radius: 50px; color: #003F35; position: relative;}
.Date div.ZoomDate .ZoomPV:before, .Date div.ZoomDate .ZoomMG:before {  position: absolute; top: -1px; font-weight:normal;height: 20px; width: 20px; text-align: center; line-height: normal;}
.Date div.ZoomDate .ZoomPV:before{content: "+"; left: 1px;}
.Date div.ZoomDate .ZoomMG:before{content: "-"; left: -1px;}
.Date div  {
	cursor:pointer;
	float:none;
	margin-left:5px;
	margin-right:5px;
}
#Table #Calendrier .GlobalDetail {
	margin-top:8px;
	margin-left:-3px;
	line-height: normal;
}
#Table #Calendrier .GlobalDetail .Detail {
	height:103px;
	width:169px;
	padding:2px;
	float:left;
	margin-right:7px;
	border:1px solid #FFF;
}
#Table #Calendrier .GlobalDetail .Detail .CalendrierJourn:hover>.Month {
	border:1px solid #98060a;
	margin: -1px;
	margin-bottom: 0px;
	padding: 0px;
}
#Table #Calendrier .Zoom .Detail .CalendrierJourn:hover>.Month {
	border:1px solid #98060a;
	margin: -1px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 3px;
}
#liste tr:hover>td {
	background-color:#bdd27c;
	color:#FFFFFF;
}
#Table #Calendrier .GlobalDetail .DetailSelect {
	height:103px;
	width:169px;
	padding:2px;
	float:left;
	margin-right:7px;
	border:1px solid #98060a;
}
#Table #Calendrier .GlobalDetail .CalendrierJourn {
	border:1px solid #003F35;
	width:167px;
	font-size:10px;
	color:#333;
}
#Table #Calendrier .GlobalDetail .CalendrierJourn .Month {
	text-align:center;
	height:13px;
	padding-top:1px;
	font-weight:bold;
}
#Table #Calendrier .GlobalDetail .CalendrierJourn .Day {
	background-color:#003F35;
	height:13px;
	padding-top:1px;
	color:#FBD7C9;
	padding-left:20px;
}
#Table #Calendrier .GlobalDetail .CalendrierJourn .Day Div {
	float:left;
	width:20.5px;
	text-align:center;
}
#Table #Calendrier .GlobalDetail .CalendrierJour div {
	width:20.5px;
	float:left;
	text-align:center;
	height:12px;
	background-size: cover;
}
#Table #CalendrierForm {
	position:absolute;
	font-family:Lato;
	color:#1d1d1b;
	font-size:11px;
	width:160px;
	background-repeat:no-repeat;
	display:none;
	margin-left:96px;
	margin-top:-0px;
	z-index: 8;
	background:#fff;
}
#Table #CalendrierForm div.NbrSemaine {
	width:20px;
	border-right:1px solid #003F35;
	background-color:#c4c4c4;
	color:#FFF;
}
#Table #CalendrierForm .Month img {
	float:none;
	display:inline;
	cursor:pointer;
	margin: 0 4px;
}
#Table #CalendrierForm .Month img.Close {
	position:absolute;
	right:0;
	margin: 0;
	top: 0;
}
#Table #CalendrierForm .Month div {
	text-align:center;
}

#Table #CalendrierForm .GlobalDetail .DetailSelect {
	height:103px;
	width:156px;
	padding:2px;
	float:left;
	margin-right:3px;
	border:1px solid #98060a;
}
#Table #CalendrierForm .GlobalDetail .CalendrierJourn {
	border:1px solid #003F35;
	font-size:10px;
	color:#1d1d1b;
}
#Table #CalendrierForm .GlobalDetail .CalendrierJourn .Month {
	text-align:center;
	height:30px;
	padding-top:1px;
	font-weight:bold;
	font-size: 12px;
}
#Table #CalendrierForm .GlobalDetail .CalendrierJourn .Day {
	background-color:#003F35;
	height:27px;
	padding-top:1px;
	color:#FBD7C9;
	padding-left:20px;
}
#Table #CalendrierForm .GlobalDetail .CalendrierJourn .Day Div {
	float:left;
	width:19px;
	text-align:center;
}
#Table #CalendrierForm .GlobalDetail .CalendrierJour div {
	width:19px;
	float:left;
	text-align:center;
	height: 12px; line-height: 12px;
}
#Table #Calendrier .Zoom {
	margin-top:8px;
	padding-left:92px;
}
#Table #Calendrier .Zoom .Detail {
	width:319px;
	padding:2px;
	border:1px solid #FFF;
	float:left;
}
#Table #Calendrier .Zoom .DetailSelect {
	width:319px;
	float:left;
	padding:2px;
	border:1px solid #FFF;
	border:1px solid #98060a;
}
#Table #Calendrier .Zoom .CalendrierJourn {
	border:1px solid #003F35;
	width:318px;
	font-size:10px;
	color:#1d1d1b;
}
#Table #Calendrier .Zoom .CalendrierJourn .Month {
	text-align:left;
	padding-left:44px;
	padding-top:4px;
	font-weight:bold;
	font-size: 14px;
}
#Table #Calendrier .Zoom .CalendrierJourn .Day {
	background-color:#003F35;
	height:28px;
	padding-top:2px;
	color:#FBD7C9;
	padding-left:20px;
	margin-bottom:1px;
}
#Table #Calendrier .Zoom .CalendrierJourn .Day Div {
	float:left;
	width:42px;
	text-align:center;
}
#Table #Calendrier .Zoom .CalendrierJour div {
	width:41px;
	float:left;
	height:23px;
	border:1px solid #eaeaea;
	margin-top:-1px;
}
#Table #Calendrier .Zoom .CalendrierJour div.JourCours {
	border:2px solid #80a312;
	height:20px;
	width:38px;
	margin-left:0px;
}
#Table #Calendrier .Zoom .CalendrierJour .PopCell, #Table #Calendrier .GlobalDetail .CalendrierJour .PopCell, #TouteMaisons .GlobalDetail .CalendrierJourn .PopCell {
	background-color:#FFF;
	height:auto;
	width:auto;
	padding:5px;
	border:1px solid #80a311;
	display:none;
	text-align:center;
	float:none;
	z-index:20;
	position:absolute;
	cursor:default;
	width:auto;
	height:auto;
}
.PopCell ul, .PopCell li {
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
}
.PopCell img {
	float: none;
	margin-top:2px;
	margin-left:5px;
	position:absolute;
}
.PopCell li {
	margin-top:3px;
	margin-bottom:3px
}
.PopCell a, #TouteMaisons .GlobalDetail .CalendrierJourn .PopCell a {
	text-decoration:none;
	color:#333;
}
.noSelectedCalendrier {
	font-weight:normal;
	opacity : 0.7;
	filter : alpha(opacity=70);
}
.SelectedCalendrier {
	opacity : 1.0;
	filter : alpha(opacity=100);
}
.SelectedCalendrier {
	opacity : 1.0;
	filter : alpha(opacity=100);
	font-weight: bold;
}
#Table #Calendrier .Zoom .CalendrierJour div.NbrSemaine {
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:center;
	width:21px;
	margin-left:0px;
	margin-right:1px;
}
#Reservation {

	margin-top:17px;
	border-top:0px;
}

/*#Onglet {
	background-image:url(../images/Middle/Onglet/BackgroundBorder.gif);
	background-repeat:repeat-x;
	height:16px;
	padding-top:1px;
}*/

#Reservation #ContDetail {
}
.ContDetail .Img img {
	float:left;
	margin-right:10px;
	border:1px solid #404040;
	height:41px;
	width:62px;
}
.ContDetail .Img .clr {
	float:none;
	margin:0px;
}
.ContDetail .Img div {
	font-style:italic;
	float:left;
	color:#999999;
	margin-top:15px;
}
.ContDetail .Img {
padding: 1rem;
}

#Reservation .Title {
	font-weight:bold;
	padding-left:5px;
	position: relative;
}
#Reservation .Title b {
	float:none;
}
#Reservation .Ref {
	display: inline-block;
	margin-right:3px;
	font-weight:normal;
	vertical-align: middle;
	text-align: right;
	position: absolute;
	right: 0;
}
#Reservation .Ref div.cta{ background: #f1f1f1;	border-radius: 50%;	height: 17px; border: 0; padding: 3px 0 0 0; width: 20px; 	text-align: center;	margin: 0 5px; display: inline-block;}

#Reservation #tableCharge {
	border-collapse:collapse;
}
#Reservation #tableCharge input {
	max-width: 60px;
	text-align: right;
}
#Reservation #tableCharge input.totaltvac {
	max-width: 80px;
}
#Reservation #tableCharge td {
	border:1px #eaeaea solid;
	padding:3px;
	box-sizing: border-box;
}
#Reservation #tableCharge #totalCharge td {
	border: 0;
}
#AjoutLigne td{border: 0!important;}

#Reservation #tableCharge .intitulcharge td{text-align: center;}
#Reservation #tableCharge td img {
	cursor:pointer;
}
#Reservation #tableCharge td.NoBroderRight {
	border-right:0px; text-align: left;
}
#Reservation #tableCharge td.NoBroderLeft {
	border-Left:0px; text-align: left;
}
#Reservation #tableCharge td.Total {
	padding-right:20px;
	color:#666;
}
#Reservation #tableCharge td.NoBorderTop {
	border-top:0px;
}
.PlusForm, .MoinsForm{background: #FBD7C9; color: #003F35; height: 18px; cursor: pointer; width: 18px; border-radius: 50%; display: inline-block; line-height: 16px; text-align: center; }
#Reservation #tableCharge td div.AjoutCharge {
	cursor:pointer; text-align: left;
}
#DataPrixCharge input{width: 300px; display: inline-block; vertical-align: middle;}
#Reservation #tableCharge td div.AjoutCharge img {
	margin-right:5px;
}
#Reservation .Ref img {
	float:left;
	margin-top:1px;
}
#Reservation .Ref span {
	display: inline-block;
	margin-left:7px;
	margin-right:8px;
	vertical-align: middle;
}
#Reservation .Ref div {
	height:13px;
	width:24px;
	float:none;
	border:1px solid #333333;
	display: inline-block;
	vertical-align: middle;
	margin: 7px 0 0 20px;
}
.ContDetail #ResaAe {
	padding-top:6px;
}
.ContDetail #ResaAe .Title {
	min-height:26px;
	padding-top:5px;
	padding-bottom:5px ;
	background: #FBD7C9;
	margin-bottom:10px;
	color: #003F35;
}
.ContDetail .newResaDate{padding: 0 18px;}
.ContDetail .newResaDate input {
display: inline-block; width: 200px;
}
.ContDetail #ResaAe .Title .Ref b {
	margin-top:0px;
}
.Cont .Title{background: #eaeaea;}
.ContDetail #ResaAe .Title  b span{display: block; color: #80a312; margin: 0 0 7px 0;}
.ContDetail #ResaAe .Title b {
	margin-top:5px;
}
.ContDetail #ResaAe .Title .Ref img {
	cursor:pointer;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.ContDetail #ResaAe  img.Etape {
	margin-left:50px;

}
.ContDetail #ResaAe img {
	float: none;
	vertical-align: middle;
	display: inline-block;

}
.ContDetail #ResaAe .Etape b {
	float:left;
	margin-top:4px;
	padding-left:46px;
}
#Coordonne .Title {

	margin:1.5rem 0 0 0;background:#eaeaea; position: relative; padding: 8px 0; min-height:27px;
}

#Reservation .Title.client_ResaProVA, #Coordonne div.Data.client_ResaProVA{display: none;}

#Coordonne .Title div {
	position: absolute; right: 5px; top: 6px; cursor:pointer;
}

#Coordonne .Title div.Promo {
	width:52px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:1px;
	margin-top:-1px;
	margin-right:162px;
}

#Coordonne div.Data {
	padding: 1rem 0;
}
#Coordonne div#Data {
	margin-top:5px;
}
#Coordonne div#Data .Compo {
	width:85px;
	text-align:right;
}

#Coordonne div#Data div.Space {

	width:50px;
	height:13px;
}
#Coordonne div#Data .clr {
	width:100%;
	float:none;
}
#Coordonne div#DataCompo {
	margin-top:5px;
	margin-left:8px;
	display:none;
}
#Coordonne div#DataCompo div {
	display: inline-block; vertical-align: top;
}
#Coordonne div#DataCompo #Boutons .button{margin: 30px 10px;}


#Coordonne div#DataCompo div.Colonne{ padding: 0 18px; width: 25%;}
#Coordonne div#DataCompo div.Colonne.transcriptionObjetSejour{width: 50%;}
#Coordonne div#DataCompo div.Compo {
	width:115px;
	text-align:right;
}
#Coordonne div#DataCompo div.Space {
	float:left;
	width:94px;
	height:13px;
}
#Coordonne div#DataCompo .clr {
	width:100%;
	float:none;
}
#Coordonne div#DataPrix {

	display:none; padding: 1rem 18px;
}
#Coordonne div#DataPrix .FormPrix {
	width:160px;
}
#Coordonne div#DataPrix .TitlePrix {
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #efefef;
	width: 100%;
	margin: 15px 0 10px 0;
	font-size: 18px;
	font-family: "DM Serif Text";
}

#Coordonne div#DataPrix div.chargeDetail{width: 100%;}
#Coordonne div#DataPrix div.chargeDetail div.Line:last-child{border: 0;}
#Coordonne div#DataPrix div.Line, #Coordonne div#DataPrix div.LineHover {

	float:none; width: inherit;display: block; padding: 1px 0; position: relative;
	font-size: 14px;
}

#Coordonne div#DataPrix div.Line{border-bottom: 1px solid #e0e8e7;}
#Coordonne div#DataPrix div.Line b{margin: 0;}
#Coordonne div#DataPrix div.LineTotal {
	background:#f3f3f3;
	position:relative;
	float:none;
	width: inherit;
	margin: 1rem 0;
	padding: 5px 0;
	display: block;

}
#Coordonne div b{float: none; margin: 0 5px;}
#Coordonne div#DataPrix div.LineHover {

}

#Coordonne div#DataPrix .Total {
	text-decoration:overline;
	font-weight: bold;
}
#Atraiter #Coordonne div#DataPrix .Total {
	text-decoration:overline; margin: 0;
}
#Coordonne div#DataPrix input {
	width:63px;
	text-align:right;
}
#Coordonne div#DataPrix .clrform {
	height:3px;
	clear:both;
	float:none;
	font-size:0px;
}
#Coordonne div#DataPrix div {
	display: inline-block; width: 49%;
}
#Coordonne div#DataPrix div.PrixLocat {
	width:130px;
}
#Coordonne div#DataPrix div.Prix {
	text-align:right;
	text-align: right;
	position: relative;
}
#Coordonne div#DataPrix div.Prix.Promo{
	position: absolute; right: 93px;
}
div#DataPrix div.PromoCont {
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:2px;
	position:absolute;
	width: auto!important; left: 40%;
}
div#DataPrix .Promo {
	text-decoration:line-through;
	width:auto;
	margin-right:40px;
}
#Coordonne div#DataPrix div.Space {
	float:left;
	width:94px;
	height:13px;
}
#Coordonne div#DataPrix .clr {
	width:100%;
	float:none;
}
#Coordonne div#DataPrix #BoutonsPrix {
	height:23px;
	width:426px;
	margin-left:auto;
	margin-right:auto;
	margin-top:26px;
	display:none;
}
#Coordonne div#DataPrix .Boutons {
	height:23px;
	font-size:0px;
	background-color:#80a312;
	cursor:pointer;
	float:left;
}
#Coordonne div#DataPrix .Boutons img {
	float:left;
}
#Coordonne div#DataPrix .Boutons div {
	float:left;
	width:86px;
	height:19px;
	padding-top:4px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
#Coordonne div#DataPrix .Space {
	width:24px;
	height:23px;
	float:left;
}
#Coordonne #DataPrixCharge {
	margin-top:5px;
	margin-left:8px;
	padding-right:8px;
	display:none;
}
#DataPrixCharge .Type {
	float:left;
	width:120px;
}
#DataPrixCharge .PrixUnit {
	width:154px;
	float:left;
}
#DataPrixCharge .Consommation {
	width:104px;
	float:left;
}
#TableCharge, #TableChargeCell {
	margin-top:10px;
}
#TableChargeCell{position: relative;}
#confirmSaveCharge{
	background:#fff; position: absolute; width: 500px; padding: 50px; top: 44vh; text-align: center; left: 50%; margin-left: -250px; border-radius: 20px;
}
.backColor{position: fixed; top: 0; left: 0; right:0; bottom:0; background: #000; opacity: 0.5;}
#dialogueInfoSave{z-index: 3;
	position: fixed;
	height: 100vh;
	width: 100%;
	left: 0;
	top: 0;}
#confirmSaveCharge img{
	position: absolute; top: 20px; right: 20px;
}
#TableChargeCell td {
	padding-top:2px;
	padding-bottom:2px;
}
#TableChargeCell td.Total {
	background-color:#eaeaea;
	height:19px;
	vertical-align:middle;
	font-weight:bold;
	text-align:right;
}
.inputNombre{
	width:68px !important;
	text-align: right;
}
.inputTVA {
	width:30px;
	text-align: right;
}
#TableChargeCell .input {
	width:50px;
}
#TableChargeCell .Conso .input {
	margin-left:12px;
}
#TableChargeCell .PrixCharge {
	font-weight:bold;
}

#Boutons a {
	text-decoration:none;
	color:#FFF;
}
.ctaForm{text-align: center;}
#Boutons, .Boutons{display: inline-block;}
.Boutons {
	border-radius: 4px;
	font-size: 16px;
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	background: #003F35;
	color: #FBD7C9;
	margin: 20px;
}
.Boutons img {
	float:left; display: none;
}
.Boutons a {
	color: #FBD7C9;
}
.Space {
	width:24px;
	height:23px;
}
#Reservation #Contenu {
	border:1px solid #003F35;
padding: 1rem 0 0 0;
}
.boutNav {

	background: #f1f1f1; border-radius: 50%; height: 20px; width: 20px; text-align: center; margin: 0 5px;
}
#Reservation .ContResa .Select div {
	display: inline-block; vertical-align: middle;
}
#Reservation .ContResa .Select .month{text-decoration: underline;}

.boutNav img {
	display: inline-block;
	cursor:pointer;
	float: none;
	position: relative;
	top: 6px;
	width: 4px;

}
#Reservation .ContResa div.Form {
	float:right;
	color:#80a312;
}
#Reservation .ContResa .Select div.Form input {
	border:0px;
}
#ListeResa div {
}
#ListeResa .Tri {

}
#ListeResa .Tri div {
	margin-top:0px; text-align: center;
}
#ListeResa .Tri .Bouton div {
	float:none;
	margin-top:0px;
}
#ListeResa div.clr {
	height:0px;
	margin-top:0px;
}
#ListeResa div.ImgResa {
	margin-top:5px;
	margin-left:4px;
}
#ListeResa .Annu {
	text-decoration:line-through;
}
#ListeResa div.ResaBl {
	background-color:#ffffff;
}
#ListeResa div.ResaBl, #ListeResa div.ResaGr{font-size:14px; text-align: center; }
#ListeResa div.ResaBl [class*="col-"], #ListeResa div.ResaGr [class*="col-"]{padding: 0;}
#ListeResa div.ResaBl, #ListeResa div.ResaGr{text-align: center; padding: 15px  1rem; line-height: normal;}
#ListeResa .Tri [class*="col-"]{padding: 0;}
.infodetailTable div, .infodetailTable img{display: inline-block; float: none; vertical-align: middle; padding-left: 0!important; padding-right: 0!important;}
#ListeResa div.ResaBl a {
	text-decoration:underline;
	cursor:pointer;
}
#ListeResa .MaisName {
	text-align:center;

}
#ListeResa .Reference, #ListeResa .DateSej, #ListeResa .DetailResa {

}
#ListeResa div.Reference {

}
#ListeResa .DateSej {

}
#ListeResa .Intro {
	text-align:center;
}
#ListeResa .Etape {
	width:191px;
	text-align:center;
}
#ListeResa span {
	color:#999999;
}
#ListeResa div div {

}
#Reservation .ContResa {
}
#ListeResa div.ResaGr {
	background-color:#f6f6f7;
	color:#333333;
}
#ListeResa div.ResaGr a {
	text-decoration:underline;
	cursor:pointer;
}
#ListeResa span {
	color:#999999;
}
#ListeResa div.DetailResa a {
	color:#003F35;
	margin-left:5px;
	cursor:pointer;
	text-decoration:underline;
}
#ListeResa div.Date {
	margin-top:6px;
}
#ListeResa div.Facture {
	margin-top:0px;
	margin-left:50px;
}
#ListeResa div.FactureIcone {
	height:33px;
	width:23px;
	margin-left:15px;
	margin-right:15px;
	display: inline-block;
	vertical-align: top;
}
#ListeResa div.DetailResa{display: inline-block;}
#ListeResa img.Facture {
	margin-top:7px;
	margin-left:5px;
	margin-right:5px;
}
/*#ListeResa div.ResaAnnu div.Ref {
	margin-top:6px;
	font-size:10px;
	text-align:right;
	padding-right:10px;
}*/
#ListeResa div.ResaAnnu div.Ref a {
	font-size:11px;
	color:#bbbbbb;
}

#CoordonneDetail .adressMdv{background:#FBD7C9; padding: 20px; margin: 1rem 0;}
#CoordonneDetail .adressMdv h3{font-family: "DM Serif Text"; font-size: 24px; color: #003F35;}
#CoordonneDetail .adressMdv h3 span{font-size: 18px; display: block;}
#CoordonneDetail .CoordonneCadre{box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);}
#CoordonneDetail .CoordonneCadre .Title{background: #003F35; color: #FBD7C9;}
#CoordonneDetail .CoordonneCadre .Title span{display: block;}
#CoordonneDetail .CoordonneCadre div{padding: 1rem; font-size: 14px;}
#CoordonneDetail .dac7Box .ContCoord { text-align: center; }
#CoordonneDetail .dac7Box .ContCoord a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	background: #FBD7C9;
	color: #003F35;
	padding: 5px 0;
	text-decoration: none;
	border-radius: 4px;
	margin: 10px 0;
}
#CoordonneDetail .CoordonneCadre .dac7status {
	text-align: left;
	font-size: 12px;
	line-height: 17px;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 10px 10px 10px 40px;
	margin: 15px 0 0;
}
#CoordonneDetail .CoordonneCadre .dac7status0 {
	border-color : #EF9C01;
	background: url("../images/icons/warning.png") no-repeat 5px 10px;
}
#CoordonneDetail .CoordonneCadre .dac7status1 {
	border-color : #9EC22F;
	background: url("../images/icons/success.png") no-repeat 5px 10px;
}
#CoordonneDetail .dac7Box .ContCoord a:hover {
	color: #FBD7C9;
	background: #003F35;
}
#CoordonneDetail .CoordonneCadre .dac7status p:first-child {
	margin-bottom: 10px;
}
#CoordonneDetail .dac7Box .ContCoord .status { font-weight: bold; }
#CoordonneDetail .dac7Box .ContCoord .status-0 { color: #D96F0E; }
#CoordonneDetail .dac7Box .ContCoord .status--1 { color: #B42025; }
#CoordonneDetail .dac7Box .ContCoord .status-1 { color: #9CC813; }
}

/*D�but formulaire nouveau*/


input.Select, select#civilite, input#dateFrom, input#dateAu, input#dateFrom2, input#dateAu2, #nomLogin, #passLogin, #dateFrom3, #dateAu3 {

	font-style:normal; width: 90%;
}
#Comptable td, #Charge td, #Sejour td{vertical-align: middle;}
#clientDisabled {
	border:0px;
}

div.Colonne {
	display: inline-block;
	max-width: 50%;
	vertical-align: top;
	padding: 0 0 0 8px;
}
.ContDetail div.Colonne .Colonne {
	margin-right:0px;
}
.ContDetail div.Colonne .Colonne input{width: 50%!important; vertical-align: text-bottom;}

.ContDetail .Intitul {
	font-style:normal;
	color:#333;
}
.ContDetail .Num {
	width:32px;
}
.ContDetail .Cp {
	width:32px;
}
#Coordonne div#Data .clrform {
	height:3px;
	clear:both;
	float:none;
	font-size:0px;
	width:10px;
}
#Coordonne div#Data b.Form {
	padding-top:2px;
	vertical-align: top;
}
#Coordonne div#DataCompo .clrform {
	height:3px;
	clear:both;
	float:none;
	font-size:0px;
	width:10px;
	display: block;
}
#Coordonne div#DataCompo b.Form {
	padding-top:2px;
	width:auto;
	margin: 10px 0;
}
#Coordonne div#DataCompo input {
	display: inline-block; width: 35px; margin: 0 0 0 5px;
}
#Coordonne div#DataCompo .Communication {
	width:250px;
	height:67px;
	margin-left:0px;
}
/*Fin formulaire nouveau*/
/*d�but A traiter*/
#Reservation .Title select {
	margin-top:-2px;
	font-style:normal;
	font-weight:bold;
	color:#333;
	float:left;
}

.Tri {
	font-size:14px;
	color:#003F35;
	margin: 2rem 0 0 0;
	padding: 1rem;
}
.Tri .Bouton {
	text-align: center; display: inline-block;
}
.Tri .Bouton span{display: inline-block;}
.Tri .Bouton .Select {
	background-color:#003F35;
	color:#FFF; border-radius: 4px;
	display: inline-block;
}

.Tri .Bouton div img {
	position: relative;
	top: -1px;
	float:none;
	cursor:pointer;
	margin: 0 5px;
}
#Reservation .ContResa .Tri .Select {
	font-weight:normal;
	margin-top:0px;
}
#Reservation .ContResa .Tri .Select div {
	float:none;
}
#Reservation .ContResa .Tri .Select img {

	cursor:pointer;
}
#Atraiter .Table {
	padding-left:1px;
	margin-top:4px;
}
#Atraiter{line-height: 130%;}
#Atraiter .Table .clr {
	float:none;
	font-size:0px;
	border:0px;
	background:#ffffff;
}
#Atraiter .Table div {
	float:left;
	border:1px solid #80a312;
	font-size:11px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	margin-left:-1px;
	padding-top:7px;
}

#Atraiter div.Maison .Img {
	clear:both;
	float:none;
	background-image:url(../images/Middle/Maisons/BackgroundAtraiter.jpg);
	background-repeat:no-repeat;
	height:47px;
	width:67px;
	border:0px;
	padding:0px;
	text-align:left;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	padding-top:1px;
	padding-left:2px;
}
#Atraiter div.Maison .Img img {
	height:41px;
	width:62px;
}
.tableauResa{font-size: 14px;  margin:1rem 0 2rem 0; padding: 0 1rem;}
.tableauResa div{text-align: center;}
.tableauResa [class*="col-"] {
	border: 1px solid #003F35; margin-top: -1px;
}
.tableauResa [class*="col-"] [class*="col-"] div, .tableauResa [class*="col-"] .Maison{padding: 5px 0;}

#Atraiter div.DetailEtape{border: 0;}
.no-borderLeftRight{border-left: 0!important; border-right:0!important; }
.no-borderRight{border-right:0!important; }
#Atraiter div.Ticket a {
	color:#003F35;
	text-decoration:none;
	font-style:italic;
}

#Atraiter div.Action a {
	text-decoration:none;
}


#Atraiter div.DetailEtape img.Etape {
	margin-left:5px;
}

#Atraiter div.Action .greenButton, #Atraiter div.Action .pinkButton {
	padding: 10px 0; border-radius: 4px;
}
#Atraiter div.Action .Boutons img {
	float:left;
}
#Atraiter div.Action .Boutons div {
	float:left;
	width:86px;
	height:19px;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

#Atraiter div.DetailEtape a {
	color:#003F35;
	text-decoration: underline;
	font-style:italic;
	margin-right:10px;
	margin-top:5px;
	margin-left:5px;

	cursor:pointer;
}
#Atraiter div.DetailEtape img.Trans {
	cursor:pointer;
}
#Atraiter div.DetailEtape{margin-top: -35px; position: relative;z-index: 1; text-align: left;}
#Atraiter div.DetailEtape b {
	
}
#Atraiter div.DetailEtape img {
	float:none; vertical-align: middle;
}
#Atraiter div.DetailEtape div {

	display: inline-block; margin: 0 50px;
}
#AtraiterDetail {
	border:1px solid #003F35; font-size: 14px; border-top: 0;
	padding:1rem;
	border-top: 1px solid #fff;
	margin: -1.5rem 0 0 0;
}

#DetailEtape img{float: none;}
#AtraiterDetail .Title div.Bout {
	cursor:default;
}
#AtraiterDetail .Title b {
	margin-left:5px;
	float: none;
}
#AtraiterDetail .Title span {
	color:#7d0e02;
	float:left;
	font-weight:bold;
	margin-left:50px;
}
.Controle {
	border:1px solid #7d0e02;
	padding-top:0px;
	margin-top:5px;
}
.Controle .Bout {

	cursor:pointer;
}
.Controle .Title{
	margin: 0!important;
}
/*fin a traiter*/


/*debut toutes les maisons*/





#TouteMaisons .ContDetail {
	float:none;
	width:auto;
}
#TouteMaisons .GlobalDetail {
	margin-top:12px;
}
#TouteMaisons .GlobalDetail .CalendrierJourn {
	border:1px solid #003F35;
	font-size:10px;
	color:#1d1d1b;
	padding:1px;
}
#TouteMaisons .GlobalDetail .CalendrierJourn .Day {
	height:27px;
	color:#FBD7C9;
	float:right;
	padding-left:142px;
}
#TouteMaisons .GlobalDetail .CalendrierJourn .Day Div {
	float:left;
	width:22px;
	text-align:center;
	background-color:#003F35;
	margin-left:-1px;
}
#TouteMaisons .GlobalDetail .CalendrierJour {
	float:right;
}
#TouteMaisons .GlobalDetail .CalendrierJour .Jour div {
	width:22px;
	float:left;
	text-align:center;
	border:1px solid #eaeaea;
	margin-left:-1px;
	box-sizing: border-box;
}
#TouteMaisons .GlobalDetail .CalendrierJour .Jour div.Space {
	width:180px;
	float:left;
	height:12px;
	text-align:center;
	border:0px;
	border-right:1px solid #eaeaea;
}
#TouteMaisons .Maisons {
	float:left;
	margin-bottom:14px;
	margin-top:-1px;
	border:1px solid #eaeaea;
	border-right:0px;
	width:100%;
	margin-left:-1px;
}
#TouteMaisons div.GlobalCell {
	float:right;
	border-left:1px solid #eaeaea;
}
#TouteMaisons div.GlobalCell div {
	border:1px solid #eaeaea;
	border-top:0px;
	border-bottom:0px;
	height:24px;
	float:left;
	width:20px; position: relative;
}
#TouteMaisons div.Detail {

	float:left;
	border:0px;
	padding: 5px 0 0 5px;
	width:246px;
	line-height: normal; font-size: 14px;
}
#TouteMaisons div.Detail span{font-size: 12px;}
#TouteMaisons .Maisons .Detail input {
	float:left;
	margin-top:-1px;
	margin-right:5px;
	border:0px;
}

#Legende li, #Legende ul {
	padding:0;
	margin:0;
	float:left;
	list-style:none;
	color:#1d1d1b;
}
#Legende li{margin: 2px 0;}
#Legende ul#TypeResa li {
	width:238px;
}
#Legende ul#TypeResa {
	width:717px;
}
#Legende ul#TypeTransition li {
	float:none;
	line-height:17px;
}
#Legende .Leg {
	text-align:left;
	color:#333333;
	border:0px;
	height:auto;
	margin-right:10px;
	width:auto;
	float:left;
	line-height:17px;
}
#Legende, .comReduite {
	border:1px solid #003F35;
	margin-top:20px;
	margin-bottom:12px;
	margin-left:0px;
	padding:4px;
	font-size:16px;
	color:#1d1d1b;
	padding: 0.5rem;
}
.comReduite .link{margin: 10px 0 5px 0;}
.comReduite input[type="text"]{width: 40%; vertical-align: middle;}
.comReduite button{ color: #003F35; background: #FBD7C9; cursor: pointer; border-radius: 5px; text-decoration: underline;border: 0; vertical-align: middle; font-size: 16px; padding: 10px 15px;}
#Legende .ColLeg {
	width:200px;
	color:#333;
	border:0px;
	float:left;
	height:70px;
}
#Legende #LegCache {
	display:none;
	height:auto;
	width:auto;
	border:0px;
	font-size: 11px;
}
#Legende div {
	height:12px;
	width:22px;
	margin-top:3px;
	border:1px solid #333333;
	color:#FFF;
	line-height: normal;
	text-align:left;
}
#Legende img {
	vertical-align: middle;
	display: inline-block;
	cursor:pointer;
	margin: 0 5px;
	float: none;
}
#Legende span {
	float:left;
	margin-top:-14px;
	margin-left:30px;
	font-size: 11px;
}
#Legende div.JourCours {
	border:1px solid #80a312;
	width:22px;
	height:12px;
}
#Legende div.clr {
	height:auto;
	width:auto;
	border:0px;
	float:none;
}
#ContOnglet {
	border:1px solid #003F35; padding: 1rem 0;
}

#Statistique #ContOnglet.full{ padding-left: 0;padding-right:0;}


#TouteMaisons .Date{margin: 1rem 0;}

#ContOnglet .Date{margin:0;}
#ContOnglet .Date div{font-weight: normal;}
#ContOnglet .Table {
	background-color:#f6f6f8;
	margin:5px 0; padding: 10px 0;

}
#ContOnglet .Bl {
	background-color:#ffffff;
}
#ContOnglet .Tri {
}
#ContOnglet .Table div {
}
/*#TouteMaisons .Table .MaisName, #TouteMaisons .Table .Type, #TouteMaisons .Table .Intro, #TouteMaisons .Table .Ref {
	padding-top:10px;
}
#TouteMaisons .Table .DateSej {
	padding-top:15px;
}
#TouteMaisons .Table img {
	margin-top:2px;
}
#TouteMaisons .Table img.ImgResa {
	margin-top:5px;
	margin-left:5px;
}
#TouteMaisons .MaisName {
	width:120px;
}
#TouteMaisons .Type {
	width:132px;
}
#TouteMaisons .DateSej {
	width:239px;
}
#TouteMaisons .Intro {
	width:135px;
}
#ContOnglet .Table div.Ref {
	text-align:right;
	width:140px;
}*/
#TouteMaisons a {
	cursor:pointer;
	text-decoration:underline;
	color:#81a215;
}
/*fin toutes les maisons*/
/*D�but document*/



#Document h2{
font-family: "DM Serif Text"; margin: 40px 0 20px 0; font-size: 22px;
}
.docHistorique h2 {	font-family: "DM Serif Text";  font-size: 22px; padding: 0 0 20px 0;}
.docHistorique{padding: 0 1rem 2rem 1rem;}
#Document #ContOngletForm {
	border:1px solid #003f35;
	margin-top:10px;
	padding-left:15px;
	padding-bottom:15px;
}
#Document #ContOngletForm input {

	width:49px;

	margin:1px;
	margin-left:10px;
	margin-right:10px;
}
#Document #ContOngletForm .Adresse input {
	border:1px solid #FFF;
	height:14px;
	width:auto;
	color:#333;
	font-style:normal;
	margin:1px;
}
#Document #ContOngletForm .Adresse input.Border {
	border:1px solid #003F35;
}
#Document #ContOngletForm .Adresse input.Adress {
	width:150px;
}
#Document #ContOngletForm .Adresse input.Num {
	width:25px;
}
#Document #ContOngletForm .Adresse input.Cp {
	width:35px;
}
#Document #ContOngletForm .Adresse input.Ville {
	width:80px;
}
#Document #ContOngletForm table {
	margin-top:10px;
	margin-bottom:15px;
}
#Document #ContOngletForm .Adresse {
	background-image:url(../images/Middle/Document/IconeAdresse.gif);
	background-repeat:no-repeat;

	padding-top:12px;
	padding-left:100px;

}
#Document #ContOngletForm #Boutons {
	width:auto;
	margin-top:0px;
	padding-top:10px;
	margin-top:-50px;
	margin-left:20px;
}
#Document #ContOngletForm .Form #Boutons {
	margin-left:0px;
	display: block;
	float: right;
	margin: -20px 0 0 0;
}
#Document #ContOngletForm #Boutons div {
	width:auto;
}
#Document #ContOngletForm .Form, img {
	float:left;
}
#Document #ContOngletForm .Form {
	width:520px;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #003F35;
}


#Document .Table div {
	text-align:left;
}
#Document .Table div.button{margin: 0; display: inline-block;}
#Document .Table div.row{margin-top: 0;}
#Document .TypeDoc {
	width:227px;
	margin-right:7px;
	font-weight:bold;
}
#Document .PoidDoc {
	width:70px;
}
#Document .ExtDoc {
	font-weight:bold;
}
#Document .DescriptionDoc {
	width:355px;
	margin-right:7px;
}
/*fin document*/



/*debut commande faites*/
/* popup d'erreur */
.CommandeDocument {
	position:fixed;
	height:914px;
	width:100%;
	z-index:50;
	top:0;
	left:0;
	display:none;
}
.CommandeDocument div a {
	color:#FFF;
	text-decoration:underline;
}
.CommandeDocument .Msg {
	position:absolute;
	z-index:51;
	left: 50%;
	margin-top:251px;
	margin-left: -343px; /* moiti� de la largeur */
}
.CommandeDocument .Msg div.Sup, div.Inf {
	width:687px;
	font-size:0px;
	background-repeat:no-repeat;
	display: none;
}
.CommandeDocument .Msg div.Sup {
	background-image:url(../images/Middle/Document/Sup_Doc.png);
	height:5px;
}
.CommandeDocument .Msg div.Inf {
	background-image:url(../images/Middle/Document/Inf_Doc.png);
	height:27px;
}
.CommandeDocument .Msg .ContMsg {
	background:#fff;

	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	width:647px;
	padding-right:20px;
	height:340px;
}
.CommandeDocument .Msg .ContMsg div.Liste {
	float:left;
	padding:15px;
	width:325px;
	margin-top:100px;
	font-size: 16px; font-family: Lato;
}
.CommandeDocument .Msg .ContMsg div.Liste div {
	margin:10px;
}
.CommandeDocument .Msg .ContMsg img {
	float:left;
}
.CommandeDocument .Msg .ContMsg .Bout {
	width: auto;text-align: center;
}
.CommandeDocument .Msg .ContMsg .Bout div {
	float:left;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.CommandeDocument .Msg .ContMsg .Bout div.Lien {
	border-radius: 4px;
	font-size: 16px;
	display: inline-block;
	width: auto;
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	background: #003F35;
	color: #FBD7C9;
	float: none;
	margin: 20px;
}
.CommandeDocument .Msg .ContMsg .Bout .Left {
	background-image:url(../images/Middle/Boutons/BoutErrLeft.gif);
	height:28px;
	width:9px;
	display: none;
}
.CommandeDocument .Msg .ContMsg .Bout .Right {
	background-image:url(../images/Middle/Boutons/BoutErrRight.gif);
	height:28px;
	width:9px;
	display: none;
}
.CommandeDocument .color {
	background-color:#000;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	opacity : 0.5;
	filter : alpha(opacity=50);
}
/*fin commande faite*/


/*
debut popup mail
*/
#PopupContrat, #FormulaireMail, #ActionNoel,#FormulaireErreurPlan {
	position:absolute;
	height:914px;
	width:100%;
	z-index:999999999;
	top:0;
	left:0;
	display:none;
}
#FormulaireErreurPlan .label {
	margin: 20px 0 0;
	font-weight: bold;
}
#ActionNoel img {
	float:none;
}
#PopupContrat {
	display:block;
	text-align:center;
}
#FormulaireMail .Msg, #PopupContrat .Msg, #FormulaireErreurPlan .Msg{
	position:absolute;
	z-index:51;
	left: 50%;
	margin-top:251px;
	margin-left: -343px; /* moiti� de la largeur */
}
#FormulaireMail .Msg div.Sup, div.Inf, #PopupContrat .Msg div.Sup, #FormulaireErreurPlan .Msg div.Sup, div.Inf {
	width:687px;
	font-size:0px;
	background-repeat:no-repeat;
}
#FormulaireMail .Msg div.Sup, #PopupContrat .Msg div.Sup,#FormulaireErreurPlan .Msg div.Sup {
	background-image:url(../images/Middle/Document/Sup_Doc.png);
	height:5px;
}
#FormulaireMail .Msg div.Inf, #PopupContrat .Msg div.Inf, #FormulaireErreurPlan .Msg div.Inf {
	background-image:url(../images/Middle/Document/Inf_Doc.png);
	height:27px;
}
#FormulaireMail .Msg .ContMsg, #PopupContrat .Msg .ContMsg, #FormulaireErreurPlan .Msg .ContMsg {
	background-image:url(../images/Middle/Document/Background_Doc.png);
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	padding-left:45px;
	padding-top:24px;
	width:642px;
	padding-bottom:10px;
}
#FormulaireMail .Msg .ContMsg #FormMail b, #PopupContrat .Msg .ContMsg #FormMail b,#FormulaireErreurPlan .Msg .ContMsg #FormMail b {
	font-size:14px;
}
#FormulaireMail .Msg .ContMsg div, #PopupContrat .Msg .ContMsg div, #FormulaireMail .Msg .ContMsg div {
	margin-top:15px;
}
#FormulaireMail .Msg .ContMsg .Close, #PopupContrat .Msg .ContMsg .Close,#FormulaireErreurPlan .Msg .ContMsg .Close {
	color:#7f7f7f;
	float:right;
	margin-top:-15px;
	margin-right:25px;
	cursor:pointer;
}
#FormulaireMail .Msg .ContMsg .Close img, #PopupContrat .Msg .ContMsg .Close img,#FormulaireErreurPlan .Msg .ContMsg .Close img {
	float:left;
	margin-left:5px;
}
#FormulaireMail .Msg .ContMsg .Close div, #PopupContrat .Msg .ContMsg .Close div,#FormulaireErreurPlan .Msg .ContMsg .Close div {
	float:left;
	margin-top:0px;
}
#FormulaireMail .color, #PopupContrat .color, #ActionNoel .color,#FormulaireErreurPlan .color, #PopupContrat .color {
	background-color:#000;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	opacity : 0.5;
	filter : alpha(opacity=50);
}
#FormulaireMail .Msg .ContMsg #ConfirmMail, #FormulaireErreurPlan .Msg .ContMsg #ConfirmMail{
	margin-left:130px;
	margin-top:30px;
	width:400px;
	display:none;
}
#FormulaireMail .Msg .ContMsg #Bouton div, #FormulaireMail .Msg .ContMsg #Bouton img,#FormulaireErreurPlan .Msg .ContMsg #Bouton div, {
	float:left;
	cursor:pointer;
}
#FormulaireMail .Msg .ContMsg #Bouton div ,#FormulaireErreurPlan .Msg .ContMsg #Bouton div{
	height:18px;
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
	background-color:#80a311;
	margin-top:0px;
	margin-left:0px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
}

#FormulaireMail .Msg .ContMsg #ConfirmMail,#FormulaireErreurPlan .Msg .ContMsg #ConfirmMail {
	padding-bottom:20px;
}
/*Fin popup mail*/
/*debut stat*/
#Statistique {
	padding-top:26px;
}
#Statistique #Qualite {
	display:block;
}
#Statistique #Onglet .OngletBisOn, #Statistique #Onglet .OngletBisOff {
	width:147px;
	background-repeat:no-repeat;
	margin-right:2px;
}
#Statistique #Onglet div.OngletStatChargeOff {
	background-repeat:no-repeat;
	color:#FFF;
	width:231px;
}
#Statistique #Onglet div.OngletStatChargeOn {
	background-repeat:no-repeat;
	color:#80a312;
	width:231px;
}
#Statistique #Onglet div.OngletStatChargeOff {
	background-image:url(../images/Middle/Onglet/OngletBisOff.gif);
}
#Statistique #Onglet div.OngletStatChargeOn {
	background-image:url(../images/Middle/Onglet/OngletBisOn.gif);
}
#Statistique #Onglet .OngletBisOn {
	background-image:url(../images/Middle/Statistique/OngletOnBis.gif);
}
#Statistique #Onglet .OngletBisOff {
	background-image:url(../images/Middle/Statistique/OngletOffBis.gif);
}
#Statistique #ContOnglet {
	padding-top:20px;
	padding-left:25px;
	padding-right:25px;
	padding-Bottom:20px;
}
#Statistique #ContOnglet .Intro div, #Statistique #ContOnglet #Tableau {
	margin-top:15px;
}
#Statistique #TableauSejour, #Statistique #TableauRelCharges {
	border-left:1px solid #003F35;
	border-right:1px solid #003F35;
}
#Statistique #TableauRelCharges tr.Total td {
	height:30px;
	font-weight:bold;
	border-top:1px solid #333;
	vertical-align:middle;
}
#Statistique table#Intitule, #Statistique #TableauRelCharges td.Intitule {
	background-color:#003F35;
	color:#FBD7C9;
	height:20px;
	border-collapse:collapse;
}
#Statistique .TableauSejour table#Intitule {
	display:none;
}
#Statistique table#Intitule td, #Statistique table.Valeur td, #Statistique table.Tri td {
	padding-right:10px;
}
#Statistique table.Valeur td {
	height:16px;
	border-top:1px solid #003F35;
	border-bottom:1px solid #003F35;
}
#Statistique table tr.Gr td {
	background-color:#f6f6f7;
}
#Statistique table tr.Total td {
	padding-top:10px;
	padding-bottom:5px;
}
#Statistique table.Valeur {
	border-collapse:collapse;
}
#Statistique td.Num {
	width:32px;
	text-align:right;
}
#Statistique td.NumResa {
	width:119px;
	text-align:center;
}
#Statistique .Tri .NumResa {
	width:152px;
	text-align:right;
}
#Statistique td.DateDebSej {
	width:175px;
	text-align:center;
}
#Statistique .Tri .DateDebSej {
	width:200px;
	text-align:center;
}
#Statistique td.DateFinSej {
	width:170px;
	text-align:center;
}
#Statistique .Tri .DateFinSej {
	width:176px;
	text-align:center;
}
#Statistique td.Charge {
	width:118px;
	text-align:center;
}
#Statistique .Tri .Charge {
	width:148px;
	text-align:center;
}
#Statistique td.Prix, #Statistique .Tri .Prix {
	width:134px;
	text-align:center;
}
#Statistique #TableauRelCharges td {
	padding:2px 10px 2px 10px;
}


/*fin stat*/
/*estimationCharges*/
.estimationCharges{padding:26px 10px 0 10px; border:1px solid #003F35;}
.estimationCharges .headerCharge{background:#eaeaea; font-size:14px; font-weight:bold; padding:5px;}
.estimationCharges .headerCharge span{font-size:18px;}
.estimationCharges .ongletCharges{height:36px; padding:0; overflow:hidden;}
.estimationCharges .ongletCharges li{ float:left; display:inline; text-align:center; margin:3px 0 0 0; position:relative; background:#eaeaea; font-size:14px; height:33px; line-height:33px; width:18.7%; font-weight:bold;}
.estimationCharges .ongletCharges li.current{margin:0; background:#003f35; font-weight: normal; color:#FBD7C9; font-size:18px; height:36px; line-height:36px;}
.estimationCharges .ongletCharges li.check{color:#80a312; background:url(../images/Middle/Statistique/estimationCharge/checkOnglet.png) right no-repeat #eaeaea;}
.estimationCharges .ongletCharges li.check span{padding:0 20px 0 0;}
.estimationCharges .ongletCharges li.lw{width:25%;}
.estimationCharges .remarque{font-size:14px; font-weight:bold; color:#bc0101; font-style:italic;}
.estimationCharges .tableCharges{font-size:11px; border-collapse:collapse;}
.estimationCharges .tableCharges input{width:55px; font-style:normal; color:#333333; text-align:right; padding:0 5px; margin:5px 0 5px 5px;}
.estimationCharges .tableCharges td{border:1px solid #eaeaea; height:23px;}
.estimationCharges .tableCharges .typeCharge{width:325px; padding:0 5px;}
.estimationCharges .tableCharges .prixCharge{width:125px; padding:0 5px;}
.estimationCharges .tableCharges .totalSaison{ text-align:center; padding:0 5px;}
.estimationCharges .tableCharges .intituleCharge{font-weight:bold; padding:0 0 0 24px; position: relative;}
.estimationCharges .tableCharges .intituleCharge:before{content: ""; height: 11px; width: 11px; background: #003f35; position: absolute; left: 5px; top: 12px; border-radius: 50%;}
.estimationCharges .tableCharges .totalCharge{background:#eaeaea; margin:10px 0 0 0; text-align:center; font-weight:bold;}
.estimationCharges .boutonCssType2, .estimationCharges .boutonCssType1{margin:20px 0 0 0;}
.estimationCharges .legendeCharge{margin:20px 0; font-size:11px;}
.estimationCharges p{padding:5px 10px;}
.estimationCharges .validation p{text-align:center; font-size:14px;}
.estimationCharges .validation .merci{font-size:24px; color:#003f35; font-weight:bold;}
.estimationCharges .validation .signature{font-style:italic;}
.estimationCharges p.noOpt{padding:50px 10px; text-align:center; font-weight:bold;}
/*fin estimationCharges*/


.decompteCharges{padding:1rem 18px;}
.decompteCharges b{margin: 0}
.decompteCharges p{margin: 5px 0;}
.decompteCharges a{color: #003F35;}
.decompteCharges ul{list-style: disc; padding: 0 40px;}
.decompteCharges li{margin: 10px 0;}


.newCharge {}
#warningRow td{background: rgba(255, 242, 185, 0.5); color: #707070; padding: 18px 20px!important; font-weight: bold; border: 2px solid #FFC000!important; border-radius: 4px;}
#warningRow td a {color: #003F35; text-decoration: underline;}
#warningRow td span{display: inline-block; height: 32px; width: 32px; background:url(../images/selfBilling/alert.svg) no-repeat #fff center center; background-size: 15px; border-radius: 50%; vertical-align: middle; margin-right: 18px;}


/*bouton*/

.boutonCssType1{height:23px; background:#c3c2c2; border-radius:7px; font-size:11px; font-weight:bold;}
.boutonCssType1 a, .boutonCssType1 input{color:#FFFFFF; margin:0; padding:0; border:0; background:url(../images/Middle/boutonCss/boutType01.png) no-repeat; display:block;  line-height:23px; text-decoration:none; padding:0 10px 0 40px;}

.boutonCssType2{height:23px; background:#80a312; border-radius:7px; font-size:11px; font-weight:bold;}
.boutonCssType2 a, .boutonCssType2 input{color:#FFFFFF; margin:0; padding:0; border:0; background:url(../images/Middle/boutonCss/boutType02.png) no-repeat; display:block;  line-height:23px; text-decoration:none; padding:0 10px 0 40px;}


/*Promo*/


#Onglet div.OngletOn, #Onglet div.OngletOff {
display: inline-block; padding:5px 10px; font-size: 14px;
}
.alignRight{text-align: right;}
#Onglet div.OngletOff{border: 1px solid #003F35; color: #003F35; border-bottom: 0; cursor: pointer;}
#Onglet div.OngletOn{background: #003F35; color: #FBD7C9;}

#Promo #Wizard .TitleWizLm .blocPromoTitle{text-transform: uppercase;}

#Promo #Intro {
padding: 1rem; background: #FBD7C9; margin: 1rem 0 2rem 0;
}





#Promo #PromoListe .formListe {
text-align: right; margin:  1rem;
}
#Promo #PromoListe .formListe label{display: inline-block;}
#Promo #PromoListe .Intro{padding: 0 1rem;}

#Promo #PromoListe .Intro div.Form {
	float:right;
	color:#80a311;
	font-weight:bold;
}
#Promo #PromoListe #Liste {
	border:0px;
}
#Promo #Liste div.PromoTitle {
	margin-top:7px;
	margin-left:16px;
}
#Promo #Liste div.PromoTitle img {
	margin-right:10px;
	cursor:pointer;
}
#Promo #Liste .Gr {
	background-color:#eaeaea;
}
#Promo #Liste .Line {
margin: 0 0 10px 0;
	padding: 5px 0;
}
#Promo #Liste .large {
	height:60px;
}
#Promo #Liste .Tri {
	padding-left:0px;
}
#Promo #Liste .Tri div.Type img {
	margin-top:0px;
	margin-left:0px;
}
#Promo #Liste div.Maison {
	width:145px;
	margin-left:0px;
}
#Promo #Liste div.Type {
	width:80px;
}
#Promo #Liste div.Type b {

}
#Promo #Liste div.Type img {
	margin-top:3px;
	margin-left:10px;
	cursor:pointer;
}
#Promo #Liste div.Periode {
	width:160px;
}
#Promo #Liste div.Reduc {
	width:81px;
}
#Promo #Liste div.Sejour {
	width:140px;
}
#Promo #Liste div.Validite {
	width:140px;
}
#Promo #Liste div.Ordre {
	width:85px;
}
#Promo #Liste div.Ordre div {
	display: inline-block; height: 30px; width: 30px; margin: 5px 0 0 0; border-radius: 4px; cursor: pointer;
}

#Promo #Liste div.Ordre div.down{background: url("../images/rebranding/icon/down-g.svg") #FBD7C9 no-repeat center center; transform: rotate(-90deg);}
#Promo #Liste div.Ordre div.up{background: url("../images/rebranding/icon/down-g.svg") #FBD7C9 no-repeat center center; transform: rotate(90deg);}
#Promo #Liste .Line div {
	text-align:center;
	display: inline-block; vertical-align: top;  font-size: 14px;
}
#Promo .ActionTitle {
margin: 0 2rem;
}
#Promo .ActionRetour {
	cursor:pointer;
	margin-left:40px;
	margin-top:17px;
}
#Promo .ContenuActAE {
	width:750px;
	margin-left:auto;
	margin-right:auto;
}
#Promo .ContenuActAE div {
	margin-top:15px;
	margin-bottom:15px;
}
#Promo .ContenuActAE span {
	color:#80a312;
	font-weight:bold;
	float:left;
	width:700px;
	margin-top:5px;
}
#Promo .ContenuActAE input {
	float:left;
	margin-left:10px;
	margin-right:10px;
}
#Promo .BoutActAEVal {
	width:305px;
	padding-right:20px;
	height:31px;
	padding-top:15px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	background-image:url(../images/Middle/Boutons/BoutActAE.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#Promo .ActionRetour img, #Promo .ActionRetour div {
	float:left;
}
#Promo .ActionRetour div {
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	height:16px;
	background:#80a312;
	padding-top:2px;
}

#Promo .TitleListeActionAE {
	color:#003F35;
	margin: 0 2rem;
}
#Promo .ActionTitle span {
	color:#003F35;
	font-weight:bold;
}
#Promo #Liste.ActAE .Line div {
	padding-top:15px;
}
#Promo #Liste.ActAE .large div {
	padding-top:24px;
}
#Promo #Liste.ActAE .large div.Periode {
	padding-top:10px;
}
#Promo #Liste.ActAE .Line div.Link a {
	color:#80a311;
	text-decoration:underline;
	cursor:pointer;
}
#Promo #Liste .ActionNom {
	width:180px;
}
#Promo #Liste .SejType {
	width:146px;
}
#Promo #Liste .Red {
	width:160px;
}
#Promo #Liste .Link {
	width:112px;
}
#Promo #Liste .Participe {
	width:112px;
}
#Promo #Liste.ActAE .Line div.Participe, #Promo #Liste.ActAE .Line div.Participe div.BoutActAE {
	padding-top:0px;
	margin-top:5px;
}
#Promo #Liste.ActAE .large div.Participe, #Promo #Liste.ActAE .large div.Participe div.BoutActAE {
	padding-top:0px;
	margin-top:9px;
}
#Promo #Liste.ActAE .Line div.Participe {
	padding-left:8px;
	width:106px;
}
div.BoutActAE {
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}
div.BoutActAE div, div.BoutActAE img {
	float:left;
}
#Promo #Liste.ActAE .Line div.Participe div.BoutActAE div {
	padding-top:5px;
	height:18px;
	background:#80a311;
}
#BoutonPromo {
text-align: center; margin: 4rem 0 0 0 ;
}
.BoutonPromo {
	display: inline-block;
	background: #003F35; color: #FBD7C9; border-radius: 4px; padding: 5px 10px; width: 20%; margin: 0 5px; cursor: pointer;
}
#Promo #Wizard {
	margin-top: 4rem;
}

#Promo #Wizard .TitleWizLm, #Promo #Wizard .TitleWiz {
	position: relative; padding: 40px 0 0 0; font-size: 16px;
	padding-left: 16px;
}

#Promo #Wizard .TitleWizLm:after, #Promo #Wizard .TitleWiz:after{height: 1px; width: 80%; top: 0; content: ""; background: #003F35; position: absolute; left: 50%; margin-left: -40%;}

#listMaison{margin: 2rem;}
#Promo .remarquePromo{background: #FBD7C9; border-radius: 4px; padding: 1rem;}
#Promo #Wizard .TitleWizLm span, #Promo #Wizard .TitleWiz span {
	font-weight:bold;
}

.ctaPromo{text-align: right; margin: 40px 0 0 0;}
.ctaPromo .button{display: inline-block;}
.ctaPromo .greyButton{float: left;}
#Promo #Wizard #Step {
padding: 0 16px; margin: 40px 0 0 0;
}
#Promo #Wizard #Step div{
	display: inline-block;
}
#Promo #Wizard #Step img {
	margin-top:8px;
	margin-left:-19px;
}
#Promo #Wizard #Step .StepOn, #Promo #Wizard #Step .StepOff {
height:40px ; width: 39px; border-radius: 50%; text-align: center; line-height: 39px; color: #003F35; font-weight: bold;
}

#Promo #Wizard #Step .StepOn{background: #FBD7C9; border: 1px solid #FBD7C9; }
#Promo #Wizard #Step .StepOff{border: 1px solid #003F35;}



#Promo #Wizard #Step .First {
	margin-left:12px;
}

#Promo #Wizard #Step .Line {
	height:4px; border-top:1px dashed #003F35; width: 225px; margin: 20px 0 0 0;

}

#Promo #Wizard #Step div.Inti {
	display: block; margin: 0 0 5px 0; color: #003F35;
}
#Promo #Wizard #Step div.StepSej {
	padding-left:170px;
}
#Promo #Wizard #Step div.StepPeriode {
	padding-left:400px;
}
#Promo #Wizard #Step div.StepValidite {
	padding-left:600px;
}
#Promo #Wizard #Step div.StepReduc {
	padding-left:780px;
}
#Promo #Wizard div.Calcule, #Promo #Wizard div.RetourListe {
	font-weight:bold;
	color:#FFF;
	height:22px;
	padding-top:10px;
	text-align:center;
	background-repeat:no-repeat;
	cursor:pointer;
}
#Promo #Wizard div.Calcule {
	width:131px;
	background-image:url(../images/Middle/Promo/BoutCalcule.gif);
	margin-left:10px;
}
#Promo #Wizard div.RetourListe {
	width:182px;
	background-image:url(../images/Middle/Promo/RetourListe.gif);
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#Promo #Wizard #Form {
	margin: 30px 4rem;
}
#Promo .promoPoctuelle #Wizard #Step .Line{width:155px;}

#Promo #Wizard #Form div.Resume {
	padding:20px 10px 10px 85px;
	background:url(../images/Layout/mrAEOK.gif) no-repeat left bottom;
	border:1px solid #80a312;
	min-height:76px;
	line-height:18px;
	border-radius:7px 7px 7px 7px;
}
#Promo #Wizard #Form table {
	margin-left:auto;
	margin-right:auto;
}
#Promo #Wizard #Form table input {
	border:0px;
}
#Promo #Wizard #Form table#TableMais, #Promo #Wizard #Form table#TableSej {
	margin-left:140px;
	margin-right:0px;
	width:auto;
}
#Promo #Wizard #Form table td {
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px;
}
#Promo #Wizard #Form .Next, #Promo #Wizard #Form .Down, #Promo #Wizard #Form .Valide {
	background-repeat:no-repeat;
	font-weight:bold;
	color:#FFF;
	height:30px;
	cursor:pointer;
	text-align:center;
	padding-top:16px;
	margin-top:20px;
}
#Promo #Wizard #Form .Valide {
	background-image:url(../images/Middle/Promo/Valide.gif);
	float:right;
	width:164px;
	padding-right:20px;
}
#Promo #Wizard #Form .Next {
	background-image:url(../images/Middle/Promo/Next.gif);
	float:right;
	width:118px;
	padding-right:27px;
}
#Promo #Wizard #Form .Down {
	background-image:url(../images/Middle/Promo/Down.gif);
	float:left;
	padding-left:10px;
	width:135px;
}
#Promo #Wizard #PromoLastValidite td.Read, #Promo #Wizard #PromoLastValidite td.Read select {
	color:#CCC;
}
#Promo #Wizard #PromoLastValidite td.Edit, #Promo #Wizard #PromoLastValidite td.Edit select {
	color:#333333;
}
/*Login*/


#Login .ContLogin img.ImgLogin {
	margin-left:56px;
	margin-right:17px;
}
#Login .ContLogin .DetailLogin {
	padding-top:10px;
	font-size:16px;
	color:#333;
	padding-bottom:50px;
	font-family:Lato;
	line-height: 170%;
}
#Login .ContLogin .DetailLogin .TableForm {
	background: #fbd7c9;
	border-radius: 5px;
	font-size: 16px;
	padding: 20px;
	margin-top: 10px;
}
#Login .ContLogin .DetailLogin .TableForm input {

}
#Login .ContLogin .DetailLogin .TableForm td.Login, #Login .ContLogin .DetailLogin .TableForm td.Mdp, #Login .ContLogin .DetailLogin .TableForm td.Erreur {
	font-weight:bold;
	padding-left:20px;
	padding-right:5px;
	font-size: 14px;
	height:30px;
	color: #003F35;
	font-family: Lato;
}
#Login .ContLogin .DetailLogin .TableForm td.Erreur {
	color:#a31111;
	height:auto;
	width:auto;
}
#Login .ContLogin .DetailLogin .TableForm td i {
	color:#939391;
}
/*fin Login*/

/*Fin Middle*/

/*L�gende*/
#Table #Calendrier .CalendrierJour div.NbrSemaine {
	width:20px;
	border-right:1px solid #003F35;
	background-color:#c4c4c4;
	color:#FFF;
}
div.gris {
	color:#999999;
	visibility:hidden;
}
.Semaine {
	color:#333333;
	cursor:help;
	background-color:#FFF;
}
.WeekLibre {
	background-color:#eaeaea;
	cursor:help;
}
.ResaAEAV {
	background-color:#fe0480;
}
.ResaAEVA {
	background-color:#a4d603;
}
.Pass {
	background-color:#bbbbbb;
}
.ResaPro, .ResaProVA {
	background-color:#fce204;
}
.OptPro {
	background-color:#ef7305;
}
.ResaAERelocAE, .ResaAERelocAE.TransiDepWkAE{
    background-color:#003f35;
	color: #FBD7C9;
}
#Legende div.PerBlo {
	border:1px solid #a93535;
}
.PrixInd {
	background-image:url(../images/Middle/Calendrier/TtM/PrixInd.gif);
}
.ResaAEOpt, .OptAE {
	background-color:#ffaf04;
}
.ResaComb, .OptComb {
	background-color:#04bbfd;
}
/*transition*/

	.SymbTransiDep, .SymbTransiArr {
	display:none;
}
.SymbTransiDep {
	margin-left:3px;
}
.SymbTransiArr {
	line-height:10px;
	margin-left:31px;
}
.TransiDepWkAE{
	background-color: #a4d603 !important;
	background-image: none !important;
}
.ResaComb.TransiDepWkAE{
	background-color: #04bbfd !important;
	background-image: none !important;
}

.TransiDep .SymbTransiDep, .TransiDepResaAEVA .SymbTransiDep, .TransiDepResaAEVATransiArr .SymbTransiDep, .TransiDepResaPro .SymbTransiDep, .TransiDepResaProTransiArr .SymbTransiDep, .TransiDepResaAEOpt .SymbTransiDep, .TransiDepOptAE .SymbTransiDep, .TransiDepResaAEOptTransiArr .SymbTransiDep, .TransiDepOptAETransiArr .SymbTransiDep, .TransiDepResaAEAV .SymbTransiDep, .TransiDepResaAEAVTransiArr .SymbTransiDep, .TransiDepResaComb .SymbTransiDep, .TransiDepOptComb .SymbTransiDep, .ResaCombTransiDep .SymbTransiDep, .TransiDepResaCombTransiArr .SymbTransiDep, .TransiDepOptCombTransiArr .SymbTransiDep, .ResaCombTransiArr .SymbTransiArr, .TransiArr .SymbTransiArr, .TransitionDepAeArr .SymbTransiArr, .TransiDepResaAEAVTransiArr .SymbTransiArr, .TransiDepResaCombTransiArr .SymbTransiArr, .TransiDepOptCombTransiArr .SymbTransiArr, .TransiDepResaAEOptTransiArr .SymbTransiArr, .TransiDepOptAETransiArr .SymbTransiArr, .TransiDepResaProTransiArr .SymbTransiArr {
	display:inline;
}
.TransiDepResaAEVA {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepAe.gif);
}
.TransiDepResaAEVATransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepAeArr.gif);
}
.TransiDepResaPro {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepAe.gif);
}
.TransiDepResaProTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepProArr.gif);
}
.TransiDepResaAEOpt, .TransiDepOptAE {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepOpt.gif);
}
.TransiDepResaAEOptTransiArr, .TransiDepOptAETransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepOptArr.gif);
}
.TransiDepResaAEAV {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepAv.gif);
}
.TransiDepResaAEAVTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepAvArr.gif);
}
.TransiDepResaComb, .TransiDepOptComb {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepComb.gif);
}
.ResaCombTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/ResaCombTransiArr.gif);
}
.ResaCombTransiDep {
	background-image:url(../images/Middle/Calendrier/Transition/ResaCombTransiDep.gif);
}
.TransiDepResaCombTransiArr, .TransiDepOptCombTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDepCombArr.gif);
}
.TransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionArr.gif);
}
.TransiDep {
	background-image:url(../images/Middle/Calendrier/Transition/TransitionDep.gif);
}
/*transition 10 calendrier*/

	.GlobalDetail .TransiDepResaAEVA {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepAe.gif);
}
.GlobalDetail .TransiDepResaAEVATransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepAeArr.gif);
}
.GlobalDetail .TransiDepResaPro {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepAe.gif);
}
.GlobalDetail .TransiDepResaProTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepProArr.gif);
}
.GlobalDetail .TransiDepResaAEOpt, .TransiDepOptAE {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepOpt.gif);
}
.GlobalDetail .TransiDepResaAEOptTransiArr, .TransiDepOptAETransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepOptArr.gif);
}
.GlobalDetail .TransiDepResaAEAV {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepAv.gif);
}
.GlobalDetail .TransiDepResaAEAVTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepAvArr.gif);
}
.GlobalDetail .TransiDepResaComb, .TransiDepOptComb {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepComb.gif);
}
.GlobalDetail .TransiDepResaCombTransiArr, .TransiDepOptCombTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDepCombArr.gif);
}
.GlobalDetail .ResaCombTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/little/ResaCombTransiArr.gif);
}
.GlobalDetail .ResaCombTransiDep {
	background-image:url(../images/Middle/Calendrier/Transition/little/ResaCombTransiDep.gif);
}
.GlobalDetail .TransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionArr.gif);
}
.GlobalDetail .TransiDep {
	background-image:url(../images/Middle/Calendrier/Transition/little/TransitionDep.gif);
}
/*transition ttm*/





	.Maisons .SymbTransiDep {
	margin-left:1px; position: absolute; top: 0; line-height: normal;
}
.Maisons .SymbTransiArr {
	line-height:12px;
	margin-left:11px;
	position: absolute;
	line-height: normal;
	bottom: 0;
}
.Maisons .TransiDepResaAEVA {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepAe.gif);
}
.Maisons .TransiDepResaAEVATransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepAeArr.gif);
}
.Maisons .TransiDepResaPro {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepAe.gif);
}
.Maisons .TransiDepResaProTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepProArr.gif);
}
.Maisons .TransiDepResaAEOpt, .TransiDepOptAE {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepOpt.gif);
}
.Maisons .TransiDepResaAEOptTransiArr, .TransiDepOptAETransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepOptArr.gif);
}
.Maisons .TransiDepResaAEAV {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepAv.gif);
}
.Maisons .TransiDepResaAEAVTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepAvArr.gif);
}
.Maisons .TransiDepResaComb, .TransiDepOptComb {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepComb.gif);
}
.Maisons .TransiDepResaCombTransiArr, .TransiDepOptCombTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDepCombArr.gif);
}
.Maisons .ResaCombTransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/ResaCombTransiArr.gif);
}
.Maisons .ResaCombTransiDep {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/ResaCombTransiDep.gif);
}
.Maisons .TransiArr {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionArr.gif);
}
.Maisons .TransiDep {
	background-image:url(../images/Middle/Calendrier/Transition/Ttm/TransitionDep.gif);
}
/*fin transition*/
div.JourLib {
}
div.NumSem {
	background-color:#999999;
}
/*fin l�gende*/








 

/* -- popup d'attente */
#HangOn {
	position:fixed;
	height:914px;
	width:100%;
	z-index:60;
	top:0;
	left:0;
	display:none;
}
#HangOn div {
	width:670px;
	text-align:center;
	color:#FFF;
}
#HangOn .color {
	background-color:#000;
	position:fixed;
	height:100%;
	width:100%;
	opacity : 0.5;
	filter : alpha(opacity=50);
}
#HangOn .Msg {
	position:absolute;
	z-index:61;
	left: 50%;
	margin-top:251px;
	margin-left: -50px; /* moiti� de la largeur */
}
#HangOn .Msg img{border-radius: 50%;}
/* -- fin popup d'attente 

/* popup d'erreur */
#Error {
	position:fixed;
	height:914px;
	width:100%;
	z-index:50;
	top:0;
	left:0;
	display:none;
}
#Error div {
	width:670px;
	text-align:center;
}
#Error div a {
	color:#FFF;
	text-decoration:underline;
}
#CommandeDocument table{display: none;}
#CommandeDocument .Msg .ContMsg table{display: block!important;}
#Error .Msg {
	position:absolute;
	z-index:51;
	left: 50%;
	margin-top:251px;
	margin-left: -335px; /* moiti� de la largeur */
	font-size: 16px; font-family: Lato; color: #1d1d1b;
}
#Error .Msg div.Sup, div.Inf {
	display: none;
}
#Error .Msg div.Sup {
	background-image:url(../images/BackgroundLayout/SupMsg.gif);
}
#Error .Msg div.Inf {
	background-image:url(../images/BackgroundLayout/InfMsg.gif);
}
#Error .Msg .ContMsg {
	background-color:#fff;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	width:630px;
	padding-right:20px;
	border-radius: 5px;
}
#Error .Msg .ContMsg .Bout {
	text-align: center;
	margin: 20px 0 0 0;
	width: auto;
}
#Error .Msg .ContMsg .Bout div.Lien {
	border-radius: 4px;
	font-size: 16px;
	display: inline-block;
	width: auto;
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	background: #003F35;
	color: #FBD7C9;
	float: none;
}
#Error .Msg .ContMsg .Bout .Left {
	display: none;
}
#Error .Msg .ContMsg .Bout .Right {
	display: none;
}
#Error .color {
	background-color:#000;
	position:fixed;
	height:100%;
	width:100%;
	opacity : 0.5;
	filter : alpha(opacity=50);
}
.Bout div {
	float:left;
}
/*
.Bout div.Lien {
	background-color:#516b03;
	padding-top:6px;
	height:22px;
	padding-left:3px;
	padding-right:3px;
}*/
.Bout a {
	color:#FFF;
	text-decoration:none;
}
.Bout .Left {
	background-image:url(../images/Fr/Middle/Boutons/BoutErrLeft.gif);
	height:28px;
	width:9px;
}
.Bout .Right {
	background-image:url(../images/Fr/Middle/Boutons/BoutErrRight.gif);
	height:28px;
	width:9px;
}
.Selectable {
	cursor:pointer;
}
#Table #Calendrier .GlobalDetail .CalendrierJour div.PeriodeBloquee {
}
#Table #TouteMaisons .GlobalDetail .CalendrierJourn div.PeriodeBloqueeDebutPeriode {
	border-left:1px solid #a93535;
	margin-left:-2px;
}
#Table #TouteMaisons .GlobalDetail .CalendrierJourn div.PeriodeBloqueeFinPeriode {
	border-right:1px solid #a93535;
}
#Table #TouteMaisons .GlobalDetail .CalendrierJourn div.PeriodeBloqueeInPeriodeTB {
	border-bottom:1px solid #a93535;
	margin-top:-1px;
	margin-top:-1px;
	border-top:1px solid #a93535;
}
#Table #Calendrier .GlobalDetail .CalendrierJour div.PeriodeBloqueeVertL {
	border-left:1px solid #a93535;
	margin-left:-2px;
}
#Table #Calendrier .GlobalDetail .CalendrierJour div.PeriodeBloqueeVertR {
	border-right:1px solid #a93535;
}
#Table #Calendrier .GlobalDetail .CalendrierJour div.PeriodeBloqueeHorT {
	margin-top:-1px;
	border-top:1px solid #a93535;
}

#Table #Calendrier .GlobalDetail .CalendrierJour div.PeriodeBloqueeHorB {
	border-bottom:1px solid #a93535;
	margin-bottom:-1px;
}
}
#Table #Calendrier .Zoom .CalendrierJour div.PeriodeBloqueeVertL {
	border-left:1px solid #a93535;
	margin-left:-2px;
}
#Table #Calendrier .Zoom .CalendrierJour div.PeriodeBloqueeVertR {
	border-right:1px solid #a93535;
}
#Table #Calendrier .Zoom .CalendrierJour div.PeriodeBloqueeHorT {
	margin-top:-1px;
	border-top:1px solid #a93535;
}
#Table #Calendrier .Zoom .CalendrierJour div.PeriodeBloqueeHorB {
	border-bottom:1px solid #a93535;
	margin-top:-1px;
}
#ContratLayout {
	padding-top:20px;
}
#ContratLayout div.Link {
}
#ContratLayout div.Link div {
	background: #e5eceb; border-radius: 4px 4px 0 0; padding: 11px 20px; margin: 10px   0 0 0; display: inline-block;
}
#ContratLayout div.Link div.SousMenu {
	height:auto;
	padding:0px;
	margin-top:0px;
}
#contrat{border: 1px solid #003F35;}
#ContratLayout div.Link div.SousMenu div {
	padding-left:25px;
	width:91px;
}
.docDownload{margin: 0 0 30px 0; text-align: center;}
.docDownload a {color: #003F35; font-size: 14px; line-height: 150%;}
.docDownload img{float: none;}
#ContratLayout div.Link div img {
	margin-top:2px;
	margin-left:3px;
	margin-right:6px;
}
#ContratLayout div.Link div.Select {
	background: #003F35;
}

#ContratLayout div.Link div a {
	color:#1d1d1b;
	text-decoration:none;
}
#ContratLayout div.Link div.Select a{color: #FBD7C9;}
#ContratLayout div#contrat {

}
.validationContrat{margin: 0 auto; width: 750px;}
.dac7cannotValidateContract{
	font-size: 12px;
	color: #DD0028;
	font-weight: bold;
}
#contratHTML{ max-width: 750px; margin: 0 auto !important; transform:none!important;}
#Print {
	display:none;
}
/*--- CALENDRIER---*/
#Calendar {
	background-color:inherit;
	text-align:inherit;
	color:inherit;
	border:none;
	border-width:inherit;
	margin-top:5px;
	margin-right:5px;
}
.CalendarcpYearNavigation,  .CalendarcpMonthNavigation {
	background-color:#ffffff;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	padding: 5px;
}
.CalendarcpMonthNavigation {
	width:115px;
}
.CalendarcpDayColumnHeader,  .CalendarcpYearNavigation,  .CalendarcpMonthNavigation,  .CalendarcpCurrentMonthDate,  .CalendarcpCurrentMonthDateDisabled,  .CalendarcpOtherMonthDate,  .CalendarcpOtherMonthDateDisabled,  .CalendarcpCurrentDate,  .CalendarcpCurrentDateDisabled,  .CalendarcpTodayText,  .CalendarcpTodayTextDisabled,  .CalendarcpText {
	font-family:Lato;
	font-size:12px;
}
TD.CalendarcpDayColumnHeader {
	text-align:right;
	border-bottom:1px solid #003F35;
	background-color:#003F35;
	color:#FBD7C9;
	padding:  5px;
}
.CalendarcpCurrentMonthDate,  .CalendarcpOtherMonthDate,  .CalendarcpCurrentDate {
	text-align:right;
	text-decoration:none;
	padding: 5px 3px;
}
.CalendarcpCurrentMonthDateDisabled,  .CalendarcpOtherMonthDateDisabled,  .CalendarcpCurrentDateDisabled {
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.CalendarcpCurrentMonthDate {
	color:#333333;
}
.TESTcpCurrentDate {
	color: #FFFFFF;
	font-weight:bold;
}
.CalendarcpOtherMonthDate {
	color:#808080;
}
TD.CalendarcpCurrentDate {
	background: #FBD7C9; color: #003F35;
}
TD.CalendarcpCurrentDateDisabled {
	border:1px solid #FFAAAA;
}
TD.CalendarcpTodayText,  TD.CalendarcpTodayTextDisabled {
	border-top:1px solid #003F35; padding: 5px;
}
A.CalendarcpTodayText,  SPAN.CalendarcpTodayTextDisabled {

}
A.CalendarcpTodayText {
	color:#003F35;
}
SPAN.CalendarcpTodayTextDisabled {
	color:#D0D0D0;
}
.CalendarcpBorder {
	border:1px solid #003F35;
	width: 220px;
}
.CalendarcpBorder table{width: 100%;}
/* --- fin calendrier --*/

.TicketSejour{
	cursor:pointer;
	margin-left:20px;

	color:#003F35;
	background-image:url(../images/Middle/Boutons/TicketSejour.gif);
	background-repeat:no-repeat;
	background-position:right;
display: inline-block;
	padding:6px 65px 0 0;
	font-weight:normal;
	text-decoration:underline;
}

/* --- Debut Descriptif --*/
#Descritpif{
	padding-top: 16px;
	width: 833px;
	height:600px;
	float:left;
	font-size: 11px;
	font-family: Verdana,Geneva,sans-serif;
	color:#333333;
	overflow: hidden;
}

#DocumentNew {
	margin-top:30px;
}

#DocumentNew #OngletDocumentNew ul{
overflow:hidden;
list-style:none;
background-image:url(../images/Middle/Document/NewDocument/Onglet/MenuBorder.gif);
	background-repeat:no-repeat;}	

#DocumentNew ul, #DocumentNew li{
	margin:0;
	padding:0;
	list-style:none;
	}

#DocumentNew #OngletDocumentNew li{
	float:left;
	position:relative;
	display:inline;
	font-size:12px;
	font-weight:bold;
	height:16px;
	line-height:16px;
	color:#FFFFFF;
	margin-right:2px;
	background-color:#80a312;
	padding:0 20px;
	
}

#DocumentNew #OngletDocumentNew li.Select{
	
	background-color:#fff;
	color:#80a312;
background-image:url(../images/Middle/Document/NewDocument/Onglet/BackSelect.gif);
	
	}
	
	
	#DocumentNew #OngletDocumentNew li.Select .BorderLeft{
	background-image:url(../images/Middle/Document/NewDocument/Onglet/BorderLeftSelect.gif);
	background-repeat:no-repeat;
	
	
	}
	
		#DocumentNew #OngletDocumentNew li.Select .BorderRight{
	
	background-image:url(../images/Middle/Document/NewDocument/Onglet/BorderRightSelect.gif);
	background-repeat:no-repeat;
	
	}


#DocumentNew #OngletDocumentNew .BorderLeft, #DocumentNew #OngletDocumentNew .BorderRight{
	height:16px;
	width:5px;
	position:absolute;
	}
	
	#DocumentNew #OngletDocumentNew .BorderLeft{
		left:0;
		top:0;
		background-image:url(../images/Middle/Document/NewDocument/Onglet/BorderLeft.gif);
	background-repeat:no-repeat;}
		
		#DocumentNew #OngletDocumentNew .BorderRight{
		right:0;
		top:0;
				background-image:url(../images/Middle/Document/NewDocument/Onglet/BorderRight.gif);
	background-repeat:no-repeat;}
	
	
	
	#DocumentNew .Section{
		background-color:#80a312;
		height:30px;
		line-height:30px;
		position:relative;
		margin-top:10px;
		cursor:pointer;
		font-weight:bold;
		font-size:12px;
		color:#FFFFFF;
		padding: 0 0 0 30px;
		background-image:url(../images/Middle/Document/NewDocument/Bout.png);
	background-repeat:no-repeat;
	background-position:10px center;
		}
		
		#DocumentNew .Section a{
			color:#FFFFFF;
			position:absolute; right:20px;
		}
		
		#DocumentNew .SectionDetail{
			border:1px solid #80a312;
			width:790px;
			margin:0 auto;
			border-top:0;
			
			}
			
			#DocumentNew .SectionDetail li{
			border-bottom:1px solid #999999;
			padding:6px 0;
					
	
			}
			
			#DocumentNew .SectionDetail li:last-child { border-bottom:0; }
			
			#DocumentNew .SectionDetail .DownloadDocument{
				float:right;
				width:110px;
				text-align:center;
				margin-right:5px;
				}
				
				#DocumentNew .BoutonDownload{
					
					position:relative;
					background-color:#80a312;
					height:27px;
					line-height:27px;
					text-align:center;
					color:#FFF;
					font-weight:bold;
					font-size:12px;
					}
			
			
		#DocumentNew .SectionDetail .NomDocument{
			padding:13px 0 0 6px;
			float:left;
			width:274px;
			}
			
		
			
			#DocumentNew .SectionDetail .DescriptionDoc{
				width:310px;
				padding-top:13px;
				float:left;
			}
		
		#DocumentNew #ContOnglet{
			padding:20px 12px;
			}
	
	
	
	.CorTrTL, .CorTrTR, .CorTrBL, .CorTrBR{
	height:5px;
	width:5px;
	background-image:url(../images/Middle/Corner/CornerSprite.gif);
	background-repeat:no-repeat;
	position:absolute;
	z-index:20;
}


.CorTrTL {
	background-position:-51px -2px;
	left:0;
	top:0;
}
.CorTrTR {
	background-position:-57px -2px;
	right:0;
	top:0;
}
.CorTrBR {
	background-position:-57px -8px;
	bottom:0;
	right:0;
}
.CorTrBL {
	background-position:-51px -8px;
	bottom:0;
	left:0;
}


.Left{
	float:left;
	position:relative;
	display:inline;
}

.Right{
	float:right;
	position:relative;
	display:inline;
}

#CommandeForm{
	width:540px;
}

#AdresseEnvois{
	width:220px;
}


#CommandeForm input {
	border:1px solid #80a311;
	width:49px;
	height:14px;
	color:#333;
	font-style:normal;
	margin:1px;
	margin-left:5px;
	margin-right:5px;
}

#commandeDocu{
	margin:10px 0 0 0;	
}

.BlocAdresse{
	position:relative;
	background-color:#dfdfdf;
	padding:10px;
	margin-top:10px;}
	
#AdresseEnvois #Boutons {
	height:23px;
	margin-top:5px;
}

#AdresseEnvois .Boutons {
	height:23px;
	font-size:0px;
	background-color:#7d7d7d;
	cursor:pointer;
	float:left;
}
	
	
	.BlocAdresse input {
	border:1px solid #dfdfdf;
	height:14px;
	background-color:#dfdfdf;
	width:auto;
	color:#333;
	font-style:normal;
	margin:1px;
}
.BlocAdresse input.Border {
	border:1px solid #80a311;
	background-color:#FFFFFF;
}
.BlocAdresse input.Adress {
	width:150px;
}
.BlocAdresse input.Num {
	width:25px;
}
.BlocAdresse input.Cp {
	width:35px;
}
.BlocAdresse input.Ville {
	width:80px;
}

#DocumentDossier #ListeDossier{
	padding:0 0 0 3px;
}

#DocumentDossier #ListeDossier li{
	width:258px;
	float:left;
	position:relative;
	display:inline;
	border:1px solid #80a311;
	padding-bottom:8px;
	margin:14px 4px 0 4px;
	
	}
	
#DocumentDossier #ListeDossier .TitleDossier{
	color:#FFFFFF;
	background-color:#80a311;
	font-size:12px; font-weight:bold;
	height:28px;
	line-height:28px;
	padding-left:12px;
}

#DocumentDossier #ListeDossier .ContenuDossier{
	width:232px;
	margin:8px auto 0 auto;
}

#DocumentDossier #ListeDossier .ContenuDossier img{
	margin-left:12px;	
}

#DocumentDossier #ListeDossier .ContenuDossier p{
	margin:0; padding:15px 0; font-size:12px;	
}


/* --- Fin Descriptif --*/
/*img.Img_Png{

background-image:url(http://localhost/AdminProprio/web/images/Middle/Boutons/NextBl.png);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://localhost/AdminProprio/web/images/Middle/Boutons/NextBl.png', sizingMethod='image');
height:25px;
width:25px;
}/*

/* fin de popup d'erreur */


/* CheckPlan */
#checkPlan {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding: 0 50px 50px;
	color: #333;
}
#checkPlan .right {
	float: right;
}
#checkPlan .left {
	float: left;
}
#checkPlan .planWrapper {
	padding: 0 20px 0 23px;
}
#checkPlan .planContent {
	padding: 0 29px;
}
#checkPlan h2 {	
	font-size: 16px;
}
#checkPlan h2 img {	
	float: none;
	vertical-align: middle;
	border: 1px solid #FFF;
	-webkit-box-shadow: #AAA 0 0 3px;
	-moz-box-shadow: #AAA 0 0 3px;
	box-shadow: #AAA 0 0 3px;
	margin: 0 0 0 12px;
	behavior: url(/css/pie/PIE.htc);
}
#checkPlan h2:first-letter {
	color: #FFF;
	font-size: 39px;
	padding: 0 2px 6px 9px;
	background:url(../images/plan3d/title_bg.png) no-repeat 0 0;
	vertical-align: middle;
}
#checkPlan h3 {
	background: #f6f5f1;
	font-size: 14px;
	font-weight: normal;
	line-height: 31px;
	padding: 0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 14px 0;
}
#checkPlan h3 span {
	display: block;
	float: left;
	background:url(../images/plan3d/subtitle_bg.png) no-repeat 0 center;
	color: #FFF;
	font-weight: bold;
	width: 23px;
	text-align: center;
	font-size: 13px;
	margin: 4px 10px 0 0;
	line-height: 20px;
	height: 23px;
}
.before h3 {
	margin: 0 0 33px;
}
#checkPlan p {
	line-height: 18px;
	margin: 0 0 20px;
}
#checkPlan p.info {
	color: #666;
	font-weight: bold;
	font-style: italic;
}



#checkPlan .BoutonType6 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #93B710;
	behavior: url(/css/pie/PIE.htc);
	position:relative;
	border: 3px solid #fff;
	height:39px;
	line-height:38px;
	font-size:20px;
	font-weight:bold;
	background-image: url(../images/plan3d/BackType6.png);
	margin: 20px 0 0;
}
#checkPlan .BoutonType6 a, #checkPlan .BoutonType6 input {
	color:#FFF;
	text-decoration:none;
	background: url(../images/plan3d/bouton_bg.png) no-repeat left;
	padding:0 9px 0 40px;
	display:block;
}

#checkPlan .BoutonType6 input {
	border: 0;
	margin: 0;
	height:36px;
	font-size:20px;
	font-weight:bold;
	cursor: pointer;
	overflow: visible;
}
#checkPlan .BoutonType6:hover {
	background: url(../images/plan3d/BackType6Hover.png);
}

#checkPlan .BoutonType6-warning {
	background-image: url(../images/plan3d/BackType6Warning.png);
}
#checkPlan .BoutonType6-warning a {
	background: url(../images/plan3d/bouton_warning_bg.png) no-repeat left;
	padding: 0 9px 0 35px;
}
#checkPlan .BoutonType6-warning:hover {
	background-image: url(../images/plan3d/BackType6WarningHover.png);
}
#checkPlan .BoutonType6-noIcon a, #checkPlan .BoutonType6-noIcon input {
	background: none;
	padding: 0 9px;
}
#checkPlan .BoutonType6-disabled, #checkPlan .BoutonType6-warning-disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#checkPlan .BoutonType6-disabled a, #checkPlan .BoutonType6-warning-disabled a {
	cursor: default;
}
#checkPlan .BoutonType6-disabled:hover {
	background-image: url(../images/plan3d/BackType6.png);
}
#checkPlan .BoutonType6-warning-disabled:hover {
	background-image: url(../images/plan3d/BackType6Warning.png);
}
#checkPlan #Onglet { background: none; }
#checkPlan .Cont {
    border: 1px solid #80A312;
    clear: both;
    overflow: auto;
    padding: 16px 9px;
    position: relative;
}





#planAE {
	height:609px;
	position:relative;
	display:none;
}
#planAE .areaEtage area {
	cursor:pointer;
	z-index:9999;
}
#planAE .menuDeroulant {
	margin: 0;
	padding: 0;
}
#planAE .menuDeroulant li {
	float: left;
	list-style: none;
}
#planAE .menuDeroulant li a, #planAE #buttonMezza a {
	display: block;
	background-color: #F6F5F1;
	text-decoration: none;
	white-space:nowrap;
	font-weight: 700;
	margin: 0 0 1px;
	line-height: 20px;
	padding:2px;
}
#planAE #buttonMezza {
	display:none;
	position:absolute;
	left:600px;
	top:20px;
	z-index:2;
}
#planAE .menuDeroulant li a.Select, .menuDeroulant li a:hover, #planAE #buttonMezza a.Select, #planAE #buttonMezza a:hover {
	background-color: #80A311;
	color: #FFFFFF;
}
#planAE .menuDeroulant li a.FirstNav {
	padding: 0 10px 0 28px;
	background-image: url("../images/plan3d/Picto.gif");
	background-position: 10px center;
	background-repeat: no-repeat;
	margin:0 1px 0 0;
}
#planAE .menuDeroulant li a.FirstNav:hover, #planAE .menuDeroulant li a.FirstNav.Select {
	background-image: url("../images/plan3d/PictoSelect.gif");
	background-color:#80A311;
	margin-bottom:2px;
	font-size: 11px;
}
#planAE .menuDeroulant li ul {
	margin: 4px;
	padding: 1px 1px 0 1px;
	position: absolute;
	border: 1px solid #CCC9BF;
	visibility: hidden;
	font-size: 11px;
}
#planAE .menuDeroulant li ul li {
	float: none;
	display: inline
}
#planAE #menuPlan {
	z-index:9999;
	position:absolute;
	margin:1px;
}
#planAE .menuDeroulant li a, #planAE #buttonMezza a {
	width: auto;
	background-color: #F6F5F1;
	text-align: center;
	font-weight: 700;
	color:#333;
	padding-left:8px;
	padding-right:8px;
}
#planAE .menuDeroulant li a:hover {
	background-color: #80A311;
	color:#fff;
}
#dialogueInfo {
	background-image: url("/images/plan3dProprio/PopBackground.png");
	left: 200px;
	position: absolute;
	top: 150px;
	width: 311px;
	display:none;
	z-index:9999;
}
#dialogueInfo .PopTop {
	background-image: url("/images/plan3dProprio/PopTop.png");
	height: 5px;
}
#dialogueInfo .PopCont {
	background-image: url("/images/plan3dProprio/PopBackground.png");
	padding: 0 4px;
	font-size: 11px;
}
#dialogueInfo .PopTitle {
	background-color: #80A311;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
	height: 21px;
	line-height: 21px;
	padding: 0 0 0 7px;
}
#dialogueInfo .PopCont .Contenu {
	background-color:#fff;
	border: 1px solid #CCC9BF;
	padding: 9px 7px;
}
#dialogueInfo .PopBottom {
	background-image: url("../images/Layout/Fiche/Plan/PopBottom.png");
	height: 10px;
}
#planAE .map_blank_img {
	position: absolute;
	z-index: 2;
	top:0px;
	left:0px;
}
#planAE img.piece {
	display:none;
	position:inline;
	border:0px;
	z-index:80;
	cursor:pointer;
}
#planAE img.piece.Default {
	z-index:85;
	display:inline;
	position:absolute;
}
#planAE img.piece.dialogueToOpen {
	z-index:90;
}
#planAE img.piece.dialogueOpen {
	z-index:90;
}
#planAE img.active.piece {
	z-index:100;
}
#planAE #gallerieMap .etage {
	z-index:1;
	position:absolute;
	top:0;
	display:none;
	left:5px;/*	display:inline;*/
}
#planAE #loadingMap {
	width:805px;
	height:609px;
	background-image:url("/images/plan3dProprio/blank.gif");
	position:absolute;
}
#planAE #loadingMap img {
	position:relative;
	width:100px;
	height:100px;
	left:352.5px;
	top:254.5px;
}
#planAE div.batiment {
	text-align:center;
}
#planAE .noImagePlan {
	width:100%;
	padding-top:300px;
	font-weight:bold;
}
#checkPlan .error {
	color: red;
	font-size: 11px;
	padding: 2px 20px;
}

/* contrat */
#innerContrat {
	position:relative;padding-top:35px;
}
.imprimerContrat {
	position:absolute;top:0;right:0;
}

.caution{ height:24px; opcacity:1;transition: all 0.5s ease-in-out;}
.surplace .caution{
	transition: all 0.5s ease-in-out;
	height:0;
	opacity:0;
	
}

.surplace .caution td{display:none;}


.lienDocument {
	color: #003f35;
}



#cgv{padding:0 20px; font-size: 14px; font-family: Lato; color:#1d1d1b;}
#cgv p{font-size: 14px; line-height: 130%; padding: 5px 0 5px 10px;}
#cgv ul {
	list-style: none;
}
#cgv blockquote, #cgv q {
	quotes: none;
}
#cgv .titleDocument{font-size: 24px; font-family: DM Serif Text; color: #003f35; text-align: center;}
#cgv .titleDocument span{font-family: Lato; font-size: 16px; font-style: italic;}
#cgv blockquote:before, #cgv blockquote:after, #cgv q:before, #cgv q:after {
	content: '';
	content: none;
}
#cgv table {
	border-collapse: collapse;
	border-spacing: 0;
}


#cgv figure,#cgv img {display: block!important; float: none!important;}

#cgv ul, #cgv ol {
	padding: 5px 0;
	list-style-position: inside;
}
#cgv ul.step li {
	list-style: disc;
	list-style-position: inside;
}
#cgv ul.sousListe{
	padding: 0 20px;
}
#cgv ul.sousListe li {
	list-style: circle;
	padding:5px 10px;
}
#cgv a {
	color: #003f35;
}
#cgv li {
	padding: 5px 0;
}
#cgv .title {
	margin: 20px 0;
}
#cgv p.intitule {
	font-weight: bold;
	color: #003f35;
	font-size: 16px;
	padding: 5px 0;
}
#cgv .point {
	display: block;
	font-weight: bold;
}
#cgv b {
	font-weight: bold;
}
.footerCGV li{ font-size: 12px; display: inline-block; width: 48%;}
.footerCGV li:nth-child(2){text-align: right;font-size: 12px;}

#pricing tr.head, #pricing .selectPricing tr{border: 0;}
#pricing .selectPricing td{padding:0; text-align: left;}
#pricing tr.head h2{font-weight: bold; color: #003F35; font-size: 30px;font-family: "DM Serif Text";}

#pricing .selectPricing, #selfBilling .selectSelfbilling{background: #003F35; color: #fff;}
#pricing .selectPricing td, #pricing .selectPricing td:first-child{padding: 0 25px; width: inherit;}
#pricing .selectPricing  td:nth-child(2), #pricing .selectPricing  td:nth-child(3){padding:0 25px 0 0;}
#pricing .selectPricing td.year{width: 120px;}
#pricing .selectPricing td.month{width: 170px;}
#pricing .selectPricing td.typeSejour{width: 170px;}
#pricing .selectPricing .styled-select{display: block; width: 100%;}
#pricing .selectPricing .ctaDisplay{vertical-align: bottom;}
#pricing .selectPricing button{border-radius: 4px;font-size: 16px;text-align: center;padding: 7px 15px; height:42px; font-weight:bold;background: none; border: 0;cursor: pointer; background:#FBD7C9; color: #003F35;}

#pricing tr{border-bottom:1px solid #F5F5F5;}
#pricing td{padding: 14px 7px; font-size: 14px; text-align: center;}
#pricing td:first-child, #pricing td:nth-child(2){text-align: left;}
#pricing td:first-child{padding-left:0px; width: 170px; font-weight: bold;}

#pricing td:last-child{padding-left:0px;}
#pricing .intitulePricing td{text-align: center; font-weight: bold; font-size: 16px;}

#pricing .intitulePricing .tris{background:url(../images/pricing/icon_tris.svg) center center no-repeat; cursor: pointer; margin: 0 0 0 5px; vertical-align: middle; height: 20px; width: 20px; display: inline-block; }

#pricing .intitulePricing .info{background:url(../images/pricing/info.svg) center center no-repeat; cursor: pointer; margin: 0 0 0 5px; vertical-align: middle; height: 20px; width: 20px; display: inline-block; }


#pricing .dataPricing:hover{background: rgba(0, 63, 53, 0.08); }
#pricing .dataPricing td{padding: 4px 7px;}

#pricing .typeSaison{font-size: 14px; padding: 2px 15px; width: 115px;}

#pricing .Saison_0{background: rgba(49, 180, 3, 0.2); color: #1F7501;}/*basse saison */
#pricing .Saison_1{background: #FAFCA9; color: #5E5F3C;}/*Moyenne-saison  a */
#pricing .Saison_7{background: #FFE8BA; color: #786136;}/* moyen saison B*/
#pricing .Saison_8{background: rgba(225, 154, 17, 0.51); color: #684808;}/*moyen saison c */
#pricing .Saison_2{background: rgba(209, 123, 104, 0.3); color:#A0432F;}/*HAUTE saison */
#pricing .Saison_6{background: rgba(6, 165, 215, 0.3); color: #06546C;}/*noel */
#pricing .Saison_3{background: rgba(12, 75, 198, 0.3); color: #09368D;}/*nouvel an */
#pricing .Saison_5{background: rgba(126, 8, 122, 0.3); color:#4A0648;}/*f1 */
#pricing .Saison_4{background: rgba(201, 45, 176, 0.3); color:#6C195F;}/*weekends spéciaux */
#pricing .Saison_9{background: rgba(215, 45, 8, 0.38); color: #7B1D09;}/*haute saison d */
.MenuMaisonsPrincing{width: 196px; float: right;}


#popupInfoPricing{height:100%; display:none; width:100%; background-color: rgba(0, 0, 0, 0.5); position:fixed;top:0; left:0;z-index:999;cursor:inherit;}
#popupInfoPricing .dialogueBox{background:#fff; float:none; border:1px solid #003f35; border-radius:7px; position:relative; width:840px; padding:30px; top: 50%; margin:-200px auto 0 auto; box-shadow: 5px 4px 8px #333333;}
#popupInfoPricing .dialogueBox h2{font-weight:normal;  font-family:"DM Serif Text"; font-size:26px; line-height: 170%; margin:0 0 20px 0; padding:0;}
#popupInfoPricing .dialogueBox p{font-family: Lato; line-height: 130%;}
#popupInfoPricing .dialogueBox #closeDialogueBox{position:absolute; top:10px; cursor:pointer; right:10px;}




 .selectSelfbilling{padding: 20px 57px; }

#selfBilling .download{border: 1px solid #003F35; margin: 0 20px; border-radius: 4px; padding: 6px 20px 10px 54px; cursor: pointer; font-weight: bold; display: inline-block; color: #003F35; background:url(../images/selfBilling/download.svg) 24px center no-repeat; }

#selfBilling .selectSelfbilling .date {width: 412px;}
#selfBilling .tris{background:url(../images/selfBilling/tris.svg) center center no-repeat; cursor: pointer; vertical-align: middle; height: 20px; width: 20px; display: inline-block; }

#selfBilling .selectSelfbilling .date span{display: inline-block; padding: 0 6px;}
#selfBilling .selectSelfbilling .date span:nth-child(2){padding: 0;}
#selfBilling .selectSelfbilling .numResaSelfbilling{width: 180px;}
#selfBilling .selectSelfbilling .date input[type=date], #selfBilling .selectSelfbilling .numResaSelfbilling input[type=text] {width:142px; height: 19px;}
#selfBilling .selectSelfbilling .ctaDisplay{vertical-align: bottom; width: 91px; padding-bottom: 5px; padding-left: 34px;}
#selfBilling .selectSelfbilling button{border-radius: 4px;font-size: 16px;text-align: center;padding: 7px 15px; height:39px; font-weight:bold;background: none; border: 0;cursor: pointer; background:#FBD7C9; color: #003F35;}
#selfBilling .tableDisplayData td{padding: 5px 10px; font-size: 12px; text-align: center;}
#selfBilling .tableDisplayData td.price{text-align: right;}
#selfBilling .tableDisplayData th{text-align: center;}
#selfBilling tfoot td{font-weight: bold;}
#selfBilling tfoot td.price{border-top: 2px solid #003f35;}
#selfBilling .priceTotal{text-align: left!important;}
#selfBilling .tableDisplayData tr{border-bottom: 1px solid #e0e8e7; font-size: 14px;}

#selfBilling .numFactureBox{position: relative; cursor: pointer;}
#selfBilling .numFacture{max-width: 105px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#selfBilling .numFactureHover{display: none; background:#D9D9D9; padding: 0 10px; position: absolute;top: 5px; left: 0; border-radius: 5px;}
#selfBilling .numFactureBox:hover .numFactureHover{display: block;}

#selfBilling .downloadFacture {background:url(../images/selfBilling/download.svg) center center no-repeat; height: 24px; width: 24px; position: relative; top: 7px;}
#selfBilling .price{text-align: right;}
#selfBilling .tableDisplayDataLabel .price{text-align: center;}


.remarqueToms{margin: 20px 0 0 0;}



#newChargeTab td{border: 0!important; }
#newChargeTab .styled-select{vertical-align: middle; height: 36px;}
.feeComment input{max-width: inherit!important; text-align: left!important; width: 94% !important;}
.chargeSaveTab .commentCharge{border: 0!important;  padding: 0!important;}
.chargeSaveTab{border: 0!important;padding: 0!important;}
.chargeSaveTab td{box-sizing: border-box;}

.chargeSaveTab:last-child{border-bottom: 1px solid  #eaeaea !important;}




@media screen and (max-width: 1200px) {

	#AdminProprio {width: 1200px;}
}