body,html{
	height:100%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	margin: 0px;
	padding: 0px;
}

body {
	margin-top: 78px;
}

label{
        font-weight: normal;
        position: relative;
        width:90%;
  			font-size:12px;
}
ul.hs-error-msgs.inputs-list{
    color:red;
    font-size: 10px;
    padding: 5px 0 0 10px;
    margin: -10px;
    list-style:none;
}
    ul.hs-error-msgs.inputs-list label{
        font-weight: normal;
        position: relative;
        width: 90%;
        font-weight: 400!important;
    }
span.hs-form-required{
    position: absolute;
    right: 0;
    color: red;
}
   
   /* RAJOUT ODILE - TERNALIS --------- */    

   li.hs-menu-item.hs-menu-depth-1.active.active-branch a{color: #00EA86;}
   footer li.active.active-branch a{color: #00EA86;}

/*Global-------------------------------*/

@font-face {
    font-family: Novecentosanswide-Bold;
    src:
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Bold.eot?#iefix') format('embedded-opentype'), 
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Bold.otf')  format('opentype'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Bold.woff') format('woff'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Bold.ttf')  format('truetype'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Bold.svg#Novecentosanswide-Bold') format('svg');
    font-weight:900;
}
@font-face {
    font-family: Novecentosanswide-Book;
    src:
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Book.eot?#iefix') format('embedded-opentype'), 
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Book.otf')  format('opentype'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Book.woff') format('woff'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Book.ttf')  format('truetype'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Book.svg#Novecentosanswide-Book') format('svg');
    font-weight:500;
}
@font-face {
    font-family: Novecentosanswide-DemiBold;
    src:
        url('../inc/dw_vectaury_fonts/Novecentosanswide-DemiBold.eot?#iefix') format('embedded-opentype'), 
        url('../inc/dw_vectaury_fonts/Novecentosanswide-DemiBold.otf')  format('opentype'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-DemiBold.woff') format('woff'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-DemiBold.ttf')  format('truetype'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-DemiBold.svg#Novecentosanswide-DemiBold') format('svg');
    font-weight:700;
}
@font-face {
    font-family: Novecentosanswide-Medium;
    src:
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Medium.eot?#iefix') format('embedded-opentype'), 
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Medium.otf')  format('opentype'),
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Medium.woff') format('woff'),
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Medium.ttf')  format('truetype'),
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Medium.svg#Novecentosanswide-Medium') format('svg');
    font-weight:400;
}
@font-face {
    font-family: Novecentosanswide-Normal;
	src:
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Normal.eot?#iefix') format('embedded-opentype'), 
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Normal.otf')  format('opentype'),
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Normal.woff') format('woff'),
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Normal.ttf')  format('truetype'),
		url('../inc/dw_vectaury_fonts/Novecentosanswide-Normal.svg#Novecentosanswide-Normal') format('svg');
	font-weight: 300;
}
@font-face {
    font-family: Novecentosanswide-Light;
    src:
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Light.eot?#iefix') format('embedded-opentype'), 
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Light.otf')  format('opentype'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Light.woff') format('woff'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Light.ttf')  format('truetype'),
        url('../inc/dw_vectaury_fonts/Novecentosanswide-Light.svg#Novecentosanswide-Light') format('svg');
    font-weight:100;
}


h1,h2,h3,h4{
	font-family: Novecentosanswide-Bold , Arial, "sans-serif";
	margin-bottom:0;
	text-transform:uppercase;
}

h2{
	color:#222835;
	/* text-align: center; */
	padding: 40px;
}

h2 .return{
	white-space: nowrap;
}

img{
	max-width: 100%;
}

p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}


/*End*/


header{
	position: fixed;
	transition: background-color 0.2s linear;
	top:0px;
	z-index: 10000;
	width: 100%;
    /*height: 78px;*/
    /*padding: 15px;*/

}
/* ---- Début modification David ----- */

/* Background Header au Scroll */
    .bgdheader{
         background-color: rgba(34,40,53,1);
        -moz-box-shadow: 0 0 40px 0px rgba(0,0,0,0.4);
    	-webkit-box-shadow: 0 0 40px 0px rgba(0,0,0,0.4);
    	-o-box-shadow: 0 0 40px 0px rgba(0,0,0,0.4);
    	box-shadow: 0 0 40px 0px rgba(0,0,0,0.4);
    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=10);
    }

/* Logo */
	.logo{
	    display:none; /*display: inline-block;*/
	}
	
	.logo-responsive{
	    display:inline-block;
	    margin: 0px; 
		width: 40px;
	}
	
/* ---- Fin modification David ----- */

/* ---- Début modification David ----- */

/**************** MAIN MENU TOP ***********************/
.vt_main_nav{
    width:100%;
    background:#1b1f29;
    color:#ffffff;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

    .vt_menu_top_wrap ul{
        width:100%;
        color:#ffffff;
        display:flex;
        justify-content:center;
        align-items:center;
        padding:5px;
        margin:0;
    }
        .vt_menu_top_wrap ul li{
            list-style: none;
            padding: 0 10px;
            border-right: 1px solid rgba(255, 255, 255, 0.5);
        }
        
        .vt_menu_top_wrap ul li:last-child{
            border-right: 1px solid rgba(255, 255, 255, 0);
        }
        
            .vt_menu_top_wrap ul li a{
            color:#ffffff;
            text-decoration:none;
            font-size:12px;
            text-transform:uppercase;
            font-weight:200;
            }
            
            .vt_menu_top_wrap ul li a:hover{
            color:#4fe395;

            }

    
    
/**************** MAIN MENU TOP ***********************/
    
    .vt_second_nav{
        padding: 20px 30px;
    }
    .vt_second_nav nav{
        display:flex;
        justify-content:center;
    }
    
    @media screen and (max-width:1024px) {
		 .vt_second_nav nav{
        display:block;
        
    }
	}
	
	.vt_nav_vs{
	    padding: 10px 30px;
	    background:#222835;
	    
	}
	
	.wrap_menu_vs{
	    background:#ffffff;
	    box-shadow: inset 0 0 1rem 0 #d1d1d1;
        bottom: 0;
        margin: 0 0 50px 0;
        padding: 0;
	}
	
	.wrap_menu_vs h3{
	    background: #f0f0f0;
        margin: 0;
        padding: 20px 30px;
        text-align: left;
        font-size:20px;
	}
	
	.menu_vs{
        width: 100%;
        margin: 0;
        padding: 0;
        float: none;
	}
	
	
	.menu_vs ul{
	    display:flex;
	    justify-content:center;
	    align-items:center;
	}
	
	.menu_vs li{
	   height:auto;
	}
	
	.menu_vs a{
	    color: #222835;
	}
	
	.active-menu{
	    color:red;
	}
	
	
    
   
  

/* ---- Fin modification David ----- */

	.btMenu{
		width: 40px;
		height: 40px;
		margin:  5px 15px 5px 25px;
		position: relative;
		float: right;
		z-index:9999;
    display:none;
	}
	
	@media screen and (max-width: 1024px) {
		.btMenu{
			margin: 5px 0px 5px 10px;
      display:inline-block!important;
		}
	}
		.btMenu span{
			width: 40px;
			height: 1px;
			display: block;
			background-color: #FFF;
			position: relative;
			margin-top: 20px;
			transition: width 300ms ease-in-out 0ms, margin-left 300ms ease-in-out 0ms;
		}
		.btMenu:before,
		.btMenu:after{
			content: '';
			width: 40px;
			height: 1px;
			display: block;
			background-color: #FFF;
			margin: 0;
			position: absolute;
			top: 5px;
			left: 0;
			transition: transform 200ms ease-in-out 0ms, top 200ms ease-in-out 0ms;
		}
		.btMenu:after{
			top: 34px;
		}
			.btMenu:hover{
				cursor: pointer;
			}
			.btMenu.open span{
				width: 0px;
				margin-left: 20px;
				transition: width 400ms ease-in-out 0ms, margin-left 400ms ease-in-out 0ms;
			}
			.btMenu.open:before{
				transform: rotate(45deg);
				top:20px;
				transition: transform 300ms ease-in-out 0ms, top 300ms ease-in-out 0ms;
			}
			.btMenu.open:after{
				transform: rotate(-45deg);
				top:20px;
				transition: transform 300ms ease-in-out 0ms, top 300ms ease-in-out 0ms;
			}


	.demo,
	span#hs-cta-wrapper-c8607066-f72d-4189-8637-52173eca9bcc{
		float: right;
	}

	nav{
		display:block;
		overflow: hidden;
		margin-top: 5px;
		width: calc(100% + 30px);
		margin-left: -30px;
	}

		nav ul{
			display:block;
			height:auto;
			list-style: none;
			padding-left:0px;
			/*background: #222835;*/
		}
		
			nav ul li{
				display:block;
				width: 100%;
				color: #FFF;
				text-transform:uppercase;
				padding:0px 20px;
				position: relative;
				line-height: 50px;
			}

			nav ul li.demo-container {
				padding: 0;
			}

				nav ul li a{
					color: #FFF;
					text-decoration: none;
					transition:all .2s ease-in-out;
					text-align: center;

					display: block;
					height: 100%;
					width: 100%;
					font-family: Novecentosanswide-DemiBold;
					font-size: 16px; /* 19px de base */
				}
				nav ul li:hover>a,
				nav ul li:active>a{
					color: #00EA86;
					text-decoration: none;
					transition:all .3s ease-in-out;
				}

					/* sous menu */
					nav ul li ul{
						display: block;
						position: relative;
							width: 100%;
							height: auto;
							text-align: center;

					}
					
						nav ul li ul li{
								width: 100%;
								text-decoration: none;
						font-weight: 100;
								transition: all .3s ease-in-out;
								padding: 0;
								height: auto;
						}
							nav ul li ul li a{
								color: rgba(255,255,255,0.5);
								text-decoration: none;
								transition: all .3s ease-in-out;
								line-height: 14px;
								font-size: 14px;
								padding: 12px 10px;
								display: flex;
								align-items: center;
								justify-content: center;
								text-align: center;
								font-family: Novecentosanswide-Normal;

							}
							nav ul li ul li:last-child a{
								border-bottom: none;
							}
							nav ul li ul li:hover a,
							nav ul li ul li.active-branch a,
							nav ul li ul li a:focus{
								color: #FFF !important;
								background-color:#4fe395;
							}

							nav ul li.demo{
								width: 200px;
								margin: 20px auto;
							}

					.demo{
						position: relative;
						border-radius:25px;
						-webkit-border-radius: 25px;
						-webkit-border-top-left-radius: 25px ; 
                        -webkit-border-bottom-right-radius: 25px ; 
                        -webkit-border-top-right-radius: 25px ;
                        -moz-border-radius:25px;
                        -khtml-border-radius:25px;
                        -webkit-border-bottom-left-radius: 25px ;
						box-shadow: inset 0 0px 0px 2px rgb(79, 227, 149);
						overflow: hidden;
						transition: all ease-in-out .2s;
						height:50px;
						text-transform: uppercase;
						padding: 0px 20px;
						line-height: 52px;
						display:block;
					}
						.demo a{
							color:#4fe395;
							z-index: 2;
							position: relative;
						}
							.demo:hover a{
								display: block;
								color: #FFF;
								transition: all ease-in-out .25s;
								text-decoration: none;
								opacity: 1;
								width: 100%;
								height: 100%;
							}
							.demo:after{
								content: "";
								display: block;
								width: 140%;
								height: 120%;
								transform: skewX(-45deg);
								background: #4fe395;
								position: absolute;
								top: 0;
								right: -180%;
								transition: all ease-in-out .1s;
								z-index: 1;
							}
								.demo:hover:after{
									transition: all ease-in-out .2s;
									right: -15%;
								}
								
								


/* ---- Début modification David ----- */

    .bandeauLanding{
    	display: flex;
    	align-items: center;
    	justify-content:center;
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: cover;
    	position: relative;
        text-align: center;
    	overflow: hidden;
    	flex-direction: column;
    	height:100vh;
    }
    .bandeauLanding .masque{
    		background-color: #222835;
    		display:block;
    		opacity: 0.7;
    		position: absolute;
    		z-index:0;
    		top: 0;
    		right: 0;
    		bottom: 0;
    		left: 0;
    	}
	.bandeauLanding h1{
		color:#FFF;
		text-align: center;
		position:relative;
		padding: 0px 0 25px 0; /*padding: 110px 0 28px 0;*/
    	margin: 0;
		font-size: 4.5rem;
    	line-height: 45px; /* 46px a la base */
		border-bottom: 1px solid #FFF;
		margin-bottom: 25px; /* 28px à la base */
	}
		.bandeauLanding h1:after{
			content:"";
			display: block;
			position: absolute;
			height: 7px;
			width: 7px;
			bottom: -4px;
			left: 50%;
			margin-left: -3.5px;
			background-image: url('../inc/dw_vectaury_img/devider_picto_w.png');
			background-size: 7px 7px;
			
		}
		.bandeauLanding h1 span{
			color:#4fe395;
		}

	.bandeauLanding.entete p{
		color: #FFF;
		font-weight: 300; /* font-weight: 100; */
		font-size: 20px; /* font-size : 25px */
		line-height: 25px;
		text-align: center;
		padding: 0 0 50px;/*padding:0 0 110px;*/
	}
	
	@media screen and (max-width: 1024px) {	
       
        .bandeauLanding h1{
		    font-size: 3.3rem;
             line-height: 1;
	}
	

	.bandeauLanding.entete p{
		font-size: 1.5rem;
        line-height: 1.5;
	}
    }
	

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.arrow {
  position: absolute; 
  bottom: 50px;
  left: 50%;
  margin-left: -20px;
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/* ---- Fin modification David ----- */


.bandeauBG{
	display: flex;
	align-items: center;
	justify-content:center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
    text-align: center;
	overflow: hidden;
	flex-direction: column;
}

	.bandeauBG .masque{
		background-color: #222835;
		display:block;
		opacity: 0.3;
		position: absolute;
		z-index:0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.bandeauBG.telephone .masque{
		opacity: 0.2;
	}


.bandeau{
	position: relative;
	padding-top: 5px;
    padding-bottom: 5px;
	text-align: center;
	overflow:hidden;
	/*min-height:100%;*/
}

.bandeau_vs{
	position: relative;
	padding-top: 5px;
    padding-bottom: 5px;
	text-align: center;
	overflow:hidden;
	margin-top: 15px;
}

	@media screen and (max-width: 450px) {	
           .bandeau{
    	    padding-top: 50px;
        }
    }
    
	/*.bg_vecto1,*/
	/*.bg_vecto2{*/
	/*	display:block;*/
	/*	height: 100%;*/
	/*	width: calc(100% - 30px);*/
	/*	position: absolute;*/
	/*	background-repeat: no-repeat;*/
	/*	background-position: center;*/
	/*	background-size: cover;*/
	/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_vecto1.svg)*/
	/*}*/
	/*.bg_vecto2{*/
	/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_vecto2.svg)*/
	/*}*/

	.bandeau h2{
		color:#222835;
		text-align: center;
		text-transform: uppercase;
		position:relative;
		padding: 25px 0 25px 0;
		display: inline-block;
		font-size: 30px; /*font-size: 46px;*/
        line-height: 40px; /*line-height: 46px;*/
		border-bottom: 1px solid #222835;
		z-index:5;
	    margin-bottom: 25px;
	    margin-top: 0;
	}
		.bandeau h2:after{
			content: "";
			display: block;
			position: absolute;
			height: 7px;
			width: 7px;
			bottom: -4px;
			left: 50%;
			margin-left: -3.5px;
			background-image: url(../inc/dw_vectaury_img/devider_picto.png);
			background-size: 7px 7px;

		}
		.bandeau h2 span{
			color:#222835;
		}
	.bandeau p{
		color:#222835;
		font-size: 18px; /*font-size: 22px;*/
		/*line-height: 20px;*/
		text-align: center;
		padding:0 0 10px;
		position: relative;
		z-index:5;
		margin-bottom: 0;
	    font-weight: 300;
	}

.bandeauBG h2{
	background: transparent;
	color: #FFF;
	text-align: center;
	position:relative;
	padding: 30px 0 30px 0;
	display: inline-block;
	font-size: 40px; /*font-size: 46px;*/
    line-height: 40px; /*line-height: 46px;*/
	border-bottom: 1px solid #FFF;
	width: auto;
	margin-bottom: 28px;
    margin-top: 0;
    text-transform:uppercase;
}
	.bandeauBG h2:after{
		content:"";
		display: block;
		position: absolute;
		height: 7px;
		width: 7px;
		bottom: -4px;
		left: 50%;
		margin-left: -3.5px;
		background-image: url('../inc/dw_vectaury_img/devider_picto_w.png');
		background-size: 7px 7px;
	}
	.bandeauBG p{
		color: #FFF;
		font-weight: 100;
		font-size: 20px; /*font-size: 22px;*/
		line-height: 27px;
		text-align: center;
		padding:0 0 30px;
		margin-bottom: 0;
	    font-weight: 300;
	}
.page .bandeauBG.telephone{
	overflow:hidden;
	min-height: 611px;
}
.bandeauBG .masque.texture{
	background-image:url(../inc/dw_vectaury_img/SlideTexture.png);
	background-repeat: repeat;
	background-color: #222835;
	opacity: 1;
}

.bandeauBG .maindroite,
.bandeauBG .maingauche,
.bandeauBG .ecrandroite{
	background-image:url(../inc/dw_vectaury_img/vt_website/vt_img/01_HomePage/SlideMainDroite2.png);
	
	display:block;
	height: 100%;
	width: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	transition: 0.3s all ease-in-out;
}
.bandeauBG .maingauche{
	background-image:url(../inc/dw_vectaury_img/vt_website/vt_img/01_HomePage/SlideMainGauche2.png);
}
.bandeauBG .ecrandroite{
	background-image:url(../inc/dw_vectaury_img/vt_website/vt_img/01_HomePage/SlideEcranDroite2.png);
}

.bandeauBG .maindroite{
	top:10%;
	left: 10%;
}
.bandeauBG .maingauche{
	background-position: top center;
	top: 25%;
    height: 105%;
    left: -10%;
	height: 105%;
}
.bandeauBG .ecrandroite{
	top: 23%;
    left: 19%;
    transform: skewX(6deg);
}


.bandeauBG.anim .maindroite,
.bandeauBG.anim .ecrandroite{
	top:0;
	left:0px;
	transform:none;
	transition: 0.7s all ease-in-out;
}

.bandeauBG.anim .maingauche{
	top: -5%;
	left:0%;
	transition: 0.7s all ease-in-out;
}

/*badeau telephone vecto */

.bandeau.telvecto{
	position: relative;
	padding:0;
    min-height: 470px;
	overflow: hidden;
}


.bandeau.offline h2{
	padding-top:176px;
}


.bandeau.offline p:last-of-type{
	padding-bottom:176px;
}


.telephonevecto,
.reseauvecto{
    display:block;
    height: 100%;
    min-height: 200px;
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    background-image: url(../inc/dw_vectaury_img/telephonevecto.png);

    transition: 0.3s all ease-in-out;
}
.reseauvecto{
    background-image: url(../inc/dw_vectaury_img/reseauvecto.svg);
}

.telephonevecto{
    margin-left: 20%;
    margin-top: -200px;
}
.reseauvecto{
    margin-left: -15%;/*-15%*/
}

.telvecto.anim .telephonevecto{
    margin-left: 0;
    transition: 0.7s all ease-in-out;
}
.telvecto.anim .reseauvecto{
    margin-left: -1%;
    transition: 0.7s all ease-in-out;
}

/* bandeau du CTA*/

.bandeauBG.CTA{
	min-height: 300px;
}
	.CTAbt{
		display: inline-block;
		margin: 30px auto;
		color: #FFF;
		padding:13px 47px 13px 38px;
		font-size: 25px;
		line-height: 26px;
		background-color: #4fe395;
		border-radius:50px;
		border:solid 2px #4fe395;
		position: relative;
		box-shadow: 0 8px 40px -6px rgba(0,0,0,0.25);
		transition: all ease-in-out 0.2s;
		transform: scale(1);
		text-decoration: none;
		text-transform: uppercase;
		font-family: Novecentosanswide-DemiBold;
	}
		.CTAbt:hover{
			text-decoration: none;
			transition: all ease-in-out 0.3s;
			transform: scale(1.1);
			color:#FFF;
		}
	.CTAbt:after{
		content:"";
		display: block;
		background: url(../inc/dw_vectaury_img/arrow_big.png) no-repeat;
		background-size: 16px;
		position: absolute;
		right: 20px;
		height: 26px;
		width: 16px;
		margin-top: -13px;
		top: 50%;
	}	
		.CTAbt:hover:after{
			animation: bouncebtn 0.3s ease-in-out infinite alternate;
		}

/* Contact Part */
.vt_contact.CTA{
	min-height: 300px;
}
	.vt_contact svg{
		height: 120px;
		display: block;
		margin: 50px auto;
	}

/*anim logo*/

	.logo_symbol path,
	.logo_symbol polygon{
		stroke-dasharray: 150;
		stroke-dashoffset: 150;
	}

	.logo_symbol path{
		stroke-dasharray: 100;
		stroke-dashoffset: 100;
		animation: dash 1s linear forwards 2s;

	}
	.logo_symbol polygon{
		stroke-dasharray: 150;
		stroke-dashoffset: 150;
		animation: dash 1.5s linear forwards .5s;
	}

	@keyframes dash {
	  to {
		stroke-dashoffset: 0;
	  }
	}

/*bandeau protection*/

.bandeau.telvecto.safe h2{
	/*padding-top:20px;*/
}
.safe_vecto1,
.safe_vecto2{
	display:block;
	height:150px;
	width: calc(100% - 80px);
	position: relative;
	margin: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../inc/dw_vectaury_img/safe_vecto1.svg);
	opacity: 1;/*0.3*/
	transition: 0.6s all ease-in-out;
}
/*.safe_vecto1{
	margin:25px 0 0 -100%;
}*/
.safe_vecto2{
	background-image: url(../inc/dw_vectaury_img/safe_vecto2.svg);
	/*margin:20px 0 20px 100%;*/
}

	.anim .safe_vecto1{
		margin-left:40px;
		opacity: 1
	}
	.anim .safe_vecto2{
		margin:0 0 20px 40px;
		opacity: 1
	}



/* Début Modif David 16/08/17 - Ils nous font confiance */

.agency-wrapper,
.client-wrapper{
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding:0;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap:wrap;
}

.agency-wrapper li,
.client-wrapper li{
    padding:15px;
}

.agency-wrapper img,
.client-wrapper img {
    max-width: 110px;
}

.client-wrapper{
    margin-bottom:50px;
}



/* Fin Modif David 16/08/17 - Ils nous font confiance */


/*****************  FOOTER  ***********************/

footer{
	background-color: #222835;
	padding: 50px 0 20px 0;
	color:#ffffff;
}
footer .col-xs-12.col-md-7{
	background-image: url(../inc/dw_vectaury_img/Logo-vectaury-footer.svg);
	background-repeat: no-repeat;
	background-position: center;
}

	/*footer .bandeauVert{*/
	/*	line-height: 26px;*/
	/*	background-color: #00EA86;*/
	/*	color: #222835;*/
	/*	text-align: center;*/
	/*	padding: 11px;*/
	/*}*/
	/*	footer .bandeauVert p{*/
	/*		font-family:'Montserrat', sans-serif;*/
	/*		font-weight: 500;*/
	/*	    font-size: 16px;*/
	/*	    margin: 0;*/
	/*	}*/
	/*		footer .bandeauVert p a{*/
	/*			color: #222835;*/
	/*			display: inline-block;*/
	/*		}*/

	footer .titrage{
		color:#FFF;
		font-family: Novecentosanswide-Bold , Arial, "sans-serif";
		font-size:27px;
		margin:40px 0
	}

	footer h6{
		color:#FFF;
		text-transform: uppercase;
		font-size: 16px;
		font-family: Novecentosanswide-Bold;
	    -webkit-font-smoothing: antialiased;
	}

		footer h6 a:hover,
		footer h6 a {
			color: #fff;
		}
		

		/*footer h6.demo{*/
		/*	display:inline-block;*/
		/*	height:50px;*/
		/*	text-transform:uppercase;*/
		/*	padding: 0px;*/
		/*	line-height: 50px;*/
		/*	margin: 0;*/
		/*	color:#4fe395;*/
		/*	border-radius:25px;*/
		/*	border:solid 2px #4fe395;*/
		/*}*/

		/*footer h6.demo a{*/
		/*	padding: 0 30px;*/
		/*	display: block;*/
		/*	text-decoration: none;*/
		/*}*/

	footer ul {
		list-style: none;
		padding-left:0px;
		font-family: Novecentosanswide-Book;
		text-transform: uppercase;
		font-weight: 100;
		color: #FFF;
	}
		footer ul li{
			margin:20px 0;
		}
			footer ul li a{
				color: #FFF;
				opacity: 1;
			}
				footer ul li a:hover{
					color: #FFF;
					opacity: 0.7;
					text-decoration: none;
				}
				
    .footer-contact{
        /*border-top:1px solid #ffffff;*/
        /*border-bottom:1px solid #ffffff;*/
    }
    
	footer a.contact{
		display: inline-block;
		color: #00EA86;
		height: 45px;
		line-height: 48px;
		padding:0px 60px 0px 40px;
		box-shadow: inset 0 0px 0px 2px rgb(79, 227, 149);
		margin: 40px 0 20px 0;
		position: relative;
		border-radius: 30px;
		text-decoration: none;
		text-transform: uppercase;
		overflow: hidden;
		margin:20px 0 15px 0;
	}
		footer a.contact:hover{
			text-decoration: none;
			background: #4fe395;
		}

			footer a.contact:after{
				content:"";
				background-image:url(../inc/dw_vectaury_img/arrowG.svg);
				display: block;
				position: absolute;
				right: 30px;
				height: 20px;
				width: 20px;
				top: calc(50% - 10px);
			}	
				footer a.contact:hover:after{
					animation: bounceSR 0.3s ease-in-out infinite alternate;
					filter: brightness(100);
				}

			/* Copié-collé du after de .demo */

			footer a.contact:before {
				content: "";
				display: block;
				width: 140%;
				height: 120%;
				transform: skewX(-45deg);
				background: #4fe395;
				position: absolute;
				top: 0;
				right: -160%;
				transition: right ease-in-out .1s;
				z-index: 0;
				opacity: 0;
			}
				footer a.contact:hover {
					color: #fff;
				}
				footer a.contact:hover:before {
					transition: right ease-in-out .2s;
					right: -15%;
				}

			footer a.contact span {
				z-index: 1;
				position: relative;
			}

			@media (min-width: 768px) {
				footer a.contact:hover { background: transparent; }
				footer a.contact:hover:before { opacity: 1; }
			}

	#hs_form_target_newsletter {
		margin-top: 30px;
		height: 65px;
	}
	#hs_form_target_newsletter .hs-form-field{
		display: inline-block;
		float: left;
	}
	
	#hs_form_target_newsletter .hs-form-field label {
        display: none;
	}
	
	#hs_form_target_newsletter .hs-form-field input{
		height:60px;
		line-height: 60px;
		margin: 0px;
	}
	
	input:-webkit-autofill, 
	textarea:-webkit-autofill, 
	select:-webkit-autofill {
        background-color: white !important;
	}
			#hs_form_target_newsletter .hs-form-field input{
				border-top-left-radius: 40px;
				border-bottom-left-radius: 40px;
				border: 2px solid #FFF;
				border-right:none;
				height: 50px; /* de base 60px */
				width: 250px;
			    padding:10px 20px;	/*padding-left:30px;*/
				line-height: 50px;
				font-family: 'Montserrat', sans-serif;
				font-weight: 400;
			}
			#hs_form_target_newsletter .hs-form-field input:hover,
			#hs_form_target_newsletter .hs-form-field input:focus{
				outline: none;
			}
			#hs_form_target_newsletter .hs_submit input.hs-button{
				border-top-right-radius: 40px;
				border-bottom-right-radius: 40px;
			    border-top-left-radius: 0;
                border-bottom-left-radius: 0;
				border: 2px solid #FFF;
				border-left:none;
				width: 70px;
				font-size:16px; /*font-size: 20px;*/
				text-align: center;
				color:#FFF;
				background:#00EA86;
				height:50px; /*height:60px;*/
				margin: 0px;
				font-family: 'Montserrat', sans-serif;
				font-weight: 500;
				overflow: hidden;
				position: relative;
			    padding: 0;
			}
			#hs_form_target_newsletter .hs_submit input.hs-button:hover,
			#hs_form_target_newsletter .hs_submit input.hs-button:focus{
				font-size: 24px;
	    		outline: none;
			}
			#hs_form_target_newsletter .hs_submit input.hs-button:after{
				content:"";
				background:#FFF;
				display: block;
				position: absolute;
				border-radius: 50%;
				right: 50%;
				top:50%;
				height: 0px;
				width: 0px;
				opacity: 0;
			}
				#hs_form_target_newsletter .hs_submit input.hs-button:hover:after{
					animation: 0.3s fadeBT 1;
				}
			
				@keyframes fadeBT{
					from {
						opacity:.8;
					}
					70%{
						right: calc(50% - 45px);
						top: calc(50% - 45px);
						height: 90px;
						width: 90px;
						opacity:.8;
					}
					to   {
						opacity:0;
						right: calc(50% - 45px);
						top: calc(50% - 45px);
						height: 160px;
						width: 160px;
					}
				}

	/* IE 11 and Edge fix */
	_:-ms-lang(x),
	.leadin-button-wrapper button:hover:after {
		animation: none;
	}
	_:-ms-lang(x),
	.leadin-button-wrapper button:hover {
		animation: 0.3s fadeBTIE 1;
	}

		@keyframes fadeBTIE{
			from {
				background: #00EA86;
			}
			70%{
				background: #fff;
			}
			to   {
				background: #00EA86;
			}
		}

	/* */

	/*footer .membre img{*/
	/*	margin:20px 0px 30px 0px;*/
	/*}*/
	
	/*.membre a {*/
	/*    margin: 0 20px;*/
	/*}*/
	
	
    .vt_footer_contact{
        border-left: 1px solid #fff;
        padding-left: 50px;
    }
    
    .vt_social{
        margin-bottom: 80px;
    }
    
	.vt_social a{
		width: 40px;
		height: 40px;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
		opacity: 1;
		transition: 0.3s all ease-in-out;
	}
	.vt_social a:hover{
		opacity:0.6;
		transition: 0.1s all ease-in-out;
	}
		.vt_social .email{
			background-image: url(../inc/dw_vectaury_img/rezo/email.svg);
		}
		.vt_social .twitter{
			background-image: url(../inc/dw_vectaury_img/rezo/twitter.svg);
		}
		.vt_social .facebook{
			background-image: url(../inc/dw_vectaury_img/rezo/facebook.svg);
		}
		.vt_social .linkedin{
			background-image: url(../inc/dw_vectaury_img/rezo/linkedin.svg);
		}
		
	.vt_adress p{
	    margin:0;
	}
    .vt_adress a {
	    color:#ffffff;
	    text-decoration:underline;
	}

	/* RAJOUT ODILE TERNALIS */
	.vt_adress a:hover {
		    color: #FFF;
    		opacity: 0.7;
    		text-decoration: none;
	}
	/* /RAJOUT ODILE TERNALIS */
	
    footer .copyright{
    	color:#FFF;
    	font-size: 10px;
    }
    
    
    @media screen and (max-width: 990px) {	
       
        .vt_footer_contact{
        border-left: none;
        border-top: 1px solid #fff;
        padding-left: 20px;
        padding-top: 20px;
        margin-bottom: 20px;
        }
    
        .vt_social{
            margin-bottom: 20px;
        }
    }
    
  


/*PAGE VISION -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.page .bandeauBG{
  min-height: 440px;
  background-size: cover;
  background-position: center 30px !important;
}

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

	.page .bandeauBG {
	    min-height: 500px;
      background-position: 50% 10px !important;
	}

}

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

	.page .bandeauBG {
	    min-height: 600px;
      background-position: center top !important;
	}

}

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

	.page .bandeauBG {
	    min-height: 750px;
      background-position: center -70px !important;
	}

}



/*.bg_entete_vecto1,*/
/*.bg_entete_vecto2,*/
/*.bg_entete_vecto3{*/
/*	display:block;*/
/*	height: 100%;*/
/*	width: calc(100% + 30px);*/
/*	position: absolute;*/
/*	top: 0;*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*	background-size: cover;*/
/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_entete_vecto1.svg);*/
/*	z-index: 20;*/
/*}*/
/*.bg_entete_vecto2{*/
/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_entete_vecto2.svg);*/
/*}*/
/*.bg_entete_vecto3{*/
/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_entete_vecto3.svg);*/
/*}*/


.page .bandeau h1{
	color:#222835;
	text-align: center;
	text-transform: uppercase;
	position:relative;
	padding:0 0 28px 0;
	display: inline-block;
	font-size: 46px;
	line-height: 46px;
	border-bottom: 1px solid #222835;
	z-index:5;
    margin-top: 0;
    margin-bottom: 28px;
}
	.page .bandeau h1:after{
		content:"";
		display: block;
		position: absolute;
		height: 7px;
		width: 7px;
		bottom: -4px;
		left: 50%;
		margin-left: -3.5px;
		background-image: url('../inc/dw_vectaury_img/devider_picto.png');
		background-size: 7px 7px;

	}
	.page .bandeau h1 span{
		color:#222835;
	}

/* A regler dans le WYSIWYG pour pas fixer toutes les images à gauche de manière obligatoire */
/* modifier margin en fonction des class hubby pour écarter le text */
	.page .contedit img{
		float: left;
		margin: 0 30px 30px 0;
	}
	.page .contedit p{
		text-align: left;
		font-size: 16px;
	}



/*frise*/

.frise:before{
	content: "";
    display: flex;
    position: absolute;
    width: 1px;
    height:100%;
    background: #222835;
    top: 50px;
    left: 14%;
	z-index: 0;
}
.frise:after{   
	content: "";
    z-index: 1;
    display: block;
    position: absolute;
    height: 50px;
    bottom: -50px;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
}

.frise .eventfrise{
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

	.frise .eventfrise:before{
		content:"";
		display: block;
		position: absolute;
		top: 0;
		left:-30px;
		width: 30px;
		height: 30px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		background-image: url(../inc/dw_vectaury_img/picto_frise.svg);
	}
	.eventfrise .datefrise,
	.eventfrise p{
		display: inline;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		font-size: 20px;
	}
	.eventfrise .datefrise{
		font-family:'Montserrat', sans-serif;
		font-weight: 500;
	}


/*image hexa*/
	.hexa .hexaImg{
		position: relative;
   		margin-left: -15px;
		margin: 0px auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.hexa .hexaImgH{
    	overflow: hidden;
		padding: 0;
		align-self: flex-start;
	}
	.hexa .hexaImgH,
	.hexa .contenu{
		text-align: left;
	}

	.hexa .hexaImg,
	.hexa .masque,
	.hexa .advisor .hexaImg,
	.hexa .advisor .masque{
		width: 175px;
		height: 197px;
		display:block;
	}
	.hexa .masque{
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		background-image:url(../inc/dw_vectaury_img/slider/hexagon_testy.svg);
	}

/*advisors*/

.advisors {
	margin-bottom: 42px;
	margin-top: 42px;
}

.vision-advisors {
    margin-top: 0; 
}

.advisor {
	margin-bottom: 50px; /* 15px à la base */
}
.advisor h4{
	text-transform: uppercase;
	border-bottom: 1px solid #222835;
	z-index:5;
	position: relative;
	padding: 0 0 10px; /* 0 0 15px de base */
	display: inline-block;
	font-size: 13px; /* 21 de base */
	margin-top: 7px;
	/*min-height: 60px;*/
	min-width: 200px;
}
.advisor .firstname,
.advisor .name {
	display: block;
}
	.advisor h4:after{
		content:"";
		display: block;
		position: absolute;
		height: 7px;
		width: 7px;
		bottom: -4px;
		left: 50%;
		margin-left: -3.5px;
		background-image: url('../inc/dw_vectaury_img/devider_picto.png');
		background-size: 7px 7px;
	}

.advisor h5{
	text-transform: uppercase;
	font-family: 'Novecentosanswide-Light';
	padding: 10px 0 0 0; /* 5px 0 0 0 de base */
	font-size: 11px;
    font-weight: 300;
    margin: 0;
}

.advisor_container {
	width: 175px;
	height: 197px;
	display: block;
	margin: auto;
	position: relative;
}

/**Page de Mentions Légales -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/

.pageML .bandeauBG{
	min-height: 120px;
	background-position: center center;
}

.pageML p{
	margin: 0;
	padding:10px 0;
}
.pageML footer{
	margin-top: 0;
}
.pageML .contedit{
	/*padding-bottom: 120px;*/
	padding:67px 0;
	margin-bottom: 0px;

}
.pageML .contedit p{
	background:white;
}

/*.bg_fullheight_vecto1,*/
/*.bg_fullheight_vecto2{*/
/*	display:block;*/
/*	height: 100%;*/
/*	width:100%;*/
/*    position: absolute;*/
/*    margin-left: -40px;*/
	
/*	top: 0;*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*	background-size: contain;*/
/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_fullheight_vecto1.svg);*/
/*	z-index: 20;*/
/*}*/
/*.bg_fullheight_vecto2{*/
/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_fullheight_vecto2.svg);*/
/*}*/


/**Page démo -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/

.contedit .container{
	z-index: 200;
    position: relative;
}

#form-container{
	z-index: 200;
    position: relative;
	margin-top: 50px;
}

body input.hs-input::placeholder,
body textarea.hs-input::placeholder{
	color: #222835;;
}
body input.hs-input{
	width: 100%;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #222835;
	border-right: 1px solid #222835;
	border-radius: 0;
	padding: 10px 20px 20px 0;
	color: #222835;
}

body select.hs-input{
	width: 100%!important;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #222835;
    border-right: 1px solid #222835;
    border-radius: 0;
    color: #222835;
}

body textarea.hs-input{
	width: 100%;
	border: none;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #222835;
	padding: 20px;
	color: #222835;
	background: #FFFFFF;
}


body input.hs-input:focus,
body textarea.hs-input:focus{
	outline:none;
	box-shadow: none;
	border-bottom: 1px solid #00EA86;
	border-right: 1px solid #00EA86;
}

body textarea.hs-input:focus{
	border: 1px solid #00EA86;
}

fieldset .hs-form-field{
    position: relative;
	margin-bottom: 20px;
}

fieldset label{
/*     position: absolute;
	top:5px;
	color: #FF0000;
	right: 20px; */
}


body input.hs-button{
	background:#00EA86;
	border-radius:25px;
	height:50px;
	line-height: 50px;
	padding: 0 25px 0 60px;
	margin-top: 20px;
	text-transform:uppercase;
	color: #fff;
	background-position: 20px 13px;
	background-repeat: no-repeat;
	background-image: url(../inc/dw_vectaury_img/btForm_wht.svg);
	background-size:35px;
	font-size: 18px;
	border: none;
	transition: all ease-in-out 0.3s;
}
body input.hs-button:hover,
body input.hs-button:focus{
	outline:none;
	box-shadow: none;
	opacity: 0.6;
	transition: all ease-in-out 0.2s;
}


#hs_form_target_demo fieldset{
    width: 100%;
    max-width: 100%;
}

#hs_form_target_demo input.hs-button{
    color: white;
    background-image: url(../inc/dw_vectaury_img/btForm_wht.svg);
    background-size: 35px;
}


/**Page offre listing -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/

.topics{
	list-style: none;
    padding-left: 0px;
    display: flex;
    margin: 84px 0 75px 0;
    justify-content: center;
}
	.topic{
		display: block;
		border: 2px solid #222835;
		background-color:#fff;
		border-right: none;
		margin: 0;
		position: relative;
		overflow: hidden;
		transition: all ease-in-out .2s;
		/*max-height: 58px;*/
	}
	.topic:last-child{
		border-right:2px solid #222835;
	}
		.topic a{
			color: #222835;
			position: relative;
			z-index: 2;
			display: block;
			height: 100%;
			padding: 20px 10px;
			width: 100%;
			text-transform:uppercase;
			font-family: Novecentosanswide-Normal;
		    font-size: 21px;
		     -webkit-transition: all 2s; /* Safari */
	    	transition: all 2s;
	    	text-decoration: none;

		}
		
        .topic.active {
            background: #4fe395;
        }
        .topic.active a {
            color: #fff;
            font-weight: bold;
        }

.poste{
	margin-top: 20px;
	-moz-box-shadow: 1px 10px 40px 0px #cccccc;
	-webkit-box-shadow: 1px 10px 40px 0px #cccccc;
	-o-box-shadow: 1px 10px 40px 0px #cccccc;
	box-shadow: 1px 10px 40px 0px #cccccc;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=174, Strength=40);
	padding:40px 40px 20px 40px; 
	background:#FFF;
	margin-right: 0;
	margin-left: 0;
}
.poste:first-of-type{
	margin-top:0;
}
.poste:last-of-type{
	margin-bottom:55px;
}
	.page .poste h3{
		text-transform: uppercase;
		margin: 0 0 10px;
		padding: 0px;
		text-align: center;
	}
		.page .poste .date{
			margin: 0px;
			padding: 0px;
			text-align: center;
		}
		.page .poste .contrat{
			margin: 0px;
			padding: 0px;
			font-size: 33px;
			font-weight: 200;
			text-align: center;
			font-family: Novecentosanswide-Light;
		}
		.page .poste .flag{
		    display: block;
		    background-position: center;
		    background-repeat: no-repeat;
		    background-size: contain;
		    width: 100%;
		}

		.poste .CTAbt{
			box-shadow: none;
		}
		.poste .CTAbt:hover{
			transform:none;
		}

.bandeau.bleu{
	background:#222835;
	color: #FFF;
	text-align: left;
	z-index: 300;
	position: relative;
	padding-right: 15px;
    padding-left: 15px;    
	padding-top: 0px;
    padding-bottom: 0px;
}

		.bandeau.bleu .offreContenu .offreContenuConteneur{
			position: relative;
		}

		.bandeau.bleu h2{
			display: inline-block;
			padding:20px 0;
			font-size: 36px;
			text-align: left;
			margin:0 20px;
			position: relative;
			z-index: 30;
		}

			.bandeau.bleu .offreContenu h2 span {
				border-bottom: 2px solid #FFF;
				color: #FFF;
				display: inline-block;
				padding-bottom: 15px;
			}
			.bandeau.bleu h2:after{
				content:none;
			}
			.bandeau.bleu ul{
				list-style: none;
				padding-left: 0px;
				text-align: left;
				margin:0 20px;
				position: relative;
				z-index: 30;
			}
				.bandeau.bleu ul li{
					margin: 15px 0;
					font-weight: 100;
					font-size: 18px;
				}
	
	.bandeau.bleu .offreImg{
		background-repeat:no-repeat;
		background-size: cover;
		background-position: center;
		min-height: 440px;
	}
	.bandeau.bleu .offreReception{
		background-image:url(../inc/dw_vectaury_img/offre-reception.png);
	}
	.bandeau.bleu .offreBureau{
		background-image:url(../inc/dw_vectaury_img/offre-bureau.png);
	}

	/*.bg_mid_left_vecto1,*/
	/*.bg_mid_left_vecto2,*/
	/*.bg_mid_right_vecto1,*/
	/*.bg_mid_right_vecto2{*/
	/*	display:block;*/
	/*	height: 100%;*/
	/*	width: calc(100% + 30px);*/
	/*	position: absolute;*/
	/*	top: 0;*/
	/*	background-repeat: no-repeat;*/
	/*	background-position: left center;*/
	/*	background-size: cover;*/
	/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_mid_left_vecto1.svg);*/
	/*	z-index: 20;*/
	/*}*/
	/*.bg_mid_left_vecto2{*/
	/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_mid_left_vecto2.svg);*/
	/*}*/

	/*.bg_mid_right_vecto1,*/
	/*.bg_mid_right_vecto2{*/
	/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_mid_right_vecto1.svg);*/
	/*	background-position: right center;*/
	/*}*/
	/*.bg_mid_right_vecto2{*/
	/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_mid_right_vecto2.svg);*/
	/*}*/


/*slider video*/
.carousel {
	clear: both;
	overflow: hidden;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

a.right.carousel-control,
a.left.carousel-control {
    background: none;
    height: 50px;
    width: 50px;
    top: calc(50% - -50px);
    right: 0;
	background-image:url(../inc/dw_vectaury_img/arrowG.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 1;
}
a.left.carousel-control {
    left: 0;
	right: auto;
	transform: scaleX(-1);
}
body.notouch a.right.carousel-control:hover{
    animation: bounceSR 0.3s ease-in-out infinite alternate;
}
body.notouch a.left.carousel-control:hover{
    animation: bounceSL 0.3s ease-in-out infinite alternate;
}

@keyframes bounceSL{
	from {left:0px;}
    to   {left: -20px;}
}
@keyframes bounceSR{
	from {right:0px;}
    to   {right: -5px;}
}

.animVectoz{
	overflow:hidden;
}


/*PAGE OFFRE-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.zone.blanc{
	background: #FFF;
	padding:200px 0 0 0;
}
.zone.bleu{
	background: #222835;
}

.descOffre{
	background:#FFF;
	padding: 40px;
	-moz-box-shadow: -10px 40px 220px -40px #000;
	-webkit-box-shadow: -10px 40px 220px -40px #000;
	-o-box-shadow: -10px 40px 220px -40px #000;
	box-shadow: -10px 40px 220px -40px #000;
	margin-top: -150px;
}

.descOffre .titrePoste{
	border-bottom:1px solid #222835;
	position: relative;
}
.descOffre .titrePoste:after{
	content:"";
	display: block;
	position: absolute;
	height: 7px;
	width: 7px;
	bottom: -4px;
	left: 50%;
	margin-left: -3.5px;
	background-image: url(../inc/dw_vectaury_img/devider_picto.png);
	background-size: 7px 7px;
}

.descOffre h1{
    color: #222835;
	text-transform: uppercase;
	text-align: center;
    padding: 0;
    margin: 50px 0 0 0;
	font-size: 36px;
	position: relative;
	word-break: break-all;
	z-index: 2;
}
.descOffre h1:before,
.descOffre h1:after{
	content: '';
	display: block;
	height: 100px;
	width: 100px;
	position: absolute;
	top: -50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../inc/dw_vectaury_img/titleOffre1.svg);
	z-index: -1;
}
.descOffre h1:after{
	right: 0;
	background-image: url(../inc/dw_vectaury_img/titleOffre2.svg);
}

.descOffre h2{
	text-transform: uppercase;
	font-size:24px; 
	font-family:'Montserrat', sans-serif;
	font-weight: 100;
	padding:0;
	margin-top: 10px;
	margin-bottom: 40px;
	color: #00EA86;
	position: relative;
	display: block;
	background: #FFF;
}
	.descOffre h2 span{
		background-color: #FFF;
		padding: 0px 20px;
		z-index: 2;
		position: relative;
	}
		.descOffre h2:after{
			content: '';
			width: 100%;
			height: 1px;
			display: block;
			background: #00EA86;
			position: absolute;
			top:50%;
			z-index: 1;
		}

.descOffre h3{
    color: #222835;
	font-size:22px;
	text-transform: uppercase;
	margin:40px 0 20px 0;
}

.descOffre ul{
	padding-left: 20px;
}
.descOffre ul,
.descOffre ul li{
	font-family:'Montserrat', sans-serif;
	font-weight: 300;
	list-style:none;
	position: relative;
}
.descOffre ul li:after{
	content: '';
	width: 2px;
	height: 2px;
	border-radius:3px;
	display: block;
	background:#222835;
	position: absolute;
	top:10px;
	left: -10px;
	z-index: 1;
}
.descOffre img{
	margin:30px auto;
	display: block;
	max-width: 100%;
}

.descOffre .detail p{
	display: block;
	margin:0;
}
.descOffre .detail p span{
	float: right;
}



.postuleOffre {
    padding: 40px;
	text-align: center;
}

.postuleOffre h2{
    color: #FFF;
	text-transform: uppercase;
    padding: 0;
    margin: 50px 0 60px 0;
}

.postuleOffre h5{
	color: #FFF;
    text-transform: uppercase;
    margin: 60px 0 20px 0;
    font-size: 20px;
    font-weight: 100;
}

body .postuleOffre input.hs-input::placeholder,
body .postuleOffre textarea.hs-input::placeholder{
	color: #FFF;;
}
body .postuleOffre input.hs-input{
	width: 100%;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-radius: 0;
	padding: 0px 10px 5px 0;
	color: #FFF;
	background-color:#222835;
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
	transition: all 300ms ease-in-out 0ms;
}
body .postuleOffre textarea.hs-input{
    border: 1px solid #FFF;
	min-height: 150px;
    padding: 10px;
    color: #FFF;
    background: #222835;
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
	transition: all 300ms ease-in-out 0ms;
}

body .postuleOffre input.hs-input:focus,
body .postuleOffre textarea.hs-input:focus{
	outline:none;
	box-shadow: none;
	border-bottom: 1px solid #00EA86;
	border-right: 1px solid #00EA86;
	transition: all 200ms ease-in-out 0ms;
}

body .postuleOffre textarea.hs-input:focus{
	border: 1px solid #00EA86;
}

.postuleOffre fieldset label{
    position: absolute;
	top:5px;
	color: #FF0000;
	right: 20px;
}

body .postuleOffre input.hs-button{
	background:#222835;
	color: #00EA86;
	background-position: 20px 13px;
	background-repeat: no-repeat;
	background-image: url(../inc/dw_vectaury_img/btFormG.svg);
	border: 2px solid #00EA86;
}
body .postuleOffre input.hs-button:hover,
body .postuleOffre input.hs-button:focus{
	outline:none;
	box-shadow: none;
	background-position: 20px 13px;
	background-repeat: no-repeat;
	background-image: url(../inc/dw_vectaury_img/btForm.svg);
	opacity: 1;
	background-color:#00EA86;
	color: #222835;
}

.postuleOffre .separateur{
	display:block;
	height: 1px;
	width: 100%;
	margin-right: 0;
	background: #FFF;
	margin-top: 50px;
	margin-bottom: 50px;
}

.postuleOffre .postuleBT{
	height: 70px;
	width: 90%;
	background-color: #FFF;
	background-image: url(../inc/dw_vectaury_img/WTTJ.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	border-radius: 35px;
	margin-left: 5%;
	transition: transform 200ms ease-in-out 0ms;
	transform: scale(1);
}
.postuleOffre .postuleBT:hover{
	transform: scale(1.05);
	transition: transform 300ms ease-in-out 0ms;
}
.postuleOffre .postuleBT.wttf{
	background-image: url(../inc/dw_vectaury_img/WTTJ.png);
}
.postuleOffre .postuleBT.kudoz{
	background-image: url(../inc/dw_vectaury_img/kudoz.png);
}
.postuleOffre .postuleBT.atvectaury{
	background-image: url(../inc/dw_vectaury_img/icon-mail-vectaury.png);
}


.postuleOffre .rezo a{
	margin: 20px 5px 0 0;
	position: relative;
}
.postuleOffre .sharetitle{
	border-bottom: 1px solid #FFF;
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.postuleOffre .rezo{
	margin-top: 0px;
}
.postuleOffre .rezo a:after{
	content:'';
	display: block;
	width: 1px;
	height: 24px;
	position: absolute;
	top:-20px;
	left: 19px;
	background: #FFF;
}

.postuleOffre .legal-consent-container{
color:white;
}

.formW{
	border-top: 100px solid #FFF;
    border-left: 0px solid transparent;
    border-right: 100px solid transparent;
    height: 0;
    width: 100%;
    position: absolute;
    bottom: -100px;
    margin-left: -40px;
}


/* PAGE TEAM------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*.bg_full_team_vecto1,*/
/*.bg_full_team_vecto2,*/
/*.bg_full_team_vecto3{*/
/*	display:block;*/
/*	height: 100%;*/
/*	width: calc(100% + 30px);*/
/*	position: absolute;*/
/*	top: 0;*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*	background-size: cover;*/
/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_full_team_vecto1.svg);*/
/*	z-index: 1;*/
/*}*/
/*.bg_full_team_vecto2{*/
/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_full_team_vecto2.svg);*/
/*}*/
/*.bg_full_team_vecto3{*/
/*	background-image: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/bg_full_team_vecto3.svg);*/
/*}*/

.flip-container {
	perspective: 1000px;
	position: relative;
}

.flip-container, 
.front, 
.back{
	width: 172px;
    height: 201px;
    margin: auto;
}

.flipper{
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
	position: relative;
}

.front, 
.back{
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}
.front{
	z-index: 2;
	transform: rotateY(0deg);
}
.back{
	transform: rotateY(180deg);
	padding:25px 30px; /* padding: 50px 40px; de base */
	display:flex;
	align-items:center;
	justify-content:center;
}

.contenuB{
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px;
    position: relative;
    z-index: 9;

}

	.hexa .back .hexaImgB {
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 175px;
		height: 197px;
		display: block;
		position: absolute;
		background-image: url(../inc/dw_vectaury_img/slider/hexagon_testy_B.svg);
		top: 0;
		left: 0;
		z-index: 2;
	}
		.bandeau .back h6, .bandeau .back p {
			position: relative;
			z-index: 9;
			
			padding: 0px;
			
			display: block;
			text-align: center;
			line-height: 14px;
		}
		.back h6 {
			font-weight: 600;
			margin: 5px 0 ;
			font-size: 13px;
			text-transform:uppercase;
		}
		.back p {
			font-weight: 400;
			margin: 0px;
			font-size: 12px;
		}
	.wrapper{
		position:relative;
		z-index: 20;
		display: block;
		margin: 50px auto;
	}

	.wrapper .nombrePoste,
	.wrapper .CTAbt{
		margin: 0px;
	}
	.wrapper .nombrePoste{
		padding-top: 10px;
		font-family: Novecentosanswide-Medium;
	}

	/* Preload */
	.filteam .preload {
		width: 20px;
		height: 20px;
		position: absolute;
		opacity: 0;
		background-image: url(../inc/dw_vectaury_img/hexaSmall.svg);
	}
	/**/

	.topicsHexa{
		padding-left:15px;
		list-style: none;
	}
		.topicsHexa .topicHexa{
			height: 50px;
			border: 1px solid #222835;
			border-bottom: none;
		}
		.topicsHexa .topicHexa:last-child{
			border-bottom: 1px solid #222835;
		}
			.topicsHexa .topicHexa a{
				color: #222835;
				transition: color 200ms ease-in-out 0ms, background-color 200ms ease-in-out 0ms;
				height: 100%;
				width: 100%;
				display: block;
				font-size:20px;
				padding: 0 10px 0 25px;
				line-height:50px;
				text-align: left;
				background-color: #FFF;
				position: relative;
				text-transform: uppercase;
   				font-size: 17px;
   				font-family: Novecentosanswide-Bold;
			}
				.topicsHexa .topicHexa:hover a{
					background-color: #00EA86;
					color:#FFF;
					text-decoration:none;
					transition: color 300ms ease-in-out 0ms, background-color 300ms ease-in-out 0ms;
				}
			.topicsHexa .topicHexa a span{
				color: #222835;
				height: 50px;
				width: auto;
				display: inline-block;
				font-weight:100;
				padding: 0 10px;
				line-height:50px;
				text-align: left;
				font-family: Novecentosanswide-Light;
			}
				.topicsHexa .topicHexa a span.teamTopic{
					color:#222835;
					transition: color 300ms ease-in-out 0ms;
				}
					.topicsHexa .topicHexa:hover a span.teamTopic{
						color: #FFF;
						transition: color 200ms ease-in-out 0ms;
					}

			.topicsHexa .topicHexa .topicNumber {
				position: absolute;
				width: 30px; 
				height: 30px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url(../inc/dw_vectaury_img/hexaSmall.svg);
				font-size: 12px;
				font-weight: 500;
				line-height: 30px;
				text-align: center;
				left: -15px;
				top: 10px;
				color: #FFF;
			} 

/**RESPONSIVE -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/


@media screen and (max-width: 992px) {
    
    /* ---- Début modification David ----- */
    
    header  {
	background-color: rgba(34,40,53,1);
    }
    
    /* ---- Fin modification David ----- */
	nav ul li a {
	    font-size: 15px;
	}

	.advisor_container {
		width: 172px;
		height: 201px;
		margin: auto;
	}

	.slidertesty .advisor_container {
		margin: 0 auto;
	}

	.postuleOffre .rezo a{
		margin-right:0;
	}

	.page .bandeauBG {
	    min-height: 330px;
	}

}
@media screen and (min-width:768px) and (max-width: 992px) {
	.postuleOffre .postuleBT{
	    background-size: 130px;
	}

	.slidertesty .advisor_container {
		margin: 0 auto;
		width: 187px;
		height: 215px;
	}
}



@media screen and (min-width: 1024px) {	
	
	nav{
		display:inline-block;
		height:50px;
		float: right;
		
		overflow: visible;
		margin-top: 0;
		background: transparent;
		width: auto;
		margin-left: 0;
	}
		/* mobile uniquement */
		nav .dw_langlist {
			display: none;
		}
		/**/

		nav ul{
			display:inline-block;
			height:50px;
		}
			nav ul li{
				display:inline-block;
				height:63px;
				float: left;
				width: auto;
			}
				nav>ul>li{
					border-bottom: none;
				}
				nav ul li a{
					text-align: left;/*question*/
				}
				nav ul li:hover a{
					color:#4fe395;
					text-decoration: none;
					transition:all .3s ease-in-out;
				}
				nav ul li a:focus{
					color:#4fe395;
				}

					/* sous menu */
					nav ul li ul{
						display: none;
						position: absolute;
						left: 0;
						top: 63px;
						-moz-box-shadow: 0 0 40px 0px rgba(0,0,0,0.15);
						-webkit-box-shadow: 0 0 40px 0px rgba(0,0,0,0.15);
						-o-box-shadow: 0 0 40px 0px rgba(0,0,0,0.15);
						box-shadow: 0 0 40px 0px rgba(0,0,0,0.15);
						filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=10);
					}
					nav ul li.open ul,
					nav ul li:hover ul{
						display: block;
					}
						nav ul li ul li{
							background: #FFF;
							font-weight: 500;
						}
						nav ul li:hover ul li a{
							color: #222222;
						}
							nav ul li ul li a{
								color: #222222;
								border-bottom: 1px solid #cfd1dd;
							}
							nav ul li ul li:last-child a{
								border-bottom: none;
							}
							nav ul li.demo {
								width: auto;
								margin: 0;
							}
	
	.hs_cos_wrapper_type_language_switcher{
		float: right;
		display:inline-block;
		height:50px;
	}
	.lang_switcher_class {
		/*height: 60px;*/
		width: 50px;
		margin: 0 0 0 20px;
	}
	
	.bandeau{
	    padding:50px 0 50px 0;
	}
	
	/*bandeau telephone vecto*/
	
	.bandeau.telvecto.safe h2{
		/*padding-top:70px;*/
	}
	.bandeau.telvecto .row{
		display: flex;
	}
	.bandeau.telvecto .row .col-xs-12.col-sm-6{
		display: flex;
		flex-direction: column;
	}
	.bandeau.telvecto .row .col-xs-12.col-sm-6:last-child{
		align-items: center;
	}
	.telephonevecto,
	.reseauvecto{
		min-height: 470px;
	}
	.reseauvecto{
		margin-left: -20%;
	}
	.telephonevecto{
		margin-top: -470px;
	}
	
	.safe_vecto1,
	.safe_vecto2 {
		width: 100%;
		height: 100%;
	}
	.safe_vecto1{
		margin:0 0 0 -250%;
	}
	.safe_vecto2{
		margin:0 0 0 250%;
	}
	
	.anim .safe_vecto1{
		margin: 0;
	}
	.anim .safe_vecto2{
		margin: 0;
	}
	

	/*Page vision*/
	
	.frise:before,
	.frise:after{
		left:50% ;
	}
	/* Ne sait pas ce que ça fait là mais posait un souci en desktop
	je le commente juste au cas où */
	/*.frise:before{
		margin-top:30px; 
    	height: calc(100% - 30px);
	}*/

	.frise .eventfrise{
		float: right;
		padding-left: 50px;
	}
	.frise .row:nth-child(even) .eventfrise{
		float: none;
		padding-left: 15px;
		padding-right: 50px;
	}
	.frise .eventfrise:before{
		left:-15px;
	}
	.frise .row:nth-child(even) .eventfrise:before{
		left:auto;
		right: -15px;
	}
		.frise .eventfrise .block{
			max-width: 300px;
		}
		.frise .row:nth-child(even) .eventfrise .block{
			float: right;
		}
	
	
	/*override de bootstrap */

	.row-overide{
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.col-sm-overide-5 {
		width: 20%;
	}
	
	/*offre listing*/
	
	.topic a{
		padding: 12px 10px;
	    min-width: 70px;
	    font-size: 18px;
	}
	
	.topic:after{
		width: 160%;
		right: -190%;
	}
	
	.poste{
		transition:all 0.3s ease-in-out;
		transform: scale(1)
	}
	.poste:hover{
		transition:all 0.2s ease-in-out;
		transform: scale(1.05)
	}
	.page .poste h3{
		text-align: left;
	}
		.page .poste .date{
			text-align: left;
		}
		.page .poste .contrat{
			text-align: left;
			font-size: 28px;
			line-height: 34px;
		}
		.page .poste .flag{
			height: 40px;
		}
			
	.bandeau.bleu .row{
		display: -webkit-flex;
		display: flex;
		align-items: stretch;
	}

	.bandeau.bleu .offreContenu{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	/* IE11 fix */
	*::-ms-backdrop,
	.bandeau.bleu .offreContenu {
		align-items: center;
		justify-content: flex-start;
	}
	/* */

		.bandeau.bleu .pull-right{
			order: 2;
		}
	a.right.carousel-control,
	a.left.carousel-control {
		background: none;
		height: 100px;
		width: 100px;
		top: calc(50% - 40px);
		right: 0;
		background-image:url(../inc/dw_vectaury_img/arrowG.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		opacity: 1;
	}
	
	.zone.blanc{
		padding:250px 0;
	}
	.descOffre h1{
		word-break: keep-all;
	}
	
	/*hexa*/
	
	.wrapper{
		position:relative;
		z-index: 20;
		display: flex;
		justify-content:center;
		align-items:center;
		margin: 50px auto;
		height: 500px;
		width: 500px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../inc/dw_vectaury_img/hexaFat.svg);
	}

		.wrapper .btGrp{
			position: absolute;
			/*top: 200px;*/
			/*left: 100px;*/
		}

			.wrapper .nombrePoste,
			.wrapper .CTAbt{
				margin: 0px;
			}


	.topicsHexa{
		padding-left:0px;
		height: 500px;
		width: 500px;
		margin-top: 150px;
	}
		.topicsHexa .topicHexa{
			position: absolute;
			height: 150px;
			width: 150px;
			border: none;
			display: block;
			background-color:transparent;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url(../inc/dw_vectaury_img/hexaMiddle.svg);
			padding: 40px 20px;
			transition: background-image 200ms ease-in-out 0ms;
		}
			.topicsHexa .topicHexa:hover{
				background-image: url(../inc/dw_vectaury_img/hexaMiddleH.svg);
				transition: background-image 300ms ease-in-out 0ms;
			}
			
    	body.issafari .topicsHexa .topicHexa{
          transition: none !important;
        }
			
		.topicsHexa .topicHexa:last-child{
			border-bottom: none;
		}
			.topicsHexa .topicHexa a{
				text-align: center;
				display: flex;
				line-height: normal;
				background-color: transparent;
				align-items: center;
				flex-direction: column;
				justify-content: center;
				padding: 0;
			}
				.topicsHexa .topicHexa:hover a{
					background-color: transparent;
				}
			.topicsHexa .topicHexa a span{
				color: #222835;
				height: 50px;
				width: auto;
				display: inline-block;
				font-weight:100;
				padding: 0 10px;
				line-height:50px;
				text-align: left;
				float: right;
			}
				.topicsHexa .topicHexa a span.teamTopic{
					float: none;
					display: block;
					text-align: center;
					height: 20px;
					line-height: 20px;

				}
					.topicsHexa .topicHexa:hover a span.teamTopic{
						color: #FFF;
					}

			.topicsHexa .topicHexa .topicNumber{
				width: 40px; 
				height: 40px;
				font-size:24px;
				line-height: 33px;
				left: 35px;
    			top: -60px;
				color: #FFF;
			} 
	
        
        /* Début Modif David 18/08/2017 */
        
        .topicsHexa .topicHexa:nth-child(1){
			top: 10.4%;
			left: calc(7.5% - 75px);
		} 
		.topicsHexa .topicHexa:nth-child(2){
			top: 10.3%;
			left: calc(92.5% - 75px);
		} 
		.topicsHexa .topicHexa:nth-child(3){
			top: 59.5%;
			left: calc(92.5% - 75px);
		} 
		.topicsHexa .topicHexa:nth-child(4){
			top: 59.5%;
			left: calc(7.6% - 75px);
		} 

		
		/* Fin Modif David 18/08/2017 */
		
		/* POUR FORMER UN HEXAGON PARFAIT */
		
		/*.topicsHexa .topicHexa:nth-child(1){*/
		/*	top: -14.3%;*/
		/*	left: calc(50% - 75px);*/
		/*} */
		/*.topicsHexa .topicHexa:nth-child(2){*/
		/*	top: 10.3%;*/
		/*	left: calc(92.5% - 75px);*/
		/*} */
		/*.topicsHexa .topicHexa:nth-child(3){*/
		/*	top: 59.5%;*/
		/*	left: calc(92.5% - 75px);*/
		/*} */
		/*.topicsHexa .topicHexa:nth-child(4){*/
		/*	top: 84%;*/
		/*	left: calc(50% - 75px);*/
		/*} */
		/*.topicsHexa .topicHexa:nth-child(5){*/
		/*	top: 59.5%;*/
		/*	left: calc(7.6% - 75px);*/
		/*} */
		/*.topicsHexa .topicHexa:nth-child(6){*/
		/*	top: 10.4%;*/
		/*	left: calc(7.5% - 75px);*/
		/*} */
	
	.filteam {
		min-height: 800px;
	}

	/* Page Offre */
	.postuleOffre{
		padding: 0px;
		display: block!important;
	}

	.postuleOffre form,
	.postuleOffre #hs_form_target_postuler{
		display:block !important;
	}

	.half-centered.bandeau.bleu h2 {
		margin: 0;
	}
	.half-centered.bandeau.bleu ul {
		margin-left: 0;
	}
 
 
	/********************* LANG SWITCHER **************************/

	.hs_cos_wrapper_type_language_switcher{
		display:block;
		height:auto;
		text-align: left;
		/*background: red;*/
        margin: 0 10px 0 30px;
	}
		.lang_switcher_class {
			height: auto;
			margin: 0 0 0 20px;
		}
		.lang_switcher_class ul{
			list-style: none;
			padding-left: 0px;
			text-align: center;
			margin-top: 5px;
		}
		.lang_switcher_class ul li{
			/*height: 40px;*/
			display: none;
			margin-top: 0px;
			-moz-box-shadow: 1px 7px 22px 0 rgba(0,0,0,0.4);
			-webkit-box-shadow: 1px 7px 22px 0 rgba(0,0,0,0.4);
			-o-box-shadow: 1px 7px 22px 0 rgba(0,0,0,0.4);
			box-shadow: 1px 7px 22px 0 rgba(0,0,0,0.4);
		}
		.lang_switcher_class ul li:first-child{
			display: block;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			-o-box-shadow:none;
			box-shadow:none;
		}
		.lang_switcher_class ul li:first-child:hover + li,
		.lang_switcher_class ul li:hover{
			display: block;
		}
		.lang_switcher_class ul li a{
			/*height:40px;*/
			/*width: 50px;*/
			position: relative;
			display: block;
			color: #FFF;
			line-height: 29px;
			text-transform: uppercase;
			transition: all ease-in-out .3s;
			background-color: #1b1f29;
		}
		.lang_switcher_class ul li a:hover{
			text-decoration: none;
			color:#00EA86;
			transition: all ease-in-out .2s;
		}
		.lang_switcher_class ul li:first-child a{
			padding-right: 20px;
		}
		.lang_switcher_class ul li:first-child a:after{
			content: "";
            height: 15px;
            width: 15px;
            position: absolute;
            top: 7px;
			right: 0;
			display: block;
			background-position: center;
			background-repeat: no-repeat;
			background-image:url(../inc/dw_vectaury_img/arrowD.svg);
		}

		/* Hubspot fix */
		.lang_switcher_class .globe_class {
			background: transparent;
			border: 0;
			width: auto;
			height: auto;
		}

		.lang_switcher_class .lang_list_class {
			display: block;
			margin: 0;
			padding: 0;
		    top:-15px;
		    left: 0;
		}

		.lang_switcher_class li {
			margin: 0;
			padding: 0;
			border: 0 !important;
			background: transparent;
			padding: 0 !important;
			font-size: 12px;
			font-weight:500;
		}

		.lang_list_class:before,
		.lang_list_class:after {
			display: none;
		}
		/* / */
		
		
		 /* Equipe : topic:hover, bug sur mobile */

        .topic.active:after,
        .topic:hover:after{
            right: -24%;
        }
        
        .topic:hover a,
        .topic:focus a,
        .topic.active a{
            color: #FFF;
            transition: all ease-in-out .2s;
            text-decoration: none;
            font-family: Novecentosanswide-Bold;
        }
        
        .topic:after{
            content: "";
            display: block;
            width: 220%;
            height: 120%;
            transform: skewX(-45deg);
            background: #4fe395;
            position: absolute;
            top: 0;
            right: -280%;
            transition: all ease-in-out .1s;
            z-index: 1;
        }
        
        .topic:hover:after,
        .topic.active:after{
            transition: all ease-in-out .2s;
            right: -45%;
        }
        
        /* / */
    
	.flip-container:hover .flipper {
		transform: rotateY(180deg);
	}

	/* IE11 fix */
	/* we remove the flip effect that is obviously not working */

	.flip-container:hover {
		cursor: pointer;
	}

	*::-ms-backdrop,
	.flip-container:hover .flipper  {
		transform: rotateY(0);
	}

	*::-ms-backdrop,
	.flip-container .back {
		transform: rotateY(0);
		z-index: 500;
		opacity: 0;
		transition: all 0.3s;
	}

	*::-ms-backdrop,
	.flip-container:hover .back {
		opacity: 1;
	}
	
    /* Début modification David 18/08/2017 */
    
    .advisor h4{
    	font-size: 19px;
    }
    
    .advisor h5{
    	font-size: 18px;
    }
    /* Fin modification David 18/08/2017 */
	/* */


}
	
@media screen and (min-width: 992px) {
    
/* ---- Début modification David ----- */
    body{
       margin-top:0px;
    }
    .logo{
	    display: inline-block;
	    vertical-align: baseline;
		margin: 5px 0 0 5px; /* margin :0; de base */
		width: 180px; /* 236px de base */
	}
	
	.logo-responsive{
	    display:none;
	}
	
/* ---- Fin modification David ----- */
	
	nav ul li{
		padding:0px 30px;
	}
	
	footer .col-xs-12.col-md-7 .titrage,
	footer .col-xs-12.col-md-5 .titrage{
		margin: 0 0 40px 0;
	}
	
	footer .col-xs-12.col-md-7,
	footer .col-xs-12.col-md-5{
		margin-top:40px;
	}
	
	footer .col-xs-12.col-md-5{
		border-left:1px #FFF solid;
		padding-left: 50px;
	}
	
	/*.topics{
		justify-content: space-around;
	}*/
	.topic{
		width: 20%;
	}
	.topic a {
	    padding: 12px 0;
	}
		
	
	.row.poste{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
		padding: 0 40px;
	}
	.bandeau.bleu h2{
		margin: 20px 0 0 0;
	}
	.bandeau.bleu ul{
		margin: 0px 0 20px 0;
	}

	/*.bandeau.bleu .vecto_deco_1,*/
	/*.bandeau.bleu .vecto_deco_2 {*/
	/*	width: calc(100% - 585px);*/
	/*}*/

	/*.bandeau.bleu .vecto_deco_1 {*/
	/*	display: block;*/
	/*	top: 0;*/
	/*	left: 0;*/
	/*	bottom: 0;*/
	/*	background: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/vector_pixel.png);*/
	/*	position: absolute;*/
	/*	background-size: 250px;*/
	/*	background-position: 0 50%;*/
	/*	background-repeat: no-repeat;*/
	/*	width: 250px;*/
	/*	right: 100%;*/
	/*}*/

	/*.bandeau.bleu .vecto_deco_2 {*/
	/*	display: block;*/
	/*	top: 0;*/
	/*	right: 0;*/
	/*	bottom: 0;*/
	/*	background: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/vector_pixel2.png);*/
	/*	position: absolute;*/
	/*	background-size: 142px;*/
	/*	background-position: 100% 0;*/
	/*	background-repeat: no-repeat;*/
	/*}*/

	/*.bandeau.bleu .vecto_deco_3 {*/
	/*	display: block;*/
	/*	bottom: 0;*/
	/*	left: 0;*/
	/*	right: 0;*/
	/*	background: url(https://cdn2.hubspot.net/hubfs/1764262/dw_vectaury_img/vector_pixel3.png);*/
	/*	position: absolute;*/
	/*	background-size: 152px;*/
	/*	background-position: 100% 100%;*/
	/*	background-repeat: no-repeat;*/
	/*	width: 100%;*/
	/*	height: 55px;*/
	/*}*/

	.half-centered .offreContenuConteneur {
		z-index: 10;
		background: #222835;
		padding: 20px;
	}

	.descOffre{
		padding: 40px 100px;
	}
	.formW {
		margin-left: -100px;
	}


	.filteam {
		min-height: 1000px;
	}

	.topicsHexa {
		margin-top: 260px;
	}

	.filteam .wrapper {
		transform: scale(1.2);
	}

}

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

	footer .footerglobalrow {
		display: flex;
	}

}

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

	#hs_form_target_newsletter .hs-form-field input {
		width: 200px;
	}

}


@media screen and (min-width: 991px) and (max-width: 1090px) {

	nav ul li {
	    padding: 0px 23px;
	}

	nav ul li a {
		font-size: 17px;
	}

}

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

	.safe_vecto1{
		margin: 0 0 0 -250%;
	}
	.safe_vecto2{
		margin: 0 0 0 250%;
	}
	
	.anim .safe_vecto1{
		margin: 0 0 0 -5%;
	}
	.anim .safe_vecto2{
		margin: 0 0 0 5%;
	}
	
	.bandeau.bleu h2{
		margin: 20px 0 0 0;
		padding-bottom: 0;
	}
	.bandeau.bleu ul{
		margin: 0px 0 20px 0;
	}
	
	.descOffre h1{
		margin: 20px 0 0 0;
	}
	.descOffre h1:before,
	.descOffre h1:after{
		top: 0px;
	}
	
}

@media screen and (max-width: 1024px) {
    
    .demo:hover:after,
    .hs-cta-c8607066-f72d-4189-8637-52173eca9bcc:hover:after{
        display: none;
    }
    
    .demo:hover,.hs-cta-c8607066-f72d-4189-8637-52173eca9bcc:hover {
        background: rgb(79, 227, 149);
    }


	body input.hs-button{
		font-size:14px;
	}

	/* Page home */

	.bandeauBG.telephone{
		min-height: initial!important;;
		padding-bottom: 30%;
	}
	       
	.bandeauBG.telephone .visuel-responsive{
	    background-image: url(../inc/dw_vectaury_img/vt_website/vt_img/01_HomePage/slide_telephone2.png);
        background-size: contain;
    	background-repeat: no-repeat;
    	background-position: bottom center;
	    opacity: 0.7;
	    transition: all 0.5s;
    	padding-bottom: 30%;
    	position: absolute;
	    z-index: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	}


	.bandeau.offline h2 {
	    padding-top: 86px;
	}

	.bandeau.offline p:last-of-type {
	    padding-bottom: 220px;
	}

	/* --------------------------------- */

	nav {
		transform: scale(0.9);
		opacity: 0;
		transition: opacity 0.2s, transform 0.2s;
		pointer-events: none;
		position: fixed;
		left: 0;
		right: 0;
		width: auto;
		margin: 0;
	}

	nav.open{
		position: fixed;
		overflow: auto;
		max-height: 100%;
		transform: scale(1);
		opacity: 1;
		pointer-events: auto;
		border-top: 70px solid transparent;
    	margin-top: -70px;
	}
	nav ul{
		background: #222835;
	}


    nav ul li ul li:hover a {
		color: rgba(255,255,255,0.5);
		background-color:transparent;
	}

	.dw_langlist > a,
	.dw_langlist .current {
		display: none;
	}

	/*.bandeauBG {*/
	/*	min-height: auto;*/
	/*}*/

	.bandeauBG h1 {
		font-size: 26px;
		line-height: 30px;
		padding:55px 0 28px 0;
	}

	.bandeau.bleu h2{
		font-size: 26px;
	    line-height: 26px;
	}

	.bandeau h2 {
	    padding: 55px 0 28px 0;
	    font-size: 26px;
	    line-height: 26px;
	}
	
	.bandeauBG h2,
	.page .bandeau h1 {
	    font-size: 26px;
	    line-height: 26px;
	    padding: 30px 0 30px 0;
	}

	.bandeau p,
	.bandeauBG p{
		padding: 0 0 55px;
	    font-size: 20px;
    	line-height: 20px;
	}

	.bandeauBG.entete p {
		font-size: 20px;
    	line-height: 20px;
		text-align: center;
	    padding: 0 0 55px;
	}

	.bandeau.telvecto p {
       	padding: 0 0 55px;
	}

	.CTAbt {
		font-size: 19px;
		line-height: 19px;
	}

	.slidetesty .container {
	    height: 360px !important;
	}


	/*Page offre*/

	.page .offre .zone.blanc{
		padding: 0;
	}

	.descOffre{	
		margin-top:60px;
	    margin-bottom: 160px;
	    padding: 12px;
	    box-shadow: 0px 40px 230px 10px #dedede;
	    -moz-box-shadow: 0px 40px 230px 10px #dedede;
		-webkit-box-shadow: 0px 40px 230px 10px #dedede;
		-o-box-shadow: 0px 40px 230px 10px #dedede;
	}

	.descOffre h1{
		margin: 0;
		font-size:27px;
	    word-break: normal;
	}
	.descOffre h3{
	    font-size: 18px;
	}
	.descOffre h1:before,
	.descOffre h1:after{
		display: none;
	}
	.formW {
	    border-top: 100px solid #FFF;
	    border-left: 0px solid transparent;
	    border-right: 60px solid transparent;
	    height: 0;
	    width: 100%;
	    position: absolute;
	    bottom: -100px;
	}

	.descOffre .detail p span {
	    float: none;
	    margin-left:2px;
	}

	.zone.blanc{
		padding: 78px 0 0 0;
	}

	.zone.bleu {
	    background: none;
	}

	.postuleOffre {
	    padding: 0 0 0;
	    display:none;
	}
	.postuleOffre h2{display:none;}
	.postuleOffre #hs_form_target_postuler {
		display:none;
        padding: 20px 20px;
    	background: #222835;
	}

	.postuleOffre span.separateur:nth-of-type(2){
		margin-top:0;
	}

	.postuleOffre h5 {
	    text-transform: uppercase;
	    font-size: 15px;
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 300;
	    color:#222838;
	    margin:0 0 10px 0;
	}


	.postuleOffre .sharetitle,
	.postuleOffre .rezo{
		display: none;
	}


	.btn-postuler{
	    position: absolute;
	    z-index: 1;
	    left: 0;
	    right: 0;
	    bottom: -60px;
	}

	.btn-postuler a{
		margin:0;
	}

	.postuleOffre .postuleBT {
	    width: 100%;
	    border-radius: 0;
	    margin-left: 0;
	    transform: none;
	    position: relative;
	}
	.postuleOffre .postuleBT.wttj{
		height:100px;
	}

	.postuleOffre .separateur {
		display: none !important;
	}

	.postuleOffre .postuleOffreBoutonMobile {
		position: relative;
		cursor: pointer;
		border-top: 1px solid #222835;
		padding: 15px 37px 15px 37px;
	}

	.postuleOffre .postuleOffreBoutonMobile:after{
	    display: block;
        content: '';
	    background: url(../inc/dw_vectaury_img/arrowR-blue.svg);
	    background-size: 100%;
	    background-repeat: no-repeat;
	    background-position: center center;
	    color: #222838;
	    height: 32px;
	    width: 20px;
	    right: 15px;
	    position: absolute;
		top: 50%;
		margin-top: -16px;
	}
	.postuleOffre .postuleBT:hover {
	    transform: none;
	}

	.formW {
    	margin-left: -12px;
    }
    .page .poste .contrat{
    	text-align: right;
	    font-size: 18px;
    }

    .page .poste .flag{
    	background-position: left;
    }

	.topics {
		display: block;
		margin: 0 0 30px;
	}

	.topic {
		border-bottom:0;
		border-right:2px solid #222835;
	}
	.topic:last-child {
		border-bottom:2px solid #222835;
	}

	.poste {
		padding:10px 0;
	}

	.CTAbt {
	    padding: 13px 47px 13px 28px;
        margin: 20px auto 10px;
	}

	.eventfrise p {
	    font-size: 16px;
	}

	/* Page team */

	a.right.carousel-control,
	a.left.carousel-control {
		/*background: none;*/
		height: 50px;
		width: 50px;
		top: calc(50% - 25px);
	}	

	/* Menu */

	header nav ul.active-branch > li.hs-menu-depth-1:not(:first-child):before {
		content: '';
		top: 0;
		left : 0;
		right: 0;
		height: 1px;
		background: rgba(255,255,255,0.5);
		position: absolute;
	}

	header nav > ul > li.demo:after {
		content: '';
		top: 0;
		left : 15px;
		right: 15px;
		height: 1px;
		background: rgba(255,255,255,0.5);
		position: absolute;
	}

	header nav ul.active-branch > li.hs-menu-depth-1,
	header .globe_class > ul > li {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.lang_list_class {
		display: block;
	}

	.demo-container {
		padding-top: 30px;
		text-align: center;
	}

	.demo-container .demo {
		display: inline-block;
	}

	footer .bandeauVert {
		padding: 10px
	}

	footer .bandeauVert p {
	    margin-bottom: 0;
	    line-height: 16px;
	    font-size: 12px;
	}

	footer .titrage {
	    font-size: 26px;
	    margin: 20px 0;
	}

	.page .poste .contrat {
	    font-size: 20px;
	}

	.topic a{
		 -webkit-transition: all 2s; /* Safari */
	    transition: all 2s;
		font-size:14px;
		
	}
	.page .poste .date {
    	margin: 0 0 20px;
    }
	.page .poste .flag{
	    height: 20px;
	}

	.half-centered.bandeau.bleu .pull-right {
		float: none !important;
	}

	.half-centered.bandeau.bleu .offreImg {
		width: auto;
		min-height: 240px;
	}

	.half-centered.bandeau.bleu .container-center {
		padding: 15px;
	}

	.half-centered.bandeau.bleu h2 {
		font-size: 21px;
		margin: 0;
		padding: 10px 0;
	}

	.half-centered.bandeau.bleu ul {
		margin: 0;
	}

	.half-centered.bandeau.bleu ul li {
		margin: 12px 0;
		font-size: 16px;
		line-height: 20px;
	}

	.container-fluid .container {
		margin: 0;
	}

	.filteam.animVectoz .animVectoR,
	.filteam.animVectoz .animVectoL,
	.filteam.animVectoz .animVectoRL {
		display: none;
	}

	.bandeau.slidevidz {
		margin-bottom: 30px;
	}

	/* Vision */

	.advisors {
	    margin-bottom: 30px;
	}

	.frise:before{
	    left: 16.66666667%;
	    margin-left: -16px;
	}

	.hexa .hexaImgH,
	.hexa .contenu{
		text-align: center;
	}
	
	.advisors .hexa .masque {
        left:0;
    }

	/* Language switcher */

	.lang_switcher_class {
		display: none!important;
	}

	/* / */

	.pageML.page .contedit {
	    padding-bottom: 55px;
	}

	.page .contedit p {
	    font-size: 16px;
	}

	/* Anim Vectoz */

	.telvectocontainer {
		width: 300px;
		float: none;
		clear: both;
		margin: auto;
	}

    #entete-video-fond {
        display: none;

	}

}


/* Entête vidéo */

#entete-video-fond {
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#entete-video-fond > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* 1. Pas de support d'object-fit */
@media (min-aspect-ratio: 16/9) {
  #entete-video-fond > video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  #entete-video-fond > video {
    width: 300%;
    left: -100%;
  }
}
/* 2. En cas de support d'object-fit, écrase les règles en (1) */
@supports (object-fit: cover) {
  #entete-video-fond > video {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
}

/* Hide video on IE */
_:-ms-lang(x),
#entete-video-fond > video {
	display: none;
}
/* / Entête vidéo */

body.issafari .bandeau.telvecto.safe .row,
body.isipad .bandeau.telvecto.safe .row {
    align-items: center;
}

body.isipad .safe_vecto1,
body.isipad .safe_vecto2 {
  width:100%;
    height: 250px;
}

body.issafari .safe_vecto1,
body.issafari .safe_vecto2{
  height: 150px;
}

body.isipad .advisor {
	overflow: hidden;
	width: 33% !important;
}

/* Bug partie advisors : Safari uniquement */

@media (min-width: 768px) {
  body.issafari .advisor.col-sm-4 { width: 33%; }
  
}

@media (min-width: 992px) {
  body.issafari .advisor.col-md-3 { width: 24.9%; }
}


/* OTHER ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Home Page - KPI part*/

.kpi_wrap{
    /*width:1200px;*/
    /*max-width:100%;*/
    margin: 30px auto 30px auto;
}

.vt_b3{
   padding:20px;
   text-align: center;
}

.vt_b4 img, .vt_b3 img{
   height:100px;
}

.vt_b3 p{
   margin-top:20px;
   font-size:16px;
   /*font-weight:400; - commenté Odile Ternalis */
}

/* Home Page - Benefices part*/

.benefit_wrap{
    /*width:1440px;*/
    /*max-width:100%;*/
    margin: 0 auto;
    padding:50px 10px 50px 10px;
}

.vt_b4{
   padding:15px;
   text-align: center;
}



.vt_b4 p{
   margin-top:20px;
   font-size:16px;
   /*font-weight:400; - commenté Odile Ternalis */
}

.vt_b4 h3, .vt_b3 h3{
   text-transform:uppercase;
   font-size:25px;
}

/* PAGE GENERALE  ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/******************* LANDING*********************/
    .vt-landing{
    	display: flex;
    	align-items: center;
    	justify-content:center;
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: cover;
    	position: relative;
        text-align: center;
    	overflow: hidden;
    	flex-direction: column;
    	height:80vh;
    }
    
    .vt-landing .masque{
    		background-color: #222835;
    		display:block;
    		opacity: 0.7;
    		position: absolute;
    		z-index:0;
    		top: 0;
    		right: 0;
    		bottom: 0;
    		left: 0;
    	}
    	
	.vt-landing h1{
		color:#FFF;
		position:relative;
		padding: 0px 0 25px 0; 
    	margin: 0;
		font-size: 4.5rem;
        line-height: 45px; 
    	text-transform:uppercase;
		border-bottom: 1px solid #FFF;
		width:800px;
		max-width:100%;
		margin:0 auto 25px auto;
	}
	
		.vt-landing h1:after{
			content:"";
			display: block;
			position: absolute;
			height: 7px;
			width: 7px;
			bottom: -4px;
			left: 50%;
			margin-left: -3.5px;
			background-image: url('../inc/dw_vectaury_img/devider_picto_w.png');
			background-size: 7px 7px;
			
		}
		.vt-landing h1 span{
			color:#4fe395;
		}

	.vt-landing p{
		color: #FFF;
		font-weight: 300;
		font-size: 22px; 
		line-height: 30px;
		text-align: center;
		padding: 0;
		width:600px;
		max-width:100%;
		margin:0 auto;
	}
	
	@media screen and (max-width:1024px) {
	.vt-landing h1, .vt-landing p{
		width:100%;
		max-width:100%;
	    }	
	}
	
	@media screen and (max-width: 450px) {	
         .vt-landing h1{
		font-size: 3.3rem;
        line-height: 1;
	}
	

	.vt-landing p{
		font-size: 1.5rem;
        line-height: 1.5;
	}
    }
	
/******************* BANDEAU *********************/
	.bgd-blue{
	    color:#FFFFFF;
	    background-image: url(../inc/dw_vectaury_img/SlideTexture.png?t=1509635551069);
        background-repeat: repeat;
        background-color: #222835;
	}
	
    	.bgd-blue h2{
    	    color:#FFFFFF;
    	}
	
	
	.bgd-white{
	    background:#FFFFFF;
	    color:#222835;
	}
	
	.vt-bandeau{
	position: relative;
    /*width:1440px;*/
    /*max-width:100%;*/
    margin:20px auto;
    text-align:left;
    padding: 40px 0;
    }
        
        
        .vt-bandeau-texte h2{
            font-size:27px;
            text-align:left;
            padding:10px 40px;
            text-transform:uppercase;
        }
        
        .vt-bandeau-texte p{
            padding:20px 40px;
            font-size:16px;
           /* font-weight:400; - commenté Odile Ternalis */
        }
        .padding_button{
            margin:10px 40px;
        }
        
        .vt-bandeau-texte button{
            margin:20px 40px 10px 40px;
        }
        
    .vt-client-panel{
      padding: 50px 10px;  
    }
    
    .vt-bandeau-preuve{
        text-align:left;
        display: flex;
         align-items: center;
    }
    }
    
    .vt_preuve_img{
        text-align:right;
    }
        
        
    .vt-bandeau-preuve h3{
        font-size:60px;
        color:#4fe395;
        text-transform:lowercase;
        margin:0 0 10px 0;
        
    }
        
        
    .vt-bandeau-preuve p{
        text-align:left;
        font-size:18px;
    }
        
    .vt_chiffre h2{
	    font-size: 30px;
	    margin-bottom:20px;
	    border:none;
	    text-transform:uppercase;
	}
	
	.vt_chiffre h2:after{
	    display:none;
	}
	
        
        
   /******************* BUTTONS *********************/  
   
   .vt-btn {
        display: inline-block;
		margin: 30px auto;
		color: #FFF;
		padding:10px 25px;
		font-size: 18px;
		line-height: 25px;
		background-color: #4fe395;
		border-radius:50px;
		border:solid 2px #4fe395;
		position: relative;
		box-shadow: 0 8px 40px -6px rgba(0,0,0,0.25);
		text-decoration: none;
		text-transform: uppercase;
		font-family: Novecentosanswide-DemiBold;
   }
   
     .vt-btn:hover{
        text-decoration:none;
   }
   

   
   

   
   .vt-btn-primary{
		display: inline-block;
		margin: 30px auto;
		color: #FFF;
		padding:12px 50px 12px 30px;
		font-size: 25px;
		line-height: 25px;
		background-color: #4fe395;
		border-radius:50px;
		border:solid 2px #4fe395;
		position: relative;
		box-shadow: 0 8px 40px -6px rgba(0,0,0,0.25);
		transition: all ease-in-out 0.2s;
		transform: scale(1);
		text-decoration: none;
		text-transform: uppercase;
		font-family: Novecentosanswide-DemiBold;
	}
		.vt-btn-primary:hover{
			text-decoration: none;
			transition: all ease-in-out 0.3s;
			transform: scale(1.1);
			color:#FFF;
		}
	.vt-btn-primary:after{
		content:"";
		display: block;
		background: url(../inc/dw_vectaury_img/arrow_big.png) no-repeat;
		background-size: 16px;
		position: absolute;
		right: 20px;
		height: 26px;
		width: 16px;
		margin-top: -13px;
		top: 50%;
	}	
		.vt-btn-primary:hover:after{
			animation: bouncebtn 0.3s ease-in-out infinite alternate;
		}
	
	@keyframes bouncebtn{
	from {right:20px;}
    to   {right: 15px;}
}

		
		
		
	/**   --------------------------    **/  
		
		
	       .btn-contact-menu{
		    line-height:26px;
	    	}
		
			.vt-btn-secondary{
						position: relative;
						border-radius:25px;
						-webkit-border-radius: 25px;
						-webkit-border-top-left-radius: 25px ; 
                        -webkit-border-bottom-right-radius: 25px ; 
                        -webkit-border-top-right-radius: 25px ;
                        -moz-border-radius:25px;
                        -khtml-border-radius:25px;
                        -webkit-border-bottom-left-radius: 25px ;
						box-shadow: inset 0 0px 0px 2px rgb(79, 227, 149);
						overflow: hidden;
						transition: all ease-in-out .2s;
						text-transform: uppercase;
						padding:12px 30px 12px 30px;
						display: inline-block;
						background: rgba(34, 40, 53, 0.8);
					}
						.vt-btn-secondary a{
							color:#4fe395;
							z-index: 2;
							position: relative;
						}
							.vt-btn-secondary:hover a{
								display: block;
								color: #FFF;
								transition: all ease-in-out .25s;
								text-decoration: none;
								opacity: 1;
								width: 100%;
								height: 100%;
							}
							.vt-btn-secondary:after{
								content: "";
								display: block;
								width: 140%;
								height: 120%;
								transform: skewX(-45deg);
								background: #4fe395;
								position: absolute;
								top: 0;
								right: -180%;
								transition: all ease-in-out .1s;
								z-index: 1;
							}
								.vt-btn-secondary:hover:after{
									transition: all ease-in-out .2s;
									right: -15%;
								}



@media screen and (max-width:1024px) {
		nav .btn-contact-menu{
		    display:none;
		}
	}
	
	.padtop{
	    padding-top:50px;
	}
    
   
   
   
   
   /* Blog  ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.vt_article{
    text-align:left;
    background:#ffffff;
    position:relative;
    z-index:30;
}

    
.vt_header_article h1{
		position:relative;
		padding: 0px 0 25px 0; /*padding: 110px 0 28px 0;*/
    	margin: 25px 0 0 0 ;
		font-size: 45px; /* 46px a la base */
    	line-height: 45px; /* 46px a la base */
		border-bottom: 1px solid;
		margin-bottom: 25px; /* 28px à la base */
	}


.vt_header_author div{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin: 10px 0;
}

.vt_header_author img{
    width:80px;
    background:blue;
    margin:0 15px 0 0;
}

.vt_article_content{
    font-size:15px;
    /*font-weight:400; - commenté Odile Ternalis */
    margin: 30px 0;
}

@media screen and (max-width: 450px) {	
           .vt_header_article{
    	    padding-top: 50px;
        }
        
        .vt_header_article h1{
		font-size: 3.3rem;
        line-height: 1;
    	}
    }


   /* Error  ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
   
   .vt_error_wrap{
       display:flex;
       flex-direction:column;
       justify-content:center;
       align-items:center;
       width:100%;
   }
   
     .vt_error_wrap img{
       width:280px;
       max-width:100%;
       margin-left: -10%;
   }
   
   .vt_error_title h2{
       font-size:13rem;
       border:none;
   }

    .vt_error_title h3{
       font-size: 4rem;
       text-transform: uppercase;
   }
   
      /* Form contact  ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
   
   
   body textarea.hs-input{
 
	min-height: 150px;
	width:100%!important;
  
}

    .vt_accelerateurs img{
    width:230px;
}



/* Slide  ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
   
.content {
  margin: auto;
  padding: 20px;
  width: 80%;
  max-width: 1200px;
  min-width: 300px;
}

.slick-slider {
  margin: 30px auto 50px;
}

.slick-prev,
.slick-next {
  color: white;
  opacity: 1;
  height: 40px;
  width: 40px;
  margin-top: -20px;
}
.slick-prev path,
.slick-next path {
  fill: rgba(255, 255, 255, 0.4);
}
.slick-prev:hover path,
.slick-next:hover path {
  fill: #FFFFFF;
}

.slick-prev {
  left: -35px;
}

.slick-next {
  right: -35px;
}

.slick-prev:before,
.slick-next:before {
  content: none;
}

.slick-dots li button:before {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  font-size: 8px;
}

.slick-dots li.slick-active button:before {
  color: #FFFFFF;
}

.quote-container {
  min-height: 200px;
  color: #666666;
  font-size: 36px;
  margin: 0 20px;
  position: relative;
}
.quote-container:hover {
  cursor: -webkit-grab;
  cursor: grab;
}
.quote-container .portrait {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 140px;
  width: 140px;
  overflow: hidden;
}
.quote-container .portrait img {
  display: block;
  height: auto;
  width: 100%;
}
.quote-container .quote {
  position: relative;
  z-index: 600;
  padding: 40px 0 40px 180px;
  margin: 0;
  font-size: 20px;
  font-style: italic;
  line-height: 1.4 !important;
  font-family: Calibri;
  color: white;
}
.quote-container .quote p {
  position: relative;
  margin-bottom: 20px;
}
.quote-container .quote p:first-child:before {
  content: '\201C';
  color: rgba(255, 255, 255, 0.44);
  font-size: 7.5em;
  font-weight: 700;
  opacity: 1;
  position: absolute;
  top: -.4em;
  left: -.2em;
  text-shadow: none;
  z-index: -10;
}
.quote-container .quote cite {
  display: block;
  font-size: 14px;
}
.quote-container .quote cite span {
  font-size: 16px;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.dragging .quote-container {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.octogon {
  -webkit-clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
  clip-path: url(#octogon);
  height: 140px;
  width: 140px;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 5% 0%;
  }
  50% {
    background-position: 96% 100%;
  }
  100% {
    background-position: 5% 0%;
  }
}
@keyframes gradient {
  0% {
    background-position: 5% 0%;
  }
  50% {
    background-position: 96% 100%;
  }
  100% {
    background-position: 5% 0%;
  }
}


/* Slide Testimonial  ------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/*  Owl Carousel - Core  */
.owl-carousel {
    display:none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-stage{
    display:flex;
    justify-content:center;
    align-items:center;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
}

.owl-carousel .owl-item img {
    /*display: block;*/
    max-width: 15%;
    /*margin: auto;*/
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
    margin: auto;
    background-color: rgb(241, 241, 241);
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*  Owl Carousel - Animate Plugin  */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut {
  0% {  opacity: 1; }
  100% { opacity: 0; }
}

/*  Owl Carousel - Auto Height Plugin  */
.owl-height { transition: height 500ms ease-in-out; }

/*  Owl Carousel - Lazy Load Plugin  */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*	Owl Carousel - Video Plugin  */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}



/*  Default theme - Owl Carousel CSS File  */
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: transparent;
    position: absolute;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d5d5d5;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #808080;
}



/*  own styles  */

/*body { margin: 0; }*/

.main_container {
    display: flex;
    overflow: hidden;
}

.item { display: flex; }

.wrapp_content {
    margin: 5% 10%;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.slide__text { 
    margin: 0 50px;
    width: 700px;
    max-width:100%;
    font-size:16px;
    }

.slide__text-heading {
    text-transform: uppercase;
    color:#63e48e;
    margin: 0;
    text-align:left;
    padding : 5px 0;
}

.slide__text-position {
    margin-top: 0;
    font-weight: 00;
    font-family: Montserrat;
    text-transform: capitalize;
    margin-bottom: 20px;
    
}

.owl-next, .owl-prev {
    background-size: contain;
    height: 40px;
    width: 5%;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.owl-next {
    background-image: url(../inc/dw_vectaury_img/slider/arrow.svg);
    top: 50%;
    right: 0;
}

.owl-prev {
    background-image: url(../inc/dw_vectaury_img/slider/arrow.svg?t=1517221674910);
    top: 42%;
    left: 0;
    transform: rotate(180deg);
}

@media only screen and (max-width: 768px) {
    .wrapp_content {
        flex-direction: column;
        text-align:center;
    }
    
    .slide__text { 
    width:100%;
    }
    
    .slide__text-heading {
    text-align:center;
}

    .owl-carousel .owl-item img {
        margin: 5% auto;
        max-width: 30%;
    }
}

/********* OPTIN PRIVACY ******************/

.vt-desc_optin p {
    font-size: 17px;
}

.vt-desc_optin{
    margin-bottom: 50px;
}



.img_txt p{
    font-weight: 500;
    font-size: 15px;
}
/********* News ******************/

.container-fluid{
    padding-right:0;
    padding-left:0;
}

   .vt-news-wrap{
       padding:20px;
   }
   
   .vt-news-item{
       border: 1px solid #eaeaea;
       padding:30px 15px 15px 15px;
       margin:5px;
       width:32%;
       height:280px;
   }

@media screen and (max-width: 1024px) {
		.vt-news-item{
       width:100%;
   }
	}
   
   .wrap-news-item{
       display:flex;
       justify-content:space-between;
       align-items:center;
       flex-direction:column;
     	 height:100%;
       
   }
    .vt-news-item img{
       height:40px;
       
   }
   
    .vt-news-item p{
/*        margin-top:25px; */
       
   }

/**Page CMP -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/
.cmp-explain p{
width:1024px;
max-width:100%;
margin: 0 auto;
padding: 20px; 
/* font-size: 20px; commenté odile ternalis */
line-height: 1.5;
}

/********* Formulaire ******************/
.vt-form-cmp{

/*   padding :20px; */
  display: flex!important;
  align-items: center;
  justify-content: center;
  min-height: 500px;
}

.vt-form-cmp .actions{
  text-align:center;	
}


.vt-form-cmp form{
  width:100%;
  max-width:100%;
}

.vt-form-cmp form div{
  margin: 0px 0px 10px 0px;
}

.vt-form-cmp form div label{
  font-weight: 700!important;
}


body .vt-form-cmp input.hs-input::placeholder,
body .vt-form-cmp  textarea.hs-input::placeholder{
	color: #FFF;;
}

body .vt-form-cmp span.hs-form-required{
    position: absolute;
    left: -12px;
    top: 20px;
    color: red;
}

body .vt-form-cmp input.hs-input{
	width: 100%;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-radius: 0;
	padding: 15px 0;
	color: #FFF;
	background-color:#222835;
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
	transition: all 300ms ease-in-out 0ms;
}
body .vt-form-cmp textarea.hs-input{
    border: 1px solid #FFF;
	  min-height: 150px;
    padding: 10px;
    color: #FFF;
    background: #222835;
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
	transition: all 300ms ease-in-out 0ms;
}

body .vt-form-cmp input.hs-input:focus,
body .vt-form-cmp textarea.hs-input:focus{
	outline:none;
	box-shadow: none;
	border-bottom: 1px solid #00EA86;
	border-right: 1px solid #00EA86;
	transition: all 200ms ease-in-out 0ms;
}

body .vt-form-cmp textarea.hs-input:focus{
	border: 1px solid #00EA86;
}

.vt-form-cmp fieldset label{
    position: absolute;
	top:5px;
	color: #FF0000;
	right: 20px;
}

body .vt-form-cmp input.hs-button{
	background:#222835;
	color: #00EA86;
	background-position: 20px 13px;
	background-repeat: no-repeat;
	background-image: url(../inc/dw_vectaury_img/btFormG.svg);
	border: 2px solid #00EA86;
}
body .vt-form-cmp input.hs-button:hover,
body .vt-form-cmp input.hs-button:focus{
	outline:none;
	box-shadow: none;
	background-position: 20px 13px;
	background-repeat: no-repeat;
	background-image: url(../inc/dw_vectaury_img/btForm.svg);
	opacity: 1;
	background-color:#00EA86;
	color: #222835;
}

.vt-form-cmp .separateur{
	display:block;
	height: 1px;
	width: 100%;
	margin-right: 0;
	background: #FFF;
	margin-top: 50px;
	margin-bottom: 50px;
}


.vt-form-cmp select.hs-input{
	width: 100%!important;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    background:transparent;
}

.vt-form-cmp select.hs-input option{
	  color:#222835;
}

#hs_form_target_CMP_-_Formulaire{
width:70%;

}


/********* Video ******************/

.vt-video-cmp{

}

.vt-video-cmp iframe{
  width: 100%;
  min-height: 500px;
  position:relative;
  
}

.vt-video-cmp .video-container{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 0px;
  padding-top: 0px
}



/**Page Landing URP   -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/

.wrap-landing{
	display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap: wrap;
}



.vt-point{
text-align:center;
/*   margin: 100px 0; */

}

.vt-point ul{
    list-style: none;
    padding: 0;
    text-align: center;
    margin: 30px auto;
    width: 550px;
    max-width: 100%; ;
}

.vt-point li{
  display:flex;
  justify-content: flex-start;
  align-items:center;
  margin:10px 0;
  font-size:22px;
}

.vt-point ul li span{
    background: #4fe395;
    padding: 10px;
    color: #222835;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin-right:20px;
}

.vt-point p{
    margin:0;
}

.vt-point video{
    margin:0px;
    padding: 20px;
    width:100%;
    max-width:100%;
}


.vt-point h3 {
	font-size: 40px;
}

.vt-point h3 span{
	font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 400px) {
		.vt-point h3 {
	font-size: 20px;
	}
  .vt-point li{
  font-size:14px;
	}
  
  .vt-point ul li span{
    width: 20px;
    height: 20px;

	}
  .vt-point ul{
    padding: 0 20px;

}
}




/********* Formulaire ******************/
.vt-form-landing{

  padding :20px; 
  display: flex!important;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  flex-wrap: wrap;
}

.vt-form-landing .actions{
  text-align:center;	
}


.vt-form-landing form{
  width:100%;
  max-width:100%;
}

.vt-form-landing form div{
  margin: 0px 0px 10px 0px;
}

.vt-form-landing form div label{
  font-weight: 700!important;
}


body .vt-form-landing input.hs-input::placeholder,
body .vt-form-landing  textarea.hs-input::placeholder{
	color: #FFF;;
}

body .vt-form-landing span.hs-form-required{
    position: absolute;
    left: -12px;
    top: 20px;
    color: red;
}

body .vt-form-landing input.hs-input{
	width: 100%;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-radius: 0;
	padding: 15px 0;
	color: #FFF;
	background-color:#222835;
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
	transition: all 300ms ease-in-out 0ms;
}
body .vt-form-landing textarea.hs-input{
    border: 1px solid #FFF;
	  min-height: 150px;
    padding: 10px;
    color: #FFF;
    background: #222835;
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
	transition: all 300ms ease-in-out 0ms;
}

body .vt-form-landing input.hs-input:focus,
body .vt-form-landing textarea.hs-input:focus{
	outline:none;
	box-shadow: none;
	border-bottom: 1px solid #00EA86;
	border-right: 1px solid #00EA86;
	transition: all 200ms ease-in-out 0ms;
}

body .vt-form-landing textarea.hs-input:focus{
	border: 1px solid #00EA86;
}

.vt-form-landing fieldset label{
    position: absolute;
	top:5px;
	color: #FF0000;
	right: 20px;
}

body .vt-form-landing input.hs-button{
	background:#222835;
	color: #00EA86;
	background-position: 20px 13px;
	background-repeat: no-repeat;
	background-image: url(../inc/dw_vectaury_img/btFormG.svg);
	border: 2px solid #00EA86;
}
body .vt-form-landing input.hs-button:hover,
body .vt-form-landing input.hs-button:focus{
	outline:none;
	box-shadow: none;
	background-position: 20px 13px;
	background-repeat: no-repeat;
	background-image: url(../inc/dw_vectaury_img/btForm.svg);
	opacity: 1;
	background-color:#00EA86;
	color: #222835;
}

.vt-form-landing .separateur{
	display:block;
	height: 1px;
	width: 100%;
	margin-right: 0;
	background: #FFF;
	margin-top: 50px;
	margin-bottom: 50px;
}


.vt-form-landing select.hs-input{
	width: 100%!important;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    background:transparent;
}

.vt-form-landing select.hs-input option{
	  color:#222835;
}

.legal-consent-container{
font-size:10px;
}

.legal-consent-container ul{
	padding:0;
}

.legal-consent-container li{
	text-align:center;
  list-style:none;
}




.vt-form fieldset{
    width: 100%!important;
    max-width: 100%!important;
}

      /******************* NEWS *********************/

 @media screen and (max-width: 780px) {
		.newstitle{
			margin: 180px 0px 50px 0px!important;
		}
}



.span12.blogSection{
	margin-top: -80px;
}
.bg-white{
	background:#ffffff !important;
}
.span12.widget-span.widget-type-header{
	font-size: 50px; 
	border-left: 5px solid #4fe395;
	margin: 20px 0 50px 0; 
	padding: 0  0  5px 15px;
}
.bandeauBG2 {
	min-height : 120px; 
	background-image: url(../inc/dw_vectaury_img/vt_website/vt_img/00_General/bcg_vectaury.jpg);
}
.cesp-block{
	display: flex;
	justify-content: space-between; 
	align-items: center;
}
.border-text{
	padding: 15px;
	border: 1px solid black; 
	width: 260px;
}
.blog-content p{
	text-align: justify;
}

.hexagon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 80px; 
    height: 46.19px;
    background-color: #53e497;
    margin: 23.09px 0;
    color: white;
    font-size: 20px;
    font-weight: bold;
}
  
.hexagon:before,
.hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
}
  
.hexagon:before {
    bottom: 100%;
    border-bottom: 23.09px solid #53e497;
}
  
.hexagon:after {
    top: 100%;
    width: 0;
    border-top: 23.09px solid #53e497;
}

.innerHexagon {
    position: absolute;
    bottom: -40px;
    z-index: -1;
    transform: scale(0.8);
    width: 80px; 
    height: 46.19px;
    background-color: transparent;
    margin: 23.09px 0;
    border-left: solid 1px #53e497;
    border-right: solid 1px #53e497;
}
  
.innerHexagon:before,
.innerHexagon:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 56.57px;
    height: 56.57px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 9.7157px;
  }
  
.innerHexagon:before {
    top: -28.2843px;
    border-top: solid 1.4142px #53e497;
    border-right: solid 1.4142px #53e497;
  }
  
.innerHexagon:after {
    bottom: -28.2843px;
    border-bottom: solid 1.4142px #53e497;
    border-left: solid 1.4142px #53e497;
}
.candidates {
	color: #222835;
	font-size: 16px;
}
.candidat-content p {
    line-height: 1.6em;
    text-align: justify;
}