Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 717
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 1768
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 2424
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 2478
Warning: is_file(): open_basedir restriction in effect. File(/utils.less) is not within the allowed path(s): (/www/wwwroot/spattitude.fr/:/tmp/) in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/utils) is not within the allowed path(s): (/www/wwwroot/spattitude.fr/:/tmp/) in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop.less) is not within the allowed path(s): (/www/wwwroot/spattitude.fr/:/tmp/) in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop) is not within the allowed path(s): (/www/wwwroot/spattitude.fr/:/tmp/) in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/tablet.less) is not within the allowed path(s): (/www/wwwroot/spattitude.fr/:/tmp/) in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/tablet) is not within the allowed path(s): (/www/wwwroot/spattitude.fr/:/tmp/) in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile.less) is not within the allowed path(s): (/www/wwwroot/spattitude.fr/:/tmp/) in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile) is not within the allowed path(s): (/www/wwwroot/spattitude.fr/:/tmp/) in /www/wwwroot/spattitude.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
display: none !important;
}
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?3029oe');
src: url('../fonts/icomoon.eot?3029oe#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?3029oe') format('truetype'), url('../fonts/icomoon.woff?3029oe') format('woff'), url('../fonts/icomoon.svg?3029oe#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-instagram:before {
content: "\e900";
}
.icon-casque:before {
content: "\e901";
}
.icon-enveloppe:before {
content: "\e902";
}
.icon-personne:before {
content: "\e903";
}
.icon-caddie:before {
content: "\e904";
}
.icon-facebook:before {
content: "\e905";
}
@font-face {
font-family: 'fontello';
src: url('../fonts/fontello.eot?66200727');
src: url('../fonts/fontello.eot?66200727#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?66200727') format('woff'), url('../fonts/fontello.ttf?66200727') format('truetype'), url('../fonts//fontello.svg?66200727#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
.demo-icon {
font-family: "fontello" !important;
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pause-1:before {
content: '\e801';
}
a {
color: #2daae1;
}
body {
overflow-x: hidden;
font-family: "Poppins", sans-serif;
color: #1d233b;
}
body .pswp__bg {
opacity: 0 !important;
}
body .pswp {
background: white;
}
body #grdp_barre_maxi {
display: none !important;
}
body #grdp_barre_mini {
display: block !important;
}
body a {
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body a:hover,
body a:active,
body a:focus {
text-decoration: none;
outline: none;
}
body .bouton-avec-effet a {
display: inline-block;
font-size: 16px;
line-height: 16px;
font-weight: 600;
padding: 11px 22px;
background-color: #2daae1;
border: 1px solid #2daae1;
position: relative;
border-radius: 25px;
overflow: hidden;
color: #ffffff;
text-align: center;
}
body .bouton-avec-effet a span {
position: relative;
z-index: 1;
}
body .bouton-avec-effet a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
background-color: #ffffff;
}
body .bouton-avec-effet a:hover {
color: #2daae1;
}
body .bouton-avec-effet a:hover:before {
height: 100%;
}
body #grdp_barre_mini {
display: block !important;
}
body #grdp_barre_maxi {
display: none !important;
}
body .photos-menu-principal-cachees {
display: none;
}
body .nf-form-cont .nf-error-msg {
font-size: 13px;
font-style: italic;
font-weight: 600;
}
body .nf-form-cont .nf-form-fields-required {
display: none;
}
body .nf-form-cont .nf-form-content {
padding: 0;
max-width: 100%;
}
body .nf-form-cont .nf-form-content .nf-row {
margin: 0 -17px;
}
body .nf-form-cont .nf-form-content .nf-row .nf-cell {
padding: 0 17px;
}
body .nf-form-cont .nf-form-content .nf-field-container {
margin-bottom: 35px;
}
body .nf-form-cont .nf-form-content .nf-field-container input,
body .nf-form-cont .nf-form-content .nf-field-container textarea,
body .nf-form-cont .nf-form-content .nf-field-container select {
border: 0;
padding: 20px 25px;
font-size: 16px;
line-height: 20px;
outline: 0;
background-color: #f2f2f2;
color: #282828;
}
body .nf-form-cont .nf-form-content .nf-field-container input::placeholder,
body .nf-form-cont .nf-form-content .nf-field-container textarea::placeholder,
body .nf-form-cont .nf-form-content .nf-field-container select::placeholder {
color: #a09f9f;
opacity: 1;
}
body .nf-form-cont .nf-form-content .nf-field-container input:-ms-input-placeholder,
body .nf-form-cont .nf-form-content .nf-field-container textarea:-ms-input-placeholder,
body .nf-form-cont .nf-form-content .nf-field-container select:-ms-input-placeholder {
color: #a09f9f;
}
body .nf-form-cont .nf-form-content .nf-field-container input::-ms-input-placeholder,
body .nf-form-cont .nf-form-content .nf-field-container textarea::-ms-input-placeholder,
body .nf-form-cont .nf-form-content .nf-field-container select::-ms-input-placeholder {
color: #a09f9f;
}
body .nf-form-cont .nf-form-content .nf-field-container input,
body .nf-form-cont .nf-form-content .nf-field-container select {
height: 60px;
}
body .nf-form-cont .nf-form-content .nf-field-container textarea {
height: 307px;
resize: none;
}
body .nf-form-cont .nf-form-content .nf-field-container label {
display: none;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-error .nf-field-element:after {
height: 58px;
line-height: 58px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container {
margin-bottom: 23px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label label {
display: block;
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label label span {
color: #282828;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li {
cursor: pointer;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li input {
height: 20px;
width: 20px;
cursor: pointer;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label {
display: block;
font-size: 18px;
line-height: 22px;
cursor: pointer;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label:before {
background: #1d233b;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label:after {
background-color: #f2f2f2;
border-color: #f2f2f2;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label.nf-checked-label:after {
border-color: #1d233b;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-label {
display: none;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul {
font-size: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li {
margin-bottom: 5px !important;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li input {
height: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label {
font-size: 14px;
line-height: 18px;
padding-left: 35px;
color: #282828;
position: relative;
cursor: pointer;
margin: 0 !important;
display: block;
text-align: justify;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: absolute;
z-index: 2;
font-size: 20px;
line-height: 20px;
color: #1d233b;
top: 0px;
bottom: auto;
left: 0;
transition: all 0.5s ease-in-out !important;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out !important;
-o-transition: all 0.5s ease-in-out !important;
opacity: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label:after {
content: "";
width: 20px;
height: 20px;
border: 0;
background-color: #f2f2f2;
left: 0;
top: 0;
transition: all 0.5s ease-in-out !important;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out !important;
-o-transition: all 0.5s ease-in-out !important;
bottom: auto;
position: absolute;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label.nf-checked-label:before {
opacity: 1;
}
body .nf-form-cont .nf-form-content .nf-field-container.submit-container {
text-align: center;
margin: 0;
}
body .nf-form-cont .nf-form-content .nf-field-container.submit-container input {
width: 100%;
max-width: 260px;
height: auto;
background-color: #2daae1;
color: #ffffff;
font-weight: 500;
border: 1px solid #2daae1;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
outline: none;
padding: 15px;
font-size: 20px;
line-height: 20px;
white-space: normal;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body .nf-form-cont .nf-form-content .nf-field-container.submit-container input:hover {
background-color: #ffffff;
color: #2daae1;
}
body .tooltip.show {
opacity: 1;
}
body .tooltip .arrow:before {
border-top-color: #2daae1;
}
body .tooltip .tooltip-inner {
background-color: #2daae1;
}
body .bouton-besoin-daide {
position: fixed;
z-index: 10;
right: -77px;
top: 50%;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
body .bouton-besoin-daide a {
font-size: 20px;
line-height: 20px;
padding: 7px 15px;
border-radius: 0;
border-bottom: 0;
}
body .modal-stylise#modalBesoinDaide .modal-dialog {
max-width: 1550px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content {
border: 0;
border-radius: 15px;
overflow: hidden;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-header {
padding: 0;
border: 0;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-header .close {
outline: 0;
border: 0;
position: absolute;
top: 0;
right: 0;
color: #2daae1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
padding: 0;
font-size: 48px;
line-height: 48px;
margin: 0;
top: 5px;
right: 15px;
z-index: 3;
opacity: 1;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-header .close:hover {
color: #1d233b;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-header .close span {
text-shadow: none;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body {
padding: 0;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body >.row {
margin: 0;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe {
padding-top: 70px;
padding-bottom: 50px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe .titre {
font-size: 45px;
line-height: 49px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe .texte {
font-size: 20px;
line-height: 24px;
text-align: center;
margin-bottom: 20px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel {
background-image: url(../img/modal-rappel-filigrane.png);
background-position: 100% 90%;
background-repeat: no-repeat;
background-color: #2daae1;
padding-left: 48px;
padding-right: 48px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .titre {
color: #ffffff;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .texte {
color: #ffffff;
padding-bottom: 45px;
border-bottom: 1px solid #ffffff;
margin-bottom: 30px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container input,
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container textarea,
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container select {
background-color: #ffffff;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label {
margin-bottom: 20px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label label {
color: #ffffff;
font-weight: 600;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label label span {
color: #ffffff;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label {
color: #ffffff;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label {
color: #ffffff;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container.submit-container input {
background-color: #1d233b;
border-color: #1d233b;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .nf-form-cont .nf-form-content .nf-field-container.submit-container input:hover {
background-color: #ffffff;
color: #1d233b;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.contact {
padding-left: 48px;
padding-right: 20%;
background-image: url(../img/modal-contact-personne.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-color: #ffffff;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.contact .titre {
color: #2daae1;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.contact .texte {
color: #1d233b;
}
body .modal-stylise#modalPopUp .modal-dialog {
max-width: 800px;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content {
border: 0;
border-radius: 15px;
overflow: hidden;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-header {
padding: 0;
border: 0;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-header .close {
outline: 0;
border: 0;
position: absolute;
top: 0;
right: 0;
color: #2daae1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
padding: 0;
font-size: 48px;
line-height: 48px;
margin: 0;
top: 5px;
right: 15px;
z-index: 3;
opacity: 1;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-header .close:hover {
color: #1d233b;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-header .close span {
text-shadow: none;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body {
padding: 15px 30px;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body .titre {
font-size: 30px;
line-height: 34px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body .contenu {
font-size: 16px;
line-height: 24px;
text-align: center;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body .contenu a {
text-decoration: underline;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body .contenu a:hover {
color: #2daae1;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body .contenu img {
max-width: 100%;
height: auto;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog {
max-width: 800px;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content {
border: 0;
border-radius: 15px;
overflow: hidden;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-header {
padding: 0;
border: 0;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-header .close {
outline: 0;
border: 0;
position: absolute;
top: 0;
right: 0;
color: #2daae1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
padding: 0;
font-size: 48px;
line-height: 48px;
margin: 0;
top: 5px;
right: 15px;
z-index: 3;
opacity: 1;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-header .close:hover {
color: #1d233b;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-header .close span {
text-shadow: none;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-body {
padding: 15px 30px;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-body .titre {
font-size: 30px;
line-height: 34px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-body .titre span {
font-size: 24px;
}
body .container {
max-width: 1610px;
}
body >header {
height: 108px;
background-color: rgba(0,0,0,0.7);
z-index: 10;
position: fixed;
width: 100%;
top: 0;
left: 0;
}
body >header:after {
content: "";
width: 100%;
height: 30px;
display: block;
background-image: url(../img/header-ellipse.png);
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: -30px;
left: 0;
}
body >header.scrolled {
height: 60px;
border-bottom: 1px solid #ffffff;
}
body >header.scrolled .logo img {
margin-top: 10px;
height: 40px;
}
body >header.scrolled .logo img[src*="logo.png"] {
display: none !important;
}
body >header.scrolled .logo img[src*="logo-mobile.png"] {
display: inline !important;
}
body >header.scrolled:after {
opacity: 0;
}
body >header >.container {
height: 100%;
}
body >header >.container >.row {
height: 100%;
}
body >header .menu-principal {
padding: 0;
}
body >header .menu-principal .menu-menu-principal-container {
height: 100%;
}
body >header .menu-principal .menu-menu-principal-container ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
height: 100%;
font-size: 0;
display: flex;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li {
display: inline-block;
border-left: 1px solid #ffffff;
height: 100%;
min-width: 130px;
position: relative;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li:last-child {
border-right: 1px solid #ffffff;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li:hover >a {
color: #2daae1;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li:hover >a:after {
height: 100%;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >a {
height: 100%;
font-weight: 300;
color: #ffffff;
font-size: 15px;
line-height: 10px;
padding: 0 15px;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >a span {
z-index: 1;
position: relative;
font-size: 15px;
line-height: 110%;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >a:after {
content: "";
display: block;
height: 0;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 405px;
display: none;
position: absolute;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul .fond {
left: 100%;
top: 0;
background-size: cover;
background-position: center;
position: absolute;
height: 100%;
z-index: -1;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li {
display: block;
padding: 0 40px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li:after {
content: "";
height: 1px;
width: 100%;
background-color: #2daae1;
display: block;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li:last-child:after {
display: none;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.remove-border:after {
display: none;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.recevoir-catalogue {
margin-top: 30px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.recevoir-catalogue >a {
background-color: #2daae1;
color: #ffffff;
padding: 15px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.recevoir-catalogue >a span:before {
content: "";
background-image: url(../img/icone-menu-recevoir-catalogue.png);
background-position: center;
background-size: contain;
width: 31px;
height: 30px;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.recevoir-catalogue >a:hover {
background-color: #1d233b;
color: #ffffff;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children >a {
position: relative;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children >a:before,
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children >a:after {
content: "";
width: 14px;
height: 16px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
right: 0;
top: 50%;
margin-top: -8px;
position: absolute;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children >a:before {
background-image: url(../img/menu-item-fleche.png);
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children >a:after {
background-image: url(../img/menu-item-fleche-active.png);
opacity: 0;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children:hover >a {
color: #2daae1;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children:hover >a:after {
opacity: 1;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li a {
font-size: 20px;
line-height: 20px;
font-weight: 500;
color: #1d233b;
display: block;
padding: 20px 29px 20px 0;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li a span {
display: block;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li a:hover {
color: #2daae1;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >ul.sub-menu {
background-color: #ffffff;
top: 100%;
left: -1px;
z-index: 5;
height: 550px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >ul.sub-menu >li >ul.sub-menu {
top: 0;
left: 100%;
background-color: rgba(236,236,236,0.9);
height: 100%;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >ul.sub-menu >li >ul.sub-menu >li >ul.sub-menu {
top: 0;
left: 100%;
background-color: rgba(255,255,255,0.8);
height: 100%;
}
body >header .logo {
text-align: center;
height: 100%;
}
body >header .logo img {
margin-top: 15px;
position: relative;
z-index: 1;
}
body >header .liens-et-reseaux ul {
padding: 0;
margin: 0;
font-size: 0;
display: flex;
align-items: center;
height: 100%;
justify-content: flex-end;
list-style-type: none;
}
body >header .liens-et-reseaux ul li {
margin-right: 18px;
}
body >header .liens-et-reseaux ul li a {
color: #ffffff;
font-size: 20px;
line-height: 20px;
}
body >header .liens-et-reseaux ul li a:hover {
color: #2daae1;
}
body >header .liens-et-reseaux ul li.contact a {
font-size: 17px;
line-height: 17px;
}
body >header .liens-et-reseaux ul li.compte a i {
position: relative;
}
body >header .liens-et-reseaux ul li.compte a i em {
position: absolute;
display: block;
width: 5px;
height: 5px;
border-radius: 5px;
background-color: red;
right: -3px;
top: -3px;
}
body >header .liens-et-reseaux ul li.compte a i em.connecte {
background-color: green;
}
body >header .liens-et-reseaux ul li.panier a i {
position: relative;
}
body >header .liens-et-reseaux ul li.panier a i em {
position: absolute;
display: block;
width: 15px;
height: 15px;
border-radius: 15px;
background-color: #2daae1;
color: #ffffff !important;
right: -7px;
top: -7px;
font-size: 11px;
line-height: 15px;
font-style: normal;
text-align: center;
}
body >header .liens-et-reseaux ul li:last-child {
margin-right: 0;
}
body >main .bloc-de-texte {
font-size: 16px;
line-height: 20px;
color: #1d233b;
}
body >main .bloc-de-texte p {
text-align: justify;
}
body >main .bloc-de-texte ul,
body >main .bloc-de-texte ol {
padding-left: 15px;
}
body >main .bloc-de-texte p,
body >main .bloc-de-texte ul,
body >main .bloc-de-texte ol {
margin-bottom: 20px;
}
body >main .bloc-de-texte a {
text-decoration: underline;
color: #1d233b;
}
body >main .bloc-de-texte a:hover {
color: #2daae1;
}
body >main iframe {
margin: 0;
}
body >main iframe.lecteur {
width: 100%;
height: auto;
border: 1px solid #c1c1c1;
}
body >main .image-de-fond {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body >main .titre-section-principale {
font-size: 30px;
line-height: 34px;
margin-bottom: 40px;
color: #1d233b;
font-weight: bold;
position: relative;
padding-left: 33px;
z-index: 1;
}
body >main .titre-section-principale:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 180px;
width: 1px;
background-color: #2daae1;
}
body >main .titre-section-principale.colonne-unique {
margin-top: 90px;
}
body >main section {
position: relative;
}
body >main section#entete-diaporama .owl-carousel {
height: 655px;
position: relative;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer {
height: 100%;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage {
height: 100%;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item {
height: 100%;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
height: 100%;
background-size: cover;
background-position: bottom;
padding-top: 10%;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .carre {
max-width: 400px;
min-height: 400px;
padding: 2%;
border: 14px solid #ffffff;
display: flex;
position: relative;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .carre .legende {
font-size: 51px;
line-height: 57px;
color: #ffffff;
margin: auto;
padding: 0;
position: relative;
z-index: 1;
font-weight: 400;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .carre:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
backdrop-filter: blur(10px);
background-color: rgba(0,0,0,0.2);
}
body >main section#entete-diaporama .owl-carousel .owl-dots {
position: absolute;
bottom: 35px;
left: 0;
width: 100%;
text-align: center;
}
body >main section#entete-diaporama .owl-carousel .owl-dots button {
margin-right: 14px;
outline: 0;
}
body >main section#entete-diaporama .owl-carousel .owl-dots button:last-child {
margin-right: 0;
}
body >main section#entete-diaporama .owl-carousel .owl-dots button span {
height: 14px;
width: 14px;
display: block;
border-radius: 14px;
background-color: transprent;
border: 2px solid #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body >main section#entete-diaporama .owl-carousel .owl-dots button.active span {
background-color: #ffffff;
}
body >main section#entete-diaporama .owl-carousel .owl-dots button:hover span {
background-color: #ffffff;
}
body >main section#contenu-en-colonnes {
padding-left: 438px;
}
body >main section#contenu-en-colonnes .bandeau-lateral {
background-color: #f2f2f2;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 438px;
padding-top: 90px;
padding-left: 170px;
padding-bottom: 120px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .titre-bandeau-general {
margin-bottom: 50px;
color: #2daae1;
font-weight: 500;
font-size: 28px;
line-height: 32px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .titre-bandeau-general {
text-transform: uppercase;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform {
padding-right: 30px;
margin-bottom: 20px;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform .corps {
position: relative;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform .corps input[type="text"] {
border: 0;
background-color: transparent;
font-size: 18px;
padding: 0;
outline: 0;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform .corps #searchsubmit {
position: absolute;
font-size: 20px;
top: 50%;
margin-top: -10px;
right: 0;
border: 0;
background-color: transparent;
outline: none;
cursor: pointer;
padding: 0;
color: #c1c1c1;
line-height: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform .corps #searchsubmit:hover {
color: #2daae1;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform .ligne {
height: 1px;
background-color: #c1c1c1;
margin-top: 13px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul {
padding: 0;
margin: 0;
list-style-type: none;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul .has-submenu a {
position: relative;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul .has-submenu a:after {
content: "";
position: absolute;
bottom: 0%;
left: 100%;
display: block;
width: 15px;
height: 17px;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2 3 L5 7 L8 3' stroke='%232daae1' stroke-width='1.5' fill='none' /%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
transform: translateY(-10%);
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul .has-submenu .bandeau-lateral_souscategorie-lien:after {
display: none;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li {
display: block;
padding-right: 30px;
position: relative;
padding-bottom: 2rem;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li .bandeau-lateral_categorie {
color: #2daae1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li .bandeau-lateral_categorie:hover {
color: black;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li:after {
content: "";
height: 1px;
width: 100%;
background-color: #b3b3b3;
display: block;
position: absolute;
bottom: 1rem;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li:last-child:after {
display: none;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps {
display: block;
position: relative;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps >a {
font-size: 18px;
line-height: 18px;
font-weight: 500;
color: #1d233b;
display: block;
padding: 29px 29px 29px 0;
position: relative;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps >a span {
display: block;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps >a:hover {
color: #2daae1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps >a.active {
color: #2daae1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps >a.active:before {
position: relative;
content: "";
width: 14px;
height: 16px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
right: 0;
top: 50%;
margin-top: -8px;
position: absolute;
background-image: url(../img/menu-item-fleche.png);
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps .boutons {
position: absolute;
right: 0;
top: 50%;
margin-top: -9px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps .boutons i {
position: absolute;
top: 0;
right: 0;
opacity: 0;
cursor: pointer;
z-index: -1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps .boutons i.fa-plus-square {
opacity: 1;
z-index: 0;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >.corps .boutons i:hover {
color: #2daae1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li.open >.corps .boutons i.fa-minus-square {
opacity: 1;
z-index: 0;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li.open >.corps .boutons i.fa-plus-square {
opacity: 0;
z-index: -1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li.open >ul {
display: block;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >ul {
list-style-type: none;
padding: 0;
margin: 0;
display: none;
padding-top: 1rem;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >ul >li {
border: 0;
margin-bottom: 30px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >ul >li >a {
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: #1d233b;
display: block;
padding-right: 29px;
position: relative;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >ul >li >a:hover {
color: #2daae1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >ul >li >a.active {
color: #2daae1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu >ul >li >ul >li >a.active:before {
position: relative;
content: "";
width: 14px;
height: 16px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
right: 0;
top: 50%;
margin-top: -8px;
position: absolute;
background-image: url(../img/menu-item-fleche.png);
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue {
padding-right: 30px;
margin-top: 35px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue a {
display: block;
color: #1d233b;
border: 1px solid #2daae1;
position: relative;
padding-left: 60px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue a .icone {
background-image: url(../img/icone-livre.png);
background-size: auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 60px;
border-right: 1px solid #2daae1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue a span {
font-size: 16px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 15px;
display: block;
z-index: 1;
position: relative;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #ffffff;
display: block;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue a:hover:before {
width: 100%;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier {
padding-right: 30px;
margin-top: 40px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier a {
font-size: 20px;
line-height: 24px;
color: #1d233b;
font-weight: 500;
display: block;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier a i {
color: #2daae1;
float: right;
font-size: 24px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier a:hover {
color: #2daae1;
}
body >main section#contenu-en-colonnes .contenu-principal {
padding-top: 90px;
padding-bottom: 120px;
min-height: 800px;
}
body >footer {
background-image: url(../img/filigrane-footer.png);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #282828;
padding-top: 35px;
padding-bottom: 50px;
}
body >footer .corps .bloc {
border-bottom: 1px solid #c1c1c1;
}
body >footer .corps .bloc .logo-et-telephone {
text-align: center;
}
body >footer .corps .bloc .logo-et-telephone .logo {
margin-bottom: 35px;
}
body >footer .corps .bloc .logo-et-telephone .telephone a {
background-color: #2daae1;
}
body >footer .corps .bloc .infos-centres .centre {
color: #ffffff;
font-size: 16px;
line-height: 20px;
margin-bottom: 30px;
}
body >footer .corps .bloc .infos-centres .centre a {
color: #ffffff;
}
body >footer .corps .bloc .infos-centres .centre a:hover {
color: #2daae1;
}
body >footer .corps .bloc .infos-centres .centre .intitule {
color: #2daae1;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 5px;
}
body >footer .corps .bloc .infos-centres .centre .fonction {
color: #2daae1;
margin-bottom: 5px;
font-weight: 500;
}
body >footer .corps .bloc .infos-centres .centre .adresse {
margin-bottom: 5px;
}
body >footer .corps .bloc .infos-centres .centre .adresse .cp-ville .cp {
margin-right: 5px;
}
body >footer .corps .bloc .infos-centres .centre .email {
margin-bottom: 30px;
}
body >footer .corps .bloc .infos-centres .centre .email .intro {
margin-right: 5px;
display: inline-block;
}
body >footer .corps .bloc .infos-centres .centre .horaires .intro {
margin-bottom: 5px;
}
body >footer .corps .bloc .groupes-liens .boutique {
margin-bottom: 35px;
}
body >footer .corps .bloc .groupes-liens .boutique ul {
list-style-type: none;
margin: 0;
padding: 0;
}
body >footer .corps .bloc .groupes-liens .boutique ul li {
margin-bottom: 10px;
}
body >footer .corps .bloc .groupes-liens .boutique ul li a {
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #ffffff;
}
body >footer .corps .bloc .groupes-liens .boutique ul li a:hover {
color: #2daae1;
}
body >footer .corps .bloc .groupes-liens .reseaux-sociaux ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0;
}
body >footer .corps .bloc .groupes-liens .reseaux-sociaux ul li {
display: inline-block;
vertical-align: middle;
margin-right: 9px;
}
body >footer .corps .bloc .groupes-liens .reseaux-sociaux ul li a {
display: block;
font-size: 22px;
height: 40px;
width: 40px;
border-radius: 40px;
line-height: 44px;
background-color: #808080;
color: #282828;
text-align: center;
}
body >footer .corps .bloc .groupes-liens .reseaux-sociaux ul li a:hover {
background-color: #ffffff;
}
body >footer .corps .bloc .groupes-liens .reseaux-sociaux ul li:last-child {
margin-right: 0;
}
body >footer .pied .liens {
font-size: 16px;
line-height: 20px;
padding-top: 40px;
}
body >footer .pied .liens .menu {
margin-bottom: 30px;
}
body >footer .pied .liens .menu .intitule {
font-weight: 600;
color: #b3b3b3;
margin-bottom: 10px;
}
body >footer .pied .liens .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
body >footer .pied .liens .menu ul li {
margin-bottom: 10px;
}
body >footer .pied .liens .menu ul li a {
color: #808080;
}
body >footer .pied .liens .menu ul li a:hover {
color: #2daae1;
}
body >footer .pied .liens .menu.menu-cut-2 ul {
column-count: 2;
column-gap: 40px;
}
body >footer .pied .infos-legales {
color: #ffffff;
}
body >footer .pied .infos-legales a {
color: #ffffff;
}
body >footer .pied .infos-legales a.logo-idcom {
margin-right: 15px;
}
body >footer .pied .infos-legales a.logo-idcom img {
width: 52px;
}
body >footer .pied .infos-legales a:hover {
color: #2daae1;
}
body:not(.home) >header .menu-principal .menu-menu-principal-container ul.menu >li.current-menu-ancestor >a,
body:not(.home) >header .menu-principal .menu-menu-principal-container ul.menu >li.current-menu-item >a {
color: #2daae1;
}
body:not(.home) >header .menu-principal .menu-menu-principal-container ul.menu >li.current-menu-ancestor >a:after,
body:not(.home) >header .menu-principal .menu-menu-principal-container ul.menu >li.current-menu-item >a:after {
height: 100%;
}
body:not(.home) >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children.current-menu-ancestor >a,
body:not(.home) >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children.current-menu-item >a {
color: #2daae1;
}
body:not(.home) >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.current-menu-item >a {
color: #2daae1;
}
.home >main section#entete-diaporama .owl-carousel {
height: 90vh;
}
.home >main section#contact-sav {
background-color: white;
}
@media screen and (min-width: 990px) {
.home >main section#contact-sav {
margin-top: 1rem;
padding: 1rem 10rem;
}
}
.home >main section#contacter .container {
max-width: 1100px;
}
.home >main section#contacter h2 {
text-align: center;
}
.home >main section#contacter .informations .centre {
font-size: 18px;
line-height: 22px;
color: #1d233b;
}
.home >main section#contacter .informations .centre .intitule {
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
line-height: 24px;
margin-bottom: 25px;
}
.home >main section#contacter .informations .centre .telephone {
margin-bottom: 20px;
}
.home >main section#contacter .informations .centre .telephone .intro {
margin-right: 5px;
}
.home >main section#contacter .informations .centre .telephone a {
color: #1d233b;
}
.home >main section#contacter .informations .centre .telephone a:hover {
color: #2daae1;
}
.home >main section#contacter .informations .centre .email {
margin-bottom: 20px;
}
.home >main section#contacter .informations .centre .email .intro {
margin-right: 5px;
display: inline-block;
}
.home >main section#contacter .informations .centre .email a {
color: #1d233b;
}
.home >main section#contacter .informations .centre .email a:hover {
color: #2daae1;
}
.home >main section#contacter .informations .centre .adresse {
margin-bottom: 20px;
}
.home >main section#contacter .informations .centre .adresse a {
color: #1d233b;
}
.home >main section#contacter .informations .centre .adresse a:hover {
color: #2daae1;
}
.home >main section#contacter .informations .centre .adresse .cp-ville .cp {
margin-right: 5px;
}
.home >main section#contacter .informations .centre .horaires .intro {
font-weight: bold;
}
.home >main section#contacter .contact .introduction {
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
}
.home >main section#chiffres-cles {
background-color: #f2f2f2;
overflow-x: hidden;
}
@media screen and (min-width: 990px) {
.home >main section#chiffres-cles {
padding: 2rem 1rem;
max-width: 100% !important;
}
}
.home >main section#chiffres-cles h2 {
font-size: 28px;
line-height: 32px;
text-transform: uppercase;
color: #1d233b;
margin-bottom: 45px;
font-weight: 500;
padding-left: 5rem;
padding-top: 2rem;
}
.home >main section#chiffres-cles h2:after {
content: "";
width: 30px;
height: 1px;
background-color: #2daae1;
display: block;
margin-top: 10px;
}
.home >main section#chiffres-cles .liste .bloc {
font-weight: 300;
text-transform: uppercase;
text-align: center;
color: #1d233b;
margin-bottom: 50px;
text-align: -webkit-center;
}
.home >main section#chiffres-cles .liste .bloc .cercle {
position: relative;
max-width: 158px;
height: 158px;
margin-left: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.home >main section#chiffres-cles .liste .bloc .cercle span {
display: block;
}
.home >main section#chiffres-cles .liste .bloc .cercle span.chiffre {
font-size: 36px;
line-height: 40px;
}
.home >main section#chiffres-cles .liste .bloc .cercle span.detail {
font-size: 17px;
line-height: 21px;
}
.home >main section#chiffres-cles .liste .bloc .cercle:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(../img/chiffres-cles-cercle.png);
top: 0;
left: 0;
}
.home >main section#chiffres-cles .liste .bloc:nth-child(4n + 1) .cercle:after {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.home >main section#chiffres-cles .liste .bloc:nth-child(4n + 3) .cercle:after {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.home >main section#chiffres-cles .liste .bloc:nth-child(4n + 4) .cercle:after {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.home >main section#references-temoignages .introduction h1 {
position: relative;
padding-bottom: 1rem;
}
.home >main section#references-temoignages .introduction h1:after {
content: "";
position: absolute;
display: block;
width: 45%;
height: 2px;
border-radius: 50px;
background-color: #2daae1;
}
.home >main section#references-temoignages .introduction .filtres {
text-align: right;
margin-bottom: 40px;
}
.home >main section#references-temoignages .introduction .filtres ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
}
.home >main section#references-temoignages .introduction .filtres ul li {
display: inline-block;
border-right: 2px solid #2daae1;
padding: 0 7px;
}
.home >main section#references-temoignages .introduction .filtres ul li a {
font-size: 18px;
line-height: 18px;
color: #1d233b;
}
.home >main section#references-temoignages .introduction .filtres ul li a:hover {
color: #2daae1;
}
.home >main section#references-temoignages .introduction .filtres ul li a.active {
color: #2daae1;
}
.home >main section#references-temoignages .introduction .filtres ul li:first-child {
padding-left: 0;
}
.home >main section#references-temoignages .introduction .filtres ul li:last-child {
padding-right: 0;
border: 0;
}
.home >main section#references-temoignages .liste .reference {
margin-bottom: 30px;
}
.home >main section#references-temoignages .liste .reference .cardd {
min-height: 545px;
height: 100%;
border: 0;
}
.home >main section#references-temoignages .liste .reference .cardd .face {
border: 1px solid #c1c1c1;
height: 100%;
padding: 40px;
}
.home >main section#references-temoignages .liste .reference .cardd .face .bouton {
font-size: 24px;
line-height: 24px;
display: inline-block;
bottom: 0;
right: 0;
position: absolute;
cursor: pointer;
color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#references-temoignages .liste .reference .cardd .face.front {
color: #ffffff;
text-align: center;
position: relative;
}
.home >main section#references-temoignages .liste .reference .cardd .face.front:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1d233b;
opacity: 0.25;
}
.home >main section#references-temoignages .liste .reference .cardd .face.front .overlay {
content: "";
display: block;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: #2daae1;
opacity: 0.8;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#references-temoignages .liste .reference .cardd .face.front .overlay.active {
width: 100%;
height: 100%;
}
.home >main section#references-temoignages .liste .reference .cardd .face.front >.row {
height: 100%;
position: relative;
z-index: 1;
margin: 0;
}
.home >main section#references-temoignages .liste .reference .cardd .face.front >.row h2 {
font-size: 34px;
line-height: 38px;
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}
.home >main section#references-temoignages .liste .reference .cardd .face.front >.row .adresse-web {
font-size: 22px;
line-height: 26px;
font-weight: 500;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.home >main section#references-temoignages .liste .reference .cardd .face.front >.row .adresse-web:hover {
color: #1d233b;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back {
background-color: #1d233b;
color: #ffffff;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu {
height: 100%;
position: relative;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu .nom {
font-size: 34px;
line-height: 38px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu .adresse-web {
font-size: 22px;
line-height: 26px;
font-weight: 500;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
text-align: center;
width: 100%;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu .adresse-web:hover {
color: #2daae1;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu .temoignage {
color: #ffffff;
width: 100%;
margin-top: 70px;
height: 200px;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu .temoignage .mCSB_dragger_bar {
background-color: #ffffff;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu .modele {
border-top: 1px solid #ffffff;
text-transform: uppercase;
padding-top: 20px;
width: 100%;
padding-right: 40px;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu .modele span {
color: #2daae1;
margin-right: 5px;
text-transform: none;
}
.home >main section#references-temoignages .liste .reference .cardd .face.back .contenu .bouton:hover {
color: #2daae1;
}
.home >main section#references-temoignages .scroller-status {
text-align: center;
margin-bottom: 30px;
}
.home >main section#introduction {
margin-bottom: 50px;
}
.home >main section#introduction .preambule {
margin-bottom: 40px;
}
.home >main section#introduction .preambule .texte {
padding: 2rem 5rem;
border: 1px solid #2daae1;
}
.home >main section#introduction .preambule .texte p {
font-size: 2rem;
font-weight: 900;
line-height: 2.1rem;
}
@media screen and (max-width: 990px) {
.home >main section#introduction .preambule .texte {
padding: 1rem;
}
.home >main section#introduction .preambule .texte p {
font-size: 1rem;
}
}
.home >main section#introduction .liste .selection .avantage {
-ms-flex: 0 0 11.11%;
text-align: center;
padding-bottom: 30px;
position: relative;
}
@media screen and (max-width: 989px) {
.home >main section#introduction .liste .selection .avantage {
max-width: 50%;
}
}
@media screen and (min-width: 990px) {
.home >main section#introduction .liste .selection .avantage {
max-width: 11.11%;
flex: 0 0 11.11%;
}
}
.home >main section#introduction .liste .selection .avantage:after {
content: "";
width: 16px;
height: 14px;
background-image: url(../img/fleche-avantage.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -8px;
opacity: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#introduction .liste .selection .avantage .zone {
cursor: pointer;
}
.home >main section#introduction .liste .selection .avantage .zone:hover .intitule {
color: #2daae1;
}
.home >main section#introduction .liste .selection .avantage .zone:hover .icone:after {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.home >main section#introduction .liste .selection .avantage .zone .icone {
position: relative;
max-width: 100px;
height: 100px;
margin-left: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin: auto;
margin-bottom: 15px;
}
.home >main section#introduction .liste .selection .avantage .zone .icone img {
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
}
.home >main section#introduction .liste .selection .avantage .zone .icone:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(../img/cercle-avantage.png);
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#introduction .liste .selection .avantage .zone .intitule {
font-size: 14px;
line-height: 18px;
font-weight: bold;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#introduction .liste .selection .avantage .zone .desc {
display: none;
}
.home >main section#introduction .liste .selection .avantage.active:after {
opacity: 1;
}
.home >main section#introduction .liste .selection .avantage.active .zone {
cursor: default;
}
.home >main section#introduction .liste .selection .avantage.active .zone .intitule {
color: #2daae1;
}
.home >main section#introduction .liste .selection .avantage.active .zone .icone:after {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
@media screen and (max-width: 990px) {
.home >main section#introduction .liste .description {
display: none;
}
}
.home >main section#introduction .liste .description .texte {
padding-top: 25px;
}
.home >main section#introduction .liste .description:after {
content: "";
width: 100%;
height: 1px;
display: block;
background-color: #2daae1;
margin-top: 50px;
}
.home >main section#nos-collections {
padding-top: 35px;
padding-bottom: 50px;
}
.home >main section#nos-collections h2 {
font-size: 25px;
line-height: 29px;
font-weight: 500;
text-align: center;
margin-bottom: 35px;
text-transform: uppercase;
}
.home >main section#nos-collections .owl-carousel {
position: relative;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a {
display: block;
height: 562px;
position: relative;
overflow: hidden;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .fond {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
opacity: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .info {
font-size: 24px;
line-height: 28px;
font-weight: 500;
color: #ffffff;
background-color: #2daae1;
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
padding: 15px;
text-align: center;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .titre {
position: absolute;
bottom: 25px;
width: 100%;
text-align: center;
padding: 0 25px;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .titre h3 {
border: 2px solid #ffffff;
color: #ffffff;
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
padding: 15px;
margin: 0;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a:hover[href] .fond {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a:hover[href] .overlay {
opacity: 1;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.non-dispo a .overlay {
opacity: 1;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.publicite a .texte {
background-color: #2daae1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 10px 15px;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.publicite a .texte h3 {
margin: 0;
font-size: 24px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
}
.home >main section#nos-collections .owl-carousel .owl-nav {
display: block;
}
.home >main section#nos-collections .owl-carousel .owl-nav button {
color: #2daae1;
outline: 0;
font-size: 36px;
line-height: 36px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
position: absolute;
top: 48%;
}
.home >main section#nos-collections .owl-carousel .owl-nav button:hover {
color: #1d233b;
}
.home >main section#nos-collections .owl-carousel .owl-nav button.owl-prev {
left: -45px;
}
.home >main section#nos-collections .owl-carousel .owl-nav button.owl-next {
right: -45px;
}
.home >main section#boutique {
margin-bottom: 85px;
}
.home >main section#boutique .row {
margin: 0;
}
.home >main section#boutique .textuel {
padding: 0;
}
.home >main section#boutique .textuel .bloc {
background-color: #f2f2f2;
padding-top: 50px;
padding-bottom: 80px;
padding-right: 30px;
position: relative;
}
.home >main section#boutique .textuel .bloc:before {
content: "";
height: 100%;
width: 1000px;
left: -1000px;
background-color: #f2f2f2;
display: block;
position: absolute;
top: 0;
}
.home >main section#boutique .textuel .bloc:after {
content: "";
height: 100%;
background-color: #f2f2f2;
display: block;
position: absolute;
top: 0;
width: 70%;
right: -70%;
}
.home >main section#boutique .textuel .bloc h2 {
color: #2daae1;
font-size: 26px;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
.home >main section#boutique .textuel .bloc .liens ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.home >main section#boutique .textuel .bloc .liens ul li {
margin-top: 45px;
}
.home >main section#boutique .textuel .bloc .liens ul li a {
font-size: 20px;
line-height: 24px;
font-weight: 500;
display: inline-block;
color: #1d233b;
min-width: 230px;
}
.home >main section#boutique .textuel .bloc .liens ul li a:hover {
color: #2daae1;
}
.home >main section#boutique .textuel .bloc .liens ul li a:before {
content: "+";
margin-right: 10px;
}
.home >main section#boutique .textuel .bloc .liens ul li a:after {
content: "";
display: block;
height: 2px;
width: 100%;
background-color: #2daae1;
margin-top: 10px;
}
.home >main section#boutique .textuel .bouton a {
background-color: #1d233b;
border-color: #1d233b;
border-radius: 0;
text-transform: uppercase;
font-size: 22px;
line-height: 26px;
display: block;
text-align: left;
padding: 25px 45px;
}
.home >main section#boutique .textuel .bouton a span:after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
margin-left: 10px;
vertical-align: middle;
}
.home >main section#boutique .textuel .bouton a:hover {
color: #1d233b;
}
.home >main section#boutique .visuel {
padding: 0;
padding-top: 30px;
}
.home >main section#boutique .visuel .owl-carousel {
height: 100%;
}
.home >main section#boutique .visuel .owl-carousel .owl-stage-outer {
height: 100%;
}
.home >main section#boutique .visuel .owl-carousel .owl-stage-outer .owl-stage {
height: 100%;
}
.home >main section#boutique .visuel .owl-carousel .owl-stage-outer .owl-stage .owl-item {
height: 100%;
}
.home >main section#boutique .visuel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
height: 100%;
position: relative;
}
.home >main section#boutique .visuel .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .fond {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home >main section#actualites .owl-carousel {
font-size: 0;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage {
display: flex;
align-items: flex-end;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
overflow: hidden;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .row {
margin: 0;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel {
background-color: #f2f2f2;
color: #1d233b;
padding: 0;
position: relative;
padding-top: 50px;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel h2 {
font-size: 36px;
line-height: 40px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
color: #2daae1;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel h2:after {
content: "";
width: 105px;
height: 2px;
background-color: #2daae1;
margin-top: 25px;
display: block;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte {
color: #1d233b;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel:before {
content: "";
height: 100%;
width: 1000px;
left: -1000px;
background-color: #f2f2f2;
display: block;
position: absolute;
top: 0;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel:after {
content: "";
height: 100%;
background-color: #f2f2f2;
display: block;
position: absolute;
top: 0;
width: 110%;
right: -110%;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel {
padding: 0;
padding-top: 50px;
padding-bottom: 50px;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel .fond {
height: 100%;
min-height: 540px;
}
.home >main section#actualites .owl-carousel .owl-nav {
z-index: 1;
color: white;
position: absolute;
bottom: 12px;
text-align: center;
width: 100%;
left: 0;
}
.home >main section#actualites .owl-carousel .owl-nav button {
color: #2daae1;
outline: 0;
font-size: 24px;
line-height: 24px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
margin: 0 5px;
}
.home >main section#actualites .owl-carousel .owl-nav button.owl-pause {
font-size: 28px;
}
.home >main section#actualites .owl-carousel .owl-nav button:hover {
color: #1d233b;
}
.home >main section#demande-catalogue {
background-color: #ffffff;
}
.home >main section#demande-catalogue .row {
margin: 0;
}
.home >main section#demande-catalogue .textuel {
background-color: #f2f2f2;
padding: 0;
padding-top: 85px;
padding-bottom: 70px;
}
.home >main section#demande-catalogue .textuel:before {
content: "";
height: 100%;
width: 1000px;
left: -1000px;
background-color: #f2f2f2;
display: block;
position: absolute;
top: 0;
}
.home >main section#demande-catalogue .textuel:after {
content: "";
height: 100%;
background-color: #f2f2f2;
display: block;
position: absolute;
top: 0;
width: 110%;
right: -110%;
}
.home >main section#demande-catalogue .textuel h2 {
font-size: 26px;
line-height: 30px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 40px;
color: #2daae1;
}
.home >main section#demande-catalogue .textuel h2:first-line {
color: #1d233b;
}
.home >main section#demande-catalogue .textuel .texte {
font-weight: 500;
margin-bottom: 25px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont input {
border-bottom: 1px solid #dadada;
}
.home >main section#demande-catalogue .textuel .nf-form-cont input,
.home >main section#demande-catalogue .textuel .nf-form-cont select,
.home >main section#demande-catalogue .textuel .nf-form-cont textarea {
height: auto;
padding: 7.5px 0;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-element:after {
height: 34px;
line-height: 34px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container {
margin-bottom: 25px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-31-container,
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-43-container {
margin-top: 40px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-31-container .nf-field-label,
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-43-container .nf-field-label {
display: block;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-31-container .nf-field-label label,
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-43-container .nf-field-label label {
display: block;
font-size: 16px;
line-height: 20px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 25px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-31-container .nf-field-element ul li,
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-43-container .nf-field-element ul li {
width: 50%;
display: inline-block;
vertical-align: top;
margin-bottom: 25px !important;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-31-container .nf-field-element ul li label,
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-43-container .nf-field-element ul li label {
text-align: left;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container .nf-field-element label:after {
border: 2px solid #2daae1;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.submit-container input {
font-size: 16px;
line-height: 16px;
font-weight: 600;
max-width: 100%;
width: auto;
padding: 10px 35px;
border-radius: 25px;
border-bottom-color: #2daae1;
}
.home >main section#demande-catalogue .visuel {
padding: 0;
z-index: 1;
}
.home >main section#demande-catalogue .visuel .cercle {
max-width: 656px;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%,-50%);
}
.home >main section#demande-catalogue .visuel .cercle div {
background-color: #2daae1;
padding-top: 100%;
border-radius: 100%;
}
.home >main section#parallax .parallax-window {
min-height: 730px;
}
.home >main section#temoignages {
margin-bottom: 45px;
}
.home >main section#temoignages .titre {
border: 1px solid #c1c1c1;
padding: 20px 30px;
overflow: hidden;
}
.home >main section#temoignages .titre h2 {
font-size: 20px;
line-height: 24px;
color: #1d233b;
text-transform: uppercase;
margin: 0;
position: relative;
padding-left: 25px;
}
.home >main section#temoignages .titre h2:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 1px;
height: 100px;
display: block;
background-color: #2daae1;
}
.home >main section#temoignages .liste {
border: 1px solid #c1c1c1;
border-top: 0;
padding-top: 35px;
padding-bottom: 5px;
}
.home >main section#temoignages .liste >.row {
margin: 0 15px;
}
.home >main section#temoignages .liste .reference {
margin-bottom: 30px;
}
.home >main section#temoignages .liste .reference .cardd {
height: 290px;
border: 0;
}
.home >main section#temoignages .liste .reference .cardd .face {
background-color: #e6e6e6;
border: 1px solid #c1c1c1;
height: 100%;
}
.home >main section#temoignages .liste .reference .cardd .face.front >.row {
height: 100%;
margin: 0;
}
.home >main section#temoignages .liste .reference .cardd .face.front.active {
background-color: #2daae1;
}
.home >main section#temoignages .liste .reference .cardd .face.front.active .textuel {
color: #ffffff;
}
.home >main section#temoignages .liste .reference .cardd .face.front.active .textuel a {
color: #ffffff !important;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel {
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #1d233b;
text-align: center;
padding: 15px 20px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel h3 {
font-size: 22px;
line-height: 26px;
font-weight: bold;
margin-bottom: 30px;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .adresse-postale {
margin-bottom: 25px;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .adresse-postale span {
text-transform: uppercase;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .telephone {
margin-bottom: 25px;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .telephone a {
color: #1d233b;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .telephone a:hover {
color: #2daae1;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .adresse-web {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
color: #1d233b;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .adresse-web:hover {
color: #2daae1;
}
.home >main section#temoignages .liste .reference .cardd .face.front .visuel {
height: 100%;
padding: 0;
}
.home >main section#temoignages .liste .reference .cardd .face.front .visuel .fond {
height: 100%;
}
.home >main section#temoignages .liste .reference .cardd .face.front .visuel .fond:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #282828;
opacity: 0.25;
}
.home >main section#temoignages .liste .reference .cardd .face.front .visuel .bouton {
font-size: 24px;
line-height: 24px;
display: inline-block;
bottom: 15px;
right: 15px;
position: absolute;
cursor: pointer;
color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#temoignages .liste .reference .cardd .face.back {
background-color: #1d233b;
color: #ffffff;
padding: 20px;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu {
height: 100%;
position: relative;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .temoignage {
color: #ffffff;
width: 100%;
height: 180px;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .temoignage .mCSB_dragger_bar {
background-color: #ffffff;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .modele {
border-top: 1px solid #ffffff;
text-transform: uppercase;
padding-top: 20px;
width: 100%;
padding-right: 40px;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .modele span {
color: #2daae1;
margin-right: 5px;
text-transform: none;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .bouton {
font-size: 24px;
line-height: 24px;
display: inline-block;
bottom: 0;
right: 0;
position: absolute;
cursor: pointer;
color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .bouton:hover {
color: #2daae1;
}
.home >main section#temoignages .bouton a {
border: 1px solid #c1c1c1;
border-top: 0;
border-radius: 0;
background-color: #ffffff;
color: #1d233b;
font-size: 18px;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
display: block;
padding: 30px;
}
.home >main section#temoignages .bouton a:before {
background-color: #2daae1;
}
.home >main section#temoignages .bouton a:hover {
color: #ffffff;
}
.page-id-42 >main section#contenu-en-colonnes {
padding-left: 573px;
}
.page-id-42 >main section#contenu-en-colonnes .bandeau-lateral {
width: 573px;
padding-right: 50px;
}
.page-id-42 >main section#contenu-en-colonnes .bandeau-lateral .titre-bandeau-general {
font-size: 35px;
line-height: 39px;
}
.page-id-42 >main section#chiffres-cles h2 {
font-size: 28px;
line-height: 32px;
text-transform: uppercase;
color: #1d233b;
margin-bottom: 45px;
font-weight: 500;
}
.page-id-42 >main section#chiffres-cles h2:after {
content: "";
width: 30px;
height: 1px;
background-color: #2daae1;
display: block;
margin-top: 10px;
}
.page-id-42 >main section#chiffres-cles .liste .bloc {
font-weight: 300;
text-transform: uppercase;
text-align: center;
color: #1d233b;
margin-bottom: 50px;
}
.page-id-42 >main section#chiffres-cles .liste .bloc .cercle {
position: relative;
max-width: 158px;
height: 158px;
margin-left: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.page-id-42 >main section#chiffres-cles .liste .bloc .cercle span {
display: block;
}
.page-id-42 >main section#chiffres-cles .liste .bloc .cercle span.chiffre {
font-size: 36px;
line-height: 40px;
}
.page-id-42 >main section#chiffres-cles .liste .bloc .cercle span.detail {
font-size: 17px;
line-height: 21px;
}
.page-id-42 >main section#chiffres-cles .liste .bloc .cercle:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(../img/chiffres-cles-cercle.png);
top: 0;
left: 0;
}
.page-id-42 >main section#chiffres-cles .liste .bloc:nth-child(4n + 1) .cercle:after {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.page-id-42 >main section#chiffres-cles .liste .bloc:nth-child(4n + 3) .cercle:after {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.page-id-42 >main section#chiffres-cles .liste .bloc:nth-child(4n + 4) .cercle:after {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.page-id-42 >main section#presentation .container {
max-width: 1045px;
}
.page-id-42 >main section#presentation .textuel {
padding-top: 80px;
}
.page-id-42 >main section#presentation .textuel .zone-texte {
background-color: #ffffff;
padding: 35px 35px 15px 0;
margin-right: -220%;
z-index: 1;
position: relative;
min-height: 580px;
}
.page-id-42 >main section#presentation .visuel .photo {
min-height: 745px;
}
.page-id-43 >main section#articles .liste >.row {
margin: 0;
}
.page-id-43 >main section#articles .liste .article {
padding: 0;
}
.page-id-43 >main section#articles .liste .article a {
padding: 40px 35px 57px;
display: block;
border: 1px solid #c1c1c1;
height: 100%;
position: relative;
}
.page-id-43 >main section#articles .liste .article a .visuel {
margin-bottom: 45px;
overflow: hidden;
}
.page-id-43 >main section#articles .liste .article a .visuel .photo {
height: 260px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-43 >main section#articles .liste .article a .textuel {
text-align: center;
}
.page-id-43 >main section#articles .liste .article a .textuel h2 {
font-size: 23px;
line-height: 27px;
color: #1d233b;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: bold;
}
.page-id-43 >main section#articles .liste .article a .textuel .date-publication {
font-size: 14px;
line-height: 18px;
color: #2daae1;
margin-bottom: 20px;
font-weight: 500;
}
.page-id-43 >main section#articles .liste .article a .textuel .accroche p {
text-align: center;
}
.page-id-43 >main section#articles .liste .article a .textuel .lien {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.page-id-43 >main section#articles .liste .article a .textuel .lien .bouton {
border: 1px solid #2daae1;
border-bottom: 0;
color: #ffffff;
background-color: #2daae1;
display: block;
padding: 7px 15px;
font-size: 16px;
width: 100%;
max-width: 150px;
margin: auto;
overflow: hidden;
position: relative;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-43 >main section#articles .liste .article a .textuel .lien .bouton span {
position: relative;
z-index: 1;
}
.page-id-43 >main section#articles .liste .article a .textuel .lien .bouton:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
width: 100%;
background-color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-43 >main section#articles .liste .article a:hover {
border-color: #2daae1;
}
.page-id-43 >main section#articles .liste .article a:hover .visuel .photo {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
opacity: 0.75;
}
.page-id-43 >main section#articles .liste .article a:hover .textuel .lien .bouton {
color: #2daae1;
}
.page-id-43 >main section#articles .liste .article a:hover .textuel .lien .bouton:before {
height: 100%;
}
.page-id-43 >main section#articles .la-pagination {
text-align: center;
font-size: 0;
margin-top: 70px;
margin-bottom: 70px;
}
.page-id-43 >main section#articles .la-pagination .intitule {
margin-right: 9px;
font-size: 19px;
line-height: 19px;
}
.page-id-43 >main section#articles .la-pagination .page-numbers {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
color: #1d233b;
display: inline-block;
text-align: center;
background-color: #ffffff;
border: 1px solid #c1c1c1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-43 >main section#articles .la-pagination .page-numbers.current {
background-color: #2daae1;
color: #ffffff;
}
.page-id-43 >main section#articles .la-pagination .page-numbers:hover {
background-color: #2daae1;
color: #ffffff;
}
.single-post >main section#contenu-article {
padding-top: 90px;
margin-bottom: 70px;
}
.single-post >main section#contenu-article .bloc {
background-color: #ffffff;
border: 1px solid #c1c1c1;
padding: 40px 35px;
}
.single-post >main section#contenu-article .bloc .visuel .photo {
height: 400px;
border: 1px solid #c1c1c1;
}
.single-post >main section#contenu-article .bloc .textuel h1:before {
height: 100%;
}
.single-post >main section#contenu-article .bloc .textuel .date-publication {
font-size: 14px;
line-height: 18px;
color: #2daae1;
margin-bottom: 20px;
font-weight: 500;
}
.single-post >main section#navigation {
margin-bottom: 70px;
}
.single-post >main section#navigation .item.encadre a {
border: 1px solid #c1c1c1;
display: block;
padding: 40px 35px;
}
.single-post >main section#navigation .item.encadre a:hover {
border-color: #2daae1;
}
.single-post >main section#navigation .item.encadre a:hover .visuel .zone .photo {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
opacity: 0.75;
}
.single-post >main section#navigation .item.encadre a .visuel .zone {
overflow: hidden;
}
.single-post >main section#navigation .item.encadre a .visuel .zone .photo {
height: 180px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.single-post >main section#navigation .item.encadre a .textuel .intitule {
font-size: 14px;
line-height: 18px;
color: #2daae1;
margin-bottom: 20px;
font-weight: 500;
}
.single-post >main section#navigation .item.encadre a .textuel h2 {
font-size: 23px;
line-height: 27px;
color: #1d233b;
text-transform: uppercase;
margin-bottom: 0px;
font-weight: bold;
}
.single-post >main section#navigation .item.item-center {
text-align: center;
}
.single-post >main section#navigation .item.item-center a {
font-size: 32px;
color: #c1c1c1;
}
.single-post >main section#navigation .item.item-center a:hover {
color: #2daae1;
}
.single-post >main section#navigation .item.item-next {
text-align: right;
}
.page-id-44 >main section#references-temoignages .introduction .titre_intro {
text-align: right;
}
.page-id-44 >main section#references-temoignages .introduction .filtres {
text-align: left;
margin-bottom: 40px;
}
.page-id-44 >main section#references-temoignages .introduction .filtres ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
}
.page-id-44 >main section#references-temoignages .introduction .filtres ul li {
display: inline-block;
border-right: 2px solid #2daae1;
padding: 0 7px;
}
.page-id-44 >main section#references-temoignages .introduction .filtres ul li a {
font-size: 18px;
line-height: 18px;
color: #1d233b;
}
.page-id-44 >main section#references-temoignages .introduction .filtres ul li a:hover {
color: #2daae1;
}
.page-id-44 >main section#references-temoignages .introduction .filtres ul li a.active {
color: #2daae1;
}
.page-id-44 >main section#references-temoignages .introduction .filtres ul li:first-child {
padding-left: 0;
}
.page-id-44 >main section#references-temoignages .introduction .filtres ul li:last-child {
padding-right: 0;
border: 0;
}
.page-id-44 >main section#references-temoignages .liste .reference {
margin-bottom: 30px;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd {
min-height: 545px;
height: 100%;
border: 0;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face {
border: 1px solid #c1c1c1;
height: 100%;
padding: 40px;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face .bouton {
font-size: 24px;
line-height: 24px;
display: inline-block;
bottom: 0;
right: 0;
position: absolute;
cursor: pointer;
color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front {
color: #ffffff;
text-align: center;
position: relative;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1d233b;
opacity: 0.25;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front .overlay {
content: "";
display: block;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: #2daae1;
opacity: 0.8;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front .overlay.active {
width: 100%;
height: 100%;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front >.row {
height: 100%;
position: relative;
z-index: 1;
margin: 0;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front >.row h2 {
font-size: 34px;
line-height: 38px;
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front >.row .adresse-web {
font-size: 22px;
line-height: 26px;
font-weight: 500;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front >.row .adresse-web:hover {
color: #1d233b;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back {
background-color: #1d233b;
color: #ffffff;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu {
height: 100%;
position: relative;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .nom {
font-size: 34px;
line-height: 38px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .adresse-web {
font-size: 22px;
line-height: 26px;
font-weight: 500;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
text-align: center;
width: 100%;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .adresse-web:hover {
color: #2daae1;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .temoignage {
color: #ffffff;
width: 100%;
margin-top: 70px;
height: 200px;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .temoignage .mCSB_dragger_bar {
background-color: #ffffff;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .modele {
border-top: 1px solid #ffffff;
text-transform: uppercase;
padding-top: 20px;
width: 100%;
padding-right: 40px;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .modele span {
color: #2daae1;
margin-right: 5px;
text-transform: none;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .bouton:hover {
color: #2daae1;
}
.page-id-44 >main section#references-temoignages .scroller-status {
text-align: center;
margin-bottom: 30px;
}
.page-id-116 .paypal-button-number-0 {
display: none !important;
}
.page-id-161 >main section#contacter .container {
max-width: 1100px;
}
.page-id-161 >main section#contacter .informations .centre {
font-size: 18px;
line-height: 22px;
color: #1d233b;
}
.page-id-161 >main section#contacter .informations .centre .intitule {
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
line-height: 24px;
margin-bottom: 25px;
}
.page-id-161 >main section#contacter .informations .centre .telephone {
margin-bottom: 20px;
}
.page-id-161 >main section#contacter .informations .centre .telephone .intro {
margin-right: 5px;
}
.page-id-161 >main section#contacter .informations .centre .telephone a {
color: #1d233b;
}
.page-id-161 >main section#contacter .informations .centre .telephone a:hover {
color: #2daae1;
}
.page-id-161 >main section#contacter .informations .centre .email {
margin-bottom: 20px;
}
.page-id-161 >main section#contacter .informations .centre .email .intro {
margin-right: 5px;
display: inline-block;
}
.page-id-161 >main section#contacter .informations .centre .email a {
color: #1d233b;
}
.page-id-161 >main section#contacter .informations .centre .email a:hover {
color: #2daae1;
}
.page-id-161 >main section#contacter .informations .centre .adresse {
margin-bottom: 20px;
}
.page-id-161 >main section#contacter .informations .centre .adresse a {
color: #1d233b;
}
.page-id-161 >main section#contacter .informations .centre .adresse a:hover {
color: #2daae1;
}
.page-id-161 >main section#contacter .informations .centre .adresse .cp-ville .cp {
margin-right: 5px;
}
.page-id-161 >main section#contacter .informations .centre .horaires .intro {
font-weight: bold;
}
.page-id-161 >main section#contacter .contact .introduction {
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
}
.page-id-162 >main section#documents .container {
max-width: 1080px;
}
.page-id-162 >main section#documents .filtres {
margin-bottom: 40px;
}
.page-id-162 >main section#documents .filtres span {
font-size: 18px;
line-height: 18px;
font-weight: 600;
}
.page-id-162 >main section#documents .filtres ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}
.page-id-162 >main section#documents .filtres ul li {
display: inline-block;
border-right: 2px solid #2daae1;
padding: 0 7px;
}
.page-id-162 >main section#documents .filtres ul li button {
font-size: 18px;
line-height: 18px;
background-color: transparent;
border: 0;
outline: none;
padding: 0;
color: #1d233b;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-162 >main section#documents .filtres ul li button:hover {
color: #2daae1;
}
.page-id-162 >main section#documents .filtres ul li button.active {
color: #2daae1;
}
.page-id-162 >main section#documents .filtres ul li:first-child {
padding-left: 0;
}
.page-id-162 >main section#documents .filtres ul li:last-child {
padding-right: 0;
border: 0;
}
.page-id-162 >main section#documents .liste .groupe {
margin-bottom: 35px;
width: 100%;
}
.page-id-162 >main section#documents .liste .groupe h2 {
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #1d233b;
padding-bottom: 10px;
border-bottom: 1px solid #2daae1;
margin-bottom: 20px;
}
.page-id-162 >main section#documents .liste .groupe .docs .document {
margin-bottom: 20px;
}
.page-id-162 >main section#documents .liste .groupe .docs .document a {
display: inline-block;
position: relative;
padding-left: 38px;
font-size: 16px;
line-height: 20px;
color: #1d233b;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
vertical-align: top;
}
.page-id-162 >main section#documents .liste .groupe .docs .document a:hover {
color: #2daae1;
}
.page-id-162 >main section#documents .liste .groupe .docs .document a:before {
content: "";
width: 20px;
height: 23px;
background-image: url(../img/icone-pdf.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
position: absolute;
top: -3px;
left: 0;
}
.page-id-163 >main section#videos .container {
max-width: 1080px;
}
.page-id-163 >main section#videos .filtres {
margin-bottom: 40px;
}
.page-id-163 >main section#videos .filtres span {
font-size: 18px;
line-height: 18px;
font-weight: 600;
}
.page-id-163 >main section#videos .filtres ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}
.page-id-163 >main section#videos .filtres ul li {
display: inline-block;
border-right: 2px solid #2daae1;
padding: 0 7px;
}
.page-id-163 >main section#videos .filtres ul li button {
font-size: 18px;
line-height: 18px;
background-color: transparent;
border: 0;
outline: none;
padding: 0;
color: #1d233b;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-163 >main section#videos .filtres ul li button:hover {
color: #2daae1;
}
.page-id-163 >main section#videos .filtres ul li button.active {
color: #2daae1;
}
.page-id-163 >main section#videos .filtres ul li:first-child {
padding-left: 0;
}
.page-id-163 >main section#videos .filtres ul li:last-child {
padding-right: 0;
border: 0;
}
.page-id-163 >main section#videos .liste .groupe {
margin-bottom: 35px;
width: 100%;
}
.page-id-163 >main section#videos .liste .groupe >h2 {
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #1d233b;
padding-bottom: 10px;
border-bottom: 1px solid #2daae1;
margin-bottom: 20px;
}
.page-id-163 >main section#videos .liste .groupe .vids .video {
margin-bottom: 30px;
}
.page-id-163 >main section#videos .liste .groupe .vids .video iframe {
margin-bottom: 5px;
}
.page-id-163 >main section#videos .liste .groupe .vids .video h3 {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #1d233b;
margin: 0;
}
.page-id-164 >main section#questions .container {
max-width: 1080px;
}
.page-id-164 >main section#questions .filtres {
margin-bottom: 40px;
}
.page-id-164 >main section#questions .filtres span {
font-size: 18px;
line-height: 18px;
font-weight: 600;
}
.page-id-164 >main section#questions .filtres ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}
.page-id-164 >main section#questions .filtres ul li {
display: inline-block;
border-right: 2px solid #2daae1;
padding: 0 7px;
}
.page-id-164 >main section#questions .filtres ul li button {
font-size: 18px;
line-height: 18px;
background-color: transparent;
border: 0;
outline: none;
padding: 0;
color: #1d233b;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-164 >main section#questions .filtres ul li button:hover {
color: #2daae1;
}
.page-id-164 >main section#questions .filtres ul li button.active {
color: #2daae1;
}
.page-id-164 >main section#questions .filtres ul li:first-child {
padding-left: 0;
}
.page-id-164 >main section#questions .filtres ul li:last-child {
padding-right: 0;
border: 0;
}
.page-id-164 >main section#questions .liste .groupe {
margin-bottom: 35px;
width: 100%;
}
.page-id-164 >main section#questions .liste .groupe >h2 {
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #1d233b;
padding-bottom: 10px;
border-bottom: 1px solid #2daae1;
margin-bottom: 20px;
}
.page-id-164 >main section#questions .liste .groupe .quests .card {
border: 0;
border-bottom: 1px solid #e6e6e6;
padding-top: 20px;
border-radius: 0;
}
.page-id-164 >main section#questions .liste .groupe .quests .card:last-child {
border-bottom: 0;
}
.page-id-164 >main section#questions .liste .groupe .quests .card .card-header {
padding: 0;
border-radius: 0;
border: 0;
background-color: transparent;
margin-bottom: 20px;
}
.page-id-164 >main section#questions .liste .groupe .quests .card .card-header h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
}
.page-id-164 >main section#questions .liste .groupe .quests .card .card-header h2 button {
padding: 0;
color: #1d233b;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
text-decoration: none;
font-weight: 600;
white-space: initial;
text-align: left;
}
.page-id-164 >main section#questions .liste .groupe .quests .card .card-header h2 button:hover {
color: #2daae1;
}
.page-id-164 >main section#questions .liste .groupe .quests .card .card-body {
padding: 0 0 0 30px;
}
.page-id-46 >main section#contacter >.row {
margin: 0;
}
.page-id-46 >main section#contacter .grp {
padding-left: 3%;
padding-right: 3%;
}
.page-id-46 >main section#contacter .grp-infos {
background-color: #1d233b;
color: #ffffff;
}
.page-id-46 >main section#contacter .grp-infos .contenu {
height: 100%;
}
.page-id-46 >main section#contacter .grp-infos h1 {
color: #ffffff;
width: 100%;
}
.page-id-46 >main section#contacter .grp-infos .telephone {
margin-bottom: 35px;
width: 100%;
}
.page-id-46 >main section#contacter .grp-infos .telephone a {
font-size: 30px;
line-height: 30px;
padding-top: 19px;
padding-bottom: 19px;
border-radius: 50px;
display: block;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres {
font-size: 18px;
line-height: 22px;
width: 100%;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre {
border-top: 1px solid #2daae1;
padding-top: 25px;
padding-bottom: 30px;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .intitule {
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
line-height: 24px;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .fonction {
color: #2daae1;
font-size: 20px;
line-height: 24px;
margin-bottom: 15px;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .adresse {
margin-bottom: 15px;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .adresse a {
color: #ffffff;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .adresse a:hover {
color: #2daae1;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .adresse .cp-ville .cp {
margin-right: 5px;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .email .intro {
margin-right: 5px;
display: inline-block;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .email a {
color: #ffffff;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .email a:hover {
color: #2daae1;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .horaires .intro {
font-weight: bold;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux {
background-color: #0561a0;
padding: 25px 30px;
width: 100%;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux .intro {
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux .boutons ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux .boutons ul li {
display: inline-block;
vertical-align: middle;
margin-right: 9px;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux .boutons ul li a {
display: block;
font-size: 22px;
height: 40px;
width: 40px;
border-radius: 40px;
line-height: 44px;
background-color: #ffffff;
color: #0561a0;
text-align: center;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux .boutons ul li a:hover {
background-color: #2daae1;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux .boutons ul li:last-child {
margin-right: 0;
}
.page-id-46 >main section#contacter .grp-rappel {
background-color: #2daae1;
padding-top: 25px;
padding-bottom: 25px;
}
.page-id-46 >main section#contacter .grp-rappel .image {
text-align: center;
border-bottom: 1px solid #ffffff;
margin-bottom: 30px;
}
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container input,
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container textarea,
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container select {
background-color: #ffffff;
}
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label {
margin-bottom: 20px;
}
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label label {
color: #ffffff;
font-weight: 600;
}
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label label span {
color: #ffffff;
}
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label {
color: #ffffff;
}
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label {
color: #ffffff;
}
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container.submit-container input {
background-color: #1d233b;
border-color: #1d233b;
}
.page-id-46 >main section#contacter .grp-rappel .nf-form-cont .nf-form-content .nf-field-container.submit-container input:hover {
background-color: #ffffff;
color: #1d233b;
}
.page-id-46 >main section#contacter .grp-contact {
padding-top: 60px;
padding-bottom: 25px;
}
.page-id-46 >main section#contacter .grp-contact .introduction {
font-size: 18px;
line-height: 22px;
margin-bottom: 60px;
}
.page-template-collections-les-avantages >main section .contenu-principal .container,
.single-modele >main section .contenu-principal .container {
max-width: 1210px;
}
.page-template-collections-les-avantages >main section#introduction,
.single-modele >main section#introduction {
margin-bottom: 50px;
}
.page-template-collections-les-avantages >main section#introduction .preambule,
.single-modele >main section#introduction .preambule {
margin-bottom: 40px;
}
.page-template-collections-les-avantages >main section#introduction .preambule .texte,
.single-modele >main section#introduction .preambule .texte {
padding-top: 50px;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage,
.single-modele >main section#introduction .liste .selection .avantage {
-ms-flex: 0 0 11.11%;
flex: 0 0 11.11%;
max-width: 11.11%;
text-align: center;
padding-bottom: 30px;
position: relative;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage:after,
.single-modele >main section#introduction .liste .selection .avantage:after {
content: "";
width: 16px;
height: 14px;
background-image: url(../img/fleche-avantage.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -8px;
opacity: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone,
.single-modele >main section#introduction .liste .selection .avantage .zone {
cursor: pointer;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone:hover .intitule,
.single-modele >main section#introduction .liste .selection .avantage .zone:hover .intitule {
color: #2daae1;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone:hover .icone:after,
.single-modele >main section#introduction .liste .selection .avantage .zone:hover .icone:after {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone .icone,
.single-modele >main section#introduction .liste .selection .avantage .zone .icone {
position: relative;
max-width: 100px;
height: 100px;
margin-left: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin: auto;
margin-bottom: 15px;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone .icone img,
.single-modele >main section#introduction .liste .selection .avantage .zone .icone img {
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone .icone:after,
.single-modele >main section#introduction .liste .selection .avantage .zone .icone:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(../img/cercle-avantage.png);
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone .intitule,
.single-modele >main section#introduction .liste .selection .avantage .zone .intitule {
font-size: 14px;
line-height: 18px;
font-weight: bold;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone .desc,
.single-modele >main section#introduction .liste .selection .avantage .zone .desc {
display: none;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage.active:after,
.single-modele >main section#introduction .liste .selection .avantage.active:after {
opacity: 1;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage.active .zone,
.single-modele >main section#introduction .liste .selection .avantage.active .zone {
cursor: default;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage.active .zone .intitule,
.single-modele >main section#introduction .liste .selection .avantage.active .zone .intitule {
color: #2daae1;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage.active .zone .icone:after,
.single-modele >main section#introduction .liste .selection .avantage.active .zone .icone:after {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.page-template-collections-les-avantages >main section#introduction .liste .description .texte,
.single-modele >main section#introduction .liste .description .texte {
padding-top: 25px;
}
.page-template-collections-les-avantages >main section#introduction .liste .description:after,
.single-modele >main section#introduction .liste .description:after {
content: "";
width: 100%;
height: 1px;
display: block;
background-color: #2daae1;
margin-top: 50px;
}
.page-template-collections-les-avantages >main section#equipements-techniques,
.single-modele >main section#equipements-techniques {
position: relative;
margin-bottom: 70px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond,
.single-modele >main section#equipements-techniques .fond {
position: relative;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .points .point,
.single-modele >main section#equipements-techniques .fond .points .point {
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #2daae1;
color: #ffffff;
font-weight: bold;
font-size: 18px;
line-height: 34px;
position: absolute;
text-align: center;
margin-top: -20px;
margin-left: -20px;
z-index: 9;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
border: 3px solid #2daae1;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .points .point:hover,
.single-modele >main section#equipements-techniques .fond .points .point:hover {
border-color: #ffffff;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .points .point.shiny,
.single-modele >main section#equipements-techniques .fond .points .point.shiny {
background-color: #1d233b;
border-color: #1d233b;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .points .point.active,
.single-modele >main section#equipements-techniques .fond .points .point.active {
border-color: #ffffff;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .description,
.single-modele >main section#equipements-techniques .fond .description {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .description .desc-point,
.single-modele >main section#equipements-techniques .fond .description .desc-point {
display: none;
background-color: #ffffff;
border-left: 6px solid #2daae1;
position: relative;
z-index: 3;
padding: 30px 25px 10px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .description .desc-point h3,
.single-modele >main section#equipements-techniques .fond .description .desc-point h3 {
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #1d233b;
text-transform: uppercase;
margin-bottom: 20px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .description .desc-point .trait1,
.single-modele >main section#equipements-techniques .fond .description .desc-point .trait1 {
height: 3px;
width: 0;
background-color: #ffffff;
position: absolute;
left: 100%;
top: 50%;
margin-top: -1.5px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .description .desc-point .trait1 .trait2,
.single-modele >main section#equipements-techniques .fond .description .desc-point .trait1 .trait2 {
height: 0;
width: 3px;
right: 0;
bottom: 0;
background-color: #ffffff;
position: absolute;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu,
.single-modele >main section#equipements-techniques .contenu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 1;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu .textuel h2,
.single-modele >main section#equipements-techniques .contenu .textuel h2 {
color: #ffffff;
margin-top: 55px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu .textuel h2:before,
.single-modele >main section#equipements-techniques .contenu .textuel h2:before {
background-color: #ffffff;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu .textuel .texte,
.single-modele >main section#equipements-techniques .contenu .textuel .texte {
color: #ffffff;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives,
.single-modele >main section#diapositives-explicatives {
margin-bottom: 70px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel,
.single-modele >main section#diapositives-explicatives .owl-carousel {
position: relative;
font-size: 0;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage {
display: flex;
align-items: flex-end;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
background-color: #1d233b;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item >.row,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item >.row {
margin: 0;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel {
color: #ffffff;
padding: 40px 45px 0;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .titre,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .titre {
font-size: 36px;
line-height: 40px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 35px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .titre:after,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .titre:after {
content: "";
width: 144px;
height: 2px;
background-color: #ffffff;
margin-top: 34px;
display: block;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte {
color: #ffffff;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol {
counter-reset: section;
list-style-type: none;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol li,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol li {
position: relative;
padding-left: 49px;
margin-bottom: 20px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol li:before,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol li:before {
counter-increment: section;
content: counter(section);
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #0561a0;
color: #ffffff;
display: block;
text-align: center;
line-height: 30px;
position: absolute;
left: 0;
top: 0;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel {
padding: 0;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel .image,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel .image {
height: 100%;
min-height: 480px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .legende,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .legende {
text-align: right;
padding-right: 104px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .legende .texte,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .legende .texte {
font-size: 23px;
line-height: 27px;
color: #ffffff;
background-color: #2daae1;
padding: 15px 30px;
display: inline-block;
text-transform: uppercase;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-nav,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-nav {
height: 57px;
padding-top: 18px;
width: 104px;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
background-color: #ffffff;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-nav button,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-nav button {
color: #2daae1;
outline: 0;
font-size: 24px;
line-height: 24px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
margin: 0 5px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-nav button.owl-pause,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-nav button.owl-pause {
font-size: 28px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-nav button:hover,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-nav button:hover {
color: #1d233b;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a,
.single-modele >main section#liens-aux-autres-pages .liste .lien a {
height: 388px;
display: block;
position: relative;
overflow: hidden;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a .fond,
.single-modele >main section#liens-aux-autres-pages .liste .lien a .fond {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a .intitule,
.single-modele >main section#liens-aux-autres-pages .liste .lien a .intitule {
position: absolute;
bottom: 23px;
left: 0;
width: 100%;
text-align: center;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a .intitule .bouton,
.single-modele >main section#liens-aux-autres-pages .liste .lien a .intitule .bouton {
font-size: 20px;
line-height: 24px;
font-weight: bold;
border: 3px solid #ffffff;
padding: 22px 35px;
display: inline-block;
text-transform: uppercase;
color: #ffffff;
position: relative;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a .intitule .bouton span,
.single-modele >main section#liens-aux-autres-pages .liste .lien a .intitule .bouton span {
position: relative;
z-index: 1;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a .intitule .bouton:before,
.single-modele >main section#liens-aux-autres-pages .liste .lien a .intitule .bouton:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
background-color: #ffffff;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a:hover .fond,
.single-modele >main section#liens-aux-autres-pages .liste .lien a:hover .fond {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a:hover .intitule .bouton,
.single-modele >main section#liens-aux-autres-pages .liste .lien a:hover .intitule .bouton {
color: #1d233b;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a:hover .intitule .bouton:before,
.single-modele >main section#liens-aux-autres-pages .liste .lien a:hover .intitule .bouton:before {
height: 100%;
}
.page-template-collections-les-modeles >main section#modeles .container,
.single-modele >main section#modeles .container,
.page-template-collections-les-modeles-test >main section#modeles .container {
max-width: 1210px;
}
.page-template-collections-les-modeles >main section#modeles .introduction .logo-modele,
.single-modele >main section#modeles .introduction .logo-modele,
.page-template-collections-les-modeles-test >main section#modeles .introduction .logo-modele {
text-align: right;
margin-bottom: 40px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele,
.single-modele >main section#modeles .liste .modele,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele {
background-color: #f2f2f2;
border-radius: 10px;
padding: 30px 30px 0;
overflow: hidden;
margin-bottom: 50px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales,
.single-modele >main section#modeles .liste .modele .infos-principales,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales {
padding-bottom: 30px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .bloc-txt:last-child,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .bloc-txt:last-child,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .bloc-txt:last-child {
border-bottom: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .introduction,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .introduction {
padding-bottom: 15px;
border-bottom: 1px solid #c1c1c1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .titre h2,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .introduction .titre h2,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .introduction .titre h2 {
font-size: 22px;
line-height: 26px;
font-weight: bold;
margin: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix {
text-align: right;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix .intitule,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix .intitule,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix .intitule {
font-size: 14px;
line-height: 18px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix .valeur,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix .valeur,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix .valeur {
font-size: 24px;
line-height: 28px;
font-weight: bold;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .description,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .description,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .description {
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #c1c1c1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .declinaisons,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .declinaisons,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .declinaisons {
padding-top: 25px;
padding-bottom: 25px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison {
margin-bottom: 10px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison:last-child,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison:last-child,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison:last-child {
margin-bottom: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison .intitule,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison .intitule,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison .intitule {
margin-bottom: 5px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison select,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison select,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .declinaisons .declinaison select {
width: 100%;
outline: none;
padding: 2.5px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales {
padding-top: 20px;
border-bottom: 1px solid #c1c1c1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop {
position: relative;
padding-left: 65px;
margin-bottom: 30px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop .icone,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop .icone,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop .icone {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 31px;
line-height: 31px;
text-align: center;
margin-top: -6px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop .icone img,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop .icone img,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop .icone img {
vertical-align: middle;
display: inline-block;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme {
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #c1c1c1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme:last-child,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme:last-child,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme:last-child {
border-bottom: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .nom-gamme,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .nom-gamme,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .nom-gamme {
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs {
font-size: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur {
height: 40px;
width: 40px;
display: inline-block;
cursor: pointer;
position: relative;
margin-right: 20px;
margin-bottom: 10px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur:before,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur:before,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur:before {
content: "";
border: 2px solid transparent;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 100%;
z-index: 1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur .fond,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur .fond,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur .fond {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 100%;
border: 1px solid #c1c1c1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur .image-servant-au-montage,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur .image-servant-au-montage,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur .image-servant-au-montage {
display: none;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur:hover:before,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur:hover:before,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur:hover:before {
border-color: #2daae1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur.active:before,
.single-modele >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur.active:before,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur.active:before {
border-color: #2daae1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .montage-photo-selon-combinaison,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .montage-photo-selon-combinaison,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .montage-photo-selon-combinaison {
height: 325px;
position: relative;
overflow: hidden;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .montage-photo-selon-combinaison .fond,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .montage-photo-selon-combinaison .fond,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .montage-photo-selon-combinaison .fond {
position: absolute;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
height: 200%;
width: 200%;
top: -85%;
left: -50%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos {
margin-bottom: 40px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
height: 325px;
line-height: 325px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a {
display: block;
height: 100%;
position: relative;
text-align: center;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .fond,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .fond,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .fond {
height: 100%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .overlay,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .overlay,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .overlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
-o-transform: translateZ(0) perspective(1px) scale3d(0,0,1);
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
background-color: rgba(29,35,59,0.74);
color: #ffffff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .overlay i,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .overlay i,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .overlay i {
font-size: 42px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a:hover .overlay,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a:hover .overlay,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a:hover .overlay {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1,1,1);
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav {
display: block;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button {
color: #2daae1;
outline: 0;
font-size: 24px;
line-height: 24px;
width: 40px;
height: 40px;
border-radius: 40px;
border: 1px solid #2daae1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
background-color: #ffffff;
border: 0;
cursor: pointer;
padding: 0;
position: absolute;
top: 40%;
display: block;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.disabled,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.disabled,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.disabled {
display: none;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button:hover,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button:hover,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button:hover {
color: #1d233b;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.owl-prev,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.owl-prev,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.owl-prev {
left: 5%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.owl-next,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.owl-next,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button.owl-next {
right: 5%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages {
margin-bottom: 40px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .intitule,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .intitule,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .intitule {
font-size: 16px;
line-height: 20px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
margin-bottom: 10px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel {
padding: 0 10%;
position: relative;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
text-align: center;
position: relative;
cursor: pointer;
padding: 15px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item:before,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item:before,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 2px solid transparent;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image {
height: 100px;
line-height: 100px;
margin-bottom: 15px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image img,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image img,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image img {
width: auto;
vertical-align: middle;
display: inline-block;
max-height: 100%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .nom-entourage,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .nom-entourage,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .nom-entourage {
font-size: 16px;
line-height: 20px;
font-weight: 500;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image-servant-au-montage,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image-servant-au-montage,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image-servant-au-montage {
display: none;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item:hover:before,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item:hover:before,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item:hover:before {
border-color: #2daae1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.active:before,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.active:before,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.active:before {
border-color: #2daae1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav {
display: block;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button {
color: #2daae1;
outline: 0;
font-size: 24px;
line-height: 24px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
position: absolute;
top: 40%;
display: block;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.disabled,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.disabled,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.disabled {
display: none;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button:hover,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button:hover,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button:hover {
color: #1d233b;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.owl-prev,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.owl-prev,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.owl-prev {
left: 5%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.owl-next,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.owl-next,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.owl-next {
right: 5%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .demande-devis,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .demande-devis,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .demande-devis {
text-align: center;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .demande-devis a,
.single-modele >main section#modeles .liste .modele .infos-principales .visuel .demande-devis a,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .infos-principales .visuel .demande-devis a {
font-weight: 600;
font-size: 20px;
line-height: 20px;
border-radius: 3px;
max-width: 285px;
width: 100%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques,
.single-modele >main section#modeles .liste .modele .caracteristiques,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques {
border-top: 1px solid #c1c1c1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton,
.single-modele >main section#modeles .liste .modele .caracteristiques .bouton,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .bouton {
text-align: center;
cursor: pointer;
padding: 20px 15px;
position: relative;
margin-left: -30px;
margin-right: -30px;
margin-top: -1px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton:hover,
.single-modele >main section#modeles .liste .modele .caracteristiques .bouton:hover,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .bouton:hover {
color: #ffffff;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton:hover i,
.single-modele >main section#modeles .liste .modele .caracteristiques .bouton:hover i,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .bouton:hover i {
color: #ffffff;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton:hover:before,
.single-modele >main section#modeles .liste .modele .caracteristiques .bouton:hover:before,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .bouton:hover:before {
height: 100%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton.active i,
.single-modele >main section#modeles .liste .modele .caracteristiques .bouton.active i,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .bouton.active i {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton:before,
.single-modele >main section#modeles .liste .modele .caracteristiques .bouton:before,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .bouton:before {
content: "";
width: 100%;
height: 0;
left: 0;
top: 0;
background-color: #2daae1;
position: absolute;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton span,
.single-modele >main section#modeles .liste .modele .caracteristiques .bouton span,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .bouton span {
font-weight: 500;
font-size: 16px;
line-height: 20px;
margin: 0 15px;
z-index: 1;
position: relative;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton i,
.single-modele >main section#modeles .liste .modele .caracteristiques .bouton i,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .bouton i {
color: #c1c1c1;
font-size: 20px;
vertical-align: middle;
z-index: 1;
position: relative;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts,
.single-modele >main section#modeles .liste .modele .caracteristiques .caracts,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .caracts {
font-size: 16px;
line-height: 20px;
padding-top: 30px;
padding-bottom: 30px;
display: none;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts >.row,
.single-modele >main section#modeles .liste .modele .caracteristiques .caracts >.row,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .caracts >.row {
margin: 0 -50px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts >.row .col-12,
.single-modele >main section#modeles .liste .modele .caracteristiques .caracts >.row .col-12,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .caracts >.row .col-12 {
padding-left: 50px;
padding-right: 50px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table,
.single-modele >main section#modeles .liste .modele .caracteristiques .caracts table,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .caracts table {
margin: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr td,
.single-modele >main section#modeles .liste .modele .caracteristiques .caracts table tr td,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .caracts table tr td {
padding: 0;
padding-bottom: 10px;
border: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr td.valeur,
.single-modele >main section#modeles .liste .modele .caracteristiques .caracts table tr td.valeur,
.page-template-collections-les-modeles-test >main section#modeles .liste .modele .caracteristiques .caracts table tr td.valeur {
text-align: right;
}
.page-template-collections-photos #lightbox .lb-outerContainer,
.single-modele #lightbox .lb-outerContainer {
border-radius: 0px;
}
.page-template-collections-photos #lightbox .lb-outerContainer .lb-container .lb-image,
.single-modele #lightbox .lb-outerContainer .lb-container .lb-image {
border: 0;
border-radius: 0;
}
.page-template-collections-photos #lightbox .lb-outerContainer .lb-container .lb-nav,
.single-modele #lightbox .lb-outerContainer .lb-container .lb-nav {
top: auto;
left: auto;
bottom: 0;
right: 0;
width: auto;
height: auto;
bottom: -38px;
right: 50px;
}
.page-template-collections-photos #lightbox .lb-outerContainer .lb-container .lb-nav a,
.single-modele #lightbox .lb-outerContainer .lb-container .lb-nav a {
position: static;
background: none;
opacity: 1;
width: auto;
height: auto;
color: #ffffff;
font-size: 19px;
line-height: 19px;
}
.page-template-collections-photos #lightbox .lb-outerContainer .lb-container .lb-nav a:hover,
.single-modele #lightbox .lb-outerContainer .lb-container .lb-nav a:hover {
color: #2daae1;
}
.page-template-collections-photos #lightbox .lb-outerContainer .lb-container .lb-nav a:after,
.single-modele #lightbox .lb-outerContainer .lb-container .lb-nav a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.page-template-collections-photos #lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:after,
.single-modele #lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:after {
content: "\f053";
}
.page-template-collections-photos #lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next,
.single-modele #lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next {
margin-left: 10px;
}
.page-template-collections-photos #lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:after,
.single-modele #lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:after {
content: "\f054";
}
.page-template-collections-photos #lightbox .lb-dataContainer,
.single-modele #lightbox .lb-dataContainer {
background-color: #1d233b;
border-radius: 0;
padding: 0;
}
.page-template-collections-photos #lightbox .lb-dataContainer .lb-data,
.single-modele #lightbox .lb-dataContainer .lb-data {
padding: 0;
}
.page-template-collections-photos #lightbox .lb-dataContainer .lb-data .lb-details,
.single-modele #lightbox .lb-dataContainer .lb-data .lb-details {
padding: 15px 0 15px 20px;
}
.page-template-collections-photos #lightbox .lb-dataContainer .lb-caption,
.single-modele #lightbox .lb-dataContainer .lb-caption {
color: #ffffff;
font-size: 23px;
line-height: 27px;
font-weight: 600;
}
.page-template-collections-photos #lightbox .lb-dataContainer .lb-number,
.single-modele #lightbox .lb-dataContainer .lb-number {
display: none !important;
}
.page-template-collections-photos #lightbox .lb-dataContainer .lb-closeContainer,
.single-modele #lightbox .lb-dataContainer .lb-closeContainer {
padding-right: 20px;
padding-top: 18px;
}
.page-template-collections-photos #lightbox .lb-dataContainer .lb-closeContainer a,
.single-modele #lightbox .lb-dataContainer .lb-closeContainer a {
position: static;
background: none;
opacity: 1;
color: #ffffff;
width: auto;
height: auto;
font-size: 21px;
line-height: 21px;
}
.page-template-collections-photos #lightbox .lb-dataContainer .lb-closeContainer a:after,
.single-modele #lightbox .lb-dataContainer .lb-closeContainer a:after {
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.page-template-collections-photos #lightbox .lb-dataContainer .lb-closeContainer a:hover,
.single-modele #lightbox .lb-dataContainer .lb-closeContainer a:hover {
color: #2daae1;
}
.page-template-collections-photos >main section#photos .container,
.single-modele >main section#photos .container {
max-width: 1210px;
}
.page-template-collections-photos >main section#photos .introduction .titre_intro,
.single-modele >main section#photos .introduction .titre_intro {
text-align: right;
}
.page-template-collections-photos >main section#photos .introduction .filtres,
.single-modele >main section#photos .introduction .filtres {
text-align: left;
margin-bottom: 40px;
}
.page-template-collections-photos >main section#photos .introduction .filtres ul,
.single-modele >main section#photos .introduction .filtres ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
}
.page-template-collections-photos >main section#photos .introduction .filtres ul li,
.single-modele >main section#photos .introduction .filtres ul li {
display: inline-block;
border-right: 2px solid #2daae1;
padding: 0 7px;
}
.page-template-collections-photos >main section#photos .introduction .filtres ul li a,
.single-modele >main section#photos .introduction .filtres ul li a {
font-size: 18px;
line-height: 18px;
color: #1d233b;
}
.page-template-collections-photos >main section#photos .introduction .filtres ul li a:hover,
.single-modele >main section#photos .introduction .filtres ul li a:hover {
color: #2daae1;
}
.page-template-collections-photos >main section#photos .introduction .filtres ul li a.active,
.single-modele >main section#photos .introduction .filtres ul li a.active {
color: #2daae1;
}
.page-template-collections-photos >main section#photos .introduction .filtres ul li:first-child,
.single-modele >main section#photos .introduction .filtres ul li:first-child {
padding-left: 0;
}
.page-template-collections-photos >main section#photos .introduction .filtres ul li:last-child,
.single-modele >main section#photos .introduction .filtres ul li:last-child {
padding-right: 0;
border: 0;
}
.page-template-collections-photos >main section#photos .liste .photo,
.single-modele >main section#photos .liste .photo {
margin-bottom: 30px;
}
.page-template-collections-photos >main section#photos .liste .photo a,
.single-modele >main section#photos .liste .photo a {
height: 250px;
display: block;
overflow: hidden;
position: relative;
text-align: center;
color: #ffffff;
}
.page-template-collections-photos >main section#photos .liste .photo a .overlay,
.single-modele >main section#photos .liste .photo a .overlay {
background-color: #1d233b;
opacity: 0.74;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 0;
height: 0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.page-template-collections-photos >main section#photos .liste .photo a .fragment,
.single-modele >main section#photos .liste .photo a .fragment {
position: absolute;
width: 100%;
height: 50%;
left: 0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.page-template-collections-photos >main section#photos .liste .photo a .fragment.icone,
.single-modele >main section#photos .liste .photo a .fragment.icone {
top: -100%;
padding-bottom: 15px;
}
.page-template-collections-photos >main section#photos .liste .photo a .fragment.icone i,
.single-modele >main section#photos .liste .photo a .fragment.icone i {
font-size: 42px;
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
text-align: center;
}
.page-template-collections-photos >main section#photos .liste .photo a .fragment.legende,
.single-modele >main section#photos .liste .photo a .fragment.legende {
font-size: 23px;
line-height: 27px;
font-weight: 600;
padding: 15px 15px 0;
bottom: -100%;
}
.page-template-collections-photos >main section#photos .liste .photo a:hover .overlay,
.single-modele >main section#photos .liste .photo a:hover .overlay {
width: 100%;
height: 100%;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.page-template-collections-photos >main section#photos .liste .photo a:hover .fragment,
.single-modele >main section#photos .liste .photo a:hover .fragment {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.page-template-collections-photos >main section#photos .liste .photo a:hover .fragment.icone,
.single-modele >main section#photos .liste .photo a:hover .fragment.icone {
top: 0;
}
.page-template-collections-photos >main section#photos .liste .photo a:hover .fragment.legende,
.single-modele >main section#photos .liste .photo a:hover .fragment.legende {
bottom: 0;
}
.page-template-collections-photos >main section#photos .scroller-status,
.single-modele >main section#photos .scroller-status {
text-align: center;
margin-bottom: 30px;
}
.page-template-collections-videos >main section#videos .container,
.single-modele >main section#videos .container {
max-width: 1210px;
}
.page-template-collections-videos >main section#videos .introduction .titre_intro,
.single-modele >main section#videos .introduction .titre_intro {
text-align: right;
}
.page-template-collections-videos >main section#videos .introduction .filtres,
.single-modele >main section#videos .introduction .filtres {
text-align: left;
margin-bottom: 40px;
}
.page-template-collections-videos >main section#videos .introduction .filtres ul,
.single-modele >main section#videos .introduction .filtres ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
}
.page-template-collections-videos >main section#videos .introduction .filtres ul li,
.single-modele >main section#videos .introduction .filtres ul li {
display: inline-block;
border-right: 2px solid #2daae1;
padding: 0 7px;
}
.page-template-collections-videos >main section#videos .introduction .filtres ul li a,
.single-modele >main section#videos .introduction .filtres ul li a {
font-size: 18px;
line-height: 18px;
color: #1d233b;
}
.page-template-collections-videos >main section#videos .introduction .filtres ul li a:hover,
.single-modele >main section#videos .introduction .filtres ul li a:hover {
color: #2daae1;
}
.page-template-collections-videos >main section#videos .introduction .filtres ul li a.active,
.single-modele >main section#videos .introduction .filtres ul li a.active {
color: #2daae1;
}
.page-template-collections-videos >main section#videos .introduction .filtres ul li:first-child,
.single-modele >main section#videos .introduction .filtres ul li:first-child {
padding-left: 0;
}
.page-template-collections-videos >main section#videos .introduction .filtres ul li:last-child,
.single-modele >main section#videos .introduction .filtres ul li:last-child {
padding-right: 0;
border: 0;
}
.page-template-collections-videos >main section#videos .liste .video,
.single-modele >main section#videos .liste .video {
margin-bottom: 30px;
}
.page-template-collections-videos >main section#videos .liste .video iframe,
.single-modele >main section#videos .liste .video iframe {
border: 1px solid #c1c1c1;
margin-bottom: 5px;
}
.page-template-collections-videos >main section#videos .liste .video h2,
.single-modele >main section#videos .liste .video h2 {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #1d233b;
margin: 0;
}
.page-template-collections-videos >main section#videos .scroller-status,
.single-modele >main section#videos .scroller-status {
text-align: center;
margin-bottom: 30px;
}
.page-template-collections-linstallation-rapide >main section#installation .container,
.single-modele >main section#installation .container {
max-width: 1210px;
}
.page-template-collections-linstallation-rapide >main section#installation .introduction,
.single-modele >main section#installation .introduction {
margin-bottom: 70px;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie,
.single-modele >main section#installation .methodologie {
margin-bottom: 35px;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape,
.single-modele >main section#installation .methodologie .etape {
margin-bottom: 30px;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape .zone,
.single-modele >main section#installation .methodologie .etape .zone {
border-left: 1px solid #2daae1;
height: 100%;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape .zone .visuel .photo,
.single-modele >main section#installation .methodologie .etape .zone .visuel .photo {
height: 250px;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape .zone .textuel,
.single-modele >main section#installation .methodologie .etape .zone .textuel {
padding: 35px 0 0 30px;
margin-bottom: -20px;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape .zone .textuel h2,
.single-modele >main section#installation .methodologie .etape .zone .textuel h2 {
font-size: 20px;
line-height: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
}
.page-template-collections-linstallation-rapide >main section#installation .video-dinstallation h3,
.single-modele >main section#installation .video-dinstallation h3 {
font-size: 22px;
line-height: 26px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 35px;
text-align: center;
}
.bouton-modele {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
color: #333333;
font-size: 18px;
border-radius: 0px;
width: 200px;
height: 40px;
font-weight: bold;
border: 2px solid #333333;
transition: 0.3s;
box-shadow: 5px 5px 0px 0px #333333;
background-color: #ffffff;
}
.bouton-modele:hover {
box-shadow: 0 0 #333;
color: #fff;
background-color: #333;
}
.page-template-collections-questions-frequentes >main section#questions .container,
.single-modele >main section#questions .container {
max-width: 1080px;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card,
.single-modele >main section#questions .liste #accordion .card {
border: 0;
border-bottom: 1px solid #e6e6e6;
padding-top: 20px;
border-radius: 0;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card:last-child,
.single-modele >main section#questions .liste #accordion .card:last-child {
border-bottom: 0;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card .card-header,
.single-modele >main section#questions .liste #accordion .card .card-header {
padding: 0;
border-radius: 0;
border: 0;
background-color: transparent;
margin-bottom: 20px;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card .card-header h2,
.single-modele >main section#questions .liste #accordion .card .card-header h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card .card-header h2 button,
.single-modele >main section#questions .liste #accordion .card .card-header h2 button {
padding: 0;
color: #1d233b;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
text-decoration: none;
font-weight: 600;
white-space: initial;
text-align: left;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card .card-header h2 button:hover,
.single-modele >main section#questions .liste #accordion .card .card-header h2 button:hover {
color: #2daae1;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card .card-body,
.single-modele >main section#questions .liste #accordion .card .card-body {
padding: 0 0 0 30px;
}
.titre-modele {
font-weight: bold;
color: #2daae1;
position: relative;
width: fit-content;
}
.titre-modele:after {
content: "";
position: absolute;
display: block;
height: 1.3px;
width: 30%;
bottom: -10px;
background-color: black;
}
.titre-modele-1:before {
display: none;
padding-top: 3rem;
}
.page-template-collections-documentations >main section#documents .container,
.single-modele >main section#documents .container {
max-width: 1080px;
}
.page-template-collections-documentations >main section#documents .liste .document,
.single-modele >main section#documents .liste .document {
margin-bottom: 20px;
}
.page-template-collections-documentations >main section#documents .liste .document a,
.single-modele >main section#documents .liste .document a {
display: inline-block;
position: relative;
padding-left: 38px;
font-size: 16px;
line-height: 20px;
color: #1d233b;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
vertical-align: top;
}
.page-template-collections-documentations >main section#documents .liste .document a:hover,
.single-modele >main section#documents .liste .document a:hover {
color: #2daae1;
}
.page-template-collections-documentations >main section#documents .liste .document a:before,
.single-modele >main section#documents .liste .document a:before {
content: "";
width: 20px;
height: 23px;
background-image: url(../img/icone-pdf.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
position: absolute;
top: -3px;
left: 0;
}
.page-id-7 >main section#contenu,
.page-id-3 >main section#contenu,
.page-id-451 >main section#contenu {
padding-bottom: 60px;
}
.page-id-7 >main section#contenu h2,
.page-id-3 >main section#contenu h2,
.page-id-451 >main section#contenu h2 {
font-size: 24px;
line-height: 28px;
font-weight: 600;
margin-bottom: 20px;
}
.page-id-7 >main section#contenu h3,
.page-id-3 >main section#contenu h3,
.page-id-451 >main section#contenu h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
}
.page-id-7 >main section#contenu h4,
.page-id-3 >main section#contenu h4,
.page-id-451 >main section#contenu h4 {
font-size: 16px;
line-height: 20px;
}
.page-id-439 >main section#coordonnees-image {
padding: 60px 0;
text-align: center;
}
.page-id-6 #nf-field-49-wrap .nf-field-label {
display: block !important;
}
.page-id-620 >main section#references-temoignages {
padding-bottom: 115px;
}
.page-id-620 >main section#references-temoignages .introduction .filtres {
text-align: left;
margin-bottom: 40px;
}
.page-id-620 >main section#references-temoignages .introduction .filtres ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
}
.page-id-620 >main section#references-temoignages .introduction .filtres ul li {
display: inline-block;
border-right: 2px solid #2daae1;
padding: 0 7px;
}
.page-id-620 >main section#references-temoignages .introduction .filtres ul li a {
font-size: 18px;
line-height: 18px;
color: #1d233b;
cursor: pointer;
}
.page-id-620 >main section#references-temoignages .introduction .filtres ul li a:hover {
color: #2daae1;
}
.page-id-620 >main section#references-temoignages .introduction .filtres ul li a.active {
color: #2daae1;
}
.page-id-620 >main section#references-temoignages .introduction .filtres ul li:first-child {
padding-left: 0;
}
.page-id-620 >main section#references-temoignages .introduction .filtres ul li:last-child {
padding-right: 0;
border: 0;
}
.page-id-620 >main section#references-temoignages .contenu .description {
font-weight: 500;
}
.page-id-620 >main section#references-temoignages .contenu .recherche {
margin-bottom: 30px;
}
.page-id-620 >main section#references-temoignages .contenu .recherche input {
padding: 15px 10px;
width: 100%;
font-size: 16px;
line-height: 20px;
outline: 0;
border: 1px solid #c1c1c1;
color: #282828;
}
.page-id-620 >main section#references-temoignages .contenu .recherche input::placeholder {
color: #a09f9f;
opacity: 1;
}
.page-id-620 >main section#references-temoignages .contenu .recherche input:-ms-input-placeholder {
color: #a09f9f;
}
.page-id-620 >main section#references-temoignages .contenu .recherche input::-ms-input-placeholder {
color: #a09f9f;
}
.page-id-620 >main section#references-temoignages .contenu .liste {
height: 658px;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference {
margin-bottom: 30px;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd {
height: 265px;
border: 0;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face {
background-color: #e6e6e6;
border: 1px solid #c1c1c1;
height: 100%;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front >.row {
height: 100%;
margin: 0;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front.active {
background-color: #2daae1;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front.active .textuel {
color: #ffffff;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front.active .textuel a {
color: #ffffff !important;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel {
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #1d233b;
text-align: center;
padding: 15px 20px;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel h3 {
font-size: 22px;
line-height: 26px;
font-weight: bold;
margin-bottom: 30px;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel .adresse-postale {
margin-bottom: 25px;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel .adresse-postale span {
text-transform: uppercase;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel .telephone {
margin-bottom: 25px;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel .telephone a {
color: #1d233b;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel .telephone a:hover {
color: #2daae1;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel .adresse-web {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
color: #1d233b;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .textuel .adresse-web:hover {
color: #2daae1;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .visuel {
height: 100%;
padding: 0;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .visuel .fond {
height: 100%;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .visuel .fond:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #282828;
opacity: 0.25;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.front .visuel .bouton {
font-size: 24px;
line-height: 24px;
display: inline-block;
bottom: 15px;
right: 15px;
position: absolute;
cursor: pointer;
color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.back {
background-color: #1d233b;
color: #ffffff;
padding: 20px;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.back .contenu {
height: 100%;
position: relative;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.back .contenu .temoignage {
color: #ffffff;
width: 100%;
margin-bottom: 15px;
height: 160px;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.back .contenu .temoignage .mCSB_dragger_bar {
background-color: #ffffff;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.back .contenu .modele {
border-top: 1px solid #ffffff;
text-transform: uppercase;
padding-top: 20px;
width: 100%;
padding-right: 40px;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.back .contenu .modele span {
color: #2daae1;
margin-right: 5px;
text-transform: none;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.back .contenu .bouton {
font-size: 24px;
line-height: 24px;
display: inline-block;
bottom: 0;
right: 0;
position: absolute;
cursor: pointer;
color: #ffffff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .cardd .face.back .contenu .bouton:hover {
color: #2daae1;
}
.page-id-620 >main section#references-temoignages .contenu .liste .reference .infos-cachees {
display: none;
}
.page-id-620 >main section#references-temoignages .contenu .liste .aucune-reference {
display: none;
}
.page-id-620 >main section#references-temoignages .contenu .liste .aucune-reference.active {
display: block;
}
.page-id-620 >main section#references-temoignages .contenu #map {
height: 800px;
}
.woocommerce-page >main .contenu-principal .products {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.woocommerce-page >main .contenu-principal .products .product {
overflow: hidden;
width: 22.5%;
margin: 0 3% 30px 0;
padding: 15px;
border: 1px solid #969696;
}
.woocommerce-page >main .contenu-principal .products .product.last {
margin-right: 0;
}
.woocommerce-page >main .contenu-principal .products .product:hover .imagewrapper {
border-color: #2daae1;
}
.woocommerce-page >main .contenu-principal .products .product:hover .imagewrapper .fond {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-webkit-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-moz-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
-o-transform: translateZ(0) perspective(1px) scale3d(1.05,1.05,1);
}
.woocommerce-page >main .contenu-principal .products .product:hover .add_to_cart_button {
right: 0;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
height: 100%;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link:hover h2 {
color: #2daae1;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .imagewrapper {
height: 238px;
overflow: hidden;
position: relative;
margin-bottom: 20px;
border: 1px solid #c1c1c1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .imagewrapper .fond {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link h2 {
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #1d233b;
padding: 0;
margin: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
padding-bottom: 10px;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .price {
font-size: 22px;
line-height: 26px;
color: #1d233b;
margin: 0;
padding-top: 10px;
border-top: 1px solid #969696;
margin-top: auto;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .price bdi {
position: relative;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .price bdi span {
font-size: 14px;
position: absolute;
top: -5px;
right: -11px;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .price ins {
margin-left: 15px;
}
.woocommerce-page >main .contenu-principal .products .product .add_to_cart_button {
background-color: #2daae1;
border-radius: 0;
color: #ffffff;
font-weight: 600;
font-size: 14px;
line-height: 18px;
border: 1px solid #2daae1;
position: absolute;
padding: 5px 10px;
margin: 0;
right: -300px;
bottom: 0;
z-index: 3;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.woocommerce-page >main .contenu-principal .products .product .add_to_cart_button:after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0;
}
.woocommerce-page >main .contenu-principal .products .product .add_to_cart_button:before {
margin-right: 10px;
font-size: 18px;
vertical-align: middle;
}
.woocommerce-page >main .contenu-principal .products .product .add_to_cart_button:hover {
color: #2daae1;
background-color: #ffffff;
}
.woocommerce-page >main .contenu-principal .products .product .add_to_cart_button.product_type_simple:before {
content: "\e904";
font-family: "icomoon" !important;
font-weight: 400;
}
.woocommerce-page >main .contenu-principal .products .product .add_to_cart_button.product_type_variable:before {
content: "\f0a6";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.woocommerce-page >main .contenu-principal .products .product .added_to_cart {
display: none;
}
.woocommerce-page.archive >main section#liste-categories .container {
max-width: 1240px;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres h1 {
color: #1d233b;
font-size: 20px;
line-height: 24px;
text-align: center;
font-weight: 600;
margin-bottom: 50px;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .row {
margin: 0;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre {
padding: 0;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a {
border: 1px solid #c1c1c1;
color: #1d233b;
display: block;
padding: 35px 30px;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a .intitule {
font-size: 20px;
line-height: 24px;
font-weight: bold;
margin-bottom: 35px;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a .photo {
height: 280px;
border: 1px solid #c1c1c1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a:hover {
color: #2daae1;
border-color: #2daae1;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a:hover .photo {
border-color: #2daae1;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat {
border-bottom: 1px solid #c1c1c1;
padding-top: 65px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat:last-child {
border-bottom: 0;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat h2 {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #1d233b;
text-align: center;
margin-bottom: 30px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat h2 span {
text-transform: uppercase;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
margin-bottom: 55px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a {
color: #1d233b;
text-align: center;
display: block;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a .image {
margin-bottom: 20px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a .image .zone {
max-width: 180px;
margin: auto;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a .image .zone .cercle {
background-color: #1d233b;
padding-top: 100%;
border: 1px solid #c1c1c1;
border-radius: 100%;
margin: auto;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a h3 {
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin: 0;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a:hover {
color: #2daae1;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a:hover .image .zone .cercle {
border-color: #2daae1;
}
.woocommerce-page.tax-product_cat >main section#contenu-en-colonnes,
.woocommerce-page.search-results >main section#contenu-en-colonnes {
margin-top: 108px;
}
@media screen and (max-width: 990px) {
.woocommerce-page.tax-product_cat >main section#contenu-en-colonnes,
.woocommerce-page.search-results >main section#contenu-en-colonnes {
margin-top: 10px;
}
}
.woocommerce-page.tax-product_cat >main section#liste-produits .container,
.woocommerce-page.search-results >main section#liste-produits .container {
max-width: 1210px;
}
.woocommerce-page.tax-product_cat >main section#liste-produits h1,
.woocommerce-page.search-results >main section#liste-produits h1 {
text-align: center;
font-size: 22px;
line-height: 26px;
font-weight: 500;
margin-bottom: 45px;
color: #1d233b;
text-transform: uppercase;
}
.woocommerce-page.tax-product_cat >main section#liste-produits h1 span,
.woocommerce-page.search-results >main section#liste-produits h1 span {
font-weight: bold;
}
.woocommerce-page.single-product >main section#contenu-en-colonnes {
margin-top: 108px;
min-height: 900px;
}
@media screen and (max-width: 990px) {
.woocommerce-page.single-product >main section#contenu-en-colonnes {
min-height: 105rem;
}
}
.woocommerce-page.single-product >main section#contenu-produit .container {
max-width: 1210px;
}
.woocommerce-page.single-product >main section#contenu-produit .woocommerce-product-gallery {
width: 45%;
}
.woocommerce-page.single-product >main section#contenu-produit .woocommerce-product-gallery figure {
margin: 0 -15px;
font-size: 0;
}
.woocommerce-page.single-product >main section#contenu-produit .woocommerce-product-gallery figure .woocommerce-product-gallery__image {
padding: 0 15px;
margin-top: 30px;
}
.woocommerce-page.single-product >main section#contenu-produit .woocommerce-product-gallery figure .woocommerce-product-gallery__image:first-child {
margin-top: 0;
}
.woocommerce-page.single-product >main section#contenu-produit .summary {
width: 45%;
padding-right: 35px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary h1 {
font-size: 22px;
line-height: 26px;
font-weight: bold;
color: #1d233b;
text-transform: uppercase;
padding-bottom: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #969696;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price {
padding-bottom: 20px;
color: #1d233b;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price span:first-child bdi:before {
display: inline;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price span bdi:before {
display: none;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price bdi {
color: #1d233b;
font-size: 22px;
line-height: 26px;
position: relative;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price bdi span {
font-size: 14px;
position: absolute;
top: -5px;
right: -11px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price ins {
margin-left: 15px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price ins bdi:before {
display: none !important;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .woocommerce-product-details__short-description {
padding-bottom: 1px;
margin-bottom: 20px;
font-size: 16px;
line-height: 20px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .woocommerce-product-details__short-description p {
text-align: justify;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .variations .label {
font-size: 18px;
line-height: 18px;
color: #1d233b;
font-weight: 600;
width: 25%;
padding: 0;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .variations .label label {
font-weight: inherit;
margin: 0;
padding-top: 7px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .variations .label label:after {
content: " :";
}
.woocommerce-page.single-product >main section#contenu-produit .summary .variations .value select {
border: 1px solid #c1c1c1;
font-size: 18px;
background-color: #ffffff;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .quantity {
width: 100%;
font-size: 0;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .quantity:before {
content: "Quantité :";
font-size: 18px;
line-height: 18px;
color: #1d233b;
font-weight: 600;
display: inline-block;
width: 25%;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .quantity input {
border: 1px solid #c1c1c1;
font-size: 18px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary button[type="submit"] {
background-color: #2daae1;
border-radius: 0;
color: #ffffff;
font-weight: 600;
font-size: 16px;
line-height: 20px;
border: 1px solid #2daae1;
padding: 15px 15px;
margin: 0;
outline: 0;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
margin-top: 30px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary button[type="submit"]:before {
margin-right: 10px;
font-size: 40px;
vertical-align: middle;
content: "\e904";
font-family: "icomoon" !important;
font-weight: 400;
border-right: 1px solid #ffffff;
margin-right: 12px;
padding-right: 12px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary button[type="submit"]:hover {
color: #2daae1;
background-color: #ffffff;
}
.woocommerce-page.single-product >main section#contenu-produit .related {
padding-top: 45px;
border-top: 1px solid #969696;
}
.woocommerce-page.single-product >main section#contenu-produit .related >h2 {
font-size: 18px;
line-height: 22px;
color: #1d233b;
font-weight: 600;
margin-bottom: 50px;
}
.woocommerce-page.woocommerce-cart >main section#contenu {
padding-top: 90px;
padding-bottom: 50px;
}
.woocommerce-page.woocommerce-cart >main section#contenu h2 {
font-weight: 600;
color: #1d233b;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}
.woocommerce-page.woocommerce-cart >main section#contenu .button {
background-color: #2daae1;
color: #ffffff;
outline: none;
font-weight: 500;
border-radius: 0;
border: 1px solid #2daae1;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.woocommerce-page.woocommerce-cart >main section#contenu .button:hover {
background-color: #ffffff;
color: #2daae1;
}
.woocommerce-page.woocommerce-cart >main section#contenu .shop_table {
border-radius: 0;
}
.woocommerce-page.woocommerce-cart >main section#contenu .checkout-button {
background-color: #2daae1 !important;
}
.woocommerce-page.woocommerce-cart >main section#contenu .checkout-button:hover {
background-color: #ffffff !important;
}
.woocommerce-page.woocommerce-cart >main section#contenu #coupon_code {
width: 120px;
}
.woocommerce-page.woocommerce-cart >main section#contenu .woocommerce-cart-form a {
color: #1d233b;
}
.woocommerce-page.woocommerce-cart >main section#contenu .woocommerce-cart-form a:hover {
color: #2daae1;
}
.woocommerce-page.woocommerce-cart >main section#contenu .woocommerce-message a {
color: #1d233b;
}
.woocommerce-page.woocommerce-cart >main section#contenu .woocommerce-message a:hover {
color: #2daae1;
}
.woocommerce-page.woocommerce-cart >main section#contenu .woocommerce-shipping-destination {
display: none;
}
.woocommerce-page.woocommerce-checkout >main section#contenu {
padding-top: 90px;
padding-bottom: 50px;
}
.woocommerce-page.woocommerce-checkout >main section#contenu h3 {
font-weight: 600;
color: #1d233b;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .col-1 {
max-width: none;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .col-2 {
max-width: none;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .input-text {
padding: 2.5px 5px;
resize: none;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .woocommerce-info {
border-top: 3px solid #2daae1;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .woocommerce-info:before {
color: #2daae1;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .woocommerce a {
color: #1d233b;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .woocommerce a:hover {
color: #2daae1;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details .form-row-first,
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details .form-row-last {
width: 100%;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details label,
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details span {
width: 50%;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details label span,
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details span span {
width: 100%;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details label span b,
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details span span b {
left: 95%;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details h3 label {
width: 100%;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details input,
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details select {
outline: none;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details #billing_address_2,
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details #shipping_address_2 {
margin-left: 100%;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .woocommerce-checkout-review-order-table thead {
background-color: #2daae1;
color: #ffffff;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details {
margin-bottom: 30px;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #place_order {
background-color: #2daae1;
color: #ffffff;
border: 1px solid #2daae1;
outline: none;
font-weight: 500;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #place_order:hover {
background-color: #ffffff;
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu {
padding-top: 90px;
padding-bottom: 50px;
}
.woocommerce-page.woocommerce-account >main section#contenu #customer_login .input-text {
padding: 2.5px 5px;
}
.woocommerce-page.woocommerce-account >main section#contenu #customer_login .col-1 {
max-width: none;
}
.woocommerce-page.woocommerce-account >main section#contenu #customer_login .col-2 {
max-width: none;
}
.woocommerce-page.woocommerce-account >main section#contenu #customer_login a {
color: #1d233b;
}
.woocommerce-page.woocommerce-account >main section#contenu #customer_login a:hover {
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a {
color: #1d233b;
font-weight: 500;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a:hover {
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-table--order-details .product-name a {
color: #1d233b;
font-weight: 500;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-table--order-details .product-name a:hover {
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-navigation ul {
list-style-type: none;
margin-left: 0;
padding: 0;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-navigation ul li a {
display: block;
background-color: #1d233b;
color: #ffffff;
padding: 5px 15px;
margin-bottom: 5px;
border: 1px solid #1d233b;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-navigation ul li a:hover {
background-color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .button {
background-color: #2daae1;
border: 1px solid #2daae1;
border-radius: 0;
color: #ffffff;
outline: none;
font-weight: 500;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .button:hover {
background-color: #ffffff;
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content p a {
color: #1d233b;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content p a:hover {
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .woocommerce-message {
border-top: 3px solid #1d233b;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .woocommerce-message:before {
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .woocommerce-Message {
border-top: 3px solid #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .woocommerce-Message:before {
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .addresses .woocommerce-Address {
max-width: none;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .addresses .woocommerce-Address .title {
height: auto;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .addresses .woocommerce-Address .title h3 {
font-size: 18px;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a {
color: #1d233b;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a:hover {
color: #2daae1;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
width: 100%;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .woocommerce-address-fields label {
width: 50%;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .woocommerce-address-fields span {
width: 50%;
}
.woocommerce-page.woocommerce-account >main section#contenu .woocommerce-MyAccount-content .input-text {
padding: 2.5px 5px;
}
@media screen and (min-width: 990px) {
#contact_SAV {
padding-top: 3rem;
}
}
#contact_SAV .titre-section-principale {
padding-left: 0;
}
#contact_SAV .titre-section-principale:before {
display: none;
}
@media screen and (max-width: 1700px) {
.home >main section#nos-collections .owl-carousel {
padding: 0 5%;
}
.home >main section#nos-collections .owl-carousel .owl-nav button.owl-prev {
left: 0;
}
.home >main section#nos-collections .owl-carousel .owl-nav button.owl-next {
right: 0;
}
}
@media screen and (max-width: 1600px) {
body >main section#contenu-en-colonnes {
padding-left: 300px;
}
body >main section#contenu-en-colonnes .bandeau-lateral {
width: 300px;
padding-left: 15px;
}
.page-id-42 >main section#contenu-en-colonnes {
padding-left: 450px;
}
.page-id-42 >main section#contenu-en-colonnes .bandeau-lateral {
width: 450px;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media screen and (max-width: 1400px) {
body >header .menu-principal .menu-menu-principal-container ul.menu >li {
min-width: 0;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul {
width: 390px;
}
body >footer .corps .bloc .logo-et-telephone {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
body >footer .pied .liens >.row >.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 0;
}
body >footer .pied .infos-legales .col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 0;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.image-dominante .visuel {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.image-dominante .textuel {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .col-info-cnt {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .col-info-cnt:first-child {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1300px) {
.menu-menu-principal-container ul.menu li a span {
font-size: 13px !important;
}
}
@media screen and (max-width: 1199px) {
body #grdp_barre_mini {
display: none !important;
}
body #menu-mobile {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
background-color: #2daae1;
border: 1px solid #2daae1;
position: absolute;
top: 10px;
right: 15px;
text-align: center;
color: #ffffff;
}
body #menu-mobile.active {
background-color: #ffffff;
color: #2daae1;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel {
padding-left: 30px;
padding-right: 30px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.contact {
background-image: none;
padding-left: 30px;
padding-right: 30px;
}
body >header {
height: 60px;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
body >header:after {
display: none;
}
body >header .menu-principal {
-ms-flex: 0 0 0;
flex: 0 0 0;
max-width: none;
position: fixed;
top: 60px;
left: 0;
width: 300px;
height: 100%;
background-color: rgba(0,0,0,0.7);
border-right: 1px solid #ffffff;
display: none;
overflow-y: scroll;
padding-top: 30px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu {
flex-direction: column;
}
body >header .menu-principal .menu-menu-principal-container ul.menu li.menu-item-has-children >a {
height: auto !important;
}
body >header .menu-principal .menu-menu-principal-container ul.menu li.menu-item-has-children >a >span:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
margin-left: 10px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
font-size: 14px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu li.menu-item-has-children >a.active span:after {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li {
height: auto;
border: 0 !important;
display: block;
margin-bottom: 30px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >a {
padding: 0;
display: inline-block;
font-size: 18px;
line-height: 18px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >a:after {
display: none;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li >ul.sub-menu {
height: auto;
margin-top: 15px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul {
width: 100%;
position: static;
padding: 0 15px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li {
padding: 0;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children >a:before,
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.menu-item-has-children >a:after {
display: none;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.recevoir-catalogue {
margin-top: 0;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.recevoir-catalogue >a {
padding: 10px 15px;
margin: 0 -15px;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li.recevoir-catalogue >a span:before {
display: none;
}
body >header .menu-principal .menu-menu-principal-container ul.menu >li ul li a {
font-size: 15px;
line-height: 19px;
padding: 10px 0;
}
body >header .logo {
-ms-flex: 0 0 0;
flex: 0 0 0;
max-width: none;
}
body >header .logo img {
height: 44px;
margin-top: 8px;
max-width: none;
}
body >header .liens-et-reseaux {
-ms-flex: 0 0 0;
flex: 0 0 0;
max-width: none;
position: fixed;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.7);
width: auto;
padding: 15px 30px;
}
body >header .liens-et-reseaux ul li {
margin-right: 25px;
}
body >header .liens-et-reseaux ul li a {
font-size: 24px;
line-height: 24px;
}
body >header .liens-et-reseaux ul li.contact a {
font-size: 20px;
line-height: 20px;
}
body >main .titre-section-principale:before {
height: 70px;
}
body >main section#entete-diaporama .owl-carousel {
height: 400px;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
padding-top: 75px;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .carre {
max-width: 300px;
min-height: 300px;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .carre .legende {
font-size: 38px;
line-height: 44px;
}
body >main section#contenu-en-colonnes {
padding-left: 0;
}
body >main section#contenu-en-colonnes .bandeau-lateral {
width: 100%;
position: relative;
padding: 30px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center !important;
align-items: center !important;
}
body >main section#contenu-en-colonnes .bandeau-lateral .titre-bandeau-general {
width: 100%;
margin-bottom: 15px;
padding: 0 15px;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 15px;
margin: 0;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu-responsive {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 15px;
border-right: 1px solid #c1c1c1;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu-responsive span {
font-size: 16px;
line-height: 20px;
font-weight: 600;
vertical-align: middle;
margin-bottom: 5px;
display: block;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu-responsive select {
border: 1px solid #c1c1c1;
background-color: #ffffff;
font-size: 16px;
line-height: 20px;
padding: 5px 10px;
outline: 0;
width: 100%;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
margin-top: 0;
padding: 0 15px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue a {
display: inline-block;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 15px;
margin: 0;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier a {
font-size: 16px;
line-height: 20px;
display: inline-block;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier a i {
float: none;
font-size: 22px;
vertical-align: middle;
margin-left: 10px;
}
body >main section#contenu-en-colonnes .contenu-principal {
padding-top: 70px;
}
body >footer .corps .bloc .logo-et-telephone {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 30px;
}
.home >main section#parallax .parallax-window {
min-height: 450px;
}
.page-template-collections-les-avantages >main section#introduction .preambule .texte,
.single-modele >main section#introduction .preambule .texte {
padding-top: 15px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage {
align-items: flex-start;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .legende,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .legende {
padding: 0;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-nav,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-nav {
top: 0;
bottom: auto;
padding-top: 14px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table {
border-bottom: 1px solid #c1c1c1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr td {
padding-top: 10px;
border-bottom: 1px solid #c1c1c1;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr:last-child td {
border: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts .col-12:last-child table {
border: 0;
}
.page-template-collections-photos >main section#photos .introduction .filtres {
text-align: left;
}
.page-template-collections-videos >main section#videos .introduction .filtres {
text-align: left;
}
.page-id-42 >main section#contenu-en-colonnes {
padding-left: 0;
}
.page-id-42 >main section#contenu-en-colonnes .bandeau-lateral {
width: 100%;
padding-right: 0;
}
.page-id-42 >main section#chiffres-cles {
width: 100%;
padding: 0 15px;
}
.page-id-43 >main section#articles .liste .article a {
padding: 15px 15px 45px;
}
.single-post >main section#contenu-article .bloc {
padding: 15px;
}
.single-post >main section#navigation .item.encadre a {
padding: 15px;
}
.page-id-44 >main section#references-temoignages .introduction .filtres {
text-align: left;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd {
min-height: 0;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face {
padding: 15px;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux {
padding: 15px;
}
.woocommerce-page >main section#contenu-en-colonnes .bandeau-lateral .mini-menu-responsive {
border-left: 1px solid #c1c1c1;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a {
padding: 15px;
}
}
@media screen and (max-width: 991px) {
body >footer .corps .bloc .groupes-liens {
padding-bottom: 30px;
text-align: center;
}
body >footer .corps .bloc .groupes-liens .boutique {
border-top: 1px solid #c1c1c1;
padding-top: 30px;
}
body >footer .pied .infos-legales {
font-size: 13px;
line-height: 17px;
}
.home >main section#entete-diaporama .owl-carousel {
height: 70vh;
}
.home >main section#boutique {
padding-top: 30px;
}
.home >main section#boutique .textuel .bouton a {
padding: 15px;
}
.home >main section#actualites {
background-color: #2daae1;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage {
align-items: flex-start;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
background-color: #2daae1;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .row {
margin: 0 -15px;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .row >.col-12 {
padding-left: 15px;
padding-right: 15px;
}
.home >main section#actualites .owl-carousel .owl-nav {
bottom: auto;
top: 10px;
text-align: right;
padding-right: 15px;
}
.home >main section#demande-catalogue {
background-color: #2daae1;
}
.home >main section#demande-catalogue .visuel {
padding: 30px 0;
}
.home >main section#demande-catalogue .visuel .cercle {
display: none;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu,
.single-modele >main section#equipements-techniques .contenu {
position: relative;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu .textuel h2,
.single-modele >main section#equipements-techniques .contenu .textuel h2 {
color: #1d233b;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu .textuel h2:before,
.single-modele >main section#equipements-techniques .contenu .textuel h2:before {
background-color: #2daae1;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu .textuel .texte,
.single-modele >main section#equipements-techniques .contenu .textuel .texte {
color: #1d233b;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .points .point,
.single-modele >main section#equipements-techniques .fond .points .point {
border-color: #2daae1 !important;
}
.page-template-collections-les-avantages >main section#equipements-techniques .description,
.single-modele >main section#equipements-techniques .description {
padding: 30px 0 10px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .description .row,
.single-modele >main section#equipements-techniques .description .row {
margin: 0 -30px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .description .row >.col-12,
.single-modele >main section#equipements-techniques .description .row >.col-12 {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-template-collections-les-avantages >main section#equipements-techniques .description .desc-point,
.single-modele >main section#equipements-techniques .description .desc-point {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 15px 10px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .description .desc-point h3,
.single-modele >main section#equipements-techniques .description .desc-point h3 {
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #2daae1;
text-transform: uppercase;
margin-bottom: 15px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel {
padding: 30px 15px 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .titre {
margin-bottom: 5px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix {
text-align: left;
}
.single-post >main section#navigation .item.item-center {
padding: 15px 0;
}
.woocommerce-page >main .contenu-principal .products .product {
margin: 0 4% 35px 0 !important;
width: 48% !important;
}
.woocommerce-page >main .contenu-principal .products .product:nth-child(2n) {
margin-right: 0 !important;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.woocommerce-page.single-product >main section#contenu-produit .woocommerce-product-gallery {
float: left;
width: 48%;
}
.woocommerce-page.single-product >main section#contenu-produit .summary {
float: right;
width: 48%;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .variations .label {
width: 27%;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .quantity:before {
width: 27%;
}
.page-id-620 >main section#references-temoignages .introduction .filtres {
text-align: left;
}
.page-id-620 >main section#references-temoignages .contenu .liste {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767.98px) {
body {
padding-bottom: 40px;
}
body .fleche-remonter-haut-page {
width: 30px;
height: 30px;
font-size: 18px;
line-height: 30px;
position: fixed;
z-index: 6;
bottom: 40px;
right: 0;
text-align: center;
background-color: #2daae1;
color: #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .fleche-remonter-haut-page:hover {
background-color: #1d233b;
}
body .bouton-avec-effet a {
font-size: 14px;
line-height: 14px;
}
body .bouton-besoin-daide {
position: static;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
body .bouton-besoin-daide a {
width: 100%;
height: 35px;
display: block;
font-size: 18px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container {
margin-bottom: 0px;
}
body .nf-form-cont .nf-form-content .nf-field-container input,
body .nf-form-cont .nf-form-content .nf-field-container textarea,
body .nf-form-cont .nf-form-content .nf-field-container select {
padding: 10px 15px;
font-size: 14px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container input,
body .nf-form-cont .nf-form-content .nf-field-container select {
height: 40px;
}
body .nf-form-cont .nf-form-content .nf-field-container textarea {
height: 150px;
}
body .nf-form-cont .nf-form-content .nf-field-container .nf-error .nf-field-element:after {
height: 38px;
line-height: 38px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container {
margin-bottom: 0px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-label label {
font-size: 14px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label {
font-size: 14px;
line-height: 18px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element ul li label:after {
width: 16px;
height: 16px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listradio-container .nf-field-element label.nf-checked-label:before {
left: -27px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container {
margin-top: 15px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label {
padding-left: 28px;
font-size: 12px;
line-height: 16px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label:before {
font-size: 16px;
line-height: 16px;
}
body .nf-form-cont .nf-form-content .nf-field-container.listcheckbox-container .nf-field-element ul li label:after {
width: 16px;
height: 16px;
}
body .nf-form-cont .nf-form-content .nf-field-container.submit-container input {
font-size: 14px;
line-height: 14px;
padding: 10px 15px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-header .close {
color: #ffffff;
font-size: 30px;
line-height: 30px;
right: 10px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe .titre {
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe .texte {
font-size: 14px;
line-height: 18px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe .texte br {
content: "";
display: block;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel {
padding: 15px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.rappel .texte {
padding-bottom: 20px;
margin-bottom: 20px;
}
body .modal-stylise#modalBesoinDaide .modal-dialog .modal-content .modal-body .groupe.contact {
padding: 15px;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-header .close {
font-size: 30px;
line-height: 30px;
right: 10px;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body {
padding: 15px 15px 0;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body .titre {
font-size: 18px;
line-height: 22px;
}
body .modal-stylise#modalPopUp .modal-dialog .modal-content .modal-body .contenu {
font-size: 14px;
line-height: 18px;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-header .close {
font-size: 30px;
line-height: 30px;
right: 10px;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-body {
padding: 15px 15px 0;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-body .titre {
font-size: 18px;
line-height: 22px;
}
body .modal-stylise#modalDemanderUnDevis .modal-dialog .modal-content .modal-body .titre span {
font-size: 14px;
}
body >header .liens-et-reseaux {
height: 40px;
width: 100%;
padding: 5px 15px;
}
body >header .liens-et-reseaux ul {
justify-content: center;
}
body >header .liens-et-reseaux ul li a {
font-size: 20px;
line-height: 20px;
}
body >header .liens-et-reseaux ul li.contact a {
font-size: 16px;
line-height: 16px;
}
body >main .bloc-de-texte {
font-size: 14px;
line-height: 18px;
}
body >main .titre-section-principale {
font-size: 18px;
line-height: 22px;
padding: 0;
margin-bottom: 30px;
}
body >main .titre-section-principale:before {
display: none;
}
body >main section#entete-diaporama .owl-carousel {
height: 250px;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
text-align: center;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .carre {
max-width: 100%;
min-height: 0;
width: 100%;
border-width: 3px;
width: auto;
padding: 10px 15px;
display: none;
}
body >main section#entete-diaporama .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .carre .legende {
font-size: 16px;
line-height: 20px;
}
body >main section#entete-diaporama .owl-carousel .owl-dots {
bottom: 10px;
}
body >main section#entete-diaporama .owl-carousel .owl-dots button {
margin-right: 10px;
}
body >main section#entete-diaporama .owl-carousel .owl-dots button span {
height: 10px;
width: 10px;
border-radius: 10px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .titre-bandeau-general {
font-size: 18px;
line-height: 22px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu-responsive {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
border: 0 !important;
margin-bottom: 15px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu-responsive span {
font-size: 14px;
line-height: 18px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mini-menu-responsive select {
font-size: 14px;
line-height: 18px;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform .corps input[type="text"] {
font-size: 14px;
}
body >main section#contenu-en-colonnes .bandeau-lateral #searchform .ligne {
margin-top: 5px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body >main section#contenu-en-colonnes .bandeau-lateral .mon-panier a {
font-size: 14px;
line-height: 18px;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body >main section#contenu-en-colonnes .bandeau-lateral .recevoir-catalogue a span {
font-size: 14px;
line-height: 18px;
padding: 5px 15px;
}
body >main section#contenu-en-colonnes .contenu-principal {
padding-top: 30px;
padding-bottom: 30px;
}
body >footer {
padding-top: 30px;
padding-bottom: 30px;
}
body >footer .corps .bloc .logo-et-telephone {
margin-bottom: 25px;
text-align: left;
}
body >footer .corps .bloc .infos-centres .centre {
font-size: 14px;
line-height: 18px;
}
body >footer .corps .bloc .infos-centres .centre .intitule {
font-weight: bold;
}
body >footer .corps .bloc .infos-centres .centre .email {
margin-bottom: 15px;
}
body >footer .corps .bloc .groupes-liens {
text-align: left;
}
body >footer .corps .bloc .groupes-liens .boutique {
margin-bottom: 15px;
}
body >footer .corps .bloc .groupes-liens .boutique ul li a {
font-size: 14px;
line-height: 18px;
}
body >footer .corps .bloc .groupes-liens .reseaux-sociaux ul li a {
font-size: 18px;
height: 30px;
width: 30px;
border-radius: 30px;
line-height: 33px;
}
body >footer .pied .liens {
font-size: 14px;
line-height: 18px;
padding-top: 30px;
}
body >footer .pied .liens .menu {
margin-bottom: 20px;
}
body >footer .pied .liens .menu.menu-cut-2 ul {
column-count: 1;
}
body >footer .pied .infos-legales {
font-size: 9px;
line-height: 15px;
}
body >footer .pied .infos-legales a.logo-idcom {
float: left;
margin-right: 10px;
}
body >footer .pied .infos-legales a.logo-idcom img {
width: 30px;
}
.home >main section#entete-diaporama .owl-carousel {
height: 250px;
}
.home >main section#nos-collections {
padding-top: 30px;
padding-bottom: 30px;
}
.home >main section#nos-collections h2 {
font-size: 18px;
line-height: 22px;
}
.home >main section#nos-collections .owl-carousel {
padding: 0;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a {
height: 200px;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .info {
font-size: 12px;
line-height: 16px;
padding: 5px;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .titre {
padding: 0 5px;
bottom: 5px;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .titre h3 {
font-size: 14px;
line-height: 18px;
padding: 5px;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.publicite a .texte {
padding: 5px;
}
.home >main section#nos-collections .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.publicite a .texte h3 {
font-size: 12px;
line-height: 16px;
}
.home >main section#nos-collections .owl-carousel .owl-nav button {
font-size: 20px;
line-height: 20px;
top: -30px;
}
.home >main section#nos-collections .owl-carousel .owl-nav button.owl-prev {
left: 50%;
margin-left: -25px;
}
.home >main section#nos-collections .owl-carousel .owl-nav button.owl-next {
right: 50%;
margin-right: -25px;
}
.home >main section#boutique {
padding-top: 0;
padding-bottom: 30px;
margin: 0;
background-color: #f2f2f2;
}
.home >main section#boutique .textuel .bloc {
padding-top: 30px;
padding-bottom: 30px;
padding-right: 0px;
}
.home >main section#boutique .textuel .bloc h2 {
font-size: 18px;
line-height: 22px;
}
.home >main section#boutique .textuel .bloc .liens ul li {
margin-top: 20px;
}
.home >main section#boutique .textuel .bloc .liens ul li a {
font-size: 14px;
line-height: 18px;
min-width: 200px;
}
.home >main section#boutique .textuel .bloc .liens ul li a:after {
margin-top: 5px;
}
.home >main section#boutique .textuel .bouton a {
padding: 10px 15px;
font-size: 14px;
line-height: 18px;
}
.home >main section#boutique .visuel {
height: 200px;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel h2 {
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel h2:after {
margin-top: 10px;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel {
padding-top: 10px;
padding-bottom: 30px;
}
.home >main section#actualites .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel .fond {
min-height: 200px;
}
.home >main section#actualites .owl-carousel .owl-nav {
padding-left: 15px;
text-align: left;
top: 15px;
}
.home >main section#actualites .owl-carousel .owl-nav button {
font-size: 16px;
line-height: 16px;
}
.home >main section#actualites .owl-carousel .owl-nav button.owl-pause {
font-size: 19px;
}
.home >main section#demande-catalogue .textuel {
padding-top: 30px;
padding-bottom: 30px;
}
.home >main section#demande-catalogue .textuel h2 {
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
}
.home >main section#demande-catalogue .textuel .texte {
margin-bottom: 20px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container {
margin-bottom: 0px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-31-container,
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-43-container {
margin-top: 15px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-31-container .nf-field-label label,
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-43-container .nf-field-label label {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-31-container .nf-field-element ul li,
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.listcheckbox-container#nf-field-43-container .nf-field-element ul li {
width: 100%;
margin-bottom: 10px !important;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-container.submit-container input {
padding: 10px 15px;
font-size: 14px;
line-height: 18px;
}
.home >main section#demande-catalogue .textuel .nf-form-cont .nf-field-element:after {
height: 32px;
line-height: 32px;
}
.home >main section#parallax .parallax-window {
min-height: 200px;
}
.home >main section#temoignages {
margin-bottom: 30px;
}
.home >main section#temoignages .titre {
padding: 10px 15px;
}
.home >main section#temoignages .titre h2 {
font-size: 18px;
line-height: 22px;
padding: 0;
}
.home >main section#temoignages .titre h2:before {
display: none;
}
.home >main section#temoignages .liste {
padding-top: 15px;
padding-bottom: 0;
}
.home >main section#temoignages .liste >.row {
margin: 0;
}
.home >main section#temoignages .liste .reference {
margin-bottom: 15px;
}
.home >main section#temoignages .liste .reference .cardd {
height: auto;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel {
font-size: 14px;
line-height: 18px;
padding: 15px;
color: #ffffff;
z-index: 1;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .adresse-postale {
margin-bottom: 10px;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .telephone {
margin-bottom: 10px;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .telephone a {
color: #ffffff;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .telephone a:hover {
color: #2daae1;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .adresse-web {
color: #ffffff;
}
.home >main section#temoignages .liste .reference .cardd .face.front .textuel .adresse-web:hover {
color: #2daae1;
}
.home >main section#temoignages .liste .reference .cardd .face.front .visuel {
height: 100%;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 0;
}
.home >main section#temoignages .liste .reference .cardd .face.front .visuel .fond:before {
opacity: 0.5;
}
.home >main section#temoignages .liste .reference .cardd .face.front .visuel .bouton {
font-size: 16px;
line-height: 16px;
}
.home >main section#temoignages .liste .reference .cardd .face.back {
padding: 15px;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .modele {
font-size: 14px;
line-height: 18px;
padding-right: 26px;
padding-top: 15px;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .temoignage {
height: 220px;
}
.home >main section#temoignages .liste .reference .cardd .face.back .contenu .bouton {
font-size: 16px;
line-height: 16px;
}
.home >main section#temoignages .bouton a {
font-size: 14px;
line-height: 18px;
padding: 10px 15px;
}
.page-template-collections-les-avantages >main section#introduction,
.single-modele >main section#introduction {
margin-bottom: 30px;
}
.page-template-collections-les-avantages >main section#introduction .preambule,
.single-modele >main section#introduction .preambule {
margin-bottom: 30px;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage,
.single-modele >main section#introduction .liste .selection .avantage {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage:after,
.single-modele >main section#introduction .liste .selection .avantage:after {
display: none;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone .intitule,
.single-modele >main section#introduction .liste .selection .avantage .zone .intitule {
margin-bottom: 15px;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone .desc,
.single-modele >main section#introduction .liste .selection .avantage .zone .desc {
display: block;
font-size: 14px;
line-height: 18px;
text-align: justify;
}
.page-template-collections-les-avantages >main section#introduction .liste .selection .avantage .zone .desc p,
.single-modele >main section#introduction .liste .selection .avantage .zone .desc p {
margin: 0;
}
.page-template-collections-les-avantages >main section#introduction .liste .description,
.single-modele >main section#introduction .liste .description {
margin-top: 0;
}
.page-template-collections-les-avantages >main section#introduction .liste .description:after,
.single-modele >main section#introduction .liste .description:after {
margin: 0;
}
.page-template-collections-les-avantages >main section#equipements-techniques,
.single-modele >main section#equipements-techniques {
margin-bottom: 0px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .contenu .textuel h2,
.single-modele >main section#equipements-techniques .contenu .textuel h2 {
margin-top: 0;
}
.page-template-collections-les-avantages >main section#equipements-techniques .fond .points .point,
.single-modele >main section#equipements-techniques .fond .points .point {
width: 20px;
height: 20px;
border-radius: 20px;
margin-top: -10px;
margin-left: -10px;
font-size: 13px;
line-height: 16px;
}
.page-template-collections-les-avantages >main section#equipements-techniques .description,
.single-modele >main section#equipements-techniques .description {
padding-bottom: 0;
}
.page-template-collections-les-avantages >main section#equipements-techniques .description .desc-point,
.single-modele >main section#equipements-techniques .description .desc-point {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.page-template-collections-les-avantages >main section#equipements-techniques .description .desc-point h3,
.single-modele >main section#equipements-techniques .description .desc-point h3 {
font-size: 16px;
line-height: 20px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives,
.single-modele >main section#diapositives-explicatives {
margin-bottom: 30px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer {
background-color: #1d233b;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.image-dominante .textuel,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.image-dominante .textuel {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.image-dominante .visuel,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.image-dominante .visuel {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.texte-dominant .visuel .image,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item.texte-dominant .visuel .image {
min-height: 350px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel {
padding-top: 60px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .titre,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .titre {
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .titre:after,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .titre:after {
margin-top: 10px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol {
padding: 0;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol li,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol li {
padding-left: 30px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol li:before,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .textuel .texte ol li:before {
width: 20px;
height: 20px;
border-radius: 20px;
line-height: 20px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel .image,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .visuel .image {
min-height: 200px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .legende .texte,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .legende .texte {
font-size: 14px;
line-height: 18px;
padding: 10px 15px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-nav,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-nav {
top: 0;
left: 0;
height: auto;
width: auto;
right: auto;
padding: 10px 5px;
text-align: center;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-nav button,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-nav button {
font-size: 16px;
line-height: 16px;
}
.page-template-collections-les-avantages >main section#diapositives-explicatives .owl-carousel .owl-nav button.owl-pause,
.single-modele >main section#diapositives-explicatives .owl-carousel .owl-nav button.owl-pause {
font-size: 19px;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien,
.single-modele >main section#liens-aux-autres-pages .liste .lien {
margin-bottom: 15px;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien:last-child,
.single-modele >main section#liens-aux-autres-pages .liste .lien:last-child {
margin-bottom: 0;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a,
.single-modele >main section#liens-aux-autres-pages .liste .lien a {
height: 200px;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a .intitule,
.single-modele >main section#liens-aux-autres-pages .liste .lien a .intitule {
padding: 0 15px;
bottom: 15px;
}
.page-template-collections-les-avantages >main section#liens-aux-autres-pages .liste .lien a .intitule .bouton,
.single-modele >main section#liens-aux-autres-pages .liste .lien a .intitule .bouton {
padding: 7.5px 15px;
font-size: 14px;
line-height: 18px;
}
.page-template-collections-les-modeles >main section#modeles .introduction .logo-modele {
text-align: left;
margin-bottom: 40px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele {
padding: 15px 15px 0;
margin-bottom: 30px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele:last-child {
margin-bottom: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales {
padding-bottom: 15px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .titre h2 {
font-size: 18px;
line-height: 22px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix .intitule {
font-size: 12px;
line-height: 16px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .introduction .prix .valeur {
font-size: 18px;
line-height: 22px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .description {
padding-top: 15px;
padding-bottom: 15px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .declinaisons {
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
line-height: 18px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop {
margin-bottom: 15px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop .icone {
height: 25px;
line-height: 25px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .proprietes-generales .prop .intitule {
font-size: 14px;
line-height: 18px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme {
padding-top: 15px;
padding-bottom: 5px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .nom-gamme {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .textuel .gammes .gamme .couleurs .couleur {
height: 20px;
width: 20px;
margin-right: 10px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel {
margin-top: 15px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos {
margin-bottom: 30px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
height: 200px;
line-height: 200px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-stage-outer .owl-stage .owl-item .item a .overlay i {
font-size: 32px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .galerie-photos .owl-carousel .owl-nav button {
font-size: 20px;
line-height: 20px;
width: 30px;
height: 30px;
border-radius: 30px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .montage-photo-selon-combinaison {
height: 200px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages {
margin-bottom: 30px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .intitule {
font-size: 14px;
line-height: 18px;
margin-bottom: 30px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel {
padding: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
padding: 5px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image {
margin-bottom: 5px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .nom-entourage {
font-size: 14px;
line-height: 18px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button {
font-size: 20px;
line-height: 20px;
top: -30px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.owl-prev {
left: 50%;
margin-left: -25px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .entourages .owl-carousel .owl-nav button.owl-next {
right: 50%;
margin-right: -25px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .infos-principales .visuel .demande-devis a {
font-size: 14px;
line-height: 14px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton {
padding: 10px 15px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton i {
font-size: 14px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .bouton span {
font-size: 14px;
line-height: 18px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts {
font-size: 14px;
line-height: 18px;
padding-top: 0;
padding-bottom: 0;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr {
display: block;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr td {
display: block;
width: 100%;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr td.intitule {
border: 0;
padding-bottom: 5px;
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr td.intitule:after {
content: ":";
}
.page-template-collections-les-modeles >main section#modeles .liste .modele .caracteristiques .caracts table tr td.valeur {
text-align: left;
padding-top: 0;
}
.page-template-collections-photos >main section#photos .scroller-status {
margin-bottom: 0;
}
.page-template-collections-photos >main section#photos .introduction .filtres {
margin-bottom: 30px;
}
.page-template-collections-photos >main section#photos .introduction .filtres ul li a {
font-size: 14px;
line-height: 14px;
}
.page-template-collections-photos >main section#photos .liste .photo {
margin-bottom: 15px;
}
.page-template-collections-photos >main section#photos .liste .photo a {
height: 200px;
}
.page-template-collections-photos >main section#photos .liste .photo a .fragment.icone i {
font-size: 28px;
}
.page-template-collections-photos >main section#photos .liste .photo a .fragment.legende {
font-size: 14px;
line-height: 18px;
}
.page-template-collections-videos >main section#videos .scroller-status {
margin-bottom: 0;
}
.page-template-collections-videos >main section#videos .introduction .filtres {
margin-bottom: 30px;
}
.page-template-collections-videos >main section#videos .introduction .filtres ul li a {
font-size: 14px;
line-height: 14px;
}
.page-template-collections-videos >main section#videos .liste .video {
margin-bottom: 15px;
}
.page-template-collections-videos >main section#videos .liste .video iframe {
margin-bottom: 0;
}
.page-template-collections-videos >main section#videos .liste .video h2 {
font-size: 14px;
line-height: 18px;
}
.page-template-collections-linstallation-rapide >main section#installation .introduction {
margin-bottom: 30px;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie {
margin-bottom: 0;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape .zone {
border: 0;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape .zone .visuel .photo {
height: 200px;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape .zone .textuel {
padding: 15px 0 0;
}
.page-template-collections-linstallation-rapide >main section#installation .methodologie .etape .zone .textuel h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-collections-linstallation-rapide >main section#installation .video-dinstallation h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card {
padding-top: 15px;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card .card-header {
margin-bottom: 15px;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card .card-header h2 button {
font-size: 14px;
line-height: 18px;
}
.page-template-collections-questions-frequentes >main section#questions .liste #accordion .card .card-body {
padding: 0;
}
.page-template-collections-documentations >main section#documents .liste .document {
margin-bottom: 15px;
}
.page-template-collections-documentations >main section#documents .liste .document a {
padding-left: 32px;
white-space: normal;
font-size: 14px;
line-height: 18px;
}
.page-id-42 >main section#contenu-en-colonnes .bandeau-lateral {
padding-bottom: 15px;
}
.page-id-42 >main section#contenu-en-colonnes .bandeau-lateral .titre-bandeau-general {
font-size: 18px;
line-height: 22px;
}
.page-id-42 >main section#chiffres-cles h2 {
font-size: 18px;
line-height: 22px;
margin-bottom: 15px;
}
.page-id-42 >main section#chiffres-cles .liste .bloc {
margin-bottom: 15px;
}
.page-id-42 >main section#chiffres-cles .liste .bloc .cercle span.chiffre {
font-size: 28px;
line-height: 32px;
}
.page-id-42 >main section#chiffres-cles .liste .bloc .cercle span.detail {
font-size: 14px;
line-height: 18px;
}
.page-id-42 >main section#presentation .textuel {
padding-top: 0;
}
.page-id-42 >main section#presentation .textuel .zone-texte {
min-height: 0;
margin: 0;
padding: 0;
}
.page-id-42 >main section#presentation .visuel .photo {
min-height: 200px;
}
.page-id-43 >main section#articles h1 {
margin-top: 30px;
}
.page-id-43 >main section#articles .liste .article {
margin-bottom: 15px;
}
.page-id-43 >main section#articles .liste .article a .visuel {
height: 200px;
}
.page-id-43 >main section#articles .liste .article a .textuel h2 {
font-size: 16px;
line-height: 20px;
}
.page-id-43 >main section#articles .liste .article a .textuel .date-publication {
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
}
.page-id-43 >main section#articles .liste .article a .textuel .lien .bouton {
font-size: 14px;
}
.page-id-43 >main section#articles .la-pagination {
margin-top: 15px;
margin-bottom: 30px;
}
.page-id-43 >main section#articles .la-pagination .intitule {
font-size: 14px;
line-height: 14px;
}
.page-id-43 >main section#articles .la-pagination .page-numbers {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px;
}
.single-post >main section#contenu-article {
padding-top: 30px;
margin-bottom: 30px;
}
.single-post >main section#contenu-article .bloc {
padding-bottom: 10px;
}
.single-post >main section#contenu-article .bloc .visuel {
margin-bottom: 30px;
}
.single-post >main section#contenu-article .bloc .visuel .photo {
height: 200px;
}
.single-post >main section#contenu-article .bloc .textuel h1 {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.single-post >main section#contenu-article .bloc .textuel .date-publication {
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
}
.single-post >main section#navigation {
margin-bottom: 30px;
}
.single-post >main section#navigation .item.encadre a .textuel .intitule {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
}
.single-post >main section#navigation .item.encadre a .textuel h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.single-post >main section#navigation .item.encadre a .visuel .photo {
height: 150px;
}
.single-post >main section#navigation .item.item-center a {
font-size: 20px;
}
.single-post >main section#navigation .item.item-next {
text-align: left;
}
.page-id-44 >main section#references-temoignages {
padding-bottom: 15px;
}
.page-id-44 >main section#references-temoignages .introduction h1 {
margin-top: 30px;
}
.page-id-44 >main section#references-temoignages .introduction .filtres {
margin-bottom: 30px;
}
.page-id-44 >main section#references-temoignages .introduction .filtres ul li a {
font-size: 14px;
line-height: 14px;
}
.page-id-44 >main section#references-temoignages .liste .reference {
margin-bottom: 15px;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front >.row .texte {
padding: 0;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front >.row h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.front >.row .adresse-web {
font-size: 14px;
line-height: 18px;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .nom {
display: none;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .adresse-web {
display: none;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .temoignage {
margin-top: 0;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face.back .contenu .modele {
font-size: 14px;
line-height: 18px;
padding-right: 26px;
padding-top: 15px;
}
.page-id-44 >main section#references-temoignages .liste .reference .cardd .face .bouton {
font-size: 16px;
line-height: 16px;
}
.page-id-44 >main section#references-temoignages .scroller-status {
margin-bottom: 0;
}
.page-id-161 >main section#contacter .informations .centre {
font-size: 14px;
line-height: 18px;
}
.page-id-161 >main section#contacter .informations .centre .intitule {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.page-id-161 >main section#contacter .informations .centre .telephone {
margin-bottom: 15px;
}
.page-id-161 >main section#contacter .informations .centre .email {
margin-bottom: 15px;
}
.page-id-161 >main section#contacter .informations .centre .adresse {
margin-bottom: 15px;
}
.page-id-161 >main section#contacter .contact {
margin-top: 30px;
}
.page-id-161 >main section#contacter .contact .introduction {
font-size: 14px;
line-height: 18px;
}
.page-id-161 >main section#contacter .contact .introduction br {
display: none;
}
.page-id-162 >main section#documents .filtres {
margin-bottom: 30px;
}
.page-id-162 >main section#documents .filtres span {
font-size: 14px;
line-height: 14px;
}
.page-id-162 >main section#documents .filtres ul li button {
font-size: 14px;
line-height: 14px;
}
.page-id-162 >main section#documents .liste .groupe {
margin-bottom: 30px;
}
.page-id-162 >main section#documents .liste .groupe h2 {
font-size: 16px;
line-height: 20px;
padding-bottom: 5px;
margin-bottom: 15px;
}
.page-id-162 >main section#documents .liste .groupe .docs .document {
margin-bottom: 15px;
}
.page-id-162 >main section#documents .liste .groupe .docs .document a {
padding-left: 32px;
white-space: normal;
font-size: 14px;
line-height: 18px;
}
.page-id-163 >main section#videos .filtres {
margin-bottom: 30px;
}
.page-id-163 >main section#videos .filtres span {
font-size: 14px;
line-height: 14px;
}
.page-id-163 >main section#videos .filtres ul li button {
font-size: 14px;
line-height: 14px;
}
.page-id-163 >main section#videos .liste .groupe {
margin-bottom: 30px;
}
.page-id-163 >main section#videos .liste .groupe h2 {
font-size: 16px;
line-height: 20px;
padding-bottom: 5px;
margin-bottom: 15px;
}
.page-id-163 >main section#videos .liste .groupe .vids .video {
margin-bottom: 15px;
}
.page-id-163 >main section#videos .liste .groupe .vids .video iframe {
margin-bottom: 0;
}
.page-id-163 >main section#videos .liste .groupe .vids .video h3 {
font-size: 14px;
line-height: 18px;
}
.page-id-164 >main section#questions .filtres {
margin-bottom: 30px;
}
.page-id-164 >main section#questions .filtres span {
font-size: 14px;
line-height: 14px;
}
.page-id-164 >main section#questions .filtres ul li button {
font-size: 14px;
line-height: 14px;
}
.page-id-164 >main section#questions .liste .groupe {
margin-bottom: 30px;
}
.page-id-164 >main section#questions .liste .groupe >h2 {
font-size: 16px;
line-height: 20px;
padding-bottom: 5px;
margin-bottom: 15px;
}
.page-id-164 >main section#questions .liste .groupe .quests .card {
padding-top: 15px;
}
.page-id-164 >main section#questions .liste .groupe .quests .card .card-header {
margin-bottom: 15px;
}
.page-id-164 >main section#questions .liste .groupe .quests .card .card-header h2 button {
font-size: 14px;
line-height: 18px;
}
.page-id-164 >main section#questions .liste .groupe .quests .card .card-body {
padding: 0;
}
.page-id-46 >main section#contacter .grp {
padding-left: 15px;
padding-right: 15px;
}
.page-id-46 >main section#contacter .grp-infos h1 {
margin-top: 30px;
}
.page-id-46 >main section#contacter .grp-infos .telephone {
margin-bottom: 25px;
}
.page-id-46 >main section#contacter .grp-infos .telephone a {
font-size: 16px;
line-height: 16px;
padding: 10px 15px;
border-radius: 50px;
display: inline-block;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres {
font-size: 14px;
line-height: 18px;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre {
padding-top: 30px;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .intitule {
font-size: 14px;
line-height: 18px;
}
.page-id-46 >main section#contacter .grp-infos .liste-centres .centre .fonction {
font-size: 14px;
line-height: 18px;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux {
padding: 10px 15px;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux .intro {
font-size: 16px;
line-height: 20px;
}
.page-id-46 >main section#contacter .grp-infos .reseaux-sociaux .boutons ul li a {
font-size: 18px;
height: 30px;
width: 30px;
border-radius: 30px;
line-height: 33px;
}
.page-id-46 >main section#contacter .grp-contact {
padding-top: 30px;
}
.page-id-46 >main section#contacter .grp-contact .introduction {
font-size: 14px;
line-height: 18px;
margin-bottom: 25px;
}
.woocommerce-page >main .contenu-principal .products .product {
margin-bottom: 15px !important;
padding-bottom: 40px;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .imagewrapper {
height: 150px;
margin-bottom: 5px;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link h2 {
font-size: 14px;
line-height: 18px;
padding-bottom: 5px;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .price {
padding-top: 5px;
font-size: 18px;
line-height: 22px;
}
.woocommerce-page >main .contenu-principal .products .product .woocommerce-LoopProduct-link .price bdi span {
font-size: 12px;
}
.woocommerce-page >main .contenu-principal .products .product .add_to_cart_button {
padding: 5px;
font-size: 12px;
line-height: 16px;
right: 0 !important;
width: 100%;
}
.woocommerce-page >main .contenu-principal .products .product .add_to_cart_button:before {
margin-right: 5px;
font-size: 12px;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres h1 {
font-size: 16px;
line-height: 20px;
margin-bottom: 30px;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a {
padding: 5px;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a .photo {
height: 150px;
}
.woocommerce-page.archive >main section#liste-categories .menu-ancres .liste .ancre a .intitule {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat {
padding-top: 30px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 15px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a h3 {
font-size: 14px;
line-height: 18px;
}
.woocommerce-page.archive >main section#liste-categories .categories .cat .ss-cats .ss-cat a .image {
margin-bottom: 5px;
}
.woocommerce-page.tax-product_cat >main section#liste-produits h1,
.woocommerce-page.woocommerce-page.search-results >main section#liste-produits h1 {
font-size: 16px;
line-height: 20px;
margin-bottom: 30px;
}
.woocommerce-page.single-product >main section#contenu-produit .woocommerce-product-gallery {
width: 100%;
}
.woocommerce-page.single-product >main section#contenu-produit .woocommerce-product-gallery figure .woocommerce-product-gallery__image {
margin-top: 15px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary {
width: 100%;
margin-bottom: 0;
padding-right: 0;
}
.woocommerce-page.single-product >main section#contenu-produit .summary h1 {
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 16px;
line-height: 20px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price {
padding-bottom: 15px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price bdi {
font-size: 18px;
line-height: 22px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price bdi:before {
font-size: 16px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .price bdi span {
font-size: 12px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .woocommerce-product-details__short-description {
font-size: 14px;
line-height: 18px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .variations td {
display: block;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .variations .value select {
min-width: 100%;
font-size: 14px;
padding: 5px;
margin-top: 5px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .variations .label {
width: 100%;
font-size: 14px;
line-height: 14px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .quantity:before {
width: 100%;
font-size: 14px;
line-height: 14px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .quantity label {
display: block;
}
.woocommerce-page.single-product >main section#contenu-produit .summary .quantity input {
font-size: 14px;
margin-top: 5px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary button[type="submit"] {
font-size: 14px;
line-height: 18px;
padding: 10px 15px;
margin-top: 15px;
}
.woocommerce-page.single-product >main section#contenu-produit .summary button[type="submit"]:before {
font-size: 26px;
}
.woocommerce-page.single-product >main section#contenu-produit .related {
padding-top: 30px;
}
.woocommerce-page.single-product >main section#contenu-produit .related >h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 30px;
}
.woocommerce-page.woocommerce-cart >main section#contenu {
padding-top: 30px;
padding-bottom: 0;
font-size: 14px;
line-height: 18px;
}
.woocommerce-page.woocommerce-cart >main section#contenu h2 {
font-size: 16px;
line-height: 20px;
}
.woocommerce-page.woocommerce-cart >main section#contenu .checkout-button {
font-size: 1em !important;
}
.woocommerce-page.woocommerce-checkout >main section#contenu {
padding-top: 30px;
padding-bottom: 0px;
font-size: 14px;
line-height: 18px;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .col-1,
.woocommerce-page.woocommerce-checkout >main section#contenu .col-2 {
padding: 0;
}
.woocommerce-page.woocommerce-checkout >main section#contenu .col-2 {
margin-top: 30px;
}
.woocommerce-page.woocommerce-checkout >main section#contenu h3 {
font-size: 16px;
line-height: 20px;
}
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details label,
.woocommerce-page.woocommerce-checkout >main section#contenu #customer_details span {
width: 100%;
margin-bottom: 0;
}
.woocommerce-page.woocommerce-account >main section#contenu {
padding-top: 30px;
padding-bottom: 0px;
font-size: 14px;
line-height: 18px;
}
.page-id-7 >main section#contenu h1,
.page-id-3 >main section#contenu h1,
.page-id-451 >main section#contenu h1 {
margin-top: 30px;
}
.page-id-7 >main section#contenu h2,
.page-id-3 >main section#contenu h2,
.page-id-451 >main section#contenu h2 {
font-size: 16px;
line-height: 20px;
}
.page-id-7 >main section#contenu h3,
.page-id-3 >main section#contenu h3,
.page-id-451 >main section#contenu h3 {
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
.page-id-7 >main section#contenu h4,
.page-id-3 >main section#contenu h4,
.page-id-451 >main section#contenu h4 {
font-size: 14px;
line-height: 18px;
}
}