#pdg_enroulable_sm h1{
		color: #222;
		font-size: 40px;
		padding: 25px;
		padding-bottom: 0;
	}	

	#pdg_enroulable_sm #info_technique h2{
		background: #eee;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		color: #092995;
		margin-bottom: 15px;
		margin-top: 15px;
		padding: 15px;
		font-size: 31px;
	}

	#pdg_enroulable_sm h3{
		color: #4c4c4c;
		font-size: 19px;
		padding: 5px;
		border-bottom: solid 1px;
	}

	#pdg_enroulable_sm p{
		color: #585858;
		font-size: 15px;
		line-height: 18px;
	}

	#pdg_enroulable_sm #block_droit_ext p {
	    text-align: center;
	    color: #000;
	    margin-top: 5px;
	    font-size:12px;
	    padding: 0;
	}

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

	#pdg_enroulable_sm #nav_devis ul{
		padding: 10px;
		padding-left: 0px;
	}

	#pdg_enroulable_sm li{
		color: #585858;
		font-size: 17px;
		line-height: 18px;
		margin-bottom: 10px;
	}

	#block_contenukit img{
		border: 5px solid #eee;
		box-shadow: 0 0 4px #aaa;	
	}

	#info_technique #resume {
		margin:20px;
	}

	#info_technique #head_img {
		margin-top:20px;
	}
	#info_technique #head_img img{
		margin-left: 25px;
		border: 5px solid #eee;
		box-shadow: 0 0 4px #aaa;	
	}

	#block_contenukit {
		padding: 10px;
	}

	.left{
		float: left;
		text-align: center;
	}

	.clearLeft{
		clear: left;
	}

	#pdg_enroulable_sm #div_gauche {
	    width: 302px;
	    position: relative;
		color: #000;
	}

	#pdg_enroulable_sm #div_droit {

	    margin-left: 5px;
	}

	#pdg_enroulable_sm #div_gauche h3  {
		font-size: 1.5rem;
		border-bottom: solid 1px #d0d0d0;
		color: #092995;
		font-weight: bold;
		padding: 10px 0;
		margin-bottom: 15px;
	}

	#pdg_enroulable_sm #div_gauche #dimension input {
		border: 2px solid #d8d8d8;
		font-size: 26px;
		height: 25px;
		padding: 5px;
		text-align: center;
		width: 130px;
		margin-right: 10px;
	}

	#pdg_enroulable_sm #div_gauche #dimension .block_dim_title {
		float: left;
		width: 110px;
	}

	#pdg_enroulable_sm #div_gauche #dimension .mm {
		color: #092995;
		font-size: 17px;
		line-height: 43px;
	}

	#pdg_enroulable_sm #div_gauche #dimension h4 {
		font-size: 25px;
		font-weight: normal;
		margin-top: 4px;
		margin-left: 4px;
		line-height: 17px;
		padding: 0;
		border:none;
	}

	#pdg_enroulable_sm #div_gauche #dimension h4 span {
		font-size: 18px;
	}

	#pdg_enroulable_sm #div_gauche #dimension .block_sous_dim {
		float: left;
	}

	#pdg_enroulable_sm #pdg_interieur {
	    background: url('/voletroulant/sectionnelle/img/pdg_interieur.webp');
	    width: 640px;
	    height: 480px;
	    border: 1px solid #000;
	    position: relative;
	}


	#nav_devis li {
	    text-transform: uppercase;
	    font-size: 13px;
	    float: left;
	    overflow: hidden;
	    margin-left: 5px;
	    margin-right: 5px;
	    padding: 10px;
	    background: #ccc;
	    color: #585858;
	    border: solid 1px #CCC;
	}

	#nav_devis .etap_encours {
	    background: #fff884;
	    color: #000;
	}

	#nav_devis .etap_fini {
	    background: #4CAF50;
	    color: #FFF;
	}

	#pdg_enroulable_sm .btn_suivant {
	    background: orange;
	    cursor: pointer;
	    font-size: 18px;
	    height: 32px;
	    line-height: 32px;
	    text-align: center;
	    border-radius: 5px;
	    text-transform: uppercase;
	    padding-left: 5px;
	    padding-right: 5px;
	}

	#pdg_enroulable_sm .btn_suivant:hover{
		color: #FFF; background: #4CAF50;
	}

	#pdg_enroulable_sm #pdg_interieur #take_cote {
	    background: url('/voletroulant/img/btn_take_cote.png') no-repeat;
	    font-size: 15px;
	    height: 39px;
	    left: 450px;
	    padding-top: 18px;
	    position: absolute;
	    text-align: center;
	    top: 415px;
	    width: 185px;
	}

	#pdg_enroulable_sm #pdg_interieur #take_cote a {
	    color: #585858;
	}

	#pdg_enroulable_sm #pdg_interieur #non_dispo {
	    color: #fff;
	    font-size: 13px;
	    left: 10px;
	    padding: 0;
	    position: absolute;
	    top: 455px;
	}

	#pdg_enroulable_sm #pdg_interieur #mess_linteau{
		color: #fff;
		font-size: 15px;
		left: 92px;
		line-height: 17px;
		padding: 0;
		position: absolute;
		top: 330px;
		display: none;
	}

	#pdg_enroulable_sm #pdg_interieur #mess_linteau span{ color: #ff0; }

	/* mesure */
	#pdg_enroulable_sm #pdg_interieur #mesure_linteau{
	    margin-left: 15px;
	    margin-top: 18px;
	}

	#pdg_enroulable_sm #pdg_interieur #mesure_hauteur{
	    margin-left: 15px;
	    margin-top: 90px;
	}

	#pdg_enroulable_sm #pdg_interieur #mesure_largeur{
	    margin-left: 185px;
	    margin-top: -27px;
	}

	#pdg_enroulable_sm #pdg_interieur #mesure_ecoin_droit, #pdg_enroulable_sm #pdg_interieur #mesure_ecoin_gauche{
	    margin-left: -13px;
	    margin-top: -30px;
	}

	#pdg_enroulable_sm #pdg_interieur #mesure_linteau span, #pdg_enroulable_sm #pdg_interieur #fleche_hauteur span, #pdg_enroulable_sm #pdg_interieur #fleche_largeur span, #pdg_enroulable_sm #pdg_interieur #fleche_ecoin_droit span, #pdg_enroulable_sm #pdg_interieur #fleche_ecoin_gauche span  {
	    background-color: #f8b411;
	    border: 1px solid #000;
	    border-radius: 5px;
	    color: #000;
	    padding: 3px;
	    font-size: 20px;
	}

	/* fleche */
	#pdg_enroulable_sm #pdg_interieur #fleche_linteau{
		background:url("/voletroulant/sectionnelle/img/fleche_haut_lint.png") no-repeat;
		height: 52px;
		left: 320px;
		position: absolute;
		top: 14px;
	}

	#pdg_enroulable_sm #pdg_interieur #fleche_hauteur{
		background:url("/voletroulant/sectionnelle/img/fleche-hauteur.png") no-repeat;
		height: 235px;
	    left: 425px;
	    position: absolute;
	    top: 80px;
	}

	#pdg_enroulable_sm #pdg_interieur #fleche_largeur{
		background:url("/voletroulant/sectionnelle/img/fleche-largeur.png") no-repeat;
		height: 9px;
	    left: 99px;
	    position: absolute;
	    top: 200px;
	    width: 443px;
	}

	#pdg_enroulable_sm #pdg_interieur #fleche_ecoin_droit{
		background:url("/voletroulant/sectionnelle/img/ecoincon-droit.png") no-repeat;
		height: 9px;
	    left: 558px;
	    position: absolute;
	    top: 200px;
	    width: 200px;
	}

	#pdg_enroulable_sm #pdg_interieur #fleche_ecoin_gauche{
		background:url("/voletroulant/sectionnelle/img/ecoincon-gauche.png") no-repeat;
		height: 9px;
	    left: 30px;
	    position: absolute;
	    top: 200px;
	    width: 150px;
	}

	/* colori */
	#pdg_enroulable_sm #div_gauche #colori label{
	    border: 1px solid #b5b5b0;
	    box-shadow: 0 2px 4px #ccc;
	    display: block;
	    height: 90px;
	    width: 130px;
	    cursor: pointer;
	}

	#pdg_enroulable_sm #div_gauche #colori .block_colori{
		padding: 5px;
		float: left;
		margin-right: 8px;
		margin-left: 8px;
	}

	#pdg_enroulable_sm #div_gauche #colori .block_colori h3{
		color: #092995;
		font-size: 19px;
		font-weight: normal;
		text-align: center;
		padding-bottom: 10px;
		border:none;
	}

	#pdg_enroulable_sm #div_gauche #colori .block_colori p{
		text-align: center;
	}

	#pdg_enroulable_sm #pdg_exterieur{
		background: url('/voletroulant/sectionnelle/img/mur1.jpg');
		width: 330px;
		padding: 50px;
		padding-bottom: 0px;
		
	}

	.pann50{ 
		height: 6px; 	
		border-bottom: solid 1px #DDD;
	}

	.caisson30{ 
		height: 30px; 	
		border-bottom: solid 1px #DDD;
	}

	.coul10{ 
		width: 10px;
		border-left: solid 1px #ccc;
  		border-right: solid 1px #ccc;
	}

	.hublame{
		background:url('/voletroulant/enroulable/img/hub-lame.png') ;
		background-position: center bottom;
	}

	#pdg_enroulable_sm #pdg_exterieur #dessinPdg{
		position: relative;
		margin:0 auto; 	
		border-bottom:solid 1px #999;
		background-position: center top;
		background-color: #FFF;
		overflow: hidden;
	}
	#pdg_enroulable_sm #div_gauche .block_type_hublot{
		float: left;
		text-align: center;
		width: 248px;		
	}

	.borderGarage {
		border-left:solid 6px #DDD; 
		border-right:solid 6px #DDD; 
		border-top:solid 6px #DDD; 
	}

	#dessinTablier {
		width: 100%;
	}

	#pdg_enroulable_sm #div_gauche .block_type_hublot h3{
		color: #092995;
		font-size: 17px;
		font-weight: normal;
		text-align: center;
		padding-bottom: 10px;
		border:none;
	}

	#pdg_enroulable_sm #div_gauche .block_type_hublot img{
		border: solid 1px #AAA;
		border-radius: 50px;
	}

	#pdg_enroulable_sm #div_gauche .block_type_hublot label{
		cursor: pointer;
	}

	/* Accessoire */
	#pdg_enroulable_sm #div_gauche #option p{
		color: #000;
	    font-size: 14px;
	    padding: 0;
	    text-align: center;
	    padding-bottom: 5px;
	    line-height: 17px;
	}

	#pdg_enroulable_sm .div_accessoire, #pdg_enroulable_sm .div_accessoire_vide {
		background: #fff; 
		border-radius: 5px; 
		margin-bottom: 10px; 
		padding: 5px; 
		cursor:pointer; 
		border: 1px solid #ccc; 
		float:left;
		margin-left:9px;
		height: 145px;
		position: relative;
	}

	#pdg_enroulable_sm #div_gauche #option .div_accessoire .prix_accessoire, #pdg_enroulable_sm .div_accessoire_vide .prix_accessoire {
		border-radius: 5px 0 0;
		color: #000;
		font-size: 20px;
		left: 74px;
		padding: 10px 3px 6px;
		position: absolute;
		text-align: center;
		top: 119px;
		width: 50px;
	}

	#pdg_enroulable_sm #div_gauche #option .div_accessoire .promo_accessoire, #pdg_enroulable_sm .div_accessoire_vide .promo_accessoire {
		background: #ff0000;
		border-radius: 0 0 5px;
		color: #fff;
		font-size: 12px;
		left: 6px;
		padding: 4px 2px;
		position: absolute;
		text-align: center;
		top: 25px;
	}

	#pdg_enroulable_sm #div_gauche #option .div_accessoire .promo_accessoire2, #pdg_enroulable_sm .div_accessoire_vide .promo_accessoire2 {
		background: red;
	    color: #fff;
	    font-size: 18px;
	    padding: 6px 3px;
	    text-align: center;
	}

	#pdg_enroulable_sm #div_gauche #option .accessoireCheck {
		background: #73B143;
		border: 1px solid #508C1E;
	}

	#pdg_enroulable_sm #div_gauche #option .accessoireCheck h3 {
		color: #FFF;
	}


	#pdg_enroulable_sm #div_gauche #option .div_accessoire_vide  .stock_vide{
		color: #FF0000;
		position: absolute;
		top: 74px;
		left: 14px;
		font-size: 17px;
	}

	#pdg_enroulable_sm #div_valid {
		margin: 30px;
	}

	#pdg_enroulable_sm input[type="submit"] {
	    background-color: #44AF42;
	    border: 1px solid #0F7A0D;
	    border-radius: 5px;
	    box-shadow: 1px 1px 1px #73B143;
	    color: #FFF;
	    cursor: pointer;
	    font-size: 21px;
	    padding: 15px;
	    text-align: center;
		text-transform: uppercase;
	}

	#pdg_enroulable_sm input[type=submit]:hover {
		background-color:#FFF;
		color: #44AF42;
	}

	#box_resume {
	    font-family: arial;
	    background: #eee;
	    border: 1px solid #aaa;
	    border-radius: 5px;
	    left: 0;
	    right: 0;
	    margin-top: 100px;
	    margin-right: auto;
	    margin-left: auto;
	    padding: 10px;
	    position: fixed;
	    top: 0;
	    width: 800px;
	    z-index: 500;
	}

	#box_resume h2 {
	    font-size: 25px;
	    color: #FFF;
	    background: #0f1c5d;
	    text-align: center;
	    padding: 20px;
	    margin-bottom: 15px;
	}

	#box_resume h3 {
	    background: #0e1e65;
	    color: #FFF;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    text-align: center;
	    margin-bottom: 10px;
	    border-bottom: solid 1px #fff;
	    border-radius: 5px 5px 0px 0px;
	}

	#box_resume h4 {
		margin: 0;
		margin-bottom: 0px;
		margin-bottom: 5px;
		padding: 0;
		text-transform: uppercase;
		padding: 2px;
	}

	#box_resume .block_img_resume {
	    padding: 10px;
	    background: #FFF;
	    border: solid 1px #CCC;
	    width: 345px;
	    text-align: center;
	}

	#box_resume #resume_volet {
	    float: left;
	    height: 308px;
	    border: 1px solid #CCC;
	    background: #FFF;
	    width: 390px;
	    padding: 10px;
	}

	#box_resume #volet_prix {
	    text-align: center;
	    width: 200px;
	    background: #FF0;
	    margin-bottom: 10px;
	    font-weight: bold;
	    padding: 15px;
	    color: #000;
	    border: solid 1px #CCC;
	    font-size: 32px;
	    float: left;
	    line-height: 40px;
	    margin-left: 50px;
	    font-family: "arial";
	}

	#box_resume #descripporte {
	    font-size: 15px;
		line-height: 20px;
	}

	#box_resume #acces_panier {
	    margin: 0px 5px 0px 40px;
	    padding: 0px 10px 0px 10px;
	    background: #349206 url('/voletroulant/img/panier_acc2.png') no-repeat scroll center top;
	    line-height: 36px;
	    height: 70px;
	    border-radius: 5px;
	    cursor: pointer;
	    text-align: center;
	}

	#box_resume #acces_panier a {
	    font-weight: bold;
		color: #FFF;
		display: block;
		height: 70px;
		font-size: 16px;
		text-decoration: none;
	}

	#box_resume #acces_panier:hover{
		background-color:#FFF; 
		background-position: center bottom;
	}

	#box_resume #acces_panier a:hover {
	    color: #349206;
	    text-decoration: none;
	}

	#box_resume #add_newvolet {
	    margin: 0px 5px 0px 5px;
	    padding: 0px 10px 0px 10px;
	    background: #01a6eb url('/voletroulant/img/pdg_add.png') no-repeat scroll center top;
	    line-height: 36px;
	    height: 70px;
	    border-radius: 5px;
	    cursor: pointer;
	    text-align: center;
	}

	#box_resume #add_newvolet a {
	    font-weight: bold;
		color: #FFF;
		display: block;
		height: 70px;
		font-size: 16px;
		text-decoration: none;
	}

	#box_resume #add_newvolet:hover{
		background-color:#FFF; 
		background-position: center bottom;
	}

	#box_resume #add_newvolet a:hover {
	    color: #01a6eb;
	    text-decoration: none;
	}


	#pdg_enroulable_sm #btn_info{
		background:#333; padding:10px; text-align:center; border-radius:3px; margin-right:15px; cursor:pointer; float: left;
	}

	#pdg_enroulable_sm #btn_notice{
		background:#333; padding:10px; text-align:center; border-radius:3px; margin-right:15px; cursor:pointer; float: left;
	}

	#pdg_enroulable_sm #btn_notice a, #pdg_enroulable_sm #btn_info a{
		font-size:17px; color:#FFF; padding:0;
	}

	#pdg_enroulable_sm #info_prix{
		float:left; background:#CA2046; padding:10px; text-align:center; width:150px; border-radius:5px;
	}

	#configurateur {
		padding: 20px 0px;
		margin-top: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	#pdg_enroulable_sm #entete{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 100%;
		height: 96px; margin-top: 0;
	}

	#pdg_enroulable_sm #entete h2 {
		font-size: 31px;
	}

	#pdg_enroulable_sm #hublot #hub_offert{
		width:190px; margin-left:22px; 
		background:#CA2020; color:#FFF; padding:10px; font-size:21px; text-transform: uppercase;
	}

	html, body {
		scroll-behavior: smooth;
	}

	#div_gauche h4 {
		padding-bottom: 5px;
	}

	#img_resume_ext img {
		border: solid 1px #ddd;
		max-width: 300px;
	}

	.type-coffre {
		display:flex; text-align: center; justify-content: space-around;
	}

	.type-pose {
		display:flex; justify-content: space-around; text-align: center;
	}

	.type-pose img {
		border: solid 1px #aaa;
	}

	.not-allowed {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.type-pose .not-allowed img, .type-coffre .not-allowed img {
		cursor: not-allowed;
	}

	.type-pose img, .type-coffre img { 
		cursor: pointer;
		border: solid 1px #aaa;
	}

	.hero {
		display:flex;
		justify-content: center;
		gap:60px;
		color:#222;
	}

	.hero .visuel img {
		border-radius: 10px;
	}
	.hero .infos .prix {
		padding: 20px;
		background: red;
		font-size:31px;
		font-weight:bold;
		display:inline-block;
		color:#fff;
	}

	.infos .cta {
		background-color: #092995;
		color: #fff;
		border-radius: 5px;
		padding: 15px;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 10px;
		text-decoration: none;
	}

	.infos .cta:hover {
		background-color:orange;
	}

	.infos ul {
		margin:20px 0;
	}

	.infos a {
		font-size:15px; 
		color:black; 
		text-decoration: underline;
	}

	.infos a:hover {
		text-decoration: none;
	}

	.title-block p {
		padding-left:25px;
	}

	.promo-stick {
		font-size: 21px;
		padding: 10px;
		position: absolute;
		color: white;
		background: red;
		border-radius: 0px 0px 20px 0px;
	}

	.old-price {
		text-decoration: line-through; font-size:22px; padding:10px 0px;
	}