/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
}
/* Montserrat Bold */
@font-face {
  font-family: 'Montserrat-bold';
  src: url('../fonts/Montserrat-Bold.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Bold.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
}
/* Montserrat Light */
@font-face {
  font-family: 'Montserrat-light';
  src: url('../fonts/Montserrat-Light.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Light.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
}
/* Montserrat ultra Light */
@font-face {
  font-family: 'Montserrat-UltraLight';
  src: url('../fonts/Montserrat-UltraLight.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-UltraLight.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot');
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
       url('../fonts/Montserrat-Regular.woff') format('woff'),
       url('../fonts/Montserrat-Regular.ttf') format('truetype'),
       url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
       url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
/* Montserrat Montserrat-Hairline */
@font-face {
  font-family: 'Montserrat-Hairline';
  src: url('../fonts/Montserrat-Hairline.eot');
  src: url('../fonts/Montserrat-Hairline.woff2') format('woff2'),
       url('../fonts/Montserrat-Hairline.woff') format('woff'),
       url('../fonts/Montserrat-Hairline.ttf') format('truetype'),
       url('../fonts/Montserrat-Hairline.svg#Montserrat-UltraLight') format('svg'),
       url('../fonts/Montserrat-Hairline.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
/* Montserrat Lato-Regular */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
/* Montserrat Lato-Bold */
@font-face {
  font-family: 'Lato-Bold';
  src: url('../fonts/lato/Lato-Bold.ttf');
  font-weight: normal;
  font-style: normal;
}
/* Uniquement pour les icones */
@font-face {
	font-family: 'guifx';
	src: url('../fonts/Guifx/guifx-webfont.eot');
	src: url('../fonts/Guifx/guifx-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Guifx/guifx-webfont.woff') format('woff'),
		 url('../fonts/Guifx/guifx-webfont.ttf') format('truetype'),
		 url('../fonts/Guifx/guifx-webfont-webfont.svg#oleo_scriptregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary,iframe{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}abbr[title]{border:0;text-decoration: none}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */

/* - - - - - Box-model - - - - - */
/*
*, *:before, *:after{
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
*/
html, body {

	 width:100%;
	 height: 100%;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
td, th { vertical-align:top; }
hr{ margin: 1em 0; border-top: 1px solid #ccc; }
img{ display:block; vertical-align: middle; }
blockquote{ margin:2em 0; font-style:italic; border-left:2px solid #CCC; padding-left: 1em; }
blockquote p{margin-bottom:0.5em;}
cite{ font-weight:bold; }
q{ font-style:italic; }

/* Methode de clear float */
.clear{ clear:both; }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0; }
.ie8 .clearfix { zoom:1; }

/* Cacher pour les lecteurs d'ecrans et navigateurs */
.hidden, .champCache{ display: none !important; visibility: hidden; }

/* Passe la navigation, pour screen reader */
.passeNav { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Correction pour AddThis */
#_atssh{ top:0; }
/* Body et HTML
--------------------------------------------------------------------------------------- */
body{
	background:#fff;
	font:13px/18px 'Montserrat-Regular', sans-serif;
	color:#333;
}
/* Conteneurs
--------------------------------------------------------------------------------------- */
.conteneur{
	position:relative;
	width:1179px;
	margin:0 auto;
	//border:solid;
}
.site {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px;
}
.site:after {
  content: "";
  display: block;
}
.

/* Titres
--------------------------------------------------------------------------------------- */
h1{ margin-bottom:0.5em; letter-spacing: -1.5px;  font:40px/42px 'Montserrat-Regular', sans-serif; color:#000; }
h2{ letter-spacing: -0.5px; font:35px/36px 'Lato-Bold', sans-serif; color:#000; }
h3{ margin:1em 0 0.5em 0; font:25px 'Montserrat-light', sans-serif; color:#000; }
h4{ margin:1em 0 0.5em 0; font:14px/16px 'Montserrat-Regular', sans-serif; color:#000; }
p{ font:15px/16px 'Lato', sans-serif; color:#000; }

/* Hyperliens
--------------------------------------------------------------------------------------- */
a, li{
	color: #05938b;
	text-decoration:none;
	list-style-type: none;
	-webkit-transition: color 0.15s linear 0s;
	transition: color 0.15s linear 0s;
}
a:hover, a:focus, a:active{ color:#000; outline:none; }

/* Details globales
--------------------------------------------------------------------------------------- */
.ranger,.sub-ranger {width:100%; padding:0; margin:0; overflow: hidden}
.texte-sans-grosseur {font-family: 'Montserrat-UltraLight', sans-serif;}
.infos-contact {
	width:100%;
	text-align:center;
	padding-top:55px;
	padding-bottom:55px;
	float:left;
	background: url('../gx/bg-gris.svg') repeat;

}
.infos-contact  h3 {
    font: 20px 'Lato-Bold', sans-serif;    
}
.tel-infos-contact {color:#222222;}
.main-infos-contact {
	
	overflow:hidden;
}
.infos-contact .email,
.infos-contact  .fa-angle-right {color:#05938b;}
.infos-contact .email-icone-fa:hover .fa, 
.infos-contact .email:hover  {color:#222222;}
.infos-contact h1 {margin:10px 0 0 0;}
.infos-contact h2 { margin:0;}
 #PageContact .form span {line-height: 30px !important;}
#PageContact .form .tel-large {display:inline; line-height:0;}
#PageContact .form .tel-mobile {display:none;}

/* Des gouttiéres verticales (Espacement)
--------------------------------------------------------------------------------------- */

.espace-de-base {height:20px;}
.espace-moyen {height:40px;}
.espace-grand {height:60px;}

/* Textes et CMS
--------------------------------------------------------------------------------------- */
.incTinyMce {margin-top:100px;}
.incTinyMce a{ text-decoration:underline; }
.incTinyMce abbr[title]{border-bottom:1px dotted; }
.incTinyMce img{ max-width:100%; max-height: 100%; margin-top:162px;}

/* - - - Listes - - - */
.incTinyMce ul, .incTinyMce ol{ margin-bottom:1em; overflow:hidden; }
.incTinyMce ul li{ margin-left:16px; }
.incTinyMce ul ul, .incTinyMce ol ol{margin-top: 0.4em;}
.incTinyMce ol li{ margin-left:20px; }
.incTinyMce ol ol > li{ list-style:lower-alpha; }
.incTinyMce p {
	line-height: 28px;
    font-family: 'Lato', sans-serif;
    color: #696969;
    font-weight: normal;
}
.incTinyMce h1 {
	font-size:40px;
	text-transform: uppercase;
	text-align:center;
}
.incTinyMce h2 {font-size:20px; }
.incTinyMce hr {
	border:solid 1px #222222;
	width:50px;
	margin:0 auto;
	margin-top:62px;
	margin-bottom:50px;
}
/* - - - Image en float - - - */
.mortaise{
	float:left;
	margin:0.25em 1.25em 1.25em 0;
	text-align:center;
	font-size:12px;
}
.mortaise img{ border:3px solid #999; }

.intro{ font-weight:bold; }

.note{ font-size:11px; line-height: 1.5em; }

.vide{
	padding:50px 0;
	text-align:center;
	font:bold 18px/25px 'Montserrat-Regular', sans-serif;
	color:#000;
}
/* Points de suspension a la fin de la fonction couperTexte */
.hellip{
	white-space:nowrap;
	color:#149fd9;
	font-size:0.9em;
}

/* - - - Responsive video - - - */
.videoConteneur{ max-width:520px; margin:0 auto; }
.video{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /* Ratio 16/9 */
    padding-top: 30px; /* Hauteur des controles */
}

.video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* - - - Style par défaut d'un tableau - - - */
.incTinyMce table{
	margin-bottom: 1em;
	border: 1px solid #666;
}
.incTinyMce table caption{font: normal 14px/16px 'Montserrat-Regular', sans-serif;}
.incTinyMce table th{
	border: 1px solid #666;
	background: #333;
	font-weight: bold;
	color: #fff;
}
.incTinyMce table td, .incTinyMce table th{
	min-width: 50px;
	padding: 0.25em 0.5em;
}
.incTinyMce table tr:nth-child(even){ background: #eee; }


/* Icones
--------------------------------------------------------------------------------------- */
/* Creer une icone sur les liens PDF et RSS */
.lienPDF{ display:inline-block; margin:1em 0; line-height:30px; }
.lienPDF:before{
	content:"";
	display:inline-block;
	width:29px;
	height:31px;
	margin-right:6px;
	background:url(../gx/m/icone-pdf.png) 0 0 no-repeat;
	vertical-align:-10px;
}

.lienRSS{ display:inline-block; margin:1em 0; }
.lienRSS:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:6px;
	background:url(../gx/m/icone-rss.png) 0 0 no-repeat;
	vertical-align:-3px;
}

/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input, select { vertical-align:middle; }
input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
input[readonly]{ background-color:#eee; }
textarea{ resize: vertical; }
label{ display:block; margin-top: 0.75em; }

/* Couleur de l'etoile pour champs obligatoires */
label abbr, .note abbr{
	padding:0 2px;
	border:0 none !important;
	color:#05938b;
	cursor:help;
}
/* - - - Input default - - - */
.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
.form input[type=search], .form input[type=url], .form select, .form textarea{
	width:100%;
	height:32px;
	padding:5px;
	border:1px solid #ccc;
	border-radius:3px;
	/*-webkit-appearance: none;*/
	font-size:13px;
	color:#333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition:box-shadow ease-in-out 0.3s;
	transition:box-shadow ease-in-out 0.3s;
}

.form textarea{ height:104px; }

.form input[type=checkbox]{ float:left; margin:1px 1em 0 0; }


/* - - - Shadow focus - - - */
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=tel]:focus,
.form input[type=search]:focus, .form input[type=url]:focus, .form select:focus, .form textarea:focus{
	outline:0;
	border:1px solid #149fd9;
	border:1px solid rgba(20,159,217,0.6);
	-webkit-box-shadow:0 0 5px rgba(20,159,217,0.6);
	box-shadow:0 0 5px rgba(20,159,217,0.6);
}
/* - - - Placeholders - - - */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#999; font-style:italic; }
input::-moz-placeholder, textarea::-moz-placeholder{ opacity:1; color:#999; font-style:italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#999 !important; font-style:italic; }

/* Icônes
--------------------------------------------------------------------------------------- */
	.iconeBtn {font: 400 20px/100% "guifx"; color: #fff; display: inline-block;float:right}

	/* Flèche du sous-menu */
	.iconeBtn:before {content: ">";}
	.actif > a .iconeBtn:before {content: ","; line-height: 12px;}


/* - - - Buttons - - - */
button, .button{
	display:inline-block;
	text-decoration:none !important;
	-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
	transition: background 0.15s linear 0s, color 0.15s linear 0s;
}
.button{
	margin-top:1em;
	padding:15px 40px;
	border-radius:3px;
	background-color:#14847d;
	font:15px 'Montserrat-Regular', sans-serif;
	color:#fff;
}
.btn {
  font-family:'Montserrat-UltraLight', sans-serif;
  display: inline-block;
  text-align: center;
  font-weight: 800;
  font-size: 15px;
  color: #ffffff;
  border:solid 2px #ffffff;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  padding:11px 30px;
}
/* Bouttons vert obscure : Lien banniere, menu et à propos */
.btn-page-vert {background-color:#05938b;color:#fff; border-color:#05938b;}
.btn-page-vert:hover {background-color:#14847d;color:#fff;border-color:#14847d;}
/* Bouttons Section Accueil: Les blocs avec BG vert  et blanc*/
.btn-texte-vert {background-color:#05938b;color:#99deda; font:14px 'Lato', sans-serif; font-weight:800;}
.btn-texte-vert:hover {color:#fff;}
.btn-texte-blanc {background-color:#fff; border-color: #05938b; color:#05938b; font:14px 'Lato', sans-serif; font-weight:800;}
.btn-texte-blanc:hover {color:#222;}
.main-btn {
	display: inline-block;
    width: 100%;
    padding:0;
}
.placage .main-btn .fa-angle-right{color:#05938b; margin-left:95%;}
.main-btn .fa-angle-right {margin-left:95px; color:#99deda;}
.main-btn .fleche-sombre {color:#05938b;}

button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active{ background-color: #05938b; outline:none; border-color:#14847d;}
/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
	margin-bottom:10px;
	padding:10px;
	margin-top:26px;
	border:1px solid;
	border-radius:4px;
	text-align:center;
	font-weight:normal !important;

}
.messageInfo{ color:#004868; background-color:#c6edff; border-color:#004868; }
.messageSucces{
	font:14px 'Lato', sans-serif;
	color:#ffffff !important;
	 background-color:#05938b;
	 border-color:#05938b;
}
.messageAvertissement{ color:#ffffff !important; background-color:#dcca36; border-color:#dcca36; }
.messageErreur{ color:#ffffff !important; background-color:#d64c4c; border-color:#d64c4c; }

.erreur, .erreur label, .erreur abbr { color:#c00 !important; }
.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur{ border:1px solid #c00 !important; }

.form .erreur input:focus, .form .erreur textarea:focus, .form .erreur select:focus,
.form input.erreur:focus, .form textarea.erreur:focus, .form select.erreur:focus{
	-webkit-box-shadow:0 0 5px rgba(204,0,0,0.8);
	box-shadow:0 0 5px rgba(204,0,0,0.8);
}

/* - - - Layout - - - */
.form .col1, .form .col2{
	float:left;
	width:47.5%;
	margin-bottom:1em;
}
.form .col1{ clear:left; }
.form .col2{ margin-left:5%; }
.form .colFull{	clear:left;	margin-bottom:1em; }

/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#entete{
	position: fixed;
	width:100%;
	height:95px;
    left: 0;
    top: 0;
    width: 100%;
    z-index:2;
    /* background: url('../gx/bg-menu.png') repeat; */
    background: rgba(0, 0, 0, 0.7);
    overflow:hidden;
}

#banniere {
	position:relative;
	background-color:#141519;
	background-size: 120% 80%;
    background-repeat: no-repeat;
    overflow:hidden;
}
#banniere img {z-index:0;}
#banniere .texte-banniere {
	width:100%;
	position:absolute;
	bottom:20%;
	left:0;
	text-align:left;
}
#banniere  .texte-banniere h1 {
	font: 48px 'Montserrat-Light', sans-serif;
	color:#ffffff;
	text-transform: uppercase;
}
.texte-banniere-ultralight {font-family: 'Montserrat-UltraLight', sans-serif;}
//#banniere  .texte-banniere span {font-weight:800;}
#main-logo {float:left;}
#logo{
	position:absolute;
	top: 36px;
	left:0;
	display:block;
}
#logo img {float:left; height: 24px; width: 296px; margin-left:0;}

/*nav*/
#nav {	padding: 0; margin: 0;	float:right;}
#nav li {
	display: inline;
	list-style: none; /* nécessaire pour IE7 */
}
#nav {
	padding: 0; margin: 0;
	text-align: center; /* centrer le texte */
}
#nav li {display: inline; list-style: none;}
#nav a {display:inline-block;}
/* Menu Mobile
--------------------------------------------------------------------------------------- */
#menuBureau {display:none;}
#menuMobile .espace-icone-fermeture {height: 75px;}

/* Menu principal
--------------------------------------------------------------------------------------- */

#menu{
	width:100%;
	clear:right;
	float:right;
	margin-top:32px;
	z-index:1;
}
#menu li{ float:left; }
#menu a{
	padding:10px 30px;
	font: 14px 'Montserrat-Regular', sans-serif;
	color: #fff;
}
#menu li:first-child a{ margin-left:0;}
#menu a:hover, #menu a:focus{
	background-color:transparent;
	color:#969696;
}
#menu a.actif{
	background-color:#127872;
	color:#fff;
	border-radius:4px;
}
#menu a.actif{ color:#fff; }
#menu .lien-faq a {text-transform: uppercase;}

/* Menu secondaire
--------------------------------------------------------------------------------------- */
#menuSec{ float:right; font:11px/22px 'Montserrat-Regular', sans-serif; }
#menuSec li{ float:left; }
#menuSec a{ padding:0 5px; }

#menuSec form #search{

	width:100px;
	height:16px;
	-webkit-transition:border linear 0.3s;
	transition:border linear 0.3s;
}
#menuSec form #search:focus{ border: 1px solid #01acf3; }

#menuSec form button{ line-height:22px; vertical-align:middle; }

/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale{

	float:left;
	width:700px;
	margin-left:20px;
}

/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar{

	float:left;
	width:220px;
	height:200px;
	border:1px solid #000;
}

/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
#filAriane{
	font:14px 'Montserrat-Light', sans-serif;
}

#filAriane li{ display:inline; margin-right:5px; }
#filAriane li:first-child:before{ display:none;}

#filAriane a{ color:#149FD9; font-size:15px; color:#ffffff;}
#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#666; }

#filAriane li:last-child{ color:#000;  font-size:15px; color:#127872;}
#filAriane li .fa{ margin-left:6px; color:#ffffff; font-size:14px;}

/* Infos Contact Petite section juste en haut du footer
--------------------------------------------------------------------------------------- */
.infos-contact h2 {
	font:25px 'Montserrat-UltraLight', sans-serif;
	text-transform: uppercase;
}
.infos-contact h3 {

	font: 25px 'Lato-Bold', sans-serif; font-weight:800;
	 margin:0;
}

/* Pagination
--------------------------------------------------------------------------------------- */
.pagination{	clear:both; margin-top:16px; }

.pagination a, .module_pagination_pagecourante{
	display:inline-block;
	width:32px;
	text-align:center;
	font:15px/32px Arial, Helvetica, sans-serif;
	background-color:#e1e1e1;
	color:#149FD9;
	text-decoration:none;
	-webkit-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}

.pagination .module_pagination_pagecourante{ background-color:#666; color:#fff; }

.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{

	vertical-align:top;
	background:transparent;
	font:bold 15px/32px "Courier New", monospace;
	color:#149FD9;
}

.pagination .module_pagination_pagesuivante a:hover, .pagination .module_pagination_pagesuivante a:focus, .pagination .module_pagination_pagesuivante a:active,
.pagination .module_pagination_pageprecedente a:hover, .pagination .module_pagination_pageprecedente a:focus, .pagination .module_pagination_pageprecedente a:focus,
.pagination .module_pagination_pagepremiere a:hover, .pagination .module_pagination_pagepremiere a:focus, .pagination .module_pagination_pagepremiere a:focus,
.pagination .module_pagination_pagederniere a:hover, .pagination .module_pagination_pagederniere a:focus, .pagination .module_pagination_pagederniere a:focus,
.pagination a:hover, .pagination a:focus, .pagination a:active{ background-color:#149FD9; color:#fff; }


/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
#listeNouvelle{ list-style:none; margin-top:82px; overflow:hidden;}
#listeNouvelle li{
	height: 250px;
	width:50%;
	float:left;
	margin-bottom:20px;
	padding-bottom:20px;
}
#listeNouvelle figure{ float:left; margin-right:22px; position:relative;}
#listeNouvelle figure .bg-masque-nouvelle {
	display: none;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:#05938b;
    opacity:0.8;
}
#listeNouvelle .nouvTexte{ margin-left:180px; }
#listeNouvelle time{ font-size:11px; color:#999; }
#listeNouvelle .suite{
	font: 15px 'Lato', sans-serif;
	font-weight:bold;
	text-decoration:none;
	margin-top:10px;
	display:inline-block;
	color:#05938b;
}
#listeNouvelle p {
	font: 15px 'Lato', sans-serif;
	color:#696969;
	padding-right:40px;
	line-height:28px;
}
#listeNouvelle h2 {
	font: 20px 'Montserrat-bold', sans-serif;
	font-weight:800;
}

/* 00_404 : 404
 --------------------------------------------------------------------------------------- */
 #Page404 a{ color:#05938b;}

/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
#PageDetailNouvelles{border-bottom:solid 1px #222222;}
#PageDetailNouvelles .detailNouvelleAside .conteneur {overflow:hidden;}
#PageDetailNouvelles .detailNouvelleAside {	
	overflow:hidden;
	padding-bottom:100px;
}
#PageDetailNouvelles .incTinyMce{ width:65%; padding-right:5%}
#PageDetailNouvelles .incTinyMce, #PageDetailNouvelles .gallery-images {float:left;}
#PageDetailNouvelles .gallery-images {width:auto;}
#PageDetailNouvelles .gallery-images img {margin-top: 112px;}
#PageDetailNouvelles figure img{ margin:2em auto; }
#PageDetailNouvelles .colonne {width:60%;}
#PageDetailNouvelles figure {width:30%;}
#PageDetailNouvelles .colonne, #detailNouvelle figure {float:left}
#PageDetailNouvelles #partage {display:block;float:left;}

/*#PageDetailNouvelles  a:hover {color:#222222;} */

/* 00_111 : Nouvelle Sous Nouvelles de la page Spécifications
--------------------------------------------------------------------------------------- */

#PageDetailNouvelles .colonne p {padding-right:60px;}

/* Slider */
#PageDetailNouvelles .album-photos {
	width:100%;
	display:block;
	overflow:hidden;
	border-top: solid 1px #E0E0E0;
}
#PageDetailNouvelles .album-photos h3 {
	text-align:center;
	text-transform: uppercase;
	padding-top:100px;
  margin: 0;
  font: 40px 'Montserrat-UltraLight', sans-serif;
}
#PageDetailNouvelles .album-photos h3 span{
  font-family: 'Montserrat-Regular', sans-serif;
  font-weight: 200;
}

#PageDetailNouvelles .album-photos hr {
	margin:0 auto;
	margin-top:70px;
	margin-bottom:50px;
	border: solid 1px #222222;
    width: 50px;
}
#PageDetailNouvelles .bx-wrapper .bx-viewport {box-shadow: none;}
/* bxslider PageDetailsNouvelles */
.slider1 .slide:hover {
		cursor:pointer;
}
.slider1 { margin-bottom: 100px; }
.slider1 .slide {
	position:relative;
	width: 220px;
	margin: 0 20px;
}
.bx-wrapper .slider1 .slide { margin: 0; }
.bx-wrapper .bx-prev {
    left: -35px !important;
}
.bx-wrapper .bx-next {
    right: -25px !important;
}

.slider1 .slide .bg-masque {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#05938B;
    opacity:0.8;
    display:none;
}

.mask {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index:0;
}
.apercu-image {
	display:none;
	width: auto;
	height: auto;
	position: fixed;
	bottom: 10%;
	top:10%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
	width:auto;
	height:auto;
	z-index:1;
	  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.apercu-image button {
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	right:0;
}
/* - - - Boutons de partage - - -  */
#partage{ margin:2em 0; }
#partage h3{ margin-bottom:0.5em; }


/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan {min-height:700px;}
#plan .contenu{ margin-top: 40px; margin-bottom:40px;}
#plan ul{ list-style:none; }
#plan > ul > li{ margin-bottom:1em; }
#plan ul ul{ margin-left:1em; }
#plan nav li a{color: #05938b; line-height:25px;}
#plan nav li a:hover {color: #222222;}
#plan #filAriane  li a {color:#ffffff;}


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */

/* Detail Uniquement pour la page Accueil */
#PageAccueil hr {
	border:solid 1px #222222;
	width:55px;
	display:inline-block;
	margin:0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

#PageAccueil header {
	width:100%;
	min-height:620px;
	position:relative;
	background-color:#090e11;
	overflow:hidden;
}

#PageAccueil header img{position:relative; margin: 0 auto;}
/* Ce qui englobe tous le contenu texte du header */
#PageAccueil header .texte-header {
  position: absolute;
  width:100%;
  top: 56%;
  left: 48%;
  right: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  padding-left:75px;
}

#PageAccueil header img {z-index:0;}
/* uniquement le bloc du texte qui doit etre toujour déclarer a gauche*/
#PageAccueil header .texte-header .colonne-text-header {width:55%; padding-left:76px;}
#PageAccueil header .texte-header h1{
	font:18px 'Montserrat-UltraLight', sans-serif;
	color:#ffffff;

}
#PageAccueil header .texte-header h1 {
	font: 48px'Montserrat-UltraLight', sans-serif;
	text-transform: uppercase;
	font-weight:normal;
	line-height:52px;
}
#PageAccueil header .texte-header span {font-family: 'Montserrat-Regular', sans-serif;}
#PageAccueil header .texte-header p{
	font:18px 'Montserrat-UltraLight', sans-serif;
	width:79%;
	color:#ffffff;
	line-height:25px;
	margin:0;
}
#PageAccueil .bouttons-header {margin-top:60px;}
#PageAccueil .bouttons-header .btn-page-vert {margin-left:17px;}
#PageAccueil .navigation {
	 position: fixed;
	 top: 0;
	 left:0;
	 width: 100%;
	 height:100px;
	 z-index:3;
	 background-color:#090909;
	 opacity: 0.4;
}

#PageAccueil .bouttons-header{margin-top:65px;}
#PageAccueil .texte-header .btn-nos-services:hover{background-color:#fff; border-color:#fff; color:#05938b;}

/* Contenu de la page Accueil juste apres le header */
#PageAccueil .contenu {

	text-align:center;
}
#PageAccueil .intro-nos-services {background: url('../gx/bg-gris.svg') repeat; padding-bottom:100px;}
#PageAccueil .nos-services {padding-top:95px;padding-bottom:50px;}

/* Style par defaut pour les textes section services (Boites) */

#PageAccueil h1 {
	font:40px 'Montserrat-UltraLight', sans-serif;
	text-transform: uppercase;
	color:#222222;
	margin-bottom:0;
}

#PageAccueil span {
	font-family:'Montserrat-Regular', sans-serif;

}
#PageAccueil .nos-services span{
	font-family:'Montserrat-Regular', sans-serif;
	font-weight:200;
}

#PageAccueil .contenu h2 {font-size:35px; text-transform: uppercase; color:#222222;}
#PageAccueil .contenu p {
	font: 15px'Lato', sans-serif;
	color:#696969;
	line-height: 28px;

}

/* Text des boites aients background vert */

#PageAccueil .contenu .bg-color-vert p {color:#ffffff; font-family: 'Lato', sans-serif;}
#PageAccueil .contenu .bg-color-vert h2 {
	color:#ffffff;
	font-family:'Montserrat-UltraLight', sans-serif;
	margin-top:40px;
}
#PageAccueil .contenu .finition h2,
#PageAccueil .bg-color-blanc-meulage h2 {font-family:'Montserrat-Light', sans-serif;}

#PageAccueil .contenu .speacifications-finition h2 { line-height: 1.1; margin-top:30px;}
#PageAccueil .contenu .bg-color-blanc-meulage {background-color:#fff;}
#PageAccueil .bg-color-blanc-meulage h2 {font-size:25px;}
#PageAccueil .contenu .bg-color-blanc-meulage h2 {margin-top:40px;}
#PageAccueil .contenu .bg-color-vert p,
#PageAccueil .contenu .bg-color-blanc-meulage p {
	font-size:15px;
	line-height: 25px;
}
#PageAccueil .contenu .bg-color-blanc-meulage .btn {
	background-color:#fff;
	border-color:#fff;
	color:#05938b;
}
#PageAccueil .contenu .bg-color-blanc-meulage .btn:hover {background-color:#fff; border-color:#fff;}
#PageAccueil .contenu .bg-color-blanc-meulage  .boite-avec-texte,
#PageAccueil .contenu .speacifications-finition .finition {background-color:#fff;}
#PageAccueil .contenu .bg-color-blanc-meulage .btn:hover {color:#222222;}
#PageAccueil .contenu .bg-color-vert p {color:#99deda;}
#PageAccueil .contenu .bg-color-blanc-meulage p {color:#696969;}

/* Text des boites aients background vert */

#PageAccueil .placage .bg-color-vert p,
#PageAccueil .placage .bg-color-vert h2 {padding:20px 40px;}
#PageAccueil .speacifications-finition hr {width:45px; margin: 25px 0 20px;}
#PageAccueil .speacifications-finition .bg-color-vert p,
#PageAccueil .speacifications-finition .bg-color-vert h2,
#PageAccueil .meulage-ententes .bg-color-vert p
#PageAccueil .meulage-ententes .bg-color-vert h2,{padding:0;}

/* Section services page accueil */
/* Details pour uniquement la section services */

#PageAccueil .btn-sans-bordures {border:none; padding-left:0;}
#PageAccueil .btn-vert {color:#05938b;}
#PageAccueil .btn-blanc {color:#ffffff;}
#PageAccueil .ranger .colonne {
	width:50%;
	float:left;
	padding:0;
}

#PageAccueil .bg-color-vert hr {border:solid 1px #ffffff !important;}
/* Centrer Veticalement le grand bloc de texte ranger1 (services)*/
#PageAccueil .ranger {
	position:relative;
	display:table;
}


/* Centrer verticalement les tous les autres bloc texte ranger 2 et 3 (services)*/
#PageAccueil .sub-ranger{
	position:relative;

}

#PageAccueil .ranger  .boite-avec-texte {
	padding:0 20px;
	text-align:left;
}
#PageAccueil .contenu img{
	padding:0;
	width:100%;
	height:auto;
}
#PageAccueil .bg-color-vert {background-color:#05938b;}

/* center le boutton de la ranger 1 */
#PageAccueil .placage .boite-avec-texte {text-align:center;	}
#PageAccueil .placage .btn {
	padding:11px 35px;
	margin-top:25px;
	border-color:#99deda;
}
#PageAccueil .placage .btn:hover {color:#05938b; background-color:#99deda; border-color:#99deda;}
/* Remettre le padding boutton du ranger 4 */
#PageAccueil .ranger-4 {padding:100px 10px 102px 10px;	}
#PageAccueil .ranger-4 .btn {padding:10px 35px;}
#PageAccueil .ranger-4 p {	padding:50px 55px;}
/* Taille de la fontes pour le ranger 2 */
#PageAccueil .speacifications-finition h2, #PageAccueil .meulage-ententes h2 {
	font-size:25px;
	line-height:20px;
}
#PageAccueil .speacifications-finition p, #PageAccueil .meulage-ententes p {
	font-weight:normal;
	color:#696969;
	line-height:20px !important;
}
#PageAccueil .speacifications-finition p {
	font: 14px 'Lato', sans-serif;
}


/* 02_100 : A propos
--------------------------------------------------------------------------------------- */
#PageApropos .colonne {width:50%; float:left;}
.texte-banniere h1 {font-size:48px;color:#ffffff; text-transform: uppercase;}
#PageApropos .article-avec-image .colonne {width:70%; padding-bottom:100px;}
#PageApropos .article-avec-image .image-article {width:30%;}
.incTinyMce .article-avec-image .texte-article {padding-right:45px;}
#PageApropos .colonne p{
	line-height:28px;
	font-family: 'Lato', sans-serif;
	color:#696969;
}
#PageApropos .incTinyMce .article-sans-image  .colonne {padding-right:100px; padding-bottom:100px;}
#PageApropos .incTinyMce .article-sans-image  .texte-2 {padding-left:25px;}
#PageApropos .incTinyMce h2 {font: 20px 'Lato-Bold', sans-serif; font-weight:800; color: #222222; }
/* Texte non gérable juste après le incTinyMce */

#PageApropos .section-bg {
	width:100%;
	background: url('../gx/bg-section-apropos.jpg') no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	float:left;
	padding-top:75px;
	padding-bottom:75px;
	text-align:center;
}
#PageApropos .section-bg p{padding-left:10%; padding-right:10%;}
#PageApropos  .section-bg h1 {
	font-size:40px;
	text-transform: uppercase;
	text-align:center;
}
#PageApropos  hr {
	border:solid 1px #222222;
	width:50px;
	margin:0 auto;
	margin-top:70px;
	margin-bottom:50px;
}

.section-bg p {
	line-height: 28px;
    font-family: 'Lato', sans-serif;
    color: #222222;
    font-weight: normal;
}
#PageApropos .btn.vert {
    background-color: #05938b;
    border-color: #05938b;
    margin-left: 16px;
    margin-top:55px;
    max-width: 200px;
    display:block;
    margin:0 auto;
    margin-top:55px;
    font-size:15px;
}
#PageApropos .section-bg a:hover {background-color:#14847d; color:#fff; border-color:#14847d;}
#PageApropos .incTinyMce img {margin-top: 20px;}

/* 02_300 : Page À propos
--------------------------------------------------------------------------------------- */
	#PagePolitiqueEnvironnement .incTinyMce {margin-top:100px;}
	#PagePolitiqueEnvironnement .contenu  {padding-bottom:100px;}
	#PagePolitiqueEnvironnement .incTinyMce  .liste  { width:50%;float:left;}
	#PagePolitiqueEnvironnement .incTinyMce  .liste-1 {padding-right:50px;}
	#PagePolitiqueEnvironnement .incTinyMce  .liste-2 {padding-left:50px;}
	#PagePolitiqueEnvironnement .incTinyMce  h2 {line-height:25px;}
	#banniere .texte-banniere {bottom:24%;}


/* 02_200 : Nos services
--------------------------------------------------------------------------------------- */
#PageNosServices {overflow:hidden;}
#PageNosServices .contenu  {
	width:100%;
	padding-bottom:100px;
	float:left;
}
#PageNosServices .contenu h1 {
	font-size:40px;
	text-transform: uppercase;
	text-align:center;
}
#PageNosServices h2 a {color:#222222;}
#PageNosServices h2 a:hover {color:#05938b !important;}
#PageNosServices .nouvTexte h2 {font: 20px 'Lato-Bold', sans-serif; font-weight:800;}

#PageNosServices .incTinyMce p {
	max-width:100%;
	display:block;
	margin:0 auto;
	text-align:center;
	padding-right:50px;
	padding-left:50px;
}
#PageNosServices .nouvTexte a:hover {color:#000;}
#PageNosServices .nouvTexte .fa {font-weight:800;}

/* 04_100 : Secteur Activités
--------------------------------------------------------------------------------------- */

#PageSecteurActivite .colonne {width:50%; float:left; padding-bottom:8%;}
#PageSecteurActivite  .introduction-activite {margin:0 auto;}
#PageSecteurActivite p {font: 15px/16px 'Lato', sans-serif; line-height:28px;}
#PageSecteurActivite  .moulin-aluminium {padding-right:20px;}


/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
#contactInfos{}
#pageContact .incTinyMce h1 {margin-bottom:0;}
#PageContact .conteneur {overflow:hidden;}
#PageContact .colonne {width:50%; float:left;}
#PageContact h2 {font:20px 'Lato-Bold', sans-serif; font-weight:800;}
#PageContact .form label,
#PageContact  p, #PageContact .tel-infos-contact, #PageContact .fax {
	font: 15px 'Lato', sans-serif;
	color:#696969;
	line-height:28px;
	font-weight:800;
}
#PageContact .form label {font-weight:800;}
#PageContact .tel-infos-contact {margin-left:10px;}
#PageContact #contactInfos .email a{color:#05938b; font-weight: 800; margin-left:28px;}
#PageContact #contactInfos .email a:hover{color:#222222;}
#PageContact #contactInfos address  .fa {margin-right:10px;}

#PageContact #contactInfos .phone,
#PageContact #contactInfos .fax{margin-top:20px;}
#PageContact #contactInfos .phone span,
#PageContact #contactInfos .fax span {margin-left:20px;}
#PageContact .fa {color:#313131;}
#PageContact .form span {
	float:left;
	display:inline-block;
	margin:0;
	line-height: 50px;
	font-family: 'Lato-Bold', sans-serif; font-weight:900;

}

#PageContact .form .button {float:right; margin:0; padding: 12px 30px;}
#PageContact .form .fa {color:#fff; margin-left:5px;}
#PageContact button:hover{ background-color:#05938b; color:#ffffff; border-color:#05938b; }

/* 04_100 : Page Faq
--------------------------------------------------------------------------------------- */
#PageFaq .contenu  {margin-top:100px; padding-bottom:100px;}
#PageFaq .question {
    padding: 0;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    line-height: 1.5;
}
#PageFaq .question hr {margin:0; padding:0;}
#PageFaq .question h2 {padding:0; margin:0;}
#PageFaq .question h2 {
	font:20px 'Lato-Bold', sans-serif;
	font-weight:800;
	color:#222222;
	padding:30px 20px 30px 0;
	margin:0;
	line-height:0;
	line-height:20px;
}
#PageFaq .question ul li { list-style: none; }
#PageFaq .question span.actif { color: #05938b;}
#PageFaq .question .fa {
    position: absolute;
    font-size: 25px;
    top: 50%;
    right: 1%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color:#969696;

}
#PageFaq .question .fa-1 {font-size:6px; color:#222 ;}
#PageFaq .fa-angle-down {font-weight:800;}
*, *:before, *:after { box-sizing: border-box;}
#PageFaq .reponse {
    display: none;
   padding: 0 30px 20px 0;
    position: relative;
}
#PageFaq .reponse p {
	position:relative;
	font: 15px'Lato',
	sans-serif; color:#696969;
	line-height:28px;
}

#PageFaq .listeQuestions  li {
    transition: all 0.3s;
    color: #222;
}
#PageFaq .infos-contact {text-align:center;}
#PageFaq .active-faq {color:#127872 !important;}


/* 00_999: Conditions d'utilisation ;
--------------------------------------------------------------------------------------- */

#PageConditionsUtilisation article.conteneur  { margin-top:100px; margin-bottom:100px;}
#PageConditionsUtilisation .conteneur p { margin-top:1%; line-height:28px;}
/* Responsive Google Maps */

#carteContact{height:300px;width:100%;float:left; margin-top:5%;}

.googleMapInfoWindow{color:#999;}

/*
#carte{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin:2em 0; }
#carte iframe, #carte object, #carte embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/


/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */

#piedPage, #piedPage:after {
  height: 218px;
  background-color:#222222;
}
#piedPage h1 {
	padding:40px 0 20px 0;
	margin:0;
	font: 22px 'Montserrat-Regular', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	color:#555555;
}

#piedPage .colonne {width:45%; float:left;}
#piedPage .colonne-adresse {width:55%;}
#piedPage .colonne-footer ul li{
	font:13px 'Lato', sans-serif;
	line-height:25px;
	color:#dddddd;
}

#piedPage .colonne a {color:#dddddd;}
#piedPage .tel-email-fax a:hover {color:#05938b;}

#piedPage .colonne-footer .fa{color:#555555; margin-right:8px;}
#piedPage .colonne-footer .ville-cpostal {padding-left:15px;}
.referencement{ font-size:11px; }

.lienPartager{ float:right; }
.copyrights{
	padding:10px 0;
	width:100%; float:left;
	background-color:#444444;
}
.copyrights a {font: 13px 'Lato', sans-serif; color:#969696; font-weight:800;}
.copyrights a:hover{ text-decoration:underline;}
.copyrights .fa-share-alt:before {font-size:13px; font-weight:normal; color:#dddddd;}
.signatureVortex{ white-space: nowrap; }


/* Menu pied de page
--------------------------------------------------------------------------------------- */
#menuPied{float:right;}

#menuPied li{ display:inline-block; text-align:center;}
#menuPied a{
	font:13px 'Lato', sans-serif;
	padding:5px 10px;
	text-align:center;
	font-weight:800;
}
#menuPied a {border-radius:4px; color:#dddddd;}
#menuPied a:hover {color:#05938b;}
#menuPied .listes {float:left;}

/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */

/* Styles pour appareils haute resolution */
@media (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) and (max-device-width: 1024px) and   (orientation : landscape) and {
       	.conteneur {width:100%; padding:0 20px;}

   	#PageAccueil  .conteneur {padding-right:0;padding-left:0;}
   	#PageAccueil hr {margin-top:40px; margin-bottom:15px;}
   	#PageAccueil .ranger .boite-avec-texte {padding-left:30px; padding-right:30px;}
   	#PageAccueil header {mheight:254px !; overflow:hidden;}
}


/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1178px)  {
	#menu a {margin-left:0; padding:10px 20px;}
	.conteneur {width:100%; padding:0 30px;}
	/*--------------------------------------------------------------------------------------- */
	/* En-tete */
	/*--------------------------------------------------------------------------------------- */
	.texte-banniere .conteneur {padding:0 20px;}
	/* page Accueil
	--------------------------------------------------------------------------------------- */
	/* Boite de texte avec deux bouttons Header */
	#PageAccueil header .texte-header .colonne-text-header {width:90%;}
	#PageAccueil .intro-nos-services {padding-bottom:0;}
	#PageAccueil .btn.vert {margin-left:20px; margin-top:20px;}

	/* Section Services (Boites) avec des images */
	#PageAccueil .placage .boite-avec-texte {padding-left:30px; padding-right:30px;height:100%;}
	#PageAccueil hr {margin-top:10px;}
	#PageAccueil .placage .btn {margin-top:0;}
	#PageAccueil .placage h2 {margin-bottom:0; font-size:30px;}
	#PageAccueil .placage p {margin-top:0; line-height: 28px;}
	#PageAccueil .speacifications-finition, .meulage-ententes  {width:100%;	}
	#PageAccueil .speacifications-finition .colonne,
	#PageAccueil .meulage-ententes  .colonne{width:100%;}
	#PageAccueil .speacifications-finition  .sub-ranger .colonne,
	#PageAccueil .meulage-ententes .sub-ranger .colonne{width:50%;}
	#PageAccueil .nos-services h1 {padding-bottom: 0 }
	.main-btn .fa-angle-right{margin-left:160px;}
/* 00_100: Page À propos */
	#PageApropos .article-avec-image .colonne,
	#PageApropos .article-avec-image .image-article {width:50%;}
	#PageAccueil header img {min-width:100%;}
	#PageApropos p {text-align:left;}
/* 00_100: Page Nos Services
--------------------------------------------------------------------------------------- */

	#PageApropos .incTinyMce .article-sans-image .colonne {padding-right:0; padding-bottom:50px}

/* 02_200: Page Nos Services
--------------------------------------------------------------------------------------- */

	#listeNouvelle li{ height: auto; width:100%; float:none;}
/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
	#PageDetailNouvelles{}
	#PageDetailNouvelles .colonne  {width:50%;}
	#PageDetailNouvelles .colonne p {padding-right: 0; font-family: 'Lato', sans-serif;}
	#PageDetailNouvelles .incTinyMce img {float:right; margin-top:20px;}
	#PageDetailNouvelles .album-photos {margin-bottom: 60px;}
	#PageDetailNouvelles .album-photos h3 {margin-top: 40px;font-size: 30px;}
	#PageDetailNouvelles .incTinyMce, #PageDetailNouvelles .gallery-images {width:100%;}
	#PageDetailNouvelles .gallery-images img { width:100%; margin-top:14px;}
	#PageDetailNouvelles .gallery-images a {display:block;text-align:center;}
	#PageDetailNouvelles .gallery-images a {
		display:inline-block; width: 45.5%;
	 	margin : 14px 14px;
	}
  #PageDetailNouvelles .detailNouvelleAside{padding-bottom: 45px;}

	#piedPage .colonne-adresse,
	#piedPage .colonne-menu-footer {float:left;}
	#piedPage .colonne-adresse {width:65%; overflow:hidden;}
	#piedPage .colonne-menu-footer {
		width:auto;
		float:right;
		overflow:hidden;
	}
	#menuPied {width:auto;}
	#menuPied ul li {display:inline-block;}
	#menuPied .listes li {
		display:block;
		margin-left:10px;
		text-align:left;
	}
	/* copyright */
	.copyrights {padding:20px 0;}
	#piedPage .colonne .colonne-adresse {width:auto;}
	#piedPage .colonne {width:50%;}


/* 05_100
--------------------------------------------------------------------------------------- */
	#PageFaq .contenu {padding-left:0; padding-right:0;}
	
}
@media  only screen and (max-width: 960px) {

	 #PageAccueil header {
		width:100%;
		min-height:554px;
		position:relative;
		background-color:#090e11;
	}
	#menu {display:none;}
	#logo img {margin-top:0;}

	/* button fermeture - non pas l'originale mais la copie voir l'emplacement
	.icone-fermeture-modifiee {
		 width:50px;
		 height:50px;
		 margin-top: 10px;
    	 margin-left: 50%;
		 z-index:1;
		 background-color:#181A1A;
	}
	.icone-fermeture-modifiee:hover {
		background-color:#181A1A;
	} */

}

/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1023px) {

	/* Logo */
	#logo img {margin-left:30px}

   #PageAccueil header {
		width:100%;
		min-height:554px;
		position:relative;
		background-color:#090e11;
	}
	.infos-contact {
		 padding-top: 40px;
	     padding-bottom: 40px;
	}
	/* Banniere de chaque page*/
	.texte-banniere .conteneur {padding-right:30px; padding-left:30px;}

	/* Textes et CMS
	--------------------------------------------------------------------------------------- */
	.incTinyMce {margin-top:80px;}
	.incTinyMce hr {margin-top:30px; margin-bottom:25px;}
	/*--------------------------------------------------------------------------------------- */
	/* En-tete */
	/*--------------------------------------------------------------------------------------- */
	#logo  {}
	#logo img {max-width:100%; height:100%; margin-top:0;}

	.icone-fermeture-modifiee { z-index:1; }

	/* Page Accueil
	--------------------------------------------------------------------------------------- */
	.conteneur {width:100%;}
	#PageAccueil  .conteneur {padding-right:0;padding-left:0;}
	#PageAccueil header .texte-header .colonne-text-header {
	    width: 90%;
	    margin-top: 50px;

	}
	#PageAccueil hr {margin-top:70px; margin-bottom:0;}
	#PageAccueil header .texte-header {	 top:300px; padding:0 30px;}
	#PageAccueil header .texte-header .colonne-text-header {padding-left:60px;}
	#PageAccueil header .texte-header p {width:90%; padding:0; margin-top:35px; font:17px 'Montserrat-UltraLight', sans-serif;}
	#PageAccueil header .texte-header h1 {font:45px'Montserrat-UltraLight', sans-serif}
	#PageAccueil header .texte-header .btn-nos-services {margin-left:0;}
	#PageAccueil .bouttons-header { margin-top: 55px;}
	#PageAccueil .btn.vert {margin-left:0;}
	#PageAccueil h1 {margin-top:40px;}
	#PageAccueil .nos-services {padding-top: 80px;}
	#PageAccueil .nos-services h1 {margin-top:0;}
	#PageAccueil .nos-services h1,
	#PageAccueil .ranger-4 h1 {font-size:30px;}
	#PageAccueil .ranger-4 p {text-align:left;}
	#PageAccueil .placage h2,
	#PageAccueil .speacifications-finition h2 {font-size:25px; margin-top:62px;}
	#PageAccueil .bg-color-vert hr,
	#PageAccueil .speacifications-finition hr,
	#PageAccueil .contenu .bg-color-blanc-meulage hr {margin-top:30px; margin-bottom:30px;}
	#PageAccueil  .bg-color-blanc-meulage .boite-avec-texte {text-align:left;}
	#PageAccueil  .bg-color-blanc-meulage .boite-avec-texte p {text-align:left;}
	#PageAccueil  .bg-color-blanc-meulage .boite-avec-texte .btn {margin-top:0; float:left; padding-left:0;}
	#PageAccueil .contenu .bg-color-blanc-meulage hr {margin-left:0 !important;}
	#PageAccueil .ranger .boite-avec-texte {padding-right:20px; padding-left:20px;}
	#PageAccueil .placage .colonne {
		width:50% !important;
		position:relative;
		left: 0;
		transform:none;
		-webkit-transform: none;
    	-moz-transform: none;
   		-ms-transform: none;
   		-o-transform: none;
	}

	#PageAccueil .placage .btn {margin-top:3px;}
	#PageAccueil .speacifications-finition .sub-ranger  {width:100%; position:relative;}
	#PageAccueil .ranger .colonne, #PageAccueil .sub-ranger .colonne {
		width:100%;
		display:block;
		position:relative;
	}
	#PageAccueil .sub-ranger .boite-avec-texte,
	#PageAccueil .speacifications-finition .sub-ranger .colonne,

	#PageAccueil .sub-ranger .boite-avec-texte {
		 left:0;
		 transform:none;
		-webkit-transform: none;
    	-moz-transform: none;
   		-ms-transform: none;
   		-o-transform: none;
	}
	#PageAccueil .contenu .bg-color-vert h2 {margin-top:30px;}
	/* Reordonné quelques boite de texte afin de satisfaire le design */
	#PageAccueil .sub-ranger {display: table; width: 100%;}
	#PageAccueil .speacifications-finition .sub-ranger .colonne,
	#PageAccueil .meulage-ententes .sub-ranger .colonne {width:50%;}

	#PageAccueil .meulage-ententes .sub-ranger .colonne {
		position: relative;
		display: table-header-group;
	}
	#PageAccueil .meulage-ententes .sub-ranger .boite-avec-texte {
		position: relative;
		display: table-footer-group;
	}
	#PageAccueil .ranger-4 {padding: 10px 0 70px 0; }

	#PageAccueil .ranger-4 p {padding: 30px 30px;width:100%;}
	.lienPartager {float: left; margin-top:10px;}
	/* 02_100 : Page À propos
	--------------------------------------------------------------------------------------- */
	#PageApropos h1 {font-size:40px;}
	#PageApropos .contenu {padding-left:30px; padding-right:30px  ;}
	#PageNosServices h2  {margin-top:10px;}
	#PageApropos .colonne,
	#PageApropos .article-avec-image .colonne,
	#PageApropos .section-bg {width:100%; padding:0 20px; text-align:center; padding-top:0;}
	#PageApropos .section-bg .conteneur {width:100%; padding:50px 0 50px 0;}
	#PageApropos .article-avec-image .colonne img {margin:0 auto; margin-top:20px;}
	#PageApropos .article-avec-image .colonne, .section-bg {padding: 0 0 60px 0;}
	#PageApropos .section-bg p {padding:0;}
	#PageApropos .texte-1 h2 {margin-top:40px;}
	#PageApropos .incTinyMce .article-sans-image .colonne {padding-left:0;}
	#banniere .texte-banniere {bottom:25%;}
	#PagePolitiqueEnvironnement .texte-banniere h1 {margin-bottom:10px;}


	/* 02_300 : Page Politique environnement
	--------------------------------------------------------------------------------------- */
	#PagePolitiqueEnvironnement .incTinyMce  .liste  { width:100%;float:left;}
	#PagePolitiqueEnvironnement .contenu {padding:0 20px;}
	#PagePolitiqueEnvironnement .incTinyMce  .liste{padding:0 }
	#PagePolitiqueEnvironnement .contenu {padding-bottom:70px;}

	/* 00_110 : Nouvelle details
	--------------------------------------------------------------------------------------- */
	#PageDetailNouvelles{text-align:center;}
	#PageDetailNouvelles .colonne {width: 100%;}
	#PageDetailNouvelles .incTinyMce  {width:100%;}
	#PageDetailNouvelles .incTinyMce img {margin-top:10px; float:none; margin:0 auto;}
	#PageDetailNouvelles .gallery-images {width:100%;}
	#PageDetailNouvelles .gallery-images img {display:inline-block; margin:0 auto; margin-top:20px;}
	#PageDetailNouvelles .album-photos {margin-bottom:40px;}
	#PageDetailNouvelles .album-photos h3 {margin-top:40px;}
	

	/* 00_100 : Nos services
	--------------------------------------------------------------------------------------- */

	#listeNouvelle .nouvTexte { margin-left: 0;}
	#listeNouvelle .nouvTexte  h2{ margin-top:20px;}

	/* 04_100 : Secteur Activités
	--------------------------------------------------------------------------------------- */

	#PageSecteurActivite .colonne {width:100%;}
	#PageSecteurActivite .colonne {padding-right:0;}
	#PageSecteurActivite .incTinyMce h2 { font:20px 'Lato-Bold', sans-serif;}


	/* 09_100 : Nous joindre
	--------------------------------------------------------------------------------------- */
	#PageContact .colonne {width:100%;}
	#PageContact h1 {font-size:30px;}
	#contactForm {margin-top:40px;}

	/* Menu
	--------------------------------------------------------------------------------------- */
	#menu {display:none;}
	/* Pied de page
	--------------------------------------------------------------------------------------- */
	#piedPage { min-height: 250px; padding-left:0;}
	#piedPage .conteneur {padding-left:30px; padding-right:30px; overflow:hidden;}	
	#piedPage .colonne { width:49%; margin-top:10px;}
	#menuPied {
		width:100%;
		position:static;
	}
	#menuPied ul li {display:block;padding-top:5px;}
	#piedPage .colonne-footer .ville-cpostal {padding-left: 20px;}
	#menuPied li { text-align:left;}
	.lienPartager  { display:block;float:none;}

	/*05_100: Page Faq */
	#PageFaq .question p {line-height:28px; }
	#PageFaq .question .fa-1 {margin-left:0; display:none;}

}
/* Tablette payesage Ecrans Retina
--------------------------------------------------------------------------------------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#PageAccueil .placage .boite-avec-texte {top:60%;}
}

/* Tablette portrait Ecrans Retina
--------------------------------------------------------------------------------------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	#piedPage .colonne-adresse {width:60%;}
}

/* Ipads: Paysage*/

@media (orientation: landscape) {

	.infos-contact {	   
	    padding-top: 30px;
	    padding-bottom: 30px;	   
	}
	/* 04_100 : Secteur Activités
	--------------------------------------------------------------------------------------- */

	#PageSecteurActivite  .colonne {display:block;padding-right:40px;}
	/* 00_100 : Nos Services
	--------------------------------------------------------------------------------------- */
	#PageNosServices #listeNouvelle .nouvTexte {padding-left:20px;}
	#PageNosServices .contenu {padding-bottom:30px;}
	#PageNosServices .listeNouvelle li {width:50%;}

}

@media (min-width: 571px) and (max-width: 766px) {
 #PageAccueil .sub-ranger .boite-avec-texte {top: 40px;}

}

@media (min-width: 480px) and (max-width: 667px) {

	/* Pied de page
	--------------------------------------------------------------------------------------- */
	#piedPage { min-height: auto;}

}

@media (min-width: 480px) and (max-width: 570px) {


	#PageAccueil .sub-ranger .boite-avec-texte,
	#PageAccueil .placage .boite-avec-texte {padding-bottom:20px; padding-left:10px;}
	#PageAccueil .speacifications-finition h2,
	#PageAccueil .meulage-ententes h2 {margin:5px;}
	#PageAccueil .bouttons-header .btn {
		width: 100%;
        margin-left: 0;
        margin-top: 10px;
	}
	#PageAccueil .bouttons-header {margin-top:20px;}
	#PageAccueil h1 {margin-top:40px;}

}

/* Mobile paysage
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

	#entete { height: 75px; }

	/* Logo */
	#logo { top: 30px; }

	.conteneur {
	    width:100%;
	    padding-right: 0;
	    padding-left: 0;
	}
	/* Détails globale */
	.incTinyMce p {line-height:25px; padding-right:20px; padding-left:20px;}
	.main-infos-contact {margin-top:20px;}
	/* banniere des pages */
	.infos-contact {	   
	    padding-top: 55px;
	    padding-bottom: 55px;	   
	}
	#banniere .texte-banniere {bottom:19%;}
	/* Details globale */
	.infos-contact h3 {color:#222222;}
	  #PageAccueil header {
		width:100%;
		min-height:610px;
		position:relative;
		background-color:#090e11;
	}

	/* Logo */
	#logo img {width:auto; margin-top:0;}


	#iconeMenu {}

	#PageAccueil  .conteneur {padding-right:0;padding-left:0;}
	#PageAccueil p {font-size:15px;line-height:28px;}
	#PageAccueil header {float:none; display:block; position:relative;}
	#PageAccueil header .texte-header {	 padding:137px 0 0 25px; right:0;}
	#PageAccueil header .texte-header p {

		 width:100%;
		 padding:0;
	}
	#PageAccueil header .texte-header h1 {margin-top:0;}
	/* titre banniere sur toutes les pages sauf accueil */
	#banniere .texte-banniere h1 {font-size:30px;}
	#banniere .texte-banniere {bottom:25%;}

	/* mettre le boite services page accueil a 100%*/
	#PageAccueil .placage .colonne {width:100% !important;}

	#PageAccueil header .texte-header .conteneur {right:5px;}
	#PageAccueil header .texte-header .colonne-text-header {width:100%; padding-left:20px; margin-top:10px;}
	#PageAccueil .bouttons-header {margin-top:40px;}
	#PageAccueil .speacifications-finition .sub-ranger .colonne,
	#PageAccueil .meulage-ententes .sub-ranger .colonne {width:100%;}
	#PageAccueil .ranger hr ,  #PageAccueil .ranger-4 hr{ margin-top:35px;}
	#PageAccueil .ranger-4 h1 {padding-bottom:0;}
	#PageAccueil .ranger-4 { padding: 0; padding-bottom:40px;}
	#PageAccueil .bouttons-header .btn {width:100%; margin-left:0; margin-top:10px;}
	/* contenu */
	#PageAccueil  .contenu {float:none; padding-top:0;}
	#PageAccueil .sub-ranger .boite-avec-texte {padding-top:30px;}
	#PageAccueil .sub-ranger .boite-avec-texte {padding-right:30px;}
	/* Section avec images */
	#PageAccueil .speacifications-finition .sub-ranger,
	#PageAccueil .placage .boite-avec-texte,
	#PageAccueil .sub-ranger .boite-avec-texte {padding-bottom:40px;}
	#PageAccueil .placage .btn {width:90%; margin-top:0;}
	#PageAccueil .placage p {padding:10px;}
	#PageAccueil .ranger-4 .btn {width:90%;}


	#PageAccueil .speacifications-finition .sub-ranger {
		display: flex;
		flex-direction: column;
	}
	#PageAccueil .speacifications-finition .sub-ranger .colonne { order: 1; }
	#PageAccueil .speacifications-finition .sub-ranger .colonne.boite-avec-texte { order: 2; }
	#PageAccueil .ranger-4 { padding-top: 40px; }

	/* 02_100 : A propos
	--------------------------------------------------------------------------------------- */
	#PageApropos .section-bg h1, #PageNosServices .contenu h1, #PageApropos h1 {font-size:30px;}
	#PageApropos .section-bg p {padding-right:0; padding-left:0;}
	#PageApropos .colonne p {line-height: 25px;}

	/* 00_100 : Nos Services
	--------------------------------------------------------------------------------------- */
	#PageNosServices #listeNouvelle .nouvTexte {padding-left:30px;}
	#PageNosServices .contenu {padding-bottom:30px;}

	#PageNosServices figure,
	#PageNosServices   .conteneur img,
	#PageNosServices .nouvTexte,
	#PageNosServices .listeNouvelle li {width:100%;}
	#PageNosServices figure, #listeNouvelle .nouvTexte {float:none;}
	#PageNosServices h3 , #PageNosServices h2{font-size:20px;}
	#PageNosServices .incTinyMce p {padding-right:30px; padding-left:30px; line-height: 25px}
	#PageDetailNouvelles .gallery-images a {width:90%;}
	#PageDetailNouvelles .album-photos h3 {padding-top:10px;}
	#PageDetailNouvelles .album-photos hr {margin-top:30px;}

	/* 04_100 : Secteurs activités
	--------------------------------------------------------------------------------------- */
	#PageSecteurActivite .moulin-aluminium {padding-left:20px;}
	#PageSecteurActivite .introduction-activite {padding-right:20px; padding-left:20px;}
	#PageSecteurActivite p {line-height:25px;}

	#PageSecteurActivite .incTinyMce .moulin-aluminium p,
	#PageSecteurActivite .incTinyMce .industrie p  {padding-right:0; padding-left:0; margin-top:5px;}

	/* 00_110 : Detail Nos Services
	--------------------------------------------------------------------------------------- */

	#PageDetailNouvelles .album-photos {padding-bottom:0; margin-bottom:0;}
	#PageDetailNouvelles .gallery-images a {width:100%; margin:0;}
	#PageDetailNouvelles .detailNouvelleAside {border:none;}

	/* slide partenaires */


	/* listNouvelle
	--------------------------------------------------------------------------------------- */
	#listeNouvelle p {margin-top:20px;}

	/* 09_100 : Page Nous joindre
	--------------------------------------------------------------------------------------- */
	#PageContact .contenu {padding-left:30px; padding-right:30px;}
	#PageContact .form span {line-height:22px;}
	#PageContact .form .button {
		width:80%;
		display:block;
		margin:0 auto;
		margin-top:25px;
	}
	#PageDetailNouvelles .gallery-images img {width:99%;}

	/* Menu Pied Page */
	#piedPage {min-height:290px;}
	#menuPied {display:none;}
	#menuPied ul li {display:inline-block;}
	#menuPied .listes li {display:block; margin-left:0;}
	#piedPage .colonne {float:none; display:block; width:100%;}

	/* Copyright */
	.copyrights	{padding-right:30px; padding-left:30px;}
	.copyrights a {line-height:20px;}
	.copyrights .lienPartager {float:none;}

	/* Carte / MAP*/
	#carteContact .gm-style {max-width:480px;}
	#PageContact .form .tel-large {display:none;}
	#PageContact .form .tel-mobile {display:inline; line-height:2px;}
	#PageFaq .contenu {padding-left:30px; padding-right:30px;}
	#PageFaq .question p {padding-right:15px; padding-left:10px;}
	#PageFaq .contenu {padding-bottom:50px;}
	#PageFaq .question h2 { font-size:14px;}
	#PageFaq .infos-contact h2, #PageFaq .infos-contact h3 {font-size:18px;}
	#PageFaq .infos-contact {padding-top:20px; padding-bottom:20px;}


	/* 00_110  et 00_111 slide nos partenaire page Details*/
	.bx-wrapper .bx-prev {left: -28px !important;}
	.bx-wrapper .bx-next { right: -20px !important;}

	/* 00_999: Conditions d'utilisation ;
	--------------------------------------------------------------------------------------- */

	#PageConditionsUtilisation article.conteneur  { margin-top:60px; margin-bottom:60px;}



}

@media only screen and (min-width : 585px) and (max-width : 800px){

	#PageAccueil .bouttons-header .btn {display:inline-block; width:47%; float:left; margin-left:2%;}
	#PageAccueil header .texte-header .colonne-text-header {margin-top:70px;}
	#PageAccueil header .texte-header .btn {width:300px;}
	#PageAccueil header .texte-header .btn-nos-services {width:200px;}

	/* 02_300 : Politique Environnementale
	--------------------------------------------------------------------------------------- */
	#PagePolitiqueEnvironnement .incTinyMce {margin-top:60px;}	
	#banniere .texte-banniere h1 {font-size:42px;}

}
@media only screen and (min-width : 480px) and (max-width : 530px){

	#PageAccueil .bouttons-header {margin-top:10px;}
}
@media only screen and (max-width: 479px) {
	.conteneur {padding:0;}
	.infos-contact { 
		padding-left:30px; 
		padding-right:30px;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	#logo img { width: 245px; margin-left:20px;}
	#PageAccueil h1 {margin-top:0;}
	#PageAccueil header .texte-header h1 {font:38px'Montserrat-UltraLight', sans-serif;}
	#PageAccueil .bouttons-header {margin-top:0;}
	#PageAccueil header h1 { padding-bottom:20px;}
	#PageAccueil header .texte-header {padding:60px 0 20px 20px ; }
	#PageAccueil header .texte-header .colonne-text-header {width:95%; margin-top:50px;}
	#PageAccueil .contenu {padding-top:0;}
	#PageAccueil .contenu img {max-width:480px;}
	#PageNosServices h3 {font-size:20px;}
	#PageAccueil header .texte-header p {margin-top:10px; font-size:15px;}
	#PageAccueil .speacifications-finition .sub-ranger {padding-bottom:0;}
	#PageAccueil .contenu .speacifications-finition h2 ,
	#PageAccueil .speacifications-finition h2 {margin-top:0;}
	#PageAccueil .sub-ranger .boite-avec-texte {padding-top:40px;}
	#PageAccueil .placage p  {padding:0;}
	#PageAccueil .ranger .boite-avec-texte {padding-right:30px; padding-left:30px;}
	#PageAccueil .bg-color-blanc-meulage .boite-avec-texte .btn {text-align:left; padding-left:10px;}
	#PageApropos hr {margin-top:20px; margin-bottom:25px;}
	#PageApropos p {text-align:center;}
	#banniere .texte-banniere h1 {font-size:20px;}

	/* 02_100: Page A propos
	--------------------------------------------------------------------------------------- */
	#PageApropos .incTinyMce p {padding-right:0; padding-left:0;}
	#PageApropos .section-bg h1, #PageNosServices .contenu h1, #PageApropos h1 {font-size:20px;}

/* 02_300: Page Plitique environnementale
	--------------------------------------------------------------------------------------- */

	#PagePolitiqueEnvironnement .incTinyMce h2 {margin-left:20px;}	
	#PagePolitiqueEnvironnement .texte-banniere h1 {margin-bottom:1px;}
	#PagePolitiqueEnvironnement .incTinyMce {margin-top:60px;}

/* 04_100: Page Secteur activité
	--------------------------------------------------------------------------------------- */
	#PageSecteurActivite .colonne {padding-left:30px;}
/* 00_110: Page Details  (Services);
	--------------------------------------------------------------------------------------- */
	#PageDetailNouvelles .detailNouvelleAside {padding-bottom:0;}
	#PageDetailNouvelles .album-photos hr {margin-bottom:50px;}
	.infos-contact h2 , .infos-contact h3 {font-size:20px;}

/* 00_110: Page Details  
	--------------------------------------------------------------------------------------- */
#PageDetailNouvelles .gallery-images img {width:100%;}

/* 05_100: Page Faq;
--------------------------------------------------------------------------------------- */

	#PageFaq .question .fa {right:-12px;}
	#PageFaq .question h2 {padding-top:10px; padding-bottom:10px;}

/* Line height des H1 de chaque Page Interne (section intro)
--------------------------------------------------------------------------------------- */
	#PageApropos h1, #PageNosServices h1, #PageContact h1 {line-height:28px;}


}
/* Mobile portrait
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 219px) {
	#logo img {margin-left:10px;}
	.conteneur {width:100%;}
	#PageAccueil  .conteneur {padding-right:0;padding-left:0;}
	#PageAccueil header .texte-header {	 left: 44%;	  }
	#PageAccueil header .texte-header .colonne-text-header {left:5%;}
	#PageAccueil header .texte-header h1 {font:38px'Montserrat-UltraLight', sans-serif;}

}