#ja-search.inputbox:hover,.inputbox:focus,input:focus{outline-style : none}

img,fieldset,a{border:0px}

input,fieldset{border:none;background-color:none}

.placeholder{color:#aaa}

h1{height:35px;margin:0 0 30px;padding-top:13px;padding-left:65px;background-image:url("../Malinvaud/fond_titre.jpg");background-repeat:no-repeat;font-size:18px;color:#fff;text-shadow: 1px 1px 1px #7d7d7d}

h2{
	margin-bottom: 19px;
	padding-bottom: 0;
	font-size: 17px;
	font-weight:normal;	
	text-shadow: 1px 1px 1px #fff;	
	text-align:left;
}

h3{margin-top:40px;border-bottom:1px dotted;font-size:13px}

li{list-style:none}

body{
	margin:0;padding:0;text-align:justify;	
	background-repeat:repeat-x;
	font-family:Verdana,Helvetica;
	font-size:10px;
	line-height:12px;
	color:#c2c0c0;
}
figure {
	margin:0px;
}



#header{width:1060px;margin:0 auto;padding:0;text-align:left}

#logo_et_accroche{width:1060px;height:104px;margin:0;padding:0;text-align:left}

#navigation_groupe ul{width:800px;height:44px;float:left;margin:0;padding:0}

#navigation_groupe ul li{
	height:44px;float:left;
margin:0 10px;padding-left:20px;
background-repeat:no-repeat;font-size:11px;line-height:44px;font-weight:bold;color:#fff}

#navigation_groupe .mod_form{width:130px;right:50px;top:12px;position:absolute;float:left}

#navigation_groupe .mod_form input{width:110px;background-color: transparent}

/*--------------------- navigation principale ----------------------*/
.styled_select  {  
    background:none;
    border:none;
}


.mod_dropdown{
	display:block;
width:1000px;
height:75px;

position:relative;
padding-left:30px;
margin-right:auto;
margin-left:auto;

}
.mod_dropdown ul.level_1 li{
cursor: pointer
}

.mod_dropdown ul.level_1 li a{
text-align:center;
font-weight:bold;
Font-size:12px;
line-height :100px;
color:#525252;
text-shadow: 1px 1px 0px #f1f0ef;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
}



#navigation_metiers img{float:left;display:block}

#container{width:1000px;min-height:350px;margin-left:30px;text-align:justify;font-size:11px;line-height:20px;color:#747373}

#header h1
{
margin-left:30px;
line-height:22px;
 width: 935px;
}

a.devis{
	width:208px;
	height:29px;float:right;
	display:block;
	margin-right:30px;
	padding-right:30px;
	background-image:url("../Malinvaud/bouton_devis.jpg");background-repeat:no-repeat
	}

a.devis:hover{background-image:url("../Malinvaud/bouton_devis_over.jpg");background-repeat:no-repeat}



div.ce_downloads p{margin-right:35px;margin-bottom:15px;margin-left:35px;text-align:justify}


#wrapper_accueil #main{
	/*background-image:url("../../tl_files/Malinvaud/fond_bloc_texte_droite.jpg");*/
	background-repeat:no-repeat;
	background-position: left 48px
	}

aside .ce_text{
	padding-bottom:30px;
	text-align:justify;

}

#main h2.suivre_actu{
	margin-right:35px;
	margin-bottom:0;
	margin-left:35px;
	padding-bottom:30px;
	text-align:justify
}

div.news{
	width:67%;
	min-height:60px;
	margin-left:35px;
	padding-left:13%;
	background-image:url("../Malinvaud/fond_news.jpg")
	}

div.mod_newslist h3{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	border-style:hidden;
	font-size:13px;
	font-weight:normal
}

div.mod_newslist .layout_latest{
	padding-top:13px;
	padding-bottom:10px
}

div.mod_newslist a{
	text-decoration:none;
	color:#747373
}


/* sitemap */

#main .mod_sitemap ul li, #main .mod_sitemap ul li a, .mod_sitemap ul li, .mod_sitemap ul li a {
	background-image:none;
	background-color:transparent;
	font-weight:normal;
	text-shadow:none;
}




/* footer */


#footer{
	width:1059px;height:133px;margin-top:0;margin-right:auto;margin-left:auto;	
}

#logos_footer{
	width:460px;
	height:50px;
	float:left;
	margin-left:35px;
	padding-top:10px
}

#login_footer{
	width:415px;
	height:50px;
	float:left;
	padding-top:16px
}

#login_footer div{
	float:left
}

#login_footer input.text{
	width:87px;
	height:26px;
	float:left;
	margin-right:10px;
	margin-left:0;
	padding-top:0;
	padding-right:20px;
	padding-left:20px;
	background-image:url("../Malinvaud/fond_login_footer.jpg");
	background-repeat:no-repeat;
	background-color: transparent
}

.popup_login input.text{width:97px;height:26px;float:left;margin-right:10px;margin-left:0;padding-top:0;padding-right:20px;padding-left:20px;background-image:url("../Malinvaud/moyen_fond_champ.jpg");background-repeat:no-repeat;background-color: transparent}

#login_footer input.fleche{width:14px;height:26px;background-image:url("../Malinvaud/go.jpg")}

.popup_login input.fleche{width:26px;height:26px;background-image:url("../Malinvaud/fleche_formulaire_login.jpg")}

#login_footer p{float:left;margin:0;padding:0 20px 0 0;color:#8d8c93}

a.plan{float:left;margin-top:12px;margin-left:17px;padding-top:10px;padding-bottom:10px;font-size:14px;font-weight:bold;color:#8d8c93}

#footer a{text-decoration:none}

#footer a.inscription{width:102px;height:58px;bottom:23px;position:relative;float:left;display:block;padding-left:13px}

#footer #mentions {
	text-align:center;
	width:100%;
	clear:both;
		
}
#footer #mentions a {	
	opacity:0.3;
	color:white;
}
#footer #mentions a:hover {	
	opacity:0.7;	
}

a.logo{width:280px;height:160px;float:left;display:block;margin-top:10px}

.reposition_logo_kaleidos{top:9px;position:relative}

div.lightbox4wardContentInside  .popup_login{
	height:150px;
	margin-top:0;
	margin-bottom:0;
	padding:20px 20px 0;
	background-image:url("../Malinvaud/fond_bloc_texte.jpg");
	background-repeat:repeat-x
}

div.lightbox4wardContentInside  h1{margin-top:0;margin-bottom:0}

#wrapper_accueil{
	width:1060px;
	margin:0 auto;
	padding:0;
	text-align:justify
	;background-image:url("../Malinvaud/fond_main_accueil.png");
	background-repeat:repeat-y
}

#slideshow_accueil{margin-left:30px}

.cs-buttons{height:0px;bottom:30px;position:fixed;margin:0;padding-top:0;padding-bottom:0;padding-left:400px;text-align:right;z-index:9000}

.cs-buttons a{width:13px;height:13px}

.cs-active{background-color:#9dabb6

}

#wrapper_accueil aside .ce_text{
padding-bottom:30px;
text-align:justify;
background-image:none
}
#wrapper_accueil #main{
	width:629px;
	min-height:300px;	
	text-align:justify;
	background-image:url("../Malinvaud/fond_bloc_texte_gauche.jpg");
	background-repeat:no-repeat;
}

#wrapper_accueil #main h1{
	width:629px;
	margin-bottom:18px;
	padding-bottom:0;
	text-align:justify;
	background-image:url("../Malinvaud/titre_colonne_gauche_accueil.jpg")
}

#wrapper_accueil #main .reajust_titre{
	top:25px;
	position:relative;
	padding-top:10px
}
#wrapper_accueil #main h2{
	padding-left:30px;
}

#wrapper_accueil #main p, #wrapper_accueil #main ul{
	margin-top:30px;
	padding-top:0;
	padding-left:40px;
	padding-right:20px;
}

#wrapper_accueil #references{
	float:left;
	display:block;
	padding-bottom:25px;
	background-color:#f2f1f1;
	background-image:url("../Malinvaud/fond_bloc_texte.jpg");
	background-repeat:repeat-x;
	border-top:1px solid #ccc;
	background-position: right 48px
}

#wrapper_accueil #references .image_container
{margin:0 10px 0 0;padding-top:0;padding-bottom:0;text-align:justify;vertical-align:top}

#wrapper_accueil aside{
	width:371px;
	margin-left:0px;
	min-height:300px;
	background-image:url("../Malinvaud/fond_bloc_texte_droite.jpg");
	background-repeat:no-repeat;
	background-position: right 48px;
}

#wrapper_accueil aside h1{
	
	background-image:url("../Malinvaud/titre_colonne_droite_accueil.jpg")
}
#wrapper_accueil aside h2, #wrapper_accueil aside .ce_text{
	width:80%;
	margin-left:auto;
	margin-right:auto;	
}
#wrapper_accueil aside a.lien_moyen{
	margin-top:20px;
		
}
#wrapper_accueil aside div.mod_subscribe{
	background-image:url("../Malinvaud/fond_bloc_texte_droite.jpg");
	background-repeat:no-repeat;
	padding-top:55px;
	position:relative;
	bottom:30px;
		
}
#wrapper_accueil aside #tl_subscribe, #tl_unsubscribe{
	width:80%;
	margin-left:10%;
			
}

#wrapper_accueil aside #tl_subscribe input.text, #tl_unsubscribe input.text{
	-webkit-border-radius: 20px;
	border-radius: 20px;
	height: 30px;
	width: 50%;
	padding-left:5%;
	padding-right:5%;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-bottom:20px;
}
#tl_unsubscribe input.text{
	width: 40%;
}
#wrapper_accueil aside #tl_subscribe input.submit, #tl_unsubscribe input.submit{
width:105px;
height:43px;
float:left;
clear:both;
display:block;
padding-left:31px;
text-align:left;
background-image:url("../Malinvaud/fond_bouton_petit.jpg");
background-repeat:no-repeat;
font-size:9px;
line-height:48px;
font-weight:bold;
text-decoration:none;
color:#2895c0;
float:right;
position:relative;
bottom:8px;
cursor:pointer;
}
#tl_unsubscribe input.submit{
width:160px;
background-image:url("../Malinvaud/fond_bouton_moyen.jpg");

}

/*---------------------- specifique articles --------------------------*/
#wrapper_articles{
width:1060px;
margin:0 auto;
padding:0;
text-align:justify;
background-image:url("../Malinvaud/fond_main_articles.png");
background-repeat:repeat-y
}

#wrapper_articles h2{
margin-top:30px
}

#wrapper_articles h1{
	margin-bottom:0
}

#wrapper_articles aside {
	min-height: 800px;
	text-align: justify;
	line-height: 20px;
	z-index: 5000;
	background-image:url("../Malinvaud/fond_bloc_texte_gauche.jpg");
	background-repeat:repeat-x;
	background-position:right 0px;	
}

#wrapper_articles aside h1{
	width:357px;background-image:url("../Malinvaud/titre_colonne_gauche_accueil.jpg")}

#wrapper_articles aside h2, #wrapper_articles aside p{
	padding-right:35px;
	padding-left:35px;
}
#wrapper_articles aside p.info{	
	padding-left:0px;
}
#wrapper_articles aside .specialites {
	background-color: #e9f2b9;
	color: #97bf0d;
	font-weight: bold;
	border: 1px solid #d8e497;
	margin: 35px;
	margin-top:50px;
	margin-bottom:30px;
	padding:20px;
}

#wrapper_articles aside .specialites p  {
	padding:0px;
	margin:0px;	
}
#wrapper_articles aside .specialites h2{
	padding-right: 0px;
	padding-left: 45px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	margin-top:0px;
	margin-left:0px;
	font-size:14px;
	margin-right:0px;
	background-image: url(../Malinvaud/a_savoir.jpg);
	background-repeat: no-repeat;
	color: #97bf0d;
	font-weight:bold;
	text-shadow: 1px 1px 0px #f6fbdb;	
}
#wrapper_articles aside .gravure_chimique h2{
	background-image: url(../Malinvaud/specialiste_gravure_chimique.jpg);
	min-height:43px;
}
#wrapper_articles aside .environnement h2{
	background-image: url(../Malinvaud/environnement.jpg);
	min-height: 43px;
}
#wrapper_articles aside .specialites ul li{
	background-image: url(../Malinvaud/possible.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: -35px;
	text-indent: 18px;
	background-position: 0px 5px;
}
#wrapper_articles aside ul{
padding-right:35px;
}

#wrapper_articles aside nav a{
	background-image: url(../Malinvaud/puce_navig_secondaire.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	height: 25px;
	padding-top:10px;
	padding-bottom: 10px;
	font-size: 12px;
	display: block;
	line-height: 14px;
	text-align: left;
	color: #a9a8a8;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	background-position: 0px 6px;
	
}

#wrapper_articles aside nav a:hover{
	text-decoration:underline;
	color: #747373;
	
}
.materiaux {
	font-weight: bold;	
	width: 93%;
	padding-left:6%;
	font-style: italic;
}
#wrapper_articles #exemples{
	background-image:url("../Malinvaud/fond_bloc_texte_gauche.jpg");
	background-repeat:repeat-x;
	border-top:1px solid #ccc;
	background-position:right 48px
}

#wrapper_articles aside table{
	margin-top:30px;
	margin-bottom:50px;
	margin-left:30px;
	text-align:justify
}

#wrapper_articles aside .image_container{
	margin:0 7px 0 0;
	padding-top:0;
	padding-bottom:0;
	text-align:justify;
	vertical-align:top
}
#wrapper_articles #main .image_container{
	margin:0;

}


#wrapper_articles #main {
	padding-left:35px;
	padding-top:35px;
	padding-right:35px;
	background-image:url("../Malinvaud/fond_bloc_texte_droite.jpg");
	background-repeat:no-repeat;
}

#wrapper_articles #main .ce_text{
	padding-bottom:30px;
	text-align:justify;
	background-image:none
}

body.ie8 #wrapper_articles #main .ce_text img, body.ie7 #wrapper_articles #main .ce_text img{
	margin-left:35px;
	margin-right:35px;}

#wrapper_articles #main h1{
	
	background-image:url("../Malinvaud/titre_colonne_droite_accueil.jpg")
}
	
/*------------ puces contenu -----------------*/

#main .ce_text ul {
	padding-left: 0px;
;
}
#main .ce_text ul li {
	padding-left: 30px;
	background-position: 2px;
	background-repeat: no-repeat;
}
#wrapper_articles #main div.subcolumns {
	width:595px;		
	}

#wrapper_articles #main div.subcolumns figure {
	margin:0;
	padding:0;
	max-width:170px;

	}
#wrapper_articles #main div.subcolumns figcaption, #wrapper_articles #main figcaption {
	text-align: center;
	font-style: italic;
	font-size:11px;
	line-height:14px;
	margin-top:10px;
}

#google_map {
	margin-left:35px;
}



#formulaire_contact table input.text{
	width:205px;
	height:35px;
	float:left;margin-top:15px;
	margin-right:0;margin-left:0;
	padding-top:0;padding-right:20px;
	padding-left:20px;
}
#formulaire_contact h2{
margin-left:0px;
margin-top:60px;
}

textarea {
	margin-top:40px;
	border:none;
	padding:10px;
}

.ce_accordion{
	padding-top:20px
}

p.back{margin-right:25px;margin-left:25px;text-align:right}

#main .mod_colsetPart .ce_text p, #main .mod_colsetPart .ce_text h2, #main .mod_colsetPart .ce_text h3{margin-top:0;margin-right:35px;margin-left:0;padding-top:0;padding-right:0;padding-left:0}

aside .ce_colsetStart .ce_text p{margin-right:0;padding-top:0;padding-right:0;padding-left:0}

.inline{display:inline}

.block{display:block;margin-top:0;margin-left:0}

.blockfg{float:left;display:block}

.blockfd{float:right;display:block}

.blockfg img{margin-right:10px}

.invisible{text-decoration:none;visibility: hidden}

.clear{clear:both}
.bloc_important {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f1f1 33%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(33%,#f2f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f1f1 33%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f1f1 33%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f1f1 33%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f1f1 33%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1f1',GradientType=0 ); /* IE6-9 */


margin-right:35px;
margin-left:35px;
margin-top:35px;
padding-left:0px;
padding-right:10px;
padding-top:20px;
text-align:justify;
margin-top:0px;

}
.bloc_important h2{
	margin-top:0px;
	font-size: 15px;	
}
#wrapper_accueil #main .bloc_important p{
	margin-top:0px;
	line-height:16px;	
}



.bloc_important a.lien_petit{
	float:right;	
	position:relative;
	left:30px;
	top:-40px;
}

#wrapper_articles .bloc_important h2{
	margin-top:0px;
}
#wrapper_articles .bloc_important img{
	display:block;
	float:left;
	margin-bottom:20px;
}
#wrapper_articles .bloc_important p{
	line-height: 17px;
	font-style: italic;
	
}
.eco p, .eco h2, .eco a {
	color:#96bd0c;
}
.specialiste_gravure_chimique p, .specialiste_gravure_chimique h2 {
	color:#01918f;	
}
.techniques_d_impression a, .techniques_d_impression h2 {
	color:#c00068;	
}
.techniques_d_impression ul li{
	background-image: url(../Malinvaud/puce_competences_impression.png);
	background-repeat: no-repeat;
	position: relative;	
	text-indent: 18px;
	background-position: 0px 5px;
}
.phone {
	display:none;
}
a.phone.fb {
	display:none;
}

@media screen and (max-width: 1030px) {
	.mod_breadcrumb {
		display:none;
	}
	#header h1, h1 {
background-image: none!important;
    background-color: #aaa;
    font-size: 5.8vw!important;
    line-height: 6.2vw!important;
    height: auto;
    padding-top: 5%!important;
    padding-left: 0px;
    padding-bottom: 5%!important;
    padding-left: 35px;
    text-indent: 0px;
    margin-left: 0px;
    height: auto;
    width: 100%;
    display:inline-block;
    box-sizing: border-box;

	
}
h2 img {
display:none!important;
}
.bloc_important h2, h2 {
font-size: 3.1vw;
    line-height: 3.3vw;
    margin-bottom: 2vw;
}
p, #container {
    font-size: 2.5vw!important;
    line-height: 3.8vw!important;
}
#wrapper_articles aside ul {
    padding-right: 0px;
	padding-left:0px!important;
}
#wrapper_articles aside .eco p, .bloc_important li, #wrapper_articles aside nav li, #wrapper_articles aside li span.active, #wrapper_articles aside {
    font-size: 2.2vw!important;
    line-height: 3.6vw!important;
}
#wrapper_articles aside nav a {
	font-size: 2vw!important;
    line-height: 1.5vw!important;
}

.techniques_d_impression ul li {
    background-image:none;    
    text-indent: 0px;
}
#wrapper_articles aside nav {
padding-top: 0px;
padding-left:30px;
padding-right:30px;
}
#wrapper_articles aside nav a, #wrapper_articles aside span.active {
    background-image:none;    
    padding-left: 0px;
    height: auto;
}
  .pas_phone,#navigation_groupe,.mod_dropdown.styled_select, .mod_dropdown {
    display:none!important;
  }
.phone {
    display:block;
  }

#wrapper_accueil, #header, #container, #footer, #slideshow_accueil,  #logo_et_accroche, #colonne_gauche, #colonne-droite-accueil{
	  width:100%!important;
}
/*--#wrapper_accueil---*/
#main h1, #wrapper_accueil #main h1 {
    width: 100%;
    text-align: left;
}
aside#right {
    display: none;
}
#wrapper_accueil #main .reajust_titre {
	top:3px;
}
 #wrapper_accueil, #fond_body {
	  background-image:none;	
  }

#logo_et_accroche a {
	width:100%;text-align:center;
}
#logo_et_accroche a.fb {
height: 40px;
    width: 40px;
    display: block;
    background-image: url(../Malinvaud/images/social_media_facebook.png);
    background-repeat: no-repeat;
    background-size:30px 30px;
    text-indent: -3000px;
    overflow: hidden;
	position:absolute;
	right:10px;
	top:10px;
    background-position: center center;
}
#logo_et_accroche img {
	display:none;	
}
#logo_et_accroche a img {
	display:inline;	
}

.mod_quicknav.phone {
    height: 70px;
    text-align: center;
    background-color: #26293a;
    padding-top: 10px;
    margin-bottom: -5px;

}

.styled_select, #ctrl_target.select  {
    display: inline-block!important;
    width: 300px!important;
    color:black!important;
    margin-top: 7px!important;
    height: 43px!important;
    line-height: 43px!important;  
    font-size: 3.4vw!important;
    margin-top: 1px!important;     
    background: #fff!important;
    border: 1px solid #b8b8b8!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    padding: 0 0 0 6px!important;
    text-align: left!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    -webkit-appearance: menulist;
}

.mod_quicknav.phone input {
margin-top: 7px;
    height: 43px;
    line-height: 43px;
    font-size: 20px;
    margin-top: 0px;
    height: 45px;
    width: 46px;
    color: white;
    font-size: 3vw!important;
    font-weight: bold;
    line-height: 43px;
    top: -6px;
    position: relative;
    top: 0px!important;
    left: 7px;
    background-color: #0987b7;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
}
select {
    font-size: 3vw!important;
}

#slideshow_accueil {
	margin-left:0px;
}
#slideshow_accueil a {
	background-size:100vw;
	width:100vw!important;
}
.cs-buttons {
	display:none;
}
#coin-slider-accueil-1, #slideshow_accueil {
	height:32vw;
}
#wrapper_accueil #main {
	width:100%!important;
}
aside#right {
	width:33%;
}
#container {
	background-color:#f1f1f1;
	margin-left:0px;	
}
#wrapper_accueil #main {
	background-image:none;
}
#wrapper_accueil #main h1 {
	background-image: url(../Malinvaud/fond_titre.jpg);    
}
#footer {    
    background-image:none!important;
	background-color:#c5c3c4;
}
#logos_footer {
    width: 100%;
    float: left!important;
   margin-left: 0px;

}
#login_footer {
	display:none;
}
#footer #mentions a {
    color:#333;
	padding-top:15px;
}
/*---------- contenus -----------*/
#wrapper_articles {
    width: 100%;
}
#wrapper_articles .bloc_important img {
    display: none;
}
#wrapper_articles aside h2, #wrapper_articles aside p {
    padding-right: 0px;
    padding-left: 0px;
}
.techniques_d_impression {
	float:left;
	width:30%;
}
.ce_text.eco {
	/*float:right;*/
}
#wrapper_articles #main {
    box-sizing: content-box;
	padding-left:0px;
	padding-right:0px;
	background-image:none;
}

.bloc_important {
	background:none;
}
#left {
	width:100%!important;
	float:none;
}
aside .ce_text {
	padding-bottom:0px;
}
#wrapper_articles aside {
	background-image:none;
	min-height:0px;
	
}
aside .ce_text {
	text-align:left;
}


#main {
    margin-left: 0%;
    width: 94%!important;
    padding-left: 3%!important;
	padding-right:3%!important;
}
body.home #main {
    padding-left: 0%!important;
	padding-right:0%!important;
}
#wrapper_articles #main div.subcolumns figure {
	max-width:100%;
}
#wrapper_articles #main div.subcolumns {
    width: 100%;
}
#wrapper_articles #main .image_container img {
    margin: 0;
    width: 100%!important;
	height:auto!important;
}
.c33l, .c33r {
    width: 28vw;
}
#wrapper_articles #main .c33r .image_container img, #wrapper_articles #main .c33l .image_container img {
	width: 100%!important;

}
#wrapper_articles #main div.subcolumns figcaption, #wrapper_articles #main figcaption {

    width: 21.3vw!important;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 2vw;
    line-height: 3vw;
}
}

@media (max-width: 800px) {
	.mod_quicknav.phone input {
	    top: -3px;
}
	

#left {
		width:100%!important;
		float:none!important;
}
#wrapper_articles aside {
    min-height: auto;
}
#wrapper_articles aside nav a {    height:auto;

}
#main {
	margin:0!important;
	width:100%!important;
	float:none!important;
}
#wrapper_articles #main {
padding-left: 7%!important;
    padding-right: 7%!important;
    width: 83%!important;
}
.mod_breadcrumb {
	display:none;
}
#wrapper_articles #main .image_container img {
    width: 100%!important;

}
#wrapper_articles aside ul {
    
    margin-top: 0px;
}
a.devis {
	display:none;
}
#footer .inside {
	text-align:center;
}
#footer .inside img {
	width:22vw!important;
	height:auto;
}
a.plan {
	float:none;
}
#footer #mentions {
    margin-top: 17px;

}
/*--------- accueil ------*/
#wrapper_accueil aside {
	display:none;
}
.mod_colsetPart.c38r img{
	width:28vw!important;
	height:auto!important;
	float:none;
	
}
}

@media (max-width: 440px) {
/*-- accueil --*/
#wrapper_accueil #main p, #wrapper_accueil #main ul {
    margin-top: 20px;
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
	margin-bottom:0px!important;
}
  .c62l {
    height: 67vh!important;
}
  .mod_colsetPart.c38r img {
    width: 44vw!important;
    height: auto!important;
    float: left;
    text-align: center;
    display: inline-block;
    align: center;
    /* margin-left: auto; */
    /* margin-right: auto; */
}
.styled_select, #ctrl_target.select {
    width: 200px!important;

}
.mod_quicknav.phone input {
    left: 0px;

}
 body.home .mod_quicknav.phone input {
    left: 6px;

}

.bloc_important h2, h2 {
 font-size: 6.1vw;
    line-height: 6.3vw;
    margin-bottom: 2vw;
}
		
	p, #container, #wrapper_articles aside .eco p {
font-size: 3.8vw!important;
    line-height: 5.5vw!important;
}

.c62l,.c38r  {
	width:100%!important;
}
#wrapper_articles aside nav, .techniques_d_impression, .ce_text.eco {
	width:80%!important;
	float:none!important;
}
.bloc_important li, #wrapper_articles aside nav li, #wrapper_articles aside li span.active, #wrapper_articles aside, #wrapper_articles aside nav a {
font-size: 3.6vw!important;
    line-height: 5.6vw!important;
}
#wrapper_articles aside nav a {
	padding-top:0px;
	padding-bottom:0px;
}

/*---#wrapper_articles aside .eco p {
		font-size: 2vw!important;
    line-height: 1.5vw!important;
}--*/
	
.c33l, .c33r {
    width: 100vw!important;
}
#wrapper_articles #main .c33r .image_container img, #wrapper_articles #main .c33l .image_container img {
	width: 99.9vw!important;

}
#wrapper_articles #main div.subcolumns figcaption, #wrapper_articles #main figcaption {

    width: 90vw!important;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 2vw;
    line-height: 3vw;
}	
	
}