* { font-family: "robotoregular", Times, serif; }
html, body { background: #fff; margin:0; font-family: arial; font-size: 14px; font-family: "Times New Roman", Times, serif; }
img { border: none; vertical-align: top; }
#corp #col_droite img{    padding: 3px;
    background: #ebebeb;}
a { text-decoration: none; color: #707173; }
a:focus { outline: 0; }
.oblig { color: #ff0000; }
#content h1, #content h2 { color: #6D6E71; font-weight: bold; margin: 0 0 15px; }
#content h1 { font-size: 18px; }
#content h2 { font-size: 16px; }
h3 { margin: 0; font-weight: normal; font-size: 14px; }
h2 { color: #6791CA; font-size: 18px; }
.ui-dialog { position: fixed; padding: .1em; overflow: hidden; }
.rouyouyou { position: absolute; top: 0; left: -9999em; }

#body2 { background: url('../images/bg_body2.png') repeat-x left bottom #EBEBEB; }

#header { background: #ffffff; text-align: center; padding: 10px 0; width: 100%;  position:relative; overflow:hidden}
#header .logosite {float: left;width: 411px;}
#header .adresseEntete {float: left; width: 408px;padding-left: 85px;}
#header .adresseEntete p {font-family: "mywriting";text-align: left;font-size: 21px;color: #666;margin-bottom: 0;}
#header .adresseEntete span {color: #6791cb;font-family: "robotobold";font-size: 28px;text-align: left;display: block;}
#header .qualibat {float: left;width: 76px;}

#corp { width: 980px; margin: auto;   }
#menuHeader, #menuHeader ul, #menuHeader li { height: 66px; }
#menuHeader .arrow { position: absolute; z-index: 10; top: 20px; left: 0; text-align: center; width: 100%; }
#menuHeader { margin: 0; padding: 0; position: relative; background: #1E1E1F; text-align: center; }
#menuHeader ul { margin: 0; padding: 0; list-style: none; }
#menuHeader li { height: 60px; display: inline-block;margin: 0 2px; width: 190px;background: #2D2D2D;border-top: 6px solid #6791cb; }
#menuHeader li:hover, #menuHeader li.selected { background-position: 0 -96px; background-color: #6791cb;}
#menuHeader li > a {    color:#fff; position: relative;
    text-decoration: none;
    font-size: 14px;
    line-height: 60px;
    padding: 0 15px;
    font-family: "robotobold";
    display: block;
    vertical-align: middle;
    text-align: center;
    height: 60px;}
#menuHeader li:hover > a, #menuHeader li > a.selected, #menuHeader li > a:hover { color: #ffffff; }

#menuHeader .sub { display: none; background: #383838; width: 191px; line-height: 25px; }
#menuHeader .sub a { color: #6791CA; width: 100%; height: 35px; line-height: 35px; display: inline-block; text-decoration: none; }

#david_banner_container { margin: auto; /*max-width: 1400px; */text-align: center; /*margin: 0 auto 15px;*/ background: #231F20;background: url('../images/fond_diapo.png');height: 358px;overflow: hidden; }
#david_banner { width: 980px; margin: 0 auto; position: relative; }
#david_banner a { position: absolute; top: 149px; width: 60px; height: 60px; background: #231F20; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 100; font-weight: bold; color: #ffffff; font-size: 35px; line-height: 510px; vertical-align: middle; font-family: Impact; }
#david_banner a#nav_prev { left: 0; background-image: url('../images/prev_arrow.png');}
#david_banner a#nav_next { right: 0; background-image: url('../images/next_arrow.png');}
#david_banner a:hover {opacity: 0.8;}
#david_banner img { margin: auto; width: 100%; }
#david_banner_slide { width: 980px; height:358px }
.slide-banner { width: 100%; }
#david_banner_slide .square {width: 215px;height: 215px;position: absolute;right: -150px;     right: 100px;top: 60px;overflow: hidden;background-image: url('../images/rond.png'); background-size: contain;}
.square .title {text-align: center;color: #6791CA;font-size: 20px;margin: 0 auto;opacity: 1;padding-top: 58px;width: 190px;font-family: "mywriting"; }
.square .data {text-align: center;font-size: 14px;color: #fff;width: 190px;margin: 0 auto;font-family: "robotoregular";margin-top: 15px; }

#body3 { background: #EBEBEB;position: relative;overflow: hidden;}
#whomademe, #menuFooter { margin: 10px auto 10px;/* width: 980px; */}
#whomademe { text-align: right; margin-top: 0; padding: 15px 10px 0 0;float: right;}
#whomademe a { font-size: 12px; color: #333; line-height: 30px}
#whomademe a img { margin-left: 10px;}

#menuFooter { padding: 10px 0 10px; text-align: left;float: left;}
#menuFooter li { list-style: none;margin: 0 20px;/* display: inline-block; */float: left;}
#menuFooter li a { color: #6D6E71; font-size: 14px; text-decoration: none; text-transform: lowercase; }
#menuFooter li a:hover { color: #6791cb ; }

#campagnePub {
    background: none;
}

#campagnePub img {
    position: relative;
    height: auto;
    width: 95%;
}

#campagnePub p {
    margin: 0;
    padding: 0;
    background: none;
	border:none;
}


.listrealisations{background:#fff; min-height: 424px;z-index: 1000;}
.listrealisations #corp{position: relative;}
.listrealisations .title{text-align: center;padding: 20px 0;     padding-bottom: 50px;}
.listrealisations .title span{ background: #ffffff;position: relative; z-index: 10;padding: 0 20px;font-size: 26px;color: #6791cb;font-family: "robotoregular";}
.listrealisations .wrapper_img{   margin: 0 13px; width: 294px;
    float: left;
    border-bottom: 5px solid #6791cb; border-top: 5px solid transparent;  border-left: 5px solid transparent;  border-right: 5px solid transparent;
      background: #ebebeb;
        min-height: 305px;    position: relative; transition: 0.5s all; }
.listrealisations .wrapper_img.marge {
    margin: 0 5px;
}

#pages_menu li .page_ul { background: #6791cb; margin: 0;  }
#pages_menu li .page_ul li { margin-left: 11px; }
#pages_menu li .page_ul li a { color: #fff; font-weight: normal; }
#pages_menu li .page_ul li a:hover { color: #fff; }

.listrealisations .wrapper_img:after { content: "";  transition: 0.5s all; transform: scale(0); position: absolute; width: 63px; height: 62px; left: 50%; margin-left: -30px; right: 0; top: 65px; bottom: 0;  background: url('../images/loupezoom.png') no-repeat ; }
.listrealisations .wrapper_img:hover { border:5px solid #6791cb; transition: 0.5s all;}
.listrealisations .wrapper_img:hover:after {content :""; transform: scale(1); transition: 0.5s all;}

.listrealisations .gal_img{
    display: block;
    overflow: hidden;
    max-height: 175px;}
.listrealisations .gal_img.full { max-height: none; }
#slide_me, .sliders{/* width: 980px !important; */}
.listrealisations .gal_img img{width: 293px;min-height: 185px; }
.listrealisations .gal_img.full img { height: 265px;  }
.listrealisations .desc{    padding: 15px;
    font-family: "robotoregular";}
.listrealisations .desc h3{font-family: "robotoregular";}
.listrealisations .info{    color: white;
    background: #333;
    display: block;
    text-align: center;
    padding: 5px 0;
    font-family: "robotoregular";
    position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 13px;
}

  .listrealisations a#nav_left {
    position: absolute;
    left: -5px;
    top: 175px;
    height: 60px;
    width: 60px;
    background: url('../images/left_arrow_blue.png');
    z-index: 99999;
}

.listrealisations a#nav_right {
    position: absolute;
    right: 0;
    top: 175px;
    height: 60px;
    width: 60px;
    background: url('../images/right_arrow_blue.png');
    z-index: 99999;
}

#nav_vignette {
    text-align: center;
    text-decoration: underline;
    padding: 20px 0;color: #6791cb;
    font-family: "robotoregular";
}

#nav_vignette a {
    font-family: "robotoregular";
    color: #6791cb;
}
#corp #contenu { /*background-color: #FFFFFF;*/ padding: 0; color: #707173;padding-bottom: 35px; }
#corp #contenu h4.ariane { margin: 0; padding: 10px 20px 0; font-size: 12px; text-align:right; font-weight: normal; }
#corp #contenu h4.ariane a:hover { color: #6791CA; }
#body2 > #corp {
    margin-top: 20px; background-color: #fff; position: relative;
}
#body2 > #corp:after { content :""; position : absolute; background-image: url('../images/madeinfrance.png'); background-repeat: no-repeat; height: 172px;
    position: absolute;
    right: -20px;
    top: -17px;
    width: 170px;
    z-index: 100;
}
#col_gauche { width: 220px; padding: 20px; float: left; }
.elt_col_gauche { background: #EBEBEB; padding: 5px; margin: 0 0 5px; }
.elt_col_gauche p {     text-transform: uppercase;font-family: "robotobold";position: relative; text-align: left; font-size: 16px; padding: 5px 0; padding-left:50px; background: #D1D3D4; margin: 2px 0 7px; border-bottom: 2px solid #6791cb;color: #6791cb; }
.elt_col_gauche p img { position: absolute; z-index: 10; top: -3px; left: 5px; }
.elt_col_gauche #coord { margin: 15px 0 0; padding: 5px 5px 15px; font-size: 14px;    font-family: Arial; }
.elt_col_gauche #coord strong{    font-family: "robotoregular";font-weight: bold;}
.elt_col_gauche #coord a{color:#6791cb ;    font-family: "robotoregular";}
.expand_cat { display: inline-block; width: 18px; height: 18px; background: url('../images/grey_blue_arrow.png') no-repeat left top transparent; float: left; margin: 6px; }
#pages_menu .page_sup:hover .expand_cat, #pages_menu li div.selected .expand_cat { background-position: 0 -18px; }
#pages_menu {margin: 0 0 5px; }
#pages_menu a {
    font-family: "robotoregular";
}
#pages_menu ul { list-style: none; margin: 0; padding: 0; }
#pages_menu li { /*height: 30px;*/ line-height: 30px; vertical-align: middle; }
#pages_menu .page_sup { background: url('../images/bg_menu_gauche.png') repeat-x left top transparent; font-size: 12px; }
#pages_menu .page_sup:hover, #pages_menu .page_sup.selected { background-position: 0 -30px; }
#pages_menu .page_sup.selected a.page_lien, #pages_menu .page_sup a.page_lien:hover, #pages_menu .page_sup:hover a { color: #6791CA; }
#pages_menu .page_ul { margin: 0 0 0 11px; display: none; }
#pages_menu .page_ul li { line-height: 20px; }
#pages_menu .ss_page_lien { font-weight: bold; color: #A7A9AC; font-size: 12px; }
#pages_menu .ss_page_lien.selected, #pages_menu .ss_page_lien:hover, #corp #pages_menu .ss_page_lien:hover span, #pages_menu .ss_page_lien span.selected {     color: #fff;font-weight: bold;font-size: 14px; }
#pages_menu .ss_page_lien span { color: #A7A9AC; font-weight: bold; margin-right: 11px; font-family: Impact; font-size: 13px; }

#col_gauche #pop_func { list-style: none; margin: 15px 0 0; padding: 0; }
#pop_func li{background: #EBEBEB; margin-bottom: 10px;}
#pop_func a {     font-family: "robotobold";background: #EBEBEB; position: relative; display: inline-block; height: 35px; line-height: 35px; vertical-align: middle; width: 170px; margin: 0; padding-left: 50px; }
#pop_func a:hover { background: #D1D3D4; }
#pop_func span { position: absolute; top: 0px; left: 0; display: inline-block; width: 40px; height: 35px; background-color: #ffffff; background-position: left top; background-repeat: no-repeat; }
#pop_func a:hover span { background-position: 0 -35px; }
span#picto_news { background-image: url('../images/picto_news.png'); }
span#picto_share { background-image: url('../images/picto_share.png'); }
span#picto_comment { background-image: url('../images/picto_comment.png'); }

#col_droite { margin-left: 260px; overflow: hidden;     margin-right: 20px;}
#col_droite .title { text-align: center;   padding: 30px 20px 45px 0; }
hr, .title hr { background: #e1e9f5; color: #6D6E71; height: 1px; border: 0; }
.title hr { position: relative; top: 14px; z-index: 1; margin: 0 auto; margin-right: 130px;  }
.title span { background: #ffffff; position: relative; z-index: 10; padding: 0 20px 0 0; font-size: 24px; color: #58595B; float: left;font-family: "robotobold";}

#content {     padding-right: 95px;}
#galerie { padding: 0 20px 20px 0; }

#col_droite #nav_vignette { height: 18px; line-height: 18px; vertical-align: middle; text-align: right; padding-right: 25px; margin: 0; }
#col_droite #nav_vignette a { color: #6D6E71; font-weight: bold; font-size: 11px; background-position: left top; background-color: transparent; background-repeat: no-repeat; margin-right: 10px; text-decoration: underline; }
#col_droite #nav_vignette a:hover { background-position: -18px 0; }
#col_droite #nav_vignette a#nav_left, #col_droite #nav_vignette a#nav_right { margin: 0; display: inline-block; width: 18px; height: 18px; text-decoration: none; }
#col_droite #nav_vignette a#nav_left { background-image: url('../images/grey_left_arrow.png'); }
#col_droite #nav_vignette a#nav_right { background-image: url('../images/grey_right_arrow.png'); }
#col_droite .wrapper_img { width: 160px; height: 280px; float: left; background: #E6E7E8; margin: 20px 20px 20px 0; text-align: right; font-size: 12px; }
#col_droite .wrapper_img .gal_img { text-align: center; width: 100%; display: inline-block; }
#col_droite .wrapper_img .desc { text-align: center; height: 123px; padding: 5px; overflow: hidden; line-height: 18px; }
#col_droite .wrapper_img .info { background: #000000; color: #ffffff; font-size: 10px; display: inline-block; padding: 7px 15px; }
#col_droite .wrapper_img .info:hover { background: #1C75BC; }

#version_site { text-align: center; margin: 30px 0; }
#version_site span { color: #000000; }
#version_site a { color: #000000; text-decoration: underline; padding: 3px; }

.zoom_galerieimg_dialog a img { border: 0; vertical-align: top; }
.zoom_galerie_legende { font-size: 12px; margin: 15px 0 0; line-height: 20px; text-align: left;  max-width: 870px; }

#col_droite .gallery .wrapper_img{   margin: 0 2%; width: 203px;
    float: left;
    border-bottom: 10px solid #6791cb;
      background: #ebebeb;
        min-height: 250px;    position: relative;}
.gallery .wrapper_img.marge {
    margin: 0 1%;
}
#col_droite .gallery .gal_img{
    padding: 6px;
    display: block;
    overflow: hidden;
    max-height: 129px;
    width: auto;
    }
.gallery .gal_img img{width: 100%;}
.gallery .desc{    padding: 15px 6px;
    font-family: "robotoregular";}
.gallery .desc h3{font-family: "robotoregular";}
#col_droite .gallery .info{    color: white;
    background: #333;
    display: block;
    text-align: center;
    padding: 5px 0;
    font-family: "robotoregular";
    position: absolute;
  width: 100%;
  bottom: 0;
      font-size: 13px;
}

  #domaines{
    position: relative;
    overflow: hidden;
    padding-left: 0;
  }
    #domaines li {
        float: left;
        list-style: none;
        margin-right: 1px;
        margin-bottom: 10px;
    }

    #domaines li a {
        color: #707173;
        display: block;
        height: 18px;
        minwidth: 48px;
        float: left;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        background: #EBEBEB;
        font-family: robotoregular;
            cursor: pointer;
    }

    #domaines li a.active,#domaines li:hover a  {
        color: white;
        display: block;
        height: 18px;-
        minwidth: 48px;
        float: left;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        background: #6791cb;
    }

    #domainetitre {
    font-family: "robotobold";
    font-size: 23px;
    width: 460px;
    line-height: 32px;
    color: #6791cb;
}
#domaine figure img {  padding: 0 !important; }

#corp #col_droite h1 {
  color: #6D6E71;
font-size: 27px;
font-weight: normal;
margin: 0 0 15px;
font-family: "robotoregular";
width: 500px;
}


#historique .lignehistorique .anneehistorique {
    float: left;
    margin-right: 5px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 20px;
    border-right: 5px solid;
    font-size: 24px;
    color: #6791cb;
    font-family: "robotobold";
}

#historique .lignehistorique .contenuhistorique {
    float: left;
    width: 615px;
        margin-left: 5px;
}

#historique .lignehistorique {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    /* padding: 5px 0; */
}

#historique .lignehistorique .contenuhistorique p {
    margin: 0;
    margin-top: 8px;
    font-family: "robotoregular";
    line-height: 18px;
    font-size: 14px;
}

#historique .lignehistorique .anneehistorique p {
    font-family: "robotobold";
    margin: 0;
    float: left;
}
#historique h3 {
    font-family: "robotobold";
    font-size: 24px;
    color: #6791cb;
    margin-bottom: 30px;
        margin-top: 15px;
}

#domaine ul {
    position: relative;
    overflow: hidden;
}

#domaine ul li {
    float: left;
    list-style: none;
        width: 33%;
}

#domaine ul li figure {
    background: #e6e7e8;
    display: block;
    width: 188px;
    float: left;
    min-height: 150px;
    margin: 0; max-height: 140px; overflow: hidden;
}

#domaine ul li div {
    float: left;
    width: 188px;
    text-align: center;
    background: #333;
    color: white;
    border-bottom: 3px solid #6791cb;
    margin-bottom: 20px;
}

#domaine ul li div p {
    font-family: "robotobold";
}

#domaine #domainetitre {
    margin-top: 60px;
    margin-bottom: 30px;
}

#partenaires #partenairesTitre{
  font-family: "robotobold";
    font-size: 23px;
    width: 460px;
    line-height: 32px;
    color: #6791cb;
    margin-top: 25px;
        margin-bottom: 10px;
}

#partenaires .blocPartenaires .blocPartenaire {
  width: 219px;
float: left;
border: 1px solid;
margin-right: 12px;

}

#partenaires .blocPartenaires {
    position: relative;
    overflow: hidden;
}

#partenaires .blocPartenaires .blocPartenaire a {
    display: block;
    text-align: center;
 width: 219px; height: 139px; line-height: 139px;
}

#partenaires .blocPartenaires .blocPartenaire.img a{
  padding: 0;
}

#partenaires .blocPartenaires .blocPartenaire:hover {
  border: 4px solid #6791CB;
width: 213px;
}

#partenaires .blocPartenaires .blocPartenaire a img {
    background: none !important;
    padding: 0 !important; max-width: 208px; vertical-align: middle; max-height: 137px;
}

#partenaires .blocPartenaires .blocPartenaire.img {
    padding: 0;
}

#partenaires .blocPartenaires .blocPartenaire.img:hover {
    height: 133px;
    overflow: hidden;
}

#partenaires .blocPartenaires .blocPartenaire.img:hover img {
  margin-top: -6px;
margin-left: -6px;
}

#partenaires .blocPartenaires .blocPartenaire:hover a {
    padding-top: 45px;
    padding-bottom: 44px;
}

#partenaires .blocPartenaires .blocPartenaire.img a {
    padding: 0;
}

.breadcrumb ul {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-bottom: 0;
        margin-top: 20px;
}

.breadcrumb li {
    float: left;
    list-style: none;
    margin-left: 4px;
}

.breadcrumb h4 {
    margin: 0;
}

.breadcrumb h4 a {
    color: #6791cb;
    font-family: "robotoregular";
    font-weight: normal;
}

#banniere_index{
  max-width: 1525px;
text-align: center;
background: url('../images/bg_banniere.png') 50% 0;
height: 112px;
overflow: hidden;
    margin: 0 auto;
}

.imageSociete{
    max-width: 99%;}

#content.societe{
padding-right:0px;
}
/* popup */
.ui-widget-header { background: #6791cb ; font-family: "robotoregular", arial; color: #fff; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.ui-widget-content {padding: 0; border: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px solid #333; background-color: #333; color: #fff;}
#submit_newsletter, #reset_newsletter, #submit_avis, #reset_avis { background: #333; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#form_newsletter {margin-top: 50px; }
#fieldset_newsletter input[type=text]{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#form_signaler { margin-top: 10px; }

.gallery.intern img, #col_droite .gallery.realisations .wrapper_img img{ margin-left: -5px; padding-left: 0}


#col_droite .gallery.realisations { overflow: hidden; width: auto !important; }
#col_droite .gallery.realisations .wrapper_img { margin: 0 20px 20px 0; }

#domaine a div { transition: all 0.5s; border-top: 6px solid transparent ;}
#domaine a:hover div { border-top: 6px solid #6791cb; }
#domaine a { background: #58585a; }



#mobileBouton { display: none; }












/* RESPONSIVE  */

@media (min-width: 768px) and (max-width: 987px){
  #campagnePub img{width: auto;margin: 0 auto;display: block;}
  #corp { width: 100%; }
  #header .logosite { width: 275px; }
  #header .logosite img { width: 80%; }
  #header .adresseEntete { padding-left: 10px; }
  #david_banner,.slide-banner, #slide_me, .sliders{width: 100% !important; }
  #david_banner_slide { width: 100%; }
  #header .qualibat { width: 70px; }
  #menuHeader li { width: 145px; }
  .listrealisations .wrapper_img {width: 29%;}
  #body2 > #corp:after { content: none; }
  #content { padding-right: 0; }
  #menuFooter li { margin: 0 15px; }
  #menuHeader li > a { font-size: 12px; }
  #historique .lignehistorique .contenuhistorique { width: 400px; }
  #domaine ul { padding: 0; }
  #domaine ul li figure, #domaine ul li div { width: 100%; }
  #content table { width: 100% !important; }
  .gFormulaire p { width: auto !important; float: none !important; }
}

@media (max-width: 767px){
   #campagnePub img{width: auto;margin: 0 auto;display: block;}
  #mobileBouton {cursor: pointer; display: block; width: 40px; height: 40px; position: absolute; right: 10px; top: 20px; background: #6791cb; }
  #mobileBouton span { height: 2px; background: #fff; display: inline-block; width: 20px; top: 9px; left: 10px; position: absolute; }
  #mobileBouton a { height: 40px; width: 40px; display: block; }
  #mobileBouton span.deux { top: 19px;  }
  #mobileBouton span.trois { top: 29px; }
  #corp { width: auto; padding: 0 20px; }
  #david_banner { width: 100%; }
  #david_banner_slide { width: 100%; height: 300px; }
  #david_banner_container { height: 300px; }
  #slide_me, .sliders { width: 100% !important; }
  .slide-banner { width: 100% !important; }
  .adresseEntete, .qualibat { display: none; }
  #header .logosite { float: none; width: 250px; margin-left: 10px; }
  #header .logosite img { width: 80%; float:left }
  #menuHeader, #menuHeader ul, #menuHeader li { height: auto; }
  #menuHeader {display: none; }
  .listrealisations .wrapper_img { margin: 0; width: 100%; }
  .listrealisations .gal_img img {max-width: 100%; min-height: 185px; width: auto;  }
  .listrealisations .gal_img { max-height: 230px; text-align: center;}
  #david_banner a {top: 120px; }
  #david_banner img {height: 300px; width: auto; }
  #slide_me { max-height: 315px; }
  #menuHeader li { width: 100%; border-top: 1px solid #6791cb; margin: 0;  }
  #menuHeader li > a { height: auto; line-height: initial; padding: 6px 0;}
  #menuHeader li:hover, #menuHeader li.selected { background-position: 0 0;}
  #david_banner_slide .square {top: 15px; right: 15px; }
  .listrealisations .desc h3 { height: 15px; overflow: hidden; }
  #col_droite { margin: 0; }
  #body2 > #corp:after { content: none; }
  #content { padding-right: 0; }
  #content img { float: none !important; }
  #corp #content2 {margin-bottom: 20px !important;}
  #domaine li:nth-child(2n) { margin-left: 0 !important; }
  #domaine li { float: none; width: 100% !important;}
  #col_gauche { padding: 0; float: none; width: 100%; margin-top: 20px; }
  #whomademe {float: none; text-align: center; }
  #menuFooter { padding: 0;}
  #historique .lignehistorique .anneehistorique { border-right: 0; border-bottom: 2px solid #6791cb; padding-bottom: 5px; }
  #historique .lignehistorique .contenuhistorique { margin-left: 0; margin-bottom: 10px; width: auto;  }
  #domaine #domainetitre { width: auto; margin-top: 20px; }
  #domaine ul {padding: 0; }
  #domaine ul li { width: 50% !important; }
  #domaine ul li figure { width: auto; background: #ccc; width: 100%; height: 140px; }
  #domaine ul li div { width: 100%;}
  #domaine ul li div p { font-size: 13px; }
  #col_droite .gallery.realisations .wrapper_img { margin: 0;  width: 50%; }
  #partenaires #partenairesTitre { width: auto; }
  #partenaires .blocPartenaires {position: inherit;overflow: visible;}
  #partenaires .blocPartenaires .blocPartenaire { /*width: 45%;*/ margin: 0; padding: 0; clear:both; }
  #partenaires .blocPartenaires .blocPartenaire:hover { /*width: 45%;*/ padding: 0; }
  #partenaires .blocPartenaires .blocPartenaire a img { width: auto; }
  #partenaires .blocPartenaires .blocPartenaire a { padding: 0; }
  #partenaires .blocPartenaires .blocPartenaire:hover a { padding: 0; }
  .banniereimg img { width: 100%; }
  #banniere_index { height: auto; }
  .gFormulaire { padding: 0 !important; }
  .gFormulaire p { width: 100% !important; float: none !important; }
  .gFormulaire textarea { width: 96% !important; }
  .plan > li {width: 100%; }
  #content table { width: 100% !important; }
  #col_droite .gallery .wrapper_img { margin: 0; width: 50%; }
}










/* TYPOGRAPHY */
@font-face {
    font-family: 'mywriting';
    src: url('../fonts/mywriting.eot');
    src: url('../fonts/mywriting.eot') format('embedded-opentype'),
         url('../fonts/mywriting.woff2') format('woff2'),
         url('../fonts/mywriting.woff') format('woff'),
         url('../fonts/mywriting.ttf') format('truetype'),
         url('../fonts/mywriting.svg#mywriting') format('svg');
	font-display:fallback;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/robotobold.eot');
    src: url('../fonts/robotobold.eot') format('embedded-opentype'),
         url('../fonts/robotobold.woff2') format('woff2'),
         url('../fonts/robotobold.woff') format('woff'),
         url('../fonts/robotobold.ttf') format('truetype'),
         url('../fonts/robotobold.svg#robotobold') format('svg');
	font-display:fallback;
}


@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/robotoregular.eot');
    src: url('../fonts/robotoregular.eot') format('embedded-opentype'),
         url('../fonts/robotoregular.woff2') format('woff2'),
         url('../fonts/robotoregular.woff') format('woff'),
         url('../fonts/robotoregular.ttf') format('truetype'),
         url('../fonts/robotoregular.svg#robotoregular') format('svg');
	font-display:fallback;
}