@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
header{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;		
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
noscript{
color:red;	
}
body {
	line-height: 1;
	-webkit-text-size-adjust: none;	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

i{
	font-style:italic;	
}
html{
background-image:url(../images/fond_commande.jpg);
background-position: center top; /* Center the image */
background-size: auto;
background-attachment:fixed;	
}
body{
background:none;
position:relative;
z-index:-100;

}
header{

opacity: 1;
filter: alpha(opacity=100);	
}

#filter{
height:100%; width:100%; background-image:url(../images/filter.png); position:fixed; z-index:300000; display:none; top:0; left:0; 
}
#detail{
width: 810px;
height: 400px;
margin: auto;
margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
transform: translateY(-50%); 
border: 1px solid #fff;	
border-radius: 4px;
background-color:#EBEBEB;
overflow:scroll;
}
nav{
position:relative;
margin-top:30px;
margin-left:30px;
margin-right:30px;
z-index:-1;
background:none;
}
strong{
	font-weight:bold;	
}

				#app-cover
				{
					position:relative;
					user-select: none;
					-webkit-tap-highlight-color:transparent;
					
					height : 36px;
					width : 95%;
					margin-bottom:10px;
					padding-top:10px;
				}

				#app-cover:focus
				{
					outline: none;
				}

				#app-cover .row
				{
					position : absolute;
					right: 74px;
					top : 0;
				}

				#app-cover .toggle-button-cover
				{
					
					position: relative;
					
					box-sizing: border-box;
				}

				#app-cover .button-cover
				{
					height: 100px;
					margin: 20px;
					
					
				}

				#app-cover .button-cover:before
				{
					
					position: relative;
					right: 0;
					bottom: 0;
					color: #d7e3e3;
					font-size: 12px;
					line-height: 1;
					padding: 5px;
				}

				#app-cover .button-cover, .knobs, .layer
				{
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
				}

				#app-cover .button
				{
					position: relative;
					
					width: 74px;
					height: 36px;
					margin: -20px auto 0 auto;
					overflow: hidden;
				}

				#app-cover .button.r, .button.r .layer
				{
					border-radius: 100px;
				}

				#app-cover .button.b2
				{
					border-radius: 2px;
				}

				#app-cover .checkbox
				{
					position: relative;
					width: 100%;
					height: 100%;
					padding: 0;
					margin: 0;
					opacity: 0;
					cursor: pointer;
					z-index: 3;
				}

				#app-cover .knobs
				{
					z-index: 2;
				}

				#app-cover .layer
				{
					width: 100%;
					background-color: #ebf7fc;
					transition: 0.3s ease all;
					z-index: 1;
				}

				/* Button 1 */
				#app-cover #button-1 .knobs:before
				{
					content: 'Oui';
					position: absolute;
					top: 4px;
					left: 3px;
					width: 20px;
					height: 10px;
					color: #fff;
					font-size: 10px;
					font-weight: bold;
					text-align: center;
					line-height: 1;
					padding: 9px 4px;
					background-color: #03A9F4;
					border-radius: 50%;
					transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
				}

				#app-cover #button-1 .checkbox:checked + .knobs:before
				{
					content: 'Non';
					left: 42px;
					background-color: #f44336;
				}

				#app-cover #button-1 .checkbox:checked ~ .layer
				{
					background-color: #fcebeb;
				}

				#app-cover #button-1 .knobs, #button-1 .knobs:before, #button-1 .layer
				{
					transition: 0.3s ease all;
				}

.final_3, .final_2, .final_1, .final_4{
padding-top:7px;
padding-left:35px;	
height:30px;
}
.final_1{
	background:url(../images/icons/1.php) no-repeat 0px 0px;	
	background-size: 60px 60px;
	background-position: -20px -15px;
}
.final_2{
	background:url(../images/icons/2.php) no-repeat 0px 0px;
	background-size: 60px 60px;
	background-position: -20px -15px;
}
.final_3{
	background:url(../images/icons/3.php) no-repeat 0px 0px;
	background-size: 60px 60px;
	background-position: -20px -15px;
}
.final_4{
	background:url(../images/icons/4.php) no-repeat 0px 0px;
	background-size: 60px 60px;
	background-position: -20px -15px;
}


.disponibilite {
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
text-indent:0;
	
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
height:30px;
	line-height:30px;
width:200px;
	text-decoration:none;
	text-align:center;

}.disponibilite:active {
	position:relative;
	top:1px;
}


#recap_adresse{
color: green;
}
#addr_livraison{
	width:95%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance:  none;
	
}
#especes{

margin-left:5px;
margin-bottom:12px;	
}
#especes label{
padding-top:7px;
color:#fff;	
font-size:14px;
}
.message_mode_rglt{
margin-top:10px;
font-size:13px;
display:none;
color:red;	
}

a.fb {
    font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 14px;
    padding: 13px 30px 15px 44px;
    background: #3A5A97;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,20,.4);
    text-decoration: none;
    line-height: 1;
    position: relative;
    border-radius: 5px;
}

.connect:before {
    display: inline-block;
    position: relative;
    background-image: url(data:image/png;base64,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);
    height: 23px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-indent: -9999px;
    text-align: center;
    width: 29px;
    line-height: 23px;
    margin: -8px 7px -7px -30px;
    padding: 2 25px 0 0;
    content: "f";
}


p.separator::after {

    content: "";
    width: 100%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    top: 50%;
    left: 0;
}
p.separator{
position: relative;
margin: 1em 0;
text-align:center;
}
p.separator span{
background: #a8a8a8;
box-sizing: border-box;
color: #ffffff;
font-size: 15px;
font-style: italic;
line-height: 22.5px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
position: relative;
text-align: center;
z-index: 1;	
}




#inpt_textarea::placeholder {
  
  font-size: 12px;
}




#resa_fermee{
font-family:Tahoma, Geneva, sans-serif;	
font-size:30px;
background-color:#FFF;
opacity: 0.90;
filter: alpha(opacity=90);
padding:10px;
border-radius:5px;
}
.cfcb_titre{
font-family:CaviarDreams;
font-size:20px;	
padding:4px;
text-align:center;
margin-bottom:10px;

}
.cfcb_contain{
display: table; margin: 0 auto;
text-align:center;
width:100%;
}
.cfcb_boisson{
	float:left;
width:120px;
height:140px;
border:1px solid #fff;	
margin:20px;
position:relative;
border-radius:5px;
display: table;
cursor:pointer;
}
.cfcb_intitule{
background:#FFF;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
text-align:center;
width:120px;
height:40px;
bottom:0;
padding-top:5px;
line-height:12px;
border-radius:0 0 5px 5px;
}
.cfcb_image{
width:100%;
text-align:center;	
}
.cfcb_image_src{
width:90px;	
}
.cfcb_description{
font-size:10px;	
}
#titre_commande{
font-family:CaviarDreams;
margin-bottom:30px;
border-bottom:2px dotted #333333;
color:#333333;
font-size:28px;
padding-bottom:10px;
}
#petit_titre_commande{
font-size:18px;
margin-top:5px;	
}
.modereglement, .modereglement_open{
font-size:14px;	
}
.modereglement_open{
	margin-top:2px;
}
.img_pt_livr{
	position:relative;
	width:100%;
}
.grande_famille{
position:relative;
width:100%;
clear:left;
display:table;

}
.contenu_famille{
position:relative;
clear:left;
display:table;
margin-right:300px;
z-index:3;

}
#coordonnees{
position:relative;
margin-right:300px;	
display:none;
}

.titre_famille, .titre_famille_violet, .titre_famille_nouveau, .titre_famille_vert{
font-family:CaviarDreams_BOLD;	
font-size:24px;
margin-bottom:30px;	
}

.produit:hover{
box-shadow: 0px 0px 1px #999;
cursor:pointer;	
}

.produit_prix{
font-size:19px;	
position:absolute;
bottom:0px;
}


.choix_client{
margin-top:10px;
font-family:Thryomanes;
font-size:16px; 
position:relative;
padding:5px;
z-index:20;	
}

.tapas{
background-image:url(../images/carte_emporte/tapas.png);	
}
.bruschettas{
background-image:url(../images/carte_emporte/bruschettas.png);	
}
.entrees{
background-image:url(../images/carte_emporte/entrees.png);	
}
.salades{
background-image:url(../images/carte_emporte/salades.png);	
}
.pizzaC{
background-image:url(../images/carte_emporte/pizzaC.png);	
}
.pizzaT{
background-image:url(../images/carte_emporte/pizzaT.png);	
}
.plats{
background-image:url(../images/carte_emporte/plats.png);	
}
.pates{
background-image:url(../images/carte_emporte/pates.png);	
}
.burgers{
background-image:url(../images/carte_emporte/burgers.png);	
}
.desserts{
background-image:url(../images/carte_emporte/desserts.png);	
}
.glaces{
background-image:url(../images/carte_emporte/glaces.jpg);	
}
.boissons{
background-image:url(../images/carte_emporte/boissons.jpg);	
}
.formules-midi{
background-image:url(../images/carte_emporte/formule_midi.jpg);	
}
.suggestion{
background-image:url(../images/carte_emporte/suggestion.jpg);		
}


.inpt_number{
border-radius:2px;
padding:4px;
padding-left:10px;
width:50px;	
font-size:16px;

}













.custom-select_h {
  position: relative;
  font-family: roboto;
  font-weight: 300;
 margin-bottom:0;

 
}
.h{
  width:10px;
  padding-top:15px;	
  padding-left:5px;
  padding-right:5px;

}

.cal{
  width:130px;
  	
}
.cal, .h, .custom-select_h, .custom-select_h_{
float:left;
bottom:0;	
height:25px;
margin:0;
}
#select_horaire{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color:#DDD;
}
#select_horaire option{
color:#000;	
}
.nombre{
float:none;	
}
#dateheure{

display:inline-block;
margin-left:-25px;
}
.custom-select_h select {
  display: none; /*hide original SELECT element:*/
}
#clear{
clear:left;
display:inline-block;
position:relative;
width:100%;	
}

.select-selected_h {

}

/*style the arrow inside the select element:*/
.select-selected_h:after {
  position: absolute;
  content: "";
  top: 23px;
  right:5px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
  
 
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected_h.select-arrow-active_h:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items_h div,.select-selected_h {
  color: #ffffff;
   font-family: roboto;
  font-weight: 300;
  
  border: 1px solid transparent;
  border-color: transparent transparent rgba(255, 255, 255, 0.7) transparent;
  cursor: pointer;
  user-select: none;
  font-size:18px;
   padding-bottom:17px;
   padding-top:13px;
   padding-left:-3px;
  
}

/*style items (options):*/
.select-items_h {
  position: absolute;
  background-color: gray;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide_h {
  display: none;
}

.select-items_h div:hover, .same-as-selected_h {
  background-color: rgba(0, 0, 0, 0.1);
}
.cgv{
font-size:12px;	
text-align: left;
}





















/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
  border-radius:2px;

background-color: #FFF;
margin-bottom:5px;

}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {

  background-color: white;

}

/*style the arrow inside the select element:*/


/*point the arrow upwards when the select box is open (active):*/


/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
	position:relative;

  padding: 6px 16px;
  border: 1px solid transparent;
  
  cursor: pointer;
  user-select: none;

}
.select-items div:nth-child(n+1){
 border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
 	

}

/*style items (options):*/
.select-items {
  position: absolute;

  top: 100%;
  left: 0;
  right: 0;
  z-index: 99999;
max-height:200px;
	overflow:scroll;
 overflow-x: hidden;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}



.retour, #retour_param{
    border-radius:2px;
	border:1px solid #670002;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px;
	width:179px;
	margin-top:5px;
	background-color:#C50308;
	color:#FFF;	
	display:none;
}



.btn_ajouter, #btn_param, .btn_sbtpanier, .btn_param_retour, .btn_ajouter_param {
	height:0.94em;
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	display:inline-block;
	cursor:pointer;
	
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	
}

.btn_ajouter:active, .btn_sbtpanier:active {
	position:relative;
	top:1px;
}



#addition{
width:300px;
min-height:450px;
background-color:white;
position:fixed;
right:30px;	
top:13%;
margin-top:0px;
z-index:999999;
}
#titre_addition{
background-color:#999;
color:white;
text-align:center;
padding:5px;
font-size:24px;
font-family:CaviarDreams;
}
#bottom_addition{
background-color:#999;
color:white;
text-align:center;
padding:5px;
font-size:18px;
font-family:CaviarDreams;
bottom:0px;	
position:absolute;
}



#panier
{

z-index:10;	
height:330px;
}
.mess_panier{

font-style:italic;
font-weight:100;

}

#contenu_addition{
margin-bottom:5px;
max-height:250px;
overflow-y:scroll;

overflow : -moz-scrollbars-vertical;
}


.panier_designation{
font-family:Arial;	
font-size:15px;
margin:10px;
padding-bottom:5px;
color:#000;
text-decoration:none;
border-bottom:1px dotted #CCCCCC;
position:relative;

}
.param_prod_text{
font-family:Arial;	
font-size:15px;
margin:10px;
padding-bottom:5px;
color:#000;
text-decoration:none;

position:relative;

}
.param_prod_text{
margin:0;	
}
.panier_designation p{
	font-weight:bold;
	width: 180px;
}
.prix_ligne{
font-weight:bold;
position:absolute;
right:0;
top:0;	
}
.suppr_produit{
position:absolute;
right:60px;
top:-3px;	
}
.l_suppr_produit, .l_param_produit{
	text-decoration:none;	
}
.param_produit{
position:absolute;
right:82px;
top:-3px;	
}
#total{
font-family:Arial;	
font-size:20px;
margin:10px;
font-weight:bolder;	
position:relative;
border-bottom:1px dotted #CCCCCC;
padding-bottom:10px;
}
#montant_total{
position:absolute;
right:0;
top:0;		
}

#validerpanier{
width:100%;
margin:auto;
text-align:center;
position:absolute;
bottom:90px;
}
#retourpanier{
display:none;	
}



.input-line {
  border: none;
}

button:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.65);
}

::-webkit-input-placeholder .input-line:focus +::input-placeholder {
  color: #fff;
}

.highlight {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  cursor: pointer;
  transition: color .2s ease;
}

.highlight:hover {
  color: #fff;
  transition: color .2s ease;
}

.spacing {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-height: 40px;
  font-weight: 200;
  font-size:12px;
  text-align: center;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.65);
  text-align:justify;
}

.input-line:focus {
  outline: none;
  border-color: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.ghost-round {
  cursor: pointer;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 25px;
  color: rgba(255, 255, 255, 0.65);
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-size: 19px;
  font-size: 1.2rem;
  font-family: roboto;
  font-weight: 300;
  line-height: 2.5em;
  margin-top: auto;
  margin-bottom: 25px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.ghost-round:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.input-line {
  background: none;
  margin-bottom: 10px;
  
  height: 47px;
  color: #fff;
  font-family: roboto;
  font-weight: 300;
  letter-spacing: 0px;
  letter-spacing: 0.02rem;
  font-size: 19px;
  font-size: 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.full-width {
  width: 97%;
}
.expiry-cvc{
width: 45%;

}
.expirycvc{
width: 47%;
float: left;	
}
.input-fields {
  margin-top: 25px;
}
.input-date{
margin-bottom:0;
padding:0;
padding-left:5px;	
}

.content {
  padding-left: 25px;
  padding-right: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  z-index: 5;
 position:relative;
}

.welcome {
  font-weight: 200;
  margin-top: 25px;
  text-align: center;
  font-size: 30px;
  
  letter-spacing: 0px;
  letter-spacing: 0.05rem;
}

.subtitle {
  text-align: center;
  line-height: 1em;
  font-weight: 100;
  letter-spacing: 0px;
  letter-spacing: 0.02rem;
}

#erreurdecalendrier, #erreurCB{
display:none;
border:1px solid red;
color:red;
padding:3px;
text-align:center;
font-family:CaviarDreams;
margint-top:10px;
}

.window {
	position:relative;
	
  z-index: 100;
  color: #fff;
  font-family: roboto;

 
  box-shadow: 0px 15px 50px 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  height: 1950px;
  width: 360px;
  background: #fff;
  margin: 0 auto;

}

.overlay {
  background: #999;
  opacity: 0.85;
  filter: alpha(opacity=85);
  height: 1950px;
  position: absolute;
  width: 360px;
  z-index: 1;
  
}
#mtn_total{
	font-weight:300;	
	}






.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
}
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0px solid #000000;
}
.control_indicator_little {
    height: 15px;
    width: 15px;
	
}
.control-radio .control_indicator {
    border-radius: undefined%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}


.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-checkbox .control_indicator_little:after {
    left: 5px;
    top: 2px;	
	width: 3px;
    height: 8px;
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}










.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #e6e6e6;
}

.control-radio .control__indicator {
  border-radius: 50%;
}
.control-radio .control__indicator:after {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}
/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}

/* Checked state */
.control input:checked ~ .control__indicator {
 
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
 
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
  pointer-events: none;
  opacity: .6;
  background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
  position: absolute;
  display: none;
  content: '';
}
.control input:checked ~ .control__indicator:after {
  display: block;
}

/* Disabled circle colour */
.control-radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.radioplat{
width:170px;
margin:5px;
}
.formule-radioplat{
width:270px;	
}
.link_detail{
	color:black;
	text-decoration:none;	
}
#inpt_textarea{
	line-height:22px;
	height:100px;
}
#contenu_parametre{
position:relative;
clear:left;
display:table;
margin-right:320px;
z-index:3;
font-family:Tahoma, Geneva, sans-serif;
font-size: 16px;
}
#contenu_parametre_visuel{
text-align:center;	
}
#contenu_parametre_visuel, #contenu_parametre_detail{
width:390px;	
float:left;
}
#contenu_parametre_detail{
background:url(../images/icons/filter_blanc.png);
padding:10px;
border-radius:4px;	
}
#contenu_parametre_detail hr{
  border: 0 none;
  border-top: 1px dashed #999;
  background: none;
  height:0;
}
#contenu_parametre_detail h1{
font-size: 20px;	
}

#param_textarea{

 width: 95%;
 height: 75px;
 margin-top:10px;
 
 border-radius:2px;

padding:4px;
padding-left:10px;
font-size:16px;

}

#param_textarea::-webkit-input-placeholder {
  color: gray;
  font-style:italic;
}

#param_textarea:-moz-placeholder { /* Firefox 18- */
  color: gray; 
   font-style:italic; 
}

#param_textarea::-moz-placeholder {  /* Firefox 19+ */
  color: gray; 
   font-style:italic; 
}

#param_textarea:-ms-input-placeholder {
  color: gray;  
   font-style:italic;
}

#param_textarea::placeholder {
  color: gray;
   font-style:italic;  
}

.lbl_suppl{
display:block;
  font-size:13px;    
}

.chb_suppl {

}
.div_chb{
	padding-top:5px;
		display:table-cell;
       width:355px; 
	
    
}
.supplements{
font-size:12px;	
}
.img_plat{
border:1px solid #CCC;
padding:5px;
display:inline-block;
}
.p_leg_img_plat
{
font-size:8px;
color:#999;	
margin:0;
margin-top:5px;	
}
.custom-select-param{
width:190px; 

}
#param_quantite{
height:27px;	
}
#panier_mob_compte{

}
footer{
padding:5px;
padding-top:13px;
bottom:0;
position:fixed;


width:100%;
background-color:rgba(100%,100%,100%,0.95);
display:none;
}
#nombredeproduit{display:none;}
#panier_mob{position:relative; width:100%; display:inline-block; cursor:pointer}
#panier_mob_compte {float:left; padding-top:10px;  font-family:Tahoma, Geneva, sans-serif; text-align:center; font-size:20px; width: 47%; height: 31px; background: #ffcf00; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } 
#panier_mob_compte:before { content: ""; position: absolute; right: 55%; top: -10px; width: 0; height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #ffcf00; }
#panier_mob_compte:after { color:#ffcf00; padding-top:2px; position: absolute; width: 25px; height: 23px; top:7px; left:3%; background: white; border-radius: 50%; z-index:20 }
#panier_mob_compte.change:after {
    content: attr(data-content) '';
}
.totpaniermob{
font-size:14px;	
	}




#panier_mob_total {float:left; margin-left:5px; padding-top:10px;  font-family:Tahoma, Geneva, sans-serif; text-align:center; font-size:20px; width: 47%; height: 31px; background: #ffa500; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } 
#panier_mob_total:before { content: ""; position: absolute; right: -10px; top: 10px; width: 0; height: 0;  border-top: 10px solid transparent; border-left: 20px solid #ffa500; border-bottom: 10px solid transparent; }

#cross_mob{
display:none;
cursor:pointer;
	}

#save_div{
display:none;	
}


@media screen and (min-width: 1600px) {
body, html{
width:100%;
}	
	.choix{
		margin-right:25px;
	}	
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
#contenu_parametre_visuel{
width:240px;

}
#contenu_parametre_visuel img{
width:200px;	
height:200px;
}
#contenu_parametre{
margin-right:0px;


}
#addition{
	display:inline;
}
}




@media screen and (min-width: 810px) and (max-width: 1023px) {

#contenu_parametre{
margin-right:0px;


}
#addition{
	display:inline;
}
#contenu_parametre_visuel, #contenu_parametre_detail{	
float:none;
}
#contenu_parametre_detail{	
margin-top:20px;
margin-right:0;
}

	
}














@media screen and (max-width: 810px){
footer{
display:inline-block;
}
#coordonnees{
margin:0;	
}
  .window {
    width: 100%;
    height: 100%;
  }
  .overlay {
    width: 100%;
    height: 100%;
  }
  #contenu_parametre{
width:100%;
text-align:center;
  }
 #contenu_parametre_visuel, #contenu_parametre_detail{	
float:none;
margin:auto;
display:inline-block;

}
#contenu_parametre_detail{	
margin-top:20px;
text-align:left;
}
}




@media screen and (min-width: 810px){
.contenu_famille{
	display:inline-table;
}
footer{
	display:none;
}
}



@media screen and (max-width: 810px){
nav{
margin:20px;
margin-bottom:93px;	
}
#detail{
width: 100%;
height:100%;
margin:0;
transform:none;
border:none;
border-radius:none;
}
.cfcb_contain{
display: table; margin: 0 auto;
text-align:center;
width:340px;
}

.livignette {
display:block;	
}	
.contenu_famille{
display:none;
width:100%;	
}
.titre_famille{
	position:relative;
	border:1px solid #333;
	background: rgba(0%,0%,0%,0.2);
	background-color:linear-gradient(180deg,#d2d2d2 0%,#a1a1a1 30%,#777777 65%,#454545 100%);
	color:#FFF;
	height:20px;
	width:85vw;
	min-width:270px;
	margin:0;
	margin-bottom:10px;
	vertical-align: bottom;
	padding:4px;
	padding-top:30px;
	padding-left:15px;
	font-size:18px;
	border-radius:3px;
	background:url(../images/icons/pizza-fleche-droite.png) no-repeat right/5%, linear-gradient(180deg,#d2d2d2 0%,#a1a1a1 30%,#777777 65%,#454545 100%);
	background-position:95%;
	box-shadow: inset 0px 1px 3px rgba(100%,100%,100%,0.4);
	 border: 0px solid #747474;
  border-width: 0px 0px 5px 0px;
  cursor:pointer;
}
.titre_famille_active{
background:url(../images/icons/pizza-fleche-bas.png) no-repeat right/5%, linear-gradient(180deg,#d2d2d2 0%,#a1a1a1 30%,#777777 65%,#454545 100%);
background-position:95%;	
}
.titre_famille_violet{
	position:relative;
	border:1px solid #333;
	background: rgba(0%,0%,0%,0.2);
	background-color:linear-gradient(180deg,#d2d2d2 0%,#a1a1a1 30%,#777777 65%,#454545 100%);
	color:#FFF;
	height:20px;
	width:85vw;
	min-width:270px;
	margin:0;
	margin-bottom:10px;
	vertical-align: bottom;
	padding:4px;
	padding-top:30px;
	padding-left:15px;
	font-size:18px;
	border-radius:3px;
	background:url(../images/icons/pizza-fleche-droite.png) no-repeat right/5%, linear-gradient(180deg,#f3e1ff 0%,#b33dfe 30%,#8500da 65%,#55008b 100%);
	background-position:95%;
	box-shadow: inset 0px 1px 3px rgba(231%,194%,255%,0.4);
	 border: 0px solid #b33dfe;
  border-width: 0px 0px 5px 0px;
  cursor:pointer;
}
.titre_famille_violet_active{
background:url(../images/icons/pizza-fleche-bas.png) no-repeat right/5%, linear-gradient(180deg,#f3e1ff 0%,#b33dfe 30%,#8500da 65%,#55008b 100%);
background-position:95%;	
}
.titre_famille_vert{
	position:relative;
	border:1px solid #333;
	background: rgba(0%,0%,0%,0.2);
	background-color:linear-gradient(180deg,#d2d2d2 0%,#a1a1a1 30%,#777777 65%,#454545 100%);
	color:#FFF;
	height:20px;
	width:85vw;
	min-width:270px;
	margin:0;
	margin-bottom:10px;
	vertical-align: bottom;
	padding:4px;
	padding-top:30px;
	padding-left:15px;
	font-size:18px;
	border-radius:3px;
	background:url(../images/icons/pizza-fleche-droite.png) no-repeat right/5%, linear-gradient(180deg,#ce8 0%,#592 100%);
	background-position:95%;
	box-shadow: inset 0px 1px 3px rgba(231%,194%,255%,0.4);
	 border: 0px solid #b8fe3d;
  border-width: 0px 0px 5px 0px;
  cursor:pointer;
}
.titre_famille_vert_active{
background:url(../images/icons/pizza-fleche-bas.png) no-repeat right/5%, linear-gradient(180deg,#ce8 0%,#b8fe3d 30%,#5cda00 65%,#592 100%);
background-position:95%;	
}
.titre_famille_nouveau{
	position:relative;
	border:1px solid #333;
	background: rgba(0%,0%,0%,0.2);
	background-color:linear-gradient(180deg,#d2d2d2 0%,#a1a1a1 30%,#777777 65%,#454545 100%);
	color:#FFF;
	height:20px;
	width:85vw;
	min-width:270px;
	margin:0;
	margin-bottom:10px;
	vertical-align: bottom;
	padding:4px;
	padding-top:30px;
	padding-left:15px;
	font-size:18px;
	border-radius:3px;
	background:url(../images/icons/pizza-fleche-droite.png) no-repeat right/5%, linear-gradient(180deg,#ffe2df 0%,#ff3c31 30%,#ff0d00 65%,#d00A00 100%);
	background-position:95%;
	box-shadow: inset 0px 1px 3px rgba(231%,194%,255%,0.4);
	 border: 0px solid #FF4031;
  border-width: 0px 0px 5px 0px;
  cursor:pointer;
}
.titre_famille_nouveau_active{
background:url(../images/icons/pizza-fleche-bas.png) no-repeat right/5%, linear-gradient(180deg,#ffe2df 0%,#ff3c31 30%,#ff0d00 65%,#d00A00 100%);
background-position:95%;	
}
.panier_designation p{
	width: 300px;
	
}
#addition{
display:none;	
z-index:200;
width:90vw;
margin:0;
top:0;
left:0;
right:0;
position:absolute;
}
#cross_mob{
display:inline-block;
position:absolute;
top:5px;
right:5px;	
	}
.grande_famille{
position:relative;
width:100vw;
clear:both;
display:inline;

}
footer{
	display:table;
	}
}



@media screen and (max-width: 415px){
nav{
padding:10px;
margin:0;
border-bottom:80px solid transparent;
}
.titre_famille{

background:url(../images/icons/pizza-fleche-droite.png) no-repeat right/12%, linear-gradient(180deg,#d2d2d2 0%,#a1a1a1 30%,#777777 65%,#454545 100%);
background-position:95%;
}
.titre_famille_active{

background:url(../images/icons/pizza-fleche-bas.png) no-repeat right/12%, linear-gradient(180deg,#d2d2d2 0%,#a1a1a1 30%,#777777 65%,#454545 100%);	
background-position:95%;
}
.titre_famille_violet{

background:url(../images/icons/pizza-fleche-droite.png) no-repeat right/12%, linear-gradient(180deg,#f3e1ff 0%,#b33dfe 30%,#8500da 65%,#55008b 100%);
background-position:95%;
}
.titre_famille_violet_active{

background:url(../images/icons/pizza-fleche-bas.png) no-repeat right/12%, linear-gradient(180deg,#f3e1ff 0%,#b33dfe 30%,#8500da 65%,#55008b 100%);
background-position:95%;
}

.titre_famille_vert{

background:url(../images/icons/pizza-fleche-droite.png) no-repeat right/12%, linear-gradient(180deg,#ce8 0%,#592 100%);
background-position:95%;
}
.titre_famille_vert_active{

background:url(../images/icons/pizza-fleche-bas.png) no-repeat right/12%, linear-gradient(180deg,#ce8 0%,#592 100%);
background-position:95%;
}
.titre_famille_nouveau{

background:url(../images/icons/pizza-fleche-droite.png) no-repeat right/12%, linear-gradient(180deg,#ffe2df 0%,#ff3c31 30%,#ff0d00 65%,#d00A00 100%);
background-position:95%;
}
.titre_famille_nouveau_active{

background:url(../images/icons/pizza-fleche-bas.png) no-repeat right/12%, linear-gradient(180deg,#ffe2df 0%,#ff3c31 30%,#ff0d00 65%,#d00A00 100%);
background-position:95%;
}


#titre_commande{
font-size:18px;	
}
#petit_titre_commande{
font-size:16px;	
}
#contenu_parametre{
width:100%;	

}
#contenu_parametre_visuel{
width:280px;
margin:auto;
}
#contenu_parametre_visuel img{
width:260px;	
height:280px;
}
#contenu_parametre_detail{
width:95%;	
}
.div_chb{
width:60%;     
}
#div_precuit{
padding-bottom:5px;	
}
.custom-select-param{
width:160px;
font-size:15px; 	
}
#param_quantite{
height:25px;
width:30px;	
}
.control_indicator_little {
    height: 25px;
    width: 25px;
}
.control {
padding-left:30px;
font-size: 16px;
margin-bottom:10px;	
}
.control-checkbox .control_indicator_little:after {
    left: 8px;
    top: 4px;	
	width: 8px;
    height: 12px;
}
#panier_mob_compte{
	text-align:right;
	}
#panier_mob_compte:after{
	text-align:center;}


#addition, #coordonnees{
width:100vw;
z-index:200;
max-height:none;

margin:0px;
top:0px;
left:0;
right:0;
position:absolute;

border-bottom:200px solid transparent;
}
#validerpanier{
border-bottom:20px solid transparent;
border-top:10px solid transparent;	
}
#coordonnees{
	z-index:199;
}

#addition{
background:#FFF;
z-index:220;
height:100%;
//border: 2px solid green;	
}
#addition{
	//border-bottom:60px solid transparent;	
}
#addition_c{
z-index:6000;

position:absolute;
border-bottom:65px solid transparent;
top:0;
min-height:100vh;
width:100%;
background-color:#FFF;

}
#form_resa{
margin-bottom:100px;	
border-bottom:100px solid transparent;
	}
.panier_designation p{
	width: 180px;
}
#panier
{
height:auto;
width:100%;


max-height:none;
}
#contenu_addition{
margin-bottom:5px;
height:100%;
width:100%;
display:inline-block;
max-height:none;
overflow:visible;
}
#bottom_addition{
background-color:#999;
color:white;
text-align:center;
padding:5px;
font-size:18px;
font-family:CaviarDreams;
position:relative;
margin-top:20px;
}
#validerpanier{
width:100%;
margin:auto;
text-align:center;
position:relative;
bottom:0;
margin-bottom:20px
}
.grande_famille{
	width:95%;	
	display:inline-block;
	
}
.esp:before { content: ' '; display: block; }
}

@media screen and (max-width: 319px){
.cfcb_boisson{
margin:15px;
}
#detail{
width: 100vw;
}
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}