@import url('https://fonts.googleapis.com/css?family=Arvo');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Open Sans);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Bangers');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Grand+Hotel');
@import url('https://fonts.googleapis.com/css?family=Orbitron');
@import url('https://fonts.googleapis.com/css?family=Audiowide');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,700');

/*RESET*/
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, font, 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 {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*MAIN*/
body { 
	font-family:'Arvo', 'Times New Roman', Helvetica Neue, Helvetica, Arial;
	font-size:1.20em;
	line-height:1.5em;
	color:#333;
	text-align:center;
    	background-size: 100% auto;
	background:#fff url(../images/bg.jpg) no-repeat top left;
}

a {
	font-family:'Arvo', 'Times New Roman', Helvetica Neue, Helvetica, Arial;
	color:#000;
	text-decoration:none;
	text-transform:none;
	-webkit-transition:color .5s ease;
	-moz-transition:color .5s ease;
	-ms-transition:color .5s ease;
	-o-transition:color .5s ease;
	transition:color .5s ease;
}

a:hover {
	color:#CA2017;
}

header {
	position:absolute;
	top:0;
	z-index:100;
/*	background-color:#fff;*/
	background:rgba(255, 255, 255, 0.50);
	color:#fff;
	width:100%;
	padding:0;
	text-align:center;
	border-top:75px solid #333;
/*	border-bottom:10px solid #f9f9f9;*/
}

header a {
	font-family:Arvo,Times, 'Fjalla One', 'Montserrat', Anton, Lato, Helvetica Neue, Helvetica, Arial;
	color:#000;
	font-size:0.80em;
	font-weight:800;
	letter-spacing:0.02em;
/*	text-shadow: 1px 1px 1px #fff;*/
	text-transform:uppercase;
/*	text-transform:capitalize;*/
/*	border:solid 1px #000;*/
}

header a:hover{
	color:#CA2017;
}

.current {
	color:#CA2017;
	text-decoration:none;
  	border-top:3px solid #CA2017;
/*	color:#D8AF76;*/
}

.tel-menu {
	font-family:'Lato', 'Montserrat', Anton, Lato, Helvetica Neue, Helvetica, Arial;
	color:#000;
	font-size:0.85em;
	font-weight:800;
	letter-spacing:0.00em;
/*	text-shadow: 1px 1px 1px #fff;*/
	background-color:#CA2017;
	text-transform:uppercase;
	padding:10px;
	border-radius:10px;
/*	-moz-border-radius:5px;*/
/*	-webkit-border-radius:5px;*/
/*	border-radius:6px;*/
/*	border:2px solid #fff;*/
}

#logo {
	display:block;
	float:left;
	width:100%;
	margin:0;
	padding:60px 0 20px 0;
/*	background-color:#fff;*/
/*	color:#fff;*/
	text-align:center;
	line-height:1.80em;
/*	text-shadow: 3px 3px 3px #000;*/
/*	border:solid 5px blue;*/
}

#logo a {
	font-family:'Times', 'Audiowide', 'Orbitron', 'Montserrat', Anton, Lato, Helvetica Neue, Helvetica, Arial;
	color:#000;
	font-size:1.40em;
/*	font-weight:bold;*/
/*	font-style:italic;*/
	letter-spacing:0.00em;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #fff;
	padding:0;
/*	background-color:#D5E3FD;*/
/*	border-radius:2px;*/
/*	box-shadow: 2px 2px 2px #999;*/
}

#logo a:hover{
	color:#444;
}

.slogan {
	font-family:Times, Anton, Lato, Helvetica Neue, Helvetica, Arial;
	font-size:1.00em;
	font-weight:normal;
	letter-spacing:-0.02em;
	color:#000;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #fff;
	padding:3px 12px;
/*	background-color:#930D07;*/
	border:solid 2px #333;
	box-shadow:3px 3px 3px #000;
	border-radius:0 0 0 0;
}

nav {
/*	float:left;*/
	text-align:center;
	padding:0;	
/*	background-color:#fff;*/
}

#menu-icon {
	display:hidden;
	margin:0;
	width:80px;
	height:65px;
	background:url(../images/menu-icon.png) center;
/*	border:solid 1px #fff;*/
}

ul {
	list-style:none;
}

li {
	display:inline-block;
/*	float:left;*/
	padding:20px;
}

section {
	margin:300px auto 50px auto;
	padding:50px 0;
	max-width:80%;
	position:relative;
/*	background:#000;*/
}

h1 {
 	color:#333;
/*	background:#f0f0f0;*/
	font-size:2.40em;
	line-height:1.00em;
	font-weight:normal;
	letter-spacing:-0.01em;
	text-transform:none;
	padding:20px 0;
/*  	border-radius:15px;*/
/*	-moz-border-radius:15px;*/
/*	-webkit-border-radius:15px;*/
}

h2 {
 	color:#000;
    	font-size:1.00em;
    	font-weight:normal;
    	letter-spacing:0.05em;
    	text-transform:uppercase;
	padding:30px 0 0 0;
}

h3 {
	font-family:'Audiowide', 'Orbitron', 'Montserrat', Anton, Lato, Helvetica Neue, Helvetica, Arial;
 	color:#000;
	background-color:#f0f0f0;
    	font-size:1.00em;
    	font-weight:bold;
    	text-transform:uppercase;
	text-shadow:1px 1px 1px #fff;
	margin:20px 0 20px 0;
	padding:15px;
	opacity:0.80;
    	border-radius:5px;
	-moz-border-radius:5px;
    	-webkit-border-radius:5px;
}

p {
	margin:0;
	padding:20px 10px;
	text-align:justify;
}

p a {
	color:#CA2017;
	font-weight:bold;
   	text-transform:none;
    	border-bottom:1px solid #CA2017;
}

p a:hover {
	color:#333;
}

img {
	width:80%;
}

.img-catalogue {
	width:225px;
	height:225px;
}

.img-exemple {
	width:500px;
	height:250px;
}

.red-border {
	color:#D8AF76;
	background-color:#FAE5E3;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
/*	border:2px solid #D8AF76;*/
}

.tarif a {
	color:#000;
	background-color:#CA2017;
	font-size:0.95em;
	font-weight:900;
	padding:10px;
    	text-transform:none;
	border:solid 2px #000;
	box-shadow:3px 3px 3px #000;
	border-radius:0px 0 20px 0;
/*	border-radius: 5px;*/
/*	-moz-border-radius: 5px;*/
/*	-webkit-border-radius: 5px;*/
/*	border:2px solid #D8AF76;*/
}

.tarif a:hover {
	color:#fff;
}

.hr {
    	border:1px solid #555;
	margin:0 150px;
/*	border-radius:5px 0;*/
}

footer {
	width:100%;
	color:#333;
	background: rgba(255, 255, 255, 0.50);
	text-align:center;
	margin:0;
	padding:0 0 50px 0; 
	border-bottom:10px solid #ccc;
}

footer a {
	color:#000;
	font-size:0.80em;
	font-weight:bold;
/*	letter-spacing:0.05em;*/
	text-shadow: 1px 1px 1px #fff;
	text-transform:capitalize;
	border-bottom:none;
}

footer a:hover{
	color:#CA2017;
}

#hautdepage {
	position:fixed;
	bottom:10px;
	right:10px;
	padding:5px 10px;
	z-index:90;
	text-align:center;
}

#hautdepage a {
	padding:6px 12px 0px 12px;
	font:bold 30px/100% 'Avro', Arial, Tahoma;
	background-color:#333;
	color:#fff;
	text-decoration:none;
	text-transform:none;
	border-radius:0 0 10px 0;
}	

#hautdepage a:hover {
 	background-color:#CA2017;
}

/*MEDIA QUERY*/
@media only screen and (max-width:1080px) {

	header {
		position:absolute;
	}

	#menu-icon {
		display:inline-block;
	}

	nav ul, nav:active ul { 
		display:none;
		position:absolute;
		padding:0;
/*		top:240px;*/
		right:0;
		width:100%;
/*    		background-color:#333;*/
	background: rgba(255, 255, 255, 1);
		border-bottom:10px solid #fff;
		border-radius:0;
	}

	nav li {
		text-align:center;
		width:100%;
		padding:10px 0;
		margin:0;

	}

	nav:hover ul {
		display:block;
	}
}

/*END OF CSS*/


/*DIVERS*/

.btn-red-slide {
    	display:flex;
    	justify-content:center;
    	align-items:center;
	padding:10px 20px;
    	background-color:transparent;
	border:2px solid #ff9d89;
   	box-shadow:inset 0 0 0 0 #ff9d89;
   	cursor:pointer;
    	top:0;
    	bottom:0;
    	transition:all .5s ease;
   	text-decoration:none;
	background:#fff;
}

.btn-red-slide a {
	color:#D8AF76;

}

.btn-red-slide a:hover {
	color:#000;
}

.btn-red-slide:focus, 
.btn-red-slide:hover {
    	box-shadow:inset 250px 0 0 0 #ff9d89;
	border:2px solid #000;
    	text-decoration:none;
}

.btn {
    	font-size:1.1em;
	font-weight:bold;

}

.center-block {
    	display:block;
    	margin-right:auto;
    	margin-left:auto;
}