* { margin:0; padding:0; } html { height:100%; } body{ height:100%; width:100%; background:#000; font-family:Arial, Helvetica, sans-serif; color:#FFF; } #mainWrapper { position:relative; width:980px; margin:0 auto; padding:180px 0 0 0; } #coverflow { display:block; width:100%; height:260px; background:#000; } .lang { text-align:center; font-size:13px; margin-bottom:10px; } .lang span{ text-decoration:none; padding:2px; width:10px; display:block; float:right; } .lang a{ text-decoration:none; padding:2px; width:25px; display:block; float:right; font-weight:bold; color:#fff; } .lang a.active{ color:#fff; background-color: #FF9900; } .clear{ clear:both; }#logo { position:absolute; top:0; left:0; width:257px; height:160px; background:url(../logo/bar.png) bottom right no-repeat; } #logo a { position:absolute; bottom:10px; right:0; width:143px; height:104px; overflow:hidden; text-indent:-500px; background:url(../logo/otthiers.png) no-repeat !important; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/interne/logo/otthiers.png',sizingMethod='scale'); }#topMenu { position:absolute; top:0; right:0; width:452px; height:73px; } #topMenu .melto { position:absolute; top:15px; right:0; color:#FF9900; font-size:14px; line-height:40px; height:40px; font-weight:bold; text-decoration:none; } #topMenu .main { position:absolute; top:55px; right:0; width:100%; height:30px; line-height:30px; background:url(../topMenu/bar.png) no-repeat; } #topMenu .main a { color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; padding:0 13px 0 0; } #topMenu .main a.last { padding:0; } #topMenu .main a:hover { text-decoration:underline; } #topMenu .second { position:absolute; top:94px; right:0; width:450px; } #topMenu .second form { float:left;  } #topMenu .second form input { width:95px; border:1px inset #CCC; font-size:11px;padding:1px 0; font-weight:bold; color:#F26B27; } #topMenu .second form input.btn { background:#000; color:#FFF; width:30px; font-weight:normal; cursor:pointer; font-size:11px;padding:1px 0; border:1px inset #CCC; margin:0 20px 0 0px; } #topMenu .second .lethiers { float:left; display:block; width:93px; height:32px; background:url(../topMenu/lethiers.png) no-repeat; overflow:hidden; text-indent:-500px; } #topMenu .second .villethiers { float:left; display:block; width:61px; height:51px; background:url(../topMenu/villethiers.png) no-repeat; overflow:hidden; text-indent:-500px; } #topMenu .second .addrOT { float:right; color:#FF9900; font-size:11px; width:145px; text-align:right; } #topMenu .second .addrOT span { color:#FFF; font-size:15px; font-weight:bold; display:block; margin-bottom:10px; }#bandoAlaune { display:block; width:430px; height:200px; background:#000 ; margin:5px 0 0 5px; margin-top:10px; border:1px dashed #FFF; padding:2px; } #titreAlaune{ background:#FFF; color:#000; text-align:center; font-weight:bold; } #lienAlaune { display:block; color:#FFF; text-align:right; margin-right:30px; padding-top:10px; } #scrollup { position: relative; overflow: hidden; border: none; height: 180px; width: 425px; } .headline { position: absolute; top: 330px; left: 5px; height: 180px; width:425px; font-size:11pt; } .headline i { color:#FF9000; font-weight:bold; } .headline a { color:#FFF; } .blockBottom { display:block; width:100%; background:url(../blockBottom/vbar.png) no-repeat 49% 0; min-height:280px; margin:10px 0 0 0; } .block { display:block; width:48%; float:left; margin-left:2%; } .block h4 { color:#FFF; font-size:15px; background:url(../blockBottom/bar.png) no-repeat bottom left; padding-bottom:5px; margin-bottom:12px; } .block h4 a { color:#FFF; font-size:15px; text-decoration:none; } .block .article { width:98%; } .block .d2 { width:45%; float:left; margin-right:2%; } .block .article h5 { color:#F26522; font-size:15px; margin-bottom:10px; } .block h5 a { color:#F26522; font-size:15px; text-decoration:none; } .block .article p { color:#FFF; font-size:12px; line-height:16px; text-align:justify; } .block .article img { padding-right:30px; padding-bottom:15px ; background:url(../blockBottom/puce.png) no-repeat bottom right; } .block a{ color:#F26522; } #footer { position:relative; display:block; clear:both; width:945px; height:66px; background:#000; } #footer .menu { position:absolute; top:40px; left:610px; } #footer .menu a { color:#CBCACF; text-decoration:none; font-weight:bold; font-size:12px; padding:0 14px 0 0; } #footer .menu a:hover { text-decoration:none; } #footer .author { position:absolute; top:20px; left:610px; } #footer .author a { color:#9A551A; font-size:8px; text-decoration:none; } #footer .author a:hover { text-decoration:none; } #footer .partenaires { position:absolute; top:20px; left:20px; } #footer .partenaires a, #footer .partenaires span { text-indent:-500px; overflow:hidden; margin:0 20px 0 0; float:left; } #footer .partenaires .otThiers { display:block; width:37px; height:36px; background:url(../footer/otthiers.png) no-repeat; } #footer .partenaires .lethiers { display:block; width:63px; height:22px; background:url(../footer/lethiers.png) no-repeat; } #footer .partenaires .vThiers { display:block; width:43px; height:36px; background:url(../footer/villethiers.png) no-repeat; } #footer .partenaires .cciThiers { display:block; width:61px; height:36px; background:url(../footer/ccithiers.png) no-repeat; } #footer .partenaires .malmenayde { display:block; width:119px; height:36px; background:url(../footer/malmenayde.png) no-repeat; } #footer .partenaires .parclivradois { display:block; width:28px; height:36px; background:url(../footer/parclivradois.png) no-repeat; } #footer .partenaires .lft { display:block; width:44px; height:36px; background:url(../footer/lft.png) no-repeat; } #footer .partenaires .leader { display:block; width:35px; height:36px; background:url(../footer/leader.png) no-repeat; } #footer .partenaires .europe { display:block; width:50px; height:36px; background:url(../footer/europe.png) no-repeat; }