/* 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:#2c2c2c; font-family:Arial, Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; background:url(../images/bckgrd-body.png) 0 0 repeat;} a { border:none; text-decoration:none; color:#c02026; outline:none;} a:hover { color:#c02026;} img { border:none;} iframe { margin:0 0 25px 0;} h1 { font-weight:normal;} /* IMPORT FONTS */ @font-face { font-family: 'fbc'; src: url('../fonts/fbc.eot'); src: url('../fonts/fbc.eot') format('embedded-opentype'), url('../fonts/fbc.woff2') format('woff2'), url('../fonts/fbc.woff') format('woff'), url('../fonts/fbc.ttf') format('truetype'), url('../fonts/fbc.svg#fbc') format('svg'); } @font-face { font-family: 'fmc'; src: url('../fonts/fmc.eot'); src: url('../fonts/fmc.eot') format('embedded-opentype'), url('../fonts/fmc.woff2') format('woff2'), url('../fonts/fmc.woff') format('woff'), url('../fonts/fmc.ttf') format('truetype'), url('../fonts/fmc.svg#fmc') format('svg'); } /* TRANSITION */ .headerIntro a, .bulletAnimation, .menu a, .menu a span, .footerSitemap, .tow span, .slick-prev, .slick-next, .sliderBien img, .sliderType, .sliderGroupePrixAdresseInfo, .sliderGroupePrixAdresseInfo a, .pageRight, .pageLeft, .pagination a, .headerLogoW, .menuMobile a, .bp, .socialFB span, .socialGoogle span, .link-r { -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 { /*min-width:1200px;*/ position:relative;} .headerLogoW { width:100%; background:url(../images/bckgrd-oblique.png) 0 0 repeat; height:140px; box-sizing:border-box;} .headerMenuW { width:100%; background:url(../images/bckgrd-menu.png) 0 0 repeat-x; position:absolute; z-index:895; min-height:56px; } .headerAnimationW { width:100%; border-bottom:20px solid #c02026; height:425px;} .headerAnimationWPage { width:100%; border-bottom:20px solid #c02026; height:380px; overflow:hidden;} .containerW { width:100%; background:#fff; padding:0 0 60px 0;} .containerBlocW { width:100%; background:url(../images/bckgrd-oblique.png) 0 0 repeat;} .containerHoraireW { width:100%; min-height:35px; color:#fff; background:#c02026; text-align:center;} .container { max-width:1200px; margin:0 auto; position:relative;} /* HEADER LOGO CONTACT */ .headerLeft { width:30%; min-width:255px; float:left; display:block;} .logo { width:217px; height:64px; background:url(../images/logo-100.png) 0 0 no-repeat; margin:38px 0 0 34px; display:block; text-indent:-9900px;} .headerRight { width:70%; float:left; display:inline-block; padding:55px 0 0 0;} .headerMail { min-height:33px; background:url(../images/header-picto-mail.png) left top no-repeat; padding:0 45px 0 40px; color:#858585; font:normal 14px/18px fmc; display:inline-block;} .headerMail span { text-transform:uppercase; color:#c02026; font:normal 15px fmc;} .headerPhone { min-height:33px; background:url(../images/header-picto-phone.png) left top no-repeat; padding:0 45px 0 40px; color:#858585; font:normal 14px/18px fmc; display:inline-block;} .headerPhone span { text-transform:uppercase; color:#c02026; font:normal 15px fmc;} .headerMap { min-height:33px; background:url(../images/header-picto-map.png) left top no-repeat; padding:0 45px 0 40px; color:#858585; font:normal 14px/18px fmc; display:inline-block;} .headerMap span { text-transform:uppercase; color:#c02026; font:normal 15px fmc;} .headerIntro { font:normal 25px/28px fmc; color:#fff; text-transform:uppercase; text-shadow: 1px 1px #161616; font-weight:normal; position:absolute; z-index:775; width:600px; left:50%; margin-left:-300px; top:300px; } .headerIntro strong { font:normal 35px/38px fbc; color:#fff; text-transform:uppercase; text-shadow: 1px 1px #161616; font-weight:normal; } .headerIntro a, .link-r { color:#fff; font:normal 16px/35px fmc; text-transform:uppercase; text-shadow:none; font-weight:normal; background:#c02026; border:1px solid #fff; border-radius:360px; padding:0 25px; margin:25px 0 0 0; display:inline-block; } .headerIntro a:hover, .link-r:hover { border-radius:5px; background:#03558b; color: #fff;} .headerAnimationWPage .headerIntro { top:255px;} .footerMap { color:#fff; text-align:center;font:normal 14px/16px fmc; padding:0 0 15px 0;} .footerMap a { color:#fff;} .headerIntroMobile { display:none; font:normal 25px/28px fmc; color:#fff; text-transform:uppercase; text-shadow: 1px 1px #161616; font-weight:normal; position:absolute; z-index:775; width:100%; top:150px;} .headerIntroMobile strong, .headerIntroMobile a { font:normal 35px/38px fbc; color:#fff; text-transform:uppercase; text-shadow: 1px 1px #161616; font-weight:normal; } /* MENU */ .menu { display:inline-block; height:56px;} .menu>li { position:relative; float:left; box-sizing:border-box; margin:0 0 0 10px; display:block; height:56px} .menu>li>a { font:normal 16px fmc; display:inline-block; position:relative; overflow:hidden; color:#fff; text-transform:uppercase; padding:10px 10px 0 10px;height:56px; box-sizing:border-box; } .menu>li>a span { width:100%; height:12px; display:block; position:relative; background:url(../images/aspan.png) center -10px no-repeat;} .menu>li:hover>a, .menu>li>a.active { color:#fff; background:#c02026;} .menu>li:hover>a span, .menu>li>a.active span { color:#fff;width:100%; background:url(../images/aspan.png) center 0 no-repeat;} .sub { width:180px; padding: 10px 0 10px 0; position:absolute; overflow:hidden; z-index:950; background:#c02026; margin:0; border:5px solid #fbc4c6;} .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 16px/30px fmc; 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:#c02026; display:inline-block; width:100%; padding-left:5px;} .sub li a:hover, .sub li:hover a, .sub li a.current { background:#921419; display:inline-block; width:100%; padding-left:10px;} .headerMenuMobile {position: absolute;top: 0px;display: block;width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px;z-index: 890;display: none;} .headerMenuMobile button {position: absolute;float: left;display: block;width: 40px;height: 40px;border: none;cursor: pointer;margin: 10px 10px 0px 10px;} .menuMobile { width:100%; display:inline-block; background:#03558b; top:75px; position:relative;z-index: 10000; opacity:0.9;} .menuMobile a {display: block;text-transform: uppercase;font:normal 16px fbc;width: 100%;text-align: center; color:#FFFFFF;padding: 1em; box-sizing:border-box;} .menuMobile a:hover { background:#000;} .headerMenuMobile button { position: absolute;float: left;display: block;width: 40px;height: 40px;border: none;cursor: pointer;margin: 10px 10px 0px 10px; z-index:999; outline:none;} .headerMenuMobile button { background: transparent url('../images/nav-icon.png') center center no-repeat; border:2px solid #c02026; padding:2px; box-sizing:border-box;} /* BACKGROUND ANIMATION SLIDE PAGE */ #slider { width:100% !important; height:425px !important; position:relative; overflow:hidden;} .headerAnimationWPage #slider {height:380px !important;} #slider .banner { width:100% !important; height:100% !important; position:relative;} .animationPontille { width:100%; height:100%; background:url(../images/bckgrd-animation.png) 0 0 repeat; position:absolute; left:0; top:0; z-index:50;} #bulletAnimation { position:absolute; z-index:750; top:500px; left:50%; margin-left:-50px;} .headerAnimationWPage #bulletAnimation { top:450px;} #bulletAnimation div { display:inline-block; margin:0 4px;} .bulletAnimation { background:url(../images/bullet.png) 0 0 no-repeat; width:16px; height:16px; opacity:0.4; display:block;} .activeSlide .bulletAnimation, .bulletAnimation:hover { background:url(../images/bullet.png) 0 0 no-repeat; width:16px; height:16px; opacity:1; display:block;} .bckgrd1 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #000 url('../images/animation-1-100.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-100.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-100.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-100.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;} /* HOME */ .homeTitre {font:normal 22px fbc; color:#fff; text-transform:uppercase; font-weight:normal; color:#0a4065; background:url(../images/bckgrd-home-titre.png) left top no-repeat; padding:32px 0 0 48px; display:inline-block; margin:44px 0;} .homeTitre strong { font-weight:normal; color:#c02026;} .homeBloc3 { width:33%; box-sizing:border-box;font:normal 16px/18px fmc; padding:25px 60px; display:block; float:left;} .homeBloc3 strong {font:normal 20 fmc; text-transform:uppercase; font-weight:normal; color:#c02026;} .homePicto1 { min-height:90px; background:url(../images/home-picto-1.png) 0 0 no-repeat; margin-left:-45px; padding:10px 0 0 70px; box-sizing:border-box;} .homePicto2 { min-height:90px; background:url(../images/home-picto-2.png) 0 0 no-repeat; margin-left:-45px; padding:10px 0 0 70px; box-sizing:border-box;} .homePicto3 { min-height:90px; background:url(../images/home-picto-3.png) 0 0 no-repeat; margin-left:-45px; padding:10px 0 0 70px; box-sizing:border-box;} .containerTxtIntro { color:#fff;font:normal 16px/18px fmc; box-sizing:border-box; padding:20px 40px; text-align:center; background:#011a2c; border-bottom:1px solid #fff;} span.introPicto { background:url(../images/home-picto-1.png) center top no-repeat; width:60px; height:60px; display:block; margin:0 auto;} /*.containerTxtIntro a { font:normal 16px/18px fbc;}*/ /* SEARCH */ .homeSearch {font:normal 22px fbc; color:#fff; text-transform:uppercase; font-weight:normal; color:#0a4065; background:url(../images/home-picto-search.png) left top no-repeat; padding:20px 0 0 70px; display:inline-block; min-height:68px; margin:65px 0 15px 0;} .homeSearch strong { font-weight:normal; color:#c02026;} .homeSearch span { width:100%; background:url(../images/souligne-titre-search-bien.png) 0 0 no-repeat; height:5px; display:block; margin:10px 0 0 0;} .blocSearch { max-width:1075px; min-height:76px; display:block; border-radius:2px; background:url(../images/bckgrd-search.png) 0 0 repeat; box-sizing:border-box; padding:23px 0 0 20px;} .blocSearchColonne1 { float:left; padding:0 8px;} .blocSearchColonne2 { float:left; padding:0 8px;} .blocSearchColonne3 { float:left; padding:0 8px;} .blocSearchColonne4 { float:left; padding:0 8px;} .blocSearchColonne5 { float:left; padding:0 8px;} .styledSelect1 select { background: transparent;-webkit-appearance: none;width: 160px; height: 30px; border:none;color:#8d8d8d; font-size:11px; cursor:pointer; } .styledSelect1 { height: 30px; overflow: hidden; border:none; background:#fff url(../images/arrow-select.png) right top no-repeat; cursor:pointer; } .styledSelect2 select { background: transparent;-webkit-appearance: none;width: 240px; height: 30px; border:none;color:#8d8d8d; font-size:11px; cursor:pointer; } .styledSelect2 { height: 30px; overflow: hidden; border:none; background:#fff url(../images/arrow-select.png) right top no-repeat; cursor:pointer; } .styledSelect3 select { background: transparent;-webkit-appearance: none;width: 240px; height: 30px; border:none;color:#8d8d8d; font-size:11px; cursor:pointer; } .styledSelect3 { height: 30px; overflow: hidden; border:none; background:#fff url(../images/arrow-select.png) right top no-repeat; cursor:pointer; } .styledSelect4 select { background: transparent;-webkit-appearance: none;width: 190px; height: 30px; border:none;color:#8d8d8d; font-size:11px; cursor:pointer; } .styledSelect4 { height: 30px; overflow: hidden; border:none; background:#fff url(../images/arrow-select.png) right top no-repeat; cursor:pointer; } .searchTrouve { width:111px; height:30px; display:block; background:url(../images/form-search-trouve.png) 0 0 no-repeat; text-indent:-5500px; border:none; cursor:pointer;} /* HOME SLIDER BIEN */ .slick-prev,.slick-next{ cursor: pointer; color: transparent; border: none; outline: none; text-indent:-9900px; width:47px; height:47px; display:block; position:absolute; z-index:980;} .slick-prev { top:100px; left:0;} .slick-next { top:100px; right:0;} .slick-prev { background:url(../images/arrow-left.png) 0 0 no-repeat #c02026;} .slick-next { background:url(../images/arrow-right.png) 0 0 no-repeat #c02026;} .slick-prev:hover, .slick-next:hover { border-radius:5px; background-color:#03558b;} .slick-list { max-width:1200px; margin:0 auto; position:relative;} .sliderBien { position:relative; width:280px; height:250px; display:block; text-align:left; background:#000; cursor:pointer;} .sliderBien:hover img { opacity:0.4;} .sliderBien:hover .sliderType {top:0;} .sliderBien:hover .sliderGroupePrixAdresseInfo {bottom:0;} .sliderBien:hover .sliderGroupePrixAdresseInfo a { opacity:1; width:32px;} .sliderGroupePrixAdresseInfo {position:absolute; z-index:30;bottom:-43px; } .sliderPrix { color:#fff; background:#fff; box-sizing:border-box; padding:0 0 0 5px; max-height:32px; font:normal 24px/32px fbc; display:inline-block; color:#c02026; font-weight:normal;} .sliderPrix em { font-style:normal; font-size:14px; text-transform:uppercase;} .sliderAdresse { color:#fff; background:#c02026; box-sizing:border-box; padding:5px;font:normal 14px fbc; display:block; width:280px; font-weight:normal; text-transform:uppercase;} .sliderAdresse em { float:right; font-style:normal;} .sliderType {position:absolute; z-index:30;top:-50px; background:#c02026; box-sizing:border-box; padding:5px;font:normal 14px fbc; display:block; width:280px; font-weight:normal; text-transform:uppercase; text-align:left; color:#fff;} .sliderInfo {background:#c02026; box-sizing:border-box; padding:5px; border-top:#9e171c 1px solid; color:#500205;font:normal 14px fbc; font-weight:normal; text-transform:uppercase; margin:5px 0 0 0;} .sliderInfo1 { float:left; width:30%; box-sizing:border-box;} .sliderInfo2 { float:left; width:20%} .sliderInfo3 { float:left; width:50%} .sliderInfo1 span, .sliderInfo2 span, .sliderInfo3 span { font-style:normal; color:#fff;} .sliderGroupePrixAdresseInfo a { background:url(../images/arrow-blue.png) 0 0 no-repeat; display:block; width:0px; height:32px; float:right; margin:0 0 0 5px; opacity:0;} /*PAGE*/ .pageLeft { width:75%; box-sizing:border-box; padding:30px 0 0 10px; float:left;} .pageRight { width:25%; box-sizing:border-box; float:left; padding:30px 0 0 0;} .titrePage {font:normal 22px fbc; text-transform:uppercase; font-weight:normal; color:#0a4065; background:url(../images/bckgrd-home-titre.png) left top no-repeat; padding:32px 0 50px 48px; display:inline-block;} .titrePage strong { font-weight:normal; color:#c02026;} .rightSearch {font:normal 22px fbc; color:#fff; text-transform:uppercase; font-weight:normal; color:#0a4065; background:url(../images/home-picto-search.png) center top no-repeat; padding:65px 0 0 0; display:inline-block; } .rightSearch strong { font-weight:normal; color:#c02026;} .rightSearch span { width:100%; background:url(../images/souligne-titre-search-bien.png) 0 0 no-repeat; height:5px; display:block; margin:10px 0 0 0;} .blocRightSearch { width:235px; display:block; border-radius:2px; background:url(../images/bckgrd-search.png) 0 0 repeat; box-sizing:border-box; padding:10px; margin:25px auto 60px auto;} .blocRightSearch .bloccustom { width:215px !important;} .blocRightSearch .styledSelect1, .blocRightSearch .styledSelect2, .blocRightSearch .styledSelect3, .blocRightSearch .styledSelect4 { margin:0 0 15px 0;} #bulletAnimationRight { text-align:center; margin:0 auto; width:44px;} .bulletAnimationRight { background:url(../images/bullet-blue.png) 0 0 no-repeat; width:12px; height:12px; margin:0 5px; display:block; float:left;} .activeSlide .bulletAnimationRight { background:url(../images/bullet-red.png) 0 0 no-repeat; width:12px; height:12px; display:block;} .rightPicto2 { min-height:90px; background:url(../images/home-picto-2.png) center top no-repeat; padding:70px 0 0 0; box-sizing:border-box;} .rightPicto3 { min-height:90px; background:url(../images/home-picto-3.png) center top no-repeat; padding:70px 0 0 0; box-sizing:border-box;} .slideRight { font:normal 16px/18px fmc; display:block; min-height:250px; } .slideRight strong {font:normal 20 fmc; text-transform:uppercase; font-weight:normal; color:#c02026;} .slideRight p { padding:15px 0 0 0; width:230px;} .pageLeft ul { padding:0 0 15px 0; margin:0; } .pageLeft ul li { background:url(../images/li-bullet.png) 0 6px no-repeat; padding:0 0 0 20px; line-height:24px; min-height:24px; border-bottom:1px solid #eeeeee;} .ul2 { width:50%; float:left; box-sizing:border-box;} .pageLeft p { padding:0 0 18px 0;} .pageLeft h1 {font:normal 18px fbc; text-transform:uppercase; font-weight:normal; color:#0a4065; padding:0 0 18px 0;} .pageLeft h1.titrePage {font:normal 22px fbc; text-transform:uppercase; font-weight:normal; color:#0a4065; background:url(../images/bckgrd-home-titre.png) left top no-repeat; padding:32px 0 50px 48px; display:inline-block;} .pageLeft h1.titrePage span {font:normal 16px fmc; text-transform:none;} .sousTitre, .sousTitre strong, .pageLeft h2 { font:normal 16px fmc; text-transform:uppercase; font-weight:normal; color:#0a4065; padding:0 0 18px 0; } .photoW { width:100%; max-width:840px; margin:0 0 25px 0;} .colonne3 { width:33%; box-sizing:border-box; padding:0 10px; float:left;} a.bp { color:#fff; font:normal 14px/25px fmc; text-transform:uppercase; text-shadow:none; font-weight:normal; background:#c02026; border:1px solid #fff; border-radius:360px; padding:0 15px; display:inline-block; } a.bp:hover { border-radius:5px; background:#03558b;} .iFrameEuroCaution { width: 100%; height: 850px; } /* LISTING */ .pageListeBien .sliderBien { overflow:hidden; float:left; margin:0 5px 20px 5px;} .pagination a { width:22px; height:22px; border-radius:22px; color:#2c2c2c; font:normal 14px/22px fmc; background:#f3f3f3; display:inline-block; margin:0 2px;} .pagination a:hover, .pagination .active { color:#fff; background:#c02026; font:normal 14px/22px fbc;} .lisetSeparation { width:75px; height:5px; display:block; clear:both; background:url(../images/liste-separation.png) 0 0 no-repeat; margin:25px 0;} .blocTri { float:right; font:normal 13px/30px fmc; color:#9c9c9c; text-transform:uppercase; font-style:italic;} .blocTri #filter-box { float:right; margin:0 10px;} .styledTri select { background: transparent;-webkit-appearance: none;width: 100px; height: 30px; border:1px solid #9c9c9c;color:#8d8d8d; font-size:11px; cursor:pointer; } .styledTri { height: 30px; overflow: hidden; border:none; background:#fff url(../images/arrow-select.png) right top no-repeat; cursor:pointer; } .blocPrint a { background:url(../images/picto-print-detail.png) right top no-repeat; padding:0 40px 0 0; float:right; font:normal 13px/22px fmc; text-transform:uppercase; display:block;} /* PRINT */ .pageLeft.pagePrint .blocPrint { display:none;} /* DETAILS */ .detailPhoto { width:38%; float:left;} .detailContent { width:62%; float:left;} .detailContent p { padding:0 0 25px 0;} .detailTitre { color:#c02026; text-transform:uppercase; font:normal 16px fmc;} .detailPrix { color:#c02026; text-transform:uppercase; font:normal 24px fbc;} .detailPrix em { font-style:normal; font:normal 14px fbc;} .detailAdresse { color:#3a3a3a; text-transform:uppercase; font:normal 14px fbc; padding:0 0 25px 0;} .detailCat1 { width:50%; float:left; box-sizing:border-box; padding:0 10px; min-height:170px;} .detailCat2 { width:50%; float:left; box-sizing:border-box; padding:0 10px; min-height:170px;} .detailCat3 { width:50%; float:left; box-sizing:border-box; padding:0 10px; min-height:170px;} .detailCat4 { width:50%; float:left; box-sizing:border-box; padding:0 10px; min-height:170px;} .detailCat5 { width:50%; float:left; box-sizing:border-box; padding:0 10px; min-height:170px;} .detailCat1 p { background:url(../images/detail-picto-1.png) 0 0 no-repeat; padding:0 0 0 40px; min-height:36px; line-height:36px; margin:0 0 15px 0;} .detailCat2 p { background:url(../images/detail-picto-2.png) 0 0 no-repeat; padding:0 0 0 40px; min-height:36px; line-height:36px; margin:0 0 15px 0;} .detailCat3 p { background:url(../images/detail-picto-3.png) 0 0 no-repeat; padding:0 0 0 40px; min-height:36px; line-height:36px; margin:0 0 15px 0;} .detailCat4 p { background:url(../images/detail-picto-4.png) 0 0 no-repeat; padding:0 0 0 40px; min-height:36px; line-height:36px; margin:0 0 15px 0;} .detailCat5 p { background:url(../images/detail-picto-5.png) 0 0 no-repeat; padding:0 0 0 40px; min-height:36px; line-height:36px; margin:0 0 15px 0;} .detailPointillerLeft { width:70%; float:left;} .detailPointillerRight { width:30%; float:left;} .detailPointiller { border-bottom:1px dotted #3a3a3a; clear:both; margin-bottom:5px; padding-top:5px; display:block;} .detailGdPhoto { margin:0 0 10px 0; } .detailPtPhoto img { margin:0 10px 10px 0;} .detailPtPhotoMobile { display:none;} /* SOCIAL */ .blocSocial { position:relative; display:block; height:56px; float:right;} .socialFB { background:url(../images/social-fb.png) 0 0 no-repeat; display:block; height:56px; width:28px; text-indent:-9900px; float:left; margin:0 5px 0 0;} .socialFB span { width:0px; height:4px; background:#fff; display:block; margin:52px 0 0 0;} .socialFB:hover span { width:28px; height:4px; background:#fff; display:block; margin:52px 0 0 0;} .socialGoogle { background:url(../images/social-google.png) 0 0 no-repeat; display:block; height:56px; width:32px; text-indent:-9900px; float:left;} .socialGoogle span { width:0px; height:4px; background:#fff; display:block; margin:52px 0 0 0;} .socialGoogle:hover span { width:32px; height:4px; background:#fff; display:block; margin:52px 0 0 0;} /* FOOTER */ .containerHoraireW em { font-style:normal;font:normal 14px/35px fmc; background:url(../images/picto-horaire.png) 0 10px no-repeat; padding:0 0 0 20px; display:inline-block;} .footer20 { width:20%; display:block; float:left; padding:50px 0 0 0;font-style:normal;font:normal 14px/16px fmc; color:#fff;} .footer40 { width:40%; display:block; float:left; padding:30px 0 30px 110px;font-style:normal;font:normal 14px/16px fmc; color:#fff; background:url(../images/footer-picto-logo.png) 0 40px no-repeat; box-sizing:border-box;} .footer20 strong, .footer40 strong {font-style:normal;font:normal 14px/16px fbc;} .footerPicot1 { background:url(../images/footer-picto-map.png) 0 0 no-repeat; min-height:40px; padding:0 0 0 40px; display:block; box-sizing:border-box;} .footerPicot2 { background:url(../images/footer-picto-phone.png) 0 0 no-repeat; min-height:40px; padding:5px 0 0 40px; display:block; box-sizing:border-box;} .footerPicot3 { background:url(../images/footer-picto-mail.png) 0 0 no-repeat; min-height:40px; padding:5px 0 0 40px; display:block; box-sizing:border-box;} .footerPicot3 a { color:#fff;} .footerSitemap { width:32px; height:32px; border-radius:32px; background:url(../images/footer-picto-sitemap.png) 0 0 no-repeat #fff; text-indent:-9900px; display:block; cursor:pointer; float:left; margin:0 10px 0 0;} .footerSitemap:hover { border-radius:5px;} .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:#fff; display:block; margin:18px 0 0 0;} .tow:hover span { width:98px; height:2px; background:#fff; display:block; margin:18px 0 0 0;} .footerIpad { display:none; text-align:center; color:#fff; box-sizing:border-box; padding:5px;font-style:normal;font:normal 14px/20px fmc;} .footerIpad strong { font-weight:normal;font:normal 16px/18px fmc; text-transform:uppercase; } .footerMobile { display:none;} /* CLASS */ .left { float:left;} .right { float:right;} .clear { clear:both;} /* FORM */ .contactColonne { width:33%; font:normal 14px/20px fmc; float:left; border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:10px 0; margin:0 0 25px 0; } .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:fmc; color:#fff;} .formContact .demandeInfo strong { font-weight:normal;font-family:fmcB;} .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:fmc; 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:fmc;} .inputCaptcha { font-size:13px; width:150px; background:#fff; padding:12px; float:left; margin:0; box-sizing:border-box;font-family:fmc; 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:fmc;} .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:fmc; 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:#c02026; border-radius: 5px; color:#fff;} a.refresh:hover { background:#03558b; 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;} .formBtn { width:154px; height:34px; font-size:15px;font-family:fmc; font-weight:normal; padding:0; text-transform:uppercase; 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:#c02026; border-radius: 5px; color:#fff; padding:5px 0 0 0;} .formBtn:hover { background:#03558b; 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;} .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; width:185px !important;} .contactS { float:left !important; margin:5px 0 0 0;} .formInputSelect { padding:10px; width:100%; border:1px solid #c1c1c1;} .contactBienRef { padding:5px; background:#055981; color:#fff; box-sizing:border-box; text-transform:uppercase;font:normal 18px/25px fmc;} /* LIVRE D'OR */ .livre { border-bottom:2px solid #196dc3; padding:10px 0 20px 0; margin:0 0 20px 0;} .livre .name { font-size: 25px; line-height: 30px; text-transform: uppercase; font-family: fmc; letter-spacing: 0.4px; margin:0 0 6px 0; color:#196dc3} .livre p { margin:0;} .livreLine { border-bottom:2px solid #196dc3;margin-bottom:30px; padding-top:10px;} .bannerAvis { width:100%; height: 235px; background: #000 url('../images/bckgrd-avis.jpg') left center no-repeat; -moz-background-size: cover;background-size: cover;-webkit-background-size: cover;-o-background-size: cover; box-sizing: border-box; padding: 25px; text-align: right; color:#fff; text-shadow: 2px 1px 1px rgba(0,0,0, 0.6);} .bannerAvis p {font:normal 22px/35px fmc; padding: 45px 0 0 0;} .bannerAvis strong {font:normal 45px/30px fmc;} /* MEDIA QUARIES */ @media screen and (max-width: 1295px ) { .slick-prev, .slick-next { display:none !important; width:0px; height:0px;} .slick-dots { display:none !important; width:0px; height:0px;} } @media screen and (max-width: 1090px ) { .blocSearch { width:100%; min-height:76px; display:block; border-radius:2px; background:url(../images/bckgrd-search.png) 0 0 repeat; box-sizing:border-box; padding:23px 0 0 5px;} .blocSearchColonne1 { float:left; padding:0 2px;} .blocSearchColonne2 { float:left; padding:0 2px;} .blocSearchColonne3 { float:left; padding:0 2px;} .blocSearchColonne4 { float:left; padding:0 2px;} .blocSearchColonne5 { float:left; padding:0 2px;} .footerSite { display:none;} .footerIpad { display:block;} .tow { float:none; margin:10px 0;} } @media screen and (max-width: 1020px ) { .headerMap, .headerIntroMobile, .blocPrint { display:none;} .pageRight { width:0px; overflow:hidden;} .pageLeft { width:100%; padding:45px 20px 0 20px; } .headerAnimationW { height:400px;} #slider { width:100% !important; height:400px !important; position:relative; overflow:hidden;} #slider .banner { width:100% !important; height:100% !important; position:relative;} .animationPontille { width:100%; height:100%; background:url(../images/bckgrd-animation.png) 0 0 repeat; position:absolute; left:0; top:0; z-index:50;} #bulletAnimation { position:absolute; z-index:750; top:500px; left:50%; margin-left:-50px;} #bulletAnimation div { display:inline-block; margin:0 4px;} .bulletAnimation { background:url(../images/bullet.png) 0 0 no-repeat; width:16px; height:16px; opacity:0.4; display:block;} .activeSlide .bulletAnimation, .bulletAnimation:hover { background:url(../images/bullet.png) 0 0 no-repeat; width:16px; height:16px; opacity:1; display:block;} .bckgrd1 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #000 url('../images/animation-1-70.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-70.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-70.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-70.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;} } @media screen and (max-width: 985px ) { .blocSearch, .homeSearch { display:none;} } @media screen and (max-width: 870px ) { .headerMail, .headerPhone, .headerIntroMobile, .blocWSite, .containerTxtIntro { display:none;} .homeBloc3 { width:100%;text-align:center; } .homePicto1 { background:url(../images/home-picto-1.png) center top no-repeat; padding:70px 0 25px 0; box-sizing:border-box; margin-left:0;} } @media screen and (max-width: 825px ) { .detailPtPhoto { display:none;} .detailContent, .detailCat1, .detailCat2, .detailCat3, .detailCat4 { clear:both; width:100%} .detailPhoto { text-align:center; padding-bottom:25px; width:100%} } @media screen and (max-width: 767px ) { .blocSearch, .headerMenuW, .headerIntro, #bulletAnimation, .blocTri { display:none;} .headerLogoW { height:75px;} .logo { margin:5px 0 0 -108px; left:50%; position:absolute;} .headerIntroMobile { display:block;} .headerAnimationW { height:275px;} .headerAnimationWPage { height:255px;} .containerHoraireW em { background:none; line-height:14px; padding:7px 0 7px 0; box-sizing:border-box;} #slider { width:100% !important; height:275px !important; position:relative; overflow:hidden;} .headerAnimationWPage #slider { height:255px !important;} #slider .banner { width:100% !important; height:100% !important; position:relative;} .animationPontille { width:100%; height:100%; background:url(../images/bckgrd-animation.png) 0 0 repeat; position:absolute; left:0; top:0; z-index:50;} .ul2, .colonne3 { width:100%; float:none; box-sizing:border-box;} .pageListeBien .sliderBien { float:none;} .sliderInfo {font:normal 13px fmc; font-weight:normal;} .bckgrd1 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #000 url('../images/animation-1-30.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-30.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-30.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-30.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;} .footerMobile, .headerMenuMobile { display:block;} .menuMobile{ display: none; width: 100%; } }