:root {
--font: Open Sans;


--base-color:  #0955D7;


--base-text-color: #ffffff;


--footer-color: #2F2F2F;


--footer-text-color: #FFFFFF;


--button-color: #0955D7;


--button-hover-color: #1A5FAF;


--button-text-color: #FFFFFF;


--header-color: #FFFFFF;


--header-text-color: #4A4A4A;


--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Open sans;
	font-size: 14px;
	color: #000000;
}



/*//////  Existant   /////*/

.menu-bar {
    background-color: #272727;
}

.page-content {
    margin-top: 0px !important;
}

.content-show{
	width: 100% !important;
	max-width: 100% !important;
}
@media (min-width: 640px) {
    .content-container {
        margin: 0px !important;
    }
}

.row.medium-uncollapse.es-product-list {
    margin: 30px auto 0;
}


.header .medium-3:first-child {
    width: 32% !important;
}

@media print, screen and (min-width: 40em) {
    .medium-push-6 {
        position: relative;
        left: 46%;
    }
}

@media (min-width: 640px) {
    .header-wrapper .row.header .logo-container {
        height: 120px !important;
        padding: 0px !important;
    }
}

.header-wrapper.fixed .row.header .logo-container {
    height: 75px !important;
    padding: 10px 15px !important;
}


.product-card .product-card-price .price .price-text {
    font-size: 2rem;
    font-weight: 400;
    color: #00b129;
}

/*/////   Nouveau   ////*/

.section{
	width: 100% !important;
	padding: 40px 0;
}

.ligne, .ligne-grid, .ligne-grid2{
	max-width: 1300px !important;
	padding: 20px 0;
	width: 90%;
}

.ligne.w80{
	width: 90%;
	margin: auto;
	display: flex;
	justify-content:center;
	/*flex-wrap:wrap;*/
}

.ligne.w100{
	width: 100%;
	margin: auto;
	display: flex;
	justify-content:center;
	/*flex-wrap:wrap;*/
}

.ligne-grid.w80{
	width: 90%;
	margin: auto;
    height: 900px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-gap: 25px;
}

.ligne-grid2.w80{
	width: 90%;
    margin: auto;
    min-height: 500px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 25px;
}

.ligne-grid .cardfade1{
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}

.ligne-grid2 .cardfade1{
    grid-column: 1 ;
    grid-row: 1 / span 2;
}

.ligne-grid .cardfade2{
    grid-column-end: span 2;
   }
.ligne-grid2 .cardfade2{
    grid-column: 2;
	grid-row: 1 ;
   }

.ligne-grid .cardfade3 {
    grid-column: 3 / span 1;
	
}

.ligne-grid2 .cardfade3 {
    grid-column: 3;
	grid-row: 1 ;
}

.ligne-grid2 .cardfade4 {
    grid-column: 2 ;
	grid-row: 2;
}

.ligne-grid2 .cardfade5 {
    grid-column: 3 ;
	grid-row: 2;
}


.ligne-grid .cardfade7 {
grid-column: 3 / span 2;
    grid-row: 3 / span 2;
}

.ligne-grid .cardfade8 {
    grid-column: 1 / span 2;
}

.box{
    position: relative;

    border-radius: 3px;
}
.ligne-grid picture{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    overflow: hidden;
    border-radius: 3px;
}


.ligne-grid picture img{
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    object-fit: cover;
    object-position: center;
}


.ligne-grid2 picture{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    overflow: hidden;
    border-radius: 3px;
}


.ligne-grid2 picture img{
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    object-fit: cover;
    object-position: center;
}


.box-promo-info {
    padding: 15px;
    top: 0;
    left: 0;
	width: 100%;
    max-width: 100%;
    height:100%;
    display: block;
    display: flex;
    position: absolute;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .35s;
    border-radius: 3px;
}
.box-promo-info:hover {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
	background-color: rgba(0,0,0,0.45);
}

.box-promo-info h2 {
    margin: 0 0 5px;
    padding: 0;
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2em;
    color: #FFFFFF;
    text-align: center;
    text-transform: inherit;
}

.box .hidded {
    max-height: 0;
    opacity: 0;
    overflow: visible;
    transition: all .25s ease-in-out;
}

.box:hover .hidded {
    max-height: 128px;
    opacity: 1;
}


.box-promo-info .add-txt {
    margin: 5px auto;
    padding: 0 10px 10px;
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 1.062rem;
    line-height: 1.2em;
    color: #FFFFFF !important;
    text-align: left;
    border: 0 solid rgba(255, 255, 255, 0.35);
    background-color: rgba(0, 0, 0, 0);
    transition: all .25s cubic-bezier(.65,.05,.36,1);
}
ul.add-txt{
	padding-left: 30px;
	color: #ffffff;
}

.add-txt li{
	padding-bottom: 5px;
    font-size: 13px !important;
    color: #ffffff;
    line-height: 1.1em;
}

.ligne .colone{
	margin-right: 5.5% !important;
}


.ligne .colone:last-child{
	margin-right: 0% !important;
}


.w80{
	width: 80%;
}

.w100{
	width: 100%;
}

.col1{
	width: 100% !important;
}

.col_1_2{
	width: 50% !important;
}

.col_1_3{
	width: 33% !important;
}

.col_1_4{
	width: 24% !important;
}

.col_1_5{
	width: 19% !important;
}

.col_1_6{
	width: 16% !important;
}

.borderrad25{
	border-radius: 25px !important;
}

.borderrad50{
	border-radius: 50px !important;
}

.padbot10{
	padding-bottom: 10px;
}

.padbot15{
	padding-bottom: 15px;
}

.marg20TB{
	margin: 20px 0 !important;
}



/*/////  BTN   ////*/

.btn-vert, .btn-vert:after, .et_pb_button_1, .et_pb_button_1:after, .et_pb_button_2, .et_pb_button_2:after {
    transition: all 300ms ease 0ms;
}

.et_pb_button {
    font-size: 20px;
    font-weight: 500;
    padding: .5em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
	
}



.btn-vert {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 6px;
    /*background-color: #0bbb00 !important;*/
	background-color: #1D57D9;
	text-decoration: none !important
}

.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
   background-color: #002b72;
	transition: all 300ms ease 0ms;
}



/*//////   TEXTE  ///*/

.fz22{
	font-size: 22px
}

.fz33 {
	font-size: 33px;
    font-weight: 700;
    font-family: Times, 'Times New Roman', 'serif';
}

.fz24 {
	font-size: 24px;
    font-weight: 700;
    font-family: Times, 'Times New Roman', 'serif';
}


.just{
	text-align: justify !important;
}

.centre{
	text-align: center;
}


.bandeaufinancement h1, .bandeautelephonie h1, .bandeauinfogerance h1, .bandeaugreen h1, .bandeaucontact h1{
    font-family: 'times';
    font-weight: 700;
    font-size: 40px !important;
    color: #0c389b !important;
}

/*///// Couleur et fond  ////*/
.fondGris{
	background-color: #F4F4F4;
}

.fondBlanc{
	background-color: #FFFFFF;
}


.bleuF{
	color: #1D57D9 !important;
}
.bleu{
	color: #0c389b !important; 
}

.vert{
	color: #0bbb00 !important;
}



/*/////   Modules   /////*/


/*/////  blurb icon gauche  ///*/
.et_pb_blurb_content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
	max-width: 550px;
	margin: auto;
	padding-bottom: 30px;
}

.et_pb_main_blurb_image {
    width: 15%;
    margin-right: 2%;
    text-align: right;
}

.et_pb_main_blurb_image img{
	width: 100%;
	height: auto;
	max-width: 100px;
}

.et_pb_blurb_container {
    width: 83%;
}


/*/////  blurb icon gauche petit  ///*/

.et_pb_blurb_container2 {
    width: 88%;
}
.et_pb_blurb_content2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
	max-width: 550px;
	margin: auto;
	padding-bottom: 10px;
}

.et_pb_main_blurb_image2 {
    width: 10%;
    margin-right: 1%;
    text-align: right;
}

.et_pb_main_blurb_image2 img{
	width: 100%;
	height: auto;
	max-width: 25px;
}


/*////  card   ///*/

.module_card{
	padding-bottom: 20px;
}

.imgcard img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-bottom: 20px;
}



/*///////   Accueil    /////*/

.header-bar-section-links-item{	
	font-weight: 700;
	font-size: 18px;
}

.row.collapse.promotions {
	width: 100% !important;
    max-width: 1300px !important;
}


.first-page-content {
	background-color: #FFF !important;
}

.first-page-content .section:first-child{
	padding: 0 !important;
}

.first-page-content .section{
	width: 100% !important;
	padding: 10px 0 !important;
}


/*////   banière   ///*/

.js-section-banniere .row.collapse {
    width: 100% !important;
    max-width: 100% !important;
}


.first-page-content h2{
	font-family: Times, "Times New Roman", "serif" !important;
	font-size: 35px !important;
	font-weight: 700 !important;
	line-height: 1.6em;
	color: #0955d7;
}



.iconaccueil, .iconaccueil2{
	display: block;
    text-align: center;
}


.iconaccueil:hover, .iconaccueil2:hover{
	display: block;
    text-align: center;
	text-decoration: underline !important;
	color: #000 !important;
}


.iconaccueil img{
	width: 80%;
	background-color: #0955D7;
     /*background-color: #c2e3ff;
    /* padding: 10px; */
    border-radius: 50%;
	margin: auto;
	
}

.iconaccueil img:hover {
    /*background-color: #D8E8F5;*/
	background-color: #c2e3ff;
	transition: all 300ms ease 0ms;
}
.texticoaccueil{
	padding-top: 5px !important;
	color: #0955D7;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
}

.texticoaccueil:hover{
	opacity: 1 !important;
	text-decoration: underline!important;
	color: #000!important;
}

/*//////  top seller ///*/
.js-section-meilleursventes .promoted-products{
	padding: 15px 0 !important;
}

.js-section-meilleursventes .TOP_SELLERS .row.collapse {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

.js-section-meilleursventes .TOP_SELLERS .small-product-list-label {
    color: #0955D7 !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
.js-section-meilleursventes .small-product-list-prices .small-product-list-price .product-price {
    font-size: 13px !important;
}

.js-section-meilleursventes .TOP_SELLERS .price-prefix {
    font-size: 11px;
}
.first-page-content .promoted-products__item {
    padding: 0 !important;
    border: 1px solid #c7c7c7;
}

.first-page-content .promoted-products .promoted-products__item-container{
	border-right: none !important;
}

.js-section-categorie_accueil .ligne{
	padding: 0px !important;
}


@media print, screen and (min-width: 64em) {
    .js-section-meilleursventes .TOP_SELLERS .large-2 {
        width: 22%;
    }
}


.carou {
    width: 10% !important;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 2%;
}

.img-carousel {
    border-radius: 15px !important;
    box-shadow: 0px 0px 3px #d1d1d1 !important;
    max-width: 100% !important;
}


.slick-prev:before, .slick-next:before{
	opacity: 1 !important;
    color: #1e57d9 !important;
}

.first-page-content .js-section-categorie_accueil{
	padding: 0px !important;
		
}

.first-page-content .product-price.price{
	font-weight: 600;
	
}
/*///   fond img   ////*/
.fond-img{
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: 50%;
	border-radius: 5px;
}

/*/////  Financement    ///////*/
.bandeaufinancement{
	background-image: url("/cmsimage/page/dc6db97e-f931-4cfb-b556-84dce4180391?rnd=0.14668368066989723") !important;
	background-size: cover;
	position: relative;
    background-position: 50%;
	padding-top: 25vh;
    padding-bottom: 0px !important; 
	    
}
.bandeaufinancement .ligne, .bandeautelephonie .ligne, .bandeautelephonie2 .ligne, .bandeautelephonie3 .ligne, .bandeauinfogerance .ligne, .bandeaugreen .ligne, .bandeaucontact .ligne{
	padding: 0 !important;
}	

.bandeaufinancement .col1, .bandeautelephonie .col1, .bandeautelephonie2 .col1, .bandeautelephonie3 .col1, .bandeauinfogerance .col1, .bandeaugreen .col1, .bandeaucontact .col1{
	width: 80% !important;
    background-color: rgba(255, 255, 255, 1);
    padding: 10px 30px 0 30px !important;
    text-align: center;
    border-radius: 10px 10px 0 0;
}

.fondfinancement1{
	background-image: url("/cmsimage/page/ce8c08af-c8f4-4334-bf5d-7f2423acffc6?rnd=0.2782983133985837") !important;
}

.fondfinancement2{
	background-image: url("/cmsimage/page/a28bd3bf-cf68-4046-a987-6611d4a62fa0?rnd=0.16958827312900726") !important;
}

.fondIT{
	background-image: url("/cmsimage/page/b0d79389-d2cb-4b4f-9a65-e1cedf744d9d?rnd=0.21588377025812644") !important;
	position: relative;
    background-color: #fff;
    background-position: 50%;
    background-size: 100%;
    background-size: cover;
}



/*/////  Telephonie   /////*/

.bandeautelephonie{
	background-image: url("/cmsimage/page/fcecddae-d09d-42bc-8d53-67398163c6a5?rnd=0.8735338615867072") !important;
	background-size: cover;
	position: relative;
    background-position: 50%;
	padding-top: 25vh;
    padding-bottom: 0px !important; 
}

.bandeautelephonie2{
	background-image: url("/cmsimage/page/616bb85e-fed7-4aa2-bd7f-5eb37028b6d8?rnd=0.9214460655591098") !important;
	background-size: cover;
	position: relative;
    background-position: 50%;
	padding-top: 25vh;
    padding-bottom: 0px !important; 
}
.bandeautelephonie3{
	background-image: url("/cmsimage/page/a92a576e-5599-4ff9-946a-b8576266aaa3?rnd=0.616074621225465") !important;
	background-size: cover;
	position: relative;
    background-position: 50%;
	padding-top: 25vh;
    padding-bottom: 0px !important; 
}

.fondtelephonie1{
	background-image: url("/cmsimage/page/90ba42e6-a0fb-4891-ada5-4ccdb61d9e27?rnd=0.12929833284363168") !important;
	background-position: left center !important;
}

.fondtelephonie2{
	background-image: url("/cmsimage/page/eedc208c-5353-455c-8e5a-c57d3a2d02ee?rnd=0.6583777464580356") !important;
}
.fondtelephonie3{
	background-image: url("/cmsimage/page/e345386b-f918-4d25-bc78-a9d1c27ca505?rnd=0.39734876081027504") !important;
}
.fondtelephonie4{
	background-image: url("/cmsimage/page/11c9dffe-2ac4-42b8-b50d-335048527149?rnd=0.13705114927807038") !important;
}

/*/////  Infogerance   /////*/

.bandeauinfogerance{
	background-image: url("/cmsimage/page/b3653356-72e7-4cb0-b659-6de91649229e?rnd=0.12733492889224662") !important;
	background-size: cover;
	position: relative;
    background-position: 50%;
	padding-top: 25vh;
    padding-bottom: 0px !important; 
}

.fondinfogerance1{
	background-image: url("/cmsimage/page/e1f3a240-d1aa-4593-9dda-71c416dedfa5?rnd=0.9760898476775042") !important;
}

.fondinfogerance2{
	background-image: url("/cmsimage/page/1d01b597-3404-49a9-a92c-b80f85a17fa5?rnd=0.26474908192623037") !important;
}


/*/////  green   /////*/

.bandeaugreen{
	background-image: url("/cmsimage/page/7617947a-87ac-4997-aa00-63bde8e751d3?rnd=0.436622507999086") !important;
	background-size: cover;
	position: relative;
    background-position: 50%;
	padding-top: 25vh;
    padding-bottom: 0px !important; 
}

.fondreconditione1{
	background-image: url("/cmsimage/page/9f210c01-2487-4f4d-89ea-6ef9f989b4a8?rnd=0.1839824191126309") !important;
	
}
.fondreconditione2{
	background-image: url("/cmsimage/page/e81a1bad-09c0-4cec-82f5-e6ee45803a28?rnd=0.7375724972976371") !important;
	
}
.fondreconditione3{
	background-image: url("/cmsimage/page/f63b67c2-ab38-4307-ba84-871d8466a06a?rnd=0.6268244723909369") !important;
	
}

/*////   Contatc  ////*/
[data-id='27']{
	margin: auto;
}

.bandeaucontact{
	background-image: url("/cmsimage/page/1773b69f-cb5f-423c-9d4f-3ab5158e3fc7?rnd=0.5098270953323811") !important;
	background-size: cover;
	position: relative;
    background-position: 50%;
	padding-top: 25vh;
    padding-bottom: 0px !important; 
}
/*/////   Accueil   ///*/
.fondpresentation{
	background-image: url("/cmsimage/page/de2c2c85-b2de-4738-9bd8-26ffa7f0655d?rnd=0.27340642577158336") !important;
}

.list-accueil{
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.col-list-1-2{
	width: 48%;
}

.list-accueil li{
	color: #0955D7;
}

/*////   FOOTER  /////*/


.footer-wrapper h3{
	margin-bottom: 20px !important;
}

ul.content-footer-wrapper li:nth-last-child(2) h3 {
    margin-bottom: 0px !important;
}

@media print, screen and (min-width: 64em) {
    .large-2 {
        width: 30%;
    }
}


/*//// Responsive  /////*/

@media screen and (max-width: 780px) {
	
	
	.header .medium-3:first-child {
    width: 70% !important;
	}
	
	.small-6.medium-3.columns.medium-push-6.header-right {
    width: 27% !important;
	}
	
	.header-bar-section.left {
    display: none;
	}
	.header-bar-section-links-item {
    font-weight: 700;
    font-size: 15px;
	}	
	
	.header-wrapper .row.header .logo-container{
		height: 60px !important;
	}
	
	
	.ligne .colone {
    margin-right: 1.5% !important;
	}
	.ligne.w80, .ligne.w100 {
    width: 95% !important;
    margin: auto;
    display: flex;
    justify-content: center;
   	flex-wrap: wrap !important;
	}
   .col_1_6, .col_1_5 {
    width: 46% !important;
	}
	
	.carou {
    width: 30% !important;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 2%;
	}
	
	.col_1_2, .col_1_3, .col_1_4 {
    width: 100% !important;
	}

	.reverse {
    flex-direction: column-reverse;
	}
	
	.fondpresentation, .fondtelephonie1, .fondtelephonie2, .fondtelephonie3, .fondtelephonie4, .fondinfogerance1, .fondinfogerance2, .fondreconditione1, .fondreconditione2, .fondreconditione3, .fondfinancement1, .fondfinancement2{
		height: 200px;
		margin-bottom: 15px;
	}

	
	.ligne, .ligne-grid, .ligne-grid2 {
    	padding: 5px 0 !important;
	}
	
	.bandeaufinancement, .bandeautelephonie, .bandeautelephonie2, .bandeautelephonie3, .bandeauinfogerance, .bandeaugreen, .bandeaucontact {
   		padding-top: 20vh !important;
	}
	
	.bandeaufinancement .col1, .bandeautelephonie .col1, .bandeautelephonie2 .col1, .bandeautelephonie3 .col1, .bandeauinfogerance .col1, .bandeaugreen .col1, .bandeaucontact .col1 {
   		width: 100% !important;
		padding: 10px 0 !important;
	}
	
	.bandeaufinancement h1, .bandeautelephonie h1, .bandeauinfogerance h1, .bandeaugreen h1, .bandeaucontact h1 {
    	font-family: 'times';
    	font-weight: 700;
   		font-size: 24px !important;
    	color: #0c389b !important;
    	line-height: 1.2em !important;
	}
	
	.fz33 {
    font-size: 25px!important;
    line-height: 1.1em !important;
}
	
	.fz24 {
    font-size: 21px;
    font-weight: 700;
    font-family: Times, 'Times New Roman', 'serif';
		line-height: 1.1em !important;
}
	.fz22 {
    font-size: 20px;
		line-height: 1.1em !important;
}
	.ligne-grid.w80{
	width: 90%;
	margin: auto;
    height: 2300px !important;
    display: grid;
    grid-template-columns:1fr!important;
		grid-template-rows: auto !important;
    grid-gap: 25px;
}

.ligne-grid2.w80{
	width: 90%;
	margin: auto;
    height: 1500px !important;
    display: grid;
    grid-template-columns:1fr!important;
		grid-template-rows: auto !important;
    grid-gap: 25px;
}

.ligne-grid .cardfade1, .ligne-grid .cardfade2, .ligne-grid .cardfade3, .ligne-grid .cardfade4, .ligne-grid .cardfade5, .ligne-grid .cardfade6, .ligne-grid .cardfade7, .ligne-grid .cardfade8, .ligne-grid2 .cardfade1, .ligne-grid2 .cardfade2, .ligne-grid2 .cardfade3, .ligne-grid2 .cardfade4, .ligne-grid2 .cardfade5, .ligne-grid2 .cardfade6 {
    grid-column: 1!important;
	grid-auto-rows: auto !important;
	grid-row: auto !important;
}

	.box:hover .hidded {
    max-height: 180px!important;
    opacity: 1;
}

	
	.et_pb_button {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: .5em 0.3em !important;
	}
	
	
}


/* Netset ADDON CSS */

.header-wrapper .header-bar-section-links-item {
  color: #0050d5;
}

a, .f-dropdown .link, .side-nav li a.link:not(.button), .link, .action, .file-upload-existing {
  /* color: #000; */
  color: #0050d5;
}