/* RESET */ body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0;} ul { list-style-type:none;} body { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#7f7f7f; background:#fff;} a { border:none; text-decoration:underline; color:#eb7f00; outline:none;} a:hover { color:#7f7f7f;} iframe { border:2px solid #d9d9d9;} img { border:none;} @font-face{ font-family: 'swz721c'; src: url('../font/swz721c-webfont.eot'); src: url('../font/swz721c-webfont.eot?#iefix') format('embedded-opentype'), url('../font/swz721c-webfont.woff') format('woff'), url('../font/swz721c-webfont.ttf') format('truetype'), url('../font/swz721c-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'swz721br'; src: url('../font/swz721br-webfont.eot'); src: url('../font/swz721br-webfont.eot?#iefix') format('embedded-opentype'), url('../font/swz721br-webfont.woff') format('woff'), url('../font/swz721br-webfont.ttf') format('truetype'), url('../font/swz721br-webfont.svg#webfont') format('svg'); } ::-moz-selection { /* Pour firefox */ background:#ff8a00; color:white; } ::selection { /* Pour les autres */ background: #ff8a00; color:white; } /* RIGHT */ .right-facebook { z-index:999; width:33px; height:33px; display:block; background:url(../images/right-social.png) 0 0 no-repeat; position:fixed; right:0; top:170px; text-indent:-3500px;} .right-google{ z-index:999; width:33px; height:33px; display:block; background:url(../images/right-social.png) 0 -33px no-repeat; position:fixed; right:0; top:204px; text-indent:-3500px;} .right-contact { z-index:999; width:33px; height:33px; display:block; background:url(../images/right-social.png) 0 -66px no-repeat; position:fixed; right:0; top:238px; text-indent:-3500px;} .right-facebook:hover { background:url(../images/right-social.png) 0 0 no-repeat; padding-left:110px;} .right-google:hover { background:url(../images/right-social.png) 0 -33px no-repeat; padding-left:110px;} .right-contact:hover { background:url(../images/right-social.png) 0 -66px no-repeat; padding-left:110px;} .right-facebook, .right-contact, .right-google {-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} /* STRETCH */ #wrapper { background:url(../images/bg-wrapper.png) center top repeat-x; width:100%; min-height:90px; clear:both;} #headerW { background:url(../images/bg-header.png) center top no-repeat; width:100%; min-width:980px; clear:both;} #footerW { background: #fff; width:100%; border-top:2px solid #2f2f2f; height:240px; clear:both; overflow:hidden;} #header { width:980px; margin:0px auto; } #footer { width:980px; margin:0px auto; overflow:hidden;} /* HEADER */ .headerLeft, .headerRight { float:left; height:90px; position:relative;} .headerLeft { width:260px;} .headerRight { width:700px;} .logo { width:260px; height:88px; background:url(../images/logo.png) left top no-repeat; text-indent:-3500px; display:block; position:absolute; z-index:999; left:0} .slogan { width:596px; height:67px; background:url(../images/slogan.png) left top no-repeat; text-indent:-3500px; display:block; float:left;} .animation { width:934px; height:244px; clear:both; padding:0 0 0 0; position:relative; margin:3px 0 0 23px;} #prev { width:30px; height:30px; background:url(../images/nav-slide.png) left bottom no-repeat; text-indent:-3500px; display:block; position:absolute; left:-45px; top:80px; opacity:0.5;} #next { width:30px; height:30px; background:url(../images/nav-slide.png) right top no-repeat; text-indent:-3500px; display:block; position:absolute; right:-45px; top:80px; opacity:0.5;} #prev:hover { opacity:1; } #next:hover { opacity:1;} /* MENU */ #menu { height:88px; margin: 0 0 0 186px; z-index:990; position:relative; padding:0; width:534px;} ul#topnav { margin: 0; padding:0; width: 100%; list-style:none;} ul#topnav li { float: left; margin:0; padding:0; position:relative;} ul#topnav li:hover a, ul#topnav li a:hover { outline:none;} #menu a, #menu a_active { float:left; text-indent:-9999px; height:88px; outline:none; display:block; position:relative;} #menu a span, #menu a_active span { display:block; height:88px; width:0px; cursor:pointer;} #menu a:hover span, #menu a_active:hover span { opacity:1; -moz-opacity:1; -webkit-opacity:1; -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);} #menu #topnav .accueil { background:url(../images/sprite-nav.png) left top no-repeat; width:78px;} #menu #topnav .accueil span { background:url(../images/sprite-nav.png) left bottom no-repeat;} #menu #topnav .accueil_active { background:url(../images/sprite-nav.png) left bottom no-repeat; width:78px;} #menu #topnav .accueil_active span { background:url(../images/sprite-nav.png) left bottom no-repeat; width:78px;} #menu #topnav .accueil:hover span { width:78px;} #menu #topnav .presentation { background:url(../images/sprite-nav.png) -78px top no-repeat; width:115px;} #menu #topnav .presentation span { background:url(../images/sprite-nav.png) -78px bottom no-repeat;} #menu #topnav .presentation_active { background:url(../images/sprite-nav.png) -78px bottom no-repeat; width:115px;} #menu #topnav .presentation_active span { background:url(../images/sprite-nav.png) -78px bottom no-repeat; width:115px;} #menu #topnav .presentation:hover span { width:115px;} #menu #topnav .services { background:url(../images/sprite-nav.png) -193px top no-repeat; width:84px;} #menu #topnav .services span { background:url(../images/sprite-nav.png) -193px bottom no-repeat;} #menu #topnav .services_active { background:url(../images/sprite-nav.png) -193px bottom no-repeat; width:84px;} #menu #topnav .services_active span { background:url(../images/sprite-nav.png) -193px bottom no-repeat; width:84px;} #menu #topnav .services:hover span { width:84px;} #menu #topnav .realisations { background:url(../images/sprite-nav.png) -277px top no-repeat; width:111px;} #menu #topnav .realisations span { background:url(../images/sprite-nav.png) -277px bottom no-repeat;} #menu #topnav .realisations_active { background:url(../images/sprite-nav.png) -277px bottom no-repeat; width:111px;} #menu #topnav .realisations_active span { background:url(../images/sprite-nav.png) -277px bottom no-repeat; width:111px;} #menu #topnav .realisations:hover span { width:111px;} #menu #topnav .devis { background:url(../images/sprite-nav.png) -388px top no-repeat; width:65px;} #menu #topnav .devis span { background:url(../images/sprite-nav.png) -388px bottom no-repeat;} #menu #topnav .devis_active { background:url(../images/sprite-nav.png) -388px bottom no-repeat; width:65px;} #menu #topnav .devis_active span { background:url(../images/sprite-nav.png) -388px bottom no-repeat; width:65px;} #menu #topnav .devis:hover span { width:65px;} #menu #topnav .contact { background:url(../images/sprite-nav.png) -453px top no-repeat; width:81px;} #menu #topnav .contact span { background:url(../images/sprite-nav.png) -453px bottom no-repeat;} #menu #topnav .contact_active { background:url(../images/sprite-nav.png) -453px bottom no-repeat; width:81px;} #menu #topnav .contact_active span { background:url(../images/sprite-nav.png) -453px bottom no-repeat; width:81px;} #menu #topnav .contact:hover span { width:81px;} .navUser a, .navUser input, #menu span, #footer span, .imageFancy a span, .home-login span, #footer a, .formBtn, .blocHome a, .pageLeft a, .pageRight a, .blocHome a span, .pageRight span { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } /* MENU DEROULANT */ ul#topnav li .sub { position: absolute; top: 90px; left:0px; float:left; z-index:999; padding:5px 10px 10px 10px; display: none; background:#000; } ul#topnav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px;} ul#topnav li .sub ul { list-style:none; margin:0; padding:0; min-width:170px; float:left;} ul#topnav .sub ul li { width:100%; color:#fff; } ul#topnav .sub ul li a { text-indent:0px; float:none; color:#fff; line-height:31px; padding-left:7px; text-decoration:none; height:35px; margin-top:5px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; background:url(../images/bg-col-gauche.png) left top repeat; } ul#topnav .sub ul li a:hover { background:#ff8a00;} /* END MENU DEROULANT */ /* HOME */ .container { width:100%; background:url(../images/bg-container.png) left top repeat; margin:0; min-height:275px; clear:both; padding:0;} .blocHome { width:980px; background:url(../images/bg-blocHome.png) 318px center no-repeat; margin: 0 auto; min-height:275px; clear:both; padding:0;} .blocHome1, .blocHome2, .blocHome3 { float:left; line-height:22px;} .blocHome1 { width:260px; min-height:200px; margin:140px 0 140px 0; background:#fff;} .blocHome1-bg { width:260px; min-height:200px; margin:0; background:url(../images/bg-col-gauche.png) left top repeat; float:left; line-height:22px;} .blocHome2 { width:260px; min-height:200px; margin:0 80px 0 0;} .blocHome3 { width:260px; min-height:200px;} .blocHome1 h1 { width:260px; height:115px; background:url(../images/home-titre-bienvenue.png) left top no-repeat; text-indent:-3500px; display:block;} .blocHome2 h2 { width:260px; height:60px; background:url(../images/home-titre-actualite.png) left top no-repeat; text-indent:-3500px; display:block;} .blocHome3 h3 { width:260px; height:60px; background:url(../images/home-titre-espace.png) left top no-repeat; text-indent:-3500px; display:block;} .blocHome1 p { width:220px; margin:0 0 0 0; font-size:14px; line-height:26px; padding : 0 20px 0 20px;} .blocHome2 p { width:230px; margin:0 0 20px 0; background:url(../images/flag.png) left 6px no-repeat; padding-left:36px; line-height:20px;} .blocHome3 p { width:260px; margin:0 0 0 0;} .more { width:20px; height:20px; background:url(../images/more.png) left top no-repeat; text-indent:-3500px; display:block; margin:20px 10px 10px 0; float:right;} .more span { opacity:0; width:20px; height:20px; background:url(../images/more.png) -20px top no-repeat; text-indent:-3500px; display:block; cursor:pointer;} .more:hover span { opacity:1; } .moregal { width:259px; height:201px; background:url(../images/img-galerie.png) -1px top no-repeat; text-indent:-3500px; display:block; margin:20px 10px 10px 0; float:right;} .moregal span { opacity:0; width:260px; height:201px; background:url(../images/img-galerie.png) -260px top no-repeat; text-indent:-3500px; display:block; cursor:pointer;} .moregal:hover span { opacity:1; width:260px;} /* TITRE */ .titrePresentation { background:url(../images/titre-presentation.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreDevis { background:url(../images/titre-devis.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreServices { background:url(../images/titre-services.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreRealisations { background:url(../images/titre-realisations.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreContact { background:url(../images/titre-contact.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreTerrassement { background:url(../images/titre-terrassement.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreGros { background:url(../images/titre-gros.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreIsolation { background:url(../images/titre-isolation.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreToiture { background:url(../images/titre-toiture.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreTechniques { background:url(../images/titre-techniques.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreInterieurs { background:url(../images/titre-interieurs.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreBureaux { background:url(../images/titre-bureaux.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titreOssature { background:url(../images/titre-ossature.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titre1 { background:url(../images/titre1.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titre2 { background:url(../images/titre2.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titre3 { background:url(../images/titre3.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titre4 { background:url(../images/titre4.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titre5 { background:url(../images/titre5.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titre6 { background:url(../images/titre6.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titre7 { background:url(../images/titre7.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titre8 { background:url(../images/titre8.png) left top no-repeat; display:block; width:600px; height:33px; text-indent:-3500px; margin-top:20px; } .titrePage { background:url(../images/titre-pages.png) left top no-repeat; display:block; width:555px; height:40px; padding:20px 0 0 45px; font-size:14px; font-weight:normal; text-transform:uppercase; color:#45677c; font-family:Swis721 Cn BT, Verdana, Geneva, sans-serif;} .titrePageServices { background:url(../images/titre-page-services.png) left top no-repeat; display:block; width:260px; height:33px; text-indent:-3500px; margin-top:20px; } .titrePageRealisations { background:url(../images/titre-page-realisations.png) left top no-repeat; display:block; width:260px; height:33px; text-indent:-3500px; margin-top:20px; } .ulList2 { padding:0; margin-top:10px;} .ulList2 li { padding:2px 0 2px 25px; background:url(../images/li-bullet-2.png) left 10px no-repeat; line-height:24px; width:235px; border-bottom:1px solid #e9e9e9; } .ulList2 a { border:none; text-decoration:underline; color:#7f7f7f; outline:none; text-decoration:none;} .ulList2 a:hover { color:#eb7f00; text-decoration:underline;} /* PAGE */ .container2 { width:100%; background:url(../images/bg-container.png) left top repeat; margin:0; min-height:275px; clear:both; } .blocPage-bg { width:980px; margin:0 auto; background:url(../images/bg-col-gauche.png) left top repeat; line-height:22px;padding:70px 0 70px 0;} .blocPage { width:940px; background:#fff; margin: 0 auto; clear:both; padding:0 20px; display:block;} .pageLeft, .pageRight { float:left; line-height:20px} .pageLeft { width:600px; padding-bottom:20px; padding-right:39px; border-right:1px solid #e9e9e9;} .pageRight { width:260px; margin-left:40px;} /* LEFT */ .pageLeft p, .pageLeft img { margin-top:20px;} .pageLeft img { border:2px solid #cfcfcf; max-width:600px;} /* RIGHT */ .pageRight .home-agenda { margin-bottom:40px;} .pageRight .cont-lien {min-widht:500px; height:30px; display:block; float:right;} .pageRight .lien-home {color:#a8a8a8; text-decoration:none;} .pageRight .lien-home:hover {color:#fdc137; text-decoration:underline;} .pageRight .lien-page {color:#a8a8a8; text-decoration:none;} .pageRight .lien-page:hover {color:#fdc137; text-decoration:underline;} .pageRight .titre-page {color:#fdx137; text-decoration:underline;} .pageRight .titre-page:hover {color:#a8a8a8; text-decoration:underline;} /* FOOTER */ .footerColonne1, .footerColonne2, .footerColonne3, .footerColonne4, .footerColonne5 { float:left; color:#ff8a00; font-size:10px; line-height:20px; margin:0 0 0 0; padding-top:10px; display:block;} .footerColonne1 { width:195px; padding-left:20px; background:#0f0f0f; color:#fff; margin-right:40px; height:240px;} .footerColonne2 { width:136px; } .footerColonne3 { width:197px;} .footerColonne4 { width:262px;} .footerColonne5 { width:90px; padding:20px 20px 0 20px;} .footerColonne1 strong { width:150px; height:30px; background:url(../images/titre-footer.png) left top no-repeat; text-indent:-3500px; display:block; margin-top:10px;} .footerColonne2 a, .footerColonne3 a, .footerColonne4 a { color:#858585; text-decoration:none;} .footerColonne2 a:hover, .footerColonne3 a:hover, .footerColonne4 a:hover { color:#ff8a00;} .footerColonne2 ul li, .footerColonne3 ul li, .footerColonne4 ul li { background:url(../images/li-footer.png) left 8px no-repeat;line-height:22px; padding:0 0 0 20px;} .facebook { width:24px; height:24px; background:url(../images/social.png) left top no-repeat; text-indent:-3500px; display:block; float:left; margin-right:10px;} .facebook span { width:24px; height:24px; background:url(../images/social.png) left -24px no-repeat; text-indent:-3500px; display:block; opacity:0; -khtml-opacity:0; -moz-opacity:0; -ms-filter: "alpha(opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0)} .facebook:hover span { opacity:1; -khtml-opacity:1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100)} .google { width:24px; height:24px; background:url(../images/social.png) -24px top no-repeat; text-indent:-3500px; display:block; float:left;} .google span { width:24px; height:24px; background:url(../images/social.png) -24px -24px no-repeat; text-indent:-3500px; display:block; opacity:0; -khtml-opacity:0; -moz-opacity:0; -ms-filter: "alpha(opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0)} .google:hover span { opacity:1; -khtml-opacity:1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100)} /* CLASS */ .clear { clear:both;} .left { float:left;} .right { float:right;} .sousTitre { font-size:10px; font-weight:normal; color:#eb7f00; line-height:24px; text-transform:uppercase;} .sousTitre2 { font-size:11px; font-weight:normal; color:#45677c;} .sousTitreFooter { font-size: 11px; font-weight:bold;} .ulList { padding:0 0 0 15px;} .ulList li { padding:2px 0 2px 25px; background:url(../images/li-bullet-2.png) left 10px no-repeat; line-height:24px;} .ulList.left { margin-right:70px;} ul.right { padding:0 250px 0 100px;} .borderImage { border:3px solid #fff;} /*Mail alert page*/ .formError {background-color:#ffdfdf; color:#000000;} .formErrorHeader {background-color:#ffbfbf; color:#af4c4c; padding:5px 5px 5px 10px;} .formErrorHeaderOk {background-color:#bfffc5; color:#71bc4c; padding:5px 5px 5px 10px;} .formMessage {background-color:#c8ffbf; color:#000000; padding:5px 5px 5px 10px;} .formErrorMsg {padding:10px 10px 10px 5px} .formError ul { padding:0; margin:0;} .formError li { padding:0; margin:0; list-style:none;} .formError li { background:url(../images/form-error.png) left 1px no-repeat; padding:0 0 0 18px; line-height:20px;} a.formErrorLink {text-decoration:none; color:#000000; } a.formErrorLink:hover {color:#CC3300; text-decoration:none;} .formLabel { float:left; width:85px;} .formInput { float:left;} .formClear { clear:both;} .formInput { font-size:12px; width:431px; background:#fff; border:1px solid #c1c1c1; padding:8px 2px 8px 5px; height:16px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .formInputCourt { font-size:12px; width:80px; background:#fff; border:1px solid #c1c1c1; padding:8px 2px 8px 5px; height:16px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .formInputText { font-size:12px; width:431px; background:#fff; border:1px solid #c1c1c1; height:115px; background:#fff url(../images/requis.png) right top no-repeat; padding:8px 2px 8px 5px; height:16px; webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; min-height:100px;} .contactRight img {border:0px;} .formBtn { font-size:13px; font-weight:normal; color:#fff; background:#eb7f00; cursor:pointer; padding:6px 12px; border:none; width:600px; height:33px;} .formBtn:hover { background:#0e0e0e; color:#fff;} .requis { background:#fff url(../images/requis.png) right top no-repeat;padding:8px 2px 8px 5px; height:16px; line-height:16px; height:16px;} .code {width:260px;} .contactRight { width:600px; margin-top:20px; } .contactRight label { float:left; width:120px; font-size:12px; margin-left:40px;} .contactFormHeight { height:5px; overflow:hidden; border-bottom:1px solid #e9e9e9; margin:8px 0 8px 0;} .contactFormEnd { height:5px; overflow:hidden; border-bottom:1px dotted #666666; margin:8px 0 8px 0;} .formLeft { float:left; width:250px;} .espaceLeftCoordonnees1 { float:left; width:300px; border-right:1px dotted #e9e9e9; line-height:20px;} .espaceLeftCoordonnees2 { float:left; width:200px; padding:0 0 0 20px; line-height:20px;} .contactIconePhone { background:url(../images/icone-coordonnees-phone.png) left top no-repeat; padding:0 0 0 35px;} .contactIconeGsm { background:url(../images/icone-coordonnees-gsm.png) left top no-repeat; padding:0 0 0 35px;} .contactIconeMail { background:url(../images/icone-coordonnees-mail.png) left top no-repeat; padding:0 0 0 35px;} .contactIconeFax { background:url(../images/icone-coordonnees-fax.png) left top no-repeat; padding:0 0 0 35px;} .contactRight p {margin-bottom:0px;} /*End of Mail alert page*/ /* GALERIE / REALISATIONS */ .blocPix { width:584px; height:95px; background:url(../images/bg-blocPix.png) left top no-repeat; margin:5px 0 0 5px; } .imageFancy img { width:190px; height:150px; margin:1px; padding:0px; border: 1px solid #100e0c;} .imageFancy a { display:block; overflow:hidden; cursor:pointer; position:relative; float: left; } .imageFancy a.last { margin:0px;} .imageFancy a span { background: url(../images/details.png) left 150px no-repeat; display:block; width:190px; height:150px; position: absolute; left:2px; top:2px; z-index:1000; opacity:0; -khtml-opacity:0; -moz-opacity:0; -ms-filter: "alpha(opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0); cursor:pointer; } .imageFancy a:hover span { opacity:1; -khtml-opacity:1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); cursor:pointer; background: url(../images/details.png) left 110px no-repeat;} #fancybox-wrap span { -moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;} /* Actualites */ .pageLeft .actualites { margin:0 0 30px 0; border-bottom:1px dotted #666666; width:600px; float:left; color:#dc3b37; padding-bottom:30px;} .pageLeft .actualites .photo img { border:none; padding-left:0px; width:120px; height:120px;} .pageLeft .actualites .photo { float:left; position:relative; width:120px; height:120px; overflow:hidden; margin-right:20px;} .pageLeft .actualites .texte { float:left; width:460px;} .pageLeft .actualites .titreNews { font-size:15px; margin-bottom:12px; text-decoration:underline;} .pageLeft .actualites .dateNews { margin-bottom:10px; color:#747474;} .pageLeft .actualites .txtNews { color:#4b4b4b; margin-bottom:20px; padding-left:0px;} .titreNews { color:#dc3b37; text-decoration:underline; font-size:12px;} .pageLeft .actualites a span.details { background: url(../images/details.png) left bottom; display:block; width:120px; height:120px; position: absolute; left: 0px; top: 0px; opacity:0; -khtml-opacity:0; -moz-opacity:0; -ms-filter: "alpha(opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0); -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; z-index:1000; cursor:pointer; } .pageLeft .actualites a:hover span.details { opacity:1; -khtml-opacity:1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100);} /* TOOLS opacity:0.3; -khtml-opacity:0.3; -moz-opacity:0.3; -ms-filter: "alpha(opacity=30)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter:alpha(opacity=30); */ #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;} #supersized { display:block; position:absolute; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:fixed; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }