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

body {
    background:url(images/bg.jpg) no-repeat scroll center center transparent;
    background-attachment:fixed ;
    font-size:12px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
    color:#FFFFFF;
	text-shadow:2px 2px 2px #000000;
    margin:0;
    padding:0;
}

/* Conteneurs 
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
margin:auto; /*  En 100%, mettre margin:24px; */
width:1000px; /*  pour l'avoir en pleine écran: mettre 100%*/
}
/* ##### Conteneur HAUT du site ###### */
div#global_header {

}

/* ##### Entéte de la page ###### */
div#header_container {
background:url("images/header.png") no-repeat scroll center top transparent;
margin:auto;
width:1000px;
}

/* ##### Entéte de la page ###### */
div#header {
    height:80px;
}

/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header {
background:url("images/link.png") repeat-x scroll 0 0 transparent;
border-bottom:6px solid #000000;
height:38px;
padding:0;
position:absolute;
}

div#sub_header p a {
    color:#FFFFFF;
	text-shadow: 2px 2px 2px #000;
}

/* Lien du subheader */
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:#6991A3;
    text-decoration:none;
}

/* ##### Compteur de visites  ###### */
div#compteur {
font-size:10px;
margin-right:21px;
position:relative;
text-align:left;
top:-58px;
}
/* ##### Barre de lien rapide - Connexion ###### */
div#connect {
color:#FFFFFF;
float:right;
font-size:10px;
margin-right:20px;
margin-top:5px;
text-shadow:2px 2px 2px #000000;
}

/* ##### Barre de lien rapide - Fils d'ariane ###### */
div#links { 
height:17px;
text-indent:10px;
/*width:90%;*/
}

/* ##### Menu de gauche ###### */
div#left_menu {
float:left;
margin-bottom:0;
margin-left:0;
margin-right:4px !important;
margin-top:0;
padding:0;
width:200px;
}

/* ##### Menu droit ###### */
div#right_menu {
float:right;
margin-bottom:0;
margin-left:0 !important;
margin-right:16px;
margin-top:0;
width:190px;
}

/* #####  Contenu de la page ###### */
div#main {
float:none;
height:auto !important;
margin:0;
min-width:450px;
overflow:hidden !important;
padding:0;
width:auto;
}

/* ##### Contenu central ###### */
div#main_content {
border-spacing:1px;
margin-top:-12px;
width:auto;
}

/* ##### Emplacement au dessus de contenu de la page ###### */
div#top_contents {
	margin-top:8px;
    margin-bottom:8px;
}

/* ##### Emplacement en dessous de contenu de la page ###### */
div#bottom_contents {
	margin-top:8px;
    margin-bottom:8px;
}

/* ##### Bloc au dessus du pied de page ###### */
div#top_footer {
    clear:both;
    padding:0.75em;
}

/* ##### Pied de page ###### */
div#footer {
/*background:transparent url(images/footer.jpg) no-repeat scroll center center;*/
clear:both;
height:51px;
margin:auto;
text-align:center;
width:1000px;
}
div#footer span {
    color:#FFFFFF;
    font-size:10px;
	text-shadow:1px 1px 1px #000000;
}
div#footer span a {
    color:#FFFFFF;
    font-size:10px;
}

div#menus  {
background:url("images/btache.png") no-repeat scroll 0 0 transparent;
float:left;
height:594px;
margin-top:-594px;
position:relative;
width:400px;
}

div#menus1  {
background:url("images/bconnect.png") no-repeat scroll 0 0 transparent;
float:right;
height:210px;
margin-right:138px;
margin-top:-210px;
position:relative;
width:200px;
}

div#menus  a, div#menus1  a  {
    color:#000000;
    font-size:11px;
	font-weight:normal;
	text-shadow:1px 1px 1px #FFFFFF;
}

div#menus a:hover, div#menus1  a:hover {
    color:#5B666A;
}

div#icons  {
background:url("images/icone.png") no-repeat scroll 0 0 transparent;
float:right;
height:67px;
margin-right:48px;
margin-top:-17px;
position:relative;
width:68px;
}

div#liens  {
float:left;
position:relative;
width:40%;
}

div#liens-bis  {
float:right;
margin-right:22px;
position:relative;
width:40%;
}

div#liens-bis  a {
    color:#FFFFFF;
    font-size:11px;
	font-weight:normal;
	text-shadow:1px 1px 1px #000000;
}

div#liens-bis  span a {
    color:#FFFFFF;
    font-size:10px;
	text-shadow:1px 1px 1px #000000;
}

/* ##### Barre de lien rapide - URLS ###### */
div#Urls{ 
color:#FFFFFF;
font-size:12px;
height:35px;
margin-left:236px;
text-align:center;
text-shadow:1px 1px 1px #000000;

}
 
 #menu ul{
 }
 
 #menu li{
        display: inline;
        list-style-type: none;
        float: left;
 }
 
 #menu a {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin:9px 0 0;
padding:7px;
text-decoration:none;
 }

#menu .sousMenu {
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
margin:54px -41px 0;
position:absolute;
width:150px;
z-index:1000;
}
 
 
 #menu .sousMenu li{
        display: block;
        float: none;
        border-top: 1px solid #AAA;
        background-color: #000;
        margin: 0px;
        padding: 2px;
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
        opacity: 0.7;
       -khtml-opacity: 0.7;
 }
 
 #menu .sousMenu a {
        padding-left : 5px;
        padding-right : 5px;
        font-weight: normal;
        font-size: 9pt;
        border: 0px;
 }

 #menu .sousMenu li:hover {
        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        opacity: 0.9;
        -khtml-opacity: 0.9;
 }
 
 

/* ##### Liens verticaux rapides ###### */

div#links_vertical_1 {
float:left;
left:0;
position:fixed;
top:200px;
width:34px;
}
 
div#links_vertical_top_1 {
background:transparent url(images/vertical_menu_top.png) no-repeat scroll 0 0;
height:19px;
margin-left:-2px;
padding-top:13px;
text-align:center;
width:31px;
}
 
div#links_vertical_central_1 {
background:transparent url(images/vertical_menu_repeat.png) repeat-y scroll 0 0;
margin-left:-2px;
padding:4px 0;
text-align:center;
width:31px;
}
 
div#links_vertical_bottom_1{
background:transparent url(images/vertical_menu_bottom.png) no-repeat scroll 0 0;
height:32px;
margin-left:-2px;
padding-top:6px;
text-align:center;
width:31px;
}