* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} body { color: #333333;
font-family: "Lato", Sans-serif;
font-weight: 400;
background-color: #000000;
}
#main {
background-color: #ffffff;
padding: 0 !important;
} a {
color: #333333;
}
a:focus,
a:hover,
a:active {
color: inherit;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
text-transform: inherit;
}
p {
margin-bottom: 15px;
}
p:last-child {
margin-bottom: 0px;
}
ul {
padding-inline-start: 30px;
}
h1.page-title {
font-weight: 800;
font-size: 40px;
line-height: 45px;
text-transform: uppercase;
margin: 15px 0 15px;
}
h2.page-subtitle {
font-weight: 300;
font-size: 30px;
color: #333333;
line-height: 33px;
margin: 0 0 20px;
}
h2.page-subtitle:after {
content: "";
display: block;
width: 100px;
height: 6px;
background-color: #ffaa00;
margin-top: 14px;
}
h3.underline {
font-weight: 700;
font-size: 18px;
color: #333333;
line-height: 20px;
text-transform: uppercase;
border-bottom: 1px solid #999999;
margin-bottom: 30px;
}
p.page-description {
font-size: 13px;
color: #000000;
}
.fax {
font-size: 13px;
font-weight: 700;
text-align: center;
text-transform: uppercase; display: none;
}
.sous-titre-page,
.sous-titre-page p {
font-family: "Lato";
font-weight: 300;
font-size: 23px;
line-height: 28px;
color: #4a4a4a;
}
blockquote {
border-left: 6px solid #3d6592;
padding-left: 14px;
} #logo_bar {
background-color: #262626;
border-bottom: 1px solid #4d4d4d;
}
#logo_bar .container {
position: relative;
}
#logo_bar .brand {
color: #ffffff;
white-space: nowrap;
padding: 20px 0;
display: inline-block;
}
#logo_bar .brand img {
}
@media (max-width: 767px) {
#logo_bar .brand {
padding: 15px 0;
}
#logo_bar .brand img {
width: 160px;
height: auto;
}
}
.button-menu-burger {
position: absolute;
top: 15px;
left: 15px;
cursor: pointer;
border-radius: 2px;
background: #ffffff;
border: 1px solid #ffffff;
text-align: center;
height: 30px;
width: 30px;
padding: 2px;
}
.button-menu-burger.collapsed {
background: #1a1a1a;
border: 1px solid #cccccc;
color: #cccccc;
}
@media (min-width: 768px) {
.button-menu-burger {
display: none;
}
}   .a2a_button_twitter:before {
content: "PARTAGEZ";
font-family: "Lato";
font-weight: 700;
font-size: 10px;
line-height: 12px;
color: #fff;
margin-bottom: 20px;
}
.a2a_kit {
width: 70px;
text-align: center;
box-shadow: -3px 5px 10px 0 rgba(0, 0, 0, 0.2);
} .a2a_kit a:first-child {
padding-top: 7px !important;
padding-bottom: 15px !important;
}
.a2a_kit a:first-child:hover {
opacity: 0.7;
}
.a2a_floating_style {
border-radius: 0 !important;
}
.a2a_vertical_style a {
padding: 0 !important;
}
.addtoany_share_save_container {
display: none;
}
.a2a_svg {
display: inline-block !important;
height: auto !important;
}
.a2a_svg > svg {
height: 40px !important;
}
@media (max-width: 767px) {
.a2a_button_twitter {
margin-top: 5px;
}
.a2a_button_twitter:before {
display: none;
}
.a2a_button_linkedin {
margin-bottom: -7px;
}
.a2a_kit {
width: 50px;
}
} #section-menu-principal {
background-color: #262626;
}
.menu-principal {
}
.menu-principal ul {
display: flex;
flex-direction: row;
justify-content: center;
list-style: none;
padding: 0;
margin: 0px;
}
.menu-principal ul li {
}
.menu-principal ul li:not(:last-child) {
margin-right: 40px;
}
.menu-principal ul li a {
font-weight: 700;
font-size: 14px;
color: #ffffff;
text-align: center;
line-height: 30px;
padding: 10px;
text-transform: uppercase;
text-decoration: none;
display: block;
} .menu-principal ul li a:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.menu-principal .sub-menu {
display: none;
text-align: left;
background-color: #3d6592;
opacity: 0;
}
.menu-principal .sub-menu.active {
position: absolute;
width: 100%;
z-index: 100;
left: 0;
display: block;
}
.menu-principal .sub-menu a {
text-align: left;
}
.menu-principal .sub-menu a:hover {
text-decoration: underline;
}
.menu-principal .sub-menu li:not(:last-child) {
margin-right: 0px;
}
.menu-principal .menu-item.active a {
background-color: #3d6592;
}
.menu-principal .menu-item.active li {
padding: 0;
} #section-menu-catalogue {
background-position: center center;
background-size: cover;
z-index: 3;
position: relative;
}
#section-menu-catalogue .inner {
padding: 15px 0;
background-color: rgba(0, 0, 0, 0.5);
}
#section-menu-catalogue .container {
display: flex;
}
#section-menu-catalogue nav {
flex: 0 1 570px;
}
body.home #section-menu-catalogue .tetiere {
display: none;
}
@media (max-width: 767px) {
#section-menu-catalogue .container {
display: none;
}
body.home #section-menu-catalogue {
display: none;
}
} .menu-catalogue {
}
.menu-catalogue ul {
list-style: none;
padding: 0;
margin: 0;
}
.menu-catalogue ul.menu {
display: flex;
flex-direction: row;
justify-content: center;
}
.menu-catalogue ul.menu > li {
width: 33.333%;
position: relative;
}
.menu-catalogue ul.menu > li > a {
text-align: center;
font-size: 18px;
color: #ffffff;
line-height: 20px;
padding: 7px 10px;
text-transform: uppercase;
text-decoration: none;
display: block;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.menu-catalogue ul.menu > li > a:hover,
.menu-catalogue ul.menu > li.open > a {
background: #ffffff !important;
text-shadow: none;
}
.menu-catalogue ul.menu > li.residentiel > a {
background: #90b3ca;
border: 3px solid #90b3ca;
}
.menu-catalogue ul.menu > li.residentiel > a:hover,
.menu-catalogue ul.menu > li.residentiel.open > a {
color: #90b3ca;
}
.menu-catalogue ul.menu > li.collectif > a {
background: #c0c639;
border: 3px solid #c0c639;
}
.menu-catalogue ul.menu > li.collectif > a:hover,
.menu-catalogue ul.menu > li.collectif.open > a {
color: #c0c639;
}
.menu-catalogue ul.menu > li.tertiaire > a {
background: #988b7a;
border: 3px solid #988b7a;
}
.menu-catalogue ul.menu > li.tertiaire > a:hover,
.menu-catalogue ul.menu > li.tertiaire.open > a {
color: #988b7a;
}
.menu-catalogue .sub-menu {
display: none;
top: 45px;
position: absolute;
background: #ffffff;
z-index: 2;
}
.menu-catalogue .residentiel .sub-menu {
border: 3px solid #90b3ca;
}
.menu-catalogue .collectif .sub-menu {
border: 3px solid #c0c639;
}
.menu-catalogue .tertiaire .sub-menu {
border: 3px solid #988b7a;
}
.menu-catalogue .sub-menu a {
font-size: 14px;
font-weight: 700;
color: #4a4a4a;
display: block;
padding: 6px 12px;
width: 260px;
border: 2px solid #ffffff;
text-transform: uppercase;
}
.menu-catalogue .sub-menu a:hover,
.menu-catalogue li .sub-menu li.current-menu-item a {
color: #ffffff;
text-decoration: none;
}
.menu-catalogue .residentiel .sub-menu a:hover,
.menu-catalogue li.residentiel .sub-menu li.current-menu-item a {
background: #90b3ca;
}
.menu-catalogue .collectif .sub-menu a:hover,
.menu-catalogue li.collectif .sub-menu li.current-menu-item a {
background: #c0c639;
}
.menu-catalogue .tertiaire .sub-menu a:hover,
.menu-catalogue li.tertiaire .sub-menu li.current-menu-item a {
background: #988b7a;
}
.menu-catalogue .sub-menu a .menu-item-description {
font-size: 13px;
font-weight: 400;
display: block;
text-transform: initial;
} #section-menu-catalogue .search-form {
flex: 1 1 calc(100% - 570px);
min-width: 190px;
}
#section-menu-catalogue .search-form .form-control {
height: 40px;
border: none;
border-radius: 0;
background-clip: initial;
font-size: 18px;
}
#section-menu-catalogue .search-form button {
background: #ffffff;
border: none !important;
color: #c0c0c0;
cursor: pointer;
}
#section-menu-catalogue .tetiere {
font-weight: 700;
font-size: 40px;
line-height: 46px;
color: #ffffff;
text-align: center;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
padding-top: 15px;
}
@media (max-width: 767px) {
#section-menu-catalogue .tetiere {
font-size: 25px;
line-height: 30px;
padding-top: 0;
}
} #section-menu-mobile {
position: relative;
}
#section-menu-mobile .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 2;
}
#section-menu-mobile .container {
height: 100vh;
padding-top: 15px;
}
#section-menu-mobile .search-form {
width: 100%;
margin-bottom: 15px;
}
#section-menu-mobile .search-form .form-control {
height: 32px;
border: none;
border-radius: 0;
background-clip: initial;
}
#section-menu-mobile .search-form button {
background: #ffffff;
border: none !important;
color: #c0c0c0;
cursor: pointer;
}
#section-menu-mobile ul.menu {
list-style: none;
padding: 0;
margin: 0;
}
#section-menu-mobile ul.menu > li {
margin-bottom: 1px;
background-color: #3f6690;
border: 3px solid #3f6690;
}
#section-menu-mobile ul.menu > li > a {
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #ffffff;
padding: 5px 10px;
text-transform: uppercase;
display: block;
}
#section-menu-mobile ul.menu > li > a:before {
content: "";
padding-right: 20px;
}
#section-menu-mobile ul.menu > li.menu-item-has-children > a:before {
content: "\f0da";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
width: 20px;
text-align: center;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
#section-menu-mobile ul.menu > li > a:hover {
text-decoration: none;
}
#section-menu-mobile ul.menu > li.residentiel {
background-color: #90b3ca;
border: 3px solid #90b3ca;
}
#section-menu-mobile ul.menu > li.collectif {
background-color: #c0c639;
border: 3px solid #c0c639;
}
#section-menu-mobile ul.menu > li.tertiaire {
background-color: #988b7a;
border: 3px solid #988b7a;
}
#section-menu-mobile ul.menu > li.open {
background-color: #ffffff;
}
#section-menu-mobile ul.menu > li.open > a {
color: #3f6690;
}
#section-menu-mobile ul.menu > li.open.menu-item-has-children > a:before {
content: "\f0d7";
}
#section-menu-mobile ul.menu > li.open.menu-item-has-children > a:after {
content: "";
display: block;
background-color: #3f6690;
width: 50px;
height: 3px;
margin-top: 5px;
margin-left: 20px;
}
#section-menu-mobile ul.menu > li.open.residentiel > a {
color: #90b3ca;
}
#section-menu-mobile
ul.menu
> li.open.menu-item-has-children.residentiel
> a:after {
background-color: #90b3ca;
}
#section-menu-mobile ul.menu > li.open.collectif > a {
color: #c0c639;
}
#section-menu-mobile
ul.menu
> li.open.menu-item-has-children.collectif
> a:after {
background-color: #c0c639;
}
#section-menu-mobile ul.menu > li.open.tertiaire > a {
color: #988b7a;
}
#section-menu-mobile
ul.menu
> li.open.menu-item-has-children.tertiaire
> a:after {
background-color: #988b7a;
}
#section-menu-mobile .sub-menu {
display: none;
list-style: none;
padding: 0;
margin: 0 35px 5px;
}
#section-menu-mobile .sub-menu > li:before {
content: "•";
line-height: 18px;
margin-right: 5px;
}
#section-menu-mobile .sub-menu > li > a {
color: #333333;
font-size: 14px;
}
#section-menu-mobile .sub-menu > li > a > .menu-item-description {
display: none;
} .search {
font-size: 13px;
color: #000000;
} .h2,
.h3,
.h4 {
font-family: Pacifico, cursive;
}
.wysiwyg .titre1 {
font-weight: 400;
font-size: 30px;
color: #4a4a4a;
line-height: 30px;
text-transform: uppercase;
margin: 0 0 20px;
}
.wysiwyg .titre2 {
font-weight: 700;
font-size: 22px;
color: #3d6592;
line-height: 24px;
margin: 0 0 20px;
}
.wysiwyg .titre3 {
font-family: Pacifico;
font-size: 25px;
color: #3d6592;
line-height: 1;
margin: 0 0 20px;
}
.wysiwyg .titre4 {
padding-left: 14px;
border-left: 6px solid #3d6592;
margin: 0 0 20px;
}
.wysiwyg a {
color: inherit;
text-decoration: underline;
}
.wysiwyg a:hover,
.wysiwyg a:focus {
color: inherit;
text-decoration: underline;
}
.wysiwyg img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 600px !important;
}
.h1 {
font-style: italic;
font-size: 35px;
color: #000000;
line-height: 38px;
margin: 0 0 10px;
}
.h2 {
}
.h3 {
font-size: 22px;
color: #3d6592;
line-height: 22px;
margin-bottom: 20px;
}
.h3:after {
content: "";
display: block;
width: 70px;
height: 4px;
background-color: #cccccc;
margin-top: 15px;
}
@media (max-width: 991px) {
.h3 {
font-size: 16px;
line-height: 16px;
}
.h3:after {
width: 50px;
margin-top: 13px;
}
}
@media (max-width: 575.98px) {
.h3:after {
margin-top: 9px;
}
}
.h1-catalogue {
font-family: "Lato";
font-weight: 300;
font-size: 26px;
line-height: 32px;
color: #333333;
margin-bottom: 20px;
}
.h1-catalogue:after {
content: "";
display: block;
height: 1px;
width: 100%;
margin-top: 6px;
}
.residentiel .h1-catalogue:after {
background-color: #8fb3cb;
}
.collectif .h1-catalogue:after {
background-color: #c0c827;
}
.tertiaire .h1-catalogue:after {
background-color: #988b79;
}
.title-prefix {
font-family: "Lato";
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #000000;
} .h1-bar,
.h1-bar h1 {
font-family: "Lato";
font-weight: 700;
font-size: 35px;
line-height: 35px;
color: #4a4a4a;
padding-top: 30px;
text-transform: uppercase;
}
.h1-bar:after {
content: "";
display: block;
height: 4px;
width: 65px;
background: #4a4a4a;
margin: 15px 0 20px;
}
.h3-alternatif {
margin-bottom: 20px !important;
}
.h3-alternatif,
.h3-alternatif h3,
.modal-content h3 {
font-family: "Lato";
font-weight: 700;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
color: #3d6592;
} .bloc-catalogue {
background: #f2f2f2;
border-radius: 3px;
font-family: Lato;
font-weight: 300;
font-size: 22px;
color: #3d6592;
text-align: center;
line-height: 24px;
margin-bottom: 1px;
}
.bloc-catalogue img {
margin: 10px 0;
}
.bloc-catalogue p {
margin-bottom: 10px;
}
.bloc-catalogue a {
margin-bottom: 10px;
} .btn-input {
font-family: "Lato";
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
background: #3d6592;
border-radius: 0;
}
.btn-input:hover {
color: #ffffff;
}
.form-control {
border-radius: 0;
}
#commercial-form label {
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
color: #3d6592;
margin-bottom: 2px;
}
.commercial-entete {
font-family: "Pacifico";
font-weight: 400;
font-size: 19px;
color: #8fb3cb;
}
.commercial-background {
background: #ebf3fa;
padding: 20px 20px 0;
}
.commercial {
padding: 0 0 20px;
}
.commercial-background h4 {
font-family: "Lato";
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
color: #2e4d6b;
}
.commercial-background h4:after {
content: "";
display: block;
height: 1px;
background: #3d6592;
}
.commercial-background p {
font-family: "Lato";
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #4a4a4a;
} .bloc-logo {
text-align: center;
background: #f2f2f2;
margin-top: 30px;
}
.bloc-logo h2 {
font-family: "Lato";
font-weight: 300;
font-size: 23px;
line-height: 28px;
text-transform: uppercase;
color: #4a4a4a;
}
.bloc-logo h2:after,
.bloc-logo h2:before {
content: "";
display: block;
height: 3px;
width: 30px;
background: #0088cc;
}
.bloc-logo h2:after {
margin: 10px auto 30px;
}
.bloc-logo h2:before {
margin: 30px auto 10px;
} .table {
border-color: #cacaca;
font-family: "Lato";
font-weight: 400;
font-size: 13px;
line-height: 29px;
color: #000000;
}
.table > a {
text-decoration: none;
}
.table tbody,
div.table {
border-bottom: 1px solid rgb(222, 226, 230);
}
.table-cell {
border-top: 1px solid rgb(222, 226, 230);
}
.residentiel .taxonomy.liste-produits .table tr:first-child td,
.residentiel
.taxonomy.liste-produits
.table
.table-row:first-child
.table-cell {
border-top-color: #8fb3cb;
}
.collectif .taxonomy.liste-produits .table tr:first-child td,
.collectif .taxonomy.liste-produits .table .table-row:first-child .table-cell {
border-top-color: #c0c827;
}
.tertiaire .taxonomy.liste-produits .table tr:first-child td,
.tertiaire .taxonomy.liste-produits .table .table-row:first-child .table-cell {
border-top-color: #988b79;
}
.table tr td,
.table .table-row .table-cell {
padding: 10px 12px;
}
.table tr td:first-child,
.table .table-row .table-cell:first-child {
padding-left: 20px;
}
.table-striped tbody tr:nth-of-type(odd),
.table-striped .table-row:nth-of-type(odd) {
background-color: #f7f7f7;
}
@media (min-width: 768.98px) {
.liste-produits .table tr td:nth-child(1),
.liste-produits .table .table-row .table-cell:nth-child(1) {
width: 80px;
}
.liste-produits .table tr td:nth-child(2),
.liste-produits .table .table-row .table-cell:nth-child(2) {
width: 120px;
}
.liste-produits .table tr td:nth-child(3),
.liste-produits .table .table-row .table-cell:nth-child(3) {
width: 170px;
white-space: nowrap;
}
.liste-produits .table tr td:nth-child(4),
.liste-produits .table .table-row .table-cell:nth-child(4) {
width: 740px;
text-overflow: hidden;
}
}
.liste-produits .category-title {
font-family: "Lato";
font-weight: 400;
font-size: 16px;
line-height: 20px;
display: inline-block;
color: #ffffff;
padding: 5px 10px;
}
.residentiel .liste-produits .category-title {
background-color: #8fb3cb;
}
.collectif .liste-produits .category-title {
background-color: #c0c827;
}
.tertiaire .liste-produits .category-title {
background-color: #988b79;
}
.sous-titre-produit {
font-family: "Lato";
font-style: italic;
font-size: 18px;
line-height: 18px;
color: #333333;
padding-top: 20px;
background-color: #ffffff;
} .nav-tabs .nav-link {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: #9b9b9b;
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
margin-right: 4px;
padding: 14px 15px 8px;
border-color: #dee2e6 #dee2e6 #fff !important;
background-color: #ffffff;
}
.nav-tabs .nav-link i,
.nav-tabs .nav-link svg {
font-size: 16px;
line-height: 22px;
}
.nav-tabs .nav-link span {
margin-left: 5px;
}
@media (max-width: 767px) {
.nav-tabs .nav-link span {
display: none;
margin: 0;
}
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #475f80;
}
.tab-content {
margin-bottom: 20px;
width: 100%;
}
.tab-content img {
max-width: 100%;
height: auto;
max-height: 300px;
} #btn-contact,
.btn-regular,
.page-support .tab-content a,
.btn-big {
display: inline-block;
vertical-align: middle;
padding: 5px 15px;
font-weight: 700;
color: #3d6592;
font-style: normal;
text-transform: uppercase;
background-color: #ffffff;
border-radius: 20px;
}
#phone-button a {
color: #fff !important;
}
#btn-contact:hover,
.btn-regular:hover,
.page-support .tab-content a:hover,
.btn-big:hover {
background-color: #3d6592;
color: #ffffff;
text-decoration: none;
}
#btn-contact,
.page-support .tab-content a,
.btn-regular {
border: 2px solid #3d6592;
font-size: 13px;
line-height: 16px;
}
.btn-big {
border: 3px solid #3d6592;
font-size: 16px;
line-height: 20px;
}
@media (max-width: 767px) {
.btn-regular {
}
.btn-big {
font-size: 13px;
line-height: 16px;
border-width: 2px;
}
}
.bar-before:before {
content: "";
display: block;
height: 4px;
width: 70px;
background: #cccccc;
margin: 20px 0 50px;
} .article-home {
}
.article-home .entete {
font-family: "Pacifico";
color: #3d6592;
font-size: 22px;
line-height: 24px;
margin-bottom: 20px;
}
.article-home .entete:after {
content: "";
display: block;
width: 70px;
height: 4px;
background-color: #cccccc;
margin-top: 15px;
}
.article-home .visuel {
margin-bottom: 20px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.article-home .visuel img {
object-fit: cover;
width: 100%;
height: 160px;
}
.article-home .titre {
font-weight: 700;
font-size: 18px;
color: #333333;
line-height: 22px;
margin-bottom: 10px;
}
.article-home .description {
font-size: 14px;
color: #4a4a4a;
line-height: 17px;
margin-bottom: 20px;
} .elementor-widget-focus_home {
height: 100%;
}
.elementor-widget-focus_home .elementor-widget-container {
height: 100%;
}
.focus-home {
height: 100%;
background-color: #ffffff;
}
.focus-home .inner {
display: flex;
align-items: flex-start;
padding: 15px;
border-top: 5px solid #cccccc;
background-color: #ffffff;
}
.focus-home .circle {
width: 100px;
height: 100px;
border-radius: 500px;
position: relative;
opacity: 0.5;
color: #ffffff;
}
.focus-home .circle i,
.focus-home .circle svg {
position: absolute;
top: 30px;
left: 25px;
height: 50px !important;
width: 50px !important;
color: #ffffff;
font-size: 45px;
}
.focus-home .content {
flex: 1;
margin-left: 15px;
}
.focus-home .content .titre {
font-weight: 700;
font-size: 16px;
color: #333333;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 10px;
}
.focus-home .content .description {
font-size: 14px;
color: #4a4a4a;
}
.focus-home:hover {
padding-top: 0px;
border-top-width: 5px;
border-top-style: solid;
}
.focus-home:hover .inner {
border: none;
}
.focus-home:hover .circle {
opacity: 1;
}
@media (max-width: 1199px) {
.focus-home .circle {
width: 70px;
height: 70px;
}
.focus-home .circle i,
.focus-home .circle svg {
width: 36px !important;
height: 36px !important;
top: 17px;
left: 17px;
font-size: 32px;
}
}
@media (max-width: 991px) {
.focus-home .circle {
width: 50px;
height: 50px;
}
.focus-home .circle i,
.focus-home .circle svg {
width: 30px !important;
height: 30px !important;
top: 10px;
left: 10px;
font-size: 28px;
}
}
@media (max-width: 767px) {
.focus-home .circle {
width: 70px;
height: 70px;
}
.focus-home .circle i,
.focus-home .circle svg {
width: 36px !important;
height: 36px !important;
top: 17px;
left: 17px;
font-size: 32px;
}
}  @media (min-width: 576px) and (max-width: 767px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 530px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 710px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 950px !important;
}
}  .single-produit {
font-size: 14px;
line-height: 17px;
}
.search-footer {
padding: 20px;
font-size: 11px;
line-height: 11px;
color: #3d6592;
text-align: right;
text-transform: uppercase;
}
.search-footer label {
display: block;
}
.search-footer .form-control {
display: inline-block;
width: 140px;
}
#entete,
.search-footer,
.onglet-background {
background-color: #f3f3f3;
border-bottom: 1px solid #dee2e6;
}
#entete h1 {
font-style: italic;
font-size: 35px;
color: #000000;
line-height: 38px;
margin: 0 0 10px;
}
#entete .informations {
margin-bottom: 15px;
}
#entete .informations p {
border-bottom: 1px solid #9b9b9b;
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
padding-bottom: 5px;
}
#entete .quote {
font-family: "Lato";
font-style: italic;
font-size: 18px;
line-height: 18px;
color: #333333;
}
#entete .reference-remplacee {
font-family: "Lato";
font-style: italic;
font-size: 18px;
line-height: 18px;
color: #e55b1f;
}
#entete .reference-remplacee a {
color: #e55b1f;
}
.single-produit #entete .nav-tabs {
border-bottom: 0px solid #dee2e6;
margin-bottom: -1px;
}
.single-produit #content {
background-color: #ffffff;
padding-bottom: 50px;
padding-top: 30px;
}
.single-produit .inner {
padding: 10px;
}
.single-produit .informations {
margin-bottom: 15px;
}
.single-produit .informations p {
border-bottom: 1px solid #9b9b9b;
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
padding-bottom: 5px;
}
.single-produit .visuel {
background: #ffffff;
border: 20px solid #f3f3f3;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
text-align: center;
margin-bottom: 20px;
position: relative;
display: block;
padding: 15px;
}
.single-produit .visuel:hover:after {
background: rgba(0, 0, 0, 0.5);
content: "\f00e";
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
font-family: "Font Awesome 5 Pro";
color: #ffffff;
font-size: 40px;
}
.single-produit .box {
background: #f3f3f3;
padding: 15px;
margin-bottom: 2px;
}
.single-produit .box h4 {
font-weight: 700;
font-size: 15px;
color: #3d6592;
line-height: 18px;
text-transform: uppercase;
margin: 0 0 15px;
}
.single-produit .box .texte {
font-weight: 400;
font-size: 15px;
color: #4a4a4a;
line-height: 18px;
font-style: italic;
margin: 0 0 15px;
}
@media (max-width: 767px) {
.single-produit h1 {
font-size: 25px;
line-height: 28px;
}
.single-produit h2 {
font-size: 25px;
line-height: 28px;
}
.single-produit h3 {
font-size: 25px;
line-height: 28px;
}
}
.single-produit .related-products {
padding: 30px 30px 0px;
background-color: #f3f3f3;
}
.single-produit .related-products img {
height: 160px;
width: 160px;
padding: 10px;
background: #ffffff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
margin-bottom: 15px;
}
.single-produit .related-products .h3-alternatif {
margin-bottom: 5px !important;
}
.single-produit .related-products .related-product {
padding-bottom: 30px;
} .fichier {
}
.fichier:before {
font-family: "Font Awesome 5 Pro";
font-size: 16px;
margin-right: 15px;
}
.fichier.pdf:before {
content: "\f1c1";
color: #d0021b;
}
.fichier.zip:before {
content: "\f1c6";
color: #e5a400;
} .fil-ariane {
border-top: 5px solid #90b3ca;
}
.fil-ariane ul {
list-style: none;
padding: 0;
display: flex;
}
.fil-ariane ul li {
display: inline-block;
border-top: 1px solid #ffffff;
}
.fil-ariane ul li + li {
border-left: 1px solid #ffffff;
}
.fil-ariane ul li * {
background: #90b3ca;
padding: 11px 10px 9px;
font-size: 14px;
line-height: 17px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
display: block;
}
.fil-ariane ul li span {
opacity: 0.7;
}
.fil-ariane ul li a {
background-color: rgba(229, 91, 31, 0.8);
}
.residentiel .fil-ariane {
border-color: #90b3ca;
}
.residentiel .fil-ariane ul li * {
background-color: #90b3ca;
}
.collectif .fil-ariane {
border-color: #c0c639;
}
.collectif .fil-ariane ul li * {
background-color: #c0c639;
}
.tertiaire .fil-ariane {
border-color: #988b7a;
}
.tertiaire .fil-ariane ul li * {
background-color: #988b7a;
}
.ancienne_reference .fil-ariane {
border-color: #e55b1f;
}
.ancienne_reference .fil-ariane ul li * {
opacity: 1;
background-color: rgba(229, 91, 31, 0.7); }
.ancienne_reference .fil-ariane ul li a {
background-color: transparent !important;
}
.ancienne_reference .fil-ariane ul li *.opacity-1 {
opacity: 1; background-color: #e55b1f;
} footer {
padding: 50px 0 50px 0;
background-color: #000000;
color: #ffffff;
font-size: 11px;
}
footer .markets {
list-style-type: none;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
}
footer .markets > li {
list-style: none;
flex: 1 1 auto;
width: 100%;
text-transform: uppercase;
font-weight: 900;
font-family: "lato";
font-size: 14px;
line-height: 16px;
}
footer .collectif a {
color: #c0c827;
}
footer .residentiel a {
color: #8fb3cb;
}
footer .tertiaire a {
color: #988b79;
}
footer .sub-menu {
padding: 10px 0;
}
footer .sub-menu > li {
list-style-type: none;
text-transform: none;
margin-bottom: 5px;
}
footer .sub-menu > li a {
color: #fff;
font-family: "lato";
font-weight: 400;
font-size: 12px;
line-height: 14px;
}
footer .sub-menu > li a .menu-item-description {
display: none;
}
footer .sub-menu > li a span {
}
footer .sub-menu > li a:hover span {
text-decoration: underline;
}
footer .h3-footer,
.widget_text {
font-family: "Pacifico";
font-size: 22px;
line-height: 22px;
color: #3d6592;
}
footer .widget_text {
list-style: none;
}
footer .textwidget {
font-size: 12px;
color: #fff;
font-family: "lato";
line-height: 14px;
font-weight: 400;
}
footer #text-4 {
margin-top: 50px;
}
footer .h3-footer:after,
footer .textwidget:before {
display: block;
content: "";
width: 70px;
height: 4px;
background-color: #cccccc;
margin: 15px 0 20px;
}
footer .btn-regular-blanc {
display: inline-block;
border-radius: 20px;
border: 2px solid #fff;
text-align: center;
padding: 8px 14px;
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
font-family: "lato";
font-weight: 700;
color: #fff;
}
footer .btn-regular-blanc:hover {
background-color: #fff;
color: #000000 !important;
text-decoration: none;
}
footer .btn-site {
font-family: "lato";
font-weight: 900;
font-size: 14px;
line-height: 14px;
color: #0088cc !important;
text-transform: uppercase;
margin: 0 20px 0 0;
}
footer .btn-site:before {
content: "[";
padding-right: 5px;
font-size: 25px;
line-height: 25px;
font-weight: 400;
vertical-align: -2px;
color: #fff !important;
}
footer .btn-site:after {
content: "]";
padding-left: 5px;
font-size: 25px;
line-height: 25px;
font-weight: 400;
vertical-align: -2px;
color: #fff !important;
}
footer .site-page {
list-style-type: none;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
}
footer .site-page > li {
list-style: none;
flex: 1 1 auto;
width: 100%;
text-transform: uppercase;
font-weight: 900;
font-family: "lato";
font-size: 14px;
line-height: 17px;
color: #0088cc;
}
footer .site-page > li > ul > li {
list-style: none;
font-family: "lato";
font-size: 12px;
text-transform: none;
color: #fff;
font-weight: 400;
}
footer .site-page > li > ul {
padding: 10px 0;
}
@media (min-width: 576px) {
footer .markets {
flex-direction: row;
}
footer .markets > li {
width: 33%;
padding-right: 30px;
}
}
@media (min-width: 576px) {
footer .site-page {
flex-direction: row;
}
footer .site_page > li {
width: 33%;
padding-right: 30px;
}
} .liste_actu {
border-bottom: 1px solid #cccccc;
}
.liste_actu .item {
display: flex;
}
.liste_actu .item:not(:last-child) {
margin-bottom: 40px;
}
.liste_actu .item .visuel {
flex: 0 0 45%;
max-width: 350px;
margin-right: 30px;
padding-bottom: 40px;
}
.liste_actu .item .content {
width: 100%;
padding-bottom: 40px;
}
.liste_actu .item:not(:last-child) .content {
border-bottom: 1px solid #cccccc;
}
.liste_actu .item .content .h3 {
margin-bottom: 15px;
}
.liste_actu .item .content .titre_actu {
font-weight: 700;
font-size: 18px;
color: #333333;
line-height: 22px;
margin: 0 0 10px;
}
.liste_actu .item .content .contenu {
font-size: 14px;
color: #4a4a4a;
line-height: 17px;
}
.liste_actu .item .visuel img {
width: 100%;
}
@media (max-width: 991px) {
.liste_actu .item {
display: block;
}
.liste_actu .item:not(:last-child) {
margin-bottom: 20px;
}
.liste_actu .item .visuel {
margin-right: 0;
padding-bottom: 20px;
}
.liste_actu .item .content {
padding-bottom: 20px;
}
}
.pagination {
margin: 30px 0;
display: flex;
justify-content: space-between;
width: 100%;
}
.pagination a {
display: flex;
align-items: center;
}
.pagination a:hover {
text-decoration: underline;
}
.pagination a i,
.pagination a svg {
color: #3d6592;
font-size: 40px;
width: 40px !important;
height: 40px !important;
}
.pagination a span {
font-weight: 300;
font-size: 18px;
color: #3d6592;
line-height: 20px;
padding: 0 10px;
}
.pagination li:nth-child(2) a span {
text-align: right;
} .bloc_lien {
background-color: #f2f2f2;
padding: 20px;
text-align: center;
border-bottom: 1px solid #ffffff;
}
.bloc_lien .visuel {
text-align: center;
margin-bottom: 15px;
}
.bloc_lien .titre {
font-weight: 300;
font-size: 22px;
color: #3d6592;
text-align: center;
line-height: 24px;
margin-bottom: 15px;
}
.bloc_lien .lien {
margin-bottom: 0px;
} body.home .slick-slide-inner {
max-width: 1140px;
margin: 0 auto;
padding: 0 15px;
}
body.home .slick-slide-inner .elementor-slide-content {
background-color: rgba(0, 0, 0, 0.6);
padding: 15px;
}
body.home
.slick-slide-inner
.elementor-slide-content
.elementor-slide-description {
column-count: 2;
column-gap: 30px;
margin-bottom: 10px;
}
body.home
.slick-slide-inner
.elementor-slide-content
.elementor-slide-description
div {
break-inside: avoid-column;
}
body.home .slick-slide-inner .elementor-slide-content ul {
padding-left: 20px;
}
body.home .slick-slide-inner .elementor-slide-content .elementor-button {
padding: 5px 15px;
float: right;
}
@media (max-width: 1199px) {
body.home .slick-slide-inner {
max-width: 930px;
padding: 0 !important;
}
}
@media (max-width: 991px) {
body.home .slick-slide-inner {
max-width: 100%;
width: 100%;
padding: 0 !important;
}
body.home
.slick-slide-inner
.elementor-slide-content
.elementor-slide-description {
display: none;
}
} .accordion {
}
.accordion .card {
margin-bottom: 2px;
}
.accordion .card-header {
background-color: #3d6592;
padding: 10px 15px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
line-height: 17px;
}
.accordion .card-header.collapsed {
background-color: #2e4d6b;
}
.accordion .card-body {
background-color: #f3f3f3;
padding: 15px 20px;
font-size: 14px;
overflow: hidden;
}
.accordion .card-body p:last-of-type {
margin-bottom: 0;
}
.accordion .card-header:hover {
color: #f2f2f2;
}
.accordion .card-header:before {
content: "\f0d7";
font-weight: 900;
font-family: "Font Awesome 5 Pro";
padding-right: 2px;
font-size: 16px;
line-height: 17px;
width: 15px;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.accordion .card-header.collapsed:before {
content: "\f0da";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
padding-right: 2px;
font-size: 16px;
line-height: 17px;
width: 15px;
display: inline-block;
vertical-align: middle;
text-align: center;
} .actualite {
font-size: 14px;
}
.actualite .h1 {
font-style: normal;
font-size: 23px;
color: #4a4a4a;
line-height: 26px;
margin: 0 0 10px;
text-transform: uppercase;
margin-bottom: 20px;
} .homeslider {
margin-top: -70px;
}
.homeslider .carousel-item {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.homeslider .carousel-item > .container > .row {
height: 550px;
padding-top: 70px;
}
.homeslider .col-left {
align-self: flex-end !important;
}
.homeslider .col-left .inner {
background: rgba(0, 0, 0, 0.7);
padding: 15px 0;
color: #ffffff;
}
.homeslider .col-right {
align-self: center !important;
}
.homeslider .col-right .inner {
text-align: center;
}
.homeslider .homeslide-title {
font-weight: 700;
font-size: 30px;
color: #ffffff;
line-height: 32px;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
text-transform: uppercase;
margin-bottom: 15px;
}
.homeslider .homeslide-title:after {
content: "";
display: block;
background: #ffffff;
height: 4px;
width: 70px;
margin-top: 15px;
}
.homeslider .homeslide-text {
font-weight: 400;
font-size: 14px;
color: #ffffff;
line-height: 17px;
margin-bottom: 15px;
}
.homeslider .homeslide-btn {
font-weight: 900;
font-size: 14px;
line-height: 22px;
display: inline-block;
vertical-align: top;
color: #ffffff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
text-transform: uppercase;
}
.homeslider i,
.homeslider svg {
margin-right: 5px;
font-size: 20px;
line-height: 20px;
} @media (max-width: 1199px) {
.homeslider .homeslide-title {
font-size: 26px;
line-height: 28px;
}
}
.homeslider .col-right img {
max-height: 478px;
}
@media (max-width: 991px) {
.homeslider .carousel-item > .container {
max-width: 100%;
padding: 0;
}
.homeslider .col-right {
align-self: flex-end !important;
}
.homeslider .col-right img {
max-width: 420px;
max-height: 364px;
}
}
@media (max-width: 767px) {
.homeslider .carousel-control-next,
.homeslider .carousel-control-prev {
top: 15px;
align-items: flex-start;
}
.homeslider {
margin-top: 0px;
}
.homeslider .carousel-item {
background-size: cover;
background-position: 50% 50%;
}
.homeslider .carousel-item > .container > .row {
height: 360px;
padding-top: 0px;
}
.homeslider .homeslide-title {
font-size: 18px;
line-height: 20px;
}
.homeslider .homeslide-title br {
display: none;
}
.homeslider .col-right img {
max-width: 300px;
max-height: 252px;
}
} p.fax {
text-align: center;
font-family: "Lato";
font-weight: 700;
color: #4a4a4a;
margin-top: 10px;
}
.lien_document {
margin-bottom: 10px;
}
.lien_document a {
display: flex;
align-items: center;
font-size: 14px;
text-decoration: underline !important;
}
.lien_document a .icone {
font-size: 22px;
line-height: 36px;
width: 40px;
height: 40px;
color: #3d6592;
border: 2px solid #3d6592;
background-color: #ffffff;
border-radius: 500px;
text-align: center;
margin-right: 10px;
}
.lien_document a:hover .icone {
color: #ffffff;
background-color: #3d6592;
}
.alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .data-expert a {
display: inline-block;
vertical-align: middle;
padding: 5px 15px;
font-weight: 700;
color: #3d6592;
font-style: normal;
text-transform: uppercase;
background-color: #ffffff;
border-radius: 20px;
border: 2px solid #3d6592;
font-size: 13px;
line-height: 16px;
}
.data-expert a:hover {
background-color: #3d6592;
color: #ffffff;
text-decoration: none;
} .img-container {
padding: 20px;
text-align: center;
background-color: rgba(216, 216, 216, 0.1);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.page-one h1 {
font-family: "Lato";
font-weight: bold;
font-size: 35px;
line-height: 35px;
color: #4a4a4a;
}
.page-one h1::after {
content: "";
height: 4px;
width: 65px;
background-color: #4a4a4a;
display: block;
margin: 15px 0 30px;
}
.page-one h3 {
font-family: "Lato";
font-weight: 700;
color: #3d6592;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
}
#company-one.page-one h3::after {
content: "";
display: block;
background-color: #bdcddc;
height: 1px;
margin-bottom: 20px;
}
.page-one h2 {
font-family: "Lato";
font-size: 23px;
line-height: 26px;
color: #4a4a4a;
}
.page-one p {
font-family: "Lato";
font-size: 14px;
color: #4a4a4a;
}
.page-one .btn {
font-family: "Lato";
font-weight: bold;
font-size: 13px;
line-height: 13px;
color: #3d6592;
text-transform: uppercase;
border: 2px solid #3d6592;
padding: 8px 14px;
background-color: #ffffff;
border-radius: 20px;
transition: background-color color 1s;
}
.page-one .btn:hover {
background-color: #3d6592;
color: #ffffff;
}
.page-one .btn.btn-small {
font-size: 11px;
line-height: 12px;
padding: 7px 10px;
}
.page-one .btn.btn-contact {
background-color: #2d5286;
border-radius: 20px;
font-family: "Lato";
font-weight: bold;
font-size: 13px;
line-height: 13px;
color: #ffffff;
}
.page-one .btn.btn-contact i {
margin-left: 8px;
}
.page-one .card {
background-color: #ebf3fa;
border-radius: 0;
border: 0;
}
.page-one label {
font-family: "Lato";
font-size: 11px;
line-height: 11px;
color: #3d6592;
text-transform: uppercase;
}
.page-one input {
font-family: "Lato";
font-size: 14px;
line-height: 24px;
}
.page-one .input-group-text {
background-color: #ffffff;
}
.page-one thead {
background-color: #ebf3fa;
text-transform: uppercase;
font-family: "Lato";
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: #3d6592;
}
.page-one .table tr td {
font-size: 14px;
line-height: 17px;
vertical-align: middle;
}
.page-one .table thead th:last-child {
width: 65px;
}
@media (min-width: 992px) {
.page-one thead th:nth-child(1) {
width: 280px;
}
}
.page-one thead th:nth-child(3) {
width: 100px;
}
.picto-domain-competence {
max-width: 40px;
max-height: 40px;
}
.page-one .modal-content .modal-header {
justify-content: center;
}
.page-one .modal-content .modal-header img.logo {
max-height: 15rem;
}
.gallery img {
width: 150px;
height: 150px;
object-fit: cover;
}
.page-one h4 {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
.page-one .information i {
color: #5e9933;
} .ck-content h1 {
font-weight: 400 !important;
font-size: 30px !important;
color: #4a4a4a !important;
line-height: 30px !important;
text-transform: uppercase !important;
margin: 0 0 20px !important;
}
.ck-content h2 {
font-weight: 700 !important;
font-size: 22px !important;
color: #3d6592 !important;
line-height: 24px !important;
margin: 0 0 20px !important;
}
.ck-content h3 {
font-family: Pacifico !important;
font-size: 25px !important;
color: #3d6592 !important;
line-height: 1 !important;
margin: 0 0 20px !important;
}
.ck-content h4 {
font-size: 14px !important;
padding-left: 14px !important;
border-left: 6px solid #3d6592 !important;
margin: 0 0 20px !important;
}
.ck-content a {
color: inherit !important;
text-decoration: underline !important;
}
.ck-content a:hover,
.ck-content a:focus {
color: inherit !important;
text-decoration: underline !important;
}  .input-group-append button {
height: 100%;
}
.input-group-append .input-group-text {
height: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.form-group {
margin-bottom: 16px;
}
a {
text-decoration: none;
}
.nav-link {
cursor: pointer;
}.mb0 {     margin-bottom: 0px !important; }
.mb2 {     margin-bottom: 2px !important; }
.mb5 {     margin-bottom: 5px !important; }
.mb8 {     margin-bottom: 8px !important; }
.mb10 {    margin-bottom: 10px !important; }
.mb14 {    margin-bottom: 14px !important; }
.mb15 {    margin-bottom: 15px !important; }
.mb20 {    margin-bottom: 20px !important; }
.mb25 {    margin-bottom: 25px !important; }
.mb30 {    margin-bottom: 30px !important; }
.mb35 {    margin-bottom: 35px !important; }
.mb40 {    margin-bottom: 40px !important; }
.mb45 {    margin-bottom: 45px !important; }
.mb50 {    margin-bottom: 50px !important; }
.mb55 {    margin-bottom: 55px !important; }
.mb60 {    margin-bottom: 60px !important; }
.mb65 {    margin-bottom: 65px !important; }
.mb70 {    margin-bottom: 70px !important; }
.mb75 {    margin-bottom: 75px !important; }
.mb80 {    margin-bottom: 80px !important; }
.mb85 {    margin-bottom: 85px !important; }
.mb90 {    margin-bottom: 90px !important; }
.mb95 {    margin-bottom: 95px !important; }
.mb100 {   margin-bottom: 100px !important; }
.mt0 {     margin-top: 0px !important; }
.mt2 {     margin-top: 2px !important; }
.mt5 {     margin-top: 5px !important; }
.mt8 {     margin-top: 8px !important; }
.mt10 {    margin-top: 10px !important; }
.mt15 {    margin-top: 15px !important; }
.mt20 {    margin-top: 20px !important; }
.mt25 {    margin-top: 25px !important; }
.mt30 {    margin-top: 30px !important; }
.mt35 {    margin-top: 35px !important; }
.mt40 {    margin-top: 40px !important; }
.mt45 {    margin-top: 45px !important; }
.mt50 {    margin-top: 50px !important; }
.mt55 {    margin-top: 55px !important; }
.mt60 {    margin-top: 60px !important; }
.mt65 {    margin-top: 65px !important; }
.mt70 {    margin-top: 70px !important; }
.mt75 {    margin-top: 75px !important; }
.mt80 {    margin-top: 80px !important; }
.mt85 {    margin-top: 85px !important; }
.mt90 {    margin-top: 90px !important; }
.mt95 {    margin-top: 95px !important; }
.mt100 {   margin-top: 100px !important; }
.ml0 {     margin-left: 0px !important; }
.ml2 {     margin-left: 2px !important; }
.ml5 {     margin-left: 5px !important; }
.ml8 {     margin-left: 8px !important; }
.ml10 {    margin-left: 10px !important; }
.ml15 {    margin-left: 15px !important; }
.ml20 {    margin-left: 20px !important; }
.ml25 {    margin-left: 25px !important; }
.ml30 {    margin-left: 30px !important; }
.ml35 {    margin-left: 35px !important; }
.ml40 {    margin-left: 40px !important; }
.ml45 {    margin-left: 45px !important; }
.ml50 {    margin-left: 50px !important; }
.ml55 {    margin-left: 55px !important; }
.ml60 {    margin-left: 60px !important; }
.ml65 {    margin-left: 65px !important; }
.ml70 {    margin-left: 70px !important; }
.ml75 {    margin-left: 75px !important; }
.ml80 {    margin-left: 80px !important; }
.ml85 {    margin-left: 85px !important; }
.ml90 {    margin-left: 90px !important; }
.ml95 {    margin-left: 95px !important; }
.ml100 {   margin-left: 100px !important; }
.mr0 {     margin-right: 0px !important; }
.mr2 {     margin-right: 2px !important; }
.mr5 {     margin-right: 5px !important; }
.mr8 {     margin-right: 8px !important; }
.mr10 {    margin-right: 10px !important; }
.mr15 {    margin-right: 15px !important; }
.mr20 {    margin-right: 20px !important; }
.mr25 {    margin-right: 25px !important; }
.mr30 {    margin-right: 30px !important; }
.mr35 {    margin-right: 35px !important; }
.mr40 {    margin-right: 40px !important; }
.mr45 {    margin-right: 45px !important; }
.mr50 {    margin-right: 50px !important; }
.mr55 {    margin-right: 55px !important; }
.mr60 {    margin-right: 60px !important; }
.mr65 {    margin-right: 65px !important; }
.mr70 {    margin-right: 70px !important; }
.mr75 {    margin-right: 75px !important; }
.mr80 {    margin-right: 80px !important; }
.mr85 {    margin-right: 85px !important; }
.mr90 {    margin-right: 90px !important; }
.mr95 {    margin-right: 95px !important; }
.mr100 {   margin-right: 100px !important; } .pb0 {     padding-bottom: 0px !important; }
.pb2 {     padding-bottom: 2px !important; }
.pb5 {     padding-bottom: 5px !important; }
.pb8 {     padding-bottom: 8px !important; }
.pb10 {    padding-bottom: 10px !important; }
.pb15 {    padding-bottom: 15px !important; }
.pb20 {    padding-bottom: 20px !important; }
.pb25 {    padding-bottom: 25px !important; }
.pb30 {    padding-bottom: 30px !important; }
.pb35 {    padding-bottom: 35px !important; }
.pb40 {    padding-bottom: 40px !important; }
.pb45 {    padding-bottom: 45px !important; }
.pb50 {    padding-bottom: 50px !important; }
.pb55 {    padding-bottom: 55px !important; }
.pb60 {    padding-bottom: 60px !important; }
.pb65 {    padding-bottom: 65px !important; }
.pb70 {    padding-bottom: 70px !important; }
.pb75 {    padding-bottom: 75px !important; }
.pb80 {    padding-bottom: 80px !important; }
.pb85 {    padding-bottom: 85px !important; }
.pb90 {    padding-bottom: 90px !important; }
.pb95 {    padding-bottom: 95px !important; }
.pb100 {   padding-bottom: 100px !important; }
.pt0 {     padding-top: 0px !important; }
.pt2 {     padding-top: 2px !important; }
.pt5 {     padding-top: 5px !important; }
.pt8 {     padding-top: 8px !important; }
.pt10 {    padding-top: 10px !important; }
.pt15 {    padding-top: 15px !important; }
.pt20 {    padding-top: 20px !important; }
.pt25 {    padding-top: 25px !important; }
.pt30 {    padding-top: 30px !important; }
.pt35 {    padding-top: 35px !important; }
.pt40 {    padding-top: 40px !important; }
.pt45 {    padding-top: 45px !important; }
.pt50 {    padding-top: 50px !important; }
.pt55 {    padding-top: 55px !important; }
.pt60 {    padding-top: 60px !important; }
.pt65 {    padding-top: 65px !important; }
.pt70 {    padding-top: 70px !important; }
.pt75 {    padding-top: 75px !important; }
.pt80 {    padding-top: 80px !important; }
.pt85 {    padding-top: 85px !important; }
.pt90 {    padding-top: 90px !important; }
.pt95 {    padding-top: 95px !important; }
.pt100 {   padding-top: 100px !important; }
.pl0 {     padding-left: 0px !important; }
.pl2 {     padding-left: 2px !important; }
.pl5 {     padding-left: 5px !important; }
.pl8 {     padding-left: 8px !important; }
.pl10 {    padding-left: 10px !important; }
.pl15 {    padding-left: 15px !important; }
.pl20 {    padding-left: 20px !important; }
.pl25 {    padding-left: 25px !important; }
.pl30 {    padding-left: 30px !important; }
.pl35 {    padding-left: 35px !important; }
.pl40 {    padding-left: 40px !important; }
.pl45 {    padding-left: 45px !important; }
.pl50 {    padding-left: 50px !important; }
.pl55 {    padding-left: 55px !important; }
.pl60 {    padding-left: 60px !important; }
.pl65 {    padding-left: 65px !important; }
.pl70 {    padding-left: 70px !important; }
.pl75 {    padding-left: 75px !important; }
.pl80 {    padding-left: 80px !important; }
.pl85 {    padding-left: 85px !important; }
.pl90 {    padding-left: 90px !important; }
.pl95 {    padding-left: 95px !important; }
.pl100 {   padding-left: 100px !important; }
.pr0 {     padding-right: 0px !important; }
.pr2 {     padding-right: 2px !important; }
.pr5 {     padding-right: 5px !important; }
.pr8 {     padding-right: 8px !important; }
.pr10 {    padding-right: 10px !important; }
.pr15 {    padding-right: 15px !important; }
.pr20 {    padding-right: 20px !important; }
.pr25 {    padding-right: 25px !important; }
.pr30 {    padding-right: 30px !important; }
.pr35 {    padding-right: 35px !important; }
.pr40 {    padding-right: 40px !important; }
.pr45 {    padding-right: 45px !important; }
.pr50 {    padding-right: 50px !important; }
.pr55 {    padding-right: 55px !important; }
.pr60 {    padding-right: 60px !important; }
.pr65 {    padding-right: 65px !important; }
.pr70 {    padding-right: 70px !important; }
.pr75 {    padding-right: 75px !important; }
.pr80 {    padding-right: 80px !important; }
.pr85 {    padding-right: 85px !important; }
.pr90 {    padding-right: 90px !important; }
.pr95 {    padding-right: 95px !important; }
.pr100 {   padding-right: 100px !important; } .fs10 { font-size:10px;}
.fs11 { font-size:11px;}
.fs12 { font-size:12px;}
.fs13 { font-size:13px;}
.fs14 { font-size:14px;}
.fs15 { font-size:15px;}
.fs16 { font-size:16px;}
.nowrap { white-space: nowrap !important;}
.inline-group {display:table-row;}
.inline-group > * {display:table-cell; vertical-align: top;}
.inline-block { display:inline-block; }
.block { display:block; }