@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------
Annulation des marges et préparation des balises html5
-----------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
header,footer,section,article,nav,figure,figcaption {
	display:block;
}


/*-----------------------------------------------------
Démarrage de la mise en page
-----------------------------------------------------*/
body{
	margin:0 auto;
	background:#FFF;
	width:100%;
	/*background:#a6bcb3;
	min-width:780px;*/
}

.montserrat-<uniquifier> {
  font-family: "Jura", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: thin;
}

.fb-root {
	margin-left:20px;
}

#bod {
	padding-top:0px;
	padding-bottom:0px;
	color:#c77b6b;
	background-color:#eeebeb;
	font-size:15px;
	text-align:center;
	font-family: "Jura", sans-serif;
}

h1 {
	color:#945546;
	background-color:#eeebeb;
	font-size:20px;
	text-align:center;
	font-weight:500;
	font-family: "Jura", sans-serif;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	width:80%;
}

#ps {
	text-align:center;
	color:#C03;
	font-size:20px;
	text-align:center;
	font-weight:200;
	font-family: "Jura", sans-serif;
}
	
#comp {
	text-align:center;
}


h1 span {
	font-size:15px;
} 

#bandeau {
	width:20%;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
    background-color: #b07d5e;
	position:absolute;
}

#bandeau img {
	width:60%;
}

#band {
	width:100%;
	text-align:center;
}

#band img {
	width:100%;
	padding-bottom:20px;
}

#bandeauF {
	text-align:center;
	padding-top:20px;
}

#bandeauF img {
	width:100%;
}

#mainMenu {
	width:20%;
	float:left;
	background-color: #b07d5e;
	padding-bottom:100%;
	padding-top:20%;
}

#menu {
	width:100%;
	list-style-type:none;
	max-width:2000px;
	margin:0 auto;
	margin-left:100px;
	min-width: auto;
}

#menu li {
	margin-bottom:30px;
}

#menu li a {

	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-family: "Jura", sans-serif;
	font-size:15px;
}

#menu li a:hover {
	color:#000000;

}


.conteneur {
	margin:0 auto;
	width:80%;
	padding-bottom:40px;
	overflow:hidden;
	}


h2 {
	padding-left:20px;	
	padding-top:10px;
	font-family: "Jura", sans-serif;
	font-size:16px;
	text-align:left;
	margin-top:10px;
}

#titreActu {
	width:100%;
	padding-top:10px;
}

#ActuRecent {
	background-color:#eeebeb;
}

#ActuRecent img {
	width:31%;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:2%;
}
	

#actu {
	margin-top:5%;
	overflow:hidden;
	background-color:#ffffff;
	float:right;
	text-align:center;
	padding-bottom:20px;
	margin-bottom:5%;
}

#actu p {
	padding-top:20px;
	padding-left:14px;
	color:#c09389;
	font-size:18px;
	font-family: "Jura", sans-serif;
	font-weight:500;
	padding-bottom:20px;
}

#actu p span {
	color:#5b6b6d;
}

#actu img {
	margin:14px;
	width:6%;
	padding-left:20%;
	float:left;
}

#introAcc {
	background-color:#eeebeb;
	padding-left:30px;
	padding-top:20px;
	padding-bottom:20px;
	color:#000000;
	font-size:12px;
	font-family: "Jura", sans-serif;
	font-weight:500;
	text-align:Left;
	line-height:1.3;
	margin-top:100px;
	}

#introAcc span {
	color:#5b6b6d;
	font-size:15px;
}

#introAcc p strong {
	font-weight:normal;
}

#introAcc p em {
	font-style:normal;
}

	
#conteneurGal {
	margin:0 auto;
	width:80%;
	padding-bottom:40px;
	padding-top:10px;
	float:right;
	}
	
.presse {
	background-color:#eeebeb;
	font-family: "Jura", sans-serif;
	font-weight:200;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.presse p {
	font-family: "Jura", sans-serif;
	font-weight:500;
}
	
.galG {
	display:block;
	float:left;
	margin-bottom:20px;
	text-align:center;
	width:49%;
	padding-top:20px;
}

.galG img {
	width:70%;
	text-align:center;
	
}
	
.galD {
	display:block;
	float:left;
	margin-bottom:20px;
	text-align:center;
	width:49%;
	padding-top:20px;
}

.galD img {
	width:70%;
}

.AutregalD {
	display:block;
	float:left;
	margin-bottom:20px;
	text-align:center;
	width:30%;
	padding-top:20px;
	padding-right:20px;
}

.AutregalD img {
	width:100%;
}

.AutregalG {
	display:block;
	float:left;
	margin-bottom:20px;
	text-align:center;
	width:30%;
	padding-top:20px;
	padding-right:20px;
}

#AutreProjets p {
	font-weight:bold;
	font-family:"Jura", sans-serif;
	font-size:19px;
	color:#566466;
	padding-top:50px;
	padding-bottom:20px;
}
	
	
.AutregalG img {
	width:100%;
}

#agu1 {
	width:40%;
	padding-left:20px;
	padding-bottom:20px;
}
 
#agu2 {
	width:100%;
	padding-left:20px;
	padding-bottom:20px;
	padding-top:20px;
}

#agu3 {
	width:40%;
	padding-left:20px;
	padding-bottom:20px;
}

.Horiz {
	width:45%;
	padding-left:20px;
	padding-bottom:20px;
}

.Vertic {
	width:30%;
	padding-left:20px;
	padding-bottom:20px;
}

.projet {
	 padding-top:30px;
	 padding-bottom:30px;
	 overflow:hidden;
	 background:#F9F9F9;
}
 
.projet p {
	width:95%;
	padding-left:20px;
	font-family:"Jura", sans-serif;
	font-size:16px;
	color:#566466;
	padding-top:20px;
}
	
.projet p span {
	font-weight:bold;
}


.actualite {
	margin-bottom:40px;
	text-align:center;
}
	
.actualite img {
	width:90%;
}

#Lien {
	margin:0 auto;
	text-align:center;
}

#footer {
	background-color:#b07d5e;
	color:#FFF;
	font-family: "Jura", sans-serif;
	padding-top:40px;
	padding-bottom:50px;
	overflow:hidden;
	clear:both;
}

#Lien a {
	color:#FFF;
	font-family: "Jura", sans-serif;
	font-size:10px;
	line-height:1.5;
	text-decoration:none;
}

#Lien span {
	color:#c09389;
	font-size:10px;
}

#youtube {
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	width:100%;
}

/*-------------------------------------------------------------------------------------------------*/

#present {
	text-align:center;
	padding-bottom:7%;
}

#present img {
	width:40%;
	margin-top:40px;
}

#titre2 {
	float:left;
}

#reseaux {
	text-align:center;
}

#reseaux img {
	width:5%;
	padding-top:200px;
	padding-left:20px;
}


#concept {
	padding-bottom:50px;
	overflow:hidden;
	background-color:#eeebeb;
	}

#concept p {
	color:#000000;
	font-family: "Jura", sans-serif;
	font-size:14px;
	line-height:1.5;
	padding-top:60px;
	padding-left:20px;
}

#concept p span {
	color:#5b6b6d;
}

#concept p strong {
	font-weight:normal;	
}

#concept p em {
	font-style:normal;
}


/*-------------------------------------------------------------------------------------------------*/

.tableau {
	position:relative;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	margin-bottom:60px;
	margin-top:60px;
	font-family:font-family: "Jura", sans-serif;
	z-index:1;
}

#Exemple {
	position:relative;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	margin-bottom:60px;
	margin-top:60px;
	font-family:"Jura", sans-serif;
	z-index:1;
	background:#fdfcfa;
	text-align:left;
	padding-left:20px;
}



.tableau .colD {
	overflow:hidden;
	font-family:"Jura", sans-serif;
	text-align:left;
	padding-left:20px;
}


.tableau1 {
	position:relative;
	border:solid 2px #c09389; 
	margin:0 auto;
	width:100%;
	overflow:hidden;
	margin-bottom:60px;
	font-family:"Jura", sans-serif;
}


.colGG {
	float:left;
	margin:2%;
	font-family:"Jura", sans-serif;
	width:30%;
}

.colDD {
	overflow:hidden;
	font-family:"Jura", sans-serif;
	float:left;
	color:#c09389;
	font-family: "Jura", sans-serif;
	font-size:17px;
	padding-top:3%;
	font-weight:normal;
	width:65%;
}

.colGG img {
	width:100%;
}


.titrePrix {
	color:#566466;
	font-family: "Jura", sans-serif;
	font-size:17px;
	font-weight:bold;
	padding-bottom:10px;
}


.titrePrix strong {
	font-weight:normal;
}

.prixDes img {
	width:100%;
}


.prixDes {
	float:left;
	color:#566466;
	font-family: "Jura", sans-serif;
	font-size:15px;
	padding-top:3%;
	font-weight:normal;
	padding-bottom:20px;
}

.prixDes strong {
	font-weight:normal;
}

.prixDes span {
	font-size:15px;
	color:#c07363;
}

.prixDes p {
	font-style:italic;
}

#Cadre {
	display:block;
	background:url(../images/cadre.png) no-repeat;
	width:100%;
}


.prixDes1 {
	float:left;
	color:#566466;
	font-family:"Jura", sans-serif;
	font-size:17px;
	font-weight:normal;
}

.prixDes1 strong{
	font-weight:normal;
}

.prixDes1 span {
	font-size:16px;
	color:#8baba7;
}

.prix {
	float:left;
	width:30%;
}

.prix img {
	padding-left:50%;
	width:60%;
}

#prixDesP {
	float:left;
	width:65%;
	color:#c09389;
	font-family: "Jura", sans-serif;
	font-size:18px;
	line-height:1.5;
	padding-top:3%;
	margin-left:5%;
	font-weight:normal;
}


#bar {
	text-decoration:line-through;
}

#etoile {
	font-size:16px;
	color:#c09389;
	font-family: "Jura", sans-serif;
	padding-bottom:40px;
	font-style:italic;
}
	



.box {
	width:100%;
	overflow:hidden;
}

#intro {
	color:#945446;
	font-family: "Jura", sans-serif;
	font-size:16px;
	line-height:1.5;
	padding-left:10px;
	padding-right:85px;
	padding-top:40px;
	padding-bottom:50px;
	margin:0 auto;
	width:100%;
	font-weight:normal;
	text-align:center;
}

#intro strong {
	font-weight:normal;
	
}

#introID {
	color:#566466;
	font-family: "Jura", sans-serif;
	font-size:16px;
	line-height:1.5;
	padding-left:10px;
	padding-right:85px;
	padding-top:40px;
	padding-bottom:50px;
	margin:0 auto;
	width:100%;
	font-weight:normal;
	text-align:left;
}

#introID strong {
	font-weight:normal;
	
}

#CAD {
	text-align:center;
}

#CAD img {
	width:50%;
	text-align:center;
	padding-bottom:100px;
}

#Formulaire {
	text-align:center;
	font-family: "Jura", sans-serif;
	font-size:16px;
	margin:0 auto;
	padding-left:20px;
	padding-top:20px;
	background-color:#eeebeb;
}

#Formulaire p {
	padding-bottom:10px;
}

form {
	font-family: "Jura", sans-serif;
	font-size:16px;
}

form p {
	clear:both;
	color:#566466;
}

.consigne {
}

#objet {
	width:40%;
}

#mail {
	width:40%;
}


#message {
	height:200px;
	overflow:scroll;
	width:40%;
}

.champs {
	width:800px;
	font-family: "Jura", sans-serif;
	font-size:15px;
	background:#fdfcfa;
	resize: none;
	border:none;
	margin-bottom:20px;
}

#absence {
	text-align:center;
	font-family:"Jura", sans-serif;
	font-size:15px;
	color:#C03;
}

#go {
	background:#b07d5e;
	color:#FFF;
	width:100px;
	height:20px;
	margin-top:10px;
	margin-bottom:10px;
	border:none;
}

#avis {
	padding-bottom:20px;
	margin-top:5%;
	font-family:"Jura", sans-serif;
	font-size:15px;
	padding-left:20px;
	color:#945546;
	text-align:center;
	font-weight:600;
}


#houzzavis {
	padding-bottom:20px;
	margin-top:5%;
	font-family:"Jura", sans-serif;
	font-size:15px;
	padding-left:20px;
	color:#945546;
	text-align:center;
	font-weight:600;
}

#livreOr {
	padding-bottom:20px;
	margin-top:5%;
	font-family:"Jura", sans-serif;
	font-size:25px;
	color:#945546;
	text-align:center;
	font-weight:600;
	background:#eeebeb;
	padding-top:20px;
}

#livreOr p {
	padding-bottom:20px;
	font-family:"Jura", sans-serif;
	font-size:15px;
	padding-left:20px;
	margin-top:2%;
	color:#945546;
	text-align:left;
	font-weight:600;
	font-style:italic;
}

#livreOr p span{
	color:#000000;
}
#houz {
	padding-bottom:20px;
	padding-left:20px;
	padding-top:20px;
	text-align:center;
}

.error {
	color:#F00;
	padding:60px;
}

#carte {
	width:4%;
	float:left;
	padding-left:20px;
}

#post {
	width:25%;
	margin:0 auto;
	padding-left:20px;
}
#valid {
	font-family: "Jura", sans-serif;
	font-style:italic;
	line-height:2;
	font-size:17px;
	color:#4f3f2e;
	float:left;
	padding:15px;
}

#pous {
	float:left;
	width:10%;
}

.fb-like {
	text-align:center;
	padding:20px;
	width:100%;
}

#loc {
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
	overflow:hidden;
	padding:20px;
	background:#eeebeb;
}

#loc p {
	color:#945546;
	font-family: "Jura", sans-serif;
	font-size:16px;
	line-height:1.5;
	padding-left:100px;
	padding-bottom:18px;
	float:left;
}

#loc p strong {
	font-weight:normal;	
}

#loc p em {
	font-style:normal;
}


.hdp img { 
	border:0;  
	position:fixed;  
	top:80%;  
	right:5%; 
}

#livredor {
	background-color:#eeebeb;
	margin:0 auto;
	width:80%;
	padding-bottom:40px;
	padding-top:10px;
	text-align:center;
	float:right;
	margin-top:80px;
}



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

#ActuRecent img {
	width:21%;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:1%;
}
	
#menu {
	margin-left:10%;
}

#conteneurGal {
	width:80%;
}


.conteneur {
}
	
.conteneur p {
	font-size:15px;
}
	
.conteneur p span {
	font-size:20px;
}

#concept p {
	font-size:15px;
}
	
#concept p span {
	font-size:15px;
}
	
.prixDes {	
	font-size:15px;
}

.projet p{
	font-size:14px;
}

#footer {
	font-size:13px;
}

#bod {
	font-size:15px;
}

#menu li a {
	font-size:17px;
}

#intro {
	font-size:15px;
}

#loc p {
	font-size:15px;
}
}

@media screen and (max-width:1090px) {
.conteneur {
}

.conteneur p {
	font-size:10px;
}
	
.conteneur p span {
	font-size:15px;
}

#concept p {
	font-size:10px;
}
	
#concept p span {
	font-size:10px;
}
	
#concept {
	padding-top:0;
	margin-right:5px;
}
	
#present img {
	width:80%;
}

.prixDes {
	font-size:10px;
}

#footer {
	font-size:11px;
}

#bod {
	font-size:12px;
}

#menu li a {
	font-size:14px;
	}


/*#mainMenu {
	width: 100%;
}*/

#intro {
	font-size:13px;
}

.consigne {
	width:100%;
}

#objet {
	width:40%;
}

#mail {
	width:40%;
}

#message {
	width:40%;
}

#Formulaire {
	width:100%;
}

#loc p {
	font-size:13px;
}
}