@import url(/frontend/Files/126705/v1/design/css/site.min.css);

#footerarea #poweredby{
	display: none;
}

#maincontainer #bodyarea {
	    margin: 20px auto;
}
#maincontainer.itemdetail {
	    margin: 20px auto 0;
}

@media screen and (max-width: 1280px);

.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 300px !important;
    background-color: #fff;
}

 .ngdialog-theme-cshint > .ngdialog-content {    flex: 0 1 980px!important;}

#itemDetailView #configuratorLine .c-webblock-tooltip-opener {
    padding: 0 0 8px 4px!important;
}


/**Surcharge CSS reassurance fiche produit 04 - 01 - 2019**/


.itemdetail #itemDetailView .c-configurator #secondLine .leftCol .c-cs-webblock .item-reassurance > .ox-columns > .ox-column{
	 width: 50%;
 	margin-bottom: 10px;
}

#itemDetailView .c-configurator #secondLine .leftCol .c-cs-webblock .item-reassurance > .ox-columns{
	padding:20px;
}

#itemDetailView .c-configurator #secondLine .leftCo .ox-button.ox-align-center, .ox-image.ox-align-center, .ox-title.ox-align-center{
	margin:0;
}

#maincontainer.itemdetail div.c-ox-product-detail .c-ox-product-detail__rea-wb {
    padding: 28px 0;
    height: auto;
    border-bottom: none;
    border-top: 1px solid #e5e5e5;
}

@media all and (min-width: 1024px) and (max-width: 1280px){
	
#itemDetailView .c-configurator #secondLine .leftCol .ox-button.ox-align-center, .ox-image.ox-align-center, .ox-title.ox-align-center{
		margin: 0;
	}

#itemDetailView .c-configurator #secondLine .leftCo .ox-image .ox-img {
    max-width: 80%;
}
	
	#itemDetailView .c-configurator #secondLine .leftCol .c-cs-webblock .item-reassurance > .ox-columns > .ox-column > .ox-columns .ox-column .PBMainTxt, #itemDetailView .c-configurator #secondLine .leftCol .c-cs-webblock .item-reassurance > .ox-columns > .ox-column > .ox-div > .ox-columns .ox-column .PBMainTxt {
    font-size: 13px;
    margin-left: 8px;
}

}


/* Intervention graphique Avril 2019 */

.headerflex-cart {
	flex-direction: column;
}



#headerarea .headerflex-cart {
height: 64px;
    max-width: 35%;
    flex: 0 0 35%;
    flex-direction: initial;
}

#res {
	display: flex;
}

#headerBtn {
	display: flex;
	align-items: center;
}

#headerBtn span {
	display: flex;
	align-items: center;
	
}

#headerBtn .tel {
	padding-right: 40px;
	padding-left: 5px;
}

#OxSiteRating {
	margin-bottom: 0;
}

.headerflex-cart #headerBtn a {
	font-family: Open Sans,sans-serif;
    font-size: 16px;
    margin: 0 10px;
    background-image: url(/frontend/Files/126705/v1/design/css/img/spechbuble.png);
    background-repeat: no-repeat;
    background-position: 0;
    height: 40px;
    display: block;
    line-height: 40px;
    padding-left: 40px;
    color: #404040;
	margin-bottom: 10px;
}

.OxSiteRatingCert  > a:first-child {
	background-image: url(/Images/Rating/Shopping-Satisfaction-Admin-Logo.png);
	display: block;
	background-repeat: no-repeat;
	height: 40px;
    background-size: 100%;
    width: 200px;
}

.OxSiteRatingCert a img:first-child {
 display: none;
}

.OxSiteRatingCert {
	width: auto!important;
}

/* Intervention graphique Aout 2019*/

#headercontainer.c-app-header-sticky.is-sticky {
	background-color: white;
}

/* Intervention graphique Avril  2021 */

#headercontainer{
	height: 243px;
}

#headerarea .headerflex-search{
flex-direction: column;
    align-items: flex-start;
	height: 64px;
    justify-content: flex-end;
}

#headerarea .headerflex-search #headerSearchBlock .blockbtn,
#headerarea .headerflex-search #headerSearchBlock .searchtext,
#headerarea .headerflex-search #headerSearchBlock .blockbtn:before{
    height: 39px;
    line-height: 39px;
}

#headerarea .headerflex-search #headerSearchBlock {
    border: 1px solid #cccc;
}

#headerarea .headerflex-btn3 {
   justify-content: flex-end;
    align-items: flex-end;
    max-width: 0 0 15%;
    max-width: 100%;
    flex: 0 0 50%;
}

#headerarea .headerflex-cart {
    height: 64px;
	flex: 0 0 20%;
	max-width:0 0 20%;
}

#headerarea .headerflex-search{
		flex: 0 0 35%;
	max-width:0 0 35%;
}

a.devis {
    background-color: #f26722;
    padding: 0 20px;
    height: 39px;
    line-height: 39px;
    display: flex;
    color: #fff;
    font-size: 13px;
    background-image: url(/Files/126705/Img/12/icn-mesure.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 49px;
	margin-right:10px;
	text-transform: uppercase;
    font-weight: bold;
}

a.devis:hover{
	background-color:#C94809;
}

.OxSiteRatingCert > a:first-child{ display:none;}

.eshopSearch {
    width: 100%;
}

#headerarea .headerflex-search #headerSearchBlock {
    width: 100%;
}

.reviews {
    display: flex;
    align-items: center;
}

.reviews span {
    margin-right: 10px;
}

#blockuserlogout .logout a, #blockuserlogout .viewaccountinfo a, .blockfacet .blockbtn, .cartlineqty .PBBtnStd, .OxSearchPanelBlkAdv .PBMainTxt.OxSearchPanelNavBtn,
.OxSearchPanelNavBar .PBMainTxt.OxSearchPanelNavBtn, .qtyZone .PBBtnStd, a.btnmain, button, div.navbar a, input.PBBtnStd, input[type=button], input[type=submit]{
	color: #000;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #000;
}

.OxSiteRatingCert > a:first-child {
    background-image: url(/Images/Rating/Shopping-Satisfaction-Admin-Logo.png);
    display: block;
    background-repeat: no-repeat;
    height: 40px;
    background-size: 100%;
    width: 200px;
}

#headerarea {
    width: 100%;
    max-width: 1400px;
    display: flex;
    justify-content: space-around;
}

#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner {
    color: #000;
    background-color: #F1F1F1;;
}

#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner:before {
    color: #000;
}

#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner .cartPrice ,
#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner #cartItems, #headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner .cartLink{
    color: #000;
}

a.cartLink {
    display: none;
}

#headerarea .headerflex-logo {
    max-width: 25%;
	 flex: 0 0 25%;
}

#headerarea .headerflex-search {
    flex: 0 0 40%;
	max-width:40%;
}
#headerarea .headerflex-cart {
    height: 64px;
	max-width:35%;
    flex: 0 0 35%;
}

.OxSiteRatingCert {
    display: flex;
    align-items: center;
}

#headerarea .headerflex-btn #headerBtn>a.gar, #headerarea .headerflex-btn #headerBtn>span.gar {
    background-image: url(/Files/126705/Img/24/guarantee.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 30px;
    color: #5A5A5A;
	    font-weight: bold;
}

#headerarea .headerflex-btn #headerBtn>a.fab, #headerarea .headerflex-btn #headerBtn>span.fab {
    background-image: url(/Files/126705/Img/15/fence.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 30px;
    color: #5a5a5a;
    font-weight: bold;
}

#headerarea .headerflex-btn #headerBtn>a.liv, #headerarea .headerflex-btn #headerBtn>span.liv {
    background-image: url(/Files/126705/Img/13/delivery-truck.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 40px;
    color: #5a5a5a;
    font-weight: bold;
}

.headertop {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
}

#headerarea .headerflex-btn{
	flex: 0 0 70%;
    max-width:70%;
}

#headerarea .headerflex-btn2{
	flex: 0 0 30%;
    max-width: 30%;
}

#headerarea .headerflex-btn2 #headerBtn>a, #headerarea .headerflex-btn2 #headerBtn a.accountLink{
    text-transform: none;
}

a.devisbtn {
    background-color: #F26722;
    display: block;
    height: 35px;
    line-height: 35px;
    color: #fff!important;
    padding: 0 20px;
    text-transform: uppercase!important;
    font-weight: bold;
}

a.devisbtn:hover{
	background-color:#000;
}


.left {
    display: flex;
    flex: 0 0 30%;
    max-width: 30%;
    align-items: center;
    justify-content: flex-end;
	padding-top: 17px;
}

@media all and (min-width: 1024px) and (max-width: 1280px){

#headerarea {
    width: 100%;
    max-width: 90%;
	}

	span#cartItems {
    display: none;
}


	.left{
		flex-direction: column;
		    align-items: flex-end;
	}

	#headerarea .headerflex-cart {
    margin-top: 10px;
	 max-width: 100%;
    flex: 0 0 100%;

}
	.OxSiteRatingCert > a:first-child{display:none;}
}