/*div .vcenter{
	border:1px solid yellow;
}*/
	.cinqp{
		padding:0;
		margin:0;
		margin-left:50px;
		margin-right:50px;
		padding-bottom:40px;
		background-color:#ffffff;
		/*border:1px solid red;*/
	}

	#logo{
	  margin-left:-15px;
	}
	.flag{
    display:inline-block;
		margin-top:15px;
		margin-right:15px;
	}
	.poplogin input[type="text"],
	.poplogin input[type="password"]{
	  margin:10px;
	  width:95%;
	}
  
/*
normal	Standard weight. Equivalent of 400 .
bold	Bold weight. Equivalent of 700 .
bolder	Bolder than the inherited font weight.
lighter	Lighter than the inherited font weight.
*/
  html, body, .span120{
    height:101%;
    background-color:#d3cac0;
  }

  body{
    /*background-color:#d3cac0;*/
    color:#4b4b4b;
    font-size:15px;
    font-family:"Open Sans", sans-serif;
    font-weight:normal;
  }
  p{
  	text-align:left;
  }
  a, a:hover, a:visited{
    color:#ea551b;
    text-decoration:underline;
  }
	.row {
      position:relative;
  }  
  .vcenter {
    display:flex;
    justify-content: center;
    align-items:center;
  }
  .vbottom{
    /*****position:absolute;
    bottom:0;
    right:0;******/
    display:inline-block;
    vertical-align:bottom;
    float:none;     
	  /*border:1px solid;*/
  }
  .vtop{
    display:inline-block;
    vertical-align:top;
    float:none;     
  }
	.nopadding{
	   padding:0 !important;
	   margin:0 !important;
	}
	.nohpadding{
		padding-left:0;
		padding-right:0;
	}
	.slate {
    display:inline-block;
    float:right;
    text-align:center;
    width:160px;
    height:57px;   
    margin-left:5px;
    background:url('../img/bouton-ardoise.png') transparent;
    background-repeat:no-repeat;
    background-size:160px 57px;
    color:#fff;
    position:relative;
  }

  .slate a{
    color:#fff;
  	text-decoration:none;
  	font-family:'Raleway';
  	font-size:13px;
  	font-weight:600;
  	text-transform:uppercase;
  	position:absolute;
  	margin:0;
		top:50%;
    left:35%;
    margin-right:-65%;
    transform:translate(-35%, -50%);
  }

	.slate img{
		/*border:1px solid red;*/
		padding-left:6px;
	}
  
	.slate .basketcount{
		background-color:#e43f1a;
		color:#ffffff;
		font-size:12px;
		font-weight:bold;
		position:absolute;
		margin:0;
		top:-2px;
    left:95%;
 		border-radius:50%;
    width:2.0em;
    height:2.0em;
    padding-top:0.30em;    
    text-align:center;    
		float:right;
	}  
  
	.slate .dropdown-menu{
		/*min-width:220px;*/
		margin-top:-2px;
		/*padding-left:6px;*/
	}  
  
	/*.photocontainer {
      display:inline-block;
	    position:relative; 
	    max-width:800px;
	    width:200px;
	    margin:0 auto;
	}
	
	.photocontainer .content {
	    position:absolute;
      height:30px;
	    bottom:0px;
	    background:rgba(255, 0, 255, 0.5);
	    color:#000000;
	    width:100%;     
	    padding-top:3px;
	    font-size:13px;
	    font-family:"Open Sans", sans-serif;
	    font-style:italic;
	    font-weight:bold;
 	}*/

  .span120 {
    margin:0;
    padding-left:50px;
    padding-right:50px;
    max-width:1280px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    /*border:1px solid green;*/
    min-height:101%;
  }
  #main-container{
  	padding:0 !important;
	  margin:0 !important;
  	margin-top:10px;
  	/*padding-left:25px;*/
  	padding-left:50px;
  	padding-right:50px;
  	border-radius:10px;
  	background-color:#ffffff;
  	/*border:1px solid blue;*/
    min-height:70%;
 	}
 	
  .breadcrumb{
  	padding-left:0;
  	padding-top:0;
  	padding-bottom:0;
  	margin-bottom:0;
  	margin-top:10px;
    background-color:#ffffff;
    font-size:13px;
    text-align:left;
    /*border:1px solid;*/
  }
  .breadcrumb .selected{
    font-weight:600;
  }
  footer{
 		margin-bottom:20px;
 	}
  .footerbs{
  	padding-top:6px;
  	font-size:13px;
  }
  .footerbs a, .footerbs a:hover, .footerbs a:visited{
  	color:#4b4b4b !important;
  }
  .partners{
  	padding:0;
  	margin:0;
	  padding-top:25px;
		/*border:1px solid green;*/
  }
  .partners div{
  	padding:0;
  	margin:0;  	
  	/*border:1px solid red;*/
  }
  .partners img{
  	border:0;
  }
  .partners ul{
    padding:0;
  }
  .partners ul li{
    list-style:none;
    display:inline-block;
    border:0;
  }
	.legal {
    padding:0;
  }
  .legal a{
    color:#4b4b4b !important;
    text-decoration:underline !important;
    padding:0 !important;
  }
  /*.logop img{
  	padding:0;
  	margin:0;
 		border:0;
 		display:inline-block;
 		/*border:1px solid red;*/
 	}*/
 	.img-full-width {
    width:100%;
    height:auto;
  }
  /*.caption{
    width:100%;
    height:50px;
    bottom:50px;
    position:relative;
    background:rgba(0, 255, 255, 0.7);
  }
  .caption h4{
    color:#000;
    font-size:13px;
    font-family:"Open Sans", sans-serif;
    font-style:italic;
    font-weight:bold;         
  }*/   
  /*.caption {
      position:relative;
      margin-bottom:2%;
  }
  .caption h4 {
    margin:0;
    padding:0;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    color:#000;
    font-size:13px;
    font-family:"Open Sans", sans-serif;
    font-style:italic;
    font-weight:bold;
    background:rgba(0, 255, 255, 0.7);
  }*/  
	.leaf{
		text-align:left;
		margin:0;
		padding:0;
	}
	.leaf li {
	  background:url('../logo-pictos/puce-feuille.svg') no-repeat left top;
	  padding:0px 0px 10px 35px;
	  /* reset styles (optional):*/
	  list-style:none;
	  margin:0;     
	  text-align:left;
	}
  h1{
  	display:inline-block;
    font-family:'Bree Serif';
    font-size:34px;
    color:#5e8520;
    padding:0;
  	padding-bottom:13px;
  	margin-bottom:25px;
  	position:relative;
  	/*border:1px solid black;*/
  }
	h1:before{
    content:"";
    position:absolute;
    /*width:75px;*/
    height:2px;
    bottom:0;
    left:30%;
    right:30%;
    border-bottom:2px solid #5e8520;
	}
  h2, h2 a{
    font-family:'Raleway';
    font-size:21px;
    font-weight:600;
    color:#ea551b;
    margin-bottom:10px;
    text-align:left;
    text-decoration:none !important;
  }
  h3, h3 a{
    font-family:'Raleway';
    font-size:17px;
    font-weight:700;
    color:#4b4b4b !important;
    margin-bottom:10px;
    text-align:left;
    text-decoration:none !important;
  }
	h5, h5 a{
    font-family:'Raleway';
    font-size:16px;
    font-weight:700;
    font-style:italic;
    color:#4b4b4b !important;
    padding-left:5px;
    margin-bottom:5px;
    text-align:left;
    text-decoration:none !important;
  }  
	h6, h6 a{
    font-family:'Raleway';
    font-size:15px;
    font-weight:700;
    color:#4b4b4b !important;
    margin-bottom:5px;
    text-align:left;
    text-decoration:none !important;
  } 
  .intro{
    font-family:'Raleway';
    font-size:17px;
    font-weight:500;
    color:#4b4b4b;
    margin-bottom:30px;
    
  }
  /*.introsmall{
    font-family:'Raleway';
    font-size:15px;
    font-weight:500;
    color:#4b4b4b;
    margin-bottom:30px;
  }*/ 
  #map_placeholder{
  	width:100%;
  	height:500px;
  }
.order-header{
  /*margin-top:15px;*/
  margin-bottom:35px;
  padding-top:8px;
  height:35px;
  background-color:#f5f3f1;
}
.order-header ul{
  width:100%;
  /*border:1px solid;*/
}
.order-header li{
  list-style:none;
  display:inline-block;
  /*margin-left:20px;*/
  height:100%;
  width:20%;
}
.order-header li.selected{
  font-weight:600;
  color:#5e8520;
}
.signs,
.signs:hover,
.signs:visited,
.signs:link,
.signs:active{
	font-size:18px !important;
	text-decoration:none;
	color:#4b4b4b !important;
	padding:8px;
}
.mandatory{
	padding-bottom:20px;
	font-size:13px;
	font-style:italic;
	text-align:left;
	width:100%;
}
.mandatory:before {
  content:"* ";
  color:red;
}
.text-xs-center{
  text-align: center;
}
#topbtn {
  display:none;
  position:fixed;
  bottom:80px;
  right:20px;
  z-index:99;
  font-size:18px;
  border: none;
  outline: none;
  background-color:#5e8520;
  color:white;
  cursor:pointer;
  padding:10px;
  border-radius:0;
}

#topbtn:hover {
  background-color: #555;
}

.loader{
  display:none;
  position:fixed;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  top:0;
  bottom:30%;
  margin-top: auto;
  margin-bottom: auto;
  background:transparent;
  border:10px solid #f3f3f3;
  border-radius:50%;
  border-top:10px solid #5e8520;
  width:100px;
  height:100px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (max-width:1024px){
	.legal a{
		font-size:12px;
	}
	.footerbs{
		font-size:12px;
	}
	.logop img{
		margin:0;
		padding:0;
		/*width:70%;*/
		/*border:1px solid green;*/
	}
	.cinqp{
		margin-left:20px;
		margin-right:20px;
	}	
}
@media (max-width:992px){
 	.slate{
 		background:none;
 		width:30px;
 	}
}  
@media (max-width:767px) {
  body{
    font-size:13px;
	}
  h1{
    font-size:24px;
  }
  h2, h2 a{
    font-size:17px;
  }  	
  h3, h3 a{
    font-size:14px;
  }
	h5, h5 a{
    font-size:13px;
  }  
	h6, h6 a{
    font-size:13px;
  }
  .span120 {
    margin:0;
    padding-left:2px;
    padding-right:2px;
  }
	.cinqp{
		margin-left:10px;
		margin-right:10px;
	}
  #logo{
   width:200px;
  }