/* Général site */
*{color:#e0e0e0;line-height:1.6em;font-family:"Helvetica","Verdana","Tohoma","Lucida Console";}
p,ul,ol,li,fieldset,legend,table,tr,td,th,div,a,img {margin:0px;padding:0px;}

input[type="text"],textarea {border:1px solid #cccccc;padding:2px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:  5px;}
body {background-color:#000000;margin:0px;padding:0px;}
#fsite{width:100%;overflow:hidden;background:url('../images/fond_site.png') repeat-y top center;}
#site{width:990px;margin:0px auto;padding:0px;}

#header,#menu,#content1,#content3{width:990px;background-color:#333333;}
.clear{clear:both;}
/* HEADER */
#header * {text-decoration:none;border:none;} 
#header .logo{margin:10px;float:left;}
#header .icon{float:right;}
#header .icon li{list-style:none;float:left;}
#header .icon img{width:75px;height:75px;}
#header .icon a img{opacity:0.7;}
#header .icon a:hover img{opacity:1;}


/* MENU */
#menu .menu01{background: url('../images/menu_fond_01.png') no-repeat top right; width:91px; height:40px;float:left;}
#menu .menutitre{width:138px; height:30px;float:left;padding:10px 5px 0px 5px;color:#666666;text-decoration:none;font-weight:bold;}
#menu .menu02{background: url('../images/menu_fond_02.png') no-repeat top right; width:21px; height:40px;float:left;}
#menu .menu03{background: url('../images/menu_fond_03.png') repeat-x top right; width:730px; height:40px;float:left;}
#menu .menu03 a{text-decoration:none;font-weight:bold;position:relative;z-index:10;}
#menu .menu03 ul li{float:left;list-style:none;font-variant:small-caps;padding-top:9px;position:relative;z-index:10;}
#menu .menu03 ul li a{background: url('../images/menu_fond_separateur.png') no-repeat center right;padding:8px 22px 7px 5px;}
#menu .menu03 li a:hover{color:#ff0000;}
#menu .menu03 ul li ul{position:absolute;display:none;border-radius: 0px 10px 10px 10px;}
#menu .menu03 ul li:hover ul{clear:both;display:block;padding-top:0px;background-color:#4d4d4d;}
#menu .menu03 ul li:hover ul li{clear:both;height:21px;width:210px; display:block;color:#ff0000;}
#menu .menu03 ul li:hover ul li a{display:block;background:none;}

/* CONTENT1 */
#content1{background: url('../images/content1_fond.png') no-repeat bottom center #333333;padding:15px 0px 0px 0px;border-radius:  0px 0px 10px 10px;}
#content1 .mooqueeHolder{width:960px;height:360px;margin:0px auto;}
#content1 .marquee{background: url('../images/fond_content1_compo.png') no-repeat bottom center;width:960px;height:360px;margin:0px auto;}
#content1 .mooquee_item{-moz-border-radius: 5px;border-radius:  5px;}
#content1 .mooquee_item a{margin:0px;padding:0px;color:#4d4d4d;}
#content1 #menu_photo{width:905px;margin:0px auto;}
#content1 .boxadmin{float:left;margin:15px;}

/* CONTENT2 */
#content2 .content2box{background: url('../images/fond_content2.png') no-repeat 0px 7px;width:215px;height:145px; overflow:hidden;margin:15px;float:left;}
#content2 .h1red h1,#content2 .h1green h1,#content2 .h1blue h1,#content2 .h1mag h1{width:103px;height:26px; overflow:hidden;margin:0px;padding: 2px 0px 8px 20px;font-size:26px;color:#ffffff;line-height:26px;font-variant:small-caps;text-shadow:1px 1px 0px #000;}
#content2 .content2box p{margin:2px 5px;text-align:left;line-height:1.1em;}
#content2 .content2box a{text-decoration:none;}
#content2 .content2box a:hover{text-decoration:underline;}
#content2 .h1red h1{background: url('../images/fond_content2_h1red.png') no-repeat top left;}
#content2 .h1green h1{background: url('../images/fond_content2_h1green.png') no-repeat top left;}
#content2 .h1blue h1{background: url('../images/fond_content2_h1blue.png') no-repeat top left;}
#content2 .h1mag h1{background: url('../images/fond_content2_h1mag.png') no-repeat top left;}

/* CONTENT3 */
#content3 {border-radius: 10px;}
#content3 .box{background-color:#4d4d4d;
-moz-border-radius: 5px 20px  5px 20px;
border-radius:  5px 20px  5px 20px;}
#content3 ul,#content3 li{margin-left:10px;}
#content3 input.input_checkbox{width:20px;margin-left:25px;}
#content3 .width1-3{width:280px;}
#content3 .width2-3{width:610px;}
#content3 .width3-3{width:960px;}
#content3 .width1-4{width:197px;}
#content3 .width2-4{width:434px;}
#content3 .width3-4{width:681px;}
.width1-3, .width2-3, .width3-3, .width1-4, .width2-4, .width3-4{float:left;margin:15px;padding:10px;}
#content3 input, #content3 textarea, #content3 select, #content3 option{color:#4d4d4d;width:95%;}
.button_sociaux{height:21px;margin:5px;float:left;}


/* FOOTER */
#footer .box{background-color:#1a1a1a;width:215px;border-radius: 5px;margin:15px;float:left;}
#footer .box *{color:#4d4d4d;}
#footer .box {color:#4d4d4d;line-height:1.2em;}
#footer .box h1{font-size:24px;line-height:1.1em;padding:0px 5px;margin:0px;}
#footer .box p{text-align:justify;line-height:1.1em;}
#footer .box ul, #footer .box li{margin-left:10px;}
#footer .box a:hover{color:#cccccc;}

/* ADMIN */
/* default style css
** fichier style des barres graph
** fichier nécessaire au bon affichage du graph
** basé sur : http://terrill.ca
*/
/* GRAPH BAR VERTICAL */
.barGraph {

	font: 9px Helvetica, Geneva, sans-serif;
	height: 300px;
	margin: 1em 0;
	padding: 0;
	position: relative;
	}
	
.barGraph li {
	background: url(../images/line_graph.png) bottom left;
	border-top: 1px solid #555;
	bottom: 0; 
	color: #FFF;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute;
	list-style: none;
	text-align: center;
	width: 3%;
	border-bottom: 3px solid #333;
	}
	
.barGraph li.date{ background-color:#000000; }
.barGraph li.S2{ background-color:#888888; }
.barGraph li.S1{ background-color:#AAAAAA; }
.barGraph li.SF{	background: url(../images/line_graph.png) bottom left;}

/* GRAPH BARRE HORIZONTAL */
.navGraph{
	font: 11px Helvetica, Geneva, sans-serif;
	padding: 0;
	margin: 1em 0;
	position: relative;
}
.navGraph li {
	top: 0; 
	left:0;
	color: #FFF;
	margin: 0 auto; 
	padding: 0;
	list-style: none;
	text-align: center;
	line-height:20px;
	height:20px;
	position:absolute;
	overflow:hidden;
	}
	
.navGraph li.Fnav{ background-color:#000000; width:150px;}
.navGraph li.N1{ background-color:#888888; left:150px;}

a.Small_stat{text-decoration : none;width:100%;display:block;color:#000;}
a.Small_stat:hover {text-decoration : underline;}
a.Small_stat span{float:right;}