/****************************************************************/
/*		Styles de mise en page générale 						*/
/*		Copyright I-Digitale 2009								*/
/*		Tout droits de reproduction interdits					*/
/*		http://www.idigitale.fr									*/
/****************************************************************/

html,body{}

body{ 
	color: #009; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px;
	background-color:#f9ecdf;
	margin:0;
}

a img {border:0}
a:hover {color: #930;}
a:link {color: #009;}
a:visited {color: #09c;}


#page {position:relative;top:0;margin:10px auto 100px; width:1006px;height:auto;min-height:775px;z-index:0;padding:0px; z-index:0;}

#panorama {position:relative;left:6px;top:6px;z-index:0;width:1000px; height:250px;}
#panorama img.pan{ position:absolute; top:0;}

#logo_sf {display:block;position:absolute;left:16px;top:21px;z-index:12; cursor:pointer;}
#masque {position:absolute;width:100%;height:100%;top:0;bottom:0;}
#masque div{position:absolute;}


/********************************
	Lien accueil, cda, adm public
*********************************/
#lien_accueil {position:absolute;left:240px;top:182px;z-index:12; }
#lien_accueil a{display:block; padding:0 3px; background:url("../img/mep/bt/acc_b.png") no-repeat; width:89px; height:27px;}
#lien_accueil a:hover{display:block; background:url("../img/mep/bt/acc_o.png") no-repeat; width:89px; height:27px;}

.bt a.cda{display:block; float:left; padding:0 3px; background:url("../img/mep/bt/cda_b.png") no-repeat; width:137px; height:27px;}
.bt a.cda:hover{display:block; background:url("../img/mep/bt/cda_o.png") no-repeat; width:137px; height:27px;}


.bt a.adm{display:block; float:left; padding:0 3px; background:url("../img/mep/bt/adm_b.png") no-repeat; width:149px; height:27px;}
.bt a.adm:hover{display:block; background:url("../img/mep/bt/adm_o.png") no-repeat; width:149px; height:27px;}


#bt_more {position:absolute;left:335px;top:182px;z-index:12;}
#bt_more .more{display:block; padding:0 3px; background:url("../img/mep/bt/more.png") no-repeat; width:58px; height:27px;}

#bt_more .bt{ display:none;}

#bt_more:hover .more{ display:none;}
#bt_more:hover .bt{ display:block;}



/*#lien_accueil {position:absolute;left:240px;top:186px;z-index:12;}
#lien_accueil a {position:relative;top:-5px;text-decoration:none;color:#009;font-weight:bold;font-size:11px;letter-spacing:1px;}
#lien_accueil a:hover {text-decoration:underline;}*/

.h_hg {background:url("../img/mep/h_hg.png") no-repeat;top:0;left:0; width:50px;height:50px;z-index:12;}
.h_h {background:url("../img/mep/h_h.png") repeat-x;top:0px;left:50px;right:50px;height:6px;z-index:12;}
.h_hd {background:url("../img/mep/h_hd.png") no-repeat;top:0px;right:0px;height:50px;width:50px;z-index:12;}
.h_g {background:url("../img/mep/h_g.png") repeat-y;left:0px;width:6px;height:100%;z-index:0;}
.h_m {background-color:#FFF;left:6px;right:0px;width:auto;height:100%;z-index:0;}
.h_d {background:url("../img/mep/h_d.png") repeat-y;right:0px;width:6px;height:100%;z-index:0;}
.h_bg {background:url("../img/mep/h_bg.png") no-repeat;bottom:0;left:0; width:50px;height:50px;z-index:2;}
.h_b {background:url("../img/mep/h_b.png") repeat-x;bottom:0px;left:50px; right:50px;width:auto;height:7px;z-index:2;}
.h_bd {background:url("../img/mep/h_bd.png") no-repeat;bottom:0;right:0px;height:50px;width:50px;z-index:2;}

/****************************************/
/* ------ 	Pied de page	--------	*/
/****************************************/
#foot{position:absolute;bottom:-25px; width:auto;left:30px;right:30px;}
#foot.foot_cds{bottom:-35px;}
#foot table {table-layout:fixed;border-collapse:collapse;width:100%;}
#foot td {text-align:center; vertical-align:middle;}
#foot td#first {text-align:left;width:33%;padding-left:30px;}
#foot td#last {text-align:right;width:33%;padding-right:30px;}
.pied a {color:#009;}
.pied a:hover {color: #ff9900;}
#logo_id {position:absolute;top:-1px;right:0px;}
#logo_cdb {position:absolute;top:0px;left:0px;}
/****************************************/
/* --------		nav		----------- */
/****************************************/
#nav {position:absolute;left:6px;top:231px;width:100%;z-index:20;}
#nav .level1 {display:block;width:200px;height:21px;float:left;padding:5px 0;background:url("../img/mep/btn.png") 0% 5px no-repeat;z-index:22;}
#nav .level1 .txt{display:block; position:relative;top:-4px;text-align:center;cursor:pointer;text-decoration:none;font-weight:bold;font-size:12px;letter-spacing:2px;width:100%;/*height:31px;*/height:18px;padding-top:7px;color:#009;}

#nav .level1.hover {background:url("../img/mep/btn_over.png") 0% 5px no-repeat;}
#nav .level1.active {background:url("../img/mep/btn_over.png") 0% 5px no-repeat;}

#nav .level1 .cm{ display:none; position:absolute; left:80px; top:30px; width:840px; height:30px; text-align:center; padding:5px 0; z-index:23; }

#nav .level1 .cm .center{ margin:0 auto;}

#nav .level1 .cm .level2{  float:left;}

#nav .level1.hover .cm{display:block;}
#nav .level1.active .cm{ display:block;}

#nav .level1 .level2{ position:relative; margin:0px 10px;}
#nav .level1 .level2 span{position:relative; top:3px;text-decoration:none;color:#009;font-size:9px;  margin:0px 10px;}

#nav .level1 .level2 .tf{position:absolute; top:0px; left:0px; right:0px; width:auto; height:20px;}
#nav .level1 .level2 .tf .cg{background:url(../img/pic/cgb.png); width:12px; height:20px; position:absolute; left:0; top:0;}
#nav .level1 .level2 .tf .cd{background:url(../img/pic/cdb.png); width:15px; height:20px; position:absolute; right:0; top:0;}

#nav .level1 .level2.hover2{ cursor:pointer;}

#nav .level1 .level2.hover2 .tf .cg{background:url("../img/pic/cgo.png"); width:12px; height:20px; position:absolute; left:0; top:0;}
#nav .level1 .level2.hover2 .tf .cd{background:url("../img/pic/cdo.png"); width:15px; height:20px; position:absolute; right:0; top:0;}

#nav .level1 .level2.active2 .tf .cg{background:url("../img/pic/cgo.png"); width:12px; height:20px; position:absolute; left:0; top:0;}
#nav .level1 .level2.active2 .tf .cd{background:url("../img/pic/cdo.png"); width:15px; height:20px; position:absolute; right:0; top:0;}

#nav .level1 .level2.hover2 span{color:#ff9900;}





#nav .bt{position:absolute; left:0; top:30px; width:100%;}
#nav .bt{/*float:left; width:100%;*/}

/*#nav .bt .bprev{float:left; cursor:pointer; background:url("../img/pic/agb.png"); width:73px; height:99px;margin-left:3px;}*/
#nav .bt .bprev{float:left; cursor:pointer; background:url("../img/pic/agbm.png"); width:35px; height:48px;margin-left:3px;}
#nav .bt .bnextm{float:left; cursor:pointer; background:url("../img/pic/adbm.png"); width:35px; height:48px;}
/*#nav .bt .bnext{float:right; cursor:pointer; background:url("../img/pic/adb.png"); width:73px; height:99px; margin-right:13px;}*/
#nav .bt .bnext{float:right; cursor:pointer; background:url("../img/pic/adbm.png"); width:35px; height:48px; margin-right:13px;}
#nav .bt .bprevm{float:right; cursor:pointer; background:url("../img/pic/agbm.png"); width:35px; height:48px;}

/*#nav .bt .bprev.hover{background:url("../img/pic/ago.png");}*/
#nav .bt .bprev.hover{background:url("../img/pic/agom.png");}
#nav .bt .bnextm.hover{background:url("../img/pic/adom.png");}
/*#nav .bt .bnext.hover{background:url("../img/pic/ado.png");}*/
#nav .bt .bnext.hover{background:url("../img/pic/adom.png");}
#nav .bt .bprevm.hover{background:url("../img/pic/agom.png");}

/*#nav .bt .bprev.disabled{background:url("../img/pic/agg.png");}*/
#nav .bt .bprev.disabled{background:url("../img/pic/aggm.png");}
#nav .bt .bnextm.disabled{background:url("../img/pic/adgm.png");}
/*#nav .bt .bnext.disabled{background:url("../img/pic/adg.png");}*/
#nav .bt .bnext.disabled{background:url("../img/pic/adgm.png");}
#nav .bt .bprevm.disabled{background:url("../img/pic/aggm.png");}




/****************************************/
/* ------ 		Contenu		--------	*/
/****************************************/
/*#contenu {position:relative;z-index:19;margin:40px 0px 15px 0px; padding:0 16px 20px;}*/
#contenu {position:relative;z-index:19; top:330px; margin:0px 0px 15px 0px; padding:0 80px 20px;}