/* -------------------------------------------
	VERSION 24 septembre 2020 
	INTEGRE Windows ex fancybook + font light  + méteo + calendrier shaperie
*/

*{font-family:Verdana, Geneva, sans-serif;margin:0px;}
html {max-width:100%;}
body{background-color:#FFF;margin: auto;max-width:502px;}
img {border:0px;}
span.small{font-size:10px;}
a{color:black;}
.boxResaCB {display:block;position:relative;min-height:700px;overflow:visible;}
.boxResaCBxl {display:block;position:relative;min-height:770px;overflow:visible;}
@media (max-width: 330px) {
	.boxResaCBxl {width:100%;}
}

.text-12n {font-size:12px;color:#46474c;text-align:left;line-height: 1.4;}
.text-14n {font-size:14px;color:#46474c;text-align:left;line-height: 1.4;}
.text-14c {font-size:14px;color:#46474c;text-align:center;line-height: 1.4;}
.reglement{font-size:12px;color:#46474c;text-align:center;margin-top:30px;margin-bottom:20px;}
.langues{position:relative;margin:3px 5px 0px 0px;float:right;}
.boxTitre{display:block;position:relative;padding:2px 5px 2px 15px;}
.boxTitreTxt {font-size:16px;color:#46474c;text-align:left;line-height: 1.4;font-weight:700;padding:2px 1px;}
.boxTitreTxtC {font-size:16px;color:#46474c;text-align:center;line-height: 1.4;padding:2px 15px;}
.boxRecapCde{font-size:14px;font-weight:500;text-align:center;color:#0c212f;line-height:1.8;padding:5px 15px;}

.boxRetour {display:block;position:relative;text-align:center;width:auto;margin:30px auto 20px auto;}
.boxBtCenter {display:block;position:relative;text-align:center;margin:15px auto 15px auto;}
.boxBtCenterVIP {display:block;position:relative;text-align:center;margin:5px auto 5px auto;}
.titre{display:block;position:relative;margin-top:10px;padding-left:15px;}
.titre-filet{margin-top:15px;}

.boxAlertSuccess{display:inline-block;padding:10px 30px;border:1px solid #026813;background:#bce8c4;color:#026813;font-size:18px;font-weight:700;text-align:center;margin:0px auto;border-radius:10px;}
.boxAlertWarning{display:inline-block;padding:10px 30px;border:1px solid #fde007;background:#f79819;color:#fde007;font-size:18px;font-weight:700;text-align:center;margin:0px auto;border-radius:10px;}
.boxAlertErreur{display:inline-block;padding:10px 30px;border:1px solid #db230c;background:#e1a9a3;color:#db230c;font-size:18px;font-weight:700;text-align:center;margin:0px auto;border-radius:10px;}

.marg20 {margin:20px 0px;}
.avancement{display:block;position:relative;height:70px;text-align:center;width:100%;margin:0px auto;padding:0px;}
.avancement2{display: inline-block;position:relative;height:70px;text-align:center;}
/* TITRE INCRUSTE */
.boxTab {display:block;position:relative;margin:-1px auto 0px auto;}
.boxTabTitreMenu{display:block;position:relative;text-align:center;padding:7px 5px 7px 5px;}
.boxTabTitreMenu img{cursor:pointer;height:28px;float:right;}
.boxTabTxt{display:inline-block;position:relative;font-size:16px;font-weight:700;padding:7px 20px;background:#f6f6f0;border-radius:20px;}
.boxTabSuiteMenu {display:block;position:relative;margin:0px;vertical-align:top;background:#fff;padding:2px 5px;border-radius:20px 0px 0px 0px;}

/* VILLE LIVRAISON */
.boxVille{display:block;position:relative;text-align:center;padding:5px 8px;line-height:1.8;word-break: break-all;}
.boxVilleTitre{text-align:center;font-size:16px;padding:7px 20px;font-weight:500;line-height:1.8;}	
.boxVilleLib{display:inline-block;position:relative;text-align:center;font-size:16px;padding:5px 15px;line-height:1.8;overflow-wrap: break-word;word-break: break-all;}
/* FAMILLE / MENU */
.cadreFood{display:table;content:" ";position:relative;text-align:center;margin:0px auto 20px auto;padding:0px 2px 0px 2px;}
.boxFamTexte{padding:2px 7px 2px 70px;font-size:12px; }
.boxFoodDesc{margin:0px auto;font-size:12px;text-align:left;padding-left:20px;}
.pictoDelPanier{float:right;vertical-align:top;margin:0px 5px;cursor:pointer;}
.boxFoodPanier{padding:5px 5px 5px 15px;min-height:38px;}	
.boxFam{display:inline-block;position:relative;vertical-align:top;width:45%;height:250px;margin:1px 5px 25px 5px;}		
.boxFormule{display:inline-block;position:relative;text-align:center;font-size:14px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);line-height:1.8;font-weight:700;cursor:pointer;margin:7px 7px 8px 8px;padding:5px 6px 5px 6px; border-radius:10px;box-shadow: 2px 2px 5px #2a607a;}		
@media (max-width: 400px) {
	.boxFormule{font-size:12px;margin:7px 1px 8px 1px;padding:5px 1px 5px 2px;}
	.boxFam{height:222px;}
	.boxFoodPanier{padding:2px 5px 2px 15px;}	
	.boxFoodDesc{max-width:310px;}
}
/* BOUTON FAMILLE IMAGE JPG */		
.boxFamTitre{display:block;position:relative;font-size:14px;font-weight:700;padding:7px 2px 8px 2px;text-align:center;}	
.boxFamPrix{display:block;position:relative;font-size:14px;font-weight:700;padding:4px 5px 8px 5px;text-align:center;}	
.boxFamChoix{display:block;position:absolute;left:25%;bottom:-18px;}
@media (max-width: 420px) {
	.boxFamChoix{left:15%;}
	.boxFamTitre{padding:7px 2px 5px 2px;height:35px;}	
}
/* BOUTON FAMILLE PICTO PNG */
.boxFamSmal{display:inline-block;position:relative;vertical-align:top;width:120px;margin:1px 5px 25px 5px;}			
.boxFamTitreSmal{display:block;position:relative;font-size:14px;font-weight:700;padding:7px 2px 0px 2px;text-align:center;}	
.boxFamPrixSmal{display:block;position:relative;font-size:14px;font-weight:700;padding:0px 5px 8px 5px;text-align:center;}	
.boxFamChoixSmal{display:block;position:relative;margin:0px auto 5px auto;}	


.boxFoodTexte{display:block;position:relative;font-size:12px;font-weight:400;padding:8px 2px 4px 2px;text-align:left;}
.boxFoodTexte{background: url("img/p_burger_30.png") no-repeat center;}
.boxFoodPrix {display:block;position:relative;font-size:14px;font-weight:400;padding:8px 2px 4px 2px;text-align:center;}
.boxFoodChoix{display:block;position:absolute;bottom:5px;left:15px;}
.boxDessert{font-size:12px;color:#061f22;}
		
/* PANIER : inc_panier_banque */
.boxFoodRecapPrix{font-size:14px;font-weight:500;text-align:center;color:#0c212f;}
.boxFoodRecapDetail{font-size:12px;font-weight:500;text-align:center;color:#0c212f;}
.boxFoodRecapFormule{font-size:14px;}
/* BOUTON PANIER */
.btPanier{display:block;position:absolute;cursor:pointer;right:5px;width:65px;height:44px;border-radius:20px;}
.btPanier img{float:left;cursor:pointer;margin:4px 3px 0px 3px;}
.btPanier a{text-decoration:none;}
.btPanierTxt{display:block;position:relative;text-align:left;padding:7px 0px;vertical-align:middle;font-size:22px;font-weight:700;color:white;cursor:pointer;}
.boxRecapHome{display:block;position:relative;max-width:300px;margin:5px auto;padding:5px;font-size:18px;font-weight:500;color:#46474c;text-align:center;line-height:1.2;}
.boxRecap{display:block;position:relative;max-width:280px;margin:2px auto 2px auto;padding:2px 8px;font-size:16px;font-weight:500;color:#46474c;text-align:center;line-height:1.4;}
@media (max-width: 440px) {
	.boxRecapHome {width:180px;margin:5px auto;}
}
/* PANIER */

.cadreOption{display:block;position:relative;text-align:left;padding:5px;}
.cadreOptionTitre{display:block;position:relative;text-align:left;padding:0px 5px;vertical-align:top;}
.cadreOptionTitre img{float:left;margin-right:15px;height:35px;}

.boxOption{display:block;position:relative;max-width:390px;margin:15px auto;vertical-align:top;}
.boxOptionLib{display:inline-block;position:relative;width:260px;text-align:left;vertical-align:top;font-size:14px;font-weight:600;}
.boxOptionLibNoPrix{display:inline-block;position:relative;width:320px;text-align:left;vertical-align:top;font-size:14px;font-weight:600;}
.boxOptionPrix{display:inline-block;position:relative;min-width:60px;text-align:right;vertical-align:top;font-size:14px;font-weight:500;}
.boxOptionRep{display:inline-block;position:relative;min-width:50px;text-align:center;}
.admInputChoix{font-size:14px;width:24px;height:24px;margin-left:2px;cursor:pointer;}
.boxOptionPrix1{display:inline-block;position:relative;min-width:60px;padding-top:6px;text-align:right;vertical-align:top;font-size:16px;font-weight:500;}
@media (max-width: 440px) {
	.boxOption{max-width:320px;}
	.boxOptionLib{width:190px;}
	.boxOptionPrix{width:40px;}
	.boxOptionLibNoPrix{width:250px;}
}
/* QUANTITE SAISIE PLUS MOINS */
.boxArt{display:block;position:relative;max-width:450px;margin:15px auto;vertical-align:top;padding:2px 3px;}
.boxArtLib{display:inline-block;position:relative;width:250px;text-align:left;vertical-align:top;font-size:14px;font-weight:700;padding-top:12px}
.boxArtPrix{display:inline-block;position:relative;width:70px;text-align:left;vertical-align:top;font-size:14px;font-weight:500;padding-top:12px;}
.boxArtQteFiche {display:inline-block;position:relative;}
.boxArtQteTxt {display: inline-block;text-align:right;vertical-align:top;padding:10px 7px 0px 2px;font-size:14px;}
.boxArtQteMoins {display: inline-block;text-align:right;margin-top:3px;cursor:pointer;}
.boxArtQtePlus {display: inline-block;text-align:left;margin-top:3px;cursor:pointer;}
.boxArtQteNb{display: inline-block;text-align:center;vertical-align:top;}
.boxArtQteNb input{width:30px;text-align:center;}
@media (max-width: 460px) {
	.boxArtLib{max-width:200px;}
}
@media (max-width: 420px) {
	.boxArtLib{max-width:180px;}
	.boxArtPrix{width:60px;}
}	
@media (max-width: 380px) {
	.boxArt{max-width:360px;}
	.boxArtPrix{width:45px;}
	.boxArtLib{max-width:175px;}
}	
@media (max-width: 360px) {
	.boxArtPrix{width:45px;}
	.boxArtLib{width:158px;}
}
/* NEW */
.formPrix {height:20px;padding: 3px 4px;font-size: 14px;line-height: 1.4;color: #555555;vertical-align: middle;background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* DATE HEURE */		
.BoxCalendrier{display:block;position:relative;text-align:center;width:490px;margin:10px auto 20px auto;padding:0px 1px 0px 1px;}
@media (max-width:490px) {.BoxCalendrier{width:95%;}}
.boxHeure {display:block;position:relative;padding:5px 15px 5px 15px;}
@media (max-width:360px) {.boxHeure{padding:5px 7px 5px 7px;}}
.boxHeureClose{padding:5px 20px;line-height:1.4;}
.btHeure{display:inline-block;position:relative;margin:7px 4px 0px 4px;}
.boxNbc {display:table;content:" ";position:relative;padding:2px 15px;margin:5px auto;text-align:center}
.btNbc{display:block;float:left;padding:6px 8px 0px 8px;margin:10px 10px 10px 10px;text-decoration:none;text-align:center;}
.boxComplet{display:block;position:relative;text-align:center;font-size:14px;font-weight:700;padding:15px 10px 15px 10px;margin:10px auto 10px auto;line-height:1.4;}

.boxHeurePeriode2017{display:block;position:relative;width:120px;margin:5px 0px 0px 3px;padding:5px 10px 5px 10px;font-size:14px;font-weight:700;color:white;
	border-top-left-radius: 5px;
}
/* BOUTONS */
.btRestoN2017{font-size: 14px;font-weight:700;padding: 10px 24px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;
	text-decoration:none;text-align:center;	
}
.btRestoN2017:hover,.btRestoN2017:focus {color: #eed357;text-decoration: none;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
		transition: background-position 0.1s linear;
}
.btRestoN2017.active,.btRestoN2017:active {color: #eed357;background-image: none;outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.boxHeurePeriode{display:block;position:relative;width:120px;margin:15px 0px 0px 3px;padding:5px 10px 5px 10px;font-size:14px;font-weight:700;color:white;
	border-top-left-radius: 5px;
	background-image: -moz-linear-gradient(left, #2c3345, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c3345), to(#ffffff));
	background-image: -webkit-linear-gradient(left, #2c3345, #ffffff);
	background-image: -o-linear-gradient(left, #2c3345, #ffffff);
	background-image: linear-gradient(to right, #2c3345, #ffffff);
}
/* TRUCK TAKE AWAY : COMMANDE / VOIR CARTE - MAI 2020 */
.btCde2020{display:inline-block;position:relative;font-size: 14px;font-weight:700;padding: 10px 16px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;
	text-decoration:none;text-align:center;	
}
.btCde2020:hover,.btCde2020:focus {color: #f6d20c;text-decoration: none;/*background-position: 0 -25px;*/
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
		transition: background-position 0.1s linear;
}
.btCde2020.active,.btCde2020:active {color: #f6d20c;background-image: none;outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.boxCompteBt{display:inline-block;position:relative;margin:10px 15px;}	
.boxbtCompte{display:inline-block;position:relative;margin:5px 0px 0px 5px;}
.btCompte{display:inline-block;position:relative;font-size: 14px;font-weight:700;padding: 7px 12px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;
	border-radius:20px;
	text-decoration:none;text-align:center;	
}
.btCompte:hover,.btCompte:focus {color: #f6d20c;text-decoration: none;/*background-position: 0 -25px;*/
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
		transition: background-position 0.1s linear;
}
.btCompte.active,.btCompte:active {color: #f6d20c;background-image: none;outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btRetour {font-size: 14px;font-weight:700;padding: 10px 16px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;
	text-decoration:none;text-align:center;	
}

.btRetour:hover,
.btRetour:focus{color: #ffffff;background-color: #f89406;text-decoration: none;
	background-position: 0 -25px;
	-webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}
.btValider {font-size:16px;font-weight:700;padding: 12px 18px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;letter-spacing: 0.05rem;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;
	text-decoration:none;text-align:center;	cursor:pointer;
}

.btValider:hover,
.btValider:focus{color: #ffffff;background-color: #51a351;text-decoration: none;
	background-position: 0 -25px;
	-webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}
/* BT envoyer mdp */
.btnBlanc {display:inline-block;position:relative;font-size: 14px;font-weight:700;padding: 10px 10px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e6e3de;
	background-image: -moz-linear-gradient(top, #e6e3de, #d5d4d3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e3de), to(#d5d4d3));
	background-image: -webkit-linear-gradient(top, #e6e3de, #d5d4d3);
	background-image: -o-linear-gradient(top, #e6e3de, #d5d4d3);
	background-image: linear-gradient(to bottom, #e6e3de, #d5d4d3);
	background-repeat: repeat-x;
	border-color: #d5d4d3 #d5d4d3 #e6e3de;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;
	text-decoration:none;text-align:center;	cursor:pointer;
}
.btnBlanc:hover,
.btnBlanc:focus{color: #ffffff;background-color: #d5d4d3;text-decoration: none;
	background-position: 0 -25px;
	-webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}
/* BOUTON ENVOYER RESERVER */
.btConfirmer input[type=submit] {font-size: 16px;font-weight:700;padding: 14px 26px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);margin:0;border:0;
	background-image:-moz-linear-gradient(top,#74b931, #a7d34e);
	background-image:-webkit-linear-gradient(top, #74b931, #a7d34e);
	background-image: -o-linear-gradient(top, #74b931, #a7d34e);
	background-image: linear-gradient(to bottom, #74b931, #a7d34e);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}

.btConfirmer input[type=submit]:active {background-image:-moz-linear-gradient(top,#74c102, #a7d34e);background-image:-webkit-linear-gradient(top, #74c102, #a7d34e);box-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff;}
.btConfirmer  input[type=submit]:hover {color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3);background-image:-moz-linear-gradient(top,#74c102, #36a10e);background-image:-webkit-linear-gradient(top, #74c102, #36a10e);}

.periode{text-align:center;margin-bottom:40px;}
.heure{border:1px solid black;color:black;display:block;float:left;padding:4px 0px 4px 0px;margin:7px 4px 0px 4px;width:65px;text-decoration:none;font-size:12px;text-align:center;}
.nbc{height:24px;border:1px solid black;color:black;display:block;float:left;padding:6px 0px 0px 0px;margin:7px 4px 5px 4px;width:65px;text-decoration:none;font-size:14px;text-align:center;}

/* FORMULAIRE 2017 */
.boxFormulaire {display:block;position:relative;padding:0px 5px 0px 5px;height:auto;margin:0px auto 0px auto;}
.boxFormulaireBt{display:block;position:relative;text-align:center;margin-top:15px;padding:0;}
.boxFormulaireRetour {display:inline-block;position:relative;text-align:center;width:auto;margin:5px 10px 15px 10px;}
.boxFormulaireRetour2{display:none;position:relative;text-align:center;width:auto;margin:25px auto 15px auto;}
.boxFormulaireValid {display:inline-block;position:relative;text-align:center;width:auto;margin:5px 10px 15px 10px;}

@media (max-width: 420px) {
	.boxFormulaire{padding:0px 0px 0px 2px;}
	.boxFormulaireRetour2 {display:block;}
	.boxFormulaireRetour {display:none;}
	.boxFormulaireValid {display:block;;margin:20px auto 15px auto;}
}

/* formulaire saisie 2019 */
.boxChamp {display:block;position:relative;margin:10px auto 0px auto;padding:3px 5px 0px 5px;text-align:center;}
.boxLabel {display:inline-block;padding:6px 5px 0px 5px;margin:0;vertical-align:top;text-align:right;font-size:12px;} 
.boxInput{width:300px;padding:5px 2px;vertical-align: top; text-align: left;min-height:24px;font-size:12px;}
.boxInputP{width:120px;padding:5px 2px;vertical-align: top; text-align: left;min-height:24px;font-size:12px;}
.boxInputN{width:160px;padding:5px 2px;vertical-align: top; text-align: left;min-height:24px;font-size:12px;}
@media (max-width: 380px) {
	.boxLabel {padding: 5px 2px 5px 2px;margin-top:5px;}
	.boxInput {margin: 2px 0px 5px 0px;text-align:left; }
}
@media (max-width: 330px) {
	.boxInputP {width:110px;}
	.boxInputN{width:140px;}
	.boxInput {width:280px;margin: 2px 0px 5px 0px;text-align:left; }
}
.boxMessage{padding:2px;}
.adrInputMess {width:95%;height: 6em;padding: 6px 6px;font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;line-height: 1.4;color: #555555;vertical-align: middle;background-color: #ffffff;border: 1px solid #cccccc;border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} 
	
.boxCDG {display:block;position:relative;margin:7px auto 5px 20px;padding:0px 7px 0px 5px;font-weight:500;}
.boxCDG a {text-decoration:none;}
@media (max-width: 380px) {
	.boxCDG {margin:5px auto;}
}
.inputCB2018{text-align:left;cursor: pointer;padding:0px;font-size:14px;}
.labelCB2018{display:inline-block;padding:0px;text-align:left;margin:0px;vertical-align:top;height:22px;font-size:16px;}	
		
/* checkbox */
.boxCheck {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.boxCheck input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.boxCheck:hover input ~ .checkmark {background-color: #ccc;}
.boxCheck input:checked ~ .checkmark {background-color: black;}
.checkmark:after {content: "";position: absolute;display: none;}
.boxCheck input:checked ~ .checkmark:after {display: block;}
.boxCheck .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	
.confCDG {margin:15px auto;font-size:12px;}
.txtRetractation {font-size:10px;margin:10px auto;padding:2px 20px;}
.boxCGV {display:block;position:relative;height:500px;font-size:11px;margin-top:20px;padding:7px;overflow:scroll;}



#etape-ok{display: inline-block;position:relative;float:left;text-decoration:none;color:black;text-align:center;border:0px;margin-left:15px;margin-right:15px;} 
@media (max-width:470px) {#etape-ok{margin-left:5px;margin-right:5px;}}
@media (max-width:370px) {#etape-ok{margin-left:1px;margin-right:1px;}}

#etape1, 
#etape2, 
#etape3, 
#etape4{position:relative;float:left;text-decoration:none;color:black;text-align:center;border:0px;}
#etape0{float:left;height:70px;width:64px;margin-left:10px;margin-right:10px;}

.erreur{color:red;}

	
/********************************
*		boutons avancement		*
********************************/
.opacity_mini{opacity:.2;filter:alpha(opacity=20);-moz-opacity:0.2;}
	
hr{border: none;
	background-image: url('../img/filet.png') ; /* Cette fois on veut une image (image dégradé blanc vers bleu), */
	background-repeat: no-repeat;               /* non répétée, et on poursuit avec la couleur bleu une fois l'image terminée */
	height:2px;
}

.ligne{background-color:black;font-size:0px;width:260px;height:1px;background-image:url('../img/filet.png');
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/filet.png', sizingMethod='scale');
}

/********************************
*		drapeaux de langues		*
********************************/
.fond_drapeaux{background-color:#d1d1d1;text-align:center;padding:3px 0px 3px 0px;}
.img_drapeau{width:15px;border:0px;margin:4px 0px 4px 0px;}

/* SAISIE */
.form-control:-moz-placeholder {color: #999999;}
.form-control::-moz-placeholder {color: #999999;}
.form-control:-ms-input-placeholder {color: #999999;}
.form-control::-webkit-input-placeholder {color: #999999;}

.form-control {height:30px;padding: 6px 10px;font-size: 14px;line-height: 1.4;color: #555555;vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {border-color: #66afe9;outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/* ------------ NOUVEAU sept. 2020--------------------- */
/* AVIS : utilisé pour affiché la liste des avis dans module de réservation - 16 mai 2020 */
/*  PAGINATION */
		.pagelist {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
		.pagelist > li {display: inline;}
		.pagelist > li > a,
		.pagelist > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;
			background-color: #ffffff;
			border: 1px solid #dddddd;
		}
		.pagelist > li:first-child > a,
		.pagelist > li:first-child > span { margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
		.pagelist > li:last-child > a,
		.pagelist > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
		.pagelist > li > a:hover,
		.pagelist > li > span:hover,
		.pagelist > li > a:focus,
		.pagelist > li > span:focus {
			background-color: #eeeeee;
		}
		.pagelist > .active > a,
		.pagelist > .active > span,
		.pagelist > .active > a:hover,
		.pagelist > .active > span:hover,
		.pagelist > .active > a:focus,
		.pagelist > .active > span:focus {
			z-index: 2;
			color: #ffffff;
			cursor: default;
			background-color: #f58221;
			border-color: #f58221;
		}
/* AVIS */
		.boxAvisTemoin{padding:5px 15px;vertical-align:top;}
		.boxAvisMoyen{display:inline-block;position:relative;line-height:1.6;font-size:16px;font-weight:700;vertical-align:top;padding:0px 15px 0px 20px;}
		.boxAvisPrenom{display:inline-block;position:relative;line-height:1.6;font-size:14px;font-weight:700;vertical-align:top;padding:0px 7px 0px 2px;}
		.boxAvisMoyenStar{display:inline-block;position:relative;}
		.boxAvisComment{padding:5px 0px 0px 10px;font-size:14px;line-height:1.6;}
		.boxAvisDate{padding:8px 0px 0px 15px;font-size:12px;}
		
/* CALENDRIER shaperie */
.calendar_mobile{display:none;position:absolute;}
.calendar_fixe {display:none;}

#calendar *{font-family:sans-serif;}

#calendar a{color:#37567F;text-decoration:none;text-align:center;}
#calendar a:hover{color:black;text-decoration:none;}

#calendar table.calendar {border-collapse:collapse;width: 480px; height: 300px; margin-left:auto;margin-right:auto;}
@media (max-width:490px) {
	#calendar table.calendar{margin-left:0px;margin-right:0px;width:100%;}
}
#calendar table.calendar td
{padding:2px 4px;font-size:22px;color:#37567F;background-color:white;text-align:center;cursor:default;}

#calendar table.calendar td.previous,
#calendar table.calendar td.next
{font-weight:bold;cursor:pointer;}

#calendar table.calendar td.year {font-size:26px;font-weight:bold;}
#calendar table.calendar td.month {font-size:26px;font-weight:bold;}

#calendar table.calendar td.other_day {font-size:22px;text-align:center;cursor:pointer;border-radius:100%;}
#calendar table.calendar td.today {font-size:22px;text-align:center;cursor:pointer;border-radius:100%;}
#calendar table.calendar td.old_day {font-size:22px;text-align:center;color:#cccccc;}
#calendar table.calendar td.disabled_date{font-size:22px;text-align:center;color:#cccccc;cursor:pointer;}
#calendar table.calendar td.select_day {font-size:22px;text-align:center;cursor:pointer;}

#calendar table.calendar td.roll_over {font-size:22px;}
#calendar table.calendar td.roll_out {font-size: 22px;}

/* FOOTER + MENTION LEGE + COOKIES remplace fancybox : Mentions légales et coockies - v1 20 septembre 2020 */
.boxCookies{position:fixed;z-index:9999999;bottom:10px;left:0px;width:100%; min-height:20px;font-size:12px;text-align:center; opacity:0.80;color:white; padding:3px 50px 3px 0px; box-sizing: border-box;background-color: rgba(0,0,0,0.80);}		
.boxCookies a{color:white;margin-left:15px;}

/* FOOTER */
.boxFooter{display:block;position:relative;margin: 5px auto;padding:1px 7px;color:#888888;text-align:center;}
.boxFooterAbs{display:block;position:absolute;bottom:5px;color:#888888;text-align:center;padding:5px 7px;left:18%;}
.boxArtek{display:block;position:relative;margin:8px auto 8px auto;padding:5px 10px 5px 10px;font-size:11px;color:#888888;text-align:center;}
.boxArtek a{font-size:11px;color:#888888;text-decoration:none;}
@media (max-width: 400px) {
	.boxFooterAbs {left:0;position:relative;margin:10px auto;}
}
.boxFooterAdresse{display:block;position:relative;margin:8px auto;padding:5px 10px;color:#888888;text-align:center;}
.boxFooterAdresse a{color:#888888;text-decoration:none;}

.boxFooterArtek{display:block;position:relative;margin:8px auto;padding:5px 10px;color:#888888;text-align:center;line-height:1.4;}
.boxFooterArtek a{color:#888888;text-decoration:none;font-size:12px;}

.boxFooterReglement {position:relative;margin:5px auto;padding:2px 15px;color:#050c2a;line-height:1.4;font-size:14px;font-weight:600;}

.boxFooterMention{display:block;position:relative;margin:2px auto;color:#888888;text-align:center;font-size:12px;}
.boxFooterMention a{color:#888888;text-decoration:none;font-size:12px;}

/* FENETRE type fancybox */
.boxWindGlobal{position:fixed;top:0;left:0;bottom:0;right:0;width:auto;height:auto;overflow:auto;overflow-y:scroll;z-index:8000;background:url(./aek_overlay.png);}
.boxWindPage{display:block;position:absolute;top:80px;left:20px;width:320px;height:auto;overflow:visible;background:#f9f9f9;z-index:8050;vertical-align:top;outline:none;padding:0px;margin:0px;border-radius:4px;}
.boxWindCadre{position:relative;padding:15px;width:auto;height:auto;border-radius:4px;color:#444;background:#f9f9f9;vertical-align:top;outline:none;margin:0px;}
.boxWindCadreInt{position:relative;padding:0px;margin:0px;vertical-align:top;outline:none;}

.boxWindTexte{position:relative;overflow:auto;width:290px;height:480px;padding:0px;margin:0px;text-align:left;font-size:13px;}
/* dans cadre int */
.boxWindClose{position:absolute;top:-28px;right:-28px;width:36px;height:36px;cursor:pointer;z-index:8040;background-image:url(./aek_close.png);}


@media (min-width: 410px) {
	.boxWindPage{width:380px;}
	.boxWindTexte{width:360px;}
}
@media (min-width: 720px) {
	.boxWindPage{width:620px;left:10%;}
	.boxWindTexte{width:600px;height:580px;}
}
@media (min-width: 920px) {
	.boxWindPage{width:720px;left:15%;}
	.boxWindTexte{width:700px;height:580px;}
}
@media (min-width:1200px) {
	.boxWindPage{width:720px;left:20%;}
}
@media (min-width:1400px) {
	.boxWindPage{width:720px;left:25%;}
}
/* METEO - v2 20 septembre 2020 */
.boxMeteo {display:block;position:absolute;float:right;top:5px;right:20px;z-index: 600;width:auto;height:34px;color:#efe6dd;
	border: 1px solid;background-color: #155063;border-color: #23747e;box-shadow: 0 0 3px 3px #0a494d;text-align:left;
	border-radius: 15px;
		-webkit-border-radius: 15px;-moz-border-radius: 15px; -o-border-radius: 15px;
}
.boxMeteoW {display:inline-block;float:right;vertical-align:top;padding-top:2px;z-index:200;}
.boxMeteoWS1 {display:block;vertical-align:top;height:auto;width:auto;padding:0px;font-size:12px;z-index:200;}
.boxMeteoWS2 {display:inline-block;vertical-align:top;font-size:12px;padding:0px;width:auto;}
.boxMeteoWImg {vertical-align:top;margin-top:-15px;}

.boxMeteoWTab{margin-top:7px;}

.boxMeteoDate {display:inline-block;padding:5px 0px 0px 10px;}
.boxMeteo span{text-align:left;} 
.maBulleMeteo a{color:#a4c6ca;/*text-shadow:0 -1px 0 black;*/text-decoration:none;height:0;}
.maBulleMeteo a span{position:absolute;margin:25px 0px 0px -140px;padding:8px;width:158px;text-align:left;
	background:rgba(20,80,99,.9);color:#ccc;
	-webkit-border-radius: 3px;-moz-border-radius: 3px; -o-border-radius: 3px;
	border-radius: 3px;box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) rotate(-12deg);
	transition:all .25s;
	opacity:0;z-index:1;height:0;
}
.maBulleMeteo a:hover span, a:focus span{transform:scale(1) rotate(0);opacity:1;z-index:100;height:auto;}

/* METEO MOBILE */
.boxMeteoMobile {display:none;font-size:12px;top:0px;}
.boxMeteoMobileDate {display:inline-block;float:right;vertical-align:top;margin:5px 0px 0px 0px;z-index:200;color:#1a4357;}
.boxMeteoCorr {display:none;}
@media (max-width: 600px) {
	.boxMeteo {margin-bottom:7px;right:5px;}
	.boxMeteoCorr {display:block;clear:both;}
	.boxMeteo span{font-size:12px;} 
}
@media (max-width: 320px) {
	.boxMeteo {display:none;}
	.boxMeteoMobile {display:block;position:absolute;top:5px;right:5px;z-index: 600}
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.2.1');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714285714286em;
}
.icon-2x {font-size: 2em;}
.icon-power-off:before,
.icon-off:before {content: "\f011";}
.icon-signal:before {content: "\f012";}
.icon-gear:before,
.icon-cog:before {content: "\f013";}
.icon-trash:before {content: "\f014";}
.icon-home:before {content: "\f015";}
.icon-ok:before {content: "\f00c";}
.icon-calendar:before {content: "\f073";}
.icon-phone:before{content:"\f095"}
.icon-sun-o:before{content:"\f185"}
.icon-moon-o:before{content:"\f186"}
.icon-gift:before {content: "\f06b";}
.icon-minus-sign:before {content: "\f056";}
.icon-plus-sign:before {content: "\f055";}
/* orientation */
@media (orientation: landscape) and (max-device-width: 767px) {
	html,body {-webkit-text-size-adjust: 100%;}
}
/* responsive MOBILE */
@media (max-width: 600px) {
	boddy {width:auto;padding:0px;min-width:0;}
	img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {max-width: 100%;}
    
    /* conserver le ratio des images */
    img { height: auto;}
    
    /* gestion des mots longs */
    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
	code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
}