/* --------------------------------------
		design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site 
--------------------------------------*/
* {
    margin:0;
    padding:0;
    font-size:100%;
}
body {
    background:#B2D0EC url(images/bgr.jpg) repeat-x scroll center 228px;
    color:#2E3B5F;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
}
/* Conteneurs 
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
    margin:auto;
}
/* ##### Conteneur HAUT du site ###### */
div#global_header {
background:#B2D0EC url(images/header_boost.jpg) no-repeat scroll center 0;
height:200px;
}
div#global_header_left{
}
div#global_header_right{
    height:25px;
    border-bottom:2px solid #A5A5A5;
    float:right;
    top:4px;
	background:#B2D0EC url(images/global_header.png) repeat-x;
	border-collapse:collapse;
}
/* ##### Entéte de la page ###### */
div#header_container,div#header_admin_container {
}
/* ##### Entéte de la page ###### */
div#header {
}
div#header_admin {
    height:200px;
background:#B2D0EC url(images/header.png) no-repeat scroll center 0;
}
/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header {
	height:34px;
	background:url(images/sub_header.png) repeat-x;
	margin-top:-2px;
}
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_admin {
background:transparent url(images/sub_header.png) repeat-x scroll center 0;
height:34px;
padding:5px;
}
div#sub_header p a {
    color:#646463;
}
/* 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:5px;
	position:relative;
	position:absolute;
	top:200px;
	color:#646463;
	font-size:11px;
	font-weight:bold;
	z-index:1;
}
/* ##### 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;
}
/* ##### Menu droit ###### */
div#right_menu {
    float:right;
    width:190px;
    margin:0;
    margin-top:10px;
    margin-left:10px !important;
    margin-left:7px;
	margin-right:5px;
}
/* #####  Contenu de la page ###### */
div#main {
    width:auto;
    min-width:450px;
    overflow:hidden !important;
    height:auto !important;
    overflow:visible;
    height:1%;
    padding:0;
    margin:0;
    float:none;
}
/* ##### Contenu central ###### */
div#main_content {
border-spacing:1px;
margin-top:-21px;
padding:5px 10px 20px;
width:auto;
}
/* ##### Barre de lien rapide ###### */
div#links { 
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:transparent url(images/bg_link.png) repeat-x scroll 0 0;
border:2px solid #FFFFFF;
height:22px;
margin:auto auto 20px;
padding:4px;
text-indent:10px;
/*width:96%;*/
}
/* ##### 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:#DEDEDE url(images/footer.png) repeat-x scroll 0 0;
border-top:2px solid #FFFFFF;
clear:both;
height:30px;
margin:0 auto auto;
padding:36px 20px 0 0;
text-align:center;
}
div#footer span {
    color:FFFFFF;
    font-size:10px;
}
div#footer span a {
color:#FFFFFF;
font-size:10px;
}
div#footer span a:hover {
color:#515C68;
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:45%;
    margin-left:989px;
    width:27px;
    text-align:center;
    padding-left:2px;
}
div#links_vertical_top {
    width: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:29px;
    background:url(images/vertical_menu_bottom.png) no-repeat;
    text-align:center;
    height:32px;
    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;

 
 
/* #####################*/
/*           Vertical Accordions          */
/* #####################*/
 
div#test-accordion{
/* margin:-8px; <== A débloquer si vous passez par l'administration/Contenu/Menu/Ajout menu de contenu */ 
width:189px; /* A modifier celon la largeur de vos menus dans les colonnes droite ou gauche */
}
 
div.accordion {
position: relative; 
width:200px; /* A modifier celon la largeur de vos menus dans les colonnes droite ou gauche */
}
 
div.accordion-toggle{
background:#CCCCCC url(images/accordeon_off.jpg) repeat-x scroll center bottom;
border-top:1px solid #CCCCCC;
color:#403A3E;
cursor:pointer;
margin-bottom:1px;
padding:9px 14px 6px;
position:relative;
z-index:10;
}
div.accordion-toggle:hover{
background-image:url(images/accordeon_over.jpg);
background-color:#CCCCCC;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
 
 
div.accordion-toggle-active{
background-color:#CCCCCC;
background-image:url(images/accordeon_on.jpg);
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
 
div.accordion-content{
border-bottom:1px solid #CCCCCC;
color:#000000;
overflow:hidden;
padding:5px 3px 6px;
}