/*************************** GENERAL ****************************************************************/ html, body { padding: 0; margin: 0; } body { font: 12px Arial, Helvetica; color: #333; } a { color: #333; outline: none; } a:hover { color: #999; } a img { border: 0; } .left { float : left; } .right { float : right; } img.left { margin: 0 10px 10px 0; } img.right { margin: 0 0 10px 10px;} img.center { display : block; margin: 0 auto 10px auto; text-align: center; } .newline { display: block; clear: both; line-height: 0px; font-size: 0px; } .clearer { font-size: 15px; line-height: 15px; height: 15px; } #carrepub { clear: both; width: 300px; margin: 20px 0 0 0; } #xititag { position: absolute; bottom: 0; } /*************************** GLOBAL ****************************************************************/ #global { overflow: hidden; zoom: 1; width: 973px; padding: 0 15px 5px 15px; margin: 0 auto; background: url(img/global.jpg) left top repeat-y;} #main { overflow: hidden; zoom:1; float: left; display: inline; width: 673px; } #bloc-center { float: left; width: 375px; display: inline; } #bloc-center.full { width: 643px; margin-left: 20px; display: inline; } #sidebar2 { overflow: hidden; float: left; display: inline; width: 228px; margin: 0 20px 0 20px; } #sidebar { overflow: hidden; float: right; display: inline; width: 300px; } #lienref { padding: 5px 10px; margin: 0 0 5px 0; background: #f5f5f5; color:#999999; } #lienref a { padding: 0 3px; text-decoration: none; color:#999999 } #lienref a:hover { background: #333; color: #f5f5f5; } /*************************** HEADER ****************************************************************/ #header { position: relative; height: 200px; background: url(img/2010/header.png) center top no-repeat; } #headerTop { position: absolute; right: 0; width: 100%; } #changeLang { float: right; margin: 10px 10px 0 0;position: relative;top: -125px;} #changeLang a { font: bold 11px Arial; color: #333; text-decoration: none; } #compteur { position: absolute; left: 0; font:bold 11px Arial; margin: 10px 5px 0 10px;color:#333333; } #banner { overflow: hidden; /*float: right;*/ width: 728px; height: 90px; margin: 1px auto 0; } #banner img { display: block; border: none; } #headerBottom { position: absolute; top: 50px; left: 0; width: 100%; } #logoEDM { float: left; margin: 0 0 0 20px; } #baseline { float: right; margin: 0 50px 0 0; } /*************************** /* ACCESLVL1 /********************************************************************/ #acceslvl1 { height: 255px; } #acceslvl1 ul, #acceslvl1 li { float: left; font: bold 14px Arial; height: 51px; width: 300px; margin: 0 0 1px 0; padding: 0; list-style: none; } #acceslvl1 li table { height: 51px; width: 100%; } #acceslvl1 li table td { vertical-align: middle; } #acceslvl1 li table td.pictoCol { width: 60px; text-align: center; } #acceslvl1 li table td a { color: #a5a4a4; text-decoration: none; } #acceslvl1 li { background: url(img/sidebar_tabs.jpg) left bottom no-repeat; } #acceslvl1 li.first { background: url(img/sidebar_tabs_first.jpg) left bottom no-repeat; } #acceslvl1 li.alwaysSel, #acceslvl1 li.sel { background-position: left top; } /*************************** /* AUTOPROMO /********************************************************************/ #autoPromo .line { margin: 10px 0 0 0; } /*************************** /* CDF (chemin de fer) /********************************************************************/ #cdf { background: #000000; color: #f08300; height: 24px; line-height: 24px; margin: 0 0 20px 0; font-size: 10px; } #cdf a { color: #FFF; margin: 0 5px; text-decoration: none; } #cdf a:hover { color: #f08300; } #cdf .info { margin: 0 0 0 10px;; } /********************************/ /* BLOC-TITRE /********************************/ #bloc_titre { padding: 0 0 5px 0; margin: 0 0 15px 20px; background: url(img/actu_entete.jpg) left bottom repeat-x; color: #000; } #bloc_titre span{ padding: 0; margin: 0; text-transform: uppercase; font-size: 12px; } #bloc_titre h1 { padding: 0; margin: 0; font-size: 30px; color: #000000; font-weight: bold; } /*************************** /* ACCESLVL1B /********************************************************************/ #acceslvl1b { margin: 15px 0 0 0; } #acceslvl1b ul { padding: 0; margin: 0; list-style: none; } #acceslvl1b li { background: url(img/actu_entete.jpg) left bottom repeat-x; padding: 5px 0; margin: 0 0 5px 0; } #acceslvl1b li a { color: #979797; font-size: 11px; text-decoration: none; } #acceslvl1b li a:hover, #acceslvl1b li a.sel { color: #f19f11; background-position: -12px 0;} #acceslvl1b li span.picto { float: left; width: 13px; height: 12px; margin: 0 10px 0 0; background:transparent url(img/puce_lvl.jpg) 0 0 no-repeat; } #acceslvl1b li a:hover span.picto { background-position: -13px 0; } /*************************** PARAGRAPHES ****************************************************************/ /* old */ #bloc-center td.C2 { width: 49%; } #bloc-center td.C3 { width: 32%; } #bloc-center td.spacer-inter-col { width: 2%; } #bloc-center td.spacer-sub-col { height: 20px; } /* v7 */ #bloc-center .wCol { margin: 10px 0 0 0;} #bloc-center .w50 { float : left; clear : left; width : 49%; } #bloc-center .w50-newline { float : right; clear : right; width : 49%; } #bloc-center .w33-first { float : left; display : inline; width : 32%; } #bloc-center .w33-2 { float : left; display : inline; width : 32%; margin-left : 2%; } /*Hack ie6*/ * html #bloc-center .w33-2 { margin : 0 0 0 1%; } #bloc-center .w33-newline { float : right; display : inline; clear : right; width : 32%; } /* styles */ #bloc-center .style1 { color: #010101; padding: 7px; } #bloc-center .style1 h2{ padding: 0; margin: 0; color: #bcbcbc; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;} #bloc-center .style1 .inner{ background: #FFF; font-family: Verdana, Arial, Helvetica; } #bloc-center .style2 { color: #010101; padding: 7px; } #bloc-center .style2 h2{ color: #000000; font-weight: bold; font-size: 14px; background:url(img/actu_entete.jpg) left bottom repeat-x; padding: 0 0 7px 0; margin: 0 0 10px 0;} #bloc-center .style2 .inner{ background: #FFFFFF; } /* #bloc-center .style3 { color: #010101; padding: 7px; background: #fafafa ; } #bloc-center .style3 h2{ color: #000000; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;} #bloc-center .style3 .inner{ } */ /*Ajout externe*/ #bloc-center .style3 { background: #999999; color:#010101; /*margin-right: 10px;*/ padding:7px; } #bloc-center .style3 h2 { color: #fff; font-size: 14px; font-weight: bold; margin:0 0 10px; } #bloc-center .style4 { color: #010101; padding: 7px; border: 1px solid #eee; } #bloc-center .style4 h2{ color: #000000; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;} #bloc-center .style4 .inner{} #bloc-center h3 { font: bold 13px Arial; } /*************************** CONTENU ****************************************************************/ #homeContenu { } #homeContenu h2 { } #homeContenu .middle { overflow: hidden; width: 672px; height: 259px; padding: 0; color: #333; } #homeContenu .middle p.lien { clear: right; font: bold 12px Arial; margin: 0 10px 10px 10px; color: #333; } #homeContenu .middle p.lien a { display: block; color: #ccc; text-decoration: none;; } #homeContenu .middle p.lien a:hover { color: #orange; } #homeContenu .middle img { display: block; } #homeContenu .bottom {} /*************************** ACTUS ********************************************************************/ .actus { float: left; width: 305px; padding: 0 20px; margin: 20px 0; } .actus .actu { height: 130px; overflow: hidden; zoom: 1; margin: 0 0 15px 0; padding: 10px; background: #f3f3f3; } .actus .first { height: 130px; padding: 0 0 10px 0; background: url(img/actu_entete.jpg) left bottom repeat-x; } .actus h2 { font: bold 18px Arial; padding: 0 0 5px 0; margin: 0 0 15px 0; background: url(img/actu_entete.jpg) left bottom repeat-x; color: #000; } .actu h3 { font: bold 14px Arial; color: #000; } .actus .first h3 { font: bold 14px Arial; color: #8b8888; } .actu .lien { padding: 0; margin: 5px 0 10px 0; text-align: right; } .actu .lien a { font: normal 11px Georgia, Arial; padding: 0 10px 0 15px; background: url(img/puce_lien.gif) left center no-repeat;; color: #999; text-decoration: none; } .actu .lien a:hover { color: orange; } .actu .bottom { background: url(img/dotted.jpg) left bottom repeat-x; } .actus .lienAll a { clear: right; float: right; font: bold 12px Arial; padding: 5px 10px; margin: 10px 0 0 0; background: #999; color: #fff; text-decoration: none; } .actus .lienAll a:hover { color: orange; background: #000; } #actusHome { overflow: hidden; zoom: 1; background: url(img/actu1.jpg) center top repeat-y; } #actusLeft { padding: 0 10px 0 20px; } #actusRight { padding: 0 20px 0 10px; } /*************************** PHOTOGALERIE ********************************************************************/ #photoGalerie { clear: both; margin: 20px 0 0 0; } #photoGalerie .entete { position: relative; height: 24px; background: url(img/photosgalerie_entete.jpg) left bottom repeat-x; } #photoGalerie h2 { float: left; font: bold 18px Arial; line-height: 24px; padding: 0; margin: 0 0 0 20px;; color: #000; } #photoGalerie h3 { position: absolute; right: 0; bottom: 0; margin: 0 20px 0 0; } #photoGalerie h3 a { float: right; padding: 4px 10px; background: #999; color: #fff; text-decoration: none; } #photoGalerie h3 a:hover { color: orange; background: #000; } #photoGalerie ul, #photoGalerie li { padding: 0; margin: 0; list-style: none; } #photoGalerie ul { overflow: hidden; zoom: 1; width; 935px; padding: 20px 20px 10px 20px; border: 1px solid #e5e5e5; border-top: none; } #photoGalerie li { float: left; margin: 0 8px 10px 0; width: 105px; text-align: center; } #photoGalerie img { border: none; display: block; border: 1px solid #eee; } /*************************** PARTENAIRES ********************************************************************/ .partners { height: 95px; margin: 20px 0 0 0; } .partners h2 { font: bold 18px Arial; line-height: 24px; padding: 0 0 0 20px; margin: 0; background: url(img/photosgalerie_entete.jpg) left bottom repeat-x; color: #000; } .partners .mask { position: relative; overflow: hidden; height: 74px; width: 973px; background: url(img/photosgalerie_corps.jpg) left top repeat-x; } .partners .list { height: 100%; padding: 0; margin: 10px 0 0 0; list-style: none; } .partners .case { position: absolute; overflow: hidden; height: 45px; width: 194px; padding: 0; margin: 0; text-align: center; } /********************************************************************/ /* MAP (plansitebas) /********************************************************************/ #map { overflow: hidden; zoom: 1; clear:both; width:953px; padding: 0 10px; margin: 30px 0 0 0; background: #f5f5f5; } #plansite { width: 100%; height: 100%;} #plansite td { padding: 5px 20px 20px 20px; background: url(img/actu1.jpg) right top repeat-y; } #plansite td.last { background: none; } #plansite p.titres { font: bold 14px Arial; padding: 0 0 10px 0; color:#222; } #plansite a { color: #222; } #plansite a:hover { color: #555; } #plansite ul, #plansite ul li { list-style-type:none; } #plansite ul li { font: normal 12px Arial; padding: 3px 0; } /*Externe*/ .sitemap ul.niv1 { clear: both; float: left; width: 90%; } .sitemap li.emphase { background: none; border: none; } /*************************** FOOTER ****************************************************************/ #footer { clear: both; height: 50px; width: 980px; padding: 0 15px; margin: 20px auto 0 auto; background: url(img/2010/footer_container.png) left top repeat-x; text-align: center; } #footer_reed { float: left; margin: 0 15px 0 0; text-decoration: none; font: 10px Arial; color: #838383; } #footer ul, #footer li { list-style: none; margin: 0; padding: 0;font: 11px Arial; } #footer ul { padding: 15px 0 0 0; } #footer ul li { display: inline; } #footer ul li a { font: 11px Arial; color: #333; text-decoration: none; } #footer ul li a:hover { color: orange; } /*************************** NEWS ****************************************************************/ #news { position: relative; } #news_top { position: relative; height: 45px; background: url(img/dotted.jpg) left bottom repeat-x; margin: 0 20px; } #news_top h1 { font: bold 38px Verdana; padding: 0; margin: 0; } #news_bottom { padding: 0 20px 0 0; } #news_top .pagination { position: absolute; right: 0; bottom: 0; } *html #news_top .pagination { bottom: -1px; } .pagination { float: right; } .pagination .index {display: block; font: 9px Verdana; color: #999; text-align: right; } .pagination .index { margin: 0 0 5px 0; } .pagination .index { margin: 5px 0; } .pagination .btn { color: #fff; text-decoration: none; border: none; } .pagination .btn:hover { color: orange; } .pagination .prev { padding: 0 5px 0 20px; background: #000 url(img/pagination_prev.jpg) left center no-repeat; } .pagination .next { padding: 0 20px 0 5px; background: #000 url(img/pagination_next.jpg) right center no-repeat; } .news { margin: 0 20px 1px 20px; padding: 3px 0; background: url(img/dotted.jpg) left bottom repeat-x; } .news .inner { overflow: hidden; zoom: 1; } .news .pair { background: #fafafa; } .news .first { background: #ccc; } .news .inner .visuel { float: left; width: 150px; padding: 15px 0; border: none; text-align: center; } .news .inner .contenu { float: right; width: 463px; padding: 10px; } .news .inner .contenu h3 { font: bold 15px Arial; padding: 0 0 0 20px; margin: 0; background: url(img/puce_h3.gif) left top no-repeat; color: #000; } .news .inner .contenu h4 { font: 10px Verdana; padding: 0; margin: 2px 0 10px 0; color: #838383; text-transform: uppercase; } #news.index #news_top { margin: 0 20px 20px 20px; } #news.index .news { margin: 0 20px 20px 20px; } #news.index .inner .contenu h3 { padding: 0; margin: 0 0 20px 0; background: none; } #news.index .inner .contenu h3 a { text-decoration: none; } #news.index .inner .contenu { width: 410px; } #news.index .inner .visuel { width: 200px; text-align: right; } #news.index .news .visuel img { border: 4px solid #bbb; } #news.index .news .visuel a:hover img { border-color: #3f3e3a; } #news.index #news_bottom .pagination { margin: -20px 0 0 0; } .newsZoom { float: left; /*width: 375px;*/ } .newsZoom .pagination { margin: 0 0 20px 0; } .newsZoom .visuel { clear: both; margin: 0 0 0 20px; text-align: center; } .newsZoom .contenu { padding: 0 20px 0 10px; } .newsZoom .contenu .news_top { padding: 0 0 5px 0; margin: 20px 0; background: url(img/actu_entete.jpg) left bottom repeat-x;} .newsZoom .contenu .date { font: normal 10px Verdana; color: #999; } .newsZoom .contenu .societe { float: right; display: inline; font: bold 11px Verdana; color: #555; } .newsZoom .contenu .email { font: bold 11px Verdana; color: #555; font-style: italic; } .newsZoom .contenu h2 { position: relative; padding: 0 0 5px 0; margin: 0; }