﻿/*************************
*******Typography*********
**************************/


/*
@import url(https://fonts.google.com/specimen/Titillium+Web?selection.family=Titillium+Web);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
 @import url(https://fonts.googleapis.com/css?family=Abel); */

body {
    font-family: 'Titillium Web', sans-serif;
    background: ;
    position: relative;
    font-weight: 400px;
}
.reco-pdt-block {
    position: relative;
    z-index: 1;
    width: 144px;
    list-style: none;
    text-align: center;
}

.reco-pdt-block .product-list-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
ul li {
    /*list-style: none;*/
}

a:hover {
    outline: none;
    text-decoration: none;
}

a:focus {
    outline: none;
    outline-offset: 0;
}

a {
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif;
    margin-top: 0px;
}

.btn:hover,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggle {
    background-color: #000;
}

a#scrollUp {
    bottom: 0px;
    right: 10px;
    padding: 5px 10px;
    background: #9ecd60;
    color: #FFF;
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}

a#scrollUp i {
    font-size: 30px;
}


/*************************
*******Header CSS******
**************************/

.header_top {
    /* background-image: url('../icon/headsep.png'); */
}

#tabletBanner {
    display: none;
}

#desktopBanner {
    display: block;
}

.contactinfo ul li:first-child {}

.contactinfo ul li a {
    font-size: 14px;
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
}

.count-pdt-tab {
    cursor: pointer;
}

.contactinfo ul li a:hover {
    background: inherit;
}

.social-icons ul li a {
    border: 0 none;
    border-radius: 0;
    color: #696763;
    padding: 0px;
}

.social-icons ul li {
    display: inline-block;
}

.social-icons ul li a i {
    padding: 7px;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}

.social-icons ul li a i:hover {
    color: #fff;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}

.fa-facebook:hover {
    background: #0083C9;
}

.fa-twitter:hover {
    background: #5BBCEC;
}

.fa-linkedin:hover {
    background: #FF4518;
}

.fa-dribbble:hover {
    background: #90C9DC;
}

.fa-google-plus:hover {
    background: #CE3C2D;
}

.header-middle .container .row {
    /* border-bottom: 1px solid #f5f5f5; */
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
}

.header-middle .container .row .col-sm-4 {
    padding-left: 0;
}

.header-middle .container .row .col-sm-8 {
    padding-right: 0;
}

.usa {
    border-radius: 0;
    color: #B4B1AB;
    font-size: 12px;
    margin-right: 20px;
    padding: 2px 15px;
    margin-top: 10px;
}

.usa:hover {
    background: #FE980F;
    color: #fff;
    border-color: #FE980F;
}

.usa:active,
.usa.active {
    background: none repeat scroll 0 0 #FE980F;
    box-shadow: inherit;
    outline: 0 none;
}

.btn-group.open .dropdown-toggle {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    background-color: #fff;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    text-decoration: none;
}

.table-fill tr th {
    text-align: center;
}

.rightPrice {
    text-align: right;
}

.shop-menu ul li {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.shop-menu ul li:last-child {
    padding-right: 0;
}

.shop-menu ul li a {
    background: #FFFFFF;
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    padding-right: 0;
    margin-top: 10px;
}

.shop-menu ul li a i {
    margin-right: 3px;
}

.fixeTitle-home {
    display: none;
}

#deskTopBottom2 {
    padding: 7px 17px;
}

.header-bottom {
    /* background : url('../icon/bgMenu.png'); */
    background-color: #006bb3;
    min-height: 100%;
    height: 100%;
    /* margin-bottom: 10px; */
    /* box-shadow: 1px 1px 12px #555; */
}

.shop-menu ul li a:hover {
    color: #fe980f;
    background: #fff;
}

.adresse a:before {
    font-family: 'FontAwesome';
    content: "\f0f7";
    margin-right: 5px;
    color: #0171bc;
    font-size: 16px;
}

.tel a:before {
    font-family: 'FontAwesome';
    content: "\f095";
    margin-right: 5px;
    color: #0171bc;
    font-size: 16px;
}

.fax a:before {
    font-family: 'FontAwesome';
    content: "\f1ac";
    margin-right: 5px;
    color: #0171bc;
    font-size: 16px;
}

.parrentMegaMenu>li {
    width: 214px;
    height: 38px;
    position: relative;
    margin: 0 0 10px 0px;
    float: left;
}

.sizeUser {
    font-size: 24px;
}

.phoneTxt {
    color: #0071bc;
    font-size: 28px;
    font-weight: bold;
}

.userRight {
    text-align: center;
    float: left;
    width: 99px;
    color: #0071bc;
    margin-right: 10px;
}

.contactN a:before, .contactN button:before {
    font-family: 'FontAwesome';
    content: "\f1fa";
    margin-right: 5px;
    color: #0171bc;
    font-size: 16px;
}

.btn-track-top {
    border: none;
    background: #fff;
    color: #0071bc;
    font-size: 15px;
}

.decouvrez li a:before,
.nosService li a:before,
.nosService li button:before,
.decouvrez li button:before {
    font-family: 'FontAwesome';
    content: "\f0c1";
    margin-right: 6px;
    color: #0171bc;
    font-size: 16px;
}

.decouvrez li a:before,
.nosService li a:before,
.nosService li button:before {
    font-family: 'FontAwesome';
    content: "\f0c1";
    margin-right: 6px;
    color: #0171bc;
    font-size: 16px;
}

#text_desc_cat4 {
    margin-bottom: 10px;
    font-size: 13px;
}

.famIconRight {
    float: left;
    margin-right: 3px;
    margin-top: 4px;
}

.lienFam {
    overflow: hidden;
}

.notBottomBorder {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.cat3-cat-filtering {
    margin-bottom: 0 !important;
}

.notBottomBorder div h3 {
    margin-bottom: 0 !important;
}

.sidebarf3 {
    float: left;
    width: 185px;
}


/*

.service .adresse {
	 list-style-image : url('../icon/ico-f-building.png');
	 display : list-item;
}

.service .tel {
	 list-style-image : url('../icon/ico-fcall.png');
	 display : list-item;
}
.service .fax {
	 list-style-image : url('../icon/ico-ffax.png');
	 display : list-item;
}

.service .contactN {
	 list-style-image : url('../icon/ico-mail.png');
	 display : list-item;
}
*/

.header-bottom2 {
    /* background: url(../icon/bgBottom2.png); */
    /* height: 122px; */
    /* margin-bottom: 25px; */
    /* background-color: #f5f3f3 */
}

.slideLeft {
    background: url(../icon/arw-l.png);
}

.navbar-collapse.collapse {
    padding-left: 0;
}

.mainmenu ul li {
    margin: 6px 0 2px;
}

.espace {
    margin-top: 12px !important;
}

.mainmenu ul li:first-child {
    padding-left: 0px;
}

.mainmenu ul li a {
    font-size: 10.5px;
    font-weight: 300;
    padding: 0;
    padding-bottom: 7px;
    margin-top: 12px;
    color: #fff;
    font-family: Verdana, sans-serif;
}

.clMenu {
    display: none;
}

.addRayon {
    display: none;
}


/*

*/

.mainmenu ul li a:hover,
.mainmenu ul li a.active,
.shop-menu ul li a.active {
    /*color: #fff;
    border-bottom: 3px solid #8bc53e;*/
}

.search_box input {
    background: #F0F0E9;
    border: medium none;
    color: #B2B2B2;
    font-family: 'Titillium Web';
    font-size: 12px;
    font-weight: 300;
    height: 35px;
    outline: medium none;
    padding-left: 10px;
    width: 155px;
    background-image: url(../images/home/searchicon.png);
    background-repeat: no-repeat;
    background-position: 130px;
}


/*  Dropdown menu*/

.navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
}

.nav.navbar-nav>li:hover>ul.sub-menu {
    display: block;
    -webkit-animation: fadeInUp 400ms;
    -moz-animation: fadeInUp 400ms;
    -ms-animation: fadeInUp 400ms;
    -o-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated {
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dropdown.yamm-fw .sub-menu {
    margin: 0;
    padding: 0;
}


/*
.left-29 > #mega-menu-container{
	left: 0%;
}

.left-7409 > #mega-menu-container{
	    left: -135px;
}


.left-231 > #mega-menu-container{
	left: -78px;
}

.left-218 > #mega-menu-container{
	left: -260px;
}

.left-4283 > #mega-menu-container{
	left: -325px;
}

.left-124 > #mega-menu-container{
	left: -370px;
}

.left-2 > #mega-menu-container{
	left: -420px;
}

.left-10101 > #mega-menu-container{
    left: -558px;
}

.left-10100 > #mega-menu-container{
	left: -650px;
}

.left-3 > #mega-menu-container{
    left: -755px;
}

.left-161 > #mega-menu-container{
	left: -867px;
}

.left-104 > #mega-menu-container{
	left: -995px;
}

.left-165 > #mega-menu-container{
	left: -122px;
}

.left-206 > #mega-menu-container{
	left: -215px;
}

.left-4019 > #mega-menu-container{
	left: -325px;
}

.left-10102 > #mega-menu-container{
	left: -450px;
}
.left-10104 > #mega-menu-container{
	left: -570px;
}
.left-5 > #mega-menu-container{
	left: -652px;
}
.left-10103 > #mega-menu-container{
	left: -793px;
}

.left-6329 > #mega-menu-container{
	left: -890px;
}

.left-7 > #mega-menu-container{
	left: -980px;
}
.left-8 > #mega-menu-container{
	left: -1010px;
}
.left-10 > #mega-menu-container{
	left: -80px;
}
.left-11 > #mega-menu-container{
	left: -155px;
}
*/

.txtF2 {
    color: #0071bc;
    font-size: 14px;
    font-weight: bold;
}

.txtF3 {
    color: #000;
    font-size: 14px;
}

ul.sub-menu {
    left: 0;
    display: none;
    overflow: hidden;
    position: absolute;
    top: 20px;
    z-index: 99999999;
    min-width: 1090px;
    padding: 5px 0;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    margin: auto;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown ul.sub-menu li .active {
    color: #FDB45E;
    padding-left: 0;
}

.navbar-nav li ul.sub-menu li {
    padding: 0px 0px 0;
}

#mega-menu-container {
    overflow-y: auto;
    height: 450px;
    padding-left: 0;
    left: 0;
}

.sousMenuMega {}

.content_guide {
    overflow: hidden;
}

.navbar-nav li ul.sub-menu li:last-child {
    padding-bottom: 20px;
    margin-top: -25px;
    padding: 10px;
}

.navbar-nav li ul.sub-menu li a {
    color: #000;
}

.navbar-nav li ul.sub-menu li a:hover {
    /* color: #FDB45E;*/
}

.fa-angle-down {
    /* padding-left: 5px;  */
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*************************
*******Footer CSS******
**************************/

#footer {
    background: #fff;
    border-top: 2px solid #9ecd60;
}

.footer-top .container {
    border-bottom: 1px solid #E0E0DA;
    padding-bottom: 20px;
}

.companyinfo {
    margin-top: 57px;
}

.companyinfo h2 {
    color: #B4B1AB;
    font-family: abel;
    font-size: 27px;
    text-transform: uppercase;
}

.companyinfo h2 span {
    color: #FE980F;
}

.companyinfo p {
    color: #B3B3AD;
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.footer-top .col-sm-3 {
    overflow: hidden;
}

.video-gallery {
    margin-top: 57px;
    position: inherit;
}

.video-gallery a img {
    height: 100%;
    width: 100%;
}

.iframe-img {
    position: relative;
    display: block;
    height: 61px;
    margin-bottom: 10px;
    border: 2px solid #CCCCC6;
    border-radius: 3px;
}

.overlay-icon {
    position: absolute;
    top: 0;
    width: 100%;
    height: 61px;
    background: #FE980F;
    border-radius: 3px;
    color: #FFF;
    font-size: 20px;
    line-height: 0;
    display: block;
    opacity: 0;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.overlay-icon i {
    position: relative;
    top: 50%;
    margin-top: -20px;
}

.video-gallery a:hover .overlay-icon {
    opacity: 1;
}

.video-gallery p {
    color: #8C8C88;
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
}

.video-gallery h2 {
    color: #8c8c88;
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0px;
}

.address {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.address img {
    width: 100%;
}

.address p {
    color: #666663;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 300;
    left: 25px;
    position: absolute;
    top: 50px;
}

.footer-widget {
    background-color: #f8f8f8;
}

.footer-widget .container {
    padding-top: 15px;
}

.single-widget h2 {
    color: #0071bc;
    font-family: 'Titillium Web', sans-serif;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 10px;
}

.imgMilion {
    float: left;
    margin-right: 5px;
}

.iconModes {
    float: left;
    margin-right: 10px;
}

.txtModes {
    overflow: hidden;
    border-bottom: 2px solid #9ecd60;
    display: inline-block;
    padding-top: 5px;
    font-weight: bold;
    font-size: 18px;
}

.txt1milion {
    font-size: 22px;
    font-weight: bold;
}

.single-widget h2 i {
    margin-right: 15px;
}

.single-widget ul li a {
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    padding: 5px 0;
}

.txtAchat {
    font-size: 16.7px;
}

.single-widget ul li a i {
    margin-right: 18px;
}

.single-widget ul li a:hover {
    background: none;
    color: #9ecd60;
}

.searchform input {
    border: 1px solid #DDDDDD;
    color: #CCCCC6;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    margin-top: 0;
    outline: medium none;
    padding: 7px;
    width: 212px;
}

.searchform button {
    background: #FE980F;
    border: medium none;
    border-radius: 0;
    margin-left: -5px;
    margin-top: -3px;
    padding: 7px 17px;
}

.searchform button i {
    color: #FFFFFF;
    font-size: 20px;
}

.searchform button:hover,
.searchform button:focus {
    background-color: #FE980F;
}

.searchform p {
    color: #8C8C88;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-top: 25px;
}

.footer-bottom {
    /*background-image: url(../icon/bgFooter.png);*/
    background-color: #e8e8e8;
    padding-top: 10px;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.footer-bottom p {
    color: #6d6d6d;
    font-family: 'Titillium Web', sans-serif;
    margin-left: 15px;
}

.footer-bottom p span a {
    color: #FE980F;
    font-style: italic;
    text-decoration: underline;
}

.rsFooter {
    padding-top: 12px;
}

.copyRFooter {
    padding-top: 20px;
    float: right;
}


/*************************
******* Home ******
**************************/

#slider {
    padding-bottom: 45px;
}

.carousel-indicators li {
    background: #C4C4BE;
}

.carousel-indicators li.active {
    background: #FE980F;
}

.item {
    padding-left: 100px;
}

.contentPdts {
    /*margin-top: -20px;*/
}

.notePdt {
    font-size: 14px;
    color: #4e4951;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.color-blue {
    color: #555555;
    font-size: 14px;
}

.txtDesc>img {
    height: auto;
    max-width: 100%
}

.color-blueFourn {
    color: #555555;
    font-size: 21px;
}

.rightAnnonceur {}

.product-paragraph {
    font-size: 16px;
    color: #333333;
    margin-bottom: 15px;
}

.pricing {
    position: absolute;
    right: 40%;
    top: 52%;
}

.girl {
    margin-left: 0;
}

.item h1 {
    color: #B4B1AB;
    font-family: abel;
    font-size: 48px;
    margin-top: 115px;
}

.item h1 span {
    color: #FE980F;
}

.item h2 {
    color: #363432;
    font-family: 'Titillium Web', sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 22px;
    margin-top: 10px;
}

.item p {
    color: #363432;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Titillium Web', sans-serif;
}

.get {
    background: #FE980F;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 23px;
}

.item button:hover {
    background: #FE980F;
}

.control-carousel {
    position: absolute;
    top: 50%;
    font-size: 60px;
    color: #C2C2C1;
}

.control-carousel:hover {
    color: #FE980F;
}

.right {
    right: 0;
}

.category-products {
    border: 1px solid #F7F7F0;
    margin-bottom: 35px;
    padding-bottom: 20px;
    padding-top: 15px;
}

.left-sidebar h2,
.brands_products h2 {
    color: #FE980F;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 30px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.left-sidebar h2:after,
h2.title:after {
    content: " ";
    position: absolute;
    border: 1px solid #006cb5;
    bottom: -14px;
    left: 0;
    width: 30%;
    height: 0;
    z-index: -2;
}

.divBorder {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.addthis_button {
    color: #555;
}

.plg>li {
    color: #cfcfcf;
}

.plg>li span {
    color: #000;
}

#plg {
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: -15px;
}

.trophyFloat {
    float: left;
    margin-right: 5px;
}

.big-gray {
    display: block;
}

#desktopLead {
    display: block;
}

#MobileLead {
    display: none;
}

.trophyOver {
    overflow: hidden;
}

.txtgag {
    font-size: 14px;
    color: #000;
}

.txtQuote {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.txtQus {
    font-size: 14px;
    color: #000;
}

.contentRight {
    background-color: #f2f2f2;
    padding: 6px;
    margin-top: -10px;
}

.contentRightAnnonceur {
    background-color: #f2f2f2;
    padding: 6px;
    margin-top: 37px;
}

.txtqus {
    font-size: 12px;
    color: #000;
}

.trophyColor {
    color: #006cb5;
    font-size: 32px;
    margin-top: 4px;
}

.trophy {
    margin-bottom: 10px;
    margin-top: 23px;
}

.txtDesc img {
    max-width: 910px;
}

#complementClick {
    cursor: pointer;
}

.left-sidebar h2:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 130px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -65px;
}

h2.title:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 220px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -110px;
}

.category-products .panel {
    background-color: #FFFFFF;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0px;
}

.category-products .panel-default .panel-heading {
    background-color: #FFFFFF;
    border: 0 none;
    color: #FFFFFF;
    padding: 5px 20px;
}

.category-products .panel-default .panel-heading .panel-title a {
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 0 none;
}

.category-products .badge {
    background: none;
    border-radius: 10px;
    color: #696763;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.panel-body ul {
    padding-left: 20px;
}

.panel-body ul li a {
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.brands-name {
    border: 1px solid #F7F7F0;
    padding-bottom: 20px;
    padding-top: 15px;
}

.brands-name .nav-stacked li a {
    background-color: #FFFFFF;
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    padding: 5px 25px;
    text-decoration: none;
    text-transform: uppercase;
}

.brands-name .nav-stacked li a:hover {
    background-color: #fff;
    color: #696763;
}

.shipping {
    background-color: #F2F2F2;
    margin-top: 40px;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
}

.price-range {
    margin-top: 30px;
}

.well {
    background-color: #FFFFFF;
    border: 1px solid #F7F7F0;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 35px;
}

.tooltip-inner {
    background-color: #FE980F;
    border-radius: 4px;
    color: #FFFFFF;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #4e4951;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}

.padding-right {
    padding-right: 0;
    margin-bottom: 20px;
}

.keyword_search_label {
    display: none;
}

.features_items {
    overflow: hidden;
    margin-top: 40px;
}

h2.title,
h2.title2,
h2.title3 {
    color: #4e4951;
    font-size: 36px;
    margin-bottom: 20px;
    position: relative;
    font-weight: normal;
}

.left-sidebar h2:after,
h2.title2:after {
    content: " ";
    position: absolute;
    border: 1px solid #006cb5;
    bottom: -14px;
    left: 0;
    width: 23%;
    height: 0;
    z-index: -2;
}

.left-sidebar h2:after,
h2.title3:after {
    content: " ";
    position: absolute;
    border: 1px solid #006cb5;
    bottom: -14px;
    left: 0;
    width: 16%;
    height: 0;
    z-index: -2;
}

.separtTitle {
    border-bottom: 2px solid #0071bc;
}

.product-image-wrapper {
    border: 1px solid #F7F7F5;
    overflow: hidden;
}

.single-products {
    position: relative;
}

.new,
.sale {
    position: absolute;
    top: 0;
    right: 0;
}

.productinfo h2 {
    color: #FE980F;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.product-overlay h2 {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.productinfo p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #696763;
}

.product-list-picture {
    width: 110px;
    height: 100px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.productinfo {
    position: relative;
    width: 190px;
    /* height: 280px; */
}

.HomeImg {
    border: 1px solid #ccc;
    width: 190px;
    height: 190px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.helper img {
    vertical-align: middle;
    max-height: 190px;
    max-width: 190px;
}

.product-overlay {
    background: #FE980F;
    top: 0;
    display: none;
    height: 0;
    position: absolute;
    transition: height 500ms ease 0s;
    width: 100%;
    display: block;
    opacity: ;
}

.single-products:hover .product-overlay {
    display: block;
    height: 100%;
}

.product-overlay .overlay-content {
    bottom: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.product-overlay .add-to-cart {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    color: #FE980F;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    margin-bottom: 25px;
}

.product-overlay .add-to-cart:hover {
    background: #fff;
    color: #FE980F;
}

.product-overlay p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.add-to-cart {
    background: #F5F5ED;
    border: 0 none;
    border-radius: 0;
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    margin-bottom: 25px;
}

.add-to-cart:hover {
    background: #FE980F;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
}

.add-to {
    margin-bottom: 10px;
}

.add-to-cart i {
    margin-right: 5px;
}

.add-to-cart:hover {
    background: #FE980F;
    color: #FFFFFF;
}

.choose {
    border-top: 1px solid #F7F7F0;
}

.choose ul li a {
    color: #B3AFA8;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
}

.choose ul li a i {
    margin-right: 5px;
}

.choose ul li a:hover {
    background: none;
    color: #FE980F;
}

.category-tab {
    overflow: hidden;
}

.category-tab ul {
    background: #40403E;
    border-bottom: 1px solid #FE980F;
    list-style: none outside none;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}

.category-tab ul li a {
    border: 0 none;
    border-radius: 0;
    color: #B3AFA8;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.category-tab ul li a:hover {
    background: #FE980F;
    color: #fff;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FE980F;
    border: 0px;
    color: #FFFFFF;
    cursor: default;
    margin-right: 0;
    margin-left: 0;
}

.nav-tabs li a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: 0;
}

.recommended_items {
    overflow: hidden;
}

#recommended-item-carousel .carousel-inner .item {
    padding-left: 0;
}

.recommended-item-control {
    position: absolute;
    top: 25%;
}

.recommended-item-control i {
    background: none repeat scroll 0 0 #fff;
    color: #cbcbcb;
    font-size: 45px;
    padding: 4px 10px;
}

.recommended-item-control i:hover {
    background: #fff;
}

.recommended_items h2 {}

.our_partners {
    overflow: hidden;
}

.our_partners ul {
    background: #F7F7F0;
    margin-bottom: 50px;
}

.our_partners ul li a:hover {
    background: none;
}


/*************************
*******Shop CSS******
**************************/

#advertisement {
    padding-bottom: 45px;
}

#advertisement img {
    width: 100%;
}

.pagination {
    display: inline-block;
    margin-top: 0;
}

.pagination li:first-child a,
.pagination li:first-child span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}

.pagination li:last-child a,
.pagination li:last-child span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
    background-color: #fff;
    border-color: #FE980F;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}

.pagination li a,
.pagination li span {
    background-color: #f0f0e9;
    border: 0;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    margin-right: 5px;
    color: #000;
}

.pagination li a:hover {
    background: #FE980F;
    color: #fff;
}


/*************************
*******Product Details CSS******
**************************/

.product-details {
    overflow: hidden;
}

#similar-product {
    margin-top: 40px;
}

#reviews {
    padding-left: 25px;
    padding-right: 25px;
}

.product-details {
    margin-bottom: 40px;
    overflow: hidden;
    margin-top: 10px;
}

.view-product {
    position: relative;
}

.view-product img {
    border: 1px solid #F7F7F0;
    height: 380px;
    width: 100%;
}

.view-product h3 {
    background: #FE980F;
    bottom: 0;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 8px 20px;
    position: absolute;
    right: 0;
}

#similar-product .carousel-inner .item {
    padding-left: 0px;
}

#similar-product .carousel-inner .item img {
    display: inline-block;
    margin-left: 15px;
}

.item-control {
    position: absolute;
    top: 35%;
}

.item-control i {
    background: #FE980F;
    color: #FFFFFF;
    font-size: 20px;
    padding: 5px 10px;
}

.item-control i:hover {
    background: #ccccc6;
}

.product-information {
    border: 1px solid #F7F7F0;
    overflow: hidden;
    padding-bottom: 60px;
    padding-left: 60px;
    padding-top: 60px;
    position: relative;
}

.newarrival {
    position: absolute;
    top: 0;
    left: 0
}

.product-information h2 {
    color: #363432;
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    margin-top: 0;
}

.product-information p {
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 5px;
}

.product-information span {
    display: inline-block;
    margin-bottom: 8px;
    margin-top: 18px;
}

.product-information span span {
    color: #FE980F;
    float: left;
    font-family: 'Titillium Web', sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-right: 20px;
    margin-top: 0px;
}

.product-information span input {
    border: 1px solid #DEDEDC;
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    font-weight: 700;
    height: 33px;
    outline: medium none;
    text-align: center;
    width: 50px;
}

.product-information span label {
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    margin-right: 5px;
}

.share {
    margin-top: 15px;
}

.cart {
    background: #FE980F;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.shop-details-tab {
    border: 1px solid #F7F7F0;
    margin-bottom: 75px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 10px;
}

.shop-details-tab .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

#reviews ul {
    background: #FFFFFF;
    border: 0 none;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0;
}

#reviews ul li {
    display: inline-block;
}

#reviews ul li a {
    color: #696763;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    padding-right: 15px;
}

#reviews ul li a i {
    color: #FE980F;
    padding-right: 8px;
}

#reviews ul li a:hover {
    background: #fff;
    color: #FE980F;
}

#reviews p {
    color: #363432;
}

#reviews form span {
    display: block;
}

#reviews form span input {
    background: #F0F0E9;
    border: 0 none;
    color: #A6A6A1;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    outline: medium none;
    padding: 8px;
    width: 48%;
}

#reviews form span input:last-child {
    margin-left: 3%;
}

#reviews textarea {
    background: #F0F0E9;
    border: medium none;
    color: #A6A6A1;
    height: 195px;
    margin-bottom: 25px;
    margin-top: 15px;
    outline: medium none;
    padding-left: 10px;
    padding-top: 15px;
    resize: none;
    width: 99.5%;
}

#reviews button {
    background: #FE980F;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}


/*************************
*******404 CSS******
**************************/

.logo-404 {
    margin-top: 60px;
}

.content-404 h1 {
    color: #363432;
    font-family: 'Titillium Web', sans-serif;
    font-size: 41px;
    font-weight: 300;
}

.content-404 img {
    margin: 0 auto;
}

.content-404 p {
    color: #363432;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
}

.content-404 h2 {
    margin-top: 50px;
}

.content-404 h2 a {
    background: #FE980F;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 44px;
    font-weight: 300;
    padding: 8px 40px;
}


/*************************
*******login page CSS******
**************************/

#form {
    display: block;
    margin-bottom: 185px;
    margin-top: 185px;
    overflow: hidden;
}

.login-form {}

.signup-form {}

.login-form h2,
.signup-form h2 {
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

.login-form form input,
.signup-form form input {
    background: #F0F0E9;
    border: medium none;
    color: #696763;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    outline: medium none;
    padding-left: 10px;
    width: 100%;
}

.login-form form span {
    line-height: 25px;
}

.login-form form span input {
    width: 15px;
    float: left;
    height: 15px;
    margin-right: 5px;
}

.login-form form button {
    margin-top: 23px;
}

.login-form form button,
.signup-form form button {
    background: #FE980F;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    padding: 6px 25px;
}

.login-form label {}

.login-form label input {
    border: medium none;
    display: inline-block;
    height: 0;
    margin-bottom: 0;
    outline: medium none;
    padding-left: 0;
}

.or {
    background: #FE980F;
    border-radius: 40px;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-top: 75px;
    text-align: center;
    width: 50px;
}


/*************************
*******Cart CSS******
**************************/

#do_action {
    margin-bottom: 50px;
}

.breadcrumbs {
    position: relative;
}

.breadcrumbs .breadcrumb {
    background: transparent;
    margin-bottom: 75px;
    padding-left: 0;
}

.breadcrumbs .breadcrumb li a {
    background: #FE980F;
    color: #FFFFFF;
    padding: 3px 7px;
}

.breadcrumbs .breadcrumb li a:after {
    content: "";
    height: auto;
    width: auto;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #FE980F;
    position: absolute;
    top: 11px;
    left: 48px;
}

.breadcrumbs .breadcrumb>li+li:before {
    content: " ";
}

#cart_items .cart_info {
    border: 1px solid #E6E4DF;
    margin-bottom: 50px
}

#cart_items .cart_info .cart_menu {
    background: #FE980F;
    color: #fff;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
}

#cart_items .cart_info .table.table-condensed thead tr {
    height: 51px;
}

#cart_items .cart_info .table.table-condensed tr {
    border-bottom: 1px solid#F7F7F0
}

#cart_items .cart_info .table.table-condensed tr:last-child {
    border-bottom: 0
}

.cart_info table tr td {
    border-top: 0 none;
    vertical-align: inherit;
}

#cart_items .cart_info .image {
    padding-left: 30px;
}

#cart_items .cart_info .cart_description h4 {
    margin-bottom: 0
}

#cart_items .cart_info .cart_description h4 a {
    color: #363432;
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    font-weight: normal;
}

#cart_items .cart_info .cart_description p {
    color: #696763
}

#cart_items .cart_info .cart_price p {
    color: #696763;
    font-size: 18px
}

#cart_items .cart_info .cart_total_price {
    color: #FE980F;
    font-size: 24px;
}

.cart_product {
    display: block;
    margin: 15px -70px 10px 25px;
}

.cart_quantity_button a {
    background: #F0F0E9;
    color: #696763;
    display: inline-block;
    font-size: 16px;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 35px;
    float: left;
}

.cart_quantity_input {
    color: #696763;
    float: left;
    font-size: 16px;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
}

.cart_delete {
    display: block;
    margin-right: -12px;
    overflow: hidden;
}

.cart_delete a {
    background: #F0F0E9;
    color: #FFFFFF;
    padding: 5px 7px;
    font-size: 16px
}

.cart_delete a:hover {
    background: #FE980F
}

.bg h2.title {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
}

.heading h3 {
    color: #363432;
    font-size: 20px;
    font-family: 'Titillium Web', sans-serif;
}

.heading p {
    color: #434343;
    font-size: 16px;
    font-weight: 300;
}

#do_action .total_area {
    padding-bottom: 18px !important;
}

#do_action .total_area,
#do_action .chose_area {
    border: 1px solid #E6E4DF;
    color: #696763;
    padding: 30px 25px 30px 0;
    margin-bottom: 80px;
}

.total_area span {
    float: right;
}

.total_area ul li {
    background: #E6E4DF;
    color: #696763;
    margin-top: 10px;
    padding: 7px 20px;
}

.user_option label {
    color: #696763;
    font-weight: normal;
    margin-left: 10px;
}

.user_info {
    display: block;
    margin-bottom: 15px;
    margin-top: 20px;
    overflow: hidden;
}

.user_info label {
    color: #696763;
    display: block;
    font-size: 15px;
    font-weight: normal;
}

.user_info .single_field {
    width: 31%
}

.user_info .single_field.zip-field input {
    background: transparent;
    border: 1px solid#F0F0E9
}

.user_info>li {
    float: left;
    margin-right: 10px
}

.user_info>li>span {}

.user_info input,
textarea {
    background: #F0F0E9;
    border: 0;
    color: #696763;
    padding: 5px;
    width: 98%;
    border-radius: 5px;
    resize: none;
    border: 1px solid #ccc;
}

.user_info select:focus {
    border: 0
}

.countPdts {
    margin-right: 10px;
    padding: 4px;
    font-size: 20px;
    font-weight: bold;
}

.trieSelect {
    border: 1px solid #ccc;
}

.facet>li>a {}

.chose_area .update {
    margin-left: 40px;
}

.update,
.check_out {
    background: #FE980F;
    border-radius: 0;
    color: #FFFFFF;
    margin-top: 18px;
    border: none;
    padding: 5px 15px;
}

.update {
    margin-left: 40px;
}

.check_out {
    margin-left: 20px
}


/*************************
*******checkout CSS******
**************************/

.step-one {
    margin-bottom: -10px
}

.register-req,
.step-one .heading {
    background: none repeat scroll 0 0 #F0F0E9;
    color: #363432;
    font-size: 20px;
    margin-bottom: 35px;
    padding: 10px 25px;
    font-family: 'Titillium Web', sans-serif;
}

.checkout-options {
    padding-left: 20px
}

.checkout-options h3 {
    color: #363432;
    font-size: 20px;
    margin-bottom: 0;
    font-weight: normal;
    font-family: 'Titillium Web', sans-serif;
}

.checkout-options p {
    color: #434343;
    font-weight: 300;
    margin-bottom: 25px;
}

.checkout-options .nav li {
    float: left;
    margin-right: 45px;
    color: #696763;
    font-size: 18px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
}

.checkout-options .nav label {
    font-weight: normal;
}

.checkout-options .nav li a {
    color: #FE980F;
    font-size: 18px;
    font-weight: normal;
    padding: 0
}

.checkout-options .nav li a:hover {
    background: inherit;
}

.checkout-options .nav i {
    margin-right: 10px;
    border-radius: 50%;
    padding: 5px;
    background: #FE980F;
    color: #fff;
    font-size: 14px;
    padding: 2px 3px;
}

.title-devix-express {
    margin-bottom: 15px;
}

.top-35 {
    margin-top: 35px;
}

.register-req {
    font-size: 14px;
    font-weight: 300;
    padding: 15px 20px;
    margin-top: 35px;
}

.register-req p {
    margin-bottom: 0
}

.shopper-info p,
.bill-to p,
.order-message p {
    color: #696763;
    font-size: 20px;
    font-weight: 300
}

.shopper-info .btn-primary {
    background: #FE980F;
    border: 0 none;
    border-radius: 0;
    margin-right: 15px;
    margin-top: 20px;
}

.form-two,
.form-one {
    float: left;
    width: 47%
}

.shopper-info>form>input,
.form-two>form>select,
.form-two>form>input,
.form-one>form>input {
    background: #F0F0E9;
    border: 0 none;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    font-weight: 300
}

.form-two>form>select {
    padding: 10px 5px
}

.form-two {
    margin-left: 5%
}

.order-message textarea {
    font-size: 12px;
    height: 335px;
    margin-bottom: 20px;
    padding: 15px 20px;
}

.order-message label {
    font-weight: 300;
    color: #696763;
    font-family: 'Titillium Web', sans-serif;
    margin-left: 10px;
    font-size: 14px
}

.review-payment h2 {
    color: #696763;
    font-size: 20px;
    font-weight: 300;
    margin-top: 45px;
    margin-bottom: 20px
}

.payment-options {
    margin-bottom: 125px;
    margin-top: -25px
}

.payment-options span label {
    color: #696763;
    font-size: 14px;
    font-weight: 300;
    margin-right: 30px;
}

#cart_items .cart_info .table.table-condensed.total-result {
    margin-bottom: 10px;
    margin-top: 35px;
    color: #696763
}

#cart_items .cart_info .table.table-condensed.total-result tr {
    border-bottom: 0
}

#cart_items .cart_info .table.table-condensed.total-result span {
    color: #FE980F;
    font-weight: 700;
    font-size: 16px
}

#cart_items .cart_info .table.table-condensed.total-result .shipping-cost {
    border-bottom: 1px solid #F7F7F0;
}


/*************************
*******Blog CSS******
**************************/

.blog-post-area .single-blog-post h3 {
    color: #696763;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px;
}

.single-blog-post>a {}

.blog-post-area .single-blog-post a img {
    border: 1px solid #F7F7F0;
    width: 100%;
    margin-bottom: 30px
}

.blog-post-area .single-blog-post p {
    color: #363432
}

.blog-post-area .post-meta {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
}

.blog-post-area .post-meta ul {
    padding: 0;
    display: inline;
}

.blog-post-area .post-meta ul li {
    background: #F0F0E9;
    float: left;
    margin-right: 10px;
    padding: 0 5px;
    font-size: 11px;
    color: #393b3b;
    position: relative;
}

.blog-post-area .post-meta ul li i {
    background: #FE980F;
    color: #FFFFFF;
    margin-left: -4px;
    margin-right: 7px;
    padding: 4px 7px;
}

.sinlge-post-meta li i:after,
.blog-post-area .post-meta ul li i:after {
    content: "";
    position: absolute;
    width: auto;
    height: auto;
    border-color: transparent transparent transparent #FE980F;
    border-width: 4px;
    border-style: solid;
    top: 6px;
    left: 24px
}

.blog-post-area .post-meta ul span {
    float: right;
    color: #FE980F
}

.post-meta span {
    float: right;
}

.post-meta span i {
    color: #FE980F
}

.blog-post-area .single-blog-post .btn-primary {
    background: #FE980F;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    margin-top: 17px;
}

.pagination-area {
    margin-bottom: 45px;
    margin-top: 45px
}

.pagination-area .pagination li a {
    background: #F0F0E9;
    border: 0 none;
    border-radius: 0;
    color: #696763;
    margin-right: 5px;
    padding: 4px 12px;
}

.pagination-area .pagination li a:hover,
.pagination-area .pagination li .active {
    background: #FE980F;
    color: #fff
}


/*************************
*******Blog Single CSS******
**************************/

.pager-area {
    overflow: hidden;
}

.pager-area .pager li a {
    background: #F0F0E9;
    border: 0 none;
    border-radius: 0;
    color: #696763;
    font-size: 12px;
    font-weight: 700;
    padding: 4px;
    text-transform: uppercase;
    width: 57px;
}

.pager-area .pager li a:hover {
    background: #FE980F;
    color: #fff
}

.rating-area {
    border: 1px solid #F7F7F0;
    direction: block;
    overflow: hidden;
}

.rating-area ul li {
    float: left;
    padding: 5px;
    font-size: 12px
}

.rating-area .ratings {
    float: left;
    padding-left: 0;
    margin-bottom: 0
}

.rating-area .ratings li i {
    color: #CCCCCC
}

.rating-area .rate-this {
    color: #363432;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.rating-area .ratings .color,
.rating-area .color {
    color: #FE980F
}

.rating-area .tag {
    float: right;
    margin-bottom: 0;
    margin-right: 10px;
}

.rating-area .tag li {
    padding: 5px 2px;
}

.rating-area .tag li span {
    color: #363432;
}

.socials-share {
    margin-bottom: 30px;
    margin-top: 18px;
}

.commnets .media-object {
    margin-right: 15px;
    width: 100%;
}

.commnets {
    border: 1px solid #F7F7F0;
    padding: 18px 18px 18px 0;
    margin-bottom: 50px
}

.commnets .pull-left {
    margin-right: 22px
}

.commnets p,
.response-area p,
.replay-box p {
    font-size: 12px
}

.media-heading {
    color: #363432;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 15px
}

.blog-socials {
    margin-bottom: -9px;
    margin-top: 14px;
}

.blog-socials ul {
    padding-left: 0;
    overflow: hidden;
    float: left;
}

.blog-socials .btn.btn-primary {
    margin-top: 0;
}

.blog-socials ul li {
    float: left;
    height: 17px;
    margin-right: 5px;
    text-align: center;
    width: 17px;
}

.blog-socials ul li a {
    color: #393B3B;
    display: block;
    font-size: 10px;
    padding: 1px;
    background: #F0F0E9;
}

.blog-socials ul li a:hover {
    color: #fff;
    background: #FE980F
}

.media-list .btn-primary,
.commnets .btn-primary {
    background: #FC9A11;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    padding: 1px 7px;
    text-transform: uppercase;
}

.response-area h2 {
    color: #363432;
    font-size: 20px;
    font-weight: 700;
}

.response-area .media {
    border: 1px solid #F7F7F0;
    padding: 18px 18px 18px 0;
    margin-bottom: 27px
}

.response-area .media img {
    height: 102px;
    width: 100%;
}

.response-area .media .pull-left {
    margin-right: 25px
}

.response-area .second-media {
    margin-left: 5%;
    width: 95%;
}

.sinlge-post-meta {
    overflow: hidden;
    padding-left: 0;
    margin-bottom: 15px
}

.sinlge-post-meta li {
    background: #F0F0E9;
    color: #363432;
    float: left;
    font-size: 10px;
    font-weight: 700;
    margin-right: 10px;
    padding: 0 10px 0 0;
    position: relative;
    text-transform: uppercase;
}

.sinlge-post-meta li i {
    background: #FE980F;
    color: #FFFFFF;
    margin-right: 10px;
    padding: 8px 10px;
}

.sinlge-post-meta li i:after {
    top: 7px;
    border-width: 6px;
    left: 27px;
}

.replay-box {
    margin-bottom: 107px;
    margin-top: 55px;
}

.replay-box h2 {
    font-weight: 700;
    font-size: 20px;
    color: #363432;
    margin-top: 0;
    margin-bottom: 45px
}

.replay-box label {
    background: #FE980F;
    color: #FFFFFF;
    margin-bottom: 15px;
    padding: 3px 15px;
    float: left;
    font-weight: 400;
}

.replay-box span {
    color: #FE980F;
    float: right;
    font-weight: 700;
    margin-top: 21px;
}

.replay-box form input {
    border: 1px solid #F7F7F0;
    color: #ADB2B2;
    font-size: 12px;
    margin-bottom: 22px;
    padding: 8px;
    width: 100%;
}

.replay-box form input:hover,
.text-area textarea:hover {
    border: 1px solid #FE980F;
}

.text-area {
    margin-top: 66px
}

.text-area textarea {
    background: transparent;
    border: 1px solid#F7F7F0
}

.btn.btn-primary {
    background: #FE980F;
    border: 0 none;
    border-radius: 0;
    margin-top: 16px;
}

.blank-arrow {
    position: relative;
}

.blank-arrow label:after {
    content: "";
    position: absolute;
    width: auto;
    height: auto;
    border-style: solid;
    border-width: 8px;
    border-color: #FE980F transparent transparent transparent;
    top: 25px;
    left: 5px
}


/*************************
******* Contact CSS ********
**************************/

.contact-map {
    width: 100%;
    height: 385px;
    margin-bottom: 70px
}

.contact-info .heading,
.contact-form .heading {
    text-transform: capitalize;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

#contact-page .form-control::-moz-placeholder {
    color: #8D8D8D;
}

#contact-page .form-control {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #696763;
    height: 46px;
    padding: 6px 12px;
    width: 100%;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: inherit;
}

#contact-page #message {
    height: 160px;
    resize: none;
}

#main-contact-form .btn-primary {
    margin-bottom: 15px;
    margin-top: 20px;
}

#contact-page .form-control:focus,
#contact-page .form-control:hover {
    box-shadow: inherit;
    border-color: #FDB45E;
}

#contact-page .contact-info {
    padding: 0 20px;
}

#contact-page .contact-info address {
    margin-bottom: 40px;
    margin-top: -5px;
}

#contact-page .contact-info p {
    margin-bottom: 0;
    color: #696763;
    font-size: 16px;
    line-height: 25px;
}

.social-networks {
    overflow: hidden;
    text-align: center;
}

.social-networks ul {
    margin-top: -5px;
    padding: 0;
    display: inline-block;
}

.social-networks ul li {
    float: left;
    text-decoration: none;
    list-style: none;
    margin-right: 20px;
}

.social-networks ul li:last-child {
    margin-right: 0;
}

.social-networks ul li a {
    color: #999;
    font-size: 25px;
}

.contact-info .social-networks ul li a i {
    background: none;
}

.contact-info .social-networks ul li a:hover {
    color: #FE980F;
}

.nav-pills li span {
    margin-right: 7px;
}

.nav-pills .cat {
    padding-top: 5px;
}

.styleCart {
    background-image: url(../icon/bgPanier.png);
    width: 133px;
    height: 34px;
    font-size: 16px;
    color: #fff;
    padding: 0px;
}

.iconShopCart {
    color: #fff;
    margin-right: -5px;
}

.styleCompte {
    background-image: url(../icon/bgCompte.png);
    width: 133px;
    height: 34px;
    font-size: 16px;
    color: #fff;
    padding: 3px;
}

.txtPanier {
    margin: 20px 5px 20px 20px;
    color: #fff;
}

.styleCompte {
    padding: 4px;
}

.mb-20 {
    margin-bottom: 20px;
}

.indentif {
    text-align: center;
    margin-top: 15px;
}

.txtCompte {
    margin: 10px;
    color: #fff;
}

.compteTablette,
.PanierTablette {
    color: #fff;
}

.userPhone {
    display: flex;
    justify-content: space-around;
}

.shop-menu {
    float: right;
    width: 100%;
    margin-bottom: 0px;
    margin-right: 10px;
}

.deskTopTelStyle {
    color: #0071bc;
    font-size: 28px;
    font-weight: bold;
}

.TelCommercial {
    overflow: hidden;
    margin-top: 25px;
}

.telStyle {
    color: #0071bc;
    font-size: 30px;
    font-weight: bold;
}

.userImg {
    float: left;
}

.nbrOfCarts {
    font-size: 12px;
    background-color: #fd8b05;
    padding: 3px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 25px;
    position: absolute;
    height: 25px;
    color: #fff;
    text-align: center;
}

.codeVisite {
    float: right;
    font-size: 15px;
    margin-right: 3px;
}

.rightNumApp {
    overflow: hidden;
    padding-top: 25px;
    margin-left: 30px;
}

#resultSearch {
    display: none;
    z-index: 99999;
    position: absolute;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 51px;
    text-align: left;
}

.txtSearch {
    color: #000;
}

.ulLsearch>li {
    list-style-type: disc;
    color: #8cc63f;
}

.countCat {
    float: right;
    margin-right: 15px;
}

.imgPdtSearche {
    float: left;
    margin-right: -5px;
}

.ulLsearchPdt {
    padding-left: 15px;
}

.imgPdtSearche img {
    max-width: 62px;
    max-height: 62px;
}

.ulLsearchPdt li {
    list-style: none;
    margin-bottom: 5px;
    overflow: hidden;
}

.namePdtSearch {
    overflow: hidden;
    padding: 20px;
}

.ulLsearch>li {
    list-style-type: disc;
    color: #8cc63f;
    margin-bottom: 5px;
}

.titleFam {
    background-color: #8cc63f;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
}

.imgLogo {
    width: 305px;
    padding: 0px;
}

.espaceThem {
    margin-top: -10px;
    margin-bottom: -7px;
}

.espaceThem a {
    font-size: 10pt;
}

.imgBottom-new {
    float: left;
    margin-right: 5px;
}

.bottom-txt2-ann {
    overflow: hidden;
    width: 225px;
}

.bottom-txt1 {
    margin-top: 5px;
    color: #0071bc;
    font-size: 18px;
    font-weight: bold;
}

.leftStyle {
    margin-left: -17px;
}

.txtBottom {
    padding: 8px;
    width: 280px;
}

.bottom-txt2 {
    margin-top: 20px;
}

.imgBottom {
    float: left;
}

.txtBottom-span {
    color: #0071bc;
    font-size: 22px;
    font-weight: bold;
}

.txtBottom-span2 {
    color: #0071bc;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.txtBottom-new {
    padding: 5px;
}

.circleImg {
    border: 2px solid #9ecd60;
    margin-bottom: 6px;
    border-radius: 50%;
    width: 170px;
    padding: 10px;
}

.logoFooter {
    float: left;
}

.facFooter,
.inFooter {
    float: left;
}

.telTablette {
    display: none;
}

#menuTablette {
    display: none;
}

.pricePdt {
    color: #006cb5;
    font-weight: bold;
    font-size: 22px;
    display: none;
}

.containerAuther {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1158px !important;
    padding: 10px;
}

#breadcrumb {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
    font-size: 15px;
    /*margin-bottom: 10px;*/
}

#breadcrumb .breadcrumb-grey-text {
    white-space: nowrap;
    padding-top: 0 !important;
}
#breadcrumb .breadcrumb-grey-text a,#breadcrumb>a{
    color: #006bb3;
}
#breadcrumb {
	overflow-x: hidden;
    overflow-y: hidden;
    display: block;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    gap: 6px;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap
}


.clearfix {
    width: 340px;
    height: 340px;
}

.slidImg {}

.product-paragraph {
    font-weight: normal;
}

.breadcrumb-grey-text {}

#breadcrumb>a {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    color: #006cb5;
}

.countPdt {
    font-size: 17px;
    margin-left: 0px;
    margin-bottom: 10px;
}

.titleDataPdt {
    font-size: 20px;
    color: #0171bc;
}

.titleDataPdt:after {
    border-bottom: 1px solid #ccc;
    display: table;
    content: "";
    zoom: 1;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}

.titleF2 {
    margin-bottom: 12px;
}


/*
.grey-block:after{
	border-bottom: 1px solid #ccc;
    display: table;
    content: "";
    zoom: 1;
    width: 100%;
    margin-top: 15px;
	margin-bottom: 10px;	
}
*/

.imgF2 {
    vertical-align: top;
}

.titlePdt {
    font-size: 16px;
}

.titlePdt a {
    color: #0171bc;
    font-size: 21px;
}

.titlePdt span {
    color: #0171bc;
    font-size: 21px;
    font-weight: bold;
}

.centerCode {
    font-size: 16px;
}

.fastdesc i {
    color: #8cc63f;
    font-size: 10px;
}

.cat3-checked-line i {
    color: #8cc63f;
    font-size: 15px;
}

.fastdesc {
    margin-bottom: 10px;
    clear: both;
    font-size: 16px;
    color: #000;
}

.cat3-checked-line {
    font-size: 16px;
    color: #000;
}

.desc {
    margin-bottom: 10px;
    clear: both;
    font-size: 16px;
    color: #000;
}

.cat3-prod-list-infos {
    overflow: hidden;
    padding: 15px;
    padding-top: 5px;
}

.picture {
    float: left;
}

.img-famille {
    max-width: 200px;
    max-height: 200px;
}

.cat3-picture-border {
    border: 1px solid #ccc;
    width: 210px;
    height: 210px;
    margin-right: 10px;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
    margin: 5px 0;
    background-color: #fff;
}

.cat3-picture-border-grid {
    border: 1px solid #ccc;
    height: 220px;
    width: 220px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
    margin: auto;
    background-color: #fff;
}

.cat3-pdf-catalog:after,
.rightTitle:after {
    border-bottom: 1px solid #ccc;
    display: table;
    content: "";
    zoom: 1;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}

.dataProducts {
    padding: 10px;
}

.popup-Fdesc-pdt {
    margin-bottom: -20px;
}

.contentCarts {
    width: 315px;
}


/*
.catF3_title:after  {
    border-bottom: 2px solid #8cc63f;
    display: table;
    content: "";
    zoom: 1;
    width: 40%;
    margin-top: 8px;
	margin-bottom: 10px;
}*/

.confImg {
    width: 55px;
}

.catF3_title {
    border-bottom: 2px solid #8cc63f;
    font-size: 26px;
    color: #0171bc;
    height: 35px;
    float: left;
}

.all_tags {
    float: left;
    margin-right: 10px;
    padding: 5px;
    margin-top: -2px;
    font-size: 16px;
}

#left-img-guide {
    float: left;
}

#right-img-guide {
    overflow: hidden;
}

.shapGuide {
    overflow: hidden;
    margin-bottom: 10px;
}

.grey-block-title2 {
    color: #0071bc;
    position: relative;
    left: 13px;
    font-weight: bold;
}

.global-guide {
    margin-top: 25px;
    clear: both;
}

#legal-info {
    font-size: 16px;
}

.ul-style {
    overflow: hidden;
    line-height: 20px;
    list-style: initial;
    margin-top: 10px;
}

.ul-style>li {
    margin-left: 27px;
}

.secondRight {
    background-color: #eeeeee;
    padding: 10px;
    margin-bottom: 10px;
}

.rightDoc {
    /* z-index: 9999; */
    background-color: #fff;
}

.current-criterias>li {
    list-style: none;
}

.cat3-pdf-catalogNone {
    font-size: 16px;
}

.Siteconfi {
    margin-bottom: 5px;
}

.facetFilter {
    color: #000;
    font-size: 14px;
    margin: 2px;
    float: left;
}

.fistRight {
    margin-bottom: 5px;
    overflow: hidden;
}

.facetTypeInput {
    float: left;
    margin-right: 3px;
}

.valueFacet {
    overflow: hidden;
    margin-top: -1px;
}

.facetBorder>li {
    overflow: hidden;
}

.rightTitle,
.secondeRightTitle {
    font-size: 18px;
    color: #666;
}

h2.titleF {
    color: #4e4951;
    font-size: 26px;
    margin-bottom: 20px;
    position: relative;
    font-weight: normal;
}

.cat3-pdf-catalog {
    font-size: 16px;
}

.iconDownload {
    font-size: 25px;
    float: left;
    margin-right: 7px;
    color: #428bca;
}

.txtDownloadCat {
    color: #666666;
    margin-left: 10px;
    padding: 4px;
}

.footFont {
    color: #0171bc;
    font-size: 16px;
    margin-right: 6px;
}

.buildingIcon {
    float: left;
    margin-right: 2px;
}

.txtAdresse {
    overflow: hidden;
}

.service>li {
    font-size: 16px;
    margin-bottom: 8px;
}


/*
.left-sidebar h2:after, h2.titleF:after{
	content: " ";
	position: absolute;
	border: 1px solid #8cc63f;
	bottom:-14px;
	left: 0;
	width: 75%;
	height: 0;
	z-index: -2;
}*/

h2.titleFS {
    border-bottom: 2px solid #8cc63f;
    color: #0171bc;
    font-size: 26px;
    margin-bottom: 40px;
    position: relative;
    font-weight: normal;
    float: left;
}


/*
.left-sidebar h2:after, h2.titleFS:after{
	content: " ";
	position: absolute;
	border: 1px solid #8cc63f;
	bottom:-14px;
	left: 0;

	height: 0;
	z-index: -2;
}
*/

.size-guide-fam {
    margin-bottom: 20px;
}

.shapF1 {
    border: 1px solid #cccccc;
    margin: 17px;
    margin-bottom: 15px;
    padding: 10px;
    width: 536px;
    height: 282px;
}

.border-top {
    border-top: 3px solid #8cc63f;
    margin-bottom: 10px;
    margin-top: 30px;
    clear: both;
}

.picturesF1 {
    border: 1px solid #ccc;
    height: 190px;
    margin-right: 15px;
    padding: 5px;
    text-align: center;
    width: 191px;
    white-space: nowrap;
    margin: 1em 0;
}

.subtitleF1>a {
    color: #232323;
    display: flex;
    justify-content: space-between;
}

.subtitleF1:hover>a {
    display: flex;
    justify-content: space-between;
}

.smallTitleUl {
    overflow: hidden;
    padding: 10px;
}

.namePict {
    float: left;
}

.fleshAll {
    margin-left: 3px;
}

.txtEspaceTh {
    font-size: 14px;
}

.allDivA {
    float: right;
    margin-right: 15px;
}

.iconPlus {
    color: #0071bc;
}

.leftFami {
    border: 1px solid #cccccc;
    margin-bottom: 5px;
    border-radius: 4px;
}

.leftFamiFilte {
    border: 1px solid #cccccc;
    padding: 0px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.titleDesc {
    font-size: 20px;
    color: #006cb5;
    margin-bottom: 15px;
    font-weight: bold;
}

.allZone {
    margin-bottom: 20px;
    clear: both;
    padding-top: 20px;
}

.product-page-supplier-products {
    clear: both;
    text-align: center;
    padding-top: 15px;
}

.product-page-supplier-products a {}

#contentDesc {
    border: 1px solid #ccc;
    padding: 10px;
    clear: both;
}

.cat3-cat-filtering {
    padding-left: 0;
    padding: 5px;
    list-style: none;
}

.containerTop {
    margin-bottom: 35px;
    /*height: 58px;*/
}

.mobile-right-flesh {
    display: none;
}

.smallTitleUl>h2>a {
    color: #0171bc;
}

#tablePanierMobile {
    display: none;
}

#head_new_mobile {
    display: none;
}

.logoMobile {
    float: left;
}

.bold-txt {
    font-weight: bold;
}

.cartMobileDevis {
    display: none;
}

.txt-gths {
    font-size: 16px;
}

.border-div {
    border: 1px solid #c8c8c8;
    padding: 10px;
}

.txtavis3 {
    font-size: 18px;
}

.bottom-download {
    float: left;
    margin-right: 10px;
}

.btn-warning>a {
    color: #fff;
    font-size: 16px;
}

.ulL>li {
    list-style-type: disc;
    color: #8cc63f;
}

.sec_blog {
    margin-bottom: 3px;
}

.txt-catalogue {
    /*font-size:45px;*/
}

.global_articles {
    border-bottom: 1px solid #8cc63f;
    margin-bottom: 15px;
    overflow: hidden;
}

.btnCatalogue>a {
    color: #fff;
}

.textintroCata {
    margin-bottom: 15px;
}

.catfoot-dsq {
    margin-bottom: 15px;
}

.right_img_cata {
    margin-right: 35px;
}

.cataUl li {
    margin-bottom: 3px !important;
}

.title-edition {
	margin-bottom: 7px;
}

.edition-title {
    color: #0171bc;
    font-size: 25px;
    font-weight: bold;
}

.btnCatalogue {
    background-color: #f67f00;
    display: table;
    padding: 7px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    margin-top: 17px;
}

#result_articles_tags1 {
    font-size: 16px;
}

.sous-title-tags {
    clear: both;
}

.txt-popup-felicitation {
    font-size: 16px;
}

.btnModel2>a {
    color: #fff;
}

.btnModel5>a {
    color: #fff;
}

.catF3_title_catalog {
    font-size: 26px;
    color: #0171bc;
    margin-bottom: 20px;
    border-bottom: 2px solid #8cc63f;
    float: left;
    height: 38px;
}

.first-blog {
    clear: both;
}

.catF3_title_search {
    font-size: 26px;
    color: #0171bc;
    margin-bottom: 20px;
}

.fixePartenaire {
    background-color: #fff;
    z-index: 9999;
}

.addCarts-gtd {
    text-align: center;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
}

#devenir-mobile {
    display: none;
}

.cataUl>li>span {
    color: #000;
}

.txt-commande {
    overflow: hidden;
    padding-top: 28px;
    padding-left: 8px;
    font-size: 16px;
}

#btn-send-catalogue,
#btn-send {
    float: right;
    margin-bottom: 10px;
    margin-right: 40px;
}

.txt-popup-left {
    margin-bottom: 15px;
}

.left-span {
    float: left;
    margin-right: 3px;
}

.cat3-cat-filtering li a {
    color: #474747;
    font-size: 15px;
    line-height: 20px;
}

.cat3-cat-filtering li #cible {
    color: #474747;
    font-size: 15px;
    line-height: 20px;
}

.lienFam>h3 {}

.hideF3 {
    display: none;
}

.pdt-filtering-title {
    font-size: 16px;
    margin-bottom: 6px;
    color: #000;
    font-weight: bold;
}

#text_desc_cat3 {
    font-size: 13px;
    clear: both;
}

.fastdescCircle {
    margin-right: 5px;
}

.bottomLI {
    margin-bottom: 10px;
}

.pdt-filtering-titleHide {
    font-size: 13px;
    margin-bottom: 5px;
    cursor: pointer;
}

.facetBorder {
    border-bottom: 1px solid #ccc;
}

.cat3-cat-filtering li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.breadcrumb-grey-text a {
    color: #000;
}

#contentRight {
    overflow: hidden;
}

.DescFam {
    margin-bottom: 25px;
}

.contentCat3 {
    margin-top: 30px;
}

.current-criterias,
.pdt-filtering-title {
    /*display:none;*/
}

.facet {
    padding-left: 0;
}

.current-criterias {
    padding-left: 0;
}

.cat3-price {
    float: right;
    margin-bottom: 5px;
    font-size: 27px;
    color: #0171bc;
    font-weight: 600;
    position: absolute;
    margin: 0 0px;
    bottom: 0;
}

.bigger-blue-title {
    color: #555555;
    font-size: 28px;
}

.medium-blue-title {
    font-size: 14px;
    color: #000;
}

.product-page-pdt-code {
    font-size: 14px;
    color: #7a7a7a;
    margin-bottom: 10px;
}

.txtIcon-pdt {
    font-size: 15px;
    overflow: hidden;
    font-weight: bold;
    text-align: left;
}

.left_point {
    float: left;
    margin-right: -5px;
    color: #006cb5;
    font-size: 32px;
    font-weight: bold;
}

.createQ {
    overflow: hidden;
    padding: 14px;
    font-size: 16px;
}

.createQ>a {
    color: #555555;
}

.contentDesc {
    border-bottom: 1px solid #ccc;
}

.contentQA {
    border-bottom: 1px solid #ccc;
}

.colordescCarts {
    color: #000;
    font-size: 14px;
}

.imgCarts {
    width: 150px;
    height: 150px;
    border: 1px solid #ccc;
    padding: 2px;
}

.tableCarts {
    border: 1px solid #ccc;
}

.tableCarts tbody>tr>td {
    padding-top: 16px;
    padding-left: 28px;
    padding-bottom: 16px;
}
#panier-page  .tableCarts tbody>tr>td.quantity {

    padding-left: unset;

}
#panier-page  .tableCarts th {

       vertical-align: middle;
	   text-align: center;

}

#panier-page  .tableCarts tbody>tr>td.delivery_time {

    padding-left: 8px;

}

.delivery_time {
    background-color: #f5f5f5;
    font-size: 16px;
}

.priceht {
    margin-left: -13px;
    width: 80px;
}

.quantity {
    /*width:10%;*/
    padding-left: 18px;
}

.borderTd {
    border-right: 1px solid #ccc;
}

.price {
    /*width:20%;*/
}

.pricePanier {
    font-size: 16px;
    width: 23%;
}

.popup-estim {
    font-size: 18px;
    margin: auto;
    margin-top: -16px;
}

.size-popEstim {
    font-size: 45px;
    margin-right: 10px;
    color: #0071bc;
}

.txt-popup-estim {
    overflow: hidden;
}

.incon-popup-estim {
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.frais-edm {
    margin-top: -15px;
}

.sizeDelete {
    font-size: 30px;
    color: red;
    margin-right: 5px;
}

.centerQte {
    margin-top: 22px;
    margin-left: -8px
}

.centerTable {
    text-align: center;
}

.tablTrCats {
    border: 1px solid #ccc;
}

.btnModel {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 23px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.btnModel-rightPdt {
   /* background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 23px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    width: 235px;
    cursor: pointer;*/
}

.btnModel-rightPdtMobile {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    width: 110%;
    cursor: pointer;
}

.mobileTopTelTxt {
    display: none;
}

.img-pdt-client {
    clear: both;
}

.txt-labe-client-update-profil {
    font-size: 20px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 249px;
    margin-bottom: 40px;
    float: left;
}

.btnModelCompte {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 21px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 125px;
    cursor: pointer;
}

#txt_infos h2 {
    font-size: 26px;
}

#requestQuote {
    margin: auto;
    width: 69%;
}

.txtavis {
    font-size: 18px;
    color: #555;
    font-weight: bold;
}

.txtavis2 {
    font-size: 17px;
    color: #555;
}

.modelBtn {
    margin-left: 5px;
}

.pdtConsult {}

.priceHT {
    color: #006cb5;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
}

.mdlTx {
    font-size: 16px;
    color: #006cb5;
}

.point_style {
    font-size: 22px;
    color: #006cb5;
    margin-right: 5px;
}

.contentRsPrintGuide {
    margin-bottom: 40px;
    margin-top: 10px;
}

.txt-dsn {
    margin-bottom: 13px;
}

.firstZone {
    text-align: center;
}

.GlobalRS {
    float: left;
    margin-right: 10px;
    border-right: 1px solid #ccc;
}

.rightC {
    margin-right: 10px;
    margin-left: 5px;
}

.fontColor {
    font-size: 20px;
    color: #006cb5;
}

.plg {
    margin-left: -15px;
    margin-bottom: 15px;
}

.chooseModel>thead>tr {
    background: #8a8a8a;
}

.chooseModel>thead>tr>th {
    color: #fff;
    text-align: center;
    padding: 7px;
    width: 10%;
}

.chooseModel>thead>tbody>tr {
    text-align: center;
}

.docsBottom {
    margin-bottom: -28px;
    clear: both;
}

.btn-cart-add-small-btn {
    text-align: center;
}



/*
td.quantity input {
    width: 22px;
    padding: 0;
    float: left;
    font-size: 14px;
    text-align: center;
    border: 0;
    background-color: #E9E9E9;
    border: 1px solid #cccccc;
}*/

td.quantity .sub {
    position: relative;
    top: 3px;
    float: left;
    left: 0;
    width: 14px;
    height: 14px;
    border-width: 0 0 0 0;
    background: url(../icon/cart-sub.png) no-repeat 0 0;
    cursor: pointer;
}

td.quantity .add {
    position: relative;
    top: 4px;
    float: left;
    right: 0;
    width: 14px;
    height: 14px;
    border-width: 0 0 0 0;
    background: url(../icon/cart-add.png) no-repeat 0 0;
    cursor: pointer;
}

.center {
    text-align: center;
}

.userQuestion {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 55px;
}

.question {
    overflow: hidden;
}

.txtQ {
    color: #0071bc;
    margin-bottom: 5px;
}

.bonhomme {
    color: #8cc63f;
    font-size: 30px;
}

.modQA {
    clear: both;
    border-bottom: 1px solid #8cc63f;
    margin-bottom: 15px;
    overflow: hidden;
}

.modQB {
    clear: both
}

.name>a {
    color: #444444;
    font-size: 16px;
    font-weight: bold;
}

.fontColorCart {
    font-size: 18px;
    color: #fff;
    background-color: #f67f00;
    padding: 4px;
    border-radius: 5px;
    margin-top: -4px;
}

.pseudo>a {
    color: #444444;
}

.first {
    font-weight: bold;
    padding: 10px;
}

.product-refs {
    border-bottom: 1px solid #8cc63f;
    height: 70px;
    margin-bottom: 10px;
}

.respGA {
    margin-bottom: 10px;
}

.stl_psudo {
    font-weight: bold;
    margin-bottom: 5px;
}

.defaultTd {
    /*width: 58px;*/
}

.txtNote {
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.colorStar {
    color: #0367b6;
}

.txtPriceDemande {
    color: #006cb5;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 13px;
}

.priceLeft {
    text-align: center;
}

.facet>li {
    list-style: none;
    color: #474747;
    font-size: 15px
}

.btnModel>a {
    color: #fff;
}

.list {
    padding-left: 0;
}

.list .borBot {
    list-style: none;
    border-bottom: 1px solid #8cc63f;
    margin-bottom: 10px;
}

.product-page-feedback-comment {
    margin-bottom: 10px;
}

.userStyle {
    color: #686868;
    font-size: 22px;
    margin-right: 5px;
}

.product-page-notation-list {
    border-bottom: 1px solid #8cc63f;
    margin-bottom: 10px;
}

.userName {
    font-weight: bold;
}

.list .borBotS {
    list-style: none;
    margin-bottom: 10px;
}

.product-page-bottom-linked .list {
    float: left;
    width: 50%;
    margin: -15px 0px 0px;
    padding-top: 20px;
}

.styEc {
    list-style: none;
    border-bottom: 1px solid #8cc63f;
    margin-bottom: 10px;
    width: 95%;
}

.styEcS {
    list-style: none;
    margin-bottom: 10px;
    width: 95%;
}

.btnModel,
.questInfos {
    cursor: pointer;
}

.star-rating>li {
    float: left;
    list-style: none;
    margin-right: 3px;
}

.star-rating {
    overflow: hidden;
    padding-left: 0;
}

.styEc>a,
.styEcS>a {
    color: #444;
}

.desc-autre {
    margin-bottom: 10px;
}

.backgroundZone {
    background-color: #f2f2f2;
    padding: 5px;
    overflow: hidden;
}

.quesNum {
    float: left;
    margin-right: 5px;
    padding: 3px;
    cursor: pointer;
    text-decoration: underline;
}

.qa-dtq {
    margin-bottom: 10px;
}

.titleDesc-desc {
    font-size: 20px;
    color: #006cb5;
    margin-bottom: 15px;
    font-weight: bold;
    clear: both;
}

.contentRs {
    margin-left: 15px;
}

.leadTitle {
    font-size: 40px;
    color: #0171bc;
    margin-bottom: 15px;
}

.sousTitleLead {
    font-size: 24px;
    margin-left: 20px;
}

.txtLead {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 4px;
}

.firstLead {
    margin-bottom: 35px;
    text-align: center;
}

.leftIcon {
    float: left;
    margin-right: 10px;
}

.leftIcon-pdt {
    float: left;
}

.pdt-right-dtb {
    text-align: center;
    overflow: hidden;
    width: 92%;
    margin: auto;
}

.allIcon {
    width: 115%;
    margin-bottom: 25px;
    overflow: hidden;
}

.secondLead {
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    width: 73%;
}

.txtPrice {
    font-size: 19px;
    margin-bottom: 10px;
}

.namePdt {
    font-size: 18px;
}

.descSp {
    font-size: 16px;
}

.form-control {
    background-color: #fff !important;
}

textarea {
    background: #fff !important;
}

.leadForm {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    background: #FEFEFE;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
}

.leadForm .btnDefault{
    font-weight: 600;
    white-space: normal !important;
}

.single-widget-desktop>div>h2 {
    color: #000;
    font-weight: bold;
}

#txtSend {
    font-size: 16px;
    display: none;
}

#pays-form {
    width: 225px;
}

.spanErrors,
.spanSuccess {
    display: none;
}

.colorSuccess {
    color: #8CC63F;/*#51d500*/
    font-size: 20px;
    padding-top: 5px;
    padding-left: 5px;
}

.colorError {
    color: red;
    font-size: 20px;
    padding-top: 5px;
    padding-left: 5px;
}

.titleForm {
    font-size: 22px;
    color: #0171bc;
    text-align: center;
    border-bottom: 1px solid #8cc63f;
    margin-bottom: 15px;
    padding: 10px;
    overflow: hidden;
}

#inputpays,
.email {
    margin-right: -10px !important;
}

#cpW>div>input {
    width: 143px;
}

#prenomW>div>input {
    width: 181px;
}

#emailW>div>input {
    /* width: 181px; */
}

.sous-title-need {
    font-size: 14px;
    margin-bottom: 8px;
}

.yourOrg {
    margin-bottom: 8px;
    overflow: hidden;
}

.border-us-trust {
    border: 1px solid #BEBEBE;
}

.btnDefault {
    background-color: #FF8C05 !important;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 11px;
    margin-top: 15px;
    width: 98%;
}

.txt-footer-form-express {
    font-size: 18px;
    color: #4D4B4B;
}

.marginb-55 {
    margin-bottom: 55px;
}

.success-title-express>h1 {
    color: #0171bc;
    font-size: 30px;
    font-weight: bold;
}

.txt-success-express {
    font-size: 30px;
    color: #5D5D5D;
    margin-bottom: 30px;
}

.txt-second-form-express {
    color: #000000;
    font-size: 15px;
    margin-bottom: 23px;
    margin-top: 7px;
}

.btn-default-express {
    background-color: #FF8C05;
    padding: 10px;
    border-radius: 5px;
    width: 285px;
    margin-left: auto;
    margin-right: auto;
}

.btn-default-express a {
    color: #fff;
    font-weight: 600;
    font-size: 22.5px;
}

.border-btm {
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 10px;
}

.us-trust {
    font-weight: bold;
    font-size: 20px;
    color: #0171bc;
    margin-bottom: 10px;
}

#tablettetInconLead {
    display: none;
}

.leadTitle {
    font-size: 35px;
}

.btnDefault: hover {
    background-color: #f0ad4e;
    width: 65%;
    padding: 5px;
    color: #fff;
    font-size: 23px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 11px;
}

.txtOrg>li {
    font-size: 24px;
    font-weight: bold;
    color: #8cc63f;
}

.txtOrg>li>span {
    color: #000;
}

.pictureB {
    margin-bottom: 8px;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
    background-color: #fff;
}

.divLead-rth {
    float: left;
    margin-right: 30px;
}

.globalLead-f {
    margin: auto;
    width: 55%;
}

.imgPic {
    max-width: 155px;
}

.pdtContent {
    text-align: center;
}

.txtIcon {
    font-size: 21px;
    overflow: hidden;
    font-weight: bold;
}

.leadBot {
    border-bottom: 1px solid #8cc63f;
}

.demandeLeft {
    background-color: #dcdcdc;
    padding: 30px;
    width: 480px;
    float: left;
    margin-Right: -1px;
    height: 764px;
}

#header-middle {
    border-bottom: 2px solid #d8d8d8;
}

.txt-success {
    font-size: 16px;
    margin-bottom: 25px;
    margin-right: 15px;
    clear: both;
}

#resultDemandeEtape2 {
    padding-left: 85px;
}

#resultDemande {
    margin-bottom: 40px;
}

.success-title>h2 {
    font-weight: bold !important;
}

.txt-parteners {
    font-size: 24px;
    color: #0171bc;
}

.txt-parteners-secondary {
    font-size: 16px;
    color: #000;
}

.logo-Adv {
    float: left;
    margin-right: 60px;
    margin-left: 130px;
    margin-top: 10px;
    width: 100px;
}

.infos-Adv {
    overflow: hidden;
}

.nameAdv {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.colorStyle {
    color: #8cc63f;
    margin-right: 7px;
}

.infosTvq {
    font-size: 16px;
}

.infosTvq2 {
    font-size: 16px;
    height: 35px;
    margin-bottom: 5px;
}

.fleshCommMobile {
    width: 100px;
}

.size-up-icon {
    color: #0171bc;
    font-size: 20px;
    margin-right: 3px;
}

.parteners-infos {
    border-bottom: 1px solid #ccc;
    margin-right: 15px;
    margin-top: -40px;
    margin-bottom: 30px;
}

.fleshComm {
    width: 15%;
}

.fleshOrder {
    width: 19%;
    margin-left: -50px;
    margin-top: -15px;
}

.block-rtyp {
    margin-top: -55px;
}

.topBlockComm {
    margin-top: -55px;
}

.rightBlog {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.grey-block-title {
    color: #0171bc;
    font-size: 26px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    height: 70px;
    margin-bottom: 20px;
}

.grey-block-title-sous {
    font-size: 18px;
    margin-bottom: 20px;
}

.grey-block-pdt {
    overflow: hidden;
}

.picturesNuk {
    border: 1px solid #ccc;
    padding: 10px;
}

.grey-block-inlay {
    /*column-count: 2;*/
}

.title-comm {
    color: #0171bc;
    font-size: 22px;
    margin-bottom: 30px;
}

.tabletteDct {
    display: none;
}

.btnModel2 {
    width: 223px;
    background-color: #f67f00;
    display: table;
    padding: 7px;
    color: #fff;
    font-size: 23px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}

.btnModel5 {
    background-color: #f67f00;
    display: table;
    padding: 7px;
    color: #fff;
    font-size: 23px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}

.product-list-label {
    color: #585858;
    font-size: 15px;
    font-weight: normal;
}

.featherlight-popup:last-of-type {
    background: rgba(0, 0, 0, .8);
    z-index: 1111;
}

.featherlight-popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: rgba(0, 0, 0, 0);
}

.main {
    margin: 0 auto;
    padding: 40px 20px;
    max-width: 960px;
    font-size: 19px;
    line-height: 30px;
}

.main a {
    color: #DB7580;
    text-transform: none;
}


/*.popup-trigger { display: block;  }*/

.popup {
    display: none;
    position: absolute;
    left: -15%;
    width: 125%;
    padding: 10px 10px;
    background: #fff;
    color: #333;
    font-size: 19px;
    line-height: 30px;
    border: 3px solid #707070;
    z-index: 9999;
}

.popup-mobile {
    position: relative;
    top: 0;
    left: 0;
    margin: 30px 0 0;
    width: 100%;
}

.popup-qte-pdt {
    font-size: 16px;
}

.label-popup {
    color: #0171bc;
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: bold;
}

.btnModel-carts {
    background-color: #f67f00;
    width: 100%;
    padding: 5px;
    color: #fff;
    font-size: 19px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}

.continue-shopping {
    background-color: #d7d7d7;
    width: 100%;
    padding: 5px;
    color: #000;
    font-size: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.popoup-img-pdt {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    width: 190px;
    height: 190px;
    text-align: center;
}

.popoup-img-pdt>img {
    max-width: 180px;
}

#addCarts>a {
    color: #fff;
}

#sendCarts>a {
    color: #fff;
}

.carts-label {
    font-size: 30px;
    color: #0171bc;
    border-bottom: 3px solid #8cc63f;
    height: 40px;
    font-weight: 600;
    display: inline;
}

.carts-label-empty {
    font-size: 26px;
    color: #0171bc;
    height: 40px;
    margin-bottom: 15px;
}

.carts-btn-right {
    background-color: #f67f00;
    display: table;
    padding: 7px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    float: right;
}

.carts-btn-order1 {
    background-color: #f67f00;
    display: table;
    padding: 10px 27px;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer;
    width: auto;
    margin: auto;
    text-align: center;
    margin-top: 28px;
}

.carts-btn-order1-right {
    background-color: #f67f00;
    display: table;
    border: none;
    padding: 10px 35px;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer;
    width: auto;
    margin: auto;
    text-align: center;
    margin-top: 30px;
}

.txt-labe-order-confirm {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    float: left;
    margin-bottom: 25px;
}

.txt_content_order_confirm {
    clear: both;
    font-size: 16px;
}

.adressOrderConfirm {
    float: left;
    margin-right: 50px;
}

.sizePrintOC {
    color: #9ecd60;
    font-size: 22px;
    margin-right: 5px;
}

.downloadOrder {
    overflow: hidden;
    padding: 10px;
}

.adressOrderConfirm-VM {
    float: left;
    margin-right: 10px
}

.downloadOrder-VM {
    overflow: hidden;
    padding-top: 0px;
}

.btnDownload {
    border: 1px solid #ccc;
    width: 270px;
    padding: 10px;
}

.txt-title-orderC {
    font-size: 22px;
    color: #0171bc;
}

.iconUserCO {
    float: left;
}

.infosServCO {
    overflow: hidden;
    padding-top: 40px;
    padding-left: 20px;
    font-size: 16px;
}

.fleshCO {
    width: 60px;
    margin-left: -50px;
    margin-top: -7px;
}

.confirmOCDF {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.txtNuk1 {
    font-size: 25px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 16px;
    height: 90px;
}

.txtNuk2 {
    font-size: 22px;
    margin-bottom: 16px;
}

.allInfos-fdt {
    overflow: hidden;
    margin-top: -80px;
}

.carts-btn-valid-order {
    background-color: #f67f00;
    display: table;
    padding: 7px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    width: 270px;
    margin: auto;
    text-align: center;
}

.carts-btn-order1-right-step2 {
    background-color: #f67f00;
    display: table;
    padding: 7px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    width: 75%;
    margin: auto;
    text-align: center;
    margin-top: 17px;
}

.carts-btn-order1-right-step2-popup {
    background-color: #f67f00;
    display: table;
    padding: 7px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    width: 50%;
    margin: auto;
    text-align: center;
    margin-top: 20px;
}

.carts-btn-order1-right-step3 {
    background-color: #f67f00;
    display: table;
    padding: 7px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    width: 75%;
    margin: auto;
    text-align: center;
    margin-top: 10px;
}

.second-step {
    border: 1px solid #ccc;
    width: 100%;
    padding: 30px;
    overflow: hidden;
}

.modelBtnOrder {
    margin-left: 5px;
    float: right;
    padding: 3px;
}

.txtDevis-gtfq {
    color: #0171bc;
    font-size: 20px;
}

.namePdt>a {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.popup-label-pdt {
    font-size: 20px;
    color: #000;
}

.tbl-ght {
    border: 1px solid #ccc;
    font-size: 15px;
}

.bg-tbl {
    background-color: #ebebeb;
}

.bg-tbl>th {
    color: #707070;
    font-size: 16px;
    font-weight: normal;
}

.mb-7 {
    margin-bottom: 7px;
    font-size: 17px;
}

.catalogue-center {
    text-align: center;
    width: 235px;
}

.ul-fastDesc {
    color: #8cc63f;
}

.txt-descc {
    color: #000;
    font-size: 16px;
    margin-bottom: 7px;
}

.comment-line {
    border-bottom: 1px solid #ccc;
}

.tbl-ssugl {
    border-bottom: 1px solid #ccc;
}

.imgCarts img {
    max-width: 145px;
    max-height: 145px;
    text-align: center;
}

.amount {
    color: #0171bc;
    font-size: 20px;
    width: 23%;
    text-align: right;
}

.labe-tbll {
    color: #000;
    font-size: 20px;
    width: 58%;
}

.labe-tbll2 {
    color: #000;
    font-size: 13px;
}

.txt-lebal-ftq {
    color: #0171bc;
    font-size: 18px;
    text-align: center;
}

.txtavis2 {
    font-size: 20px;
    color: #555;
    font-weight: bold;
    padding: 20px;
    margin-left: -15px;
}

.bottom-label-gdb {
    color: #707070;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.all-ydtb {
    margin-left: 25px;
    overflow: hidden;
}

.border-tfgh {
    border: 1px solid #ccc;
    width: 280px;
    padding: 15px;
}

.comment {
    width: 100%;
}

.designation {
    width: 35%;
    vertical-align: top;
}
#panier-page .designation {

	min-width: 240px;
}

.delete {
    cursor: pointer;
}

#sendCarts {
    margin-top: 110px;
}

.txt-labe-order {
    /*font-size: 24px;
    color: #0171bc;
    text-align: center;
    border-bottom: 1px solid #9ecd60;
    margin: auto;
    width: 47%;
    margin-bottom: 40px;*/
	font-size: 31px;
	font-weight: bold;
    color: #0071bc;
    width: 100%;
	text-align: center;
    margin: auto;
    margin-bottom: 40px
}

.iconPanier {
    float: left;
    margin-right: 5px;
    margin-left: 10px;
}

.countPanier {
    overflow: hidden;
    margin-top: 3px;
}

.txt-labe-client-lead2 {
    margin-bottom: 20px;
}

.btnModelCompte-pop-close {}

.txt-labe-client {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    /* width: 270px;	 */
    margin-bottom: 25px;
    float: left;
}

.txt-labe-client-home {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 220px;
    margin-bottom: 40px;
    overflow: hidden;
}

#menuLeftDesktop {
    display: block;
}

#menuLeftMobile {
    display: none;
}

.leftMenu {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    width: 90%;
}

.ulLeftMenu {
    padding-left: 0;
}

.compte-right-fa {
    margin-right: 10px;
    font-size: 18px;
}

.compte-right-fa-profil {
    margin-right: 14px;
    font-size: 18px;
}

.compte-right-fa-demande {
    margin-right: 4px;
    font-size: 18px;
}

.compte-right-fa-devis {
    margin-right: 10px;
    font-size: 18px;
}

.compte-right-fa-facture {
    margin-right: 4px;
    font-size: 18px;
}

.compte-right-fa-appor {
    margin-right: 8px;
    font-size: 18px;
}

.contentLogin {
    margin: auto;
    margin-bottom: 15px;
    width: 44%;
    border: 1px solid #ccc;
    padding: 15px;
}

.blue-smaller-title {
    font-size: 18px;
    color: #0071bc;
}

.ulLeftMenu>li {
    list-style: none;
    height: 30px;
    margin-left: 15px;
}

.blockClient {
    margin-bottom: 15px;
    overflow: hidden;
}

.back-block {
    background-color: #cbdde9;
    width: 90%;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.bottom-fdw {
    margin-bottom: -10px;
    font-size: 18px;
}

.hfdht-dfd {
    margin-bottom: 10px;
}

.txt-labe-client-order {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 205px;
    margin-bottom: 25px;
}

.btnMobileLead:hover {
    color: #fff;
}

#mobileDeskDemande {
    display: block;
}

#mobileListDemande {
    display: none;
}

.txt-labe-client-lead {
    font-size: 24px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 250px;
    margin-bottom: 25px;
}

.align-frx {
    margin-bottom: 20px;
}

.dashbord {
    font-size: 16px;
}

.txt-label-mpax {
    font-size: 26px;
    color: #000;
    font-weight: bold;
}

.first-block {
    border: 1px solid #ccc;
    width: 85%;
    padding: 30px;
    overflow: hidden;
    float: left;
}

.left-icon {
    margin-top: 170px;
    display: none;
}

.second-block {
    border: 1px solid #ccc;
    width: 100%;
    padding: 30px;
    overflow: hidden;
}

.blockA_stg {
    display: block;
}

.blockA_stgMobile {
    display: none;
}

.fleshMobile {
    display: none;
}

.fleshDesktop {
    display: block;
}

#txt-second-step-tab1 {
    font-size: 16px;
    color: #000;
    display: none;
}

.txt-all {
    text-align: center;
    margin-bottom: 15px;
}

.txt-label-cvad {
    font-size: 20px;
    color: #555555;
}

.label-txt-rtx {
    font-size: 20px;
    color: #0171bc;
    margin-bottom: 15px;
}

.crh-dw {
    font-size: 25px;
    color: #0171bc;
    margin-right: 8px;
}

.crh-dw-lock {
    font-size: 25px;
    color: #0171bc;
    margin-right: 14px;
}

.crh-dw-emailL {
    font-size: 25px;
    color: #0171bc;
    margin-right: 5px;
}

.crh-dw-email {
    font-size: 25px;
    color: #0171bc;
    margin-right: 3px;
}

.crh-dw-rtc {
    font-size: 25px;
    color: #0171bc;
    margin-right: 15px;
}

.crh-dw-rtxw {
    font-size: 25px;
    color: #0171bc;
    margin-right: 4px
}

.crh-dw-adresse {
    font-size: 25px;
    color: #0171bc;
    margin-right: 6px;
}

.crh-dw-pays {
    font-size: 25px;
    color: #0171bc;
    margin-right: 10px;
}

.form-group {
    overflow: hidden;
}

.pss-obl {
    float: right;
}

.second-step {
    display: none;
}

.liv-txt {
    font-size: 16px;
    color: #555555;
    margin-bottom: 8px;
}

.check-txt {
    font-size: 16px;
    color: #555555;
    margin-bottom: 5px;
}

#step-oder-three {
    display: none;
}

.lodingAjax {
    display: none;
    text-align: center;
}

.txt-liv-label-estimate {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
}

#resultError,
#resultErrorQ {
    clear: both;
    font-size: 20px;
}

.your-class::-webkit-input-placeholder {
    color: red;
}

.auto-select:hover {
    background-color: #d9d8d6;
}

#societeDiv,
#societeDivLiv {
    display: none;
}

.txt-popup-order1 {
    color: #000;
    font-size: 20px;
}

.deleteCats {
    border-bottom: 2px solid #ddd;
    margin-bottom: 15px;
}

.borderAdresse {
    border: 1px solid #ccc;
    padding: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

#updateData_L_valid,
#updateData_F_valid {
    display: none;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.style-right {
    float: right;
    font-size: 16px;
}

.price-txt {
    color: #0171bc;
    text-align: right;
    margin-left: 8px;
}

.success-title-rtyd {
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: -15px;
}

.imgGif img {
    width: 300px;
}

.imgGif {
    text-align: center;
}

.txt-Block {
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 15px;
}

.ulL li span {
    color: #000;
}

.infos-Adv-four {
    overflow: hidden;
    padding: 15px;
}

.logo-Adv-fourn {
    float: left;
    margin-right: 30px;
    margin-left: 130px;
    width: 100px;
}

.imgComm {
    width: 110px;
    border: 2px solid #8cc63f;
    border-radius: 50px;
}

.block-drn {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    height: 30px;
    margin-bottom: 5px
}

.block-drn2 {
    overflow: hidden;
    border-bottom: 2px solid #ccc;
    height: 30px;
    margin-bottom: 5px
}

.blockLeftPdt {
    margin-right: 70px;
}

.chosePaiememnt {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.modePaiement1 {
    float: left;
    margin-right: 5px;
    padding: 5px;
}

.bottom_stnc {
    margin-top: 40px;
}

.content_stnc {
    margin-top: 20px;
}

.modePaiement2 {
    float: left;
    color: #0171bc;
    font-size: 20px;
}

.modePaiement3 {
    float: right;
    color: #7d7d7d;
    font-size: 16px;
    margin-top: 5px;
}

.modeType {
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    height: 45px;
    margin-bottom: 15px;
}

.txt-style-order2 {
    font-size: 20px;
}

#updateData_L,
#updateData_F,
#updateData_L_valid,
#updateData_F_valid {
    float: right;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.txtDataH,
.txtDataHF {
    display: none;
}

.txt_l,
.txt_f {
    margin-bottom: 5px;
    font-weight: 600;
}
.txtDataD {
    font-weight: normal;
}
.title_l,
.title_f {
    margin-bottom: -15px;
}

.acceptValid {
    color: #7d7d7d;
    font-size: 20px;
}

.error_condition_cgv {
    font-size: 25px;
}

.styleAccept {
    margin-bottom: 15px;
    text-align: center;
}

.form-coord {
    display: none;
}

#valid-coord {
    display: none;
}

#errorForm {
    display: none;
}

.lodingAjaxCompte {
    display: none;
}

.myIdentify {
    padding: 40px;
    overflow: hidden;
    margin-bottom: -45px;
}

.btnModelLead {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 35%;
}

.sizeSearch {
    font-size: 24px;
    color: #f67f00;
}

.trLead:hover {
    background-color: #ccc;
    cursor: pointer;
}

.bottom-fdw-index {
    margin-bottom: 25px;
    font-size: 18px;
}

.txt-labe-clientFac {
    font-size: 25px;
    color: #0171bc;
    border-bottom: 2px solid #8cc63f;
    width: 94%;
    margin-bottom: 10px;
    display: inline;
    font-weight: bold;
}

.display-infos {
    margin-left: -6px;
    width: 102%;
}

.txt-labe-clientDevis {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 120px;
    margin-bottom: 20px;
}

.btnModelDevis:hover {
    color: #fff;
}

.txt-labe-client-devisLien {
    font-size: 22px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 260px;
    margin-bottom: 20px;
}

.btnModelDevis {
    background-color: #f67f00;
    padding: 7px;
    border: none;
    color: #fff;
    font-size: 19px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 15px;
    float: left;
}

.option-print {
    color: #f67f00;
}

.sisePdf {
    font-size: 30px;
}

.liv_close {
    float: right;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 7px;
    display: none;
    cursor: pointer;
}

.fact_close {
    float: right;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 7px;
    display: none;
    cursor: pointer;
}

.txt-labe-clientLivr {
    font-size: 25px;
    color: #0171bc;
    border-bottom: 2px solid #9ecd60;
    width: 90%;
    margin-bottom: 10px;
    display: initial;
    font-weight: bold;
}

.txt-labe-client-profil {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 265px;
    ;
    margin-bottom: 40px;
}

div.table-title {
    display: block;
    margin: auto;
    padding: 5px;
    width: 100%;
}

.table-title h3 {
    color: #fafafa;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: "Roboto", helvetica, arial, sans-serif;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}


/*** Table Styles **/

.table-fill {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    margin: auto;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    animation: float 5s infinite;
}


/*
th {
    color: #D5DDE5;
    background: #1b1e24;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 18px;
    font-weight: 100;
    padding: 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
 */

.text-left>tr {
    border-top: 1px solid #C1C3D1;
    border-bottom-: 1px solid #C1C3D1;
    color: #666B85;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

.pdt-nuukik>li {
    float: left;
    list-style: none;
    width: 140px;
    border-right: 1px solid #ccc;
    text-align: center;
}

.containerBottom .pdt-nuukik,.containerBottom .product-page-bottom-recommended{
	max-width:100%;
}

ul.pdt-nuukik>div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.pdt-nuukik-lead-F>li {
    float: left;
    list-style: none;
    width: 140px;
    text-align: center;

}

.nuukik-style {
		border: 1px solid #ccc;
		width: 200px;
		height: 200px;
		padding: 1px;
		text-align: center;
		white-space: nowrap;
		margin: 0px 0;
		background-color: #fff;
			
}

.featherlight {
    z-index: 999999;
}

.poserQuestion {
    overflow: hidden;
}

.product-list-picture>a>img {}

.product-list-price {
    display: none;
}

#recommended-products-pdt-block {
    width: 154%;
}

.pdt-nuukik {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 560px;
	width : 100%;
    padding-left: 0;
}

.retourMessage {
    text-align: center;
    font-size: 22px;
}

.table-hover>tr>td {
    padding: 10px;
}

.img-pdt-client {
    float: left;
    margin-right: 10px;
}

.txt-labe-client-invoice {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 155px;
    margin-bottom: 25px;
}

.table-fill {
    font-size: 15px;
}

.pdt-lead {
    overflow: hidden;
    margin-bottom: 20px;
}

.libelle-compte-lead {
    width: 200px;
}

.siseLead {
    font-size: 130px;
}

.infos-client {
    padding: 10px;
    overflow: hidden;
}

.pass-order {
    display: none;
}

.userLead {
    float: left;
}

.detailUsrLead {
    overflow: hidden;
    padding: 30px;
}

.txt-labe-client-lead2 {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    float: left;
    margin-bottom: 40px;
}

.txt-labe-client-order {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 210px;
    margin-bottom: 25px;
}

.mobile-infos {
    display: none;
}

.my-order {
    margin-bottom: 30px;
}

.centerTable {
    text-align: center;
}

.bottomTableTr {
    border-bottom: 1px solid #ccc;
    height: 70px;
}

.left-compte {
    float: left;
    margin-right: 10px
}

.btnModelDevis a {
    color: #fff;
}

.btnModelDevis-invoice a {
    color: #fff;
}

.btnModelDevis-invoice {
    background-color: #f67f00;
    padding: 8px;
    border: none;
    color: #fff;
    font-size: 19px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 15px;
}

#object {
    width: 100%;
    margin-bottom: 5px;
}

.libelle-compte {
    width: 30%
}

.liv-compte,
.qte-compte,
.qte-compte,
.totalHt-compte {
    width: 20%
}

.tof-compte {
    width: 120px;
    margin-top: 45px;
}

.btnModelDevis-order {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 19px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 15px;
}

.btnModelDevis-order a {
    color: #fff;
}

.estimate-dfhs {
    padding: 10px;
    overflow: hidden;
}

#send_question {
    float: right;
    text-align: center;
}

.popup-button {
    /*color:#fff;*/
}

.ZoneMobile,
.mobileBottom2 {
    display: none;
}

h2.title,
h2.title2,
h2.title3 {
    color: #4e4951;
    font-size: 22px;
    margin-bottom: 40px;
    position: relative;
    font-weight: normal;
}

.subtitleF2 {
    color: #000;
}

#btn-send-catalogue>span {
    color: #4027ff;
    font-size: 18px;
    cursor: pointer;
}

.border-botom-estimate {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 30px;
    clear: both;
}

.form-update-coord {
    clear: both;
}

.right-table-estimate {
    float: right;
}

.tof-comm {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.rep-com {
    text-decoration: underline;
}

.pass-order {
    overflow: hidden;
    padding: 5px;
}

.infos-comm {
    overflow: hidden;
    padding: 10px;
}

.amount-estimate {
    color: #0171bc;
    font-size: 20px;
    width: 25%;
}

.txtLabel-tdb {
    font-size: 20px;
}

.infosFormCompte {
    width: 65%;
}

.btnModelCompte-infos a {
    color: #fff;
}


/*
.btnModelCompte-infos {
    font-size: 18px;
    width: 100px;
}
*/

.res-infos-fds {
    width: 95%;
}

.btnModelCompte-infos {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 21px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 100px;
    cursor: pointer;
}

.btnModelCompte-pop-close {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 21px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 100px;
    cursor: pointer;
}

.btnModelCompte-pop {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 21px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 270px;
    cursor: pointer;
}

.btnModelCompte-pop2 {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 21px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    cursor: pointer;
}

.txt-labe-client-estimate {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    float: left;
    margin-bottom: 10px;
}

.txt-labe-client-contact {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    float: left;
}

.txt-labe-client-contact {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    margin-bottom: 40px;
}

.txt-labe-client-activite {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 74%;
    margin-bottom: 40px;
}

.txt-labe-client-devisLien {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    width: 295px;
    margin-bottom: 40px;
}

.txt-labe-client-estimate-equipe {
    font-size: 26px;
    color: #0171bc;
    border-bottom: 1px solid #9ecd60;
    margin-bottom: 25px;
}

.logo-Adv-fournCompte {
    float: left;
    margin-right: 30px;
    width: 100px;
}

#viewsMessenger {
    clear: both;
}

.comm-estime {
    margin-bottom: 10px;
    float: left;
}

#closeMessenger {
    float: right;
}

.link-conv {
    cursor: pointer;
}

.sizeComment {
    font-size: 45px;
}

.second_all_tags {
    overflow: hidden;
    margin-bottom: 20px;
}

.specs_tags {
    float: left;
    margin-right: 10px;
    background-color: #e9e9e9;
    padding: 6px;
    border-radius: 4px;
    width: auto;
    cursor: pointer;
    text-align: center;
    margin-bottom: 6px;
}

.sizeIconRS {
    font-size: 34px;
}

.sizeIconRS-youtube {
    color: #e62216;
    font-size: 34px;
}

.sizeIconRS-rss {
    color: #f8991d;
    font-size: 34px;
}

.sizeIconRS-link {
    font-size: 34px;
    color: #0274b3;
}

.sizeIconRS-twit {
    font-size: 34px;
    color: #1da1f2;
}

.second-blog {
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #eee;
    text-align: center;
    color: #0071bc;
}

.second-blog-2 {
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #eee;
    font-size: 17px;
}

.atBlog {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    font-size: 22px;
}

.titleRightBlog {
    text-align: center;
    margin-bottom: 10px
}

.suivi-blog {
    margin-bottom: 14px;
    font-size: 17px;
}

.headMobile,
.searchEngineMobile,
.TelCommercial {
    display: none;
}

#contentBlog-fdm h2 {
    font-size: 24px;
}

#contentBlog-fdm h3 {
    font-size: 24px;
    color: #f67f00;
    text-align: center;
}

.txtDesc {
    font-size: 16px;
}

#contentBlog-fdm {
    Line-Height: 1.8;
    font-size: 18px;
}

.contentBlog-rwag {
    margin-bottom: 15px;
}

.rs-tyvw {
    margin-bottom: 15px;
}

.catF3_title_guide {
    font-size: 26px;
    color: #0171bc;
    margin-bottom: 20px;
}

.rs_partage {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

#txt_infos {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: center;
    font-size: 18px;
}

.formQA {
    overflow: hidden;
    margin-bottom: 15px;
}

.btn-send-demande {
    margin: auto;
}

#demandeChoix {
    width: 30%;
}

.pointer_img {
    float: left;
    margin-right: 15px;
}

.rs_part {
    margin-right: 10px;
    float: left;
}

.btnBlog {
    background-color: #f67f00;
    display: table;
    padding: 6px;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}

.btn-send {
    text-align: center;
    padding-top: 10px;
    width: 47%;
    margin: auto;
    cursor: pointer;
}

.input-type-blog {
    height: 30px;
}

#form-input {
    text-align: center;
}

.single-widget-mobile {
    display: none;
}

.single-widget-desktop {
    display: block;
}

.modedesckTop {
    display: block;
}

.search-htys {
    overflow: hidden;
    margin-top: -7px;
}

.count-carts {
    background-color: #fd8b05;
    position: absolute;
    height: 20px;
    border-radius: 50%;
    width: 20px;
    overflow: hidden;
    color: #fff;
    margin-top: -7px;
    margin-left: 30px;
}

.searchBlock {
    padding: 20px;
    padding-right: 0px;
    margin-right: -40px;
    margin-top: 3px;
}

.txtEngine {
    overflow: hidden;
}

.modeMobile,
.searchEngineMobile,
.txtserachEngine {
    display: none;
}

.meilRay {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.txtRayons {
    font-size: 16px;
}

.inputSearch {
    float: left;
    width: 77%;
    height: 50px;
    background-color: #e9e9e9;
    border: none;
    border-radius: 5px 0px 0px 5px;
    padding: 10px;
    margin-left: 10px;
}

.inputSearch2 {
    background-color: #8cc63f;
    color: #fff;
    padding: 9px;
    overflow: hidden;
    border-radius: 0px 5px 5px 0px;
    width: 12%;
    cursor: pointer;
}

#formss-question_demande {
    width: 75%;
    margin: auto;
}

.fournTextStyle {
    font-size: 20px;
    text-align: center;
}

.bottom-gtm label {
    font-size: 16px;
}

.facul {
    font-size: 14px;
    font-style: italic;
}

.bottom-gtm {
    margin-bottom: 6px;
}

.AddFourn {
    margin-bottom: 15px;
}

.rightGuide {
    z-index: 999999;
}

.pf-desk {
    overflow: hidden;
    padding: 8px;
}

#footerLeft {
    float: left;
    margin-right: 10px;
    width: 315px;
}

#btn-send>span {
    color: #4027ff;
    font-size: 18px;
    cursor: pointer;
}

.grey-block {
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #D9D9D9 !important;
    border-radius: 4px;
    margin-top: 20px;
}

.grey-block-grid {
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin-top: 20px;
    width: 280px;
    height: 400px;
    display: flex;
    justify-content: center;
}

.grid-view h2.titlePdt {
    height: 47px;
}

.code-fiche-bottom {
    padding: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.panier-txt {
    font-weight: bold;
    font-size: 19px;
}

.size-upd {
    font-size: 28px;
}

.title-popup-felicitation {
    color: #0171bc;
    font-size: 20px;
    margin-bottom: 15px;
}

.insc-dtyh,
.insc-dtyh-l {
    display: none;
}

.form-login {
    margin: auto;
    width: 75%;
}

.adresse-ftrb {
    float: left;
}

.adresse-njpm {
    overflow: hidden;
}

#donne_livraison {
    display: none;
}

.cMonTableau4 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border: 1px solid #ccc;
}

.cMonTableau4 th,
.cMonTableau4 td {
    border: 1px solid #ccc;
}

.cMonTableau4 a {
    color: #000;
}

.success-title {
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: -15px;
}

.pricePanierCompte {
    font-size: 16px;
    width: 19%;
}

.allDivAMobile {
    display: none;
}

.MobileTab,
.PriceMobile {
    display: none;
}

.tableDesKtop {
    display: block;
}

.tablettePrice {
    display: none;
}

.header-left {
    float: left;
}

.header-right {
    float: right;
    margin-right: 30px;
}

.header-right a {
    color: #fff;
}

#whatever {
    position: fixed;
    bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background-color: red;
    color: #fff;
    padding: 5px;
    font-weight: bold;
}

#txt_infosHead {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}

.pointer_imgHead {
    float: left;
}

#formss-question_demandeHead {
    overflow: hidden;
}

.formCotent {
    padding: 25px !important
}

.btnModel-popupSearch {
    background-color: #f67f00;
    padding: 5px;
    border: none;
    color: #fff;
    font-size: 23px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 230px;
    cursor: pointer;
}

.btn-create_question {
    cursor: pointer;
}

.btn-send-demande1 {
    margin-top: 15px;
}

.paiement-content {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 15px;
}

#our-company {
    clear: both;
}

.clearBoth {
    clear: both;
}

.txtSize {
    font-size: 16px;
}

.row-eq-height-xs {
    height: 135px;
}

.your-class::-webkit-input-placeholder {
    color: red;
}

.searchImg {
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px solid #ccc;
}

.col-md-3-no {
    float: left;
}

.listNon {
    list-style: none;
}

#bloc-tags {
    clear: both;
}

#header-menu {
    left: 0;
    padding: 4px;
    padding-left: 0;
}


/*
#header-menu a, #header-menu span {
    display: block;
    float: left;
    height: 35px;
    padding: 0 7px;
    font: bold 12px/35px arial, helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
}
*/

.header-submenu {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
}

#header-submenu .gigamenu {
    text-align: left;
    background: #ffffff;
}

.nav.navbar-nav>.first-cat1:hover>div.sub-menu {
    display: block !important;
    -webkit-animation: fadeInUp 400ms;
    -moz-animation: fadeInUp 400ms;
    -ms-animation: fadeInUp 400ms;
    -o-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
    margin-top: 10px;
}

nav#menu>ul>.first-fam:hover>.sousMenuMega {
    display: block !important;
    -webkit-animation: fadeInUp 400ms;
    -moz-animation: fadeInUp 400ms;
    -ms-animation: fadeInUp 400ms;
    -o-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
    margin-top: -1px;
}

.sousMenuMega {
    left: 0;
    height: 450px;
    display: none;
    overflow-y: auto;
    position: absolute;
    z-index: 99999999;
    min-width: 1090px;
    padding: 10px;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    margin-top: 0px;
    border-radius: 4px;
    list-style: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.families-three>li {
    list-style: none;
}

.cat3-all-fam {
    display: none;
}

.families-three {
    padding-left: 0;
}

.sousMenuMega>li {
    float: left;
    width: 214px;
    height: 145px;
    position: relative;
    margin: 0 0 10px 0px;
}

.nav.navbar-nav>.first-cat1:hover>div.ClassLigne2 {
    margin-top: 40px;
}

.nav.navbar-nav>.first-cat1:hover>div.ClassLigne3 {
    margin-top: 70px;
}

.first-cat1 {
    float: left;
    padding: 5px;
}

.first-cat1>a {
    color: #fff;
    margin-right: 8px;
    font-size: 14.2px;
}

.cat1-menu-font {
    color: #fff;
    font-size: 6px;
}

.cat1-menu-font-separ {
    color: #fff;
    font-size: 14px;
}

.cat1-menu-separat {
    color: #fff;
}

.mission-txt {
    font-size: 30px;
    color: #0171bc;
}

.txt-gts {
    font-size: 28px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lead-form-submit-zone {
    text-align: center;
    margin-left: 80px;
}

.txt-blog {
    overflow: hidden;
    margin-bottom: 15px;
}

.navbar-nav div.sub-menu .gigamenu:last-child {
    padding-bottom: 0px;
    padding: 0px;
    overflow: hidden;
}

div.sub-menu:last-child {
    top: 10px;
}

#header-submenu .gigamenu .col {
    float: left;
    position: relative;
    margin: 0 0 10px 10px;
}

.col ul li {
    list-style: none;
}

.plg>li {
    list-style: none;
}

#header-submenu .gigamenu.colCount4 .col {
    width: 214px;
    height: 145px;
}

.cat3 a {
    color: #000;
}

.centerCode>a {
    color: #000;
}

.txt-mobile {
    display: none;
}

#header-submenu .gigamenu .col ul {
    padding: 5px 0;
}

#header-submenu .gigamenu .col ul li.cat2 a {
    color: #0071bc;
}

.allCat2-Cat3 {
    float: left;
    width: 220px;
}

.navbar-nav div.sub-menu .gigamenu {
    padding: 0px 0px 0;
}

#header-submenu {
    overflow-y: auto;
    height: 450px;
    padding-left: 0;
    left: 0;
    top: 15px;
}

.userPhoneTablette {
    display: none;
}

.codeVisite {
    float: left;
}

.sub-menu {
    left: 0;
    display: none;
    overflow: hidden;
    position: absolute;
    top: 20px;
    z-index: 99999999;
    min-width: 1090px;
    padding: 5px 0;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    margin: auto;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.order-tel-bo {
    margin-bottom: 10px;
    font-size: 20px;
    margin-left: 5px;
}

.lazy-hidden {
    background: #eee url('../images/loading2.gif') no-repeat 23% 50%;
}

.paginate-fpx {
    text-align: center;
}

.active-pagin {
    color: #8cc63f;
    font-size: 25px;
    font-weight: bold;
    font-size: 25px;
    text-decoration: underline;
}

.pagination span a {
    color: #0071BC;
}

.pagination a {
    color: #0071BC;
    padding-left: 5px;
    font-size: 19px;
}

.inactive {
    color: #0071BC;
    font-size: 19px;
}

.sizeIn-frx {
    font-size: 23px;
}

.sizeCustomer {
    font-size: 16px;
}

#my-button-tablette {
    display: none;
}

#chooseModel {
    clear: both;
}

.letterSpac {
    letter-spacing: 1px;
}

.allPdtSearch {
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.allRayonsSearch {
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    clear: both;
}

.allRayonsSearchMoins {
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    clear: both;
}

.code_remise {
    width: 300px
}

.input-promo {
    float: left;
    width: 170px;
    margin-right: 5px;
}

.btnCodePromo {
    background-color: #f67f00;
    display: table;
    padding: 5px;
    color: #fff;
    font-size: 17px;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}

.zoneCodePromo {
    margin-bottom: -6px;
}

.TitleInputRemise {
    margin-bottom: 6px;
}

.txtDevis-gtfq {
    margin-bottom: 55px;
}

.txtClosePopup {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    cursor: pointer;
    text-decoration: underline;
}

#devis-fo {
    background-color: #f2f2f2;
}

.btn-devis-fo {
    background-color: #f67f00;
    padding: 8px;
    border: none;
    color: #fff;
    font-size: 10px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    cursor: pointer;
    overflow: hidden;
    width: 185px;
}

.btn-devis-fo a {
    color: #fff;
    font-size: 16px;
}

.btn-devis-fo span {
    color: #fff;
    font-size: 16px;
}

.titleDesc-panier a {
    color: #006cb5;
    text-decoration: underline;
}

.titleDesc-panier {
    font-size: 20px;
    color: #006cb5;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
    width: 40%;
    margin: auto;
}

.title-panier {
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
}

.devis-ou {
    color: #006cb5;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

#cssmenu {
    position: relative;
    height: 44px;
    width: auto;
}

#cssmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#cssmenu>ul {
    position: relative;
    display: block;
    width: 100%;
    z-index: 500;
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#cssmenu.align-right>ul>li {
    float: right;
}

#cssmenu.align-center ul {
    text-align: center;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu>ul>li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}

#cssmenu>ul>#menu-button {
    display: none;
}

#cssmenu ul li a {
    display: block;
    text-decoration: none;
}

#cssmenu>ul>li>a {
    font-size: 14px;
    font-weight: bold;
    padding: 12px 20px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    -ms-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}

#cssmenu>ul>li.has-sub>a {
    padding-right: 32px;
}

#cssmenu>ul>li:hover>a {
    color: #ffffff;
}

#cssmenu li.has-sub::after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}

#cssmenu>ul>li.has-sub::after {
    right: 10px;
    top: 20px;
    border: 5px solid transparent;
    border-top-color: #7a8189;
}

#cssmenu>ul>li:hover::after {
    border-top-color: #ffffff;
}

#indicatorContainer {
    position: absolute;
    height: 12px;
    width: 100%;
    bottom: 0px;
    overflow: hidden;
    z-index: -1;
}

#pIndicator {
    position: absolute;
    height: 0;
    width: 100%;
    border: 12px solid transparent;
    border-top-color: #2b2f3a;
    z-index: -2;
    -webkit-transition: left .25s ease;
    -moz-transition: left .25s ease;
    -ms-transition: left .25s ease;
    -o-transition: left .25s ease;
    transition: left .25s ease;
}

#cIndicator {
    position: absolute;
    height: 0;
    width: 100%;
    border: 12px solid transparent;
    border-top-color: #2b2f3a;
    top: -12px;
    right: 100%;
    z-index: -2;
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    top: 70px;
    opacity: 0;
    -webkit-transition: opacity .3s ease, top .25s ease;
    -moz-transition: opacity .3s ease, top .25s ease;
    -ms-transition: opacity .3s ease, top .25s ease;
    -o-transition: opacity .3s ease, top .25s ease;
    transition: opacity .3s ease, top .25s ease;
    z-index: 1000;
}

#cssmenu ul ul ul {
    top: 37px;
    padding-left: 5px;
}

#cssmenu ul ul li {
    position: relative;
}

.has-sub {
    width: 195px;
}

#cssmenu>ul>li:hover>ul {
    left: auto;
    top: 44px;
    opacity: 1;
}

#cssmenu.align-right>ul>li:hover>ul {
    left: auto;
    right: 0;
    opacity: 1;
}

.parrentMegaMenu {
    overflow: auto;
}

#cssmenu ul ul li:hover>ul {
    left: 215px;
    top: 0px;
    opacity: 1;
    width: 865px;
    height: 470px;
    background: #fff;
}

.top {
    height: 250px;
    /* Space in here for search */
    padding-top: 40px;
    position: relative;
}

#cssmenu.align-right ul ul li:hover>ul {
    left: auto;
    right: 170px;
    top: 0;
    opacity: 1;
    padding-right: 5px;
}

#cssmenu ul ul li a {
    border-bottom: 1px solid #eeeeee;
    padding: 10px 20px;
    background: #ffffff;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

#currentFirstLabel {
    background-color: #fd8b05;
}

#currentFirstLabel>a {
    color: #fff;
}

#cssmenu.align-right ul ul li a {
    text-align: right;
}

#cssmenu ul ul li:hover>a {
    background: #f2f2f2;
    color: #8c9195;
}

#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last>a {
    border-bottom: 0;
}

#cssmenu>ul>li>ul::after {
    content: '';
    border: 6px solid transparent;
    width: 0;
    height: 0;
    border-bottom-color: #ffffff;
    position: absolute;
    top: -12px;
    left: 30px;
}

#cssmenu.align-right>ul>li>ul::after {
    left: auto;
    right: 30px;
}

#cssmenu ul ul li.has-sub::after {
    border: 4px solid transparent;
    border-left-color: #9ea2a5;
    right: 10px;
    top: 12px;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}

#cssmenu.align-right ul ul li.has-sub::after {
    border-left-color: transparent;
    border-right-color: #9ea2a5;
    right: auto;
    left: 10px;
}

#cssmenu ul ul li.has-sub:hover::after {
    border-left-color: #ffffff;
    right: -5px;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

#cssmenu.align-right ul ul li.has-sub:hover::after {
    border-right-color: #ffffff;
    border-left-color: transparent;
    left: -5px;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/*
.scroll::-webkit-scrollbar {
 
	margin-right:100px;
    background:red;
}*/


/*********************************************************/

.first-menu {
    width: 215px;
    padding: 0px;
    max-height: 410px;
    background-color: #fff;
    overflow-x: hidden;
    list-style: none;
    direction: rtl;
    text-align: left;
}

.ytb-icon {
    color: #ce0404;
    font-size: 20px;
}

.linked-icon {
    color: #1384b0;
    font-size: 20px;
}

.fb-icon {
    color: #4d70a8;
    font-size: 20px;
}

.fb-icon:hover {
    color: #4d70a8;
    font-size: 20px;
}

.float-left-icon {
    float: left;
}

.overf-icon {
    overflow: hidden;
    padding: 6px;
}

.left-div {
    float: left;
    margin-right: 10px;
}

.all_rayons {
    background-color: #fd8b05;
    width: 215px;
    padding: 13px;
    font-size: 17px;
    height: 50px;
    color: #fff;
    margin-top: -8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-right: 90px;
    text-align: center;
}

.bottomBored {
    border-bottom: 2px solid #8cc63f;
}

.displayColor {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dt-fy {
    float: right;
}

.familleN1 {
    color: #006bb3 !important;
    font-weight: bold;
}

.mobile-sub-menu {
    display: none;
}

.familleN1:hover {
    color: #fd8b05!important;
}

#menu li ul {
    overflow-x: hidden;
    height: 420px;
    top: 0;
    left: 185px;
    z-index: -999;
    width: 960px;
    position: absolute;
    direction: ltr;
    list-style: none;
    display: none;
}

.all_rayons {
    cursor: pointer;
}

.solid-menus .menu-links {}

.topC {
    margin-top: 0px;
}

#menu {
    display: none;
    position: absolute;
    z-index: 100;
    border-left: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.left-menu {
    float: left;
}

.second-menu {
    padding: 7px;
    overflow: hidden;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0.5px;
}

.borderRightWhite {
    border-right: 1px solid #fff;
}

.borderRightBlack {
    border-right: 1px solid #fff;
}

.divExp {
    margin-right: 65px;
}

.autherMenu {
    margin-right: 60px;
}

.justify-left {
    text-align: justify;
    overflow: hidden;
    font-size: 18px;
    margin-left: -72px;
}

.btn-pr-left {
    margin-left: -72px;
}

.autherMenu a {
    color: #fff !important;
}

.all_rayons:hover+#menu {
    display: block!important;
}

#menu>.all_rayons:hover>ul.first-menu {
    display: block!important;
    transition-duration: inherit;
}

.displayColor>li {
    float: left;
    width: 210px;
    height: 30px;
    position: relative;
    margin: 0px 10px 8px 5px;
    padding-top: 10px;
    ;
}

.firstSite {
    margin-top: 3px;
}

#menu li:hover>ul {
    display: block;
    transition-duration: inherit;
}

.dg-rfh {
    float: right;
}

#product-refs {
    clear: both;
}

#loding_imgHead {
    display: none;
}

.btm-border {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.first-menu li:nth-child(2n) {}

.first-menu li:nth-child(2n+1) {}

.first-menu>li.parent {
    cursor: pointer;
}

.logoAdver {
    float: right;
}

.logoAdver>img {
    max-width: 120px;
    max-height: 60px;
}

.logoAdver-fiche-pdt-bottom {
    float: right;
    margin-top: -73px;
}

.logoAdver-fiche-pdt-bottom>img {
    max-width: 170px;
    max-height: 110px;
    margin-top: 5px;
}

.des-btm {
    padding: 1px;
}

.logoAdver-pdt-top-fourn {
    float: right;
}

.logoAdver-pdt-top-fourn>img {
    width: 110px;
}

.logoAdver-pdt-top-ann {
    text-align: center;
	margin-top: 10px;
    margin-bottom: 10px; 
}

.logoAdver-pdt-top-ann>img {
    max-width: 170px; 
	max-height: 100px;
	margin-top: 5px;
}

.left-logo {
    float: left;
}

.rightDoc1 {
    width: 255px;
}

.txt-form {
    font-size: 18px;
}

.cookie {
    left: 0;
    right: 0;
    top: 0;
    padding: 7px 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

.lien_href {
    color: #fff;
    text-decoration: none;
}

.lien_href:hover {
    color: #fff;
    text-decoration: none;
}

.cookie a {
    text-decoration: underline;
}

.cookie a:hover {
    text-decoration: none;
}

.cookie_btn {
    display: inline;
    margin-left: 15px;
    background-color: #0071bc;
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}


/****************************************************/

.cal-topic {
    margin-bottom: 15px;
}

.text-btn-fam {
    display: inline-block;
}

.text-btn-fam>a {
    color: #000;
}

.btn-float-famil {
    float: left;
    margin-right: 15px;
}

.btn-float-ou {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    font-weight: bold;
    font-size: 22px;
}

.center_div {
    text-align: center;
}

.title-fam-guide {
    color: #0171bc;
    font-size: 24px;
}

.secondeRightTitleGuide {
    color: #0171bc;
    font-size: 21px;
    text-align: center;
    border-bottom: 1px solid #8bc53e;
    display: initial;
}

.top-merg {
    margin-top: 15px;
    margin-bottom: 10px;
}

.bottom-merg {
    margin-bottom: 15px;
    margin-top: 10px;
}

.font-size {
    font-size: 16px;
}

.titleFSty {
    font-weight: bold;
}

.content-guide-art {
    background-color: #f8f5f5;
    border: 1px solid #bbb;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 15px;
}

.sous-title-guide {
    color: #0171bc;
    font-size: 18px;
    text-align: center;
    display: initial;
}

.content_hub_art {
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
}

.title-art-guide {
    font-size: 24px;
    color: #0171bc;
    margin-bottom: 10px;
}

.li-content-guit-art {
    font-size: 16px;
}

.title-all-guide {
    font-size: 16px;
    margin-bottom: 10px;
}

.li-content-guit-art>a {
    color: #000;
}

.center_fam {
    margin-left: 110px;
}

.title-ul-art {
    margin-top: 10px;
}

.btn-guide-small {
    background-color: #fd8b05;
    color: #fff;
    text-align: center;
    padding: 8px;
    display: initial;
    font-size: 16px;
    border-radius: 10px;
}

.no-border {
    border-bottom: none !important;
}

.btn-guide-small_fam {
    background-color: #fd8b05;
    color: #fff;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    font-size: 18px;
    width: 195px;
}

.btn-guide-small_fam>a {
    color: #fff;
}

.bottom-guide-right {
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.rs_partage_guide {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.rightDoc-guide {
    /* z-index: 9999; */
    background-color: #fff;
}

.name-topics {
    font-size: 19px;
    color: #0171bc;
    text-align: center;
}

.topic_href {
    width: 220px;
}

.topics-img {
    border: 1px solid #ccc;
    width: 222px;
}

.det-img-hub {
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.title-hub {
    color: #0171bc;
    font-size: 22px;
}

.hub-linked-tel {
    color: #0171bc;
    font-size: 18px;
    font-weight: bold;
}

.btnDet-Guide-popup {
    background-color: #fd8b05;
    padding: 5px;
    /* border: 1px solid #bbb; */
    color: lemonchiffon;
    font-size: 18px;
    width: 90px;
    float: right;
    margin-right: 8px;
    text-align: center;
    cursor: pointer;
}

.bottom-10 {
    margin-bottom: 12px;
}

.close_devis_popup {
    float: right;
    cursor: pointer;
}

.valid-send-bottom {
    margin-bottom: 40px;
}

.clear-both {
    clear: both;
}

.title-guide-fam {
    border-bottom: 2px solid #8cc63f;
    display: initial;
    font-size: 22px;
    color: #0171bc;
}

.title-guide-fam2-3 {
    border-bottom: 2px solid #8cc63f;
    display: initial;
    font-size: 17px;
    color: #0171bc;
}

.fam-ul-gui {
    margin-top: 15px;
    padding-left: 0;
    list-style: none;
}

.fam1-ul-gui {
    margin-top: 15px;
    padding-left: 0px;
    list-style: none;
    font-size: 16px;
}

.right-fam-guide {
    background-color: #eeeeee;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 5px;
}

.title-ul-art-left {
    padding-left: 0;
    margin-top: 10px;
    margin-left: 15px;
    text-align: left;
}

.font-weight {
    font-weight: bold;
}

.title-ul-art-left>li {}

.btn-guide-small>a {
    color: #fff;
}

.line-hub {
    overflow: hidden;
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
}

.overflow-hidden {
    overflow: hidden;
}

.btnDet-Guide {
    background-color: #e7e7e7;
    padding: 10px;
    border: 1px solid #bbb;
    color: #000;
    font-size: 18px;
}

.articles-hub {
    background-color: #eeeeee;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    text-align: center;
}


/*
#cpFO div > input {
	width: 85px;
}
*/

#cpFO>.codePostal {
    /* width: 85px; */
}

#nameID {
    /* width: 255px; */
    /* margin-right: -10px; */
}

.content-articles {
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
}

.backgroundZone {
    clear: both;
}

.pdt-lie-part {
    display: flex;
    width: 50%;
    flex-direction: row;
    flex-wrap: wrap;
}

.pdt-lie {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.pdt-imd-bound {
    /*float: left;
    margin-right: 15px;*/
    border-right: 1px solid #ccc;
    width: 210px;
    text-align: center;
    margin-bottom: 15px;
}

.with-bound {
    width: 192px;
}

.title-bound>a {
    text-align: center;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

.backgroundZone {
    /* background-color : #f2f2f2; */
    padding: 5px;
    overflow: hidden;
}

.label_form {
    font-weight: 600;
    margin-bottom: 2px;
    font-size: 16px;
    color: #7C7C7C;
}

.title_left {
    float: left;
    padding: 5px;
}

#error_form {
    color: red;
    margin-top: -5px;
    margin-bottom: 5px;
}

#inputsocieteName,
#inputfirstname,
#inputcodePostal {
    width: 94%;
    float: left;
}

#inputtel,
#inputemail,
#inputcodePostal,
#inputpays {
    width: 183px;
    float: left;
}

.padding-0-40 {
    padding: 0 40px;
    margin-bottom: 30px;
}

.spanErrors,
.spanSuccess {
    overflow: hidden;
    padding: 3px;
}

#mobile-tel-apl {
    display: none;
}

.remp-form {
    display: none;
    color: #0171bc;
}

.id-code-fiche {
    display: none;
}

.btn-apl {
    background-color: #f67f00 !important;
    padding: 5px;
    color: #fff;
    font-size: 15px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 11px;
    margin-top: 6px;
    width: 50%;
}

.btn-apl>a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}


/* Chrome */

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Opéra*/

input::-o-inner-spin-button,
input::-o-outer-spin-button {
    -o-appearance: none;
    margin: 0
}

td.quantity input {
    width: 50px;
    height: 30px;
    padding: 0;
    float: left;
    font-size: 14px;
    text-align: center;
    border: 0;
    background-color: #E9E9E9;
    border: 1px solid #cccccc;
}
#panier-page td.quantity input {

    float: none;

}

#supQty {
    display: none;
    width: 48px;
    height: 24px;
}

.btn-recalculate {
    clear: both;
    background-color: #f67f00;
    color: #fff;
    margin-left: -15px;
    padding: 4px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    width: 85px;
}
#panier-page .quantity .btn-recalculate {
    margin-left: unset;
}

.qte_plus_visible {
    margin-bottom: 5px;
    width: 86px;
}

.input-qty>input {
    margin-bottom: 3px;
}

.qte_plus {
    display: none;
    overflow: visible !important;
    width: 86px;
}

.input-qty {
    overflow: hidden;
    margin-bottom: 5px;
}

.qte_supp_out {
    display: none;
}

.fontColorCart {
    font-size: 18px;
    color: #fff;
    background-color: #f67f00;
    padding: 4px;
    border-radius: 5px;
    margin-top: -1px;
}

.cart-add {
    width: 90px;
}


/***************************** Mobile *************************/

.add-carts-txt {
    float: left;
    margin-right: 5px;
}

.demande-devis-txt {
    overflow: hidden;
}

.demande-devis-txt>span {
    text-decoration: underline;
}

.head_mobile,
.block-phone-mobile,
.pdtConsult-mobile {
    display: none;
}

.border-ligne {
    display: none;
}

.atc:hover {
    text-decoration: underline;
    cursor: pointer;
}

.left-mr {
    float: left;
    margin-right: 10px;
}

.contentTxt {
    font-size: 20px;
}

.txt-object {
    color: #0171bc;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    margin-bottom: 15px;
}

.fs-28 {
    font-size: 28px
}

.italic {
    font-style: italic;
}

.txt-indisponible {
    color: #0071bc;
    font-size: 31px;
    font-weight: bold;
}


/************* HOME PAGE *************/

.masthead {
    padding: 0px 0 0rem;
    position: relative;
    background-color: #f7f5f6;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

#nos_client_aiment {
    /* margin-bottom: -20px; */
}

.h1-hp {
    color: #0071bc;
    font-weight: bold;
    font-size: 32px;
}

.align-items-center {
    /* padding: 15px; */
    /* height: 360px; */
    overflow: hidden;
    margin-top: 15px;
}

.mb10-mt20 {
    margin-bottom: 10px;
    margin-top: 20px;
}

.fz-16 {
    font-size: 16px;
}

.mt10 {
    margin-top: -10px;
}

.cr-fre {
    color: #8cc63f;
    font-size: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.fz-18 {
    font-size: 18px;
}

.fz-28 {
    font-size: 28px;
}

.color-10 {
    color: #101010;
}

.head-ul li i {
    color: #8cc63f;
}

.head-ul li {
    list-style: none !important;
}

.fw-b {
    font-weight: bold;
}

.btn-search {
    background-color: #f67f00;
    color: #fff;
    padding: 7px;
    border-radius: 10px;
}

.justify {
    text-align: justify;
    overflow: hidden;
    font-size: 18px;
}

.first-menu {
    height: auto !important;
}

.mt-45 {
    margin-top: -45px;
}

.masthead-bn {
    padding: 3rem 0 0rem;
    position: relative;
    background-color: #f7f5f6;
}

.btn-home-page>a {
    background-color: #fe8c05;
    color: #fff;
    padding: 15px !important;
    font-size: 19px !important;
    padding: 8px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
}

.btn-home-page>a:active {
    text-decoration: none;
}

.btn-home-page>a:hover {
    color: #fff;
    text-decoration: none;
}

.padding-0 {
    padding-right: 0px;
    padding-left: 0px;
}

.h2-hp {
    font-size: 25px;
    line-height: 35px;
	margin-left: 5px;
}

.close-popup {
    cursor: pointer;
    font-size: 18px;
    color: #000;
}

.txtH {
    width: 190px;
}

.h2-hp {
    border-bottom: 3px solid #8cc63f;
    display: initial;
}

.mt-60 {
    margin-top: 65px;
}

.avis-verify-img {
    float: right;
    margin-right: 30px;
}

.mg-bt {
    margin-bottom: 30px;
}

.avis-verify-img>img {
    width: 80px;
}

.avis-verify-desc {
    font-weight: bold;
    font-size: 18px;
    margin-left: 20px;
}

.mt-16- {
    margin-top: -16px;
}

.hp-logo-parteners {
    width: 180px;
}

.cat-siblings {
    margin-top: 35px;
}

.mb-title-h2 {
    margin-bottom: 30px;
}

.pd-ov {
    overflow: hidden;
    padding-top: 40px;
}

#popup-search {
    width: 400px;
}

.title-popup-search {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.visual-desktop {
    display: block !important;
}

.visual-mobile {
    display: none !important;
}


/********* FIN HOME PAGE ****************************/

.popup-title-fdp {
    font-size: 22px;
    text-align: center;
}

.btn-clique-close {
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
}

#msg_html_fdp,
#crose-tom-zone,
#etranger-zone {
    display: none;
}

#etranger-zone {
    width: 45%
}

.select2-container {
    width: 225px !important;
    z-index: 99999;
}

.mb-5 {
    margin-bottom: 5px;
}

.close-btn-error {
    float: right;
    margin-top: -24px;
    margin-right: 5px;
    color: red;
}

.error-nom,
.error-prenom,
.error-societe,
.error-tel,
.error-adress,
.error-cp,
.error-ville {
    display: none;
}

#docClick {
    cursor: pointer;
}

.pdt-doc-link:hover {
    text-decoration: none;
}

.atc:hover {
    text-decoration: none;
}

/*#tab_ref_content {
    display: none;
    clear: both;
    overflow: hidden;
    background-color: #eee;
    padding: 10px;
    margin-bottom: 10px;
    max-width: 100%;
}*/

.form-select {
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #ccc;
}

.txt-filter {
    margin-bottom: 5px;
}

.floatHeader {
    float: left;
    font-weight: bold;
    width: 190px;
    margin-bottom: 12px;
}

.fiche-pdf-rfg {
    color: #428bca
}

.btm-border-ov {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 10px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-26 {
    font-size: 26px;
}

.ht-amount {
    color: #6b6a6a;
    font-size: 19px;
}

.amount-color {
    color: #0171bc;
    margin-bottom: 5px;
}

.amount-paid {
    text-align: center;
    background: #eee;
    padding: 10px;
}

.pdt-doc-link>span {
    color: #428bca;
}

.btn-masque {
    background-color: orange;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
}

.bg-agrv {
    clear: both;
    background-color: #eee;
    padding: 15px;
    width: 99%;
}

.border-fam {
    border: 1px solid #ccc;
    width: 182px;
    margin-top: 13px;
}

.fs-16 {
    font-size: 18px;
}

.btnModel>button {
    background-color: #f67f00;
    border: none;
    color: #fff;
    font-weight: bold;
}

.btn-devis-fo>button {
    background-color: #f67f00;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.pdt-doc-link>button,
.demande-devis-txt>button {
    border: none;
    background-color: #fff;
}

.product-page-supplier-products>button {
    border: none;
    background-color: #fff;
}

.demande-devis-txt>button {
    font-size: 20px;
    color: #006cb5;
    font-weight: bold;
    text-decoration: underline;
}

.btn-track {
    border: none;
    background: #fff;
}

.btn-track-footer {
    border: none;
    background: #f8f8f8;
    font-size: 16px;
    margin-left: -4px;
	font-family: 'Titillium Web', sans-serif;
}
.btn-track-footer:hover {
    background: none;
    color: #9ecd60;
/*cursor: pointer; / Curseur au survol */
}

.btm-border-ov-on {
    padding: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.reinitialise_filter {
    overflow: hidden;
    border: 1px solid orange;
    padding: 4px;
    border-radius: 5px;
    color: orange;
    font-size: 16px;
    cursor: pointer;
    margin-top: 25px;
    width: 170px;
    clear: both;
    margin-bottom: -10px;
}

.header-middle {
    margin-bottom: 15px;
}

.masthead-bn {
    padding: 1rem 0 0rem;
}

.mb-55 {
    margin-bottom: 60px
}

.txtDownloadCatSecond {
    color: #666666;
    text-align: left
}


/****************** Add 08/09/2022 *************************/


/************/

.txtH {
    font-size: 19px;
    font-weight: normal;
}


/************/

.h2-hp {
    font-size: 30px;
    line-height: 35px;
}


/************************/

span.titleFS {
    border-bottom: 3px solid #8cc63f;
    color: #0171bc;
    font-size: 25px;
    margin-bottom: 20px;
    position: relative;
    font-weight: normal;
    float: left;
}


/***************************/

.blue-small-title {
    font-size: 22px;
    font-weight: bold;
}


/******************************/

.subtitleF1 {
    font-size: 16px;
}


/***************************/

.allRayon,
.fleshAll {
    font-size: 19px;
    color: #0171bc;
}

.border1px {
    border: 1px solid #ccc;
}

.size-guide-fam>a {
    font-size: 17px;
    color: #000
}

.mb-10 {
    margin-bottom: 10px;
}

.bg-rayons {
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 10px;
}

.float-left {
    float: left;
}

.pd-ov {
    padding: 8px;
    overflow: hidden;
}

.clear {
    clear: both;
}

.ulL-dgt {
    margin-left: -40px;
}

.smallTitleUl h2 {
    margin-bottom: 15px;
}

.ulL-dgt>li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.bg-fam {
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 15px;
}

.shapF1 {
    background-color: #fff;
}

#redMore {
    cursor: pointer;
    color: #006bb3;
    font-weight: bold;
}

.txt-img-cover {
    width: 50%;
    padding: 10px;
    font-size: 17px;
    height: 167px;
    color: #000;
}

.mt-down-10 {
    margin-top: -10px;
}

.recommended_items {
    margin-top: 10px;
}

.title-savoir {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: #0171bc;
    padding: 7px;
}

.txt-savoir {
    background-color: #EBF7FF;
    padding: 20px;
    font-size: 16px;
    text-align: justify;
}

.pd-right {
    padding-top: 6px;
    overflow: hidden;
    font-size: 13px;
}

.titleF-dht {
    font-size: 31px;
    font-weight: bold;
    color: #0071bc;
}

.mt-0 {
    margin-top: 0;
}

.pp {
    padding: 12px;
}

.bm-2 {
    border-bottom: 1px solid #ccc;
}

.mdl-left {
    float: left;
    height: 42px;
    width: 42px;
}

.txt-bottom-header {
    color: #636363;
    padding: 10px;
    overflow: hidden;
    font-size: 15px;
}

.width-170 {
    width: 172px;
}

span.titleExpress {
    border-bottom: 2px solid #8cc63f;
    color: #0171bc;
    font-size: 27px;
    margin-bottom: 20px;
    font-weight: bold;
}

.title-form-express {
    font-size: 18px;
    font-weight: bold;
    color: #0171bc;
}

.mnm-13 {
    margin-bottom: -13px;
}

.mb-30 {
    margin-bottom: 30px;
}

.txt-left-express {
    font-size: 21px;
    color: #4D4B4B;
    line-height: 40px;
}

.how-works {
    margin-bottom: 20px;
}

.how-works-ul {
    list-style: none;
    counter-reset: li;
    margin-right: 15px;
}

.how-works-ul>li {
    font-size: 21px;
    color: #4D4B4B;
    margin-bottom: 20px;
    counter-increment: li
}

.how-works-ul>li::before {
    content: counter(li);
    color: #fff;
    display: inline-block;
    width: 1em;
    margin-left: -2em;
    border: 1px solid;
    border-radius: 21px;
    width: 26px;
    text-align: center;
    background-color: #8cc63f;
    margin-right: 7px;
    font-size: 17px;
}

.circle-def {
    padding-top: 8px;
    border: 3px solid #8cc63f;
    border-radius: 30px;
    font-size: 19px;
    width: 42px;
    text-align: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 42px;
}

.sepr-hr {
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 10px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.title-devix-express>h1 {
    font-weight: bold;
    font-size: 35px;
    color: #0171bc;
}

.second-title {
    font-size: 27px;
    color: #0171bc;
    margin-bottom: 10px;
}

.color-default {
    color: #0071bc;
}

.head_new_mobile,
#mobile-head {
    display: none;
}

.HomeImg {
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 9%);
}


/****************************************************************************************/

.filterBy {
    background-color: #0171bc;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 4px;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.reinitialise,
.reinitialise:hover {
    color: #fd8b05;
    text-decoration: revert;
    font-size: 15px;
}

.leftFami-catalogue {
    border: 1px solid #cccccc;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #f9f9f9;
    padding: 5px;
    height: 212px;
}

.cat-title {
    color: #0171bc;
    font-size: 21px;
    font-weight: 600;
}

.w-100 {
    width: 100%
}

.title-others {
    border-bottom: 3px solid #8cc63f;
    display: initial;
    font-size: 25px;
    color: #0171bc;
}

.list-pdt-fam3 {
    background-color: #F5F5F5;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 20px;
    padding: 10px;
}

.cat-title-name {
    color: #0171bc;
    font-size: 20px;
    font-weight: bold;
}

.pd-4 {
    padding: 4px;
}

.filterBy>a {
    color: #fff;
}

.cat3-prod-list-pic {
    overflow: hidden;
    margin: 0 5px;
    position: relative;
}

.famIconRight>i {
    color: #0171bc;
}

.pt-0 {
    padding-top: 0 !important;
}

#pdt-filtering {
    padding: 4px;
    margin: 0 5px
}

.sizelistPdt {
    font-size: 23px;
    background-color: #FAFAFA;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding: 5px;
}

.gridList {
    display: none !important;
}

.sizelistPdtLarge {
    font-size: 23px;
    background-color: #FAFAFA;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding: 5px;
}

.grid-view {
    display: flex;
    justify-content: space-between !important;
    flex-wrap: wrap;
}

.other-products-grid div {
    margin-top: 2px;
    margin-bottom: 0;
}

.other-products-grid {
    gap: 17px;
    padding: 15px 15px;
}

#mobilePdtF3 {
    padding-left: 15px;
}

.bg-selected {
    background-color: #EBF7FF;
}

.list-pdt-fam3 .grey-block {
    margin: 5px 4px 15px 5px;
}

.showEstimate {
    text-align: center;
    margin-bottom: 30px;
}

.modeRegelement #btn-valid-links div {
    flex: 1;
}

.showEstimate a {
    font-size: 20px;
    font-weight: bold;
    text-decoration: revert;
    color: #0171bc;
}

.bg-total {
    background-color: #F5F5F5;
    text-align: center;
    display: flex;
    justify-content: space-around;
    /* padding: 10px; */
    border: 1px solid #B4B4B4;
    border-radius: 4px;
    margin: 15px;
    font-size: 20px;
    color: #000;
}

.bg-total-empty {
    background-color: #F5F5F5;
    text-align: center;
    display: flex;
    justify-content: space-around;
    /* padding: 10px; */
    border: 1px solid #B4B4B4;
    border-radius: 4px;
    margin: 15px;
    font-size: 20px;
    color: #000;
    flex-direction: column;
}

.paiement-ttHt {
    padding: 10px 15px;
}

.paiement-ttHt-separator {
    display: block;
    width: 1px;
    background-color: #b4b4b4;
}

.commTitle {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    margin-bottom: 10px;
}

.imgComm-paiement-bloc {
    margin-right: 15px;
}

.nameUser {
    font-size: 20px;
    color: #0171bc;
    font-weight: 600;
}

.phoneUser,
.emailUser {
    font-size: 18px;
    color: #5C5C5C;
}

.colorGreenDefault {
    color: #8cc63f
}

.mr-5 {
    margin-right: 5px;
}

.commBlock {
    background-color: #EAF7FF;
    border-radius: 4px 4px 0px 0px;
    padding: 10px;
    text-align: center;
}

.displayImg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
}

.firstStep {
    border: 1px solid #B4B4B4;
    overflow: hidden;
    border-radius: 4px;
    margin-top: 20px;
}

#stepReglement {
    display: none;
    background-color: #F4F4F4;
    padding-bottom: 25px;
}

#stepReglement .separator {
    display: block;
    width: 2px;
    background-color: #B4B4B4;
    margin: 0 25px;
    position: relative;
}

.validation-devis-title {
    margin-bottom: 55px;
}

#stepReglement .cartes {
    padding-top: 15px;
}

#stepReglement .credit {
    padding-top: 15px;
}

#stepReglement .separator span {
    position: relative;
    background-color: #f4f4f4;
    top: 20px;
    left: -18px;
    font-size: 30px;
    color: #4A4A49;
    font-weight: 600;
}

#stepReglement .choix-reglement {
    display: flex;
}

.txtFormAdress {
    font-weight: 600;
}

#resultDataFact,
#resultDataLiv {
    font-size: 16px;
    margin-top: 15px;
}

.border-right {
    border-right: 1px solid #E6E6E6;
    margin-right: 15px;
}

.padding-15 {
    padding: 15px;
}

.alert {
    padding: 10px !important;
}

.alert-danger {
    color: #a94442;
}

#error_payement {
    font-size: 22px;
    display: none;
    text-align: center;
}

.text-left {
    text-align: left !important;
}

.titleFirstStep {
    background-color: #0171bc;
    color: #fff;
    text-align: center;
    font-size: 30px;
    /* height: 52px; */
    padding: 5px 20px;
    font-weight: 600;
}

.select-simulator {
    width: 33%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

.select-simulator .month-selector {
    width: 80%;
}

.size-right {
    color: #8cc63f;
    font-size: 60px;
    padding-top: 15px;
    margin-right: 25px;
}

.txt-simulator {
    font-size: 18px;
    font-weight: 600;
    color: #424242;
}

.bg-montant-simulator {
    background-color: #0171bc;
    color: #fff;
    font-size: 22px;
    /* font-weight: bold; */
    padding: 10px;
    width: 300px;
    text-align: center;
    border-radius: 4px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.infos-simulator {
    font-size: 18px;
    background-color: #8cc63f;
    color: #fff;
    font-weight: bold;
    padding: 7px;
}

.montant-lign-ok {
    min-height: 36px;
    background-color: #EDEDED;
    color: #636161;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.montant-lign-ko {
    min-height: 36px;
    background-color: #ffffff;
    color: #636161;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.info-financement {
    width: 31%;
    text-align: center;
    color: #fff;
    border: 1px solid #9BCD58;
    border-radius: 4px 4px 0px 0px;
}

.txt-choise {
    font-size: 15px;
    color #424242;
}

.ml-5 {
    margin-left: 5px;
}

.simulatorCredit {
    display: none;
}

.display-simulator {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
	    margin-bottom: 15px;
}

#financementCredit .display-simulator {
    margin-top: 35px;
}

.bg-simulator {
    background-color: #EAF7FF;
}

.selectInput {
    height: 47px;
    background-color: #FAFAFA !important;
    border-color: #C7C5C6 !important;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
}

.imgComm-paiement {
    width: 73px;
    border: 2px solid #8cc63f;
    border-radius: 50px;
}

.logos-simulator {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}

.titleRight {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px
}

.titleReglement {
    font-size: 20px;
    color: #0171bc;
    font-weight: 600;
    margin-bottom: 10px;
}

.titleReglement.credit {
    margin-bottom: 13px;
}

.left-bloc-adress {
    border-right: 1px solid #E6E6E6;
}

.right-bloc-adress {
    padding-left: 25px;
}

.rightPaiement {
    margin-top: 47px
}

.simulatedCredit {
    font-size: 18px;
    color: #fe8c05;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 18px;
}

.closeSimulator {
    font-size: 20px;
    cursor: pointer;
}

.displayTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-close-simulator {
    font-size: 22px;
    color: #fff;
    background-color: #c1c1c1;
    border-radius: 5px;
    padding: 7px;
    text-align: center;
    margin: auto;
    width: 30%;
}

.closeSimulator {
    display: none;
}

#validation-devis-infos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 75px;
}

#validation-devis-infos .right-bloc {
    padding-right: 0;
}

#validation-devis-infos .left-bloc {
    padding-right: 0;
}

#validation-devis-infos .vertical-separator {
    display: block;
    width: 2px;
    min-width: 2px;
    background-color: #8cc63f;
    margin: 0 30px;
}

#validation-devis-infos .vertical-separator-no-credit {
    display: block;
    width: 2px;
    min-width: 2px;
    background-color: #8cc63f;
    margin: 0 15px;
}

.simulatorCredit {
    margin-bottom: 15px;
}

#btn-valid-links {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
    margin: 15px 80px;
}

.modeRegelement {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 10px;
    text-align: center;
}

.modeRegelement.cartes {
    height: 145px;
}

.modeRegelement.credit {
    height: 138px;
}

#validation-devis-infos .price-no-credit {
    width: 30%;
}

#validation-devis-infos .paiement-no-credit {
    width: 30%;
}

#validation-devis-infos .contact-no-credit {
    width: 40%;
}

#validation-devis-infos .price-no-credit .showEstimate {
    margin-bottom: 0px;
}

#validation-devis-infos .paiement-no-credit #btn-valid-links {
    gap: 25px;
}

#validation-devis-infos .paiement-no-credit form {
    position: absolute;
}

#validation-devis-infos .price-no-credit .bg-total-empty {
    margin: 15px 0;
}

.no-credit-devis-infos#validation-devis-infos {
    row-gap: 15px;
}

#validation-devis-infos .paiement-ttHt-separator-no-credit {
    display: block;
    height: 1px;
    width: 100%;
    background-color: #b4b4b4;
}

.btn-save-coordonnees {
    font-size: 27px;
    font-weight: bold;
    background-color: #fe8c05;
    padding: 10px 5px;
    border-radius: 5px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    width: 35%;
    cursor: pointer
}

.updateCoord {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fe8c05;
    text-decoration: underline;
    margin-bottom: 10px;
    cursor: pointer;
}

.btn-save-coordonnees-paiement {
    font-size: 25px;
    font-weight: bold;
    background-color: #fe8c05;
    padding: 10px 5px;
    border-radius: 5px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    width: 350px;
    cursor: pointer
}

.btn-send-demande-financement {
    font-size: 25px;
    font-weight: bold;
    background-color: #fe8c05;
    padding: 10px 5px;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    width: 465px;
    cursor: pointer;
}

.info-txt-paiement {
    font-size: 14px;
    color: #838282;
    margin-top: -4px;
    margin-bottom: 10px;
}

.montantEstimate {
    color: #333332;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.montantEstimateDale {
	font-size: 25px;
	font-weight: bold;
	color : #000000;
}

.width-65 {
    width: 68% !important;
}

.displayTt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.ttcStep2 {
    font-size: 30px;
    font-weight: 600;
    color: #0171bc;
    margin-right: 10px;

}

.htStep2 {
    font-size: 25px;
    font-weight: 600;
    color: #817473;
}

.banc-border {
border: 1px solid #C6C6C6;
border-radius: 14px;
margin: auto;
width: 518px;
padding: 20px 19px;
margin-bottom: 15px;
height: 80px;
position: relative;
	
}

.banc-border span {
    text-transform: uppercase;
    position: absolute;
    top: -10px;
    padding: 0 15px;
    width: 80%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 50%);
}

.banc-border span span {
    text-transform: uppercase;
    background-color: #f4f4f4;
    padding: 0 15px;
    text-align: center;
}

.paiementSecure {
    font-size: 15px;
    color: #817473;
    text-align: center;
	padding-top: 3px;
}

#financementCredit {
    display: none;
}

.sizeTxtSiren {
    color: #636161;
    font-size: 18px;
    margin-bottom: 10px;
}

.txtFooter {
    color: #636161
}

.txtSizeSrn {
    margin-bottom: 15px;
}

.sizeTxtSiren.sub-title {
    margin-top: 15px;
}

.size-down {
    color: #8cc63f;
    font-size: 60px;
    padding-top: 0;
    margin-bottom: 0;
    display: none;
    height: 45px;
}

.titleSuccesFranc {
    font-size: 22px;
    font-weight: bold;
    color: #0071bc;
    margin-bottom: 20px;
}

.ulListStep>li {
    margin-bottom: 20px;
    list-style: none;
    font-size: 19px;
}

.ulListStep>li::before {
        content: "•";
    color: #8cc63f;
    display: inline-block;
    width: 18px;
    margin-left: -10px;
    font-size: 24px;
}

.btn-save-confirme:hover {
    color: #fff;
}

.contentTxtfin {
    font-size: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-35 {
    margin-bottom: 35px;
}

.titleFinn {
    font-size: 32px;
    font-weight: bold;
}

.btn-save-confirme {
    background-color: #fe8c05;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    font-size: 22px;
    padding: 10px;
    cursor: pointer;
}

.labelTxtSiren {
    color: #636161;
    font-weight: bold;
}

.birthday .labelTxtSiren {
    margin-top: 15px;
}

.repImme {
    text-align: center;
    font-size: 15px;
    color: #817473;
    font-weight: 600;
}

.mb-25-desk {
    margin-bottom: 25px;
}

.txt-aide {
    background-color: #EAF7FF;
    padding: 15px;
    font-size: 20px;
    color: #636161;
    margin-bottom: 25px;
    text-align: center;
}

.titleStep {
    font-size: 25px;
    color: #0171bc;
    border-bottom: 3px solid #8cc63f;
    display: inline;
    margin-bottom: 25px;
    font-weight: 600;
}

.telSize {
    font-size: 22px;
    color: #0171bc;
    font-weight: bold;
}

.sizeIconTel {
    color: #0171bc;
}

.displayPay {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 15px;
}

#resultDataLiv div {
    padding-right: 0;
}

#resultDataFact div {
    padding-right: 0;
}

#resultDataFact>div>div:first-child {
    padding-right: 15px;
}

#resultDataLiv>div>div:first-child {
    padding-right: 15px;
}

html {
    scroll-behavior: smooth;
}

.statusTxt {
    font-size: 19px;
    font-weight: bold;
}

.cGreen {
    color: green
}

.bgMontant {
    background-color: #f7f7f7;
}

.overflow-hidden {
    overflow: hidden;
}

.titleFinnTable {
    font-weight: bold;
    font-size: 18px;
    color: #666465;
}

.sousTitleFinn {
    text-align: center;
    color: #7f7f7f;
    font-size: 16px;
}

.mtb-15 {
margin-top: 15px;
    margin-bottom: 15px;
}

.disSirenCompany {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px;
    font-size: 16px;
}

.infosFinance {
    background-color: #8cc63f;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
	border-radius: 4px 4px 0 0;
}

.displayTableRecap {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    border: 1px solid #8cc63f;
    text-align: center;
	border-radius: 0 0 4px 4px ;
}

.displayTableRecap>div {
    width: 20%;
    padding: 10px 0;
}

.displayTableRecap>div:nth-child(even) {
    background-color: #EDEDED;
}

.displayTableRecap>div:nth-child(odd) {
    background-color: #F5F5F5;
}

.titlePdt a:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.txt-aide-recap {
    background-color: #EAF7FF;
    /* padding: 15px; */
    font-size: 20px;
    color: #636161;
    /* margin-bottom: 25px; */
    /* text-align: center; */
}

.displayRecapFlex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #EAF7FF;
    padding: 10px;
}

#stepRecap {
    background-color: #fff;
    padding-bottom: 25px;
}

.fz-20 {
    font-size: 20px;
}

.fz-22 {
    font-size: 22px;
}

.colorSize {
    color: #8cc63f;
    font-weight: bold;
}

#validation-devis-infos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
}

#resultSearchMobile {
    display: none;
    z-index: 99999;
    position: absolute;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    text-align: left;
}

/************************************************New page Catalogue & contact**************************************/

.btnCatalogueNew {
	background-color: #fe8c05;
    display: table;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer;
    width: 190px;
    text-align: center;	
}

.newEdition {
	font-size: 15px;
    color: #fff;
    background-color: red;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    padding: 2px 10px;
    vertical-align: middle;
    border-radius: 4px;
}

.imgCatPrincipal {
    border: 1px solid #000;	
}

.btnCatalogueNew > a {
	 color: #fff;
}

.btnCommandeNew {
	background-color: #fff;
    display: table;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer;
    width: 190px;
    text-align: center;
	border: 2px solid #fe8c05;	
}

.btnCommandeNew > a {
	 color: #fe8c05;
}



.titleCatalogue {
	font-size: 31px;
    color: #0171bc;
    font-weight: bold;
}

.catalogueLi {
	margin-left: -40px;
	margin-bottom: 20px;
}

.checkColor {
	color: #8cc63f;
	margin-right: 5px;
}

.catalogueLi > li {
    list-style: none;
    font-size: 18px;
    color: #000;
	line-height: 28px;
}

.txt-intro {
	font-size: 18px;
    font-weight: bold;
    color: #000;
	margin-bottom: 10px;
}

.txtCat {
	font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;	
}

.txt-gttf {
	font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

.bg-catalogue {
	background-color: #F5F5F5;
	    padding: 30px;
}

.displayFlexBtn {
    display: flex;
    justify-content: center;
}

.devenezPartner {
	font-size: 25px;
    color: #0171bc;
    font-weight: bold;
	margin-bottom: 10px;
}

.mr-30 {
	margin-right : 30px
}

.btnPartener {
	background-color: #fe8c05;
    padding: 8px 10px;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
	width: 250px;
    margin-top: 13px;
}

.width47 {
	width: 47%;
}

.btnPartener > a {
	color : #fff;
}

.titleTC {
	    font-size: 23px;
    color: #5F5F5F;
    font-weight: bold;
    margin-bottom: 10px;
}

.title-form-contact {
    font-size: 21px;
    font-weight: bold;
    color: #0171bc;
}

.contactCorrd {
	font-size: 20px;
	color: #4D4B4B;
    margin-bottom: 9px;
}

.contact-mb30 {
	    margin-bottom: 50px;
}

.sizeDevenezPartner {
    font-size: 18px;
    font-weight: 600;
    color: #000;
	margin-bottom: 20px;
}

.wdth-270 {
	width: 270px !important;
}

.wdth-290 {
	width: 290px !important;
}

.wdth-250 {
	width: 250px !important;
}

.txtContact {
	font-size: 20px;
    font-weight: bold;
    color: #5F5F5F;
    margin-bottom: 5px;
}

.title-contact > h1 {
	font-weight: bold;
    font-size: 31px;
    color: #0171bc;
}

#errorAlert {
display:none;	
}

.paysTriangle, .teleTriangle, .emailTriangle, .societeTriangle, .nomTriangle, .prenomTriangle, .objectTriangle, .msgTriangle {
	display:none;
}

.suggestionFamFooter {
white-space: break-spaces;
word-break: break-word;
}

.suggesImagFamFoot {
max-width: 92%!important;
}

.suggesTitleFamFoot{
    font-size: 16px;
    margin-top: 12px;
}	

.separators {
	border-right: 1px solid #B4B4B4;
	margin-left:15px;
	margin-right:15px;
}

.boutonPrincipal {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FE8C05;
    border-radius: 5px;
    cursor: pointer;
    max-width: 285px;
    display: block;
    text-align: center;
    padding: 20px 15px;
    min-width: 250px;
	margin-left: auto;
    margin-right: auto;
}

.boutonSecondaire {
    font-size: 22px;
    font-weight: bold;
    color: #FE8C05;
    border: 3px solid #FE8C05;
    background-color: #FFF;
    border-radius: 5px;
    cursor: pointer;
    padding: 11px 5px;
    max-width: 330px;
    text-align: center;
    display: block;
    flex: 2;
    position: relative;
}

.boutonSecondaireTree {
	font-size: 22px;
	font-weight: bold;
	color: #FE8C05;
	border: 2px solid #FE8C05;
	background-color: #FFF;
	border-radius: 5px;
	border-color: #FE8C05;
	width: 300px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 9px;
	cursor: pointer;
	position: relative; /* Nouvelle ligne */
}


.FinancerLink {
	font-size: 20px;
	font-weight: bold;
	color: #0171bc;
	text-decoration: underline;
	padding-top: 5px;
}
.titleReglementPledg{
	font-size: 17px;
	font-weight: bold;
	color : #636161;
	margin-top: -10px;
	margin-bottom: 20px;
	
}

.pladgForm {
    background-color: #0171bc;
    border-radius: 4px 4px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.titlepladgForm {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin-left: 15px;
    padding: 5px 0;
    display: inline-block;
}

.closepladgForm {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    float: unset;
    margin-right: 15px;
    margin-top: unset;
    cursor: pointer;
}

.alert-infos {
    font-size: 18px;
    font-weight: normal;
    color: #0171bc;
    background-color: #EAF7FF;
    border-radius: 0px 0px 4px 4px;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    margin: auto;
    padding: 13px 5px;
}

.saisir-siren {
  font-size: 18px;
  font-weight: normal;
  color: #636161;
}

.input-container {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.input-container #sirenCode{
    max-width: 280px;
}

.input-container #raisonSocial{
    max-width: 530px;
}

.input-container #tel{
    max-width: 278px;
}

.input-container i.formpladgIcon{
    padding: 10px;
    min-width: 40px;
    background-color: #F5F5F5;
    border-radius: 10% 0 0 10%;
    border: solid 1px #ccc;
    padding-bottom: 8px;
    color: #6C6C6C;
    left: 0;
    height: 47px;
    position: absolute;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
}

.input-container i.iconSirenValide {
    position: absolute;
    left: 240px;
    top: 10%;
    border-radius: 4px;
    font-size: 30px;
    color: #8cc63f;
}

.input-container i.iconRaisonValide {
    position: absolute;
    left: 460px;
    top: 10%;
    border-radius: 4px;
    font-size: 30px;
    color: #8cc63f;
}

.input-container input.sirenCode {
    font-size: 16px;
    font-weight: normal;
    color: #636161;
    border-radius: 4px;
    height: 47px;
    border: 1px solid #C6C6C6;
    padding-left: 50px;
    width: 100%;
}

.input-container .btn {
    position: absolute;
    background-color: #FE8C05;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    padding: 10px 12px;
    margin-bottom: 4px;
    margin-left: unset;
    left: 300px;
}

.btnSuiv {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FE8C05;
    border-radius: 5px;
    width: 100%;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    max-width: 200px;
    text-align: center;
    padding: 15px;
    margin-top: unset;
}

.input-container input.raisonSocial {
    font-size: 16px;
    font-weight: normal;
    color: #636161;
    border-radius: 4px;
    height: 47px;
    border: 1px solid #C6C6C6;
    padding-left: 50px;
    width: 500px;
}

.aide-code-siren {
font-size: 16px;
font-weight: normal;
color: #838282;
}

.trait-horizontal {
    border-bottom: 1px solid #DCDCDC;
    width: 98%;
    margin: 30px auto;
}

.label {
  font-size: 15px;
  font-weight: 600; 
  color: #424242;
}

.fleche {
    color: #A1A1A1;
    font-size: 34px;
    position: absolute;
    left: 50%;
    top: 55px;
}


.fleche-droit {
    color: #A1A1A1;
    font-size: 34px;
    position: absolute;
    left: 50%;
    top: 55px;
    padding-top: unset;
}

.icons-pladg{
	width: 30px; 
	margin-right: 6px;
}

.blocBtn {
    display: flex;
    margin: 15px auto;
    width: auto;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 990px;
    padding: 0 10px;
}

.pledg-iframe-overlay {
    background: rgba(255, 255, 255, 0.3);
	margin: 15px auto;
}

#stepReglement .banc-border span {
    text-transform: uppercase;
    position: absolute;
    top: -10px;
    padding: 0 15px;
    width: 210px;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 50%);
    background-color: #f4f4f4;
    letter-spacing: 2px;
}

#stepReglement .separators {
    border-right: 1px solid #B4B4B4;
    margin-left: 15px;
    margin-right: 15px;
    width: 1px;
    height: 98px;
}

#stepReglement .banc-border {
    border: 1px solid #C6C6C6;
    border-radius: 14px;
    margin: auto;
    width: 635px;
    padding: 20px 19px;
    margin-bottom: 20px;
    height: 80px;
    position: relative;
}

#stepReglement .displayPay {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 50px;
}

#pladgForm {
    display: block;
    overflow: unset;
    width: 95%;
    max-width: 900px;
    margin: auto;
}

#pladgForm label {
    font-size: 15px;
    font-weight: 600;
}

#pledg-funnel-container {
    margin-top: 10px;
}

.pladgFormParteOne {
    padding: 15px;
}

#steppladg {
    margin-top: 20px;
}

.messagess {
    text-align: center;
    font-weight: bold;
    color: #0171bc;
    font-size: 22px;
    margin-top: 25px;
}

.iconss  {
    text-align: center;
}

.iconss svg {
    margin-top: 0;
    margin-right: 0;
    transform: rotate(90deg);
    font-size: 65px;
    text-align: center;
}

.iconss svg path {
    stroke: #fff;
    stroke-width: 30px;
}

#confirmation-devis .account-bloc{
    width: 50%;
    background-color: #F3F3F3!important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    gap: 15px;
}

#confirmation-devis .support-bloc{
    width: 50%;
    font-size: 20px;
}

#confirmation-devis .support-bloc .name {
    font-weight: bold;
    color: #006bb3;
    font-size: 23px;
}

#confirmation-devis .home-btn {
    width: 100%;
    max-width: 395px;
    margin: auto;
    margin-top: 5px;
    padding: 10px 5px;
    border-radius: 5px;
    background: #FF8C05;
    font-size: 25px;
    font-family: "Titillium Web", Arial, sans-serif;
    font-weight: 600;
    color: white;
    cursor: pointer;
    margin-top: 25px;
	display: inline-block
}

#confirmation-devis #account-support {
    display: flex;
    width: 100%;
    text-align: center;
    max-width: 1199px;
    gap: 25px;
}

#confirmation-devis .title-confirmation-text {
    font-weight: bold;
    color: #006bb3;
    font-size: 36px;
    margin-bottom: 50px;
}

#confirmation-devis .support-img {
    border-bottom: solid 2px #C9C9C9;
    margin: 0 65px;
        margin-bottom: 15px;
}

#confirmation-devis .devis-n {
    color: #006bb3;
    font-weight: bold;
    font-size: 24px;
}

#confirmation-devis .devis-details {
    margin-top: 35px;
}

#confirmation-devis .devis-conc {
    margin-top: 5px;
}
#iconSirenNonValide {
    color: #ff0b0b;
    font-size: 22px;
    padding-top: 7px;
}
#iconSirenNonValide {
    color: #ff0b0b;
    font-size: 22px;
    padding-top: 7px;
}
.title-confirmation {
	text-align: center;
	margin-bottom: 15px;
}		
.title-confirmation i {
	color: #8cc63f;
	font-size: 85px;
}
#account-support {
	display: flex;
	width: 100%;
	text-align: center;
	max-width: 1199px;
}
#account-support .account-bloc {
	background-color: aliceblue;
	padding: 20px;
}
.title-confirmation-text {
	font-weight: bold;
	color: #006bb3;
	font-size: 25px;
}

.titleRightPayplug {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}

iframe[style*="z-index: 2147483647"] {
    z-index: 900 !important;
}