/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
*{padding:0;margin:0; }
img{border:none; }
a{text-decoration:none; }
a:hover{text-decoration:none; }
hr{display:none; }
li{list-style-type:none;list-style-position:outside; }
/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/


/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear{clear:both;font-size:1px;line-height:0; display:block; }
.right, .right_2{float:right; }
.left, .left_2{float:left; }
.center{text-align:center;display:table;margin-left:auto;margin-right:auto; }

/* bordure */
.no_border{border:none; }

/* centrage txt*/
.txt-c{text-align:center; }
.txt-l{text-align:left; }
.txt-r{text-align:right; }
.txt-j{text-align:justify; }

/* alignement vertical */
.valign-t{vertical-align:top; }
.valign-m{vertical-align:middle; }
.valign-b{vertical-align:bottom; }

/* position */
.rel{position:relative}

/* element de hauteur < 10px */
.lf{line-height:0;font-size:1px; }

.mar_top_5 { margin-top:5px; }
.mar_top_10 { margin-top:10px; }
.mar_top_20, .corp p.mar_top_20 { margin-top:15px; }


.src { display:none;}

a { color:#0f3e7b;}
a:hover { text-decoration:underline;}

/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

/*----------------------------------------------- MODELE SITE -------------------------------------------------*/

body{text-align:center; height:100%; background:url(../img/modele/body_fd.gif) repeat-x top; font:normal 11px Arial, Helvetica, sans-serif; }
*> /**/ body { overflow-x: auto; overflow-y:scroll; }



#page { position: absolute; top:50%; left:0px; height:500px; width:100%; margin:-250px 0; background:#fff; overflow:hidden;}
*> /**/ #page { overflow:visible;} 
#bt_fl { position:absolute; top:50%; left:20px; height:23px; width:23px; background:#000; margin:-11px 0 0 0; line-height:0px; cursor:pointer; z-index:3000;}
#bt_fl .fd { background: url(../img/interface.gif) -11px -5px; width:3px; height:7px; margin:8px 0 8px 17px; line-height:0px; overflow:hidden;}
#logo { position:absolute; top:50%; right:20px; width:auto; height:15px; margin:-7px 0 0 0; text-align:right; background:#fff; padding:0 0 0 10px;}
*> /**/ #logo { margin:-6px 0 0 0;}
#fil { position: absolute; top:50%; width:100%; left:0px; height:2px; margin:-1px 0 0 0; font-size:1px; line-height:0px;}
#fil .fd{ background: url(../img/interface.gif) repeat-x left -2px;  font-size:1px;height:3px; margin:0 20px;}

#page .txt_intro { left:500px; width:380px; overflow:hidden; background:#000; color:#fff; cursor:pointer;  position:absolute; bottom:50%; margin: 0 0 -2px 0; text-align:left;}
#page .txt_intro .pad {padding:17px;} 
#page .txt_intro p { margin:7px 0 0 0;}
*> #page .fle_bot_over { position:absolute; bottom:50%; left:700px; margin-bottom:-20px;width:5px; background:#000;}
*> #page .fle_bot_over .top { background:url(../img/interface.gif) -2px -7px; height:3px;}
*> #page .fle_bot_over .bot { background:url(../img/interface.gif) -2px -9px; height:3px; margin:6px 0 0 0}


#centre_corp td { vertical-align:middle; text-align:left; width:415px; overflow:hidden;height:378px;}
*> /**/ #centre_corp td {[:; overflow:visible; height:auto;]:;}
#centre_corp {  position:absolute; margin:-189px 0 0 0;top: 50%; left:0px;height:378px;}
#anim_top_corp { position:relative; width:440px; }
#corp { height:2px; overflow:hidden; width:370px; background:#fff; position:relative; z-index:2;text-align:center; margin:0 0 0 -500px; border:1px solid #000; }
*> /**/ #corp {position:relative; top:0px;padding:6px 0 12px 0; border:none; height:32px; margin:-4px 0 0 -500px; border:none; }
/*bot*/
#corp .pos_bot {display: none; position:relative; background:#fff;  border-bottom:1px solid #000; height:20px; line-height:0px; font-size:1px; margin:0 0 -12px 0;}
*>/**/ #corp .pos_bot {display:block;}
.anim_fl #corp .fle_bot { width:5px; margin-right:auto; margin-left:auto; background:#000; position:absolute; top:0px; left:50%; display: block;}
.anim_fl #corp .fle_bot .top { background:url(../img/interface.gif) -2px -7px; height:3px;}
.anim_fl #corp .fle_bot .bot { background:url(../img/interface.gif) -2px -9px; height:3px; margin:6px 0 0 0}



/*top*/
#corp .pos_top { display: none; position: absolute; bottom:0px; left:0px; width:370px; background:#fff; border-top:1px solid #000; height:20px; line-height:0px; font-size:1px;}
*> /**/ #corp .pos_top { display:block;}
.anim_fl #corp .fle_top { width:5px; margin-right:auto; margin-left:auto; background:#000;position:absolute;  bottom:0px; left:50%; display: none; }
*> /**/ .anim_fl #corp .fle_top {display: block;}
.anim_fl #corp .fle_top .top { background:url(../img/interface.gif) -6px -5px; height:3px;}
.anim_fl #corp .fle_top .bot { background:url(../img/interface.gif) -6px -7px; height:3px; margin:6px 0 0 0;}
#corp .pad { padding:24px 10px 0 0px;text-align:left; height:400px;  }
#corp .scroll { height:330px;overflow:hidden;}
*> /**/ #corp .pad { padding:22px 10px 0 0;border-left:1px solid #000;border-right:1px solid #000;}
#corp h2 {font:bold 14px Helvetica, Arial, Verdana, sans-serif;}


.prod { padding:6px; cursor:pointer;width: 295px; margin:-5px 0 5px 0; margin:0 0 0 15px;}
.prod .col_lf { width:28px; border: solid 2px #000; position:relative; float:left;}
*> /**/ .prod .col_lf .tl { background:url(../img/interface.gif) -52px -12px; width:2px; height:2px; position:absolute; top:-2px; left:-2px; overflow:hidden;}
*> /**/ .prod .col_lf .tr { background:url(../img/interface.gif) 0px -12px; width:2px; height:2px; position:absolute; top:-2px; right:-2px; overflow:hidden;}
*> /**/ .prod .col_lf .br { background:url(../img/interface.gif) 0px 0px; width:2px; height:2px; position:absolute; bottom:-2px; right:-2px; overflow:hidden;}
*> /**/ .prod .col_lf .bl { background:url(../img/interface.gif) -52px 0; width:2px; height:2px; position:absolute; bottom:-2px; left:-2px; overflow:hidden;}
.prod .col_lf .bl, .prod .col_lf .tr, .prod .col_lf .br, .prod .col_lf .tl { display: none;}

*> /**/.prod .col_lf .bl, .prod .col_lf .tr, .prod .col_lf .br, .prod .col_lf .tl { display: block; position:absolute;}

.prod .col_txt { width:248px; float:right;}
.prod .col_txt ul { display:block; float:right; width:auto; margin:8px 10px 0 0;}
.prod .col_txt li { display:block; float:left; width:auto; background:#000; color:#fff; font:normal 9px Verdana, Arial, Helvetica, sans-serif; padding:1px; margin:0 0 0 4px;}

#corp .on, #corp .actif { background:#000; color:#FFF;}
#corp .on .col_lf .bl, #corp .on .col_lf .tr, #corp .on .col_lf .br, #corp .on .col_lf .tl,
#corp .actif .col_lf .bl, #corp .actif .col_lf .tr, #corp .actif .col_lf .br, #corp .actif .col_lf .tl
{ display: none;}
#corp .on .col_lf { border: solid 2px #fff;}
#corp.fiche_projet .prod { margin-left:-12px; width:315px;}


/*corp image*/
#px.on { position:absolute; bottom:0px; left:725px; background:#000; width:4px; height:4px; overflow:hidden; }
.fiche_projet_off { visibility:hidden;}
.fiche_projet_off, .fiche_projet_on { width:502px; height:1px; background:#fff; position:absolute; bottom:250px; left:500px; overflow:visible; margin-top:13px;}
.img_site { width:500px; height:369px; overflow:hidden; border:1px solid #000;}
.lien_site { position:absolute; bottom:-4px;right:0px; padding:2px 5px; width: auto; background:#000; color:#fff;}
#ie6 .lien_site { bottom:-17px;}
#ie7 .lien_site { bottom:-25px;}
.lien_site a { color:#fff;}
.pager_images { position:absolute; right:-20px; top:5px; width:20px;}
.pager_images li { background:#000;color:#fff; text-align:center; margin:10px 0 0 0; cursor:pointer; }

/*corp Ouvert*/
.txt_corp {  height:362px; margin:-206px 0 0 0; position:absolute; top:50%; left:63px; padding:10px;  width:287px; background:#141414; color:#FFFFFF;}
*> .txt_corp { left:128px; margin:-206px 0 0 0;}
*>/**/ .txt_corp {height:332px; margin:-174px 0 0 0;left:130px;}
.txt_corp h2 {font:bold 18px Helvetica, Arial, Verdana, sans-serif;}
.txt_corp ul { display:block; float:right; width:auto; margin:10px 0 0 0;}
.txt_corp li { display:block; float:left; width:auto; background:#fff; color:#000; font:normal 9px Verdana, Arial, Helvetica, sans-serif; padding:1px; margin:0 0 0 4px;}
.txt_corp .txt { clear:both; display:block; background:#000; padding:7px;} 
.txt_corp .txt ul { float:none; margin:8px 0 0 0;}
.txt_corp .txt li { display:block; float:none; position:relative; padding:2px 2px 2px 7px; background:none; color:#fff; font:normal 11px Arial, Helvetica, sans-serif;}
.txt_corp .txt li span { display:block; position:absolute; top:8px; left:-2px; _left:-7px; background:#fff; width:2px; height:2px; overflow:hidden;}
.txt_corp .txt p { margin:10px 0 0 0;}

#corp .txt {display:none;}

#corp h2 span { display:none;}

/*footer*/
	.anim_fl #footer { display:none;}
	.cont_txt { overflow:hidden; height:1px;}
	#footer .cont_bt { width:auto; float:right; clear:both; margin-top:10px; position:relative; }
	*> /**/ #footer .cont_bt {margin-top:-15px; }
	#footer .cont_bt .bt-open { width:auto; float: left; position:relative; z-index:10;margin:0 0 0 10px;   }
	#footer .cont_bt h5 { font:normal 10px Arial, Helvetica, sans-serif; cursor:pointer; padding:2px 5px 1px 5px; display:block; border:1px solid #000; background:#fff; color:#000; margin-bottom:-1px; position:relative;}
	#footer .cont_bt .on h5, #footer .cont_bt h5:hover { color:#fff; background:#000;}
	#footer .cont_txt-actif { border:1px solid #000; overflow:hidden; height:1px; position:absolute; width:368px; right:0px; background:#fcfcfc; display:block;}
	#footer .cont_txt-actif .fd { background:#fff; margin:10px; padding:10px; min-height:200px; border: 1px dashed #333; height:255px; overflow:hidden; position:relative;}
	#footer .cont_txt-actif .scroll { height:250px; overflow:hidden;}
	#footer h3 { font: bold 15px Arial, Helvetica, sans-serif; margin:10px 0 0 0;}
	#footer h4 { font:bold 11px Arial, Helvetica, sans-serif; margin:10px 0 0 0;}
	#footer h4 a { color:#000;}
	#footer h4 .date { float:right; display:block; width:auto;}
	#footer h5 a{ float:left;font:normal 10px Arial, Helvetica, sans-serif; cursor:pointer; padding:2px 5px 1px 5px; display:block; border:1px solid #000; background:#fff; color:#000; margin-bottom:12px; position:relative;}
	#footer h5 a:hover { color:#fff; background:#000;} 
	#footer .cont_bt .on h5, #footer .cont_bt h5:hover { color:#fff; background:#000;}
	#footer ul { margin:7px 0 0 0;}
	#footer ul { margin:7px 0 0 0;}
	#footer li {  display:block; float:none; padding:2px 2px 2px 5px; background:none; color:#000; font:normal 11px Arial, Helvetica, sans-serif;}
	#footer li span {display:block; float:left; margin:5px 7px 0 -2px; background:#000; width:3px; height:3px; overflow:hidden; border:1px solid #fff;}
	#footer p { margin:10px 0 0 0;}
	

/*scroll*/
	.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
	
	.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #eee; overflow:hidden; }
	.jScrollPaneDrag { position: absolute; background: #333; cursor: pointer; overflow: hidden; }
	.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
	.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
	a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666; */ height: 9px; }
	a.jScrollArrowUp:hover { /*background-color: #f60; */}
	
	a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
	a.jScrollArrowDown:hover { /*background-color: #f60; */}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00; */}