.title{
	color: #cc3333; 
	font-size: 15px; 
	font-weight: bold;
}

.pagination{
	color: #cc3333; 
	font-size: 12px;
}

.link{
	color: #cc3333; 
	font-size: 13px;
	text-decoration: underline;
	font-weight: bold;
}

a.link-title{ color: white; text-decoration: none; display: block; font-size: 14px; }

.element{
	display: block;
	width: 100%;
	border-bottom: 1px solid #999;	
	background-color: #cde1f0;
	color: black;	
	font-size: 12px;	
}

.toggler-title{
	background-color: #6286a9;
	color: white; 
	font-weight: bold; 
	font-size: 14px; 
	padding: 6 0 6 10;
	cursor: pointer;
}

.inactive{
	cursor: default;	
}

.toggler-title a{
	font-weight: bold; 
	font-size: 14px;
	text-decoration: none;
	color: white;
}

a.nav-link{
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: black;
	padding: 2 0 2 10;
}

a.nav-link:hover{
	text-decoration: underline;
	color: #cc3333;
}

div#accordion{ margin-top: 10px; border: 1px solid #999; }

/*****************************************************/

/*
*	Gestion du slide
*/

#mask {  
   	width:198px;
   	height:25px;
   	overflow:hidden;  
   	border: none;  
   	position:relative;
   	float: left;
}  
#folio {  
  	position:absolute;  
 	top:0;  
  	left:0;  
  	width:10000px;  
  	float:left;  
}  	
.col{  
  	display:block;  
  	width:200px;  
  	height:25px;  
  	float:left;  
}  
.site {  
  	width:30px;  
  	height:25px;  
  	float:left;  
  	padding:4px;  
  	margin: 0px 0px 0px 2px;  
  	border: none;
}

.site a{
	font-size: 12px;
  	font-weight: bold;
  	color: black;
  	text-decoration: none;
}
 	
#slider-trigger-prev{ float: left; padding: 4px; text-decoration: none; color: black; }
#slider-trigger-prev:hover{ color: #cc3333; text-decoration: underline; }
#slider-trigger-next{ float: right; padding: 4px; text-decoration: none; color: black; }
#slider-trigger-next:hover{ color: #cc3333; text-decoration: underline; }

/*****************************************************/

div#months{
	display: block;
	float: left;
	width: 175px;
	height: 75px;
	padding-top: 10px;
	padding-left: 10px;
}

div#months div{
	display: none;	
}

div#months div a{
	font-size: 12px;
	color: black;
	color: black;
	font-weight: normal;
	text-decoration: none;
}

div#months div a.active{ color: #cc3333; font-weight: bold; }

div#months div a:hover{
	color: #cc3333;
}

a.active{ color: #cc3333; font-weight: bold; }

/*****************************************************/

.page_title{ font-size: 16px; color: #CC3333; font-weight: bold }
.page_title_complement{ font-size: 16px; color: #CC3333; font-weight: normal }
.page_pagination{ color: #CC3333; font-size: 11px }
.page_pagination_trigger{ font-size: 12px; color: #CC3333; text-decoration: underline }

/*****************************************************/

.article_title{ color: #336699; font-size: 12px; font-weight: bold; }
a.article_title{ text-decoration: none; }
a.article_title:hover{ color: #CC3333; }
.article_next{ color: #336699; font-size: 11px; font-weight: normal; text-decoration: underline; }
.article_next:hover{ color: #CC3333; }

/*****************************************************/

.article_text{ font-size: 12px; color: black; }
.article_quote{ font-size: 11px; color: black; text-align: justify; padding-top: 5px; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.artitle_text_annonce_title{ background-color: #EEEEEE; color: #336699; padding: 10px; font-weight: bold; font-size: 12px; }
.artitle_text_annonce{ background-color: #EEEEEE; font-size: 12px; color: black; padding: 10px; }
.article_text_no_annonce{ color: #336699; padding: 10px; font-weight: bold; font-size: 12px; }