/* 10px equivaut 0.8em */
/* 12px equivaut 1em */
/* 14px equivaut 1.2em */

html{
	width:100%;
	height:100%;
}
body{
	color: #333333;
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:0;
	width:100%;
	height:100%;
	/*background-color:#cacaca;*/
	/*background-repeat:repeat-x repeat-y;*/
	margin-left: auto;
    margin-right: auto;
	/*background-image:url(../image/fond_d2.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:fixed;*/
	
}
#container{
	width:100%;
	height:auto;
	min-height:100%;
	/*min-height:800px;*/
	/*margin-bottom:20px;*/
	/*padding-bottom:20px;*/
	margin-top:0px;
/*	margin-left: auto;
    margin-right: auto;*/
	/*background-color:blue;*/
	/*background-image:url(../image/fond.png);*/
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
#header{
	width:1200px;
	height:70px;
	/*background-image:url(../image/header.png);*/
	padding-top:20px;
	background-repeat: no-repeat;
	margin: auto;
	/*position:fixed;*/
}
#LogoHeader{
	width:450px;
	height:70px;
	/*margin-left:150px;*/
	background-repeat: no-repeat;
	/*background-color:yellow;*/
	/*position:fixed;*/
	float:left;
	font-size:2.4em;
	font-family:'Syncopate', sans-serif;
	font-weight: 700;
}
#bandeauEtape{
	width:1200px;
	height:35px;
	margin: auto;
	font-size:1.2em;
	margin-bottom:30px;
}
/*
.OngletEtape{
	width:300px;
	float:left;
	color:#FFFFFF;
	background-color:#0092cc;
}
*/
.CarreEtape{
	width:33px;
	height:27px;
	margin-right:10px;
	background: #cccccc url("../image/ui-bg_diagonals-small_75_cccccc_40x40.png") repeat scroll 50% 50%;
    border: 1px solid #aaaaaa;
    color: #222222;
	float:left;
	text-align:center;
	padding:6px 0px 0px 0px;
}
.LibEtape{
	/*width:218px;*/
	width:319px;
	height:27px;
	background-color:#cccccc;
	border: 1px solid #aaaaaa;
	float:left;
	padding:6px 0px 0px 20px;
}
.CarreEtapeActive{
	background: #0092cc url("../image/ui-bg_diagonals-small_75_0092cc_40x40.png") repeat scroll 50% 50%;
	color:#FFFFFF;
}
.LibEtapeActive{
	background-color:#0092cc;
	color:#FFFFFF;
}
.marginR20{
	margin-right:20px;
}
.marginR40{
	margin-right:40px;
}
#center{
	/*width:1300px;*/
	width:1200px;
	min-height:320px;
	height:auto;
	/*min-height:64.6%;*/
	/*background-color:white;*/
	margin: auto;
}
#BlocsCentreAc{
	width:1090px;
	/*min-height:240px;*/
	min-height:320px;
	height:auto;
	margin:auto;
	margin-top:20px;
	overflow:auto;
}
#BlocConteneurAcG, #BlocConteneurAcD{
	float:left;
	width:535px;
}
#BlocConteneurAcG{
	margin-right:20px;
}
.form_box{
	width:260px;
	color:#FFFFFF;
	font-size:1.2em;
	background-color:#0b3e6f;
	text-align:center;
	border-radius:0px 24px 0px 0px;
	padding-top:3px;
	padding-bottom:3px;
}
#BlocGaucheAc{
	color:#FFFFFF;
	font-size:1.2em;
	height:125px;
	padding-top:60px;
	width:485px;
	padding-left:50px;
	/*background:#0b3e6f url("../image/cadre1.jpg");*/
	background:#0b3e6f url("../image/ui-bg_diagonals-small_35_0b3e6f_40x40.png") repeat scroll 50% 50%;
}
#TypePresta{
	width:300px;
}
#ZoneLstAg{
	margin-top:10px;
}
#BlocDroitAc{
	min-height:143px;
	height:auto;
	width:493px;
	border:1px solid #0b3e6f;
	padding:20px;
	text-align:justify;
}
.LigLst{
	width:100%;
	height:34px;
}
.puce{
	font-size:24px;
	float:left;
	color:#0092cc;
	margin-right:5px;
}
.libLst{
	font-size:1.2em;
	float:left;
}
.btn_box{
	width:125px;
	text-align:center;
	float:right;
	background-color:#0092cc;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:0px 0px 0px 24px;
	cursor:pointer;
	height:16px;
}
#MsgErreur{
	color:#b80727;
	font-size: 1.2em;
}


#colGauche{
	float:left;
	width:780px;
	margin-right:45px;
	margin-bottom:10px;
}
#colDroite{
	float:left;
	width:375px;
}
/*
#FormG, #FormD{
	width:380px;
	height:160px;
	float:left;
}
#FormG{
	margin-right:20px;
}
*/
#FormC{
	width:418px;
	float:left;
	padding: 10px 180px 0px 180px;
}
.LigForm{
	width:100%;
	height:33px;
	margin-bottom:8px;
}
.LibForm{
	width: 100px;
	text-align:right;
	height: 33px;
	margin-right:10px;
	float:left;
}
.InputForm{
	float:left;
	width: 255px;
}

.champForm, .champFormPay{
	padding: 5px;
	background-color: #fff;
    border: 1px solid #d2d2d2;
}
.selectForm{
	padding: 5px;
	background-color: #fff;
    border: 1px solid #d2d2d2;
}
.champ40{
	width:40px;
}
.champ100{
	width:100px;
}
.champ186{
	width:186px;
}
.champ245{
	width:245px;
}
.champ250{
	width:250px;
}

.champ300{
	width:300px;
}

.champ430{
	width:430px;
}

.champ586 {
	width:586px;
}

.requis{
	border:1px solid red;
}
.TabCal{
    /*border: 1px solid #a6c9e2;
   border-radius: 4px;*/
    border-spacing: 4px;
    font-size: 1em;
    /*width: 100%;*/
}
.thCal{
    background-color: #2085b3;
    color: #ffffff;
    font-size: 1.2em;
	text-align:center;
	border-radius:4px;
}
.tdCal{
	/*border-bottom: 1px solid #a6c9e2;
	border-right: 1px solid #a6c9e2;*/
	text-align:center;
}
.tdOuvre{
	background-color:#038ba2;
	border-radius:4px;
	color:#FFFFFF;
	cursor:pointer;
}
.tdComplet{
	background-color:#e6e6e6;
	border-radius:4px;
}
.tdNonOuvre {
    background-color:#FFFFFF;
	border-radius:4px;
}
.tdResaEC{
	background-color:#82c76a;
	border-radius:4px;
}

#BandeauAgrement{
	height:50px;
	width:420px;
	margin:auto;
}
.LigTitreFooter{
	font-size:1.2em;
	font-weight:bold;
	height:20px;
}
.scroll-img {
  width: 1200px;
  height: 70px;
  overflow: hidden;
  font-size: 0;
  margin:auto;
}
.scroll-img ul {
  width: 2000px;
  padding:0;
/*  height: 50px;
  margin: 0;*/
}
.scroll-img ul li {
  display: inline-block;
 margin: 10px 16px 10px 0px;
}

/*
.scroll-img {
  border: 1px solid red;
  width: 680px;
  height: 142px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 700px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
#demo4.scroll-img ul,
#demo5.scroll-img ul {
  width: 1500px;
}
#demo5-btn {
  width: 680px;
  padding-top: 10px;
}
*/

#footer{
	/*width:1300px;*/
	width:1200px;
	margin: auto;
	margin-top: 40px;
}


.contain_box{
	border:1px solid #0b3e6f;
	height:auto;
	overflow: auto;
}
.bloc_box{
	width:88%;
	background-color: #0b3e6f;
	height:40px;
	border-radius:0px 24px 0px 0px;
	color: #ffffff;
    font-size: 1.2em;
    padding: 1.5% 6%;
    text-align: center;
	margin-top:25px;
}


.txtCenter{
	text-align:center;
}
.FloatLeft{
	float:left;
}
.FloatRight{
	float:right;
}
.btn_navig{
	/*width:21px;*/
	width:5%;
	height:31px;
	padding-top:5px;
	float:left;
	color:#2085b3;
	/*font-size:24px;*/
	font-size:2em;
	font-weight:bold;
}
#btn_suiv, #btn_prec{
	cursor:pointer;
}
.BlocCentreCal{
	width:90%;
}

.bloc_planning_global{
	width:750px;
	height:auto;
	overflow:auto;
	margin:10px auto 10px auto;
}
.titreRecap{
	color:#0b3e6f;
	font-size:18px;
}
#BlocsCentrePay{
	height: auto;
    margin: 0px auto auto;
    min-height: 265px;
    width: 1090px;
}
#BlocGauchePay, #BlocDroitPay{
	border: 1px solid #0b3e6f;
    height: auto;
    min-height: 198px;
    padding: 20px;
    text-align: justify;
    width: 493px;
}
.BlocRecapCmd{
	width:235px;
}
.msgErreur{
	color:#b80727;
	font-size:1.2em;
}

#LigCentrePay{
	width:1090px;
	margin:20px auto 10px auto;
	height:316px;
}
#BlocInfosPay{
	border: 1px solid #0b3e6f;
    height: auto;
    min-height: 226px;
    padding: 20px;
    text-align: justify;
    width: 1048px;
}


.ZonePaye{
	float:left;
}
#ZonePayeG{
	margin-right:48px;
	width:340px;
	height:226px;
	padding:0px 80px 0px 80px;
}
#ZonePayeGresa{
	margin-right:48px;
	width:340px;
	height:200px;
	padding:0px 80px 0px 80px;
}
#ZonePayeD{
	width:500px;
	height:200px;
	padding-top:13px;
}
.btn_excentre{
	width:125px;
	text-align:center;
	background-color:#0092cc;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:3px;
	border-radius:0px 24px 0px 24px;
	cursor:pointer;
	height:20px;
}
.btn_excentre a{
	text-decoration:none;
	color:#FFFFFF;
}
.ligCodeRemise{
	width:100%;
	height:30px;
}
#RemiseTot{
	background-color:#e8e8e8;
	font-weight:bold;
	font-size:16px;
	padding-top:8px;
	padding-left:2%;
	padding-right:2%;
	height:32px;
	width:96%;
}
#MsgErreurCodeRemise{
	height:30px;
	width:100%;
	color:#b80727;
	font-size:1.2em;
}

#ContainDivPay{
	/*width:455px;
	height:100px;*/
	width:395PX;
	height:82px;
	margin:auto;
	border:1px solid #aaaaaa;
}
.ChoixPaiement{
	float:left;
	text-align:center;
	padding:5px 14px;
}
.radioCB{
	padding-top:2px;
}
#LigneInfosSecu{
	width:397PX;
	height:18px;
	margin:auto;
	background-color:#aaaaaa;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}
#InfosCGV, #InfosFact{
	width:400px;
	margin:auto;
}
#InfosCGV a{
	color:#333333;
}




#BlocsCentreLoading{
	height: auto;
    margin: 120px auto auto;
    min-height: 100px;
    width: 1090px;
}
#LigCentreLoading{
	width:1090px;
	margin:20px auto 10px auto;
	height:100px;
	font-size:20px;
	text-align:center;
}

.txt14px{
	font-size:1.2em;
}
.txt16px{
	font-size:16px;
}
.txtLabel {
	display: inline-block;
	width: 155px;
}
.txtGras{
	font-weight:bold;
}
.txtBleu{
	color:#0092cc;
}
.Pointer{
	cursor:pointer;
}

#BlocRechInterv{
	/*height:75px;*/
	height:350px;
	width: 1090px;
	/*text-align:center;*/
}

#BlocInfosFact {
	border: 1px solid #0b3e6f;
  height: auto;
  min-height: 226px;
  padding: 20px 0px 20px 0px;
  /*text-align: justify;*/
  width: 1088px;
}

.BlocFormRechInt{
	width:800px;
	height:28px;
	margin:auto;
	margin-bottom:15px;
}
#LigneEmailComp{
	font-size:0.8em;
}
.AfficheMt{
	font-size:16px;
	padding-left:2%;
	padding-right:2%;
	height:25px;
	width:96%;
}

/* Pop up redirection paiement */
#Pop {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 700px;
	height: 300px;
	margin-top: -150px;
	margin-left: -350px;
	background-color:#FFFFFF;
	border:1px solid #d2d2d2;
	border-radius: 0 24px 0 24px;
}
#TitrePop{
	height:35px;
	padding-top:5px;
	padding-left:10px;
	background-color: #0b3e6f;
	color:#FFFFFF;
	font-size:20px;
	border-radius: 0 24px 0 0px;
}
#ImgCA{
	width:500px;
	height:94px;
}
#ImgCA img{
	width:100%;
	height:100%;
}
#NbSec{
	font-weight:bold;
	font-size:1.2em;
}

/*
img{
	border:none;
}
input, select {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
} 


*/



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* smartphone */
@media screen and (max-width:600px)
{
	#header{
		width:100%;
	}
	#LogoHeader{
		width:100%;
	}
	#center{
		width:100%;
	}
	#footer{
		width:100%;
		margin-top:20px;
	}
	#BandeauAgrement{
		width:100%;
	}
	#BandeauAgrement img{
		width:30%;
	}
	.scroll-img{
		width:100%;
	}
	
	#BlocsCentreAc{
		width:100%;
		margin: auto auto;
	}
	#BlocConteneurAcG{
		width:100%;
	}
	#BlocGaucheAc{
		width:99%;
		padding-left: 1%;
		padding-top: 30px;
		height: 155px;
	}
	#BlocConteneurAcD{
		width:100%;
		margin-top:10px;
	}
	#BlocDroitAc{
		width:96%;
		padding:2%;
		border-left:0px;
		border-right:0px;
	}
	/* Table de réservation */
	#bandeauEtape{
		width:100%;
		height: auto;
		overflow: hidden;
	}
	.LibEtape {
		width:78%;
	}
	.marginR20{
		margin-right:0px;
	}
	#colGauche, #colDroite, .contain_box, .bloc_planning_global{
		width:100%;
	}
	.contain_box{
		border-left:0px;
		border-right:0px;
	}
	.btn_navig{
		font-size:1.5em;
	}
	.thCal{
		font-size:0.6em;
	}
	#FormC{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	.LibForm{
		width:25%;
	}
	.InputForm{
		width:70%;
	}
	.champ245{
		width:85%;
	}
	.champ40{
		width:20%;
	}
	.champ186{
		width:58%;
	}
	/* paiement de la réservation */
	#BlocsCentrePay{
		width:100%;
		height: auto;
		overflow: hidden;
	}
	#BlocGauchePay, #BlocDroitPay{
		width:96%;
		padding: 2%;
		height: auto;
		overflow: hidden;
	}
	.BlocRecapCmd{
		width:100%;
	}
	.champ100{
		width:60px;
	}
	
	/* Paiement */
	#BlocRechInterv{
		width: 100%;
		height:auto;
	}
	.BlocFormRechInt{
		width:90%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		height:auto;
	}
	.LigRechNum{
		height:35px;
	}
	.champFormPay{
		width:45%;
	}
	#LigneRechNum{
		min-height:95px;
	}
	.MarginAuto{
		margin-left:auto;
		margin-right:auto;
		width:100%;
	}
	.champ300{
		width:90%;
	}
	#LigCentrePay{
		width:100%;
		height:auto;
	}
	#BlocInfosPay{
		width:100%;
		padding:0;
		margin:0;
		border-left:0px;
		border-right:0px;
		/* min-height:320px; */
		min-height:490px;
	}
	#ZonePayeG{
		width:90%;
		margin-right:0;
		padding: 5%;
	}
	#ZonePayeGresa{
		width:90%;
		margin-right:0;
		padding: 1% 5%;
	}
	#ZonePayeD{
		width:100%;
		padding-top:0px;
	}
	#ContainDivPay{
		width:100%;
		border-left:0px;
		border-right:0px;
		height:90px;
	}
	#LigneInfosSecu{
		width:100%;
	}
	.ChoixPaiement{
		width:16%;
		padding:2% 4%;
	}
	.ChoixPaiement img{
		width:100%;
		height:100%;
	}
	#InfosCGV, #InfosFact{
		width:100%;
	}
	#Pop {
		left: 50%;
		margin-left: -50%;
		margin-top: -50px;
		top: 50%;
		width: 99%;
	}
	#ImgCA{
		width:98%;
		height: auto;
	}
	/* pied de page */
	.LigTitreFooter{
		padding:2%;
	}
}