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

/* #09371C vert foncé */
/* #0E562C vert medium */
/* #5D8C71 vert clair */
/* #2D1212 marron foncé */
/* #770705 marron */
/* #FFEDCA beige */

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.9em;
	margin:0;
	width:100%;
	border-top:4px solid #770705;
	color:#FFEDCA; }

body.background-motif {
	background:#015501 url("../images/background.png") no-repeat center center fixed;
	background-size:cover;
	background-blend-mode:multiply; }
/*body.background-motif:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.6;
    background-color:#015501;
    background-image: url("../images/background.png");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover; }*/
	
body.background-sobre {
	background-color:#09371C; }

.page {
	width:100%;
	margin:0 auto;
	text-align:left; }
.contenuPage {
	width:92%;
	margin:10rem auto 0; }
.background-motif .contenuPage {
	max-width:960px; }

#logo {
	width:300px;
	margin:10px 0 0 4%; }
#logo img {
	max-width:100%;
	height:auto; }
	
h1 {
	padding:0.7rem 0 0.5rem 0;
	text-align:center;
	font-size:1.3em;
	background-color:#015501;
	mix-blend-mode:luminosity;
	color:#FFF;
	text-transform:uppercase; }
	
h2 {
	text-align:center; }

p {
	line-height:1.3em; }

.description {
	font-weight:bold;
	font-style:italic; }
	
a {
	color:#5D8C71; }
	
/* Class Prédéfinies */

.big {
	font-size:1.8em;
	font-weight:bold; }
.medium {
	font-size:1.4em;
	font-weight:bold; }
	
.white {
	color:#FFF; }
	
.beige {
	color:#FFEDCA; }
	
.fond-beige {
	background-color:#FFEDCA;
	color:#2D1212; }
	
.avec-fond {
	background:rgb(255, 237, 202, 0.4); }

/*_________________________ MENU et bandeau en général */

#divMenu {
	position:absolute;
	top:7rem; 
	width:100%; }
	
#divImgBandeau {
	height:105px;
	background:#015501 url("../images/bandeau.jpg") no-repeat center center fixed;
	background-size:100%; }
	
#divPictos {
	position:fixed;
	top:15px;
	right:15px; }
#divPictos img {
	height:35px;
	width:35px;
	border-radius:25%; }
	
.divBoutonMenu {
	display:block;
	width:100%;
	text-align:center;
	font-size:1.2rem;
	background-color:#770705;
	border-bottom:solid 1px #2D1212; }

.divBoutonMenu a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#FFEDCA; }
.divBoutonMenu span {
	display:block;
	padding:0.5rem; }
.divBoutonMenu span:hover {
	background-color:#2D1212; }
	
@media screen and (min-width: 768px) {/*JLO BREAKPOINT ECRANS TABLETTES ET DESKTOP*/
	#divMenu {
		top:9rem; 
		border-bottom:2px solid #2D1212; }
	.divBoutonMenu {
		display:inline-block;
		width:24%;
		border:none;
		border-radius:0.5rem 0.5rem 0 0; }
}


/*_________________________ PIED DE PAGE */

#divPiedDePage {
		margin-top:2rem;
		padding-bottom:2rem;
		border-top:2px solid #09371C;
		background-color:#2D1212;
		color:#FFEDCA; }
		
#divContenuPiedDePage {
	width:92%;
	max-width:1200px;
	margin:2rem auto 0 auto; }
	
#divPiedDePage p {
	font-size:0.9em; }
	
#divPiedDePage p#contactDetail {
	font-size:1.1em;
	font-weight:bold; }
	
#divPiedDePage .paragraphe {
	padding-bottom:2rem;
	border-bottom:2px solid #FFEDCA; }

@media screen and (min-width: 768px) {/*JLO BREAKPOINT ECRANS TABLETTES ET DESKTOP*/
	#divPiedDePage {
		text-align:left; }
		
	.divColPiedDePage {
		display:inline-block;
		vertical-align:top;
		width:30%;
		margin-right:2%; 
		border-bottom:none; }
	div#ColFooter3 {
		text-align:right; }
		
	#divPiedDePage .paragraphe {
		padding-top:0.5em;
		border-top:2px solid;
		border-bottom:none;
}