@font-face {
font-family: 'LexendDeca Li';
src: url(//www.elasto-concept.fr/wp-content/themes/elasto-concept/fonts/LexendDeca-Light.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LexendDeca Re';
src: url(//www.elasto-concept.fr/wp-content/themes/elasto-concept/fonts/LexendDeca-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LexendDeca Bo';
src: url(//www.elasto-concept.fr/wp-content/themes/elasto-concept/fonts/LexendDeca-Bold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src: url(//www.elasto-concept.fr/wp-content/themes/elasto-concept/fonts/icomoon.ttf?opvceb) format('truetype');
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-fleche:before { content: "\e900"; }
.icon-fleche-2:before { content: "\e901"; }
.icon-loupe:before { content: "\e902"; }
.icon-maison:before { content: "\e903"; }
.icon-telephone:before { content: "\e904"; } body,
html {
width: 100%;
height: auto;
font-size: 15px;
overflow-x: hidden;
}
body { 
font-family: 'LexendDeca Re', Helvetica, sans-serif;
overflow-x: hidden;
color: #000;
}
section { padding: 3rem 0; } 
b,
strong {
font-family: 'LexendDeca Bo', Helvetica, sans-serif;
font-weight: unset;
}
a {
color: #4d4d4d;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
button:hover,
button:focus, 
a:hover,
a:focus {
color: #333;
box-shadow: 0 !important;
outline: 0 !important;
text-decoration: none;
}
p {
color: #4d4d4d;
margin-bottom: 20px;
line-height: 1.6
}
p:last-child { margin-bottom: 0; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'LexendDeca Re', Helvetica, sans-serif; }
h1 {
color: #32865b;
text-transform: uppercase;
font-size: 2rem;
margin-bottom: 1rem;
}
h2 {
color: #32865b;
text-transform: uppercase;
font-size: 1.8rem;
display: table;
margin: 3rem auto 5rem;
position: relative;
}
h2:before,
h2:after {
font-family: 'icomoon';
content: "\e901";
font-size: 5rem;
line-height: 1;
text-align: center;
color: #32865b;
position: absolute;
left: 0;
right: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h2:before { top: -4rem; }
h2:after {
bottom: -4rem;
transform: rotateX(180deg);
}
h3 {
color: #32865b;
font-size: 1.2rem;
text-transform: uppercase;
margin-bottom: 1rem;
}
figure { margin: 0; }
blockquote {
padding: 1.25rem;
background-color: #ccc;
color: #fff
}
.card {
border-radius: 0;
border: 0;
background-color: transparent;
}
.card img,
.card-img { border-radius: 0 !important; }
.modal-content {
border: 0;
border-radius: 0;
}
#main { background-color: #fff; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .card > * { flex: 0 0 auto; }
} .top-nav { padding: 1rem 1rem 1rem 0; }
.top-nav .top-nav-wrapper {
display: table;
margin-left: auto;
}
.top-nav ul {
list-style: none;
padding-left: 0;
}
.top-nav ul li { display: inline; }
.top-nav ul li a {
font-family: 'LexendDeca Re', Helvetica, sans-serif;
font-size: 0.8rem;
color: #32865b;
text-decoration: none;
}
.top-nav .navbar-center,
.top-nav .navbar-right { 
display: table-cell;
vertical-align: middle;
}
.top-nav .navbar-center li a { 
padding: 0.5rem 0.7rem; 
text-transform: uppercase;
}
.top-nav .navbar-center li.devis a {
border-radius: 25px;
border: 1px solid #32865b;
}
.top-nav .navbar-center li.devis a:hover,
.top-nav .navbar-center li.devis a:focus {
border: 1px solid #333;
background-color: #333;
color: #fff;
}
.top-nav .navbar-center li.contact a { 
position: relative;
margin-left: 2rem;
}
.top-nav .navbar-center li.contact a:before {
font-family: 'icomoon';
content: "\e900";
font-size: 2rem;
line-height: 1;
text-align: center;
color: #32865b;
position: absolute;
left: -1.5rem;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.top-nav .navbar-center li.contact a:hover,
.top-nav .navbar-center li.contact a:focus,
.top-nav .navbar-center li.contact a:hover:before,
.top-nav .navbar-center li.contact a:focus:before,
.top-nav .navbar-center li.contact:hover a,
.top-nav .navbar-center li.contact:focus a,
.top-nav .navbar-center li.contact:hover a:before,
.top-nav .navbar-center li.contact:focus a:before { color: #333; }
.top-nav .navbar-center li i,
.top-nav .navbar-center li svg {
font-size: 1rem;
vertical-align: middle;
color: #32865b;
}
.top-nav .navbar-center .home span { font-size: 2.2rem; }
.top-nav .navbar-center a:hover,
.top-nav .navbar-center a:focus,
.top-nav .navbar-center a:hover *,
.top-nav .navbar-center a:focus * { color: #32865b; }
.top-nav .navbar-right { padding-left: 0.5rem; }
@media screen and (max-width: 767px) {
.top-nav { padding: 1rem 0; }
.top-nav .top-nav-wrapper {
display: table;
margin: 0 auto;
}
}
@media screen and (max-width: 575px) {
.top-nav .navbar-center,
.top-nav .top-nav-wrapper .social-links,
.top-nav .top-nav-wrapper .social-links .social-icon-colored { 
display: block;
text-align: center;
margin-left: 0;
}
} header {
position: relative;
z-index: 15;
}
header:before {
content: "";
background-image: url(//www.elasto-concept.fr/wp-content/themes/elasto-concept/img/france.jpg);
position: absolute;
left: 1rem;
top: 0rem;
width: 50px;
height: 33px;
background-size: 50px;
z-index: 1;
}
header h1 { margin-bottom: 0; }
header h1 .logo { 
width: 100%;
max-width: 250px;
}
@media screen and (max-width: 767px) {
header .logo { 
margin: 0 auto; 
display: block;
}
} #navigation { margin-top: -5rem; }
#navigation .navbar { 
position: relative; 
z-index: 15;
padding: 0;
}
#navigation .navbar:before {
content: "";
position: absolute;
width: 9999px;
height: 39.93px;
background-color: #32865b;
right: calc(-9999px + 1rem);
}
#navigation .navbar ul { 
background-color: #32865b;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
padding: .5rem 1rem;
}
#navigation .navbar .navbar-nav li a {
color: #fff;
font-size: 0.9rem;
text-align: center;
text-transform: uppercase;
padding: 0.1rem 1rem !important;
position: relative;
}
#navigation .navbar .navbar-nav li:last-child a { padding-right: 0.35rem !important; }
#navigation .navbar .navbar-nav li a:hover,
#navigation .navbar .navbar-nav li a:focus { color: #333; }
#navigation .navbar .navbar-nav .dropdown-toggle::after { display: none; }
#navigation .navbar .navbar-nav .dropdown-menu {
border: 0;
border-radius: 0;
background-color: #333;
margin-top: 0.5rem;
}
#navigation .navbar .navbar-nav .dropdown-menu a {
font-size: 0.85rem;
color: #fff !important;
margin-top: 0;
text-align: left;
}
#navigation .navbar .navbar-nav .dropdown-menu a:before { display: none; }
#navigation .navbar .navbar-nav .dropdown-menu a:focus, 
#navigation .navbar .navbar-nav .dropdown-menu a:hover {
background-color: transparent;
text-decoration: underline;
} #navigation .navbar.fixed-header {
background-color: #32865b;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 1500;
padding: 0.5rem 1rem;
}
#navigation .navbar.fixed-header:before { display: none; }
#navigation .navbar.fixed-header .navbar-nav { 
border: 0; 
padding: 1rem 0;
}
#navigation .navbar.fixed-header .navbar-nav li a { margin-top: 0; }
#navigation .navbar.fixed-header .navbar-nav li a:before { display: none; }
@media screen and (max-width: 1199px) {
#navigation { margin-top: -2rem; }
}
@media screen and (max-width: 991px) {
#navigation .navbar:before { display: none; }
#navigation .navbar ul { 
margin-top: 1rem;
padding: 0.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#navigation .navbar .navbar-nav li { border-right: 0; }
#navigation .navbar .navbar-nav li a { padding: 0.1rem 1rem !important; }
#navigation .navbar .navbar-toggler {
color: #5b9e7c;
font-size: 1.45rem;
border-color: #5b9e7c;
margin-left: auto;
z-index: 15;
}
#navigation .navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewSbx='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(91,158,124, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
}
@media screen and (max-width: 767px) {
#navigation { margin-top: 0; }
#navigation .navbar .navbar-nav { margin: 1rem auto 0 !important; }
#navigation .navbar .navbar-toggler { margin: 0 auto; }
}
@media screen and (max-width: 575px) {
#navigation .navbar .navbar-nav li { border-right: 0; }
#navigation .navbar .navbar-nav li a {
text-align: center;
padding: 0.3rem 0 !important;
}
#navigation .navbar .navbar-nav { margin-top: 1rem; }
#navigation .navbar .navbar-nav li { 
text-align: center;
padding: 0.2rem 0.5rem;
}
#navigation .navbar .navbar-nav li a { 
padding-bottom: 0; 
margin-top: 0;
}
#navigation .navbar .navbar-nav li a:before { display: none; } 
} .search-p {
position: relative;
display: flex;
width: 400px;
max-width: 450px;
margin-bottom: 0.3rem;
}
.search-p .searchTerm {
width: 100%;
background-color: #5b9e7c;
border: 2px solid #5b9e7c;
border-right: none;
padding: 5px 15px;
height: 45px;
border-radius: 25px 0 0 25px;
outline: none;
color: #fff;
text-align: right;
}
.search-p .searchTerm:focus { 
background-color: #5b9e7c;
color: #fff; 
}
.search-p .searchButton {
width: 60px;
height: 45px;
border: 2px solid #5b9e7c;
border-left: 0;
background-color: #5b9e7c;
text-align: center;
color: #fff;
border-radius: 0 25px 25px 0;
cursor: pointer;
font-size: 10px;
line-height: 20px;
}
.search-p .searchButton i,
.search-p .searchButton svg,
.search-p .searchButton span {
font-size: 2rem;
margin-bottom: 0.2rem;
}
.search-p ::placeholder { color: #fff;
opacity: 1; }
.search-p :-ms-input-placeholder { color: #fff; }
.search-p ::-ms-input-placeholder { color: #fff; }
@media screen and (max-width: 991px) {
.search-p {
width: 100%;
max-width: 330px;
}
} .storefront-breadcrumb { margin-bottom: 0; }
.breadcrumb,
.woocommerce-breadcrumb { 
background-color: #fff !important;
padding: 0.75rem 0 !important;
text-align: center !important;
display: block !important;
}
.breadcrumb > li,
.woocommerce-breadcrumb > a { display: inline-block !important; }
.breadcrumb .breadcrumb-item a,
.woocommerce-breadcrumb a { color: #32865b !important; }
.breadcrumb .breadcrumb-item.active { color: #5b9e7c; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
color: #32865b;
content: ">";
} #carouselAccueil .carousel-item {
height: 500px;
min-height: 500px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#carouselPage .carousel-item {
height: 380px;
min-height: 380px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#carousel-page { position: relative; }
#carousel-page .titre { 
position: absolute;
bottom: 0;
background-color: rgba(50, 134, 91, 0.8);
margin-bottom: 0;
padding: 1rem;
width: 100%;
text-align: center;
}
#carousel-page .titre h1 {
color: #fff;
margin-bottom: 0;
}
.carousel .carousel-item .carousel-caption {
bottom: unset;
text-align: left;
top: 50%;
right: 50%;
left: 10%;
transform: translateY(-50%);
}
.carousel .carousel-item .carousel-caption * { 
color: #fff;
text-transform: uppercase;
text-shadow: 4px 4px 5px rgba(0,0,0,0.6);
}
.carousel .carousel-item .carousel-caption .titre {
font-size: 2.2rem;
line-height: 1.2;
margin-bottom: 1rem;
}
.carousel .carousel-item .carousel-caption .buttons-section { display: flex; }
.carousel .carousel-item .carousel-caption .buttons-section [class^="btn-"] {
font-family: 'LexendDeca Re', Helvetica, sans-serif;
line-height: 1;
padding: 0.5rem 1rem 0.6rem 1rem;
margin-top: 1rem;
margin-right: 1rem;
text-shadow: none;
display: flex;
flex-direction: column;
justify-content: center;
}
.carousel .carousel-item .carousel-caption .buttons-section [class^="btn-"]:last-child { margin-right: 0; }
.carousel .carousel-item .carousel-caption [class^="btn-"] {
border: 1px solid #5b9e7c;
background-color: #5b9e7c;
}
.carousel .carousel-item .carousel-caption [class^="btn-"]:hover,
.carousel .carousel-item .carousel-caption [class^="btn-"]:focus {
border: 1px solid #333;
background-color: #333;
text-decoration: none;
}
.carousel .carousel-control-next, 
.carousel .carousel-control-prev { width: 10%; }
@media screen and (max-width: 1199px) {
.carousel .carousel-item .carousel-caption { right: 45%; }
}
@media screen and (max-width: 991px) {
.carousel .carousel-item .carousel-caption { right: 50%; }
}
@media screen and (max-width: 767px) {
.carousel:before { display: none; }
.carousel .carousel-item .carousel-caption { right: 10%; }
}
@media screen and (max-width: 575px) {
.carousel .carousel-item .carousel-caption .titre { font-size: 1.4rem; }
.carousel .carousel-item .carousel-caption [class^="btn-"] { font-size: 0.8rem; }
} #presentation .parallax {
position: relative;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
padding: 5rem 0;
}
#presentation .parallax .bg-white { background-color: rgba(255, 255, 255, 0.85)!important; }
#presentation .contenu-1 {
border: 1px solid #5b9e7c;
border-radius: 50px;
}
#presentation .contenu-1 .image {
width: 85%;
height: 350px;
background-size: cover;
background-position: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
#presentation .parallax { background-size: cover !important; }
} #catalogue .card-title {
position: absolute;
bottom: 0;
background-color: rgba(50, 134, 91, 0.8);
margin-bottom: 0;
padding: 1rem;
width: 100%;
text-align: center;
}
#catalogue .card-text * {
color: #32865b;
font-size: 0.85rem;
} #mise-en-avant .wrapper {
border-radius: 50px;
border: 1px solid #32865b;
position: relative;
}
#mise-en-avant .wrapper .btn {
font-size: 0.9rem;
height: auto;
padding: 0.5rem 2rem;
color: #fff;
background: #5b9f7c;
border: 1px solid #5b9f7c;
border-radius: 25px;
outline: none;
margin: 0.5rem 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#mise-en-avant .wrapper .btn:hover { background-color: #32865b; } #liste-produit li { list-style: none; }
#liste-produit .card {
background-color: transparent;
max-width: 15rem;
margin: 0 auto;
}
#liste-produit .card .card-body { padding: 1.25rem 0; }
#liste-produit .card .card-body .card-title {
font-size: 1.2rem;
color: #32865b;
}
#liste-produit .card .card-body .btn-primary {
color: #32865b;
background-color: transparent;
border-color: transparent;
padding: 0;
font-size: 1.8rem;
margin-left: auto;
display: table;
}
#liste-produit .card .card-body .btn-primary:hover,
#liste-produit .card .card-body .btn-primary:focus {
color: #333;
background-color: transparent;
border-color: transparent;
}
#liste-produit-suite .categories {
list-style: none;
padding-left: 0;
margin-top: 1.5rem;
width: 100%;
}
#liste-produit-suite .categories li {
background-color: #c3c3d3;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
margin: 1.5rem 0;
padding: 0.2rem 0;
}
#liste-produit-suite .categories li a {
font-family: 'BarlowCondensed Re', Helvetica, sans-serif;
font-size: 1.8rem;
text-decoration: none;
} #produit h1 {
background-color: #32865b;
border-radius: 25px;
color: #fff;
display: table;
margin: 3rem auto;
padding: 0.5rem 1.25rem;
font-size: 1.8rem;
}
#produit img { border-radius: 0; }
#produit .categorie {
color: #32865b;
display: table;
position: relative;
margin: 1rem auto; 
padding: 0 4rem;
text-align: center;
}
#produit .categorie:before {
font-family: 'icomoon';
content: "\e901";
font-size: 4rem;
line-height: 1;
text-align: center;
color: #32865b;
position: absolute;
left: 0;
top: 50%;
transform: rotate(90deg) translateX(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#produit .categorie big {
display: block;
text-align: center;
text-transform: uppercase;
}
#produit .details-produit {
padding: 1rem;
border: 1px solid #32865b;
display: table;
}
#produit .telecharger {
display: table;
color: #32865b;
margin-left: auto;
}
#produit .telecharger i,
#produit .telecharger svg {
font-size: 3rem;
display: inline;
margin: 0 auto;
}
#produit .telecharger span { 
font-size: 1rem;
text-align: right;
display: inline-block;
padding-right: 0.5rem;
}
#produit .slick-track {
margin-left: unset;
margin-right: unset;
}
#produit .slick-slide { padding: 5px; } #complements h2 { margin: 0 auto 2.5rem; }
#complements h2:before,
#complements h2:after { display: none; }
#complements .carousel-logo { 
border: 1px solid #32865b; 
padding: 3rem;
} #actualites figure[class^="actualites-"] {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
color: #222;
text-align: left;
margin: 0;
padding-bottom: 1rem;
}
#actualites figure[class^="actualites-"] .image { position: relative; }
#actualites figure[class^="actualites-"] .image img {
max-width: 100%;
vertical-align: top;
border-radius: 0;
}
#actualites figure[class^="actualites-"] .titre { padding: 0.4rem 0; }
#actualites figure[class^="actualites-"] .titre h3 {
text-align: left;
margin-bottom: 0;
margin-top: 1rem;
font-size: 1.2rem;
color: #32865b;
text-transform: none;
}
#actualites figure[class^="actualites-"] p { margin-bottom: 0; }
#actualites figure[class^="actualites-"] figcaption {
padding: 0;
background-color: #fff;
color: #333;
position: relative;
font-size: 0.9em;
}
#actualites figure[class^="actualites-"] figcaption .extrait p {
font-size: 0.9rem;
text-align: justify;
margin-bottom: 1rem;
color: #969696;
}
#actualites figure[class^="actualites-"] figcaption:before {
content: "";
width: 100px;
height: 100px;
position: absolute;
bottom: 100%;
left: 0;
background-color: #36855c;
-webkit-transform: skew(-45deg) translateX(50%);
transform: skew(45deg) translateX(-50%);
border-right: 1px solid #36855c;
margin-bottom: 0;
}
#actualites figure[class^="actualites-"] .read-more {
color: #32865b;
font-size: 1.8rem;
display: inline-block;
width: auto;
padding: 0.5rem 0 0;
text-transform: uppercase;
float: right;
}
#actualites figure[class^="actualites-"] .read-more:hover,
#actualites figure[class^="actualites-"] .read-more:focus { color: #333; }
#actualites figure[class^="actualites-"] .date {
position: absolute;
left: 10px;
bottom: 10px;
color: #fff;
text-align: center;
font-size: 20px;
text-transform: uppercase;
z-index: 1;
}
#actualites figure[class^="actualites-"] .date span { display: block; }
#actualites figure[class^="actualites-"] .date .day { 
font-family: 'WorkSans Re', Helvetica, sans-serif;
line-height: 1.3rem;
}
#actualites figure[class^="actualites-"] .date .month,
#actualites figure[class^="actualites-"] .date .year { 
font-size: 0.8rem;
line-height: 0.9rem;
} #single small a {
font-family: 'LexendDeca Bo', Helvetica, sans-serif;
color: #32865b;
text-transform: uppercase;
}
#single .date {
color: #333;
border-bottom: 1px solid #eee;
margin-bottom: 2rem;
}
#single img.thumb { border-radius: 0; }
@media screen and (max-width: 991px) {
#single img.thumb {
margin: 0 auto;
display: block;
}
} .page-numbers {
display: inline-block;
padding: 0.25em;
margin: 4px;
} .page-numbers.current {
color: #36855c;
border-bottom: solid 1px #36855c;
}
.pagination {
margin: 0 auto;
display: block;
} .search-advanced { 
margin: 0 auto !important;
display: table !important;
}
.search-advanced h3 {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
font-size: 1.25rem;
line-height: 1.5;
text-transform: inherit;
margin-right: 1rem;
}
.search-advanced .berocket_single_filter_widget {
display: inline-block !important;
padding-right: 5px !important;
padding-left: 5px !important;
}
.search-advanced .berocket_single_filter_widget .bapf_head { display: none; }
.search-advanced .berocket_single_filter_widget .bapf_slct .bapf_body select,
.search-advanced .berocket_single_filter_widget .bapf_slct .bapf_body select:focus,
.search-advanced .berocket_single_filter_widget .bapf_button {
display: block !important;
width: 100% !important;
height: calc(2.25rem + 2px) !important;
padding: .375rem .75rem !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.5 !important;
color: #495057 !important;
border-radius: 0 !important;
background-color: #fff !important;
border: 1px solid #32865b !important;
}
.search-advanced .berocket_single_filter_widget .bapf_button { 
background-color: #5e9d7d !important;
color: #fff !important;
border: 0 !important;
} #autres blockquote,
#autres blockquote * {
background-color: #32865b;
border-radius: 25px;
color: #fff;
display: table;
margin: 0 auto;
padding: 0.5rem 1.25rem;
}
#autres .secteurs-activites {
border-radius: 50px;
border: 1px solid #32865b;
}
#autres .secteurs-activites .card-img-top {
max-width: 120px;
margin: 0 auto;
}
#autres .secteurs-activites .card-text {
color: #32865b;
text-align: center;
}
#autres .secteurs-activites big { color: #32865b; }
#autres .etude-projet .etude { position: relative; }
#autres .etude-projet .etude:before {
content: "";
position: absolute;
width: 999999px;
height: 37.78px;
background-color: #5b9e7c;
top: 50%;
transform: translateY(-50%);
z-index: -1;
right: 0;
left: -9999px;
}
#autres .point-fort {
border-radius: 50px;
border: 1px solid #32865b;
}
#autres .point-fort .tel {
background-color: #32865b;
border-radius: 25px;
color: #fff;
margin: 0 auto;
padding: 0.2rem 1.25rem;
display: flex;
align-items: center;
margin-bottom: -1rem;
}
#autres .point-fort .tel span {  
font-size: 2rem;
padding-right: 0.5rem;
}
#autres .horaire * { color: #32865b; } #reseaux .reseaux {
border-radius: 50px;
border: 1px solid #32865b;
position: relative;
}
#reseaux .reseaux:before {
content: "";
position: absolute;
width: 999999px;
height: 37.78px;
background-color: #5b9e7c;
top: 50%;
transform: translateY(-50%);
z-index: -1;
right: 0;
left: -9999px;
} #contact h2 { margin: 0 auto; }
#contact h2 img { 
padding-right: 5rem;
display: inline-block;
}
#contact h2:after { display: none; }
#contact h2:before {
font-family: 'icomoon';
content: "\e900";
font-size: 5rem;
line-height: 1;
text-align: center;
color: #32865b;
position: absolute;
right: -9rem;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#contact h3 {
background-color: #5b9f7c;
font-size: 1.2rem;
text-transform: uppercase;
color: #fff;
display: table;
margin: 0 auto 1rem;
padding: 0.5rem 1.25rem;
border-radius: 25px;
}
#contact .addressheader ul {
font-style: normal;
list-style: none;
padding: 0;
margin: 0;
display: table;
}
#contact .addressheader ul li {
padding: 5px 15px;
display: table
}
#contact .addressheader ul li div {
display: table-cell;
vertical-align: middle;
padding: 5px;
}
#contact .addressheader ul li div * {
display: table-cell;
vertical-align: middle;
font-size: 1.5rem;
color: #32865b;
}
#contact .addressheader ul li .ctnaddr {
display: table-cell;
vertical-align: middle;
padding: 0 15px;
min-height: 80px;
color: #4d4d4d;
}
@media screen and (max-width: 575px) {
#contact h2 { text-align: center; }
#contact h2:before {
top: unset;
transform: unset;
right: 0;
bottom: 2rem;
transform: rotate(90deg);
}
#contact h2 img {
margin: 0 auto;
display: block;
padding-right: 0;
padding-bottom: 5rem;
}
} #contact-us label { line-height: 1.1; }
#contact-us .form {
width: 100%;
height: 45px;
padding: 10px 15px;
background: #fafafa;
border: 1px solid #32865b;
margin-bottom: 15px;
color: #32865b !important;
font-size: 0.8rem;
border-radius: 25px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
#contact-us .form:hover { border: 1px solid #333; }
#contact-us .form:focus {
color: #fff;
outline: none;
border: 1px solid #333;
}
#contact-us textarea {
height: 15rem !important;
max-width: 100%;
}
#contact-us .form-btn {
display: block;
font-size: 0.9rem;
height: auto;
padding: 0.5rem 2rem;
color: #fff;
background: #5b9f7c;
border: 1px solid #5b9f7c;
border-radius: 25px;
outline: none;
margin-top: 0;
margin-left: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#contact-us .form-btn:hover {
background: #333;
color: #fff;
border: 1px solid #333;
}
#contact-us .form-btn:active { opacity: 0.9; }
#contact-us .wpcf7-list-item { margin: 0 !important; }
#contact-us ::placeholder { color: #32865b;
opacity: 1; }
#contact-us :-ms-input-placeholder { color: #32865b; }
#contact-us ::-ms-input-placeholder { color: #32865b; }
#contact-us p { margin-bottom: 0; }
.wpcf7-list-item-label { 
color: #32865b !important;
font-size: 81%;
}
.wpcf7-spinner { display: none; }
.grecaptcha-badge { display: none; } #publications h1 {
color: #32865b;
text-transform: uppercase;
font-size: 1.8rem;
display: table;
margin: 3rem auto 6rem;
position: relative;
}
#publications h1:before,
#publications h1:after {
font-family: 'icomoon';
content: "\e901";
font-size: 5rem;
line-height: 1;
text-align: center;
color: #32865b;
position: absolute;
left: 0;
right: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#publications h1:before { top: -4rem; }
#publications h1:after {
bottom: -4rem;
transform: rotateX(180deg);
}
#publications .card,
#publications .card img {
border: 0;
border-radius: 0;
}
#publications .card img {
width: 130px;
margin: 0 auto;
}
#publications .card img.video { width: 100%; }
#publications .card .card-body { padding: 0 0 0 1.25rem; }
#publications .card .card-body .card-title {
color: #4d4d4d;
text-transform: uppercase;
margin-bottom: 0;
}
#publications .card .card-body a:hover,
#publications .card .card-body a:focus,
#publications .card .card-body a:hover span,
#publications .card .card-body a:focus span,
#publications .card .card-body a:hover small,
#publications .card .card-body a:focus small {
color: #5b9e7c;
text-decoration: none !important;
}
#publications .card .card-body span {
color: #32865b;
font-size: 1.8rem;
display: block;
}
#publications .card .card-body small {
text-transform: uppercase;
color: #32865b;
font-size: 0.7rem;
} #categories h1 {
color: #32865b;
text-transform: uppercase;
font-size: 1.8rem;
display: table;
margin: 3rem auto 6rem;
position: relative;
}
#categories h1:before,
#categories h1:after {
font-family: 'icomoon';
content: "\e901";
font-size: 5rem;
line-height: 1;
text-align: center;
color: #32865b;
position: absolute;
left: 0;
right: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#categories h1:before { top: -4rem; }
#categories h1:after {
bottom: -4rem;
transform: rotateX(180deg);
} footer .pre-footer { background-color: #5b9e7c; }
footer .pre-footer ul {
list-style: none;
padding-left: 0;
margin: 0;
}
footer .pre-footer ul.nav_footer {
font-family: 'LexendDeca Bo', Helvetica, sans-serif;
list-style-type: none;
margin-bottom: 1.5rem;
}
footer .pre-footer ul.nav_footer:last-of-type { margin-bottom: 0; }
footer .pre-footer ul.nav_footer li:last-child { margin-bottom: 0; }
footer .pre-footer ul.nav_footer li a { 
font-size: 0.95rem;
color: #fff;
}
footer .pre-footer ul.nav_footer li a:hover,
footer .pre-footer ul.nav_footer li a:focus { 
color: #333;
text-decoration: underline; 
}
footer .pre-footer ul.social-icon-colored { margin-top: 0; }
footer .pre-footer ul.social-icon-colored li a {
background-color: #fff;
border: 1px solid #fff;
}
footer .pre-footer ul.social-icon-colored li a svg,
footer .pre-footer ul.social-icon-colored li a i { 
font-size: 16px;
color: #5b9e7c !important;
}
footer .pre-footer ul.social-icon-colored li a:hover {
background-color: #0b6530;
border: 1px solid #0b6530;
}
footer .pre-footer ul.social-icon-colored li a:hover svg,
footer .pre-footer ul.social-icon-colored li a:focus i,
footer .pre-footer ul.social-icon-colored li a svg:hover,
footer .pre-footer ul.social-icon-colored li a i:focus { color: #fff !important; }
footer .footer * { color: #aaa; }
@media screen and (max-width: 767px) {
footer .pre-footer .border-right { border-right: 0 !important; }
}
@media screen and (max-width: 575px) {
footer .pre-footer img { 
margin: 0 auto; 
display: block;
}
footer .pre-footer * { text-align: center; }
footer .pre-footer .social-links { 
padding-left: 0 !important;
margin-bottom: 0.8rem;
}
} .square-box {
background-color: #32865b;
border-radius: 50%;
position: relative;
width: 100%;
min-width: 150px;
max-width: 250px;
overflow: hidden;
}
.square-box:before {
content: "";
display: block;
padding-top: 100%;
}
.square-box .square-content {
text-align: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.square-box .square-content div {
display: table;
width: 100%;
height: 100%;
}
.square-box .square-content div > span {
color: #fff;
font-size: 1.1rem;
display: table-cell;
vertical-align: middle;
line-height: 1.3;
}
.square-box .square-content div > span svg,
.square-box .square-content div > span i { 
font-size: 2.5rem;
line-height: 1;
} .zoom {
position: relative;
overflow: hidden;
background: #32865b;
}
.zoom img,
.zoom:before,
.zoom:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.zoom img {
max-width: 100%;
backface-visibility: hidden;
vertical-align: top;
}
.zoom:before,
.zoom:after {
content: '';
background-color: #fff;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.zoom:before {
width: 60px;
height: 1px;
left: 100%;
}
.zoom:after {
height: 60px;
width: 1px;
top: 0%;
}
.zoom a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.zoom:hover img {
zoom: 1;
filter: alpha(opacity=30);
-webkit-opacity: 0.3;
opacity: 0.3;
}
.zoom:hover:before,
.zoom:hover:after {
opacity: 1;
top: 50%;
left: 50%;
} .social-links ul {
position: relative;
display: block;
margin-bottom: 0;
}
.social-links .social-icon-colored li {
position: relative;
display: inline-block;
margin: 0px 4px 0px;
}
.social-links .social-icon-colored li a {
background-color: #32865b;
position: relative;
display: block;
height: 35px;
width: 35px;
line-height: 36px;
text-align: center;
font-size: 16px;
color: #fff;
border-radius: 50%;
border: 1px solid #fff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-links .social-icon-colored li a:hover {
background-color: #0b6530;
border: 1px solid #0b6530;
-webkit-transform: scale(1) rotate(-360deg);
-moz-transform: scale(1) rotate(-360deg);
-ms-transform: scale(1) rotate(-360deg);
-o-transform: scale(1) rotate(-360deg);
transform: scale(1) rotate(-360deg);
} .scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 60px;
height: 60px;
color: #fff;
font-size: 24px;
text-transform: uppercase;
line-height: 60px;
text-align: center;
z-index: 100;
cursor: pointer;
background-color: #333;
display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;		
}
.scroll-to-top:hover {
color: #fff;
background-color: #0b6530;
} #carousel-logo .slick-slide { margin: 0 10px; }
#carousel-logo .slick-slide img { width: 100%; }
#carousel-logo .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
#carousel-logo .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
#carousel-logo .slick-list:focus { outline: none; }
#carousel-logo .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
#carousel-logo .slick-slider .slick-track,
#carousel-logo .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#carousel-logo .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: unset;
margin-right: unset;
}
#carousel-logo .slick-track:before,
#carousel-logo .slick-track:after {
display: table;
content: '';
}
#carousel-logo .slick-track:after { clear: both; }
#carousel-logo .slick-loading .slick-track { visibility: hidden; }
#carousel-logo .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
padding: 5px;
}
#carousel-logo [dir='rtl'] .slick-slide { float: right; }
#carousel-logo .slick-slide img { display: block; }
#carousel-logo .slick-slide.slick-loading img { display: none; }
#carousel-logo .slick-slide.dragging img { pointer-events: none; }
#carousel-logo .slick-initialized .slick-slide { display: block; }
#carousel-logo .slick-loading .slick-slide { visibility: hidden; }
#carousel-logo .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
#carousel-logo .slick-arrow.slick-hidden { display: none; }
#carousel-logo .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
margin-top: 2rem;
}
#carousel-logo .slick-dots li { margin: 0 0.25rem; }
#carousel-logo .slick-dots button {
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border: none;
border-radius: 100%;
background-color: #0b6530;
text-indent: -9999px;
}
#carousel-logo .slick-dots li.slick-active button { background-color: #fff; } .erreur {
height: 100%;
background-color: #fff;
padding: 6rem 0;
}
.erreur .text-wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.erreur .title {
font-size: 5em;
font-weight: 700;
color: #333;
position: relative;
text-align: center;
}
.erreur .subtitle {
font-size: 1.5em;
font-weight: 700;
color: #0b6530;
position: relative;
text-align: center;
}
.erreur .buttons { margin-top: 4em; }
.erreur .buttons a.button {
background-color: #5e9e7d;
display: block;
font-weight: 700;
text-decoration: none;
padding: 15px;
text-transform: uppercase;
color: white;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .buttons a.button:hover {
background-color: #333;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .subtitle:before,
.erreur .title:before {
content: attr(data-content);
position: absolute;
left: -2px;
text-shadow: 1px 0 blue;
top: 0;
color: white;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
-webkit-animation: noise-anim-2 3s infinite linear alternate-reverse;
animation: noise-anim-2 3s infinite linear alternate-reverse;
}