#top{
width:737px;
height:286px;
background-color:#B2E7EF;
float:left;

}
#tableau{width:98%}
#tableau td{border:1px solid #CCC; padding:5px;}

#tableau2{width:98%}
#tableau2 td{border:1px solid #CCC; padding:5px;}

#top .readmore{color:#187A91; text-decoration:underline;  line-height:14px; margin-top:10px; font-size:9px}

.news_item{ width:245px; height:286px; overflow:hidden; float:left;}
.news_item_txt{margin:10px; color:#187A91; font-size:9px;}	
	#dhtmlgoodies_listMenu a{	/* Main menu items */
		color:#000;
		text-decoration:none;
		font-weight:bold;

	}
	#dhtmlgoodies_listMenu ul li a{	/* Sub menu */
		color: #F00;
		font-weight:normal;
	}
	#dhtmlgoodies_listMenu ul li ul li a{	/* Sub Sub menu */
		color: #000;
		font-style:italic;
		font-size:0.9em;
		font-weight:normal;		
	}
	
	#dhtmlgoodies_listMenu .activeMenuLink{	/* Styling of active menu item */
		color:blue;
	}
	
	
	/*
	No bullets
	*/	
	#dhtmlgoodies_listMenu li{
		list-style-type:none;	
	}
	
	/*
	No margin and padding
	*/
	#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
		margin:0px;
		padding:0px;
	}

	/* Margin of sub menu items */
	#dhtmlgoodies_listMenu ul{
		display:none;
		margin-left:10px;
	}

.search{position:absolute; right:0px;    z-index:30000; color:#FFF;}
.module_search{ margin-left:20px; margin-top:20px; width:400px; z-index:10000; color:#FFF;}

#footer_links{width:100%; text-align:center; margin-top:8px;}
#footer_links{color:#999; font-size:9px;}
#footer_links a{color:#999; font-size:10px; line-height:10px;}

#mod_news a{text-decoration:none; }

#calendrier{
z-index:4000;
width:190px;
position:relative;
display:none;


}

.module_input{border: 1px solid #B6B6B8; width:125px; height:23px;}

#cal_in{border:1px solid #FF0066; padding-left:3px; padding-top:3px;  position:relative;}

#calendrier h4{text-align:center; color:#565A5C}

#calendrier li{
	height:auto;
	list-style: none;	
	font-size:11px;
	width :26px;
	height:20px;
	line-height:20px;
	text-align:center; 
	
	
}

.button{
color:#FFF;
background-color:#990066;
padding: 0 5px 0 5px;
height:30px;


}

#calendrier a{color:#026A84; font-weight:bold; line-height:18px;}

#libelle {
	
	margin: 0 auto;
	padding: 0;
}
.ligne {
	
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 26px; 
	height:25px;
	color:#FFF;
	
	background-color:#979B9D;
}
.ligne li {
	z-index:5000;
	color: #666;
	
	float : left; 
	width : 26px;
	height:20px; 
	
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
background-color:#D43985;
color:#FFF;
	/* A vous de configurer l'apparence de la date du jour */
}


li.itemEventToday {
background-color:#D43985;
font-weight:bold;
color:#FFF;
	/* A vous de configurer l'apparence de la date du jour */
}

li.itemEventToday a{font-size:12px; color:#FFF;}

li.itemSelectedItem {
	background-color:#D43985;
	/* A vous de configurer l'apparence du jour sélectionné */
}	

#calendrier .eventslist {
	border: 1px solid #60738b; 
	background-color:#FFF; 
	padding: 2px;
	position:absolute;
	clear:both;
	visibility: hidden; 
	width: 150px;
	z-index:5000;
	color:#000;
	font-weight:100;
	
}

#calendrier .eventslist a{color:#003366; font-size:11px; }
#calendrier .eventslist a:hover{color:#003366; font-size:11px; }



#component .com_login{position:inherit; padding-top:10px; height:200px; }
#component .com_login_left fieldset{padding:10px 10px 59px 10px; }
#component .com_login_right fieldset{ padding:10px;}
#component .com_login_left {width:49%;  float:left;  height:300px; margin-right:5px;}
#component .com_login_right{width:49%; float:left; height:300px;}

.com_login_label{

float:left;
width:100px;
text-align:left;

}

.component_input{
height:20px;

}


div#editor label{

color:#FFF;


}

div#onglet label{

color:#164D7E;
font-weight:bold;


}

div#editor p{
text-indent:5px;


}

div#sitemap li{
list-style-type:square;
list-style-position:inside;

padding-left:5px;

}

div#sitemap li ul li{
list-style-type:none;
padding-left:20px;
}



div#listing table{
text-indent:5px;
font-size:11px;
}

div#listing table h5{
font-size:13px;
}

div#component label{

font-size:11px;
}


div#component address{

font-size:12px;
}

.custom{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFF;
font-size:11px;
text-align:justify;

}

.info{

	width:984px;
	margin-left:20px;
	height:27px;
	line-height:27px;
	position:absolute;
	float:left;

}

.warnings{

	position:relative;
	margin-bottom:10px;
	color:#CC0000;
	text-align:right;
	width:100%;
}



.article_dotted1{color:#000; font-size:14px; height:20px;}
.article_dotted2{color:#AAA; font-size:14px; height:20px; margin-top:10px;}


.mod_login{

float:left;
text-align:right;
width:30px;
font-size:10px;
padding-left:2px;
}


.mod_login_input{

width:140px; height:22px;

}

.mod_login_checkbox{

border:0;

}

.mod_newsletter{
width:165px; 
height:23px;
float:left;
margin-top:1px;

}

/* Gallery */

#cpanel {  text-align: center;  vertical-align: center; }

#cpanel div.icon   { margin: 3px;}
#cpanel div.icon a { 

	
	float: left;
	height: 140px; 
	width: 108px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
    
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   { 

	color : #FFF; 
	background-color:#00afca;  
	border: 1px solid #016982;
	padding: 3px 4px 0px 6px; 

}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 0px;  }
#cpanel div.icon span {  padding-top: 3px;}


/* fin gallery */

.top_right_links{float:right; margin-right:10px; margin-top:10px;}

.picture_border{

border:5px solid #A7B0BF;
right:0px;
top:0px;
position:absolute;

}

/* Profil */

.online{color:#009900}
.offline{color:#FF0000}

/*Lightbox*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	/*background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat;} /* ajout du background */
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat;} /* ajout du background */
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/*FIN LIGHTBOX */

/* BBCODE */

.align_right{text-align:right;}	
.align_left{text-align:left;}	
.align_center{text-align:center;}	
.align_justify{text-align:justify;}