@media screen and (max-width: 1350px) {
.menu .tab {
    margin-left: 14%;
}
}@media screen and (max-width: 1200px) {
.menu .tab {
    margin-left: 5%;
}
.logoIbv {
    margin-right: 15px;
    width: 63px;
    margin-right: 9px;
    margin-left: 10px;
}
ul.mainMenu li {
    margin-right: -7px;
    font-size: 0.7em;
	padding-right: 6px;
}
ul.mainMenu li:hover ul {
    display: block;
    font-size: 18px;
    opacity: 1;
    visibility: visible;
}}

@media screen and (max-width: 1024px) {
.menu .tab {
    margin-left: 1%;
}
.logoIbv {
    margin-right: 15px;
    width: 63px;
    margin-right: 9px;
    margin-left: 10px;
}

ul.mainMenu li {
    margin-right: -10px;
    font-size: 0.60em;
    margin-left: 2px;
}
ul.mainMenu li:hover ul {
    display: block;
    font-size: 18px;
    opacity: 1;
    visibility: visible;
}}

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

.marre.lunette {
    margin-left: 0%;
    width: 40%;
    top: 229px;
	
}
.marre.lentille {
    margin-left: 0%;
    width: 32%;
    top: 344px;
    left: 30%;
}
.logoIbv {
    margin-left: -10px;
}}
@media screen and (max-width: 800px) {
.contenu {
    margin-left: 7.75%;
    margin-right: 7.75%;
}}	
@media screen and (max-width: 750px) {

ul.leftMenu {
    display:none;
  }
  .fil_actu.three {
    display:none;
  }
  .noMobile {
      display:none;
  }
  .mobile {
      display:block;
  }
  .floating-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .header .parallax {
      left: -210px;
  }
  .marre {
    left: 38%;
	width: 45%;
  }

  .marginFull {
    margin-left:3%;
    margin-right:3%;
  }
  .avantages .tab .item {
    width:100%;
  }
  .avantages .tab .item p {
    width:100%;
  }
  .footer {
    height: 980px;
    max-height: 980px;
  }
  .footer .tab .item.contact p span a{
    position: relative;
    background-color: white;
    color: #2f2f2f;
    margin-top:20px;
  }
  .footer .tab .item {
    font-size: 20px;
	width:100%;
  }
  .enveloppe {
    width:70%
  }
  .footer .tab .item b {
    font-size:27px;
  }
  .gironde {
    max-height:159px;
    min-height:159px;
    height:159px;
  }
  .gironde p strong {
    font-size:20px;
  }
  .video {
    height:240px;
    max-height:240px;
    min-height:240px;
  }
  #player {
    height:317px;
    max-height:317px;
    min-height:317px;
    top: -36px;
  }
  .contenu img.center_grid_two_legend {
    width: 100%;
    margin-top: 35px;
    float: left;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 2.5%;
    margin-top: 40px;
    margin-left:0;
    margin-right:0;
  }
.marre.lentille {
    top: 358px;
    margin-left: -15%;
}
.marre.lunette {
    top: 264px;
    margin-left: 0%;
    width: 43%;
}
.contenu img.center_grid_two_legend.right {
    float: right;
  }
  body {
    top: -15px;
  }
  .twoDiv h1 {
    font-size: 23px;
  }
  .article {
    text-align: center;
    min-height: 400px;
    margin-top: 30px;
  }
  .article img {
    float: initial;
    width: 225px;
    margin-bottom: 15px;
  }
  .article .right {
      position: absolute;
      left: 0;
      text-align: left;
  }
  .twoDiv {
    width:100%;
  }
  .marre.logo {
    max-width: 85%;
    margin-left: auto;
    display: block;
    left: 18%;
    width: 65%;
    margin-right: auto;
    top: 126px;
	
  }
}
@media screen and (min-width:750px) and (max-width: 900px) {
	
.enveloppe-contact{
	float: left;
	width: 60%;;
}
.phone_pic {
    -ms-transform: translateY(25%);
    transform: translateY(25%);
}
.marre.logo {
    max-width: 85%;
    margin-left: auto;
    display: block;
    left: 18%;
    width: 65%;
    margin-right: auto;
    top: 126px;
	
  }
  .article {
    text-align: center;
    min-height: 400px;
    margin-top: 30px;
  }
  .article img {
    float: initial;
    width: 225px;
    margin-bottom: 15px;
  }
  .article .right {
      position: absolute;
      left: 0;
      text-align: left;
  }
  .noMobile {
      display:none;
  }
  .mobile {
      display:block;
  }
  .header .parallax {
    margin-left: -10%;
  }
  .avantages .tab {
    margin-left: 3%;
    margin-right: 3%;
  }
  .gironde p {
    margin-top: 3%;
  }
  .footer {
    height: 937px;
    max-height: 937px;
  }
  .footer .tab .item.contact p span a{
    position: relative;
    background-color: white;
    color: #2f2f2f;
    margin-top:20px;
  }
  .footer .tab .item {
    font-size: 20px;
	width: 100%;
  }
  .enveloppe {
    width:70%
  }
  .footer .tab .item b {
    font-size:27px;
  }
  body {
    top: -15px;
  }
  .twoDiv {
    width:100%;
  }
ul.leftMenu {
    display:none;
  }}
  
@media screen and (max-width: 300px){
.portraits .gal {
    padding-left: 0%;
}}
@media screen and (max-width: 1092px) {
	
  .fil_actu {
    width: 50%;
  }
  .fil_actu.three {
    display:none;
  }

}

@media screen and (max-width: 750px) {
.header_temoignage {
    height: 190px;
	}
.vision-footer {
    width: 16%;
}
#share_resp{
	display:none;
}
}
		
@media screen and (max-width: 1024pxpx) {
	.vous_avez_ete {
		    width: 60%;
			float: right;
			text-align: center;
}}



@media screen and (max-width: 750px) {
.header_temoignage {
    width: 100%;
    background-color: #CF6928;
    padding-bottom: 20px;
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
    color: white;
    margin-top: 30px;
}
.picto_temoin {
    width: 20%;
    float: left;
    margin-left: auto;
    margin-right: 15%;
}
.vous_avez_ete{
	float: left;
    margin-left: auto;
    width: 50%;
}
}


@media screen and (max-width: 450px) {
.marre.logo {
	width: 100%;
    left: 6%;
    top: 138px;
}	
.header_temoignage {
height: 250px;}
.marre.lentille {
    margin-left: 0%;
    width: 70%;
    top: 344px;
    left: 16%;
}
.marre.lunette {
    left: 0%;
    width: 78%;
	top: 230px;
}
.bg{
	left: -25%;
}
.plan_1{
    left: -69%;
}
.plan_2{
	left: -38%;
}
.button_ibv {
    font-size: 16px;}}
@media screen and (max-width: 400px) {
	.marre.lentille {
    margin-left: 0%;
    width: 70%;
	top: 324px;
    left: 16%;
}
.article {

    min-height: 450px;
}
.marre.lunette {
    left: 0%;
    width: 78%;
	top: 244px;
}}
@media screen and (max-width: 380px) {
.ui.comments {
    margin-left: 2.75%;
    margin-right: 18.75%;
    max-width: 650px;
}}

@media screen and (max-width: 350px) {
.picto_temoin {
   display:none
}
.vous_avez_ete {
    margin-left: auto;
    width: 100%;
}
.marre.logo {
	width: 100%;
    left: 6%;
    top: 138px;
}	

.marre.lentille {
    margin-left: 0%;
    width: 70%;
	top: 324px;
    left: 16%;
}}

.gal.marginFull.mobile {
  clear:left;
  clear:right;
  text-align: center;
}

.footer .tab.mobile .item {
  width:100%
}


.ui.comments:first-child {
    margin-top: 0;
}

.ui.comments {
        font-size: 1em;
    }

.ui.comments {
        margin-left: 18.75%;
        margin-right: 18.75%;
        max-width: 650px;
    }

.ui.comments .comment:first-child {
    margin-top: 0;
    padding-top: 0;
    }

.ui.comments .comment {
        margin-top: 30px!important;
        clear: right;
    }

.ui.comments .comment {
        position: relative;
        background: 0 0;
        margin: .5em 0 0;
        padding: .5em 0 0;
        border: none;
        border-top: none;
        line-height: 1.2;
    }
.ui.comments .comment .avatar {
        display: block;
        width: 2.5em;
        height: auto;
        float: left;
        margin: .2em 0 0;
    }
.avatar {
        width: 4.5em!important;
    }
.ui.comments .comment .avatar img, .ui.comments .comment img.avatar {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: .25rem;
    }
.ui.comments .comment .text {
        margin: .25em 0 .5em;
        font-size: 1em;
        word-wrap: break-word;
        color: rgba(0,0,0,.87);
        line-height: 1.3;
    }
	
.margin_temoignage {
        margin-left: 18.75%;
        margin-right: 18.75%;
      }
.avatar {
        width: 4.5em!important;
      }
.ui.comments .comment>.avatar~.content {
        margin-left: 5.5em;
      }
.ui.comments .comment{
        margin-top: 30px!important;
        clear:right;
      }
.color-orange {
        color: #ce6828;
      }
.comment .content .text {
        color: #6C6C6C!important;
      }
      blockquote{
        display:block;
        background: #fff;
        padding: 15px 20px 15px 45px;
        margin: 0 0 20px;
        position: relative;

        /*Font*/
        font-family: Georgia, serif;
        font-size: 16px;
        line-height: 1.2;
        color: #666;
        text-align: justify;

        /*Borders - (Optional)*/
        border-left: 15px solid #c76c0c;
        border-right: 2px solid #c76c0c;

        /*Box Shadow - (Optional)*/
        -moz-box-shadow: 2px 2px 15px #ccc;
        -webkit-box-shadow: 2px 2px 15px #ccc;
        box-shadow: 2px 2px 15px #ccc;

        margin-left: 87px;
        width: 79%;
      }

      blockquote::before{
        content: "\201C"; /*Unicode for Left Double Quote*/

        /*Font*/
        font-family: Georgia, serif;
        font-size: 60px;
        font-weight: bold;
        color: #999;

        /*Positioning*/
        position: absolute;
        left: 10px;
        top:5px;
      }

      blockquote::after{
        /*Reset to make sure*/
        content: "";
      }

      blockquote a{
        text-decoration: none;
        background: #eee;
        cursor: pointer;
        padding: 0 3px;
        color: #c76c0c;
      }

      blockquote a:hover{
       color: #666;
      }

      blockquote em{
        font-style: italic;
      }
      .ui.comments .comment .text b {
        color: #2f2f2f;
      }