@charset "utf-8"; /** infos.css - CSS Document * élément communs à toutes les thématiques ayant pour gabarit de type "infos" : * - une colonne * - ce qu'on appelle les actus froides */ /* COMMONS *********************************/ body#infos div#main h2 { /*position:absolute; top: -6000px; height:0; width:0;*/ } body#infos div#main h5 { font-weight:bold; font-size:1.1em; } body#infos div#main h6 { margin: 25px 0 0 0; font-weight:bold; font-size:0.9em; } /* LAYOUT / BLOC-FAT *****************/ body#infos div#main div.bloc-fat-content{ margin-top:-10px; padding:1em 15px; width: 552px; background:url(../medias/content/bloc-fat-content.gif) top left no-repeat; } body#infos div#main div.bloc-fat-bottom{ margin-bottom:10px; height:13px; background:url(../medias/content/bloc-fat-bottom.gif) top left no-repeat; } body#infos div#main div.bloc-fat-content h4 { padding-bottom:5px; margin-top:5px; font-size:2em; font-family:Times New Roman; font-style:oblique; border-bottom:7px solid; } body#infos div#main div.bloc-fat-content p.chapeau-txt { width:422px; margin-top:-45px; margin-left:120px; padding-left:10px; background-color:white; } body#infos div#main h3 { margin:0 0 -10px 10px; padding:15px 0 0 0; height:35px; color:#86B6C0; background:url(../medias/content/mainh2_pointille.gif) top right no-repeat; font-family:"Arial Black"; font-weight:bold; font-size:1.2em; z-index:1; position:relative; } body#infos div#main div.bloc-special-content ul, body#infos div#main div.bloc-pave-simple ul { margin:5px 0; margin-left: 0; list-style: disc; list-style-position: inside; } body#infos div#main div.bloc-special-content ul.no-list, body#infos div#main div.bloc-pave-simple ul.no-list, body#infos div#main div.bloc-pave-important ul.no-list { list-style: none; } body#infos div#main div.bloc-pave-simple ul li, body#infos div#main div.bloc-special-content ul li { margin:2px 0; line-height:1.4; } /* PAVE SIMPLE ****************************/ body#infos div#main div.bloc-pave-simple { margin:10px 0; padding-top:5px; background:url(../medias/content/pointille.gif) top left repeat-x; } body#infos div#main div.bloc-pave-simple h5 { margin:10px 0 10px 0; font-weight:bolder; text-indent:15px; } body#infos div#main div.bloc-pave-simple p { } body#infos div#main div.bloc-pave-simple img { } body#infos div#main div#flashPlayer { margin:0 auto; } /* Deux colonnes ***************************/ body#infos div#main div.bloc-pave-simple div.col_a, body#infos div#main div.bloc-pave-simple div.col_b { float: left; width: 266px; } body#infos div#main div.bloc-pave-simple div.col_a { margin-right: 20px; } body#infos div#main div.bloc-pave-simple div.col_b { } /* PAVE IMPORTANT ****************************/ body#infos div#main div.bloc-pave-important { margin:10px 0; padding-top:5px; background:url(../medias/content/pointille.gif) top left repeat-x; } body#infos div#main div.bloc-pave-important h5 { position: absolute; top: -2000px; } body#infos div#main div.bloc-pave-important p { margin:5px 0; padding:5px 0 0 30px; background:url(../medias/symboles/important.gif) 0 10% no-repeat; } body#infos div#main div.bloc-pave-important img { margin:0 10px 10px 0; } body#infos div#main div.bloc-pave-important ul { margin:5px 0; list-style: circle; list-style-position: inside; } body#infos div#main div.bloc-pave-simple ul li { margin:2px 0; } /* PRATIQUE MINI **************************/ body#infos div#main div.bloc-pratique-mini { text-align:right; padding-right:2em; margin-top: 10px; clear:both; /* sécurité img.float */ } body#infos div#main div.bloc-pratique-mini h6 { font-size:1.0em; margin:5px 0; clear:both; } body#infos div#main div.bloc-pratique-mini ul { list-style: none; } body#infos div#main div.bloc-pratique-mini p { margin:0; text-align:right; } body#infos div#main div.bloc-pratique-mini div.clearer { height: 1px; font-size: 1em; display: none; } /* BLOC SPECIAL ***************************/ body#infos div#main div.bloc-special-content { padding:10px; } body#infos div#main div.bloc-special-content h5 { margin:0; text-indent:15px; } body#infos div#main div.bloc-special-content p { padding:0; } body#infos div#main div.bloc-special-bottom { height:13px; } /* C'EST PRATIQUE ****************************/ /* ANCRE */ body#infos div#main div.bloc-fat-content h5.pratique { margin:0; padding:0; height:25px; text-align:right; } body#infos div#main div.bloc-fat-content h5.pratique a { text-align:right; padding-left:15px; font-weight:bolder; font-family:"Arial Black",Arial; font-size:1.2em; } /* BLOC */ body#infos div#main div.bloc-pratique-content{ position: relative; margin:0; padding:10px; } body#infos div#main div.bloc-pratique-bottom{ margin-bottom:10px; height:13px; } body#infos div#main div.bloc-pratique-content h5 { margin:0; text-indent:15px ; font-family:"Arial Black",Arial; color:white; font-size:1.2em; } body#infos div#main div.bloc-pratique-content p { text-align: left; } body#infos div#main div.bloc-pratique-content .col_a { margin-right:30px; } body#infos div#main div.bloc-pratique-content .col_a, body#infos div#main div.bloc-pratique-content .col_b { position: relative; width:260px; } body#infos div#main div.bloc-pratique-content .col_a h6, body#infos div#main div.bloc-pratique-content .col_b h6 { padding-bottom:3px; margin:15px 0 0 0; font-family:Arial; font-size:1em; font-weight:bold; } body#infos div#main div.bloc-pratique-content .col_a h6 { } body#infos div#main div.bloc-pratique-content .col_b h6 { } body#infos div#main div.bloc-pratique-content .col_a ul, body#infos div#main div.bloc-pratique-content .col_b ul { margin-left:0; padding:0; } body#infos div#main div.bloc-pratique-content ul, body#infos div#main div.bloc-pratique-content p { margin-top: 10px; line-height: 1.4em; } /* PAGINATION */ body#infos div#main div.pagination { text-align:right; } body#infos div#main div.pagination img { padding:0 0 0 10px; } body#infos div#main div.top { border-bottom:1px solid black; } body#infos div#main div.bottom { margin-top:10px; padding-top:5px; background:url(../medias/content/pointille.gif) top left repeat-x; } body#infos div#main div.pagination p { display:inline; } body#infos div#main div.pagination ul { display:inline; margin-left:5px ; } body#infos div#main div.pagination ul li { display:inline; } body#infos div#main div.pagination ul li a { display:inline; padding:0 5px; } body#infos div#main div.pagination ul li a:hover { background-color:#EEE; } body#infos div#main div.pagination ul li.current { border:1px solid; } /* SITE UTILES */ body#infos div#main div.bloc-site-utile { background: transparent url(../medias/content/pointille.gif) repeat-x top left; clear:both; padding:15px 0; } body#infos div#main div.bloc-site-utile div { width:490px; } body#infos div#main div.bloc-site-utile h5, body#infos div#main div.bloc-site-utile img, body#infos div#main div.bloc-site-utile p { margin:0; } body#infos div#main div.bloc-site-utile h5 { /*text-indent:15px;*/ }