@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900|Open+Sans+Condensed:300,700');
/*Interprétation HTML5 pour IE8*/
header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog { display: block; float: left; position: relative;}

*      { margin: 0; padding: 0; }
html, body { width:100%; height:100%; margin:0; padding:0; }
body   { background-color: #222222; font-size: 17px; font-family:'Open Sans Condensed', Helvetica, Arial; font-weight:300; color: #333333; }

.container { height: 100%; width:100%; }

.PreloadWebSite { display:block; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:#222; z-index:9999; }
.PreloadWebSite img { position:absolute; display:block; width:64px; height:46px; left:50%; margin-left:-32px; top:50%; margin-top:-23px; }
/***************************/
/*GENERAL         */
/***************************/
ul, ol                 	{ list-style-position: inside; margin:0 0 1em 0; }

p                      	{ margin:0 0 1em 0; text-align:justify; line-height:25px; color:#333333; }
p.center               	{ margin:0 0 1em 0; text-align:center; line-height:25px; color:#ffffff; }
p.attention             { margin:0 0 1em 0; text-align:center; line-height:25px; color:#d62525; }

a,a:link               	{ color: #222222; text-decoration: none; border-bottom:1px dotted #222222; }
a:hover                	{ color: #222222; text-decoration: none; border-bottom:0px dotted #222222; }

a img                  	{ border:none; }

img.Right				{ border: 0; display:block; margin-left:10px;  float:right;}
img.Left				{ border: 0; display:block; margin-right:10px; float:left; }
img.VersionPC { display:block; }
img.VersionMobile { display:none; }

.BlockVersionPC { display:block; }
.BlockVersionMobile { display:none; }


h1, h2, h3, h4, h5, h6 	{ font-family:'Source Sans Pro', Helvetica, Arial; font-weight:normal; color:#ffffff; letter-spacing:1px; clear:both;  }
h1                    	{ font-size:30px; margin-bottom:10px; }
h2                    	{ font-size:25px; margin-bottom:5px; }
h3                     	{ font-size:20px; margin-bottom:5px;}
h4                    	{ font-size:16px; margin-bottom:5px; }
h5                     	{ font-size:15px; margin-bottom:5px; }

hr                     { border:none; border-top:1px solid #c20605; color:#c20605; height: 1px; width:100%; position:relative; float:left;  }
 
span.petit 				{ font-size:11px; color:#c20605; }


.contenu { max-width: 1250px; width:100%; margin: auto; }


/******************************/
/*  GRID                      */
/******************************/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin: 0 0.5% 0 0.5%; float: left; display: block; }

.grid_1 { width:6.5%; }
.grid_2 { width:15%; }
.grid_3 { width:23.5%; }
.grid_4 { width:32%; }
.grid_5 { width:40.5%; }
.grid_6 { width:49%; }
.grid_7 { width:57.5%; }
.grid_8 { width:66%; }
.grid_9 { width:74.5%; }
.grid_10 { width:83%; }
.grid_11 { width:91.5%; }
.grid_12 { width:99%; }
.grid_full { width:100%; }




/******************************/
/*  MARGIN TOP /BOTTOM        */
/******************************/
.mtb-0 { margin: 0; }
.mtb-10 { margin: 10px 0; }
.mtb-20 { margin: 20px 0; }
.mtb-30 { margin: 30px 0; }
.mtb-40 { margin: 40px 0; }
.mtb-50 { margin: 50px 0; }
.mtb-60 { margin: 60px 0; }
.mtb-70 { margin: 70px 0; }
.mtb-80 { margin: 80px 0; }
.mtb-90 { margin: 90px 0; }
.mtb-100 { margin: 100px 0; }

/******************************/
/*  MARGIN TOP                */
/******************************/
.mt-0 { margin-top: 0px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }

/******************************/
/*  MARGIN BOTTOM                */
/******************************/
.mb-0 { margin-bottom: 0px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }


/******************************/
/*  PADDING TOP /BOTTOM       */
/******************************/
.ptb-0 { padding: 0 0; }
.ptb-10 { padding: 10px 0; }
.ptb-20 { padding: 20px 0; }
.ptb-30 { padding: 30px 0; }
.ptb-40 { padding: 40px 0; }
.ptb-50 { padding: 50px 0; }
.ptb-60 { padding: 60px 0; }
.ptb-70 { padding: 70px 0; }
.ptb-80 { padding: 80px 0; }
.ptb-90 { padding: 90px 0; }
.ptb-100 { padding: 100px 0; }

/******************************/
/*  PADDING TOP               */
/******************************/
.pt-0 { padding-top: 0px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }

/******************************/
/*  PADDING BOTTOM            */
/******************************/
.pb-0 { padding-bottom: 0px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }



/******************************/
/*  HEADER                    */
/******************************/
header { display:block; position:absolute; left:0; top:0;  width:100%; height:50px;  margin:0; padding:0; z-index: 990;   -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
header.sticky {  position:fixed; background-color: rgba(34, 34, 34, 0.5); box-shadow:1px 1px 2px #222222;  }

header div#Logo a { background:transparent url("../upload/tinymce/image/creation-site-internet-grenoble.png") no-repeat 0 0; background-size:contain; float:left; top:0px; width:90px; height:95px; margin-top:15px; margin-left:15px;  z-index:11; display:block; position: relative; border-bottom:none; }
header.sticky div#Logo a { background:transparent url("../upload/tinymce/image/agence-web-grenoble.png") no-repeat 0 0; background-size:contain; float:left; top:0px; width:52px; height:40px; margin-top:5px; margin-left:15px;  z-index:11; display:block; position: relative; border-bottom:none;  }




/******************************/
/* SCROLL ACCUEIL        */
/******************************/
div.ScrollAccueil {z-index:30; background-color:transparent; width:150px; max-width:100%; margin-left:-75px; display:block; height:70px; position:absolute; bottom:0; left:50%; }
a#ScrollDown { color:#333333; z-index:99; padding-top: 60px; width:143px; margin-left:-71px; position: absolute; bottom: -30px; left: 50%; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font : normal 400 13px/1 sans-serif; text-align:center;  letter-spacing: .1em;  text-decoration: none; transition: opacity .3s; border-bottom:none; }
a#ScrollDown span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px;  margin-left: -12px; border-left: 1px solid #333333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; }
@-webkit-keyframes sdb05 {
  0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; }
  50% { opacity: 1; }
  100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; }
}
@keyframes sdb05 {
  0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; }
}
a:hover#ScrollDown { opacity: .5; color:#333333; }


/******************************/
/* BACK TO TOP		          */
/******************************/
a.BackToTop,
a:link.BackToTop { display:block; position:fixed; right:30px; bottom:30px; display:none; padding:0; background:transparent; opacity:1; z-index:988; border-bottom:none; }

/******************************/
/* COMPETENCES ACCUEIL        */
/******************************/
.CompetencesAccueilGlobal { display:block; float:left; position:relative; height:100vh; background:transparent url("../upload/tinymce/image/background-noir.png") repeat 0 0; z-index:30; }
.CompetencesAccueilLeft { display:block; float:left; width:50%; height:100vh; background: url('../upload/tinymce/image/bouquetin-blanc.png'); background-repeat:no-repeat; background-size: 85% auto; background-position:center bottom; }
.CompetencesAccueilRight { display:block; float:left; width:50%; height:100vh; }
.CompetencesAccueilRightInside { display:block; float:left; width:90%; height:60vh; transform: translate(5%,18vh); }



/******************************/
/* SERVICES ACCORDEON ACCUEIL */ 
/******************************/
.services-wrapper { max-height: 400px; padding: 0 100px; text-align: left; margin-top: -18px; }
@media only screen and (max-width: 1200px) { .services-wrapper { padding: 0 40px; } }
@media only screen and (max-width: 880px) { .services-wrapper { padding: 0 20px; } }
@media only screen and (max-width: 640px) { .services-wrapper { padding: 0 20px; height: auto; } }

.services-accordion { background: none; width: auto; }
.services-accordion > ul > li { list-style: none; border-bottom: 1px solid #fff; }
.services-accordion ul li span { position: relative; display: block; font-family: 'rajdhani', sans-serif; font-style: normal; font-size: 16px; text-transform: uppercase; color: #fff; letter-spacing: 1px; line-height: 1.5; padding: 15px 0; cursor: pointer; }
.services-accordion ul li:hover span { color: #609f2c; }
.services-accordion ul li span:after { position: absolute; display: block; content: "+"; font-family: "Ionicons"; right: 8px; top: 17px; font-size: 16px; line-height: 16px; width: 15px; height: 15px; text-align: center; color: #fff; font-weight: bold; }
.services-accordion ul li:hover span:after { color: #609f2c; }
.services-accordion ul li.toggled span { color: #609f2c; }
.services-accordion ul li.toggled span:after { content: "–"; color: #609f2c; font-size: 16px; line-height: 16px; }
.services-accordion ul ul { margin-left: 15px; display: none; }
.services-accordion ul ul li,
.services-accordion ul ul li a { display: block; color: #fff; font-size: 18px; text-decoration: none; margin-bottom: 15px; width: auto; font-family: 'rajdhani', sans-serif; border-bottom:none; }
.services-accordion ul ul li a:hover { color: #fff; border-bottom:none; }


/******************************/
/* PROJETS ACCUEIL 			  */ 
/******************************/
.ProjetAccueil { display:block; position: relative; float:left; width:100%; height:auto !important; }
.ProjetAccueil a { width: 130px; display: block; position: absolute; right: 0px; top: 50%; margin-top:-20px; border-bottom:none;  }


/******************************/
/* COMPETENCES ACCUEIL		  */ 
/******************************/
.CompetencesAccueilRightInsideBottom { display:block; position: relative; float:left; width:100%; height:auto !important; margin-top:70px; }
.CompetencesAccueilRightInsideBottom a { width: 130px; display: block; position: relative; float:left; margin-top: 20px; border-bottom:none;  }


/******************************/
/* DEVIS ACCUEIL			  */ 
/******************************/
.DevisAccueil { display:block; position: relative; float:left; height:auto !important;  background:transparent url("../upload/tinymce/image/background-noir.png") repeat 0 0; z-index: 30; }
.DevisAccueil a { width: 250px; display: block; position: absolute; right: 100px; top: 50%; margin-top:-27px; border-bottom:none; }


/******************************/
/* TEMOIGNAGES ACCUEIL		  */ 
/******************************/
.TemoignagesAccueil { background:transparent url("../upload/tinymce/image/chartreuse.jpg") no-repeat center center;   display:block; position: relative; float:left; height:auto !important; z-index:30; }
.TemoignagesAccueil h2 { display:block; width:100%; font-size:40px; color:#ffffff; font-weight:900; text-align:center; text-transform:capitalize; margin-top:80px; margin-bottom:80px; font-family:'Source Sans Pro', Helvetica, Arial; text-transform:uppercase; }


/******************************/
/* RGPD ACCUEIL				  */ 
/******************************/
.rgpd { display:block; float:left;  padding: 6em 0; background:#44a6d4; z-index: 30; }
.rgpd .grid_6 p { text-align:left; color:#ffffff; border-left:1px dotted #ffffff; padding-left:15px; margin-top:10px; }
.RGPDAccueil { display:block; position: relative; float:left; width:100%; height:auto !important; }
.RGPDAccueil a { width: 180px; display: block; position: absolute; right: 100px; top: 50%; margin-top:-27px; border-bottom:none;  }



/******************************/
/*  TEXTES DU SITE            */
/******************************/
.BannerTexte { position:relative; float:left; display:block; width:100%; height:auto !important; overflow:hidden; }
.BannerTexte img { position:relative; top:0; left:0; display:block; width:100%; opacity:0.3; z-index:1; }
.BannerTexte h2 { position:absolute; display:block; width:100%; top:42%; text-align:center; font-family:'rajdhani', sans-serif; font-size:3em; color:#fff; z-index:2; text-shadow:0px 1px 4px rgba(0, 0, 0, 0.90); }

.TexteBlock { display: block; float:left; position:relative;  width:100%; height:100vh; background-color:#222; }
.TexteBlockImage { display:block; position:relative; float:left; margin-left:5%;  height:100vh; background-size:contain;  background-position:center top; background-repeat:no-repeat;}
.TexteBlockTitre  { display:block; position:absolute; top:25%; left:6%; }
.TexteBlockTitre h2 { color:#fff; text-shadow:0px 1px 4px rgba(0, 0, 0, 0.90); font-size:40px; font-weight:900; font-family:"Source Sans Pro", Helvetica, Arial; text-transform: uppercase; }
.TexteBlockCitation { display:block; position:absolute; top:22%; left:61%; width:30%; }
.TexteBlockCitation::before { content: ""; display: block; opacity: 0.6; position: absolute; left: -8%; height:100%; top:-0.3em; border-left:3px solid #333; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%); transform: translateX(-50%); }
.TexteBlockCitation::after { content: "”"; font-family: initial; font-size: 11em; color:#333; font-weight: 700; display: block; opacity: 0.6; position: absolute; top: -0.5em; left: 10%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%); transform: translateX(-50%); }
.TexteBlockCitation p { color:#645f5f;  font-size:20px; line-height:24px; font-weight:400; font-family:"Source Sans Pro", Helvetica, Arial; }
.TexteBlockCitation p span { color:#888888; font-size:15px; font-weight:400; font-family:"Source Sans Pro", Helvetica, Arial; font-style:italic; }
.TexteBlockTexte { display:block; position:absolute; top:45%; left:53%; width:40%; }
.TexteBlockTexte p { color:#fff; font-size:16px; line-height:22px; }
.TexteBlockTexte a,
.TexteBlockTexte a:link { color:#fff; font-size:16px; line-height:22px; text-decoration:none; border-bottom:1px dotted #fff }
.TexteBlockTexte a:hover { color:#fff; text-decoration:none; border-bottom:0px dotted #fff }

.TexteBlockTexteAnnexe { display:block; position:relative; float:left; margin:5% 20% 5% 20%; width:60%; }
.TexteBlockTexteAnnexe p { color:#fff; font-size:16px; line-height:22px; }
.TexteBlockTexteAnnexe a,
.TexteBlockTexteAnnexe a:link { color:#fff; font-size:16px; line-height:22px; text-decoration:none; border-bottom:1px dotted #fff }
.TexteBlockTexteAnnexe a:hover { color:#fff; text-decoration:none; border-bottom:0px dotted #fff }
.TexteBlockTexteAnnexeFull { display:block; position:relative; float:left; margin:0% 0% 1% 0%; width:100%; }
.TexteBlockTexteAnnexeFull p { color:#fff; font-size:16px; line-height:22px; text-align:center; }
.TexteBlockTexteAnnexeFull a,
.TexteBlockTexteAnnexeFull a:link { color:#fff; font-size:16px; line-height:22px; text-decoration:none; border-bottom:1px dotted #fff }
.TexteBlockTexteAnnexeFull a:hover { color:#fff; text-decoration:none; border-bottom:0px dotted #fff }


.BlocTexteBouton { display:block; width:50%;  float:left; margin-top:20px; }
.BlocTexteBouton .BlocTexteBoutonInside { display:block; width:80%; margin:0 auto; }

.BlocTexteBoutonFull { display:block; width:100%;  float:left; margin-top:20px; }
.BlocTexteBoutonFull .BlocTexteBoutonInside { display:block; width:40%; margin:0 auto; }

.BlocTexteCitation { display:block; float:left;  padding: 6em 0em 3em 0;  background-color:#44a6d4; /*background:#44a6d4 url("../upload/tinymce/image/background-bleu.png") repeat 0 0;*/ position:relative;}
.BlocTexteCitationInside { position:relative; display:block; margin:0 8.5%; float:left; }
.BlocTexteCitationInside::before { content: ""; display: block; opacity: 0.6; position: absolute; left: 0%; height:100%; top:-1.5em; border-left:8px solid #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%); transform: translateX(-50%); }
.BlocTexteCitationInside::after { content: "”"; font-family: initial; font-size: 11em; color:#fff; font-weight: 700; display: block; opacity: 0.6; position: absolute; top: -0.6em; left: 7%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%); transform: translateX(-50%); }
.BlocTexteCitationInside p { color:#fff;  font-size:33px; line-height:33px; font-weight:900; font-family:"Source Sans Pro", Helvetica, Arial; text-align:left; padding-left:4%; }
.BlocTexteCitationInside p span { color:#dcdcdc; font-size:15px; font-weight:400; font-family:"Source Sans Pro", Helvetica, Arial; font-style:italic; }

.TexteBlockContact { display:block; position:absolute; top:45%; left:6%; }
.TexteBlockContact p { color:#ffffff;  font-size:15px; padding:20px; line-height:20px; font-weight:400; font-family: 'rajdhani', sans-serif; background-color: rgba(34, 34, 34, 0.7); }
.TexteBlockTexteContact { display:block; position:absolute; top:21%; left:55%; width:40%; }


.ImageTexteSousCache { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }


/******************************/
/* PAGE TEMOIGNAGES           */ 
/******************************/
.ListeTemoignages { position: relative; clear: both; margin: 1% 3% 60px 3%; width: 94%; list-style: none; text-align: center; display:inline-block; }
.ListeTemoignages .sc_testimonials_item { position: relative; float: left; overflow: hidden; margin: 1% 1%; min-width: 220px; max-width: 580px; max-height: 450px; width: 31.333333%; height: auto; background: #222222; text-align: center; cursor: pointer; }
.ListeTemoignages .sc_testimonials_item { }
.ListeTemoignages .sc_testimonials_item_content { color: #222222; padding: 4.7em 0em 2.6em; position: relative; background-color: #ffffff; width:80%; margin:0 auto; }
.ListeTemoignages .sc_testimonials_item_content { background-color: #ffffff; }
.ListeTemoignages .sc_testimonials_item_content::before { content: "”"; font-family: initial; font-size: 11em; font-weight: 700; display: block; opacity: 0.14; position: absolute; top: -0.1em; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.ListeTemoignages .sc_testimonials_item_content p { font-size: 1rem; font-weight: 300; line-height: 1.3em; text-align:center; height:50px; margin:0 1.9em; }
.ListeTemoignages .sc_testimonials_item_content::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 20px 0 20px; border-color: #ffffff transparent transparent transparent; position: absolute; bottom: -5%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.ListeTemoignages .sc_testimonials_item_author {  background-color: transparent; text-align: center; margin-top: 0.9em; max-width: none; padding: 1.5em 1.3em 1.5em; margin: 1em auto 0; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ListeTemoignages .sc_testimonials_item_author_data { font-size: 1.25rem; display: inline-block; vertical-align: middle; font-weight: 600; letter-spacing: 0; text-transform: uppercase; }


/******************************/
/*  RESEAUX SOCIAUX           */
/******************************/
a.facebook-bg,
a.facebook-bg:link,
a.twitter-bg,
a.twitter-bg:link,
a.google-bg,
a.google-bg:link,
a.linkedin-bg,
a.linkedin-bg:link,
a.pinterest-bg,
a.pinterest-bg:link  { border-bottom:none; }

.facebook-bg i { color: #222222; margin-right:10px; }
.twitter-bg i { color: #222222; margin-right:10px; }
.google-bg i { color: #222222; margin-right:10px; }
.linkedin-bg i { color: #222222; margin-right:10px; }
.pinterest-bg i { color: #222222; margin-right:10px; }

.facebook-bg:hover i { color: #3b589e; }
.twitter-bg:hover i { color: #56d7fe; }
.linkedin-bg:hover i { color: #1c82ca; }
.google-bg:hover i { color: #dc4e41; }
.pinterest-bg:hover i { color: #a30618; }



/******************************/
/*  LOAD MORE REALISATIONS    */
/******************************/
.show_more_main { margin: 15px auto; clear: both; width: 100px; cursor: pointer; }
.show_more { background-color: #f8f8f8; background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%); background-image: linear-gradient(top,#fcfcfc 0,#f8f8f8 100%); border: 1px solid; border-color: #d3d3d3; color: #333; font-size: 12px; outline: 0; }
.show_more { cursor: pointer; display: block; padding: 10px 0; text-align: center; font-weight:bold; }
.loding { background-color: #e9e9e9; border: 1px solid; border-color: #c6c6c6; color: #333; font-size: 12px; display: block; text-align: center; padding: 10px 0; outline: 0; font-weight:bold; }
.loding_txt { background-image: url(loading.gif); background-position: left; background-repeat: no-repeat; border: 0; display: inline-block; height: 16px; padding-left: 20px; }




/***************************/
/*ARTICLE SUIV/PREC        */
/***************************/
.ArticlePrecedent   	{ position:relative; float:left; width:47%;  margin:20px 0 20px 3%; clear:both; }
.ArticleSuivant 		{ position:relative; float: right; width:47%; margin:20px 3% 20px 0; text-align:right; }
a.barrelink 			{ border-bottom:none; display:block; height:48px; padding-right:35px; padding-left:15px; padding-top:0px; background:transparent url(../upload/tinymce/image/background-link-right.png) right 0 no-repeat; color:#ffffff;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
a.barrelink:hover 		{ border-bottom:none; color:#ffffff; padding-right:60px;}
a.barrelinkleft 		{ border-bottom:none; display:block; height:48px; padding-left:35px; padding-right:15px; padding-top:0px; background:transparent url(../upload/tinymce/image/background-link-left.png) left 0 no-repeat; color:#ffffff;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
a.barrelinkleft:hover 	{ border-bottom:none; color:#ffffff; padding-left:60px; }
.ArticlePrecedent .petitmobile,
.ArticleSuivant .petitmobile { display:none; }













	



.ReaalisationsCompetences { display:block; position: relative; float:left; width:100%; height:auto !important; clear:both; margin-top:70px; }
.ReaalisationsCompetences a { width: 250px; display: block; left:50%; margin-left:-125px; top: 50%; margin-top:-27px; border-bottom:none;  }







/******************************/
/*  DETAIL REALISATIONS       */
/******************************/
.DetailRealisation { display: block; float:left; position:relative;  width:100%; height:100vh; }
.DetailRealisation .BackgroundImage {  content: ""; opacity:0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; background-size:cover;  background-repeat:no-repeat; }
.DetailRealisationInside { display: flex; }
.DetailRealisationTexte { min-height: 0; min-width: 0;display: block; float:left; position:relative; background-color:#ffffff; opacity:0.75; width:36%; margin:120px 3% 0 3%; }
.DetailRealisationTexteInside { opacity:1; display:block; position:relative; float:left; width:90%; padding:5%; }
.DetailRealisationTexteInside h2 { color:#222222;font-family: 'rajdhani', sans-serif; }
.DetailRealisationTexteInside p { color:#222222; line-height:22px; font-size:16px; }
.DetailRealisationTexteInsideBlockLeft { display:block; position:relative; float:left; width:47.5%; margin:0 5% 0 0; }
.DetailRealisationTexteInsideBlockRight { display:block; position:relative; float:left; width:47.5%; margin:0; }
.DetailRealisationTexteInsideBlockRight a { color:#222222; border-bottom:1px dotted #222222; }
.DetailRealisationTexteInsideBlockRight a:hover { color:#222222; border-bottom:0px dotted #222222; }
.DetailRealisationTexteInsideBlockAll { display:block; position:relative; float:left; width:100%; margin:0; }
.DetailRealisationTexteInsideBlockLeft p,
.DetailRealisationTexteInsideBlockRight p,
.DetailRealisationTexteInsideBlockAll p { text-align:left; }
.DetailRealisationImage { min-height: 0; min-width: 0; display: block; float:left; position:relative; width:55%; margin:120px 3% 0 0; z-index:9; }



/******************************/
/*  FORMULAIRE                */
/******************************/
#formulaire .grid_3 { margin:0 2%; }
#formulaire .grid_6 { width:46%; margin:2% 2%; }
#formulaire .grid_12 { width:96%; margin:2% 2%; }

#formulaire ::-webkit-input-placeholder 	{ font-style: italic; }
#formulaire input:-moz-placeholder,
#formulaire textarea:-moz-placeholder,
#formulaire input, select 				{ outline: none; }
#formulaire #ccab, .ccab 	{ visibility: hidden; display:  none;}


/* all the input except submit and checkbox */
#formulaire input:not([type="checkbox"]) 		{ background-color:transparent; color:#ffffff; width: 96%; margin-top: 4px; padding: 10px 2% 10px 2%; border:none; border-bottom: 1px solid #cccccc; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formulaire input:not([type="checkbox"]):active,
#formulaire input:not([type="checkbox"]):focus 	{ border:none; border-bottom: 1px solid #44a6d4; background-color:transparent;  color:#44a6d4; } 

/* all the textarea */
#formulaire textarea 		{ font-family:'Open Sans Condensed', Helvetica, Arial; color:#cccccc; font-weight: 300; font-size:17px; background-color:transparent; color:#ffffff; width: 96%; height:155px; margin-top: 4px; padding: 10px 2% 10px 10px; border:none; border: 1px solid #cccccc; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formulaire textarea:active,
#formulaire textarea:focus 	{ border: 1px solid #44a6d4; background-color:transparent; color:#44a6d4;  } 

/* all the select */
#formulaire select 		{  background-color:transparent; color:#ffffff; width: 96%; margin-top: 4px; padding: 10px 2% 8px 2%;  border:none; border-bottom: 1px solid #cccccc; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formulaire select:active,
#formulaire select:focus  {  border:none; border-bottom: 1px solid #44a6d4; background-color:transparent; color:#44a6d4;  } 
#formulaire select option:first-child		{ color:#757575; font-style: italic; } 
#formulaire select  { color: #999999; }
#formulaire select option { color: #ffffff; }
#formulaire select option:first-child { color: #999999; }
#formulaire select option.color { color: #ffffff; }
#formulaire select option:selected { color: #ffffff; }

/* all the input type radio */
#formulaire ul li input[type=radio] { position: absolute; visibility: hidden; }
#formulaire input[type=radio]:checked ~ .check { border: 3px solid #ffffff; }
#formulaire input[type=radio]:checked ~ .check::before {  background: #ffffff; }
#formulaire input[type=radio]:checked ~ label { color: #ffffff; }

/* all the input type checkbox */
#formulaire [type="checkbox"]:not(:checked),
#formulaire [type="checkbox"]:checked {  position: absolute; left: -9999px; opacity: 0; }
#formulaire [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 23px; cursor: pointer; color: #ffffff; padding-top:3px; font-size:14px; }
#formulaire [type="checkbox"]:checked + label { position: relative; padding-left: 23px; cursor: pointer; color: #ffffff; padding-top:3px; font-size:14px; }

/* checkbox aspect */
#formulaire [type="checkbox"]:not(:checked) + label:before,
#formulaire [type="checkbox"]:checked + label:before  { content: '';  position: absolute; left:0; top: 6px; width: 13px; height: 13px; border: 1px solid #333;  background: transparent; box-shadow: inset 0 0px 0px rgba(0,0,0,.3) }
/* checked mark aspect */
#formulaire [type="checkbox"]:not(:checked) + label:after,
#formulaire [type="checkbox"]:checked + label:after  {  content: '✔';  position: absolute;  top: 9px; left: 3px; font-size: 12px; line-height: 0.8;  color: #ffffff; transition: all .2s; }
#formulaire [type="checkbox"]:not(:checked) + label:before { border: 1px solid #ffffff; }
#formulaire [type="checkbox"]:checked + label:before { border: 1px solid #ffffff; }
/* checked mark aspect changes */
#formulaire [type="checkbox"]:not(:checked) + label:after { opacity: 0;  transform: scale(0); }
#formulaire [type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1); }
/* accessibility */
#formulaire [type="checkbox"]:checked:focus + label:before,
#formulaire [type="checkbox"]:not(:checked):focus + label:before { border: 1px solid #ffffff; }

/* all the label */
#formulaire ul li label { display: block; position: relative; font-weight: 300; font-size: 15px;  padding: 0px 18px 25px 37px; margin: 0px auto; /*height: 30px;*/ z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
#formulaire ul li:hover label { color: #ffffff; }

#formulaire ul li label.small { display: block; position: relative; font-weight: 300; font-size: 15px;  padding: 0px 18px 0px 37px; margin: 0px auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
#formulaire ul li:hover label.small { color: #ffffff; }

#formulaire ul li .check { display: block; position: absolute; border: 3px solid #ffffff; border-radius: 100%;  height: 13px;  width: 13px;  top: 0px; left: 0px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
#formulaire ul li:hover .check { border: 3px solid #ffffff; }
#formulaire ul li .check::before {  display: block; position: absolute; content: ''; border-radius: 100%; height: 5px; width: 5px; top: 4px; left: 4px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }

/*Submit buttons */
#formulaire input.buttonSubmit 		 { width: auto! !important; height:26px; cursor: pointer; background-color:#44a6d4; padding: 8px 5px; color: #ffffff; font-size: 15px; letter-spacing:1px; border: 1px #44a6d4 solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formulaire input:hover.buttonSubmit { background-color:#222222; border: 1px solid #ffffff; color:#ffffff; }
#formulaire input:active.buttonSubmit,
#formulaire input:focus.buttonSubmit { background-color:transparent; border: 1px solid #cccccc; color:#cccccc; }

/*Redimentionnement ReCaptcha */
#rc-imageselect,  .g-recaptcha { transform:scale(0.77); transform-origin:0; transform:scale(0.77); transform-origin:0 0; -webkit-transform:scale(0.77); transform:scale(0.77); -webkit-transform-origin:0 0; transform-origin:0 0;  }






/******************************/
/*  LANDING PAGES             */
/******************************/
.LP { display:block; float:left; width:100%; background-color:#eeeff1; position:relative; }
.LPGrisFonce { display:block; float:left; width:100%; background-color:#262626; position:relative; }
.LPTop { display:block; float:left; width:100%; height:80vh; background:#222222 url('./../upload/tinymce/image/background-noir.png') repeat 0 0; }
.LPTopInside { display:block; width:100%; max-width:1280px; height:auto !important; margin:50px auto 20px auto; }
.LPTopInside { display:block; width:100%; max-width:1280px; height:auto !important; margin:0 auto; position:relative; }
.LPBlock { display:block; width:80%; margin:0 10%; float:left; position:relative; }
.LPTopSuite { width:80%; margin:20px auto 40px auto; display:block; }

.LPTopLeft { display:block; float:left; width:65%; margin-top:50px; }
.LPTopRight { display:block; float:left; width:35%; margin-top:50px; }
.LPTopRightInside { display:block; width:90%; margin:0 0 0 10%; background-color:#44a6d4; }

.LPTopSuite .LPBlockTiers {display:block; float:left; width:33.333333%; }
.LPTopSuite .LPBlockTiers p { color:#ffffff; font-family:'rajdhani', sans-serif; font-style: normal; font-size:16px; text-align:center; }

.LPSuiteBlock { display:block; float:left; width:100%; position:relative; margin-bottom:20px; }
.LPSuiteBlockInside { display:block; width:100%; max-width:1280px; height:auto !important; margin:0 auto; position:relative; }
.LPSuiteBlockInsideSuite { display:block; width:80%; margin:0 10% 0 10%; float:left; position:relative; padding:10px 0; }

.LPBlocLeftPoints { display:table-cell; width:70%; margin:0; float:left; }
.LPBlocLeftPointsInside { display:block; float:left; width:90%; margin:0 5% 0 5%; margin-top:30px; position:relative; }
.LPBlocLeftPointsInside h2 { color:#222222; font-family:'Open Sans Condensed', Helvetica, Arial; font-weight:700; font-size:25px; text-align:left; border-left:3px solid #44a6d4; padding-left:15px; }
.LPBlocLeftPointsInside p { color:#6b6b6b; font-family:'rajdhani', sans-serif; font-style: normal; font-size:18px; text-align:justify; }
.LPBlocRightPoints { display:table-cell; vertical-align: middle; height:100%; width:25%; margin:0 5% 0 0%; float:left; }
.LPBlocRightPoints div { display:block; position: absolute; top: 50%; transform: translateY(-50%); }

.LPBlocForce { display:block; float:left; width:90%; margin:30px 5% 30px 5%; position:relative; }
.LPBlocForce h2 { width:100%; color:#ffffff; font-family:'Open Sans Condensed', Helvetica, Arial; font-weight:700; font-size:25px; text-align:center; margin-top:0px; }
.LPBlocForce .BlocTiers { display:block; float:left; width:33.333333%; margin-top:40px; }
.LPBlocForce .BlocTiers img { vertical-align:top; width:30%; }
.LPBlocForce .BlocTiers p { clear:both; font-family:'Open Sans Condensed', Helvetica, Arial; font-weight:700; font-size:20px; color:#ffffff; text-align:center; padding:20px 0 0 0; margin:0; }
.LPBlocForce .BlocTiers span { text-align:center; padding:0 10px; color:#ffffff; font-family:'rajdhani', sans-serif; font-style: normal; font-size:18px; }

.LPConfianceBlock { display:block; float:left; width:20%; }

.BGBlanc { background-color:#ffffff; }
.BGBleu { background-color:#44a6d4; }
.BGNoir { background-color:#222222; }





.LPFormTop { display:block; float:left; width:100%; background-color:#44a6d4; }
.LPFormTop p {  font-family:'Source Sans Pro', Helvetica, Arial; font-weight:900; font-size:35px; color:#ffffff; text-align:center; padding:20px 0 20px 0; margin:0; }
.LPFormFleche { display:block; float:left; width:100%; background-color:#ffffff; }
.LPFormForm { display:block; float:left; width:100%; background-color:#ffffff; }
   
.LPTitre { display:block; width:100%; color:#ffffff; padding:0 10px; font-size:36px; font-family:'Source Sans Pro', Helvetica, Arial; font-weight:900; text-align:center; margin-top:90px; }
.LPSousTitre { display:block; width:100%; color:#44a6d4; padding:0 10px; font-size:22px; font-family:'rajdhani', sans-serif; font-style: normal; text-align:center; }
.LPSousTitre::after { display:block; margin:15px auto 0 auto; border-bottom:1px solid #ffffff; width:40%; content: " "; }
.LPSousTitreNoir { color:#eeeeee; font-family:'rajdhani', sans-serif; font-style: normal; font-size:18px; text-align:center; width:70%; display:block; margin:0px auto 25px auto; }
.LPSousTitreNoir::after { display:block; margin:15px auto 0 auto; border-bottom:3px solid #ffffff; width:15%; content: " "; }
.LPSousTitreBleu { color:#6b6b6b; font-family:'rajdhani', sans-serif; font-style: normal; font-size:18px; text-align:center; width:70%; display:block; margin:0px auto 25px auto; }
.LPSousTitreBleu::after { display:block; margin:15px auto 0 auto; border-bottom:3px solid #44a6d4; width:15%; content: " "; }
.LPTitreConfiance { width:100%; color:#44a6d4; font-family:'Open Sans Condensed', Helvetica, Arial; font-weight:700; font-size:25px; text-align:center; }

.LPfeature-list { padding: 0px; float: left;  width: 100%; margin: 25px 0 25px 0; }
.LPfeature-list li { list-style: none; width: 100%; float: left; margin-bottom: 15px; }
.LPfeature-bullet { border-radius: 50%; color: #fff; font-size: 24px; font-size: 2.4rem; font-weight: bold; height: 45px; float: left; line-height: 44px; text-align: center; width: 45px; background: #44a6d4; }
.LPfeature-content { width: 80%; margin-left: 20px; float: left; }
.LPfeature-content p { margin:0; color:#222222; font-family:'Open Sans Condensed', Helvetica, Arial; font-weight:700; font-size:20px; text-align:left; }
.LPfeature-content span { margin:0; color:#6b6b6b; font-family:'rajdhani', sans-serif; font-style: normal; font-size:18px; text-align:left; }


#LPformulaire .grid_3 { margin:0 2%; }
#LPformulaire .grid_6 { width:46%; margin:2% 2%; }
#LPformulaire .grid_12 { width:96%; margin:2% 2%; }

#LPformulaire ::-webkit-input-placeholder 	{ font-style: italic; }
#LPformulaire input:-moz-placeholder,
#LPformulaire textarea:-moz-placeholder,
#LPformulaire input, select 				{ outline: none; }
#LPformulaire #ccab, .ccab 	{ visibility: hidden; display:  none;}


/* all the input except submit and checkbox */
#LPformulaire input:not([type="checkbox"]) 		{ background-color:transparent; color:#222222; width: 96%; margin-top: 4px; padding: 5px 2% 5px 2%; border:none; border-bottom: 1px solid #cccccc; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#LPformulaire input:not([type="checkbox"]):active,
#LPformulaire input:not([type="checkbox"]):focus 	{ border:none; border-bottom: 1px solid #44a6d4; background-color:transparent;  color:#44a6d4; } 

/* all the textarea */
#LPformulaire textarea 		{ font-family:'Open Sans Condensed', Helvetica, Arial; color:#cccccc; font-weight: 300; font-size:17px; background-color:transparent; color:#222222; width: 96%; height:155px; margin-top: 4px; padding: 10px 2% 10px 10px; border:none; border: 1px solid #cccccc; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#LPformulaire textarea:active,
#LPformulaire textarea:focus 	{ border: 1px solid #44a6d4; background-color:transparent; color:#44a6d4;  } 

/* all the select */
#LPformulaire select 		{  background-color:transparent; color:#222222; width: 96%; margin-top: 4px; padding: 10px 2% 8px 2%;  border:none; border-bottom: 1px solid #cccccc; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box;   -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#LPformulaire select:active,
#LPformulaire select:focus  {  border:none; border-bottom: 1px solid #44a6d4; background-color:transparent; color:#44a6d4;  } 
#LPformulaire select option:first-child		{ color:#757575; font-style: italic; } 
#LPformulaire select  { color: #999999; }
#LPformulaire select option { color: #222222; }
#LPformulaire select option:first-child { color: #999999; }
#LPformulaire select option.color { color: #222222; }
#LPformulaire select option:selected { color: #222222; }

/* all the input type radio */
#LPformulaire ul li input[type=radio] { position: absolute; visibility: hidden; }
#LPformulaire input[type=radio]:checked ~ .check { border: 3px solid #ffffff; }
#LPformulaire input[type=radio]:checked ~ .check::before {  background: #ffffff; }
#LPformulaire input[type=radio]:checked ~ label { color: #222222; }

/* all the input type checkbox */
#LPformulaire [type="checkbox"]:not(:checked),
#LPformulaire [type="checkbox"]:checked {  position: absolute; left: -9999px; opacity: 0; }
#LPformulaire [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 23px; cursor: pointer; color: #222222; padding-top:3px; font-size:14px; }
#LPformulaire [type="checkbox"]:checked + label { position: relative; padding-left: 23px; cursor: pointer; color: #222222; padding-top:3px; font-size:14px; }

/* checkbox aspect */
#LPformulaire [type="checkbox"]:not(:checked) + label:before,
#LPformulaire [type="checkbox"]:checked + label:before  { content: '';  position: absolute; left:0; top: 6px; width: 13px; height: 13px; border: 1px solid #333;  background: transparent; box-shadow: inset 0 0px 0px rgba(0,0,0,.3) }
/* checked mark aspect */
#LPformulaire [type="checkbox"]:not(:checked) + label:after,
#LPformulaire [type="checkbox"]:checked + label:after  {  content: '✔';  position: absolute;  top: 9px; left: 3px; font-size: 12px; line-height: 0.8;  color: #222222; transition: all .2s; }
#LPformulaire [type="checkbox"]:not(:checked) + label:before { border: 1px solid #ffffff; }
#LPformulaire [type="checkbox"]:checked + label:before { border: 1px solid #ffffff; }
/* checked mark aspect changes */
#LPformulaire [type="checkbox"]:not(:checked) + label:after { opacity: 0;  transform: scale(0); }
#LPformulaire [type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1); }
/* accessibility */
#LPformulaire [type="checkbox"]:checked:focus + label:before,
#LPformulaire [type="checkbox"]:not(:checked):focus + label:before { border: 3px solid #ffffff; }

/* all the label */
#LPformulaire ul li label { display: block; position: relative; font-weight: 300; font-size: 15px;  padding: 0px 18px 25px 37px; margin: 0px auto; /*height: 30px;*/ z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
#LPformulaire ul li:hover label { color: #222222; }

#LPformulaire ul li label.small { display: block; position: relative; font-weight: 300; font-size: 15px;  padding: 0px 18px 0px 37px; margin: 0px auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
#LPformulaire ul li:hover label.small { color: #222222; }

#LPformulaire ul li .check { display: block; position: absolute; border: 3px solid #ffffff; border-radius: 100%;  height: 13px;  width: 13px;  top: 0px; left: 0px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
#LPformulaire ul li:hover .check { border: 3px solid #ffffff; }
#LPformulaire ul li .check::before {  display: block; position: absolute; content: ''; border-radius: 100%; height: 5px; width: 5px; top: 4px; left: 4px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }

/*Submit buttons */
#LPformulaire input.buttonSubmit 		 { width: auto! !important; height:26px; cursor: pointer; background-color:#44a6d4; padding: 8px 5px; color: #ffffff; font-size: 15px; letter-spacing:1px; border: 1px #44a6d4 solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#LPformulaire input:hover.buttonSubmit { background-color:#222222; border: 1px solid #ffffff; color:#ffffff; }
#LPformulaire input:active.buttonSubmit,
#LPformulaire input:focus.buttonSubmit { background-color:transparent; border: 1px solid #222222; color:#222222; }




/******************************/
/*  FOOTER                    */
/******************************/
footer											{ clear:both; width:100%;  background:#222222 url("../upload/tinymce/image/background-noir.png") repeat 0 0; padding:0;  position:relative; bottom:0; height:auto; float:left; display:block; z-index: 30; }
footer::before 									{ content: ""; background:transparent url("../upload/tinymce/image/hebergement-site-internet-france.png") no-repeat right 30px top 0px; width:100%; height:300px; position:absolute; bottom:0; }
footer #footerinside 							{ display:block; position:relative; width: 100%; max-width: 1280px;  margin:100px auto 30px auto; height:200px; }
footer #footerinside ul 						{ color: #ffffff; display:block; float:left; position:relative; width:17%; list-style-type:none; margin-right:2%; padding-right:1%; }
footer #footerinside ul:first-child						{ color: #ffffff; display:block; float:left; position:relative; width:40%; list-style-type:none; margin-right:2%; padding-right:1%; }

footer #footerinside ul.last		 			{ margin-right:0%; padding-right:0%; }
footer #footerinside ul.navigation li 			{ color: #dbdcda; text-decoration: none; line-height:20px; font-size:14px; width:50%; float:left; }
footer #footerinside ul li.first 				{ color: #ffffff; text-decoration: none; line-height:20px;   font-size:15px; font-weight:bold; width:100%; }
footer #footerinside ul li 						{ color: #dbdcda; text-decoration: none; line-height:20px; font-size:14px; }
footer #footerinside ul li a, 
footer #footerinside ul li a:link 				{ color: #dbdcda; text-decoration: none; font-size:14px; }
footer #footerinside ul li a:hover 				{ color: #dbdcda; border-bottom:1px dotted #fff }
footer #footerinside ul li.FooterReseauxSociaux { position:relative; display:block; float:left; width:100%; height:100%; margin-left:-17px;}


footer ul.right 			{ clear:both; display:block; position:absolute; width:99%; list-style-type:none; margin-right:1%; right:0; bottom:0; margin-bottom:10px; margin-top:20px; float:left; text-align:right; }
footer ul.right li 			{ text-align:right; color:#FFF; font-size:12px; float:right; }
footer ul.right li a, 
footer ul.right li a:link 	{ color: #ffffff; text-decoration: none;  font-size:12px; text-align:right; }
footer ul.right li a:hover 	{ color: #ffffff; border-bottom:1px dotted #fff }


@media only screen and (min-width: 1301px) and (max-width: 1700px) {
	.TexteBlockImage { display:block; margin-left:0; height: 100vh; width: 60%;  background-size:cover; background-position:center top; }
.TexteBlockImage img { width: 100%; height:100%; position: relative; z-index:2; }
.TexteBlockTitre { z-index:3; }
.TexteBlockCitation { z-index:3; }
.TexteBlockTexte { z-index:3; width:45%; top:40%; }

.BlocTexteBouton .BlocTexteBoutonInside { width:90%; }

.TexteBlockContact { z-index:3; }
.TexteBlockContact p { z-index:3; }
.TexteBlockTexteContact { z-index:3; top: 28%; left: 56%; width: 41%; }
.TexteBlockTexteAnnexe { margin: 5% 5% 5% 5%; width: 90%; }

}

@media only screen and (min-width: 991px) and (max-width: 1300px) {
/******************************/
/*  TEXTES		 		      */
/******************************/
.TexteBlockImage { display:block; margin-left:0; height: 100vh; width: 60%;  background-size:cover; background-position:center top; }
.TexteBlockImage img { width: 100%; height:100%; position: relative; z-index:2; }
.TexteBlockTitre { z-index:3; }
.TexteBlockCitation { z-index:3; }
.TexteBlockTexte { z-index:3; width:45%; top:40%; }

.BlocTexteBouton .BlocTexteBoutonInside { width:90%; }

.TexteBlockContact { z-index:3; }
.TexteBlockContact p { z-index:3; }
.TexteBlockTexteContact { z-index:3; left: 57%; }
.TexteBlockTexteAnnexe { margin: 5% 5% 5% 5%; width: 90%; }
}
    
@media only screen and (min-width: 991px) and (max-width: 1250px) {
/******************************/
/*  RGPD ACCUEIL  		      */
/******************************/
.RGPDAccueil { width:90%; margin:0 5%; }
.RGPDAccueil a { position :relative; right:inherit; top:inherit; margin: 30px auto 0 auto; }
.RGPDAccueil .grid_3 { width:99%; }
.RGPDAccueil .grid_6 { width:99%; }
.rgpd { padding:2em 0; }
.rgpd .grid_6 p { text-align: justify; }
/******************************/
/*  FOOTER		 		      */
/******************************/
footer #footerinside { width: 95%; margin: 90px auto 30px auto; }
/******************************/
/*  LANDING PAGE              */
/******************************/
.LPTop { height:85vh; }
.LPBlock { width:90%; margin:0 5%; }
.LPTitre { padding:0; font-size:25px; }
.LPSousTitre { font-size:19px; padding:0; }
.LPFormTop p { font-size:23px; }
.LPTopLeft { margin-top:20px; }
.LPTopRight { margin-top:20px; }
.LPSuiteBlockInside { float:left; margin:0 auto 20px auto; }
.LPSuiteBlockInsideSuite { width:90%; margin:0 5%; }
.LPBlocRightPoints div img { width:90%; } 
.LPConfianceBlock a img { width:80%; }
.LPSuiteBlockInsideSuite .grid_2 { width:5%; margin:0; }
.LPSuiteBlockInsideSuite .grid_3 { width:42.5%; margin:0; }
}

@media only screen and (min-width: 791px) and (max-width: 990px) {
/******************************/
/*  HEADER				      */
/******************************/
header div#Logo a { width:80px; height:85px; }
/******************************/
/*  COMPETENCES ACCUEIL       */
/******************************/
.CompetencesAccueilGlobal { height:inherit; }
.CompetencesAccueilLeft { width:100%; background-size:contain; }
.CompetencesAccueilRight { width:100%; height: auto !important; margin-top: 20px; }
.CompetencesAccueilRightInside { width: 100%; height: auto !important; transform: translate(0%,0vh); }
.CompetencesAccueilRightInsideBottom { width: 95%; height: auto !important; margin-top: 10px; margin-left: 5%; }
.ReaalisationsCompetences {margin-bottom:30px; width:95%; }
/******************************/
/*  RGPD ACCUEIL  		      */
/******************************/
.RGPDAccueil { width:90%; margin:0 5%; }
.RGPDAccueil a { position :relative; right:inherit; top:inherit; margin: 30px auto 0 auto; }
.RGPDAccueil .grid_3 { width:99%; }
.RGPDAccueil .grid_6 { width:99%; }
.rgpd { padding:2em 0; }
.rgpd .grid_6 p { text-align: justify; }
/******************************/
/*  FOOTER		 		      */
/******************************/
footer::before { background: transparent url("../upload/tinymce/image/chouette.png") no-repeat right 30px top 30px; height:100%; }
footer #footerinside { margin: 90px auto 30px auto; width: 100%; }
footer #footerinside ul:first-child { margin-left:5%; margin-right:5%; width:90%; }
footer #footerinside ul li { text-align:justify; }
footer #footerinside ul { margin-left:5%; margin-right:5%; width:90%; }
footer #footerinside ul.last { margin-left:5%; margin-right:5%; width:90%; }
footer ul.right { position: relative; width: 98%; margin-left:1%;  margin-right: 1%; right: inherit; bottom: inherit; margin-bottom: 10px;  margin-top: 20px; float: left; }
footer ul.right li { font-size:10px; }
/******************************/
/*  TEXTES		 		      */
/******************************/
.TexteBlock { height:auto !important; }
.TexteBlockImage { margin-left:0; height:auto !important; width:50%; }
.TexteBlockImage img { width:100%; }
.TexteBlockTitre { top:19%; }
.TexteBlockTitre h2 { font-size:35px; }
.TexteBlockTexte { display: block; position: relative; float:left; top: inherit; left: inherit; width: 90%; margin-left:5%; margin-top: 3%; }
.TexteBlockCitation { top: 29%; left: 50%; margin-left:5%; width:35%; }
.TexteBlockCitation p { font-size:16px; }
.BlocTexteBouton { margin-top: 0px; margin-bottom: 20px; }
.TexteBlockContact { top: 23%; left:54%; }
.TexteBlockContact p { font-size: 15px;  padding: 10px; line-height: 18px; }
.TexteBlockTexteContact { display: block; position: relative; float:left; top: inherit; left: inherit; width: 90%; margin-left:5%; }
.TexteBlockTexteAnnexe { margin: 5% 5% 5% 5%; width: 90%; }
/******************************/
/******************************/
/*  REALISATION DETAIL        */
/******************************/
.DetailRealisation { height:inherit; }
.DetailRealisation .BackgroundImage { background-size:contain; }
.DetailRealisationTexteInside h2 { font-size:18px; }
.DetailRealisationInside { display:block; }
.DetailRealisationTexte { width:94%; margin:380px 3% 30px 3%; }
.DetailRealisationImage { width:94%; margin:0px 3% 30px 3%; }
.DetailRealisationTexteInsideBlockLeft,
.DetailRealisationTexteInsideBlockRight { width:100%; margin:0; }
/******************************/
/*  LISTE TEMOIGNAGES         */
/******************************/
.ListeTemoignages .sc_testimonials_item_content { width:100%; }
/******************************/
/*  SUIVANT/PRECEDENT         */
/******************************/
.ArticlePrecedent { margin: 0px 0 20px 3%; }
.ArticleSuivant { margin: 0px 3% 20px 0; }
/******************************/
/*  LANDING PAGE              */
/******************************/
.LPTop { height:100vh; }
.LPBlock { width:90%; margin:0 5%; }
.LPTitre { padding:0; font-size:25px; }
.LPSousTitre { font-size:19px; padding:0; }
.LPFormTop p { font-size:23px; }
.LPTopLeft { margin-top:20px; }
.LPTopRight { margin-top:20px; }
.LPSuiteBlockInside { float:left; margin:0 auto 20px auto; }
.LPSuiteBlockInsideSuite { width:90%; margin:0 5%; }
.LPBlocRightPoints div img { width:90%; } 
.LPConfianceBlock a img { width:80%; }
/*Redimentionnement ReCaptcha */
#LPformulaire .grid_12 { margin:1% 2%; }
#LPformulaire #rc-imageselect,  #LPformulaire .g-recaptcha { transform:scale(0.6); transform-origin:0; transform:scale(0.6); transform-origin:0 0; -webkit-transform:scale(0.6); transform:scale(0.6); -webkit-transform-origin:0 0; transform-origin:0 0;  }
}

@media only screen and (min-width: 511px) and (max-width: 790px) {
img.Responsive	{ width:100%; }
img.VersionPC { display:none; }
img.VersionMobile { display:block; }
/******************************/
/*  HEADER				      */
/******************************/
header div#Logo a { width:80px; height:85px; margin-top:9px; margin-left:9px; }
/******************************/
/*  COMPETENCES ACCUEIL       */
/******************************/
.CompetencesAccueilGlobal { height:inherit; }
.CompetencesAccueilLeft { width:100%; background-position: center center; }
.CompetencesAccueilRight { width:100%; height: auto !important; }
.CompetencesAccueilRightInside { width: 100%; height: auto !important; transform: translate(0%,0vh); }
.CompetencesAccueilRightInsideBottom { width: 95%; height: auto !important; margin-top: 10px; margin-left: 5%; }
.ReaalisationsCompetences {margin-bottom:30px; width:95%; }
/******************************/
/*  DEVIS ACCUEIL     		  */
/******************************/
.DevisAccueil .grid_9 { display:none; }
.DevisAccueil .grid_3 { width:99%; }
.DevisAccueil a { position: relative; right: inherit; top: inherit; margin-top: -inherit; margin: 0 auto 30px auto; }
/******************************/
/*  RGPD ACCUEIL  		      */
/******************************/
.RGPDAccueil { width:90%; margin:0 5%; }
.RGPDAccueil .grid_3 img.Responsive	{ width:auto !important; }
.RGPDAccueil a { position :relative; right:inherit; top:inherit; margin: 30px auto 0 auto; }
.RGPDAccueil .grid_3 { width:99%; }
.RGPDAccueil .grid_6 { width:99%; }
.rgpd { padding:2em 0; }
.rgpd .grid_6 p { text-align: justify; }
/******************************/
/*  TEMOIGNAGES ACCUEIL       */
/******************************/
.TemoignagesAccueil h2 { margin-top: 80px; margin-bottom: 55px; }
/******************************/
/*  FOOTER		 		      */
/******************************/
footer::before { background: transparent url("../upload/tinymce/image/chouette.png") no-repeat right 30px top 30px; height:100%; }
footer #footerinside { margin: 90px auto 30px auto; width: 100%; }
footer #footerinside ul:first-child { margin-left:5%; margin-right:5%; width:90%; }
footer #footerinside ul li { text-align:justify; }
footer #footerinside ul { margin-left:5%; margin-right:5%; width:90%; }
footer #footerinside ul.last { margin-left:5%; margin-right:5%; width:90%; }
footer ul.right { position: relative; width: 98%; margin-left:1%;  margin-right: 1%; right: inherit; bottom: inherit; margin-bottom: 10px;  margin-top: 20px; float: left; }
footer ul.right li { font-size:10px; }
/******************************/
/*  TEXTES		 		      */
/******************************/
.TexteBlock { height:auto !important; }
.TexteBlockImage { margin-left:0; height:auto !important; width:60%; }
.TexteBlockImage img { width:100%; }
.TexteBlockTitre { top:19%; }
.TexteBlockTitre h2 { font-size:28px; }
.TexteBlockTexte { display: block; position: relative; float:left; top: inherit; left: inherit; width: 90%; margin-left:5%; margin-top: 3%; }
.TexteBlockCitation { top: 29%; left: 55%; margin-left:5%; }
.TexteBlockCitation p { font-size:16px; }
.BlocTexteBouton { margin-top: 0px; margin-bottom: 20px; }
.TexteBlockContact { top: 23%; left:54%; }
.TexteBlockContact p { font-size: 15px;  padding: 10px; line-height: 18px; }
.TexteBlockTexteContact { display: block; position: relative; float:left; top: inherit; left: inherit; width: 90%; margin-left:5%; }
.TexteBlockTexteAnnexe { margin: 5% 5% 5% 5%; width: 90%; }
.TexteBlockTexteAnnexe .grid_4 { width:100%; margin:0; }
/******************************/
/*  REALISATION DETAIL        */
/******************************/
.DetailRealisation { height:inherit; }
.DetailRealisation .BackgroundImage { background-size:contain; }
.DetailRealisationTexteInside h2 { font-size:18px; }
.DetailRealisationInside { display:block; }
.DetailRealisationTexte { width:94%; margin:380px 3% 30px 3%; }
.DetailRealisationImage { width:94%; margin:0px 3% 30px 3%; }
.DetailRealisationTexteInsideBlockLeft,
.DetailRealisationTexteInsideBlockRight { width:100%; margin:0; }
/******************************/
/*  LISTE TEMOIGNAGES         */
/******************************/
.ListeTemoignages .sc_testimonials_item { width:48%; }
/******************************/
/*  SUIVANT/PRECEDENT         */
/******************************/
.ArticlePrecedent { margin: 0px 0 20px 3%; }
.ArticleSuivant { margin: 0px 3% 20px 0; }
/******************************/
/*  LANDING PAGE              */
/******************************/
.LPTop { height:inherit; }
.LPBlock { width:90%; margin:0 5%; }
.LPTitre { padding:0; }
.LPSousTitre { font-size:19px; padding:0; }
.LPTopLeft { width: 100%; margin-top: 20px; }
.LPTopRight { width: 100%; margin-top: 20px; margin-bottom: 20px; }
.LPTopRightInside { width: 100%; margin: 0; }
.LPSuiteBlockInside { float:left; margin:0 auto 20px auto; }
.LPSuiteBlockInsideSuite { width:90%; margin:0 5%; }
.LPBlocLeftPoints  { display:block; width: 100%; }
.LPBlocRightPoints  { display:block; width: 100%; margin:0; }
.LPBlocRightPoints div { position:relative; display:block; top:inherit; transform:translateY(0%);} 
.LPBlocRightPoints div img { width:90%; } 
.LPBlocForce .BlocTiers { width:33.333333%; }
.LPConfianceBlock a img { width:80%; }
.LPSuiteBlockInsideSuite .grid_2 { width:2%; margin:0; }
.LPSuiteBlockInsideSuite .grid_3 { width:47%; margin:0; }
.BlocTiers:nth-child(5n+1) { clear:both; }
}


@media only screen and (min-width: 421px) and (max-width: 510px) {
.grid_3 { width:32.33333333333333%; }
img.Responsive	{ width:100%; }
img.VersionPC { display:none; }
img.VersionMobile { display:block; }
/******************************/
/*  HEADER				      */
/******************************/
header.sticky { position:absolute; }
header div#Logo a { width:66px; height:70px; margin-top:9px; margin-left:9px; }
/******************************/
/*  BACK TO TOP			      */
/******************************/
a.BackToTop, a:link.BackToTop { right: 10px; bottom: 10px; }
/******************************/
/*  COMPETENCES ACCUEIL       */
/******************************/
.CompetencesAccueilGlobal { height:auto !important; }
.CompetencesAccueilLeft { width:100%; background-size:contain; }
.CompetencesAccueilRight { width:100%; height: auto !important; margin-top: 30px; }
.CompetencesAccueilRightInside { width: 100%; height: auto !important; transform: translate(0%,0vh); }
.CompetencesAccueilRightInsideBottom { width: 95%; height: auto !important; margin-top: 10px; margin-left: 5%; }
.ReaalisationsCompetences {margin-bottom:30px; width:95%; }
/******************************/
/*  DEVIS ACCUEIL     		  */
/******************************/
.DevisAccueil .grid_9 { display:none; }
.DevisAccueil .grid_3 { width:99%; }
.DevisAccueil a { position: relative; right: inherit; top: inherit; margin-top: -inherit; margin: 0 auto 30px auto; }
/******************************/
/*  TEMOIGNAGES ACCUEIL       */
/******************************/
.TemoignagesAccueil h2 { font-size: 30px; margin-top: 40px; margin-bottom: 40px; }
/******************************/
/*  RGPD ACCUEIL  		      */
/******************************/
.RGPDAccueil { width:90%; margin:0 5%; }
.RGPDAccueil a { position :relative; right:inherit; top:inherit; margin: 30px auto 0 auto; }
.RGPDAccueil .grid_3 { width:99%; }
.RGPDAccueil .grid_6 { width:99%; }
.rgpd { padding:2em 0; }
.rgpd .grid_6 p { text-align: justify; }
/******************************/
/*  FOOTER		 		      */
/******************************/
footer::before { background:none; }
footer #footerinside { margin: 50px auto 30px auto; width: 100%; }
footer #footerinside ul:first-child { margin-left:5%; margin-right:5%; width:90%; }
footer #footerinside ul li { text-align:justify; }
footer #footerinside ul { margin-left:5%; margin-right:5%; width:90%; }
footer #footerinside ul.last { margin-left:5%; margin-right:5%; width:90%; }
footer ul.right { position: relative; width: 98%; margin-left:1%;  margin-right: 1%; right: inherit; bottom: inherit; margin-bottom: 10px;  margin-top: 20px; float: left; }
footer ul.right li { font-size:10px; }
/******************************/
/*  TEXTES		 		      */
/******************************/
.TexteBlock { height:auto !important; }
.TexteBlockImage { margin-left:0; }
.TexteBlockImage img { width:100%; }
.TexteBlockTitre { top:14%; left:20%; }
.TexteBlockTexte { display: block; position: relative; float:left; top: inherit; left: inherit; width: 90%; margin-left:5%; }
.TexteBlockCitation { display: block; position: relative; float: left; top: inherit; left: inherit; width: 90%; margin-left:5%; margin-top: 15%; }
.TexteBlockCitation p { font-size:16px; }
.BlocTexteBouton { width:100%; margin-top: 0px; margin-bottom: 20px; }
.BannerTexte img { width:200%; margin-left:-50%; }
.BannerTexte h2 { font-size:1.5em; top:55%; }
.TexteBlockContact { top: 30%; }
.TexteBlockContact p { font-size: 13px;  padding: 10px; line-height: 14px; }
.TexteBlockTexteContact { display: block; position: relative; float:left; top: inherit; left: inherit; width: 90%; margin-left:5%; margin-top:80px; }
.TexteBlockTexteAnnexe { margin: 5% 5% 5% 5%; width: 90%; }
.TexteBlockTexteAnnexe .grid_4 { width:100%; margin:0; }
/******************************/
/*  REALISATION DETAIL        */
/******************************/
.DetailRealisation { height:inherit; }
.DetailRealisation .BackgroundImage { background-size:contain; }
.DetailRealisationTexteInside h2 { font-size:18px; }
.DetailRealisationInside { display:block; }
.DetailRealisationTexte { width:94%; margin:210px 3% 30px 3%; }
.DetailRealisationImage { width:94%; margin:0px 3% 30px 3%; }
.DetailRealisationTexteInsideBlockLeft,
.DetailRealisationTexteInsideBlockRight { width:100%; margin:0; }
/******************************/
/*  LISTE TEMOIGNAGES         */
/******************************/
.ListeTemoignages .sc_testimonials_item { width:98%; }
/******************************/
/*  SUIVANT/PRECEDENT         */
/******************************/
.ArticlePrecedent { margin: 0px 0 20px 3%; }
.ArticleSuivant { margin: 0px 3% 20px 0; }
/******************************/
/*  LANDING PAGE              */
/******************************/
.LPTop { height:inherit; }
.LPFormTop p { font-size:30px; }
.LPBlock { width:90%; margin:0 5%; }
.LPTitre { font-size:18px; margin-top: 100px; padding:0; }
.LPSousTitre { font-size:15px; padding:0; }
.LPTopLeft { width: 100%; margin-top: 20px; }
.LPTopRight { width: 100%; margin-top: 20px; margin-bottom: 20px; }
.LPTopRightInside { width: 100%; margin: 0; }
.LPTopSuite .LPBlockTiers { width: 100%; }
.LPSuiteBlockInside { float:left; margin:0 auto 20px auto; }
.LPSuiteBlockInsideSuite { width:90%; margin:0 5%; }
.LPBlocLeftPoints  { display:block; width: 100%; }
.LPBlocLeftPointsInside h2 { font-size:20px; }
.LPBlocLeftPointsInside p { font-size:16px; }
.LPfeature-content { width:70%; }
.LPBlocRightPoints  { display:block; width: 100%; margin:0; }
.LPBlocRightPoints div { position:relative; display:block; top:inherit; transform:translateY(0%);} 
.LPBlocRightPoints div img { width:90%; } 
.LPBlocForce h2 { font-size:20px; }
.LPSousTitreNoir { font-size:16px; width:90%; }
.LPBlocForce .BlocTiers { width:100%; }
.LPTitreConfiance { font-size:20px; }
.LPSousTitreBleu { font-size:16px; width:90%; }
.LPConfianceBlock  { width:100%; }
.LPSuiteBlockInsideSuite .grid_2 { width:100%; margin:0; }
.LPSuiteBlockInsideSuite .grid_3 { width:100%; margin:0; }
}


@media only screen and (max-width: 420px) {
.grid_3 { width:49%; }
img.Responsive	{ width:100%; }
img.VersionPC { display:none; }
img.VersionMobile { display:block; }
/******************************/
/*  HEADER				      */
/******************************/
header.sticky { position:absolute; }
header div#Logo a { width:66px; height:70px; margin-top:9px; margin-left:9px; }
/******************************/
/*  BACK TO TOP			      */
/******************************/
a.BackToTop, a:link.BackToTop { right: 10px; bottom: 10px; }
/******************************/
/*  COMPETENCES ACCUEIL       */
/******************************/
.CompetencesAccueilGlobal { height:inherit; }
.CompetencesAccueilLeft { width:100%; background-position: center center; }
.CompetencesAccueilRight { width:100%; height: auto !important; }
.CompetencesAccueilRightInside { width: 100%; height: auto !important; transform: translate(0%,0vh); }
.CompetencesAccueilRightInsideBottom { width: 95%; height: auto !important; margin-top: 10px; margin-left: 5%; }
.ReaalisationsCompetences {margin-bottom:30px; width:95%; }
/******************************/
/*  TEMOIGNAGES ACCUEIL       */
/******************************/
.TemoignagesAccueil h2 { font-size: 19px; margin-top: 40px; margin-bottom: 40px; }
/******************************/
/*  DEVIS ACCUEIL     		  */
/******************************/
.DevisAccueil .grid_9 { display:none; }
.DevisAccueil .grid_3 { width:99%; }
.DevisAccueil a { position: relative; right: inherit; top: inherit; margin-top: -inherit; margin: 0 auto 30px auto; }
/******************************/
/*  RGPD ACCUEIL  		      */
/******************************/
.RGPDAccueil { width:90%; margin:0 5%; }
.RGPDAccueil a { position :relative; right:inherit; top:inherit; margin: 30px auto 0 auto; }
.RGPDAccueil .grid_3 { width:99%; }
.RGPDAccueil .grid_6 { width:99%; }
.rgpd { padding:2em 0; }
.rgpd .grid_6 p { text-align: justify; }
/******************************/
/*  FOOTER		 		      */
/******************************/
footer::before { background:none; }
footer #footerinside { margin: 50px auto 30px auto; width: 100%; }
footer #footerinside ul:first-child { margin-left:5%; margin-right:5%; width:90%; }
footer #footerinside ul li { text-align:justify; }
footer #footerinside ul { margin-left:5%; margin-right:5%; width:90%; }
footer #footerinside ul.last { margin-left:5%; margin-right:5%; width:90%; }
footer ul.right { position: relative; width: 98%; margin-left:1%;  margin-right: 1%; right: inherit; bottom: inherit; margin-bottom: 10px;  margin-top: 20px; float: left; }
footer ul.right li { font-size:10px; }
/******************************/
/*  TEXTES		 		      */
/******************************/
.TexteBlock { height:auto !important; }
.TexteBlockImage { margin-left:0; height:auto !important; }
.TexteBlockImage img { width:100%; }
.TexteBlockTitre { top:14%; }
.TexteBlockTitre h2 { font-size:28px; }
.TexteBlockTexte { display: block; position: relative; float:left; top: inherit; left: inherit; width: 90%; margin-left:5%; }
.TexteBlockCitation { display: block; position: relative; float: left; top: inherit; left: inherit; width: 90%; margin-left:5%; margin-top: 19%; }
.TexteBlockCitation p { font-size:16px; }
.BlocTexteBouton { width:100%; margin-top: 0px; margin-bottom: 20px; }
.BannerTexte img { width:200%; margin-left:-50%; }
.BannerTexte h2 { font-size:1.5em; top:55%; }
.TexteBlockContact { top: 26%; }
.TexteBlockContact p { font-size: 13px;  padding: 10px; line-height: 14px; }
.TexteBlockTexteContact { display: block; position: relative; float:left; top: inherit; left: inherit; width: 90%; margin-left:5%; }
.TexteBlockTexteAnnexe { margin: 5% 5% 5% 5%; width: 90%; }
.TexteBlockTexteAnnexe .grid_4 { width:100%; margin:0; }
/******************************/
/*  CITATIONS SOUS TEXTES     */
/******************************/
.BlocTexteCitation {  padding: 5em 0em 2em 0; }
.BlocTexteCitationInside::before { top:0.5em; }
.BlocTexteCitationInside::after { top: -0.6em; left: 13%; font-size: 7em; }
.BlocTexteCitationInside p { font-size:16px; line-height: 25px; }
/******************************/
/*  REALISATION DETAIL        */
/******************************/
.DetailRealisation { height:inherit; }
.DetailRealisation .BackgroundImage { background-size:contain; }
.DetailRealisationTexteInside h2 { font-size:18px; }
.DetailRealisationInside { display:block; }
.DetailRealisationTexte { width:94%; margin:210px 3% 30px 3%; }
.DetailRealisationImage { width:94%; margin:0px 3% 30px 3%; }
.DetailRealisationTexteInsideBlockLeft,
.DetailRealisationTexteInsideBlockRight { width:100%; margin:0; }
/******************************/
/*  LISTE TEMOIGNAGES         */
/******************************/
.ListeTemoignages .sc_testimonials_item { width:98%; }
/******************************/
/*  SUIVANT/PRECEDENT         */
/******************************/
.ArticlePrecedent { margin: 0px 0 20px 3%; }
.ArticleSuivant { margin: 0px 3% 20px 0; }
.ArticlePrecedent span,
.ArticleSuivant span { display:none; }
.ArticlePrecedent .petitmobile,
.ArticleSuivant .petitmobile { display:block; }
/******************************/
/*  LANDING PAGE              */
/******************************/
.LPTop { height:inherit; }
.LPFormTop p { font-size:30px; }
.LPBlock { width:90%; margin:0 5%; }
.LPTitre { font-size:18px; margin-top: 100px; padding:0; }
.LPSousTitre { font-size:15px; padding:0; }
.LPTopLeft { width: 100%; margin-top: 20px; }
.LPTopRight { width: 100%; margin-top: 20px; margin-bottom: 20px; }
.LPTopRightInside { width: 100%; margin: 0; }
.LPTopSuite .LPBlockTiers { width: 100%; }
.LPSuiteBlockInside { float:left; margin:0 auto 20px auto; }
.LPSuiteBlockInsideSuite { width:90%; margin:0 5%; }
.LPBlocLeftPoints  { display:block; width: 100%; }
.LPBlocLeftPointsInside h2 { font-size:20px; }
.LPBlocLeftPointsInside p { font-size:16px; }
.LPfeature-content { width:70%; }
.LPBlocRightPoints  { display:block; width: 100%; margin:0; }
.LPBlocRightPoints div { position:relative; display:block; top:inherit; transform:translateY(0%);} 
.LPBlocRightPoints div img { width:90%; } 
.LPBlocForce h2 { font-size:20px; }
.LPSousTitreNoir { font-size:16px; width:90%; }
.LPBlocForce .BlocTiers { width:100%; }
.LPTitreConfiance { font-size:20px; }
.LPSousTitreBleu { font-size:16px; width:90%; }
.LPConfianceBlock  { width:100%; }
.LPSuiteBlockInsideSuite .grid_2 { width:100%; margin:0; }
.LPSuiteBlockInsideSuite .grid_3 { width:100%; margin:0; }
}