/* MAIN ------------------------------------------------------------*/ /* PROGRAMMER PAR PATRICK CLAVEAU */ /* ECKINOX MÉDIA */ /* =General-----------------------------------------------------------------------------*/ p{margin: 0;padding: 0;} blockquote{} ul{margin: 0;padding: 0; list-style: none;} .clear{ /* Class for clearing floats */clear:both;} img{ /* Remove border around linked images */border: 0;} /* =Typography-----------------------------------------------------------------------------*/ body{ background:#FFF url(../../img/bg_body.gif) bottom left repeat-x; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:11px; } .titre{ font-family:"Times New Roman", Times, serif; color:#000; font-size:13px; font-style:italic; font-weight:bold; line-height:20px; } .categorie{ color:#740300; padding-top:2px; padding-bottom:2px; font-size:10px;} /* =Headings-----------------------------------------------------------------------------*/ /* =Link-----------------------------------------------------------------------------*/ a {color: #740300; text-decoration:underline; cursor:pointer;} a:hover {color: #740300; text-decoration: none;} /* =MainMenu-----------------------------------------------------------------------------*/ /* =Frame-----------------------------------------------------------------------------*/ #bodyBottom{ width:100%; background:transparent url(../../img/bg_body2.gif) bottom no-repeat;} #bodyBottom #bodyTop{ background:transparent url(../../img/bg_body_top.gif) top repeat-x;} #bodyBottom #bodyTop #bgWrap{ background:transparent url(../../img/bg_wrap2.gif) top repeat-y; width:990px; margin:auto;} #bodyBottom #bodyTop #bgWrap #wrap{ background:transparent url(../../img/bg_wrap.gif) top no-repeat; width:960px; padding:0 15px 0 15px; } #bodyBottom #bodyTop #bgWrap #wrap #header{height:247px; } #bodyBottom #bodyTop #bgWrap #wrap #header #banner{height:202px; background:#FFF url(../../img/header.jpg) top left no-repeat; margin:1px 0 1px 0; } #bodyBottom #bodyTop #bgWrap #wrap #header #mainMenu{height:42px; width:959px; margin-left:1px;} #bodyBottom #bodyTop #bgWrap #wrap #header #mainMenu li{height:42px; width:137px; float:left; } #bodyBottom #bodyTop #bgWrap #wrap #header #mainMenu li a{height:36px; padding-top:6px; width:137px; display:block; background:#FFF url(../../img/bg_menu.gif) top left no-repeat; text-align:center; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; } #bodyBottom #bodyTop #bgWrap #wrap #header #mainMenu li a:hover{width:137px; display:block; background:#FFF url(../../img/bg_menu_roll.gif) top left no-repeat; text-align:center; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; } #bodyBottom #bodyTop #bgWrap #wrap #search{height:38px; padding-top:1px; width:885px; background:transparent url(../../img/bg_helpMenu.gif) top left no-repeat; margin-top:2px; padding-left:75px; margin-bottom:1px;} #bodyBottom #bodyTop #bgWrap #wrap #search .input{ width:200px; font-size:11px; border:1px solid #740300; color:#740300;} #bodyBottom #bodyTop #bgWrap #wrap #search .inputList{ width:140px; font-size:11px; border:1px solid #740300; color:#740300;}#bodyBottom #bodyTop #bgWrap #wrap #search a.btn{ text-decoration:none; height:17px; width:35px; background: transparent url(../../img/btn_search.gif) top left no-repeat; display:block; text-align:center;} #bodyBottom #bodyTop #bgWrap #wrap #search a{ color:#740300;} #bodyBottom #bodyTop #bgWrap #wrap #search a:hover{ background-position: bottom;} #bodyBottom #bodyTop #bgWrap #wrap #search #helpMenu{} #bodyBottom #bodyTop #bgWrap #wrap #search #helpMenu li{ width:125px; height:37px; float:left;} #bodyBottom #bodyTop #bgWrap #wrap #search #helpMenu li a{ display:block; width:125px; height:37px; text-decoration:none;} #bodyBottom #bodyTop #bgWrap #wrap #search #helpMenu li a.home{ background:#FFF url(../../img/btn_acc.gif) top left no-repeat;} #bodyBottom #bodyTop #bgWrap #wrap #search #helpMenu li a.map{ background:#FFF url(../../img/btn_plan.gif) top left no-repeat;} #bodyBottom #bodyTop #bgWrap #wrap #search #helpMenu li a.mail{ background:#FFF url(../../img/btn_mail.gif) top left no-repeat; width:124px;} #bodyBottom #bodyTop #bgWrap #wrap #search #helpMenu li a:hover{ background-position:bottom left;} #bodyBottom #bodyTop #bgWrap #wrap #middle{ background:#FFF url(../../img/bg_middle.gif) top right repeat-y;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol{width:702px; padding:0 0 0 0px; background: transparent url(../../img/bg_leftCol.gif) top left repeat-x; float:left; text-align:justify; } #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol p{ margin-bottom:10px;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #title{ font-family:"Times New Roman", Times, serif; font-size:36px; font-weight:bold; font-style:italic; color:#740300; margin:7px 0 5px 25px;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #une{ margin:0 25px 35px 25px; background:transparent url(../../img/bg_new.gif) left bottom repeat-x; padding-bottom:15px; border-bottom: 1px #a3a3a3 dotted; } #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol a.btn{ text-decoration:none; height:19px; width:90px; background: transparent url(../../img/btn_actu.gif) top left no-repeat; display:block; color:#FFF; padding-left:19px; text-align:left; line-height:18px; float:right; display:inline;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol a.btn_search{ text-decoration:none; height:17px; width:35px; background: transparent url(../../img/btn_search.gif) top left no-repeat; display:inline-block; text-align:center;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol a.btnReturn{ text-decoration:none; height:19px; width:60px; background: #009 url(../../img/btn_return.gif) top left no-repeat; display:block; color:#FFF; padding-left:29px; text-align:left; line-height:18px;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol a:hover{ background-position: bottom;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #actuWrap{padding:0; margin:0;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #actuWrap #actu{ width:314px; height:67px; float:left; margin-left:25px; margin-bottom:15px; background:#fff url(../../img/bg_new.gif) left bottom repeat-x; padding-bottom:10px; border-bottom: 1px #a3a3a3 dotted; display:inline;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #actuWrap #actu #imgCol{ float:left; width:75px;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #actuWrap #actu #txtCol{ float:left; width:230px; text-align:left;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #actuWrap #actu .titre{ font-family: Arial, Helvetica, sans-serif; font-style:normal; color:#000; font-size:11px; line-height:14px; text-align:left; padding-top:5px; } #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #actuWrap #actu .titre a{ color:#000; text-decoration:none; } #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol #actuWrap #actu .titre a:hover{ text-decoration:underline; } #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol .page a{margin:0 2px; text-decoration:none;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol .page a:hover{color:#999; text-decoration:underline;} #bodyBottom #bodyTop #bgWrap #wrap #middle #leftCol .page a.roll{font-weight:bold;} #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol{ padding-top:15px; width:251px; background: transparent url(../../img/bg_rightCol.gif) top left no-repeat; float:right; } #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightTop{ width:241px; height:10px; background:transparent url(../../img/bg_rightColTop.gif) top left no-repeat; margin:0; margin:auto;} #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightMiddle{ border-bottom:1px #b5b5b5 solid; border-left:1px #b5b5b5 solid; border-right:1px #b5b5b5 solid;padding:0 1px 1px 1px; background-color:#FFF; width:237px; margin:auto;} #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightMiddle .title{ background:transparent url(../../img/bg_rightTitle.gif) top left repeat-x; height:31px; font-family:"Times New Roman", Times, serif; font-size:24px; font-style:italic; font-weight:bold; text-align:center; line-height:31px; color:#740300;} #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightMiddle .container{border:1px #b5b5b5 solid; padding:1px; margin-bottom:1px; } #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightMiddle li a.service{ margin:1px 2px 1px 2px; display:block; line-height:16px; text-decoration:none; background:#FFF url(../../img/service_dot.gif) top left no-repeat; padding:4px 4px 4px 16px; border-bottom:1px #740300 dotted;} #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightMiddle li a:hover{ background-color:#e4e4e4;} #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightMiddle #leLien{} #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightMiddle #leLien a.btn{ text-decoration:none; height:19px; width:72px; background: transparent url(../../img/btn_lien.gif) top left no-repeat; display:block; color:#FFF; ; text-align:center; line-height:18px;} #bodyBottom #bodyTop #bgWrap #wrap #middle #rightCol #rightMiddle #leLien a:hover{ background-position:bottom;} #planList a{text-decoration:none; } #planList a:hover{ color:#000;} #planList .mainList{ background:transparent url(../../img/planmain_dot.gif) left top no-repeat; padding:0 0 10px 12px; font-weight:bold; border-bottom:#740300 1px dotted; margin-bottom:10px; margin-left:25px; width:300px;} #planList .sndList{ background:transparent url(../../img/plan_dot.gif) left top no-repeat; padding:0 0 0 12px; margin:5px 0 0 25px; font-weight: normal;} #planList .thdList{ background:transparent url(../../img/planthd_dot.gif) left top no-repeat; padding:0 0 0 12px; margin:5px 0 0 25px; font-weight: normal;} #bodyBottom #bodyTop #bgWrap #bottom{ background:transparent url(../../img/bg_middleBottom.gif) top left no-repeat; height:23px; } #bodyBottom #bodyTop #titre{ height:31px; font-family:"Times New Roman", Times, serif; font-size:24px; font-style:italic; font-weight:bold; text-align:left; line-height:31px; color:#740300; width:960px; padding:0 0 0 0; margin:auto;} #bodyBottom #bodyTop #logo{ width:966px; padding:20px 12px 0 12px; height:116px; background:transparent url(../../img/bg_logo.gif) top left no-repeat; margin:auto; } #bodyBottom #bodyTop #footer{ width:990px; color:#000; text-align:center; margin:auto; margin-top:205px; padding-bottom:35px; } #bodyBottom #bodyTop #footer a{ color:#000; text-decoration:none;} #bodyBottom #bodyTop #footer a:hover{ color:#000; text-decoration:underline;} #bodyBottom div.bande { display:block; margin:2px 0 0; padding:0 7px; width:946px; height:20px; line-height:20px; font-size:11px; } #bodyBottom div.bande.rouge { background:url(../../img/bgBandeRouge.jpg) left top repeat-x; border:1px solid #790100; color:#800700; } #bodyBottom div.bande.bleu { margin:1px 0 0; background:url(../../img/bgBandeBleu.jpg) left top repeat-x; border:1px solid #236190; color:#3ca2ed; } #bodyBottom div.bande div.block { position:relative; display:block; padding:0 8px; height:20px; line-height:20px; background:#fff; overflow:hidden; } #bodyBottom div.bande div.block div { position:absolute; display:block; } #calendrierWrap{ background: #036fbf; border-top: 1px #ffffff solid; padding:5px 1px px 1px; text-align:center; color:#FFFFFF;} #calendrier{ background: #c2dcf0; border:1px #fff solid; padding:5px 9px 5px 9px; margin-top:5px;color:#036fbf; font-size:10px; text-align:center;} td.dateCal{ color:#FFF; font-weight:bold;} a.dateNext{ color:#FFF; text-decoration:none; font-size:14px;} #legendeWrap{ margin:0; padding:0;} #legendeWrap a{ background:#aaaaaa; height:22px; color:#fff; font-size:11px; text-decoration:none; display:block; text-align:center; padding: 3px 0 3px 0; line-height:22px;} #legendeWrap a: hover{ background:#aaaaaa; height:25px; color:#fff; font-size:11px; text-decoration: underline; display:block;} #legendeWrap li ul{ display: none; background:#FFFFFF; position: relative; width:150px; height: 75px; border: 1px #545454 solid; top: 10; left: 15px; display: none; z-index: 20; } #legendeWrap li:hover ul { display: block; } .heightTd{ height:25px;} td a:hover{ font-weight:normal; cursor:help;} td a:hover div.tipsOver{ display:block;position:absolute; } td a:hover div.tipsOver div{border:1px #006699 solid; background:#fff; padding:3px;width:125px;} td a div.tipsOver{ display:none; } td a{ font-weight:normal; } #legendeWrap a div.titler{ height:21px; cursor:help; overflow:hidden; } #legendeWrap a div.box{ display:none; } #legendeWrap a:hover{ font-weight:bold; } #legendeWrap a:hover div.box{ display:block; position:absolute; background:#FFFFFF; padding:3px; width:225px; border:1px solid #000; color:#003366; } #legendeWrap a:hover div.box div.line_box{ line-height:16px; } #legendeWrap a:hover div.box span.block_color{ display:block; position:absolute; width:10px; height:10px; color:#003366; margin:3px; } *html #legendeWrap a:hover div.box{ margin-left:-82px; margin-top:5px; } *+html #legendeWrap a:hover div.box{ margin-left:-82px; }z