/* 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 { color:#636363; font:normal 14px/20px swiss; background:url(../images/bckgrd-body.png) 0 0 repeat;} a { border:none; text-decoration:none; color:#c85940; outline:none;} a:hover { color:#8f2810;} img { border:none;} /* IMPORT FONTS */ @font-face { font-family: 'swiss'; src: url('../fonts/swz721c.eot'); src: url('../fonts/swz721c.eot') format('embedded-opentype'), url('../fonts/swz721c.woff') format('woff'), url('../fonts/swz721c.ttf') format('truetype'), url('../fonts/swz721c.svg#fbc') format('svg'); } @font-face { font-family: 'swissB'; src: url('../fonts/swz721kc.eot'); src: url('../fonts/swz721kc.eot') format('embedded-opentype'), url('../fonts/swz721kc.woff') format('woff'), url('../fonts/swz721kc.ttf') format('truetype'), url('../fonts/swz721kc.svg#fbc') format('svg'); } /* TRANSITION */ .menu a, .menu a span, .tow span, .footerMap a, .socialMail, .socialFB, .socialGoogle, .headerLogo strong, .animationBlocText a, a.introHome, .aService1, .aService2, .aService3, .aService4, .aService5, .aService1 span, .aService2 span, .aService3 span, .aService4 span, .aService5 span, .footerColonne4 a, .footerSitemap, .rightSeparation a, .aLien, a:after, a:before { -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;} /* WRAPPER */ #wrapper { position:relative; min-width:1200px;} .headerTopW { width:100%; background:url(../images/bckgrd-header-menu.png) center top no-repeat; height:100px; display:block;} .containerIntroW { width:100%; background:url(../images/bckgrd-home-intro.png) 0 bottom repeat-x; padding:48px 0; color:#414860;} .containerW { width:100%; padding:45px 0 80px 0; background:#fff;} .containerWRealisations { color:#fff; background:#0c659e; width:100%; text-transform:uppercase;} .container { width:1200px; margin:0 auto; position:relative;} /* HEADER LOGO CONTACT INTRO LIEN */ .headerLogo { float:left; width:146px; box-sizing:border-box;} .headerLogo strong { display:block; width:146px; height:100px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-9900px; opacity:1;} .headerLogo strong:hover { opacity:0.4;} .headerMenu { float:left; width:930px; box-sizing:border-box; padding:34px 0 0 19px;} .headerSocial { float:left; width:124px; box-sizing:border-box; padding:36px 0 0 0;} .socialMail { width:28px; height:28px; border-radius:28px; background:url(../images/social-mail.png) 0 0 no-repeat #fff; text-indent:-9900px; display:block; cursor:pointer; float:left; margin:0 5px 0 0; border:1px solid #e7e7e7; text-indent:-9900px;} .socialMail:hover { border-radius:5px;} .socialFB { width:28px; height:28px; border-radius:28px; background:url(../images/social-fb.png) 0 0 no-repeat #fff; text-indent:-9900px; display:block; cursor:pointer; float:left; margin:0 5px 0 0; border:1px solid #e7e7e7; text-indent:-9900px;} .socialFB:hover { border-radius:5px;} .socialGoogle { width:28px; height:28px; border-radius:28px; background:url(../images/social-google.png) 0 0 no-repeat #fff; text-indent:-9900px; display:block; cursor:pointer; float:left; border:1px solid #e7e7e7; text-indent:-9900px; } .socialGoogle:hover { border-radius:5px;} /* HOME ANIMATION */ .animationW { width:100%; position:relative; z-index:10; background:#fff;} #slider { width:100% !important; height:454px !important; position:relative; overflow:hidden;} #slider .banner { width:100% !important; height:100% !important; position:relative;} #sliderPage { width:100% !important; height:350px !important; position:relative; overflow:hidden;} #sliderPage .banner { width:100% !important; height:100% !important; position:relative;} .animationPontille { width:100%; height:100%; background:url(../images/animation-pointille.png) 0 0 repeat; position:absolute; left:0; top:0; z-index:50;} #bulletAnimation { position:absolute; z-index:999; top:330px; right:25px;} #bulletAnimation div { display:block;} .bulletAnimation { background:url(../images/bullet-off.png) 0 0 no-repeat; width:8px; height:8px; display:block; margin:20px 0;} .activeSlide .bulletAnimation, .bulletAnimation:hover { background:url(../images/bullet-on.png) 0 0 no-repeat; width:8px; height:8px; display:block;} .bckgrd1 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #000 url('../images/animation-1.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; z-index:10;} .bckgrd2 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #000 url('../images/animation-2.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; z-index:10;} .bckgrd3 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #000 url('../images/animation-3.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; z-index:10;} .bckgrd4 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #000 url('../images/animation-4.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; z-index:10;} .bckgrd5 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #000 url('../images/animation-5.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; z-index:10;} .animationBlocBleu { box-sizing:border-box; height:454px; width:400px; margin:0 0 0 800px; background:#0c659e; display:block; z-index:65; position:relative;} .animationBlocText { box-sizing:border-box; height:454px; width:320px; margin:0 0 0 840px; display:block; z-index:75; text-align:center; color:#fff; position:relative;} .animationBlocText strong { font-weight:normal; text-transform:uppercase; font:normal 24px swiss;} .animationBlocText p { font:normal 14px/24px swiss; padding:25px 0 25px 0;} .animationBlocText a { border:1px solid #fff; background:none; display:inline-block; text-transform:uppercase; font:normal 13px swiss; color:#fff; padding:7px} .animationBlocText a:hover { background:#8f2810;} #sliderPage a { margin:15px 0 0 0;} #next { width:14px; height:22px; background:url(../images/arrow-left.png) 0 0 no-repeat; display:block; cursor:pointer; position:absolute; z-index:800; top:98px; left:850px;} #prev { width:14px; height:22px; background:url(../images/arrow-right.png) 0 0 no-repeat; display:block; cursor:pointer; position:absolute; z-index:800; top:98px; right:55px;} /* HOME */ .titreHome {font:normal 18px swiss; color:#414860; padding:0 0 30px 0; text-transform:uppercase;} .titreHome strong {font:normal 18px swissB; color:#0c659e;} .titreHome span { display:inline-block; position:relative; padding: 0 50px;} .titreHome span:before { content: " "; position: absolute; left:0; top: 0; background:url(../images/titre-gauche.png) left 1px no-repeat; display: block; height:15px; width:32px; } .titreHome span:after { content: " "; position: absolute; right:0; top: 0; background:url(../images/titre-droit.png) right 1px no-repeat; display: block; height:15px; width:32px; } a.introHome { border:1px solid #0c659e; background:#fff; display:inline-block; text-transform:uppercase; font:normal 13px swiss; color:#0c659e; padding:7px; margin:25px 0 0 0;} a.introHome:hover { background:#0c659e; color:#fff; border:1px solid #fff;} .titreHomeServices {font:normal 14px/24px swiss; color:#414860; padding:0 0 50px 0; text-transform:uppercase;} .titreHomeServices strong {font:normal 18px swissB; color:#0c659e;} .titreHomeServices span { display:inline-block; position:relative; padding: 0 175px;} .titreHomeServices span:before { content: " "; position: absolute; left:0; top: 0; background:url(../images/titre-services-gauche.png) left 1px no-repeat; display: block; height:15px; width:154px; } .titreHomeServices span:after { content: " "; position: absolute; right:0; top: 0; background:url(../images/titre-services-droit.png) right 1px no-repeat; display: block; height:15px; width:154px; } .aService1 { width:240px; box-sizing:border-box; float:left; display:block; border-right:1px solid #d9dadf; font:normal 14px swiss; color:#414860; text-transform:uppercase; padding:150px 0 0 0; background:url(../images/a-services-1.png) center top no-repeat;} .aService2 { width:240px; box-sizing:border-box; float:left; display:block; border-right:1px solid #d9dadf; font:normal 14px swiss; color:#414860; text-transform:uppercase; padding:150px 0 0 0; background:url(../images/a-services-2.png) center top no-repeat;} .aService3 { width:240px; box-sizing:border-box; float:left; display:block; border-right:1px solid #d9dadf; font:normal 14px swiss; color:#414860; text-transform:uppercase; padding:150px 0 0 0; background:url(../images/a-services-3.png) center top no-repeat;} .aService4 { width:240px; box-sizing:border-box; float:left; display:block; border-right:1px solid #d9dadf; font:normal 14px swiss; color:#414860; text-transform:uppercase; padding:150px 0 0 0; background:url(../images/a-services-4.png) center top no-repeat;} .aService5 { width:240px; box-sizing:border-box; float:left; display:block; font:normal 14px swiss; color:#414860; text-transform:uppercase; padding:150px 0 0 0; background:url(../images/a-services-5.png) center top no-repeat;} .aService1:hover, .aService2:hover, .aService3:hover, .aService4:hover, .aService5:hover { color:#c85940;} .aService1 span, .aService2 span, .aService3 span, .aService4 span, .aService5 span { background:url(../images/a-services.png) 0 0 no-repeat; width:18px; height:18px; display:block; margin:15px 0 0 0;} .aService1:hover span, .aService2:hover span, .aService3:hover span, .aService4:hover span, .aService5:hover span { margin:5px 0 0 0;} .containerWRealisations p { color:#fff; font:normal 18px/48px swiss; height:48px; text-align:center;} .containerWRealisations p strong {font:swissB; font-weight:normal;} .blocHomeRealisations1 { width:20%; height:185px; background: #000 url('../images/bckgrd-home-realisations-1.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; float:left; box-sizing:border-box;} .blocHomeRealisations2 { width:20%; height:185px; background: #000 url('../images/bckgrd-home-realisations-2.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; float:left; box-sizing:border-box;} .blocHomeRealisations3 { width:20%; height:185px; background: #000 url('../images/bckgrd-home-realisations-3.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; float:left; box-sizing:border-box;} .blocHomeRealisations4 { width:20%; height:185px; background: #000 url('../images/bckgrd-home-realisations-4.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; float:left; box-sizing:border-box;} .blocHomeRealisations5 { width:20%; height:185px; background: #000 url('../images/bckgrd-home-realisations-5.jpg') center center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-color: transparent; float:left; box-sizing:border-box;} /* MENU */ .menu { display:inline-block; height:32px; margin:0;} .menu>li { position:relative; float:left; box-sizing:border-box; margin:0 10px 0 0; display:block; height:32px; } .menu>li>a { font:normal 13px/32px swiss; display:inline-block; position:relative; overflow:hidden; color:#414860; text-transform:uppercase; padding:0 10px 0 10px;height:32px; box-sizing:border-box; font-weight:normal; border:1px solid #cbcbcb; background:#fff; border-radius:5px; } .menu>li:hover>a, .menu>li>a.active { color:#c85940; border:1px solid #c85940; border-radius:0;} .sub { width:200px; padding:10px 0 10px 0; position:absolute; overflow:hidden; z-index:950; background:#c85940; margin:-1px 0 0 0; border:5px solid #c85940;} .sub li { width:100%; height:30px; line-height:30px; display:block; margin:0; padding:0; float:none; text-align:left } .sub li a { color:#fff !important; font:normal 13px/32px swiss; padding:0;} .sub li:hover a, .sub li a.current { color:#fff !important; width:100%; -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;} .sub { z-index:999; display:none;} .sub li a { background:#c85940; display:inline-block; width:100%; padding-left:5px;} .sub li a:hover, .sub li:hover a, .sub li a.current { background:#8f2810; display:inline-block; width:100%; padding-left:10px;} /* PAGE */ .pageLeft { width:880px; padding:0 80px 0 0; float:left;} .titrePage {font:normal 18px swissB; color:#0c659e; background:url(../images/titre-gauche.png) left 1px no-repeat; padding:0 0 0 40px; margin:0 0 45px 0; text-transform:uppercase;} .titrePage span { color:#c85940;} .pageLeft { line-height:20px;} .pageLeft h1 {font:normal 17px swiss; color:#0c659e; text-transform:uppercase; padding:0 0 30px 0; text-transform:uppercase;} .pageLeft h2, .sousTitre {font:normal 16px swiss; color:#0c659e; padding:0 0 30px 0;} .pageLeft p { padding:0 0 30px 0;} .pageLeft strong { font-weight:normal; color:#000;} .photoW { width:100%;} .pageLeft ul { padding:0 0 25px 0; margin:0; } .pageLeft ul li { background:url(../images/li-bullet.png) 0 10px no-repeat; padding:0 0 0 20px; line-height:40px; min-height:40px; border-bottom:1px dotted #d9dadf;} .pageLeft .ul3 { padding:0 0 25px 0; margin:0 15px 0 0; float:left; width:30%; } .pageLeft .ul3 li { background:url(../images/li-bullet.png) 0 10px no-repeat; padding:0 0 0 20px; line-height:40px; min-height:40px; border-bottom:1px dotted #d9dadf;} .pageLeft .ul2 { padding:0 0 25px 0; margin:0 15px 0 0; float:left; width:45%; } .pageLeft .ul2 li { background:url(../images/li-bullet.png) 0 10px no-repeat; padding:0 0 0 20px; line-height:40px; min-height:40px; border-bottom:1px dotted #d9dadf;} .aLien {border:1px solid #0c659e; background:#fff; display:inline-block; text-transform:none; font:normal 13px swiss; color:#0c659e; padding:7px; } .aLien:hover { background:#0c659e; color:#fff; border:1px solid #fff;} .pageServicesLeft { float:left; width:150px;} .pageServicesRight { float:left; width:730px;} .pageServicesSeparation { clear:both; border-bottom:1px dotted #d9dadf; margin:0 0 15px 0;} .pageRight { width:240px; float:left;} .rightSeparation { background:url(../images/right-separation.png) center top no-repeat; width:240px; display:block; padding:55px 0 0 0; margin:45px 0 0 0;} .rightSeparation p {font:normal 14px/24px swiss; color:#414860; text-transform:uppercase; padding:0 0 15px 0;} .rightSeparation p strong {font:normal 18px swissB; color:#0c659e; font-weight:normal; text-transform:uppercase;} .rightSeparation a { border:1px solid #0c659e; background:#fff; display:inline-block; text-transform:uppercase; font:normal 13px swiss; color:#0c659e; padding:7px; margin:25px 0 0 0;} .rightSeparation a:hover { background:#0c659e; color:#fff; border:1px solid #fff;} .titreRight {font:normal 14px/24px swiss; color:#414860; padding:0 0 20px 0; text-transform:uppercase;} .titreRight strong {font:normal 18px swissB; color:#0c659e;} .titreRight span { display:inline-block; position:relative; padding: 0 45px;} .titreRight span:before { content: " "; position: absolute; left:0; top: 0; background:url(../images/titre-right-services.png) left 0 no-repeat; display: block; height:15px; width:34px; } .titreRight span:after { content: " "; position: absolute; right:0; top: 0; background:url(../images/titre-right-services.png) right 0 no-repeat; display: block; height:15px; width:34px; } #bulletAnimationRight { margin:10px auto 0 auto; width:110px;} .bulletAnimationRight { background:url(../images/bullet-off.png) 0 0 no-repeat; width:16px; height:16px; margin:0 2px; display:block; float:left;} .activeSlide .bulletAnimationRight { background:url(../images/bullet-on.png) 0 0 no-repeat; width:16px; height:16px; display:block;} .picsRight .aService1, .picsRight .aService2, .picsRight .aService3, .picsRight .aService4 { border:none;} /* ACTUALITES */ .cont-actualite { clear:both; border-bottom:1px dotted #d9dadf; padding:0 0 25px 0; margin:0 0 25px 0; } .actualite-left { float:left; width:160px;} .actualite-right { float:left; width:720px;} .titre-actu {font:normal 16px swiss; color:#0c659e;} .date-actu {font:normal 13px swiss; color:#a6a6a6; margin:0 0 15px 0;} .galerie a { display:inline-block; float:left; margin:5px; position:relative; overflow:hidden;} .galerie a:before { display:block; width:140px; height:140px; font:normal 12px/142px swiss; text-transform:uppercase; position:absolute; left:50%; top:50%; content:"Agrandir"; margin:-70px 0 0 -70px; letter-spacing:.3px; background:rgba(0,0,0,.6); color:#fff; border-radius:140px; transform:scale(0); opacity:0; text-align:center;} .galerie a:hover:before { border-radius:3px; transform:scale(1); opacity:1;} /* GALERIE PHOTOS */ .galerieRealisations .blocPhoto { float:left; margin:15px; text-align:center; } .galerieRealisations a { display:inline-block; position:relative; overflow:hidden; margin:10px 0 0 0;} .galerieRealisations a:before { display:block; width:140px; height:140px; font:normal 12px/142px swiss; text-transform:uppercase; position:absolute; left:50%; top:50%; content:"Voir la galerie"; margin:-70px 0 0 -70px; letter-spacing:.3px; background:rgba(0,0,0,.6); color:#fff; border-radius:140px; transform:scale(0); opacity:0; text-align:center;} .galerieRealisations a:hover:before { border-radius:3px; transform:scale(1); opacity:1;} .clearRealisations { clear:both; border-bottom:1px dotted #d9dadf; padding:0 0 25px 0; margin:0 0 25px 0;} /* VIDEOS */ .blocVideo { width:33.33%; box-sizing:border-box; padding:10px; float:left; } .blocVideo iframe { width:100%; margin:0 0 15px 0;} /* CONTACT */ form { border-top:1px dotted #d9dadf; padding:25px 0 0 0; } .contactBloc { float:left; width:50%; text-align:center; display:block; margin:0 0 35px 0; } .contactBloc p { padding:50px 0 0 0; background:url(../images/footer-map.png) center top no-repeat;} .contactBloc .aLien { margin:15px 0 0 0;} .contactBlocPhone {font:normal 18px news; color:#333; padding:55px 0 0 0; background:url(../images/contact-phone.png) center top no-repeat;} .contactBlocMobile {font:normal 18px news; color:#333; padding:55px 0 0 0; background:url(../images/contact-mobile.png) center top no-repeat;} .contactBlocMail {font:normal 18px news; color:#333; padding:55px 0 0 0; background:url(../images/contact-mail.png) center top no-repeat;} .contactBlocPhone span, .contactBlocMobile span, .contactBlocMail span { font-size:14px;} .formContact .even, .formContact .odd { width:50%; float:left; box-sizing:border-box;} .formContact .odd { padding-right:10px;} .formContact .even { padding-left:10px;} .formContact .demande { width:100%; padding:0;} .formContact .demandeInfo { width:100%; padding:10px; background:#164b6a;font-size:15px;font-family:fbc; color:#fff;} .formContact .demandeInfo strong { font-weight:normal;font-family:swiss;} .formContact .blocCaptcha { border:1px solid #c1c1c1; display:block;} .formContact .formErrorHeaderOk { background-color:#91d344; color:#fff; text-align:center; height:38px; line-height:38px; width:100%; margin: 0 0 10px 0; border-radius:3px; font-weight:normal;} .formContact .formErrorHeader { background-color:#c13721; color:#fff; text-align:center; height:38px; line-height:38px; width:100%; margin: 0 0 10px 0; border-radius:3px; font-weight:normal;} .formContact label { width:100%; height:30px; line-height:40px; display:block; color:#404040; font-size:14px;font-family:swiss; font-weight:normal;} .input { font-size:13px; width:100%; background:#fff; border:1px solid #c1c1c1; padding:12px; float:left; margin:0; box-sizing:border-box;font-family:swiss;} .inputCaptcha { font-size:13px; width:150px; background:#fff; padding:12px; float:left; margin:0; box-sizing:border-box;font-family:swiss; border:none;} .formContact textarea { font-size:13px; width:100%; max-width:100%; min-height:120px; border:1px solid #c1c1c1; padding:12px; margin:0; box-sizing:border-box; margin:0 0 0 0;font-family:swiss;} .formContact .captcha { margin:20px 0 0 0;} .formContact .captcha img { float:left; margin:0 0 0 0; width:175px; border:0;} a.refresh { padding:10px 12px 7px 12px; font-size:15px;font-family:swiss; float:left; margin:5px 0 0 10px; color:#fff; text-decoration:none; -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; background:#414860; border-radius: 5px; line-height:30px;} a.refresh:hover { background:#c85940; color:#fff; -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; border-radius:0;} .formBtn { font-size:15px;font-family:swiss; font-weight:normal; display:block; border:0; cursor:pointer; margin:0 0 20px 0; -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; background:#414860; border-radius: 5px; color:#fff;padding:10px 12px 7px 12px; line-height:30px;} .formBtn:hover { background:#c85940; color:#fff; -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; border-radius:0;} .formContact .border { border:1px solid #c13721;} .captchaBox .formInput { float:left; width:200px; border-left:1px dotted #c1c1c1; border-bottom:none; border-right:none; border-top:none; margin:3px 0 0 0;} #captcha { float:left;} .contactC { float:left !important; } .contactS { float:left !important; margin:5px 0 0 10px;} .formInputSelect { padding:10px; width:100%; border:1px solid #c1c1c1;} /* FOOTER */ .footerColonne1 { padding:40px 0; float:left; color:#fff; width:157px; font-size:13px;} .footerColonne1 strong { display:block; width:100px; height:68px; background:url(../images/logo-footer.png) 0 0 no-repeat; text-indent:-9900px;} .footerColonne2 { padding:40px 0; float:left; color:#fff; text-align:center; width:198px; font-size:13px;} .footerColonne2 strong { font-weight:normal; text-transform:uppercase;} .footerColonne2 p { padding:50px 0 0 0; background:url(../images/footer-map.png) center top no-repeat;} .footerColonne3 { padding:40px 0; float:left; color:#fff; text-align:center; width:340px; font-size:13px;} .footerColonne3 strong { font-weight:normal; text-transform:uppercase;} .footerColonne3 p { padding:50px 0 0 0; background:url(../images/footer-map.png) center top no-repeat;} .footerColonne4 { padding:40px 0; float:left; color:#fff; text-align:center; width:210px; font-size:13px;} .footerColonne4 strong, .footerColonne4 a { font-weight:normal; text-transform:uppercase; color:#fff;} .footerColonne4 a:hover { color:#c85940;} .footerColonne4 p { padding:50px 0 0 0; background:url(../images/footer-map.png) center top no-repeat;} .footerColonne5 { padding:40px 0; float:left; color:#fff; width:295px;} .tow { background:url(../images/tow.png) 0 0 no-repeat; display:inline-block; height:30px; width:98px; text-indent:-9900px; float:left;} .tow span { width:0px; height:2px; background:#c85940; display:block; margin:18px 0 0 0;} .tow:hover span { width:98px; height:2px; background:#c85940; display:block; margin:18px 0 0 0;} .footerSitemap { width:32px; height:32px; border-radius:32px; background:url(../images/footer-picto-sitemap.png) 0 0 no-repeat #c85940; text-indent:-9900px; display:block; cursor:pointer; float:left; margin:0 10px 0 130px; border-radius:32px;} .footerSitemap:hover { border-radius:5px;} .footerMap { text-align:center; padding:15px;} .footerMap a { margin:0 5px; font-size:12px; color:#fff;} .footerMap a:hover { color:#c85940;} /* CLASS */ .left { float:left;} .right { float:right;} .clear { clear:both;}