/* @media screen and (min-width:1500px){
  .row-content {
    width: calc(100% / 4);
  }
} */
@media screen and (max-width:1200px) {
  .container_medium{
    width: 80%;
    margin: auto;
  }
  .conception{
    width: 95%
  }
  .texte-header{
    width: 50%;
  }
}
@media screen and (max-width:1100px) {
  h1, .bandeau p{
    font-size: var(--size-big);
  }
  .bottom-bloc h3{
    font-size: 1.5em !important;
  }
  .sous-titre {
    flex-direction: column-reverse;
  }
  .right-subtitle {
    width: 100%;
    margin-left: 0px;
  }
  .left-subtitle {
    width: 100%;
  }
  .fiche-left{
    display: none;
  }
  form{
    width: 100%;
  }
  .left-contact-part img:first-child{
    display: none;
  }
  .titre-contact h1{
    font-size: 6rem;
  }
  .fiche {
    margin-top: -28px;
  }
  .titre-contact img {
    height: 60px;
  }
  /*.histoire .titre-content, .titre-conception, .titre-eq, .titre-content-histoire {
    flex-direction: column;
  }*/
  .photo-equipe {
    width: 100%;
  }
  .row-content {
    width: calc(100% / 2);
  }
  .left-subtitle {
    margin-bottom: 20px;
  }
}
@media screen and (max-width:1000px) {
  .menu_container {
      display: none;
  }
  .menu_toggle {
    display: block;
  }
}

@media screen and (max-width:900px) {
  .liste-blocs {
    flex-direction: column;
  }
  .bloc-e, .bloc-v, .bloc-s{
    width: 100%;
    min-height: unset;
  }
  .bloc-e a, .bloc-v a, .bloc-s a {
    width: 100%;
    display: flex;
  }
  .bloc-v {
    margin: 20px 0;
  }
  .top-bloc, .bottom-bloc{
    width: 50%;
  }
  .bottom-bloc{
    height: 220px;
  }
  .top-bloc{
    height: 220px;
  }
  .bloc-e .top-bloc img {
    width: 190px;
  }
  .bloc-v .top-bloc img {
    width: 230px;
    margin-bottom: -25px;
  }
  .bloc-s .top-bloc img {
    width: 210px;
    margin-bottom: -135px;
  }
  .contacte-nous, .nous-trouver, .suis-nous, .une-demande {
    width: 300px;
    margin: 20px 0;
    color: white;
    margin-left: 30px;
  }
  .content-footer {
      flex-wrap: wrap;
	      width: 85%;
  }
  .titre-contact img{
    display: none;
  }
  .titre-contact {
    width: 65%;
    margin: auto;
  }
  .left-contact-part img:nth-child(2){
    display: none;
  }
  .left-contact-part img{
    width: 30%;
  }
  .left-equipe, .right-equipe{
    width: 50%;
  }
  .header-home .cle{
    width: 40px;
  }
  #Liste .un, #Liste .deux{
    display: none;
  }
  .left-atelier, .right-ajd, .polygon{
    display: none;
  }
  .right-atelier, .left-ajd{
    width: 100%;
  }
  .ajd{
    min-height: 100px;
  }
  .content-r-ajd p {
    padding-right: 0px;
  }
  .clous{
    display: none;
  }

}

@media screen and (max-width:768px) {
  h1, .bandeau p, h2, .titre-realisations p, .titre-realisations h2, .titre-conception p,  .titre-conception h2, .titre-eq h2{
    font-size: var(--size-big);
  }
.right-subtitle h2 {
		font-size: 1.7rem;
	}
  .titre-content h1, .titre-content p, #page-annexe h2{
    font-size: 2rem;
  }
	.titre-conception h2, .titre-realisations h2 {
		font-weight: 500 !important;
	}
  .fiche-formulaire {
    width: 80%;
  }
  .fiche-formulaire::before {
    border-bottom: 100px solid #fff;
    border-right: 100px solid #46BAB5;
  }
  form{
    padding: 80px 20px 20px 20px;
  }
  #pre-footer {
    background-size: 80px;
    background-position-x: 98%;
    background-position-y: 98%;
  }
  .fiche {
    margin-top: -12px;
  }
  .histoire {
    margin-top: 20px;
  }
  .titre-content-histoire, .titre-realisations{
    margin-bottom: 40px;
    flex-direction: column;
  }
  .titre-conception{
    margin: 20px 0;
  }
  .titre-contact h1 {
    font-size: 3rem;
  }
  .left-contact-part img:nth-child(3), .left-contact-part img:nth-child(4){
    display: none;
  }
  .left-contact-part img{
    width: 60%;
  }
  .titre-contact-part{
    text-align: inherit;
  }
  .realisations .marteau{
    width: 100px;
  }
  .single-equipe{
    flex-direction: column;
  }
  .left-equipe, .right-equipe{
    width: 100%;
  }
  .photo-equipe {
    margin-right: 0px;
    margin-bottom: 50px;
  }
  .titre-eq {
    margin-bottom: 0px;
  }
  #colophon {
    padding: 40px 40px;
  }
  .titre-contact-part h2 {
    font-size: var(--size-medium);
  }
  .titre-content{
    margin-bottom: 40px;
  }

  .top-content {
    padding: 20px 0;
  }
  .contact {
    padding: 1px 0 100px 0;
  }

  .titre-contact-part p, .titre-contact-part span{
    font-size: var(--size-medium);
  }
	.right-contact-part {
		width: 47%;
	}
	.titre-contact-part p {
		line-height: normal;
	}
}

@media screen and (max-width:530px) {
  .texte-header{
    width: 90%;
  }
  .bandeau{
    height: 40px;
	  font-size:1.4rem;
	  margin-bottom:10px;
  }
  .top-bloc {
    height: 340px;
  }
  .top-bloc, .bottom-bloc {
      width: 100%;
  }
  .bloc-e a, .bloc-v a, .bloc-s a {
    display: block;
  }
  .liste-realisations img {
    width: 320px;
    height: 320px;
  }
  .slide:hover p{
    width: 320px;
  }
  .left-contact-part img{
    width: 50%;
  }
  .titre-content{
    flex-direction: column;
  }
  .realisations .marteau{
    width: 60px;
  }
  .row-content {
    width: 100%;
  }
}