/* ************************* */
/*     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; padding:0; margin:0}
.header .logo{width:227px ; height:89px; position:absolute; top:24px; left:0;}
.header .logo a{ }
.header .acces_extranet{width:179px ; height:35px; position:absolute; top:5px; right:0;}
.header .title{background:url(../img/header_title.png) no-repeat; width:456px ; height:73px; position:absolute; top:42px; left:300px;}

/* 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/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/btn_home.jpg) center no-repeat; padding:0; }

.mainnav .menu ul li.item2 a{ width:40px; padding-top:9px; height:24px; }
.mainnav .menu ul li.item3 a{ width:110px; padding-top:3px; height:30px;}
.mainnav .menu ul li.item4 a{ width:92px; padding-top:3px; height:30px;}
.mainnav .menu ul li.item5 a{ width:100px; padding-top:3px; height:30px;}
.mainnav .menu ul li.item6 a{ width:46px; padding-top:9px; height:24px; }
.mainnav .menu ul li.item7 a{ width:110px;padding-top:3px; height:30px; }
.mainnav .menu ul li.item8 a{ width:68px; padding-top:3px; height:30px;}
.mainnav .menu ul li.item9 a{ width:92px; 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:#FF9001 url(../img/border.gif) top right no-repeat;; }
.mainnav .menu ul li.item1 a:hover, .mainnav .menu ul li.item1active{ background:#FF9001 url(../img/btn_home_a.jpg) center no-repeat; padding:0; }
.mainnav .menu ul li.item1active a:hover{background:#FF9001 url(../img/btn_home_a.jpg)}

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

/* breadcrumb */
.breadcrumb { padding:10px 0 10px 0px; background:#FFFFFF; color:#585858; font-size:12px; display:block; }
.breadcrumb ul{ padding:0; margin:0; }
.breadcrumb li{ padding:0; margin:0; display:inline; list-style:none;}
.breadcrumb li a{text-decoration:none; padding-left:4px; padding-right:8px; color:#333333; background-color:inherit; color:#6C6C75;}
.breadcrumb li.start a{ background-image:none; padding-left:0}
.breadcrumb li a span{ font-weight:normal; display:inline}
.breadcrumb li a:hover{ text-decoration:underline;}
.breadcrumb li span { padding-left:4px; color:#9C9B9B; }



/*gestion partie gauche*/
.col-left{float:left; width:210px; margin-right:16px;}

.col-left .menu {width:210px; }
.col-left .menu ul{ display:block; }
.col-left .menu li, .col-left .menu ul{padding:0; margin:0;}

.col-left .menu a{text-decoration:none;}

.col-left .menu li{font-size:1px} /*fix ie6*/
.col-left .menu a{font-size:12px} /*fix ie6*/

.col-left .menu .lvl0 { width:210px;}
.col-left .menu .lvl0 li { background:#585858 url(../img/bg_menu_lvl0.jpg) bottom no-repeat; }
.col-left .menu .lvl0 li a { color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:10px; display:block; margin-left:0px; padding:5px 5px 5px 12px;  }
.col-left .menu .lvl0 li.active,.col-left .menu .lvl0 li a:hover  { background:#FF9001  url(../img/puce_active_blanche.gif) no-repeat 3px 9px ; }

.col-left .menu .lvl0 .lvl1 { padding-top:10px; background:#E6E6E6;}
.col-left .menu .lvl0 .lvl1 li { background:#E6E6E6;color:#2A2A2A;  }
.col-left .menu .lvl0 .lvl1 li a {  color:#2A2A2A; font-weight:bold; text-transform:none; font-size:11px; display:block; margin-left:10px; }
.col-left .menu .lvl0 .lvl1 li a.active{ color:#FF9001; background:url(../img/puce_active.gif) 0px 9px no-repeat; }
.col-left .menu .lvl0 .lvl1 li a:hover{ color:#FF9001; background:url(../img/puce_hover.gif) 2px 9px no-repeat; text-decoration:underline;}

.col-left .menu .lvl0 .lvl1 .lvl2 { background:#E6E6E6;}
.col-left .menu .lvl0 .lvl1 .lvl2 li { background:#E6E6E6;color:#2A2A2A;  }
.col-left .menu .lvl0 .lvl1 .lvl2 li a { color:#2A2A2A; font-weight:normal; text-transform:none; font-size:10px;display:block;  margin-left:18px; }
.col-left .menu .lvl0 .lvl1 .lvl2 li a.active{ color:#FF9001; background:url(../img/puce_active.gif) 0px 9px no-repeat; }
.col-left .menu .lvl0 .lvl1 .lvl2 li a:hover{ color:#FF9001; background:url(../img/puce_hover.gif) 2px 9px no-repeat; text-decoration:underline;}

.col-left .menu .lvl0 .lvl1 .lvl2 .lvl3 { background:#E6E6E6;}
.col-left .menu .lvl0 .lvl1 .lvl2 .lvl3 li { background:#E6E6E6;color:#2A2A2A;  }
.col-left .menu .lvl0 .lvl1 .lvl2 .lvl3 li a { color:#2A2A2A; font-weight:normal; text-transform:none; font-size:10px;display:block;  margin-left:26px; }
.col-left .menu .lvl0 .lvl1 .lvl2 .lvl3 li a.active{ color:#FF9001; background:url(../img/puce_active.gif) 0px 9px no-repeat; }
.col-left .menu .lvl0 .lvl1 .lvl2 .lvl3 li a:hover{ color:#FF9001; background:url(../img/puce_hover.gif) 2px 9px no-repeat; text-decoration:underline;}

#administration .col-left{float:left; width:410px; margin-right:16px;}
#administration .col-center{float:left; width:450px; margin-right:16px; margin-top: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; }

.dottedline{ clear:both; border-bottom:dotted 1px #000000; padding-top:20px; }


/*gestion partie centrale */
.col-center{float:left; width:520px; margin-right:16px;}
.col-center-full{float:left; width:746px; margin-right:16px;}

/*gestion partie droite */
.col-right{position:relative; float:left; width:128px; }

.col-right a.ensavoirplus1 { color:#FFFFFF; text-decoration:none; background:url(../img/puce_ensavoirplus.jpg) no-repeat 0px 5px; padding:5px 0 5px 18px;font-family:Arial, Helvetica, sans-serif; display:block; }
.col-right a.ensavoirplus1:hover { text-decoration:underline; }
.col-right a.ensavoirplus1:visited { text-decoration:none;color:#FFFFFF; }

.col-right a.ensavoirplus2 { color:#000000; text-decoration:none; background:url(../img/puce_ensavoirplus.jpg) no-repeat; padding:0 0 0 18px;font-family:Arial, Helvetica, sans-serif;}
.col-right a.ensavoirplus2:hover { text-decoration:underline; }
.col-right a.ensavoirplus2:visited { text-decoration:none;color:#000000; }

.col-right .panier { display:block; width:127px; height:84px; background:url(../img/panier.jpg) no-repeat 0 0; margin:0 auto; }
.col-right .panier a.ensavoirplus { }
.col-right .e-boutique { display:block; width:123px; height:384px; background:#FF9001; margin:0 auto; }
.col-right .e-boutique .content{padding:5px 5px;}
.col-right .e-boutique .content .title{background:url(../img/blocs_eboutique/title.png) no-repeat top left; width:113px; height:26px; padding:0 0 5px 0 }
.col-right .e-boutique .content .title span{display:none}
.col-right .e-boutique .content .img{text-align:center}
.col-right .e-boutique .content .txt{margin:8px 0 8px 0}
.col-right .e-boutique .content p.link{margin:10px 0}
.col-right .e-boutique .content p.link a{background:url(../img/puce_ensavoirplus.jpg) no-repeat; padding: 0px 0 0 20px;}
.col-right .bloc1 { display:block; width:123px; height:94px; background:url(../img/bloc_right1.jpg) no-repeat 0 0; margin:0 auto; margin-top:10px;color:#FFFFFF; }
.col-right .bloc1 .content { padding-top:65px; padding-left:5px; }
.col-right .bloc2 { display:block; width:123px; height:134px; background:url(../img/bloc_right2.jpg) no-repeat 0 0; margin:0 auto; margin-top:10px;color:#FFFFFF;}
.col-right .bloc2 .content { padding-top:45px; padding-left:5px; }

.col-right .bloc { display:block; width:123px; background:url(/img/rblocs/bg_bloc.jpg) repeat-x 0 0; margin:0 auto; margin-top:10px;color:#FFFFFF;}
.col-right .bloc .content { padding:5px;  }

/* footer */
.footer { width:100%; float:left; padding-top:25px; font-family:Arial, Helvetica, sans-serif; }

.footer .footer-top { height:174px; background:url(../img/bg_footer.jpg) repeat-x; overflow:hidden; }
.footer .footer-top .content { width:770px; color:#FFFFFF; margin:0 auto; padding-top:5px; height:auto;}
.footer .footer-top .content .bloc-info { width:220px; float:left; margin:0 40px 0 0; padding:5px; }
.footer .footer-top .content .bloc-info .titre{ font-size:14px; font-weight:bold; padding-bottom:20px; }
.footer .footer-top .content .bloc-info .liste{ font-size:12px; }
.footer .footer-top .content .bloc-info .liste ul {margin:0; padding:0; }
.footer .footer-top .content .bloc-info .liste ul li { padding:5px 0; background:url(../img/bg_footer.gif) bottom left no-repeat; }
.footer .footer-top .content .bloc-info .liste ul li.last { background:none;}
.footer .footer-top .content .bloc-info .liste ul li a { color:#FFFFFF; text-decoration:none;  }
.footer .footer-top .content .bloc-info .liste ul li a.link { font-weight:bold;  }
.footer .footer-top .content .bloc-info .liste ul li span.bois { background:url(../img/picto_bois_20.png) no-repeat 0 2px; padding:5px 0 0 25px; height:20px; display:block }
.footer .footer-top .content .bloc-info .liste ul li a.phototheque { background:url(../img/phototheque_orange.png) no-repeat 0 0; padding:3px 0 0 22px; }
.footer .footer-top .content .bloc-info .liste ul li a:hover { text-decoration:underline;  }
.footer .footer-top .content .bloc-info .liste ul li input.text { width:180px; border:none; color:#626262;  }
.footer .footer-top .content .bloc-info .liste ul li input.btn { width:30px; border:none; color:#FFFFFF; font-weight:bold; background-color:transparent;}
.footer .footer-top .content .bloc-info .liste ul li form { padding:0; margin:0; }

.footer .footer-bottom { height:20px; background:#FF9001; }
.footer .footer-bottom .content { width:892px; background:#FF9001; margin:0 auto; padding-top:3px }
.footer .footer-bottom .content .maj { text-align:left; float:left;}
.footer .footer-bottom .content .menu { text-align:right;  }
.footer .footer-bottom .content .menu ul { margin:0; padding:0; }
.footer .footer-bottom .content .menu ul li { display:inline; }
.footer .footer-bottom .content .menu ul li a { color:#292525; text-decoration:none; padding:0 10px; background:url(../img/puce_footer.gif) right 5px no-repeat;}
.footer .footer-bottom .content .menu ul li a:hover { text-decoration:underline; }
.footer .footer-bottom .content .menu ul li a.uk { background:url(../img/uk.gif) no-repeat 0 0; width:28px; height:13px; margin-left:10px;}
.footer .footer-bottom .content .menu ul li a.uk span { display:none; }
.footer .footer-bottom .content .menu ul li.last a { background:none; }

.col-center-full ul { padding-left:20px; }
.col-center-full li { list-style-type:none; padding:5px 0; }