/*
Theme Name: La Manivelle
Theme URI: http://wordpress.bbxdesign.com
Author: bbx
Author URI: http://bbxdesign.com
Description: Mon Portfolio
Tags: blue, orange, light, three-columns, left-sidebar, responsive-layout, editor-style, featured-images, full-width-template, sticky-post, theme-options, translation-ready, accessibility-ready
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500,600,700&display=swap');


/*-------------------------------- PROJETS / PAGE ETRE LU - ETRE VU - ETRE NUMERIQUE ----------------------------------*/

input[type=checkbox], input[type=radio]{
  opacity: 0;
}

#breadcrumbs{
  padding-left: 7%;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  padding-top: 2%;
  font-weight: 100;
}

#breadcrumbs span a{
  color:black;
}

#breadcrumbs a:-webkit-any-link{
  cursor: default;
}

#breadcrumbs a:hover{
  text-decoration: none;
}



.row_2{
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.flex-column:nth-child(5){
margin-top: -16%;
}

.flex-column:nth-child(11){
margin-top: -16%;
}

.col-3 img{
  filter: gray;
  -webkit-filter: grayscale(1);
}

.col-3 img:hover {
   filter: none;
     -webkit-filter: grayscale(0);
     -webkit-transform: scale(1.01);
   }

.col-xs-12{
margin-right:8%
}

.grid_proj{
  margin-left:8%;
}

.credit_1, .credit, .credit_2{
  font-size: 15px;
  font-family: 'Cormorant Garamond', sans-serif;
  padding-top: 2%;
}

.credit a{
  color: black!important;
}

/*-------------------------------- PROJETS / PAGE SINGLE ----------------------------------*/


/*-------------------------------- LIGHTBOX / PAGE LES EDITIONS LA MANIVELLE ----------------------------------*/


/*-------------------------------- FOOTER ----------------------------------*/


footer .grid_f{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 1%;
}

.studio, .contact, .suivre{
  padding-left: 30%;
}

.studio, .contact{
  border-right: 1px solid gray;}

  footer p{
    font-family: 'Cormorant Garamond', sans-serif;
      font-size: 11pt;
  }

  /*-------------------------------- FORMULAIRE / PAGE CONTACT ----------------------------------*/

span.wpcf7-not-valid-tip{
  font-family: 'Cormorant Garamond', sans-serif;
  padding-top: 2%;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
  border:1px solid red;
  font-family: 'Cormorant Garamond', sans-serif;
  color:red;

}

button{
  background: none;
  border: 0;
}

.wpcf7 .btn, input[type="submit"]{
    font-family: 'Cormorant Garamond', sans-serif;
  background: none;
  border:0;
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 0.1rem;
  font-size: smaller;
  text-align:right;

}

.d-flex{
  margin-bottom: 5%;
}
      .flex-column {
          max-width: 25%;
          width:100%;
          margin-left: 3%;
      }

      .flex-column a{
        margin:10%;
      }





.titre_prjt{
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
   letter-spacing: .1rem;
   font-size: x-large;
   width: 80%;
  }

  .texte_prjt{
    font-family: 'Cormorant Garamond', sans-serif;
    letter-spacing: 0;
    margin-left: 6%;
  }

  .container_prjt{
  width: 40%;
  margin-top: 10%;
  margin-left: 10%;
}
.post img{
  width: 80%;
  padding-right: 0%;
}

.button_prjt p{
  padding-top: 1%;
  padding-left: 1%;
}



.button_prjt{
  position: absolute;
  display: flex;
  width: 100%;
  padding: 5%;
  font-family: 'Cormorant Garamond', sans-serif;
  font-weight: 300;
  font-size: 11pt;
  color: white;
  letter-spacing: .08rem;
}

.container_3{
  padding-top: 7%;
  margin-bottom:5%;
}

.cent{
  padding-left: 15%;
  padding-right: 10%;
  width: 100%;
}
.grid_temp{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 10%;
  grid-row-gap: 8%;
  margin-left: 6%;
  margin-right: 6%;
}


.grid_temp_2{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 10%;
  grid-row-gap: 2%;
  margin-left: 6%;
  margin-right: 6%;
}

.txt_tt{
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
   letter-spacing: .1rem;
}

.contain_t{
margin-top: 10%;
margin-bottom: 4%;
}

.contain_t p{
  font-family: 'Cormorant Garamond', sans-serif;
  font-size: 10pt;
  line-height: 20pt;
}

.nth:nth-child(5){
margin-top: -67%;
}



.grid_temp img{
  width: 100%;
}

.grid_temp_2 img{
  width: 100%;
}

.actu{
  font-family: 'Open Sans', sans-serif;
  letter-spacing: .3rem;
  font-size: 20pt;
  font-weight: 100;
  margin-left: 6%;
  padding-bottom: 2%;
  text-transform: uppercase;


}

.actu p{
  padding-top: 1%;
  font-family: 'Cormorant Garamond', sans-serif;
font-size: 10pt;
font-weight: 100;
}

.grd_1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  letter-spacing: .12rem;
  font-size: x-small;

  display: grid;
  grid-template-columns: 20% 70%;
  grid-column-gap: 5%;


  		width: -webkit-fill-available;
  		background-color: rgba(255, 255, 255, 1);
  		height: 25%;
      padding: 4%;
      width: 100%;
}

h2,h3,h4,h5,h6{
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  letter-spacing: .18rem;
  padding-bottom: 2%;
  padding-left: 10%;
  text-align: left;
  width: 60%;
  text-transform: uppercase;
}

.info_complem{
  margin-left: 30%;
  border-left: 1px solid gray;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{
  display: 0;
}


article {
	padding-top: 10%;
}

main{
	padding-top: 15%;
}

.texte_prjt{
  font-size: 11pt;
}

.titre_prjt{
  padding-bottom: 2%;
}

/*-------------------------------- MENU / HEADER ----------------------------------*/

header{
  position: fixed;
  width: -webkit-fill-available;
  background-color: rgba(255, 255, 255, 1);
  height: 10%;
  z-index: 1;
}

.mnu_1 ul {
  border-right: 1px solid gray;
}

.mnu_1 li{
  color: #7B7A7A;
  opacity: 0.5;
}

.mnu_1 li:last-child {
  opacity: 1;
}

.mnu_1 li{
  text-align: right;
  padding-bottom: 3%;
  padding-right: 10%;
}

.mnu_1 ul, .menu_2 ul{
  list-style: none;
  text-transform: uppercase;
}

.mnu_1 a, .menu_2 a{
  text-decoration: none;
  color: #161615;
}

.menu_2 li{
  display: inline-block;
  padding-top: 3%;
  padding-left: 3%;
  vertical-align: top;
}

.menu_2 li:last-child{
  opacity: 0.5;
}

.menu_2 li:first-child{
  padding-left: 8%;
}


.logo, .logo_V, .logo_L, .logo_M, .logo_N{
  height: -webkit-fill-available;
  position: absolute;
}

.logo img, .logo_V img, .logo_L img, .logo_M img, .logo_N img{
  width: 70%;
}

ul .sub-menu{
   display: none;
  padding-left: 0;
  padding-top: 1.2%;
  position: absolute;
  width: 7%;
  text-transform: none;
}


nav .en-cours a {
  text-decoration: underline;
 }




.menu_2 li:hover .sub-menu {
  display: block;
  max-height: 200px;
  background: white;
}
#menu-item-30 a .current_page_item{
  background-image: url("http://dev.la-manivelle.fr/wp-content/uploads/2019/08/Icone_fb.png");
}

.menu_2 a:hover{
  color: black;
  text-decoration: underline;
}


.mnu_1 a:hover{
  color: black;
  text-decoration: underline;
}

.sub-menu li{
  padding-left: 0;
}

.menu_2 .sub-menu li:first-child{
  padding-left: 0%;
}


.menu_2 .sub-menu li:last-child{
opacity: 1;
}














.col img{
  width: inherit;
}

.col .titre_actu{
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  letter-spacing: .12rem;
  font-size: 19pt;
  padding-bottom: 5%;
  padding-left: 10%;
  text-align: left;
  width: 80%;
  padding-top: 5%;
  text-transform: uppercase;
}

.col .titre_actu_D{
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  letter-spacing: .12rem;
  font-size: 19pt;
  padding-bottom: 5%;
  padding-left: 6%;
  text-align: left;
  width: 80%;
  padding-top: 5%;
  text-transform: uppercase;
}

.col .texte_actu{
    font-family: 'Cormorant Garamond', sans-serif;
      padding-left: 10%;
      font-size: 13pt;
      width: 80%;
}

.col .texte_actu_D{
    font-family: 'Cormorant Garamond', sans-serif;
      padding-left: 6%;
      font-size: 13pt;
      width: 80%;
}

.container{
  margin-bottom: 7%;
}

 span input {
  width: 100%;
}

label {
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  letter-spacing: .12rem;
  text-align: left;
  text-transform: uppercase;
  font-size: 10pt;
}

.texte_actu p{
  font-weight: lighter;
  font-size: smaller;
}

.info_complem h6{
  font-weight: lighter;
  font-size: smaller;
  line-height: inherit;
}

textarea{
  width: 100%;
  border: 1px solid gray;
  opacity: 0.3;
}



#overlay, #overlay_2, #overlay_3{ /* we set all of the properties for our overlay */
    width:70%;
    color:black;
    display:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:0px;
}

#overlay_4{ /* we set all of the properties for our overlay */
    height:110%;
    width:60%;
    background-image: url('http://dev.la-manivelle.fr/wp-content/uploads/2019/10/Tracé-366-1.png');
        background-origin: content-box;
    background-repeat: no-repeat;
    background-clip: content-box;
        padding-top: 25%;
    margin:0 auto;
    color:black;
    background-size: cover;
    position:absolute;
    top:-10%;
    display:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:0px;
}



#mask{ /* create are mask */
    position:fixed;
    top:0;
    left:0;
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}
/* use :target to look for a link to the overlay then we find our mask */
#overlay:target, #overlay:target + #mask, #overlay_2:target, #overlay_2:target + #mask, #overlay_3:target, #overlay_3:target + #mask, #overlay_4:target, #overlay_4:target + #mask, #overlay_ligh:target + #mask{
    display:block;
    opacity:1;
}



.background
{
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: 60px;


}


* {
  box-sizing: border-box;
}

html {
  font-size: 100%;
}

body {
  word-wrap: break-word;
}

.body,
.imageCaption {
  line-height: 1.4;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.galleryWrapper {
  font-size: 0.85rem;
  width: 90%;
  margin: 3rem auto;
}

.galleryWrapper,
.imageBox {
  max-width: 60rem;
}

.header {
  font: 2.1em 'Oswald', sans-serif;
  margin: 1.25rem 0;
  padding: 0 0.5rem;
}

.imageBox,
.header {
  text-align: center;
}

.imageContainer {
  padding: 0 0.5rem 1.25rem;
}

.imageLink {
  display: inline-block;
}

.imageLink,
.imageBox {
  line-height: 0;
}

.imageLink:nth-of-type(-n+3) {
  margin-bottom: 0.8rem;
}

.imageBox,
.largeImage,
.image,
.imageCaption {
  width: 100%;
}

.image,
.largeImage {
  -webkit-transform: perspective(1px);
  -moz-transform: perspective(1px);
  transform: perspective(1px);
}

.overlayContainer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 250;
}

.overlayContainer,
.imageCaption {
  bottom: 0;
}

.relativeContainer {
  position: relative;
  margin: 0 0.5rem;
}

.imageBox,
.imageCaption {
  position: absolute;
}

.imageBox {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.display {
  display: block;
}

.imageCaption {
  margin: 0;
  font-size: 1.3em;
  padding: 0.325rem;
}



/***Colors***/
body {
  color: #333;
  background-color: rgba(176, 196, 222, .4);
}

.imageLink {
  outline: none;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

.imageLink:hover,
.imageLink:focus {
  opacity: 0.8;
}

.overlayContainer {
  visibility: hidden;
  opacity: 0;
  background-color: rgba(51, 51, 51, .9);
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
}

.imageBox {
  cursor: pointer;
}

.largeImage {
  box-shadow: 5px 5px 5px 0px rgb(0, 0, 0);
}

.imageCaption {
  background: rgba(51, 51, 51, .8);
  color: #fff;
}

.opacity {
  visibility: visible;
  opacity: 1;
}
#header
{
  height: 60px;
  width: 100%;
  background-color: #BDBDBD;
  font-family: 'Poiret one', cursive;
  font-size: 20px;
  position: fixed;
 z-index: 999;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
 }
#header a
{
  text-decoration: none;
  color: black;
  float: right;
  margin-top: 15px;
  margin-left: 50px;
  margin-right: 30px;
  font-weight: bold;
}
#header img
{

  height:50px;
  width: 70px;
  float: left;
}
#header a:hover
{
  transform: scale(1.4,1.4);
  text-decoration: overline;
  color: white;
}


.lightbox img:hover{
  -webkit-transform:none;
}

.lightbox img{
    -webkit-filter:none;
}

.lightbox
{
padding-left: 15%;
padding-right: 15%;
padding-top: 5%;
padding-bottom: 5%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);

}

.lightbox:target
{
display: flex;
}





.col-7 img{
  width: 100%;
  padding-left: 14%;
}

 .btn a{
  padding:0;
  text-transform: uppercase;
  font-size: 10pt;
  letter-spacing: 0.08em;
  padding-top: 5%;
}

.btn_A{
  text-align: right;
}

.comp{
  margin-left: 7%;
  width: 70%;
  margin-bottom: 5%;
}

.titre_comp{
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  letter-spacing: .18rem;
  padding-bottom: 2%;
  text-align: left;
  width: 100%;
  text-transform: uppercase;
}

.col-5{
  margin: auto;
}

.button_vpl{
  font-family: 'Cormorant Garamond', sans-serif;
  font-weight: lighter;
  font-size: 11pt;
}

.container_ov{
  width: 100%;
}

.titre_ov{
  margin-bottom: 8%;
  font-family: 'Cormorant Garamond', sans-serif;
  font-size: 15pt;
  font-weight: lighter;
  letter-spacing: 0.1em;

}

/*-------------------------------- RESPONSIVE / MOBILE ----------------------------------*/
@media  screen and (min-device-width: 768px) and (max-device-width: 1000px) {
.col-xs-12:nth-child(2n) {
  overflow: hidden;
}
.flex-column:nth-child(5){
  margin-top: 0!important;
}
.col-xs-12:nth-child(2n) img {
  width: auto!important;
  height: fit-content;
}
}

@media  screen and (min-device-width: 1380px)  {

.logo, .logo_V, .logo_L, .logo_M, .logo_N{
  width: 6%;
}
  .contain_t p{
    font-size: 17pt!important;
    line-height: 30pt;
  }
  .grid_proj{
    margin-top: 4%;
  }

  .actu p {
    font-size: 20pt;
}

  .credit_1, .credit, .credit_2{
    font-size: 20px;

  }

  .studio h6{
    width: 46%;
  }

  .container_prjt{
  width: 40%;
  margin-top: 10%;
  margin-left: 10%;
}

  #overlay, #overlay_2, #overlay_3{ /* we set all of the properties for our overlay */
      width:100%;
      height: 130%;
      background-image: url('http://dev.la-manivelle.fr/wp-content/uploads/2019/10/Tracé-384.png');
      background-origin: content-box;
          padding-top: 20%;
      margin:0 auto;
      background-repeat: no-repeat;
      background-clip: content-box;
      color:black;
      position: absolute;
      top:-30%;
      display:none;
      -webkit-border-radius:10px;
      -moz-border-radius:10px;
      -o-border-radius:10px;
      border-radius:0px;
      background-size:contain;
  }

  .grd_1{
    font-size: 0.8vw;
    padding-left: 10%;
  }

  #cercle{
    width: 2vw;
    height: 2vw;
    border-radius: 30px;
  }

  .button_prjt p{
    padding-top: 0!important;
  }


  .actu{
    font-size: 2vw;
    padding-bottom: 3%;
    margin-left:0!important;
  }

  .logo{
    width: 6%;
  }

  .container{
    margin-left: 0!important;
    margin-right: 0!important;
    max-width: inherit!important;
    padding-left: 0!important;
  }

  footer h6 {
    font-size: 0.8vw!important;
  }

  .studio p, .contact p, .suivre p{
    font-size: 1vw!important;
  }

  footer p{
    font-size: 0.7vw!important;
  }

  footer .grid_f{
    padding-left: 10%;
  }

 .studio, .contact, .suivre{
      padding-left: 20%;
    }

  label{
    font-size: 0.9vw;
  }

  span input, textarea{
    border:1px solid gray;
    opacity: 1;
  }

  input{
    font-size: 1vw!important;
  }

  .texte_actu{
    font-size: 1.1vw!important;
  }

  .texte_actu p{
    font-size: 1vw!important;
    padding-bottom: 3%;
  }

  .titre_actu {
    font-size: 1.3vw!important;
  }

  .col-5 .actu, .comp{
    margin-left: 15%!important;
  }

  .titre_comp{
    font-size: 1.3vw;
  }



  .button_vpl{
    font-size: 1.1vw;
  }

  .titre_ov{
  font-size:1.3vw;
  }

  .container_ov{
    width: 100%;
  }

  .button_prjt{
    font-size: 1.1vw;
  }

  #overlay_4{

    padding-top: 23%;
  }

  .titre_prjt{
    padding-bottom: 3%;
    font-size: 1.7vw;
  }

  .texte_prjt{
    font-size: 1.1vw;
  }

  .container{
    padding-left: 5%!important;
  }

  .h-100{
      padding-left: 0%!important;
  }

  main h1{
    padding-left: 5%;
  }

  .grid_proj h1{
    padding-left: 0%!important;

  }

  }



@media  screen and (max-device-width: 768px) {

  .col-7 img{
    padding-left: 0!important;
    width: 100%;
    padding-left: 5%!important;
padding-right: 5%;
  }
.sub-menu a{
  padding-left: 10%;
}

.actu p{
  font-size: 25pt;
}

.row{
    margin-left: 0!important;
}

.col-md-3{
  display: contents!important;
}

.contain_t p, .txt_tt{
  font-size: 35px;
  line-height: 2em;
}

.col-3 img{
  padding-bottom: 3%;
  padding-right: 1%;
}

  .mnu_1 li, .mnu_1 img, .menu_2 li {
    border-top: 1px solid rgb(75, 75, 75, 0.3);
    padding: 15px 0;
    opacity: 0;
    transition: 0.5s;
  }

  ul .sub-menu{
    display: block;
    padding-top:2%;
    width: 100%;
    text-transform: uppercase;
    position: unset;
  }

  .menu-btn:checked ~ .mnu_1 ,
  .menu-btn:checked ~ .menu_2 ,
  .menu-btn:checked ~ .mnu_1 a,
  .menu-btn:checked ~ .menu_2 a,
  .menu-btn:checked ~ .mnu_1 li,
  .menu-btn:checked ~ .menu_2 li{
    opacity: 1;
    background: white;
    text-align: left;
    width: 100%;
    font-size: 30pt;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
  }

  .menu-btn:checked ~ .mnu_1 li,
  .menu-btn:checked ~ .menu_2 li{
    padding-top: 8%;
    padding-bottom: 8%;
  }



  .mnu_1 ul, .menu_2 ul{
    margin-top: 0!important;
    margin-bottom: 0!important;
  }


  :root {
    --overlay-color: rgba(24, 39, 51, 0.85);
  }
  .menu-btn {
    display: none;
  }



  .menu_2 li:last-child{
    opacity: 0;
  }

  .logo{
    display: none;
  }

  .mnu_1 ul{
    border-right: none;
  }

  .grd_1{
    display: block;
    height: auto;
    background: white;
    height: 8%;
  }

  .menu-icon {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 24px 14px;
    padding-bottom:5%!important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .navicon {
    background: #707070;
    display: block;
    height: 10px;
    width: 66px;
    position: relative;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }

  .navicon:before,
  .navicon:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #707070;

    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }

  .menu_2 li:first-child{
    padding-left: 0!important;
  }

  .navicon:before {
    top: 20px;
  }

  .navicon:after {
    bottom: 20px;
  }

  /* Hamburger Menu Animation Start */
  .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }

  .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }

  .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
    top: 0;
  }
  .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    bottom: 0;
  }

  .menu-btn:checked ~ .menu-icon .navicon {
    background: rgba(0, 0, 0, 0);
    transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }
  /* Hamburger Menu Animation End */

  /* Navbar Container */
  .navtext-container {
    width: 100%;
    height: 52px;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mnu_1 li:last-child{
    opacity: 0;
  }

  /* Navbar Text */
  .navtext {
    position: absolute;
    text-transform: uppercase;
    color: #ddd;
    letter-spacing: 4px;
    font-size: 20px;
  }

  .row .col-5{
    display: block!important;
  }

.col-5{
    margin-left: 8%!important;
    margin-right: 5%!important;
  }

.row{
  display: block!important;
  padding-bottom: 15%;
}

.flex-column:nth-child(5){
  margin-top: 0!important;
}

.row_2 {
  padding-left: 0!important;
  padding-right:0!important;
}

.col .titre_actu, .titre_prjt{
  font-size: 35pt;
  padding-left:0%;
  width: 90%;
}

.d-flex .flex-column:last-child{
  display: none!important;
}

.flex-column{
  max-width: 50%;
  margin-left:0;
}

.flex-column a{
  margin: 5%;
}

.container-fluid{
  padding-left: 0!important;
  padding-right: 0!important;

}

.col .texte_actu{
  font-size: 37pt;
  padding-left:0%;
  width: 100%;
}

.titre_prjt{
  padding-top:8%;
}

.texte_prjt{
  width: 100%;
  font-size: 30pt;
    padding-left:0%;
    padding-top: 5%;
    padding-bottom: 5%;

}

main{
  margin-left: 5%;
  margin-right: 5%;
}



.post img{
    padding-top:5%;
    width: 100%;
}

.container{
  display: contents;
}

footer .grid_f{
  display: block!important;
  text-align: center;
  padding-left: 4%;
    padding-right: 4%;
}

main .single{
  display: flex;
  flex-direction: column-reverse;
}

footer p{
  width: 100%;
  padding:0;
  margin-left:0!important;
  text-align: center;
  font-size:15pt!important;
}


.studio, .contact, .suivre{
  padding-left: 2%;
    padding-right: 2%;
    border-top: 1px solid rgba(0,0,0,.2);
  border-right: none;
  padding-bottom: 3%;
padding-top:5%;
}

.titre_ov, .button_prjt, .col-5{
  display: none!important;
}

h1{
  font-size: 55pt!important;
  margin-left:0!important;
  padding-bottom:10%!important;
}

.col-xs-12 {
  max-width: 100%!important;
}

label{
  font-size:25pt;
}

span input, textarea{
  height:100px;
  border:1px solid gray;
  opacity: 1;
}

.info_complem{
  display:none;
}

.col-7, .col-5{
  max-width:100%!important;
}

button{
  font-size: 30pt!important;
}
.actu{
  padding-top: 10%;
}

.comp{
  margin-left: 0;
  width: 100%;
}

#overlay, #overlay_2, #overlay_3{
  display: block;
  position: unset;
  background-image: none;
  padding-top:0!important;
}

#overlay_4{
  display: block;
  position: unset;
  background-image: none;
  padding-top:0!important;
  margin:0;
}

.container_prjt{
  width:150%;
  margin:0!important;
  margin-bottom:5%;
}
.container_ov{
  width: 90%;
  font-size: 35pt;

}

.titre_comp{
font-size: 30pt
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, span.wpcf7-not-valid-tip{
  font-size: 15pt!important;
}

.btn p{
  font-size: 25pt!important;
  padding-top: 10%;
}

.btn{
  text-align: left!important;
  padding:0!important;
}
.grid_proj{
  margin-left:0!important;

}
.btn_A{
  text-align: left;
}

.grid_f h6, .grid_f p{
  width: 100%;
  padding:0;
  margin-left:0!important;
  text-align: center;
  font-size: 25pt!important;
}
.button_vpl p{
  font-size: 27pt;
}

#breadcrumbs{
  display: none;
}

.grid_f h6{
  font-size: 25pt!important;

}
.credit_1, .credit, .credit_2{
  font-size: 40px;
}

.logo img, .logo_V img, .logo_L img, .logo_M img, .logo_N img{
  display: none;
}
}