/* ************************* */
/*     STYLES               */
/* *********************** */

/* GLOBAL */
html{ padding:0; margin:0;}
body{ font-family:Verdana, /*Arial, Helvetica,*/ sans-serif; font-size:11px; padding:0; margin:0; text-align:left; color:#333333; background-color:#FFF;}

/* Gestion des titres */
h1, h2,h3, h4, h5, h6,dl, dt, dd, img, p{  padding:0; margin:0; list-style:none;}
h1{font-size:18px; color:#333333; padding-left:8px; margin-bottom:15px;}
h2{font-size:18px; color:#333333; margin-bottom:20px; font-weight:bold}
h3{font-size:14px; color:#7C7060; font-weight:normal}
h4{font-size:14px; font-weight:bold}

hr{height:1px; background:#D7D7D7; border:none;}

p{padding:0; margin:0;}
p.clear { display:block; float:none;width:100%; clear: both; height: 1px; font-size: 1px; line-height:0.1em; padding:0; margin:0}
ul, li { padding:0; margin:0; list-style:none;  }
a img { border:none;}
a{text-decoration:none; color:#333333;}
a:hover{text-decoration:underline}
.more a{display:block; color:#C9003E; font-weight:bold; padding-left:25px; background:url(../img/puce-red.png) top left no-repeat;}


/* mainpage */
.mainpage-wrapper{width:892px; margin: 0 auto; padding-bottom:6px; display:block; }
.mainpage{position:relative; width:892px; margin:0 auto; padding:0; background:#FFFFFF; }

/* header */
.header { width:892px; height:140px; position:relative; text-align: center; color: #ccc; padding:0; margin:0}
.header .logo{width:615px ; height:89px; position:absolute; top:24px; left:0;}
.header .logo a{ }
.header .acces_membres{width:179px ; height:35px; position:absolute; top:5px; right:0;}
.header .title{background: url(../img/main/header_title.png) no-repeat; width:277px ; height:73px; position:absolute; top:42px; left:615px;}

/* Barre des menus */
.mainnav .menu ul{ height:33px;background:#585858; margin:0; padding:0; }
.mainnav .menu ul li{ height:33px; display: block; float:left; margin:0; background:#585858 url(../img/main/border.gif) top right no-repeat;
}

.mainnav .menu ul li a { height:33px; display:block; font-size:11px; text-decoration:none; color:#FFFFFF; font-weight:bold; text-transform:uppercase; padding:0 7px;   }
.mainnav .menu ul li.item1, .mainnav .menu ul li.item1active{ width:46px; background:#585858 url(../img/main/btn_home.png) center no-repeat; padding:0; }

.mainnav .menu ul li.item2 a{ width: 54px; padding-top:9px; height:24px;}
.mainnav .menu ul li.item3 a{ width: 62px; padding-top:9px; height:24px;}
.mainnav .menu ul li.item4 a{ width: 74px; padding-top:9px; height:24px;}
.mainnav .menu ul li.item5 a{ width:128px; padding-top:9px; height:24px;}
.mainnav .menu ul li.item6 a{ width:126px; padding-top:9px; height:24px;}
.mainnav .menu ul li.item7 a{ width: 78px; padding-top:9px; height:24px;}
.mainnav .menu ul li.item8 a{ width: 36px; padding-top:9px; height:24px;}
.mainnav .menu ul li.item9 a{ width: 60px; padding-top:9px; height:24px;}
.mainnav .menu ul li.item10 { width: 62px; background:none; }
.mainnav .menu ul li.item10 a{ width:62px; background:none; padding-top:9px; height:24px; }

.mainnav .menu ul li a:hover, .mainnav .menu ul li.active a { background:#cc0000 url(../img/main/border.gif) top right no-repeat;}
.mainnav .menu ul li.item1 a:hover, .mainnav .menu ul li.item1active{ background:#cc0000 url(../img/main/btn_home_a.png) center no-repeat; padding:0; }
.mainnav .menu ul li.item1active a:hover{background:#cc0000 url(../img/main/btn_home_a.png)center no-repeat; padding:0;}

/* wrapper */
.wrapper { position:relative; width:892px; clear:both; float:none}



#administration .col-left{float:left; width:410px; margin-right:16px;}
#administration .col-center{float:left; width:450px; margin-right:16px;}
#administration .col-left .menu {width:410px; }
#administration .col-left .menu ul { padding-left:25px; }
#administration .col-left .menu ul li { list-style:none; padding-top:5px; }
#administration .col-left .menu ul li a { font-weight:bold; }
#administration .col-left .menu ul ul li a { font-weight:normal; }




/* footer */
.footer { width:100%; float:left; margin-top:20px; height:20px; background:#cc0000; font-family:Arial, Helvetica, sans-serif; }
.footer .content { color:#FFF; width:892px; background:#cc0000; margin:0 auto; padding-top:3px }
.footer .content .maj { text-align:left; float:left;}
.footer .content .menu { text-align:right;  }
.footer .content .menu ul { }
.footer .content .menu ul li { display:inline;  }
.footer .content .menu ul li a { color:#FFF; text-decoration:none; padding:0 10px; background:url(../img/puce_footer.gif) right 5px no-repeat;}
.footer .content .menu ul li a:hover { text-decoration:underline; }