.video-responsive { 
	overflow:hidden; 
	padding-bottom:56.25%; 
	position:relative; 
	height:0;
}

.video-responsive iframe {
	left:0; 
	top:0; 
	height:100%;
	width:100%;
	position:absolute;
}

#box_shadow {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(0,0,0,0.4);
}
/* paiement 4x */
#cb4x .etap-4x {
	background: #eee;
	margin-bottom: 2rem;
	display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	text-align: center;
	grid-gap: 60px;
}

#cb4x .etap-4x {
	padding: 10px;
	counter-reset: li;
	list-style: none;
}

#cb4x .etap-4x li:before {
	display: block;
	content: counter(li);
	counter-increment: li;
	background-color: #aaa;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin: auto;
	margin-bottom: 20px;
}

#cb4x .etap-4x-text {
	padding-left: 40px;
}

#cb4x .etap-4x-text li {
	margin-bottom: 10px;
	line-height: 1.6;
}

#pay4x_btn
{
    background: #fff url('/voletroulant/img/icon/4xcb.png') no-repeat left 10px top 10px;
    line-height: 24px;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    padding:10px;
    margin-top:10px;
    color: #e2052f;
}

#pay4x_btn a
{
    font-weight: bold;
    color: inherit;
    display: block;
    font-size: 22px;
    text-decoration: none;
    padding-left:75px;
}

.pay4x_title
{
    text-transform:uppercase; 
    font-size:29px;
}

.pay4x_span
{
    font-size:16px; 
    font-weight:200; 
    display:inline-block;
}

#pay4x_btn:hover{
    background-color: #01a6eb;
    color: #fff;
}

#notice li{
    background:#EEE;
    font-size: 15px;
    list-style: none;
    margin: 10px;
    padding: 5px;
}


#dim_tablier #HautFinal, #dim_tablier #LargFinal{
	font-size:14px;
	color:#1239AA;
}


/* ***********
		ajout
*************************/
.GS{font-weight:bold; text-decoration:underline; }
.centerIMG{margin:0 auto; text-align:center;}
.rouge{color:#FF0000;}
.clearG{clear:left;}

#nos_volets h2{
	background: url('/voletroulant/devis/img/bg_titre.jpg') repeat-x top #0F1D61; border-radius: 10px; color: #FFFF00;
    font-size: 30px;
    font-style: italic;
    height: 21px;
    padding: 10px;
    text-align: center;
    text-decoration: underline; margin: 5px; width:296px; float:left;
	margin-bottom:-2px;
}
#nos_volets h1{
	background: url('/voletroulant/devis/img/bg_titre.jpg') repeat-x top #0F1D61; border-radius: 25px; color: #FFFF00;
    font-size: 37px;
    font-style: italic;
    height: 21px;
    padding: 10px;
    text-align: center; text-decoration: underline; margin: 10px; 
}



#tirage .block_img{
	float:left; width: 225px; margin:10px; text-align:center;
}

#tirage .block_img2{
	float: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    margin: 13px;
    text-align: center;
    width: 300px;
}

#divL, #divH{
	margin-top:5px;
}


#divL input, #divH input{
	margin-bottom: 5px;
    margin-top: 10px;
}
#divPose select{
	color: #FF0000;
    font-size: 30px;
}

#vos_devis #btn_commander{
	background:#FFD21D;
    border-radius: 5px;
    font-size: 29px;
    padding: 0 5px 0 37px;
    position: relative;
}

#vos_devis{
	margin-bottom: 30px;
}
#vos_devis #haut{
	background:#0F1D61; padding: 10px 10px 0;
}
#vos_devis #haut #gauche{
	float:left;
	color:#FFF;
	font-size:20px;
}

#vos_devis #haut #droit{
	float:right;
	color:#FFF;
	font-size:20px;
}

#vos_devis #haut #gauche h2{
	color:#FFD21D;
	font-size:32px;

}

#vos_devis #bas div{
	float: left;
    text-align: center;
    width: 310px;
	color:#FFF;
	font-size:20px;
	margin-top:15px;
}


.product_attributes_TD {
	border-top: 1px solid #CCCCCC;
    padding: 10px 0 0;
}

.product_attributes_TD fieldset{
	border: 1px solid;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	
}
.product_attributes_TD legend{
	background:#0F1D60;
	border: 1px solid #0F1D60;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: 26px;
    padding: 5px;
    text-align: center;
	color:#FFFF00;
}

/** porte de garage **/

#pdg h2 a{
	color: inherit;
}

#pdg ul{
	padding: 10px;
	padding-left: 40px;
}

#pdg li {
	color: #585858;
	
	font-size: 15px;
	line-height: 1.2;
	margin-bottom: 10px;
	text-align: left;
}

#pdg .group{
	text-align: center;
	margin-bottom:30px;
}

#pdg .group img{
	border: 4px solid #eee;
}

#pdg .group img:hover{
	border-bottom:solid 4px #ff0;
}

#pdg .buttonDevis{
	text-align: center;
	background: #0a278d;
	font-size: 15px;
	padding: 8px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
}

#pdg .buttonDevis:hover{
	background: #1236b5;
}


#surmesure .btn_comm_devis{
	background: #F0E310;
    border: 2px solid;
    border-radius: 35px;
    font-size: 58px;
    font-style: italic;
    height: 16px;
    margin: 20px;
    padding: 22px;
    text-align: center;
	position:relative;
}
#surmesure .btn_comm_devis img{
	position:absolute;
}

#surmesure h1{
	background: #F0E310;
    border: 2px solid;
    border-radius: 35px;
    color: #39398B;
    font-size: 58px;
    font-style: italic;
    height: 16px;
    margin: 20px;
    padding: 22px;
    text-align: center;
}
#surmesure h2{
    font-size: 40px;
    font-style: italic;
    height: 88px;
    line-height: 38px;
    padding: 10px;
    text-align: center;
    text-decoration: underline;
}
#surmesure h4{
	color: #FF0000;
    font-size: 21px;
    padding-bottom: 5px;
    text-align: center;
}
#surmesure p{
	font-size:15px;
	line-height: 26px;
}

#surmesure .materiaux_tradi{
	float: left;
    padding: 5px;
    width: 660px;
	margin:20px;
}


#surmesure .explique_pose, #surmesure .materiaux_monobloc{
	float: left;
    padding: 5px;
	width: 590px;
}
#surmesure .materiaux_monobloc li, #surmesure .materiaux_tradi li{
	font-size: 15px;
    margin: 10px;
	line-height: 17px;
}
#surmesure h3{
	text-align:center;
	padding:0;
}

#surmesure .block_double{
	float:left;
}

/*** mesure ***/
/*#commentMesure, #surmesure{ padding:10px;}

#commentMesure h4, #tirage h3{ 
	background: url("/voletroulant/devis/img/bg_titre.jpg") repeat-x scroll center top #0F1D61;
    border-radius: 20px;
    color: #FFFF00;
    font-size: 35px;
    font-style: italic;
    height: 20px;
    margin: 0 auto;
    padding: 10px;
    text-align:center;
	position:relative;
}
#commentMesure h4 img{
    position: absolute;
    top: -18px;
} 

#commentMesure .block_resume{
	float:left;
	margin: 10px;
    padding: 5px;
    width: 290px;
	text-align: center;
}

#commentMesure .block_double{
	float:left;
	margin: 10px;
    padding: 5px;
}

#commentMesure .explique_pose, #commentMesure .explique_mesure, #commentMesure .explique_sortieMan{
	float: left;
    font-size: 27px;
    padding: 5px;
}

#commentMesure .explique_pose{
    width: 591px;
	margin: 29px 10px 10px;
}
#commentMesure .explique_pose p,#commentMesure .explique_sortieMan p{ font-size: 16px; line-height: 26px;}

#commentMesure .explique_mesure{
    margin: 20px 10px 10px;
    width: 650px;
}

#commentMesure .explique_mesure h5{ color: #FF0000; font-size: 22px; margin-bottom: 11px; text-align: center; text-decoration: underline;}


#commentMesure .explique_sortieMan{
    margin: 29px 10px 10px;
    width: 490px;
}

#commentMesure .explique_sortieMan td{
	border:solid;
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
}*/

.sens_sortie{
	background:#FFFF00;
    border: 1px solid;
    border-radius: 20px;
    color: #FF0000;
    font-weight: bold;
    padding: 4px;
}


/***
	footer
***/
#pfrance{
	text-align:center;
	padding-bottom:5px;
}

#footer #madeFR{
	color: #31438D;
    font-size: 21px;
    font-weight: bold;
    text-shadow: 1px 1px #FFFFFF;
}

#footer #lien_footer{
	border-top: 1px dashed; font-size: 13px; margin-top: 5px; padding-top: 10px; border-radius:40px; font-weight:bold;
}

#footer #lien_footer a:hover{
	color:#0F1C60;
}

#mieuxConnaitre{
background:#0F1D61;
border-radius: 13px;
font-size: 43px;
height: 40px;
margin: 10px;
padding: 10px;
text-align: center;
}

#mieuxConnaitre a{
color:#FFF;
line-height:38px;
}

#block_droit p{
	border-bottom: 1px dashed #DDD;
    font-size: 12px;
    padding: 5px 3px;
	font-weight:bold;
	padding-right:0px;
}

#block_sousD2 p{ line-height:26px;}


#haut_footer .BG_block{
	background:#FFFFFF;
    border-radius: 20px 20px 0 0;
    box-shadow: 2px 2px 3px #555555;
	margin-bottom: 5px;
}

#haut_footer h2{
	background:#FFD21D;
    border-bottom: 6px double #FFFFFF;
    font-size: 20px;
    padding: 6px;
    text-align: center;
    text-decoration: underline;
	border-radius: 20px 20px 0 0;
}

#haut_footer .BG_block p a {
	font-size: 15px;
	padding-left: 5px;
}

#haut_footer #Block_gauche_foot{
width:639px; float:left; margin-right:5px;}

#haut_footer #Block_droit_foot{
width:336px; float:left;}

#Block_droit_foot p {
	padding-bottom:5px;
	padding-left:5px;
}
#Block_gauche_foot p {
	padding-bottom:11px;
	padding-left:5px;
}




#haut_footer #block_gauche #block_conseil p{
	font-size:21px;
}

#home_moteur_volet{
	width: 328px;
	margin-right: 0px;
}

#home_moteur_volet p{
	line-height:39px;
}



#haut_footer #block_gauche p{
	border-bottom: 1px dashed #DDD;
    font-size: 13px;
    padding: 5px 3px;
	font-weight:bold;
}

#block_basconseil p{
	border-bottom: 1px dashed #DDD;
    font-size: 13px;
    padding: 5px 3px;
	font-weight:bold;
}



#block_gauche .block{
	background: #FFFFFF;
	border-radius: 20px 20px 0 0;
    box-shadow: 2px 2px 3px #555555;
    float: left;
    margin-right: 3px;
	margin-bottom:10px;
}

#block_basconseil{
	background: #FFFFFF;
	border-radius: 20px 20px 0 0;
    box-shadow: 2px 2px 3px #555555;
    margin-right: 5px;
	margin-top:10px;

}

#block_gauche #block_conseil{
	background: #FFFFFF;
	border-radius: 20px 20px 0 0;
    box-shadow: 2px 2px 3px #555555;
    margin-right: 5px;
	width: 584px;
}

#block_droit{
	/*background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 20px 20px 0 0;
    box-shadow: 2px 2px 3px #555555;
	height:260px;*/
	width:391px;
}
#block_droit .block_sousD{
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 3px #555555;
	margin-bottom: 10px;
}


#block_presentation_volet{
	padding:15px;
}

#block_presentation_volet h1{
    font-size: 17px;
    line-height: 35px;
    padding: 5px;
    text-align: center;
}

#block_presentation_volet p{
	font-size:14px;
	line-height:20px;
}

.mess_activation{
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 6px 8px #000000;
	color: #FFFFFF;	
	font-size: 35px;
    font-weight: bold;
    height: 150px;
    line-height: 146px;
    margin: 20px auto 50px;
    text-align: center;
    text-shadow: 1px 1px 0 #000000;
    width: 740px;
}


/*********
	page inscription_ok.php
*********/
#block_inscriptionOK{
margin:0 auto;
width:970px;
}

.important{
color:#ff0000;
}

#block_inscriptionOK h1{
color: #6FB810;
font-size: 30px;
text-align: center;
margin-bottom: 20px;
}

#block_inscriptionOK h3{
	color: #FFA800;
    font-style: italic;
    text-align: center;}

#block_inscriptionOK h4{
	border-bottom: 1px solid;
    color: #0A288F;
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 4px;
    width: 442px;
}

#block_inscriptionOK_H{
    color: #0A2890;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
	border-bottom:dashed 1px;
}

#block_inscriptionOK_B{
	margin-left: 10px;
	margin-top: 10px;
}

#block_inscriptionOK_B p{
	color: #0A2890;
    font-weight: bold;
    padding-left: 30px;
}

#block_inscriptionOK_B a{
	color:#FFA800;
}


/* ****************************************************************************
		reset
**************************************************************************** */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}
a {cursor:pointer}

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}

.block_pub{
	width:481px;
	height:246px;
	background:#FFF;
	float:left;
	box-shadow: 2px 2px 3px #555555;
	padding:2px;
}

#block_pub_droit{
margin-left:10px; margin-bottom:10px;
}


/* ************************************************************************************************
		struture
************************************************************************************************ */
#page { }

#header {z-index:10}

#columns { 
	min-height:400px;
	width: 100%;
}

#left_column {}

#center_column { 
	margin-left: auto;
    margin-right: auto;
    max-width: 980px;
}

#right_column {}

#footer {}

.nav-main{
	/* display: none; */
}

/* header */
#div_header_new {
	background: #24256e;
	display: none;
}

/* footer */
#foot_bas {
	background: #24256e;
}

/******************************************************************/
	.topbar{
		height: 60px;
		color: #fff;
		display: flex;
		align-items: center;
	}

	.navbar {
		width: 100%;
		box-shadow: 0 1px 4px rgb(146 161 176 / 15%);
		background: #24256e;
		position: fixed;
		height: 60px;
		z-index: 999;
	}

	.container {
		max-width: 1050px;
		width: 90%;
		margin: auto;
	}

	.nav-container {
		display: grid;
		align-items: center;
		height: 100%;
		/* grid-template-columns: repeat(3,1fr); */
		grid-template-columns: auto auto 1fr;
		column-gap: 20px;
		width: 90%;
		margin: 0 auto;
	}

	.navbar .nav-container span {
	font-size: 0.8em;
	}
  
	.top-bar-menu{
		position: relative;
	}

	.top-bar-logo {
		text-align: center;
	}


	.top-bar-link{
		display: flex;  
		margin-left: auto;
	}

	.top-bar-link div{
		margin-left:0.8em;
	}

	.top-bar-link div a{
		display: flex; 
		flex-direction: column; 
		align-items: center;
		color: #fff;
	}

  	.top-bar-link div:last-child{
		margin-right: 0;
  	}
  
	/* burger menu */
	
	#topnav_hamburger_icon {
		text-decoration: none;
		color: #fff;
		padding: 0;
		display: flex;
		flex-direction: column;
		width: 40px;
		align-items: center;
	}

	.headerTopbar-menuButtonBurger {
		height: 26px;
		margin-bottom: 5px;
		position: relative;
		width: 30px;
	}

	.headerTopbar-menuButtonBurgerLine {
		background: #FFF;
		display: block;
		height: 4px;
		position: absolute;
		width: 100%;
		border-radius: 4px;
		transition: 0.25s ease-in-out;
	}

	.headerTopbar-menuButtonBurger.openM .headerTopbar-menuButtonBurgerLine:first-child {
		display: none;
	}

	.headerTopbar-menuButtonBurger.openM .headerTopbar-menuButtonBurgerLine:nth-child(2) {
		transform: rotate(45deg);
	}

	.headerTopbar-menuButtonBurger.openM .headerTopbar-menuButtonBurgerLine:nth-child(3) {
		transform: rotate(-45deg);
	}

	.headerTopbar-menuButtonBurger.openM .headerTopbar-menuButtonBurgerLine:nth-child(4) {
		display: none;
	}


	.headerTopbar-menuButtonBurgerLine:first-child {
		top: 0;
	}

	.headerTopbar-menuButtonBurgerLine:nth-child(2), .headerTopbar-menuButtonBurgerLine:nth-child(3) {
		top: 11px;
	}

	.headerTopbar-menuButtonBurgerLine:nth-child(4) {
		bottom: 0;
		top: auto;
	}
  

	/* ombre */
	.back-open{
		overflow-y: hidden;
	}

	.overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0,0,0, 0.5);
		margin-top: 60px;
		transition: opacity .25s ease-in-out;
		z-index: 999;
	}

	/* menu mobile */
	#sous-menu{
		height: 100%;
		left: 0;
		list-style-type: none;
		margin: 0;
		position: fixed;
		top: 0;
		background: #24256e;	
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		box-sizing: border-box;
		color: #fff;
		border-top: solid 1px #fff;
		transform: translate(-150%);
		transition: transform 0.5s ease-in-out;
		margin-top: 60px;
		padding-bottom: 130px;
		z-index: 999;
	}

	#sous-menu.open{
		transform: translateX(0);
	}

	#sous-menu a{
		font-size: 18px;
		font-weight: 700;
		line-height: 24px;
		padding: 30px 20px 30px 20px;
		position: relative;
		display: flex;
		align-items: center;
		color: inherit;
	}

	#sous-menu a:active, #sous-menu a:visited{
		color: inherit;
	}

	#sous-menu a:hover{
		background-color: #2b2c7f;
		text-decoration: none;
	}

	#sous-menu a img{
		margin-right: 1rem;
	}

	#sous-menu .nav-item .bi-caret-down-fill{
		transition: 0.5s;
	}

	#sous-menu .nav-item.isOpen .bi-caret-down-fill{
		transform: rotate(180deg);
	}

	/* sous categorie */
	.nestedList{
		opacity: 0;
		transition: 0.5s ease-out;
		visibility: hidden;
		overflow: hidden;
		max-height: 0;
	}

	#sous-menu .nestedList li a{
		padding: 10px 20px;
		font-weight: 400;
		font-size: 15px;
		transition: text-indent 0.5s;
	}

	#sous-menu .nestedList li a:hover{
		text-indent: 10px;
	}

	#sous-menu .nav-item.isOpen ~ .nestedList{
		opacity: 1;
		visibility: visible;
		overflow: visible;
		max-height: 500px;
	}

	/* autre lien menu */
	
	.other-link::before{
		content: "";
		height: 1px;
		background: rgba(255, 255, 255, 0.6);
		display: block;
		width: 91%;
		margin: 0 auto;
	}

	#sous-menu .other-link li a{
		padding: 10px 20px;
		font-weight: 400;
		font-size: 15px;
	}

	#sous-menu .other-link .icon{
		margin-right: 10px;
	}

	.ajax_cart_quantity{
		position: absolute;
		background: #ff0;
		color: #24256e;
		padding: 0.1em;
		border-radius: 100%;
		font-weight: bold;
		left: 20px;
		font-size: 11px;
		width: 14px;
		text-align: center;	
	}
  





/* ************************************************************************************************
		generic style
************************************************************************************************ */
body{
	font-family: sans-serif, Arial, Verdana;
	background: #fff;
}

/* positionnement ****************************************************************************** */
.hidden {display:none}
.f_right {float:right}
p.center {text-align:center}
.clearBoth {clear:both}

/* title *************************************************************************************** */
h1 {
	/*margin-bottom:20px;
	font-size:24px;
	line-height: 22px;
	color: #24256e;*/

	margin-bottom: 1.5rem;
	font-size: 42px;
	line-height: 1.2;
	color: #24256e;
	text-align: center;
}
h2 {
	/*padding-bottom:20px;
	font-size:18px;*/

	font-size: 32px;
	margin-bottom: 1.2rem;
	line-height: 1.2;
}
h3 {
	/*padding-bottom:20px;
	font-size:16px;*/

	font-size: 20px;
	margin-bottom: 1rem;
}
/*#address h3{	
	color: #092994;
    font-size: 17px;
    font-style: italic;
    margin: 0;
    padding: 8px;
    text-align: center;
}*/
h4 {
	margin-bottom: 1rem;
	font-size:14px
}

.hide-left-column #left_column {display:none}
.hide-left-column #center_column {width:757px}

/* text **************************************************************************************** */
p {
	margin-bottom: 10px;
	font-size: 0.9rem;
	line-height: 1.6;
	font-weight: 200;
	color: #333;
}

strong {
	font-weight: bold;
}

.warning-info {
	background:#ffc107; 
	color: #212529; 
	font-size: 1rem; 
	text-align: center;
}

.warning-info p {
	padding: 0.5rem;
}

.warning {
	background:#FFFFE0;
    border: 1px solid #E6DB55;
    color: #FF0000;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px;
    text-align: center;
}
.success {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #5cff74;
	font-size:13px;
	background: #d3ffab
}
.error {
	padding: 1rem 1.5rem;
	font-size: 14px;
	background: #dc3545;
	margin: 1rem;
	color: #fff;
}
.error p{
	color: #fff;
}
.error ol {margin-left:20px}
.error p.lnk {
	margin-top:20px;
	padding:0;
	font-size:11px
}
.error p.lnk a {
	color: inherit;
}
.required {color:red}

/* link **************************************************************************************** */
a, a:active, a:visited {
	color:#092995;
	text-decoration:none;
	outline: medium none
}
	a:hover {text-decoration:underline}



/*buttons ************************************************************************************** */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
	background:orange;
	color:#fff;
	display: block;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 1rem;
	padding: 0.8rem 1rem;
}
*:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large,
*:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled,
*:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large,
*:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled {
	border:none
}

/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
	text-decoration:none;
	background-position: left -50px
}


/* active button */
input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active,
input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active,
a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active,
a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active {
	background-position: left -100px
}

input.button_disabled, input.exclusive_disabled, span.exclusive {
	border:1px solid #ccc;
	color:#999;
	background:url(../img/bg_bt_2.gif) repeat-x 0 0 #f4b61b;
	cursor:default;
}

/* exclusive button */
/*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') }
input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') }
input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') }
input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/

/* form **************************************************************************************** */
form.std fieldset {
	margin:10px 0 0;
}

/* table *************************************************************************************** */
table.std,
table.table_block {
	width:100%;
}
table.std th,
table.table_block th {
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background: #24256e;
}
table.std tr.alternate_item,
table.table_block tr.alternate_item {background-color: #f3f3f3}
table.std  td,
table.table_block  td {
	padding:12px;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	font-size:12px;
	vertical-align:top
}

/* BLOCK .block ******************************************************************************** */
.block {margin-bottom:20px}
#footer .block {margin-bottom:0}
	.block h4 {
		padding:6px 11px;
		font-size:12px;
		color:#fff;
		text-shadow:0 1px 0 #000;
		text-transform:uppercase;
		background:#383838
	}
		.block h4 a {color:#fff}
	.block ul {list-style-type:none}
		.block li.last {	border:none}
			.block li a {
				display:block;
			}

/* BLOCK .products_block *********************************************************************** */
/*
	.products_block li {float:left; padding:5px; margin:6px; background:#EEE; border-radius:20px; line-height:18px; width:223px;}
	.products_block li img {border:1px solid #d1d1d1}
	.products_block li .button {color:#0F1D61;}
	.products_block li h3 {color: #092995; font-size: 15px; margin-top: 2px; padding: 0 0 10px; text-align:center; height:50px;}
	.products_block li .price { background:#CCCCCC; text-align:right; border-radius: 0 5px 5px 0; font-size: 25px; font-weight: bold; line-height: 25px; padding: 5px; text-shadow: 1px 1px 0 #EEEEEE;}
	*/
/* BLOCK customer privacy ******************************************************************* */
.account_creation label{
	float:left;
	padding-top:5px;
	width:80%;
	text-align:left;
	cursor:pointer
}

/* BLOCK .footer_links (cms pages) ************************************************************* */
ul.footer_links {
	list-style-type:none;
	margin-bottom:20px
}
ul.footer_links li {float:left}
ul.footer_links li.f_right {float:right}
ul.footer_links li .icon {
	position:relative;
	top:6px;
	left:0
}

/* barre comparaison / tri ********************************************************************* */
.content_sortPagiBar {margin:20px 0;}
#center_column .sortPagiBar {
	padding:10px;
	font:normal 11px Arial, Verdana, sans-serif;
	color:#666;
	background:#eee;
}
	#center_column .sortPagiBar strong {color:#000;}
#center_column .sortPagiBar p {padding:0;}
#center_column .sortPagiBar form {display:inline-block;}

.sortPagiBar #productsSortForm {float:right;}
	.sortPagiBar select#selectPrductSort {
		margin:0 0 0 10px;
		color:#000;
		border:1px solid #ccc
	}

.sortPagiBar #bt_compare {
	padding:3px 7px;
	border:none;
	color:#fff;
	text-shadow:0 1px 0 #000;
	background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;
}

.sortPagiBar .nbrItemPage {margin-left:40px;}

.sortPagiBar .PrductSort {float:left;}

.sortPagiBar .nbrProduct {
	display:inline-block;
	padding:0 10px;
}

.sortPagiBar #nb_item {border:1px solid #ccc}

/* pagination ********************************************************************************** */
form.pagination {display:none;}

div.pagination {
	margin:10px 0;
	text-align: center
}
ul.pagination {list-style-type:none}
ul.pagination li {display: inline;}
ul.pagination a, ul.pagination span {
	display:inline-block;
	height:24px;
	width:24px;
	border:1px solid #eee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font:11px/24px Arial,Verdana,sans-serif;
	color:#999
}
ul.pagination a {
	text-align:center;
}
ul.pagination a:hover {
	color:#333;
	border:1px solid #333
}
ul.pagination .current span {
	color:#000;
	border:1px solid #fff
}
ul.pagination li.disabled span {color:#ccc}

#pagination_previous {float:left}
#pagination_next {float:right}
#pagination_previous a, #pagination_previous span,
#pagination_next a, #pagination_next span {
	padding:0 8px;
	width:auto;
}
#pagination_previous span,
#pagination_next span {
	color:#ccc;
	border:1px solid #eee
}

/* CART steps *********************************************************************** */
ul#order_step { background-color: white;}
ul.step {
	list-style-type:none;
	margin-bottom:30px;
	height:52px;
}
ul.step li {
	float:left;
	height:74px;
	width:194px;
	text-align:center;
	background:url(../img/step_standard.gif) no-repeat center bottom transparent
}
ul.step li a, ul.step li.step_current span {
	color:#000;
	background:url(../img/step_current_span.gif) no-repeat center bottom transparent;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #CCCCCC;
    font-size: 14px;
    padding: 8px 7px 6px;
    position: relative;
    top: 6px;
    font-weight: 500;
    letter-spacing: 1px;
}
ul.step li.step_current {
	font-weight:bold;
	background:url(../img/step_current.gif) no-repeat center bottom transparent
}
ul.step li.step_todo span {
	/*display:inline-block;*/
	padding:8px 7px 6px;
	color:#999;
	text-shadow:0 1px 0 #fff;
	background:#eee;
	font-size:14px;
	position:relative;
	top:6px;
	border-radius:5px;
	box-shadow:2px 2px 2px #ccc; 
    opacity: 0.6;
    letter-spacing: 1px;
}
ul.step li.step_done {
	font-weight:bold;
	background:url(../img/step_done.gif) no-repeat center bottom transparent
}

/* module productcomments ********************************************************************** */
.rating {
	clear: both;
	display: block;
	margin: 2em;
	cursor: pointer;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden
}
.cancel, .star {
	overflow: hidden;
	float: left;
	margin:0 1px 0 0;
	width: 16px;
	height: 16px;
	text-indent: -999em;
	cursor: pointer
}
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important }
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
.cancel a, .star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0
}
div.star_on a { background-position: 0 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px }
.pack_content { margin: 10px 0 10px 0 }
.pack_price {
	float: right;
	margin-right: 3px;
	font-size: 12px
}
.confirmation {
	margin: 0 0 10px;
	padding: 10px;
	border: 1px solid #e6db55;
	font-size: 13px;
	background: none repeat scroll 0 0 #ffffe0;
}
#page .rte { background: transparent none repeat scroll 0 0 }

.listcomment {
	list-style-type:none;
	margin:0 0 20px 0 !important;
}
.listcomment li {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	color:#666
}
.listcomment .titlecomment {
	display:block;
	font-weight:bold;
	font-size:12px;
	color:#333
}
.listcomment .txtcomment {
	display:block;
	padding:5px 0;
	color:#333
}

/* ************************************************************************************************
		HEADER
************************************************************************************************ */
#header {
	position:relative; 
	display: none;
}
#header_logo {
	float:left;
	display:block;
	margin-top:30px;
}

#header_right {
	position:relative;
	margin-top:-40px;
}

#logo{
	margin-left:-100px;
}

#phraseHaut{
	padding:0;
	width:200px;
	float:left;

}

/* ************************************************************************************************
		BREADCRUMB
************************************************************************************************ */
.breadcrumb {
	margin-bottom: 5px;
	font-size: 0.8rem;
	color: #323c41;
	line-height: 1.4;
}
.breadcrumb .navigation-pipe {margin:0 3px 0 5px;}
.breadcrumb img {
	position:relative;
	top:5px
}

.breadcrumb a{
	color:#323c41;
}

.breadcrumb a:hover{
	color:orange;
}


/* ************************************************************************************************
		FOOTER
************************************************************************************************ */
#footer {
	color:#fff;
	background:#fff;
	box-shadow: 0px 0px 3px #ccc;
}

#footer .spec_foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/*#footer .spec_foot li
{
    color: #909090;
    display: inline-block;
    font-size: 11px;
    padding: 10px;
    margin: 9px;
    margin-bottom: 0px;
    width: 81px;
    text-align: center;
    vertical-align: top;
    line-height: 1.4;
    font-weight: bold;
}*/

#footer .spec_foot li {
	color: #909090;
	font-size: 10px;
	width: 80px;
	text-align: center;
	font-weight: bold;
	margin: 20px 20px;
}

#footer .spec_foot li a{
    color: #909090;
    display: inline-block;
}

#footer .spec_foot li a:hover{
    color: #0E1D62;
    text-decoration: none;
    transition:color 0.7s;
}

.blockcategories_footer,
#footer .myaccount,
#block_various_links_footer,
#social_block,
#block_contact_infos
{
	float:left;
	width:175px
}

.blockcategories_footer {margin-left:0}

#footer h4 {
	padding-bottom: 10px;
	text-transform:uppercase
}
#footer h4,
#footer h4 a {
	font-weight:normal;
	font-size:14px;
	color:#fff
}
#footer a {color:#fff}
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none}
#footer li {padding:7px 0}
#footer li a {color:#fff}

#footer .myaccount {padding: 15px 10px}
#footer .myaccount h4 {
	padding:0 0 10px 0;
	background:none;
	text-shadow:none
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}

/* ************************************************************************************************
		PRODUCT PAGE
************************************************************************************************ */

/* BLOCK idTabs ******************************************************************************** */
.idTabs {
	list-style-type: none;
	padding:0 5px;
	border-bottom: 3px solid #f7b900
}
ul.idTabs li {
	float: left;
	margin-right: 1px
}
.idTabs a {
	display:block;
	padding:10px 10px 7px 10px;
	font-weight:bold;
	text-decoration:none;
	color:#555;
	background:#CCC;
	border-radius:10px 10px 0 0;
	font-size:15px;
}
.idTabs .selected {
	color:#0F1D61;
	background: url(../img/bg_li_idTabs.png) repeat-x 0 0;
	border-radius: 10px 10px 0 0;
	font-size:15px;
}

#idTab9{list-style:none;}
#idTab9 li{padding:5px; margin:5px; text-align:center;}
#idTab9 li a{font-size:22px;}
#idTab9 li img{margin-top:5px;}

#more_info_sheets em {font-style:italic}

/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {margin-left:20px}

.block_hidden_only_for_screen {display:none}


/* ************************************************************************************************
		PAGE AUTHENTIFICATION
************************************************************************************************ */
#authentication #left_column {display:none}


/* ************************************************************************************************
		PAIMENT - PAGE ORDER
************************************************************************************************ */

/* nav bottom ********************************************************************************** */
#order #left_column , #order-confirmation #left_column {display:none}


#cart_summary .cart_item {
	display: grid; 
	padding:1rem 0; 
	grid-template-columns: 100px auto auto; 
	border-bottom: 1px solid #dfdfdf;
}

#cart_summary .cart_item .cart_product img{
	width: 66px;
}

#cart_summary .cart_item .cart_total{
	margin-left: auto;
}

#cart_summary .cart_item .cart_total .price{
	font-size: 1rem;
	font-weight: bold;
}

#cart_summary .cart_item .cart_description{
	margin-right: 1rem;
}

.top-odc {
	display: flex;
	align-items: center;
	margin-top: 1.5rem;
}

.top-odc h1 {
	text-align: left;
	margin-right: 10px;
}


.cart_remise .cart_unit_reduct{
    color: #f00;
	font-weight: bold;
}

.cart_description .product_name{
    color: #000;
    font-weight: bold;
}

.cart_description .product_desc, .cart_description .product_attr{
    font-size: 12px;
    color: #555;
    font-weight: 500;
    line-height: 1.3;
    padding: 0;
}

.cart_navigation { margin: 1rem 0; }
.cart_navigation .exclusive,
.cart_navigation .exclusive_large, #order-detail-content #panierToDevis {
	background:#24256e;
	color:#fff;
	display: block;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 1rem;
	padding: 0.8rem 1rem;
}

#order-detail-content #panierToDevis:hover{
	background:#17198a;
}

.btn-valid-panier #suivant_active {
	background:orange;
	font-size: 1.2rem;
}

.disable-prod {
	background:rgba(0, 0, 0, 0.4); 
	width:100%; 
	position: absolute; 
	height: 100%;
}

.history-detail img {
	max-width: 100px;
}

.history-detail tfoot td {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}

@media (max-width: 600px) {
    .history-detail img {
		max-width: 80px;
	}

	.history-detail tbody td {
		padding: 12px 5px;
	}
}





/* step 1 - cart ******************************************************************************* */
.cart_last_product {display:none}

/*p.cart_navigation .multishipping-button { margin-right: 10px }*/

#order-detail-content {margin-bottom:20px}

.cart_unit{
    min-width: 115px;
}

.cart_quantity {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.cart_quantity .cart_quantity_input {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: none;
	border-right: none;
	height: 100%;
	width: 32px;
	text-align: center;
	font-size: 1rem;
	color: #000;
	border-radius: 0px;
}

.cart_quantity .cart_quantity_input:focus {
	outline: none;
	border-bottom: solid 1px orange;
	border-top: solid 1px orange;
  }

.cart_quantity .cart_quantity_down, .cart_quantity .cart_quantity_up {
	width: 24px;
	border: solid 1px #ccc;
	cursor: pointer;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background: #eee;
	text-decoration: none;
}

.cart_quantity .cart_quantity_up {
	margin-right: 5px;
}

.cart_quantity .cart_quantity_down:hover, .cart_quantity .cart_quantity_up:hover {
	background: #ddd;
}

.cart_quantity div:first-child {
	display: flex;
	align-items: center;
	height: 32px;
}

.block_recap p{
	display: flex;
	justify-content: space-between;
	font-size: 1rem;
	align-items: center;
}

.block_recap .total_price_container{
	border-top: solid 1px;
	padding-top: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.price_discount_delete {
	font-size: 0.8rem;
}


/*
.cart_quantity .cart_quantity_button {
	float:left;
	position: relative;
	top: -5px;
}*/


/*.total-carrier:before,
.carrier_free:before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/voletroulant/img/delivery.png') ;
    margin-right: 5px;
    transform:translateY(3px);
}*/

table#cart_summary #total_product, 
table#cart_summary #total_tax,
table#cart_summary .totalcart-title,
#cart_summary .cart_total_price td {
    text-align: right;
    color: #333;
    font-size: 17px;
    font-weight: 300;
    vertical-align: middle;
}

table#cart_summary .total-ttc-th {
    background: #0E1D62;
    color: #FFF;
    font-size: 21px;
    font-weight: 300;
    text-align: right;
}

#total_price_container #total_price
{
    font-weight: bold;
    font-size: 21px;
}


.cart_unit_old {
    text-decoration: line-through;
	text-align: right;
}


table#cart_summary .cart_delete {
	text-align:center
}

table#cart_summary .cart_discount_price {text-align: right}

.cart_quantity .cart_quantity_delete{
    color: #777;
	font-size: 0.8rem;
}

.cart_total_price .total_price_container {
	border-right:none;
}
/*
table#cart_summary .cart_total_price td.cart_voucher {
	border-bottom:1px solid #999;
	vertical-align:middle
}

.cart_voucher h4,
.cart_voucher p {float:left;}
.cart_voucher h4 {
	margin-right:12px;
	padding:5px 0;
	font-size:13px
}
.cart_voucher p {padding-bottom:0;}
.cart_voucher #display_cart_vouchers {
	clear:both;
	line-height: 16px;
	color:#666;
	font-weight:normal;
	border-top:1px dotted #ccc
}
.cart_voucher #display_cart_vouchers .title_offers {margin-top:10px}
.cart_voucher #display_cart_vouchers span {font-weight:bold}*/

.cart_voucher {
	margin-top: 2rem;
}

.cart_voucher input.discount_name {
	border: solid 1px #ccc;
	height: 48px;
	width: 100%;
	font-size: 1rem;
	border-radius: 0px;
	color: #000;
	padding: 0 10px;
	margin-right: 10px;
}

.cart_voucher input.discount_name::placeholder {
	color: #555;
}

.cart_voucher input.button {
	border: none;
	-webkit-appearance: none;
	background-color: #24256e;
	border-radius: 5%;
}


.total_price_container p {text-align: left}

table#cart_summary .cart_total_price .total_price_container {
	padding:0;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
.cart_total_price .total_price_container p {
	display:block;
	padding:8px;
	font-weight:bold;
	color:#092993;
	text-transform:uppercase;
	background:#F5B91C;
	font-size:23px;
	text-shadow:1px 1px 0 #FFF;
}
.cart_total_price .total_price_container span {
	display:block;
	padding:15px;
	font-weight:bold;
	font-size:28px;
	text-align:center;
	color:#092995;
}

#order_carrier {
	clear:both;
	margin-top:20px;
	border:1px solid #999;
	background:#fff
}
#order_carrier h4 {
	padding:0 15px;
	height: 29px;
	font-weight: bold;
	line-height:29px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
}
#order_carrier span {
	display:block;
	padding:15px;
	font-weight:bold
}

.order_delivery .first_item {margin-right:35px;}

.multishipping_close_container {
	text-align: center;
}

table#cart_summary .gift-icon {
	color: white;
	background: #0088CC;
	line-height: 20px;
	padding: 2px 5px;
	border-radius: 5px;
}



@media (min-width: 660px) {
    #authentication .block-login {
		display: flex; gap: 30px;
	}
}


#authentication #create-account_form fieldset,
#authentication #login_form fieldset {
	margin:0 auto;
	width:365px;
}

#authentication #create-account_form .form_content,
#authentication #login_form .form_content {
	padding:20px
}

#create-account_form h3,
#authentication #login_form h3 {
	padding:8px;
	border-bottom: medium solid;
    border-radius: 10px 20px 13px 0;
    border-right: medium solid;
    color: #E5B700;
    font-size: 27px;
    font-style: italic;
    margin: 0;
    text-shadow: 1px 1px 1px #111111;
    width: 145px;
}
#create-account_form h4 {
	padding-bottom:22px;
	font-size:11px;
	color:#333
}

#create-account_form label,
#login_form label {
	display:inline-block;
	width:110px;
	color:#0A2892;
	font-weight:bold;
}

#order-opc #login_form_content label {
	display:block;
	margin:0 0 10px 0
}

#create-account_form #email_create,
#login_form #email,
#login_form #passwd,
#login_form #login_email,
#login_form #login_passwd {
	padding:0 5px;
	height:20px;
	width:220px;/* 230 */
	border:1px solid #E5B700;
	color:#092993;
	/*background:url(../img/bg_discount_name.png) repeat-x 0 0 #EEE;*/
	background:#EEE;
	border-radius:3px;
	font-size:15px;
}

.lost_password {
	float:left;
	width:200px
}
.lost_password a {color:#ff0000}

#order-opc .lost_password {
	display:block;
	float:none;
	margin:5px 0 10px;
	width:auto;
	font-size:11px;
	color:#666
}

#ordermsg p {padding-bottom:0}
#ordermsg p.txt {
	float:left;
	margin-right:25px;
	width:220px
}
/*#ordermsg .textarea {float:right}*/
#ordermsg .textarea textarea {
	height:90px;
	width:475px;
	border:1px solid #ccc
}

/* step 3 - address ************************************************************************** */

#order #address_delivery{
	margin-left:130px;
}

.address-form-multishipping { padding: 10px 0px; }
#multishipping_mode_box {
	border: 1px solid #D0D3D8;
	background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5;
	margin-bottom: 10px;
	padding: 5px;
}
#multishipping_mode_checkbox {
	vertical-align: middle;
	margin-right: 5px;
}
#multishipping_mode_box.on {
	border: 1px solid #ddd;
}
#multishipping_mode_box .title {
	padding: 5px;
	font-weight: bold;
}
#multishipping_mode_box .description, #multishipping_mode_box .description_off {
	padding: 5px;
}
#multishipping_mode_box .description_off {
	display: none;
	padding: 5px;
}
#multishipping_mode_box .description_off div {
	margin-bottom: 10px;
}
#multishipping_mode_box .description_off a, #multishipping_mode_box .description a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	margin: 0 160px;
	border: 1px solid #ccc;
	background: #ddd;
}
#multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover {
	background: #f3f3f3;
	border: 1px solid #ccc;
}
#multishipping_mode_box.on .description_off {
	display: block;
}


/* step 4 - paiement ************************************************************************** */




.order_carrier_content {
	padding:15px;
	border:1px solid #ccc;
	font-size:12px;
	color:#000;
	background:#f8f8f8
}
.order_carrier_content h3 {
	padding:15px 0 10px 0;
	font-size:13px;
	color:#000
}
.order_carrier_content h3.carrier_title {padding-top:0}
.order_carrier_content input {
	position:relative;
	top:1px
}

#carrierTable {
	border:1px solid #999;
	border-bottom:none;
	background:#fff
}

#carrierTable tbody{
	border-bottom:1px solid #999;
}
#carrierTable  th {
	padding:0 15px;
	height: 29px;
	font-weight: bold;
	line-height:29px;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
}
#carrierTable  td {
	padding:15px;
	font-weight:bold;
	border-right:1px solid #e9e9e9
}
#carrierTable  td.carrier_price {border:none}

#gift_div {
	display:none;
	padding-bottom:10px
}
#gift_div label {
	display:block;
	margin-bottom:5px
}
#gift_div #gift_message {
	height:50px;
	width:720px;
	border:1px solid #999
}

a.iframe {font-weight:bold}

.hook_extracarrier {
	margin-top: 5px;
	padding: 5px;
}

#qt_accOff{
	padding-left: 5px;
}

.carrier_free{
    background: #eee;
    padding: 12px;

    color: #222;
    border: solid 1px #ccc;
    margin: 0 10px;
    text-align: center;
    font-size: 17px;
    float: left;
}

.btn-chantier{
    background:#F5B91C;
    padding: 12px;

    color: #222;
    border: solid 1px #ccc;
    margin: 0 10px;
    text-align: center;
    font-size: 17px;
    float: left;
}

.btn-chantier a{ 
    color: #000;
    display: inline-block;
    transition:color 0.5s;
}

.btn-chantier a:after {
    content: '';
    margin-top:2px;
    width: 0px;
    height: 1px;
    display: block;
    background: #fff;
    transition: 500ms;
}

.btn-chantier a:hover{ 
    color: #fff;
    text-decoration: none;
}

.btn-chantier a:hover:after {
  width: 100%;
}

.resume_chantier{
    margin: auto;
}

.resume_chantier th{
    background: #DDD;   
}

.resume_chantier td, .resume_chantier th {
    padding: 10px;
    font-size: 17px;
    color: #000;
    text-align: center;
    width:50%;
    border-right: solid 1px #ccc;
    line-height: 1;
}

.resume_chantier tr{
    border-bottom: solid 1px #ccc;
}

.resume_chantier tr:nth-of-type(2n) {
    background: #e8e8e8;
}

.resume_chantier tr:nth-of-type(2n+1) {
    background: #eee;
}

.resume_chantier caption{
    text-align: center;
    color: #555;
    font-size: 15px;
    padding-bottom: 5px;
}

.info_chantier{
    float: left;
    width: 50%;
    margin-left: 40px;
    color: #000;
    border: solid 1px #ccc;
}

.info_chantier h2{
    background: #f5b91c;
    padding: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.info_chantier h3{
    padding-left: 10px;
}

.info_chantier p{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 1.4;
}

.product_ref{
    color: #999;
}

/* step 5 - paiement ************************************************************************** */


.paiement_block .total-pay{
    float: right;
    margin-right: 20px;
    padding: 20px;
    border-radius: 5px;
    background: #0E1D62;
    color:#fff;
    text-align: center;
    font-size: 21px;
    font-weight: 300;
}

.payment_module {
    border: solid 1px #DDD;
    border-radius: 5px;
    background: #eee;
    text-align: center;
	margin-bottom: 10px;
}

.payment_module:hover {
    background: #9fffb8;
    border: solid 1px #34A853;
    transition:background 0.5s, border 0.5s;
}

.payment_module a {
	display: flex;
	align-items: center;
	justify-content: space-between;
    font-size: 21px;
    color: #000;
    text-transform: capitalize;
	padding: 0 20px;
	min-width: 275px;
}

.payment_module a:hover {
    color: #007E22;
    transition:color 0.5s;
}

.payment-choice {
	display: flex;
	justify-content: space-evenly;
	gap: 30px;
}

@media (max-width: 750px) {
    .payment-choice {
		display: block;
	}
}

@media (max-width: 370px) {
    .payment_module a {
		min-width: auto;
	}
}


#sdevmonetico_payment_button {
	margin: 0;
}

.payment_module img {
    max-width: 70px;
	max-height: 70px;
}

.payment_module:before,
.payment_module:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}
.payment_module:after {clear: both}


/* ************************************************************************************************
		PAGE ORDER-OPC
************************************************************************************************ */
#order-opc #left_column {display:none}
#order-opc #center_column{width:757px}

#order-opc h2 span {
	display:inline-block;
	padding:5px 7px;
	color:#fff;
	background:#333;
}

#order-opc #login_form fieldset {
	background: none repeat scroll 0 0 #FFFFE0;
	border: 1px solid #E6DB55;
	font-size: 13px;
	margin: 0 0 10px;
	padding: 10px;
}
#order-opc #login_form fieldset p {padding:0}
#order-opc #login_form fieldset p a {padding:0}

#order-opc #new_account_form p.submit {
	margin-right: 120px;
	text-align:right
}
#order-opc #new_account_form p.opc-required {margin-left:20px}

#order-opc .addresses {margin-bottom:20px}

#order-opc #opc_delivery_methods h3 {margin-top:20px;}
#order-opc #opc_delivery_methods textarea {
	height:60px;
	width:755px;
	border:1px solid #ccc
}

#order-opc #opc_payment_methods {margin-bottom:20px}
#order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0}

.delivery_option_carrier td {width:200px}
.delivery_option_carrier td + td {width:280px;}
.delivery_option_carrier td + td + td {width:200px}
.delivery_option_carrier {
	margin: 5px 0 0 45px;
	width: 670px;
	display: none;
}
 .delivery_option_carrier tr td {
	padding: 5px;
}
.delivery_option_carrier.selected {
	display: table;
}
.delivery_option_carrier.not-displayable {
	display: none;
}
.delivery_option_title {
	font-weight: bold;
}


/* ************************************************************************************************
	express checkout
************************************************************************************************ */
#new_account_form {clear:both;margin-bottom: 20px}
#new_account_form h3 {
	margin-bottom:20px;
	padding:8px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898
}
#center_column #new_account_form p {
	margin:0;
	padding:0 0 10px 0
}
#new_account_form p.required {color:#222}
#new_account_form p.required sup {color:red}
#new_account_form p.radio span,
#new_account_form p.text label,
#new_account_form p.password label,
#new_account_form p.select label,
#new_account_form p.select span,
#new_account_form p.textarea label {
	display: inline-block;
	padding: 6px 15px;
	width: 230px;
	font-size: 14px;
	text-align: right
}
#new_account_form p.radio label {
	float:none;
	padding-right:10px;
	width:auto;
	font-size:14px;
}
#new_account_form p.checkbox label {
	float: none;
	width: auto;
	font-size: 12px;
}
#new_account_form p.text input,
#new_account_form p.password input,
#new_account_form p.select input {
	height:22px;
	padding:0 5px;
	width:360px;
	border:1px solid #ccc;
	font-size:12px;
	color:#666
}
#new_account_form p.checkbox input {margin-left: 260px;}

#new_account_form #submitGuestAccount {float: right}

/* ************************************************************************************************ */

/* ************************************************************************************************
		paiment - CONFIRMATION
************************************************************************************************ */
#orderconfirmation #left_column {display:none}
#orderconfirmation #center_column{width:757px}


/* ************************************************************************************************
		PAGE PASSWORD
************************************************************************************************ */
#form_forgotpassword fieldset {
	padding: 10px;
	margin:0 auto;
}
#form_forgotpassword  p.text label {
	display: inline-block;
	padding-right: 10px;
	width: 210px;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	margin-top:15px;
	color:#0A2892;
}

#form_forgotpassword p.submit {
	margin-right:25px;
	padding-bottom:5px;
	text-align:right
}

#password .icon {
	position:relative;
	top:6px;
}


/* ************************************************************************************************
		PAGE ADRESSES
************************************************************************************************ */
#addresses #left_column {display:none}

#address p.inline-infos {
    color: #555;
}


/* ************************************************************************************************
		PAGE ADD ADRESS
************************************************************************************************ */
#address #left_column {display:none}
/*
#add_adress fieldset {
	background: #F8F8F8;
	border: solid 1px #ccc;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #ccc;
	margin: 0 auto;
	width: 645px;
	padding: 10px;
}

#add_adress h3 {
	border-bottom: solid 1px;
    color: #555;
    font-size: 27px;
    text-align: center;
    margin-bottom: 10px;
    font-style: normal;
	text-transform: uppercase;
	padding: 8px;
}

#add_adress p.required {color:#222}
#add_adress p.required  sup {color:#FF0000;}

#add_adress .button{
	background: none repeat scroll 0 0 #008F38;
    border-color: #007D3E;
    box-shadow: 0 4px 0 #058143;
    font-size: 27px;
}


#add_adress p.text label,
#add_adress p.password label,
#add_adress p.select label,
#add_adress p.select span,
#add_adress p.textarea label {
	color: #333;
    display: inline-block;
    font-weight: bold;
    padding: 10px;
    text-align: right;
    font-size: 22px;
    width: 225px;
}
#add_adress p.text input,
#add_adress p.password input,
#add_adress p.select input {
	border: 1px solid #999;
    border-radius: 3px;
    color: #000;
    font-size: 17px;
    font-weight: normal;
    padding: 5px;
    height: 35px;
    width: 310px;
}
#add_adress p.checkbox input {
	margin-left:260px;
}
#add_adress p.select select {
	font-size: 17px;
    padding: 5px;
    border-radius: 3px;
}
#add_adress p.textarea label {vertical-align:top}
#add_adress p.textarea textarea {
	height:80px;
	border: 1px solid #999;
    border-radius: 3px;
    color: #000;
    font-size: 17px;
    font-weight: normal;
    padding: 5px;
    width: 310px;
}
#center_column  #add_adress p.submit2 {
	margin-top:20px;
	text-align:right
}

#add_adress span.form_info,
#add_adress span.inline-infos {
	display:block;
	margin:5px 0 0 265px;
	color:#666
}*/


/* ************************************************************************************************
		PAGE ORDER-SPLIP
************************************************************************************************ */
#order-slip #left_column {display:none}
#order-slip #center_column{width:757px}

#order-slip #order-list {border-bottom:1px solid #999}
#order-slip #order-list td {
	border-top: 1px solid #ccc;
	border-bottom:none
}
#order-slip #order-list td.history_invoice {border-right:none}


/* ************************************************************************************************
		PAGE DISCOUNT
************************************************************************************************ */
#discount #left_column {display:none}

#discount .table_block tr.last_item td {border-bottom:1px solid #999}
#discount .table_block td.discount_expiration_date {border-right:1px solid #999}
#discount .table_block td.discount_value {white-space:nowrap}


/* ************************************************************************************************
		PAGE ORDER FOLLOW
************************************************************************************************ */
#order-follow #left_column {display:none}
#order-follow #center_column{width:757px}


/* ************************************************************************************************
		PAGE NEW-PRODUCTS
************************************************************************************************ */
#newproducts .sortPagiBar {margin-bottom:20px}


/* ************************************************************************************************
		PAGE BEST SALES
************************************************************************************************ */
#bestsales .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************
		PAGE PRICES DROP SALES
************************************************************************************************ */
#pricesdrop .sortPagiBar {margin-bottom:20px}


/* ************************************************************************************************
		PAGE MANUFACTURER
************************************************************************************************ */
#manufacturer .nbrmanufacturer {
	margin: 15px 0 10px;
	padding: 8px 7px;
	font-size:12px;
	color: #000;
	background: none repeat scroll 0 0 #f0f0f0
}

#manufacturer #product_list {margin-top:15px}

ul#manufacturers_list {list-style-type:none}
ul#manufacturers_list li {
	margin-bottom: 14px;
	padding: 12px 8px;
	border: 1px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}
ul#manufacturers_list li a.lnk_img {
	display: block;
	float: left;
}
ul#manufacturers_list li img {
	display: block;
	float: left;
	margin-right: 14px;
	border: 1px solid #ccc;
	vertical-align: bottom
}
ul#manufacturers_list li h3 {
	padding: 0 0 10px;
	font-size: 13px;
	color: #000
}
ul#manufacturers_list li .description {
	overflow: hidden;
	padding: 0;
	font-size:12px;
	color:#666
}
ul#manufacturers_list li .right_side {float:right;}

.description_box {
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px #E2E2E2;
	padding: 5px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 18px;
}
.description_box p {
	margin: 0;
	padding: 0 10px 5px;
}
.description_box .hide_desc {
	display: none;
}
.description_box .lnk_more {
	background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent;
	color: #0088CC;
	padding: 0 10px;
}
.description_box ul {
	padding-left: 30px;
	padding-bottom: 10px;
}

/* ************************************************************************************************
		PAGE SUPPLIER
************************************************************************************************ */
#supplier .nbrmanufacturer {
	margin: 15px 0 10px;
	padding: 8px 7px;
	font-size:12px;
	color: #000;
	background: none repeat scroll 0 0 #f0f0f0
}
ul#suppliers_list {list-style-type:none}
ul#suppliers_list li {
	margin-bottom: 14px;
	padding: 12px 8px;
	border: 1px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}
ul#suppliers_list li a.lnk_img {
	display: block;
	float: left;
}
ul#suppliers_list li img {
	display: block;
	float: left;
	margin-right: 14px;
	border: 1px solid #ccc;
	vertical-align: bottom
}
ul#suppliers_list li h3 {
	padding: 0 0 10px;
	font-size: 13px;
	color: #000
}
ul#suppliers_list li .description {
	overflow: hidden;
	padding: 0;
	font-size:12px;
	color:#666
}
ul#suppliers_list li .right_side {float:right;}


/* ************************************************************************************************
		PAGE SEARCH
************************************************************************************************ */
#search h3.nbresult {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #e6db55;
	font-size:13px;
	background:#ffffe0
}
#search .sortPagiBar {margin-bottom:20px}


/* ************************************************************************************************
		PAGE 404
************************************************************************************************ */
#pagenotfound #left_column,
#pagenotfound #right_column,
#pagenotfound #footer {display:none}

#pagenotfound #left_column,
#pagenotfound #right_column,
#pagenotfound #footer {display:none}

#pagenotfound #center_column {width:940px;}

#pagenotfound .pagenotfound {
	padding:30px;
	height:330px;
	font-size:14px;
	background:url(../img/bg_404.png) no-repeat 100% 0
}
#pagenotfound h3 {
	font-weight:normal;
	font-size:14px
}
#pagenotfound fieldset {border:none}
#pagenotfound fieldset label {color:#333}
#pagenotfound  #search_query {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #fff !important;
	border-top: 1px solid #666;
	padding: 0 5px;
	height: 24px;
	width: 200px;
	color: #ccc;
	background: url(../../../img/bg_search_input.png) repeat-x scroll 0 0 #fff
}
#pagenotfound .button_small {
	padding: 4px 7px;
	border: medium none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	color: #fff;
	text-transform: uppercase;
	background: url("../../../img/bg_search_submit.png") repeat-x scroll 0 0 #101010
}
#pagenotfound .pagenotfound a {
	font-weight:bold;
	color:#333
}
#pagenotfound .pagenotfound .icon {
	position:relative;
	top:3px
}


/* ************************************************************************************************
		addons payment cheque
************************************************************************************************ */
#module-cheque-payment #left_column {display:none}


/* ************************************************************************************************
		addons payment bankwire
************************************************************************************************ */
#module-bankwire-payment #left_column {display:none}


/* ************************************************************************************************
		addons google checkout
************************************************************************************************ */
#module-gcheckout-payment #left_column {display:none}

/* ************************************************************************************************
		addons paypal
************************************************************************************************ */
#module-payment-submit #left_column {display:none}


/* ************************************************************************************************
		addons cashondelivery validation
************************************************************************************************ */
#module-cashondelivery-validation #left_column {display:none}


/* ************************************************************************************************
		addon RerversoForm
************************************************************************************************ */
#account-creation_form fieldset.reversoform {padding:10px !important}
#account-creation_form fieldset.reversoform  .text label{
	display:block;
	padding:0 0 10px 0;
	width:100%;
	text-align:left;
}
#account-creation_form fieldset.reversoform .infos-sup {
	padding:0 !important;
	font-size:10px;
	font-style:italic;
	text-align:right
}
/* ************************************************************************************************
		addon customer privacy
************************************************************************************************ */
#account-creation_form fieldset.customerprivacy label{
}

/* ************************************************************************************************
		addon referralprogram
************************************************************************************************ */
#module-referralprogram-referralprogram-program #left_column {display:none}
#module-referralprogram-referralprogram-program #center_column{width:757px}

#footer .myaccount li.referralprogram img {display:none}

#module-referralprogram-referralprogram-program .sheets {padding-top:10px}

#module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold}
#module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline}
#module-referralprogram-referralprogram-program form p.submit {text-align:right}
#module-referralprogram-referralprogram-program form p.see_email {
	padding-left:10px;
	color: #0088cc;
	background:url(../img/arrow_right_1.png) no-repeat 0 4px;
}
#module-referralprogram-referralprogram-program form p.see_email a {
	color: #0088cc;
	text-decoration:underline
}

/* ************************************************************************************************
		addon loyalty
************************************************************************************************ */
#module-loyalty-default #left_column {display:none}
#module-loyalty-default #center_column{width:757px}

#product p#loyalty {
	padding:10px 0 0 20px;
	border-top:1px solid #ccc;
	background:url(../img/icon/info.png) no-repeat 0 8px;
	margin-top: 10px;
}

#footer .myaccount li.loyalty img {display:none}


/* ************************************************************************************************
		addon Livezilla
************************************************************************************************ */
#livezilla_lnk  {
	margin:10px 0;
	text-align: right
}
#livezilla_lnk a {
	display:inline-block;
	padding:6px 8px 8px 8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font:bold 10px Arial,Verdana,sans-serif;
	color:#fff;
	text-shadow: 0 -1px 0 #000;
	background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000
}
#livezilla_lnk a:hover {text-decoration:none}

/* ************************************************************************************************
		addons comments products
************************************************************************************************ */
form#sendComment  fieldset{
	padding:10px;
	border:1px solid #ccc;
	background:#eee
}
form#sendComment h3 {font-size:14px;}
#new_comment_form p.text {
	 margin-bottom: 0;
	 padding-bottom: 0;
}
#sendComment p.text label,
#sendComment p.textarea label {
	display: block;
	margin: 12px 0 4px;
	font-weight: bold;
	font-size: 12px;
}
#sendComment p.text input {
	padding: 0 5px;
	height: 28px;
	width: 498px;
	border: 1px solid #ccc;
	background: url(../img/bg_input.png) repeat-x 0 0 #fff;
}
#sendComment p.textarea textarea {
	height:80px;
	width:508px;
	border:1px solid #ccc;
}
#sendComment p.submit {
	padding:0;
	text-align:right
}

#sendComment p.closeform {
	float:right;
	padding:0;
	height:12px;
	width:12px;
	text-indent:-5000px;
	background:url(../img/icon/delete.gif) no-repeat 0 0
}

.star {
	position: relative;
	top:2px;
	float: left;
	height: 12px;
	width: 12px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer
}
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
div.star_on a { background-position: 0 -12px }
div.star_hover a, div.star a:hover { background-position: 0 -12px }


/* ************************************************************************************************
		xxxxx
************************************************************************************************ */


/* ************************************************************************************************
		guest tracking
************************************************************************************************ */

#guest-tracking fieldset p:first-child {
	padding-top: 10px;
}
#guest-tracking fieldset p:last-child {
	padding-bottom: 10px;
}



/* ************************************************************************************************
		CSS Modules
************************************************************************************************ */

/******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/

/*************** Block ADVERTISING ***************/
.advertising_block { width: 191px; margin-bottom: 1em; text-align: center }



/*************** Block CATEGORIES ***************/
#categories_block_left  li {border-bottom:1px dotted #ccc}
	#categories_block_left  li.last {	border:none;}
		#categories_block_left  li a {
			display:block;
			padding:7px 11px 5px 22px;
			color:#333;
			background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
		}
		
	#categories_block_left  li ul {margin-left:40px}
		#categories_block_left  li ul li {border:none}
			#categories_block_left  li ul li a {
				padding-left:0;
				background:none
			}
		
#categories_block_left li .OPEN,
#categories_block_left li .CLOSE {
	display:block;
	float:right;
	margin:10px 10px 0;
	height:9px;
	width:9px;
	background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px;
	cursor:pointer
}
#categories_block_left li .CLOSE {background-position:0 0}


/* footer */
.blockcategories_footer {
	padding:15px 10px;
}
.blockcategories_footer ul ul {display:none !important}



/*************** Block CMS ***************/
/* footer */
#footer .block_various_links {padding:15px 10px;}

/* Block CMS links */
.informations_block_left li {border-bottom:1px dotted #eee}
.informations_block_left li.last {border:none;}
.informations_block_left li a {
    display:block;
    padding:7px 11px 5px 22px;
    color:#333;
    background:url(../../../modules/blockcms/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}
    
tr.subitem > td:first-child + td {
    padding-left: 10px;
}



/*************** Block CONTACTINFOS ***************/
#contact h2{
	text-align:center;
}

#contact label {
	display: block;
	font-weight: bold;
	font-size: 1.3rem;
}

#contact input[type="text"], #contact input[type="file"], #contact textarea {
	background: #f9f9f9;
	border: 1px solid #e6e6e6;
	padding: 10px;
}

#contact textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
}


.mess_tel{
	font-size:20px;
	text-align:center;
}

#block_contact_infos {padding:15px 10px;}
#block_contact_infos li {
	padding:0 !important;
	line-height: 20px;
}
#block_contact_infos li  strong {
	font-weight:normal;
	font-size:13px;
}
#block_contact_infos li  pre {font: 11px/20px Arial,Verdana,sans-serif;}



/*************** Block LINK ***************/
#links_block_left .block_content li {border-bottom:1px dotted #eee}
#links_block_left .block_contentt li.last {border:none;}
#links_block_left .block_content li a {
    display:block;
    padding:7px 11px 5px 22px;
    color:#333;
    background:url(../../../modules/blocklink/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}



/*************** Block MANUFACTURER ***************/
.blockmanufacturer li {border-bottom:1px dotted #ccc}
.blockmanufacturer li.last {	border:none;}
	.blockmanufacturer li a {
		display:block;
		padding:7px 11px 5px 22px;
		color:#333;
		background:url(../../../modules/blockmanufacturer/img/arrow_right_2.png) no-repeat 10px 10px transparent
	}


.blockmanufacturer form {margin-top:10px;}
.blockmanufacturer p {
	padding:0;
	text-align:center
}

/*************** Block LOGO PAYMENT ***************/

.paiement_logo_block { width: 191px; text-align: center; margin-bottom: 1.5em }
.paiement_logo_block a { text-decoration: none }
.paiement_logo_block img { margin: 0 0.5em }



/*************** Block RSS ***************/
#rss_block_left p {
	margin:0;
	padding:10px;
}

#rss_block_left li {border-bottom:1px dotted #ccc}
#rss_block_left li.last {	border:none;}
	#rss_block_left li a {
		display:block;
		padding:7px 11px 5px 22px;
		color:#333;
		background:url(../../../modules/blockrss/img/arrow_right_2.png) no-repeat 10px 10px transparent
	}

	
/*************** Block SOCIAL ***************/
#social_block {padding:15px 10px;}
#social_block li {padding-left:22px !important;}
#social_block li.facebook {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;}
#social_block li.twitter {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;}
#social_block li.rss {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;}


/*************** Block STORE ***************/
.blockstore img { margin: 10px 0 0 0}
.blockstore p { 
	padding-bottom:0;
	font-weight:bold;
	text-align: right
}
.blockstore p.store_image { 
	padding-bottom:10px;
	text-align:center
}


/*************** Block SUPPLIER ***************/
.blocksupplier li {border-bottom:1px dotted #ccc}
.blocksupplier li.last {	border:none;}
	.blocksupplier li a {
		display:block;
		padding:7px 11px 5px 22px;
		color:#333;
		background:url(../../../modules/blocksupplier/img/arrow_right_2.png) no-repeat 10px 10px transparent
	}

.blocksupplier form {margin-top:10px;}
.blocksupplier p {
	padding:0;
	text-align:center
}










	/* maj 2022 */

	/* menu */
	.nav-main ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.nav-main li{
		float: left;
		border-right: solid 1px #ccc;
	}

	.nav-main li a, .nav-main .dropbtn {
		display: inline-block;
		color: #222;
		text-align: center;
		padding: 25px 30px;
		padding-left: 75px;
		text-decoration: none;
		font-family: sans-serif;
		font-weight: bold;
		font-size: 13px;
	}

	.nav-main .dropbtn{
		font-size:15px!important;
	}

	.nav-main .dropdown:hover{
		background-color: #ffde42;
		transition-property: background-color;
		transition-duration: 0.3s;
	}

	.nav-main li.dropdown {
		display: inline-block;
	}

	.nav-main .dropdown-content {
		position: absolute;
		left: 0px;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		width: 100%;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.3s linear;
	}

	.nav-main .dropdown:hover .dropdown-content {
		visibility: visible;
		opacity: 1;
	}

	.nav-main .dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
		float: left;
		border-right:solid 1px #ddd;
		width: 161px;
		height: 200px;
		margin-bottom: 5px;
	}

	.nav-main .dropdown-content a:last-child {
		border-right: none;
	}

	.nav-main .dropdown-content a:hover {
		background-color: #ffde42;
		transition-property: background-color;
		transition-duration: 0.3s; 
	}

	.superRemise{
		font-style: italic;
		color: #ff0000;
	}

	#menu_pdg{
		background-image:url('/voletroulant/img/nav/porte-garage.png');
		background-position: 20px 8px;
		background-repeat: no-repeat;
	}

	#menu_porte_e{
		background-image:url('/voletroulant/img/nav/porte-entree.png');
		background-position: 20px 8px;
		background-repeat: no-repeat;
	}

	#menu_vr{
		background-image:url('/voletroulant/img/nav/volet-roulant.png');
		background-position: 20px 8px;
		background-repeat: no-repeat;
	}

	#menu_fenetre{
		background-image:url('/voletroulant/img/nav/fenetre-pvc.png');
		background-position: 20px 8px;
		background-repeat: no-repeat;
	}

	.block-center{
		max-width:980px; 
		margin:0 auto;
	}

	.nav-main{
		background-color: #DDD;
	}

	.dropdown .promo_spec{
		padding-left: 10px;
		padding-right: 10px;
		background: #ff0;
		text-transform: uppercase;
	}

	.dropdown .promo_spec:hover{
		background: #ff0000;
		color: #fff;
	}



	/* footer */

	.fr-line{
		display:flex; height:3px; justify-content: center; 	
	}

	.fr-line div{
		width:33%;
	}

	#foot_bas {
		background: #24256e;
		padding-bottom: 100px;
	}

	.foot_centre{
		width:90%;
		margin:0 auto;
	}

	.foot-local, .foot-sav{
		width:auto; text-align:center; margin:2rem;
	}

	.foot-sav p, .foot-local p{
		color: inherit;
	}

	#foot_copyright p{
		text-align: center; color: inherit;
	}

	.foot-social{
		margin:2rem; text-align:center;
	}

	.fphone{
		font-size:1.8rem;
	}

	.fphone{
		font-size:1.8rem;
	}

	.fmail{
		font-size:1.1rem;
	}


	.logo-foot{
		text-align:center; 
		padding:20px;
	}

	.logo-foot img{
		width: 100%; max-width: 250px;
	}

	#footer li {
		padding: 0px;
	}

	.block_info_foot a{
		font-size: 18px;
		font-weight: 700;
		line-height: 24px;
		padding: 30px 20px 30px 20px;
		position: relative;
		display: flex;
		align-items: center;
		color: inherit;
	}

	#foot_bas .block_info_foot a:hover {
		background-color: #2b2c7f;
		text-decoration: none;
	}

	.block_info_foot .sousList li a {
		padding: 10px 20px;
		font-weight: 400;
		font-size: 15px;
		transition: text-indent 0.5s;
	}

	.block_info_foot .sousList li a:hover {
		text-indent: 10px;
	}

	.block_info_foot .sousList {
		opacity: 0;
		transition: 0.5s ease-out;
		visibility: hidden;
		overflow: hidden;
		max-height: 0;
	}

	.block_info_foot .nav-item{
		border-bottom:solid 1px #fff;
	}

	.block_info_foot .nav-item.isOpen ~ .sousList{
		opacity: 1;
		visibility: visible;
		overflow: visible;
		max-height: 500px;
	}

	.block_info_foot .nav-item .bi-caret-down-fill {
		transition: 0.5s;
	}

	.block_info_foot .nav-item.isOpen .bi-caret-down-fill{
		transform: rotate(180deg);
	}

	.block-addr p {
		font-size:1.5rem;
		line-height:1.4;
	}

	.social-icon{
		transition:all .5s;
		display:inline-block;
		margin-right:10px;
	}

	.social-icon:hover{
		transform:rotate(360deg);
	}

	/* categorie list product */

	#product_list, .inline_list{
		display: flex;
		flex-wrap: wrap;
		list-style: none;
	}

	.ajax_block_product, .inline_list li{
		width: calc(25% - 20px);
		margin: 0px 10px;
  		margin-bottom: 20px;
		box-sizing: border-box;
		position: relative;

		display: flex;
		flex-direction: column;
	}

	.ajax_block_product .center_block{
		flex-grow: 1;
	}

	.ajax_block_product img, .inline_list li img{
		width: 100%;
		margin-bottom: 0.5rem;
		transition: transform 0.2s ease-in-out;
	}

	.ajax_block_product h3 a, .inline_list .cat_name{
		color: #000;
		font-size: 1rem;
		line-height: 1.2;
	}

	.inline_list .para_cat_name{
		font-weight: bold;
		text-align: center;
	}

	.ajax_block_product .price{
		color: #000;
		font-weight: bold;
		font-size: 1.8rem;
	}

	.ajax_block_product:hover img, .inline_list li:hover img{
		transform: scale(1.1);
	}

	#product_list .ajax_block_product .right_block .button, #add_to_cart #btnAjoutPanier, a.button {
		position: relative;
		display: block;
		border-radius: 2px;
		font-weight: bold;
		color: #FFF;
		cursor: pointer;
		background: orange;
		text-align: center;
		font-size: 1rem;
		padding: 0.8rem 1rem;
		border: none;
		margin-top: 1rem;
		border-radius: 0px;
		-webkit-appearance: none;
	}

	#product_list .ajax_block_product .right_block .button:hover, #add_to_cart #btnAjoutPanier:hover, a.button:hover, .btn-valid-panier #suivant_active:hover {
		background: #f29d00;
	}


	#product_list .ajax_block_product .right_block span.exclusive, span.exclusive {
		position: relative;
		display: block;
		border-radius: 2px;
		font-weight: bold;
		color: #999;
		cursor: default;
		background: #ececec;
		text-align: center;
		font-size: 1rem;
		padding: 0.8rem 1rem;
		border: none;
		margin-top: 1rem;
	}

	.available-stock{
		position:absolute;
		top: 0;
		left: 0;
		font-weight: normal;
		font-size: 0.8rem;;
	}

	/* product page */

	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	input[type=number] {
		-moz-appearance:textfield;
	}

	#product h1{
		text-align: left;
		font-size: 35px;
		margin-bottom: 0.5rem;
		width: 100%;
	}

	.content_prices #our_price_display{
		color: #000;
		font-weight: bold;
		font-size: 2.7rem;
	}

	.content_prices #old_price {
		text-decoration: line-through;
		font-size: 22px;
		padding: 0;
		margin: 0;
	}


	.content_prices #reduction_percent {
		color: #FFF;
		padding: 0;
		font-size: 1.4rem;
		font-weight: bold;
	}

	.content_prices #reduction_percent #reduction_percent_display {
		background: #ff0000;
		padding: 10px;
	}
	

	#product #pb-right-column, #product #pb-left-column, #product_reference {
		width: 100%;
	}

	#product #pb-right-column #image-block {
		text-align: center;
	}

	#product #pb-right-column #image-block img {
		cursor: pointer;
	}

	#thumbs_list{
		display: flex;
		justify-content: center;
	}

	#thumbs_list_frame {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}

	#thumbs_list_frame li {
		width: 80px;
		text-align: center;
	}

	#add_to_cart input{
		color: #fff;
		width: 100%;
	}

	#availability_statut .warning_inline {
		color: red;
	}

	#quantity_wanted_p {
		display: flex;
		flex-wrap: wrap;
	}

	#quantity_wanted_p label{
		width: 100%;
		text-transform: uppercase;
	}

	#quantity_wanted_p button{
		width: 24px;
		border: solid 1px #ccc;
		cursor: pointer;
		color: #000;
	}

	#quantity_wanted_p #quantity_wanted{
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		border-left: none;
		border-right: none;
		height: 48px;
		width: 48px;
		text-align: center;
		font-size: 1rem;
		color: #000;
		border-radius: 0px;
	}

	#quantity_wanted_p #quantity_wanted:focus{
		outline: none;
		border-bottom: solid 1px orange;
		border-top: solid 1px orange;
	}

	.bullet{
		list-style: none;
	}

	.accessories_block ul{
		display: flex;
		flex-wrap: wrap;
	}

	.list-pdf a{
		display: flex;
		align-items: center;
		background: #eee;
		padding: 10px;
		color: #333;
	}

	.list-pdf a img{
		margin-right: 5px;
	}

	.list-pdf a:hover{
		background: orange;
		color: #fff;	
	}

	.attribute_fieldset{
		margin-bottom: 10px;
	}

	.attribute_list select {
		width: 100%;
		text-align: center;
		padding: 10px;
		background: #fff;
		border: solid 1px #ccc;
		font-size: 1.5rem;
		-webkit-appearance: none;
		color: #000;
		background:url(../img/arrow_right_2.png) no-repeat right center;
	}

	.attribute_list select option{
		text-align: center;
	}

	.attribute_label{
		font-weight: bold;
	}


.myaccount_lnk_list {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.myaccount_lnk_list li {
    flex: 1 1 200px;
}

.myaccount_lnk_list li a {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 10px 12px;
    border-radius: 4px;
    text-decoration: none;

    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 14px;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}

.myaccount_lnk_list li a:hover,
.myaccount_lnk_list li a:focus {
    background: #e9f3ff;
    border-color: #b3d3ff;
    transform: translateY(-1px);
}

.myaccount_lnk_list .icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.myaccount_lnk_list li a span,
.myaccount_lnk_list li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media (max-width: 880px) {
    .myaccount_lnk_list {
        flex-direction: column;
    }

    .myaccount_lnk_list li {
        flex: 1 1 auto;
    }

    .myaccount_lnk_list li a {
        font-size: 15px;
    }
}


/* Formulaire global */
form.std {
    /* max-width: 500px;
    margin: 20px auto;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px; */
}

/* Groupes (p) */
form.std p {
    margin-bottom: 18px;
}

/* Labels */
form.std label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

/* Champs input */
form.std input[type="text"],
form.std select,
form.std textarea,
form.std input[type="password"] {
    width: 100%;
	box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 15px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Focus */
form.std input:focus {
    border-color: #24256e;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.2);
    outline: none;
}

/* Champs obligatoires */
form.std sup {
    color: red;
    font-weight: bold;
}

/* Bouton */
form.std input[type="submit"] {
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease;
}

form.std input[type="submit"]:hover {
    background: #24256e;
    transform: translateY(-1px);
}

/* Texte légal */
#security_informations {
    font-size: 13px;
    color: #666;
    margin-top: 10px;
    line-height: 1.4em;
}

@media (max-width: 480px) {
    form.std {
        padding: 15px;
    }

    form.std input[type="submit"] {
        width: 100%;
    }
}


	.checkout-future-steps .card-header {
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-webkit-box-pack: justify;
		background-color: transparent;
		border: none;
		justify-content: space-between;
		letter-spacing: .5px;
		padding: 0 0 4px;
	}

	.checkout-future-steps .card-header .card-header-inactive {
		border-bottom: 1px solid #e9e9e9;
		color: #c7c8ca;
		margin-bottom: 0;
		padding-top: 40px;
		width: 100%;
		font-size:21px;
	}

	.adresses_bloc  {
		margin-bottom: 1rem;
	}

	.bloc_adresses, .adresses_bloc  {
		display: flex;
		justify-content: center;
		gap: 20px;
		flex-wrap: wrap;
	}

	.addresses label {
		display: block;
		font-weight: 600;
		font-size: 14px;
		color: #333;
	}

	.addresses select,
	.addresses textarea {
		width: 100%;
		padding: 10px 12px;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 14px;
		box-sizing: border-box;
	}

	.addresses .checkbox {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.addresses .checkbox input[type="checkbox"] {
		width: 18px;
		height: 18px;
	}

	.addresses .addressesAreEquals label,
	.addresses .addressesAreEquals input {
		cursor: pointer;
	}

	.addresses .button_large {
		display: inline-block;
		border-radius: 6px;
		background: #24256e;
		transition: background 0.2s ease, transform 0.1s ease;
	}

	.addresses .button_large:hover {
		background: #17198a;
	}

	.submit-shipping {
		border:none;
		border-radius: 6px;
		transition: background 0.2s ease, transform 0.1s ease;
	}

	.submit-shipping:hover {
		background: #f29d00;
	}

	.addresses ul.address, .adresses_bloc ul.address {
		list-style: none;
		margin: 0;
		padding: 0;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		background: #fff;
		overflow: hidden;
		height: auto !important;
	}

	.addresses ul.address > li, .adresses_bloc ul.address > li {
		padding: 7px 10px;
		font-size: 14px;
		color: #333;
	}

	.addresses ul.address > li.address_title, .adresses_bloc ul.address > li.address_title {
		border-top: none;
		background: #24256e;
		font-weight: 700;
		text-align: center;
		color: #FFF;
		margin-bottom:5px;
		padding: 15px;
	}

	.addresses ul.address > li.address_update {
		background: #fafafa;
		text-align: right;
	}

	.addresses ul.address > li.address_update a {
		display: inline-block;
		padding: 6px 10px;
		border-radius: 5px;
		text-decoration: none;
		color: #24256e;
		font-weight: 600;
		transition: background 0.2s ease;
	}

	.addresses ul.address > li.address_update a:hover {
		background: rgba(0, 123, 255, 0.1);
	}

	.addresses .address_add {
		text-align: center;
		margin-top: 14px;
	}

	.addresses #list-addresses {
		display: flex;
		justify-content: center;
		gap: 20px;
		flex-wrap: wrap;
	}

	#order #address_delivery {
	margin-left: 0px !important;
	}


	#ordermsg {
		margin-top: 18px;
		padding: 14px;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
	}

	.addresses #ordermsg .txt {
		margin: 0 0 10px 0 ;
		text-align: center ;
		width: 100% ;
	}

	#ordermsg .textarea {
		text-align: center;
	}

	.addresses #ordermsg textarea {
		max-width: 700px;
		width: 100%;
		min-height: 90px;
		resize: vertical;
	}

	.addresses p {
		margin-bottom: 1rem;
	}

	form .cart_navigation.submit {
		display:flex;
		justify-content: space-between;
	}

	@media (max-width: 480px) {
		.addresses .button_large {
			width: 100%;
			text-align: center;
			box-sizing: border-box;
		}

		.addresses ul.address > li.address_update {
			text-align: center;
		}

		.addresses ul.address {
			width:100%;
		}
	}


		.info-liv h3{
		border-bottom: solid 1px #d2d2d2!important;
		display: flex;
  		align-items: center;
		cursor:pointer;
	}

	.delivery_options_address h3 {
		padding:0!important;
	}

	.delivery_options {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
	}

	.delivery_option label {
		border: 1px solid #000;
		border-radius: 10px;
		background: #fff;
		transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 40px 14px;
		cursor: pointer;
	}

	.delivery_option label:hover {
		border-color: #ffa500;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	}

	.delivery_option_radio {
		width: 22px;
		height: 22px;
		flex: 0 0 22px;
		accent-color: #007BFF;
	}

	.delivery_option_logo {
		width: 48px;
		height: 48px;
		border-radius: 8px;
		border: 1px solid #eee;
		background: #fafafa;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 48px;
	}

	.delivery_option_logo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	/* Textes (prend toute la place au milieu) */
	.delivery_option_title,
	.delivery_option_delay {
		display: block;
	}

	.delivery_option_title {
		font-weight: 700;
		font-size: 15px;
		color: #222;
		line-height: 1.2;
	}

	.delivery_option_delay {
		font-size: 13px;
		color: #666;
		line-height: 1.35;
		margin-top: 3px;
	}

	.delivery_option label > .delivery_option_title,
	.delivery_option label > .delivery_option_delay {}

	.delivery_option label > .delivery_option_title {
		flex: 1 1 auto;
		min-width: 0;
	}

	.delivery_option label > .delivery_option_delay {
		flex: 1 1 auto;
		min-width: 0;
	}

	.delivery_option_price {
		margin-left: auto;
		font-weight: bold;
		font-size: 16px;
		color: #111;
		white-space: nowrap;
		flex: 0 0 auto;
	}

	.delivery_option_price a:hover {
		text-decoration: underline;
	}

	.delivery_option_radio:checked + label {
		background: rgba(0, 123, 255, 0.06);
	}

	.delivery_option_radio:checked {
		transform: scale(1.05);
	}

	.delivery_option label:has(.delivery_option_radio:checked) {
		border-color: #FFA500;
		background: rgba(255, 167, 0, 0.06);
	}

	.delivery_option_radio:focus-visible {
		outline: 3px solid rgba(0, 123, 255, 0.35);
		outline-offset: 2px;
		border-radius: 50%;
	}

	.hook_extracarrier {
		margin-top: 12px;
	}

	.cgv-bloc {
		text-align: center;
		margin: 40px 0px;
		font-weight: bold;
		font-size: 17px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
	}

	.cgv-bloc input  {
		width: 24px;
		height: 24px;
		cursor:pointer;
	}

	.cgv-bloc label {
		cursor:pointer;
	}

	@media (max-width: 750px) {
		.delivery_option label {
			flex-wrap: wrap;
			padding: 20px 14px;
		}
	}

	@media (max-width: 520px) {

		.delivery_option_title {
			font-size: 14px;
		}

		.delivery_option_price {
			font-size: 14px;
		}

		.cgv-bloc {
			font-size: 14px;
		}
	}

	@media (max-width: 400px) {

		.cgv-bloc {
			font-size: 12px;
		}
	}


	#devis_fenetre .btn-info {
		font-size: 13px;
		padding: 10px;
	}

	#devis_fenetre #block_gauche p {
		padding: 0px!important;
		margin: 0;
	}

	.btn-help-fenetre {
		font-size: 12px;
	}

	#devis_fenetre #block_gauche h2 {
		margin-bottom: 2px!important;
	}

	#devis_fenetre #devis_ok #bouton_panier {
		background-position-y: 5px!important;
	}

	#devis_fenetre #block_error p {
		color: #fff;
	}

	#devis_fenetre #box {
		position: fixed !important;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 999;
		width: 90%;
		max-width: 420px;
		height: auto !important;
		background: #fff;
		border-radius: 14px;
		padding: 24px;
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
		text-align: center;
		display: none;
	}

	#devis_fenetre #box img { display: none; }


	#devis_fenetre #ombre {
		display: none;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		background: rgba(0,0,0,0.4);
	}


	/* media queries */
	@media only screen and (min-width: 1800px)
	{
		#center_column, #footer #foot_haut .foot_centre { 
			max-width: 1089px;
			/* background: lightgray; */
		}

		#footer .spec_foot li{
			width: 8%;
		}
	}

	@media only screen and (max-width: 1150px)
	{
		#widget_block {
			display: none;
		}
	}

	@media only screen and (max-width: 1090px)
	{
		#footer .spec_foot {
			display: grid;
			grid-template-columns: repeat(4,1fr);
			justify-items: center;
		}
	}

	@media only screen and (max-width: 980px)
	{
		.nav-main {
			display: none;
		}

		#center_column, #footer #foot_haut .foot_centre {
			width: 87.5%;
		}

		#footer .spec_foot li{
			/*width: 8%;*/
		}

		.ajax_block_product, .inline_list li{
			width: calc(33.33% - 20px);
		}		

		.block_recap{
			margin-top: 2rem;
		}

		/* paiement 4x */
		#cb4x .etap-4x {
			grid-template-columns: auto;
			grid-gap: 30px;
		}
	}

	@media only screen and (min-width: 981px)
	{
		#pdg .big-group{
			display: flex;
			justify-content: space-between;

		}

		.top-bar-menu{
			display: none;
		}

		.nav-container{
			grid-template-columns: repeat(2, 1fr);
		}

		.navbar{
			height: 80px;
			position: static;
		}

		.topbar{
			height: 80px;
		}

		.top-bar-logo{
			text-align: left;
		}

		.top-bar-logo img{
			height: 60px;
		}

		.top-bar-link div {
			margin-left: 1.2em;
		}


		.block-foot{
			display:flex; justify-content: space-around;
		}

		.foot-local, .foot-sav{
			width:50%;
		}

		.block_info_foot .sousList {
			max-height: 100%;
			opacity: 1;
			visibility: visible;
		}

		#foot_info{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
		}

		.block_info_foot .nav-item .bi-caret-down-fill{
			visibility: hidden;
		}

		.block_info_foot .nav-item {
			border: none;
			padding-bottom: 15px;
		}


		.content-qt-add{
			display: flex;
			align-items: end;
		}

		#add_to_cart{
			width: 100%;
		}

		#cart_summary {
			display: flex;
		}

		#center_column #order-detail-content .btnMob {
			display: none;
		}

		#cart_summary > div:first-child {
			margin-right: 2rem;
			width: 70%;
		}

		#cart_summary .block_recap {
			width: 30%;
		}

		#cart_summary .last_item {
			border: none;
		}

	}

	@media only screen and (max-width: 735px)
	{
		/*#center_column {
			width: 87.5%;
		}*/

		h1{
			font-size: 35px;
		}

		.ajax_block_product, .inline_list li{
			width: calc(50% - 20px);
		}

		.filter-section ul {
			gap: 0.5rem!important;
		}

		#fonction-mot {
			flex-wrap: wrap;
		}

		#fonction-mot h2 {
			width: 100%;
			margin: 0;
		}
	}

	@media only screen and (min-width: 700px)
	{
		#sous-menu{
			max-width: 480px;
		}

		/* product */
		#product #primary_block{
			display: flex;
			flex-wrap: wrap;
		}

		#product #pb-right-column, #product #pb-left-column {
			width: 50%;
		}

		#cart_summary .cart_item {
			grid-template-columns: 150px auto auto; 
		}
		
		#cart_summary .cart_item .cart_product img{
			width: 124px;
		}
	}

	@media only screen and (max-width: 540px)
	{
		h1{
			font-size: 28px;
			margin-bottom: 16px;
		}

		#columns h2 {
			font-size: 26px;
			margin-bottom: 14px;
		}

		#columns h3 {
			margin-bottom: 10px;
		}

		.navbar .top-bar-link span {
			display: none;
		}

		#footer .spec_foot li{
			margin: 20px 3px;
		}

		#product_list .ajax_block_product .right_block .button, #product_list .ajax_block_product .right_block span.exclusive {
			font-size: 0.8rem;
			padding: 0.8rem 0.5rem;
		}
	}

	@media only screen and (max-width: 430px)
	{
		.nav-container {
			column-gap: 10px;
		}
	}


	@media only screen and (max-width: 380px)
	{
		.top-bar-link div {
			margin-left: 0.4em;
		}
	}