@charset "utf-8";

	html {
	 min-height: 100%;
	 min-width: 100%;
	-ms-text-size-adjust: none;
	}
	body {
    margin: 0;
    font-family: 'Roboto',Arial, Helvetica Neue,Helvetica,sans-serif; 
    font-size: 16px;
	color: #000000;
	}
	body a{
    margin: 0;
	text-decoration: none;
	color: #fff;
	}
	body a:hover{
    margin: 0;
	text-decoration: none;
	color: #000000;
	}
	strong{
	font-weight: 600;
	}
	.uppercase {
	text-transform: uppercase;	
	}
	.blanc{
	color: #FFF;
	}
	.bleu {
	color:#3FF
	}
	.bleufonce{
	color: #04a0af;
	}
	.noir{
	color: #000;
	}
	.titre{ 
	font-family: 'Josefin Sans', sans-serif;
	font-size: 28px;
	text-transform: uppercase;
	margin-top:0;
	color: #FFFFFF;
	margin-bottom:0;
	}
	h1, h2, h3 {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	/*text-align:left;*/
	}
	h4, h5, h6{
    font-family: 'Roboto',Arial, Helvetica Neue,Helvetica,sans-serif; 
	}
	h1{
	text-align:center;
	}
	#header-content h1 {
	font-family: 'Josefin Sans', sans-serif;
	margin-bottom: 5px;
	text-transform: uppercase;
	}
	h2 {
	font-weight: 100;
	margin-top:70px;
	}
	h3{  
	text-transform: uppercase;
	font-weight: 100;
	line-height:22px;
	}
	h4 {
	font-weight: 100;
	margin-top:10px;
	text-transform: uppercase;
	}
	h4 a {
	color: #FFFFFF;
	text-decoration :none;
	}
	h4 a:hover{
    color: #000000;
	text-decoration: none;
	}
	h4 a:active{
    color: #FFFFFF;
	text-decoration: none;
	}
	h5{ 
  	color: #000;
	font-size: 14px;
	font-weight: 100;
		    margin-top: -10px;
	}
	h5 a {
    color: #000;
	text-decoration: none;
	}
	h5 a:hover{
    color: #02a2b2;
	text-decoration:none;
	}
	h5 a:active{
    color: #02a2b2;
	text-decoration: none;
	}
	#bloc6 h5{ 
  	color: #000;
	font-size: 14px;
	text-align: justify
	}
	#bloc4-content li{ 
  	color: #000;
	font-size: 14px;
	}
	.chiffre {
	color: #FFFFFF;
	font-weight: 500;
	font-size: 19px;
	}
	#bas-page-gauche{
	font-size: 14px;
	color: #FFFFFF;
	}
	#bas-page-gauche a{
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	}
	#bas-page-gauche a:hover{
	font-size: 14px;
	color: #00fff6;
	text-decoration: none;
	}
	#bas-page-gauche a:active{
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	}
	#bas-page-mail a{
	color: #FFFFFF;
	text-decoration: none;
	}
	#bas-page-mail a:hover{
	color: #00fff6;
	text-decoration: none;
	}
	#bas-page-mail a:active{
	color: #FFFFFF;
	text-decoration: none;
	}
	.trait_dessus { 
	 float: left;
	border-top: 5px dotted #fff; 
	width : 100%; 
	padding-bottom: 30px;
	} 
	.savoir{
	color: #000;
	text-decoration: underline;
	font-style: italic
	}
	.savoir a{
	color: #000;
	text-decoration: underline;
	font-style: italic
	}
	.savoir a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-style: italic
	}
	.bold {
	font-weight:800;
	}
	.cfc{
	font-size: 30px;
 	color: #00fff6;
	font-weidth: 100;
	text-decoration: none;
	}
	.cfc a{
 	color: #00fff6;
	text-decoration: none;
	}	
	.cfc a:hover{
	color: #FFFFFF;
	text-decoration: none;
	}
	.cfc a:active{
	color: #FFFFFF;
	text-decoration: none;
	}
	.contact {
	width: 500px;
	color: #FFFFFF;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	}
	.contact-bleu {
	clear: both;
	font-size: 12px;
	color: #00fff6;
	text-align: center;
	padding-bottom:5px;
	}
	.contact-credit {
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}