@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
*{padding:0;margin:0;border:0;line-height:normal;text-decoration:none;vertical-align:top}
header,footer,article,nav,aside,section{display:block;overflow:hidden;zoom:1}


html{width:100%;height:100%;}
body{position:relative;font-size:12px;width:100%;font-family: 'Raleway', sans-serif;line-height:18px;color:#e2e4e5;}
p,ul li{line-height:18px}

u{text-decoration:underline}

a{color:#fff;transition:0.7s}
a:hover{text-decoration:underline}
.center{width:1000px;position:relative;margin:0 auto}

.left{float:left;}
.right{float:right}
.clear{clear:both;height:0;line-height:0;padding:0;border:0;margin:0;}

.nomargin{margin:0 !important}
.noborder{border:0 !important}
.nopadding{padding:0 !important}
.nodisplay{display:none}

.marginrigth{margin-right:15px}
.marginleft{margin-left:15px}
.margintop{margin-top:15px}
.marginbottom{margin-bottom:15px}

.textcenter{text-align:center}
.ErrorField{border:solid 1px red !important}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 0;
    bottom: 0;
    width: calc(100% - 40px);
    background-color: var(--purple);
    padding: 10px 20px;
    border-radius: 0;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 0;
   
    z-index:600;
    background-color:#000;
}
#gdpr-cookie-message h4 {
    color:#fff;
   
    font-size: 11px;
    font-weight: 400;
}
#gdpr-cookie-message h5 {
    color: var(--red);
   
    font-size: 11px;
    font-weight: 400;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 11px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 11px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
   
    font-size: 12px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type='checkbox'] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
-webkit-appearance : checkbox;
}
button#gdpr-cookie-accept{background-color:#002D57;color:#fff}
button#gdpr-cookie-accept:hover{background-color:#0256A3}
button#gdpr-cookie-advanced{background:unset}

#ErrorMsg{color:red;}
.isOk{background:url(/img/isok.png) left no-repeat;color:#64dd70;padding:5px 0 5px 30px;display:inline-block}

#Header .menumobile{display:none}
.grid-col-1{width:100%;
  display: grid;
  height:100%;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 5%;
  overflow:unset;
  }
  .grid-col-2{width:100%;
  display: flex;overflow:unset;align-items:center}
  .grid-col-2 > div{width:50%;}
  
  .grid-col-3{width:105%;
  display: flex;flex-wrap: wrap;margin:0 -2.5%;overflow:unset
  }
  .grid-col-3 > div{width:33.33%;}
  
    .grid-col-4{width:100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5%;
  height:100%;
 overflow:unset;}
 
 .row .deuxtiers{width:55%}
 .row  .untiers{width:45%}  
  
   .grid-col-5{width:100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 5%;
  height:100%;
  overflow:unset;}
  
   .grid-col-6{width:100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 5%;
  height:100%;
  overflow:unset;}
  
  .link a{text-transform:uppercase;font-weight:bold;}
  .link a .circle{width:10px;height:10px;border-radius:90%;background:#333333;display:inline-block;margin:0 30px 0 20px;position:relative;overflow:unset}
  .link a .circle::before{content:'';position:absolute;top:0;left:-20px;width:10px;height:10px;border-radius:90%;background:#333333;}
  .link a .circle::after{content:'';position:absolute;top:0;right:-20px;width:10px;height:10px;border-radius:90%;background:#333333;}
  .link a:hover{color:rgba(0,0,0,.5)}
  .link a:hover .circle{background:rgba(0,0,0,.5);}
  .link a:hover .circle::before{background:rgba(0,0,0,.5);}
  .link a:hover .circle::after{background:rgba(0,0,0,.5);}
  
  .row {align-items:center}
  .row .col-image img{display:block;width:100%;height:auto}
  .row .texte{color:#333333;padding:0 5%;text-align:justify}
  .row .texte p{color:#333333;font-size:16px;line-height:1.5em;margin:5px 0	}
  .row .texte div{color:#333333;font-size:16px;line-height:1.5em}
  .row .texte h2{font-size:18px;margin-bottom:15px;text-transform:uppercase;line-height:1.5em}
  .row .texte h3{font-size:18px;margin-bottom:10px;text-transform:uppercase;font-weight:400;line-height:1.5em}
  .row .texte table tr{padding-bottom:15px}
  .row .texte table tr td {width:45%;padding-right:5%;padding-bottom:15px;}
  .row .texte table tr td img{float:left;margin-right:15px;}
  .row .texte table tr td strong{font-size:18px;margin-bottom:10px;text-transform:uppercase;font-weight:400;line-height:1.5em}
  .row .texte table tr td em{font-size:10px}
  .row .col-avis{padding:0 10%;color:#333}
  
    .row .col-avis .item{position:relative;font-size:16px;text-align:center;line-height:1.5em;font-style:italic}
     .row .col-avis .item::before{content:'«';position:absolute;top:0;left:-50px;font-size:50px;font-weight:bold}
     .row .col-avis .item::after{content:'»';position:absolute;bottom:0;right:-50px;font-size:50px;font-weight:bold}
   .sectioncontent *{overflow:unset}
  .sectioncontent .line1{background-color:#EEEEEE}
  
  .sectioncontent .line2 .col-texte{width:67.5%;padding:25px 0 0 0}
  .sectioncontent .line2 .col-texte h2{margin:25px 0}
  .sectioncontent .line2 .col-image{width:32.5%}
  .sectioncontent .line3{background-color:#EEEEEE}
  .sectioncontent .line3 .texte{padding-top:50px;text-align:center}
    
  .sectioncontent .line3 .texte table tr td img{float:none}
  .sectioncontent .line3 .link{text-align:center;margin-bottom:50px}
  .sectioncontent .line3 .link a{background-color:#2A8246;color:#fff;border:solid 1px #2A8246;padding:10px 20px;font-size:18px;}
   
  .sectioncontent .line3 .texte div strong{color:#2A8246;font-weight:bold}
  
  .Flashitem{position:relative}
  .Flashitem img{display:block;width:100%;height:auto;margin-top:-100px}
  .Flashitem h1{font-weight:400px;font-size:40px;position:absolute;bottom:25%;left:10%;width:80%;text-align:center;text-transform:uppercase;font-weight:300;color:#333333}
  
  .simulateur{position:relative;padding:37px 5%;background-color:#EEE}
   .sectioncontent .critere{float:left;width:22%;margin:10px 5% 0 0;color:#333;text-align:center;font-size:14px;line-height:1.5m}
  .sectioncontent .critere em{font-size:11px;color:#ccc}
  .sectioncontent .critere img{height:60px;width:auto;margin-bottom:15px}
   .sectioncontent .critere .input{background-color:#fff;-webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.5);text-align:center; 
box-shadow:2px 2px 5px 2px rgba(0,0,0,0.5);padding:20px 10px;margin-bottom:10px;}
.sectioncontent .critere .input .btnplus{display:inline-block;background-color:#333;color:#fff;font-size:18px;text-align:center;width:20px;height:20px;line-height:20px;border-radius:90%;margin:0 10px}
 .sectioncontent .critere .input input{width:40px;text-align:center;font-weight:bold;font-size:18px;border:0}
 .simulateur .submit{background-color:#2A8246;color:#fff;margin:60px 0 0 0;padding:10px 20px;text-transform:uppercase;font-size:14px;font-weight:bold;}
 
 .sectioncontent .resultats{padding:0 5% 50px 5%}
 .sectioncontent .resultats .critere{margin-right:2.5%}
 

 #ResultatCalcul{position:fixed;top:105px;left:0;background-color:#fff;z-index:300;width:100%;height:100%;overflow-y:scroll}
 #ResultatCalcul .close{float:right;margin:0 2.5% 15px 0}
 #ResultatCalcul .sectioncontent{clear:both;} 
   #ResultatCalcul .sectioncontent .col-texte{width:100%;min-height:1000px}
      #ResultatCalcul .sectioncontent .link{width:100%}
#FondFlash{position:relative;width:100%;height:100%;padding-top:120px}
#DPrev{position:absolute;top:230px;left:0;-zindex:500}
#DNext{position:absolute;top:230px;right:0;-zindex:500}
#Flash{width:100%;height:480px;z-index:-150}
#Flash .item{width:100% !important;height:480px;position:relative}
#Flash .item .title{position:absolute;top:250px; left:20%;width:60%;padding:15px 0;text-align:center;font-size:24px;background:url(/img/fond_blanc.png) top left repeat;color:#333}



#Header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:400}
#Header .content{width:100%;margin:0 auto;position:relative}
#Header .logo{float:left;margin:15px 0 10px 2.5%}
#Header .logo img{height:80px;width:auto;display:block}
#Header .coord{float:right;padding-bottom:10px}
#Header .devis{float:right;background:url(/img/fond_devis.jpg) top left repeat;}

#Header .devis a{color:#fff;padding:10px 30px;font-size:18px;text-transform:uppercase;display:block}
#Header  .phone{clear:right;float:right;color:#00733a;font-size:18px;margin:15px 0 0 0}
#Header  .phone span{font-size:9px;font-style:italic;color:#333;display:block}
#Header  .depannage{float:right;color:#00733a;font-size:18px;margin:15px 25px 0 0 }
#Header  .depannage a{color:#00733a;}
#Header  .port{clear:right;float:right;color:#00733a;font-size:18px;}
#Header nav{position: fixed;
    left: calc(50% - 238px);margin:15px 0 0 0;text-align:center}
#Header nav .menu{font-size:16px;text-transform:uppercase;}
#Header nav .menu li{display:inline-block;margin:0;border-right:solid 1px #333333;}
#Header nav .menu li:last-child{border:none}
#Header nav .menu li a{padding:0 15px;display:block;color:#333333}
#Header nav .menu li:first-child a{padding-left:0}
#Header nav .menu li a.hover{color:#00733a;}
#Header nav .menu li a:hover{color:#00733a;}
#Header nav .menu li a.selected{color:#00733a;font-weight:bold}
#Header nav .menu li:last-child a{padding:0 0 0 15px}
#Header nav .menu li ul{display:none;position:absolute;width:300px;z-index:500;font-size:14px;}
#Header nav .menu li ul li{clear:both;width:300px;padding:5px 0;}
#Header nav .menu li ul li a{display:block;}


.DataHome{width:900px;padding:50px;color:#333333;line-height:24px;font-size:18px;margin:0 auto}
.DataHome h1{font-size:30px;margin-bottom:30px;text-transform:upppercase;font-weight:normal}
.DataHome h2{margin:15px 0;font-size:18px;text-transform:uppercase}
.DataHome strong{color:#3cb257}
.DataHome ul li{margin:5px;list-style-position:inside;list-style-type:square}
.DataHome .tel{margin-top:25px;float:right;background:url(/img/fond_devis.jpg) top left repeat-y #1d804d;color:#fff;font-size:18px;text-transform:uppercase;padding:23px 20px;margin-right:5%;margin-top:25px;}
.DataHome .devis{margin-top:25px;float:left;position:relative;width:auto;margin:0 auto;margin-top:25px;background:url(/img/fond_devis.jpg) top left repeat-y #1d804d;text-align:center;padding:23px 20px;}
.DataHome .devis a{font-size:16px;display:block}
.DataHome .morequi{border:solid 1px #333333;color:#333333;padding:25px;width:100px;height:100px;line-height:30px;font-size:20px;border-radius:90%;text-align:center;margin:25px auto;position:relative}
.DataHome .morequi a{color:#333333}
#HomeGal{width:100%;clear:both;position:relative}
#HomeGal div{float:left;width:20%;}
#HomeGal div img{display:block}
#HomeGal .showmore{position:absolute;left:40%;top:0;text-align:center;display:none;}
#HomeGal .showmore a{display:block;padding:25% 0 ;height:50%;background:#fff;border-radius:90%;color:#3cb257;font-size:24px}
#HomeGal .showmore a:hover{text-decoration:none}
#MoreQui{background:#ececec;color:#333333;width:60%;padding:50px 20%;font-size:16px}
#MoreQui h2{margin:15px 0;font-size:20px;text-transform:uppercase}
#MoreQui strong{color:#3cb257}
#MoreQui a{color:#333333}
#MoreQui ul li{margin:5px;list-style-position:inside;list-style-type:square}

#MoreQui .tel{margin-top:25px;float:right;background:url(/img/fond_devis.jpg) top left repeat-y #1d804d;color:#fff;font-size:18px;text-transform:uppercase;padding:23px 20px;margin-right:5%;margin-top:25px;}
#MoreQui .devis{margin-top:25px;float:left;position:relative;width:auto;margin:0 auto;margin-top:25px;background:url(/img/fond_devis.jpg) top left repeat-y #1d804d;text-align:center;padding:23px 20px;}
#MoreQui .devis a{font-size:16px;display:block;color:#fff}


#Services{width:100%;}
#Services h2{background:#3cb257;color:#fff;padding:20px 0;width:100%;text-align:center;font-size:30px;text-transform:uppercase}
#Services .item{float:left;width:24.8%;margin-right:0.2%;position:relative;overflow:hidden}
#Services .item .photo{width:100%;overflow:hidden;margin:0}
#Services .item .photo a img{display:block}
#Services .item .texte{display:none;position:absolute;top:0;left:0;width:86%;padding:7%;background:url(/img/fond_blanc.png) top left repeat;text-align:center;font-size:14px;color:#333}
#Services .item:hover .texte{display:block}
#Services .item  h3{background:#333;color:#fff;text-transform:uppercase;font-size:16px;padding:10px 2.5%;height:69px;line-height:26px;font-weight:normal}
#Services .item  h3 a{color:#fff}
#Services .item .texte .cont{border:solid 1px #fff;width:92%;padding:15px 4%;height:88%;line-height:30px;position:relative}
#Services .item .texte .cont div{margin:0 0 10px 0}
#Services .item .texte .cont .detail{position:absolute;bottom:5%; left:20%;background:#fff;color:#1f844e;display:inline-block;margin-top:15px;padding:10px 15px;font-size:14px;text-transform:uppercase}
#Services .devis{position:relative;width:420px;margin:25px auto;background:url(/img/fond_devis.jpg) top left repeat-y #1d804d;text-align:center;}
#Services .devis a{padding:10px 0;font-size:16px;display:block}




#Realisation{width:970px;margin:0 auto;padding:25px 0}
#Realisation h2{color:#3cb257;margin:0 0 25px 0;text-align:center;text-transform:uppercase;font-size:18px}
#Realisation h2 a{color:#3cb257}

#Realisation .item{width:45%;margin-bottom:25px}
#Realisation .item .photo{margin-bottom:10px;}
#Realisation .item h3{font-size:14px;text-transform:uppercase}
#Realisation .item h3 a{color:#333333;}
#Realisation .devis{position:relative;width:420px;margin:0 auto;background:url(/img/fond_devis.jpg) top left repeat-y #1d804d;text-align:center;}
#Realisation .devis a{padding:10px 0;font-size:16px;display:block}

.pageinterne{padding-top:50px}
.breadcrumb{font-style:italic;margin:15px auto;color:#333333;width:970px;text-align:right}
.breadcrumb a{color:#333333}
#TexteRub{width:100%;padding:20px 0;color:#333}
#TexteRub h1{background:#3cb257;padding:25px 0;font-size:24px;text-transform:uppercase;text-align:center;font-weight:normal}
#TexteRub h2{background:#3cb257;padding:25px 0;font-size:24px;text-transform:uppercase;text-align:center;font-weight:normal}

#TexteRub #LDescription{font-size:16px;font-weight:normal;width:970px;padding:15px auto;line-height:24px;padding-top:15px}
#ListeSsMenu{clear:both;float:left;width:12.5%;margin-right:2.5%}
#ListeSsMenu li{padding:10px 5%;border-bottom:solid 1px #333;text-transform:uppercase}
#ListeSsMenu li:last-child{border-bottom:0}
#ListeSsMenu li a{color:#333}
#Liste{margin:0 auto;position:relative;}
#Liste .item{float:left;width:24.8%;margin-right:0.2%;margin-bottom:0.2%;position:relative;overflow:hidden}
#Liste .item .photo{width:100%;overflow:hidden;margin:0;position:relative}
#Liste .item .photo a img{display:block}
#Liste .item .texte{display:none;position:absolute;top:0;left:0;width:86%;padding:7%;background:url(/img/fond_blanc.png) top left repeat;text-align:center;font-size:14px;color:#333;height:85.5% !important}
#Liste .item:hover .texte{display:block}
#Liste .item  h3{background:#333;color:#fff;text-transform:uppercase;font-size:15px;padding:10px 2.5%;height:74px;line-height:26px;font-weight:normal}
#Liste .item  h3 a{color:#fff}
#Liste .item .texte .cont{border:solid 1px #fff;width:92%;padding:15px 4%;height:88%;line-height:30px;position:relative}
#Liste .item .texte .cont .desc{height:80%}
#Liste .item .texte .cont div{margin:0 0 10px 0}
#Liste .item .texte .cont .detail{position:absolute;bottom:5%; left:20%;background:#fff;color:#1f844e;display:inline-block;margin-top:15px;padding:10px 15px;font-size:14px;text-transform:uppercase}

.navigationresult{clear:both;float:right;margin:15px 0;}
.navigationresult a{color:#333;margin:0 5px;padding:5px;display:inline-block}
.navigationresult a.selected{background:#3cb257;color:#fff}
#Detail{width:100%;color:#333333}
#Detail h1{background:#3cb257;padding:25px 0;font-size:24px;text-transform:uppercase;text-align:center;font-weight:normal}
#Detail .content{width:970px;margin:0 auto;padding:25px 0;font-size:14px;}
#Detail .content .contact{float:right;background:#3cb257;color:#fff;font-size:18px;text-transform:uppercase;padding:23px 20px}
#Detail .content #Corps{margin:10px 0 20px 0}
#Detail .content .share{background:#ececec;float:left;text-align:center}
#Detail .content .share p{padding:5px 0;text-transform:uppercase}
#Detail #Galerie{width:100%;margin:0 0 20px 0;position:relative;background:#ececec}
#Detail #Galerie #Diaporama{width:100%;height:650px;text-align:center}
#Detail #Galerie #Diaporama .picture{width:100%;height:650px;text-align:center}
#Detail #Galerie #PrevDiapo{position:absolute;top:225px;left:0;z-index:100;}
#Detail #Galerie #NextDiapo{position:absolute;top:225px;right:0;z-index:100;}
#Detail .content .texte{margin:10px 0}
#Detail .content .texte h2{font-size:17px;text-transform:uppercase;margin:10px 0;font-weight:700;}
#Detail .content .texte ul li{margin:5px;list-style-position:inside;list-style-type:square}
#Detail .content .texte table {border-collapse:collapse;border:solid 1px #e2e4e5}
#Detail .content .texte table tr td{padding:10px;border:solid 1px #e2e4e5}
#Detail .content .texte a{color:#333;font-size:16px}
#Detail .content .texte .contact{color:#fff;}
#Detail .content .texte .tel{float:right;background:#3cb257;color:#fff;font-size:18px;text-transform:uppercase;padding:23px 20px;margin-right:5%}
#Detail .content .texte p {line-height:24px}


#DetailForm{margin:0  auto;position:relative;width:500px;padding:30px;color:#353432}
#DetailForm form{width:500px}
#DetailForm form div{margin:10px 0 0 0}
#DetailForm form div label{width:150px;display:inline-block;line-height:30px;font-size:14px}
#DetailForm form div input{padding:10px;width:250px;border-radius:6px;border:solid 1px #353432}
#DetailForm form div select{padding:10px;width:270px;border-radius:6px;border:solid 1px #353432;font-size:14px}
#DetailForm form div select option{padding:10px;}
#DetailForm form div textarea{padding:10px;width:250px;border-radius:6px;border:solid 1px #353432}
#DetailForm form .action .btnmessage{border:0;background:#3cb257;padding:13px 15px;font-size:14px;color:#fff;text-transform:uppercase;line-height:24px;}


.navA{margin:25px auto;text-align:center;width:970px;;padding:15px 0}
.navA a{color:#333333}
.navA .next{float:right;}
.navA .prev{float:left}

.footerMenu li {float:left}
.footerMenu li a{color:#333333;display:inline-block;padding:10px}
footer{background:#333333;color:#fff;width:100%;}
footer .content{width:970px;margin:0 auto;padding:25px 0}
footer .content p.libelle{text-transform:uppercase;padding-bottom:10px;margin-bottom:15px;border-bottom:solid 1px #fff}
footer .content .maps{float:left;width:450px;margin-right:80px}
footer .content #Adresse{font-size:14px;line-height:24px;margin-bottom:25px}
footer .content .social{margin-bottom:25px}
footer .content .social a{margin-right:15px}
.other{float:right;text-transform:uppercase}
.other a{margin:0 5px}

.menuseo{width:970px;margin:0 auto}
.menuseo li a{color:#333333}
@media screen and (max-width: 1024px) {
	#FondFlash{    height: 100%;}
	body{width:100%}
	#Flash .item img{width:100%;}
	#Header{width:100% }
	#Header .content{width:95%;padding:0 2.5%}
	.phone a{color:#00733a}
	#TexteRub{width:95%;padding:20px 2.5%;}
	.breadcrumb{width:95%;padding:0 2.5%}
	
	#HomeGal .showmore a{font-size:18px}
	
	
	#Detail{width:100%}
	#Detail .content{padding:0;width:100%}
	#Detail .content #Galerie{width:100%;border:0;padding:0}
	#Detail .content #Galerie #Diaporama{width:100%}
	#Detail .content .texte{width:95%;padding:10px 2.5%}
	#DataHome{width:90%;padding:25px 5%;}
	#Realisation{width:90%;padding:25px 5%;}
	footer{width:95%;padding:0 2.5%}
	footer .content{width:100%}
	footer .content .maps{width:45%}
}
@media screen and (max-width: 800px) {
	
	.grid-col-1{display:block;
  ;}
  .grid-col-2{display:block;}
   .grid-col-2 > div{width:100%;}
  
  .grid-col-3{display:block;}
  .grid-col-3 > div{width:95%;margin:25px 2.5%}
  
    .grid-col-4{display:grid;
  grid-template-columns: repeat(2, 1fr);

  ;}
  
  
   .grid-col-5{width:100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 5%;
  ;}
  
   .grid-col-6{width:100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5%;
  ;}
  .row .texte table tr{display:block}
  .sectioncontent .line0 .col-texte{padding:50px 5%;width:90%}
  .sectioncontent .line2 .col-texte{width:100%}
  .sectioncontent .critere{width:100%;margin:0 0 25px 0}
  .simulateur{text-align:center}
  .simulateur .submit{margin:25px 0}
  .sectioncontent .line2 .col-image{width:100%}
  
   .row .texte table {width:100%;}
  .row .texte table tr td{width:100%;display:block;text-align:center;padding:0}
  .row .col-avis{width:60%;padding:25px 20%}
  .Flashitem h1{font-size:24px}
  #Header .coord{display:none}
  
 
  
#Flash {width:100%;height:480px}	
#Flash .item{width:100%;height:100%}
#Flash .item img{height:100%;width:auto}
#Flash .item .title{left:0;width:100%;line-height:24px;font-size:18px}	
#Header .content{width:95%;padding:0 2.5%}	
#Header .content .logo{width:50%;}
#Header .coord{float:right;width:50%;font-size:13px !important}

#Header .content .logo img{height:90px;width:auto}
#Header .content .devis a{padding:5px;font-size:14px}
#Header .phone{font-size:13px}
#Header .port{font-size:13px}
#Header .depannage{font-size:13px;width:80%;text-align:right}
#Header nav  {float:none;margin:5px 0;clear:both;font-size:13px}
#Header nav .menu li{float:left;border:0;padding:5px;text-align:center;}
#Header nav .menu li a{padding:0;border:0;font-size:12px}
#Header nav .menu li:last-child a{padding:0}

#Header .menumobile{float:right;display:block}
 #Header nav{display:none;position:fixed;top:105px;left:0;width:100%;height:100%;background-color:#fff;z-index:500;margin:0;padding:10% 0;font-size:18px}
#Header nav .menu li{display:block;width:100%;margin:25px 0;float:none}
  
  #Header nav .coord{display:block;float:none;width:100%}
   #Header nav .coord div{float:none;margin:0 auto}
     #Header nav .coord .devis{display:none}
     #Header nav .coord .depannage{text-align:center;margin-top:20px}
.DataHome{width:90%;padding:30px 5%;font-size:14px}
.DataHome h1{font-size:18px;text-align:center}	
#MoreQui{width:90%;padding:25px 5%}
.DataHome .tel{width:100%;padding:25px 0;text-align:center;margin-right:0}
#MoreQui .devis{width:100%;padding:20px 0;float:none;clear:both}
#MoreQui .tel{width:100%;padding:20px 0;float:none;clear:both;margin:15px 0;float:left;text-align:center}
#Services .item{width:100%;clear:both}
#Services .item .texte h3{margin-bottom:5px}
#Services .item .texte .cont .detail{left:15%}
#Realisation{width:90%;padding:15px 5%;}	
#Realisation .item{width:100%}
#Services .devis{width:100%;margin:0 auto;font-size:13px;padding:20px 0}
footer{padding:15px 5%;width:90%}


#TexteRub{position:relative;top:0;width:100%;height:auto;padding:20px 0}
#TexteRub h1{width:auto}
#TexteRub h2{width:auto}
#TexteRub #LDescription{width:auto}
#Liste{width:95%;padding:0 2.5%;margin-top:25px}
#Liste .item {float:left;width:50%;margin:0}
#Liste .item .texte .cont .detail{left:0;width:100%;bottom:0;padding:10px 0;}	

#Detail{width:100%}
#Detail h1{font-size:18px;padding:10px 0}
	#Detail .content{padding:0;width:100%}
	#Detail .content #Galerie{width:100%;border:0;padding:0}
	#Detail #Galerie #PrevDiapo{top:100px}
#Detail #Galerie #NextDiapo{top:100px}
	#Detail .content #Galerie #Diaporama{width:100%;height:300px}
	
	#Detail .content #Galerie #Diaporama .picture img{height:300px}
	
	#Detail .content .texte .share{width:100%}
	#Detail .content .texte .contact{width:100%;padding:20px 0;text-align:center}
	#Detail .content .texte .tel{width:100%;padding:20px 0;text-align:center;margin:15px 0}
	#DetailForm{width:100%}
	#DetailForm form{width:90%;padding:0 5%}
	
.pageinterne{padding:0}
footer .content{width:100%}
footer .content .maps{float:none;width:100%;margin-right:0;margin-bottom:15px}
footer .content .maps iframe{width:80%;height:200px;margin:0 10%}
footer .content #Adresse{font-size:14px;line-height:24px;margin-bottom:25px}
footer .other{float:none;width:100%;text-align:center}

#ListeSsMenu{width:100%;float:none;border-bottom:solid 1px #333}
#ListeSsMenu li{float:left;width:40%;padding:5px 5%;height:30px;font-size:10px}
.fleche{display:none}

#HomeGal .picture{width:33.33%}
#HomeGal .showmore{position:relative;float:left;left:auto;top:auto;;width:33.33%;height:100px !important;}
#HomeGal .showmore a{line-height:30px !important;font-size:14px}

}