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

.global{
	float:left;
	width:500px;
	height:auto;
	background-color:#5894F8;
	margin-top:20px;

}
.titre{
	float:left;
	width:500px;
	color:#FFFFFF;
	background-color:#0071E1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height:22px;	
}
.titre span{padding-left:5px;}
.info{float:left;  width:500px; color:#FFFFFF; background-color:#0076EC; text-align:left;}
.name{float:left; width:180px; padding-left:5px;}
.region{float:left; width:180px;}
.date{float:left; width:120px; text-align:right;}


.message_glo{
	width:500px; 
	height:auto; color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top:10px;
	margin-bottom:10px;

}
.message {float:left; width:490px; padding-left:5px; text-align:left; }

/* ----------------------------------------- gestion news ------------------------------------------- */
#news{background-color:#999; width:555px; border:0;}
#news .menus{text-align:center;  background:#999; 
}
#news .texte{float:left; text-align:left; background-color:#CCCCCC; padding-left:5px; 
}

.insert{padding-left:5px; color:grey;}

/* -------------------------------------- le menu -------------------------------------- */

.menu_box{


	height:26px;
}

.menu{
float:left;
	margin-top:1px;
	margin-left:3px;
	padding-left:10px;
	padding-right:10px;
	background-color:#999999;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #CCCCCC;	
	
}

.menu a{color:#FFFFFF}
/* -------------------------------------------- box generale */
.gris{background-color:red;}
.pale{background-color:#c54700; margin:0px;}
#main{float:left; width:100%; padding-top:5px;}
#main .menu1{
	
	text-align:center;
	background-color:#999;
	height:25px;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#main .box_gen{float:left; width:100%; margin-top:0px; margin-bottom:0px;}
#main .box_gen .cG{float:left; width:90px; padding-left:5px;}
#main .box_gen .cD{float:left; width:90px; }
#main .box_gen .little{float:left; width:20px; }
#main .box_gen .id{float:left; width:25px; text-align:center; border-right:solid 1px #ccc; padding-left:3px;}
#main .box_gen .checkbox{float:left; width:50px;; text-align:center; border-right:solid 1px #ccc; padding-left:3px;}
#main .box_gen .titre_news{
	float:left;
	width:525px;
	border-right:solid 1px #ccc;
	padding-left:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height:24px;
	background-color:#BBBBBB;
}


#main .box_gen .date{
	float:left;
	width:120px;
	text-align:center;
	border-right:solid 1px #ccc;
	padding-left:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height:24px;
	background-color:#BBBBBB;
}
#main .box_gen .icone{float:left; width:8px;  padding-right:3px; background-color:#BBBBBB; }
#main .box_gen .icone img{padding-left:5px;}

#main .box_gen .message{
	text-align:center;
	height:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	
}
.news_text{
	clear:left;
	padding-left:5px;
	text-align:left;
	background-color:#ccc;
	margin:0;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
}
.bordure{float:left;  margin-top:10px;}
/* ---------------------------------------------------------- gestion menu gauche */
#men_guen{float:left; height:800px; width:150px;}
#Box_menu{float:left; width:150px; background-color:#CCCCCC; text-align:center; padding-bottom:15px; padding-top:15px;}
#Box_menu .menu_titre{
	width:122px;
	background-color:#666666;
	border:solid 1px #000;
	height:25px;
	margin-top:5px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
#Box_menu .menu_lien{width:122px; background-color:#999999; border:solid 1px #000; height:25px; margin-top:5px; color:#FFFFFF; margin-left:auto; margin-right:auto;}
#Box_menu .menu_lien a{ text-decoration:none; color:#fff;}
#Box_menu .menu_lien a:hover{text-decoration:none; color:#333333;}
#Box_menu .menu_lien a:active{text-decoration:none; color:#666666;}
.hidde{display:none;}
.left{text-align:left;}
clearL{clear:both;}