/* CSS COMMON */
/* Société Préférences */
/* intégration : Thomas Roy */

/*common*/

/*global*/
#global{min-height:100%;background:url(../images/bg_main.png) repeat-y top left;width:950px;margin:0 auto;padding:0 10px;}
* html #global{height:100%;}

.dreyf_pour{width:154px;height:45px;display:block;background:url(../images/pano-bio-pour.gif) no-repeat top left;position:absolute;top:0;right:0}
.dreyf_contre{width:154px;height:45px;display:block;background:url(../images/pano-bio-contre.gif) no-repeat top left;position:absolute;top:0;right:0}

/*
HEADER
*/

#header{background:url(../images/logo_bio.png) #00A7C9 no-repeat top left;min-height:110px;position:relative;color:#fff;}
* html #header{height:110px;}
#header h1{text-transform:none;padding-top:35px;margin-left:160px;color:#fff}
#header h1 a{color:#fff;text-decoration:none;}
#header h1 a:hover{text-decoration:underline;}
#header a.backhome{display:block;height:60px;width:140px;position:absolute;left:0;top:0;}

/*outils*/
#outils{height:40px;text-align:right;background-color:#434343;line-height:40px;list-style:none;margin-top:11px;}
#outils li{background-position:right center;background-repeat:no-repeat;float:right;}
#outils a{color:#828282;text-decoration:none;}
#outils a:hover{text-decoration:underline}
#outils li a{font-size:0.82em;padding-right:46px;}
#outils .version_pdf{background-image:url(../images/icon_pdf.png);margin-right:19px;}
#outils #version_print{background-image:url(../images/icon_zoom_print.png);margin-right:19px;}
#outils #version_html{background-image:url(../images/icon_zoom_vhtml.png);margin-right:19px;}
#outils #version_flash{background-image:url(../images/icon_zoom_vflash.png);margin-right:19px;}
#outils #back{position:absolute;top:0;right:0;background:url(../images/bt_retour_bio.png) no-repeat right top;margin:14px 29px 0 0;}
#outils #back a{display:block;min-height:39px;line-height:39px;padding-right:43px;color:#fff;font-weight:bold;font-size:1em}

/*main*/
#main{padding:17px 0 0 10px;}
#main h1{text-transform:none;margin:15px 30px;color:#000; clear: both; }

/*leftcontent*/
#leftcontent{width:256px;float:left;display:inline;margin:0 0 0 30px;}

/*maincontent_genea*/
#maincontent_genea{float:left;width:920px;margin-left:18px;display:inline;margin-bottom:80px;}
#maincontent_genea .legende2{display:block;font-weight:normal;font-size:0.81em;color:#808080;}

/*maincontent*/
#maincontent{float:left;width:400px;margin-left:18px;display:inline;margin-bottom:30px;line-height:16px;text-align:justify;position:relative;}
#maincontent h2{font-size:1.0em;color:#000;margin:0 0 25px 0;padding:0 20px 5px 0;border-bottom:dashed 1px #CBCBCB;}
#maincontent a{color:#0099bf;}
#maincontent a span{color:#000;}
#maincontent a:hover{color:#000;}
#maincontent blockquote{display:block;margin:0 0 0 120px;}
#maincontent sup{line-height:0;}
#maincontent .legende2{display:block;font-weight:normal;font-size:0.81em;color:#808080;}

/*rightcontent*/
#rightcontent{float:right;width:216px;display:inline;}

/*blocs image*/
.img_big .inc_img{position:relative;}
p.legende{color:#333;font-size:0.82em;padding-top:5px;}
.inc_img em{background:url(../images/ico_zoom.png) no-repeat right bottom;width:50px;height:50px;display:block;position:absolute;bottom:10px;right:5px}
* html .inc_img em{bottom:25px;}
.inc_img em span{display:none;}

/*glossaire*/
a.glossaire{text-decoration: none;position: relative;color: #000;background-color:#e5e5e5;}
a.glossaire cite{color: #000;font-style: normal;visibility: hidden;position: absolute;top: 12px;left: 0px;width: 175px;text-align:left;}
a.glossaire cite b{color:#0099bf;display:block;}
a.glossaire cite span{padding: 10px; background-color:#e5e5e5; display: block;}
a.glossaire cite.type2{top: -385px;left: 0px;}
a.glossaire cite.type3{top: 12px;left: -113px;}
a:hover.glossaire { height: 1%;}
a:hover.glossaire cite{ visibility: visible; text-decoration: none;}

/* mode vignettes bio*/
.vignettes{margin-left:4px;clear:both;}
.vignettes dd{clear:none;float:left;width:96px;text-align:center;margin:0px 0 0 10px;display:inline; height: 165px; position: relative;} 
.tit_bio {margin-bottom:20px; clear: both; }
dt { clear: both; color:#0099bf; font-weight:bold; text-transform:uppercase; text-align:left; margin-bottom:10px; margin-left:5px}
dd .inc_img1{float:left;display:inline;width:96px;display:block;text-align:center;}
.ico_bio {background:url(../images/icon_bio.png) no-repeat right bottom;width:15px;height:20px;display:block;position:absolute;top:66px;right:10px}
.ico_bio span{display:none;}
.vignettes a{font-size:1em;color:#808080;text-decoration:none;}
.vignettes a:hover{font-size:1em;color:#808080;text-decoration:none;}

/*top bio pour contre*/
#top_dreyf {float:left;width:375px;text-align:right;background:url(../images/top_bio_dreyfusards.png) no-repeat;margin-bottom:50px;margin-top:30px;margin-left:30px;margin-right:20px}
#top_anti_dreyf {float:left;width:415px;text-align:right;background:url(../images/top_bio_anti_dreyfusards.png) no-repeat;margin-left:30px;margin-bottom:50px;margin-top:30px;}
input{vertical-align:top;}
select{margin:1px 0;width:200px;}

/*bloc_genea*/
.bloc_genea {float:left;width:230px;font-size:1em;color:#0099BF;text-decoration:none;margin-bottom:40px;padding-right:10px;}
#bloc_genea_large {float:left;width:500px;font-size:1em;color:#0099BF;text-decoration:none;margin-bottom:40px;padding-right:10px;}
#bloc_genea_mince {float:left;width:190px;font-size:1em;color:#0099BF;text-decoration:none;margin-bottom:40px;padding-right:10px;}
dd .inc_img2{float:left;width:96px;display:block;text-align:center;margin-bottom:5px;}
.rem_genea{float:left;width:250px;display:block;text-align:center;font-size:0.80em;color:#808080;}
#maincontent_genea h3{clear:both}
#maincontent_genea{}
/*shema*/
.shema{margin-left:80px;}

/*
FOOTER
*/

#footer{clear:both;border-top:1px solid #333333;padding-bottom:50px;position:relative;}
#footer a.totop{display:block;position:absolute;text-decoration:none;color:#333;padding:0 10px;background-color:#FFF;top:-8px;font-size:0.91em;right:130px;}

/*
MODULES
*/
#modules{text-align:center;}
#modules .tit_bio{text-align:left;padding-left:10px;}

/*
CHRONOLOGIE
*/
#chronologie{width:696px;margin:30px 0 0 20px;}
#chronologie h2{text-transform:none;font-size:2.0em;font-weight:normal;color:#000;float:left;padding:0 0 5px 148px;margin:0;}
#chronologie ul{margin:0;padding:30px 0 0 0;border-top:1px solid;clear:both;}
#chronologie ul li.first{border:none;}
#chronologie ul li ul{border:none;padding:0 0 10px 0;float:right;clear:none}
#chronologie li{list-style:none;clear:both;border-top:1px solid #E9E9E9;}
#chronologie li ul li{border:none;}
#chronologie li ul li .inc_img{width:80px;margin-right:5px}
#chronologie li ul li .inc_img img{float:left;margin:0}
#chronologie .inc_img{width:148px;display:block;float:left;margin:10px 0;}
#chronologie .inc_img img{float:right;margin:0 20px;}
#chronologie .inc_txt{width:230px;display:block;float:left;margin-bottom:10px;}
#chronologie li ul .inc_txt{width:210px;}
#chronologie strong{color:#00A7C9;display:block;padding:10px 0;}
#chronologie small{display:block;}