/* ===================================
1. General
==================================== */
body {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:1.6em;
	color:#273e57;
	background:#4a0b14;
}


a, a:hover, a:focus, a:active {
	outline:0;
	color:#b89796;
}

img{
	max-width:100%;
	height:auto;
}

a:hover{
  text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:600;
	line-height:1.1em;
	margin-bottom: 20px;
	 letter-spacing:1px; 
}

#wrapper{max-width:100%;}
#wrapper header{color:#decfce; padding:30px;}
#wrapper header .info{text-align:right; padding:55px 25px 0;}
#wrapper header .logo{text-align:center;}
#wrapper header .adresse div{float:left; margin:40px 20px 0 0;}
#wrapper header .adresse div span{color:#b89796;}


#wrapper #main-cotent{min-height:600px; background:url(../images/header.jpg) no-repeat top;  background-size: 100% 100%;  text-align:center; padding:60px 20px 80px;}
#wrapper #main-cotent .slogan{max-width:1024px; margin:240px auto 50px; font-size:22px; color:#4a0b14; letter-spacing:6px; line-height:40px;}

footer{width:100%; min-height:60px; padding:20px 0 15px; position:fixed; bottom:0; text-align:center; background:#4a0b14;  color:#decfce;}
.row{margin:0;}

@media (max-width: 1060px) {
	#wrapper header .adresse{margin-top:120px;}
	#wrapper header .adresse div{margin-top:20px;}
	#wrapper header .info{padding-top:155px;}
}

@media (max-width: 767px) {
	#wrapper header .info,
	#wrapper header .logo,
	#wrapper header .adresse{padding:15px; margin:0;}
	#wrapper header .info{text-align:left;}
	footer{position:static;}
}

@media (max-width: 484px) {
	#wrapper header{padding:30px 10px;}
	#wrapper #main-cotent{min-height:inherit; background:url(../images/header2.jpg) no-repeat top;  background-size:cover;  text-align:center; padding:200px 5px 40px;}
	#wrapper #main-cotent .slogan{margin:25px auto 10px; font-size:16px; letter-spacing:4px; line-height:35px;}
}