@charset "UTF-8";

body
{
	background-color: #ffebe0;
	color: rgb(126, 86, 56);
	font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

a
{
	color: #8c6d1c;
	text-decoration: underline;
}

a:hover,
a:focus {
  color: #f3525c;
  text-decoration: underline;
}

.btn-warning {
	color: #fff;
	background-color: #EEA03B;
  border-color: #eea236;
	text-decoration: none;
}
.btn-warning:hover {
	text-decoration: underline;
}
h2
{
	font-size: 22px;
	margin-top: 0px;
}

.header-col4
{
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.img-fluid.pull-left
{
	margin-right: 10px;
}

.vertical-center
{
	vertical-align: middle;
	line-height: 0.8;
}

.separator {
		margin-top: 37px;
}

.form-control {
	background-color: #fff2f0
}

.card 
{
	background-color: #ffefe5;
	margin-bottom: 15px;
	padding: 10px;
}

.card-header 
{
    margin-top: -10px;    
    margin-bottom: 20px;
    margin-left: -11px;    
    margin-right: -11px;    
}

#accueil
{
	background-color: #ffebe0;
}

.block-color 
{
	background-color: #ffefe5;
}

#container-imglogo:before,#container-imglogo:after
{
	display: table;
	content: " ";
}

#container-imglogo
{
	margin-right: auto;
	margin-left: auto;
}

.carousel-indicators {
    bottom: -20px;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
	top: 10px;
	width: 20%;
  text-shadow: 0 2px 5px rgba(20, 10, 0, .9);
}

.carousel-inner {
	box-shadow: rgba(0, 0, 0, 0.498039) 6px 10px 6px -6px;
}

.carousel-control-prev {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control-next {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 200%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 200%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

address
{
	margin-bottom: 5px;
}

#adresses, #partenaires 
{
	min-height: 680px;
}

div.captcha-group {
	text-align: center;
}

div.g-recaptcha {
	display: inline-block;
}

.media-body {
	margin-left: 10px;
}

.media-heading {
	margin-top: 5px;
}

#label-check-livraison {
	font-size: 22px;
}

#CB, #cheque {
	font-size: 22px;
	margin-right: 10px;
	margin-top: 5px;
}

@media (max-device-width: 640px) and (orientation: landscape)
{
	body
	{
		font-size: 15px;
		line-height: 1.1;
	}

	#accueil
	{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	/* [disabled]padding-bottom: 5px; */
	}
	
	#accueil h1
	{
		font-size: 25px;
		margin-top: 5px;
	}

	.jumbotron p
	{
		font-size: 16px;
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.header-col4
	{
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.col-md-marg-l-6
	{
		width: 100%
	}

	.col-md-marg-r-6
	{
		width: 100%
	}

}

@media (max-width: 767px)
{
	body
	{
		font-size: 17px;
		line-height: 1.1;
	}
	
	#accueil
	{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	#accueil h1
	{
		font-size: 30px;
		margin-top: 10px;
	}

	.jumbotron
	{
		margin-bottom: 10px;
	}

	.jumbotron p
	{
		font-size: 20px;
		margin-top: 5px;
	}

	.header-col4
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.col-md-marg-l-6
	{
		width: 100%
	}

	.col-md-marg-r-6
	{
		width: 100%
	}

	.media-body address
	{
		font-size: 14px;
	}
	
	.media-body p
	{
		font-size: 14px;
	}
	
	footer p
	{
		font-size: 14px;
	}

	.form-check-input {
		position: absolute;
		margin-top: .4rem;
		margin-left: -1.3rem;
	}
}

@media (min-width: 768px)
{
	body
	{
		font-size: 16px;
		line-height: 1.15;
	}

	#container-imglogo
	{
		width: 768px;
	}

	#accueil
	{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	#accueil h1
	{
		font-size: 37px;
		margin-top: 10px;
	}

	.jumbotron
	{
	margin-bottom: 8px;
	}

	.col-md-marg-l-6
	{
		width: 100%
	}

	.col-md-marg-r-6
	{
		width: 100%
	}

	.form-check-input {
		position: absolute;
		margin-top: .4rem;
		margin-left: -1.3rem;
	}
}

@media (min-width: 992px)
{
	body
	{
		font-size: 16px;
		line-height: 1.2;
	}

	#container-imglogo
	{
		width: 992px;
	}

	#accueil
	{
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
	#accueil h1
	{
		font-size: 40px;
	}

	.col-md-marg-l-6
	{
		margin-right: 1%;
		width: 49.5%
	}

	.col-md-marg-r-6
	{
		width: 49.5%
	}

	.h4, h4 {
		font-size: 1.05rem;
	}

	.form-check-input {
		position: absolute;
		margin-top: .4rem;
		margin-left: -1.3rem;
	}
}

@media (min-width: 1200px)
{
	body
	{
		font-size: 16px;
		line-height: 1.3;
	}
	
	#container-imglogo
	{
		width: 1200px;
	}

	#accueil
	{
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
	#accueil h1
	{
		font-size: 45px;
	}

	.col-md-marg-l-6
	{
		margin-right: 1%;
		width: 49.5%
	}

	.col-md-marg-r-6
	{
		width: 49.5%
	}
	
	.h4, h4 {
		font-size: 1.1rem;
	}
	
	.form-check-input {
		position: absolute;
		margin-top: .5rem;
		margin-left: -1.4rem;
	}
}

@media only screen and (min-device-width: 320px) and (orientation: portrait)
{
	div.captcha-group {
		overflow-x: hidden;
		overflow-x: -moz-hidden-unscrollable;
	}
	
	div.g-recaptcha {
		-webkit-transform:scale(0.887);
		transform:scale(0.887);
		-webkit-transform-origin:0 0;
		transform-origin:0 0;
	}
	body {
		font-size: 15px;
	}
	p {
		font-size: 14px;
	}
	
	h1 {
		font-size: 30px;
	}
	
	h2 {
		font-size: 18px;
	}
	
	.form-control {
		font-size: 15px;
	}
	
	.form-check-input {
		position: absolute;
		margin-top: 5px;
		margin-left: 5px;
	}

	#label-check-livraison {
		font-size: 18px;
	}
	
	.input-group {
		margin-bottom: 10px;
	}
}

@media only screen and (min-device-width: 375px) and (orientation: portrait)
{
	div.g-recaptcha {
		-webkit-transform:scale(0.96);
		transform:scale(0.96);
		-webkit-transform-origin:0 0;
		transform-origin:0 0;
	}
	body {
		font-size: 17px;
	}
	p {
		font-size: 16px;
	}	
	h2 {
		font-size: 19px;
	}
}

/*!
 * iPhone 7 Plus portrait
 */
@media only screen and (min-width: 414px) and (orientation: portrait)
{
	body {
		font-size: 18px;
	}
	p {
		font-size: 16px;
	}	
	h2 {
		font-size: 20px;
	}
	.jumbotron p
	{
		font-size: 20px;
		margin-top: 15px;
		margin-bottom: 25px;
	}
}

/*!
 * iPhone 7 Plus landscape
 */
@media only screen and (max-width: 736px) and (orientation: landscape)
{
	.container {
		max-width: 700px;
	}
	.jumbotron p
	{
		font-size: 20px;
		margin-top: 5px;
		margin-bottom: 25px;
	}
	
	div.g-recaptcha {
		transform:scale(1.2);
		-webkit-transform:scale(1.2);
		transform-origin:150px 30px;
		-webkit-transform-origin:150px 30px;
	}
}