body{background-color:#FFF;background-position:center;margin:0 auto;font-family: 'Poppins', sans-serif; display: flex; min-height: 100vh; flex-direction: column;}
input,select,textarea,button{font-family:inherit}
a:link,a:visited,a:active{color:#000;text-decoration:none;}
a:hover{color:#019875;text-decoration:none;}
.button{float: left;text-align: center; box-sizing:border-box;display:block;position:relative;padding:1.5em;appearance:button;border:0;background-color:#019875;color:#fff;text-transform:uppercase;letter-spacing:.25em;outline:0;cursor:pointer;font-weight:700;border-radius:20px;box-shadow:inset 0 0 0 var(--border-size) currentcolor;transition:background .8s ease;width:80%;margin-left:10%;margin-top:15px;}
.button:hover{background-color:#444}.slideout-menu{padding:20px;padding-top:5px;position:fixed;top:0;right:-362px;width:300px;height:100%;background:#fff;border-left:solid 1px #999;box-shadow:1px 1px 15px #999;z-index:10000;overflow:auto}
a.button{color: #FFF;}
a.button:link{color: #FFF;}
a.button:visited{color: #FFF;}
a.button:active{color: #FFF;}
.slideout-menu .openmenu{position:relative;padding:12px 10px;color:#fff;font-size:1.2em;font-weight:400;border-bottom:4px solid #222}
.slideout-menu-toggle{z-index:10;width:auto;top:12px;right:12px;position:absolute;font-size:14px;color:#019875;padding:1px;font-family:Arial,sans-serif;font-weight:700;line-height:1;font-color:#019875;text-decoration:none;opacity:.6;transition:opacity .2s ease}
#slideout-menu-toggle-conceptionweb{top:auto;right:auto;position:relative}
#slideout-menu-toggle-conceptionweb .picto-devis{width:91px}
.box_impression .slideout-menu-toggle-bas{z-index:10;width:91px;height:91px;font-size:14px;color:#019875;padding:1px;font-family:Arial,sans-serif;font-weight:700;line-height:1;font-color:#019875;text-decoration:none}
.slideout-menu-toggle-bas img{width:100%;max-width:190px; height: auto}
.slideout-menu-toggle:hover{opacity:.9}
.slideout-menu .slideout-menu-toggle,.slideout-menu .slideout-menu-toggle-bas{position:absolute;top:12px;right:10px;display:inline-block;padding:6px 9px 5px;font-family:Arial,sans-serif;font-weight:700;line-height:1;font-color:#019875;text-decoration:none;vertical-align:top}
.slideout-menu .slideout-menu-toggle:hover,.slideout-menu .slideout-menu-toggle-bas:hover{color:#019875}
.slideout-menu ul{list-style:none;font-weight:300;border-top:1px solid #151515;border-bottom:1px solid #454545}
.slideout-menu ul li{border-top:1px solid #454545;border-bottom:1px solid #151515}
.slideout-menu ul li a{position:relative;display:block;padding:10px;color:#999;text-decoration:none}
.slideout-menu ul li a:hover{background:#000;color:#fff}
.slideout-menu ul li a i{position:absolute;top:15px;right:10px;opacity:.5}
.slideout-menu .titres-produits{font-size:14px;margin-bottom:5px; margin-top: 11px; float: left;}
.slideout-menu .soustitrenoir15{font-size:12px; float: left;}
.devis_infos{margin-bottom: 5px;width: 100%;}
.slideout-menu .contentimprimerie,.touslesproduits .contentimprimerie{border:none;box-shadow:none}
.slideout-menu .contenttrust,.touslesproduits .contenttrust{border:none;box-shadow:none}
.openmenu{margin:0; width: 100%;}
.openmenu .slideout-menu-toggle{width:80px}

 /* Tabs produits */
.etabs { margin: 0; padding: 6px 5px 1px 5px;font-size:10px;font-weight:500; }
.tab {display: inline-block;background: #f5f5f5;border: solid 3px #f5f5f5;border-bottom: none;border-radius: 4px 4px 0 0;float: left;margin-left: 2px;margin-right: 2px;}
.tab:hover { text-decoration: none; background: #fff;}
.imglink a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.imglink a:hover { text-decoration: none; }
.imglink a:hover{background-color: #FFF;}
.imglink.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a {line-height: 2em; display: block; padding: 6px 6px 10px; outline: none; }
.tab a:hover { text-decoration: none; }
.tab.active {background: #e5e5e5;position: relative;border-color: #e5e5e5; }
.tab a.active {font-weight: bold; }
.tab-container .panel-container {background: #fff;border: solid #e5e5e5 3px;padding: 15px;border-radius: 0 4px 4px 4px; /* Version standard sans préfixes */}
.tab-container{width: 63%; position: relative; float: left;}
.panel-container { margin-bottom: 10px;  font-size: 12px; line-height: 1.6; font-weight: 200; float: left; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px);}
.titretab{width:60%;height:27px;font-size:18px;line-height:20px;color:#AAABAD;text-align:left;background-position:0 0;position:relative; float: left; padding-top:10px;margin-bottom:10px;text-transform:uppercase; font-weight: 200;}
.panel-containerimg{max-width: 190px; width: 100%; height: auto;mix-blend-mode:multiply;}
.panel-container ul {margin: 0 15px 15px 15px; padding: 0}
.linktab {background-color: #019875;text-transform: uppercase;font-size: 10px;flex-grow: 1;display: flex;align-items: center;justify-content: center;}
.linktab:hover {background-color: #000;}
.imgtab{float: right; width: 34%; text-align: center; border: 1px solid #019875; margin: 0 0 15px 4%; text-transform: uppercase;font-size:13px;letter-spacing:1px;}
.imgtab a{display:block;padding: 6px 2% 5px 2%; width: 96%; font-weight: 700; font-size: 100%;}
.imgtab a:link{color: #FFF}
.imgtab a:visited{color: #FFF}
.imgtab a:active{color: #FFF}
.imgtab:hover{border: 1px solid #000;}
.imgtab:hover .linktab a{background: #000}
.imgdetails{float: left; width: 34%; text-align: center; border: 3px solid #019875; margin: 0 0 15px 4%; text-transform: uppercase;font-size:13px;letter-spacing:1px;}
.imgdetails:hover{background-color: #FFF;opacity:0.5}
.imgdetails a{display:block;padding: 6px 2% 5px 2%; width: 96%; font-weight: 700; font-size: 100%;}
.imgdetails a:link{color: #FFF}
.imgdetails a:visited{color: #FFF}
.imgdetails a:active{color: #FFF}
.imgdetails a:hover{background-color: #DADADA;}
.imgdetails{background-color: #019875; width: 100%;}
.imgdetails:hover{background-color: #DADADA;}
.imgdetails img:hover{mix-blend-mode: overlay; z-index: 1;}
.imgimpression{float: left; width: 22%; text-align: center; border: 1px solid #019875; margin-bottom: 20px; letter-spacing:0.5px; box-sizing: border-box; height: auto;display: flex;flex-direction: column;justify-content: space-between;}
.imgimpression img {width: 100%;height: auto;max-height: 200px;object-fit: cover; }
.imgimpression:hover{border: 1px solid #000;}
.imgimpression:hover .linktab a{background-color: #000}
.imgimpression a{display:block;padding: 6px 2% 5px 2%; width: 96%; font-weight: 700; font-size: 100%;}
.imgimpression a:link{color: #fff}
.imgimpression a:visited{color: #fff}
.imgimpression a:active{color: #fff}
.impression-en-ligne{width: 65%; position: relative;float: left; margin-top:0px;margin-bottom: 15px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap:20px;}
 /* Fin Tabs produits */

 /* Debut control CSS */
.form-mailing{width:100%;margin:0 auto;background-color:#f9f9f9;padding:20px;box-shadow:0 0 10px #0000001a;font-family:'Poppins',sans-serif;box-sizing:border-box}
.form-mailing h3{text-align:center;color:#019875;margin-bottom:15px;margin-top: 0; font-size:18px; text-transform: uppercase;}
.form-mailing label{font-size:13px;font-weight:600;color:#333;display:block;margin-top:10px;margin-bottom:4px}
.form-mailing input:not([type="checkbox"]),.form-mailing textarea{padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;width:100%}
.form-mailing input[type="checkbox"]{padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;width:auto;display:inline-block;vertical-align:middle;margin-right:8px}
.form-mailing button{width:100%;background-color:#019875;color:#fff;font-weight:700;text-transform:uppercase;border:none;padding:12px;border-radius:4px;cursor:pointer;margin-top:15px;transition:background-color .3s}
.form-mailing button:hover{background-color:#017c65}
.form-checkbox{margin-top:15px;font-size:12px;display:flex;align-items:flex-start;gap:10px}
.form-checkbox input[type="checkbox"]{margin-top:13px}
.form-checkbox label{font-weight:400;color:#444;line-height:1.4;text-align: left;font-size: 12px;}
.form-checkbox a{color:#019875;text-decoration:underline}
.picto-devis{width:100%;height:auto}
.picto-devis-bas{margin-top:35px;opacity:.6;transition:opacity .2s ease}
.picto-devis-bas:hover{opacity:1}
.box_impression .openmenu .picto-devis-bas{margin-top:17px}
hr{width:100%;color:#CCC;float:left;border:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}
.hrfade{border:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0.75),rgba(0,0,0,0))}
.imprimerie-en-ligne a:link,.imprimerie-en-ligne a:visited,.imprimerie-en-ligne a:hover,.imprimerie-en-ligne a:active{color:#000;text-decoration:none}
.imprimerie-en-ligne em a:link,.imprimerie-en-ligne em a:visited,.imprimerie-en-ligne em a:active{color:#666;text-decoration:none}
.imprimerie-en-ligne em a:hover{color:#019875;text-decoration:none}
td{background-position:center;border:0;text-align:center}
#all{width:94%;margin:0 auto;max-width:1024px;position: relative; -webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}
#bandeau{
    background-color:#3b3b3b;
    position:relative;
    width:100%;
    z-index:2;
    text-align:right;
    padding: 0;
    margin-top:0;
    margin-right:0;
    margin-left:0;
}
#texte_bandeau a{
    display: inline-block;
    font-size: 12px;
    
}
#texte_bandeau a.with-icon{
    padding: 10px;    
}
#texte_bandeau a.with-icon span{
    display: flex;    
}
#texte_bandeau a.with-icon span img{
    height: 15px;
    margin-right: 5px;    
}
.sr-bouton{
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
#search_bar{position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);}
#mg_search{width:15px;height:auto;display:block;padding-left:22px}
#search_bar_input{
    width: 0;
    transition: 1s;
    background-color: #fff;
    padding: 5px;
    visibility: hidden;
    border: none;
    border-radius: 4px;
    color: #fff;
}
.texte_bandeau{padding-top:.2%;padding-right:10px;position:relative;text-align:right;padding-left:5px;font-size:11px;color:#FFF;text-transform:uppercase;letter-spacing:.5px}
#texte_bandeau a:link{color:#fff;text-decoration:none}
#texte_bandeau a:visited{color:#fff}
#texte_bandeau a:hover{color:#3b3b3b}
#texte_bandeau a:active{color:#fff}
#all_banniere{width:100%;padding: 10px 0 30px;margin-top:0;margin-bottom:30px;background-y-size:100%;background:100%;background-position:center}
.pointille{border-bottom:1px dashed #D8D8D8;font-size:13px}
.fleche{position:absolute;right:5%;color:#666}

#slogan{color:#999;font-size:14px;text-align:right;margin-bottom:20px;margin-right:10px}
#logo{width:100%;position:relative;text-align:center}
#logo img{border:0}
#search_results{background-color:#fff;position:absolute;box-shadow:-5 0 3px #000;top:24px;left:17px}
#search_results ul{list-style:none;margin:0;padding-left:0;min-width:150px;max-width:350px;max-height:246px;overflow-y:hidden}
#search_results ul a{text-align:left;line-height:40px;font-size:11px;font-weight:700;padding-left:20px;padding-right:10px;border-bottom:solid 1px #ccc;text-transform:uppercase;display:none;width:calc(100% - 20px);height:auto;}
#search_results ul a:link,#search_results ul a:visited,#search_results ul a:active{color:#000}
#search_results ul a:hover{color:#019875}
.titleprintindex{font-size:18px;color:#000;line-height:22px;text-transform:uppercase;text-align:center;margin-bottom:15px;margin-top:15px;position:relative;float:left;width:100%}
#titleprint{font-size:18px;color:#000;line-height:22px;text-transform:uppercase;font-weight:700;text-align:center;margin-bottom:15px}
#titleprint h1{height:auto}
#titleagence{width:70%;float:left;margin-bottom:34px;position:relative;margin-top:15px}
#title_impression{width:70%;float:left;margin-bottom:15px;position:relative;margin-top:15px}
#title{text-align:center;width:100%;float:left;margin-bottom:10px;position:relative;}
#titlepack{text-align:center;width:300px;float:left;margin-bottom:10px;position:relative}
.footergris{position:relative;background-color:#3B3B3B;padding-top:12px;bottom:0;padding-bottom:30px}
.footergris a:link,.footergris a:visited,.footergris a:active{color:#FFF;text-decoration:none}
.decouvrir{width:280px;position:relative;float:left;background-color:#AAABAD;color:#FFF;text-align:center;padding:5px;font-size:14px;font-family:Arial,Helvetica,sans-serif;margin-top:35px}
.print_btn100{width:100%;position:relative;float: right;}
.decouvrir2{width:205px;position:relative;background-color:#019875;color:#FFF;text-align:center;padding:5px;font-size:14px;font-family:Arial,Helvetica,sans-serif;margin:0;float: right;}
.decouvrir2 a:link, .decouvrir2 a:visited, .decouvrir2 a:active{color:#FFF}
.decouvrir2 a:hover{background-color:#AAABAD}
a .decouvrir2:hover{background-color:#AAABAD}
.decouvrir2:hover{background-color:#AAABAD}
#go-prev,#go-next{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}
#go-prev:hover,#go-next:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
#footer{width:100%;position:relative;text-align:center;margin-top:50px;clear:both;float:left; line-height: 15px;}
#footerbottom{text-align:center;margin-top:20px}
#footer a:hover{color:#72a60b}
.contentimprimerie{overflow-x:hidden;padding:30px;border-left:solid 3px #019875;width:calc(100% - 63px);position:relative;float:left;margin-bottom:20px;font-size:12px; text-align: left;}
.contentimprimerieenligne{padding:0 5%;width:90%;position:relative;float:left;margin-bottom:20px;display: flex;flex-wrap: wrap;justify-content: flex-start;gap:8.5%;}
.contentimprimerie2{overflow-x:hidden;padding:30px;border-left:solid 3px #019875;width:50%;position:relative;float:left;margin-bottom:20px; margin-left: 22%; font-size:12px; text-align: left;}
.produits-imprimerie{width:13%;height:115px;font-size:10px;font-weight:600;float:left;text-align:center;margin:0 0 20px;position:relative; padding: 0;}
.produits-imprimerie img{max-width:100%;height:auto}
.contenttrust{overflow-x:hidden;padding:30px;border-left:solid 3px #019875;width:calc(100% - 63px);position:relative;float:left;margin-bottom:20px;font-size:12px;text-align:center!important}
.contenttrust .tab_left p a,.contenttrust .tab_left ul li a,.contenttrust .impression-imprimer_txtbold strong a{color:#000}
.contenttrust .tab_left p a:hover,.contenttrust .tab_left ul li a:hover,.contenttrust .impression-imprimer_txtbold strong a:hover{color:#000}
.contentcommande{width:95%;position:relative;float:left}
.conception-charte{width:86%;float:left;text-align:justify;padding:5px 7%;margin:10px 0;height:130px}
.imprimerie-en-ligne{overflow-x:hidden;padding:40px;padding-top:20px;padding-bottom:10px;border-left:solid 3px #019875;width:65%;position:relative;float:left;margin-bottom:20px;font-size:13px;line-height:1.6; font-weight: 200;}
.presentation-imprimerie{background-image: url("images/imprimerie.jpg"); background-size: auto; width:48%; height:200px; position: relative; float: left; margin-right: 2%; margin-bottom: 10px;}
.presentation-agence{background-image: url("images/agencedecommunication.jpg"); background-size: auto; width:48%; height:200px; position: relative; float: left; margin-left: 2%; margin-bottom: 10px;}
.presentation-impression-marketing{text-align: center; width: 100%; margin-top: 80px; height: 120px; color: #000; font-size: 15px; text-transform: uppercase;}
#all > .contentimprimerie::before,.contentimprimerie::after,#all > .contenttrust::before,.contenttrust::after,#all > .imprimerie-en-ligne::before,.imprimerie-en-ligne::after,#compteclient_imprimerie-en-ligne::before,#compteclient_imprimerie-en-ligne::after{content:'';position:absolute;top:0;left:0;border-color:transparent;border-style:solid}
#all > .contentimprimerie::before,#all > .contenttrust::before,#all > .imprimerie-en-ligne::before,#compteclient_imprimerie-en-ligne::before{border-width:1.5em;border-left-color:#ccc;border-top-color:#ccc}
#all > .contentimprimerie::after,#all > .contenttrust::after,#all > .imprimerie-en-ligne::after,#compteclient_imprimerie-en-ligne::after{border-width:1.35em;border-left-color:#019875;border-top-color:#019875}
#all > .contentimprimerie,#all > .imprimerie-en-ligne{background-color:#FFF;border:solid 1px #f2f2f2}
#all > .contentimprimerie2::before,.contentimprimerie2::after{content:'';position:absolute;top:0;left:0;border-color:transparent;border-style:solid}
#all > .contentimprimerie2::before{border-width:1.5em;border-left-color:#ccc;border-top-color:#ccc}
#all > .contentimprimerie2::after{border-width:1.35em;border-left-color:#019875;border-top-color:#019875}
#all > .contentimprimerie2,#all > .imprimerie-en-ligne{background-color:#FFF;border:solid 1px #f2f2f2}
#all > .contenttrust,#all > .imprimerie-en-ligne{background-color:#FFF;border:solid 1px #f2f2f2}
#all > .imprimerie-en-ligne{width:58%}
.img_presentation{float:left;width:50px;height:50px;margin-right:10px}
.img_nom_avis{float:left}
.no_cadre{border:none}
.cadre1px{border:solid 1px}
.textenoir14bold > li{display:inline-block;list-style:none;height:auto;max-width:180px;width: 40%; padding-left:0;text-align:left;font-size:11px;text-transform:uppercase;border:solid 1px;border-color:#ccc;margin:4px;margin-bottom:6px;background-color:#f2F2F2;-webkit-transition:border-color .5s;transition:border-color .5s}
.textenoir14bold > li:hover{border-color:#999}
.displaytexte{height:auto;width:180px;padding-left:3px;color:#000;font-weight:700}
.displaytexte a,.display a{text-transform:uppercase}
.display{font-weight:700;padding-left:3px}
.imprimerie-agencedecom{width:100%;position:relative;float:left}
.boxcommunication{width:calc(28.8% - 8px);text-align:center;font-size:13px;line-height:17px;padding:2%;float:left;position:relative;margin-bottom:15px;height:400px}
.boxcommunicationhover{color:#000}
.boxcommunication:hover{background:#F6F6F6;color:#000}
.boxcommunication a:hover{color:#000}
.titreboxcommunication{font-size:18px;text-transform:uppercase;width:100%;text-align:center;margin-bottom:10px}
.boxcommunication ul{margin:0;padding:0}
.avisclient{font:13px;line-height:15px;text-align:left;color:#000;height:80px;width:100%;overflow:scroll}
#boxavisclient{border:solid 1px #f2f2f2;text-align:center;padding:2%;font-size:13px;color:#000;line-height:14px;position:relative;float:left;width:95.3%;margin-top:10px;margin-bottom:10px;background-color:#FFF}
#colonnemission{background-position:0 0;background-repeat:no-repeat;float:right;width:45%;font-size:12px; line-height: 15px; margin:0;padding:30px 2.5% 0;text-align:justify}
a .imprimer{opacity:.6;transition:opacity .2s ease}
a .imprimer:hover{opacity:1}
.slideboxconception{font:13px Arial,Helvetica,sans-serif;color:#000;height:190px;width:200px}
#agence-com{padding:10px;font-size:11px;color:#000;text-align:justify;position:relative;float:left;margin-top:10px;width:100%;padding-left:0}
.touslesproduits{width:100%;position:relative;margin-top:10px;float:left}
#FORM_DEJA .Oubli{color:#000;font-style:italic;font-size:12px}
#divavertissement{width:100%;position:fixed;left:0;right:0}
#compteclientconnexion{border:1px solid #CCC;font:13px Arial,Helvetica,sans-serif;text-align:left;width:auto;position:relative;margin-bottom:25px;padding:10px;max-width:630px;background-color:#fff}
#cpteclientimprimerie{padding-left:30px;font-size:18px;padding-top:11px}
#divavertissement .Avertissement{margin-left:0;margin-right:0;text-align:center;font-size:13px;padding:50px;}
#compteclient_imprimerie-en-ligne{width:59%;font-size:13px;text-align:left;color:#000;padding-bottom: 15px;position:relative;max-width:650px;background-color:#fff;margin-right:1%;float:left;margin-bottom:10px}
#compteclient_imprimerie-en-ligne #container{width:40%;text-align:left;padding-top:5px;float:left;position:relative;color:#019875;font-size:13px;line-height:20px;font-weight:700}
#compteclient_imprimerie-en-ligne #container img{width:90%;height:auto;margin-left:4%;margin-right:4%}
#compteclient_imprimerie-en-ligne #container2{width:54%;font-size:13px;text-align:left;color:#000;padding-top:5px;margin-left:20px;float:left;position:relative}
#compteclient_imprimerie-en-ligne #container2 #divleft{width:50%;float:left;position:relative;font-size:14px;line-height:26px;}
#compteclient_imprimerie-en-ligne #container2 #divright{width:50%;float:right;position:relative;font-size:14px;line-height:25px;}
#compteclient_imprimerie-en-ligne #container2 #divright .Champ1{margin-bottom:4px}
#compteclientbox{border: solid 1px #019875;padding-top: 5px}
.form_text{width: 82px;}
.container-top-compte{position:relative;width:95%;margin:15px}
.container-top-compte .label-group-fst label{display:flex;align-items: center; margin-bottom: 10px;}
.container-top-compte label p{width: 82px}
.container-top-compte select{width: 174px;height: 26px;padding-left:5px}
.container-top-compte input[type=text]{width: 163px;height: 20px;padding-left:5px}
.container-top-compte input[type=password]{width: 150px;height: 20px;padding-left:5px}
.container-top-compte input[type=submit]{text-align:center;margin-top:15px;height:32px}
#compteclientconnexion label{display:inline-block;width:100%}
#compteclientconnexion label:last-child{width:auto}
#captcha-img{float:none}
#compte_client_form_content{width:95%;position:relative;float:left;background-color:#fff;padding:15px;border:solid 1px #ccc;font-size:12px}
#container{width:40%;text-align:left;padding-top:5px;padding-left:5px;float:left;position:relative;color:#019875;font-size:14px;line-height:30px;font-weight:700}
#container #img_compte_client{width:100%;margin-top:5px}
#container2{position:relative;float:right;width:55%;margin-top:5px}
#divleft{width:45%;float:left;position:relative;font-size:12px;line-height:18px;border:solid 1px #ccc;padding:1%;margin:1%;background-color:#fff}
.divleftconnexion{font-size:12px;line-height:18px;border:solid 1px #ccc;padding:3%;margin:3% 0 0}
.divleftconnexion h2{margin:0 0 20px}
.divleftconnexion label{margin:5px 0;display: inline-block;}
.divleftconnexion .label-group label{margin-bottom: 3px;display: inline-block}
.divleftconnexion .label-group label:first-child{display: block}
.divleftconnexion .label-group label:first-child input{width: 97%;}
.divleftconnexion .label-group .radio-fst label{margin:0}
.divleftconnexion .label-group .radio-fst input{margin:0}
.divleftconnexion .label-group .radio-fst p{margin-bottom:0}
.divleftconnexion .label-group .radio-fst p:last-child{margin-top:5px}
.addlivraison{display:none;margin-top:0;border-top:none;background:#ededed}
.choixpass{display:none}
.passbox{margin-top:20px}
.passbtn{margin-left: -5px;height: 26px;border: none;background: #555;color: #fff;cursor: pointer}
.cgucheck{width:95%;margin-top:15px}
.cgucheck a{text-decoration:underline}
.tvapopup{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.7)}
.tvabox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 600px;background: #fff;padding: 30px;font-size: 14px;}
.tvabox label{display: block}
.tvabox input[type=button]{margin-top: 20px}
.tvabox input[type=text]{width: 250px;padding: 10px 15px}
.tvarecap{border:1px solid #ccc; padding: 0 1em 1em;margin-top: 10px;}
.tvarecap p{font-size: 12px;}
.tvarecap input[type=text]{width: 190px;height: 22px;padding: 0 15px;margin-right: 10px;font-size: 12px;float: left;}
#devisenligneorder .cgucheck{font-size: 12px;padding: 15px;width: auto}
.infotrait{display: inline-block;font-size: 12px;padding: 0 15px;}
.icon-title{display: flex;align-items: center}
.icon-title .icon{position: relative;background: #abc46e;color: #fff;width: 50px;height: 50px;border-radius: 50%;font-size: 26px}
.icon-title .icon i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.icon-title .title h2{margin: 0;padding: 0 0 0 15px;height: auto;font-size: 18px;}
.icon-title .title p{margin: 0;padding: 0 0 0 15px;height: auto;color: #c00;font-weight: 700}
.payment-method{display: flex;align-items: center;margin-top: 15px}
.payment-method input[type="radio"]{display: none}
.payment-method label{display: block;color: #757575;background: #e4e4e4;padding: 35px 0px;border-radius: 7px;text-align: center;width: 133px;margin: 0 4px;font-size: 12px;font-weight: 700;cursor: pointer}
.payment-method label i{display: block;font-size: 26px;margin-bottom: 15px}
.payment-method input[type="radio"]:checked + label{color: #fff;background: #abc46e}
.payment-method input[type="radio"]:focus + label{color: #fff;background: #abc46e}
.payment-method label:hover{background: #d8d8d8}
.prix-total{clear: both}
.prix-total p{margin: 0 0 10px;font-weight: bold;text-transform: uppercase}
.prix-total p.noweight{font-weight: normal}
#bonvalid{position: relative;color: #00a500;font-size: 29px;bottom: -6px;left: 7px;}
.oldprice{text-decoration: line-through;color: #8a857d}
.tonew{color: #00a500}
.newprice{font-weight: bold}
.bon_desc p{font-size: 12px;margin: 0 0 3px}
.bon_desc p.green{color: #00a500;font-weight:bold;}
#divright{width:45%;float:right;position:relative;font-size:12px;line-height:18px;border:solid 1px #ccc;padding:1%;margin:1%;background-color:#fff}
.form_input_left{float:left;width:50%;font-size:12px;line-height:14px;text-align:left; margin-bottom: 0;}
.contactcontentform{color:#000;font-size:12px;line-height:14px;width:100%; float: left; position: relative; margin-bottom: 15px;}
#mag_title{width:54%;float:right;margin-bottom:20px;position:relative;text-align: left;}
#print_illu{width:40%;float:left;position:absolute;text-align: left; margin-right: 4%; padding: 0; bottom: 15px; top: 15px;  background-size: cover; opacity: .5;}
#print_illu img{width:100%;height:auto;}
#print_content{width:54%;float:right;position:relative;text-align: left;}
.print_elements_left{width:34%;float:left;position:relative;text-align: center; font-size: 10px; font-weight: 500; border:solid 1px #ccc;height: 135px; margin: 0 7% 20px 0; padding: 10px;overflow: scroll;}
.print_elements_left img{width: 50%; height: auto; margin: 0 25% 10px 25%;}
.print_elements_right{width:37%;float:left;position:relative;text-align: center; font-size: 10px; font-weight: 500; border:solid 1px #ccc;height: 135px; margin: 0 0 20px 0; padding: 10px;overflow: scroll;}
.print_elements_right img{width: 50%; height: auto; margin: 0 25% 10px 25%;}
.soustitre-mag{font-size:15px;font-style:italic;line-height:18px; font-weight: 200;}
.titres-mag{font-size:21px;color:#000;line-height:20px;text-transform:uppercase; font-weight: 900;}
.mag_chapitre{width:96%;position:relative;float:left;margin-bottom:30px;padding:2%;border:solid 1px #ccc; color: #000; font-size: 12px; font-weight: 500; background-color: #fff}
.mag_chapitre img{max-width:100%;mix-blend-mode:multiply;}
.mag_imprimerie{width:100%;position:relative;float:left;}
.mag_imprimerie1{width:67%;position:relative;float:left;}
.mag_imprimerie2{width:30%;position:relative;float:right;margin-left:3%; margin-bottom: 25px;}
.mag_right{position:relative;float:left;}
.article_mag{width:96%; padding: 2% 2% 3% 2%; text-align:center;float:right;position:relative;background-color:#019875;border:solid 1px #019875; font-size: 14px; font-weight: 900; color: #FFF; text-transform: uppercase; margin-bottom: 10px;}
.article_mag img{width:100%; height: auto; margin-bottom: 5px;}
.article_voiraussi{width:96%; padding: 2%; margin-bottom:5px;float:right;position:relative;background-color:#FFF;border:solid 1px #ccc; margin-top: 10px;}
.article_voiraussi2{width:96%; padding: 2% 2% 0 2%; text-align:center;float:right;position:relative;font-size: 14px; font-weight: 500; color: #666; text-transform: uppercase;}
.article_mag2{width:96%; padding: 2% 2% 3% 2%; text-align:center;margin-top:10px;float:right;position:relative;background-color:#FFF;border:solid 1px #ccc; font-size: 14px; font-weight: 500; color: #666; text-transform: uppercase;}
.article_mag2 img{width:100%; height: auto; margin-bottom: 5px;}
.article_mag2:hover{background-color:#666; color: #FFF;}
.services_printandweb{width:63%;position:relative;float:left;margin-bottom:30px;background-color:#fff;padding:2%;border:solid 1px #ccc}
.description-prestation{width:70%;text-align:left;margin-top:0;position:relative;float:left;padding:2% 0 0}
.description-index{width:98%;text-align:left;position:relative;float:left;font-size:13px;line-height:19px;margin-bottom:10px;margin-top:20px}
.description-index li{margin-bottom:10px;margin-left:15px}
.img-index{position:absolute;right:5px;bottom:5px;width:30%;height:auto}
.img-index img{width:100%;height:auto;opacity:.4}
.img-prestation{position:relative;float:left;width:25%;height:auto;text-align:center;margin:20px 10px 0 10px}
.img-prestation img{max-width:85%;height:auto;margin:0 auto}
.div-packs-prestations{text-align:left;margin:3px 5px 15px 10px;color:#444;font-weight:700;font-size:11px;}
.box_devisimpression{margin:0 auto;text-align:center;width:100%;position: relative; height: 90px; float: left;}
.box_devisimpression a:link{color:#FFF;}
.box_devisimpression a:visited{color:#FFF;}
.box_devisimpression img{min-height: 100%; height: auto; max-width: 100%; width: auto; margin: auto; position: absolute; right: 0; left: 0; top: 0;}
.box_identite{width:17%;float:left;position:relative;padding:1%;padding-top:10px;font-size:11px;font-weight:700;color:#000;text-align:center;border:1px solid #FFF;max-width:100px}
.box_identite img{max-width:100%;height:auto;border:0}
.box_identite_imp{display:inline-block;width:22%;position:relative;padding:1%;padding-top:10px;font-size:11px;font-weight:700;color:#000;text-align:center;border:1px solid #FFF;margin-bottom:5px; float: left;height: 135px}
.box_identite_imp img{max-width:100%;height:auto;border:0}
.box_identite_imp:hover{border:1px solid #CCC}
.box_identite:hover{border:1px solid #CCC}
.produits_imprimerie_hero{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:30px 0;width: 100%;}
.produits_imprimerie,.produits_imprimerie_flyer{background:#FFF;color:#000;font-size:12px;text-align:center;position:relative;float:left;width:48%;margin:.5%;margin-bottom:20px;border:solid 1px;border-color:#f2f2f2;}
.produits_imprimerie_tarifs{flex:0 0 calc(50% - 10px);box-sizing:border-box;background-color:#fff;border:1px solid #f2f2f2;padding:15px}
.produits_imprimerie_tarifs img{max-width:100%;height:auto;margin:0 auto}
.produits_imprimerie_tarifs{height:auto}
.produits_imprimerie_flyer{height:390px}
.produits_imprimerie:hover,.produits_imprimerie_tarifs:hover{border:solid 1px #999;box-shadow:0 0 12px #CCC}
.produits_imprimerie > img,.produits_imprimerie_tarifs > img{border-color:#E5E5E5;max-width:100%;height:auto;border:1px}
.produits_imprimerie_flyer:hover{border:solid 1px #999;box-shadow:0 0 12px #CCC}
.produits_imprimerie_flyer > img{border-color:#E5E5E5;max-width:100%;height:auto;border:1px}
.produits_imprimerie_small{background:#FFF;font-family:Arial,Helvetica,sans-serif;color:#000;font-size:12px;text-align:center;position:relative;float:left;width:29%;margin-right:2%;margin-bottom:30px;border:solid 1px;border-color:#f2f2f2;height:275px; padding: 1%}
.produits_imprimerie_small:hover{border:solid 1px #999;box-shadow:0 0 12px #CCC}
.produits_imprimerie_small img{border-color:#E5E5E5;width:100%;height:auto;border:1px}
.descriptionslideproduit{width:96%;color:#000;font-size:12px;padding:2%;text-align:justify;line-height:14px}
.descriptionslideproduit u{font-weight:700;text-decoration:none}
.descriptionslideproduitlongue{width:96%;color:#000;font-size:12px;text-align:justify;line-height:14px;padding:2%;position: relative;float: left;}
.tarifs_imprimerie{width:94.5%;color:#000;font-size:12px;text-align:left;line-height:16px;padding:2%;padding-left:3%;position:relative;float: left;}
#printapropos{width:67%;margin-bottom:10px;padding-bottom:10px;position:relative;float:left}
#printapropos2{width:67%;margin-bottom:10px;padding-bottom:10px;position:relative;float:left}
#details_imprimerie{width:30%;float:right;text-align:center;}
#devis_impression{width:100%;text-align:center;margin-bottom:5px;float:right;position:relative;background-color:#019875;border:solid 1px #019875;padding-top:10px;padding-bottom:10px}
.imprimerie-en-ligne em{font-style:normal;font-weight:700}
.imprimerie-en-ligne img{float:right;border:0}
.imprimerie-en-ligne ul{margin:11px;margin-bottom:20px;padding:0}
.imprimeur-en-ligne{width:100%;padding-left:20px;font-size:12px;text-align:left;color:#000;float:left;position:relative;margin:0 0 20px}
.imprimeur-en-ligne ul{margin:0;padding:0}
#produitsslider{width:350px;text-align:center;padding-bottom:20px;padding-left:0;padding-right:0;float:left;position:relative}
.tab_packs{text-align:left;width:50%;position:relative;}
.tab_left{text-align:left;float:left;position:relative;width:45%;margin-left:3%}
.tab_left img{max-width:100%}
.tab_devis_info{text-align:left;float:right;position:relative;width:35%;margin-left:3%; padding: 2%; background-color: #f2f2f2; font-size: 11px; color: #000;}
.tab_devis_info img{max-width:100%; height: auto;}
.tab_devis_info ul{margin:15px;padding:0}
.slideout-menu .tab_left{width:auto;margin-left:0}
#tab_recap{width:560px;margin-top:14px;position:absolute}
#tab_recap2{width:45%;text-align:left;position:relative}
.tab_recap2.tab_prix{position: absolute;bottom: 25px;right: 50px;background: #d8d8d8;padding: 20px;}
.tab_recap2.tab_caract{font-size: 15px;}
#tab_prix{width:450px;text-align:center}
.caract_plus{margin-top: 20px;}
.caract_plus p{margin: 0 0 7px; color: #555; font-size: 13px;}
.caract_plus p strong{font-weight: 700;}
.caract_plus p i{font-weight: 700; font-size: 18px;cursor: pointer}
.info-bull{position: absolute;z-index: 999;background: #d8d8d8;top: 0;bottom: 26px;right: 0;width: 50%;padding: 10px 40px;font-size: 14px;line-height: 20px;overflow: auto;border: 2px solid #555;}
.info-bull h5{font-size: 16px}
.info-bull .close{position: absolute;top: 0;right: 0;background: #555;padding: 5px 10px;color: #fff;cursor: pointer;}
#CommandeRecap .caract_plus p .ChampLivraison{margin-top: 0}
#tab_left_pdt_form_confirmation{text-align:left;float:left;width:700px}
.packs{text-align:left;width:542px;float:left;padding-right:10px}
.bouton{color:#000;font-size:12px;cursor:pointer;position:absolute;left:0;bottom:0;text-transform:uppercase}
.bouton:hover{text-decoration:underline}
.texte{color:#333;float:left;position:absolute;background-color:#FFF;border:1px solid #000;right:0;top:0;width:65%;padding:10px;height:230px;overflow:auto;z-index:20000;display:none}
.texte:hover{color:#000}
.texte img {max-width: 100%;}
#menu,#megamenu{width:94%;max-width: 1024px;margin: 30px auto 0 auto}
#menu ul li ul{padding-top:5px}
#menu ul{z-index:2;margin:0;padding:0;width:100%;font-weight:100;font-size:13px;text-align:center}
#menu ul li ul li{margin-bottom:0;padding-top:5px;padding-bottom:5px;margin-top:0;margin-left:3px;width:100%;}
#menu ul li ul li ul{margin-left:0}
#menu li{padding-top:2px;list-style:none;position:relative;width:20%;float:left}
#menu ul li a{padding-top:2px;color:#000;text-decoration:none;display:block;text-align:center;height:27px;position:relative}
#menu ul ul{position:absolute;visibility:hidden}
#menu ul li:hover ul{visibility:visible;background-color:#FCFCFC;border-left:1px solid #F2F2F2;border-right:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;border-top:1px solid #F2F2F2;font-family:Arial,regular;padding-bottom:10px;z-index:20000000}
#menu li ul ul{left:100%;display:none;top:-2.75px}
#menu li ul ul a:hover{display:block}


#megamenu nav>ul{
    display: flex;
    justify-content: space-between;
}
#megamenu nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#megamenu nav>ul{
    text-align: center;
    border-top: 1px solid #8c8c8c;
}
#megamenu nav>ul>li{
    text-align: center;
    flex-grow:4;
}
#megamenu nav>ul>li i{
    display: none;
}
#megamenu nav>ul>li>a{
    font-size: 15px;
    
    font-weight: 100;
    text-transform: uppercase;
    padding: 15px 55px 26px;
    display: block;
    position: relative;
}
#megamenu nav>ul>li:first-child>a{
    padding: 15px 55px 26px 0; 
}
#megamenu nav>ul>li.devis>a {
    background: #019875;
    border-radius: 4px;
    padding: 11px 20px;
    margin-top: 4px;
    display: inline-block;
	color:#FFF;
}
#megamenu nav>ul>li.devis:hover>a {
    background: #444;
    color: #FFF;
}
#megamenu nav>ul>li.devis>a::after,
#megamenu nav>ul>li.devis:hover>a::after{
    display: none;
}
#megamenu nav>ul>li>a::after{
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 21.7px 12.5px;
    border-color: transparent transparent #019875 transparent;

}
#megamenu nav>ul>li:first-child>a::after{
    left: 30%;
}
#megamenu nav>ul>li .megamenu-sub{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    border-top: 1px solid #000 ;
    border-bottom: 1px solid #000 ;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.83); 
    box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.83);
}
#megamenu nav>ul>li:hover .megamenu-sub{
    display: block;
}
#megamenu nav>ul>li:hover>a::after{
    display: block;
}
#megamenu nav>ul>li .megamenu-sub-row{
    background: #fff;
}
#megamenu nav>ul>li .megamenu-sub-row-container{
    display: flex;
    justify-content: space-between;
    width: 94%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 25px 0 45px;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col{
    padding: 0;
    text-align: left;
    width: 24%;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col>a{
    display: block;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col>a:hover img,
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col>a:hover h3{
    opacity: 0.6;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col img{
    width: 85px;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col h3{
    font-size: 16px;
    color: #b3b5b5;
    margin: 15px 0 8px;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col h4{
    font-size: 14px;
    margin: 8px 0;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col h3 a{
    font-size: 16px;
    color: #b3b5b5;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col p{
    font-size: 12px;
    padding-right: 15px;
    margin: 8px 0 15px;
}
#megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col ul>li>a{
    display: block;
    padding: 3px 0;
    font-size: 14px;
}
.hamburger-icon{
    display: none;
}

@media (max-width: 990px){
    #megamenu nav>ul>li>a {
        padding: 15px 2px 26px;
    }
}


@media (max-width: 650px){
    #megamenu nav>ul>li>a {
        font-size: 15px;
    }
}

@media (max-width: 640px){
.produits-imprimerie{width:27%;height:115px;font-size:10px;font-weight:600;float:left;text-align:center;margin:0 0 25px;position:relative; padding: 0;}
    #slogan{display:none}
#logo img{border:0;width:100%;height:auto;max-width:228px}
#titleagence{text-align:center;width:calc(100% - 15px);float:left;margin-bottom:20px;position:relative;margin-left:15px}
#title_impression{text-align:center;width:calc(100% - 15px);float:left;margin-bottom:15px;position:relative;margin-left:15px}
#boxavisclient{display:none}
.description-index{width:100%;text-align:left;margin-top:0;position:relative;float:left;padding:2% 0 0;font-size:14px;line-height:20px}
.img-index{position:relative;float:left;width:100%;height:auto}
.description-prestation{width:100%;text-align:left;margin-top:0;position:relative;float:left;padding:2% 0 0}
.img-prestation{position:relative;float:left;width:100%;height:auto}
#agence-com{display:block}
.boxcommunication{width:calc(96% - 8px);height:auto}
.img-index img{margin-top:0;width:40%}
#content-imprimerie-right{width:100%;float:none;margin-top:5px}
#container,#container2{width:100%}
.commandeenligne_left,.commandeenligne_right{width:100%}
.logotrust{width:100%}
#all_banniere {display: flex;justify-content: space-between;width: 100%;padding-top: 0;margin-top: 0;margin-bottom: 30px;padding-right: 0;padding-left: 0;background-position: -402px -37px;background-repeat: no-repeat;}  
	#logo {width: 50%;float: inherit;}
    .hamburger-icon{
        display: block;
        position: relative;
        width: 50%;
    }
    .hamburger-icon i{
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 30px;
    }
    #megamenu{
        display: none;
        width: auto;
        max-width: inherit;
        margin: inherit;
        position: absolute;
        top: 144px;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 999;
        -webkit-box-shadow: 0px 0px 8px -3px rgb(0 0 0 / 83%);
        box-shadow: 0px 0px 8px -3px rgb(0 0 0 / 83%);
    }
    #megamenu nav>ul {
        display: inherit;
        justify-content: inherit;
        
    }
    #megamenu nav>ul>li {
        text-align: left;
        border-bottom: 1px solid #000;
        position: relative;
    }
    #megamenu nav>ul>li>a {
        font-size: 14px;
        padding: 20px 25px;
    }
    #megamenu nav>ul>li i {
        display: block;
        position: absolute;
        right: 27px;
        top: 15px;
        width: 30px;
        height: 30px;
        background: #019875;
    }
    #megamenu nav>ul>li i.fa-chevron-down:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
    }
    #megamenu nav>ul>li i.rotate.fa-chevron-down:before {
        transform-origin: 23% 24%;
        transform: rotate(180deg);
    }
    #megamenu nav>ul>li.devis>a {
        margin: 15px 22px;
    }
    #megamenu nav>ul>li .megamenu-sub {
        display: none;
        position: inherit;
        left: inherit;
        right: inherit;
        border-bottom: none;
        padding-bottom: 25px;
        background: #f5f5f5;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #megamenu nav>ul>li .megamenu-sub-row {
        background: inherit;
    }
    #megamenu nav>ul>li .megamenu-sub-row-container {
        display: inherit;
        justify-content: inherit;
        width: 100%;
        max-width: inherit;
        margin: inherit;
        padding: inherit;
    }
    #megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col {
        padding: 0;
        width: inherit;
    }
    #megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col img {
        display: none;
    }
    #megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col h3,
    #megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col h4,
    #megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col p {
        font-size: 14px;
        padding: 5px 25px;
    }
    #megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col h3{
        color: #000;
    }
    #megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col p {
        font-size: 12px;
    }
    #megamenu nav>ul>li .megamenu-sub-row .megamenu-sub-col ul>li>a {
        padding: 5px 25px;
        font-size: 12px;
    }
    #megamenu nav>ul>li:hover .megamenu-sub{
        display: none;
    }
    #megamenu nav>ul>li:hover>a::after{
        display: none;
    }
    #megamenu nav>ul>li:first-child>a{
        padding: 20px 25px;
    }
    #texte_bandeau a.with-icon {
        padding: 10px 2px;
    }
}


.bold_menu{font-size:11px}
#bandeau a:hover,#menu ul li .textegris12bold:hover,#menu a li:hover,#menu ul li ul a:hover{color:#72a60b}
.fNiv{font-size:17px;font-weight:100;text-transform:uppercase}
.textenoir11,.textenoir11bold,.impression-imprimer_txt,.impression-imprimer_txtbold,.textenoir13,.textenoir13bold,.textenoir14,.textenoir14bold,.soustitrenoir15,.soustitrenoir17bold,.soustitre11{color:#000;}
.textenoir11{font-size:11px;line-height:12px;text-align:justify}
.textenoir11bold{font-size:11px;font-weight:700;line-height:12px}
.impression-imprimer_txt{font-size:12px;line-height:14px;text-align:justify}
.impression-imprimer_txtbold{align-items:center;font-weight:700}
.impression-imprimer_txtbold p{margin-right: 15px}
.textenoir13{font-size:13px;text-transform:none;font-weight:200;text-align:justify}
.textenoir13italic{font-size:13px;font-style:italic;line-height:15px;color:#000;text-transform:none;}
.textenoir13bold{font-size:13px;font-weight:700}
.imprimer_online{font-size:10px;font-weight:700; color: #019875; background-color: #FFF; position: relative; float: left; width: 65%; padding: 2% 2% 10px 2%;margin: 5px 15% 30px 15%; border:1px solid #019875; text-transform: uppercase;}
.imprimer_online a{font-size:10px;font-weight:700; color: #019875;text-transform: uppercase;}
.imprimer_online a:hover{color: #000;border: #000}
.textenoir14{font-size:14px;line-height:17px}
.textenoir14bold{font-size:14px;line-height:17px;font-weight:700}
.textenoir14{font-size:14px;line-height:15px}
.textenoir15bold{font-size:15px;line-height:18px;font-weight:700}
.soustitre11{font-size:11px;font-style:italic;line-height:13px}
.soustitrenoir14{font-size:14px;font-style:italic;line-height:13px}
.soustitrenoir14bold{font-size:14px;font-style:italic;line-height:16px;font-weight:700}
.soustitrenoir15{font-size:13px;font-style:italic;line-height:15px; font-weight: 200;}
.soustitrenoir17bold{font-size:16px;font-weight:700}
.texteblanc11{color:#FFF;font-size:11px;line-height:12px}
.textegris11,.textegris12,.textegris12bold,.textegris14{color:#444}
.soustitregris10,.soustitregris11,#soustitregris11,.soustitregraybold,.description-print-texte{color:#666}
.textegris11{font-size:11px;text-align:justify}
.textegris12{font-size:12px}
.textegris12bold{font-size:12px;font-weight:700}
.textegris14{font-size:14px}
.soustitregris10{font-size:10px;font-style:italic;line-height:13px}
.soustitregris11{font-size:11px;font-style:italic;line-height:13px}
#soustitregris11{font-size:11px;font-style:italic;line-height:13px}
.soustitregraybold{font-size:30px;line-height:38px}
.description-print-texte{font-size:13px;line-height:16px;font-weight:100;text-transform:uppercase}
.soustitrevert17bold,.soustitrevert17bold,.titrevert13,.titrevert18bold,.textegreen12bold,.titres-imprimerie,.soustitregreen14,.description-print,.telephone,.titregreen18{color:#019875}
.soustitrevert17bold{font-size:17px;line-height:19px;font-weight:700}
.titrevert13{font-size:13px;line-height:15px;font-style:italic;font-weight:700}
.titres-produits{font-size:18px;color:#000;line-height:22px;text-transform:uppercase; font-weight: 900;}
.titrevert18bold{font-size:18px;line-height:26px;font-weight:700}
.textegreen12bold{font-size:12px;line-height:14px;font-weight:900}
.selectiontxt{font-size:12px;line-height:14px;font-weight:900; float: left; margin-bottom: 10px; width: 100%; text-align: center;color:#019875}
.titres-imprimerie{font-size:15px;line-height:14px;font-weight:lighter}
.soustitregreen14{font-size:14px;line-height:21px;text-transform:uppercase; margin-top: 0;}
.description-print{font-size:14px;line-height:20px;text-transform:uppercase; font-weight: 500;}
.telephone{font-size:16px;line-height:16px;font-weight:700}
.telephone:link{color:#666;text-decoration:none}
.telephone:hover{color:#019875;text-decoration:none}
.logotrust{width:100%;filter: grayscale(100%);}
.titregreen18{font-size:18px;line-height:26px;font-weight:100;text-transform:uppercase; width: 100%; position: relative; float: left; margin-bottom: 5px;}
.titregreen182{font-size:18px;line-height:26px;font-weight:100;text-transform:uppercase;width: 100%;position: relative;float: left;margin-bottom: 10px;color:#019875}
.texterouge14{font-size:14px;color:red}
.texterouge12{color:#E00;font-size:12px;line-height:14px}
.texterouge12bold{color:#E00;font-size:12px;line-height:14px;font-weight:700}
.boxagence-titre{font-size:12px;color:#FFF;line-height:20px;font-weight:700;padding-top:5px;margin:0 0 15px;text-transform:uppercase;background-color:#019875;height:20px;width:100%}
.boxagence-titre a{color:#FFF}
.boxagence,.boxagence2{width:100%;margin-bottom:10px;color:#575757;font-size:10px;float:right;text-align:center;padding:0 0 20px;border:1px solid #019875;background-color:#fff;}
.boxagence img{width:96%;height: auto; max-width: 100%; text-align: center; padding: 0 2% 5px 2%}
.boxtarifs{width:100%;margin-bottom:10px;color:#575757;font-size:10px;float:right;text-align:center;padding:0 0 20px;border:1px solid #ccc;background-color:#fff; margin-top: 15px;}
.boxtarifs img{width:34%;height: auto; max-width: 100%; text-align: center; padding: 0 2% 5px 2%; position: relative; float: left; margin: 10px 31% 10px 31%;}
.boxtarifs:hover{color:#000;border:1px solid #444;}
#boxagence-packs img{max-width:100%}
.apropos-impression{width:88%;margin-top:10px;margin-bottom:10px;color:#000;font-size:10px;float:right;text-align:left;padding-left:4%;padding-right:6%}
.apropos-impression ul{margin:0;padding:12px}
.boutons-retour{margin-left:0;width:100%;height:30px;float:left;font-size:10px;font-weight:700;margin-top:10px}
.box_impression .envoyer{height:29px;width:134px;cursor:pointer;border-style:none;border-width:0;margin:25px 0 0;padding:0;background-color:#9EBC7C;color:#FFF;font-size:13px}
.box_impression .envoyer:hover{background-color:#019875}
a.lien-print:link,a.lien-print:visited,a.lien-print:active{color:#FFF;text-decoration:none;font-size:25px;height:50px;width:22%;position:relative;float:left;background-color:#B9B9B9;padding-top:20px;}
a.lien-print:hover{text-decoration:none;background-color:#019875}
.Avertissement{font-size:14px;font-weight:700;color:#C00;background-color:#EBEBEB;border:1px solid #666;padding:3px}

 /* CSS just one */
#content-imprimerie-right{height:auto;width:30%;float:right;text-align:center;margin-top:-40px}
.contentprint{float:left;font-family:Arial,Helvetica,sans-serif;margin:10px auto;position:relative;text-align:center;width:100%}
#contenthaut{margin-bottom:40px}
#img_wide_bottom{width:100%}
.img_plv_top{width:100px;height:100px;border:solid 1px}
.description-fabricantplv a img{float:right;border:none}
#bouton_print_and_web{text-align:center;float:left;width:100%;margin-top:10px}
.notre_concept{text-align:center;position:relative;width:21%;float:left;margin-left:2%;margin-right:2%;margin-bottom:10px}
#nos_valeurs{position:relative; float: left; width:100%;margin:10px 0 20px 0;}
#agencedecommunication{float:left;font-size:12px;line-height:15px;position:relative;text-align:justify;width:45%;padding:30px 2.5%}
.divconceptiontitre{width:100%;float:left;position:relative;font-size:14px;text-align:left;border-width:0}
.divconceptiontitre2{width:65%;float:left;position:relative;font-size:14px;text-align:left;border-width:0;padding-right:10px}
#compte-connexion-left{width:39%;float:right}
#fb-root{float:right;position:relative;width:120px}
.fb-like-box{float:left;height:500px;margin-right:10px;margin-top:-76px;position:relative;width:178px}
.impression-livre{width:auto;position:relative;float:left;text-align:left;margin:5px}
.box_impression{margin-bottom:50px;text-align:center;width:70%;margin-top:5px; float: left}
.box_impression img{margin-left:auto;margin-right:auto;margin-bottom:10px;max-width:100%;height:auto}
.titreficheimprimeur{width:100%;height:27px;vertical-align:middle;padding-left:20px;font-size:18px;font-style:normal;line-height:20px;color:#AAABAD;text-align:left;float:left;position:relative;margin-bottom:15px;text-transform:uppercase}
.titreficheimprimerie{width:100%;height:27px;font-size:18px;line-height:20px;color:#AAABAD;text-align:left;background-position:0 0;float:left;position:relative;padding-top:11px;margin-bottom:30px;text-transform:uppercase; font-weight: 200;}
button{width:110px;cursor:pointer;text-transform:capitalize}
.image_depliant{width:50%;float:left;position:relative;text-align:center}
#divapropos{width:98%;border:1px solid #CCC;margin-bottom:10px;text-align:center;position:relative;float:left;margin-top:10px;padding:1%;background:#fff}
#divaproposconception{width:96%;border:1px solid #CCC;margin-bottom:10px;text-align:justify;position:relative;float:left;margin-top:20px;background:#fff;font-size:15px;padding:2% 2.5% 0 2%}
#divaproposconception li{list-style:square}
#exempledepliant{width:100%;position:relative;float:left;border:#cfcfcf solid 1px;background-color:#FFF}
#tab_packs_left{width:36%;padding:10px; float: left;}
#tab_packs_right{padding:15px;font-size:12px;font-weight:700;color:#000;line-height:16px; margin-left: 2%; background-color: #cccccc38; float: right;}
#packs{padding:10px 20px}
.photo-produit{float:left;height:395px;width:30%;position:relative;text-align:center}
.photo-produit img{max-width:100%;height:auto}
.photo-produit2{float:left;height:auto;width:345px;position:relative}
.divalignli{height:250px;width:28%;float:left;margin-right:2%;font-size:11px;line-height:13px;color:#000;position:relative;margin-left:2%;text-align:left}
.divalignli img{height:auto;width:100%; max-width: 100%}
#prix_groupon{width:150px;float:left}
.Libelle{font-weight:700;text-align:right;color:#91c314;font-size:12px}
.produit-description2{float:left;width:60%;background-position:top;position:relative;padding-left:15px;text-align:left;line-height:18px;font-size:12px}
#tab_right{text-align:left;float:left;position:relative;width:45%;padding-left:10px;margin-left:5px}
.commandeenligne_left{text-align:left;float:left;position:relative;width:45%;padding:10px;font-size:14px}
.commandeenligne_right{text-align:left;float:right;position:relative;width:45%;padding:10px;font-size:14px}
.tab_right_one_to_one{text-align:left;float:left;position:relative;padding-left:10px;margin-left:10px;width:290px;z-index:10000}
.description-fabricantplv{width:590px;font-size:14px;text-align:left;color:#000;float:left;position:relative;padding-left:5px}
.fabricantsplv-fiche{width:100%;float:left;position:relative;border:1px solid #CCC;margin:0 0 10px;padding-top:10px;padding-bottom:10px;padding-left:1%;background-color:#fff}
#Rappel{color:#000}
#Rappel .Titre1{font-size:17px;font-weight:700;color:#000;margin:0;padding:0}
#Rappe .Description{color:#000;text-align:left;font-size:12px}
#Rappel .Prix{color:#000;text-align:left;font-weight:700;font-size:12px}
#Rappel #FORM_NOUVEAU .Libelle{font-weight:700;text-align:right;color:#91c314;font-size:12px}
#Rappel #FORM_NOUVEAU .Libelle .asterisque{color:red}
#Rappel #FORM_NOUVEAU .LibelleNote{text-align:right;color:#C00;font-size:11px;font-weight:400}
#Rappel #FORM_NOUVEAU .Champ1{width:96%;height:15px;border:1px solid #F5f5f5;font-size:11px;color:#000;margin:0 0 7px;padding:1px}
#Rappel #FORM_NOUVEAU select.Champ1{height:18px}
#Rappel #FORM_NOUVEAU .Initial{color:#999}
 /* CSS just one fin*/

#FORM_DEVIS{position:inherit;margin:0;padding:0}
.content_devis{padding:20px 0 20px 0;width:100%;position:relative;float:left;margin-bottom:20px;font-size:12px; text-align: left;}
#devisenlignecontent{background-color:#FFF;padding: 2%;width: 86%;margin: 0 5% 5% 5%;position:relative;float:left}
#devisenligne,#devisenligneorder,#devisenlignebottom,#devisemail{width:100%;position:relative;float:left}
#devisenlignetop img,#devisenligneorder img,#devisenlignebottom img,#demandespecifique img,#recevoirdevis img{width:100%;height:auto}
#devisenlignetop{width:100%;position:relative;float:left;text-align:center;margin-bottom:7px; color: #FFF;font-size: 1.7rem;}
#devisenlignetop span{font-size:27px;text-transform:uppercase}
#devisenligneorder img{width:100%;height:auto}
#devisenligneorder #devis_commander_on{display:block;width:100%;background-color:#feda43;color:#000;padding:12px 0;text-transform:uppercase;text-align:center;font-size: 1.2rem; font-weight: 600; transition: background-color 0.3s ease, transform 0.15s ease; }
#devisenligneorder #devis_commander_off{display:block;width:100%;background-color:#D2EFCB;color:#fff;padding:1% 0;text-transform:uppercase;text-align:center}
#devisenligneorder #devis_commander_on:hover{background:0 1px 0 rgba(255,255,255,.4) inset; background:-webkit-linear-gradient(top,#FFF,#f0c14b);}
#devisenlignebottom{margin-top:10px}
#devisenlignebottom img{width:100%;height:auto}
#recevoirdevis,#demandespecifique{width:49%;position:relative;font-weight:700;background-color:#666;text-transform:uppercase;text-align:center;font-size:11px;}
#recevoirdevis:hover,#demandespecifique:hover{background-color:#888}
#recevoirdevis a:hover,#demandespecifique a:hover,#devisenligneorder a:hover{text-decoration:none;}
#demandespecifique{float:left;}
#demandespecifique span{color:#fff;padding:5%;display:block;float:left;width:90%;}
#demandespecifique img{width:30%;height:auto;float:left;margin-top:12%;margin-left:37%; margin-right:33%;}
#recevoirdevis{float:right;}
#recevoirdevis span{color:#fff;padding:5%;display:block;float:left;width:90%;}
#recevoirdevis img{width:24%;height:auto;float:left;margin-top:8%;margin-left:38%; margin-right:38%;}
#devisemail{width:100%;position:relative;float:left}
#FORM_DEVIS #devisenligne{padding-bottom:0;margin-left:0;float:right;text-align:left}
#FORM_DEVIS #devisenligne .CaracNom{text-align:right;font-weight:700;color:#000;font-size:11px;line-height:12px}
#FORM_DEVIS #devisenligne .CaracChoix{background-color:#fff;line-height:17px;padding:1px;position:relative;float:left; font-size: 11px;}
#FORM_DEVIS #devisenligne .ConceptionGraphique{font-weight:700;color:#000;font-size: 14px;}
#FORM_DEVIS #devisenligne .ConceptionGraphiquePrix{color:#3C8C0C;font-size:16px;font-weight:700;padding:1px; justify-content: center;}
#FORM_DEVIS #devisenligne .CaracPrix{line-height:27px;font-weight:700;color:#C00;font-size:24px;padding:1px; text-align: center; justify-content: center; display: flex; width: 100%;margin-top: 5px;}
#FORM_DEVIS #devisenligne .LivraisonIncluse{font-size:14px;color:#C00; line-height: 10px;}
#FORM_DEVIS #devisenligne .Delai{text-align:center;font-weight:700;color:#C00;font-size:15px}
#FORM_DEVIS #devisenligne .ZoneEmail{background-color:#F3F3F3;padding:20px;color:#000;font-weight:700}
#FORM_DEVIS #devisenligne .ZoneEmail .cgucheck{padding:15px 0;}
#FORM_DEVIS #devisenligne .ZoneEmail td{color:#000;font-weight:700}
#FORM_DEVIS #devisenligne .ZoneEmail input.champ{font-size:12px;height:24px;color:#999;border:1px solid #d8d8d8;background-color:#FFF;margin:0;padding:0 0 0 10px}
#FORM_DEVIS #devisenligne .ZoneEmail input.bouton{height:26px;background-color:#019875;color:#fff;width:44px;border:none;cursor:pointer;margin:0;padding:0;position:relative}
#FORM_DEVIS #devisenligne .ZoneEmail input.annuler{height:26px;background-color:#ababab;color:#fff;width:100px;border:none;cursor:pointer;margin:0 0 0 30px;padding:0;position:relative}
.devis-form-container{max-width:900px;}
.devis-form-row-group{padding:15px;background-color:#fff}
.devis-form-row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;padding-bottom:15px;}
.devis-form-row:last-child{border-bottom:none}
.devis-form-label{flex:1;min-width:150px;color:#333;font-weight:700;font-size:1rem;line-height:1.4; width: 100%; text-align: center; justify-content: center; margin-bottom: 5px;}
.devis-form-input{flex:2;min-width:100%;display:flex;align-items:center;gap:10px}
.devis-form-input .Champ,.devis-form-input input[type="text"]{width:100%;padding:10px 12px;border:none;border-radius:4px;font-size:.95rem;font-weight:500;background-color:#019875;color:#fff;box-shadow:none;background-image:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.devis-form-input select{width:100%;padding:10px 12px;border:none;border-radius:4px;font-size:.95rem;font-weight:500;background-color:#019875;color:#fff;box-shadow:none;background-image:none}
#devis_impression .devis-form-input select.Champ{background-image:url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg"><path d="M0 0l5 6 5-6z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:12px}
.devis-form-input .Champ:focus,.devis-form-input select:focus,.devis-form-input input[type="text"]:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}
.devis-form-input input[type="checkbox"]{margin-right:2px;width:auto}
.CaracPrix{font-size:1.3rem;font-weight:700;color:#28a745}
.LivraisonIncluse{font-size:.85rem;color:#6c757d;font-weight:400;display:block;margin-top:5px}
.ConceptionGraphiquePrix{display:flex;align-items:center;font-size:1.1rem;font-weight:700;color:#007bff}
@media (max-width: 780px) {
.devis-form-container{padding:15px}
.devis-form-row{flex-direction:column;align-items:flex-start}
.devis-form-label{width:100%;padding-right:0;margin-bottom:8px;text-align:left}
.devis-form-input{width:100%;min-width:unset}
.devis-form-input .Champ,.devis-form-input select,.devis-form-input input[type="text"]{padding:8px 10px;font-size:.9rem}
}
@media (max-width: 480px) {
.devis-form-container{padding:10px}
.devis-form-label{font-size:.95rem}
.CaracPrix{font-size:1.2rem}
.ConceptionGraphiquePrix{font-size:1rem}
}
.ariane{margin:0;padding:0;margin-bottom:20px;text-align:left;color:#666;font-size:12px;margin-left:0}
.ariane a{color:#666;text-decoration:none}
.ariane a:hover{color:#666;text-decoration:underline}
.ariane .allume{color:#666;text-decoration:underline}
#Connexion{color:#000}
#Connexion .Titre1{font-size:17px;font-weight:700;color:#000;padding:0;margin:0}
#Connexion .DejaArgument{color:#000;text-align:left;font-weight:700;font-size:12px}
#Connexion #FORM_NOUVEAU .Libelle{font-weight:700;text-align:right;color:#91c314;font-size:12px}
#Connexion #FORM_NOUVEAU .Libelle .asterisque{color:red}
#Connexion #FORM_NOUVEAU .LibelleNote{text-align:right;color:#C00;font-size:11px;font-weight:400}
#Connexion #FORM_NOUVEAU .Champ1{width:96%;height:15px;border:1px solid #F5f5f5;font-size:11px;color:#000;margin:0 0 7px;padding:1px;text-align:right}
#Connexion #FORM_NOUVEAU select.Champ1{height:18px}
#Connexion #FORM_NOUVEAU .Initial{color:#999}
#Connexion .envoyer{background-image:url(images/connexion/bt-valider.png);height:29px;width:134px;background-repeat:no-repeat;background-position:top;cursor:pointer;border-style:none;border-width:0;margin:0;padding:0}
#FORM_DEJA .Champ1{width:98%;height:16px;border:1px solid #F5f5f5;font-size:12px;color:#000;margin:5px 0 10px;padding:1px}
#FORM_DEJA .Initial{color:#999}
#FORM_DEJA .envoyer{background-image:url(images/connexion/bt-valider.png);height:29px;width:134px;background-repeat:no-repeat;background-position:top;background-color:transparent;cursor:pointer;border-style:none;border-width:0;margin:0;padding:0}
#CommandeRecap{color:#000;font-family:Arial,Helvetica,sans-serif;width:100%;float:left;position:relative;text-align:left}
.Titre1{font-size:18px;font-weight:700;color:#000;padding:0;margin:0;padding-top:12px;padding-bottom:2px;border-bottom:solid 1px #ccc;margin-bottom:11px;text-align:left;text-transform:uppercase}
h3.Titre1{height: auto;font-size: 14px;}
h4.title-4{display: inline-block;clear: both;text-align: center;margin: 30px auto;width: 100%;font-size: 14px;font-weight: normal;}
#CommandeRecap .InterLigne{padding:0;margin:0;padding-bottom:2px;border-bottom:solid 2px #b6b6b6;margin-bottom:11px;font-size:5px;line-height:5px}
#CommandeRecap td{font-size:12px;color:#000}
#CommandeRecap .ChampLivraison{height:26px;width:238px;font-size:12px;margin-bottom:0;margin-top:5px}
#CommandeRecap .ChampCommentaire{height:55px;width:98%;font-size:12px;margin-bottom:0;margin-top:0;}
#CommandeRecap .enAvant{font-weight:700;color:#C00}
#CommandeRecap #fichiers_upload input{margin-left:27px;border:solid 1px #fff;font-size:11px;height:24px;margin-bottom:1px}
#commanderecapcompte{color:#000;font-family:Arial,Helvetica,sans-serif;width:100%;float:left;position:relative;text-align:left}
.btvalider,.btmodifier,.btcommander,.btannuler{display:inline-block;width:132px;height:26px;text-align:center;border:none;padding:0;line-height:26px;font-size:15px;cursor:pointer;opacity:.8;color:#fff;text-transform:uppercase}
.btvalider:hover,.btmodifier:hover,.btcommander:hover,.btannuler:hover{opacity:1}
.btvalider{background-color:#019875}
.btmodifier{background-color:#999}
.btcommander{background-color:#019875}
.btannuler{background-color:#000}
input[name="moyen_paiement"]+img{width:45px}
.Entete{color:#FFF;font-weight:700;font-size:12px}
.tabcommandes{position:relative;float:left;font-size:10px;color:#000;text-align:left; font-weight: 500;padding: 1%;}
.tabcommandes2{position:relative;float:left;width:100%;font-size:9px;color:#000;text-align:left;height:20px;margin-top:5px; font-weight: 200;}
#CommandePack{color:#000;position:relative;text-align:center;float:left}
#CommandePack .Titre1{font-size:17px;font-weight:700;color:#000;margin:0;padding:0}
#CommandePack .Description{color:#000;text-align:left;font-size:12px}
#CommandePack .Prix{color:#000;text-align:left;font-weight:700;font-size:12px;margin:0;float:left;margin-bottom:15px}
#CommandePack #FORM_NOUVEAU .Libelle{font-weight:700;text-align:left;color:#91c314;font-size:12px}
#CommandePack #FORM_NOUVEAU .Libelle .asterisque{color:red}
#CommandePack #FORM_NOUVEAU .LibelleNote{text-align:left;color:#C00;font-size:11px;font-weight:400}
#CommandePack #FORM_NOUVEAU .Champ1{width:96%;height:15px;border:1px solid #F5f5f5;font-size:11px;color:#000;margin:0 0 7px;padding:1px}
#CommandePack #FORM_NOUVEAU select.Champ1{height:18px}
#CommandePack #FORM_NOUVEAU .Initial{color:#999}
@media (max-width:960px) {
.impression-livre{float:none}
.conception-charte{height:auto}
.etabs {margin: 0; padding: 6px 0 1px 0;font-size:9px; }
}
@media (max-width:910px) {
	.logotrust{width:100%;}    
}
@media (max-width: 820px) {
    .imgimpression {
        width: 48%; 
        margin-right: 2%;
    }
}
@media (max-width:780px) {
.impression-en-ligne{width: 100%; position: relative;float: left; margin-top: 30px;}
.tvabox{width: 80%;font-size: 12px;} .tvabox label{margin-bottom: 20px}
.contentimprimerie2{padding:5%;width:70%;margin-left: 10%;}
#demandespecifique img{width:16%;height:auto;float:left;margin-top:11%;margin-left:44%; margin-right:40%;}
#recevoirdevis img{width:14%;height:auto;float:left;margin-top:7.5%;margin-left:43%; margin-right:43%;}
.tab-container{width: 100%}
#menu{float:left;position:relative;width:100%;height:46px;margin-right:0;margin-left:0}
#menu ul{z-index:2;margin:0;padding:0 0 0 5px;width:100%}
.boxagence{display:none}
.boxagence2{display:none}
#boxagence-packs{display:none}
#all > .imprimerie-en-ligne{width:calc(90% - 3px)}
#printapropos{width:95%;padding:2%}
.services_printandweb{width:96%;position:relative;float:left;margin-bottom:30px;padding:2%}
#commanderecapcompte{width:100%}
#details_imprimerie{width:100%;float:left;text-align:center; padding-top:0; }
#devis_impression{width:100%;text-align:center;margin-bottom:5px;float:left;position:relative}
.contentimprimerie{padding:15px;width:calc(100% - 33px)}
.contenttrust{padding:15px;width:calc(100% - 33px)}
.logotrust{width:100%;filter: grayscale(100%);}
.mag_chapitre{width:96%;position:relative;float:left;margin-bottom:30px;padding:2%;border:solid 1px #ccc; color: #000; font-size: 12px; font-weight: 400;}
.mag_imprimerie1{width:100%;}
.mag_imprimerie2{display: block; width: 100%;}
	.article_mag{display: none;}
.etabs {margin: 20px 0 0 0; padding: 6px 0 1px 0;font-size:9px; }
}

@media (max-width:560px) {
.form_input_left{width:100%;margin-bottom: 15px;}
.etabs {margin: 0; padding: 6px 0 1px 0;font-size:7px; }
.tab a {padding: 5px 1px 10px;}
	}
@media (max-width:550px) {
	.imgimpression {
        width: 100%; 
        margin-right: 0;
    }
.logotrust{width:100%}
#menu{display:none}
.slideout-menu-toggle-conception{top:auto;bottom:12px;right:40px}
.arrow{border:8px solid transparent}
.down{border-top:8px solid #000}
#all_banniere{width:98%;padding-top:10px;margin-top:0;margin-bottom:40px;padding-right:1%;padding-left:1%;background-y-size:100%;background-position:-402px -37px;background-repeat:no-repeat}
.tab_left{float:none;width:auto}
.tab_devis_info{width:96%;}
.titreficheimprimerie{width:95%;height:27px;padding-left:5%;padding-right:5%;font-size:18px;line-height:20px;font-weight:700;color:#000;text-align:left;background-position:0 0;float:left;position:relative;padding-top:11px}
.imprimerie-en-ligne{width:95%;border-left:solid 2px #019875;padding-left:5%;padding-right:5%;text-align:left;color:#000;z-index:1000;padding-top:10px;float:left;position:relative;margin:0 0 10px}
.imprimerie-en-ligne img{float:right;border:0}
#printapropos{width:97%;margin-bottom:10px;padding-bottom:10px;position:relative;float:left}
.box_identite_imp{padding:15px}
h1{height:auto}
#details_imprimerie{padding-top:0}
.boxagence img,.boxagence2 img{max-width:100%;height:auto}
.produits_imprimerie_tarifs,.produits_imprimerie,.produits_imprimerie_flyer{padding:1%;color:#000;font-size:12px;text-align:center;position:relative;float:left;width:98%;margin-right:1%;margin-bottom:20px;border:solid 1px;border-color:#FFF;height:auto}
.produits_imprimerie_tarifs:hover,.produits_imprimerie:hover,.produits_imprimerie_flyer:hover{border:solid 1px #999}
.produits_imprimerie > img,.produits_imprimerie_tarifs > img,.produits_imprimerie_flyer > img{border-color:#E5E5E5;width:100%;height:auto;border:1px}
.produits_imprimerie_small{position:relative;float:left;width:100%;margin-right:0;height:auto}
.descriptionslideproduit{width:auto;color:#000;font-size:12px;padding:10px 5px 0;margin-bottom:5px;text-align:justify;line-height:14px}
.descriptionslideproduitlongue{width:auto;color:#000;font-size:12px;text-align:justify;line-height:14px}
.tarifs_imprimerie{width:94%;color:#000;font-size:12px;text-align:left;line-height:16px;border:1px solid #E5E5E5;position:relative;padding:1%;float:left;margin:8px}
.box_impression{float:left;margin-bottom:20px;position:relative;text-align:center;width:93%;padding-left:1%}
#agencedecommunication,#colonnemission{width:100%;padding-left:0;padding-right:0}
.notre_concept{width:41%}
#compteclient_imprimerie-en-ligne #container{width:100%;text-align:left;padding-top:5px;float:left;position:relative;color:#019875;line-height:20px;font-weight:700}
#compteclient_imprimerie-en-ligne #container img{width:90%;height:auto;margin-left:4%;margin-right:4%}
#compteclient_imprimerie-en-ligne #container2{width:100%;font-size:13px;text-align:left;color:#000;padding-top:5px;margin-left:20px;float:left;position:relative}
#compteclient_imprimerie-en-ligne #container2 #divleft{width:50%;float:left;position:relative;font-size:14px;line-height:26px;}
#compteclient_imprimerie-en-ligne #container2 #divright{width:50%;float:right;position:relative;font-size:14px;line-height:25px;}
#compte-connexion-left{width:100%}
#commanderecapcompte #compteclient_imprimerie-en-ligne{width:100%}
	.print_elements_left{margin: 0 3% 10px 0;}
	.print_elements_right{margin: 0 0 10px 0;}
}
@media (max-width:500px) {
.texte_bandeau{font-size:10px}
.logotrust{width:100%}
}