.button{float: left;text-align: center; box-sizing:border-box;display:block;position:relative;padding:1.5em;appearance:button;border:0;box-shadow:inset 0 1px 0 0 #d9fbbe;background:linear-gradient(to bottom,#b8e356 5%,#a7c672 100%);background-color:#a7c672;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;text-shadow:0 1px 0 #86ae47}.button:hover{background:linear-gradient(to bottom,#a5cc52 5%,#f1f6e9 100%);background-color:#f1f6e9}.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:#A7C672;padding:1px;font-family:Arial,sans-serif;font-weight:700;line-height:1;font-color:#A7C672;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:#A7C672;padding:1px;font-family:Arial,sans-serif;font-weight:700;line-height:1;font-color:#A7C672;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:#A7C672;text-decoration:none;vertical-align:top}
.slideout-menu .slideout-menu-toggle:hover,.slideout-menu .slideout-menu-toggle-bas:hover{color:#A7C672}
.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:11px;font-weight:500; }
.tab { display: inline-block; zoom:1; *display:inline; background: #b0d762; border: solid 3px #b0d762; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; float: left; margin-left: 2px; float: left; 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: #f1f6e9;position: relative;border-color: #f1f6e9; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container {background: #fff; border: solid #b0d762 3px; padding: 15px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.tab-container{width: 70%; position: relative; float: left;}
.panel-container { margin-bottom: 10px; font-family: Avenir,Arial,Helvetica,sans-serif; 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-family:'Oswald';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}
.imgtab{float: right; width: 34%; text-align: center; border: 3px solid #b0d762; margin: 0 0 15px 4%; text-transform: uppercase;font-size:13px;font-family: 'Oswald';letter-spacing:1px;}
.imgtab:hover{background-color: #FFF;opacity:0.5}
.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 a:hover{background-color: #DADADA;}
.imgdetails{float: left; width: 34%; text-align: center; border: 3px solid #b0d762; margin: 0 0 15px 4%; text-transform: uppercase;font-size:13px;font-family: 'Oswald';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: #b0d762; width: 100%;}
.imgdetails:hover{background-color: #DADADA;}
.imgdetails img:hover{mix-blend-mode: overlay; z-index: 1;}
.imgimpression{float: left; width: 20%; text-align: center; border: 3px solid #b0d762; margin: 0px 20px 20px 0; text-transform: uppercase;font-size:6px;font-family: 'Oswald';letter-spacing:1px;}
.imgimpression:hover{background-color: #FFF;opacity:0.5}
.imgimpression a{display:block;padding: 6px 2% 5px 2%; width: 96%; font-weight: 700; font-size: 100%;}
.imgimpression a:link{color: #000}
.imgimpression a:visited{color: #000}
.imgimpression a:active{color: #000}
.imgimpression a:hover{background-color: #DADADA;}
.imgimpression:hover{background-color: #DADADA;}
.imgimpression img:hover{mix-blend-mode: overlay; z-index: 1;}
.impression-en-ligne{width: 70%; position: relative;float: left;}
 /* Fin Tabs produits */

 /* Debut control CSS */
.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))}
body{background-color:#FFF;background-position:center;margin:0 auto;font-family:Avenir,Arial,Helvetica,sans-serif; display: flex; min-height: 100vh; flex-direction: column;}
a:link,a:visited,a:active{color:#000;text-decoration:none}
a:hover{color:#A7C672;text-decoration:none}
.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:#A7C672;text-decoration:none}
td{background-position:center;border:0;text-align:center}
#all{width:94%;font-family:Avenir,Arial,Helvetica,sans-serif;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;}
#menu-mobile{display:none}
#bandeau{background-color:#3b3b3b;position:relative;width:100%;height:22px;z-index:2;text-align:right;padding-top:3px;padding-bottom:3px;margin-top:0;margin-right:0;margin-left:0}
.texte_bandeau{padding-top:.2%;padding-right:10px;position:relative;text-align:right;padding-left:5px;font-family:Avenir,Arial,Helvetica,sans-serif;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{height:350px;width:100%;padding-top:10px;margin-top:0;margin-bottom:30px;padding-right:0;padding-left:0;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}
#search_bar{float:left}
#mg_search{width:15px;height:auto;display:block;padding-left:22px}
#search_bar_input{width:0;transition:1s;background-color:transparent;visibility:hidden;border:solid 1px #999;padding-left:24px;margin-left:14px;height:15px;margin-top:-5px;color:#fff}
#slogan{font-family:Avenir,Arial,Helvetica,sans-serif;color:#999;font-size:14px;float:right;text-align:right;margin-bottom:30px;margin-right:10px}
#logo{width:100%;float:left;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:#A7C672}
#titleprintindex{font-family:'Oswald';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-family:'Oswald';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;font-family:'Oswald'}
#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:5px}
.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}
.decouvrir2{width:205px;position:relative;background-color:#A7C672;color:#FFF;text-align:center;padding:5px;font-size:14px;font-family:Arial,Helvetica,sans-serif;margin-top:15px;margin-bottom:5px}
.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 #A7C672;width:calc(100% - 63px);font-family:Avenir,Arial,Helvetica,sans-serif;position:relative;float:left;margin-bottom:20px;font-size:12px; text-align: left;}
.contentimprimerie2{overflow-x:hidden;padding:30px;border-left:solid 3px #A7C672;width:50%;font-family:Avenir,Arial,Helvetica,sans-serif;position:relative;float:left;margin-bottom:20px; margin-left: 22%; font-size:12px; text-align: left;}
.contenttrust{overflow-x:hidden;padding:30px;border-left:solid 3px #A7C672;width:calc(100% - 63px);font-family:Avenir,Arial,Helvetica,sans-serif;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%;font-family:Avenir,Arial,Helvetica,sans-serif;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 #A7C672;width:65%;font-family:Avenir,Arial,Helvetica,sans-serif;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:#A7C672;border-top-color:#A7C672}
#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:#A7C672;border-top-color:#A7C672}
#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:63%}
.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;font-family:'Oswald';width:100%;text-align:center;margin-bottom:10px;text-align:center}
.boxcommunication ul{margin:0;padding:0}
.avisclient{font:13px Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif;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-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif;margin-top:10px;width:100%;padding-left:0}
.touslesproduits{width:100%;position:relative;margin-top:10px;float:left}
.produits-imprimerie{width:85px;height:102px;font-family:Avenir,Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;float:left;text-align:center;margin-bottom:20px;position:relative}
.produits-imprimerie img{border:#000 solid 1px;width:75px;height:75px}
#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-family:Avenir,Arial,Helvetica,sans-serif;font-size:13px;text-align:left;color:#000;padding-bottom: 15px;float:right;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;font-family:Avenir,Arial,Helvetica,sans-serif;color:#A7C672;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-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif}
#compteclient_imprimerie-en-ligne #container2 #divright{width:50%;float:right;position:relative;font-size:14px;line-height:25px;font-family:Avenir,Arial,Helvetica,sans-serif}
#compteclient_imprimerie-en-ligne #container2 #divright .Champ1{margin-bottom:4px}
#compteclientbox{border: solid 1px #A7C672;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;font-family:Avenir,Arial,Helvetica,sans-serif;color:#A7C672;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-family:Avenir,Arial,Helvetica,sans-serif;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-family:Avenir,Arial,Helvetica,sans-serif;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-family:Avenir,Arial,Helvetica,sans-serif;font-size:12px;line-height:14px;text-align:left; margin-bottom: 0;}
.contactcontentform{font-family:Avenir,Arial,Helvetica,sans-serif;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:37%;float:left;position:relative;text-align: center; font-size: 10px; font-weight: 500; font-family: Avenir;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; font-family: Avenir;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-family:'Oswald'; 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: #f7f7f7}
.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;margin-bottom:5px;float:right;position:relative;background-color:#666;border:solid 1px #ccc; 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;margin-top: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:68%;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;margin-top:0;position:relative;float:left;font-size:13px;font-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif}
.box_devisimpression{margin:0 auto;text-align:center;width:100%;position: relative; height: 90px; float: left;}
.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-family:Avenir,Arial,Helvetica,sans-serif;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:15%;position:relative;padding:1%;padding-top:10px;font-family:Avenir,Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;color:#000;text-align:center;border:1px solid #FFF;margin-bottom:5px}
.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,.produits_imprimerie_tarifs,.produits_imprimerie_flyer{background:#FFF;font-family:Avenir,Arial,Helvetica,sans-serif;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;height:420px}
.produits_imprimerie_tarifs img{max-width:100%;height:auto;margin:0 auto}
.produits_imprimerie_tarifs{height:475px}
.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%;font-family:Avenir,Arial,Helvetica,sans-serif;color:#000;font-size:12px;padding:2%;text-align:justify;line-height:14px}
.descriptionslideproduit u{font-weight:700;text-decoration:none}
.descriptionslideproduitlongue{width:96%;font-family:Avenir,Arial,Helvetica,sans-serif;color:#000;font-size:12px;text-align:justify;line-height:14px;padding:2%}
.tarifs_imprimerie{width:94.5%;font-family:Avenir,Arial,Helvetica,sans-serif;color:#000;font-size:12px;text-align:left;line-height:16px;bottom:.5%;padding:2%;padding-left:3%;position:absolute}
#printapropos{width:72%;margin-bottom:10px;padding-bottom:10px;position:relative;float:left}
#printapropos2{width:72%;margin-bottom:10px;padding-bottom:10px;position:relative;float:left}
#details_imprimerie{width:25%;float:right;text-align:center;padding-top:80px}
#devis_impression{width:100%;text-align:center;margin-bottom:5px;float:right;position:relative;background-color:#b0d762;border:solid 1px #b0d762;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-family:Avenir,Arial,Helvetica,sans-serif;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{float:left;position:relative;width:80%;margin-left:10%;margin-right:10%;height:25px;margin-top:55px}
#menu ul li ul{padding-top:5px}
#menu ul{z-index:2;margin:0;padding:0;width:100%;font-family:'Oswald';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%;font-family:Avenir,Arial,Helvetica,sans-serif}
#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}
.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-family:'Oswald';font-weight:100;text-transform:uppercase}
.textenoir11,.textenoir11bold,.impression-imprimer_txt,.impression-imprimer_txtbold,.textenoir13,.textenoir13bold,.textenoir13italic,.textenoir14,.textenoir14bold,.soustitrenoir15,.soustitrenoir17bold,.soustitre11{color:#000;font-family:Avenir,Arial,Helvetica,sans-serif}
.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-style:italic}
.textenoir13bold{font-size:13px;font-weight:700}
.imprimer_online{font-size:10px;font-weight:700; color: #6aa702; background-color: #FFF; position: relative; float: left; width: 65%; padding: 2% 2% 10px 2%;margin: 5px 15% 30px 15%; border:1px solid #6aa702; text-transform: uppercase;}
.imprimer_online a{font-size:10px;font-weight:700; color: #6aa702;text-transform: uppercase;}
.imprimer_online a:hover{color: #000;border: #000}
.textenoir13italic{font-size:13px;font-style:italic}
.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:#A7C672}
.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-family:'Oswald'; 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:#A7C672}
.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:#A7C672;text-decoration:none}
.logotrust{width:100%;filter: grayscale(100%);}
.titregreen18{font-size:18px;line-height:26px;font-weight:100;text-transform:uppercase;font-family:'Oswald'}
.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:#A7C672;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 #c2d8a0;background-color:#f1f6e9;}
.boxagence img{width:96%;height: auto; max-width: 100%; text-align: center; padding: 0 2% 5px 2%}
.boxagence:hover,.boxagence2:hover{color:#000;border:1px solid #A7C672;background-color:#ebf1e0;}
.boxtarifs{width:100%;margin-bottom:10px;color:#575757;font-size:10px;float:right;text-align:center;padding:0 0 20px;border:1px solid #c2d8a0;background-color:#f1f6e9; 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 #A7C672;background-color:#ebf1e0;}
#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:#A7C672}
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:#A7C672}
a.lien-prestation:link,.a.lien-prestation:visited,a.lien-prestation:active{color:#fff;text-decoration:none;font-size:25px;height:75px;width:54%;position:relative;float:left;background-color:#B9B9B9;height:50px;padding-top:20px; margin-left: 1%; margin-right: 1%;}
a.lien-prestation:hover{text-decoration:none;background-color:#A7C672}
.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%;font-family:Avenir,Arial,Helvetica,sans-serif;float:left;position:relative;font-size:14px;text-align:left;border-width:0}
.divconceptiontitre2{width:65%;font-family:Avenir,Arial,Helvetica,sans-serif;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-family:'Oswald';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-family:'Oswald';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;padding:1%;background:#fff;font-family:Avenir,Arial,Helvetica,sans-serif;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-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;font-size:12px}
#tab_right{text-align:left;float:left;position:relative;width:45%;padding-left:10px;z-index:10000;margin-left:5px}
.commandeenligne_left{text-align:left;float:left;position:relative;width:45%;padding:10px;font-family:Avenir,Arial,Helvetica,sans-serif;font-size:14px}
.commandeenligne_right{text-align:left;float:right;position:relative;width:45%;padding:10px;font-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif;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%;font-family:Avenir,Arial,Helvetica,sans-serif;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:15px}
#devisenlignetop span{font-size:27px;text-transform:uppercase}
#devisenligneorder img{width:100%;height:auto}
#devisenligneorder #devis_commander_on{display:block;width:100%;background-color:#A7C672;color:#fff;padding:1% 0;text-transform:uppercase;text-align:center}
#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-color:#C7E09B}
#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}
#FORM_DEVIS #devisenligne select.Champ{font-size:11px;height:18px;border:1px solid #999;width:102px}
#FORM_DEVIS #devisenligne .ConceptionGraphique{text-align:right;font-weight:700;color:#000;font-size:12px;line-height:12px}
#FORM_DEVIS #devisenligne .ConceptionGraphiquePrix{background-color:#fff;color:#3C8C0C;font-size:14px;font-weight:700;padding:1px}
#FORM_DEVIS #devisenligne .CaracPrix{background-color:#fff;line-height:27px;font-weight:700;color:#C00;font-size:22px;padding:1px}
#FORM_DEVIS #devisenligne .LivraisonIncluse{font-size:11px;color:#C00}
#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:#A7C672;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}
.ariane{margin:0;padding:0;margin-bottom:20px;font-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:'Oswald';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:16px;width:230px;font-size:12px;margin-bottom:0;margin-top:5px}
#CommandeRecap .ChampCommentaire{height:55px;width:98%;font-size:12px;margin-bottom:0;margin-top:0;font-family:Avenir,Arial,Helvetica,sans-serif}
#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:#A7C672}
.btmodifier{background-color:#999}
.btcommander{background-color:#A7C672}
.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-family:Avenir,Arial,Helvetica,sans-serif;font-size:10px;color:#000;text-align:left; font-weight: 500;padding: 1%;}
.tabcommandes2{position:relative;float:left;width:100%;font-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif;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:780px) {
.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:640px) {
#slogan{display:none}
#logo{width:100%;height:auto;float:left;position:relative}
#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;font-family:Avenir,Arial,Helvetica,sans-serif;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%}
}
@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) {
.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}
#menu-mobile{display:block;width:25px;height:25px;float:right;position:relative;font-family:Avenir,Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;margin-right:22px}
#menu-mobile ul li a:hover{color:#000;text-decoration:underline}
#menu-mobile ul li a,a:visited,#menu-b ul li a:active{color:#000;text-decoration:none}
#menu-mobile ul{margin:0}
#menu-mobile ul li{width:18px;float:right;position:relative}
#menu-mobile ul li ul li{width:155px;margin-top:5px;text-align:left}
#menu-mobile li{list-style:none;position:relative;float:left}
#menu-mobile ul li ul{position:relative;visibility:visible;display:none;background-color:#FFF;border:1px solid #000;padding-top:0;padding-bottom:5px;top:0;right:125px;bottom:0;z-index:6;width:120px;float:left}
#all_banniere{height:250px;width:98%;padding-top:10px;margin-top:0;margin-bottom:30px;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-family:Avenir,Arial,Helvetica,sans-serif;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 #A7C672;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%;font-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif;color:#000;font-size:12px;padding:10px 5px 0;margin-bottom:5px;text-align:justify;line-height:14px}
.descriptionslideproduitlongue{width:auto;font-family:Avenir,Arial,Helvetica,sans-serif;color:#000;font-size:12px;text-align:justify;line-height:14px}
.tarifs_imprimerie{width:94%;font-family:Avenir,Arial,Helvetica,sans-serif;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:#A7C672;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-family:Avenir,Arial,Helvetica,sans-serif;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;font-family:Avenir,Arial,Helvetica,sans-serif}
#compteclient_imprimerie-en-ligne #container2 #divright{width:50%;float:right;position:relative;font-size:14px;line-height:25px;font-family:Avenir,Arial,Helvetica,sans-serif}
#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%}
}