#pdg_sectionnelle_SM h1{
		font-size:41px; 
		color:#000; 
		padding:0; 
		margin:0; 
		padding: 20px; 
		text-align: center;
	}

	#pdg_sectionnelle_SM .mess_info{
		background: #6b6b6b;
		color: #FFF;
		font-size: 18px;
		padding: 10px;
		border-top:solid 1px #CCC;
		border-bottom:solid 1px #CCC;
		text-align:center;
		margin-bottom: 10px;
		display: none;
	}

	#pdg_sectionnelle_SM .mess_info p{
		font-size:16px;
		padding:0;
		color: inherit;
	}

	#pdg_sectionnelle_SM .price-info{
		color:#000; font-size:15px; padding:5px 0;
	}

	#pdg_sectionnelle_SM .block-mea {
		display: flex; justify-content: space-around; margin:10px 0;
	}

	#pdg_sectionnelle_SM .block-mea div {
		display: flex; 
		align-items: center; 
		background: #eee; 
		padding: 5px; 
		font-weight: bold; 
		font-size: 13px; 
		padding-right: 15px; 
		color:#000;
	}

	#pdg_sectionnelle_SM #menu_sectionnelle {
		margin-left: 40px;
		display: flex;
		align-items: center;
	}

	#pdg_sectionnelle_SM #menu_sectionnelle #info_prix {
	    float: left;
	    background: #CA2046;
	    padding: 10px;
	    text-align: center;
	    width: 130px;
	    border-radius: 5px;
	    margin-left: 20px;
	}

	#pdg_sectionnelle_SM #menu_sectionnelle .btn_menu_sec{
		padding: 10px;
		text-align: center;	
		text-transform: uppercase;
		background: #EEE;
		border: solid 1px #ccc;
		width: 155px;
		margin: 4px;
		font-size: 18px;
	}

	#pdg_sectionnelle_SM #menu_sectionnelle .btn_menu_sec a{	
	    color: #888;
		cursor: pointer;
	}

	#pdg_sectionnelle_SM #menu_sectionnelle .btn_menu_sec:hover{
		background: #0e1e65;
	}
	#pdg_sectionnelle_SM #menu_sectionnelle .btn_menu_sec:hover a{
		color:#fff;
	}

	#pdg_sectionnelle_SM #menu_sectionnelle #btnsm {
	    background: #F90;
	    margin-left: 5px;
	}

	#pdg_sectionnelle_SM #menu_sectionnelle #btnsm a{
		color: #FFF;
	}

	#btn-edit-motif{
		float:left; 
		background:#24256e; 
		color:#FFF; 
		padding:10px; 
		border:solid 1px #CCC; 
		text-align:center;
		cursor: pointer;
		border-radius: 3px;
	}

	#btn-edit-motif:hover{
		background:#FFF; 
		color:#484848; 
	}

	#btn-edit-hublot
	{
		float:left; 
		background:#24256e; 
		color:#FFF; 
		padding:10px; 
		border:solid 1px #CCC; 
		text-align:center;
		cursor: pointer;
		border-radius: 3px;
		font-size: 18px;
	}

	#btn-edit-hublot:hover{
		background:#FFF; 
		color:#484848; 
	}

	#pdg_sectionnelle_SM .entete{
		/*background:url('/voletroulant/img/sm_bg.jpg') no-repeat left bottom, 
		url('/voletroulant/img/ral_bg.png') no-repeat right bottom; */
		background: #EEE;
		height: 70px;
		border-bottom: solid 1px #CCC;
		border-top: solid 1px #CCC;
		margin-bottom: 10px;
		padding-left: 10px;
	}

	#pdg_sectionnelle_SM .entete h2{
		color: #0e1e65;
		font-size: 31px;
		line-height: 37px;
		padding-bottom: 0px;
		padding-top: 10px;
	}

	
	#pdg_sectionnelle_SM .entete p{
		color: #585858;
		font-size: 17px;
		padding-bottom: 0;
	}

	#pdg_sectionnelle_SM #messWarnHub{
		text-align: center;
		color: #ff0000; 
	}

	#nav_devis_sectio{	height: 35px; margin:10px auto; display: flex; justify-content: center;}
	#nav_devis_sectio li{
		font-size:13px;
		overflow: hidden;
		margin-left: 5px;
		margin-right: 5px;
		padding: 10px;
		background: #EEE;
		color: #585858;
		border:solid 1px #CCC;
	}

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

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

	#nav_devis_sectio .etap_indispo {
	    background: #6b6b6b;
    	color: #FFF;
	}

	#pdg_sectionnelle_SM #sec_std img{
		border: 4px solid #eee;
		box-shadow: 0 0 5px #aaa;
		width: 150px;
	}

	#pdg_sectionnelle_SM #sec_std .block_sec{
		float: left;
		position: relative;
		margin-left: 65px;
	}

	#pdg_sectionnelle_SM #sec_std .ajout_panier{
		background: rgba(0, 0, 0, 0) url("/voletroulant/img/bg-red.jpg") repeat scroll 0 0;
		border-radius: 3px;
		box-shadow: 0 0 1px #000;
		color: #fff;
		cursor: pointer;
		font-size: 17px;
		margin: 5px auto 0;
		padding: 8px;
		text-align: center;
	}

	#pdg_sectionnelle_SM #sec_std .ajout_panier:hover{
		color: #ff0;
	}

	#pdg_sectionnelle_SM #sec_std .prixStd{
		background: #ff0 none repeat scroll 0 0;
		border-radius: 3px;
		box-shadow: 0 0 1px #000;
		color: #000;
		font-size: 24px;
		left: 125px;
		padding: 10px;
		position: absolute;
		text-align: center;
		top: 0;
	}

	#pdg_sectionnelle_SM #sec_std #info p{
		color: #585858;
		font-size: 17px;
		padding-bottom: 0;
		text-align: right;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-right: 10px;
	}

	#decor_alu{
		position: absolute;
		top: 0px;
		right: 0px;
	}

	/******
		block gauche formulaire
	*******/
	/* general */
	#pdg_sectionnelle_SM #div_gauche{
		/*background:url('/voletroulant/img/bg_degrad_gris.jpg') repeat;*/
		background: #EEE;
		border: 1px solid #a5a5a5;
		float: left;
		/*height: 480px;*/
		margin-left: 5px;
		width: 322px;
		position: relative;
	}

	#pdg_sectionnelle_SM #div_gauche h2{
		background: #24256e;
		color: #fff;
		font-size: 18px;
		padding: 10px;
		margin-bottom: 15px;
	}

	#pdg_sectionnelle_SM #div_gauche .btn_suivant{
		background:#ffd711;
		box-shadow: 0 0 2px #888;
	    color: #4c4c4c;
	    cursor: pointer;
	    font-size: 24px;
	    line-height: 32px;
	    text-align: center;
	    width: 130px;
    	margin-top: 25px;
    	float: left;
	}

	#pdg_sectionnelle_SM .space_buton{
		float:left; width:340px; height:70px;
	}

	#pdg_sectionnelle_SM #div_gauche .btn_suivant:hover{
		color: #FF0000;
	}


	/* dimension */
	#pdg_sectionnelle_SM #div_gauche #dimension{
		background:url('/voletroulant/img/bg_metre.webp') no-repeat left bottom;
		height: 460px;
		width: 302px;
		padding: 10px;
	}

	#pdg_sectionnelle_SM #div_gauche #dimension .block_dim{
		margin-bottom: 10px;
	}

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

	#pdg_sectionnelle_SM #div_gauche #dimension .block_sous_dim p{
		color: #393939;
	    font-size: 12px;
	    padding: 0;
	    text-align: center;
	    width: 143px;
	}

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

	#pdg_sectionnelle_SM #div_gauche #dimension h3{
		color: #24256e;
		font-size: 20px;
		font-weight: 600;
		margin-top: 4px;
		margin-left:10px;
		line-height: 17px;
	}

	#pdg_sectionnelle_SM #div_gauche #dimension h3 span{
		color: #24256e;
		font-size: 18px;
		font-weight: 400;
	}

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

	#pdg_sectionnelle_SM #div_gauche #dimension .mm{
		color: #24256e;
		font-size: 17px;
	    line-height: 43px;
	}


	/* motif */
	#pdg_sectionnelle_SM #div_gauche #motif{
		background:url('/voletroulant/img/panneau.png') no-repeat left bottom;
		padding: 10px;
	}
	#pdg_sectionnelle_SM #div_gauche #motif #coche_motif{
		position: absolute; z-index: 30; left: 40px; top: 170px;
	}

	#pdg_sectionnelle_SM #div_gauche #motif h3{
		color: #24256e;
		font-size: 25px;
		font-weight: normal;
		text-align: center;
		padding-bottom: 10px;
	}

	#pdg_sectionnelle_SM #div_gauche #motif img{
		/* z-index: 20; */
		position: relative;
		cursor: pointer;
	}

	#mess_cassette_impossible{
		display: none;
		background: #444;
		color: #eee;
		font-size: 16px;
		line-height: 20px;
		padding: 10px;
		border-radius: 3px;
		margin-bottom: 10px;
	}

	#pdg_sectionnelle_SM #div_gauche #motif .block_motif{
		float: left;
		margin-left: 20px;
		text-align: center;
	}

	/* colori */
	#pdg_sectionnelle_SM #div_gauche #colori{
		background:url('/voletroulant/img/bg_nuancier_ral.png') no-repeat left bottom;
		padding: 10px;
	}

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

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

	#pdg_sectionnelle_SM #div_gauche #colori .block_colori h3{
		color: #24256e;
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		padding-bottom: 10px;
	}

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

	#pdg_sectionnelle_SM #div_gauche #colori #nuancier_ral{
		background:url('/voletroulant/sectionnelle/img/ral.jpg') center;
		color: #FFF;
	    font-weight: bold;
	    text-align: center;
		text-shadow: 0 0 5px #000;
		height: 90px;
	}

	#pdg_sectionnelle_SM #div_gauche #colori #info_ral{
		color: #000;
		font-size: 12px;
		padding: 0;
		line-height: 1.2;
	}

	#pdg_sectionnelle_SM #box_color{
		background: #fff;
		border: 1px solid #555;
		height: 400px;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		/* left: 186px; */
		overflow: auto;
		/* position: absolute; */
		/* top: 113px; */
		width: 629px;
		display:none;
		z-index:120;
		-webkit-overflow-scrolling: touch
	}


	#pdg_sectionnelle_SM #box_color div{
		border: 1px solid #000; 
		color: #FFF;
	    cursor: pointer;
	    float: left;
	    font-weight: bold;
	    height: 70px;
	    padding-top: 10px;
	    text-align: center;
	    width: 100px;
		text-shadow: 0 0 5px #000;
	}

	/* hublots */
	#pdg_sectionnelle_SM #div_gauche #hublot{
		background:url('/voletroulant/sectionnelle/img/hublot/bg_hublot.png') no-repeat left bottom;
		padding: 10px;
	}

	#pdg_sectionnelle_SM #div_gauche #hublot h3{
		color: #24256e;
		font-size: 25px;
		font-weight: normal;
		padding-bottom: 10px;
		margin-top: 10px;
		text-decoration: underline;
	}

	#pdg_sectionnelle_SM #div_gauche #hublot h4{
		color: #24256e;
		font-weight: normal;
		text-align: center;
		padding-bottom: 5px;
	}

	#pdg_sectionnelle_SM #div_gauche #decor img{
		cursor: pointer;
	}

	#pdg_sectionnelle_SM #div_gauche #hublot img{
		cursor: pointer;
	}

	#pdg_sectionnelle_SM #div_gauche #hublot .block_type_hublot{
		float:left; margin-right:5px; padding:5px; text-align:center;
	}

	#pdg_sectionnelle_SM #div_gauche #hublot select{
		font-size:20px;
	}

	#pdg_sectionnelle_SM .hublot_dessin_rect{
		background: #d4dee5;
    	border: solid 4px #7e7b72;
		height: 25px;
   		margin-left: 10px;
   		margin-right: 10px;
   		margin-top: 7px;
	}

	#pdg_sectionnelle_SM .hublot_horizon {
		float: left;
		height: 50px;
	}

	#pdg_sectionnelle_SM .decor_horizon {
		float: left;
		height: 50px;
	}

	/* portillon */
	#pdg_sectionnelle_SM #portillon_dessin{
		background: url('/voletroulant/sectionnelle/img/portillon/pgn-portillon.png');
		border: solid 3px #FFF;
		position: absolute;
		left: 10px;
		top: 10px;
		height: 180px;
		width: 90px;
		display: none;
		/*transform:scaleX(-1);*/
	}

	#pdg_sectionnelle_SM #div_gauche #portillon{
		padding: 10px;
	}

	#pdg_sectionnelle_SM #div_gauche #portillon h3{
		color: #24256e;
		font-size: 25px;
		font-weight: normal;
		padding-bottom: 10px;
		margin-top: 10px;
		text-decoration: underline;
	}

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

	#pdg_sectionnelle_SM #div_gauche #portillon img{
		cursor: pointer;
	}

	#pdg_sectionnelle_SM #div_gauche #portillon select{
		font-size:20px;
	}

	#pdg_sectionnelle_SM #div_gauche #portillon .block_portillon{
		float:left; 
		margin-right:20px; 
		padding:5px; 
		text-align:center; 
	}

	/* decor inox */
	#pdg_sectionnelle_SM #div_gauche #decor{
		padding: 10px;
	}

	#pdg_sectionnelle_SM .block_type_decor{
		float:left; 
		margin-right:5px; 
		padding:5px; 
		text-align:center;
		padding-top: 0;
		padding-bottom: 0;
	}

	#pdg_sectionnelle_SM #div_gauche #decor h4{
		color: #24256e;
		font-weight: normal;
		text-align: center;
		padding-bottom: 5px;
		font-size: 18px;
	}

	/* Accessoire */
	#pdg_sectionnelle_SM #div_gauche #option{
		padding: 10px;
	}

	#pdg_sectionnelle_SM #div_gauche #option h3{
		color: #555;
		font-size: 16px;
		padding-bottom: 5px;
		border-bottom:dashed 1px;
		margin-bottom: 5px;
		margin-top: 10px;
	}

	#pdg_sectionnelle_SM #div_gauche #option .div_accessoire h3, #pdg_sectionnelle_SM #div_gauche #option .div_accessoire_BAL h3, #pdg_sectionnelle_SM #div_gauche #option .div_accessoire_GV h3{
		color: #333;
		font-size: 16px;
		font-weight: normal;
		padding-bottom: 5px;
		margin: 0;
		margin-left: 5px;
		margin-bottom: 5px;
		text-align: center;
		border-bottom: solid 1px;
	}

	#pdg_sectionnelle_SM #div_gauche #option img{
		border:solid 1px #ccc;
	}

	#pdg_sectionnelle_SM #div_gauche #option p{
		color: #333;
	    font-size: 14px;
	    padding: 0;
	    padding-bottom: 5px;
		line-height: 1.2;
	}

	#pdg_sectionnelle_SM #div_pos_grille {
		background: #f5f5f5;
		color: #555;
		padding: 10px;
		width: 170px;
		margin-bottom: 20px;
		margin-left: 130px;
		border-radius: 5px;
		border: 1px solid #ccc;
	}

	#pdg_sectionnelle_SM #div_pos_hublot {
		background: #f5f5f5;
		color: #555;
		padding: 10px;
		margin-bottom: 20px;
		border-radius: 5px;
		border: 1px solid #ccc;
	}

	#pdg_sectionnelle_SM #div_pos_decor {
		background: #f5f5f5;
		color: #555;
		padding: 10px;
		margin-bottom: 20px;
		border-radius: 5px;
		border: 1px solid #ccc;
		width: 180px;
		float: left;
	}

	#pdg_sectionnelle_SM #div_pos_decor p { padding:0; }

	.hublot_rect_large_h {
		background: #D2DCE5;
		width: 95px;
		height: 27px;
		margin: 0 auto;
		margin-top: 8px;
		border: solid 4px;
	}

	.hublot_rect_pvc_h {
		background: #D2DCE5;
		width: 48px;
		height: 27px;
		margin: 0 auto;
		margin-top: 8px;
		border: solid 3px;
	}

	.hublot_rect_pvc_v {
		background: #D2DCE5;
		width: 48px;
		height: 27px;
		margin-top: 8px;
		border: solid 3px;
		position: absolute;
	}

	#pdg_sectionnelle_SM #div_pos_hublot p { padding-bottom: 0px; }

	#pdg_sectionnelle_SM #option #div_pos_grille p{ padding: 0; }

	#pdg_sectionnelle_SM #div_pos_bal {
		background: #f5f5f5;
		color: #555;
		padding: 5px;
		width: 215px;
		height: 60px;
		float: left;
		border-radius: 5px;
		border: 1px solid #ccc;
		margin-left: 5px;
	}

	#pdg_sectionnelle_SM #option #accessoire_BAL p{ 
		margin-left: 5px; 
		margin-bottom: 0;
	}

	#pdg_sectionnelle_SM #option h4
	{
		color: #333;
		font-size: 16px;
		font-weight: normal;
		padding-bottom: 5px;
		margin-top: 10px;
		margin-bottom: 5px;
		text-align: center;
		border-bottom: solid 1px;
	}

	#pdg_sectionnelle_SM #div_pos_grille p { padding: 0;}

	#pdg_sectionnelle_SM .div_accessoire, #pdg_sectionnelle_SM .div_accessoire_BAL, #pdg_sectionnelle_SM .div_accessoire_GV {
		background: #f5f5f5; 
		border-radius: 5px; 
		margin-bottom: 10px; 
		padding: 5px; 
		cursor:pointer; 
		border: 1px solid #ccc; 
		float:left;
		margin-left:9px;
		height: 145px;
		position: relative;
		margin-bottom: 25px;
	}

	#pdg_sectionnelle_SM .div_accessoire .block_droit_info, #pdg_sectionnelle_SM .div_accessoire_BAL .block_droit_info,
	#pdg_sectionnelle_SM .div_accessoire_GV .block_droit_info {
		float: left;
		width: 155px;
	}

	#pdg_sectionnelle_SM #div_gauche #option .div_accessoire .prix_accessoire, #pdg_sectionnelle_SM .div_accessoire_vide .prix_accessoire {
		border-radius: 5px 0 0;
		color: #FF0000;
		font-size: 22px;
		padding: 6px;
		text-align: center;
	}

	#pdg_sectionnelle_SM #div_gauche #option .div_accessoire .promo_accessoire, #pdg_sectionnelle_SM .div_accessoire_vide .promo_accessoire {
		background: #ff0000;
		color: #fff;
		font-size: 15px;
		padding-top:2px;
		padding-bottom:2px;
		text-align: center;
		width: 100%;

	}

	#pdg_sectionnelle_SM #div_gauche #option .div_accessoire .promo_accessoire2, #pdg_sectionnelle_SM .div_accessoire_vide .promo_accessoire2 {
	    border-radius: 0 5px 0 0;
	    color: #000;
	    font-size: 17px;
	    text-align: center;
	    padding: 6px;    
	}

	#pdg_sectionnelle_SM #div_gauche #option .accessoireCheck, #pdg_sectionnelle_SM #div_gauche #option .BAL_check, #pdg_sectionnelle_SM #div_gauche #option .gv_check  {
		background: #73B143;
		border: 1px solid #508C1E;
	}

	#pdg_sectionnelle_SM #div_gauche #option .accessoireCheck h3,
	#pdg_sectionnelle_SM #div_gauche #option .BAL_check h3,
	#pdg_sectionnelle_SM #div_gauche #option .gv_check h3,
	#pdg_sectionnelle_SM #div_gauche #option .BAL_check p
	{ color: #FFF; }


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

	/******
		block droit image
	*******/
	#pdg_sectionnelle_SM #div_droit{
		float: left;
		margin-left: 5px;
	}

	#pdg_sectionnelle_SM #block_droit_ext{ margin-left: 20px; }

	#pdg_sectionnelle_SM #block_droit_ext p{
		text-align: center;
		color: #AAA; 
		margin-top: 5px;
	}

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

	.pann50{ 
		height: 50px; 
		position: relative;
	}

	.pannDecor{ 
		height: 50px; 
	}

	#pannBas, #pannDeux, #pannTrois{ 
		height: 50px; 
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		background-repeat: no-repeat;
	}

	#pdg_sectionnelle_SM #pdg_exterieur #dessinPdg{
		position: relative;
		margin:0 auto; 
		border-left:solid 6px #EEE; 
		border-right:solid 6px #EEE; 
		border-top:solid 6px #EEE; 
		border-bottom:solid 1px #999;
		/*background-position: center top;*/
		background-color: #FFF;
		background-image: url('/voletroulant/sectionnelle/img/motif/modele-Lisse.png');
		/*background: url('/voletroulant/sectionnelle/img/modele-Lisse.png'), url('/voletroulant/sectionnelle/img/decor-3.png') right top 3px no-repeat #FFF ;*/
	}

	#pdg_sectionnelle_SM #pdg_exterieur #house{
		width: 640px; 
		height: 480px;
		position: relative;
	}

	#pdg_sectionnelle_SM #pdg_exterieur #motif_decor{
		background: url('/voletroulant/sectionnelle/img/motif_Lisse.png');
		height: 180px;
	}

	#pdg_sectionnelle_SM #pdg_exterieur #bg_hublot{
		height: 180px; 
		background-repeat: repeat-x;
	}

	#pdg_sectionnelle_SM #pdg_exterieur #porte_color{
		height: 180px; 
		position: absolute; 
		top: 139px; 
		width: 204px; 
		background:#FFF;
	}

	/* interieur */
	#pdg_sectionnelle_SM #pdg_interieur{
		background: url('/voletroulant/sectionnelle/img/pdg_interieur.webp');
		width: 640px; height: 480px;
		border: 1px solid #000;
		position: relative;
	}
	
	/* mesure */
		#pdg_sectionnelle_SM #pdg_interieur #mesure_linteau{
		    margin-left: 15px;
		    margin-top: 18px;
		}

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

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

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

		#pdg_sectionnelle_SM #pdg_interieur #mesure_linteau span, #pdg_sectionnelle_SM #pdg_interieur #fleche_hauteur span, #pdg_sectionnelle_SM #pdg_interieur #fleche_largeur span, #pdg_sectionnelle_SM #pdg_interieur #fleche_ecoin_droit span, #pdg_sectionnelle_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_sectionnelle_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_sectionnelle_SM #pdg_interieur #fleche_hauteur{
			background:url("/voletroulant/sectionnelle/img/fleche-hauteur.png") no-repeat;
			height: 235px;
		    left: 425px;
		    position: absolute;
		    top: 80px;
		}

		#pdg_sectionnelle_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_sectionnelle_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_sectionnelle_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;
		}

	/* message contact si pas dimension*/
	#pdg_sectionnelle_SM #pdg_interieur #non_dispo{
		color: #fff;
		font-size: 12px;
		left: 10px;
		padding: 0;
		position: absolute;
		top: 455px;
	}

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

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

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

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

	#pdg_sectionnelle_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: 23px;
		padding: 10px;
		text-align: center;
		font-weight: 600;
	}

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

	#pdg_sectionnelle_SM .livraison_offerte {
		position: absolute;
		top: 5px;
		left: 564px;
	}

	.stylePrix {
		background: #00a319;
		color: #fff;
		font-size: 23px;
		border-radius: 5px;
		text-align: center;
		position: absolute;
		top: 50px;
		left: 150px;
		/* z-index: 700; */
		padding: 7px;
		padding-bottom: 3px;
		line-height: 20px;
	}

	.stylePrix span{
		margin-left: 2px;
		font-size: 16px;
	}

	.styleAncienPrix{
		text-decoration: line-through;
		background: #555;
		color: #fff;
		font-size: 18px;
		border-radius: 5px;
		text-align: center;
		position: absolute;
		top: 50px;
		left: 100px;
		z-index: 90;
		padding: 7px;
		padding-bottom: 3px;
		line-height: 20px;
	}

	.styleAncienPrix span{
		margin-left: 2px;
		font-size: 16px;
	}

	.stylePrixPourct{
		background: #ff0000;
		color: #fff;
		font-size: 18px;
		border-radius: 5px;
		text-align: center;
		position: absolute;
		top: 50px;
		left: 40px;
		z-index: 700;
		padding: 7px;
		padding-bottom: 3px;
		line-height: 20px;
	}

	#pdg_sectionnelle_SM #info_technique{
		margin-top: 20px;
	}

	#pdg_sectionnelle_SM #info_technique #presentation img{
		border: 2px solid #eee;
		box-shadow: 0 0 2px #aaa;
		margin-left: 15px;
		margin-bottom: 10px;
	}

	#pdg_sectionnelle_SM #info_technique #presentation p{
		margin-left: 22px;
	}

	#pdg_sectionnelle_SM #info_technique #info img{
		border: 10px solid #eee;
		box-shadow: 0 0 5px #aaa;
		margin-left: 18px;
	}

	#pdg_sectionnelle_SM #info_technique h2{
		color: #000;
		margin:2rem 0;
		padding: 15px;
		font-size: 2.15rem;
		text-align: center;
	}

	#pdg_sectionnelle_SM #info_technique h2:after {
		background-color: #ffd711;
		content: "";
		display: block;
		height: 0.25rem;
		width: 6rem;
		margin-top: 1.5rem;
		margin-left: auto;
		margin-right: auto;
	}

	#pdg_sectionnelle_SM #info_technique p{
		color: #000;
		font-size: 15px;
		line-height: 1.4;
	}

	#pdg_sectionnelle_SM #info_technique h3{
		color: #000;
		font-size: 1.5rem;
		padding-left: 20px;
	}

	#pdg_sectionnelle_SM #info_technique #info{
		padding: 10px;
	}

	#pdg_sectionnelle_SM #info_technique #info img{
		margin-bottom: 2rem;
	}

	#pdg_sectionnelle_SM #info_technique #noticepdg ul{
		padding: 10px;
		padding-left: 40px;
		list-style: none;
	}

	#pdg_sectionnelle_SM #info_technique #noticepdg li{
		font-size: 17px;
		line-height: 1.6;
		margin-bottom: 10px;
	}

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

	#pdg_sectionnelle_SM #info_technique #info li{
		color: #000;
		font-size: 17px;
		line-height: 1.6;
		margin-bottom: 10px;
	}

	#box_resume{
		font-family: arial;
		background: #eee; 
		border: 1px solid #aaa; 
		border-radius: 5px; 
		left: 0; 
		right:0; 
		top:0; 
		margin-top:100px; 
		margin-right:auto; 
		margin-left:auto; 
		padding: 10px; 
		position: fixed; 
		top: 0; 
		width: 800px; 
		z-index: 2000;
	}
	#box_resume .block_img_resume { width:345px; padding:10px; background:#FFF; border:solid 1px #CCC; text-align: center; }

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

	#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 #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;
	}

	#box_resume #acces_panier{
		margin: 0px 5px 0px 35px; 
		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:hover{
	  background-color:#FFF; 
	  background-position: center bottom;
	  }

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


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

	#box_resume #add_newvolet{
		margin: 0px 5px 0px 5px; padding: 0px 10px 0px 10px; background: #01a6eb url('/voletroulant/sectionnelle/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; 
	  }

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

	#box_resume #info_prix_volet{
		padding:0; margin-top:10px; font-size:14px;
		
	}


	.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 li {
		color: #585858;
		font-size: 17px;
		line-height: 18px;
		margin-bottom: 10px;
	}

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

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

	.title-block p {
		padding-left:25px;
		color: #585858;
		font-size: 15px;
		line-height: 18px;
	}

	.promo-stick {
		font-size: 26px;
		padding: 25px;
		position: absolute;
		color: white;
		font-weight: bold;
		background: red;
		border-radius: 0px 20px 20px 0px;
	}

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