/*#page #corps .droite #article #dossier { background: url(../img/trame_dossier.gif) no-repeat bottom; width: 515px; padding-bottom: 2.5em;padding-top: 0; right: 0; float:none }*/ #page #corps .droite #article #dossier { width: 515px; padding-bottom: 0.5em;padding-top: 0; right: 0; float:none } #page #corps .droite #article #dossier h2 {background: #fff; margin: 0; ; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; color: #f33; padding-top: 32px; padding-bottom: 4px; } #page #corps .droite #article #dossier img { margin-bottom:0; padding:0; margin-top: 0 ; } #page #corps .droite #article #dossier img.visdoss { width: 515px; } #page #corps .droite #article #dossier .lgndvis { padding-left:20px; color: #333; font-size: 0.9em; line-height:12px; margin-top: -5px; display: block; background: #cc3; padding-right: 25px; padding-top: 6px; padding-bottom: 4px } #page #corps .droite #article #dossier p.chapeau {width: 475x; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; line-height:14px; margin: 0; padding-top: 10px; padding-left:20px; color: #333; padding-right: 25px; padding-bottom: 10px; /* background:#cc3 url(../img/trame-chapeau_bas.gif) no-repeat left bottom; */ background-color:#036; color:#FFF; margin-top: -5px ; margin-bottom: 0px; } #page #corps .droite #article #dossier .comp { position: relative; width : inherit; float: left; } #page #corps .droite #article #dossier .comp h3 {background: url(../img/puce-h3-article.png) no-repeat 0px 9px; padding: 6px 0 6px 13px ; margin-top:16px; color:#036; font-size:1.4em !important; font-size:1.4em; margin-bottom:0; font-weight:bold;border-top-color:#036; border-top-style:solid; border-top-width:0.5pt; border-bottom-color:#036; border-bottom-style:solid; border-bottom-width:0.5pt;} #page #corps .droite #article #dossier .uneCol .col1 { width: 42.5em; float:left;margin-left: 0.6em; } #page #corps .droite #article #dossier .deuxCol .col1 { width: 21.5em; float:left; height:100%; margin-left: 0.6em ; } #page #corps .droite #article #dossier .uneCol .col1 p{ width: auto} #page #corps .droite #article #dossier .uneCol .col2 { display: none } #page #corps .droite #article #dossier .deuxCol .col2 { float:right; width: 21.5em; margin-right: 1em } * #page #corps .droite #article #dossier .uneCol .col1 p{width:490px; margin:0 ; padding:0} * #page #corps .droite #article #dossier .deuxCol .col1 p{width:235px !important; width:230px; margin:0; padding:0} * #page #corps .droite #article #dossier .deuxCol .col2 p{width:235px !important; width:230px; margin:0 ; padding:0} #page #corps .droite #article #dossier .media, .cit,.zoneIm, .comp img.grde { margin-top: 1em !important; margin-bottom: 0.5em !important; } #page #corps .droite #article #dossier .uneCol .col1 img.grde { width:500px } #page #corps .droite #article #dossier .deuxCol .col2 img.grde { width:228px } #page #corps .droite #article #dossier .deuxCol .col1 img.grde { width:228px } #page #corps .droite #article #dossier .lgnd { } #page #corps .droite #article #dossier .comp p { margin-bottom: 0.3em !important; margin-top: 0.7em !important} #page #corps .droite #article #dossier .comp p { margin: 0; font-size: 1.2em; color:#333; padding-top: 0;} #page #corps .droite #article #dossier .comp p.chapeauPara { margin-left: 0.6em ; color:#036 ; font-weight:normal} #page #corps .droite #article #dossier .comp p strong { font-weight: bold; } /*#page #corps .droite #dossier .media { display: block; width: 20em; background: url(../img/trame-film_haut.gif) no-repeat; padding-top: 2em; color: #fff }*/ #page #corps .droite #dossier .media { display: block; padding-top: 0.5em; color: #fff } #page #corps .droite #article #dossier .media.film { background-color: #09c ; position: relative; width:230px;} #page #corps .droite #article #dossier .media.son { background-color: #f66 ; position: relative;} #page #corps .droite #article #dossier .media.video { background-color: #c30 ; position: relative ;} #page #corps .droite #article #dossier .media.film h5{ margin: 0; padding: 0; background: url(../img/voir-seq-film.gif) no-repeat 10px 10px; height: 4em; width: 20em; margin-bottom: 0.5em } /*#page #corps .droite #article #dossier .media.film ul { background: #09c url(../img/trame-film_bas.gif) no-repeat left bottom; padding-bottom: 2.5em; }*/ #page #corps .droite #article #dossier .media.film ul { padding-bottom: 0.5em; list-style-type:none; } #page #corps .droite #article #dossier .media.son ul { background: #f66; padding-top: 1em;list-style-type:none;} #page #corps .droite #article #dossier .media .info { margin: 0; padding-left: 10px; font-size:1.1em; line-height:14px; font-weight:bold; color: #fff ; display: block; } #page #corps .droite #article #dossier .media.video ul { background: #c30; padding-top: 1em; padding-bottom:1em; padding-left: 2em;list-style-type:none; } #page #corps .droite #article #dossier .media.video .info { background-image: none ; padding-bottom: 0; font-size: 11px; padding-top: 10px} #page #corps .droite #article #dossier .media.video .info .dateMedia, .media.video .info .duree { font-size: 11px; } #page #corps .droite #article #dossier .media.video ul a { width: 127px; height: 14px;display: block ; margin-left: 10px; margin-bottom: 5px; background:none; font-size: 11px; color: #fff} #page #corps .droite #article #dossier .media.video ul a:hover { background: none; color: #000; text-decoration: underline} #page #corps .droite #article #dossier .media.video .info .invit { background: url(../img/extrait-video_off2.gif) no-repeat 0 0 !important; padding-left: 20px; height: 15px; display: block; margin-top: 7px; margin-bottom: 5px } #page #corps .droite #article #dossier .media.video ul li{ margin: 0; margin: 0 ; height: 14px } #page #corps .droite #article #dossier .media .info h6{ font-size:11px; margin: 0; width: 200px; } #page #corps .droite #article #dossier .media.film ul a { width: 73px; height: 20px;display: block ; margin-left: 10px; margin-bottom: 5px; color: #fff } #page #corps .droite #article #dossier .media.son ul a { width: 157px; height: 14px;display: block ; margin-left: 10px; margin-bottom: 5px; background: url(../img/extrait-son_off.gif) no-repeat} #page #corps .droite #article #dossier .media.son ul a:hover { background: url(../img/extrait-son_roll.gif) no-repeat} #page #corps .droite #article #dossier .seq0 { background: url(../img/prologue_off.gif) no-repeat } #page #corps .droite #article #dossier .seq1 { background: url(../img/1820-1914_off.gif) no-repeat } #page #corps .droite #article #dossier .seq2 { background: url(../img/1914-1919_off.gif) no-repeat } #page #corps .droite #article #dossier .seq3 { background: url(../img/1919-1939_off.gif) no-repeat } #page #corps .droite #article #dossier .seq4 { background: url(../img/1939-1945_off.gif) no-repeat } #page #corps .droite #article #dossier .seq5 { background: url(../img/1945-1974_off.gif) no-repeat } #page #corps .droite #article #dossier .seq6 { background: url(../img/1974-1981_off.gif) no-repeat } #page #corps .droite #article #dossier .seq7 { background: url(../img/1981-2004_off.gif) no-repeat } #page #corps .droite #article #dossier .seq0:hover { background: url(../img/prologue_roll.gif) no-repeat } #page #corps .droite #article #dossier .seq1:hover { background: url(../img/1820-1914_roll.gif) no-repeat } #page #corps .droite #article #dossier .seq2:hover { background: url(../img/1914-1919_roll.gif) no-repeat } #page #corps .droite #article #dossier .seq3:hover { background: url(../img/1919-1939_roll.gif) no-repeat } #page #corps .droite #article #dossier .seq4:hover { background: url(../img/1939-1945_roll.gif) no-repeat } #page #corps .droite #article #dossier .seq5:hover { background: url(../img/1945-1974_roll.gif) no-repeat } #page #corps .droite #article #dossier .seq6:hover { background: url(../img/1974-1981_roll.gif) no-repeat } #page #corps .droite #article #dossier .seq7:hover { background: url(../img/1981-2004_roll.gif) no-repeat } #page #corps .droite #dossier .lgnd { font-size: 11px; line-height:12px; color:#003366; margin-top: 2px; display: block; } #page #corps .droite #dossier .cit { display: block; margin-left: 0; margin-right: 0; width: 20em; background: url(../img/plus_x1.gif) repeat-x; padding-top: 0.3em; } #page #corps .droite #dossier .cit div { background: url(../img/plus_y1.gif) repeat-y top right; padding-right: 3px; color: #fff; line-height:12px; font-size: 11px; margin: 0} #page #corps .droite #dossier .cit .quote { margin: 0; background: #fff url(../img/plus_x1.gif) repeat-y 0 15px; padding-left: 3px;; color: #fff } #page #corps .droite #dossier .cit .quote h6 { font-size: 11px; margin: 0; padding: 0; padding-right: 10px; background-color: #c30; padding-left: 13px; padding-top: 10px; color: #fff } #page #corps .droite #dossier .cit .quote q { margin: 0; padding: 0; display:block; background: #c30 url(../img/plus_x2.gif) repeat-x bottom; padding-bottom: 3px; padding-left: 13px; padding-right: 10px; font-style:normal ; color: #c30 } #page #corps .droite #dossier .cit .quote .guill { display: none; height: 25px } #page #corps .droite #dossier .cit .quote .guill.gc { background:none; display: none; } #page #corps .droite #dossier .cit .quote .guill.dr { background: none; display: none; } .nob { width: 87px; height: 87px; overflow: hidden; float: left; margin-left:25px; clear:none } .brk { width: 87px; height: 87px; overflow: hidden; float: left; clear: left ;margin-left:25px; } .zoneIm { float: left; margin-left: -25px; } .zoneIm .im { float: left; margin-bottom: 25px; } .zoneIm img { } .zoneIm .n { width: 12px; height: 12px; display: block; margin-left: -87px; float: left; margin-top: 75px } #page #corps .droite #dossier .n1 { background: red url(../img/carre_1.gif) no-repeat; } #page #corps .droite #dossier .n2 { background: url(../img/carre_2.gif) no-repeat; } #page #corps .droite #dossier .n3 { background: url(../img/carre_3.gif) no-repeat; } #page #corps .droite #dossier .n4 { background: url(../img/carre_4.gif) no-repeat; } #page #corps .droite #dossier ol.lgnd { margin: 0; padding:0; list-style-type:none; display: block; line-height: 12px; clear: left; position: relative; top: -25px } *+html #page #corps .droite #dossier ol.lgnd {top: 0px } * html #page #corps .droite #dossier ol.lgnd {top: 0px } #page #corps .droite #dossier ol.lgnd li { line-height:12px ; vertical-align: middle; height: auto !important;} .comp.hautpage { background: #fff url(../img/separateur_page.gif) repeat-x !important;; margin-top: 20px !important; height: 10em } a#hautpage { display: block !important; background: url(../img/haut_page_off.gif) no-repeat right !important;height: 23px !important; width: 80px !important; margin-top: 10px !important; margin-left: 345px !important} a#hautpage:hover { display: block; background-image: url(../img/haut_page_roll.gif) !important}