@font-face {
    font-family: 'anchorsemibold';
    src: url('../fonts/anchor-semibold-webfont.woff2') format('woff2'),
         url('../fonts/anchor-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: "anchorsemibold";
	font-style:normal;
	background-image: url("../img/fond.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #f7e0c5;
	font-size:12px;
	color:#562e2d;
	padding: 0;
margin: 0;
}
p, ul, li, table, tr, th, td, h1, h2, h3{
	padding:0;
	margin:0;
}

h1{
	font-style:normal;
	text-align:center;
	font-size: 4.5em;
	margin-top:250px;
	text-transform: uppercase;
	text-shadow: 2px 1px 6px #370101;
	margin-bottom: 30px;
	padding:8px;;
}
#logo{
	display:block;
	position:absolute;
	left:20px;
	top:10px;
	width:15%;
	max-width:189px;
	min-width:70px;
	height:auto;
}
#retour{
	display:block;
	position:fixed;
	left:30px;
	top:30px;

	cursor:pointer;
	width:60px;
	height:60px;
	background-image: url("../img/retour.png");
	
}
#retour:hover{
	
	background-image: url("../img/retour2.png");
	
}
#colcentrale{
	width:100%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	min-height: 400px;
}
.blocBouton{
	width:80%;
	max-width:400px;
	display:inline-block;
	background-color:#fff;
	height:80px;
	padding-top:10px;
	padding-bottom:10px;
	margin:10px;
	box-shadow: 1px 1px 6px #885c3f;
	cursor:pointer;
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;
	-webkit-box-shadow: 3px 4px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    3px 4px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         3px 4px 2px 0px rgba(0, 0, 0, 0.2);
}
.blocBouton:hover{
	background-color:#f2ece4;
	box-shadow: 1px 1px 6px #885c3f;

}

.bouton{
	width:250px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:40px;
	text-align:center;
	color:#fff;
	background-color:#562e2d;
	font-size:35px;
	box-shadow: 1px 1px 6px #885c3f;
	cursor:pointer;
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;
	text-decoration:none;

}

.bouton:hover{
	background-color:#e12526;
	box-shadow: 1px 1px 6px #885c3f;
	color:#fff;

}
.beige{
	color:#e7a160;
}
.rouge{
	color:#e12526;
}
.blocBouton .qte{
	color:#e12526;
	display:inline-block;
	float:left;
	width:18%;
	padding:5px;
	text-align:center;
	font-size: 55px;
	line-height: 20px;
	margin-top:13px;
	
}
.blocBouton .qte span{
	font-size: 20px;
	
} 
.blocBouton .texte{
	display:inline-block;
	float:left;
	width:77%;
	text-align:left;
	font-size:1.7em;
}

/* FOOTER */

#footer{
	z-index:+1;
	position:relative;
	float:left;
	width:100%;
	min-height:34px;
	margin-top:40px;
}

#footer ul{
	margin-top:7px;
	text-align:center;
	
}

#footer li{
	display:inline;
	list-style:none;
}

#footer li a{
	margin:0 17px;
	color:#562e2d;
	font-size:18px;
	line-height:14px;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

@media screen and (max-width: 991px){

html{
	font-size:100%;	/* Permet de gêrer les fonts en em */
	-webkit-text-size-adjust:none;	/* Containte taille de police automatique sur iphone et ipad au changement d'orientation */
}
	
#footer{
	height:auto;
}

#footer ul{
	float:left;
	width:100%;
	padding-top:15px;
	padding-bottom:20px;
	margin:0;
	text-align:center;
}

#footer li a{
	float:left;
	width:100%;
	margin:0;
	line-height:24px;
}
	
.blocBouton{
	width:98%;

}
	
}