body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 1% 5% 0 5%;
	font-size: 17px;
}

#page {
	padding: 0px;
	width: 100%;
}

#haut {
	height: auto; /** Taille du header 166px **/
}

.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;

}


/**
* HEADER #HAUT>.block
**/
.block-left{
	display: inline-block;
	text-align: center;
}
.block-middle{
	display: inline-block;
	text-align: center;
	width: 60%
}
.block-right{
	display: inline-block;
	text-align: center;
}
@media only screen and (min-width: 1300px) {.block-middle{width: 70%;}}
@media only screen and (max-width: 962px) {.block-middle{width: 55%;}}
@media only screen and (max-width: 900px) {
 	.block-left{
		display: block;
		text-align: center;
	}
	.block-middle{
		display: block;
		text-align: center;
		width: auto;
	}
	.block-right{
		display: block;
		text-align: center;
	}
}
/**
* NAVBAR
**/
#nav {
	background-color:#D2CDCC;
	border-top-right-radius: 16px 16px;
	border-top-left-radius:  16px 16px;
	border-bottom-right-radius: 16px 16px;
	border-bottom-left-radius:  16px 16px;
	height: auto;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav li {display: inline;}
#nav li a {
	text-decoration: none;
	font-weight: bold;
	color: #040404;
	display: inline-block;
	height: 19px;
	padding: 8px;
}
#nav li a:hover {
	height: 28px;
	background-color: #BE948D;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius:  10px 10px;
}

#nav li.active-debut a {
	height: 19px;
	background-color: #BE948D;
	border-bottom-right-radius: 6px 6px;
	border-bottom-left-radius:  16px 16px;
	border-top-left-radius: 16px 16px;
}

#nav li.left-img a {
	height: 19px;
	background-color: #BE948D;
	border-radius: 0px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius:  10px 10px;
}

/**
*	CONTENT
**/
#contenu {
	margin: 1%;
}

.img-pos-left {
	float: left;
	margin: 1% 2% 1% 0%;
}
.img-pos-right {
	float: right;
	margin-left: 2%;
	margin: 1% 0% 1% 2%;
}

/**	
*	FOOTER
**/
#footer {
	text-align: center;
	padding: 15px;
	margin: 0;
	background-color: #CCC;
}

/**
*	CONTENU
**/
div#contenu h2,h3,h4,h5,h6{
}

/** RESEAUX SOCIAUX **/
.fa {padding: 10px;font-size: 30px;height: 25px; width: 100px;text-align: center;text-decoration: none;margin: 5px 2px;}
.fa:hover{opacity: 0.7;}
.fa-facebook {background: #3B5998;color: white;}
.fa-linkedin {background: #007bb5;color: white;}
.fa-youtube {background: #bb0000;color: white;}
.fa-instagram {background: #125688;color: white;}
.colortitre {
	color: #82181a;
}
.motilatique {
	font-style: italic;
}
.colorfoncee {
	font-weight: bold;
}