*{
	margin: 0;
	padding: 0;
}


body{
	width: 100%;
	margin: 0;
	background: url("../images/background3.jpg") repeat-y;
	text-align: justify;
	position: relative;
	font-family: "Raleway", "open sans", arial, sans-serif;
	color: white;

	min-width: 960px;
}

p, span{
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 2px;
}

small{
	font-size: 10px;
}

a{
	text-decoration: none;
	color: white;
}
p a:hover{
	text-decoration: none;
	color: #fac458;
}

.texte-rouge{
	color: #b92533;
	font-weight: 800;
}
.texte-noir{
	color: black;
	font-weight: 600;
}

h2{
	font-size: 20px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 5px;

	margin-top: 20px;
	margin-bottom: 30px;
}
h2::before{
	content: " ";
	border: solid 1px #fff;
	display: block;
	width: 170px;
	margin-bottom: 25px;
}

h3{
	text-align: center;
	font-size: 20px;
	padding-bottom: 20px;
}

.div960{
	width: 960px;
	margin: auto;
}

.clear{
	clear: both;
}

.center{
	text-align: center;
}
.right{
	text-align: right;
}

.image-set{
	text-align: left;
}


/********** TOP **********/

header{
	margin-bottom: 30px;
}

#top{
	background-color: black;
	height: 125px;
	margin-bottom: 30px;
	/* background-color: rgba(255,255,255,0.9); */
	background: #28401c; /* Old browsers */
	background: -moz-linear-gradient(top,  #28401c 0%, #111b10 100%, #111b10 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28401c), color-stop(100%,#111b10), color-stop(100%,#111b10)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #28401c 0%,#111b10 100%,#111b10 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #28401c 0%,#111b10 100%,#111b10 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #28401c 0%,#111b10 100%,#111b10 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #28401c 0%,#111b10 100%,#111b10 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28401c', endColorstr='#111b10',GradientType=0 ); /* IE6-9 */
}

/* #top h1{
	margin-top: 0px;
	text-align: center;
	font-family: "bauhaus", "Raleway", "open sans", arial, sans-serif;
	font-size: 50px;
	letter-spacing: 15px;
	color: black;
} */
#logo h1{
	width: 356px;
	height: 120px;
	text-indent: -9999px;
	background-image: url("../images/logo.jpg");
	margin: auto;
}

header h1{
	font-size: 12px;
	text-align: center;
	color: #d59480;
}





/********* MENU **********/

.border{
	width: 40px;
	height: 2px;
	background-color: white;
	float: left;
}
.border-black{
	width: 40px;
	height: 2px;
	background-color: black;
	float: left;

}
.top{
	margin-top: 20px;
}

.bottom{
	margin-top: 20px;
}

#menu{
	margin-bottom: 30px;
}

nav ul li{
	display: inline-block;
	text-decoration: none;
	/* overflow: hidden; */

	position: relative;

	/* width: 176px;
	height: 176px; */

	/* height: 147px; */
	height: 107px;

	margin-right: 14px;

	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: 700;

	/* padding-top: 30px; */
	padding-left: 25px;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.3s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.3s;
	transition-property: opacity;
	transition-duration: 0.3s;

	cursor:pointer;
	z-index:9999;
}

nav > ul > li{
	width: 152px;
}

nav > ul > li:hover{
	opacity: 1;

}
/* nav ul li:hover a::after{
	content: " ";
	border: solid 1px #fff;
	display: block;
	width: 40px;
	margin-bottom: 20px;
} */

nav ul li:last-child{
	margin-right: 0px;
}

nav ul li:nth-of-type(1), nav ul li:nth-child(1) ul{
	background-color: rgba(255,255,255,0.9);
}
nav ul li:nth-of-type(1) a{
	color: black;
}

nav ul li:nth-of-type(2), nav ul li:nth-child(2) ul{
	background-color: rgba(238,189,84,0.9);
}
nav ul li:nth-of-type(3), nav ul li:nth-child(3) ul{
	background-color: rgba(147,84,69,0.9);
}
nav ul li:nth-of-type(4), nav ul li:nth-child(4) ul{
	background-color: rgba(45,72,29,0.9);
}
nav ul li:nth-of-type(5), nav ul li:nth-child(5) ul{
	background-color: rgba(28,43,24,0.9);
}


nav ul li a{
	/* margin-left: 15px; */
	margin-top: 40px;
	clear: both;
}

nav ul li span{
	margin-bottom: 5px;
	-webkit-transition-property: width;
	-webkit-transition-duration: 0.3s;
	-moz-transition-property: width;
	-moz-transition-duration: 0.3s;
	transition-property: width;
	transition-duration: 0.3s;
}

nav ul li:hover .border, nav ul li:hover .border-black{
	width: 130px;
}



/* nav ul li .active::after{
	content: " ";
	border: solid 1px #fff;
	display: block;
	width: 40px;
	margin-top: 25px;
} */

/* nav ul li a::before{
	content: " ";
	border: solid 1px #fff;
	display: block;
	width: 40px;
	margin-bottom: 25px;
}
nav ul li:nth-of-type(1) a::before{
	content: " ";
	border: solid 1px black;
	display: block;
	width: 40px;
	margin-bottom: 25px;
} */

/* SOUS MENU */


#showmore{
	cursor: pointer;
	color: black;
}

.sousmenu {
	top: 107px;
	left: 0;
	display: block;
	position: absolute;
	/* pointer-events:none; */
}


.sousmenu li{
	font-size: 12px;
	line-height:20px;
	height: 20px;
	text-align: left;
	opacity:1 !important;
	background-color:transparent !important;
	text-transform:none;
	padding-top:10px !important;
	letter-spacing:1px;

	padding-right: 25px;
}

#creation-sousmenu{
	width: 450px;
}
#restauration-sousmenu{
	width: 320px;
}
#actus-sousmenu{
	width: 200px;
}

.sousmenu a:last-child li{
	padding-bottom:30px;
}

.sousmenu li:first-child a{
	color: white;
}
.sousmenu a:hover{
	color: black;
}

nav ul li ul li{
	display: block;
}



/********* TEXTE GAUCHE ET SLIDER **********/

#gauche{
	float: left;
	width: 290px;
	height: 476px;
	margin-right: 20px;

	background-color: rgba(28,43,24,0.9);
}

#droite{
	float: left;
	width: 570px;
	/* height: 420px; */
	height: 530px;

	background-color: rgba(000,000,000,0.92);
}
#droite-contact{
	float: left;
	width: 570px;
	height: 461px;

	background-color: rgba(000,000,000,0.92);
}

.cadre{
	padding: 40px;
}

.jaune{
	background-color: rgba(238,189,84,0.9);
}
.marron{
	background-color: rgba(147,84,69,0.9);
}
.vert-clair{
	background-color: rgba(45,72,29,0.9);
}
.vert-fonce{
	background-color: rgba(28,43,24,0.9);
}

.cadre p:last-child{
	margin-bottom: 0;
}


/* .hidden{
	display:none;
} */





/********* FOOTER **********/

footer{
	height: 60px;
	padding-top: 25px;
	margin-top: 30px;
	/* background-color: rgba(255,255,255,0.9); */
	background: #28401c; /* Old browsers */
	background: -moz-linear-gradient(top,  #28401c 0%, #111b10 100%, #111b10 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28401c), color-stop(100%,#111b10), color-stop(100%,#111b10)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #28401c 0%,#111b10 100%,#111b10 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #28401c 0%,#111b10 100%,#111b10 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #28401c 0%,#111b10 100%,#111b10 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #28401c 0%,#111b10 100%,#111b10 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28401c', endColorstr='#111b10',GradientType=0 ); /* IE6-9 */
}

footer p{
	text-align: right;
	font-size: 12px;
	color: white;
}

footer a{
	color: white;
}