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

body {
    background:transparent url(images/bgr.jpg) repeat;
    color:#E8E8E8;
    font-family:tahoma,helvetica,sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
}
/* Cadre du forum */

.forumline {
    border:1px solid #000000;
    background:#DEDEDE url(images/contentbg2.png) repeat-x scroll 0 0;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
	}
/* Conteneurs 
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
    margin:auto;
}
/* ##### Conteneur HAUT du site ###### */
div#global_header {
    background: transparent url(images/global_header.png) repeat-x;
	height:38px;
}

div#global_header_left{

}

div#global_header_right{
    height:38px;
    /*float:right;*/
    text-align:center;
	border-collapse:collapse;
	padding-top:10px
}

a.button {
color:#776E63;
font-size:18px;
height:28px;
padding:13px 15px 12px;
top: 4px
text-align:center;
text-decoration:none;
width:10.75em;
}
/* ##### Entéte de la page ###### */
div#header_container,div#header_admin_container {
    /*background: transparent url(images/header.png) no-repeat;*/
    background-position:20px 0px;
	margin-bottom:8px;
}

/* ##### Entéte de la page ###### */
div#header {

}

/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header {
    background: transparent url(images/logo.png) no-repeat;
	height:197px;
background-position: top center; 

}
div#sub_header_left{
	height:77px;
	width:10.75em;
	background:url("images/sub_header_ll1.jpg");
	background-position:left;
	float:left;
	margin-left:-10px;
}

div#sub_header_right{
float:right;
height:38px;
padding-top:2px;
}

div#sub_header p a {
    color:#776E63;
}
/* Cadre de connection */
.entete {
    background:transparent url(images/entete.png) no-repeat;
	height:18px;
	width:328px;
	margin-left:400px;
	margin-top:-2px
}

div#connexion {
   float:right;
   /*margin-left:-57px;*/
   margin-right:-112px;
   height:20px;
   width:500px;
   -moz-border-radius-bottomleft:8px;
   -moz-border-radius-bottomright:8px;
   -moz-border-radius-topleft:8px;
   -moz-border-radius-topright:8px;
   background:#2B2927 none repeat scroll 0 0;
   border:2px solid #000000;
   padding:6px 5px 12px 23px;
}

.user_connexion {
    background:transparent url(images/entete.png) no-repeat;
	height:28px;
	width:582px;
	margin-top:-2px;
	margin-left:360px;
}
div#user_connect {
	text-align:center;
	float:right;
    margin-left:-74px;
    margin-right:200px;
    margin-top:15px;
    padding:12px 7px 22px 24px;
	-moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    background:#2B2927 none repeat scroll 0 0;
    border:2px solid #000000;
}
/* 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:#FFFFFF;
    text-decoration:none;
}

/* ##### Compteur de visites 
div#compteur {
    margin-left:27px;
    margin-top:155px;
    padding-left:60px;
    padding-top:4px;
	position:absolute;
	top:2px;
	color:#D0CBC3;
	font-size:11px;
	font-weight:bold;
	z-index:1;
    border:2px solid #000000;
  	-moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
	Background:#2B2927;
	height:34px;
	width:150px;
}###### */ 

div#compteur {
	position:absolute;
	Background:#2B2927;
	height:34px;
	width:150px;
	left:0px !important;
	left:-5px;
        margin-left:90px;
        margin-top:120px;
        padding-left:60px;
        padding-top:4px;
	color:#D0CBC3;
	font-size:11px;
	font-weight:bold;
        border:2px solid #000000;
  	-moz-border-radius:8px;
        -khtml-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
}
/* ##### Menu de gauche ###### */
div#left_menu {
    float:left;
    width:200px;
    margin:0;
    margin-top:10px;
    margin-right:2px !important;
    margin-right:-1px;
    margin-left:5px;
    padding:0;
    padding-right:9px;
}

/* ##### Menu droit ###### */
div#right_menu {
    float:right;
    width:190px;
    margin:0;
    margin-top:10px;
    margin-left:10px !important;
    margin-left:7px;
    margin-right:5px;
    padding-right:5px;
}

/* #####  Contenu de la page ###### */
div#main {
    width:auto;
    min-width:400px;
    overflow:hidden !important;
    height:auto !important;
    overflow:visible;
    height:1%;
    padding:0;
    margin:0;
    float:none;
	text-align:left;
}

/* ##### Contenu central ###### */
div#main_content {
    width:auto;
    margin-top:10px;
    padding:20px 10px;
    padding-top:5px;
    border-spacing:1px;
    border:1px #000000 solid;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
	background:#2B2927;
}

/* ##### Barre de lien rapide ###### */
div#links { /*width:96%;*/
    text-indent:10px;
    margin-bottom:20px;
}

/* ##### 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:3px;
    margin-bottom:8px;
    min-width:400px;
    overflow:hidden !important;
    /*margin-left:205px;
    margin-right:205px;*/
}

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

/* ##### Pied de page ###### */
div#footer {
	height:30px;
	clear:both;
    margin:auto;
    margin-top:0px;
    padding:0px;
    padding-top:36px;
    padding-right:20px;
    text-align:center;
    background:#DEDEDE url(images/footer.png) repeat-x;
}
div#footer span {
    color:#747474;
    font-size:10px;
}
div#footer span a {
    color:#81A225;
    font-size:10px;
}
div#footer span a:hover {
    color:#D0CBC3;
    font-size:10px;
}

/* ##### Liens rapides ###### */
div#links_vertical {
    display:block !important;
    display:none;
    position:fixed;
    background:url(images/vertical_menu_repeat.png) repeat-y;
    top:15%;
	float:right;
    width:34px;
    text-align:center;
    padding-left:2px;
	-moz-border-radius:16px;
    -khtml-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
}

div#links_vertical_top {
    width:34px;
	height:29px;
    background:url(images/vertical_menu_top.png) no-repeat;
    text-align:center;
    margin-left:-2px;
    padding-top:8px;
}

div#links_vertical_central {
    width:27px;
    text-align:center;
    margin-left:-2px;
    padding:4px 0px;
}

div#links_vertical_bottom {
    width:34px;
	height:29px;
    background:url(images/vertical_menu_bottom.png) no-repeat;
    text-align:center;
    margin-left:-2px;
}

.bglinks {
    background:url(images/bgmenu_links.jpg) no-repeat bottom right;
    margin:0px;
    padding:0px;
    list-style-type:none;
    padding-bottom:7px;
    margin-bottom:5px;
}

.block {
    margin:10px auto;
    padding:10px;
    border-spacing:1px;
    border:1px #cccccc solid;
    background-color:#ffffff;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    background:#F7F8F5 url(images/contentbg.png) repeat-x;
}