@import url('https://fonts.googleapis.com/css?family=Ubuntu');
.account table thead {
	background-color: #D8D8D8 !important;
}
.account table thead th {
	font-weight:600 !important;
	color: black !important;
	border: 1px solid #BBBBBB !important;
}
.action.primary {
    background: #3a9dae !important;
    border: 1px solid #3a9dae !important;
	font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
	transition: background-color 0.3s ease;
}
.action.primary:focus,.action.primary:active {
    background: #086b7c !important;
    border: 1px solid #086b7c !important;
}

.action.primary:hover {
    background: #086b7c !important;
    border: 1px solid #086b7c !important;
}

body{
	font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
	font-size:1.6em;
	overflow-x:hidden;
}
.reliquats-history-title{
	
	background-color: #FFF;
	height: 0px;
	line-height: 0px;
}
.ecp_li li:before{
	content:"»  ";
	color: #3a9dae;
}
.ecp_li li{
	list-style:none;
}
.lien_gris a{
	color: #575757;;
}
.lien_gris a:hover{
	color: #000;
}
.text-justify{
	text-align:justify;
}


/************************ Changement couleur et réarrangement ************************************************/

.minicart-wrapper .action.showcart .counter.qty {
	background: #18A5B6		!important;
    position: absolute;
    top: -12px;
    right: -8px;
    border-radius: 100%;
    height: 18px;
    min-width: 18px;
    padding: 0;
	line-height: 18px;
	font-size: 12px;
}
.miniquote-wrapper .action.showquote .counter.qty {
    background: #18A5B6	!important;
}
.level0.has-active > .level-top {

    border-color: #18A5B6	!important;
}
.navigation .level0 .submenu .active > a {

    border-color: #18A5B6	!important;
}
.navigation .level0.active > .level-top {
    border-color: #18A5B6	!important;
}

.quote-btn-list {

    background: #eeeeee	!important;
    border: solid 2px #696969	!important;
}
.quote-btn-list:hover, .quote-btn-list:focus, .quote-btn-list:active{

    background: #696969	!important;
    border: solid 2px #696969	!important;
}
#magebees-addtoquote-button {

    background: #eeeeee	!important;
    border: solid 2px #696969	!important;
	transition: background-color 0.3s ease;
}
#magebees-addtoquote-button:hover, #magebees-addtoquote-button:focus, #magebees-addtoquote-button:active{

    background: #696969	!important;
    border: solid 2px #696969	!important;
}

.navigation .level0.parent > .level-top > .ui-menu-icon:after {
	color: #18A5B6	!important;
}
@media all and (min-width: 768px), print {
.nav-sections {
   background: #FFF;
   position:relative;
   border-bottom:1px solid #EEE;
}
.nav-sections:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    bottom:0px;
    left:20%;
    right:20%;
    width:60%;
    height:50%;
    -moz-border-radius:100%;
    border-radius:100%;
}
}
.navigation {
    background: #FFF	!important;
}

.logo img{
	
	width:254px;
	height: auto;
}
@media screen and (min-width: 768px){
.logo {
    margin: -5px auto 0 0	!important;
}
}
.breadcrumbs a {
	color:#a4a4a4;
}
.breadcrumbs a:hover{
	color: rgb(51,51,51);
	text-decoration:none;
}
.breadcrumbs .item{
	color:#a4a4a4;
}
.breadcrumbs .item a {
	color:#a4a4a4;
}
.breadcrumbs .item a:hover {
	color: rgb(51,51,51);
}
.block-collapsible-nav .content {
    background: #F5F5F5	!important;
}
.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong {

    border-color: #18A5B6;
}
.block .block-title strong{
	font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
}
.block-order-details-view .block-content .box .box-title span, .block-dashboard-addresses .block-content .box .box-title span, .block-addresses-default .block-content .box .box-title span, .block-addresses-list .block-content .box .box-title span, .block-dashboard-info .block-content .box .box-title span, .block-order-details-total .block-content .box .box-title span {
	font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
}
.pol{
	font-size: 1em	!important;
	
}
.invoices-history {
    margin-top: 50px	!important;
}
.ttxzip2{
	height:28px;
	line-height:28px	!important;
	font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
	top:-40px 	!important;
}
.cart.table-wrapper .product-item-name a{
	color: #3a9dae;
}

.retour-options .divform{
	left:0;
	font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
	height:auto	!important;
	margin-bottom : 20px;
}
.inputdiv{
	font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
}
.retour-input{
	
	color: #333333	!important;
}
.retour-area{
	color: #333333	!important;
}
input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], textarea {
	font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
}
.invoice-history-options .row{
	margin-left:0	!important;
}
.product-social-links .action.towishlist::before, .block-bundle-summary .action.towishlist::before, .product-item .action.towishlist::before, .table-comparison .action.towishlist::before {
    content: '\e605';
}
.titreaccor{
	color:#FFF	!important;
	background-color:#3a9dae	!important;
	font-weight:bold;
}
.account .block-order-details-total .block-content .box-content .separate{
	border: 2px solid #3a9dae	!important;
}
.col2 {
	font-size:0.9em	!important;
}
.col1 {
	font-size:0.9em	!important;
}
.block .block-title {
	background-color:#3a9dae	!important;
	padding-bottom:0px	!important;
	border:0	!important;
}
.block .block-title strong{
	color:#FFF	!important;
	height:37px	!important;
	line-height:37px	!important;
}
.form-address-edit .fieldset .legend, .form-edit-account .fieldset .legend, .form-newsletter-manage .fieldset .legend {
	background-color:#3a9dae	!important;
	padding-bottom:0px	!important;
	border:0	!important;
}
.form-address-edit .fieldset .legend span, .form-edit-account .fieldset .legend span, .form-newsletter-manage .fieldset .legend span{
	height:37px	!important;
	line-height:37px	!important;
	margin-left:20px	!important;
}
.dbtpage{
	background: #AAAAAA	!important;
	border: 1px solid #AAAAAA	!important;
}

#my-quote-table .product-item-details p{
	color: #999;
	font-style: italic;
	font-size: 0.7em;
}
#cde-sum-data-table tr td:first-child{
	color: #999;
	font-style: italic;
	font-size: 0.7em	!important;
	vertical-align:top;
	padding:2px 4px 0px 4px!important;
	
}
.contain-exp .table-wrapper td{
	padding:0 4px;
	font-size:0.9em	!important;
}
.contain-exp tr td:first-child{
	color: #999;
	font-style: italic;
	font-size: 0.7em	!important;
	vertical-align:top;
	padding-top:2px	!important;
	
}
.contain-exp tr th{
	text-align:center	!important;
	
}

#my-reliquatss-table tr td:nth-child(0n+4){
	color: #999;
	font-style: italic;
	font-size: 0.7em	!important;
	vertical-align:top;
	padding-top:15px	!important;
	display:none;
}
#my-reliquatss-table tr th:nth-child(0n+4){
	display:none;
}

.fotorama__thumb-border {
	border: 1px solid #18A5B6	!important;
}
.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong {
    font-weight: 700	!important;
}
.trackings {
    border-color: #696969	!important;
    background-color: #696969	!important;
    color: #FFF	!important;
	font-weight:bold;
	transition: background-color 0.3s ease;
	padding:0 10px;
	width:100%	!important;
}
.trackings:before{
    font-family: 'luma-icons';
	content: '\e623\0000a0';
	font-size:0.8em;
}
.tracking {
    font-weight:bold;
}
.tracking:before {
    font-family: 'luma-icons';
	content: '\e619\0000a0';
	font-size:0.8em;
}

.cart.table-wrapper .action-towishlist:before {
    font-family: 'luma-icons';
	content: '\e605';
}
.cart.table-wrapper .action-towishlist {
    color: #666666;
	font-weight: 600;
	letter-spacing: .05em;
	text-decoration: none;
	font-size:0.9em;
}
.cart.table-wrapper .action-towishlist:hover {
    color: #333333;
}

#block-discount-heading:before {
    font-family: 'luma-icons';
	content: '\e60c';
}
#block-discount-heading {
    color: #666666;
	font-weight: 600;
	letter-spacing: .05em;
	text-decoration: none;
	font-size:0.9em;
}
#block-discount-heading:hover {
    color: #333333;
}
.abs-discount-block .actions-toolbar .action.primary:not(:focus), .abs-discount-block .actions-toolbar .action.cancel:not(:focus), .block-compare .action.primary:not(:focus), .cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus), .cart-summary .form.giftregistry .fieldset .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.cancel:not(:focus), .cart-discount .actions-toolbar .action.primary:not(:focus), .cart-discount .actions-toolbar .action.cancel:not(:focus) {
    box-shadow: none;
}
button:not(.primary) {
    box-shadow: none	!important;
}
.abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel {
    color: #FFF;
}

.primary-submit {

	margin-left: 0	!important;
    font-weight:bold;
    background-color:#3a9dae	!important;
    font-family: 'Ubuntu', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif	!important;
    font-size: 1em	!important;
    border-radius: 3px	!important;
	outline: none	!important;
	border:none	!important;
	padding:0 20px;
}
.primary-submit:hover {
    background-color:#086b7c	!important;
}

.fotorama__active .fotorama__dot {

    background-color: #3a9dae	!important;
    border-color: #3a9dae	!important;

}

.divref {
    width: 30%	!important;
}

@media (max-width: 768px) {
	.divref {
    width: 95%	!important;
	padding:0 15px;
	margin:15px 0;
}
}
.toquote span:before{
	content:"»  ";	
}
.tocart span:before{
	content:"»  ";	
}
.fond {

    background-color: #EEEEEE	!important;
}
.account table tbody tr:nth-child(2n) {
    background-color: #EEEEEE	!important;
}
.imgloc2 {
    background: url('/pub/media/wysiwyg/icones/search.png') center center no-repeat	!important;
	background-color:#3a9dae	!important;
	transition: background-color 0.3s ease;
}
.imgloc2:hover{
	background-color:#086b7c	!important;
}
@media only screen and (max-width: 767px) {
.navigation .level0.active .all-category .ui-state-focus {
	  border-color: #18A5B6;
}
}
.toolbar-products {
    background-color: #F5F5F5;
    padding: 10px;
}
@media only screen and (max-width: 767px) {
.filter .block-title {
	  background-color: transparent	!important;
}
.filter .block-title strong{
	  color: #333333	!important;
	  padding:4px 5px;
	  height:32px	!important;
	  line-height:32px	!important;
	  box-shadow:none	!important;
}
.filter .block-title strong:hover{
	  background-color: #DDDDDD;
	  cursor: pointer;
}
.customer{
	
	display:none	!important;
}

}
.spantit {
    width: 200px	!important;
}
.smile-es-range-slider .ui-slider-handle {
    background: #3a9dae;
}

.miniquote-items .product-item-details .price{
	display:none;
}
#shopping-quote-table .add-qty-link{
	background: #3a9dae	!important;
	text-decoration:none;
}

.columns{
	
	display:block;
}

.quote-msg-collection .ui-state-active, .quote-msg-collection .ui-widget-content .ui-state-active, .quote-msg-collection .ui-widget-header .ui-state-active {
    border: 1px solid rgb(211, 211, 211)	!important;
	background-color: rgb(211, 211, 211)	!important;
	color:#333333	!important;
}

[id^="attachment_"] a:before{
	content:"»  ";
	color: #3a9dae;
}
.miniquote-items .price-container{

    display: none;

}
.items.addresses{
	width:100%;
}
.opc-wrapper .shipping-address-item.selected-item {
    border-color: #3a9dae;
}
.opc-wrapper .shipping-address-item.selected-item::after {
    background: #3a9dae;
}
.opc-progress-bar-item._active::before {
    background: #3a9dae	!important;
	border-color: #3a9dae	!important;
}
.opc-progress-bar-item._active > span::before {
    background: #3a9dae	!important;
	border-color: #3a9dae	!important;
}
.opc-progress-bar-item._active > span::after{
	border-color: #3a9dae	!important;
}
.opc-progress-bar{
	padding-top: 20px	!important;
}

	.inputaccueil{
		display:none	!important;
	}

@media (min-width: 768px) {
	.dropdown{
		float:right
	}
}

@media (max-width: 768px) {
	.nav-sections .header.links a{
		background-color: #f0f0f0	!important;
	}
}

.action.compare:before{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 5px;
	margin-left: 20px;
	/*background: url('/pub/media/wysiwyg/mail/Comparatif.png') center center no-repeat;
    background-size: auto;
	background-size: 100%;*/
	font-family: 'luma-icons';
	content: '\e61e';
	color: #757575;
	font-size: 22px;
}

a.action.compare{
	font-size:0;
	position:relative;

}
.compare.wrapper .counter.qty::before{content:''	!important;}
.compare.wrapper .counter.qty::after{content:''	!important;}
.compare.wrapper .counter.qty{
	background: #18A5B6;
	color:#FFF	!important;
	display:inline-block;
	font-size: 12px;
	height: 18px;
	width: 18px;
	text-align: center;
	white-space: normal;
	height: 18px;
	line-height: 18px;
	min-width: 18px	!important;
	border-radius:100%;
	position:absolute;
	top:-24px;
	right:-5px;
	overflow:hidden;
	text-overflow: ellipsis;
}


.ecp_info_produit{
	text-align:justify;
	margin-bottom:20px;
	background-color: #f0f0f0;
	padding: 20px;
	border: 1px solid #dadada;;
}

.contain-exp{
	margin-bottom:30px;
}
.quote-summary .selected_address {

    border: 1px solid #3a9dae	!important;
}
#dtdeb{
	color: rgb(78, 78, 78)	!important;
}
#dtfin{
	color: rgb(78, 78, 78)	!important;
}
.divref:before{
	content:'Référence de commande : ';
	margin-bottom : 10px;
	font-weight:bold;
}
.pdf:before{
	content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
	margin-right:5px;
    text-align: center;
    background: url('/pub/media/wysiwyg/icones/pdf.png') center center no-repeat;
    background-size: 100%;
}
.ecp_link:before{
	content: '';
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	padding: 11px 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 5px 0 0;
	background: url('/pub/media/wysiwyg/icones/link.png') center center no-repeat;
    background-size: auto;
	background-size: 100%;
	
}

.ecp_button a{
	color:#FFF;
}
.ecp_button a:hover{
	color:#FFF;
	text-decoration:none;
}

.bspage{
	position:relative	!important;
	left:0	!important;
	top:0	!important;
}
.table-wrapper.reliquatss-history{
	overflow-x:scroll;
}

/*Bouton commander (appararition)*/

.item button.checkout{
	animation: discover 4s;
	margin-top:50px;
	margin-bottom:0px;
}


@keyframes discover {
	0%    { transform: scale(0);margin-top:0px; margin-bottom:50px;}
	55%    { transform: scale(0);margin-top:0px; margin-bottom:50px;}
	60%   { transform: scale(1); margin-top:0px; margin-bottom:50px;}
	63%   { margin-top:0px; margin-bottom:50px;}
	70%   { margin-top:50px; margin-bottom:0px;}
	75%   { margin-top:15px; margin-bottom:35px;}
	80%   { margin-top:50px; margin-bottom:0px;}
	85%   { margin-top:35px; margin-bottom:15px;}
	90%   { margin-top:50px; margin-bottom:0px;}
	95%   { margin-top:45px; margin-bottom:5px;}
	100%  { margin-top:50px; margin-bottom:0px; }
}

/******************** Colonnes par  *****************************************/

.ecp_col_5, .ecp_col_14_right, .ecp_col_34_left{
    min-height: 1px;
    box-sizing: border-box;
}
@media (min-width: 768px) {
	.ecp_col_5 {
	float: left;
	width: 20%;
	}
	.ecp_col_14_right {
	float: left;
	width: 25%;
	margin-bottom:35px;
	margin-left:10px;
	}
	.ecp_col_34_left {
	float: left;
	width: 72%;
	margin-bottom:35px;
	padding-right:10px;
	}
}
@media screen and (max-width: 768px){
	.ecp_col_5 {
	width: 100%;
	}
	.ecp_col_14_right {
	margin:0 auto;
	width: 100%;
	margin-bottom:10px;
	margin-left:0;
	}
	.ecp_col_34_left {
	width: 100%;
	margin-bottom:10px;
	padding-right:0;
	}
}

.ecp_col_5 .product-item{
	width:100%	!important;
}
.col-md-3 .product-item{
	width:100%	!important;
}

/********************* Affichage List ******************************************/

.product-item-name, .product.name a {

    color: #3a9dae;
	font-size: 1.1em;
	font-weight: bold;
}

.products-list .product-item {
    border-top: 1px solid #bebebe;
    padding-bottom: 15px;
	padding-top : 15px;
}
.products-list .product-items li:first-child {
	border-top: 0px solid #ffffff;
}

.product-item-description {
    margin: 10px 0 25px 0;
	padding-right:10px;
}
.table-comparison .product .attribute h2{
	font-size:1.6rem;
	margin-top:0px;
}
.table-comparison .product .attribute h2 span{
	font-size:1.6rem;
	margin-top:0px;
}
.table-comparison .cell.attribute{
	font-size:1.6rem;
}

.product-item-description h2{
	margin-top:0px;
	font-size:1.6rem;
}
.product-item-description p{
	font-size:1.6rem;
}

.products-list .product-item-photo {
    padding-bottom: 0px;
}

.filter-content{
	background-color:#f5f5f5;
	border-radius: 3px;
}
.filter-options-title{
	font-size: 0.9em;
}
.filter-options .filter-options-item:last-of-type{
	border-bottom:0;
}
.filter-options-content a{
	font-size: 0.9em;
}

.products-list .product-item .product-item-description{
	float:left;
	width:70%;
}
.products-list .product-item .price-box{
	float:left;
	width:50%;
}

/*Vue article*/
#documentinfo\.tab a:before{
	content:"»  ";
	color: #3a9dae;
	
}
#documentinfo\.tab a{
	color: #515151;
	
}
#documentinfo\.tab a:hover{
	text-decoration:none;
	
}
.ecp_list li{
	list-style: none;
}
.ecp_list li:before{
	content:"»  ";
	color: #3a9dae;
}

.overview .value h2{
	font-size:1.5rem;
}
.overview .value p{
	font-size:1.5rem;
}
.swatch-option.selected {

    outline: 2px solid #18A5B6;
}

.prices-tier{
	font-size:0.9em;
}
.prices-tier li{
	list-style:none;
}
.prices-tier  li:before{
	content:"»  ";
	color: #3a9dae;
}
.prices-tier .item {
    margin-bottom: 0px;
}
@media (min-width: 768px) {
.page-layout-1column .product-info-main {
    width: 60%	!important;
}
.page-layout-1column .product.media {
    width: 37%	!important;
}
}

#tab-label-description-title:before{
	content: '';
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
	padding:11px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px 0 0;
    background: url('/pub/media/wysiwyg/icones/description.png') center center no-repeat;
    background-size: 100%;
}
.active #tab-label-description-title:before{
	content: '';
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
	padding:11px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px 0 0;
    background: url('/pub/media/wysiwyg/icones/description-black.png') center center no-repeat;
    background-size: 100%;
}
#tab-label-additional-title:before{
	content: '';
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
	padding:11px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px 0 0;
    background: url('/pub/media/wysiwyg/icones/details.png') center center no-repeat;
    background-size: 100%;
}
.active #tab-label-additional-title:before{
	content: '';
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
	padding:11px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px 0 0;
    background: url('/pub/media/wysiwyg/icones/details-black.png') center center no-repeat;
    background-size: 100%;
}
#tab-label-documentinfo\.tab-title:before{
	content: '';
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
	padding:11px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px 0 0;
    background: url('/pub/media/wysiwyg/icones/pdf.png') center center no-repeat;
    background-size: 100%;
}
.active #tab-label-documentinfo\.tab-title:before{
	content: '';
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
	padding:11px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px 0 0;
    background: url('/pub/media/wysiwyg/icones/pdf-black.png') center center no-repeat;
    background-size: 100%;
}
.product.info.detailed .additional-attributes tr:nth-child(even) {background: #EEEEEE}
.col.label{
	top: 0px;
	padding-left: 20px	!important;
}
.col.data{
	padding-right: 20px	!important;
}
.product-info-main .product.attribute.sku{
	display:none;
}
.stock .stock-orange{
	margin-top : 10px;
	min-width: 16px	!important;
	min-height: 16px	!important;
}
.stock .stock-orange:after{
	content:'En cours de réapprovisionnement';
	margin-left : 25px;
	font-weight: 400;
	text-transform: none;
}
.stock .stock-green{
	margin-top : 10px;
	min-width: 16px	!important;
	min-height: 16px	!important;
}
.stock .stock-green:after{
	content:'Disponible sur stock';
	margin-left : 25px;
	font-weight: 400;
	text-transform: none;
}
.stock .stock-red{
	margin-top : 10px;
	min-width: 16px	!important;
	min-height: 16px	!important;
}
.stock .stock-red:after{
	content:'Produit non disponible';
	margin-left : 25px;
	font-weight: 400;
	text-transform: none;
}

.product-info-main{
	position:relative;
}
.product-info-main ul:not(.prices-tier){
	padding-left: 0;
	margin-bottom: 0;
	position:absolute;
	top:0;
	right:0;
	min-width: unset	!important;
	width:25%	!important;
}
.product.attribute.overview{
	width:70%;
	margin: 30px 0 10px	!important;
	float:left;
}
#logomarque{
	width:20%;
	float: right;
	margin-top: 30px;
}
.product-info-main ul:not(.prices-tier) li{
	min-height: 40px	!important;

	background-position: right;
}

@media screen and (max-width: 768px) {
	.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td{
		height:auto	!important;
		min-height:46px	!important;
	}

}

/********************** Accroche BU *****************************/

.ecp_image_section{
width: 100%;
height: 400px;
background-size: cover;
background-position: center;
position: relative;
margin-bottom:50px;
}

.ecp_image_news{
	width: 100%;
	height: 250px;
	background-size: cover;
	background-position: center;
	position: relative;
	margin-bottom:10px;
	overflow:hidden;
}/*
.zoom_image img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width:100%;
}
.zoom_image:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}*/
.ecp_image_zoom_news{
	width:100%;
	height:100%;
	display:block;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.ecp_image_news a:hover .ecp_image_zoom_news{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.ecp_image_news p {
	color:rgb(51,51,51);
	font-weight:bold;
}

.ecp_description_BU{
	max-width: 100%	!important;
	width:80%;
}
.ecp_description_BU p{
	color: #FFFFFF;
	font-size:1.2em;
	line-height:1.2em;
}
.ecp_description_section{
	max-height: 80%;
	max-width: 70%;
	padding:1em 1em 0.5em 1em;
	position: absolute;
	overflow: hidden;
	text-decoration: none;
	color:rgb(51,51,51);
}
.ecp_description_news{
	font-size:1.2em;
	line-height:1.2em;
}
.ecp_description_titre{
	font-size:1.4em;
	line-height:1.4em;
}
.ecp_description_section_white{
	background-color: rgba(255, 255, 255, 0.85);
}
.ecp_description_section_red{
	background-color: rgba(206, 97, 63, 0.85);
}
.ecp_description_section_green{
	background-color: rgba(63, 165, 53, 0.85);
}
.ecp_description_section_blue{
	background-color: rgba(0, 159, 227, 0.85);
}
.ecp_description_section_purple{
	background-color: rgba(100, 53, 140, 0.85);
}
.ecp_description_section_yellow{
	background-color: rgba(232, 184, 50, 0.85);
}
.ecp_description_section_top{
  top:10%;
}
.ecp_description_section_bottom{
  bottom:10%;
}
.ecp_description_section_left{
  left:0%;
}
.ecp_description_section_right{
  right:0%;
  text-align: right;
}
.ecp_description_section a {
	text-decoration: none;
	color:#515151;
}

/************************* Titre H1 & H2 ********************************/

.page-main .page-title-wrapper h1{
	text-transform:uppercase;
	font-size:2.6rem;
	line-height:1.1;
	letter-spacing:.5px;
	position:relative;
	font-weight: bold;
}
.page-main .page-title-wrapper h1:after{
	display:block;
	content:' ';
	position:absolute;
	bottom:-10px;
	left:0;
	width:70px;
	height:1px;
	background:#18A5B6;
}
.product-info-main .product h1{
	color: #3a9dae;
}
.ecp_titreh2{
	text-transform:uppercase;
	font-size:2rem;
	line-height:1.1;
	letter-spacing:.5px;
	position:relative;
	margin-bottom:30px;
	margin-top:0px;
}
.ecp_titreh2:after{
	display:block;
	content:' ';
	position:absolute;
	bottom:-10px;
	left:0;
	width:70px;
	height:1px;
	background:#18A5B6;
}


/********************* Partie solutions *****************************/

nav.ecp_solutions {
  position: relative;
  width: 100%;
  margin-bottom:50px;
}

img.ecp_solutions {
  width: 100%;
}

.ecp_contour_icone_BU {
  height: 40px;
  width: 40px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.ecp_icone_BU{
	position: absolute;
	height: 30px;
}

.ecp_icone_BU img.ecp_img_morph{
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  left:5px;
  z-index:2;
}

.ecp_morph div img.ecp_img_morph {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.ecp_morph div:hover img.ecp_img_morph {
  -webkit-transform: scale(2) rotate(360deg); /* rotation de l'image */
  transform: scale(2) rotate(360deg);

}
.ecp_box_titre {
  display : block;
  position: absolute;
	white-space:nowrap;
	padding:20px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index:1;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    border-radius: 5px;
}
.ecp_box_description {
	display: none;
}

.ecp_morph div:hover .ecp_box_description {
  display : block;
  white-space: normal;
}

.ecp_box_description_right{
left:50%;
}
.ecp_box_description_left{
right:50%;
}
.ecp_box_description_top{
top: 50%;
}
.ecp_box_description_bottom{
bottom: 50%;
}

.ecp_box_description img {
	width: 100%;
	height:100%;
}

.ecp_box_description p {
	vertical-align: middle;
	line-height:1.5em;
}
.ecp_box_titre h3 {
	font-size:1.2em;
	line-height:1.5em;
	font-weight: bold;
	vertical-align: middle;
	margin:0px;
}
.ecp_box_description a{
	text-decoration:none;
	color: #3a9dae;
	white-space:nowrap;
}
.ecp_box_description a:hover{
	text-decoration:none;
	color: #086b7c;
}
.ecp_box_description a:before{
	content: '';
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
	padding:11px 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 5px 0 0;
    background: url('/pub/media/wysiwyg/icones/link.png') center center no-repeat;
    background-size: 100%;
}
.ecp_avantages{
	float:left;
}
.ecp_avantages h2{
	float:left;
	color: #3a9dae;
	text-align: center;
	width:100%;
	
}
@media screen and (max-width: 768px){
	.ecp_img_desktop{
		display:none;
	}
	.ecp_icone_BU{
		display:none;
	}
}
@media screen and (min-width: 768px){

	.ecp_img_mobile{
		display:none;
	}
}
/********************** Menu HP ********************/


.ecp_boite_BU{
	width: 40%;
	height:100px;
	position:relative;
}

.ecp_icone_menu_BU{
	width: 80px;
	height: 80px;
	border-radius: 50%;
  	position:absolute;
	left:10px;
	top:10px;
}
.ecp_icone_menu_BU img{
	width:80px;
	height:80px;
}
.ecp_icone_contour_menu_BU{
	width: 100px;
	height: 100px;
	background-color: #FFF;
	border-radius: 50%;
	position:absolute;
	left:0px;
	top:0px;
}
.ecp_menu_titre_BU{
	height:80px;
	width:70%;
	position:absolute;
	left:50px;
	top:10px;
	padding:0 10px 0 70px;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
	line-height:38px;
	
}

.ecp_boite_BU_base{
	position:relative;
	height:500px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: right bottom;
	margin-bottom: 35px;
}
.ecp_boite_BU_visuel{
	position:absolute;
	right:0;
	bottom:0;
	width: 60%;
	height:500px;
	overflow:hidden
}
.ecp_boite_BU_visuel img{
	width: 744px;
	height:500px;
}
.ecp_slide_form{
	width:90%;
	text-align:right;
	position:absolute;
	right:0;
	bottom:0;
	font-size:3em;
	font-weight:bold;
	padding:30px;
	color: #333333;
}

.ecp_boite_semi{
	visibility:hidden;
}
.ecp_boite_wireless{
	visibility:hidden;
}
.ecp_boite_embedded{
	visibility:hidden;
}
.ecp_boite_display{
	visibility:hidden;
}
.ecp_boite_lighting{
	visibility:hidden;
}

.ecp_boite_BU .ecp_icone_BU_anim{
	transition: all 1.5s ease;
}
.ecp_boite_BU:hover .ecp_icone_BU_anim{
	transform: translateX(430%) rotate(360deg);
	z-index:2;
}


.ecp_select_semi:hover + .ecp_boite_semi{
	visibility:visible;
}
.ecp_boite_semi:hover{
	visibility:visible;
}
.ecp_select_semi:hover + .ecp_boite_semi .ecp_slide_anim{
	-webkit-animation: slidein 5s;
	-moz-animation: slidein 5s;
	-o-animation: slidein 5s;
	animation: slidein 5s;
}

.ecp_select_wireless:hover + .ecp_boite_wireless{
	visibility:visible;
}
.ecp_boite_wireless:hover{
	visibility:visible;
}
.ecp_select_wireless:hover + .ecp_boite_wireless .ecp_slide_anim{
	-webkit-animation: slidein 5s;
	-moz-animation: slidein 5s;
	-o-animation: slidein 5s;
	animation: slidein 5s;
}

.ecp_select_embedded:hover + .ecp_boite_embedded{
	visibility:visible;
}
.ecp_boite_embedded:hover{
	visibility:visible;
}
.ecp_select_embedded:hover + .ecp_boite_embedded .ecp_slide_anim{
	-webkit-animation: slidein 5s;
	-moz-animation: slidein 5s;
	-o-animation: slidein 5s;
	animation: slidein 5s;
}

.ecp_select_display:hover + .ecp_boite_display{
	visibility:visible;
}
.ecp_boite_display:hover{
	visibility:visible;
}
.ecp_select_display:hover + .ecp_boite_display .ecp_slide_anim{
	-webkit-animation: slidein 5s;
	-moz-animation: slidein 5s;
	-o-animation: slidein 5s;
	animation: slidein 5s;
}

.ecp_select_lighting:hover + .ecp_boite_lighting{
	visibility:visible;
}
.ecp_boite_lighting:hover{
	visibility:visible;
}
.ecp_select_lighting:hover + .ecp_boite_lighting .ecp_slide_anim{
	-webkit-animation: slidein 5s;
	-moz-animation: slidein 5s;
	-o-animation: slidein 5s;
	animation: slidein 5s;
}

@-webkit-keyframes slidein {
    0% { right:-800px; }
    5% { right:-800px; }
    25% { right:0px; }
    100% { right:0px; }
}
@-moz-keyframes slidein {
    0% { right:-800px; }
    5% { right:-800px; }
    25% { right:0px; }
    100% { right:0px; }
}
@-o-keyframes slidein {
    0% { right:-800px; }
    5% { right:-800px; }
    25% { right:0px; }
    100% { right:0px; }
}
@keyframes slidein {
    0% { right:-800px; }
    5% { right:-800px; }
    25% { right:0px; }
    100% { right:0px; }
}
@media (max-width: 768px) {
.ecp_boite_BU_visuel{display:none;}
.ecp_boite_BU{width: 100%;}
.ecp_select_semi:hover + .ecp_boite_semi{display:none;}
.ecp_select_wireless:hover + .ecp_boite_wireless{display:none;}
.ecp_select_embedded:hover + .ecp_boite_embedded{display:none;}
.ecp_select_display:hover + .ecp_boite_display{display:none;}
.ecp_select_lighting:hover + .ecp_boite_lighting{display:none;}
.ecp_boite_BU:hover .ecp_icone_contour_menu_BU{transform: translateX(630%) rotate(360deg);}
}
@media (min-width: 768px) {
.border_right{
	border-width: 1px;
	border-style: solid;
	border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
	border-left: 0;
}
}
/****************** Carte ECP *******************/

.ecp_pin:hover{
  filter: drop-shadow(3px 6px 6px rgba(0, 0, 0, 0.50));
}

.ecp_pin{
	position:absolute;
}
.ecp_pin_label {
	display : none;
	position: absolute;
	top: 100%;
	min-width:240px;
	padding:10px;
	height:25px;
	z-index:2;
	text-align:center;
	line-height:25px;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.9);
}

.ecp_pin:hover .ecp_pin_label {
	display : block;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    
}

.ecp_zoom_france{
	position:absolute;
	top:0%;
	left:27%;
	width:30%;
	height:80%;

	
}
.ecp_carte_france{
	visibility:hidden;
	position:absolute;
	top:-60px;
	left:0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.ecp_zoom_france:hover .ecp_carte_france{
	visibility:visible;
	display : block;
	-webkit-transform: scale(1) translateY(60px);
	transform: scale(1) translateY(60px);
}

@media screen and (max-width: 768px){
	.ecp_carte_mondiale{
		background-image:url('/pub/media/wysiwyg/ecp/Carte_mondiale_Eurocomposant.png');
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		height:200px;
	}
	.ecp_carte_mondiale img{
		display:none;
	}
	.ecp_carte_mondiale .ecp_pin{
		display:none;
	}
	.ecp_carte_mondiale .ecp_zoom_france{
		display:none;
	}
}

/******************** Timeline ************************/	

.ecp_timeline{
  position:relative;
  padding:0;
  width:1000px;
  box-sizing:border-box;
}
.ecp_timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}
.ecp_timeline ul{
  padding:0;
  margin:0;
}
.ecp_timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.ecp_timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.ecp_timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.ecp_timeline_content{
  padding-bottom:20px;
}
.ecp_timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background:#18A5B6;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(24,165,182,0.3);
}
.ecp_timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
  background:#18A5B6;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(24,165,182,0.3);
}
.ecp_timeline ul li h3{
  padding:0;
  margin:0;
  color:#18A5B6;
  font-weight: normal;
  color: #333333;
}
.ecp_timeline ul li p{
  margin:0;
  padding:0;
}
.ecp_timeline ul li .ecp_timeline_year h4{
  margin:0;
  padding:0;
  font-size:14px;
}
.ecp_timeline ul li:nth-child(odd) .ecp_timeline_year
{
  position:absolute;
  top:12px;
  right:-105px;
  margin:0;
  padding:8px 16px;
  background:#18A5B6;
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(24,165,182,0.3);
}
.ecp_timeline ul li:nth-child(even) .ecp_timeline_year
{
  position:absolute;
  top:12px;
  left:-105px;
  margin:0;
  padding:8px 16px;
  background:#18A5B6;
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(24,165,182,0.3);
}
#historique-complet{
	display:none;
}
.ecp_clicktoexpand{
	width:100%;
	margin:auto;
	text-align:center;
}
.ecp_clicktoexpand a{
	  color: #18A5B6;
	  text-decoration:none;
	  font-style:italic;
}

#historique:target #historique-complet{
	display:block;
}
#historique:target .ecp_clicktoexpand{
	display:none;
}
#historique{
	width:1000px;
	margin:auto;
	margin-bottom:50px;
}

@media screen and (max-width: 768px){
  .ecp_timeline{
    width:100%;
    padding-bottom:0;
  }
  #historique{
	width:100%;
	margin-top:80px;
  }
  .ecp_clicktoexpand{
	margin: 0 0 40px 0;
  }
  .ecp_timeline:before{
    left:20px;
    height:100%;
  }
  .ecp_timeline ul li:nth-child(odd),
  .ecp_timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .ecp_timeline ul li:nth-child(odd):before,
  .ecp_timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .ecp_timeline ul li:nth-child(odd) .ecp_timeline_year,
  .ecp_timeline ul li:nth-child(even) .ecp_timeline_year{
    top:-30px;
    left:50px;
    right:inherit;
  }
}

/*********************** Menus pages ********************************/
/*principal*/
.ecp_tuile_menu{
	background-color:#f5f5f5;
	
	width:100%;
	min-height:300px;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color 0.3s ease;
	overflow: auto;
	margin-bottom:50px;
}
.ecp_tuile_menu_int{
	padding:50px;
	overflow: auto;
}
.ecp_tuile_menu:hover{
	background-color:#E5E5E5;
}
.ecp_tuile_menu:hover .ecp_tuile_menu_image img{
	background-color:#E5E5E5;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.ecp_tuile_menu_image{
	float:right;
}
.ecp_tuile_menu_image img{
	width:450px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ecp_tuile_menu_texte{
	float:left;
	width:50%;
}
.ecp_tuile_menu_texte h2{
	font-size:2.5em;
	font-weight:bold;
}
.ecp_tuile_menu_texte p{
	color:#666666;
	margin:0;
}
.ecp_tuile_menu_texte a{
	text-decoration: none;
}
.ecp_tuile_menu_bouton{
	width:140px;
	background-color:#18A5B6;
	padding:20px;
	text-align:center;
	transition: background-color 0.3s ease;
	margin-top:50px;
	margin-bottom:50px;

}
.ecp_tuile_menu_bouton span{
	color:#FFF;
	text-decoration: none;
	font-weight:bold;
}
.ecp_tuile_menu_bouton:hover{
	background-color: #086b7c;
}
@media screen and (max-width: 768px){
.ecp_tuile_menu_texte{
	width:100%;
}
.ecp_tuile_menu_image{
	width:100%;	
}
.ecp_tuile_menu_bouton{
	margin-left: auto;
    margin-right: auto;
}
}
/*secondaire*/
.ecp_tuile_menu_secondaire{
	background-color:#f5f5f5;
	width:100%;
	height:150px;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color 0.3s ease;
	overflow: hidden;
	margin-bottom:15px;
	position:relative;
}
.ecp_tuile_menu_secondaire:hover{
	background-color:#E5E5E5;
}
.ecp_tuile_menu_secondaire:hover .ecp_tuile_menu_secondaire_texte{
	background-color: rgba(100, 100, 100, 0.85);
}
.ecp_tuile_menu_secondaire:hover .ecp_tuile_menu_secondaire_texte h2{
	color:#FFF;
}
.ecp_tuile_menu_secondaire:hover .ecp_tuile_menu_secondaire_texte p{
	color:#FFF;
}
.ecp_tuile_menu_secondaire_image{
	position:absolute;
	bottom:0;
	right:0;
	padding:10px;
}
.ecp_tuile_menu_secondaire:hover .ecp_tuile_menu_secondaire_image img{
	background-color:#E5E5E5;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.ecp_tuile_menu_secondaire_image img{
	height: 120px;
	width:auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ecp_tuile_menu_secondaire_texte{
	position:absolute;
	top:15px;
	left:0;
	padding:10px;
	background-color: rgba(255, 255, 255, 0.85);
	max-height: 80%;
	max-width: 70%;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color 0.3s ease;
}
.ecp_tuile_menu_secondaire_texte p{
	text-decoration: none;
	color:#333333;
}
.ecp_tuile_menu_secondaire_texte h2{
	text-decoration: none;
	color:#333333;
	margin:0;
	-webkit-transition: color .3s ease-in-out;
	transition: color 0.3s ease;
}

/************************* Solutions custom ******************************/


.ecp_custom_solution_list{
	margin-bottom:0;
}
.ecp_custom_solution_list li{
	list-style: none;
}
.ecp_custom_solution_list li:before{
	content:"»  ";
	color: #FFF;
}

.ecp_custom_solutions{
	margin-left:-150%;
	width:400%;
	margin-bottom:35px;
}


.ecp_custom_solutions_blue{
	background-color: rgba(0, 159, 227, 0.50);
}
.ecp_custom_solutions_gray{
	background-color: rgba(245, 245, 245);
}
.ecp_custom_solutions_red{
	background-color: rgba(206, 97, 63, 0.50);
}
.ecp_custom_solutions_green{
	background-color: rgba(63, 165, 53, 0.50);
}
.ecp_custom_solutions_purple{
	background-color: rgba(100, 53, 140, 0.50);
}
.ecp_custom_solutions_yellow{
	background-color: rgba(232, 184, 50, 0.70);
}
.ecp_custom_solutions_container{
	margin:auto;
	width:25%;
	padding:20px 0px;
	overflow:auto;
}
.ecp_custom_solutions_container .powerbanners-container{
	margin-bottom:0	!important;
}


.ecp_custom_solutions_titre{
	color:#FFF;
	width:100%;
	display: inline-block;
	text-align:center;
	font-size:2.2em;
	font-weight:bold;
	margin-bottom:50px;
}
.ecp_custom_solutions_titre:before{
	color:#FFF;
	font-family: 'luma-icons';
	content: '\e606';
	margin-right:5px;
	font-size:0.8em;
}
.ecp_custom_solutions_sous_titre{
	color:#FFF;
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:15px;
}
.ecp_custom_solutions_boite_left{
	color:#FFF;
	width:50%;
	float:left;
	display: inline-block;
	margin-top:-30px;
}
.ecp_custom_solutions_boite_right{
	color:#FFF;
	width:50%;
	float:right;
	display: inline-block;
	text-align:right;
	margin-top:-30px;
}

.ecp_custom_solutions_boite_visuel_central{
	width:90%;
	display:inline-block;
	margin:-5% 5% 0 5%;
}
.ecp_custom_solutions_visuel_central{
	margin:auto;
	position:relative;
	overflow:visible;
	max-width:629px;
}
.ecp_custom_solutions_img{
	transition: all 0.5s ease;
	position:absolute;
	top:0;
	left:0;
	display:block;
}

@media screen and (max-width: 768px){
.ecp_custom_solutions_boite_right{
	width:100%;
	float:left;
	text-align:left;
	margin-top:0px;
}
.ecp_custom_solutions_boite_left{
	width:100%;
}
.ecp_custom_solutions_visuel_central{
	max-width:90%;
	margin-top:20px;
	margin-bottom:20px;
}
.ecp_custom_solutions{
	margin-left:-15px;
	width:calc(100% + 30px);
}
.ecp_custom_solutions_container{
	width:90%;
	padding:20px 15px;
}
}

.ecp_custom_solutions:hover .Custom_SE_MXM_graphic{
	transform: translateX(-10%) translateY(-5%)
}
.ecp_custom_solutions:hover .Custom_SE_ecran_LVDS{
	transform: translateX(10%)
}
.ecp_custom_solutions:hover .Custom_SE_IO{
	transform: translateX(-5%) translateY(5%)
}
.ecp_custom_solutions:hover .Custom_SE_PC_bottom{
	transform: translateY(5%)
}
.ecp_custom_solutions:hover .Custom_SE_PC_top{
	transform: translateY(-5%)
}
.ecp_custom_solutions:hover .Custom_SE_RAM{
	transform: translateX(-5%) translateY(-5%)
}
.ecp_custom_solutions:hover .Custom_SE_SSD{
	transform: translateX(-4%) translateY(8%)
}
.ecp_custom_solutions:hover .Custom_SE_wireless{
	transform: translateX(5%) translateY(-10%)
}


.ecp_custom_solutions:hover .Custom_SA_open_frame{
	transform: translateX(-20%) translateY(-15%)
}
.ecp_custom_solutions:hover .Custom_SA_ecran_lcd{
	transform: translateX(-10%) translateY(-5%)
}
.ecp_custom_solutions:hover .Custom_SA_dalle_tactile{
	transform: translateX(10%) translateY(5%)
}
.ecp_custom_solutions:hover .Custom_SA_bezel{
	transform: translateX(30%) translateY(15%)
}


.ecp_custom_solutions:hover .Custom_Lighting_Drivers{
	transform: translateX(-20%) translateY(20%)
}
.ecp_custom_solutions:hover .Custom_Lighting_Heatsink{
	transform: translateX(-15%) translateY(10%)
}
.ecp_custom_solutions:hover .Custom_Lighting_Pad{
	transform: translateX(8%) translateY(7%)
}
.ecp_custom_solutions:hover .Custom_Lighting_COB{
	transform: translateX(10%) translateY(5%)
}
.ecp_custom_solutions:hover .Custom_Lighting_Reflecteur{
	transform: translateX(20%) translateY(0%)
}

.ecp_custom_solutions:hover .Custom_Lighting_Profile{
	transform: translateX(-30%) translateY(5%)
}
.ecp_custom_solutions:hover .Custom_Lighting_PCB-LED{
	transform: translateX(-5%) translateY(-5%)
}
.ecp_custom_solutions:hover .Custom_Lighting_Profile-Bord{
	transform: translateX(-30%) translateY(5%)
}
.ecp_custom_solutions:hover .Custom_Lighting_Diffuseur{
	transform: translateX(20%) translateY(-10%)
}
.ecp_custom_solutions:hover .Custom_Lighting_Alimentation{
	transform: translateX(30%) translateY(-10%)
}



.Custom_wireless_graph{
	transform: scale(0);
	transition: .3s ease-in-out;
}
.Custom_wireless_gnss{
	transform: translateY(70%);
}
.Custom_wireless_wifi{
	transform: translateY(40%);
}
.Custom_wireless_bluetooth{
	transform: translateY(60%);
}
.Custom_wireless_lte-m{
	transform: translateY(30%);
}
.Custom_wireless_nb-iot{
	transform: translateY(30%);
}
.Custom_wireless_sigfox{
	transform: translateY(50%);
}
.Custom_wireless_lora{
	transform: translateY(50%);
}

.Custom_wireless_2g{
	transform: translateY(80%);
}
.Custom_wireless_3g{
	transform: translateY(75%);
}
.Custom_wireless_4g{
	transform: translateY(75%);
}


.ecp_custom_solutions:hover .Custom_wireless_graph{
	transform: scale(1);
}
.ecp_custom_solutions:hover .Custom_wireless_gnss{
	transform: translateY(0);
}
.ecp_custom_solutions:hover .Custom_wireless_bluetooth{
	transform: translateY(0%);
}
.ecp_custom_solutions:hover .Custom_wireless_lte-m{
	transform: translateY(0%);
}
.ecp_custom_solutions:hover .Custom_wireless_nb-iot{
	transform: translateY(0%);
}
.ecp_custom_solutions:hover .Custom_wireless_sigfox{
	transform: translateY(0%);
}
.ecp_custom_solutions:hover .Custom_wireless_lora{
	transform: translateY(0%);
}
.ecp_custom_solutions:hover .Custom_wireless_wifi{
	transform: translateY(0%);
}
.ecp_custom_solutions:hover .Custom_wireless_2g{
	transform: translateY(0%);
}
.ecp_custom_solutions:hover .Custom_wireless_3g{
	transform: translateY(0%);
}
.ecp_custom_solutions:hover .Custom_wireless_4g{
	transform: translateY(0%);
}




/**************** Section Nos partenaires ********************************/

.ecp_boite_part{
	padding-left:50px;
	margin-bottom:50px;
}
.ecp_part_video{
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	font-size:1.2em;
	color:#6d6d6d;
}
.ecp_part_video:before{
	content: '';
    width: 18px;
    height: 16px;
    display: inline-block;
    margin: 0 10px 0 0;
    background: url('/pub/media/wysiwyg/icones/video.png') center center no-repeat;
    background-size: 100%;
}
.ecp_part_link{
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	font-size:1.2em;
	color:#6d6d6d;
	
}
.ecp_part_link:before{
	content: '';
    width: 18px;
    height: 16px;
    display: inline-block;
    margin: 0 10px 0 0;
    background: url('/pub/media/wysiwyg/icones/web.png') center center no-repeat;
    background-size: 100%;
}
.ecp_part_folder{
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	font-size:1.2em;
	color:#6d6d6d;
}
.ecp_part_folder:before{
	content: '';
    width: 18px;
    height: 16px;
    display: inline-block;
    margin: 0 10px 0 0;
    background: url('/pub/media/wysiwyg/icones/folder.png') center center no-repeat;
    background-size: 100%;
}
.ecp_part_button{
	margin: 0 auto 50px auto;
	width: 220px;
}
.ecp_image_part_news{
	width: 100%;
	height: 200px;
	position: relative;
	margin-bottom:10px;
	overflow:hidden;
}
.ecp_image_zoom_news{
	width:100%;
	height:100%;
	display:block;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.ecp_image_part_news a:hover .ecp_image_zoom_news{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



/************************* Barre cookies ********************************/
.message.global.noscript, .message.global.cookie {
	background: #DDDDDD;
    border-color: #DDDDDD;;
}
.message.global.noscript, .message.global.cookie p{
	width:80%;
	float:left;
	text-align:justify;
}
.message.global.cookie .actions{
	float:right;
	margin:0 0 0 10px;
}
@media screen and (max-width: 768px){
.message.global.noscript, .message.global.cookie p{
	width:100%;
}
.message.global.cookie .actions{
	margin:10px 0 0 0;
}
}

/************************* Footer ********************************/

.block.newsletter{
	display:none;
}
.block.newsletter.block_news_show{
	display:block	!important;
}
.page-footer {
    background: #6e716e	!important;
}
.footer.content .links a, .footer.content .links a:visited {
    color: #FFF;
    text-decoration: none;
}
.footer.content .links a:hover, .footer.content .links a:visited:hover{
    color: #BBB;
    text-decoration: none;
}
.copyright {
    background-color: #6e716e	!important;
}
.footer.content .links > li{
	background: #6e716e	!important;
}
.footer.content .block {
    float: left	!important;
}
.block_social{
	display:flex;
}

.icone_social{
	
	float:left;
	padding:10px;
}

.block.newsletter .form.subscribe {
	float:left;
	width: 80%;
}

.titre_footer{
	font-size: 18px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#BBB;
}
.block_coordonnes_footer{
	margin-bottom:10px;
}
.adresse_footer{
	list-style: none none;
	font-size: 14px;
    color: #FFF	!important;
}

.first_adresse:before{
	content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
	margin-right:5px;
	font-size: 14px;
	background: url('/pub/media/wysiwyg/icones/localisation.png') center center no-repeat;
	background-size: 100%;
}
.other_adresse:before{
	content: '';
    display: inline-block;
    width: 19px;
}

.telephone_footer{
	list-style: none none;
	font-size: 14px;
    color: #FFF	!important;
}
.telephone_footer li:before{
	content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
	margin-right:5px;
	font-size: 14px;
	background: url('/pub/media/wysiwyg/icones/Telephone-bleu.png') center center no-repeat;
	background-size: 100%;
}
.mail_footer{
	list-style: none none;
	font-size: 14px;
    color: #FFF	!important;
}
.mail_footer li:before{
	content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
	margin-right:5px;
	font-size: 14px;
	background: url('/pub/media/wysiwyg/icones/Mail-bleu.png') center center no-repeat;
	background-size: 100%;
}
.mail_footer a{
    color: #FFF;
	text-decoration:none;
}
.mail_footer a:hover{
    color: #BBB;
	text-decoration:none;
}
.icone_social img{
	width:30px;
	height:30px;
}

@media screen and (max-width: 768px){
	.list_footer{
	width:100%;
	}
	.titre_footer{
	margin-top:30px;
	}
}

/************************* Header ********************************/
.page-header .panel.wrapper {
    border-bottom: 0px	!important;
	background-color: #DDDDDD	!important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
	width:100%;
}

.panel.header{
	margin: 0 auto;
	padding: 0.5em 0 !important;
	display: block;
	max-width: 1280px;
}
.header .row .col-md-5{
	float:right;
	width:100%;
}

.header_bloc_telephone{
	padding:0.2em 1.5em;
	color:#575757;
	max-width:500px;
	float:right;
}
.header_bloc_telephone_texte:before{
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-right: 5px;
	background: url('/pub/media/wysiwyg/icones/Telephone.png') center center no-repeat;
    background-size: auto;
	background-size: 100%;
	content: '';
}

.header_bloc_telephone_indicatif{
	font-size:80%;
}
.header_bloc_contact{
	max-width:500px;
	float:right;
	margin-right:20px;
}
.header_bloc_contact a{
	text-decoration:none;
	color:#FFF;
}
.header_bloc_contact_texte{
	padding:0.2em 1.5em;
	background: #3a9dae;
	color:#FFF;
	text-decoration:none;
	transition: background-color 0.3s ease;
	border-radius:3px;
}
.header_bloc_contact_texte:hover{
	background: #086b7c;
}
.header_bloc_contact_texte a:before{
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-right: 10px;
	background: url('/pub/media/wysiwyg/icones/Mail-blanc.png') center center no-repeat;
    background-size: auto;
	background-size: 100%;
	content: '';
}


.account_bloc_int .dropdown{
	margin-left:13px;
}
.account_bloc_int .dropdown::before {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 28px;
    color: #757575;
    margin-right: 5px;
    font-family: 'luma-icons';
    content: '\e627';
	margin: 0;
	vertical-align: top;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	text-align: center;
}
.dropbtn {

    background-color: #FFF !important;
	color: #757575	!important;
    padding:0px;
    font-size: 14px;
    border: none;
    cursor: pointer;
	line-height: 28px;
}
a.dropbtn{
    background-color: #FFF !important;
	color: #757575	!important;
}
dropdown:hover .dropbtn {
    background-color: #3e3e3e	!important;
    color: #757575	!important;
}
dropdown:hover .dropbtn a{
    background-color: #3e3e3e	!important;
    color: #757575	!important;
}
.dropbtn .fa.fa-user{
	display:none;
}
/*.dropbtn:before{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 5px;
	font-family: 'luma-icons';
	content: '\e627';
	color: #FFF;
	font-size: 22px;
	margin-top:-5px;
}
*/
a.nav-sections-item-switch{
	color: #757575	!important;
	font-weight:bold;
}

@media screen and (min-width: 768px){
.header.content {
    padding: 60px 20px 0	!important;
}
.panel.header .header.links{
	display:none;
}
}

@media (max-width: 768px) {
	.account_bloc{
		display:none;
	}
	.page-header .panel.wrapper {
    position: relative;
	}
}

/****** Formulaire support technique & RMA ********/
	#form_rma_L2{display:none}
	#form_rma_L3{display:none}
	#form_rma_L4{display:none}
	#form_rma_L5{display:none}
	#form_rma_L6{display:none}
	#form_rma_L7{display:none}
	#form_rma_L8{display:none}
	#form_rma_L9{display:none}
	#form_rma_L10{display:none}
	.ecp_add_button{cursor: pointer;}
	#ecp_form_technique{display:none;}
	#ecp_form_RMA{display:none;}
	#ecp_form_technique:target {display:block;}
	#ecp_form_RMA:target {display:block;}
	.info_RMA{display:none;}
	
/****** Page de connexion ********/

.customer-account-login.page-layout-1column .page.messages:after{
	content: "Vous êtes déjà client chez Eurocomposant ?";
	font-weight: 600;
	color: #3a9dae;
	text-align:center;
}
.customer-account-login.page-layout-1column .columns:before{
	content: "Merci de demander vos identifiants grâce au formulaire de contact. Vous recevrez rapidement un mail d'initialisation de votre mot de passe.";
}
.customer-account-create.page-layout-1column .page.messages:after{
	content: "Vous êtes déjà client chez Eurocomposant ?";
	font-weight: 600;
	color: #3a9dae;
	text-align:center;
}
.customer-account-create.page-layout-1column .columns:before{
	content: "Merci de demander vos identifiants grâce au formulaire de contact. Vous recevrez rapidement un mail d'initialisation de votre mot de passe.";
}