@charset "UTF-8";

body , html {
	background-color:#66d0f8; 
	margin:0;padding:0;
	width:100%;
	height:100%;
}

ul,li{
	margin: 0;
	padding: 0;
	list-style-type: none; 
}

h1.accueil{ font-size:14px; margin:0}

 


/* ----------------------DIV----------------------------*/

#header, #main, #footer, #menu{ position:absolute; width:100%; }

#header{ height: 56px; background-color:#00aeef; }

#menu{ height:40px; top:56px; background-color:#00aeef; }

#main{ height:479px; top:94px; background-color:#fff;  }

#footer{ height:33px; top:573px; background-color:#00aeef; text-align:right; font-size:10px; padding:3px 0 0 0; font-weight:bold; } 


/* ----------------------footer----------------------------*/

#footer .witim{display:block; width:100%; border-top: 1px solid #000; text-align:right; margin-top:3px; }
#footer a{ padding:3px 53px 0 0; color:#FFF; background:url(../image/witim.gif) right 50% no-repeat; margin-top:1px; display:block; } 

/* ----------------------header----------------------------*/


a.logo{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px;
	display:block;
	padding: 36px 0 0 58px;
	background:url(../image/logo.gif);
	width:275px;
	height:16px;
}


.logo2{
	font-size:18px;
	letter-spacing:0px;
	position:relative;
	top:-3px;
}

.rail{
	position:absolute;
	font-size:10px;
	padding:6px;
	color:#000;
	font-weight:bold;
}
.rail a{
	color:#000;
}
.rail a:hover{
	text-decoration:underline;
}

.billContent{
	padding:2px;
	background-color:#FFFFFF;
	border: 1px #000 solid;
	display:none;
	position:absolute;
	top:-25px;
	left:-40px;
	width:150px;
	font-weight:bold;

}
.billContent a{
	color:#00aeef;
	font-size:11px;
} 

.ovf{
	overflow:auto;
	/* hors ie mac \*/
	width:100%;
	height:100%;
	/* hors ie mac \*/
}
.content{
	padding:4px;
	text-align:left;
}
.content2{
	padding:10px;
	text-align:left;
}


.categorie{
	margin-top:4px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom-color:#fff;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

.date_news{
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	color:#00aeef;
	font-weight:bold;
}


/*-------------------------------------SOUS-MENU-----------------------------*/	

.ssmenu{
	background:url(../image/noir_transp.png)

}

.smenu{
	font-weight:bold;
	color:#fff;
	width:326px;
	padding:4px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.smenu_ok{
	font-weight:bold;
	color:#00aeef;
	width:326px;
	padding:4px;
	display:block;
	background-color:#fff;
	text-decoration:none;
}

a.smenu:hover{
	color:#fff;
	background-color:#fff;
}


/*******************************************************************************
-----------------------------------MENU OUTIL
 *******************************************************************************/

#MenuBarOutil{	height:20px; border-top: 1px #000 solid; border-bottom: 1px #000 solid; }

#MenuBarOutil li{ float:right; margin:3px 10px 0 0; padding-left:6px; font-weight:bold; font-size:10px; border-left: 1px #000 solid;}

/*******************************************************************************
--------------------------------------MENU
 *******************************************************************************/
 
 
#MenuBar1{	background:#c4efff; height:20px; border-bottom: 1px #000 solid; }

ul.MenuBarHorizontal{
	cursor: default;
	width: auto;
	z-index: 1000;
	font-size: 11px;
	
}

ul.MenuBarHorizontal li{
	margin-right:4px;
	text-align: left;
	cursor: pointer;
	float: left;
	z-index: 1010;
}

ul.MenuBarHorizontal a{
	padding: 2px 6px 2px 7px;
	display: block;
	cursor: pointer;
	font-weight:bold;
	color:#FFF;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{
	background-color:#fff;
	color:#00aeef;
}


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


ul.MenuBarHorizontal a.MenuBarItemSubmenu{
	background-image:url(../image/MenuBarDown.gif);
	background-repeat: no-repeat;
	background-position:right 50%;
	color:#00aeef;
	cursor:default;
	text-transform:uppercase;
	font-size:10px;
	padding:4px 14px 4px 8px !important;
}

ul.MenuBarHorizontal a:hover.MenuBarItemSubmenu2{
	background-color:#fff;
	color:#00aeef;
}


/* ----------------------------------------sous menu*/


ul.MenuBarHorizontal ul{
	left:4px;
	z-index: 1020;
	cursor: default;
	position: absolute;
	display:none;
	border: 1px solid #72bdeb;
	color:#fff;
	font-weight:bold;
	background-color:#00aeef;
}

ul.MenuBarHorizontal ul li{
	clear:both;
	width:100%;
	margin-top:0px;
	border-bottom-color:#fff;
	border-bottom:solid 1px;	
}

ul.MenuBarHorizontal ul li{
	padding-right:0;padding-left:0;
	margin-right:0;margin-left:0;
}

ul.MenuBarHorizontal ul li a{
	width:100%;
	padding-right:0;padding-left:0;
	margin-right:0;margin-left:0;
}

ul.MenuBarHorizontal a.MenuBarItemSubSubmenu{
	background-image:url(../image/MenuBarRight.gif);
	background-repeat: no-repeat;
	background-position:right 50%;
	background-color:#00aeef;
	color:#fff;
}

ul.MenuBarHorizontal a.MenuBarItemSubSubmenu:hover{
	background-image:url(../image/MenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position:right 50%;
	background-color:#fff;
	color:#00aeef;
}

/* ----------------------------------------sous-sous menu */

ul.MenuBarHorizontal ul ul{
	position: absolute;
	margin: 0 0 0 100%;
	left:0;
}