﻿
/* NEW FONTS */
@font-face {
    font-family: 'intermedium';
    src: url('webfontkit/inter-medium-webfont.woff2') format('woff2'),
         url('webfontkit/inter-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'interregular';
    src: url('webfontkit/inter-regular-webfont.woff2') format('woff2'),
         url('webfontkit/inter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'interbold';
    src: url('webfontkit/inter-bold-webfont.woff2') format('woff2'),
         url('webfontkit/inter-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*START RESET**************************************************************************/
*{ box-sizing: border-box; }
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight:normal; font-style: normal; font-size: 12px;line-height:20px; font-family: interregular,'Open Sans', arial, sans-serif; box-sizing: border-box; color: rgb(63, 63, 63);text-align:left }
img,legend{border:0}legend,td,th{padding:0}html{min-width: 1024px;font-family:interregular,"Open Sans",arial,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;position: relative;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre,textarea{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{/*cursor:default*/}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}table{border-spacing:0;border-collapse:collapse}
ul{list-style-type:none;margin:0;padding:0}
a:link,a:visited,a:hover,a:active{text-decoration:none}
strong{font-weight:bold}
/*pop up with only a background to prevent seizure during a action */
.disableBody {
    background: #000 none repeat scroll 0 0;
    height: 100% !important;
    opacity: 0.5;
    position: absolute;
    z-index: 5000;
}
body .disableDataList {background-color:transparent;margin:0 auto;position:absolute;z-index:100000}
/*
body *{
    transition: all 0.3s ease-in 0s;
}
iframe {
    transition: none 0s ease 0s ;
}*/
/*END RESET****************************************************************************/



/*START DEFAULT STYLES****************************************************************/
.bannerZone {
    /*background-image: url(/ImagesPortal/FR/Localisation/76135/images/Banniere_generique_site.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient("Type=0,startColorstr=#00000000, endColorstr=");*/
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url(/ImagesPortal/FR/Localisation/76135/images/hpe/fond_geometrique.jpg) repeat fixed center 0px / 100% auto;
}

.index .bannerZone {
    background: none !important;
    height: 0;
}
.index center {display:none;}
.content {
    margin: 0 auto; width: 1024px;
}
body.index .middle > .content {
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
}
.stdDecoContent {
    background: #fff;
}
body.index .stdDecoContent {
    background: transparent;
}
body.index .middle {
    background-color:#fff; margin-top: 0;
}
body.index {background-color:#f4f4f4;}
.middle {margin-top: 52px;}

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, input {font-size: 14px; color: #000; }
/*SCROLL UP*/
.scrollup { bottom: 50px; color: rgb(255, 255, 255); display: none; height: 40px; opacity: 0.8; position: fixed; right: 100px; width: 40px; background: none 0px 0px repeat scroll rgb(102, 102, 102);text-align:center; z-index: 999; }
.scrollup:hover, .scrollup:active, .scrollup:focus { background: none 0px 0px repeat scroll rgb(51, 51, 51); }
.scrollup .fa {
    color: rgb(255, 255, 255);
    font-size: 2rem;
    line-height: 40px;
}

#freezone10{position:absolute;width:100%;}
.index #freezone10 {position: relative;}
.CUSTOMER_MESSAGEtop{position:relative; top:10px;}
table.CUSTOMER_MESSAGEtop {display: none;}
.CUSTOMER_MESSAGEtop span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto;
    text-align: center;
    width: 1024px;
}
.gblMessageGOOD{color:#117C83;}
.gblMessageWarning{color:#F39200}
.gblMessageERROR{color:#E3192D;}

font.gblMessageGOOD, font.gblMessageWarning, font.gblMessageERROR{display: none;}
.slscommerceorderview .CUSTOMER_MESSAGEtop {z-index: 1;}
/*END - MESSAGE ALERT*/


/**ALL INPUT TXT TEXTAREA****/
::-webkit-input-placeholder {color: rgb(190, 188, 188); font-style: italic;}
input:-moz-placeholder,textarea:-moz-placeholder   {color: rgb(190, 188, 188);}
input {outline: none;}
input[type="text"], input[type="password"], select, textarea {
    border: 1px solid #e3e3e3;
    color: #585856;
    font-size: 14px !important;
    margin-top: 10px;
    padding: 15px;
    width:50%;
	font-family: interregular,'Open Sans', arial, sans-serif;
   /* -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;*/
    background: #f5f5f5;
}
@-moz-document url-prefix() { 
    select > option {
        padding: 10px 15px;
    }
    select {
        border: 1px solid #e3e3e3;
        color: #585856;
        font-size: 14px !important;
        padding: 8px 15px 0 !important;
		font-family: interregular,'Open Sans', arial, sans-serif;
    }

    body select#drpPageSize, body select#sort {
        padding: 0 10px !important;
    }       
}

input[type="text"]:active, input[type="text"]:focus,
input[type="password"]:active, input[type="password"]:focus,
select:active, select:focus,
textarea:focus, .ProductFormMainTable .SendmailGblTable textarea:focus{font-family: interregular,'Open Sans', arial, sans-serif; border:1px solid #e3e3e3 !important;background:#fff;	 -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;} 
allInput{color: #000;font-size: 12px; padding: 5px;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;}
allInput:active,allInput:focus{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
inputSurFondBlanc {border: 1px solid #5e5e5e;background-color: #FFFFFF;}
inputSurFondBlanc:active,inputSurFondBlanc:focus {border:1px solid #00E2A2;background-color:#eee;}
inputSurFondGrisClair {border: 1px solid #ddd;background-color: #FFFFFF;}
inputSurFondBlanc:active,inputSurFondBlanc:focus {border:1px solid #00E2A2;background-color:#eee;}

/*TITLES*/

.staticTitleH2 {
font-family: interregular,'Open Sans', arial, sans-serif;font-size: 18px;text-align: left;font-weight: bold;margin-top: 25px;margin-bottom: 15px;line-height: 25px;}
.staticTitleH3 {text-align: left; padding: 10px 10px 10px 0px;font-weight: bold;}

/*BUTTONS*/
/*start default styles*/
.gblboutValid1,
.CommerceMultiRef_Table1 .Basket_TitleText,
.gblBoutValid7,.gblBoutValid1,.gblButtonValid,.gblBoutValid2,.btnValidate,.gblBtnValid,.gblButtonValid,.gblBoutBleu,.gblBoutSearch4,
.gblboutDelete2,.AddressFormButtons_Cancel .gblBoutValid2,.AddressFormButtons_Cancel .gblBoutValid2,.gblboutDelete1,
.AddtoBasket_Button .addtobasket a:link,.AddtoBasket_Button .addtobasket a:visited,.gblBoutValid2,.boutBuyNowPromotion,.gblBoutBask2,.gblBoutAdd5,
.gblboutSave2,.gblBoutSend2[value="Devis"],.gblBoutSend2,
.gblboutPDF2,
.AddtoBasket_Button .continue a:link,.AddtoBasket_Button .continue a:visited,.AddressFormButtons_Back .gblBoutValid2,.gblBoutValid2,.BoutBack,.gohomelink,
.btnLogout,.gblBoutDelete2,.gblBoutDelete2,
.loginDropdown>a:link,.loginDropdown>a:visited,
.gblBoutEdit1,.gblboutGo3,
.gblboutPrint2,.gblboutPrint1,
.gblBoutSearch2,
.gblboutComput1,.gblBoutValid6,.gblBtnCancel,
.gblBoutCountinueOrder,.Basket_BTN_Checkout,.gblBoutSend4,.gblBoutSend3,
.gblBoutAdd4,.gblBoutGreylight,
.AddressFormButtons_Create .gblBoutDelete2,
.forgottenButton .gblBoutValid2,.SendmailButton,
.gblBoutGrey,
.btnOpenAccount,
.gblBoutSend2[value="Liste des commandes"],
.Style10_ProductMoreDetail,#homepage-blog li .blog-item-container .blog-item-info .btn-default,
.BoutBuyNumber_INPUTBTN,
.BoutBuyNumber_PLUS,
.BoutBuyNumber_MOINS,
.sCurrentPage,
.btnSearch,
.Basket_BTN_ValidateCoupon,
.ArrowRight,
.blackHtml,
#homepage-blog li .blog-item-container .blog-item-info .btn-default:link,#homepage-blog li .blog-item-container .blog-item-info .btn-default:visited
,.BoutBack:link,.BoutBack:visited,.goHomelink, .CheckoutCaddie a.ContinueCaddie{
	background-color: #1e296b;
    border: 0 solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    margin: inherit;
    padding: 8px 15px 5px;
    text-align: center;
    font-family: interregular,'Open Sans', arial, sans-serif;
    min-width: 150px;
    border-radius: 7px;
}
.CommerceMultiRef_Table1 .Basket_TitleText:hover,
.gblBoutValid7:hover,.gblBoutValid1:hover,.gblButtonValid:hover,.gblBoutValid2:hover,.btnValidate:hover,.gblBtnValid:hover,.gblButtonValid:hover,.gblBoutBleu:hover,.gblBoutSearch4:hover,
.gblboutDelete2:hover,.AddressFormButtons_Cancel .gblBoutValid2:hover,.AddressFormButtons_Cancel .gblBoutValid2:hover,.gblboutDelete1:hover,
.AddtoBasket_Button .addtobasket a:hover,.AddtoBasket_Button .addtobasket a:active,.gblBoutValid2:hover,.boutBuyNowPromotion:hover,.gblBoutBask2:hover,.gblBoutAdd5:hover,
.gblboutSave2:hover,.gblBoutSend2[value="Devis"]:hover,.gblBoutSend2:hover,
.gblboutPDF2:hover,
.AddtoBasket_Button .continue a:hover,.AddtoBasket_Button .continue a:active,.AddressFormButtons_Back .gblBoutValid2:hover,.gblBoutValid2:hover,.BoutBack:hover,.gohomelink:hover,
.btnLogout:hover,.gblBoutDelete2:hover,.gblBoutDelete2:hover,
.loginDropdown a:hover,.loginDropdown a:active,
.gblBoutEdit1:hover,.gblboutGo3:hover,
.gblboutPrint2:hover,.gblboutPrint1:hover,
.gblBoutSearch2:hover,
.gblboutComput1:hover,.gblBoutValid6:hover,.gblBtnCancel:hover,
.gblBoutCountinueOrder:hover,.Basket_BTN_Checkout:hover,.gblBoutSend4:hover,.gblBoutSend3:hover,
.gblBoutAdd4:hover,.gblBoutGreylight:hover,
.AddressFormButtons_Create .gblBoutDelete2:hover,
.forgottenButton .gblBoutValid2:hover,.SendmailButton:hover,
.gblBoutGrey:hover,
.btnOpenAccount:hover,
.gblBoutSend2[value="Liste des commandes"]:hover,
.Style10_ProductMoreDetail:hover,#homepage-blog li .blog-item-container .blog-item-info .btn-default:hover,
.BoutBuyNumber_INPUTBTN:hover,
.BoutBuyNumber_PLUS:hover,
.BoutBuyNumber_MOINS:hover,
.sCurrentPage:hover,
.btnSearch:hover,
.Basket_BTN_ValidateCoupon:hover,
.ArrowRight:hover,
.blackHtml:hover,
#homepage-blog li .blog-item-container .blog-item-info .btn-default:hover,#homepage-blog li .blog-item-container .blog-item-info .btn-default:active,
.BoutBack:hover,.BoutBack:active,.goHomelink:hover,.goHomelink:active
{
    /*box-shadow: inset 0 0 40px #131940;*/
}
/*end default styles*/

/*specific styles for each buttons*/
/* All confirm buttons*/
.gblBoutValid7,.gblBoutValid1,.gblButtonValid,.gblBoutValid2,.btnValidate,.gblBtnValid,.gblButtonValid,.gblBoutBleu,.gblBoutSearch4{
/*background-color:#1e296b;*/
}
/* Delete */
.gblboutDelete2,.AddressFormButtons_Cancel .gblBoutValid2,.AddressFormButtons_Cancel .gblBoutValid2,.gblboutDelete1{
background-color:1e296b;	
}
/* Add to basket buttons*/
.CommerceMultiRef_Table1 .Basket_TitleText,
.AddtoBasket_Button .addtobasket a:link, .AddtoBasket_Button .addtobasket a:visited, .gblBoutValid2, .boutBuyNowPromotion, .gblBoutBask2, .gblBoutAdd5 {
    background-color: #1e296b;
}
/* Quotation / List -> for exemple fa-list-ul  */
.gblboutSave2,.gblBoutSend2[value="Devis"],.gblBoutSend2,.gblBoutSend2[value="Liste des commandes"], .CheckoutCaddie a.ContinueCaddie{
    border: 2px solid #255365;
    color: #255365;
    background: transparent;	
}
/* PDF */
.gblboutPDF2{
background-color:#1e296b;	
}
/*GoBack*/
.AddtoBasket_Button .continue a,.AddressFormButtons_Back .gblBoutValid2,.gblBoutValid2,.BoutBack,.gohomelink{
background-color:#1e296b;	
}
/* Logout*/
.btnLogout,.gblBoutDelete2,.gblBoutDelete2 {}
/* Login*/
.loginDropdown>a:link,.loginDropdown>a:visited{
background-color:#FB4736;	
}
/* Edit*/
.gblBoutEdit1,.gblboutGo3{
background-color:#1e296b;
}
/* Print*/
.gblboutPrint2,.gblboutPrint1{
background-color:#1e296b;
}
/* Search*/
.gblBoutSearch2{
background-color:#1e296b;
}
/* Recompute buttons / Refresh  -> for example fa-refresh */
.gblboutComput1,.gblBoutValid6,.gblBtnCancel{
background-color:#1e296b;
}
/* Next step*/
.gblBoutCountinueOrder,.Basket_BTN_Checkout,.gblBoutSend4,.gblBoutSend3,.goHomelink{
background-color:#1e296b; border: 2px solid #1e296b;
}
/* Add / create -> for example + */
.gblBoutAdd4,.gblBoutGreylight,.AddressFormButtons_Create .gblBoutDelete2{
background-color:#1e296b;
/*width: 20%;	*/
}
/* Send by email*/
.forgottenButton .gblBoutValid2,.SendmailButton{
background-color:#1e296b;
}
/* Cancel*/
.gblBoutGrey{
background-color:#1e296b;	
}
/* Open an account*/
.btnOpenAccount{
background-color:#1e296b;	
}
/* More details */
.Style10_ProductMoreDetail,#homepage-blog li .blog-item-container .blog-item-info .btn-default:link;#homepage-blog li .blog-item-container .blog-item-info .btn-default:active,.blackHtml{
background-color:#FB4736;	
}

/*add to basket with the txt in background image (for the product list)*/
.BoutBuyNumber_PLUS{}/* + */
.BoutBuyNumber_MOINS{}/* - */
.btnSearch{}/*background with the txt OK*/
.Basket_BTN_ValidateCoupon{}/* + */
.ArrowRight{}/* > */
/*end specific styles for each buttons*/
.MainContent, .templateNoResult {
    text-align: center;
}


/*icons stock*/
.divStockInStock {
    padding: 5px 0;
}
.divStockRunningOutOfStock{
    padding: 5px 0;
}
.divStockOutOfStock	{
    padding: 5px 0;
}
.divStockNoStock {
    padding: 5px 0;
}
.divStockNoStock:before, .divStockOutOfStock:before {background: #ca1414;content: '';width: 12px;height: 12px;display: inline-block;border-radius: 50%;}
.divStockNoStock:after, .divStockOutOfStock:after {content: 'Pas de stock';color: #ca1414;font-size: 12px;font-weight: bold;padding-left: 5px;}

.divStockInStock:before {background: #0e9f6e;content: '';width: 12px;height: 12px;display: inline-block;border-radius: 50%;}
.divStockInStock:after {content: 'En stock';color: #0e9f6e;font-size: 12px;font-weight: bold;padding-left: 5px;}

/*icons promo*/

.PromotionLogo_0, .PictoPromoTrue {
    background-image: url('/ImagesPortal/FR/localisation/76135/images/tag-promo.png');
    width:25px;
    height:89px;
    right: 0px;
    position: absolute;
    top: 0px;
    z-index: 100;
    background-size: 100% auto;
}

/*END DEFAULT STYLES******************************************************************/



/*START MASTER PAGE / HOME PAGE*******************************************************************/

/*START HEADER*/
div#header {
    position: relative;
    z-index: 9;
    background-color: #fff;
}
.overtopHeaderInnerContent {
    height: 40px;
    border-bottom: 2px solid #e5e7eb;
}
#header .overtopHeaderInnerContent > div {
    margin: 0 auto;
    width: 1024px;
    position: relative;
	height:40px;
}
#header .overtopHeaderContent .cmcPageTable { /*height: 40px; WARNING*/
    margin: 0 auto;
    /*width: 1024px;*/ }
#header .overtopHeaderContent .cmcPageTable td { vertical-align: middle; }
#header .topHeaderLeft { 
    color: #fff;
    float: left;
    font-size: 16px;
    width: 73%;
}

.topHeaderLeft span { float: left; padding: 10px 18px; font-size: 18px;color: #1e1e1e; opacity: 0.8; }
.topHeaderLeft span .fa-phone-square {font-size:2rem;}
.topHeaderLeft > span {
    border: medium none;
    float: right;
}
.socialMedia i:hover, .socialMedia i:active, .socialMedia i:focus, .topHeaderLeft span:hover, .topHeaderLeft span:active, .topHeaderLeft span:focus { opacity: 1;}
.topHeaderLeft a:first-child span { padding-left: 0; }
.topHeaderLeft a:last-child span { border-right: none; }
.topHeaderLeft i { font-size: 18px; padding-right: 10px; }
.topHeaderLeft img { float: left; margin-right: 10px; margin-top: -3px; width: 22px; }

.TopPinkSec {
    position: absolute;
    top: 50px;
}


#header .topHeaderContent .logoZone { float: left; margin: 10px 0 10px; width: 21%; }
#header .logoZone .WPUserLogo img { /*width: 100%;*/ }
#header .logoZone #cmcwebuserlogohome h1 {margin:0;}
#header .basketZone { float: left; padding: 22px 0 0; width: 50%; }
#header .searchZone {float: right;margin: 30px 0 15px 5%;width: 22%;}

.TopHeaderContact .aideTxt {float: left;}
.TopHeaderContact .aideTxt svg {color: #1e296b; width: 20px;top: 8px;position: relative;}
.TopHeaderContact .aideTxt span {padding-left: 5px; font-size: 16px; text-decoration: underline;font-weight: bold;}
.TopHeaderContact .contactLink {float: right;}
.TopHeaderContact .contactLink a {font-size: 16px;font-weight: bold;top: 10px;position: relative;}
.TopHeaderContact .contactLink a:hover {text-decoration: underline;}

.searchLink {text-align: right; color:#999; padding:5px 0 0; cursor: default;}
.searchLink a {color:#999; font-size: 13px;}
.searchLink a:hover {color:#1e296b;}
.searchLink .fa-shopping-cart {font-size: 1.3rem; padding-right: 3px;}


.NavContent .fixedTxt {
	padding: 16px 20px;
	font-size: 18px;
	background: #fff12a;
	width: 210px;
	position: fixed;
	right: 0;
	margin-top: 111px;
	transform: rotate(90deg);
	border: 1px solid #444e8b;
	height: 60px;
}
.NavContent .fixedTxt::before {
	border-color: #444e8b transparent;
	border-style: solid;
	border-width: 11px 12px 0px;
	bottom: -11px;
	content: "";
	display: block;
	left: 83px;
	position: absolute;
	width: 0;
	z-index: 1;
}
.NavContent .fixedTxt::after {
	border-color: #fff12a transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	bottom: -10px;
	content: "";
	display: block;
	left: 85px;
	position: absolute;
	width: 0;
	z-index: 1;
}
.NavContent .fixedTxt .fa-bars {padding-left: 5px;}
.topHeaderContent {background-color: #fff; height: 80px;border-bottom: 1px solid #e5e7eb;}

.topHeaderInnerContent { margin: 0px auto; width: 1024px; }
.topHeaderInnerContent .logoZone, .topHeaderInnerContent .basketZone, .topHeaderInnerContent .searchZone {display: inline-block;}
.topHeaderInnerContent .logoZone {width: 19%;}
.topHeaderInnerContent .basketZone {width: 50%;}
.topHeaderInnerContent .searchZone {width: 30%;}
.index #mainContainer, .cstlogin #mainContainer, .cstaccountcreate #mainContainer, #mainContainer {
    z-index: 1;
}
.logged #mainContainer {
    position: relative;
    z-index: 1;
}
.logoZone #cmcwebuserlogohome {/*top: 25px;position: relative;*/}
.logoZone #cmcwebuserlogohome img {max-width: 120px;height: auto;}
/*END HEADER*/


/*START MENU*/
.overtopHeaderContent {
    position: relative;
    z-index: 9;
	background-color:#fff;
}
.main-span-title .catNavIcn { left: 0px; margin-right: 10px; }
#mgmenu1 { margin: 0 auto; position: relative; top: 0; width: 1024px; }
.NavContent { clear: both; color: rgb(0, 0, 0); position: relative; top: 0; width: 100% !important; z-index: 2; }
.MenuTop { position: absolute; width: 100%; background: #fff; border-bottom: 3px solid #a0c76a; }

/*END MENU*/


/*GREEN BAR*/
.navigationZone { position: relative; }
#header .navigationZone .cmcPageCell.cmcPageCell1 li > i { padding-right: 10px; position: relative; top: 1px; font-size: 20px !important; }
.navigationZone #IcomWebPartZone4 div#WebPart_wp807413800, .navigationZone #IcomWebPartZone4 div#WebPart_wp1648607404, .navigationZone #IcomWebPartZone4 div#WebPart_wp807413800, .navigationZone #IcomWebPartZone4 div#WebPart_wp981482870 { width: 50%; float: left; color: rgb(102, 102, 102); margin-top: 13px; }
.navigationZone #IcomWebPartZone4 div#WebPart_wp1858861503, .navigationZone #IcomWebPartZone4 div#WebPart_wp202833522, .navigationZone #IcomWebPartZone4 div#WebPart_wp1079742069 { width: 50%; float: right; color: rgb(102, 102, 102); text-align: right; padding-top: 5px; }
.navigationZone .cmcPageCell.cmcPageCell1 > ul { width: 1024px;margin:0 auto }
.navigationZone .cmcPageCell.cmcPageCell1 li { color: rgb(255, 255, 255); float: left; font-size: 15px; font-weight: normal; line-height: 26px; padding: 7px; width: 33.33%;text-align:center }
/*END GREEN BAR*/

/*BLOG SECTION*/
.col-md-4 { width: 30%; float: left; }
.item-html { width: 1024px; margin: 0px auto; padding-top: 50px; }
#tmhtmlcontent_topColumn a { text-align: left; margin: 0px auto; width: 1024px; text-shadow: rgb(0, 0, 0) 0px 1px 10px; }
#tmhtmlcontent_topColumn a h2 { padding: 0px; margin-bottom: 20px; font-size: 3em; color: rgb(255, 255, 255); font-weight: bold; }
#tmhtmlcontent_topColumn a p { color: rgb(255, 255, 255); margin-bottom: 20px; line-height: 25px; }
#tmhtmlcontent_topColumn a span::after, #footer #newsletter_block_left .form-group .btn-sm::after, #footer #newsletter_block_left .form-group .btn-group-sm > .btn::after, #homepage-blog li .blog-item-container .blog-item-info .btn-default::after, #homepage-blog .btn-blog-all::after, #newsletter_popup .tmnewsletter-content .btn.tmnewsletter-submit::after, #htmlcontent_top ul li.htmlcontent-item-1 a .item-html span::after, #htmlcontent_top ul li.htmlcontent-item-2 a .item-html span::after, #htmlcontent_top ul li.htmlcontent-item-3 a .item-html span::after { content: ""; position: absolute; z-index: -1; top: 0px; bottom: 0px; left: 0px; right: 0px; transform: scaleY(1); transform-origin: 50% center 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
#htmlcontent_top ul li a .item-html span { display: inline-block; padding: 10px 22px; font-size: 12px; transition: all 0.2s linear; color: rgb(255, 255, 255); border-radius: 3px; margin-top: 70px; font-weight: bold; background-color: rgb(9, 201, 141); }
#htmlcontent_top ul li a .item-html span:hover { background-color: rgb(9, 201, 141); }
#htmlcontent_top ul li.htmlcontent-item-2 a .item-html span { color: rgb(255, 255, 255); }
#htmlcontent_top ul li.htmlcontent-item-3 a .item-html span { color: rgb(255, 255, 255); }
.home-column { padding-bottom: 0px; width: 1024px; margin: 0px auto; }
.blackHtml { text-shadow: rgb(0, 0, 0) 0px 0px 0px;color: rgb(255, 255, 255); font-weight: normal; }
#homepage-blog h4 { padding: 30px 10px 10px 0px; margin: 0px 0px 15px; }
#homepage-blog li .blog-item-container { background: rgb(242, 242, 242); }
#homepage-blog li .blog-item-container .blog-image a { position: relative; overflow: hidden; }
#homepage-blog li .blog-item-container .blog-image a img, .Prodlist_TableLine .product-image a img { transition: all 0.3s ease; transform: rotate(0deg) scale(1) skew(0deg) translate(1px); }
#homepage-blog li .blog-item-container .blog-image a:hover img, .product-image a:hover img, .Prodlist_TableLine:hover .product-image a img { transform: rotate(0deg) scale(1.1) skew(0deg) translate(1px); }
#homepage-blog li .blog-item-container { background: rgb(242, 242, 242); }
#homepage-blog li .blog-item-container .blog-image a { position: relative; overflow: hidden; }
#homepage-blog li .blog-item-container .blog-item-info { padding: 10px 20px 20px; text-align: left; }
#homepage-blog li .blog-item-container .blog-item-info .date-added { color: rgb(114, 114, 114) !important; }
#homepage-blog li .blog-item-container .blog-item-info h5 { margin-bottom: 5px; font-size: 16px; }
#homepage-blog li .blog-item-container .blog-item-info .post-descr { font-size: 12px; min-height: 90px; line-height: 20px; color: rgb(36, 36, 36) !important; }
#homepage-blog li { margin-bottom: 40px; margin-right: 50px; }
#homepage-blog li:last-child { margin-bottom: 40px; margin-right: 0px; }
#homepage-blog .btn-blog-all { padding: 10px 32px; color: rgb(255, 255, 255); left: -180px; }
/*END BLOG SECTION*/

/*OFFRE SPECIALE DIB SECTION*/
.productMainWrapper { width: 1024px; margin: 40px auto; position: static; overflow: hidden; z-index: -1; /*background: rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/76135/images/promotion.jpg") repeat fixed center center / 100% 100%;*/ }
.productMainWrapper .dib1 {background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)) repeat scroll 0px 0%, rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/76135/images/section-img1.jpg") no-repeat center;
height: 182px; width: 48%; float: left;}
.productMainWrapper .dib2 {background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)) repeat scroll 0px 0%, rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/76135/images/section-img2.jpg") no-repeat center;
height: 182px; width: 48%; float: right;}
.productMainWrapper .dib3 {background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)) repeat scroll 0px 0%, rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/76135/images/section-img3.jpg") no-repeat center;
height: 182px; width: 48%; float: left; margin-top: 40px;}
.productMainWrapper .dib4 {background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)) repeat scroll 0px 0%, rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/76135/images/section-img4.jpg") no-repeat center;
height: 182px; width: 48%; float: right; margin-top: 40px;}

.productMainWrapper .product {
    transform: translateZ(0px);
    transition: all 0.3s ease-in 0s;
    vertical-align: middle;
    color: #fff;
    font-size: 26px;
    display: block;
    text-align: right;
    text-transform: uppercase;
}
.productMainWrapper .dib1 .product, .productMainWrapper .dib2 .product, .productMainWrapper .dib4 .product {padding: 84px 30px;}
.productMainWrapper .dib2 .product, .productMainWrapper .dib4 .product {text-align:left;}
.productMainWrapper .dib3 .product {padding: 58px 30px; line-height: 36px; font-size: 21px;}
.productMainWrapper .dib3 .product span {display: block; font-size: 28px; color: #feff9d;}
.productMainWrapper .dib4 .product {font-size: 24px;}
.productMainWrapper .dib4 .product span {color: #ff0000; font-size: 40px;}
.product:hover, .product:active, .product:focus{
    transform: scale(1.1);
}
.product .overlay {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    width: 100%;
}
.productTitle {
    color: #fff;
    display: inline-block;
    font-family: interregular,'Open Sans', arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    padding: 30px 4% 30px 4.4%;
    text-transform: uppercase;
    width: 75%;
}

.productWrapper .promoBttn {border: 2px solid #e8e8e8;
padding: 8px 20px;
color: #e8e8e8;
font-size: 18px;
display: block;
right: 30px;
position: absolute;
margin-top: 15px; transition: all 0.3s ease;}
.productWrapper .promoBttn .fa-caret-right {font-size: 24px;
padding-left: 5px;
top: 2px;
position: relative;}
.productWrapper .promoBttn:hover {background-color:#e8e8e8; color:#4c5bab;}

/*END OFFRE SPECIALE DIB SECTION */



/* FOOTER CONTENT */
#freezone3 {width: 100%; margin: 0 auto; padding:30px 0; background-color: #1e296b;}
#footer { background-color: #fff; }
.FooterContent {width: 1024px;margin: 50px auto 0;}
.FooterContent .WPUserLogo img {width: 80px;height: auto;}
.FooterContent .address {color: #6b7280;text-align: left;font-size: 15px;padding: 20px 0;}
.FooterContent .contactInfo, .FooterContent .linkSet, .FooterContent .linkSet > div {display: inline-block;}
.FooterContent .linkSet > div {width: 30%;vertical-align: top;}
.FooterContent .linkSet > div ul li {color: #6b7280;text-align: left;font-size: 15px;padding: 7px 0;}
.FooterContent .linkSet {float: right;width: 60%;text-align: right;}
.FooterContent .linkSet > div ul li.linkTitle {color: #000; font-weight: bold;}
.FooterContent .linkSet > div ul li a {color: #6b7280; text-decoration: none;}
.FooterContent .linkSet > div ul li a:hover {text-decoration: underline;}
.FooterContent .contactInfo span, .FooterContent .contactInfo span > a {color: #6b7280;font-size: 15px;font-weight: bold;display: block;padding: 5px 0;}
.FooterContent .contactInfo span > a {text-decoration: underline;}
.FooterContent .contactInfo .fa-brands {color: #9ca3af;font-size: 1.5em;padding: 20px 15px;}
.FooterContent .contactInfo .fa-brands.fa-linkedin {padding-left: 0;}
.FooterContent .contactInfo .fa-brands:hover {color: #2996b1;}

.FooterContent .footerBottom {border-top: 2px solid #e5e7eb;padding-top: 30px;}
.FooterContent .footerBottom ul li {display: inline-block;padding-left: 30px;}
.FooterContent .footerBottom ul li a {color: #6b7280;text-align: center;font-size: 15px;}
.FooterContent .footerBottom ul li a:hover {text-decoration: underline;}
.FooterContent .footerBottom ul {text-align: right;}

/*END FOOTER*/
/*END MASTER PAGE*********************************************************************/

/*START STATICS PAGES*****************************************************************/
/*CONTENT PAGE FAQ*/
.backgroundFaq {background: #464646;color: white;margin-bottom: 5px; padding: 10px;text-align: left;border-radius: 3px;cursor: pointer;}
.text {color: #000;text-align: left;font-size: 12px;width: auto;padding: 10px;}
.posIcn {float: right;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear;margin-top:5px}
.description {display: none;}
.toggleTitle{width:985px}
/*CONTENT PAGE MOYEN DE PAIEMENT*/
.lineBlock{clear:both}
.lineBlock .colBlock{float:left;}
.lineBlock p{}
.staticBnrImg-Eng{text-align:center}
/*CONTENT PAGE CONTACT*/
.contactTable{width:100%;margin:0 auto}
.textContact{text-align:center}
.RowContact:nth-child(2n+1) {
    margin-right: 9%;
}
.RowContact, .RowContactArea {
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    width: 45%;
}
.RowContact div:first-child, .RowContactArea div:first-child {
    float: left;
    width: 30%;
}
.RowContact input[type="text"], .RowContact input[type="password"], .RowContact select, .RowContactArea textarea {
    width: 70%;
}
.RowContact div:first-last{float:left;}
.cmcpage12530 .bannerZone,
.cmcpage12532 .bannerZone,
.cmcpage12529 .bannerZone,
.cmcpage12533 .bannerZone
{background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url(/ImagesPortal/FR/Localisation/76135/images/hpe/fond_geometrique.jpg) repeat fixed center 0px / 100% auto;
height: 250px; text-align:center;}

.staticContent .staticTitleH1, .staticTitleH2 {
	font-family: interregular,'Open Sans', arial, sans-serif;
	text-align: left;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #1e296b;
}

.staticContent {background-color:#fff; padding: 30px 0px;width: 1024px; margin: 0 auto;}
.textContact {
    color: #1e296b;
    font-size: 14px;
    font-weight: bold;
    padding-top: 30px;
    text-align: left;
}
.contactTable .cmctext {
    font-size: 14px;
    font-weight: bold;
    margin-top: 25px;
}
.cmcpage13893 .title1 {width: 330px; display: block; top: -110px;}

.gblBoutSearch2 {margin-top:10px;}
.contactTable .RowBttnContact{margin-left: 100px; margin-top:20px;}
.cmcpage13897 .bannerZone::after {
	content: "Formulaire de contact";
	color: #fff;
	display: inline-block;
	font-family: interregular,'Open Sans', arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0 auto;
	padding: 15px 0 10px 10px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	top: 140px;}

.staticWrapper {border-top: 2px solid #a0c76a;}
.contactTable .RowBttnContact .champ {
    color: red;
    font-family: interregular,'Open Sans', arial, sans-serif;
    font-size: 14px;
    margin-top: 20px;
}
.RowBttnContact > div {
    text-align: right;
}
.contactform,.cmcpage12527 .contactform, .mainContentSection, .static-maindiv {background-color:#fff; margin-top: 70px; padding: 50px;}
.contactform #confirmMail, .contactform #confirmMail {text-align:center; font-size:14px; font-weight:bold;}

/*CONTENT PAGE Qui sommes-nous*/
.cmcpage12529 .bannerZone::before {
	content: "Qui sommes-nous"; 
	color: #fff;
	display: inline-block;
	font-family: interregular,'Open Sans', arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0 auto;
	padding: 15px 0 10px 20px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	top: 120px;
}
/*CONTENT PAGE Conditions Générale de Vente*/
.cmcpage12533 .bannerZone::before {
	content: "Conditions Generales de Vente"; 
	color: #fff;
	display: inline-block;
	font-family: interregular,'Open Sans', arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0 auto;
	padding: 15px 0 10px 20px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	top: 120px;
}
.cmcpage12533 .static-maindiv p {
    color: #3d3d3d;
    font-size: 16px;
    line-height: 30px;
}
.cmcpage12533 .static-maindiv p span a {color:#1e296b;}
.cmcpage12533 .static-maindiv p span a:hover {color:#117C83;}
.cmcpage12533 .static-maindiv p a {color:#3d3d3d; font-size:16px; font-weight:bold;}
.cmcpage12533 .static-maindiv p a:hover {color:#444e8b; font-size:16px; font-weight:bold;}
.cmcpage12533 .static-maindiv .pdflinks {margin:50px 20px 20px;}
.cmcpage12533 .static-maindiv .pdflinks p {margin:20px 0;}

/*CONTENT PAGE ABOUT*/
.staticContent .staticTitleH1 { text-align: left; }
/*.staticContent .staticTitleH2 { font-size: 2rem; line-height: 2.5rem; margin-bottom: 0; }*/
.staticContent .text { color: #3d3d3d; font-size: 14px; padding: 10px 0 !important; }
/*.rightContentSection, .leftContentSection, .mainContentSection { background: #f7f7f7 none repeat scroll 0 0; display: inline-block; left: -1.2%; margin: 1% 0; padding: 1.2%; position: relative; width: 102.5%; }
.leftContentSection, .mainContentSection { background: transparent; }*/
.rightContentSection > *, .leftContentSection > * { float: left; padding: 3% 2%; width: 50%; }
.rightContentSection > img, .leftContentSection > img { opacity: 0;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out; }
.leftContentSection > img { position: relative; right: -50%; }
.rightContentSection > img { position: relative; left: -50%; }
.leftContentSection > img.slideLeft { opacity: 1;
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0); }
.rightContentSection > img.slideRight { opacity: 1;
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0); }
/*.staticContent .mainContentSection > * { padding: 0 2%; }*/
.staticContent .mainContentSection .text { padding: 10px 2% !important;}
.staticContent .mainContentSection .text strong{}
/*CONTENT PAGE PARTNERS*/
.partnerWrapper { float: left; margin-bottom: 4%; width: 25%; }
.partnerWrapper > a { display: inline-block; }
.partnerLogoWrapper { display: inline-block; position: relative; }
.partnerLogoWrapper > img { width: 100%; }
.partnerTitle > a { color: #3f3f3f; display: inline-block; font-family: "open_sanslight",arial,sans-serif; font-size: 18px; font-weight: bold; padding: 4%; width: 100%; }
.partnerDetails { display: inline-block; padding: 0 4%; width: 100%; }
.partnerDetails > a { display: inline-block; font-family: "open_sanslight",arial,sans-serif; }
.logo_overlay { backface-visibility: hidden; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; border: 1px solid #e5e5e5; box-sizing: border-box; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; width: 100%; z-index: -1; }
.partnerLogoWrapper:hover .logo_overlay { opacity: 1; z-index: 3; }
.logo_overlay i { color: #12c990; font-size: 2.5rem; left: calc(50% - 1rem); position: relative; top: calc(50% - 1rem); transition: all 0.4s ease 0s;}
.logo_overlay i:hover { top: calc(50% - 1.5rem); }

/*CONTENT PAGE BLOG*/
.articlePage .introWrapper {display: inline-block;width: 100%;}
.articlePage .staticBnrImg-Qui {float: left;margin-bottom: 2%;margin-right: 3%;width: 47%;}
.articlePage .introduction {float: left;margin-bottom: 2%;width: 50%; font-size: 14px; font-style: italic;}
.articlePage .text {padding: 1%;}
.articlePage .staticBnrImg-Qui > img { width: 100%;}
.articlePage .color.boldtext {color: #333;}
.articlePage .staticTitleH1 > span {color: #727272;display: inline-block;font-size: 18px;font-weight: bold;margin-top: 10px;width: 100%;}
.articlePage .staticTitleH1, .MainTitle {padding-bottom: 26px;}


/*Request create account send*/
.cmcpage12527 .titleZone{text-align:center;margin-top:20px}
/*END STATICS PAGES*******************************************************************/



/*TO MOVE IN THE CSS WEBPART PROMOTION*/
.promotionZone #WebPart_wp1334247718 { width: 1024px; margin: 0px auto; }
.middleRibbonBottom { margin: 0px auto; width: 1024px; }
.middleRibbonBottom table { width: 100%; }
.prodblock-ttl { display: inline-block; padding: 2% 1% 0px; width: 100%; }
.prodblock-ttl > h2 { font-size: 1.5rem; }
.prodblock-ttl h2 i, .title_block i { color: rgb(9, 201, 141); padding-right: 3px; font-size: 1.8rem;}


/* MOVE IN THE CSS WB BANNER*/
#cmcwebusercataloguebanner {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    text-align: center;
}
#slideshowtoggler1 {
    height: 100%;
    position: absolute;
    width: 100%;
    display: none;
}
#slideshowtoggler {
    margin: 0 auto;
    position: relative;
    top: 47%;
    width: 1024px;
    z-index: 1;
}
* #slideshowtoggler { margin-left: auto; margin-right: auto; }
#slideshowtoggler i {
    font-size: 50px;
}
#slideshowtoggler i.fa-chevron-left {padding: 11px 12px;}
#slideshowtoggler i.fa-chevron-right {padding: 11px 20px;}
#slideshowtoggler a.prev, #slideshowtoggler a.next {
    opacity: 1;
    position: relative;
    top: 0;
    transition: all 0.3s ease-in 0s;
    z-index: 11;
	color:#fff;
	width: 70px;
	height: 70px;
	background-color: rgba(27,27,27,0.8);
	border-radius: 40px;
}
#slideshowtoggler a.next:hover, #slideshowtoggler a.next:focus, #slideshowtoggler a.next:active,
#slideshowtoggler a.prev:hover, #slideshowtoggler a.prev:focus, #slideshowtoggler a.prev:active {
    opacity: 1;
}
#slideshowtoggler a.prev { left: 0; float:left; }
#slideshowtoggler a.next { float: right; right: 0; }
#bannerzone { float: left; z-index: 1; width: 100% !important; }
/* IE EDGE */ @supports (-ms-ime-align:auto) {
  #bannerzone .gallerylayer {height:auto !important; min-height: 400px;}
}

.index #bannerzone {max-height: 500px; margin-top: 52px;}
.gallerylayer {
    position: relative !important;
}

#bannerzone .gallerylayer img { width: 100%;/*border-top: 1px solid #eee;border-bottom: 1px solid #eee;*/ }
.descpanelfg,.fadeslidedescdiv{background-color:red;width:20%;height:200px;position:relative;z-index:1000;display:none}
#bannerzone .gallerylayer[style*="z-index: 49"] {
    display: none !important;
}
#bannerzone .gallerylayer[style*="z-index: 50"] {
    display: block !important;
}

.divBanner{background-color:#E4E5E5!important}
/*MOVE IN THE CSS CATCONFIG TO PUT IN A OTHER CSS FILE**/
.StandardBottomBKG {
    margin: 50px auto 20px;
    width: 60%;
}
.catconfig .content table {
    width: 100%;
}
.catconfig .Title{margin-left:15px}
.catconfig .boxcontent {
    background-color: #fff;
    padding: 40px 50px;
}
tr.StandardBottomBKG_Title td {text-align: center;padding: 10px 0;background-color: #E3E3E3;}
#ctl01_ContentCentral_listAttributeddl_div, #ctl01_ContentCentral_ddlValueContener {
    left: -90px;
    margin-top: 10px;
    position: relative;
}
#ctl01_ContentCentral_listAttributeddl_div select, #ctl01_ContentCentral_ddlValueContener select {width: 330px !important;}
@-moz-document url-prefix() { 
    #ctl01_ContentCentral_listAttributeddl_div select, #ctl01_ContentCentral_ddlValueContener select {
        padding: 0 15px !important;
    }     
}
.catconfig .bannerZone {background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url(/ImagesPortal/FR/Localisation/76135/images/hpe/fond_geometrique.jpg) repeat fixed center 0px / 100% auto;
height: 250px; text-align:center;}

.catconfig .bannerZone::before {
content: "CONFIGURATEURS";
color: #fff;
display: inline-block;
font-family: interregular,'Open Sans', arial, sans-serif;
font-size: 30px;
font-weight: bold;
margin: 0 auto;
padding: 15px 0 10px 10px;
position: relative;
text-align: right;
text-transform: uppercase;
top: 140px;
}
.catconfig .CUSTOMER_ToolBarTable {width: 435px;}
.catconfig tr.StandardBottomBKG_Title td {background-color:transparent;}
.catconfig .CUSTOMER_ToolBarTable .StandardBottomBKG_Title .StandardBottomBKG_Title {width: 50%;
	color: #222;
	font-family: interregular,'Open Sans', arial, sans-serif;
	font-size: 16px;
	padding: 3px 0 0px 8px;
	text-align: left;
	text-transform: uppercase;
	border-left:5px solid #fc0203;
}

.catconfig .CUSTOMER_ToolBarTable .StandardBottomBKG_Title td {text-align: left; color: #222;
	font-family: interregular,'Open Sans', arial, sans-serif;
	font-size: 20px;
	padding: 10px 0 5px 15px;
	text-align: left;
	text-transform: uppercase;
}
.StandardBottomBKG_Title > td:last-child {
    padding-left: 0 !important;
    padding-top: 8px !important;
}
.StandardBottomBKG_Title td:last-child span {
    color: #117C83;
    font-size: 16px;
    padding-left: 10px;
}
.StandardBottomBKG_Title td:last-child::before {
    color: #646464;
    content: "\2014";
}
.catconfig .boxcontent center {border-top:1px solid #e4e5e5; margin-top: 15px;}
.catconfig .CustomerUser_TableList {
    left: 80px;
    position: relative;
    width: 360px !important;
}
.catconfig .CustomerUser_TableList .SearchCatconfig_Results, .catconfig center td[style="height: 24px"], .SearchCatconfig_ResultsNbr {
    color: #117C83;
    font-size: 13px;
    padding: 10px 0;
    text-align: center;
}
.catconfig .boxcontent img[src="../images/p.gif"] {
    display: none;
}
.SearchCatconfig_ResultsNbr {
    color: rgb(63, 63, 63);
    font-family: interregular,'Open Sans', arial, sans-serif;
    text-align: left;
}


/*CATPRODUCT COMPARE TO MOVE IN THE OTHER CSS LATER*/
.gblListHeadLine{background-color:#E1E1E1;padding:5px 10px;font-weight:bold}
.background:hover, .CompareProduct tr:nth-child(2n), .CompareProductExtendWrapper:nth-child(2n) {background-color:#f9f9f9}


/*ORDER STEPS - BEGIN */

ul#order_step{display:none}
body.slscommercebasket ul#order_step,
body.slscommercebasketform ul#order_step,
body.cstlogin ul#order_step,
body.slscommerceordercheck ul#order_step,
body.slscommerceorderpayment ul#order_step,
body.slscommerceorderpayment ul#order_step,
body.slscommerceorderview ul#order_step {display:block;}
#freezone7{/*background-color:#ededed;border-bottom:1px solid #eee;*/}
ul.step li span i,ul.step li a i {margin-right:5px;font-size: 1.8rem;}
ul#order_step{width:1024px;margin:0 auto;padding:0px 0;overflow:hidden;}
ul#order_step li{background-color:#fff;width:20%;float:left;padding:10px 10px;text-align:left;position:relative;font-size:16px;font-family: interregular,'Open Sans', arial, sans-serif; font-weight: bold;color: #9ca3af;}
/*ul#order_step li.step_current > span > span{text-align:center;display:inline-block; color: #1e296b; padding-left: 5px;}*/
ul#order_step li > span > span{text-align:center;display:inline-block; color: #9ca3af; padding-left: 5px;}
ul#order_step li:after{content: "";z-index:0; position: relative;border-bottom: 2px solid #e5e7eb;width: 100%;display: inline-block;top: -28px
}
ul#order_step li#step_end:after {display: none;}
ul#order_step li.first span:after{border-color: #117C83;}
ul#order_step li.step_current > span > span:first-child {padding: 8px 10px;border-radius: 50%;height: 35px;width: 35px;display: inline-block;border: 2px solid #9ca3af;text-align: center;}
ul#order_step li > span {background: #fff;z-index: 1;position: relative;padding-right: 10px;font-size:16px;}
ul#order_step li.step_todo > span > span:first-child {padding: 8px 10px;border-radius: 50%;height: 35px;width: 35px;display: inline-block;border: 2px solid #9ca3af;}
ul#order_step li.step_todo > span > span:first-child {background: transparent;color: #9ca3af;border: 2px solid #9ca3af;}

/*step slscommercebasket*/
.slscommercebasket ul#order_step li.first{color:#1e296b;}
.slscommercebasket ul#order_step li.first > span > span:first-child {background: #2996b1;color: #fff;border-color: transparent;}
.slscommercebasket ul#order_step li.first > span > span {color: #1e296b;}

/*step cstlogin*/
.cstlogin ul#order_step li.second{color:#1e296b;}
.cstlogin ul#order_step li.second > span > span:first-child {background: #2996b1;color: #fff;border-color: transparent;}
.cstlogin ul#order_step li.second > span > span {color: #1e296b;}

/* step slscommerceordercheck*/
.slscommerceordercheck ul#order_step li.third{color:#1e296b;}
.slscommerceordercheck ul#order_step li.third > span > span:first-child {background: #2996b1;color: #fff;border-color: transparent;}
.slscommerceordercheck ul#order_step li.third > span > span {color: #1e296b;}

/*step slscommerceorderpayment*/
.slscommerceorderpayment ul#order_step li.four{color:#1e296b;}
.slscommerceorderpayment ul#order_step li.four > span > span:first-child {background: #2996b1;color: #fff;border-color: transparent;}
.slscommerceorderpayment ul#order_step li.four > span > span {color: #1e296b;}

/*step slscommerceorderview*/
.slscommerceorderview ul#order_step li.last{color:#1e296b;}
.slscommerceorderview ul#order_step li.last > span > span:first-child {background: #2996b1;color: #fff;border-color: transparent;}
.slscommerceorderview ul#order_step li.last > span > span {color: #1e296b;}

/*ORDER STEPS - END */



/*PROMOTION SECTION*/

.promo-maindiv {background-color: #111111; width: 100%; margin: 0auto 0 auto; z-index: 1; position:relative;
    bottom: 1px;}
.promo-maindiv .promo-inner {width: 1024px; margin:0 auto; background: url("/ImagesPortal/FR/Localisation/76135/images/promo-rgtImg.png") no-repeat center right; height:253px;}
.promo-maindiv .promo-inner h1 {color: #737373; font-size: 24px; margin: 0; line-height: 30px; text-transform: uppercase; padding-bottom: 10px;}
.promo-maindiv .promo-inner h1 .redTxt {color:#fc0203; font-size:26px; padding:0 3px;}
.promo-maindiv .promo-inner h1 .greenTxt {color:#117C83;}
.promo-maindiv .promo-left {width: 520px; float: left; padding: 20px; height:100%; border-left: 1px solid #383838; border-top: 1px solid #383838; margin: 20px 0px 0; height: 215px;}
.promo-maindiv .promo-left p {color: #ddd; font-size: 13px; line-height: 20px; text-align:justify; margin: -20px 0px 0 35px; width: 480px;}
.promo-maindiv .promo-left p span {color:#117C83; font-size: 16px; font-weight:bold; padding: 10px 0; display: block;}
.promo-maindiv .promo-left em {font-size:2rem;}
.promo-maindiv .promo-left em.fa-quote-right {float: right; margin-right: -40px; margin-top: -20px;}
.promo-maindiv .promo-right {width: 440px;
float: right;
height: 213px;
border-right: 1px solid #969696;
border-bottom: 1px solid #8b8b8b;
margin: 20px 20px 20px;}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

.promo-maindiv span.pplBlock {background-color: rgba(239, 239, 239, 0.7); padding: 10px 10px 5px 10px;}
.promo-maindiv span.pplBlock a, .promo-maindiv .fa-caret-right { transition: all 0.3s ease; transform: rotate(0deg) scale(1) skew(0deg) translate(1px); text-transform:uppercase; }
.promoVrac:hover span.pplBlock a, .promoVrac:hover span.pplBlock, .promoFab:hover span.pplBlock a, .promoFab:hover span.pplBlock { transform: rotate(0deg) scale(1.1) skew(0deg) translate(1px); }
.promoVrac:hover span.pplBlock, .promoFab:hover span.pplBlock {padding: 10px 25px 5px 25px;}

/*END - PROMOTION SECTION*/


/*PARTNER SECTION*/
.partnersWrapper {background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)) repeat scroll 0 0%, rgba(255, 255, 255, 0) url("/ImagesPortal/FR/Localisation/76135/images/partnersBg.jpg") repeat fixed center center / 100% 100%; padding:39px 60px; height: 518px;}
.partnersWrapper .partnerBlock {border-bottom:1px solid #fff; border-right: 1px solid #fff; width:20%; height:210px; float:left; text-align: center; padding: 20px;}
.partnersWrapper .partnerBlock:first-child .arrwBttn {bottom: 16px;}
.partnersWrapper .partnerBlock:nth-child(2) .arrwBttn {bottom: 24px;}
.partnersWrapper .partnerBlock:nth-child(3) .arrwBttn {bottom: 9px;}
.partnersWrapper .partnerBlock:nth-child(4) .arrwBttn {bottom: 64px;}
.partnersWrapper .partnerBlock:nth-child(6) .arrwBttn {bottom: 59px;}
.partnersWrapper .partnerBlock:nth-child(7) .arrwBttn {bottom: 71px;}
.partnersWrapper .partnerBlock:nth-child(8) .arrwBttn {bottom: 62px;}
.partnersWrapper .partnerBlock:nth-child(9) .arrwBttn {bottom: 50px;}
.partnersWrapper .partnerBlock:nth-child(n+5) {border-bottom:0px solid #fff;}
.partnersWrapper .partnerBlock span {color: #0d0d0d; font-size: 16px; font-weight: bold; line-height: 26px; text-transform: uppercase;}
.partnersWrapper .partnerBlock img {display: block; margin:20px auto 0 auto;}
.partnersWrapper .partnerBlock .arrwBttn {float: right;
width: 0;
height: 0;
border-bottom: 64px solid #3f3d76;
border-left: 64px solid transparent;
position: relative;
right: -20px;}
.partnersWrapper .partnerBlock .arrwBttn i {color: #fff;
font-size: 3rem;
right: 20px;
position: relative;
top: 20px;}
.partnersWrapper .partnerBlockFull {background: url("/ImagesPortal/FR/Localisation/76135/images/CablesQuotation.jpg") no-repeat; width:20%; height:436px; float:right; text-align: left; padding: 40px 20px;
line-height: 35px;}
.partnersWrapper .partnerBlockFull span {color: #fff; font-size: 24px; font-weight:bold; line-height:30px;}
.partnersWrapper .partnerBlockFull a {display: block;
width: 102px;
padding: 8px 20px;
background-color: #1f1f1f;
color: #fff;
font-size: 16px;
margin-top: 20px;}
.partnersWrapper .partnerBlockFull a:hover {opacity:0.8;}
.partnersWrapper .partnerBlockFull a i {font-size: 22px; top: 1px; position: relative; padding-left: 5px;}

/*END PARTNER SECTION*/

/*Start page unauthorised*/
.bannerZone {
}

/*End page unauthorised*/

/* TITLES */
.productlistBKG2, .title1, .titleMyAccount span, label.Title, label.TitleE span {
    font-weight: bold;
    padding: 30px 0 30px;
    font-size: 36px;
    width: 100%;
    background-color: #02458e;
    color: #fff;
    text-align: center;
}


/* cstaccountdetail.aspx */
.cstaccountdetail .WelcomeText span {font-size:13px;}
.cstaccountdetail .CUSTOMER_Table1, .cstaccountdetail .CUSTOMER_Table {background-color:#fff; padding:40px; width: 1024px;}
.cstaccountdetail .Candara_GreyTitle {background-color:#fff; padding: 20px 0 15px 20px; font-size: 16px; text-transform: uppercase;}
.cstaccountdetail .CUSTOMER_Table_PersonalInfo td, .cstaccountdetail .WelcomeText td {padding: 5px 0;}
.cstaccountdetail .cstAccountDetail {width:100%; background-color: #fff;}
.cstaccountdetail .CMD_ListHeadline th {background-color: #3f3f3f; color: #fff; padding: 5px 10px; font-size: 13px;}
.cstaccountdetail .CMD_ListLine td, .cstaccountdetail .CMD_ListLine td a {padding:3px 10px; font-size: 13px;}
.cstaccountdetail .CMD_ListLine td a {font-weight:bold;}
.cstaccountdetail .CMD_ListLine td a:hover {text-decoration:underline;}
.cstaccountdetail .voirPlusInfosTab a {color:#117C83;}
.cstaccountdetail .voirPlusInfosTab a:hover, .cstaccountdetail .CUSTOMER_Table_Edit a:hover {color:#637022;}
.cstaccountdetail .voirPlusInfosTab {text-align:right; padding:20px;}
.cstaccountdetail .WelcomeText, .cstaccountdetail #ctl01_ContentCentral_PnlCorporateHeader b {font-weight:bold; margin-top: 30px;}
#.cstaccountdetail ctl01_ContentCentral_DivHPSRPEnroll {display:none;}
.cstaccountdetail .CUSTOMER_Table_Edit a {color:#117C83;}
.cstaccountdetail .CUSTOMER_Table_Edit {text-align:right; padding:20px;}
.cstaccountdetail .CMD_ListLine {border-bottom: 1px solid #ccc;}


/* DISPLAYED ONLY ON SPECIFIC PAGES */
.BREADCRUMB {display:none;}
.catproductlist2 .BREADCRUMB, .catproductlist3 .BREADCRUMB, .catproductlist5 .BREADCRUMB, .catproductlist6 .BREADCRUMB, .catproductform .BREADCRUMB, .catpackageform .BREADCRUMB {display:table;}
#freezone7 {display:none;}
.slscommercebasket #freezone7, .slscommercebasketform #freezone7, .slscommerceordercheck #freezone7, .slscommerceorderpayment #freezone7, .slscommerceorderview #freezone7, .cstlogin #freezone7 {display:block;}


/* ACTUALITES ET EVENEMENTS */
.actuSection div {width: 24%; float: left; background-color: #fff; text-align:center; margin: 10px 7px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);}
.actuSection div:first-child {margin: 10px 6px 10px 0;}
.actuSection div:last-child {margin: 10px 0 10px 6px;}

.actuSection div img {width:230px; margin-top: 7px; height: 190px;}
.actuSection div h3 {font-size: 18px; text-align: center; margin: 20px 10px;}
.actuSection div span {font-size: 13px;}
.actuSection div a {background-color: #117C83; color:#fff; padding: 10px 20px; top: 7px; position: relative;}
.actuSection div a:hover {background-color: #454545; color:#fff;  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
  
/* Hide CENTER */  
body > form > center, #page #header center {
    display: none;
}
body.pageedit > form > center {
    display: block;
}

/* Slider Content */
#freezone9 {border-bottom: 2px solid #e5e7eb;background: #fff;}
.SliderContent {width: 1024px; margin: 0 auto; padding: 40px 0;}
.SliderContent > div {width: 24%; display: inline-block; text-align: center;}
.SliderContent > div i {color: #2996b1;font-size: 4rem;}
.SliderContent > div h3 {color: #000;text-align: center;font-size: 20px;padding: 20px 0;font-weight: bold;}
.SliderContent > div p {color: #6b7280;text-align: center;font-size: 15px;}

/* Access Catalog Content */
#freezone5 {background: #fff;}
.AccessCatalogContent {width: 1024px; margin: 0 auto; padding: 40px 0;}
.AccessCatalogContent div > div {width: 49%; display: inline-block; text-align: left;}
.AccessCatalogContent div > div:nth-child(2) {text-align: right;}
.AccessCatalogContent img {width: 96%; border-radius: 10px;}

/* Produits Content */
#freezone1 {background: #fff;width: 100%; margin: 0 auto; padding: 20px 0;}
#freezone1 .cmcPageTable {width: 1024px;margin: 0 auto;}
.ProductsContent {}

/* Informatique Content */
#freezone10 {background: #fff;}
.InformatiqueContent {width: 1024px; margin: 0 auto; padding: 40px 0;}
.InformatiqueContent div > div {width: 42%; display: inline-block; text-align: left;}
.InformatiqueContent div > div:nth-child(2) {text-align: right; vertical-align: top; width: 56%;}
.InformatiqueContent img {width: 96%; border-radius: 10px;}
.InformatiqueContent div > div:nth-child(2) a:nth-child(2) img {margin-top: 50px;}

/* Partenaires Content */
#freezone6 {background: #fff;}
.PartenairesContent {width: 1024px; margin: 0 auto; padding: 40px 0;}
.PartenairesContent div a {padding: 15px; width: 24%; display: inline-block;}
.PartenairesContent div a img {width: 100%;}
.PartenairesContent h1 {text-align: center;}
.PartenairesContent .btnPartner a {background: #1e296b;color: #fff;text-align: center;font-size: 16px;font-family: interbold,'Open Sans', arial, sans-serif;border-radius: 7px;}
.PartenairesContent .btnPartner {text-align: center; padding-top: 30px;}


/* Actualités Content */
#freezone8 {background: #fff;}
.ActualitesContent {width: 1024px; margin: 0 auto; padding: 40px 0;}
.ActualitesContent div div {width: 33%; text-align: left; display: inline-block;padding: 0 1%;}
.ActualitesContent img {width: 100%; border-radius: 10px;}
.ActualitesContent .date {color: #9ca3af;font-size: 13px;margin-top: 10px;display: inline-block;}
.ActualitesContent .category {background: #e1effe;color: #1e429f;font-size: 13px;font-weight: bold;padding: 3px 10px;border-radius: 4px;margin-left: 20px;}
.ActualitesContent h4 {font-size: 18px;font-weight: bold;padding: 20px 0;}
.ActualitesContent p {color: #4b5563;}
.ActualitesContent .readMore {font-weight: bold;font-size: 13px;float: right;padding: 10px 0;}
.ActualitesContent .readMore i {color: #1e296b; padding-left: 5px;}

.FeaturesContent {background: #f8f6f4;border-top: 2px solid #e5e7eb;padding: 40px 0; margin: 0 auto; border-bottom: 1px solid #e5e7eb;}
.FeaturesContent > div {width: 1024px; margin: 0 auto; text-align: center;}
.FeaturesContent > div > div {width: 24%; text-align: center; display: inline-block;padding: 0 3%;}
.FeaturesContent > div > div i {color: #2996b1;font-size: 4rem;}
.FeaturesContent > div > div svg {width: 65px; height: auto;}
.FeaturesContent h3 {color: #000;text-align: center;font-size: 20px;padding: 20px 0;font-weight: bold;}
.FeaturesContent span {color: #6b7280;text-align: center;font-size: 15px;}

#freezone4 h1 {text-align: center;}

/* COMMON */
.index h1 {font-size: 36px;font-weight: bold;margin-bottom: 15px;color: #1e296b;}


.index #logos li {
  list-style: none;
}
.index .logo-container {
  max-width: 1024px;
  margin: 0 auto;
}
.index .logo-slider-wrap {
  overflow: hidden;
  margin: 1em;
}
.index .logo-slide {
  float: left;
  position: relative;
  margin-left: 0;
  padding-right: 30px;
  vertical-align: middle;
}
.index .logo-slider-group {width: 2200px !important;}
.index .logo-slide > img {}
/* End - Partners Logos Slider */

.cstaccountdetail .AccountDetails_MainTable {margin-top: 50px;}


body.index #cmcwebuserbreadcrumbs{display: none}
/*ALERT HOME PAGE PERSO*/
#staticComment{background-color: #FFB319;color: #FFF;text-align: center;padding: 12px 0;font-size: 19px;}
#staticComment span{display: block;margin: 0 auto;width: 1024px; font-size: 18px;}
#staticComment span > a {font-size: 18px; color: #fff; text-decoration: underline;}

.leftZone3 #cmcwebusercataloguetopsellervert {display: none;}


.hpe-backhomebttn-div {padding-right: 20px; text-align: right; padding-bottom: 30px;}
.hpe-backhomebttn-div.top {border-bottom: 1px solid #ddd;}
.hpe-backhomebttn-div.bottom {padding-top: 30px; border-top: 1px solid #ddd;}
.hpe-backhomebttn-div > a {background:#237F88; padding:1.5rem; box-shadow:0 4px 4px rgba(0,0,0,0.25); color:#fff;}
.hpe-backhomebttn-div > a:hover {background:#1E6B73; color:#fff;}

.topContactInfo {padding-top: 10px;}
.topContactInfo > div {display: inline-block; margin-left: 15px;}
.topContactInfo > div:last-child {float: right;margin-left: 0px;}
.topContactInfo > div i {color: #a0c76a; font-size: 1em;}
.topContactInfo > div span, .topContactInfo > div span a {color: #1e296b; font-weight: 600; padding-left: 3px;}
.topContactInfo > div span a:hover {text-decoration: underline;}

.MainHomeCategories {width: 1024px; margin: 0 auto; text-align: center;}
.MainHomeCategories > div {width: 1024px; margin: 30px auto;}
.MainHomeCategories .HomeSubCat {position: relative; height: 140px; padding: 10px; border: none; text-align: center; width: 48%; display: inline-block;}
.MainHomeCategories .HomeSubCat:before, .HomeSubCat:after {position: absolute; width: 20%; height: 70%; content: "";}
.MainHomeCategories .HomeSubCat:hover:before, .HomeSubCat:hover:after {width: 100%; transition-duration: 0.5s;}
.MainHomeCategories .HomeSubCat:before {left: 0; top: 0; border-left: 3px solid #a0c76a; border-top: 3px solid #a0c76a;}
.MainHomeCategories .HomeSubCat:after {right: 0; bottom: 0; border-right: 3px solid #a0c76a; border-bottom: 3px solid #a0c76a;}
.MainHomeCategories .HomeSubCat:nth-child(2) {float: right;}
.MainHomeCategories .HomeSubCat img {width: 120px; height: 120px;}
.MainHomeCategories .HomeSubCat > div {display: inline-block;}
.MainHomeCategories .HomeSubCat > div:first-child {width: 150px;}
.MainHomeCategories .HomeSubCat > div:nth-child(2) {width: calc(100% - 150px); float: right;}
.MainHomeCategories .HomeSubCat > div h3 {font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.MainHomeCategories .HomeSubCat > div p, .MainHomeCategories .HomeSubCat > div p strong {font-size: 14px; line-height: 18px; color: #6b7280;}

#freezone1 .cmcPageTable tbody > tr:first-child {border-bottom: 2px solid #a0c76a;}
.index h2 {font-size: 26px; font-weight: bold; margin-bottom: 15px; color: #1e296b;}

.HomePartners {border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
.HomePartners > div {padding: 30px 0; width: 1024px; margin: 0 auto;}

.FooterMain {width: 1024px; margin: 0 auto;}
.FooterMain > div {display: inline-block; float: right; color: #fff;}
.FooterMain > div:first-child {float: left; display: inline-block; font-size: 12px;}
.FooterMain > div li a {color: #fff; padding: 10px 20px;}
.FooterMain > div li a:hover {text-decoration: underline;}
.FooterMain > div li {display: inline-block;color: #fff;}


/* STATIC PAGES */

.mainCgv .mainCgvContent {width: 1024px; margin: 0 auto; padding: 30px 0;}
.mainCgv h3 {font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #1e296b;}
.mainCgv h4 {font-size: 14px; font-weight: bold; margin-bottom: 3px; margin-top: 5px; color: #1e296b;}
.mainCgv h5 {font-size: 13px; font-weight: bold; margin-bottom: 3px; margin-top: 5px; color: #1e296b;}
.mainCgv p {font-size: 12px; line-height: 18px;}
.mainCgv .grnTxt {color: #6da61f;}
.mainCgv .blueTxt {color: #0052ac;}
.mainCgv .mainCgvContent > div {padding: 10px 0;}
.mainCgv .mainCgvContent a {text-decoration: underline; font-size: 12px; color: #0052ac;}
