@CHARSET "utf-8";


@media all and (max-width:1270px) {
	#renseignement-titre span {font-size:35px;}
	#renseignement-contenu {width: calc(100% - 440px);}
}

@media all and (max-width:1260px) {
	
	#bandeau-contact .global {padding:0 5px !important;}
	#accueil-paves .global {padding:15px 5px 35px !important;}
		
	.iframe-responsive-wrapper {position: relative;}
	#contenu .iframe-responsive-wrapper .iframe-ratio {   display: block;    width: 97%;   height: auto;}
	.iframe-responsive-wrapper iframe {position: absolute;top: 0;left: 0;width: 97% !important; height: 97% !important;}
	
    video {width:100%; height:auto;}
}

@media all and (max-width:1205px) {
		
	#renseignement-titre span {font-size:30px;}
	#renseignement-contenu {width: calc(100% - 390px);}
	
}

@media all and (max-width:1185px) {
	
	#accueil-couvertures-conteneur #accueil-couvertures {text-align:center;}
	#accueil-couvertures-conteneur .accueil-couverture {margin:0 5px 30px;}
	
	
	#parallax-conteneur #parallax-conteneur-titre {font-size: 45px;}
	#parallax-conteneur #parallax-conteneur-titre strong {font-size: 55px; line-height: 80px;}
	
	#parallax-conteneur #parallax-conteneur-titre::after {height: 8px; width: 92px;}

}

@media all and (max-width:1165px) {
	#bandeau.sm #menu .menu-element {  margin: 0 10px;}
	#menu .menu-element {  margin: 0 15px;}

}

@media all and (max-width:1100px) {
	#bandeau-contact .clearRight {clear:both;}
	#bandeau.sm #bandeau-contact .clearRight {clear:right;}
	
	#bandeau.sm #logo a img {height:48px;}
	
	#bandeau #logo {padding:5px 0 0 1px;}
	#bandeau #logo a img {height: 57px;}	
	
	#menu .global {text-align:center;}
	
	#menu-conteneur {padding-top:10px;}
	#bandeau.sm #menu .global {text-align:right;}
	
	#pied #logo-pied.col {	width: 290px;}
}

@media all and (max-width:990px) {
			
	#bandeau.sm #logo a img {height:48px;}
	#bandeau.sm #menu .menu-element {margin: 0 5px;}

	#menu .menu-element {margin: 0 10px;}
	
	/* Droite */
	#droite {display:none;}

	#accueil-slider {height:260px;}
	#accueil-slider-control-prev,
	#accueil-slider-control-next {top: calc(100% - 160px); }
	
	/* Template Article Default */
	#template-article .template-article-image-texte .template-article-image,
	#template-article .template-article-texte-image .template-article-image {margin:20px auto 20px; text-align:center;}	
	#template-article .template-article-image {width:100%; }
	#template-article .template-article-image img {max-width:400px; width:100%; height:auto !important;}
	#template-article .template-article-texte {width:100%;}
	
			
	#realisations .conteneur .contenu .photo {width:250px;}
	#realisations .conteneur .contenu .photo img {width:auto; height:auto; max-width:100%; max-height:100%;}
	
	#parallax-conteneur #parallax-conteneur-titre {font-size: 40px;}
	#parallax-conteneur #parallax-conteneur-titre strong {font-size: 45px;}
	
	#parallax-conteneur #parallax-conteneur-titre::after {height: 6px; }
	
	#renseignement-titre span {font-size:25px;}
	#renseignement-contenu {width: calc(100% - 340px);}
	#renseignement-contenu .renseignement-element-contenu span, 
	#renseignement-contenu .renseignement-element-contenu a, 
	#renseignement-contenu .renseignement-element-contenu a:visited {font-size: 28px;}
	#renseignement-contenu #renseignement-mail a, 
	#renseignement-contenu #renseignement-mail a:visited {font-size: 20px;}
	
	#pied .global .contenu-wrapper {padding:35px 0px;}
	#pied .col {width:calc(50% - 30px);} 	 
	#pied #logo-pied.col {display:block; margin:0px auto 40px; width:100%;  text-align: center;} 	
	#pied #logo-pied.col img {max-width: 290px;}
}

@media all and (max-width:930px) {
	
	#menu .menu-element > a > span, #menu .menu-element > a:visited > span, 
	#menu .menu-element > span {font-size:14px;}

	#accueil-paves .accueil-pave-contenu {padding:25px 10px 5px !important;}	 

	#accueil-couvertures-conteneur {width:calc(100% - 380px);}
	#accueil-couvertures-conteneur .accueil-couverture {width:170px; height:266px; margin: 0 2% 20px;}
	
	#accueil-veluxs-conteneur {width:370px; }
	#accueil-veluxs-conteneur #accueil-veluxs,
	#accueil-veluxs-conteneur #accueil-ravalements {text-align:center;}
	
	
	#renseignement-conteneur {height:95px;}
	#renseignement-titre::after {right: -31px; top: 7px; width: 80px; height: 80px;}
	#renseignement-contenu {margin-left:35px; width:calc(100% - 325px);}
	#renseignement-telephone {width:270px;}
	#renseignement-mail {width:calc(100% - 295px);}

	.tableau-parent-4 .tableau-enfant {width:calc(33.333% - 35px) !important; }
	/* Table responsive*/
	.table-responsive-label {display:table-row; }

}

@media all and (max-width:895px) {
				
	#renseignement-titre {font-size:22px;}
	#renseignement-titre::after {right: -33px;top: 11px;width: 70px;height: 70px;}
	#renseignement-contenu .renseignement-element-contenu span, 
	#renseignement-contenu .renseignement-element-contenu a, 
	#renseignement-contenu .renseignement-element-contenu a:visited {font-size:18px;}
	#renseignement-telephone {width:190px;}
	#renseignement-mail {width:calc(100% - 215px);}
	#renseignement-contenu #renseignement-mail a, 
	#renseignement-contenu #renseignement-mail a:visited {font-size:17px;}
	
}

@media all and (max-width:860px) {
	body {width:100%;}
	
	#global {min-width:inherit; margin:0 auto; width:auto; padding-top:110px;}

	/* Bandeau */	
	.noscroll #bandeau-contact,
	.noscroll #bandeau-mobile {display:none;}
	
	#bandeau {border-top:5px solid #229ec4;}
	#bandeau.sm #logo {padding:4px 0 3px 1px;}
	#bandeau.sm #logo a img {height:70px;}	
	#bandeau.sm #bandeau-contact {height:0; overflow: hidden;}
	
	#bandeau #bandeau-elements {margin:5px 10px 0 0;}
	#bandeau-elements .bandeau-element { display: block; float: none;}
	#bandeau-elements #bandeau-telephone {width:166px;}
	#bandeau-elements #bandeau-email { margin-top:10px;width:180px;}
		
	#bandeau-contact {opacity:1; height:75px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
		
	.lg {  height: 110px;}
	.sm { height: 35px; border:none;}
		
	#bandeau #logo { padding:5px 0 3px;}
	#bandeau #logo a img {height:80px;}
	
	/* Menu mobile */
    #bandeau-mobile { min-width:inherit; width:100%; display:block; }	
	
 	/* bas */
	#bandeau-mobile-bas {position: relative; z-index: 45; clear:both; background:#229ec4; height:35px; cursor:pointer; }
	#bandeau-mobile-bas > span {font-size: 18px; width: auto; text-transform: uppercase; padding-left:40px; padding-top: 7px; display: block; color: #ffffff; text-decoration: none; position:relative;}
	#bandeau-mobile-bas i {position:absolute; left:10px; top:5px; font-size:23px;}
			
	#bandeau #menu-conteneur { padding:0; position: fixed; z-index: 9999; top: 0;left: 0;  height: 100%;  width:80%;  width: calc(100% - 45px); background: #fff;    -webkit-transition: transform 0.5s;    -khtml-transition: transform 0.5s;    -moz-transition: transform 0.5s;    -ms-transition: transform 0.5s;    -o-transition: transform 0.5s;    transition: transform 0.5s;    -webkit-transform: translateX(-100%);    -khtml-transform: translateX(-100%);    -moz-transform: translateX(-100%);    -ms-transform: translateX(-100%);    -o-transform: translateX(-100%);    transform: translateX(-100%);    overflow-x: hidden;    overflow-y: scroll;}
	#bandeau #menu-conteneur.open {display: block;-webkit-transform: translateX(0%);-khtml-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);}
	
	#bandeau #menu-titre { display:block; margin-bottom: 20px;}
	#bandeau #menu-titre > span {font-size: 18px; width: auto; text-transform: uppercase; padding-left:20px; padding-top: 5px; display: block; color: #229ec4; text-decoration: none; position:relative;}
	#bandeau #menu-titre i {position:absolute; left:0px; top:6px; font-size:20px;}
			
	#bandeau #menu-close {display: none; line-height: 38px; cursor:pointer; font-weight: 700; z-index: 999; border:1px solid #229ec4; text-align:center; font-size: 50px;color: #ffffff; width: 45px;height: 45px; position: fixed;  top: 0; right: 0;background: #229ec4;}
	#bandeau #menu-close.visible {display:block;}
	#bandeau #menu-wrapper {padding: 10px;}	
	
	#menu .menu-element {height:auto; margin:10px 0px 0 !important; display:block; padding:0 0 10px 17px; border-bottom:1px solid #f7e1dc;}
	#menu .menu-element > a > span,
	#menu .menu-element > a:visited > span,
	#menu .menu-element > span {padding:5px; text-align:left; color:#000000; border:none;font-size:13px;}
	
	#menu .menu-element > a > span::after,
	#menu .menu-element > span::after,
	#menu .menu-element.selected > a > span::after,
	#menu .menu-element.selected > span::after,
	#menu .menu-element:hover > a > span::after,
	#menu .menu-element:hover > span::after {display:none !important;}	
	
	#menu .menu-element.selected > a > span,
	#menu .menu-element.selected > span {font-weight:700;}
	
	#menu .smenu-conteneur {margin-top:6px; width:100%; padding:0; display:block !important; position:relative; left:0 !important; top:0; background:none; min-height: 0; }
	#menu .smenu-centre {border:none; margin:0; width:auto;}
	#menu .ssmenu-conteneur-images {display:none !important;}
	#menu .smenu-centre-menus {float:none; width:auto;}
	#menu .smenu-conteneur .smenu-element{display:block; width:auto;}
	#menu .smenu-element > a > span, 
	#menu .smenu-element > span {text-align: left;padding:5px 0 5px 15px; display:block !important; border:none;width:auto; text-decoration:none;color:#000000;font-size:13px; text-transform: none; }
	#menu .smenu-element > a, #menu .smenu-element > a:hover {text-decoration:none;}
	
	#menu .smenu-element.selected > a > span,
	#menu .smenu-element:hover > a > span {background:#229ec4; color:#fff;}

	#menu .smenu-element > a > span::after,
	#menu .smenu-element > span::after,
	#menu .smenu-element.selected > a > span::after,
	#menu .smenu-element.selected > span::after,
	#menu .smenu-element:hover > a > span::after,
	#menu .smenu-element:hover > span::after {display:none !important;}
	
}

/* Tablette */
@media all and (max-width:780px) {
	
	#global h1 {font-size:27px;}
	#global h1::after {margin-top: 10px;}
	
	#accueil-paves {text-align:center;}
	#accueil-couvertures-conteneur,
	#accueil-veluxs-conteneur {float:none; display:inline-block; vertical-align:top;}

	#accueil-couvertures-conteneur {max-width:400px; width:calc(100% - 320px);} 	
	#accueil-veluxs-conteneur #accueil-veluxs,
	#accueil-veluxs-conteneur #accueil-ravalements {text-align:center;}
	
	#accueil-veluxs-conteneur {width:290px; }
	#accueil-veluxs-conteneur .accueil-velux,
	#accueil-ravalements .accueil-ravalement {width: 265px;height: 169px; margin:0 auto 10px;}
	
	/* Gauche */
	#gauche {display:none;}
	
	/* Centre */
	#centre {width:auto; margin:0; padding-top:0px;}
	#centre .global .contenu-wrapper {padding-top:0px;}
	
	#centre table {float:none; width:100% !important; margin:10px auto;}
	table tr td {display:inline-block; vertical-align:top;}
	
	#produit #declinaisons tr td {display:table-cell;}
	#cart-grid tr td {display:table-cell;}
	#cart-grid .prix {display:none;}
	
	
	/* Fil d'ariane */
	#ariane {display:none;}
	
	/* Contenu */
	#contenu {width:auto; }
	#contenu img {max-width:100%; max-height:100%;  height:auto; width:auto; }
	
	/* Formulaire */
	input.bouton {height:38px;}
	#contenu .input-text,
	#contenu input {width:calc(100% - 12px); height:30px;}
	#contenu input[type="image"],#contenu input[type="checkbox"],#contenu input[type="radio"] {width:auto; height:auto;}
	#contenu select {height:30px; }
	#contenu textarea,
	#contenu textarea {width:calc(100% - 12px) !important; }
	#contenu .submit input, 
	#contenu input.submit, 
	#contenu .bouton, #contenu a.bouton, 
	#contenu a.bouton:visited {width:100%;    box-sizing: border-box;}
	#contenu .form140 {float:none; text-align:left; width:auto;}
	
	/* Paginator */
	#paginator {margin:30px 0 20px;}
	#contenu #paginator .pagination-lien, #contenu #paginator .pagination-span {margin:0 9px;}

	.mosaique-conteneur {text-align:center;}
	
	#renseignement-conteneur {height:auto;}
	#renseignement-titre {display:block; width:calc(100% - 20px); text-align:center; padding:10px;}
	#renseignement-titre br {display:none;}
	#renseignement-titre::after {display:none;}
	#renseignement-contenu {margin:0; width:100%;}
	#renseignement-contenu .renseignement-element-contenu span, #renseignement-contenu .renseignement-element-contenu a, #renseignement-contenu .renseignement-element-contenu a:visited {padding:30px 0px 0;}
	#renseignement-telephone {border:none; width:180px; text-align:center; }
	#renseignement-mail {width:220px; text-align:center; }
	#renseignement-telephone span, 
	#renseignement-telephone a, #renseignement-telephone a:visited {background:url(../images/renseignement-tel.png) no-repeat center top; -moz-background-size: 23px auto; -o-background-size: 23px auto; -webkit-background-size: 23px auto;  background-size: 23px auto;}
	#renseignement-contenu #renseignement-mail a, 
	#renseignement-contenu #renseignement-mail a:visited {background:url(../images/renseignement-mail.png) no-repeat center top;  -moz-background-size: 23px auto; -o-background-size: 23px auto; -webkit-background-size: 23px auto;  background-size: 23px auto;}
	#renseignement-conteneur:hover #renseignement-contenu #renseignement-mail a {background:url(../images/renseignement-mail-on.png) no-repeat center top;  -moz-background-size: 23px auto; -o-background-size: 23px auto; -webkit-background-size: 23px auto;  background-size: 23px auto;}
	
	.tableau-parent-3 .tableau-enfant, 
	.tableau-parent-4 .tableau-enfant, 
	.tableau-parent-5 .tableau-enfant {width:calc(50% - 35px) !important; }
		
	.table-responsive-50-pourcent tr,
	.table-responsive-100-pourcent tr {	width: 100%; margin: 0 0 1rem; }	
	
	.table-vertical thead tr {
	    left: -9999px;
	    position: absolute;
	    top: -9999px;
	}
	.table-vertical table, .table-vertical thead, .table-vertical tbody, .table-vertical th, .table-vertical td, .table-vertical tr {
	    display: block;
	}
	.table-vertical td {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: #e0e0e0;
	    border-image: none;
	    border-style: none none solid;
	    border-width: 0 0 1px;
	    padding-left: 50% !important;
	    position: relative;
	    text-align: left;
	    white-space: normal;
	    padding-top: 3px;
	    padding-bottom:3px;
	    height:25px;
	}
	
	.table-vertical td::before {
	    content: attr(data-title);
	    font-weight: 700;
	    left: 6px;
	    padding-right: 10px;
	    position: absolute;
	    text-align: left;
	    top: 6px;
	    white-space: nowrap;
	    width: 45%;
	}
}
@media only screen and (max-width: 767px) {
	
	/* Table responsive */
	table.table-responsive { margin-bottom: 0; }
	.pinned { position: absolute; left: 0; top: 0; z-index:20; background: #fff; width: 181px; overflow: hidden; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td, .pinned .table-responsive-label th,
	.pinned table th p, .pinned table td p,
	table.table-responsive th:first-child p, table.table-responsive td:first-child p, 
	table.table-responsive td:first-child p	{ text-align:left !important; margin-top:6px; }
	
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table {}
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.table-responsive td, table.table-responsive th { white-space: nowrap; overflow: hidden; }
	table.table-responsive thead th {}
	table.table-responsive th:first-child, table.table-responsive td:first-child, 
	table.table-responsive td:first-child, table.table-responsive.pinned td,
	table.table-responsive .table-responsive-label th:first-child	{opacity:0; white-space: initial; }
	.pinned table th, .pinned table td, .pinned .table-responsive-label th,
	table.table-responsive th:first-child, table.table-responsive td:first-child, 
	table.table-responsive td:first-child, table.table-responsive.pinned td,
	table.table-responsive .table-responsive-label th:first-child	{ width:180px !important; max-width:180px; min-width:180px; word-wrap:break-word; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box; }
	.table-responsive-label th.table-responsive-label-th {display:table-cell !important; }
	
		
}


@media all and (max-width: 725px) {	
	#accueil-couvertures-conteneur {width:calc(100% - 310px);}
	#accueil-veluxs-conteneur {width:260px;}
	
	#accueil-couvertures-conteneur .accueil-couverture {width: 140px; height: 219px; margin:0 4% 20px;}
	#accueil-veluxs-conteneur .accueil-velux,
	#accueil-ravalements .accueil-ravalement { width: 235px; height: 150px;}
	#accueil-couvertures-conteneur .accueil-couverture-nom, 
	#accueil-veluxs-conteneur .accueil-velux-nom, 
	#accueil-ravalements .accueil-ravalement-nom { font-size:15px; height:56px;}
	#accueil-couvertures-conteneur .accueil-couverture-nom span, 
	#accueil-veluxs-conteneur .accueil-velux-nom span, 
	#accueil-ravalements .accueil-ravalement-nom span {height:50px;}
}

@media all and (max-width: 685px) {		
	
	#accueil-paves .global {padding:15px 10px 35px !important;}	 
	#accueil-paves .accueil-pave-contenu {padding:0 !important;}
	
	#accueil-couvertures-conteneur,
	#accueil-veluxs-conteneur {float:none; background:#fff; padding:0px 10px 25px !important;}
	
	#accueil-couvertures-conteneur {width: calc(100% - 20px); max-width: unset; margin:0 auto 20px;}
	#accueil-couvertures-conteneur .accueil-couverture { width: 170px; height: 267px; margin:0 9px 20px;}
	
	#accueil-veluxs-conteneur { width: calc(100% - 20px); }
	#accueil-veluxs-conteneur .accueil-velux,
	#accueil-ravalements .accueil-ravalement {width: 295px;height: 188px;margin: 0 10px 10px; }	
	
	#realisations .conteneur .contenu .photo {float:none; margin:10px auto;}
	#realisations .conteneur .contenu .extrait {min-height:0;}
	
		
	#parallax-conteneur #parallax-conteneur-titre {font-size: 35px;}
	#parallax-conteneur #parallax-conteneur-titre strong {font-size: 40px; line-height: 60px;}
	
	.tableau-enfant {margin:5px !important; }
	.tableau-parent-2 .tableau-enfant,
	.tableau-parent-3 .tableau-enfant,
	.tableau-parent-4 .tableau-enfant,
	.tableau-parent-5 .tableau-enfant {width:calc(50% - 15px) !important; }
}

@media all and (max-width: 625px) {
	/* Renseignement petite barre */
	#contenu .renseignement-cta-titre {width: 100%; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; min-width: 0; }
	#contenu .renseignement-cta-titre::after {display:none; }
	#contenu .renseignement-cta-contenu {width:100%; padding: 5px 0 5px 0px; min-width: 0; } 

			
	/* Table responsive */
	.pinned {width:136px; }
	.pinned table th, .pinned table td, .pinned .table-responsive-label th,
	table.table-responsive th:first-child, table.table-responsive td:first-child, 
	table.table-responsive td:first-child, table.table-responsive.pinned td,
	table.table-responsive .table-responsive-label th:first-child {max-width:115px; width:115px !important; min-width:115px; font-size:15px; box-sizing: initial; -webkit-box-sizing: initial; -moz-box-sizing: initial; -khtml-box-sizing:initial; }
	table.table-responsive th {font-size:15px; }
}

@media all and (max-width: 605px) {
	
	#bandeau.sm #bandeau-contact #bandeau-email {width:auto; min-width:0; padding: 1px 6px;}
	#bandeau.sm #bandeau-contact #bandeau-email span span {display:none;}
	#bandeau.sm #bandeau-contact #bandeau-email i {margin:0 auto;}
		
   	#contenu p,
	#contenu ul,
	#contenu ol,
	#contenu h2,
	#contenu h3 {margin-left:0px;}
	#contenu ol {  padding-left: 20px;}


	#gabarit-photo .gabarit-gauche-image,
	#gabarit-photo .gabarit-droite-image {float:none !important; margin:15px auto !important;}
	#gabarit-photo .portrait,
	#gabarit-photo .paysage {width:100%; min-width: 0 !important; text-align:center;}
	
	#pied .global .contenu-wrapper { padding:5px 10px;}	
	
	#pied .col {width:100% !important; margin:0 0 25px; max-width:unset !important;}	
	
}


@media all and (max-width:580px) {
	
	#accueil-slider {height:170px;}
	#accueil-slider-fleches-conteneur {display:none;}
		
	#parallax-conteneur #parallax-conteneur-titre {font-size: 30px;}
	#parallax-conteneur #parallax-conteneur-titre strong {font-size: 35px; line-height: 55px;} 
	
}

@media all and (max-width:500px) {
	
	.tableau-parent-2 .tableau-enfant,
	.tableau-parent-3 .tableau-enfant,
	.tableau-parent-4 .tableau-enfant,
	.tableau-parent-5 .tableau-enfant {margin:5px auto !important; width:100% !important; }
}
@media all and (max-width:480px) {
	
	
	#actualites .conteneur .contenu .photo {display:block; margin:10px auto; text-align: center;}
	#actualites .conteneur .contenu .texte {width:100%;}
	#actualites .conteneur .contenu .extrait {min-height:0;}
	
	#contenu #paginator .pagination-fleche {display:none;}
	
	#renseignement-mail {margin-left: 0;}

}
@media all and (max-width:450px) {		
	/* LABEL SUR LE COTÉ */
	.table-responsive-50-pourcent td {padding-left: 110px; }
	.table-responsive-50-pourcent td.nolabel {padding-left: 8px; text-align:center; }
	.table-responsive-50-pourcent td::before {width: 90px; padding: 5px; text-align: center; justify-content: center; line-height: 15px; }
	.table-responsive-50-pourcent td.nolabel::before {display:none; }

	/* LABEL AU DESSUS */
	.table-responsive-50-pourcent td,
	.table-responsive-100-pourcent td {padding: 0 0 7px; text-align: center !important; }
	.table-responsive-50-pourcent td.nolabel, 
	.table-responsive-100-pourcent td.nolabel { background: #fff !important; }
	.table-responsive-50-pourcent td::before, 
	.table-responsive-100-pourcent td::before {padding: 8px 5px; margin-bottom: 10px; text-align: center; justify-content: center; line-height: 15px; position: relative; top: 0; left: 0; width: 100%; 	box-sizing: border-box; }
	.table-responsive-50-pourcent td.nolabel::before,
	.table-responsive-100-pourcent td.nolabel::before {display:none; }
	.table-responsive-50-pourcent tr,
	.table-responsive-100-pourcent tr {margin: 0 0 38px; }
	
	/* Table responsive */
	.pinned {width:116px; }
	.pinned table th, .pinned table td, .pinned .table-responsive-label th,
	table.table-responsive th:first-child, table.table-responsive td:first-child, 
	table.table-responsive td:first-child, table.table-responsive.pinned td,
	table.table-responsive .table-responsive-label th:first-child {max-width:95px; width:95px !important; font-size:14px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box; }
}

/* Smartphone */
@media all and (max-width:435px) {	
	
	#bandeau #bandeau-elements .bandeau-element {display: inline-block;}
	
	#bandeau-elements #bandeau-telephone { margin:0 15px 0 0; background:none; border:none; padding:0px; width:auto; min-width:0;}
	#bandeau-elements #bandeau-telephone i {display:none;}
	#bandeau-elements #bandeau-telephone span {background:none; padding:0;}
	#bandeau-elements #bandeau-telephone span, 
	#bandeau-elements #bandeau-telephone a, #bandeau-telephone a:visited {font-size: 14px; color:#229ec4;}
	#bandeau-elements #bandeau-email,
	#bandeau.sm #bandeau-elements #bandeau-email {width: 21px; min-width:0; padding: 1px 4px; margin-top:0; line-height: 25px;}
	#bandeau-elements #bandeau-email i {margin:0 auto; }
	#bandeau-elements #bandeau-email i::before {content:"\f0e0";}
	#bandeau-elements #bandeau-email span > span {display:none; }
	
		
	#accueil-couvertures-conteneur .accueil-couverture { width: 150px;height: 235px; margin:0 5px 20px;} 

	#contenu img { margin-left: auto !important; margin-right: auto !important;}
	
	#renseignement-mail {width:170px; margin:0;}
	#renseignement-contenu #renseignement-mail a, #renseignement-contenu #renseignement-mail a:visited { text-align:center;}
	
	#cookie-message-wrapper { 	padding: 20px 10px 20px 10px;  } 
	#cookie-choix-contenu .cookie-choix span { 	font-size:11px;  } 
	#cookie-consent-form .categorie .titre { 	width: 50%;  }
	#cookie-consent-form .categorie .configuration {	width: 48%;  }
}

@media all and (max-width:380px) {
	#renseignement-telephone {width:100%;}
	#renseignement-mail {margin-top:10px; width:100%;}
}

@media all and (max-width:360px) {
	#bandeau.sm #bandeau-elements {margin:0;}
	#bandeau #bandeau-elements .bandeau-element,
	#bandeau.sm #bandeau-elements .bandeau-element {display:block; margin: 0 auto 5px;}
	#bandeau.sm #bandeau-elements .bandeau-element { margin: 0 auto 0px;}

	#accueil-couvertures-conteneur, #accueil-veluxs-conteneur {padding: 0px 10px 5px !important;}
	#accueil-couvertures-conteneur .accueil-couverture { width: 130px;height: 204px;margin:0 5px 20px;} 
	#accueil-veluxs-conteneur .accueil-velux,
	#accueil-ravalements .accueil-ravalement {width:275px; height: 176px; margin: 0 auto 10px;}
	
	#accueil-couvertures-conteneur .accueil-couverture-nom, 
	#accueil-veluxs-conteneur .accueil-velux-nom, 
	#accueil-ravalements .accueil-ravalement-nom {font-size:14px;}
}