@charset "utf-8"; /* CSS Document */ /* Dans ce fichier ne doit être présent que la mise en forme générale du site ainsi que la mise en forme dans les zones spécifiques */ body {margin:0; padding:0; font-family:"Roboto","Trebuchet MS", Arial; font-size:17px; font-weight:400; background:#FFFFFF; color:#000000; } body * {outline:none;} strong {font-weight:700; font-family:'Roboto Condensed', sans-serif;} .noscroll { overflow: hidden; height: 100%; width:100%;} body.mfp-open {height:100%; overflow:hidden;} body.mfp-open .mfp-wrap {} body.popin-open .mfp-wrap { overflow:hidden !important;/*height: 100% !important;*/ position: /*static*/fixed;} body.showLayout {overflow: hidden !important; height: 100% !important; width:100% !important;} body.showLayout #modal-layout { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; display: block; background: rgba(0,0,0,0.6);} .layout {background:rgba(115,115,115,0.5); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:100; display:none;} .layout.visible {display:block;} /* POPUP */ .mfp-bg {z-index:3250 !important;} .mfp-wrap, .mfp-content {z-index:3300 !important;} .mfp-bg {background:#262818 !important; opacity: 0.6 !important;} .mfp-close-btn-in .mfp-close {color: #000; font-size: 45px;} .white-popup {position: relative; background: #FFF; overflow-y:auto; padding: 20px 10px; width: auto; max-width: 590px; max-height:885px; min-height: 160px; margin: 50px auto; border-radius: 5px; } /* FIN POPUP */ #global {padding-top:200px;} .noscroll #global {overflow: hidden; height:0px;} .global {max-width:1475px; padding:0 10px; margin:0 auto;} /* BANDEAU */ #bandeau {padding:0; position:fixed; left:0px; top:0px; width:100%; z-index:3000; background:#FFFFFF;} #bandeau .global {} .lg {height:200px;} .sm {height:85px;} /* Bandeau réduit */ #bandeau.sm { } #bandeau.sm #bandeau-haut {height: 25px;} #bandeau.sm #bandeau-haut-titre {display:none;} #bandeau.sm #bandeau-elements {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #bandeau.sm #bandeau-elements > div:not(#bandeau-client) {height:100%;} #bandeau.sm #bandeau-client {margin-left: 15px; position:relative; right:unset; bottom:unset;} #bandeau.sm #bandeau-client a, #bandeau.sm #bandeau-client a:visited {width:30px;} #bandeau.sm #bandeau-client img { margin-right: 0;} #bandeau.sm #bandeau-client span {display:none;} #bandeau.sm #bandeau-conteneur {height:calc(100% - 25px);} #bandeau.sm #logo {padding-top:0; margin-top:-25px;} #bandeau.sm #logo a img {height: 75px; width:auto;} #bandeau.sm #bandeau-recherche {} #bandeau.sm #menu-conteneur { height:calc(100% - 5px) !important;} #bandeau.sm #menu {} #bandeau.sm #menu .menu-element > a > span, #bandeau.sm #menu .menu-element > a:visited > span, #bandeau.sm #menu .menu-element > span {} /* Bandeau non réduit */ #bandeau-conteneur {position: relative; z-index: 400; height:calc(100% - 80px); width:100%; background:#ffffff; } #bandeau-haut {height:80px; background:url(../images/bandeau-haut.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #bandeau-haut .global {max-width:1835px;height:100%; position:relative;} #bandeau-haut-titre {text-align:center; font-family:"Roboto Condensed"; letter-spacing: 2.5px; font-weight:700; text-transform:uppercase; font-size:30px; color:#f1753e; height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #bandeau-contact {position:relative; z-index:40; } #bandeau-contact .global { position:relative; z-index:40; } #bandeau-recherche {width:395px; text-align:left;} #bandeau-recherche label {display:block;} #bandeau-recherche input {display: block;height: 30px;width: 100%;font-family:Roboto; font-weight:400; font-size:14px; color:#bebebe; border:none; background:url(../images/recherche-loupe.png) no-repeat left center #fff; border-bottom:2px solid #cccccc; padding-left: 30px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} /* Elements du bandeau */ #bandeau #bandeau-elements {padding:0px 3px 0 0; height:100%; text-align:right;position: absolute; right: 10px;top: 0; } #bandeau #bandeau-elements > div:not(#bandeau-client) { height: calc(100% - 30px); display: flex;justify-content: center;align-items: center; } #bandeau .bandeau-element {display:inline-block; vertical-align:top; } #bandeau .bandeau-element a, #bandeau .bandeau-element a:visited {text-decoration:none; display:inline-block; vertical-align:top;} /* Telephone */ #bandeau-telephone {text-decoration:none;} #bandeau-telephone::after {content:"";width: 1px;height: 18px;margin: 0 7px 0 8px;background: #f1753e;display: inline-block;vertical-align: middle;} #bandeau-telephone a, #bandeau-telephone a:visited {font-size:20px; text-decoration:none; color:#000000; font-weight:500;} /* Email */ #bandeau-email {} #bandeau-email a, #bandeau-email a:visited { color:#000000; } #bandeau-email i {font-size:17px;color:#000000; } #bandeau-email:hover a, #bandeau-email:hover i { color:#f1753e; } /* Client */ #bandeau #bandeau-client {position: absolute;right: 0;bottom: 0;} #bandeau #bandeau-client a, #bandeau #bandeau-client a:visited {width:189px; height:30px; background:#f1753e; padding: 5px; display:block; text-align:center; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} #bandeau #bandeau-client img {margin-right:13px;} #bandeau #bandeau-client span {font-weight:500; text-transform:uppercase; color:#202020; font-size:15px;margin-top: 1px;letter-spacing: 1px; display: inline-block;vertical-align: top;} #bandeau #logo {float:left; padding:9px 0 0 1px; position:relative; z-index:10; margin-top: -81px;} #bandeau #logo a, #bandeau #logo a:visited {} #bandeau #logo a img {display:block; height:135px; width:auto;} #bandeau-langues-conteneur { width: 115px; float: left; clear: left; margin-top: 22px;} #bandeau-langues-conteneur .bandeau-langue.selected {border: 1px solid #ffffff;} #bandeau-langues-conteneur .bandeau-langue:first-child { margin-left: 0;} #bandeau-langues-conteneur .bandeau-langue { width: 26px; height: 17px; display: inline-block; vertical-align: middle; margin: 5px 0 5px 10px;} #bandeau-langues-conteneur .bandeau-langue * {display:block; width:100%; height:auto;} /* MENU */ /* Menu niveau 1 */ #menu-conteneur { height:calc(100% - 40px) !important; clear:right;} #menu-titre, #menu-close {display:none;} #menu-wrapper {height:100%;} #menu {list-style:none; margin:0px auto; padding: 0;height:100%;} #menu > .global {max-width:1875px; text-align:right; position:relative; z-index:30; font-size:0;height:100%;} #menu > .global > div { height:100%; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} #menu > .global > div > div { height:100%; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; } #menu > .global > div > #menu-centre {width:calc(100% - 400px);} #menu > .global > div > #menu-centre > div {-webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;display: -webkit-box;display: -ms-flexbox;display: flex;} #menu .menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30; height:100%; margin:0 30px;} #menu .menu-element:first-child {margin-left:70px;} #menu .menu-element > span { cursor:default;} #menu .menu-element > a, #menu .menu-element > a:visited {display:block; height:100%;} #menu .menu-element > a > span, #menu .menu-element > a:visited > span, #menu .menu-element > span {color: #545659; text-align: center; padding: 10px 0 2px; -webkit-box-sizing:border-box; box-sizing:border-box; display: block; font-size:18px; position:relative; height:100%; } #menu .menu-element > a > span em, #menu .menu-element > a:visited > span em, #menu .menu-element > span em {text-transform:uppercase; display:block; font-style:inherit;} #menu .menu-element.menu-grand {} #menu .menu-element.menu-grand > a > span, #menu .menu-element.menu-grand > span {padding:0px 0 1px;} #menu .menu-element > a, #menu .menu-element > a:visited {text-decoration:none;} #menu .menu-element > a:hover {text-decoration:none;} /** SI EFFET VERTICAL LIGNE SOUS MENU **/ @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ #menu .menu-element.selected > a > span, #menu .menu-element.selected > span, #menu .menu-element:hover > a > span, #menu .menu-element:hover > span {border-bottom:1px solid #f1753e;} } @supports not (-webkit-overflow-scrolling: touch) { /* Effect 4: bottom border enlarge */ #menu .menu-element > a > span::after, #menu .menu-element > span::after { position: absolute; top: 99%; left: 0; width: 100%; height: 1px; background: #f1753e; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } #menu .menu-element.selected > a > span::after, #menu .menu-element.selected > span::after, #menu .menu-element:hover > a > span::after, #menu .menu-element:hover > span::after { height: 1px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} } /** SINON **/ #menu .menu-element.selected > span, #menu .menu-element.selected > a > span, #menu .menu-element:hover > a > span, #menu .menu-element:hover > span {} /* Sous menu niveau 1 */ #menu .smenu-conteneur {display:none; position:absolute; left:0px; z-index:200; width:250px; min-height:20px; background: #ffffff; } #menu .smenu-conteneur .global {padding:0 !important;} #menu .smenu-bas {} #menu .smenu-centre { margin:0 !important; padding:0 !important; list-style:none; width:100%; text-align: left; } #menu .smenu-centre-menus {} #menu .smenu-element { } #menu .smenu-element::after {content: ""; height: 1px; display:block; width:100%; margin:0 auto; background:#fff;} #menu .smenu-element:last-child::after {display:none;} #menu .smenu-element > span { cursor:default;} #menu .smenu-element > a {text-decoration:none;} #menu .smenu-element > a > span, #menu .smenu-element > span {color:#000000; display:block; padding:8px 7px 7px; width: calc(100% - 14px); font-size:15px; position: relative; z-index: 2; min-height:25px; display:flex; flex-direction:column; justify-content:center;} #menu .smenu-element:first-child > a > span, #menu .smenu-element:first-child > span {border:none;} /** SI EFFET FOND ANIME #menu .smenu-element > a > span::after, #menu .smenu-element > span::after {content: ""; height: 100%; left: 0; top: 0; width: 0; position: absolute; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: -1;} #menu .smenu-element.selected > a > span::after, #menu .smenu-element.selected > span::after, #menu .smenu-element:hover > a > span::after, #menu .smenu-element:hover > span::after{ width: 100%; background:#202020; } #menu .smenu-element.selected > a > span, #menu .smenu-element:hover > a > span, #menu .smenu-element.selected > span, #menu .smenu-element:hover > span {color:#fff;} #menu .menu-element:hover .smenu-conteneur {display:block;} **/ /** SINON **/ #menu .smenu-element.selected > span, #menu .smenu-element.selected > a > span, #menu .smenu-element:hover > a > span, #menu .smenu-element:hover > span {} #menu .ssmenu-conteneur-images {float:left;width: 143px; height: 143px; margin-top: 10px;} #menu .ssmenu-images {display:none;} /* Sous menu niveau 2 */ #menu .ssmenu-conteneur {padding:0px; margin:0px;} #menu .ssmenu-element {} #menu .ssmenu-element > span { cursor:default;} #menu .ssmenu-element > a {text-decoration:none;} #menu .ssmenu-element > a > span, #menu .ssmenu-element > span {color:#012366; display:block; padding:5px 5px 5px 15px; font-size:13px; position:relative;} #menu .ssmenu-element > a > span i, #menu .ssmenu-element > span i {display: inline-block;vertical-align: top; line-height: 15px;} #menu .ssmenu-element > a > span > span, #menu .ssmenu-element > span > span {display: inline-block;vertical-align: top;width: calc(100% - 20px);margin-left: 5px;line-height: 15px;} #menu .ssmenu-element.selected > span, #menu .ssmenu-element:hover > span , #menu .ssmenu-element.selected > a > span, #menu .ssmenu-element:hover > a > span {color:#da456b;} /* CENTRE */ #centre {min-height:150px;} #centre .global {} #centre .global .contenu-wrapper {padding:10px 0; min-height:150px; position:relative;} /* CONTENU */ #contenu {overflow:hidden;} #contenu-bandeau {height:150px;} .module-recherche #contenu-bandeau, .global-template-2776 #contenu-bandeau {height:225px;position:relative; z-index:10;} .module-recherche #contenu-bandeau::before, .global-template-2776 #contenu-bandeau::before {position:absolute; left:0; top:0; width:100%; height:100%; z-index:13; content:""; background:rgba(0,0,0,0.41);} .module-recherche #contenu-bandeau .global, .global-template-2776 #contenu-bandeau .global {position:relative; z-index:14; height:100%; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .module-recherche #contenu-bandeau .global::after, .global-template-2776 #contenu-bandeau .global::after {position:absolute; left:0; top:0; width:100%; height:100%; z-index:14; content:""; } .module-recherche #contenu-bandeau.vente .global::after, .global-template-2776 #contenu-bandeau.vente .global::after {background:url(../images/titre-vente.png) no-repeat right center;} .module-recherche #contenu-bandeau.location .global::after, .global-template-2776 #contenu-bandeau.location .global::after {background:url(../images/titre-location.png) no-repeat right center;} .module-recherche #contenu-bandeau .global {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .module-recherche #contenu-bandeau .global .titre {position:relative; z-index:15; text-transform:uppercase; color:#fff; letter-spacing:6px; font-size:48px; font-family:'Roboto Condensed', sans-serif; font-weight:700; text-align:center;} .module-recherche #contenu-bandeau .global .titre em {font-style:normal; color:#f1753e;} .global-template-2776 #contenu-bandeau .global {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .global-template-2776 #contenu-bandeau #bandeau-annonce {} .global-template-2776 #contenu-bandeau #bandeau-annonce-type-bien {color:#f1753e; font-size:30px; font-weight:700; font-family:'Roboto Condensed', sans-serif; } .global-template-2776 #contenu-bandeau #bandeau-annonce-ville-cp {line-height: 30px; margin-top: 10px; color:#fff; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;} .global-template-2776 #contenu-bandeau #bandeau-annonce-ville-cp #bandeau-annonce-ville {font-size:30px; font-weight:700; font-family:'Roboto Condensed', sans-serif; } .global-template-2776 #contenu-bandeau #bandeau-annonce-ville-cp #bandeau-annonce-cp {font-size:20px; font-weight:300; margin-left: 10px;} #global h1, #global h2.h1, .white-popup h1 { font-weight:400; font-size:30px; color:#202020; text-transform:uppercase; text-align:center; font-family:'Roboto Condensed', sans-serif; letter-spacing: 2px;} #global h1 em, #global h2.h1 em, .white-popup h1 em {color:#f1753e; font-style:normal;} #global h2, .white-popup h2 { margin-bottom: 30px; font-size: 32px; color: #f1753e; font-weight:400; text-align:center; font-family:'Roboto Condensed', sans-serif; } #global h3, .white-popup h3 {margin: 10px 0 35px; font-weight: 700; font-size:24px; text-align:center; font-family:'Roboto Condensed', sans-serif;} #centre p, .white-popup p { text-align:justify; margin-left: 20px;} .white-popup p {word-break: break-all;} #centre p.bouton, #centre p span.bouton {cursor:default; text-align:center; margin:10px auto;} #centre p.bouton:hover, #centre p span.bouton:hover {background:#545659 !important; color:#fff !important;} #global .bouton p {margin:0 !important; cursor:default;} #global table.bouton {cursor:default;} #centre ul, .white-popup ul {padding-left: 20px; list-style: none; margin-left: 20px;} #centre ul ul, .white-popup ul ul {margin-left:0px;} #centre ul li, .white-popup ul li { margin:7px 0; padding-left:0; position:relative; list-style: none; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} #centre ul li::before, .white-popup ul li::before { content: "\f138"; font-family: FontAwesome; font-size: 11px; display: block; color: #f1753e; margin-right:6px;margin-top: 4px;} a, a:visited {color:#fc790f; text-decoration:underline;} a:hover {text-decoration:none;} #global ul li p {margin:0px;} .white-popup img {max-width:100%; max-height:100%; height:auto;} #contenu table.table {width:100%; border-collapse:collapse;} #contenu table.table th, #contenu table.table td {} #contenu table.table th {text-align:center; padding:10px 0;} #contenu table.table tbody tr {} #contenu table.table td {padding:15px 10px; border-bottom:1px solid #8B8E8E;} #contenu table.table td.center {text-align:center;} /* Tableau vertical */ #contenu .table > thead > tr > th {border-bottom: 2px solid #e0e0e0; vertical-align: bottom;} #contenu .table > thead > tr > th, #contenu .table > tbody > tr > th, #contenu .table > tfoot > tr > th, #contenu .table > thead > tr > td, #contenu .table > tbody > tr > td, #contenu .table > tfoot > tr > td {vertical-align: middle;border-top: 1px solid #e0e0e0; line-height: 1.5; padding: 6px 10px;} #contenu .table > thead:first-child > tr:first-child > th, #contenu .table > thead:first-child > tr:first-child > td {border-top:0 none;} #contenu .table-vertical tr { border: 1px solid #ccc; } #contenu .table-vertical td { height:20px; } /* TEMPLATE AVEC NAVIGATION */ #module-navigation {} #module-navigation #contenu {padding-left:30px;} /* TEMPLATE SANS NAVIGATION */ #module-defaut {} #module-defaut #contenu {} /* Parallax */ #parallax-conteneur {min-height:200px; width:100%;} #parallax-conteneur .global {padding:60px 10px; height:100%; display:flex; flex-direction:column; justify-content:center; text-align:center;} #parallax-conteneur-titre {color:#f1753e; font-weight:700; font-size:40px; margin: 0; text-transform:uppercase; } #parallax-conteneur-texte {color:#fff; font-size:25px; margin: 20px 0;} #parallax-conteneur-texte p {margin:0; text-align:center;} #parallax-conteneur-texte .bouton-fleche {margin-top:20px !important;} /* PIED */ #pied {margin-top:10px; background:#fff;} #pied .global {max-width:1275px;} #pied .global .contenu-wrapper {min-height:342px; margin:42px 0 5px 0px; font-size:0; position:relative; text-align:center;} #pied ul li {padding:0;} #pied ul li::before {display:none;} /** PIED COLONNES LOGO CENTRE **/ #pied .col { width:280px; text-align:left; padding-left:5px; margin:15px 0; display: inline-block; vertical-align: top;} #pied #col-menu {float:left; position:absolute; left:0; top:0; width:510px;} #pied #col-centre.col {width:150px !important; margin:15px auto; padding:0;} #pied #col-contact {float:right; position:absolute; right:0; top:0;} #pied .col .categorie {margin-bottom:20px;} #pied .col .categorie > a {text-decoration:none;} #pied .col .categorie > a > span, #pied .col .categorie > a:visited > span, #pied .col .categorie > span {text-decoration:none; color:#202020; font-size:16px; font-weight:700; text-transform:uppercase; display:block; text-transform:uppercase;} #pied .menu {padding:0; margin:0 0 15px 0;} #pied .menu li {list-style:none; display:inline-block; vertical-align:top; margin:0 0 5px 0;} #pied .menu li > a {text-decoration:none;} #pied .menu li > a > span, #pied .menu li > a:visited > span, #pied .menu li > span {text-decoration:none; color:#202020; font-weight:300; font-size:14px; position: relative; padding-right: 11px;} #pied .menu li > a > span::after, #pied .menu li > span::after{content: ""; background: #f1753e; width: 1px;height: 11px;position: absolute;right: 5px;bottom: 3px; -webkit-transform: rotate(25deg);-ms-transform: rotate(25deg);transform: rotate(25deg);} #pied .menu li:last-child > a > span::after, #pied .menu li:last-child > span::after {display:none;} #pied .liens {padding:0; margin:0;} #pied .liens li { margin:0 0 7px 0; display:inline-block; vertical-align:top; list-style:none; position:relative; } #pied .liens li > a {text-decoration:none;} #pied .liens li > a > span, #pied .liens li > a:visited > span, #pied .liens li > span {text-decoration:none; color:#bdbdbd; font-weight:300; font-size:14px; line-height: 19px;} #pied .liens li > a > span::after, #pied .liens li > span::after {content: "-"; color: #bdbdbd; margin:0 5px;} #pied .liens li:hover > a > span, #pied .liens li:hover > span {} #pied .liens #pied-creation {display:block;} #pied .liens li:nth-last-of-type(-n+2) > a > span::after, #pied .liens li:nth-last-of-type(-n+2) > span::after, #pied .liens #pied-creation > a > span::after, #pied .liens #pied-creation > span::after {display:none;} #pied #logo-pied {width:100%; position:relative; margin:0 auto;} #pied #logo-pied a, #pied #logo-pied a:visited {text-decoration:none; color:#000;} #pied #logo-pied a img {display:inline-block; vertical-align:top; height:auto; width:100%;} #pied #pied-reseaux {text-align:center; margin: 45px 0 0;} #pied #pied-reseaux .pied-social {display:inline-block; vertical-align:top; margin: 0 25px 10px 0;} #pied #pied-reseaux .pied-social:last-child {margin-right:0;} #pied #pied-reseaux .pied-social a, #pied #pied-reseaux .pied-social a:visited {text-align:center; color:#f1753e; text-decoration:none; line-height: 55px; width:35px; height:35px; background:#f1753e ; display:block; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; border-radius: 28px; } #pied #pied-reseaux .pied-social a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; content: ''; border-radius: 50%; z-index: -1; opacity: 0; -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);-o-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);} #pied #pied-reseaux .pied-social i {color:#ffffff; font-size: 25px;} #pied #pied-reseaux .pied-social a:hover {background: #ffffff; -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93);transform: scale(0.93);} #pied #pied-reseaux .pied-social a:hover i { color:#f1753e;} #pied #pied-reseaux .pied-social a:hover::after {-webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms;} @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f1753e, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f1753e, 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f1753e, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f1753e, 0 0 0 10px rgba(255, 255, 255, 0.5); -moz-transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f1753e, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f1753e, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } } /** VERSION AVEC FONT AWESOME **/ #pied .pied-contact-element { overflow: hidden; padding: 0 0 7px 0px; text-align:left; margin:0px 0 3px;} #pied .pied-contact-element i {font-size: 17px; width: 20px; text-align: center; padding-right: 15px; color: #f1753e;} #pied .pied-contact-element .pied-contact-span {width: calc(100% - 38px); display: inline-block; font-weight:300; vertical-align: top; font-size:15px; color: #2e3641; } #pied #pied-adresse {} #pied #pied-telephone {} #pied #pied-telephone a, #pied #pied-telephone a:visited {color:#2e3641; text-decoration:none;} #pied #pied-mail {} #pied #pied-mail i {font-size:12px; margin-top: 3px;} #pied #pied-mail a {text-decoration:none; color: #2e3641; } #pied #pied-mail > a > span, #pied #pied-mail > a:visited > span {background:none; padding:0;} /* Fil d'ariane */ #ariane {margin:10px 0;} #ariane a, #ariane span {text-decoration:none; font-size:12px; } /* Languettes */ #languette-container {height:279px; width:81px; position : fixed; right:0px; top:250px; z-index:5000;} #languette-admin { width:81px; height:93px; background: url(../images/lang-interface-gestion.png); cursor:pointer; top:0px; position:absolute; right:0; z-index:5000;} #languette-admin:hover { width: 198px; height: 93px; background: url(../images/lang-interface-gestion-depliee.png);} #languette-page { height:93px; width:81px; background: url(../images/lang-gestion-page.png); cursor:pointer; top:98px;position:absolute; right:0; z-index:5000;} #languette-page:hover { width: 198px; height: 93px; background: url(../images/lang-gestion-page-depliee.png);} #languette-page-disabled { height:93px; width:81px; background: url(../images/lang-gestion-page-off.png); cursor:pointer; top:98px; position:absolute; right:0; z-index:5000;} #languette-page-disabled:hover { width: 198px; height: 93px; background: url(../images/lang-gestion-page-off-depliee.png);} #languette-deconnexion { height:93px; width:81px; background : url(../images/lang-deconnexion.png); cursor:pointer; top:196px; position:absolute; right:0; z-index:5000;} #languette-deconnexion:hover { width: 198px; height: 93px; background: url(../images/lang-deconnexion-depliee.png);} /* Moteur de recherche */ #recherche-formulaire { position:relative; z-index:1; } #recherche-formulaire-input {display:inline-block; vertical-align:top; width:250px; height:30px;} #recherche-formulaire-input .input-text {width:calc(100% - 20px);} #recherche-formulaire-submit {display:inline-block; vertical-align:top; width:34px; height:34px; cursor:pointer;} #recherche-formulaire-submit input {width:34px;height:34px; padding:0; cursor:pointer;} /* PAGINATION */ #paginator { margin: 10px auto; text-align:center; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} #contenu #paginator .pagination-span, #contenu #paginator .pagination-lien {font-size: 15px; line-height: 26px; margin: 0 5px; padding: 2px 5px; min-width:0; width: auto !important; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } #contenu #paginator .pagination-span {background:#545659; cursor:default;} /* Contact */ #contenu #module-contact {text-align:left;} #module-contact #contact-conteneur {overflow:hidden;} /* Bloc adresse */ #module-contact #module-contact-adresse {} #module-contact .w50p {width:50%; float:left;} #module-contact #module-contact-adresse .contact-adresse {display:inline-block;} /* Bloc googlemap */ #module-contact .googlemap { width:50%; float:right; } #module-contact .googlemap iframe {width:100%;} /* CONTACT */ #contact-conteneur { background:#202020; margin-top:120px; } #contact-conteneur .global {max-width:1837px; padding:45px 10px; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} #contact-conteneur .contact-bloc {display:inline-block; vertical-align:top;} #contact-gauche {width:632px;} #contact-image { position: relative; margin-top: -135px; margin-left: -33px; width:100%; height:656px;} #contact-image img{width:100%; height:100%; object-fit:cover;} #contact-coordonnees {margin-top: 60px; width:100%; max-width:352px; float:right;} #contact-coordonnees > div {margin:0 0 20px; } #contact-coordonnees > div a, #contact-coordonnees > div a:visited { color:#ffffff; text-decoration:none; display:inline-block; vertical-align:middle; font-size:0; } #contact-coordonnees > div a, #contact-coordonnees > div#contact-adresse {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;} #contact-coordonnees > div i {font-size:17px; text-align: center; margin-right:15px; color:#f1753e; vertical-align: middle; } #contact-coordonnees > div span {width:calc(100% - 72px); color:#ffffff; font-weight:300; font-size:16px; display:inline-block; vertical-align:middle;} #contact-coordonnees > div#contact-mail a {width: 100%;} #contact-coordonnees > div#contact-mail i {font-size:14px; padding-top: 2px;} #contact-coordonnees > div#contact-telephone {} #contact-coordonnees > div#contact-telephone i { margin-right:15px; padding-top: 4px; } #contact-coordonnees > div#contact-telephone a span { font-size: 20px; font-weight:400; } #contact-coordonnees > div#contact-adresse {} #contact-coordonnees > div#contact-adresse span {line-height:21px;} #contact-droite {width:calc(100% - 640px); max-width:1085px;} #contact-droite #contact-titre {height:140px; background:url(../images/contact-titre.png) no-repeat right center; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #contact-droite #contact-titre h2.h1{color:#fff; text-align:left;} #contact-formulaire-texte {font-weight:700; font-size:25px; color:#000000;margin: 9px 0 18px; line-height: 33px;} #contact-formulaire-texte span {display:block;font-weight:400; } #contact-formulaire-conteneur {position:relative; z-index:10; max-width: 830px;} #contact-formulaire-conteneur p {font-weight:300; font-size:12px; color:#5d5d5d; } #contact-formulaire-reponse {display:none; font-size: 15px;} #contact-formulaire-surcouche {position:absolute; z-index:20; width:100%; height:100%; background:url(../images/ajax-loader.gif) no-repeat center center rgba(236, 236, 236,0.8); display:none;} #contact-form {position:relative; z-index:10;} #contact-form > .form {margin: 10px 0; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} #contact-formulaire .floatLeft {width:calc(50% - 5px);} /* FOND BLANC INPUT */ #contact-formulaire .input { position: relative; background:#313131; height:55px; border-radius: 5px; width:100%;} #contact-formulaire .input > input {font-size: 14px; color: #fff; font-weight:300; border: 0; outline: 0; padding: 3px 5px 3px 20px; position: relative; background-color: transparent; height:100%;width:100%; z-index: 2; font-family:'Roboto Condensed', sans-serif;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} #contact-formulaire .input > label {opacity:1; top: 7px; left: 15px; font-size: 14px; color: #ffffff; font-family:'Roboto Condensed', sans-serif; position: absolute; display: block; z-index: 1; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #contact-formulaire .input > label.active {opacity:0;} #contact-formulaire .input > label.active-color { } #contact-formulaire .erreur {border:1px solid #f00 !important;} /* FIN FOND BLANC INPUT */ #contact-formulaire .input:first-child { margin-top: 0;} #contact-formulaire #contact-message .input { height:165px; border-radius: 5px;} #contact-form #contact-message-textarea { resize : none; height:calc(100% - 20px); border:none; padding: 3px 5px 3px 15px; margin-top: 15px; margin-left: 5px; font-size: 14px; color: #fff; font-family:'Roboto Condensed', sans-serif; border: 0; outline: 0; position: relative; background-color: transparent; border:none; width: calc(100% - 20px); z-index: 2; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} #contact-form #contact-message-textarea.erreur {border-color:#f00;} #contact-validation {margin:10px 0;} #contact-validation label {font-weight:300; font-size:14px; color:#5f5f5f;padding: 10px 0px;width: 100%;display: block; cursor:pointer;} #contact-validation label a, #contact-validation label a:visited {color:#5f5f5f;} #contact-validation input {margin-left:0;} #contact-bas {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center;-ms-flex-align: center;align-items: center;} #contact-bouton {} #contact-bouton .bouton-fleche {padding:15px 20px;} #contact-optin {font-size:11px; margin-top: 45px;} #contact-optin p {margin:7px 0; font-size:11px;} /* Plan du site */ .plansite-ul {} .plansite-li {} .plansite-a {text-decoration:none;} .plansite-a:hover {text-decoration:underline;} .plansite-span {} /* Mosaique */ .mosaique-conteneur {text-align:left;margin: 20px auto;} .mosaique-conteneur .mosaique-ligne {text-align:left; margin: 10px 0;} .mosaique-conteneur .mosaique-element {display:inline-block; vertical-align:top; margin:5px;} .mosaique-conteneur .mosaique-element a, .mosaique-conteneur .mosaique-element a:visited {width:100%; height:100%; display:block;} .mosaique-conteneur .mosaique-element a img {display:block;} /* Diaporama */ #contenu .diaporama-container { position: relative; z-index:1; overflow:hidden; min-height:280px; min-width:300px; } /** Carousel **/ #contenu .diaporama-slider { position: relative; overflow: hidden; min-width:240px; min-height: 200px; margin:0 auto;} #contenu .diaporama-slider ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;} #contenu .diaporama-slider .diaporama-slider-li {text-align:center; margin:0 auto; cursor:pointer; float: left; padding: 0; min-width:240px; min-height: 200px; list-style:none; } #contenu .diaporama-slider .diaporama-slider-li::before {display:none;} #contenu .diaporama-slider .diaporama-slider-li a, #contenu .diaporama-slider .diaporama-slider-li a:visited {display:block; width:100%; height:100%;} #contenu .diaporama-slider .diaporama-slider-li .diaporama-slider-image {width:100%; height:100%; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} #contenu .diaporama-slider .diaporama-slider-li .diaporama-slider-image img {width:100%; height:100%; object-fit:contain;} .diaporama-prev, .diaporama-next { position: absolute; top: 0; width: 30px; min-height: 200px; text-align: center;} .diaporama-prev i, .diaporama-next i {position: absolute; top: 40%; left:25%; font-size:50px;} .diaporama-prev { left: 0px;} .diaporama-next { right: 0px;} .diaporama-boutons{ width:80px; margin:5px auto 0;} .diaporama-pause {width:20px; } .diaporama-lecture {width:20px; } .diaporama-pause i,.diaporama-lecture i {margin:0 10px; cursor:pointer; font-size:20px;} /* MODULE AUTHENTIFICATION */ #authentification {} #authentification .authentification-conteneur {max-width:400px; width:calc(100% - 32px); padding:15px; border:1px solid #ccc; margin:0 auto;} #authentification .form {margin:10px 0; font-size:0;} #authentification .form .form140 {width:105px; font-size:15px; float: none;display: inline-block; vertical-align:middle;} #authentification .form .input-text {width:calc(100% - 145px); display: inline-block; vertical-align:middle;} #authentification .form .bouton {margin:30px auto 0; display:block;} #authentification-motdepasse-oublie {font-size:13px; text-align: right;} /* MAINTENANCE */ #maintenance-totale { width:100%; margin:0 auto; } #maintenance-totale #authentification .authentification-conteneur {margin: 15px auto;} #maintenance-totale #centre {height:100%;} #maintenance-totale #centre .global {max-width:960px; height:100%;} #maintenance-totale #centre .global #contenu {height:calc(100% - 50px); padding: 25px 0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} #maintenance-totale #centre .global #contenu h2.maintenance {text-align:center;} #maintenance-totale #centre .global #contenu p {margin-top:7px; margin-bottom:7px;} #maintenance-totale #centre .global #contenu img {max-width:100%; height:auto;} #maintenance-totale #maintenance-submit {} /*Accueil */ #accueil-haut-conteneur {margin-bottom:30px; position:relative; z-index:20; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} /* SLIDER */ #accueil-slider-conteneur {position: relative; z-index: 20; width:calc(100% - 640px); } #accueil-slider-loader {width:100%; height:100%; position:absolute; left:0; top:0; z-index:35; background:url(../images/ajax-loader.gif) no-repeat center center #F8F7F7;} /** Carousel **/ #accueil-slider { position: relative; z-index: 20; overflow: hidden; height:620px;} /* HEIGHT A MODIFIER */ #accueil-slider ul { width: 20000em; position: relative; list-style: none; margin:0 !important; padding:0 !important; height:100%;} #accueil-slider .accueil-slider-li { float: left; margin:0 !important; padding:0 !important; height:100%; background:none; line-height: initial; /** SI FONDU : position:absolute;*/} #accueil-slider .accueil-slider-li::before {display:none;} #accueil-slider .accueil-slider-li > div {width:100%; height:100%;} #accueil-slider .accueil-slider-li .accueil-slider-centre { position:relative; z-index:10; height:100%; width:100%; } /* CONTENU DES SLIDES */ #accueil-slider .accueil-slider-li .accueil-slider-image {position:absolute; left:0px; top:0; z-index:9; width:100%; height:100%;} #accueil-slider .accueil-slider-li .accueil-slider-image a, #accueil-slider .accueil-slider-li .accueil-slider-image a:visited {display:block; height:100%;} #accueil-slider .accueil-slider-li .accueil-slider-imageordi {display:block;} #accueil-slider .accueil-slider-li .accueil-slider-imagetablette {display:none !important;} #accueil-slider .accueil-slider-li .accueil-slider-imagemobile {display:none !important;} #accueil-slider .accueil-slider-li .accueil-slider-contenu {position:absolute; left:10px; top:0; z-index:10; width:calc(100% - 20px); height:100%; } /** Carousel Pagination **/ #accueil-slider-controls-conteneur { position: absolute; bottom:15px; left:0px; width:100%; margin:0; z-index:100;} #accueil-slider-controls { margin:0 auto;} #accueil-slider-controls a { text-decoration: none; display: inline-block; height: 10px; width: 10px; background:#fff; margin:0 5px; border-radius:20px;} #accueil-slider-controls a.active {background:#f1753e;} /* PAVES */ #accueil-paves-conteneur {text-align:left; width:640px;} #accueil-paves-conteneur .global {padding:0; text-align:center; height:100%; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly; -ms-flex-line-pack: justify;align-content: space-between;} #accueil-paves-conteneur .accueil-pave {width:300px; height:300px; margin:0 5px;position:relative; z-index:10; border-radius: unset;} #accueil-paves-conteneur .accueil-pave.bouton-js {cursor:pointer;} #accueil-paves-conteneur .accueil-pave .ch-info {width: 100%;height: 100%;} #accueil-paves-conteneur .accueil-pave .ch-info > div {border-radius:unset;width:100%; height:100%;border:1px solid #202020; background: #fff; box-shadow:unset;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} #accueil-paves-conteneur .accueil-pave .ch-info > div > div {background:#202020;width:calc(100% - 20px); height:calc(100% - 20px); margin:10px;padding:40px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} #accueil-paves-conteneur .accueil-pave:nth-child(2) .ch-info > div, #accueil-paves-conteneur .accueil-pave:nth-child(3) .ch-info > div {border:1px solid #f1753e; background: #fff;} #accueil-paves-conteneur .accueil-pave:nth-child(2) .ch-info > div > div, #accueil-paves-conteneur .accueil-pave:nth-child(3) .ch-info > div > div {background:#f1753e;} #accueil-paves-conteneur .accueil-pave .ch-info-front {} #accueil-paves-conteneur .accueil-pave .ch-info-back {} #accueil-paves-conteneur .accueil-pave-image {height:50px;} #accueil-paves-conteneur .accueil-pave-image img {width:auto; height:100%;} #accueil-paves-conteneur .accueil-pave-nom {letter-spacing: 0.1px; font-weight:300; font-size:15px; color:#fff; height: 100px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #accueil-paves-conteneur .accueil-pave-nom em {letter-spacing: 2px; font-style:normal; display:block; text-transform:uppercase; font-size:20px; font-weight:700; font-family:'Roboto Condensed', sans-serif;} #accueil-paves-conteneur .accueil-pave-nom a, #accueil-paves-conteneur .accueil-pave-nom a:visited {text-decoration:none; color:#fff;} #accueil-paves-conteneur .accueil-pave-suite {} #accueil-paves-conteneur .accueil-pave-suite i {font-size:45px; color:#f1753e;} #accueil-paves-conteneur .accueil-pave:nth-child(2) .accueil-pave-suite i, #accueil-paves-conteneur .accueil-pave:nth-child(3) .accueil-pave-suite i { color:#202020;} /* Accueil */ #accueil-contenu {} #accueil-contenu p {font-size:18px; text-align:center; line-height: 27px; margin-left:0;} /* RASSURANCES */ #accueil-rassurances-conteneur {background:#ececec; padding: 1px 0;} #accueil-rassurances-conteneur > .global {padding:0 10px 50px;} #accueil-rassurances-titre {background:url(../images/accueil-titre.png) no-repeat right top; margin: 20px 0 0;} #accueil-rassurances-conteneur #accueil-rassurances-titre .global {padding:60px 10px 10px;} #accueil-rassurances {margin: 55px 0 45px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-ms-flex-wrap: wrap;flex-wrap: wrap;} #accueil-rassurances .accueil-rassurance {margin: 10px;} #accueil-rassurances .accueil-rassurance-image {height:80px; text-align:center;} #accueil-rassurances .accueil-rassurance-image img {width:auto; height:100%;} #accueil-rassurances .accueil-rassurance-nom {font-weight:700; font-size:18px; color:#202020; text-transform:uppercase; margin-top: 30px;letter-spacing: 1.5px; text-align:center;} #accueil-rassurances-suite {text-align:center;} #contenu #accueil-rassurances-suite .bouton {font-size:18px; font-weight:400; text-transform:initial; letter-spacing: 0.8px; padding:13px 60px;} #accueil-rassurances-suite .bouton i {font-size:13px; margin-left:20px;} /* ANNONCES */ #accueil-derniers-biens-conteneur {padding: 0px 0 70px;} #accueil-derniers-biens-titre .global {padding: 70px 10px 45px; max-width:1275px; background:url(../images/derniers-biens-titre.png) no-repeat center right;} #accueil-derniers-biens-boutons{margin:20px auto; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} #accueil-derniers-biens-boutons .accueil-derniers-biens-bouton {width:calc(50% - 40px); margin:10px 20px; max-width:453px;} #accueil-derniers-biens-boutons .accueil-derniers-biens-bouton a.bouton-fleche {width:100%;} #accueil-derniers-biens-boutons #accueil-derniers-biens-vendre a.bouton-fleche {background:#202020;} #accueil-derniers-biens-boutons #accueil-derniers-biens-vendre:hover a.bouton-fleche {background:#f1753e;} #accueil-derniers-biens-boutons #accueil-derniers-biens-louer a.bouton-fleche {} #biens {margin:0 0 45px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;} #biens.biens-4 {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} #biens .bien {width:443px; margin: 10px;} #biens .bien-image {width:100%; height: auto; max-height:295px; font-size: 0; position:relative; z-index:10;} #biens .bien-image a {display: block; width: 100%; height: 100%; text-decoration:none; position:relative; z-index:10;} #biens .bien-image img {width:100%; height:100%; object-fit:cover;} #biens .bien-etats {position:absolute; left:0; top:0; z-index:11; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} #biens .bien-etats .bien-etat {font-size:14px; font-family:'Roboto Condensed', sans-serif; font-weight:700; color:#fff; padding:5px 0; text-transform:uppercase; display: block; text-align: center; position:relative;} #biens .bien-etats .bien-etat.exclusivite {background:#f37633; width:135px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #biens .bien-etats .bien-etat.exclusivite::before {position: absolute; left: 7px; font-family:FontAwesome; font-size:7px; content:"\f005"; display:block; color:#202020;} #biens .bien-etats .bien-etat.sous-compromis {background:#202020; width:135px; padding:5px 0 5px 12px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} #biens .bien-etats .bien-etat.sous-compromis::before {position: absolute; left: 7px; content:""; display:block; background:url(../images/etat-stylo.png) no-repeat center center; width:11px; height:19px;} #biens .bien-etats .bien-etat.vendu, #biens .bien-etats .bien-etat.loue {background:#545659; width:90px;} #biens .bien-image::before {opacity:0;content:"Découvrir en détail"; display:block; background:#f1753e; width: 195px; height: 30px; position:absolute; left:calc(50% - 97.5px); top:calc(50% - 15px); z-index:15;color: #fff; font-size: 15px; text-align:center; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #biens .bien-image::after {opacity:0;content:""; display:block; border:4px solid #f1753e; width: 100%; height: 100%; position:absolute; left:0; top:0; z-index:15; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #biens .bien:hover .bien-image::before, #biens .bien:hover .bien-image::after {opacity:1;} #biens .bien-type-transaction {font-size:20px; text-transform:uppercase; color:#f1753e; letter-spacing:1.5px; margin:20px 0;} #biens .bien-ville-cp {font-size:20px; color:#202020; margin:20px 0;} #biens .bien-informations { margin:20px 0; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} #biens .bien-informations > div * {display:inline-block; vertical-align:middle;} #biens .bien-informations > div {position:relative;} #biens .bien-informations > div::after{ content: ""; display: block; width: 1px; height: 35px; background: #cacaca; position:absolute; right: 0; top: -4px;} #biens .bien-informations > div:last-child::after{display:none;} #biens .bien-informations > div span {font-size:17px; color:#2e3641; font-weight:500;margin-left: 2px;} #biens .bien-informations .bien-surface {width:105px;} #biens .bien-informations .bien-surface span {font-weight:700;} #biens .bien-informations .bien-nbpieces {width:70px;} #biens .bien-informations .bien-nbchambres {width:70px;} #biens .bien-informations .bien-nbsdb {width:55px;} #biens .bien-prix {font-size:35px; color:#f1753e; font-family:'Roboto Condensed', sans-serif;} #biens .bien-prix sup {color:#202020;} /* RECHERCHE */ #filtres-conteneur { width: 100%; background:#f2f2f2; } #filtres-contenu {position: relative; z-index: 20; padding: 15px 10px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;} #filtres-contenu > div {margin:5px 10px;} #filtres-contenu #filtre-biens-accueil-selectized {opacity: 0 !important;position: absolute !important;left: -10000px !important;} #filtres-contenu .petit input {width: 175px !important;} #filtres-contenu .petit .selectize-control, #filtre-localisation-conteneur {width: 190px !important;} #filtres-contenu .petit > label > input {height: 22px !important; padding:6px 8px 2px; color: #303030; font-size: 13px;line-height: 18px;font-family:Roboto; border-radius: 4px; border: none;outline: none;} #filtres-contenu .selectize-input {/*min-height: 30px !important; */ border-radius:4px !important; border:none; font-family:Roboto; padding:6px 8px; -webkit-box-shadow: none;box-shadow: none;} #filtres-contenu .petit .selectize-input::after {border:none; width:10px; height:10px; background:url(../images/select-bottom.png) no-repeat center right; position: absolute;right: 10px;top: 11px;}} #filtres-contenu .petit .selectize-input.dropdown-active {-webkit-box-shadow: unset !important; box-shadow: unset !important;} #filtres-contenu .petit .selectize-input.dropdown-active::after { background:url(../images/select-top.png) no-repeat center right;} #filtres-contenu .selectize-control .selectize-input > div {background:#f1753e !important; color:#fff !important; border-radius: 4px;} #filtres-contenu .rechercher .bouton {width: 195px;height: 30px; font-size:15px; padding:5px; text-transform:initial;} #filtres-contenu .petit > label > input::-webkit-input-placeholder {font-family:Roboto; color: #303030; font-size: 13px;line-height: 18px;} #filtres-contenu .petit > label > input::-moz-placeholder {font-family:Roboto;color: #303030; font-size: 13px;line-height: 18px;} #filtres-contenu .petit > label > input:-ms-input-placeholder {font-family:Roboto;color: #303030; font-size: 13px;line-height: 18px;} #filtres-contenu .petit > label > input:-moz-placeholder {font-family:Roboto;color: #303030; font-size: 13px;line-height: 18px;} #filtre-localisation-conteneur > div {display:block; background:#fff; min-height:20px; padding:5px 8px 4px; color: #303030; font-size: 13px;line-height: 18px;font-family:Roboto; border-radius: 4px; border: none;outline: none;} #filtre-localisation-conteneur input {height: 19px !important; background:none; border:none;outline: none; font-family:Roboto; color: #303030; font-size: 13px;line-height: 18px;} #filtre-localisation-choix .item {display: inline-block; vertical-align:top; border: 0 solid #f1753e; position: relative;padding-right: 24px !important; background:#f1753e; color: #fff;border-radius: 4px; cursor: pointer;margin: 0 3px 3px 0;padding: 2px 6px;} #filtre-localisation-choix .item .remove {z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Template Annonce */ .global-template-2776 .global {max-width:1480px;} #annonce {} #annonce #annonce-retour {margin: 15px 0;} #annonce #annonce-retour a, #annonce #annonce-retour a:visited {width:275px; height:38px; font-weight:400; background:#f4f4f4; text-decoration:none; font-size:15px; color:#545659; border-radius: 30px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #annonce #annonce-retour a:hover {color:#f4f4f4; background:#545659;} #annonce #annonce-conteneur h1 {text-transform:initial; text-align:center; color:#f1753e; letter-spacing: initial; } #annonce #annonce-haut {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} #annonce #annonce-images, #annonce-caracteristiques {width:calc(60% - 20px); margin-right:20px;} #annonce #annonce-informations, #annonce-diagnostiques {width:40%; max-width:575px;} #annonce #annonce-images {margin-top: 20px; position: relative; z-index: 20; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} #annonce #annonce-images-slider-loader {width:100%; height:100%; position:absolute; left:0; top:0; z-index:35; background:url(../images/ajax-loader.gif) no-repeat center center #F8F7F7; } #annonce #annonce-images-slider-conteneur {width:133px; height:478px; margin-right: 15px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} /** Carousel **/ #annonce #annonce-images-slider { position: relative; z-index: 20; overflow: hidden; height:calc(100% - 56px); width:133px;} /* HEIGHT A MODIFIER */ #annonce #annonce-images-slider ul { width: 100%; height: 10000em; position: relative; list-style: none; margin:0 !important; padding:0 !important;} #annonce #annonce-images-slider li {cursor:pointer; margin:0; padding:0 !important; width:100%; height:102px; background:none; line-height: initial; } #annonce #annonce-images-slider li::before {display:none;} #annonce #annonce-images-slider li span {display:block; margin:0px 0 6px; height:96px; width:100%;} #annonce #annonce-images-slider li:last-child{height:96px;} #annonce #annonce-images-slider li:last-child span {margin:0;} #annonce #annonce-images-slider-conteneur .annonce-images-slider-control {color: #ccc; font-size: 25px; height:28px; width:100%; text-decoration:none; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #annonce #annonce-images-slider-conteneur .annonce-images-slider-control.inactive {visibility:hidden;} #annonce #annonce-images-slider-conteneur #annonce-images-slider-control-prev {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} #annonce #annonce-images-slider-conteneur #annonce-images-slider-control-next {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;} #annonce #annonce-image-conteneur {width:calc(100% - 148px); max-width:718px; height:478px;} #annonce #annonce-image {width: 100%; height: 100%;} #annonce #annonce-image a, #annonce #annonce-image a:visited {text-decoration:none; display:block; width:100%; height:100%;} #annonce #annonce-image img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;} #annonce #annonce-image video {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;} #annonce #annonce-image div {width:100%; height:100%;} #annonce #annonce-image .annonce-image {display:none;} #annonce #annonce-image .annonce-image.visible {display:block;} #annonce #annonce-informations h1 {text-align:left; } #annonce #annonce-ref {font-weight:300; font-size:15px; color:#202020; } #annonce #annonce-prix {color:#f1753e; font-size:35px; font-family:'Roboto Condensed', sans-serif; margin-top: 15px;} #annonce #annonce-honoraires {font-weight:300; font-size:13px; color:#202020; margin-top:3px;} #annonce #annonce-resume { margin:35px 0 40px; max-width:475px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content:flex-start;} #annonce #annonce-resume > div * {display:inline-block; vertical-align:middle;} #annonce #annonce-resume > div {position:relative;} #annonce #annonce-resume > div::after{ content: ""; display: block; width: 1px; height: 35px; background: #cacaca; position:absolute; right: 0; top: -4px;} #annonce #annonce-resume > div:last-child::after{display:none;} #annonce #annonce-resume > div span {font-size:17px; color:#2e3641; font-weight:500; margin-left: 10px;} #annonce #annonce-resume > div {width: 25% !important; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #annonce #annonce-resume #annonce-surface {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #annonce #annonce-resume #annonce-surface span {font-weight:700;} #annonce #annonce-resume #annonce-nbpieces {width:70px;} #annonce #annonce-resume #annonce-nbchambres {width:70px;} #annonce #annonce-resume #annonce-nbsdb {width:55px;} #global #contenu #annonce #annonce-cta {margin:40px 0;} #global #contenu #annonce #annonce-cta .renseignement-conteneur {max-width:475px; margin:0;} #global #contenu #annonce #annonce-cta .renseignement-element {width:50%;} #global #contenu #annonce #annonce-cta .renseignement-element .bouton {text-transform:initial; letter-spacing: initial; width: calc(100% - 20px); margin:0;} #global #contenu #annonce #annonce-cta .renseignement-telephone .bouton {background:#f1753e;} #global #contenu #annonce #annonce-cta .renseignement-mail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap;} #global #contenu #annonce #annonce-cta .renseignement-mail a > span {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} #global #contenu #annonce #annonce-cta .renseignement-mail a > span::before { margin-right:15px;} #annonce #annonce-description {font-weight:100; color:#545659; font-size:15px; } #annonce #annonce-description h2 {text-transform:initial; text-align:left; color:#545659; font-size:19px; letter-spacing: initial; font-weight:500; margin-bottom:0; font-family: Roboto; margin-bottom: 15px;} #annonce #annonce-description p {margin-left:0;} #annonce #annonce-bas {margin: 25px 0 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} #annonce #annonce-bas h2 {text-align:left; font-weight:500; font-size:20px; color: #f1753e; font-family: Roboto;} #annonce #annonce-bas h3 {text-align:left; font-weight:700; font-size:16px; color:#000;font-family: Roboto; text-transform:uppercase; letter-spacing: 1px;} #annonce #annonce-caracteristiques {} #annonce #annonce-caracteristiques #annonce-caracteristiques-centre {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} #annonce #annonce-caracteristiques .annonce-caracteristiques { width: 50%;} #annonce #annonce-caracteristiques .annonce-caracteristiques-centre {margin-bottom:35px;} #annonce #annonce-caracteristiques .annonce-caracteristique {margin:10px 0 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #annonce #annonce-caracteristiques .annonce-caracteristique-label {font-size:16px; color:#000; font-weight:400; width:200px;} #annonce #annonce-caracteristiques .annonce-caracteristique-valeur {font-size:16px; color:#000; font-weight:300; width:calc(100% - 220px);} #annonce #annonce-diagnostiques {} #annonce #annonce-diagnostiques-centre {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #annonce #annonce-diagnostiques-centre .annonce-diagnostique {position:relative; z-index:5; width: 200px; min-height: 220px; text-align:center;} #annonce #annonce-diagnostiques-centre .annonce-diagnostique .image {height: 220px; position:relative; z-index:5; display:block;} #annonce #annonce-diagnostiques-centre .annonce-diagnostique .image::after {content:""; width:calc(100% - 2px); height:calc(100% - 2px); display:block; border:1px solid #f1753e; position:absolute; z-index:10; left:0; top:0;} #annonce #annonce-diagnostiques-centre .annonce-diagnostique img { width:100%; height:100%; -o-object-fit:cover;object-fit:cover;} #annonce #annonce-etiquettes-ges {margin-right:25px;} #annonce #annonce-renseignement {height:400px; position:relative; z-index:10;} #annonce #annonce-renseignement::after {height:100%; width:100%; content:""; position:absolute; z-index:10; display:block; background:rgba(32,32,32,0.5); left: 0; top: 0;} #annonce #annonce-renseignement .global {height:100%; padding:25px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box; position:relative; z-index:15; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} #annonce #annonce-renseignement #annonce-renseignement-titre {font-weight:700; color:#fff; text-transform:uppercase; font-size:40px; padding:10px 50px; background:rgba(255,255,255,0.3); border-radius: 50px; letter-spacing: 2.5px; text-align: center;} #annonce #annonce-renseignement #annonce-renseignement-coordonnees {width:100%;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-conteneur {max-width:670px;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-element {width:calc(50% - 2px);} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-element .bouton {width:calc(100% - 20px);} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-element a > span {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-telephone .bouton { background:#f1753e;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-telephone a > span {font-size:28px;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-telephone a > span::before {display:none;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-mail .bouton {color:#545659; background:#fff;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-mail a > span {color:#545659;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-mail a > span::before {display:none;} #global #contenu #annonce #annonce-renseignement #annonce-renseignement-coordonnees .renseignement-mail a > span::after { content: ""; display: block; margin-left: 20px; width: 23px; height: 23px; background: url(../images/icone-mail-gris.png) no-repeat center center;} /* Template Gabarit */ #gabarit-photo {} #gabarit-photo h2, #gabarit-photo ul {display: flow-root;} #gabarit-photo .gabarit-gauche-image img, #gabarit-photo .gabarit-droite-image img {width:100%; height:auto;} #gabarit-photo.alterne .gabarit-gauche-image {float:left; margin:0 15px 15px 0;} #gabarit-photo.alterne .gabarit-droite-image {float:right; margin:0 0 15px 15px;} #gabarit-photo.gauche .gabarit-gauche-image {float:left; margin:0 15px 15px 0;} #gabarit-photo.gauche .gabarit-droite-image {float:left; margin:0 15px 15px 0;} #gabarit-photo.droite .gabarit-gauche-image {float:right; margin:0 0 15px 15px;} #gabarit-photo.droite .gabarit-droite-image {float:right; margin:0 0 15px 15px;} #gabarit-photo .portrait {width:30%;} #gabarit-photo .paysage {width:35%;} /* Template Gabarit Page*/ #gabarit-page {margin-bottom:25px;} #gabarit-page .container-gabarit{position: relative;overflow: hidden;} #gabarit-page .container-gabarit:nth-child(2n+1) {background:#ececec;} #gabarit-page .global-gabarit{width: 100%;padding: 0;max-width: 1304px;display: flex;margin: auto;} #gabarit-page .global-gabarit > div {width: 100%; text-align: center; } #gabarit-page .global-gabarit.global-gabarit-image > div {max-width: 757px;} #gabarit-page .global-gabarit.gabarit-centre > div {max-width: 100%;} #gabarit-page .gabarit-gauche, #gabarit-page .gabarit-droite{position: relative;overflow: hidden;} #gabarit-page .gabarit-gauche{justify-content:flex-end;} #gabarit-page .gabarit-centre{justify-content:center;} #gabarit-page .gabarit-droite{justify-content:flex-start;} #gabarit-page .gabarit-image{position: absolute;top: 100px;;width: calc(50% - 187px);height: calc(100% - 100px);} #gabarit-page .gabarit-image.droite {right: 0} #gabarit-page .gabarit-image.gauche {left: 0} #gabarit-page .gabarit-image img{width: 100%;height: 100%;object-fit: cover;} #gabarit-page .global-gabarit-gauche{padding: 0;max-width: 1075px;display: flex;margin: auto; justify-content:flex-end;overflow: hidden;} #gabarit-page .global-gabarit-droite{padding: 0;max-width: 1075px;display: flex;margin: auto; justify-content:flex-start;overflow: hidden;} #gabarit-page .global-gabarit-centre{padding: 0;max-width: 1075px;margin: auto;overflow: hidden;} #gabarit-page .global-gabarit-centre .gabarit-texte { max-width: 1075px;} #gabarit-page .gabarit-texte {margin-top: 70px;overflow: hidden; text-align:left;} #gabarit-page #gabarit-texte-1 {margin-top: 0px;} /* #gabarit-photo h2, */ #gabarit-page ul {display: flow-root;} #gabarit-page .gabarit-gauche-image img, #gabarit-page .gabarit-droite-image img {width:100%; height:auto;} #rassurances-conteneur {background:#ffffff; } #rassurances-conteneur .global { padding:49px 0px 10px; min-height:200px;} #rassurances {text-align:center; font-size:0;} #rassurances .rassurance {width: 190px; display:inline-block; vertical-align:top; margin: 10px 30px; } #rassurances .rassurance-image {height:90px;} #rassurances .rassurance-nom {margin-top:28px; color:#17519a; font-size:23px; font-weight:400; text-transform:uppercase;} /* Renseignement petite barre */ /* #contenu .renseignement-conteneur {cursor:pointer; max-width:605px; min-height:65px; margin:40px auto; background:#ffffff; border:1px solid #f1753e; border-radius: 3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;box-sizing: border-box;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow: hidden;} #contenu .renseignement-titre {position:relative; z-index:10; height: 65px; padding:0 10px; text-align:center;display:inline-block; vertical-align:top; background:#f1753e;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 260px;} #contenu .renseignement-titre span {height:100%; text-transform: uppercase; letter-spacing: 0.9px;font-weight:700; font-size:22px; color:#fff; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #contenu .renseignement-titre::after{ display: inline-block; content: " "; position: absolute; right: -23px; top: 8px; width: 47px; height: 47px; background:#f1753e; border-right: 1px solid #f1753e; border-top: 1px solid #f1753e; border-radius: 2px; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #contenu .renseignement-contenu {height: 55px;padding: 5px 0 5px 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;box-sizing: border-box; min-width: 320px;} #contenu .renseignement-contenu .renseignement-element {height: 100%; } #contenu .renseignement-contenu .renseignement-element-contenu { height:100%; font-size: 27px; font-weight: 700; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #contenu .renseignement-telephone {text-align:center; display:inline-block; vertical-align:top; border-right:1px solid #000; color:#292b2f;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;} #contenu .renseignement-telephone a, #contenu .renseignement-telephone a:visited {text-decoration:none; color:#292b2f;} #contenu .renseignement-mail {display:inline-block; vertical-align:top; width:61px;} #contenu .renseignement-mail-contenu { height:100%; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #contenu .renseignement-mail a, #contenu .renseignement-mail a:visited {margin:0 auto; font-size:30px; color:#fff; width:28px; height:38px; text-align:center; text-decoration:none; background:#f1753e; padding:1px 6px; line-height: 35px;border-radius: 20px;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #contenu .renseignement-mail i {font-size:22px; color:#fff; display: inline-block; vertical-align: top;} */ #global #contenu .renseignement-conteneur {max-width:545px; margin:40px auto;} #global #contenu .renseignement-contenu {-ms-flex-wrap: wrap;flex-wrap: wrap; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;box-sizing: border-box; } #global #contenu .renseignement-element .bouton {margin: 10px; background:#545659;color:#fff; padding:13px 20px;} #global #contenu .renseignement-element a > span {color:#fff;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;} #global #contenu .renseignement-telephone a > span::before {content:""; display:block; margin-right:10px; width:23px; height:23px; background:url(../images/icone-tel.png) no-repeat center center;} #global #contenu .renseignement-mail a > span::before {content:""; display:block; margin-right:10px; width:23px; height:23px; background:url(../images/icone-mail.png) no-repeat center center;} #global #contenu .renseignement-element .bouton:hover {background:#999c9f;} /* Fin renseignement */ /* CHECKBOX SPE */ body .checkbox-spe-conteneur {position: relative;} body .checkbox-spe-conteneur label {display:block; position: relative; padding-left: 27px; cursor:pointer; letter-spacing: 0.6px; font-size: 13.5px;} body .checkbox-spe-conteneur [type="radio"]:not(:checked), body .checkbox-spe-conteneur [type="radio"]:checked, body .checkbox-spe-conteneur [type="checkbox"]:not(:checked), body .checkbox-spe-conteneur [type="checkbox"]:checked { position: absolute; left: 0; opacity: 0.01;} body .checkbox-spe-conteneur [type="radio"]:not(:checked) + label:before, body .checkbox-spe-conteneur [type="radio"]:checked + label:before, body .checkbox-spe-conteneur [type="checkbox"]:not(:checked) + label:before, body .checkbox-spe-conteneur [type="checkbox"]:checked + label:before {cursor: pointer;width:12px; height: 12px; border: 1px solid #e7e7e7; background: #FFF; content: ''; position: absolute; left: 0;top: 1px; transition: all .275s; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } /* Aspect de la coche */ body .checkbox-spe-conteneur [type="radio"]:not(:checked) + label:after, body .checkbox-spe-conteneur [type="radio"]:checked + label:after, body .checkbox-spe-conteneur [type="checkbox"]:not(:checked) + label:after, body .checkbox-spe-conteneur [type="checkbox"]:checked + label:after {cursor: pointer; content: ''; width:8px; height: 8px; background:#33300d; position: absolute; top: 4px; left: 3px; line-height: 0; transition: all .2s; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } /* Aspect non cochée */ body .checkbox-spe-conteneur [type="radio"]:not(:checked) + label:after, body .checkbox-spe-conteneur [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0) rotate(45deg);} /* Aspect cochée */ body .checkbox-spe-conteneur [type="radio"]:checked + label:after, body .checkbox-spe-conteneur [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1) rotate(0);} /* FIN CHECKBOX SPE */ /* BOUTON PAYPAL */ .paypal-button { white-space: nowrap; } .paypal-button button { background: none repeat scroll 0 0 #ffa823; border: 1px solid #ffa823; border-radius: 13px; color: #0e3168; cursor: pointer; font-family: "Arial",bold,italic; font-style: italic; font-weight: bold; overflow: hidden; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); white-space: nowrap; z-index: 0; } .paypal-button button.large { font-size: 14px; padding: 4px 19px; } .paypal-button button:after { background: -moz-linear-gradient(center top , #fefefe 0%, #fed994 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 40px 40px 38px 38px; content: " "; height: 60%; left: 0; position: absolute; top: 0; transform: translateX(1%); width: 98%; z-index: -1; } .paypal-button button:before { background: -moz-linear-gradient(center top , #ffaa00 0%, #ffaa00 80%, #fff8fc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 11px; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } #contenu .iframe-responsive-wrapper .iframe-ratio {height:0 !important;} /* Retour haut de page */ #back-to-top { position: fixed; bottom: 25px; right: 25px; border:none; text-decoration: none; background: rgba(84, 86, 89, 0.9); color:#fff; width:48px; height:48px; padding: 0; display: none; z-index:500; border-radius: 35px; } #back-to-top span { margin:1px; width:calc(100% - 8px); height:calc(100% - 8px); background: rgba(84, 86, 89, 0.9); border: 3px solid #fff; display:inline-block; vertical-align:middle; border-radius: 35px;} #back-to-top i {color:#fff; font-size: 37px; line-height: 34px; width:100%; height:100%; text-align:center;} /* Réseaux */ #global .reseau-partage .reseau-partage-image {height: 100%; width:100%; padding:5px; position:relative; z-index:1; text-decoration:none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;-webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} #global .reseau-partage i {color:#fff;} #global .reseau-partage-gauche .reseau-partage-image {text-align:right;} #global .reseau-partage-bas .reseau-partage-image {text-align:center;} #global .reseau-partage-facebook .reseau-partage-image{background:#4267B2;} #global .reseau-partage-twitter .reseau-partage-image{background:#55acee;} #global .reseau-partage-linkedin .reseau-partage-image{background:#0077b5;} #global .reseau-partage-pinterest .reseau-partage-image{background:#CB2027;} #global .reseau-partage-email .reseau-partage-image {background:#7d7d7d;} #reseaux-partage-gauche-conteneur { top: 25%; left:0px; position: fixed; z-index: 500;} #reseaux-partage-gauche-conteneur .reseau-partage { height: 40px; width:55px; position:relative; cursor:pointer; } #reseaux-partage-gauche-conteneur .reseau-partage .reseau-partage-image {left:-15px; padding:5px 11px 5px 2px; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } #reseaux-partage-gauche-conteneur .reseau-partage:first-child .reseau-partage-image {border-radius: 0 5px 0 0;} #reseaux-partage-gauche-conteneur .reseau-partage:last-child .reseau-partage-image {border-radius: 0 0 5px 0;} #reseaux-partage-gauche-conteneur .reseau-partage i { font-size:19px;} #reseaux-partage-gauche-conteneur .reseau-partage:hover .reseau-partage-image { left:-2px; border-radius: 0 5px 5px 0;} #reseaux-partage-gauche-conteneur #reseau-partage-gauche-facebook .reseau-partage-image { padding:7px 14px 3px 0; } #reseaux-partage-gauche-conteneur #reseau-partage-gauche-facebook i {font-size:20px;} #reseaux-partage-gauche-conteneur #reseau-partage-gauche-pinterest .reseau-partage-image { padding:7px 11px 3px 2px; } #reseaux-partage-gauche-conteneur #reseau-partage-gauche-email .reseau-partage-image { padding:4px 11px 6px 2px;} #reseaux-partage-gauche-conteneur #reseau-partage-gauche-email i { font-size:17px;} #reseaux-partage-bas-conteneur {margin:15px 0;} #reseaux-partage-bas-conteneur > div { text-align:center;} #reseaux-partage-titre {font-size:17px; margin: 40px 0 10px;} #reseaux-partage-bas-conteneur .reseau-partage { margin:0 5px; cursor:pointer; position:relative; display:inline-block; vertical-align:top;} #reseaux-partage-bas-conteneur .reseau-partage::after {height: 4px; width:100%; position:absolute; left:0; bottom:6px; box-shadow:0px 9px 7px rgba(0,0,0,0.3); content:"";} #reseaux-partage-bas-conteneur .reseau-partage > div { width:35px; height: 38px; position:relative; overflow:hidden; padding:3px 5px 0;} #reseaux-partage-bas-conteneur .reseau-partage .reseau-partage-image {padding:8px 5px 0; bottom:-7px; border-radius: 5px 5px 0 0; -webkit-box-pack: start;-ms-flex-pack: start;justify-content: start; } #reseaux-partage-bas-conteneur .reseau-partage i { font-size:19px;} #reseaux-partage-bas-conteneur .reseau-partage:hover .reseau-partage-image { bottom:0px;} #reseaux-partage-bas-conteneur #reseau-partage-bas-email i { font-size:15px;} /* Cookie message */ #cookie-message {position:fixed; bottom:20px; left:20px; z-index:9999; background:rgba(0,0,0,0.8); width:calc(100% - 40px); max-width:680px; border-radius:3px;} #cookie-message-wrapper {padding:20px 45px 20px 20px;} #cookie-message-entete { overflow:hidden; text-align:right; position:absolute; top:2px; right:9px; z-index:100;} #cookie-message-fermer {color: #fff; font-size: 30px; line-height: 30px; text-decoration: none;} #cookie-message-contenu {color:#ffffff;} #cookie-message-contenu p {margin:0;} #cookie-choix-contenu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} #cookie-choix-contenu .cookie-choix {-webkit-box-align: center;align-items: center;background-color: #fff;border: none;cursor: pointer;display: -webkit-inline-box;display: inline-flex;-webkit-box-pack: center;justify-content: center;width: 110px;padding: 10px;position: relative;text-decoration: none;-webkit-transition: background-color .3s ease;transition: background-color .3s ease;background: none;color: #fff;text-transform: uppercase;} #cookie-choix-contenu .cookie-choix a{text-decoration: none;} #cookie-choix-contenu .cookie-choix span{letter-spacing: 1px;color: #fff;display: block; font-size: 13px;font-weight: 700;line-height: 1.23;pointer-events: none;position: relative;text-align: center;-webkit-transition: color .3s ease;transition: color .3s ease;z-index: 1;} #cookie-choix-contenu .cookie-choix::before {background-color: #f1753e;bottom: 0;content: "";display: block;left: 0;position: absolute;top: 0;-webkit-transition: width .3s ease;transition: width .3s ease;width: 0;} #cookie-choix-contenu .cookie-choix:hover::before {width: 100%;} .popup-modal-close {display: flex; justify-content: flex-end;} /* Cookie consentement modal debut */ #cookie-consent-form {} #cookie-consent-form > .titre {font-size:18px; text-transform:uppercase;} #cookie-consent-form .categories {} #cookie-consent-form .categorie {padding:15px 0; border-top:1px solid #ccc;} #cookie-consent-form .categorie:first-child {border-top:none;} #cookie-consent-form .categorie .haut {} #cookie-consent-form .categorie .titre {font-weight:bold; margin-bottom:15px; display:inline-block; vertical-align:top; width:250px;} #cookie-consent-form .categorie .configuration {color:#2196F3; display:inline-block; vertical-align:top; width:calc(100% - 260px); text-align:right;} #cookie-consent-form .categorie .configuration.actif {font-weight:bold;} #cookie-consent-form .categorie .contenu {} #cookie-consent-form .categorie .row {margin:10px 0; font-size:0.9em;} #cookie-consent-form .categorie .label {display:inline-block; vertical-align:top; width:120px;} #cookie-consent-form .categorie .valeur {display:inline-block; vertical-align:top; width:calc(100% - 120px);} #cookie-consent-form .categorie .nom {} #cookie-consent-form .categorie .description {} /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* Cookie consentement modal fin */ .center {text-align:center !important;} .gras {font-weight:bold;} .lien {cursor:pointer;} .vert {color:#018032;} .clear { clear:both;} .clearLeft { clear:left;} .clearRight { clear:right;} .floatLeft { float:left;} .floatRight { float:right;} a img {border:none;} .clearfix:after {content: "."; display: block; clear: both;visibility: hidden; line-height: 0; height: 0;} .clearfix {display: inline-block;} img.lazy {width: 100%;height: 100%; display: block; background: url('../images/ajax-loader.gif') no-repeat center center; } #ui-datepicker-div {font-size:12px;} .tableau-parent, .tableau-parent-2, .tableau-parent-3, .tableau-parent-4, .tableau-parent-5 {text-align:center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap: wrap;flex-wrap: wrap;} .tableau-parent tbody, .tableau-parent-2 tbody, .tableau-parent-3 tbody, .tableau-parent-4 tbody, .tableau-parent-5 tbody, .tableau-parent tr, .tableau-parent-2 tr, .tableau-parent-3 tr, .tableau-parent-4 tr, .tableau-parent-5 tr {display: inline-table;width: 100%;} .tableau-enfant {margin:15px !important; display:inline-block; vertical-align:top; text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} .tableau-enfant tr td {width:100% !important; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} .tableau-enfant tr td img {max-width:100%; height:auto; margin: 0 auto; display: block;} .tableau-parent-2 .tableau-enfant {width:calc(50% - 35px) !important; min-width:215px !important;} .tableau-parent-3 .tableau-enfant {width:calc(33.333% - 35px) !important; min-width:215px !important;} .tableau-parent-4 .tableau-enfant {width:calc(25% - 35px) !important; min-width:215px !important;} .tableau-parent-5 .tableau-enfant {width:calc(20% - 35px) !important; min-width:215px !important;} .table-responsive-50-pourcent table, .table-responsive-50-pourcent thead, .table-responsive-50-pourcent tbody, .table-responsive-50-pourcent tr, .table-responsive-50-pourcent th, .table-responsive-50-pourcent td, .table-responsive-100-pourcent table, .table-responsive-100-pourcent thead, .table-responsive-100-pourcent tbody, .table-responsive-100-pourcent tr, .table-responsive-100-pourcent th, .table-responsive-100-pourcent td {display: block;} .table-responsive-50-pourcent table, .table-responsive-100-pourcent table {width:100%;} .table-responsive-50-pourcent thead, .table-responsive-100-pourcent thead {display: none;} .table-responsive-50-pourcent td, .table-responsive-100-pourcent td {padding: 10px;text-align: left;border: solid 1px #ccc;} .table-responsive-50-pourcent td, .table-responsive-100-pourcent td {padding-left: 173px;position: relative;margin-top: -1px;width: 100%!important;text-align: left !important;background: #FFF;box-sizing: border-box;} .table-responsive-50-pourcent td:nth-child(odd), .table-responsive-100-pourcent td:nth-child(odd) {background-color: #eee;} .table-responsive-50-pourcent td::before, .table-responsive-100-pourcent td::before {padding: 10px;content: attr(data-label);position: absolute;top: 0;left: 0;width: 145px;bottom: 0;background-color: #f1753e;color: #ffffff;font-weight: 600;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .table-responsive-50-pourcent tr {margin: 0 5px 1rem;} .table-responsive-100-pourcent tr{margin: 0 0px 1rem;} .table-responsive-100-pourcent tr { width: 100%;} .table-responsive-50-pourcent tr { width: calc(50% - 13px);display: inline-block;vertical-align: top;} .table-responsive-50-pourcent th + td, .table-responsive-100-pourcent th + td {padding-left: 10px;} /* Table responsive */ .table-header { opacity:0; background-color: #6c6c6c; } .table-responsive-label {display:none;} /* Formulaires */ .form {clear:left; margin:10px 0;} .form140 {display:block; width:140px; padding-right:20px; float:left; text-align:right;} .form180 {display:block; width:180px; padding-right:20px; float:left; text-align:right; font-size:0.8em;} .form200 {display:block; width:200px; padding-right:20px; float:left; text-align:right; font-size:0.8em;} .form90 {display:block; width:90px; padding-right:20px; float:left; text-align:right;} .inputCadre { border:#529e11 1px solid;} body .input { position: relative; z-index:10; background: #fff;} /* LABEL DANS INPUT */ body .input > .input-text-label {border: 0; border-bottom:1px solid #e6e6e6; outline: 0; padding: 15px 0 0px !important; width:100% !important; height:45px !important; position: relative; z-index:10;background-color: transparent; z-index: 2; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box; } body .input textarea {margin:0; font-family: 'Poppins'; font-size: 13px; width: 100%; color: #493030;outline: 0; padding: 20px 7px 3px 14px; position: relative; background-color: transparent; z-index: 2; } body .input > label {top: 0px; left:-4px; font-size: 14px; color: #979191; letter-spacing:0.65px; position: absolute; z-index:11; -webkit-transform: translate(5px, calc(100% - 5px)) scale(1); transform: translate(5px, calc(100% - 5px)) scale(1); display: block; z-index: 1; -webkit-transform-origin: bottom left; transform-origin: bottom left; transition: color 200ms ease-in-out, font-size 200ms ease-in-out, -webkit-transform 200ms ease-in-out; transition: color 200ms ease-in-out, transform 200ms ease-in-out, font-size 200ms ease-in-out; transition: color 200ms ease-in-out, transform 200ms ease-in-out, font-size 200ms ease-in-out, -webkit-transform 200ms ease-in-out;} body .input > label.active {-webkit-transform: translate(0, 0) scale(0.8); transform: translate(0, 0) scale(0.8);} body .input > label.active-color { } body .erreur {border:1px solid #f00 !important;} /* FIN LABEL DANS INPUT */ body .input-text {outline:none; border: 1px solid #dcdcdc; color: #000000; padding: 7px 5px; width: 70%;} body .erreur .input-text, body .erreur select {border-color:#f00;} body .input .erreur-message, body .input .erreur-message-mail, body .input .erreur-message-identique, body .checkbox-spe-conteneur .erreur-message {display:none; color:#6d071A; font-size:12px; letter-spacing: .85px; padding-left: 14px;text-align: left; position: absolute; bottom: -16px; left: 0;} body textarea {outline:none; border: 1px solid #dcdcdc; color: #000000; padding: 7px 5px; width: 70%; height:75px;} body select {outline:none; border: none; border: 1px solid #dcdcdc; height:30px;} .bouton-js {cursor:pointer;} .submit input, input.submit,.bouton,.bouton-fleche, #global a.bouton, #global a.bouton:visited, #global a.bouton-fleche, #global a.bouton-fleche:visited { -webkit-hyphens: none;-ms-hyphens: none;hyphens: none; border:none; font-size:18px;background:#f1753e; color: #fff; min-height: 30px; min-width: 120px;text-align: center; padding: 13px 40px; margin: 0px; font-weight:500; text-transform:uppercase; letter-spacing:1.5px; text-decoration: none; display: inline-block; vertical-align:top; cursor: pointer; -webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out; -webkit-box-sizing: border-box;box-sizing: border-box;} #global a.bouton span, #global a.bouton:visited span, #global a.bouton-fleche span, #global a.bouton-fleche:visited span, #global a.bouton-fleche i, #global a.bouton-fleche:visited i {color:#fff;} .submit input, input.submit, .bouton input, input.bouton {height: 32px; border:none; } .bouton-fleche i, #contenu a.bouton-fleche i {margin-left:12px;} .bouton, #contenu a.bouton, #contenu a.bouton:visited, .bouton-fleche, #contenu a.bouton-fleche, #contenu a.bouton-fleche:visited { line-height: 20px;} .submit input:hover, input.submit:hover, .bouton input:hover, input.bouton:hover, .bouton:hover, #contenu .bouton:hover, #contenu a.bouton:hover, .bouton-fleche:hover, #contenu .bouton-fleche:hover, #contenu a.bouton-fleche:hover {background:#545659; text-decoration:none; } .submit input:hover, input.submit:hover, .bouton input:hover, input.bouton:hover, .bouton:hover, #contenu .bouton:hover, #contenu a.bouton:hover {background:#545659; text-decoration:none; } /* Messages de retour */ .reponse-message, .reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; } .reponse-erreurs { background: #fbe3e4; color: #8a1f11 !important; border-color: #fbc2c4; padding:0 0.8em; } .reponse-message, .ok { background: #e6efc2; color: #264409 !important; border-color: #c6d880; } .reponse-erreur { color: #8a1f11 !important; font-weight:bold; } .reponse-message, .ok { color: #264409 !important; font-weight:bold; }