@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-ExtraBoldItalic.eot');
    src: url('fonts/Nunito-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Nunito-ExtraBoldItalic.woff') format('woff'),
        url('fonts/Nunito-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/Nunito-ExtraBoldItalic.svg#Nunito-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Black.eot');
    src: url('fonts/Nunito-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-Black.woff2') format('woff2'),
        url('fonts/Nunito-Black.woff') format('woff'),
        url('fonts/Nunito-Black.ttf') format('truetype'),
        url('fonts/Nunito-Black.svg#Nunito-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Italic.eot');
    src: url('fonts/Nunito-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-Italic.woff2') format('woff2'),
        url('fonts/Nunito-Italic.woff') format('woff'),
        url('fonts/Nunito-Italic.ttf') format('truetype'),
        url('fonts/Nunito-Italic.svg#Nunito-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Regular.eot');
    src: url('fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-Regular.woff2') format('woff2'),
        url('fonts/Nunito-Regular.woff') format('woff'),
        url('fonts/Nunito-Regular.ttf') format('truetype'),
        url('fonts/Nunito-Regular.svg#Nunito-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-SemiBoldItalic.eot');
    src: url('fonts/Nunito-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Nunito-SemiBoldItalic.woff') format('woff'),
        url('fonts/Nunito-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/Nunito-SemiBoldItalic.svg#Nunito-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-LightItalic.eot');
    src: url('fonts/Nunito-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-LightItalic.woff2') format('woff2'),
        url('fonts/Nunito-LightItalic.woff') format('woff'),
        url('fonts/Nunito-LightItalic.ttf') format('truetype'),
        url('fonts/Nunito-LightItalic.svg#Nunito-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-ExtraLightItalic.eot');
    src: url('fonts/Nunito-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Nunito-ExtraLightItalic.woff') format('woff'),
        url('fonts/Nunito-ExtraLightItalic.ttf') format('truetype'),
        url('fonts/Nunito-ExtraLightItalic.svg#Nunito-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-ExtraLight.eot');
    src: url('fonts/Nunito-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-ExtraLight.woff2') format('woff2'),
        url('fonts/Nunito-ExtraLight.woff') format('woff'),
        url('fonts/Nunito-ExtraLight.ttf') format('truetype'),
        url('fonts/Nunito-ExtraLight.svg#Nunito-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-BoldItalic.eot');
    src: url('fonts/Nunito-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-BoldItalic.woff2') format('woff2'),
        url('fonts/Nunito-BoldItalic.woff') format('woff'),
        url('fonts/Nunito-BoldItalic.ttf') format('truetype'),
        url('fonts/Nunito-BoldItalic.svg#Nunito-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Light.eot');
    src: url('fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-Light.woff2') format('woff2'),
        url('fonts/Nunito-Light.woff') format('woff'),
        url('fonts/Nunito-Light.ttf') format('truetype'),
        url('fonts/Nunito-Light.svg#Nunito-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-BlackItalic.eot');
    src: url('fonts/Nunito-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-BlackItalic.woff2') format('woff2'),
        url('fonts/Nunito-BlackItalic.woff') format('woff'),
        url('fonts/Nunito-BlackItalic.ttf') format('truetype'),
        url('fonts/Nunito-BlackItalic.svg#Nunito-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-SemiBold.eot');
    src: url('fonts/Nunito-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('fonts/Nunito-SemiBold.woff') format('woff'),
        url('fonts/Nunito-SemiBold.ttf') format('truetype'),
        url('fonts/Nunito-SemiBold.svg#Nunito-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Bold.eot');
    src: url('fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-Bold.woff2') format('woff2'),
        url('fonts/Nunito-Bold.woff') format('woff'),
        url('fonts/Nunito-Bold.ttf') format('truetype'),
        url('fonts/Nunito-Bold.svg#Nunito-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-ExtraBold.eot');
    src: url('fonts/Nunito-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-ExtraBold.woff2') format('woff2'),
        url('fonts/Nunito-ExtraBold.woff') format('woff'),
        url('fonts/Nunito-ExtraBold.ttf') format('truetype'),
        url('fonts/Nunito-ExtraBold.svg#Nunito-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {
	background-color:#ffffff;
	padding:0;
	margin:0;
	color:#333333;
	text-align: left;
		}
	  .separ {
			clear: both;
			margin:0;
			border:0;
			height:0;
			padding:0;
			background:none;
			opacity:0;
		}
		img {
			width:100%;
			height: auto;
		}
		p, p a, #zeMedcomp, ol, ol li {color:#666666 !important; font-size:10px !important; line-height: 14px !important; opacity: 1 !important; }
	  li {list-style-type: none !important;}
		ol {padding-left:15px !important;}
	  	ol, ol li {list-style-type: decimal !important}

/* -- MASQUE -- */

	  .masque {
		  overflow: hidden;
	  }

/* -- SECTION */
/* -- SECTION */
	
.section {
	padding:0;
}
	.section_A, .section_C {background-color:white;}
	.section_B {
		background-color:#ffffff;
		background-image:url(images/index_background.jpg);
		background-repeat: no-repeat;
		background-size:auto 100%;
		background-position: center top;

}
.section_D {
	
}
.section_E {
	background-color:#ffffff;
	z-index: 20;
}
.section_F {
	background-color:white !important;
	z-index: 20;
}
.section_N {
	background-color:#ffffff;
}
	  
/* STRUCTURE - GABARIT */	
/* STRUCTURE - GABARIT */	
	  .gabarit {
			display: flex;
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-justify-content: space-between;
			-moz-justify-content: space-between;
			-ms-justify-content: space-between;
			justify-content: space-between;
			-webkit-flex-flow: wrap;
			-moz-flex-flow: wrap;
			-ms-flex-flow: wrap;
			flex-flow: wrap;
		  	/*-webkit-align-items: flex-start;
		 	-moz-align-items: flex-start;
		  	-ms-align-items: flex-start;
		  	align-items: flex-start;*/
			position:relative;
			padding:0;
			margin:0 auto;
			list-style-type: none;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}
		.gabarit li {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
			padding:0;
			margin:0;
			position:relative;
		}
	 

.structure {
	margin:0 auto;
	max-width: 800px;
}

/* -- ZONE + PADDING -- */
/* -- ZONE + PADDING -- */
.zone {}
	/* Padding horizontal + vertical */
.padding{
	padding:30px !important;
}
	/* Padding horizontal */
	.padding-x{
		padding:0 30px !important;
	}
	/* Padding vertical */
	.padding-y{
		padding:30px 0 !important;
	}


.bouton_info {
	width:60px;
	height: 60px;
	display:none;
	background: rgb(255,110,0);
background: linear-gradient(0deg, rgba(255,110,0,1) 0%, rgba(255,0,0,1) 100%);

	position: fixed;
	right:0;
	top:30%;
	margin-top:-30px !important;
	z-index: 10;
	-webkit-border-radius:30px 0 0 30px;
	border-radius:30px 0 0 30px;
	-webkit-transition:0.5s;
	transition:0.5s;
}
.bouton_info:hover {
	-webkit-transition:0.5s;
	transition:0.5s;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background: rgb(255,110,0);
background: linear-gradient(158deg, rgba(255,110,0,1) 0%, rgba(255,0,0,1) 100%);
}

/* -- HEADER -- */
.header {
	width:100%;
}
.logo {
	width:160px;
	margin:0 auto;
	display:block;
}

/* -- ZONE ACCROCHE -- */
/* -- ZONE ACCROCHE -- */
.visuel_mobile {
	width:40% !important;
	min-height: 300px;
}
	.visuel_mobile img {display:none !important;}
.accroche {
	color:#70989d !important;
	font-size:30px !important;
	width:100%;
	margin-top:40px !important;
	font-family: 'Nunito', Arial, sans-serif;
}
.accroche strong {
	display:block;
	font-size:130%;
	margin-bottom:5px;
	
	font-family: 'Nunito', Arial, sans-serif;
}
sup {font-size:50%;}
/* -- CONTENU -- */
/* -- CONTENU -- */

.zone_video {width:50%; }

.visuel {
	width:50% !important;
	background-image:url(images/index_visuel.jpg);
	background-position: center top;
	background-size:cover;
}
.newcontenu {width:50% !important;}
.contenu {
	width:50% !important;
}

.sous-titre {
	font-weight: bold;
	font-size:25px;
	font-family: 'Nunito', Arial, sans-serif;
	background: rgb(0,170,255);
	background: -moz-linear-gradient(90deg, rgba(0,170,255,1) 0%, rgba(0,200,170,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,170,255,1) 0%, rgba(0,200,170,1) 100%);
	background: linear-gradient(90deg, rgba(0,170,255,1) 0%, rgba(0,200,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aaff",endColorstr="#00c8aa",GradientType=1);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.liste {
	padding:0 !important;
}
.liste li {
	padding-left:25px !important;
	font-size:18px;
	margin-top:15px !important;
	background-image:url(images/index_puce.png);
	background-repeat: no-repeat;
	background-size:12px auto;
	background-position: 0px 5px;
	color:#70989d;
	
}


/* -- FORMULAIRE -- */
/* -- FORMULAIRE -- */
.intro_form {
	width:100% !important;
	text-align: center;
	font-size:24px;
	color:white;
	font-family: 'Nunito', Arial, sans-serif;
	font-weight: bold;
}
.intro_form div {
	border-bottom:2px solid white;
	padding-bottom:20px !important;
	height:100%;
}
.intro_form span {
	display:block;
	font-size:13px;
	font-weight: normal;
	margin-top:5px
}


.formulaire {
	width:100% !important;
}
.newformulaire {
	width:50% !important;
	background: rgb(11,92,172);
	background: -webkit-linear-gradient(left, rgba(11,92,172,1) 0%, rgba(0,170,255,1) 100%);
	background: -o-linear-gradient(left, rgba(11,92,172,1) 0%, rgba(0,170,255,1) 100%);
	background: linear-gradient(to right, rgba(11,92,172,1) 0%, rgba(0,170,255,1) 100%);
	z-index: 20;
	padding-bottom:50px !important;
}
#q_1 {
	margin-bottom:12px !important;
}
#q_3 {margin-bottom:7px !important;} 
#q_3 label {display:inline-block !important; margin-right:10px !important;}
#q_3 p {
	color:white !important;
	font-size:13px !important;
	margin:0 0 5px;
}


	.col {width:100%;}
		.col_A, .col_B {
			width:calc(50% - 10px) !important;
			}
	


/* -- FOOTER -- */
/* -- FOOTER -- */
.arguments li {text-align: center; color:#70989d; font-size:15px !important; width:calc(33.33% - 20px)}
.arguments li img {width:60px !important; display:block; margin:0 auto 10px; }

/* -- MENTIONS -- */
/* -- MENTIONS -- */
.mentions{
	width:100%;
}
	.mentions, .mentions p, .mentions li  {
		color: #333333;
		line-height: 12px;
		font-size: 10px;
		text-align: justify;
	}
	.mentions li{margin-bottom: 0px;}
	.mentions p {text-align: justify;}
video {overflow: hidden; -wekbit-border-radius:30px !important; border-radius:30px !important;}
/* FIN */

.cartouche {
	width:250px !important;
	margin-left:-125px !important;
	left:50% !important;
	position: absolute;
	top:300px;
}

/* FORMAT TABLETTE */
/* FORMAT TABLETTE */
/* FORMAT TABLETTE */


@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	.visuel {width:100% !important; height:270px !important; background-position: center 0px !important;}
	.formulaire, .newformulaire {width:100% !important;}
	.cartouche {
	width:auto !important;
	margin-left:0 !important;
	left:30px !important;
	position: absolute;
	top:30px;
		height: 220px !important;
}
	
	.newcontenu {width:100% !important;}
	
	
	.structure {
	margin:0 auto;
	max-width: 100% !important;
}

	
	/* TAILLE DES ZONES */
	.bouton_info {display:block !important;}
	.visuel_mobile {width:35% !important}
	.zone_video {width:100% !important}
	.intro_form {width:100% !important; padding-right:40px !important; text-align: center !important; padding-bottom:0 !important}
	.intro_form div {padding:0 0 30px 0 !important; border-right:none !important; border-bottom:2px solid white !important;} 
	

	
	
}




/* FORMAT MOBILE */
/* FORMAT MOBILE */
/* FORMAT TABLETTE */
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
	.arguments li {width:100% !important; margin-bottom:20px !important;}
	.section_B {background-color:white !important; background-image:none !important;}
	.visuel_mobile, .accroche, .zone_video, .contenu {width:100% !important;}
	.zone_video {display:none !important;}
	.visuel_mobile img {display:block !important;}
	.accroche {
		text-align: center;
		font-size:20px !important; margin-top:0 !important;
	}
	.intro_form {padding-bottom:0px !important;}
		.col_A, .col_B, .col_C, .col_D {width:100% !important;}
	
	.newcontenu,
	.newformulaire {
		width:100% !important;
	}
		.cartouche {
	width:auto !important;
	margin-left:0 !important;
	left:15px !important;
	position: absolute;
	top:30px;
		height: 190px !important;
}
}

.widgetform_touchvibes {
	border:0px !important;
	background-color:none !important;
	background:rgba(0,0,0,0) !important;
	color:#ffffff !important;
	padding:0 !important;
}

.widgetform_touchvibes .widgetform_title, .widgetform_thanks p {
	text-align:center !important;
	font-size:20px !important;
	color:white !important;
	line-height: 130% !important;
}

.widgetform_touchvibes .widgetform_catchphrase {
	font-size:13px !important;
	border-bottom:2px solid white !important;
	margin-bottom:20px !important;
	padding-bottom:15px !important;
	text-align:center !important;
}
.jFieldadditionalField22486 .grid_left {display:none !important}

#additionalField22486, #additionalField22491 {
	margin-bottom:10px !important;
}