body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body {
    font-family: "Didact Gothic", sans-serif;
}

a {
  color: #ff7600;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#left {
    width: 275px;
}

#wrapper {
    background-color: #eeeeee;
}

.custom {
    margin-top: 25px;
}

#slider,
#ariane,
#container {
    background-color: #fff;
}

#container {
    padding-top: 15px;
}

#ariane .inside {
    padding-left: 12px;
}

/* B A N D E A U  D ' I N F O R M A T I O N */
#header{
    background: #ff7600 url("../../files/imprimerie-mettai/design/images/header_fond.png") left top repeat-x;
    min-width: 1335px;
    width: 100%;
}

#header .inside{
    width:1335px;
    margin:0 auto;
}

#renseignement {
    display: table;
    width: 900px;
    margin: 0 auto;
}

#renseignement ul {
    display: table-row;
    height: 41px;
    list-style-type: none;
    width: 100%;
}

#renseignement ul li {
    display: table-cell;
    padding-left: 35px;
    font-weight: bold;
    vertical-align: middle;
    
}

#renseignement ul li#renseignement_telephone {
    width: 25%;
    background: transparent url("../../files/imprimerie-mettai/design/images/tel.png") left center no-repeat;
}

#renseignement ul li#renseignement_email {
    width: 35%;
    background: transparent url("../../files/imprimerie-mettai/design/images/email.png") left center no-repeat;
}
#renseignement ul li#renseignement_email span {
    unicode-bidi:bidi-override;
    direction: rtl;
}

#renseignement ul li#renseignement_horaires {
    width: 30%;
    background: transparent url("../../files/imprimerie-mettai/design/images/horaire.png") left center no-repeat;
}

/* R E C H E R C H E */

#header #devis_recherche,
#header #devis_recherche .mod_search .text {
    float: right;
}

#header #devis_recherche .mod_search {
    width: 100%;
}

#header #devis_recherche .mod_search .formbody {
    position: relative;
    margin-right: 8px;
}

#header .mod_search .text {
    box-sizing: border-box;
    width: 96%;
    margin: 0;
}

#header .mod_search .submit {
    display: none;
}

.mod_search div.odd,
.mod_search div.even {
    margin-bottom: 25px;
}

.mod_search .context {
    margin-bottom: 10px;
}

.mod_search .context .highlight {
    font-weight: bold;
}

/* P A R T I E   N O I R E */
#noir{
    padding-top: 34px;
    padding-bottom: 20px;
}

.slogan {
    padding-bottom: 10px;
}

.devis {
    /*padding-bottom: 35px;*/
}

/* M E N U  D E  N A V I G A T I O N */
.mod_navigation {
    font-family: sans-serif;
}

#header #menu_principal
{
    display: table;
    clear: both;
    width: 100%;
    height: 55px;
    margin: 0;
    overflow: visible;
    position: relative;
    z-index: 9500;
}

#header #menu_principal ul.level_1
{
    display: table-row;
    width: 100%;
    height: 55px;
    margin: 0;
    text-align: justify;
}

/*
#header #menu_principal ul.level_1:after {
  display: inline-block;
  width: 95%;
  content: '';
  vertical-align :top;
}
*/
#header #menu_principal ul li
{
    position: relative;
	display:table-cell;
	height: 28px;
}

#header #menu_principal ul li a,
#header #menu_principal ul li span,
#header #menu_principal ul li strong
{
    display: block;
	color: #fff;
    padding-top: 17px;
	height: 38px;
	font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

#header #menu_principal ul li.trail a,
#header #menu_principal ul li span,
#header #menu_principal ul li strong {
    background-color: #ff9133;
}

#header #menu_principal ul li a:hover
{
    text-decoration: none;
}

#header #menu_principal ul li:hover a,
#header #menu_principal ul li:hover span,
#header #menu_principal ul li:hover strong,
#header #menu_principal ul li.open a
{
    color: #ff6600;
    background-color: #fff;
    
}

#header #menu_principal ul li a.page_accueil,
#header #menu_principal ul li span.page_accueil {
    background-image: url(../../files/imprimerie-mettai/design/images/accueil.png);
    background-position: 20px 13px;
    background-repeat: no-repeat;
    padding-left: 35px;
}

#header #menu_principal ul li a.page_accueil:hover,
#header #menu_principal ul li span.page_accueil:hover {
    background-image: url(../../files/imprimerie-mettai/design/images/accueilhover.png);
    background-position: 20px 13px;
    background-repeat: no-repeat;
    padding-left: 35px;
}


/*
*
* Sous menu
*
********************************************************************************************/

#header #menu_principal ul li ul.level_2
{
    display: none;
    opacity: 0;
    height: auto;
    position: absolute;
    z-index: 9500;
    top: 45px;
    min-width: 300px;
    list-style-type: none;
}

#header #menu_principal ul li ul.level_2 li
{
    height: auto;
    display: list-item;
    z-index: 9500;
    padding: 0;
    margin: 0;
    background: transparent url(../../files/imprimerie-mettai/design/images/sous_menu_background.png) left top repeat-y;
}

#header #menu_principal ul li ul.level_2 li.first
{
    background-image: url(../../files/imprimerie-mettai/design/images/sous_menu_background_first.png);
    padding-top: 21px;
}

#header #menu_principal ul.level_1 li ul.level_2 li a,
#header #menu_principal ul.level_1 li ul.level_2 li span,
#header #menu_principal ul.level_1 li ul.level_2 li strong
{
    position: relative;
    background: none;
    color: #5f5f5f;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    text-transform: none;
    margin: 0;
    padding-left: 30px;
    z-index: 9500;
    border: none;
}

#header #menu_principal ul.level_1 li ul.level_2 li a:hover,
#header #menu_principal ul.level_1 li ul.level_2 li span,
#header #menu_principal ul.level_1 li ul.level_2 li strong
{
    color: #fff;
	text-decoration: none;
    background-color: #ff7600;
}

#header #menu_principal ul.level_1 li:hover ul.level_2,
#header #menu_principal ul.level_1 li.open ul.level_2
{
    display: block;
    opacity: 1;
}

/* C O R P S */
#main{
    
    margin-left: 280px;
    margin-bottom: 20px;
    width: 1055px;
    height: auto;
}

#main .inside{
    border: 1px solid #c7c7c7;
    padding: 35px 25px 35px 40px;
    margin: 0 15px;
    min-height: 900px;
}

#container {
    width:1335px;
    margin:0 auto;
}

#gris{
    background-color: #f0f0f0;
    height: 30px;
}

/* carousel */
.block {
    overflow: hidden;
}

#slider{
    width: 1335px;
    margin: 0 auto !important;
    position: relative;
    max-width: 100vw;
}

#slider figcaption {
    position: absolute;
    bottom: 15px;
    left: 5%;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 10px;
}

#slider .slider-menu { display: none; }

.mod_flexSlider{
/*    padding-bottom: 25px;   */
    padding-left: 0px;
}

.flex-viewport{
    padding-bottom: 4px;
}

.flex-direction-nav .flex-prev, .slider-prev {
    background: url(../../files/imprimerie-mettai/design/images/gauche.png);
    height:46px;
    width: 28px;
}

/*.flex-direction-nav .flex-prev::before{
    display: block;
    font-family: "Font Awesome 6 Free";
    content: "\f054";
    height:46px;
    width: 28px;
}*/

.flex-direction-nav .flex-next, .slider-next {
    background: url(../../files/imprimerie-mettai/design/images/droite.png);
    height:46px;
    width: 28px;
}

.slider-control {
    bottom: 50%;
    position: absolute;
    width: 94%;
    left: 3%;
    font-size: 0;
}

.flex-control-nav {
    bottom: 0;
    position: initial;
}

.flex-control-nav.flex-control-paging li *{
    height: 11px;
    width: 442px;
    background-color: #333333;
    list-style-type: none;
}

.flex-control-nav.flex-control-paging li .flex-active{
    background-color: #ff7f00;
}

.flex-direction-nav a{
    margin: auto;
    opacity: 1;
    top: 45%;
}

.flex-direction-nav .flex-prev{
    left: 10px;
}

.flex-direction-nav .flex-next{
    right: 10px;
}


.flex-control-nav li {
    display: inline-block;
    margin: 0 1px;
}

/* fil d'Ariane */
#ariane{
    max-width: 1335px;
    margin: 0 auto;
}

.mod_breadcrumb *{
    text-decoration: none;
    background: none;
    color: grey;
    font-size: 15px;
}

.mod_breadcrumb li {
    width: 74px;
    display: inline;
}

.mod_breadcrumb .active.last{
    color: #ff7600;
}

.mod_breadcrumb li:after{
    content: " > ";
}

.mod_breadcrumb .last:after{
    content: "";
}

/*Menu latéral*/
#lateral{
    margin-left: 6px;
}

#lateral li{
    width: 265px;
    margin-bottom: 3px;
    list-style-type: none;
    display: table;

}

#lateral li{
    background-color: #ff7600;
    padding-left: 12px;
    background-image: url(../../files/imprimerie-mettai/design/images/menulateral.png);
    background-repeat: no-repeat;
    background-position: 240px center;
    font-family: sans-serif;
}

#lateral li > a {
    text-decoration: none;
    color: black;
    display: block;
    padding-top: 22px;
    padding-bottom: 22px;

}

#lateral li:hover{
    background-color: black;
}

#lateral li:hover a{
    color: white;
}

#lateral .active{
    background-color: black;
    color: white;
    padding-top: 22px;
    padding-bottom: 22px;
}

#lateral .trail{
    background-color: black;
    color: white;
    background-image: url(../../files/imprimerie-mettai/design/images/menulateral.png);
    background-repeat: no-repeat;
    background-position: 230px center;
}

/* Cadre de contenu*/
h1{
    color: #ff7600;
    margin-bottom: 25px;
}

/*
h2{
color: black;
margin-bottom: 10px;
}
*/

h2{
    color: #999999;
    font-style: oblique;
    font-weight: normal;
    margin-bottom: 17px;
}


/*P A G E  D E S  P R O D U I T S*/
.page_produits #main .inside {
    border: none;
    padding: 0;
}


#listeProduits{
    width: 1080px;
    height: 780px;
    margin-bottom: 243px;
    padding-left: 0;
}

#listeProduits li{
    display: inline-block;
}

#listeProduits li a{
    display: table;
    color: #ff7600;
    font-size: large;
    text-decoration: none;
    margin: auto;
    text-align: center;
    padding-top: 15px;

    width: 255px;
    height: 237px;
    border-style: solid;
    border-width: 1px;
    border-color: #cecece;
}

#listeProduits li a:hover{
    border-color: #ff7600;
    color: black;
    border-width: 1px;
    border-style: solid;
}

#listeProduits span {
    display: block;
    height: 175px;
}

.imageProduit {
    height: 170px;
    margin: 18px auto;
}

.produit{
    display: block;
}


/*ISOTOPE Produits*/
div.product{
    border: 1px solid #cecece;
    float: left;
    width: 250px;
    height: 237px;
    margin: 1px;
    overflow: hidden;
    position: relative;
}

div.product:hover{
    border: 1px solid #ff7600;
}

div.product:hover .formbody a{
    color: black;
}

.formbody a{
    color: #ff7600;
    display: block;
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%;
    z-index: 10;
}

.product .formbody > h3 {
    text-align: center;
    height: 100%;
    position: absolute;
    width: 100%;
}

.product > h3{
    margin-bottom: 20px;
}

.product h3 a span{
    bottom: 10px;
    left: 0;
    position: absolute;
    width: 100%;
}

div.sku{
    display: none;
}

div.price{
    display: none;
}

div.price:after{
    content: "€";
}


div.product:hover div.price{
    color: #ff7600;
}

div.product figure {
    text-align: center;
}

div.details{
    text-align: center;
}

.page_produits div.details{
    display: none;
}

.page_bureautique div.submit_container{
    display: none;
}

.page_ficheproduit div.submit_container{
    text-align: center;
    display: none;
}

/*ISOTOPE Détail produit*/
.mod_iso_productreader.block .product{
    border: none;
    height: auto;
    width: auto;
}

.mod_iso_productreader.block .product:hover{
    border: none;
}

.back > a {
    color: #f07600;
    text-decoration: none;
}

/*F I C H E  P R O D U I T*/
.page_ficheproduit .col_gauche {
	width: 530px;
	float: left;

}

.page_ficheproduit h1 {
	border-bottom: 2px solid #F97C00;
	padding-bottom: 15px;
	margin-right: 30px;
    font-family: "tahoma", sans-serif;
    font-weight: normal;
}

.page_ficheproduit .image_container{
    display: inline-block;
    margin-right: 30px;
    margin-top: 110px;
}

.page_ficheproduit a.panier{
    position: static;
    display: initial;
}

div.description{
    width: 407px;
    display: inline-block;
    vertical-align: top;
	padding-top: 45px;
}

div.description div, div.description p{
    margin-bottom: 30px;
}

.product .description table img {
	float:none!important;
}

.boutondevis{
    margin-top: 30px;
}

/* N E W S L E T T E R formulaire */
#newsletter {
    padding-bottom: 20px;
}

#newsletter form{
    margin-left: 85px;
}

#newsletter .text {
    width: 233px;
}

.mod_subscribe .submit, .mod_unsubscribe .submit{
    margin-top: 10px;
    border-radius: 10px;
    font-size: 20px;
    display: block;
    transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
    background-color: #ff7600;
    color: white;
}

.mod_subscribe .submit:hover{
    background-color: rgba(24, 101, 27, 0.78);
    color: white;
    border-color: #ff7600;
}


.mod_unsubscribe.block {
    margin-top: 90px;
}

.mod_unsubscribe .submit:hover {
    background-color: rgb(229, 18, 18);
    color: white;
    border-color: #ff7600;
}

/*Newsletter confirmation*/
.mod_subscribe .confirm {
    margin-left: 99px;
}

/* F O O T E R */
#footer{
    background: #ff7600 url("../../files/imprimerie-mettai/design/images/footer_fond.png") repeat-x;
    min-width: 1335px;
    width:100%;
}

#footer .inside{
    width:1335px;
    margin:0 auto;
}

/*bandeau gris*/
.vide{
    height: 7px;
}

/*partie noire*/
#footnoir{
    height: 330px;
}

#footnoir a {
    color: white;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}
#footnoir strong {
    margin-bottom: 10px;
    display: block;
}

#footnoir div{
    margin-left: 8px;   
    margin-right: 183px;
    padding-top: 21px;
    display: inline-block;
}

#footnoir h3{
    color: #ff7601;
    padding-bottom: 36px;
    padding-top: 21px;
}

.sanstitre{
    padding-right: 183px;    
}

.sanstitre h3{
    color: black !important;
    padding-bottom: 36px;
    padding-top: 21px;
}

nav#footnoir {
    display: inline-block;
}

#footnoir ul{
    display: inline-table;
    list-style: none;
    padding-right: 41px;
}

#footnoir a:hover,
#footnoir span, #footnoir strong {
    color:black;
    background-color: #ff7600;
}

/*zone d'adresse*/
#footadr{
    height: 113px;
    padding-bottom: 16px;
}

#footadr p{
    color: white;
    text-align: center;
}

.rue{
    padding-top: 18px;
    font-size: 18px;
}

.contact{
    font-weight: bold;
    font-size: 26px;
    padding-top: 10px;
}

.contact span{
    direction: rtl;
    unicode-bidi: bidi-override;
}

.capital{
    font-family: monospace;
    padding-top: 16px;
}

/* P A G E  D E  C O N T E N U */
.ce_text.block {
    text-align: justify;
    margin-bottom: 10px;
}

.float_right{
    margin: 10px 10px 0 10px;
}

.float_left{
    margin-right: 10px;
    margin-top: 10px;
}

/*listes*/
.ce_list.block > ul {
    margin: 0 0 12px 10px;
}

.ce_list.block > ul > li::before {
    color: #ff7600;
    content: "\2022";
    font-size:1.5em;
    padding-right:.25em;
    top:.1em;
}

/*listes organisées*/
#main .mod_article ol {
    counter-reset: li;
    list-style-type: decimal;
    margin-bottom: 20px;
}


#main .mod_article ol > li::before {
    color: #ff7600;
    content: counter(li, decimal) ".";
    counter-increment: li;
    font-weight: bold;
    padding-right: 8px;
    text-align: center;
}

/*tableaux*/
.ce_table table {
    border-collapse: collapse;
    margin-bottom: 20px;
}

.ce_table table tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #f4f4eb;
}

.ce_table table tr:hover {
    background-color: #ff7600;
    color: #fff;
}

.ce_table table tr:hover th{
    color: #fff;
}

.ce_table table thead th, .ce_table table tfoot td {
    background-color: #ff7600;
    color: white;
    font-size: 1.286em;
    font-weight: normal;
    text-transform: uppercase;
}

.ce_table table tbody th {
    color: #ff7600;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

.ce_table table th, .ce_table table td {
    border: 1px solid white;
    font-size: 1em;
    padding: 5px 10px;
}

.ce_table table td {
    text-align: left;
}

/*Accordéons*/
.ce_accordion.block {
    margin-bottom: 20px;
}

.ce_accordion .toggler {
    background: url("../../files/imprimerie-mettai/design/images/accordeon_sprites.png") no-repeat scroll right top #b5b5b5;
    color: #fff;
    font-size: 1.214em;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
}

.ce_accordion .toggler:hover, .ce_accordion .toggler.active{
    cursor: pointer;
    background-color: rgb(255, 145, 51);
}

.ce_accordion .toggler.active{
    background-position: right bottom;
}

/*Liens de téléchargements*/
.ce_downloads.block {
    margin-bottom: 20px;
}

.ce_downloads.block a {
    color: #ff7600;
    text-decoration: none;
}

.ce_downloads.block a:hover {
    text-decoration: underline;
}

/*Gallerie d'images*/
.ce_gallery.block {
    margin-bottom: 20px;
}

/*Fichier audio*/
.ce_player.block {
    margin-bottom: 20px;
}

/*Formulaires*/
.radio_container legend, .checkbox_container legend, form label {
    cursor: pointer;
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
    width: auto;
}

input[type="text"], input[type="email"], input[type="number"], input[type="password"], input.text {
    width: 390px;
}

textarea, select, input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="search"], input[type="password"] {
    background-color: #fff;
    border: 1px solid #e3e4e6;
    border-radius: 5px;
    color: #000;
    font-family: Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin-left: 2px;
    margin-right: 2px;
    padding: 10px 2%;
}

textarea.focus, textarea:focus, select:focus, select.focus, input.focus[type="checkbox"], input[type="checkbox"]:focus, input.focus[type="email"], input[type="email"]:focus, input.focus[type="number"], input[type="number"]:focus, input.focus[type="search"], input[type="search"]:focus, input.focus[type="text"], input[type="text"]:focus, input.focus[type="tel"], input[type="tel"]:focus, input.focus[type="password"], input[type="password"]:focus {
    border: 1px solid #ff7600;
}

form input, form textarea, form select {
    margin-bottom: 10px;
}

textarea.textarea {
    height: 145px;
    width: 390px;
}

select.select {
    /*    width: 412px;*/
    width: auto;
}

select {
    padding: 5px;
}

fieldset, img {
    border: 0 none;
}

.radio_container span, .checkbox_container span {
    display: flex;
}

input[type="radio"], input[type="checkbox"] {
    margin: 5px;
}

/*
.radio_container label, .checkbox_container label {
display: inline;
float: none;
width: auto;
}

.radio_container legend, .checkbox_container legend, form label {
cursor: pointer;
display: block;
font-weight: normal;
margin-bottom: 5px;
width: auto;
}
*/

form input.submit, a.bouton, .bouton a {
    background-color: #fff;
    border: 1px solid #ff7600;
    border-radius: 5px;
    color: #ff7600;
    cursor: pointer;
    display: inline-block;
    font-size: 1.143em;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
    transition: background 0.15s linear 0s;
}

form input.submit:hover, a.bouton:hover, .bouton a:hover {
    background-color: #ff7600;
    color: #fff;
    text-decoration: none;
}

.ce_form div {
    margin-bottom: 10px;
}

.ce_dlh_googlemaps input[type="text"] {
	width: 170px;
}

.ce_dlh_googlemaps form input.submit {
	font-size: 1em;
	padding: 8px;
}


#menu-responsive {
    position: relative;
    display: none;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
    font-size: 0;
    height: 27px;
}

#menu-responsive img {
    position: absolute;
    right: 0;
    height: 27px;
}

#menu-toggle {
    display: none;
}
@media print {

    * {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #renseignement,
    #noir .slogan,
    #noir .devis,
    #menu_principal,
    #main .mod_flexSlider,
    #left #lateral,
    #slider,
    hr,
    .boutondevis,
    nav#footnoir{
        display: none;
    }

    #header {
        background: none;
        background-color: #000;
    }

    #header .inside,
    #container,
    #footer .inside{
        margin: 0;
        width: 100%;
    }	

    .logo{
        margin-left: 400px;
    }

    /*Fil d'Ariane*/
    .mod_breadcrumb{
        margin-top: 0px;
    }

    .mod_breadcrumb ul {
        display: inline-block;
    }

    .mod_breadcrumb li {
        display: inline-block;
        width: initial;
    }

    /*CORPS*/
    #main{
        border-style: none;
        display: inline-block;
    }
    
    #main .inside{
        padding : 0;    
    }
    
    /*PAGE DES PRODUITS*/
    #listeProduits {
        margin-left: 150px;
        margin-top: 100px;
    }

    #listeProduits li a{
        border-style: none;
    }

    /*Fiche produit*/
    .ficheproduit{
        font-size: 23.5px;    
    }

    /*Newsletter*/
    #newsletter{
        padding-bottom: 150px;
        margin-top: 100px;
    }

    /*FOOTER*/
    #footer{
        background: none !important;
    }

    #footadr p{
        color: black;
    }
}
/* Format intermédiaire (tablette) */
@media(min-width:768px) and (max-width:979px)
{
    #header, #footer{
        min-width: 0;
    }

    #header .inside{
        width: 100%;
    }

    #renseignement{
        width: 90%;
    }

    .info {
        width: 31%;
    }

    #noir{
        padding-top: 34px;
        padding-bottom: 14px;
    }

    #noir .slogan {
        display: none;
    }

    #noir .logo{
        margin-left: 8%;
        width: 440px;
        padding-bottom: 39px;
    }

    #noir .devis{
        margin-left: 2.6%;
        margin-bottom: 15px;
    }
    

    /*CAROUSEL*/
    #container{
        width: 100%;
    }

    #slider{
        width: 100%;
    }

    .mod_flexSlider{
        width: 100%;
    }

    .flex-control-nav.flex-control-paging li *{
        width: 254px;
    }

    #ariane .inside{
        margin-left: 0px;
    }

    /*Fil d'Ariane*/
    .mod_breadcrumb.block{
        margin-left: 10px;
    }

    
    #main .inside {
        min-height: 300px;
        padding: 20px;
    }    
    
    /*ASIDE*/
    #left{
        margin-left: 1%;
        width: 29%;
    }

    #lateral {
        margin-left: 1px;
    }

    #lateral li{
        padding-left: 6px;
        background-position: 200px center;
        width: 100%;
    }

    /*CONTENU*/
    #main{
        float: right;
        margin-left: 0px;
        margin-right: 0;
        width: 70%;
    }

    .ce_text.block{
        margin-right: 25px;
    }

    .ce_table table{
        overflow-x: auto;
        display: block;
    }

    /*PRODUITS*/
    div.product {
        width: 48%;
    }
	
	.page_ficheproduit .col_gauche {
		float: none;
		width: 100%;
	}	

    .page_ficheproduit .image_container {
        margin-right: 0;
    }    
    
    .mod_iso_productreader.block .product,
    .mod_iso_productreader.block .product figure,
    .mod_iso_productreader.block .product figure img {
        max-width: 100%;
    }    

    /*FOOTER*/
    #footer .inside{
        width: 100%;
    }

    nav#footnoir{
        margin-left: 5px;
    }

    .sanstitre{
        padding-right: 165px;
    }

    #footadr{
        width: 100%;
    }
}


/* Format smartphone */
@media(max-width:979px)
{
    #menu-responsive {
        display: flex;
        align-items: center;
        height: 27px;
        width: 80px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        padding-left: 10px;
        padding-bottom: 20px;
    }
    #menu-responsive .menu {
        top: 0px;
        width: 25px;
        height: 25px;
    }
    #menu-responsive .fermer {
        font-size: 40px;
        opacity: 0;
        right: -100px;
        width: 25px;
        height: 25px;
    }
    #header #menu_principal{
        width: 100%;
        background-color: #ff7600;
        display: block;
        position: absolute;
        height: auto;
        display: none;
    }
    #header #menu_principal ul.level_1 { 
        display: flex;
        flex-direction: column;
        height: auto;
        background: #ff7600;
    }
    #header #menu_principal ul.level_1 li { 
        height: auto;
    }
    input#menu-toggle:checked ~ #menu_principal {
        left: 0px;
        display: block;
        z-index: 999;
    }
    input#menu-toggle:checked ~ #menu-responsive img {
        opacity: 0;
    }
    input#menu-toggle:checked ~ #menu-responsive .menu {
        top: -100px;
    }
    input#menu-toggle:checked ~ #menu-responsive .fermer {
        opacity: 1;
        right: 0;
    }
    #header{
        background: none;
        background-color: #000;
    }
    #renseignement ul li, #renseignement ul li span {
        color: #fff;
    }
}

/* Format smartphone */
@media(max-width:767px)
{

    * {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    img{
        width: 100%;
        max-width: 100%;
    }

    img.mime_icon {
        width: auto;
    }

    h1, h2, h3, h4, h5 {
        text-align: left;
    }
    
    #menuresponsive img {
        width: 48px;
        height: 45px;
    }

    /* #renseignement,*/
	#renseignement ul li#renseignement_telephone,
	#renseignement ul li#renseignement_email,
    #noir .slogan,
    #noir .devis,
    #ariane {
        display: none;
    }
    /*#main .mod_flexSlider, div#slider,*/

	#renseignement {
		margin: 0;
		width: 100%;
	}
	
	#renseignement ul li#renseignement_horaires {
		color: #fff;
	}

    #header, #footer{
        min-width: 0;
    }

    #header .inside, 
    #container,
    #footer .inside{
        width: 100%;
        margin: 0;
    }
    
    #header #noir {
        text-align: center;
    }

    .logo{
        width: 100%;
        max-width: 315px;
        margin-left: 1.5%;
    }

    

    /*Menu mobile*/
    a.page_accueil {
        padding-left: 0;
    }

    li.trail.page_accueil.sibling.first a {
        padding-left: 0;
    }

    #mobile-menu-31{
        width: 280px;
        height: auto;
        position: absolute;
        margin-top: 214px;
        left:-100%;
    }

    #mobile-menu-31.active{
        left: 0;

        animation: mymove ease-in-out 0.3s;
        -webkit-animation: mymove ease-in-out 0.3s;
        -moz-animation: mymove ease-in-out 0.3s;
    }


    #mobile-menu-31 #menu_principal{
        display: block;
        height: auto;
        padding: 5px 0px 5px 5px;
    }

    #mobile-menu-31 #menu_principal .level_1 li {
        padding-bottom: 5px;
    }

    #mobile-menu-31 #menu_principal .level_1 li a{
        text-decoration: none;
        color: white;
        width: 238px;
        display: block;
    }

    #mobile-menu-31 #menu_principal .level_1 li .active{
        color: #ff7600;
    }

    #mobile-menu-31 #menu_principal .level_1 li .trail{
        color: #ff7600;
    }

    #mobile-menu-31 #menu_principal .level_1 li .forward{
        color: #ff7600;
    }

    .mobile_menu li.submenu > ul {
        display: block;
    }

    a.page_accueil,
    span.page_accueil,
    a.page_accueil:hover{
        background-image: none;
    }


    .level_2 {
        opacity: 1;
        margin-left:29px;
        background: none;
        position: initial;
    }

    .level_2 .active{
        background: none;
    }

    .level_2 li a, .level_2 li span {
        padding-bottom: 0;
        padding-top: 5px;
    }

    .slider-control {
        /*bottom: 75px;*/
    }

    
    /*CORPS*/
    #left {
        width: 100%;
    }
    
    #main {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    #main .inside{
        padding: 10px;
        margin-top: 0;
        min-height: 50px;
    }
    
    #main .inside p {
        margin-right: 0;
    }

    div.product figure{
        height: auto;
    }

    div.description{
        width: auto;
    }

    .ficheproduit h3{
        text-align: center;
    }

	.page_ficheproduit .col_gauche {
		float: none;
		width: 100%;
	}	
	
    .page_ficheproduit .boutondevis{
        width: 200px;
        margin-left: 30px;
    }
    
    .page_ficheproduit .description p img{
        width: 50%;
    }

    /*
    .imageproduit img{
        width: 100%;
    }
    */

    div.product_list {
        position: relative;
    }
    
    div.product{
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
    }
    
    .mod_iso_productlist.block .product figure img {
        width: auto;
    }    
    

    .page_ficheproduit .image_container {
        margin-right: 0;
		margin-top: 0;
    }    
    
    /*Newsletter*/
    #newsletter{
        padding-left: 0;
        padding-top: 0;
    }

    #newsletter form {
        margin-left: 43px;
    }

    /*Contact*/
    textarea, select, input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="search"], input[type="password"]{
        width: 80%;
    }

    textarea.textarea{
        width: 80%;    
    }

    /*Fil d'Ariane*/
    #ariane .inside{
        margin-left: 0px;
    }

    /*ASIDE*/
    #left{
        margin-top: 20px;    
    }

    #lateral{
        margin-top: 15px;
        margin-left: 0;
        width: 100%;
    }

    #lateral li{
        margin-bottom: 4px;
        background-image: none;
        width: auto;
        display: block;
    }

    #lateral .trail{
        background-image: none;
    }

    #lateral li a, #lateral span.active, #lateral strong.active {
        padding: 10px 17%;
    }

    #lateral .active{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    ul.level_1{
        display: block;
        height: auto;
    }

    /*FOOTER*/
    #footer{
        font-size: 14px;
        background-image: none;
        background-color: black;
    }

    #footnoir{
        height: auto;
    }

    nav#footnoir{
        margin-left: 15px;
    }

    #footnoir ul{
        padding-right: 0;
    }

    #footnoir h3{
        padding-bottom: 15px;
        padding-top: 8px;
    }

    .sanstitre{
        padding-right: 0;
    }

    #footadr{
        height: auto;
        background-color: #ff7600;
    }

    .contact{
        font-size: 25px;
    }

    /*tableaux*/
    .ce_table table{
        overflow-x: auto;
        display: block;
    }

    /*parcourir fichiers*/
    .formbody input[type="file"] {
        font-size: 98%;
    }
	
	.dlh_googlemap {
		width: 100%!important;
	}
	
	.ce_dlh_googlemaps .gm-style-iw img {
		width: auto;
		max-width: 40%;
	}
	
	.product .description table {
		margin-left: 0!important;
		height: auto!important;
		width: 100%!important;
	}

	.product .description table td:nth-child(1) {
		white-space: nowrap!important;
	}

}