@charset "UTF-8";
/* CSS Document */
html { 
	background-color: #FFFFFF;
}

body {margin: 0; padding: 0;
font-family: 'Quicksand', sans-serif;
font-weight: 300;
color: #706d6d}

#wrapper {
	width:90%;	
	max-width: 612px;
	padding: 0 5% 0 5%;
	margin: 0 auto 0 auto;
	text-align: center;
}
#wrapper2 {
	width:100%;	
	max-width: 652px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
}

#wrapper2 img.livre {
	width:100%;	
	height: auto;
}

header {
	width: 100%;
	
}

.background-hp img{
	width:100%;
	height: auto;
}

h1.headerpage {
    width: 612px;
	max-width: 90%;
    position: absolute;
    top: 29px;
    margin: 0;
	padding: 0;
}

h1.headerpage img {
	width:40%;
	height: auto;
	margin: 0 30% 0 30%;
	padding: 0;
	
}

h2 img {
	margin-top: 50px;
	width: 80%;
	text-align: center;
	height: auto;
}


a img {
	border: none;
}


p.grand {
	text-align: justify;
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 30px 0;
}

p.source {
	color: #625e5e;
	font-size: 0.8em;
	font-weight: 400;
	text-align: right;
	line-height: 1.5em;
}

p.moyen {
	text-align: center;
	font-size: 1.5em;
    font-weight: 400;
	line-height: 1.3em;
	margin: 0 0 10px 0;
}

p.moyen2{
	font-size: 1.2em;
	
}

p.presentation {
	text-align: justify;
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
	font-weight: 400;
}

p.presentation2 {
	font-size: 1.3em;
	margin: 0 0 20px 0;

}

p.presentation3 {
	font-size: 1em;
	margin: 0 0 10px 0;

}

span.light {
	font-weight: 300;
	font-size: 0.9;
	
}

span.bold {
	font-weight: 400;
	
}

p.bp{
	color: #625e5e;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
}

a, a:active, a:hover {
	font-weight: bold;
	color: #3c8749;
	text-decoration: none;
}

a:hover {
text-decoration: underline
}






/*------------------------------------------------------------------------
CH91 		 SMART PHONE ET TABLETTE < 990px de large
------------------------------------------------------------------------*/
@media only screen and (max-width:990px)
 {  
	





 }
	
	


	


/*------------------------------------------------------------------------
CH92 		 SMART PHONE ET TABLETTE < 480px de large
------------------------------------------------------------------------*/

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

	

	
 }

     

/*------------------------------------------------------------------------
CH93 		 480px de large < SMART PHONE ET TABLETTE < 768px de large
------------------------------------------------------------------------*/

@media only screen and (min-width:481px) and (max-width:767px)
 {
	 

 }



/*------------------------------------------------------------------------
CH94 		 768px de large < SMART PHONE ET TABLETTE < 990px de large
------------------------------------------------------------------------*/

@media only screen and (min-width:768px) and (max-width:990px) 
 {
	
	
	
 }