/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

@media only screen and (max-width: 640px) {

body {
  min-width: 100%;
}

.page-line, .page-line-begin {
  font-size:100%;
}

img {
  max-width:95% !important;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-right: 0;
}

.omega {
  margin-left: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 96%;
}

.container_12 .grid_2 {
  width: 96%;
}

.container_12 .grid_3 {
  width: 96%;
}

.container_12 .grid_4 {
  width: 96%;
}

.container_12 .grid_5 {
  width: 96%;
}

.container_12 .grid_6 {
  width: 96%;
}

.container_12 .grid_7 {
  width: 96%;
}

.container_12 .grid_8 {
  width: 96%;
}

.container_12 .grid_9 {
  width: 96%;
}

.container_12 .grid_10 {
  width: 96%;
}

.container_12 .grid_11 {
  width: 96%;
}

.container_12 .grid_12 {
  width: 96%;
}

.container_12 .grid_2_mob {
  width:43%;
}

.container_12 .grid_mob_5 {
  width:30%;
}

.container_12 .grid_mob_7 {
  width:45%;
}

.container_12 .grid_mob_3 {
  display: inline;
  float:left !important;
  width:40%;
}



.img-plus-square {
  display:none;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-right: 80px;
}

.container_12 .prefix_2 {
  padding-right: 160px;
}

.container_12 .prefix_3 {
  padding-right: 240px;
}

.container_12 .prefix_4 {
  padding-right: 320px;
}

.container_12 .prefix_5 {
  padding-right: 400px;
}

.container_12 .prefix_6 {
  padding-right: 480px;
}

.container_12 .prefix_7 {
  padding-right: 560px;
}

.container_12 .prefix_8 {
  padding-right: 640px;
}

.container_12 .prefix_9 {
  padding-right: 720px;
}

.container_12 .prefix_10 {
  padding-right: 800px;
}

.container_12 .prefix_11 {
  padding-right: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-left: 80px;
}

.container_12 .suffix_2 {
  padding-left: 160px;
}

.container_12 .suffix_3 {
  padding-left: 240px;
}

.container_12 .suffix_4 {
  padding-left: 320px;
}

.container_12 .suffix_5 {
  padding-left: 400px;
}

.container_12 .suffix_6 {
  padding-left: 480px;
}

.container_12 .suffix_7 {
  padding-left: 560px;
}

.container_12 .suffix_8 {
  padding-left: 640px;
}

.container_12 .suffix_9 {
  padding-left: 720px;
}

.container_12 .suffix_10 {
  padding-left: 800px;
}

.container_12 .suffix_11 {
  padding-left: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  right: 80px;
}

.container_12 .push_2 {
  right: 160px;
}

.container_12 .push_3 {
  right: 240px;
}

.container_12 .push_4 {
  right: 320px;
}

.container_12 .push_5 {
  right: 400px;
}

.container_12 .push_6 {
  right: 480px;
}

.container_12 .push_7 {
  right: 560px;
}

.container_12 .push_8 {
  right: 640px;
}

.container_12 .push_9 {
  right: 720px;
}

.container_12 .push_10 {
  right: 800px;
}

.container_12 .push_11 {
  right: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  right: -80px;
}

.container_12 .pull_2 {
  right: -160px;
}

.container_12 .pull_3 {
  right: -240px;
}

.container_12 .pull_4 {
  right: -320px;
}

.container_12 .pull_5 {
  right: -400px;
}

.container_12 .pull_6 {
  right: -480px;
}

.container_12 .pull_7 {
  right: -560px;
}

.container_12 .pull_8 {
  right: -640px;
}

.container_12 .pull_9 {
  right: -720px;
}

.container_12 .pull_10 {
  right: -800px;
}

.container_12 .pull_11 {
  right: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}



/*	
-------------------------------------------                                  
  Flottants
-------------------------------------------
*/

.contact-left {
  display:none;
}

#pop-top {
  display:none;
}

#open {
  display:none;
}

/*	
-------------------------------------------
    Homepage
-------------------------------------------
*/

.para-interbloc-front {
  display:none;
}

.para-interbloc-back {
  display:block !important;
  visibility:visible !important;
  -webkit-visibility:visible !important;
  opacity:1 !important;
  -webkit-opacity:1 !important;
}

.sq-logo-home p {
  background:none !important;
  font-size:1.5em;
  margin:70px auto 0 auto !important;
}

.hsquare-home {
  width:99.999999% !important;
}

.sq-texte-home {
  width:99.999999% !important;
}

.sq-logo-home {
  width:99.999999% !important;
}

.btn-img-home {
  padding:5px !important;
}

a#link-home {
  margin:0 auto;
}

.num-top {
  float:left;
}

#preheader div.num-top.grid_3 {
  float:left;
  width:50%; 
  margin:0;
  padding:13px 0 0 0;
  text-align:center;
}

#banner-home {
  display:none;
}

#nav-banner {
  display:none;
}

#blog-actu {
  clear:float;
  text-align:center;
  position:relative;
}
  
.top-form {
  margin-top:40px;
}

.btn-right-plus {
  display:none;
}

div#formulaire-contact-home {
  margin-top:30px;
  height:auto !important;
}


#expertise-table {
  height:auto !important;
}

#expertise-table img {
  display:block;
  height:auto;
}

table.tab-home-contact {
  width:100% !important;
}

table.tab-home-contact td {
  float:left;
}

#dates-table tr.line-impaire td img, #dates-table tr.line-paire td img {
  margin-left:0 !important;
}

#tabs-dates li.ui-state-default {
  background:#f2f2f2 !important;
}

#tabs-dates li.ui-state-active {
  background:#0d8cbf !important;
}

#tabs-dates ul.ui-tabs-nav {
  height:213px !important;
}

a.bouton-white-more-petit {
  margin:20px auto;
  width:70% !important;
}

.ui-tabs-panel {
  height:300px !important;
}

p.titre-actu {
  font-size:70% !important;
}

p.contenu-actu {
  font-size:70% !important;
}

/* Actus */

.page-inter-actu h2 {

}

/* Banner cat */

#banner-cat {
  margin-top:50px;
}

/*	
-------------------------------------------
    Nav Mobile
-------------------------------------------
*/

    nav#menu {
        display:none
    }
 
    nav#mobile {
        background-color:#f2f2f2;
        display:block;
    }
 
    /*
    Top black bar that holds the toggle button
    */
 
    ul#mmenu {
      margin:0;
      padding:0;
    }

    nav#mobile, #toggle-bar {
      padding:0;
      margin:0;
      width:100%;
      color:#707070;
    }

    nav#mobile, #toggle-bar {
        line-height:60px;
        height:60px;
    }
    
    .ultra-fixed nav#mobile {
        line-height:30px;
        height:30px;
    }
    
    .ultra-fixed nav#mobile #toggle-bar {
        line-height:30px;
        height:30px;
    }
 
    /*
    Toggle button #1 ("Menu")
    */
 
    nav#mobile strong a {
        margin-left:30px;
        border:1px solid #444;
        padding:10px;
    }
 
    /*
    Toggle button #2 ("Navicon")
    */
 
    nav#mobile .navicon {
        float: right;
        height: 6px;
        width: 34px;
        margin: 15px 20px 20px 20px;
        border-top: 18px double #707070;
        border-bottom: 6px solid #707070;
        font-size:0;
    }
    
    .ultra-fixed  nav#mobile .navicon {
        float: right;
        height: 3px;
        width: 34px;
        margin: 8px;
        border-top: 9px double #707070;
        border-bottom: 3px solid #707070;
        font-size:0;
    }
    
    .ultra-fixed a.textoggle {
      margin:0 !important;
      padding:0 0 0 5px !important;
      border:0 !important;
      text-decoration:none;
      color:#707070;
    }
    
    a.textoggle {
      margin:0 !important;
      padding:0 0 0 15px !important;
      border:0 !important;
      text-decoration:none;
      color:#707070;
      font-size:medium;
    }
 
    /*
    The dropdown menu
    */
 
    nav#mobile ul li {
        clear:both;
        list-style:none;
        width:100%;
        border-bottom:2px solid #fff;
    }
 
    nav#mobile ul li a {
        display:block;
        background-color:#0d8cbf;
        text-transform:uppercase;
        letter-spacing:.2em;
        padding:5px !important;
    }
 
    nav#mobile ul ul {
        font-size:small;
    }
 
    nav#mobile ul ul li {
        margin-left:30px;
    }
 
    nav#mobile ul ul a {
        background-color:#333;
        padding-left:8px;
    }
 
    nav#mobile ul ul a:before {
        content: "2192";
        padding-right:8px;
    }

  a.menu-lvl1-current {
    color:#707070 !important;
    background:#fff !important;
  }
  
  #mmenu ul li:hover {

  }

  .ultra-fixed a#link-home {
    background-size:80%;
  }
  
  #menu-cat {
    display:none;
  }

  #sous-cat-nav-mobile {
    display:block !important;
    margin-top:75px;
  }

  ul.souscatnavul {
    padding:0; 
    margin:0;
  }
  
  ul.souscatnavul a {
    display:block;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding:10px 0 0 0 !important;
  }

/*	
-------------------------------------------
    Footer
-------------------------------------------
*/

div.newsletter-box {
  width:220px;
  margin:0 auto;
}

p#receive-newsletter {
  display:block;
  width:220px;
  margin:0 auto;
}

.logo-footer {
  width:69px;
  margin:0 auto;
}

/*
-------------------------------------------
    Flippers
-------------------------------------------
*/

.flip-container-foot, .front-foot, .back-foot {
	width: 100% !important;
	height: 80px;
  margin:10px 0 10px 0 !important;
}

.flip-container, .front, .back {
	width: 100% !important;
	height: 220px;
  margin:10px 0 10px 0 !important;
  padding:0;
}

.flip-container-quatre, .front-quatre, .back-quatre {
	width: 100% !important;
	height: 220px !important;
  margin:10px 0 10px 0 !important;
  padding:0;
}
 
.flip-container-chiffres, .front-chiffres, .back-chiffres {
	width: 100% !important;
	height: 220px;
  margin:10px 0 10px 0 !important;
}

.sous-cat-blocs-blanc {
  width:100% !important;
  height:220px;
}      

.slogan {
}

.right-zone-catban {
  display:none;
}

.homecov {
  display:none;
}

.picto-sous-cat {
  width:20% !important;  
}

.texte-sous-cat {
  width:75% !important;  
}

.title-nav-cat {
  text-align:left !important;
}

/* Encart Google partner */

.encart-agence-left {
  width:100% !important;
}

.encart-agence-right {
  width:100% !important;
}
/*	
-------------------------------------------
    Nav Sous-cat
-------------------------------------------
*/

div#menu-cat {
  height:auto !important;
  overflow:hidden;
  background:#fff;
  padding:5px;
  box-shadow:0 0 0 0;
}

div.item-menu-cat-pl, div.item-menu-cat-1l {
  background:#0d8cbf !important;
  float:left !important;
  word-spacing:150px !important;
  width:40% !important;
  line-height:17px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin:5px 5px 5px 5px !important;
}

div.item-menu-cat-pl {
  padding:10px !important;
  min-height:35px !important;
  height:auto !important;
}

div.item-menu-cat-1l {
  padding:18px 10px 7px 10px !important;
  min-height:30px !important;
  height:auto !important;
}

div.item-menu-cat-pl:hover, div.item-menu-cat-1l:hover {
  background:#707070 !important;

}

div.current-souscat-pl {
  background:none;
  color:#fff !important;
}

div.item-menu-cat-pl a {
  padding:0 !important;
  line-height:auto !important;
  color:#fff !important;
}

div.item-menu-cat-pl a, div.item-menu-cat-1l a {
  color:#fff;
  padding:0;
  line-height:auto !important;
}

div.item-menu-cat-pl:hover a, div.item-menu-cat-1l a:hover {
  color:#fff;
  padding:0;
}

div.item-menu-cat-contact {
  width:100% !important;
  margin:0 auto !important
}

.page-line {
  height:auto !important;
}

.bouton-orange-more-grand {
  max-width:70%;
}

.right-encart p {

}

.right-encart {
  height:auto !important;
  margin-left:10px !important;
}

.sous-liste {
  margin-bottom:30px;
}

#preheader {
  height:100px !important;
}

.picto-encart-gris-sp-invers, .picto-encart-gris-sp {
  display:none;
}

.encart-gris-sp, .encart-gris-sp-invers {
  height:auto !important;
  overflow:hidden;
}

.encart-gris-sp p, .encart-gris-sp-invers p {
  font-size:80% !important;
}

#home-content {
  margin-top:60px;
}

#maillage-actus-top {
  display:none;
}

/*reals*/

.left-reals {
  width:100% !important;
  height:200px !important;
  background-position:top center;
  background-size:100% auto !important;
  overflow:hidden;
}

.right-reals {
  width:100% !important;
  background:#f6f6f6;
  height:auto !important;
  overflow:hidden;
  border-bottom:10px solid #0d8cbf;
  padding-bottom:20px;
  padding-top:10px;
}

.mask-reals1 {
  display:none;
}

.mask-reals2 {
  display:none;
}

.blog-actu-gris {
  display:none;
}

}

@media screen and (max-width:540px) {
ul#menu > li {display: block;}
}