/* GOD DAMN IE RESP */
@media screen and (-ms-high-contrast: none) {
.logo_cr_header_2 {
	left: 33.3%;
}

.slider_txt_2{
	left: 25%;
	width: 50%;
	margin-left:0%;
}

.slider_txt_3 {
	left: 25%;
}
.bouton_header_bio {
	left: 38%;
}

.bouton_header_bio_2 {
	left: 40.5%;
}

.logo_menu_hd {
    width: 150px;
    margin-top: 12%;
    margin-left: 30%;
    margin-right: 0%;
    transition: all 0.3s ease-in-out 0s;
}

.menu_section {
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
    float: left;
    margin-top: 20px;
    font-size: 18px;
    margin-left: 6%;
    margin-right: -4%;
}

.slider_txt_4 {
	top:59%;
	margin-left:-30%;
}
.scorpus_logo_cr_1
{
left:40%;
}
.scorpus_txt_1
{
left:12%;
top:20%;
}
.scorpus_btn_1
{
left:41.5%;
top:60%;

}
.scorpus_btn_2
{
left:40%;
top:65%;
}
.scorpus_txt_2
{
left:4%;
top:48%;
}
.logo_vitalter_scorpus_2
{
left:40%;
top:4.5%%;
}
.scorpus_btn_3
{
top:65%;
left:42%;	
}
.scorpus_txt_3-2
{
top:47%;
left:25%;	
}
.scorpus_txt_3
{
top:35%;
left:36%;	
}
.scorpus_logo_cr_3
{
top:15%;
left:39%;	
}

.scorpus_btn_4
{
top:15%;
left:40.5%;	
}

.scorpus_btn_4
{
top:15%;
left:15%;	
}
..scorpus_txt_4
{
top:15%;
left:15%;	
}
.logo_cr_scorpus_4
{
top:15%;
left:40%;	
}
}


/* GENERAL RESP */
@media screen and (max-width: 989px) {
  .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%;
  }
  .marre.logo {
    max-width: 85%;
    margin-left: 91px;
    top: 89px;
  }
  .marginFull {
    margin-left:3%;
    margin-right:3%;
	}
  .avantages .tab .item {
    width:100%;
  }
  .avantages .tab .item p {
    width:100%;
  }

  .footer {
  /* height:900px;*/
    max-height: 1500px;
  }
  .footer .tab .item.contact p span a{
    position: relative;
    background-color: white;
    color: #2f2f2f;
    margin-top:20px;
  }
  .footer .tab .item {
    font-size: 20px;
  }
  .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;
  }
  .contenu img.center_grid_two_legend.right {
    float: right;
  }
  body {
    /*top: -15px;*/
    position: relative;
  }
  .twoDiv .pTitre {
    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%;
  }
}
@media screen and (min-width:751px) and (max-width: 900px) {
  .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:900px;*/
    max-height: 1500px;
  }
  .footer .tab .item.contact p span a{
    position: relative;
    background-color: white;
    color: #2f2f2f;
    margin-top:20px;
  }
  .footer .tab .item {
    font-size: 20px;
  }
  .enveloppe {
    width:70%
  }
  .footer .tab .item b {
    font-size:27px;
  }
  body {
    top: -15px;
    position: relative;
  }
  .twoDiv {
    width:100%;
  }
}

@media screen and (max-width: 900px) {
ul.leftMenu li {
    cursor: pointer;
    color: #2f2f2f;
    font-size: 5px;
    font-family: 'Roboto', sans-serif;
    /* font-weight: bold; */
    font-size: 12px;
    padding: -50px;
    /* font-weight: lighter; */
    margin-left: -25%;
    margin-top: -15px;
}}


	@media screen and (max-width: 1180px) {
ul.leftMenu li {
    cursor: pointer;
    color: #2f2f2f;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    /* font-weight: bold; */
    font-size: 12px;
    padding: -50px;
    /* font-weight: lighter; */
    margin-left: -25%;
    margin-top: -15px;
}}
	
@media screen and (min-width: 801px) {
    .leftMenu.fixed {
    display:block;
	margin-left: -10px;
}}
	
@media screen and (min-width: 950px) {
    .leftMenu.fixed {
    display:block;
	margin-left: -10px;
}}
	
@media screen and (min-width: 1155px) {
    .leftMenu.fixed {
    display:block;
	margin-left: -10px;
    }
}
@media screen and (min-width: 1400px) {
.leftMenu.fixed {
    display:block;
	margin-left: 0%;
}}
@media screen and (max-width: 1092px) {
.fil_actu {
    width: 50%;
}
.fil_actu.three {
    display:none;
}
.menu .tab {
        margin-left:5%;
}}

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

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

@media screen and (max-width: 1024px) {
.menu .tab {
    margin-left: 12%;
}}


.phone_pic {
    position: absolute;
    width: 4.5vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
}
#contact_pic_ct{
    width: 60%;
	padding-left: 20%;
    padding-top: 7%;
    height: 60px;
}
@media screen and (max-width: 988px) {
.phone_pic {
    width: 60%;
    padding-left: 3%;
    padding-top: 1%;
    height: 60px;
}
#parallaxe {
    display: none;
}
.para_mobile_2{ width:100%;display:block;}}  
@media screen and (max-width: 901px) {
.phone_pic {
    width: 60%;
    padding-top: 6%;
    height: 60px;
}}  

	
@media screen and (max-width: 751px) {
.phone_pic {
    width: 60%;
padding-left: 0%;
    padding-top: 0%;
    height: 60px;
}}  
 
#contact_pic_ct{
    width: 60%;
	padding-left: 20%;
    padding-top: 7%;
    height: 60px;
}} 	
	
/* Menu hd resp */
@media screen and (max-width:1500px){
.item-contact {
	width: 17%;
}
.side-contact {
    top: 5vh;
    position: fixed;
    padding-top: 5%;
    font-size: 14px;
    margin-left: 2vh;
}
.pic_contact_ct {
	width: 3vh;
    margin-right: 1vh;
}}

@media screen and (max-width:1200px){
.item-contact {
	width: 17%;
}
.side-contact {
    top: 5vh;
    position: fixed;
    padding-top: 8%;
    font-size: 13px;
    margin-left: -0.5vh;
}
.pic_contact_ct {
	width: 2.5vh;
    margin-right: 1vh;
}}

@media screen and (max-width:1300px){
.item-contact {
	width: 17%;
}
.side-contact {
	top: 5vh;
    position: fixed;
    padding-top: 8%;
    font-size: 14px;
	margin-left: 0vh;
}
.pic_contact_ct {
	width: 2.5vh;
    margin-right: 1vh;
}}

@media screen and (max-width:1150px){
.item-contact {
	width: 18%;
}
.side-contact {
	margin-left: 0vh;
    top: 5vh;
    position: fixed;
    padding-top: 8%;
    font-size: 12px;
}
.pic_contact_ct {
    width: 2.5vh;
    margin-right: 1vh;
}}

@media screen and (max-width:980px){
.side-contact {
    top: 5vh;
    position: fixed;
    padding-top: 8%;
	font-size: 11px;
    margin-left: 1vh;
}
.formation-circle {
       width: 120px;
}
.side-contact {
    margin-left: 0.5vh;
}}

@media screen and (max-width:875px){
.side-contact {
    margin-left: -1vh;
    top: 5vh;
    position: fixed;
    padding-top: 8%;
    font-size: 11px;
}}

@media screen and (max-width:800px){
#ct-adress {
    margin-bottom: 1vh;
}

.contact-ligne {
    margin-top: 0vh;
}

.coordonnees-ligne{
	float: left;
	margin-right: 5vh;
}

.item-contact {
	background-color: #38bb44;
	margin-bottom: -8vh;
    position: relative;
    width: 100%;
    margin-top: 6vh;
    height: 175px;
}

.bouliac {
    margin-bottom: -2vh;
    margin-left: 25%;
}

.side-contact{
	top: 9vh;
    position: relative;
	margin-left: 22%;
    padding-top: 0%;
    font-size: 13px;
}
.contact-ligne-rs {
    position: relative;
    top: 0vh;
	margin-top: -8vh;
    margin-left: 40%;
    padding-top: 0%;
    font-size: 13px;
}
.pic_contact_ct {
    width: 2.5vh;
    margin-right: 1vh;
}}
@media screen and (max-width:750px){
#mosaic-shadow-long {
    height: calc(459vw);
    margin-bottom: 50%;
}
.formation-circle {
       width: 23%;
}}
@media screen and (max-width:600px){
.side-contact {
    margin-left: 15%;
}
.valeur-cr,.valeur-cr-last{font-size: 0.8em;}}

@media screen and (max-width:500px){
	
.side-contact {
    margin-left: 10%;
}}

@media screen and (max-width:450px){
.bouliac {
	margin-left: 19%;
	margin-bottom: -2vh;
}

.contact-ligne, .contact-ligne-rs {
    margin-bottom: 1.5vh;
}

.coordonnees-ligne {
	float: initial;
    margin-right: 5vh;
	margin-top: 1vh;
}

.item-contact {
    background-color: #38bb44;
    position: relative;
    width: 100%;
    height: 250px;
}

.rs-header {
    float: left;
    margin-top: -1vh;
}

.contact-ligne-rs {
    position: relative;
    top: 0vh;
    margin-top: -1.5vh;
    margin-left: 40%;
    padding-top: 0%;
    font-size: 13px;
}
.rs-contact-in {
    margin-top: -1vh;
    margin-left: 5vh;
    width: 3vh;
}

.rs-contact-fb {
    width: 35px;
    text-align: left;
    margin-right: 1vh;
    margin-top: 2.5vh;
    width: 3vh;
    margin-left: -2.5vh;
}

.rs-contact-in {
    margin-top: -5px;
    margin-left: 2.5vh;
    width: 3vh;
    margin-right: 1vh;
}

.side-contact {
    margin-left: 25%;
    top: -2vh;

}}
@media screen and (max-width:350px){
#mosaic-shadow-long {
    height: calc(454vw);
    margin-bottom: 88%;
}}
@media screen and (max-width:330px){
	.side-contact {
    margin-left: 15%;
}}

.side_menu{
    text-align: left;
    display: block;
    margin-top: 8%;
    margin-left: 3%;
    position: fixed;
}
.side_menu_acceuil{
    color: #064735;
    margin-left: -15px;
    /* font-size: 17px; */
    text-transform: uppercase;	
}

.side_menu_active{
color: #1f9537;
}

.side_menu_inactive{
    color: #acacac;
    font-size: 15px;
}
#smenu{
	padding:1px;
}
@media screen and (max-width: 800px) {
.burger_menu_logo_crd {
    width: 25vh;
    margin-right: auto;
    margin-left: 1%;
	transition: all 0.3s ease-in-out 0s;
}}
@media screen and (max-width: 600px) {
.burger_menu_logo_crd {
    width: 20vh;
    margin-right: auto;
    margin-left: -9%;
    margin-top: 5px;
	transition: all 0.3s ease-in-out 0s;
}}
@media screen and (max-width: 435px) {
.burger_menu_logo_crd {
    width: 13vh;
    margin-top: 10px;
    margin-left: -10px;
}}
/* HEADER PRODS*/
@media screen and (max-width: 300px) {
.prod_titre_header_1{
display:none

}
.prod_cr_header {
    position: absolute;
    margin-left: 20%;
    top: 20%;
    width: 50%;
}
.bandeau_header {
    position: absolute;
    background-color: #064735b0;
    top: 0px;
    padding-bottom: 8%;
    padding-top: 8%;
    width: 100%;
}}

@media screen and (max-width: 650px) {
.prod_min{
    position: relative;
    /* float: left; */
    margin-left: 10%;
    display: block;
    min-width: 45%;
    max-width: 400px;
    margin-top: 35px;
    width: 80%;
}}
@media screen and (max-width: 400px) {
.vital_titre_header_1{
display:none

}
.prod_vital_header {
	position: absolute;
    margin-left: 30%;
    top: 15%;
    width: 38%;
}
.bandeau_vital_header{
    position: absolute;
    background-color: #24ae30a1;
    top: 0px;
    padding-bottom: 9%;
    padding-top: 9%;
    width: 100%;
}}


@media screen and (max-width: 1000px) {
.vital_prod_min{
position: relative;
    float: left;
    margin-left: 1%;
    display: block;
    min-width: 30%;
    max-width: 400px;
	margin-top: 2%;
    width: 30%;
}
.vital_prod_links{
	clear: right;
    margin-bottom: 10%;
	width: 100%;
}
.vital_prod_titre_vitalter {
	position: absolute;
    background-color: #24ae30a1;
    color: #FFFFFF;
    text-align: center;
    bottom: 3px;
    font-size: 1em;
    padding-bottom: 4%;
    padding-top: 4%;
    width: 100%;
}}

@media screen and (max-width: 850px) {
.vital_prod_min{
    position: relative;
    float: left;
    margin-left: 0.2%;
    display: block;
    min-width: 30%;
    max-width: 400px;
    margin-top: 2%;
    width: 31%;
}
.vital_prod_links{
    clear: right;
    margin-bottom: 10%;
    width: 100%;
}
#prods-list {
    font-size: 14px;
}
#prods-list-2 {
    font-size: 14px;
}}

@media screen and (max-width: 600px) {
.vital_prod_min{
	position: relative;
    float: left;
    margin-left: 2%;
    display: block;
    min-width: 30%;
    max-width: 400px;
    margin-top: 3%;
    width: 45%;
}
.vital_prod_links{
	clear: right;
    margin-bottom: 30%;
	width: 100%;
}
}

@media screen and (max-width: 400px) {
.vital_prod_min{
    position: relative;
    float: left;
    margin-left: 4%;
    display: block;
    min-width: 30%;
    max-width: 400px;
    margin-top: 7%;
    width: 90%;
}
.vital_prod_links{
	clear: right;
    margin-bottom: 10%;
	width: 100%;
}}

@media screen and (max-width: 1200px) {
.dl_bouton_destocking{
    background-color: #2d9536;
    text-align: center;
    width: 50%;
    padding: 32px;
    margin-left: auto;
    position: absolute;
    margin-right: auto;
    display: block;
    /* margin-top: 80px; */
    /* margin-left: 22%; */
    width: 250px;
    margin-top: 5%;
    right: 15%;
    cursor: pointer;
}}

@media screen and (max-width: 1100px) {
	.dl_bouton_destocking{
    background-color: #2d9536;
    text-align: center;
    width: 50%;
    padding: 32px;
    margin-left: auto;
    position: absolute;
    margin-right: auto;
    display: block;
    /* margin-top: 80px; */
    /* margin-left: 22%; */
    width: 250px;
    margin-top: 5%;
    right: 10%;
    cursor: pointer;
}}
@media screen and (max-width: 1000px) {
	.dl_bouton_destocking{
    background-color: #2d9536;
    text-align: center;
    width: 50%;
    padding: 30px;
    margin-left: auto;
    position: absolute;
    margin-right: auto;
    display: block;
    /* margin-top: 80px; */
    /* margin-left: 22%; */
    width: 220px;
    margin-top: 5%;
    right: 10%;
    cursor: pointer;
}}
@media screen and (max-width: 950px){
.dl_bouton_destocking {
    background-color: #2d9536;
    text-align: center;
    width: 50%;
    font-size: 14px;
    padding: 20px;
    margin-left: auto;
    position: absolute;
    margin-right: auto;
    display: block;
    /* margin-top: 80px; */
    /* margin-left: 22%; */
    width: 200px;
    margin-top: 5%;
    right: -3%;
    cursor: pointer;
}}
@media screen and (max-width: 860px) {
	.dl_bouton_destocking{
    background-color: #2d9536;
    text-align: center;
    padding: 32px;
    position: relative;
    display: block;
    margin-left: 30%;
    width: 250px;
    margin-top: 30px;
    cursor: pointer;
}}
}}
@media screen and (max-width: 860px) {
	.dl_bouton_destocking{
    background-color: #2d9536;
    text-align: center;
    padding: 32px;
    position: relative;
    display: block;
    margin-left: 30%;
    width: 250px;
    margin-top: 30px;
    cursor: pointer;
}}
@media screen and (max-width: 800px){
.dl_bouton_destocking {
    background-color: #2d9536;
    text-align: center;
    padding: 32px;
    position: relative;
    /* display: block; */
    /* margin-left: 30%; */
    width: 250px;
    margin-top: 180px;
    margin-bottom: -100px; 
    cursor: pointer;
}
.text_destocking{
    position: relative;
    width: 100%;

}}
@media screen and (max-width: 750px){
.dl_bouton_destocking {
    background-color: #2d9536;
    text-align: center;
    padding: 32px;
    position: relative;
    /* display: block; */
    /* margin-left: 30%; */
    width: 250px;
    margin-top: 130px;
    /* margin-bottom: 50px; */
    cursor: pointer;
}}
@media screen and (max-width: 630px){
.dl_bouton_destocking {
    background-color: #2d9536;
    text-align: center;
    padding: 32px;
    position: relative;
    /* display: block; */
    /* margin-left: 30%; */
    width: 250px;
    margin-top: 100px;
    margin-left: 15%;
    cursor: pointer;
}}
@media screen and (max-width: 580px){
.img_destocking {
    width: 70%;
    position: relative;
    /* float: left; */
    margin-left: auto;
    display: block;
    margin-bottom: 5%;
    margin-right: auto;
}
.dl-left{float:initial}
.dl-right{    float: initial;
    margin-top: 5%;}

.text_destocking {
    position: relative;
    width: 100%;
}
.div_destocking {
	float: initial;
    margin-right: auto;}

.dl_bouton_destocking {
    background-color: #2d9536;
    text-align: center;
    padding: 32px;
    position: relative;
    display: block;
    /* margin-left: 10%; */
    margin-right: auto;
    width: 50%;
    margin-top: 10%;
    margin-bottom: 50px;
cursor: pointer;}
.txt-right{float:initial;
    width: 100%;}
.txt-left{float:initial;
    width: 100%;}
}}
/* HOME PAGE CRD*/

@media screen and (max-width: 1050px){
	.valeur-cr-last{
    width: 30%;
	margin-bottom: 30%;
	margin-left: 1%;
}
.valeur-cr {

    width: 25%;
        margin-left: 1%;
    margin-right: 8%;
}}
@media screen and (max-width: 950px){
	.valeur-cr-last{
    margin-bottom: 50%;
}}

@media screen and (max-width: 850px){
	.valeur-cr-last{
    margin-bottom: 57%;
}}
@media screen and (max-width: 850px){
	.valeur-cr-last{
    margin-bottom: 57%;
}}
@media screen and (max-width: 800px){
	.valeur-cr-last{
  margin-bottom: 27%;
}}
@media screen and (max-width: 800px){
	.valeur-cr-last{
  margin-bottom: 37%;
}}
@media screen and (max-width: 520px){
	.valeur-cr-last{
  margin-bottom: 45%;
}}
@media screen and (max-width: 470px){
.valeur-cr {
    float: initial;
    position: relative;
    margin-right: auto;
    display: block;
    width: 80%;
    margin-left: auto;
    text-align: center;
    margin-bottom: 15%;
    margin-top: 10%;
	font-size:1em;
}
.valeur-cr-last {
    float: initial;
    position: relative;
    margin-right: auto;
    display: block;
    width: 80%;
    margin-left: auto;
    text-align: center;
    margin-bottom: 20%;
    margin-top: 10%;
	font-size:1em;
}}


@media screen and (max-width:425px){
	.intro-logo-crd
{
	width: 30vh;
    margin-top: 3.5vh;	
}}
@media screen and (max-width:1000px){	
.vital_home_center_1{
	width: 100%;
}}
@media screen and (max-width:800px){	
.vital_home_center_1{
    width: 90%;
}}

@media screen and (max-width:500px){	
.vital_home_center_1{
    width: 100%;
	margin-top: 8vh;
}}

@media screen and (max-width:425px){	
.vital_home_center_1{
display:none
}
.vital_home_center_2{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
	/*margin-top: 80%;*/
    display: block;
	margin-bottom: 10%;
}}
@media screen and (max-width:950px){
.intro-logo-crd {
    width: 50vh;
    margin-top: 8vh;
    margin-bottom: 5vh;
}}
@media screen and (max-width:600px){
.intro-logo-crd {
    width: 40vh;
}}
@media screen and (max-width:450px){
.intro-logo-crd {
    width: 35vh;
}}
@media screen and (max-width:410px){
.intro-logo-crd {
    width: 35vh;;
}}
@media screen and (max-width:300px){
.intro-logo-crd {
    width:  30vh;
}
@media screen and (max-width:600px){
.home_CR_into {
	margin-bottom: -20vh;
}

@media screen and (max-width: 330px){}
.footer .tab .item {
    font-size: 16px;
}}

@media screen and (max-width:1520px){
.contact-ligne{

    font-size: 13px;
}}	
@media screen and (max-width:1280px){
.contact-ligne{
	margin-left: -1vh;
    font-size: 12px;
}}
@media screen and (max-width:1280px){
.pic_contact_ct{    
	width: 2.5vh;
    margin-left: 2vh;}

}}	
.msg_info{
	color: #134635;
    font-size: 12px;
    text-align: right;
	margin-top: 3px;
}
@media screen and (max-width: 450px) {
.msg_info{
font-size: 10px;	
}}

@media screen and (min-width: 1000px) and (min-height: 1350px)  {
.crd_footer_logo {
    width: 20vh;
}
.vitalter_footer_logo {
    width: 16vh;
	margin-left: 0%;
}
.pic_contact {
    width: 1vh;
    margin-left: 1vh;
}}

@media screen and (max-width: 799px) {
.formMessage button {
	margin-left: 1vh;
}}

@media screen and (min-width: 600px) and (min-height: 1000px)  {
.home_CR_into {
    margin-bottom: 7vh;
}	

.burger_menu_logo_crd {
    width: 20vh;
    margin-top: 0.5vh;
    margin-left: -3vh;
}

.vital_pres{
	margin-bottom:5vh;
}}