@import url("fonts.css");
@import url("rez.css");
/* Couleurs Debut
#2A2A65; Bleu
#2A2A65; Bleu Foncé
#9C9CC9; Bleu Pâle
#FFC500; Jaune
#XXXXXX; Jaune Foncé
#XXXXXX; Jaune Pâle
Couleurs Fin */
.rez { display: none; }
/* Resets Debut */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-family: inherit;	vertical-align: baseline; }
a {	outline: none; } /* Pas de bordure autour des liens */
:focus, :active { outline: 0; outline: none; } /* Pas de bordure quand un objet est clique */
a img {	border: none; } /* Pas de bordure autour des images avec liens */
img {	vertical-align: bottom; } /* Bug HTML5 espace sous image */
div.spacer {	clear: both; height: 0em !important; padding: 0em !important;	margin: 0em !important; } /* Stop float */
a, a:visited { color: #FFF;	text-decoration: underline; }
a:hover { text-decoration: none; }
li { list-style: none; }
input[type="text"],  input[type="tel"],  input[type="email"], input[type="checkbox"], input[type="select"], input[type="radio"], textarea {  -webkit-appearance: none; /* Empeche les style par defaut du iphone (Formulaire champs / boutons)  */ }
/* Resets Fin */

/* ----- Ease 250ms Debut ----- */
a.btn_std, a.btn_tel, a.btn_lang, input[type="button"], input[type="text"],  input[type="tel"],  input[type="email"], textarea, .boite_msg_contact, .topicons, .slick-prev, .slick-next, .slick-dots li button, a#fb { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out;	-ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
/* ----- Ease 250ms Fin ----- */

/* ----- Coins ronds Debut ----- */
a.btn_std, a.btn_tel, input[type="button"], input[type="text"],  input[type="tel"],  input[type="email"], textarea, .boite_msg_contact, .topicons, #back-top span, .box_coor ul, .box_heure ul, .box_tel ul, .box_services li, a#fb {
	-moz-border-radius: 0.2em;	-webkit-border-radius: 0.2em;	border-radius: 0.2em; } 

.box_services li, select#prod_s_type, select#prod_s_modele, select#prod_s_annee, select#prod_s_annee2, select#prod_s_etat, select#prod_s_prix {	-moz-border-radius: 0.4em;	-webkit-border-radius: 0.4em;	border-radius: 0.4em; } 
/* ----- Coins ronds Fin ----- */

/* ----- Body Debut ----- */
body {	font-family: 'font_light', Arial, Helvetica, sans-serif;	font-size: 1em;	margin: 0;	background: #FFF; color: #333; }
sup { font-size: 0.5em; vertical-align: text-top; }
.box_shadow { box-shadow: 0 0 2em rgba(0,0,0,0.25); }

/* ----- Fonte Style Debut ----- */
.font_light { font-family: 'font_light', Arial, Helvetica, sans-serif; letter-spacing: -0.02em; }
.font_bold { font-family: 'font_bold', Arial, Helvetica, sans-serif; letter-spacing: -0.01em;  }
.font_black { font-family: 'font_black', Arial, Helvetica, sans-serif; letter-spacing: -0.01em; }
.fauxitalic { -ms-transform: skew(-8deg,0deg); /* IE 9 */    -webkit-transform: skew(-8deg,0deg); /* Safari */    transform: skew(-8deg,0deg); /* Standard syntax */ } 
/* ----- Fonte Style fin ----- */
/* ----- Ancres Debut ----- */
#services, #produits { padding-top: 2em; }
/* ----- Ancres fin ----- */
/* Couleurs Backgrounds Debut */
.bgcolor1 { background-color: #2A2A65; }
.bgcolor1titles { background: #2A2A65 url(../img/tex01n.svg); background-size: 2em; }
.bgcolor2 { background-color: #FFC500; }
.bgcolor3 { background: #FFF url(../img/tex02.svg);  }
.bgcolor4 { background-color: #FFF; }
.bgcolor5 { background-color: #CCC; }
.bgcolor6 { background-color: #f9f9f9; }
/* Couleurs Backgrounds Fin */

/* Couleurs Textes Debut*/
.color1, .color1 a { color: #2A2A65; }
.color2, .color2 a { color: #FFC500; }
.color3, .color3 a { color: #FFF; }
.color4, .color4 a { color: #333; }
.color5, .color5 a { color: #9CABC9; }
.color6, .color6 a { color: #666; }
/* Couleurs Textes Fin*/
/* ----- Body Fin ----- */

/* ----- Facebook Debut ----- */
a#fb { display: block; width: 14em;  color:#FFF; background: #3B5998 url(../img/ico-fb.svg) no-repeat; background-size: 2.25em; background-position: 13em center; text-decoration: none; padding: 1em; margin-bottom: 2em; font-size: 0.85em; border: 1px solid #3B5998; }
a#fb:hover { background-color: #E1E1E1; color:#3B5998; border: 1px solid #D1D1D1;}
/* ----- Facebook Fin ----- */

/* ----- Separateur Standard Debut ----- */
hr { border: 0; margin: 0; height: 0em; background: none; border-bottom: 1px solid #F1F1F1; display: block; }
hr.sep { border: 0; margin: 1em 0 1em 0; height: 0em; border-bottom: 1px dashed #CCC; display: block; }
/* ----- Separateur Standard Fin ----- */

/* ----- SECTION_ENTETE Debut ----- */
.mwidth { width: 50%; margin: auto; } /* Largeur max de toutes les sections (Sauf images) */
.mwidth_header { width: 55%; margin: auto; position: relative; } /* Largeur max Entete */

.logo a { text-decoration: none; }
.logo img {	width: auto; height: 4em; padding: 0.5em 0 0.5em 0; }
.top_box { position: absolute; top: 1em; right: 0.5em; border-left: 1px solid #CCC; height: 2.5em; padding: 0.5em 0 0 0.5em; }
.sansfrais  { font-size: 0.6em; line-height: 1em; text-transform: uppercase; letter-spacing: 0.15em; padding: 0.3em 0 0 0; }
.telephone  { font-size: 1em; line-height: 1.2em; }

a.btn_lang { position: absolute; top: 0; right: 1em;
	background: #2A2A65; text-decoration: none; padding: 0.75em; font-size: 0.5em; line-height: 0.5em; text-transform: uppercase;
	-moz-border-radius-topright: 0;	border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;	border-top-left-radius: 0;
	-moz-border-radius-bottomright: 0.3em;	border-bottom-right-radius: 0.3em;
	-moz-border-radius-bottomleft: 0.3em;	border-bottom-left-radius: 0.3em;
}
/* ----- Icones Entete Debut ----- */
.topicons_box { margin: 1.75em 0.45em 0 0;  position: absolute; top: 0; right: 15.4em; }
.topicons  { display: inline-block; background: #FFC500; }
.topicons#icoaccueil a, .topicons#icocontact a, .topicons#icotelephone a, .topicons#icosearch a, .topicons#icolangue a { display: block; height: 1.5em; width: 1.5em; text-decoration: none; }
.topicons:hover  { background: #2A2A65; }
.topicons#icolangue { display: none; background-color: #F1F1F1; }
.topicons#icolangue a { background: url(../img/ico-en.svg) center center no-repeat; background-size: 100%;  }
.topicons#icoaccueil a { background: url(../img/ico-accueil.svg) center center no-repeat; background-size: 100%; }
.topicons#icotelephone { display: none; }
.topicons#icotelephone a { background: url(../img/ico-telephone.svg) center center no-repeat; background-size: 100%; }
.topicons#icocontact a { background: url(../img/ico-contact.svg) center center no-repeat; background-size: 100%; }
.topicons#icosearch a { background: url(../img/ico-search.svg) center center no-repeat; background-size: 100%; }

.topicons#icoaccueil a:hover { background: url(../img/ico-accueil.svg) center center no-repeat; background-size: 100%; }
.topicons#icotelephone a:hover { background: url(../img/ico-telephone.svg) center center no-repeat; background-size: 100%; }
.topicons#icocontact a:hover { background: url(../img/ico-contact.svg) center center no-repeat; background-size: 100%; }
.topicons#icosearch a:hover { background: url(../img/ico-search.svg) center center no-repeat; background-size: 100%; }
/* ----- Icones Entete Fin ----- */
/* ----- SECTION_ENTETE Fin ----- */
.cwb_header { display: block; position: absolute; top: 0.5em; right: -3.25em; width: 3em; height: auto; } 
.cwb_header img { width: 2.8em; height: auto; } 
/* ---------- SECTION_SLIDER_ENTETE Debut ---------- */
.imagefullslider { width: 100%; overflow: hidden; height: 100%; } /* Image plein ecran */
.imagefullslider img { width: 100%; height: auto; margin: -13% 0 -13% 0; } /* Image plein ecran masque */
.box_slide { padding: 1em 0 0.75em 0; }
.box_slide h1, .box_slide h2 { width: 100%; text-align: center; letter-spacing: -0.02em; }
.box_slide h1, .box_slide h2 { font-size: 1.75em; margin: 0; padding: 0 0 0.5em 0; font-family: 'font_black', Arial, Helvetica, sans-serif; }
.slick-prev, .slick-next {	top: 32% !important; }

/* ---------- SECTION_SLIDER_ENTETE Fin ---------- */

/* ----- SECTION_TEXTE Styles standards Debut ----- */
/* ----- Grosseur des textes Debut ----- */
h1 { font-size: 2em; margin: 0 0 0.2em 0; }
h2 { font-size: 2em; margin: 0 0 0.2em 0; }
h3 { font-size: 1.2em; margin: 0 0 0.2em 0; }
p {	font-size: 1em;	line-height: 1.25em; margin: 0 0 1em 0; }
/* ----- Grosseur des textes Fin ----- */

/* ----- Padding Hauteur boites Debut ----- */
.box1 { padding: 4em 0 4em 0; } 
.box2 { padding: 8em 0 8em 0; } 
.box3 { padding: 2em 0 1.75em 0; } 
/* ----- Padding Hauteur boites Fin ----- */

/* Largeur Image / Photo Debut */
img.photor_h, img.photol_h   { width: 48%; display: block; -moz-border-radius: 0.2em;	-webkit-border-radius: 0.2em;	border-radius: 0.2em; } /* Largeur des photos horizontales */
img.photor_v, img.photol_v   { width: 33%; display: block;  } /* Largeur des photos verticales 1/3 */
img.photor_h, img.photor_v { float: left; margin: 0 2% 1em 0;  } /* Image / Photo alignement a droite et marges */
img.photol_h, img.photol_v { float: left; margin: 1em 2em 1em 0; } /* Image / Photo alignement a gauche et marges */
/* Largeur Image / Photo Fin */
/* ----- SECTION_TEXTE Styles standards Fin ----- */
.txtcenter { text-align: center; }


/* ----- SECTION_PROMO Debut  ----- */
.promo h2 { font-size: 2.25em; margin: 0.25em 0 0.15em 0; }
.promo h3 { font-size: 1.35em; margin: 0.75em 0 0.25em 0; }
.promo h4 { font-size: 0.85em; line-height: 1.2em; margin: 0.25em 0 1em 0; }
.promo ul { float: left; width: 48%; margin: 0 2% 0.5em 0; }  
.promo li { display: inline-block; width: 90%; font-family: 'font_bold', sans-serif, Arial; padding: 0.5em 2% 0.5em 8%; margin: 0 0 0.5em 0;  color: #FFC500; font-size: 0.75em; background: url(../img/ico-check.svg) no-repeat; background-color: #2A2A65; background-size: 1.5em; background-position: 0.25em; -moz-border-radius: 0.25em;	-webkit-border-radius: 0.25em;	border-radius: 0.25em; } 
.promo p { padding: 0; margin: 0.5em 0 0.25em 0; } 
.box_prix { float: left; width: 48%;  margin: 0 2% 0.5em 0; } 
.txtprix { font-size: 1.5em; line-height: 1.25em; margin: 0 0 0.5em 0; }
/* ----- SECTION_PROMO Fin  ----- */

/* ----- Boutons Debut  ----- */
a.btn_std, a.btn_tel, input[type="button"]  {
	font-size: 1em;	padding: 0.7em 1.5em 0.7em 1.5em; display: inline-block;
	background: #2A2A65;	color: #FFF;	text-decoration: none;
	font-family: 'font_black', sans-serif, Arial;
	margin: 0.5em 0.5em 0.5em 0;	text-align: center;
	border: none;	width: auto;	cursor: pointer; opacity: 1; }
a.btn_tel { background: none; color: #2A2A65; text-align: left;  font-size: 1.25em; cursor: text; padding: 0; margin: 0; }
a.btn_std:hover, a.btn_lang:hover, input[type="button"]:hover  { color: #FFC500; }

input[type="button"]  {	margin: auto; }
/* ----- Boutons Fin  ----- */

/* ---------- TOUS_LES_BACKGROUNDS Debut ---------- */
/* ----- PARALLAX Debut  ----- */
.box_img_std { width: 100%; display: none; }
.box_img_parallax { display: block; }

.bgimg { width: 100%; height: 25em; }
.bgimg#bgpic1 {	background: url(../img/01.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic2 {	background: url(../img/09.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic3 {	background: url(../img/05.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic4 {	background: url(../img/clients.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic6 {	background: url(../img/06.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic7 {	background: url(../img/07.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic8 {	background: url(../img/08.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic10 { background: url(../img/10.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic11 { background: url(../img/11.jpg) center center no-repeat; background-size: 100%; }
.bgimg#bgpic12 { background: url(../img/03.jpg) center center no-repeat; background-size: 100%; }

.bg-holder { width: 100%; height: 28em;	background-size: cover;	background-position: 50% 50%; }
.bg-holder#pic1 { background: url(../img/01.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic2 { background: url(../img/09.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic3 { background: url(../img/05.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic4 { background: url(../img/clients-nologos.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic6 { background: url(../img/06.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic7 { background: url(../img/07.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic8 { background: url(../img/08.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic10 { background: url(../img/10.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic11 { background: url(../img/11.jpg) no-repeat; background-size: 100%; }
.bg-holder#pic12 { background: url(../img/03.jpg) no-repeat; background-size: 100%; }

.bg-holder .content {	position: relative;	top: 50%;	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	transform: translateY(-50%); }
/* ----- PARALLAX Fin  ----- */
.bg_services { width: 100%; height: auto; background: url(../img/bg_services.jpg) no-repeat center center; background-size: cover; }
/* ---------- TOUS_LES_BACKGROUNDS Fin ---------- */

/* ----- SECTION_PRODUITS Debut  ----- */
.mwidthproduits { width: 82%; margin: auto; } /* Largeur max de section produits */
.produits {	width: auto; display: block; border-bottom: 1px solid #000; }
.produits h1 { font-size: 1.25em;	 }
.produits h2 { font-size: 1.25em;	 }
.produits p { font-size: 0.75em;	 }
.produits ul { padding: 1em 0; }
.produits li { font-size: 0.75em;	 }
.produits h3 { font-size: 0.75em;	 }
.produitphoto { float: left; width: 50%; }
.produitthumb {  position: relative;  width: 15em;  height: 15em;  overflow: hidden; }
.produitthumb img {  position: absolute;  left: 50%;  top: 50%;  height: 100%;  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%); }
.produitthumb img.portrait {  width: 100%;  height: auto; }

.produitinfo { float: left;	width: 48%; padding-left: 2%; }


.box_rafin label { font-size: 0.75em; display: inline-block; }
.box_rafin input[type="button"] { display: inline-block; background: #2A2A65 url(../img/ico-refresh.svg) no-repeat center center; background-size: 1em; width: 1em; height: 1em;  margin: 0;  }

.box_rafin select#prod_s_type, .box_rafin select#prod_s_modele, .box_rafin select#prod_s_annee, .box_rafin select#prod_s_annee2, .box_rafin select#prod_s_etat, .box_rafin select#prod_s_prix {
   -webkit-appearance: button;
   -webkit-user-select: none;
   border: 1px solid #eee;
   color: #2A2A65;
   margin: 0 0.5em 1em 0.25em;
   overflow: hidden;
   padding: 0.75em 2em 0.5em 0.5em ;
   text-overflow: ellipsis;
   white-space: nowrap;
   background: #eee url(../img/ico-select.svg) no-repeat right;
   background-size: 1em;
   text-transform: uppercase;
   font-size: 0.75em; line-height: 1em;
   font-family: 'font_black', sans-serif, Arial;
display: inline-block; }

/* ----- SECTION_PRODUITS Fin ----- */

/* ----- SECTION_SERVICES Debut ----- */
.box_services { margin: 1em 0;  }
.box_services li, .box_services  li.experience, .box_services  li.inspection { background: rgba(0,0,0,0.03) url(../img/ico-check.svg) no-repeat 0.75em center; background-size: 3em; font-size: 0.8em; line-height: normal; margin: 0 0 0.5em 0; padding: 1.75em 1em 1.75em 4.25em; width: auto; }
.box_services ul { padding: 0em 0 0 0; width: 95%;  }

.box_services  li.experience, .box_services  li.inspection { background-size: 2em; font-size: 0.8em; line-height: normal; margin: 0 0 0.5em 0; padding: 1em 1em 1em 3.25em; width: auto; }

.box_services  li.experience { background: rgba(0,0,0,0.03) url(../img/ico-experience.svg) no-repeat 0.75em center; background-size: 2em; font-size: 0.8em; line-height: normal; margin: 0 0 0.5em 0; padding: 1em 1em 1em 3.25em; width: auto; }
/* ----- SECTION_SERVICES Fin ----- */


/* ----- SECTION_CONTACT Debut ----- */
/* ----- Coordonnees Heures d'affaire Debut ----- */
/* ----- 2 Colonnes Standard Debut  ----- */
.col_50 {	float: left; width: 50%; }
.col_left, .col_right { width: 100%; }
/* ----- 2 Colonnes Standard Fin ----- */
.box_coor ul, .box_heure ul, .box_tel ul { width: auto;  padding: 1.25em; margin: 0 0.75em 1em 0; background: rgba(0,0,0,0.03); height: 5.5em; }
.box_coor ul { height: 7em;  }
.box_heure ul { margin-right: 1em; } 
.box_coor h2, .box_heure h2, .box_tel h2 { padding: 0; font-size: 1.5em; }
.box_coor li, .box_heure li, .box_tel li { list-style: none; margin: 0 0 0.25em 0; }
.box_heure li { padding: 0; font-size: 1em; line-height: 1.1em; }
.box_coor li { font-size: 0.95em; line-height: 1.25em; }
.box_coor li p { font-family: 'font_bold', sans-serif, Arial; margin-bottom: 0;  font-size: 1.25em; line-height: 0.9em; }
.box_coor li a { margin-bottom: 0;  font-size: 1.25em;  }
.box_tel li { padding: 0; font-size: 1em; line-height: 1.2em; }
.box_tel ul { height: 7em; }
/* ----- Coordonnees Heures d'affaire Fin ----- */

/* ----- 2 Colonnes Formulaire Debut ----- */
.col_left_form { margin-right: 1.6em; }
.col_right_form { margin-right: 0.8em; }
/* ----- 2 Colonnes Formulaire Fin ----- */
/* ----- Formulaire Debut ----- */
input[type="text"],  input[type="tel"],  input[type="email"], textarea {
	font-family: 'font_bold', sans-serif, Arial;
	font-size: 1em;
	padding: 0.4em;
	color: #2A2A65;
	margin-bottom: 1em;
	display: block;
	width: 100%;
	border: none;
	background: rgba(255,255,255,0.75);
}
input[type="text"]:hover,  input[type="tel"]:hover,  input[type="email"]:hover, textarea:hover { background: #FFF; }
input[type="text"]:focus,  input[type="tel"]:focus,  input[type="email"]:focus, textarea:focus { background: #FFF; }
textarea { height: 9.9em; overflow: auto; width: 100%; }
#form_contact {	width: 100%; }
#form_contact p { margin: 0 0 0.25em 0; }
#form_contact input[type="button"] { background:#FFC500; }
#form_contact input[type="button"]:hover { color:#2A2A65; }
.boite_msg_contact { display: none;	font-family: 'font_bold', Arial, Helvetica, sans-serif; font-size: 1em; text-align: center; }
.boite_msg_contact { width: 100%; padding: 0.6em 0 0.6em 0; margin: 0 0 1em 0; }
#form_contact .boite_msg_contact.erreur { -webkit-animation: myerreur 1.5s infinite; animation: myerreur 1.5s infinite; } /* Chrome, Safari, Opera */
#form_contact .boite_msg_contact.traitement { -webkit-animation: mytraitement 1.5s infinite; animation: mytraitement 1.5s infinite;	background: rgba(0,0,0,0.5); }	/* Chrome, Safari, Opera */
#form_contact .boite_msg_contact.succes { background: rgba(0,204,0,1); color: #FFF; }

/* Chrome, Safari, Opera */
@-webkit-keyframes myerreur {
     0% { background: rgba(255,0,0,0.15); color: rgba(255,255,255,0.15); }
     50% { background: rgba(255,0,0,0.75); color: rgba(255,255,255,0.75); }
     100% { background: rgba(255,0,0,0.15); color: rgba(255,255,255,0.15); }
}
/* Standard syntax */
@keyframes myerreur {
     0% { background: rgba(255,0,0,0.15); color: rgba(255,255,255,0.15); }
     50% { background: rgba(255,0,0,0.75); color: rgba(255,255,255,0.75); }
     100% { background: rgba(255,0,0,0.15); color: rgba(255,255,255,0.15); }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mytraitement {
     0% { color: rgba(255,255,255,0.25); }
     50% { color: rgba(255,255,255,0.85); }
     100% { color: rgba(255,255,255,0.25); }
}
/* Standard syntax */
@keyframes mytraitement {
     0% { color: rgba(255,255,255,0.25); }
     50% { color: rgba(255,255,255,0.85); }
     100% { color: rgba(255,255,255,0.25); }
}
/* Fix chrome autofill Debut */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1.5em #FFF inset; /* Change the color to your own background color */
	-webkit-text-fill-color: #333; }
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1.5em #FFF inset; /* Change the color to your own background color */
	-webkit-text-fill-color: #333; }
/* Fix chrome autofill Fin */
/* Champ requis Debut */
.required { color: #dc2c30;  margin: 0 0 2em 0; text-transform: uppercase; font-size: 0.75em; line-height: 0.5em; font-family: 'font_bold', Arial, Helvetica, sans-serif; }
/* Champ requis Fin */
/* ----- SECTION_CONTACT Fin ----- */

/* ----- GOOGLE_MAPS début ----- */
.google-maps { position: relative; height: 22em; overflow: hidden;  }
.google-maps iframe { top: 0; left: 0; width: 100%; height: 100%; z-index: 5; border:0; zoom: 1; }
.nozoom {
 /*  background:transparent; */
   background: opacity: 0;  position: relative;   width: 100%;
   height: 22em; /* your iframe height */
   top: 22em;  /* your iframe height */
   margin-top: -22em;  /* your iframe height */
   z-index: 5;   cursor: pointer; }
/* ----- GOOGLE_MAPS fin ----- */
.clients { width: 60%; padding: 5em 0 0 0; margin: auto; }
.clients img { width: 100%; }

/* ----- SECTION_DISTRIBUTEUR Debut ----- */
.distributeur { width: 100%; }
.distributeur li { width: 20%; text-align: center; }
.distributeur a { margin: 0 0 3em 0;}
.distributeur img { width: 100%; height: auto; margin: 0em;  display: inline-block; }
/* ----- SECTION_DISTRIBUTEUR Fin ----- */
/* ----- Certification Debut ----- */
.certification { display: none; } 
.certification h2 { font-size: 1em; } 
.certification p { font-size: 0.7em; } 
.cwb { float: right; width: 3em; height: auto; padding: 0 0 3em 2em; } 
.cpiepq { float: right; width: 8em; height: auto; padding: 0 0 1em 0.5em; } 
.bleu { color: #0065A5; } 
/* ----- Certification Fin ----- */
/* ---------- SECTION_FOOTER Debut ---------- */
footer {
	font-size: 0.6em;
	padding: 0.7em 0 0.7em 0;
	text-align: center;
	text-transform: uppercase;
}
footer span {	display: inline-block; padding: 0 3em 0 3em; }

/* ---------- SECTION_FOOTER Fin ---------- */
/* Back to top button début */
#back-top span { display: none; }
/* Back to top button fin */

/******************************************************************************************/
/* ------------------------------------- Responsive ------------------------------------- */
/******************************************************************************************/
/* no display */ 
@media screen and (max-width:319px) { .reznull { display: block; } body { background: #FFF; font-size: 0.65em; opacity: 0.1; }
.mwidth { width: 90%; }  }
/* 320px iPhone Vertical */ 
@media screen and (min-width:320px) and (max-width:359px) {
.rez320 { display: block; }
/* ----- SECTION_ENTETE Debut ----- */
.mwidth { width: 90%; }
/* ----- SECTION_ENTETE Fin ----- */
/* ---------- SECTION_SLIDER_ENTETE Debut ---------- */
.imagefullslider img { margin: 0; }
/* ---------- SECTION_SLIDER_ENTETE Fin ---------- */
.bgimg { width: 100%; height: 11em; }
}
/* 360px Galaxy Vertical */ 
@media screen and (min-width:360px) and (max-width:479px) {
.rez360 { display: block; }
/* ----- SECTION_ENTETE Debut ----- */
.mwidth { width: 85%; }
/* ----- SECTION_ENTETE Fin ----- */
/* ---------- SECTION_SLIDER_ENTETE Debut ---------- */
.imagefullslider img { margin: 0; }
/* ---------- SECTION_SLIDER_ENTETE Fin ---------- */
.bgimg { width: 100%; height: 12em; }
}
/* 480px iPhone Horizontal */ 
@media screen and (min-width:480px) and (max-width:639px) {
.rez480 { display: block; }
/* ----- SECTION_ENTETE Debut ----- */
.mwidth { width: 90%; } 
/* ----- SECTION_ENTETE Fin ----- */
.bgimg { width: 100%; height: 16em; }
}
/* 640px Galaxy  Horizontal */ 
@media screen and (min-width:640px) and (max-width:767px) {
.rez640 { display: block; }
/* ----- SECTION_ENTETE Debut ----- */
.mwidth { width: 90%; }
/* ----- SECTION_ENTETE Fin ----- */
/* ---------- SECTION_SLIDER_ENTETE Debut ---------- */
.box_slide h1, .box_slide h2 { height: 2em !important; }
/* ---------- SECTION_SLIDER_ENTETE Fin ---------- */
.bgimg { width: 100%; height: 22em; }
}
/* 768px Tablette Verticale */ 
@media screen and (min-width:768px) and (max-width:1023px) {
.rez768 { display: block; }
.rez #dimensions { bottom: 1.5em; }
body {	font-size: 1.35em; }
/* ----- SECTION_ENTETE Debut ----- */
.mwidth_header { width: 95%; }
.mwidth { width: 85%; }
.cwb_header { display: none; } 
/* ----- SECTION_ENTETE Fin ----- */
/* ---------- SECTION_SLIDER_ENTETE Debut ---------- */
.imagefullslider img { margin: -2% 0 -2% 0; }
.box_slide h1, .box_slide h2 { width: 100%; }
/* ---------- SECTION_SLIDER_ENTETE Fin ---------- */
/* ----- SECTION_TEXTE Styles standards Debut ----- */
/* Largeur Image / Photo Debut */
img.photor_h, img.photor_v { margin: 1em 0 1em 1em;  }
img.photol_h, img.photol_v { margin: 1em 2em 1em 0; }
/* Largeur Image / Photo Fin */
/* ----- SECTION_TEXTE Styles standards Fin ----- */
/* ----- Boutons Debut  ----- */
a.btn_std, a.btn_tel, input[type="button"]  { display: block; }
a.btn_std, a.btn_tel, input[type="button"]  {	width: auto; }
/* ----- Boutons Fin  ----- */
/* ----- PARALLAX Debut  ----- */
.box_img_std { display: block; }
.box_img_parallax { display: none; }
.bgimg { width: 100%; height: 20em; }
/* ----- PARALLAX Fin  ----- */
/* ----- SECTION_CONTACT Debut ----- */
/* ----- 2 Colonnes Formulaire Debut ----- */
.col_50 { width: 100%; }
.col_left_form, .col_right_form { margin-right: 0.8em; }
/* ----- 2 Colonnes Formulaire Fin ----- */
/* ----- Coordonnees Heures d'affaire Debut ----- */
.box_coor ul, .box_heure ul, .box_tel ul { height: auto; }
.box_coor ul, .box_tel ul { margin-right: 0; height: auto; }
.box_heure h2, .box_tel h2 { padding: 1em 0 0 0; }
/* ----- Coordonnees Heures d'affaire Fin ----- */
/* ----- SECTION_CONTACT Fin ----- */
/* ----- Certification Debut ----- */
.certification { display: block; } 
/* ----- Certification Fin ----- */
/* Back to top button début */
#back-top {	position: fixed; top: 1em; right: 1em;	z-index: 100; }
#back-top span { display: block; width: 3.5em;	height: 3.5em;	background: rgba(200, 200, 200, 0.8) url(../img/menuico.svg) no-repeat center center;	background-size: 70%; }
/* Back to top button fin */
}
/* 1024px Tablette Horizontal ou ecran carre 17 pouces ) */
@media screen and (min-width:1024px) and (max-width:1279px) {  .rez1024 { display: block; } .mwidth { width: 70%; } .box_img_std { display: block; } .box_img_parallax { display: none; } }
/*  1280px Ordinateur de table ou portable */
@media screen and (min-width:1280px) and (max-width:1365px) {  .rez1280 { display: block; } .mwidth { width: 65%; } body {	font-size: 1.1em; } .box_img_std { display: block; } .box_img_parallax { display: none; } }
/*  1366px Ordinateur Portable */ 
@media screen and (min-width:1366px) and (max-width:1679px) { .rez1366 { display: block; } .mwidth { width: 60%; }  body {	font-size: 1.15em; } }
/*  1680px Ordinateur */
@media screen and (min-width:1680px) and (max-width:1919px) { .rez1680 { display: block; } body {	font-size: 1.25em; } footer { font-size: 0.5em; } }
/*  1920px Ordinateur / TV Full HD */
@media screen and (min-width:1920px) and (max-width:2559px) {  .rez1920 { display: block; } body {	font-size: 1.5em; } footer { font-size: 0.5em; } }
/*  2560px UHD 2.5K */
@media screen and (min-width:2560px) and (max-width:3839px) {  .rez2560 { display: block; } body {	font-size: 2em; } footer { font-size: 0.5em; }
/* ----- GOOGLE_MAPS début ----- */
.google-maps iframe { zoom: 1.5; }
/* ----- GOOGLE_MAPS fin ----- */
}
/*  3840px UHD 4K  */
@media screen and (min-width:3840px) { 
.rez3840 { display: block; } .rez #dimensions { bottom: 0.75em; font-size: 1em; } body {	font-size: 3em; } .rez3840 p { font-size: 0.5em; } footer { font-size: 0.5em; } 
/* ----- GOOGLE_MAPS début ----- */
.google-maps iframe { zoom: 2; }
/* ----- GOOGLE_MAPS fin ----- */

}
/* Telephone uniquement */ 
@media screen and (min-width:320px) and (max-width:767px) { 
.rez #dimensions { bottom: 1.75em; }
/* ----- Body Debut ----- */
/* ----- Body Fin ----- */
/* ----- SECTION_ENTETE Debut ----- */
.mwidth_header { width: 100%; }
.logo img {	height: 3.5em; padding: 0.5em 0 0.5em 0.5em; }
.top_box { display: none; }
.cwb_header { display: none; } 
/* ----- Icones Entete Debut ----- */
.topicons_box { right: 0.5em; top: 1em; margin: 0; }
.topicons#icoaccueil a, .topicons#icocontact a, .topicons#icotelephone a, .topicons#icosearch a, .topicons#icolangue a { height: 2.5em; width: 2.5em; }
.topicons#icotelephone { display: inline-block; }
.topicons#icolangue { display: none; }
.topicons#icoaccueil  { display: none; }
.topicons  { -moz-border-radius: 0.4em;	-webkit-border-radius: 0.4em;	border-radius: 0.4em; margin-right:0.25em; }

/* ----- Icones Entete Fin ----- */
/* ----- SECTION_ENTETE Fin ----- */
/* ---------- SECTION_SLIDER_ENTETE Debut ---------- */
.box_slide h1,.box_slide h2 { width: 100%; }
.box_slide h1, .box_slide h2 { font-size: 1.25em; letter-spacing: normal; }
.slick-prev, .slick-next {	top: 22% !important; }
/* ---------- SECTION_R_ENTETE Fin ---------- */
/* ----- SECTION_TEXTE Styles standards Debut ----- */
/* ----- Grosseur des textes Debut ----- */
h1 { font-size: 1.5em; letter-spacing: -0.015em; }
h2 { font-size: 1.5em; letter-spacing: -0.015em; }
h3 { font-size: 1.1em; letter-spacing: -0.005em; }
/* ----- Grosseur des textes Fin ----- */
/* Largeur Image / Photo Debut */
img.photor_h, img.photol_h, img.photor_v, img.photol_v  { width: 100%; margin: 0.5em 0 1.25em 0; } 
/* Largeur Image / Photo Fin */
/* ----- SECTION_TEXTE Styles standards Fin ----- */
/* ----- Boutons Debut  ----- */
a.btn_std, a.btn_tel, input[type="button"]  { display: block; }
a.btn_std, a.btn_tel, input[type="button"]  {	width: auto; }
a.btn_tel { width: auto; text-indent: 2.25em; color: #FFC500; background: url(../img/btn_tel.svg) no-repeat 0.2em center; background-size: 1.8em;  background-color: #2A2A65; padding: 0.55em 0 0.55em 0; margin: 0 0 0.5em 0; }
a.btn_tel:hover { border: none; }
a.btn_lang { display: none; }
/* ----- Boutons Fin  ----- */
/* ----- SECTION_PROMO Debut  ----- */
.box_prix { width: 100%;  margin: 0 0 0.5em 0; } 
.promo ul { width: 100%; margin: 0 0 0.5em 0; }  
.promo li { display: block; } 
/* ----- SECTION_PROMO Fin  ----- */
/* ----- PARALLAX Debut  ----- */
.box_img_std { display: block; }
.box_img_parallax { display: none; }
/* ----- PARALLAX Fin  ----- */
/* ----- SECTION_CONTACT Debut ----- */
/* ----- 2 Colonnes Formulaire Debut ----- */
.col_50 { width: 100%; }
.col_left_form, .col_right_form { margin-right: 0.8em; }
/* ----- 2 Colonnes Formulaire Fin ----- */
/* ----- Coordonnees Heures d'affaire Debut ----- */
.box_coor ul, .box_heure ul, .box_tel ul { height: auto; }
.box_coor ul, .box_tel ul { margin-right: 0; height: auto; }
.box_heure h2, .box_tel h2 { padding: 1em 0 0 0; }
.box_coor ul, .box_heure ul, .box_tel ul { width: auto;  padding: 1.25em 0  1.25em 1em; }
/* ----- Coordonnees Heures d'affaire Fin ----- */
/* Formulaire Debut */
input[type="text"],  input[type="tel"],  input[type="email"], textarea { padding: 0.7em 0.4em 0.7em 0.4em; }
/* Formulaire Fin */
/* ----- SECTION_CONTACT Fin ----- */
/* ----- GOOGLE_MAPS début ----- */
.google-maps { height: 15em; }
.nozoom {   height: 15em;   top: 15em;    margin-top: -15em; }
/* ----- GOOGLE_MAPS fin ----- */
/* ---------- SECTION_FOOTER Debut ---------- */
footer { font-size: 0.6em;  padding: 0.7em 0 0.7em 0; }
footer span {	padding: 0 1em 0 1em; }
/* ---------- SECTION_FOOTER Fin ---------- */
/* Back to top button début */
#back-top {	position: fixed; top: 1em; right: 1em;	z-index: 100; }
#back-top span { display: block; width: 3em;	height: 3em; background: rgba(200, 200, 200, 0.6) url(../img/menuico.svg) no-repeat center center;	background-size: 70%; }
/* Back to top button fin */
/* ----- Facebook Debut ----- */
a#fb { width: auto; background-position: 95% center; font-size: 1em; }
/* ----- Facebook Fin ----- */

/* ----- Certification Debut ----- */
.certification { display: block; } 
.certification p { font-size: 0.75em; } 
.cwb { float: right; width: 4em; height: auto; padding: 0 0 1em 0.5em; } 
/* ----- Certification Fin ----- */

}