/**
css non versionné modifié uniquement par CUC
**/
/*Guide2016 Home Page CUC
#col-left .blocs-sol li.guides2016 .content {
	*/
#col-left .blocs-sol li.guides2016 {

    background:  url(/media/cms/CUC/commun/pageHome/bg-guides.jpg) no-repeat;
	Display: block;
    text-decoration: none;
	height: 141px;
    padding: 1px 9px 0px 0px;
}

ul li.guides2016 p {
    margin: 20px 0 0 65px;
}

ul li.guides2016 h3 {
    margin: 10px 0 0 80px;
}

ul li.guides2016 .content {
    display: block;
    text-decoration: none;
}


#col-left .blocs-sol li.centre-de-formation {
    background: url('../images/bg-formation.jpg') no-repeat 0 0px;
    padding: 0 7px 0 0;
    display: block;
    text-decoration: none;
}
/* Fin Guide Home Page CUC */


/* Page Marketing Revendeur  CUC */
.sidebar-left2 {
    float: left;
    width: 152px;
    position: relative;
    background: none;
    padding:inherit;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}
.sidebar-left2 ul {
    padding: 0px 0 0 0;
    color: #6e674e;
	}

/* Fin Page Marketing Revendeur  CUC */

/* Popin Home CUC */

	.popin.home {
    left: 0;
	}

/* .popin.home {
    margin: auto;
    left: 0;
	}

body.cms-index-index .popin {
    top: inherit;
}*/


/* Fin Popin Home CUC */


/* Page Telechargement */

div.encart-page-telechargment-catalogue-2017 {
    background: url(/media/cms/CUC/commun/pageTelechargement/pageEcatalogue.png) no-repeat;
    width: 80px;
    height: 69px;
    float: left;
    background-position: 0px -48px;
}
div.encart-page-telechargment-catalogue-2018 {
    background: url(/media/cms/CUC/commun/pageTelechargement/pageEcatalogue.png) no-repeat;
    width: 80px;
    height: 69px;
    float: left;
	background-position: -82px -48px;}

	div.encart-page-telechargment-catalogue-2019 {
    background: url(/media/cms/CUC/commun/pageTelechargement/pageEcatalogue.png) no-repeat;
    width: 80px;
    height: 69px;
    float: left;
		background-position: -160px -48px !important;}

/* Fin Page Telechargement */

/* Picto remise */
.valeur_promo {
    color: #fff;
    font-size: 125%;
    text-align: center;
    width: 40px;
	background-color: #d80d10;
	font-weight:600;
	padding-top: 2px;
	height: 20px;
	line-height:130%;
	}

.td-price .valeur_promo {
    border: 0;
    width: 40px;
    height: 20px;
    margin-left: 100px;
    padding-top: 2px;
    font-size: 14px;
    background-color: #d80d10;
    color: #fff;
	}

.td-img-product .valeur_promo, .product_grid_encart .valeur_promo {
    border: 0;
    width: 40px;
    position: absolute;}

.td-img-product .valeur_promo {
    top: 28px;
    background-color: #d80d10;
    color: #fff;
    font-size: 125%;
    padding: 4px 0 3px 0;
    font-weight: bold;	}

/* Fin Picto remise */


/* Picto Flag promo destock nouv */


.picto_flag.promotion {
    background-color: #d80d10;
}
.td-img-product .picto_flag {
    position: absolute;
    width: auto;
    padding: 3px;
    text-transform: uppercase;
    /* font-weight: bold; */
    top: 5px;
}
.picto_flag {
    font-family:Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 90%;
    text-align: center;
    width: auto;
    margin-bottom: 2px;
    position: absolute;
    padding: 3px;
    text-transform: uppercase;
	font-weight: bold;
	line-height:120%;
	border: 1px solid #d80d10;
	}

.picto_flag.destock {
    color: #636262;
    background-color: #ffdd00;
    border: 0;
    /* color: #ec8214; */
    border: 1px solid #ffdd00;}

	div.homepage-list.widget-container .picto_flag {
    font-size: 94%;}
.product_grid_encart .valeur_promo {
    top: 25px;
    background-color: #d80d10;
    color: #fff;
    padding: 2px 1px 1px 1px;
}

.picto_flag.new {
    background-color: #00b0ff;}

.homepage-grid-item.item.no-discount a.product_link div.picto_flag.page_rayon.new {
    background-image: none;
    background-color: #4c4c4c;
    color: white;
	border: 1px solid #4c4c4c;
}

.homepage-grid-item.item.no-discount a.product_link div.picto_flag.page_rayon {
    font-family:Arial, Helvetica, sans-serif;;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 3px;
    position: absolute;
    text-align: center;
    line-height: 15px;
    text-transform: uppercase;
    width: auto;
    top: inherit;
    left: inherit;
    height: inherit;
    display: inherit;
    margin-top: 30px;
	line-height:120%;}

	.main-pdt .valeur_promo {
		font-size: 140%;
    background-color: #d80d10;
    color: #fff;
    padding: 2px 0 2px 0;}

	.promotion-value span.valeur_promo {
		    color: #fff;
    background-color: #d80d10;
    padding: 2px 0 2px 0;
	}
	.catalog-product-view .picto_flag {
    background-color: #d80d10;
    color: white;
    font-size: 125%;
    height: 14px;
    text-align: center;
    width: 99px;
    margin-bottom: 2px;
    position: relative;
    padding: 4px 2px;}

	.picto_flag.destocking {
    background-color: #ffdd00;
    color: #636262;
	border: 1px solid #ffdd00}

	.picto_flag.new {
    background-color: #4c4c4c;
	border: 1px solid #4c4c4c;
}

/* Fin Picto Flag promo detock nouv */

/* Page info société */

.registration-content h2.titre-groupe {
    width: 179px;
	background: url(../images/title-azenn-connect.png) no-repeat 0 0;}

/* Fin Page info société */




/*Prestations logistiques Home Page CUC
#col-left .blocs-sol li.prestalog .content {
	*/
#col-left .blocs-sol li.prestalog {

    background:  url(/media/cms/CUC/commun/pageHome/ban-presta-log2.jpg) no-repeat;
	Display: block;
    text-decoration: none;
	height:144px;
 	padding: 4px 9px 0px 0px;
}

ul li.prestalog p {
    margin: 20px 0 0 65px;
}

ul li.prestalog h3 {
    margin: 10px 0 0 80px;
}

ul li.prestalog .content {
    display: block;
    text-decoration: none;
}

/* Fin Prestations logistiques Home Page CUC */

/* Modif Footer */

#footer {
    background: #e4e4e4 none repeat scroll 0 0;
    /* margin: auto; */
    padding: 10px 0;
    width: 100%;}
	/* width: 970px; */

.title-col {
    text-transform: uppercase;
    font-size: 14px;
    color: #6f6f6f;
    display: block;
    margin-bottom: 4px;
}
#footer .inner-footer .title-col {
    text-transform: uppercase;
    font-size: 14px;
    color: #6f6f6f;
    display: block;
    margin-bottom: 10px;
}

#footer ul li a {
    display: inline-block;
    padding: 0 10px 0 0;
    color: #6f6f6f;
    background:none;
	font-size:12px;
	line-height:18px;
}



/* Fin Modif Footer */


/* Modif slider home */
.billboards-container {
    position: relative;
    height: 301px;
    border:none;
    overflow: hidden;}
/* Fin modif slider home */

/* css formualaire test matthieu */
.text-formulaire {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:14px;
	color:#000;
	}
/* Fin css formualaire test matthieu */

/* css bar cookies */
#v-cookielaw.v-bar.v-bottom {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    box-sizing: border-box;
    padding: 12px 130px 12px 130px;
    font-weight: bold;
    border: none;
	line-height: 18px;}
/* Fin css bar cookies */

/* css vignette remise widgets grid */
.valeur_promo {
    border: 1px solid #D80D10;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    width: 42px;
    background-color: #d80d10;
    /* line-height: 19px; */
    padding: 2px 1px 1px 1px;
}
/* css vignette remise widgets grid */


/* css col left engagements */

.txtdevis {
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-display: swap;
		font-size: 23px;
		color: #2b3a4c;
		font-weight: normal;
		line-height: 21px;
		margin-left: 7px;
   		float: left;
		margin-top: 4px;
	    margin-right: 12px
	}
	.accdevis {
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-display: swap;
		font-size: 13px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #00aeef;
		border: 1px solid #00aeef;
    	border-radius: 3px;
		text-align: center;
		margin-top: 10px;
		padding: 3px;
	}
	h5 {
		font-size: 21px;
		color: #2a3137;
		font-weight: 400;
		text-align: center;
		line-height: 23px;
		margin: 0;
		padding: 4px 0 0 0;
	}
	.h5_2 {
	 font-size:35px;
	color: #d80d10;
	font-weight: 700;
	line-height: 35px;
}



	div.parent:hover .accdevis{
		color: #00aeef;
		background-color: inherit;
		border: 1px solid #00aeef;
	}

	.blocdevis {
	padding:12px;
	background-color: #f7f7f7;
	margin-top: 10px;
	text-decoration: none;
	margin-bottom: 10px;
	}


	.linkConfigurateur:hover {
		opacity: 0.5;
	}
	a.blocLeftBoutiques {
		width:192px;
		height:200px;
		border-left: 1px solid #f7f7f7;
    	border-bottom: 1px solid #f7f7f7;
    	border-right: 1px solid #f7f7f7;
    	border-top: 0;
		text-align:center;
		float:left;
		text-decoration:none;
		background-color: #f7f7f7;
	}

	a.blocLeftBoutiques:hover{
	opacity: 0.5;
    border-left: 1px solid #363636;
    border-bottom: 1px solid #363636;
    border-right: 1px solid #363636;
    border-top: 0;
	}
	span.titreboutique {
		font-size:22px;
		color:#363636;
		font-family:Helvetica, Arial, sans-serif;
		line-height: 35px;
	}
	.h2engagements {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#fff;
		background:#363636;
		text-align:center;
		padding:9px 0;
		letter-spacing:0;
		text-transform:uppercase;
		display:block
	}




	a.sectionstyle {
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-display: swap;
		background-color: #f7f7f7;
		text-decoration:none;
		text-align: center;
		text-transform: uppercase;


	}
	.baselineconf {
		font-size: 16px;
		font-weight: 700;
		color: #2a3137;
		line-height: 16px;
		margin-bottom: 4px;
	}
	.btn {
		text-align: center;
		background-color: #d80d10;
		text-decoration: inherit;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-display: swap;
		font-size: 19px;
		padding: 11px 0 11px 0;
		color: #fff;
		display: inline-block;
		width: 192px;
		text-transform: uppercase;
		font-weight: 700;
	}
	.blocconfig {
		text-align: center;
		background-color: #f7f7f7;
		border: 1px solid #929292;

	}
	.blocconfig:hover {
		opacity: 0.5;

	}
.txtcatalogue {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #363636;
		margin: 5px 0 8px 0;
		padding-left: 10px;
	}
.call {
    text-align: center;
    background-color: #d80d10;
    text-decoration: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 12px 0 12px 0;
    color: rgb(255, 255, 255);
    display: inline-block;
	text-transform:uppercase;
	letter-spacing: 0.2px;
	width: 192px;
	text-decoration: none;
}
	.call:hover {
   	opacity: 0.5;
	text-decoration: none;
}

.blocto {
   	opacity: 1;
	text-decoration: inherit;

}

.blocto:hover {
	opacity: 0.5;
	text-decoration: inherit;
}
.h2demandecata     { background-color: inherit;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-display: swap;
		text-transform:uppercase;
		color: #d80d10;
		font-weight:lighter;
		font-size: 22px;
		text-align: left;
		padding: 0 0 0 10px;
		line-height: 21px;}
.txtnewsletter {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #363636;
		margin: 5px 0 8px 0;
		padding-left: 10px;
	}
.h2_solutions {  background-color: #363636;
    font-size: 14px;
    font-family: arial,verdana,sans serif;
    text-align: center;
    padding: 10px 0;
    letter-spacing: 0;
	color: #fff;
    text-transform: uppercase;}


	.lignesolution {
	background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #6f6f6f;
    text-decoration: none;
    line-height: 51px;
	fill: #6f6f6f !important;
	width: 194px;
    height: 49px;
	display: block;
	border-bottom: 1px solid #929292;

	}
	.lignesolution:hover {
	background-color: #d80d10;
	text-decoration: none;
	color: #fff;
	fill: #FFFFFF !important;
	}

	.position_svg {
	float: left;
	margin: 10px 8px 0 8px;
	height: 28px;
	}

/* Fin css col left engagements */

/* css Slider Home ECF */
.btnsliderecf{
	height: 32px;
	border-radius: 4px;
	font: 14px/33px arial,sans-serif;
	display: inline-block;
	text-align: center;
	position: relative;
	margin-top: 25.6%;
	text-transform: uppercase;
	padding: 0 20px 0 20px;
	transition: 0.3s;
}.img_slider {
	position: absolute;
	width: 968px;
	display: block;
	text-align: center;}
/* Fin css Slider Home ECF */

/* css Espace Client (filet suivi de commande) */
.info {text-decoration: underline;}
/* Fin css Espace Client (filet suivi de commande) */

/* css Correction menu header en version EN */
.nav > ul > li.menu-nouv a, .nav > ul > li.menu-promotion a, .nav > ul > li.menu-dest a {
	padding: 8px 8px 6px 8px !important;}

	.nav>ul>li.menu-nouv:hover a, .nav>ul>li.menu-promotion:hover a, .nav>ul>li.menu-dest:hover a {
  	padding: 8px 8px 6px 8px !important;
	text-decoration: inherit;}

.nav > ul > li.menu-nouv:hover, .nav > ul > li.menu-promotion:hover, .nav > ul > li.menu-dest:hover {
    border-top: none;
    border-bottom: none;
}
div#main div#header div.nav_strap div.nav ul li.menu-promotion:hover {
	background: none !important;
    background-color: rgba(255, 255, 255, 0.5)!important;
}
.nav>ul>li.menu-promotion:hover>a {
    background-color: rgba(255, 255, 255, 0)!important;
}
.nav > ul > li.menu-dest:hover {
    background: #edb800!important;
}
.nav>ul>li.menu-nouv:hover a {
    background: none;
}
/* Fin css Correction menu header en version EN */

/* css bouton "voir tous les produits" des widgets */
.bottom-link-grid {
    background-color: rgb(216, 13, 16);
    font-size: 10px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    padding: 3px 6px 1px 8px;
    letter-spacing: 0.99px;
    max-width: fit-content;
    margin-left: auto;
    margin-bottom: 15px;
	max-width: -moz-fit-content;
	width: -ms-max-content;
	width: -o-max-content;
	width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
width:158px;
}
.bottom-link-grid a {
    color: white !important;

}

/* Fin css bouton "voir tous les produits" des widgets */

/* css Header ECF charte Azenn */
.header_container {
	width: 100%;
    height: 190px;
    background-image: url(/media/cms/CUC/commun/pageHome/Header/2021/bg-header-ecf-2021.jpg);
    background-position: center;
	background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.log_in .espace-clt a,
#mini-express-order a {
    font-family: 'Calibri', sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #ffffff;
}
.center-bloc-header {
    background-color:transparent;
}
.nav_strap {
    background: none;
    margin-top: -40px;
}
.nav > ul {
    background: none;
}
.mini_cart .mon-panier a {
    display: block;
    font-size: 14px;
    background: none;
    color: #fff;
}
.mini_cart .mon-panier a span.price, .mini_cart .mon-panier a span.minicart_price {
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
	font-family: Calibri, Arial, Helvetica;
}
.header-fixed.png_bg {
    background: #f51d1e;
    height: 47px!important;
}
.header-fixed .center-bloc-header.png_bg {
    background: #f51d1e;
}
.mini_cart .mon-panier a span.products-cart-qty {
    font-family: Calibri, Arial, Helvetica;
	padding-top: 0px;
}
.right-bloc.in, .right-bloc.out {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.log_in .espace-clt-create-account a {
    color: #ffffff;
}
.log_in .espace-clt-create-account a {
    font-size: 14px;
    padding: 0px 0px 0 29px;
    background: url(/media/cms/CUC/commun/pageHome/Header/2020/new_user.svg) no-repeat 0 9px;
    font-family: Calibri, Arial, Helvetica;
    display: block;
    height: 35px;
    background-size: 25px;
    width: 0;
}
.log_in .espace-clt-create-account a span:hover {
    color: #ffffff;
}
.t-title-page {
    margin-bottom: 20px;
    background: inherit;
}
.menu-haut li a {
    color: #ffffff;
}
.t-title-page ul.menu-haut {
    font-size: 17px;
    color: #ffffff;
    padding: inherit;
    font-family: Calibri, Arial, Helvetica;
	margin-left: 31px;
	text-transform:inherit;
}
.t-title-page .phone-haut {
    margin: 0px 40px 0 0;
}
.menu-haut li + li {
    background: none;
    padding-left: 22px;
}
.t-title-page .menu_langue {
    margin: 5px 12px 0 0;
}
#search_mini_form .form-search button span {
    background: url(/media/cms/CUC/commun/pageHome/Header/2020/picto_loupe_noir.svg) no-repeat !important;
	height: 28px !important;
	margin: 3px 0 0px 7px;
	width: 25px;
}
.log_in .espace-clt-create-account a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.center-bloc-header.png_bg .infos-mini-header > ul > li > a:hover, .center-bloc-header.png_bg .infos-mini-header > p > a:hover {
    text-decoration: underline;
}
#mini-express-order > a:hover {
    text-decoration: underline;
	color: #fff;
}
.cta_proav {
	background-color: #65283C;
    padding: 3px 12px 5px;
    text-decoration: none;
    transition: 0.3s;
    margin-left: 0px;
    margin-right: 0px;
	}
.cta_proav:hover {
	background-color: #582334;
    text-decoration: none;
	transition: 0.3s;
	}
.cta_security {
	background-color: #65283C;
    padding: 3px 12px 5px;
	text-decoration: none;
	transition: 0.3s;
	margin-right: 65px;
    margin-left: -21px;
	}
.cta_security:hover {
	background-color: #582334;
    text-decoration: none;
	transition: 0.3s;
	}
/* Fin Modifications Header ECF charte Azenn */

/* Modifications search vers EN */
#search_autocomplete.search-autocomplete {
    top: 100px!important;
    left: 268px!important;
	width: 312px!important; }
/* Fin Modifications search vers EN */

/* Patch lien BG all page ECF */
.link_left {
    height: 978px !important;
}
.link_right {
    height: 978px !important;
}
/* Fin patch lien BG all page ECF */

/* Patch affichage logos widgets NET */
img.brand {
    image-rendering: -webkit-optimize-contrast;
}
.brand-logo {
    image-rendering: -webkit-optimize-contrast;
}
/* Patch affichage logos widgets NET */