.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video iframe, .embed-container object,
.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 

[class*="col-"] {
    float: left;
    padding: 15px;
}
.a_texte {
	color:#2d9536;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}
a {
  color:#ffffff;
  text-decoration: initial;
  text-decoration: none;
}
/*body {
    overflow-x: hidden;
}*/
h1 {
  text-transform: uppercase;
}
h3{font-family: 'Roboto';
    font-size: 1.3em;
    color: #1f9537;
    margin-top: 10px;
    line-height: 36px;
    font-weight: lighter;}
h4{
    font-family: 'Roboto';
    font-size: 1.2em;
   
    line-height: 10px;
    font-weight: lighter;
}
.mobile {
  display:none;
}
.noMobile {
  display:block;
}
.marginFull {
    margin-left: 18.75%;
    margin-right: 18.75%;
}
.marginFoot {
    margin-left: 10%;
    margin-right: 10%;
}

.header {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  min-height: 904px;
  height: 904px;
  /*background-image: url('../img/header.jpg') ;
  background-size: contain;
  background-repeat: no-repeat;
  min-height:904px;
  height:904px;
  width:100%;*/
}
.header .parallax {
  width: 100%;
  height:100%;
  position:relative;
}
.header .parallax img.back {
    position: absolute;
}
.header .parallax img.plan {
    position: absolute;
}

.logoIbv {
  float: left;
  margin-left: -96px;
  display:none;
}

.bandeau-footer {
    text-align: center;
    padding-top: 30px;
    clear: left;
    background-color: #1f9537;
    padding: 15px;
}

.footer {
  z-index: 100;
  background-color: #064c39;
  position:relative;
  color:#ffffff;
  /*height:350px;
  max-height: 350px;*/
  width: 100%;
  clear:left;
}

.footer .tab {
}

.footer .tab .item.bottom {
  margin-bottom: 5%;
}
.footer .tab .item {
  float:left;
  text-align: left;
  font-size: 14px;
  width:33.33%;
  margin-top: 5%;
  color:#ffffff;
}
.footer .tab .item.plansite b {
  font-weight: 900;
  text-transform: uppercase;
  font-variant: small-caps;
}
.footer .tab .item.plansite {
  text-align: left;
}

.footer .tab .item.plansite a:hover {
  color:#ce6828;
}

.footer .tab.noMobile .item.contact {
  text-align: right;
}
.footer .tab.mobile .item.contact {
  text-align: center;
}
.footer .tab .item.contact p span a{
  position: relative;
  background-color: white;
  color: #2f2f2f;
}
.footer .tab .item.contact p a.follow {
  font-family: 'Roboto', sans-serif;
  font-size:8px;
}
.footer .tab .item.contact p {
  color:#ffffff;
}

.footer .tab .item b{
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}


.g-recaptcha {
        transform:scale(1);
        transform-origin:0;
        transform:scale(1);
        transform-origin:0 0;
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
    }

.copyright {
  text-align: center;
  padding-top: 16px;
  padding-bottom: 15px;
  clear: left;
}

.copyright div {
  color: white;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  background-color: #052e23;
  padding:3px;
}
label {
color:#134635;
}

.cr-select {
	width: 100%;
    margin-bottom: 2vh;
}

.inputmail{
	display:none;
}
textarea, input:focus {
outline-color: #2d9536;
background-color:#2d953608;
transition: all 0.3s ease-in-out 0s;
}
/*.pTexte a {
    color: #134635;
}*/

.floating-button {
	position: fixed;
    right: 20px;
	top: 90px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    z-index: 1500;
    box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);
    background-color: #1f9537;
    color: #fff;
    overflow: hidden;
    display: none -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.floating-contact {
    position: fixed;
	z-index: 999;
    cursor: pointer;
    right: 20px;
    bottom: 30px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    z-index: 1500;
    box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);
    background-color: #1f9537;
    color: #fff;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
	display: none -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
@media screen and (max-width: 989px){
.floating-contact-nomobile {
display:none;	
}}
@media screen and (min-width: 989px){
.floating-contact {
display:none;	
}}

.floating-contact-nomobile {
    position: fixed;
	z-index: 999;
    cursor: pointer;
    right: 20px;
    top: 90px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 1500;
    box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);
    background-color: #1f9537;
    color: #fff;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
	-webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: none -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
button.formTemoignage  {
    margin-top: 15px;
    height: 40px;
    background-color: #ce6828;
    border: 0;
    color: white;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 30px;
}

.pSsTitre a {
    color: #ce6828;
    text-decoration: initial;
    text-decoration: none;
}

.pTitre a {
    color: black;
    text-decoration: initial;
    text-decoration: none;
}

.logo_ibv_resp {
    margin-bottom: 9px;
    margin-left: 25%;

}

.bandeau_footer{  
  width: 100%;
    background-color: #0030207a;
    color: #FFFFFF;
    text-align: center;
    padding: 14px;
}

.mot-alexis{ 
    width: 35vh;
    margin-top: 8vh;
    margin-bottom: 8vh;
}

.crd_footer_logo {
	width: 20vh;
}
.vitalter_footer_logo {
    position: relative;
    margin-top: 5%;
    width: 20vh;
    margin-left: 5%;
    text-align: center;
}
 .logos_footer{
	text-align: center;  
}
.enveloppe-footer{
	width: 5vh;
    margin-left: 10px;
}
.rs-footer{
	width: 35px;
    margin-left: 2vh;
}
 .bandeau_footer{
	width: 100%;
	background-color: #699a19;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
}
.dl_bouton{
    color: #FFFFFF;
    background-color: #2d9536;
    text-align: center;
    width: 200px;
    font-size: 0.9em;
    padding: 30px;
    margin-left: auto;
    text-transform: uppercase;
    position: relative;
    margin-right: auto;
    display: block;
    cursor: pointer;
}
.dl-right{float: right;}
.dl-left{float: left;}
.dl-double{margin-left: 3%;
    margin-bottom: 10%;
    position: relative;
    clear: both;
    text-align: center;}
.valeur-cr {
    float: left;
    position: relative;
    width: 30%;
    margin-left: 3%;
    text-align: center;
	margin-top: 5%;
}

.valeur-cr-last{
    float: left;
    position: relative;
    width: 30%;
    text-align: center;
	margin-bottom: 16%;
	margin-top: 5%;
	margin-left: 3%;
}
.valeurs {
    background-color: white;
    position: relative;
}

.img_center{
	margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.mosaic{
    position: relative;
    width: 90%;
    margin-left: auto;
    top: 5%;
    margin-right: auto;
}
.hev{width: 193px;
    margin-top: 5vh;
    margin-bottom: 10vh;}
.mosaic-pic{
    width: 33.3333333%;
    position: relative;
    float: left;
    height: calc(66.5vw / 3);
    background: #ffffff;
    color: #064735;
}
.mosaic-picto h4:hover{color:white;}
.mosaic-picto{
    width: 35%;
    margin-top: 18%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}
.scorpus_btn_1, .scorpus_btn_2, .scorpus_btn_3,  .scorpus_btn_4, .bouton_header_bio, .bouton_header_bio_2, .mosaic-pic, .dl_bouton, .btn, .prod_min {
	transition: all 0.3s ease-in-out 0s;
}

.scorpus_btn_4:hover {
    opacity:1;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14), 0 6px 6px rgba(0, 0, 0, 0.27);
	background-color: white;
    font-size: 20px;
}

.scorpus_btn_1:hover, .scorpus_btn_1:hover, .scorpus_btn_2:hover, .scorpus_btn_3:hover, .bouton_header_bio:hover, .bouton_header_bio_2:hover, .btn:hover {
	transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14), 0 6px 6px rgba(0, 0, 0, 0.27);
    background-color: #1f9537;
	font-size: 20px;	
}

.mosaic-picto-texte{
	position: absolute;
    width: 100%;
}
.mosaic-titre{
    position: relative;
    margin-top: 7%;
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
    line-height: 24px;
 }

.mosaic-pic:hover{
	transition: all 0.3s ease-in-out 0s;
    font-size: 1.2em;
    background: #064735;
	color:white;
}
.images-mosaic{
    width: 100%;
    height: calc(66.5vw / 3);
}
.mosaic:after {
box-shadow: 0px 5px 18px rgba(0, 0, 0, .80);
}	

#mosaic-shadow{
	height: calc(132vw / 3);
	-webkit-box-shadow: 0px 20px 25px 10px #0000002e;
	-moz-box-shadow: 0px 20px 25px 10px #0000002e;
	box-shadow: 0px 10px 20px 3px rgba(0, 0, 0, 0.11), 0px 15px 50px 14px rgba(0, 0, 0, 0.14);
	margin-bottom: 12%;
    margin-top: 8%;
	border-collapse: separate;
}
#mosaic-shadow-long{
	height: calc(132vw / 2);
	-webkit-box-shadow: 0px 20px 25px 10px #0000002e;
	-moz-box-shadow: 0px 20px 25px 10px #0000002e;
	box-shadow: 0px 10px 20px 3px rgba(0, 0, 0, 0.11), 0px 15px 50px 14px rgba(0, 0, 0, 0.14);
	margin-bottom: 12%;
    margin-top: 8%;
	border-collapse: separate;
}	
@media screen and (max-width:750px){
.mosaic{
	position: relative;
	width: 70%;
	margin-left: 13%;
	top: 150px;
	}

.mosaic-pic{
	width: 100%;
	position: relative;
	margin-top: -4px;
	background: #ffffff;
	height: calc(51.7vw);
	}

.mosaic-picto{
    width: 35%;
    margin-top: 18%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}
.mosaic-picto-texte{

	position: absolute;
    width: 100%;
}
.mosaic-titre{
	position: relative;
    margin-top: 10%;
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}
.images-mosaic{
	width:100%;
	height: calc(51.7vw);
}

#mosaic-shadow{
	height: calc(303vw);
	-webkit-box-shadow: 0px 20px 25px 10px #0000002e;
	-moz-box-shadow: 0px 20px 25px 10px #0000002e;
	box-shadow: 0px 15px 50px 2px #00000024;
    margin-bottom: 50%;
    margin-top: -15vh;
}}

@media screen and (max-width: 550px){
#mosaic-shadow {
    margin-bottom: 65%;
    margin-top: -15vh;
}}

@media screen and (max-width: 430px){
#mosaic-shadow {
    height: calc(303vw);
    -webkit-box-shadow: 0px 20px 25px 10px #0000002e;
    -moz-box-shadow: 0px 20px 25px 10px #0000002e;
    box-shadow: 0px 15px 50px 2px #00000024;
    margin-bottom: 85%;
    margin-top: -15vh;
}}
.span-menu{
	cursor:pointer;
}
@media screen and (max-width: 360px){
#mosaic-shadow {
	margin-bottom: 90%;
    margin-top: -15vh;
}}

.mail_alert{
	width:90%;
	margin-bottom:  5vh;
	background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
	padding: 2vh;
    border-radius: 8px;
}
.mail_success{
	width:90%;
	margin-bottom:  5vh;
	background-color: #def2e0;
    border-color: #def2e0;
    color: #379c49;	
	padding: 2vh;
    border-radius: 8px;
}

.cr-input{
    width: 40%;
    margin-right: 10%;
    margin-left: auto;
    display: block;	
	margin-top: 3px;
	float:left;
}
@media screen and (max-width: 900px) {
.cr-input{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    display: block;	
	margin-top: 3px;
	float: initial;
}}
.txt-right{float: right;
    width: 40%;}
.txt-left{float: left;
    width: 40%;}
.txt-midle{
    float: none;
    width: 100%;
    margin-bottom: 5%;
}
.cr-input-msg{
	margin-top: 1vh;
}

@media screen and (max-width: 990px){
#contact-home {
	display:none
}}

.contact_pic{
position: absolute;
    width: 4vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
}
	
input:-webkit-autofill {
    -webkit-text-fill-color: #1f9537 !important;
    -webkit-box-shadow: 0 0 0 1000px rgb(219,237,226) inset !important;
	border: 1px solid #1f9537;
}

.info_picto{
	width: 18px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: -1px;
}

.cr-select{
	height: 30px;
    width: 80%;
}

.bouliac {
    margin-left: 25%;
}
.pic_contact{
    width: 3vh;
    margin-left: 2vh;
}

#ct-adress{
	margin-bottom: -2vh;
}

.pic_master{
	width: 2.5vh;
    margin-bottom: -2px;
    margin-right: 2px;
    margin-left: 1px;
}

.sepa_footer{
	width: 40%;
    height: 1.2px;
    left: 60%;
    margin-top: 1vh;
    margin-bottom: 1vh;
    background-color: white;
    display: block;
    position: relative;
	}
	
@media screen and (max-width:990px){
.sepa_footer{
	width: 40%;
    height: 1.2px;
    left: 30%;
    margin-top: 1vh;
    margin-bottom: 1vh;
    background-color: white;
    display: block;
	position: relative;
}}
	
/*SIDE MENU CONTACT*/	

.item-contact{   
    background-color: #2d9536;
    position: fixed;
    padding: 2vh;
    padding-top: 100px;
    width: 15%;
    padding-top: 8vh;
    height: 200%;
}

.contact-ligne{
	margin-top:2vh;
}
	
.contact-ligne-rs{
	margin-left: 0px;
	margin-top: -3vh;
}
	
.contact-ligne, .contact-ligne-rs{
	margin-bottom:1vh;
}

.rs-contact-in, .rs-contact-fb{
	width: 35px;
    text-align: left;
    margin-right: 2vh;
    margin-top: 1vh;
	margin-bottom: -10px;
}

.side-contact,.contact-ligne-rs {
	top: 5vh;
    position: relative;
    margin-left: 10%;
    padding-top: 0%;
    font-size: 13px;
}
.pic_contact_ct{
    width: 3vh;
    margin-right: 1vh;
}

.langage-footer{
	width: 34%;
    margin-left: auto;
    margin-right: auto;
}
.fr-footer{
	float: left;
}
.uk-footer{
	float: right;
}
.titre-footer{ 
    margin-top: 35%;
    margin-bottom: 10%;
    text-transform: uppercase;
    font-size: 0.9em;
 }
.menu_flag{
    margin-left: -12px;
    padding-left: 15px;
    margin-right: 12px;
    width: 20px;
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}
.titre_bio{
	font-size: 15px;
    margin-top: 0;
    color: #1f9537;
    line-height: 36px;
    font-weight: lighter;
}
.picto-prod{
    width: 25px;
    margin: 3px;
    vertical-align: middle;
	display:none;
}
.picto-prod-filtre {
    width: 25px;
    margin: 3px;
    vertical-align: middle;
   
}
.pictos-prods{
	position: absolute;
    left: 7px;
    top: 8px;
}
#prods-list{
	display:block;
	float: left;
}
#prods-list-2{
	display:block;
	float: right;
	   
}

.search-pic {
    width: 17px;
    margin-right: 6px;
    margin-top: -2px;
}
.lab-prod{
	cursor: pointer;
}
.crd-formation-logo{width: 10%;
    margin-right: 2%;
transform: translateY(5%);}
.none{display:none;}
.footer-logos-qualo{position: relative;
   width:22vh;
    text-align: center;margin-top:15px;}
	.footer-logos-handi{ width:10vh;margin-left:5%}
.text-accueil{text-align:justify;}	
.formation-circle{    position: fixed;
    width: 10%;
    bottom: 30%;
    right: 35px;}
.img_left_sf{	
	margin-bottom: 1%;
    margin-right: 1%;
    display: block;
float: left;
width:40%;}
ul.leftMenu.menu-vital li {
    font-size: 11px;
}
.produit-copyright{  
  vertical-align: super;
font-size: 0.7em;}

.bouton-filtre{
    color: #ffffff;
    font-size: 15px;
    border: none;
    background: #1F9537;
    padding: 12px 13px 12px 13px;
    text-decoration: none;
    margin-top: 30px;
    cursor: pointer;
}
.bouton-filtre:hover{  background: #3cb554;
  text-decoration: none;
}

.icon-right{ width: 15%;
    position: fixed;
    right: 15px;
bottom: 25px;}


/* PARALLAXE */

.para-left{
    top: 30%;
    left: -13%;
    background-color: initial;
    width: 29%;}
.para-right{
    top: 33%;
    left: 27%;
    background-color: initial;
	width: 29%;}

.p03-a{
    margin-right:auto;margin-left:auto;position:relative;display: block;width:110%;
}
.d03-b{
    left: 19%;
    width: 24%;
    position: absolute;
    bottom: 15%;
}
.d03-c{
	left: 11%;
    top: 18%;
    width: 19%;
    position: absolute;
}
.d03-d{
   right: 21%;
    width: 17%;
    top: 9%;
    position: absolute;
}
.d03-e{
    left: 28%;
    width: 22%;
    position: absolute;
    top: 8%;
}
.d03-f{
    right: 11%;
    position: absolute;
    WIDTH: 35%;
    top: 29%;
}
.para_mobile_2{
	display:none;
}
.para_mobile{
	display:none;
}
.header-para {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
}
.p03-b,.p03-c,.p03-d,.p03-e,.p03-f{
 animation: pulse-animation-soft 1s infinite;
}
.p03-c:hover,.p03-d:hover{
 animation: pulse-animation 1s infinite;
}
.p03-b:hover,.p03-e:hover,.p03-f:hover{
 animation: pulse-animation 1.5s infinite;
}
.title-b{position: absolute;top: 45px;left: -90px;font-size: 30px;}
.title-c{position: absolute;    top: -40px;    left: -50px;font-size: 30px;}
.title-d{position: absolute;top: 56px;right: -270px;font-size: 30px;}
.title-e{position: absolute;top: 41px;right: -65px;font-size: 30px;}
.title-f{    position: absolute;
    right: 0px;
    bottom: -50px;
    font-size: 30px;}
   
.p03-b{    width: 120%;}
.p03-c{width: 177%;}
.p03-d{width: 80%;}
.p03-e{    width: 100%;}
.p03-f{width: 96%;}

@keyframes pulse-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes pulse-animation-soft {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.01);
    }
    100% {
        transform: scale(1);
    }
}

.lien_header h2 {
 opacity: 0;
  transition: opacity 0.3s ease;
}

.lien_header:hover h2 {
 opacity:1;
   
}