@font-face {
    font-family: 'open_sansregular';
    src: url('open-sans.regular-webfont.eot');
    src: url('open-sans.regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans.regular-webfont.woff') format('woff'),
         url('open-sans.regular-webfont.ttf') format('truetype'),
         url('open-sans.regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'wicon';
  src: url('wicon.eot?#iefix') format('embedded-opentype'),  url('wicon.woff') format('woff'), url('wicon.ttf')  format('truetype'), url('wicon.svg#wicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

input[type="text"],textarea,select{ padding:8px 5px; margin:8px 0; display:inline-block; border:1px solid #ccc; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a{ }
a img, iframe, hr{ border:none;}


.services a{
  width: 100%;
  text-align: right;
  display: block;

  font-size: 14px;
  color: #fff;
margin-top: 5px;
margin-bottom: 10px;

}

.services span{
  background: #27a857; padding: 5px 10px;
}

.services span:hover{

  background: #b7b7b7;
}

.services a:hover{
color:#053e1a;

}
.rubrique{
  width:25%;
  
  float: left;
  
}

.service{

min-height: 465px;
  background: #000;
margin:5px;


 float: left;


 
}
.view {
   width: 100%;
   height: auto;


   float: left;
  
   overflow: hidden;
   position: relative;
   text-align: center;
  
   cursor: default;
}
.view .mask, .view .content {
   width: 100%;
   height: 200px;
   
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}

.fifth-effect img {
  opacity:1;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.fifth-effect .mask {
   cursor:pointer;
   opacity:1;
   visibility:visible;
   border:100px solid rgba(0,0,0,0.2);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}
.fifth-effect:hover .mask {
  border:0px double rgba(0,0,0,0.7);
  opacity:0;
  visibility:hidden;
}
.fifth-effect:hover img {
  opacity:1;
}


.titreServ{
  
width: 100%;
 padding-top: 10px;
 padding-left: 10px;
 height: 40px;

 color: #27a857;
 font-size: 18px;
 text-transform: uppercase;
 display: table-cell;
 vertical-align: middle;
margin: 0 auto;
}
.descriptionServ{
  text-align: justify;
  color: #949090;

  font-size: 16px;

  padding-right: 10px;
  padding-left: 10px;
}
.center{ text-align:center;}
.clear, #top header:after, #topnav:after, #topnav > ul:after { content: "."; display:block; clear:both; visibility:hidden;  line-height:0;  height: 0;}
.container{ }
#pageweb{ height:auto !important; min-height:100%;}
#top header #logo{ }
#top header .coord{ }
#top header .coord a{ }
#cssmenu, #topnav #menu-button{ display:none;}
#central{}
#central #corps{ }
div#pageweb.container{ }
#topnav, #topnav ul, #topnav ul li, #topnav ul li a, #topnav #menu-button { margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#topnav{  width: auto; line-height:1; background:#ccc;}
#topnav > ul > li{ float: left;}
#topnav.align-center > ul{ font-size:0; text-align:center;}
#topnav.align-center > ul > li{ display:inline-block; float:none;}
#topnav.align-center ul ul{ text-align:left;}
#topnav.align-right > ul > li{ float:right;}
#topnav.align-right ul ul{ text-align:right;}
#topnav > ul > li > a{ padding: 20px; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #000000; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#topnav > ul > li:hover > a, #topnav > ul > li.active > a{ color: #009ae1;}
#topnav > ul > li.has-sub > a{ padding-right: 25px;}
#topnav > ul > li.has-sub > a::after{ position:absolute; top:21px; right:10px; width:4px; height:4px; border-bottom:1px solid #000000; border-right:1px solid #000000; content:""; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#topnav > ul > li.has-sub:hover > a::after{ border-color: #009ae1;}
#topnav ul ul{ position:absolute; left:-9999px;}
#topnav li:hover > ul{ left:auto;}
#topnav.align-right li:hover > ul{ right:0;}
#topnav ul ul ul{ margin-left:100%; top:0;}
#topnav.align-right ul ul ul{ margin-left:0; margin-right:100%;}
#topnav ul ul li{ height:0; -webkit-transition:height .2s ease; -moz-transition:height .2s ease; -ms-transition:height .2s ease; -o-transition:height .2s ease; transition:height .2s ease;}
#topnav ul li:hover > ul > li{ height:32px;}
#topnav ul ul li a{ padding:10px 20px; width:160px; font-size:12px; background:#333333; text-decoration:none; color:#dddddd; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease; transition:color .2s ease;}
#topnav ul ul li:hover > a, #topnav ul ul li a:hover{ color:#ffffff;}
#topnav ul ul li.has-sub > a::after{ position:absolute; top:13px; right:10px; width:4px; height:4px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; content:""; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease;  transition:border-color 0.2s ease;}
#topnav.align-right ul ul li.has-sub > a::after{ right:auto; left:10px; border-bottom:0; border-right:0; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
#topnav ul ul li.has-sub:hover > a::after{ border-color: #ffffff;}
section#section1,section#col2G,section#corps2,section#col3G,section#corps3,section#col3D,section#corps4,section#col4D{ display:inline-block; vertical-align:top;}
section#section1{ width:100%;}

#footer{ }
.f-link{ text-align:center;}
.f-link ul, .f-link ul li{ margin:0; padding:0; list-style:none; display:inline-block;}
.f-link ul li{ padding:0 8px;}
.mtc{ padding:20px 0;}

.plansite ul li{ list-style:url("../images/puce2.png");}
.urlPlan{ margin:10px 0px 10px 20px; background: url("../images/fleche.jpg") no-repeat scroll left bottom transparent; padding-left:30px;}
.creditsPhotos{ padding:20px 0px 20px 20px;}
.creditsPhotos li{ display:inline-block; width:200px; height:15px; line-height:15px; font-size:9px; overflow: hidden;}
.googleMAP iframe{ width:100%; height:450px;}
a.youtube, .addthis_sharing_toolbox{ float:left;}
.msgErreurs{ background-color:#F9ABA2; padding:5px; color:#BF2413; border-radius:5px; font-weight:bold; border:1px solid #BF2413;}
.navigation{ }
/* -------------- Contact --------------- */
.contactsite{ width:100%;}
.contactsite p.plabel{ margin:0; padding:0; font-weight:bold;}
.contactsite p.pinput{ margin:0; padding:0 0 10px 0;}
.btSubmit1, .btSubmit2{ background: #3498db; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #ffffff; font-size:22px; padding: 10px 20px; text-decoration: none; cursor:pointer; border:0;}
/* realisation */
#pagerealisation ul,#pagerealisation ul li{ margin:0; padding:0; list-style:none;}
#pagerealisation .menuDiapo{ float:left; width:28%; margin-right:2%;}
#pagerealisation .menuDiapo ul li { border-bottom:1px solid #FFF;}
#pagerealisation .menuDiapo ul li:first-child{ border-top:1px solid #FFF;}
#pagerealisation .menuDiapo ul li a{ display:block; padding:10px 0 10px 5px; text-transform:uppercase;}
#pagerealisation .menuDiapo ul li.play a,#pagerealisation .menuDiapo ul li a:hover{ background:#FFF; color:#000;}
#diapoREA{ float:right; width:70%;}
.titreDiapo{ font-size:25px; height:42px; line-height:42px; padding-left: 5px; color:#d88e11;}
.rubDiapo{ display:inline-block; margin:4px; border: 1px solid #27a857; text-align:center; padding: 5px;  -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; width: 150px; height: 158px; overflow: hidden;}
.rubDiapo .img{ height:100px; border: 1px solid grey; width: 100px; background-color:black; margin: auto;}
.rubDiapo img{ height:auto;}
.rubDiapo .lien{ text-align:center;}
.rubDiapo .lien a{ color: #000; text-transform: uppercase; font-weight: bold; font-size:12px; text-decoration: none; display:block;}
#box1,#box2{ float: none;}
.extraitArt{ border-radius: 5px; padding: 45px 5px 5px 5px; max-width:500px;}
.extraitArt .intitule a{ font-size: 20px; text-decoration: none;}
.extraitArt .date{ text-align: right; font-style: italic; font-size: 11px;}
h3.intitule{ margin:0; padding:5px 0;}

/*==================================================================*/
html, body { margin: 0; padding: 0; background: #d5ddd8; }
div, td { font-family: 'open_sansregular',Arial, Helvetica, sans-serif; font-size: 18px; color: #262523; line-height: normal; }
p { margin: 0; padding: 10px 0; }
a { color: #27a857; text-decoration: none; transition: color .4s; }
a:hover { color: #262523; text-decoration: none; }
img { max-width: 100%; height: auto; border: none; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-style: normal; }

.clear { clear: both; height: 0; }
p.clear { margin: 0; padding: 0; height: 0; }
.pad-none, .marg-none { padding: 0; }
.strong { font-weight: bold; }
.display { display: inline-block; }
.wrap { position: relative; max-width: 1176px; margin: 0 auto; }
.fonts { font-family: 'wicon', Arial, Helvetica, sans-serif; }

/*==================================================================*/

#pageweb { position: relative; width: 100%; overflow: hidden; }
#flash { position: absolute; top: 0;  width:1920px; left:50%; margin-left:-960px; }
#slider-inner-1::before { content: ""; position: absolute; right: 55%; top: 0; bottom: 0; z-index:10; background: hsla(300,16%,6%,.8); width: 6000px; transform:skewX(-10deg); }

#top { position: relative; width: 100%; z-index: 10; min-height: 700px; }
#top header { max-width: 1176px; margin: 0 auto; }

.bloc-mn { margin-top: 40px; float: left; }
.mn { width: 362px; border-top: 1px solid #747273; }

.mn ul { margin: 0; padding: 0; }
.mn li { list-style: none; display: block; border-bottom: 1px solid #747273; position: relative; z-index: 999; }
.mn a { color: #fff; font-size: 16px; display: block; background: url(../images/arrow_mn.png) center left no-repeat; padding:8px 60px; box-sizing: border-box;-webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
.mn a:before { content: ""; position: absolute;  z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/arrow_hvr.gif) center left no-repeat #27a857;;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; }
.mn a:hover, .mn a:focus, .mn a:active { color: white; }
.mn a:hover:before, .mn a:focus:before, .mn a:active:before {  -webkit-transform: scaleX(1); transform: scaleX(1); }
.mn ul li ul { display: none; position: absolute; top: 0; z-index: 999; left: 362px; width: 100%; }
.mn ul li:hover ul { display:block; }
.mn ul li ul li { border:none; }
.mn li:hover ul li { float:none; border: none; width: 100%; }
.mn ul li ul a { background: none; line-height: inherit; padding: 5px; }
.mn ul li ul a:before { background: none; }
.mn ul li ul a:hover { color: #fff; background: #100d10; }
.mn a:first-letter, .mn ul li ul a:first-letter{ text-transform:uppercase; }

.bloc-lg { float: left; position: relative; z-index: 66; background: #27a857; text-align: center; transform: skewX(-10deg); margin-top: 120px; margin-left: 50px; padding: 30px; box-sizing: border-box; }
.main-lg { transform: skewX(10deg); }
#logo { }
.coords { color: #fff; text-transform: uppercase; font-size: 18px; }
.coords a, .coords span { color: #fff; font-size: 36px; }

.mn-bl { text-align: center; letter-spacing: -.46em; min-height: 120px; position:relative; left: -35px; }
.mn-bl ul { margin: 0; padding: 0; }
.mn-bl li { list-style: none; display: inline-block; letter-spacing: normal; transform: skew(-10deg); transition: background .4s; width: 140px; position: relative; font-family:'wicon'; }
.mn-bl li:nth-child(2) { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.mn-bl li a { display: block; line-height: 150px; font-size: 16px; text-transform: uppercase; color: #fff; transform: skewX(10deg); height: 120px; position: relative;font-family: 'open_sansregular',Arial, Helvetica, sans-serif; }
.mn-bl li:hover { background: #100d10; color: #fff; }
.mn-bl li:after { font-size:30px; color:#100d10; position:absolute; top:10px; left:35%; transform: skewX(10deg);}
.mn-bl li:first-child::after { content:"\e010"; }
.mn-bl li:nth-child(2)::after { content:"\e005"; }
.mn-bl li:last-child::after { content:"\e00C"; }
.mn-bl li:first-child:hover::after, .mn-bl li:nth-child(2):hover::after, .mn-bl li:last-child:hover::after { color: #27a857; }

#central { width: 100%; background: url(../images/bg_pg.gif) repeat-x #f8f9f5; z-index: 999; position: relative; }
.bl-ttl { float: left; width: 460px; position: relative; z-index: 666; }
.navigation { position: relative; font-size: 14px; padding-top: 220px; }
.navigation::before { font-family:'wicon'; content:"\e039"; font-size: 150px; position: absolute; top: 50px; left: 0; }
.bl-ttl h1 { font-size: 30px; color: #27a857; font-weight: normal; position: relative; display: block; padding-top: 40px; }
.bl-ttl h1::before { background: #0d0d11; content: ''; width: 68px; height: 3px; position: absolute; top: 10px; }

.txt-first { float: right; max-width: 670px; width:100%; padding-top: 35px; position: relative; margin-top: 45px; width: 100%; }
.txt-first::before { content: ''; background: #0d0d11; width: 65px; height: 1px; position: absolute; top: 0; left: 0;}

.bg-cm { width: 100%; background: url(../images/bg_cm.png) top center no-repeat; text-align: center; }
.main-cm { text-align: center; background: #27a857; color: #fff; font-size: 20px; text-transform: uppercase; width: 410px; transform: skewX(-10deg); margin: 0 auto; padding: 0 30px; box-sizing: border-box; min-height: 274px; padding-top: 48px; }
.main-cm p { transform: skewX(10deg); }

.bl-second { padding: 50px 0; position: relative; border-bottom: 2px solid #27a857; margin-bottom: 70px; }
.txt-second { float: left; max-width: 522px; }
.txt-second a { display: inline-block; background: #d5ddd8; color: #848986; font-size: 18px; text-transform: uppercase; line-height: 60px; padding: 0 18px; margin-top: 25px; }
.txt-second a span { color: #000; font-size: 30px; vertical-align: middle; }
.ttl-cm { color: #4ebd77; font-size: 32px; text-transform: uppercase; position: relative; margin-bottom: 25px; padding: 18px 0 0 98px; }
.ttl-cm::before { content: "\e03a"; position: absolute; left: 0; top: 0; font-family: 'wicon'; font-size: 72px; color: #100d10; }

.gal-second { float: right; max-width: 500px; }
.gal, .txt-gal { margin: 0; padding: 0; display: block; letter-spacing: -.46em; text-align: center; line-height: 0; }
.gal li, .txt-gal li { list-style: none; display: inline-block; letter-spacing: normal; position: relative; }
.txt-gal li { background: #100d10; color: #27a857; font-size: 18px; text-transform: uppercase; min-height: 166px; width: 166px; line-height: 166px; }
.txt-gal li a { display: block; transition: background .4s; }
.txt-gal li a:hover { display: block; background: #d5ddd8; color: #100d10; }
.txt-gal li span { display: inline-block; line-height: normal; vertical-align: middle; }
.gal li:nth-child(2) { top: 166px; }
.txt-gal li:nth-child(2) { top: -166px; }

.bloc-real { background: url(../images/bg_real.jpg) center no-repeat fixed; min-height: 450px; width: 100%; overflow: hidden; position: relative; padding-top: 45px; box-sizing: border-box; background-size: cover; }
.bloc-real::before { content: ""; position: absolute; left: 60%; top: 0; bottom: 0; background: hsla(300,16%,6%,.8); width: 6000px; transform:skewX(-10deg); }

.w-real { float: right; }

.gal-real { float: left; }
.gal-real ul { margin: 0; padding: 0; width: 590px; }
.gal-real li { float: left; list-style: none; margin: 0 30px 30px 0; }

.gal-real1 { float: left; }
.gal-real1 ul { margin: 0; padding: 0; }
.gal-real1 li { float: left; list-style: none; margin: 0 5px 0px 0; }

.gal-real1 li a{ width: 150px; }

.gal-real img {
  width: 166px;
  height: 166px;
}

.ttl-real { float: left; background: #27a857; transform: skewX(-10deg); width: 225px; text-align: center; margin-top: 100px; }
.ttl-real a{ color:#FFF;}
.ttl-real p { transform: skewX(10deg); font-size: 30px; text-transform: uppercase; color: #fff; padding: 40px 0; }
.pic-real { float: left; background: url(../images/pic_real.png) center no-repeat; width: 265px; border-top: 1px solid #535558; border-bottom: 1px solid #535558; padding: 22px 0; margin: 100px 0 0 50px; box-sizing: border-box; line-height: 97px; }

#footer { padding: 45px 0; }
#footer footer { max-width: 1010px; margin: 0 auto; }

.lg-f { float: left; }
.phone { float: left; margin-left: 100px; position: relative; padding-left: 50px; margin-top: 15px; }
.phone::before { content: "\e00b"; position: absolute; left: 0; top: 15px; font-family: 'wicon'; font-size: 36px; color: #848986;}
.phone a { font-size: 30px; color: #848986; }
.rs { float: right; margin-top: 50px; width: 350px; }

.mn-f { text-align: center; position: relative; padding: 40px 0; }
.mn-f::before { position: absolute; content: ''; background: #27a857; width: 70px; height: 1px; top: 0; left: 45%; }
.mn-f ul { margin: 0; padding: 0; }
.mn-f li { list-style: none; display: inline-block; vertical-align:bottom; background: url(../images/sep_foot.gif) right bottom no-repeat; }
.mn-f li:last-child { background: none; }
.mn-f a { color: #848986; text-transform: uppercase; font-size: 14px; display: block; padding: 0 15px; }
.mn-f a:first-letter{ text-transform:uppercase;}
.mn-f a:hover { color: #000; }

.lg-mtc { text-align: center; }

@media only screen and (max-width:1050px){
 #slider-inner-1::before { right: 35%; }
 .wrap { width: 98%; margin: 0 auto; }
 .txt-first { width: 540px; }
 .txt-second { width: 505px; }
 .bloc-real { margin-top: 40px; }
 .ttl-real, .pic-real { float: none; }
 .ttl-real { margin: 0 0 0 17px; }
 .pic-real { margin: 10px 60px 0 0; }
}
@media only screen and (max-width:1009px){
	.txt-first { width: 480px; }
	.txt-second { width: 462px; }
}
@media only screen and (max-width:979px){
 .navigation { padding-top: 170px; }
  .navigation::before { top: 0; }
 .bl-ttl { float: none; width: 100%; }
 .txt-first { width: 100%; float: none; max-width: inherit; }
 .txt-second { width: 370px; }
 .pic-real { margin: 10px 0 0 0; } 
 #footer footer { width: 98%; margin: 0 auto; }
 .phone { margin-left: 70px; }
}
@media only screen and (max-width:899px){
  .bloc-mn, .mn-f, .mn-bl { display: none; }
 #top header #dl-menu { display: block; position: relative; top: 0; }
 #top, #flash #slider-inner-1 img { min-height: inherit; }
 .bloc-lg { background: hsla(142,77%,66%,.5); margin: 0 0 0 200px; }
 #slider-inner-1::before { background: none; }
 .txt-second { float: none; width: 100%; margin-bottom: 20px; max-width: inherit; }
 .gal-second { float: none; margin: 0 auto; }
 .bloc-real::before { background: none; }
 .w-real { float: none; margin: 0 0 20px 15px; }
 .ttl-real, .pic-real { float: left; margin: 0; }
 .bloc-real { background-size: cover; }
 .gal-real { float: none; margin: 0 0 0 95px; }
 .rs { width: 400px; float: none; text-align: center; margin: 10px auto; clear: both; }

.rubrique{
  width: 50%;
}


}
@media only screen and (max-width:799px){
 
}
@media only screen and (max-width:767px){
  .bloc-lg { margin-left: 145px; }
 .gal-real { margin-left: 70px; }
}

@media only screen and (max-width:719px){
  .bloc-lg { margin-left: 100px; }
 .gal-real { margin-left: 35px; }
}
@media only screen and (max-width:639px){
  .gal-real { margin-left: 15px; }
}
@media only screen and (max-width:599px){
 #flash { display: none; }
 .bloc-lg { background: #27a857; transform: none; width: 100%; margin-left: 0; }
 .main-lg { transform: none; }
 .bl-ttl h1 { font-size: 25px; }
 .txt-first { margin-top: 25px; margin-bottom: 0; padding-top: 15px; }
 .gal-real { margin-left: 7px; }
 .gal-real li { margin: 0 4px 0 0; }
 .phone { margin-left: 20px; }
}
@media only screen and (max-width:532px){
.gal-second { width: 100%; }
 .gal li { width: 33%; }
  .txt-gal li { width: 33%; font-size: 14px; line-height: 100px; min-height: 100px; }
  .gal li:nth-child(2) { top: 0; }
 .txt-gal li:nth-child(2) { top: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  .gal-real ul { width: 100%; }
  .gal-real li { width: 32%; }
}
@media only screen and (max-width:479px){
  .bl-ttl h1 { font-size: 20px; }
 .bg-cm { background: none; }
 .main-cm { width: 100%; transform: none; }
 .main-cm p { transform: none; }
 .pic-real { display: none; }
 .ttl-real { width: 100%; transform: none; }
 .ttl-real p { transform: none; padding: 10px 0; }
 .w-real { margin: 0 0 10px 0; }
 .gal-real li { margin: 0 35px 0 0; }
 .gal-real { margin-left: 13px; }
 .bloc-real { padding-bottom: 25px; }
 .lg-f { float: none; text-align: center; }
 .phone { float: none; margin-left: 65px; }
 .rs { float: none; width: 100%; }
 .coords a, .coords span { font-size: 32px; }
  .gal-real li { margin: 0 4px 0 0; }
  .coords { font-size: 15px; }
  .bloc-real { min-height: inherit; }

  .rubrique{width:100%;}
}
@media only screen and (max-width:359px){
  .coords a, .coords span { font-size: 26px; }
 .coords { font-size: 13px; }
 .bl-ttl h1 { font-size: 15px; }
 div, td { font-size: 12px; }
 .bl-second { padding: 0; }
 .gal-real li { margin: 0; float: none; display: inline-block; text-align: center; }
 .gal-real { margin-left: 10px; }
.phone { margin-left: 15px; }
}