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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


body{
	margin:auto;
	height:auto;
	width:100%;}


.clear{clear:both;}
.center{width:960px; margin:auto;}
.center4{width:180px; margin:auto;}
.first_letter {color:#ed008c;}
.bg_pink{background-color:#e2007a;}
.bg_blue{background-color:#005da8;}
.bg_lightblue{background-color:#009de0;}
#bordure_footer{height:4px; width:100%;}


/* header */
#header{
	width:100%;
	height:150px;
	margin:0 5px 5px 0;
	background-color:#292929;
	border-bottom: solid 3px #e2007a;
	text-align:center;
	position:relative;}

#header img {margin-top:15px;}

.logo {
	width:245px;
	position:absolute;
	top:10px;
	left:10px;
}

.titre {
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	color:#fff;
	line-height:150px;
	font-size:50px;}

.drapeaux {
	position:absolute;
	top:35px;
	right:10px;
}

	

/* fin header */



/*main */


#main{
	width:100%;
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	height:auto;
	margin-bottom:20px;}
	
.bloc_texte_gauche {
	height: auto;
    width: 465px;
    float: left;
	margin-right:30px;
	margin-bottom:25px;}	
	
.bloc_texte_droite {
	width:465px;
	float:left;}	
	

.titres_paragraphes {
	font-size:25px;
	text-transform:uppercase;
	color:#8a8a8a;
	letter-spacing:1px;
	padding: 10px 0px;
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	}	

.traits {
	width:960px;
	border:solid 1px #e2007a;
	margin: 20px 0 20px 0;}


.traits_bleu_petits_gauche {
	width:465px;
	border:solid 1px #005da8;
	margin-top:10px;
	margin-bottom:10px;}	
	
.traits_bleu_petits_droite {
	width:465px;
	border:solid 1px #005da8;
	margin-top:10px;
	margin-bottom:10px;}
		
	
.traits_rose_petits_gauche {
	width:465px;
	border:solid 1px #e1007a;
	margin-top:10px;
	margin-bottom:10px;}	
	
.traits_rose_petits_droite {
	width:465px;
	border:solid 1px #e1007a;
	margin-top:10px;
	margin-bottom:10px;}	
	

.paragraphes {
	color:#8a8a8a;
	font-size:15px;
	text-align:justify;
	padding:10px 0px;
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	}

.paragraphes2 {
	color:#8a8a8a;
	font-size:15px;
	text-align:justify;
	padding:10px 0px;
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	}

.paragraphes a {text-decoration:none;color:#8a8a8a;}	
.paragraphes a:hover {text-decoration:none;color:#e1007a;}	

.paragraphes2 a {text-decoration:none;color:#8a8a8a;}	
.paragraphes2 a:hover {text-decoration:none;color:#e1007a;}		
	
.news_gauche {
	height: auto;
    width: 465px;
    float: left;
}	
	
	
.news_droite {
	width:465px;
	float:right;
	display: block;
	text-align:center;}
	
	
.slide {
	width:465px;
	float:right;
	display: block;
	text-align:center;}	

.news_gauche2 {
	height: auto;
    width:180px;
}	
	
	
.news_droite2 {
	width:180px;
	display: block;
	text-align:center;}
	
	
.slide2 {
	width:180px;
	display: block;
	text-align:center;}	
	

/* fin main */






/*actualites */

#news {
	width:100%;
	height:82px;
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	background-image:url(../images/fond_actualites.png);}

.titre_actus {
	font-size:18px;
	color:#292929;
	margin-top:26px;}

.sections_actus {
	width:210px;
	float:left;
	margin:5px 5px;}
	
.traits_news {
	height:60px;
	border:solid #292929 1px;
	float:left; 
	margin-right:30px;
	margin-top:10px;
	}	
	
.sections {
	font-size:12px;
	color:#969494;}	

#news a {text-decoration:none;color:#969494;}
#news a:hover {color:#58585a;}		
		
.sous_titres_actus {font-size:18px;margin-top:10px;}

/* fin actus */


 
#footer{
	width:100%;
	height:auto;
	background-color:#292929;
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
	
.titres_footer {
	font-size:18px;
	color:#fff;}	
	
.sous_titres_footer a {text-decoration:none;color:#c1c1c1;}	

.sous_titres_footer a:hover {
	-webkit-filter: brightness(2);
	-moz-filter: brightness(2);
	-o-filter: brightness(2);
	-ms-filter: brightness(2);
	filter: brightness(2);
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
	}			
	
.sous_titres_footer {
	font-size:11px;color:#c1c1c1;}		
	
.numeros {font-size:11px; color:#797979;}	
	
.footer_sections {
	margin: 10px 5px;
	width:182px;
	text-align:left;
	float:left;}	
	
#footer table {margin:10px 0px 0px 0px;}	

.rs{
	width:36px;
	float:left;
	margin:12px 12px 0px 0;
}

.rs img{
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
	-webkit-filter: brightness(1);
	-moz-filter: brightness(1);
	-o-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
}

.rs:hover img{
	-webkit-filter: brightness(2);
	-moz-filter: brightness(2);
	-o-filter: brightness(2);
	-ms-filter: brightness(2);
	filter: brightness(2);
	
	}
	
 /* fin foooter */	
	

	
	
 /* copyright*/	
	
#copyright {
	height:30px;
	line-height:30px;
	width:100%;
	font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:10px;
	color:#fff;
	text-align:center;}	
		
#copyright a {
	text-decoration:none;
	color:#fff;}	
	
#copyright a:hover {
	color:#292929;}			
	
/* admin */	


.titres_rp {
  font-size: 20px;
  color: #e52a86;
  text-align: left;}
	
	
.table th {
  font-size: 14px;
  line-height: 50px;
  text-transform: uppercase;
  padding: 10px;
  background-color: #e1007a;
  color: #fff;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
  font-weight:bold;}




.table td {
  padding: 10px;
  font-size: 12px;
  text-align: center;
  color: #8a8a8a;
  border-bottom: solid 1px #e1007a;}
  
.table td a {text-decoration:none; color:#8a8a8a;}  
  
  
  
.ajouter {
	background-color:#e1007a;
	width:150px;
	height:55px;
	text-align:center;
	margin:auto;
	line-height:50px;}  
  
.ajouter a {text-decoration:none;color:#fff;}

.titres_paragraphes2 {
    font-size: 16px;
    padding: 2px;
}