/* --------------------------------------
		design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ 
/* Corps du site 
--------------------------------------*/
* {
    margin:0;
    padding:0;
    font-size:100%;
}

body {
	background:url(images/body.jpg) no-repeat fixed top center;
    font-family:"Trebuchet MS", Verdana, 'Bitstream Vera Sans', Times, serif;
    font-size:12px;
    color:#363a82;
    margin:0;
    padding:0;
}

html, body{ height: 100%; }

/* Conteneurs 
--------------------------------------*/
div#global {
	width:1000px;
    margin:auto;
}

/* ##### EntÃ©te de la page ###### */
div#header_container {
    background: url(images/logo.jpg);
background-position: top center;
height: 429px;
max-height: 429px;
width: 100%;
margin-bottom: -110px;
background-repeat: no-repeat;
}

}

/* ##### EntÃ©te de la page ###### */
div#header{
    height:95px;
        padding-top:170px;
	padding-left:20px;	
	
}



div#sub_header p a { color:#FFF; }

div#header .dynamic_menu h5.links {
    background:none;
    border:none;
    color:#edfff0;
    width:134px;
    background:url(images/button.png) no-repeat;
    padding:5px 0px;
    font-size:11px;
    margin-right:1px;
}

div#header .dynamic_menu h5.links:hover {
    color:#edfff0;
    cursor:default;
    background:url(images/button_click.png) no-repeat;
}

div#header .dynamic_menu h5 a {
    color:#FFFFFF;
    text-decoration:none;
}



div#compteur {
    color:#E9ECD9;
    position:absolute;
    top:50px;
	right:0;
	font-size:11px;
    margin-right:15px;
	text-align:right;
}

div#wrapper{
	background: #FAFAFA;
	width: auto;
	overflow: hidden;
	margin:auto;
	border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

div#left_menu {
    float:left;
    width:200px;
    margin:0;
    margin-top:10px;
    margin-right:2px !important;
    margin-right:-1px;
    padding:0;
}

div#right_menu {
    float:right;
    width:200px;
color:#FFFFFF;
    margin:auto auto;
    padding:5px;
    background: #FFFFFF;
    border:1px #000000;
	border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div#main {
    width:auto;
    min-width:450px;
    overflow:hidden !important;
    height:auto !important;
    padding:0;
    margin:0;
}

div#main_content {
    width:auto;
    margin-top:5px;
    padding:5px 0px 20px 0px;
    border-spacing:1px;
    overflow: visible;
}

div#links { text-indent:10px; margin-top: 8px;}

div#links a {
	color: #002b5b;
    font-weight: bold;	
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#top_contents { margin: 10px auto; }
div#bottom_contents { margin-top:0px; margin-bottom:0px; }

div#top_footer { 
	clear:both;
	padding: 0px;
}

div#footer {
	clear:both;
	border:1px solid #000000; 
	border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	background:#333333; 
	background:-moz-linear-gradient(top, #333333 0%, #222222 100%); 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); 
	background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); 
	background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );
	width: auto;
	margin:10px auto 0px auto;
	text-align:center;
	height:auto;
	padding-top: 70px;
}

div#footer span {
    color:#FFF;
    font-size:10px;
}
div#footer span a {
    color:#FFF;
    font-size:10px;
}

/* Content Spécifique */

ul.no_list{
	list-style:none;
	line-height: 1.7em;
}


#cssmenu{ width: auto; height:37px; display:block; padding:0; margin: 0px;  border:1px solid; border-radius:0px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } 
#cssmenu{border-color:#000;} 
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#444;} 
#cssmenu > ul > li > a:hover{background:#111;}


.prog-border {
width: auto;
height: 20px;
background: #f6f6f6;
margin-left:7px;
padding: 3px;
border: 1px solid #C0C0C0;
}
.prog-bar {
height: 20px;
background: url(http://uploads.darineko.com/2011/01/progress_blue.gif) repeat-x;
/* utilisez une couleur ou une image de fond */
}