body, html {
	background: #fafafa;
	background-color:#fafafa;
	color:#57595f;
}
/* -- SECTION */
/* -- SECTION */
	

  .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;
	  }

.padding{
	padding:25px !important;
}
	/* Padding horizontal */
	.padding-x{
		padding:0 25px !important;
	}
	/* Padding vertical */
	.padding-y{
		padding:25px 0 !important;
	}

.section {
	padding:0;
}
	.section_A {}
	.section_B {}
	  
/* STRUCTURE - GABARIT */	
/* STRUCTURE - GABARIT */	
	
.structure {
	margin:0 auto !important;
	width:100% !important;
	max-width:1150px !important;
}

.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;
		  width:100% !important;
		}
		.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;
		}
	
.header {
	width:100% !important;
	display:block !important;
	
}
.rap {
	margin:0 0 25px auto !important;
	display:block !important;
	width:130px !important;
}

.bloc {
	overflow: hidden !important;
	-webkit-border-radius:30px !important;
	border-radius:30px !important;
	margin-bottom:0px !important;
	background-color:white !important;
}
.visuel {
	padding:0 25px 25px 25px !important;
	background-color:blue;
	background-image:url(images/index_visuel.jpg);
	background-size:cover;
	background-position: center center;
	width:100% !important;
}
.logo {
	width:230px;
	float: left;
	margin-bottom:100px !important;
}
.accroche {
	color:white !important;
	-webkit-text-shadow: 0 0 10px rgba(0,0,0,0.5);
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	font-weight: bold;
	font-size:35px;
	position:absolute;
	right:25px;
	bottom:75px !important;
	width:600px !important;
	text-align: right
}
.accroche span {
	font-size:80% !important;
	text-decoration: underline;
}
.contenu {
	width:calc(100% - 460px) !important;
	padding-top:50px !important;
}
.sous-titre {
	font-weight: bold;
	font-size:20px !important;
	background: #2CB5FF;
background: -webkit-linear-gradient(to right, #2CB5FF 0%, #4632FF 100%);
background: -moz-linear-gradient(to right, #2CB5FF 0%, #4632FF 100%);
background: linear-gradient(to right, #2CB5FF 0%, #4632FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
	margin-bottom:20px !important;
}
.sous-titre2 {
	margin-top:30px !important;
}

.zone_liste {
	width:60% !important;
}
.zone_liste2 {
	width:65% !important;
}
.liste {
	padding:0 !important; margin:0 !important;
}
.liste li {
	margin-bottom:8px !important;
	background-image:url(images/mail_puce.png);
	background-size:12px auto !important;
	background-position: 0 1px !important;
	background-repeat: no-repeat;
	padding-left:25px !important;
	font-size:15.5px !important;
}
.mini-visuel {
	width:40% !important;
}
.mini-visuel2 {
	width:30% !important;
}

.carte {
}

.formulaire {
	width:400px;
	margin-right:25px !important;
	margin-top:-50px !important;
	position:relative !important;
	background: rgb(70,50,255);
background: linear-gradient(180deg, rgba(70,50,255,1) 0%, rgba(44,181,255,1) 100%);
	overflow: hidden;
	-webkit-border-radius:30px !important;
	border-radius:30px !important;
	margin-bottom:30px !important;
}
.intro_form {
	font-size:13px !important;
	color:white !important;
text-align: center !important;
margin-bottom:20px !important;

}
.intro_form strong {
	display:block;
	font-size:200% !important;
	
}

.widgetform_touchvibes {
    font-size: 14px;
    padding:  0px !important;
    border: none !important;
    background: transparennt !important;
    background: linear-gradient(transparent) !important;
}


.widgetform_touchvibes .ccmcss_form.ccmcss_form--w25 .ccmcss_form__line--no_col {
    padding-left: 0 !important;
}

.widgetform_touchvibes .widgetform_openform, .widgetform_touchvibes .widgetform_submit, .widgetform_touchvibes .widgetform_tooltip {
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
    border: none !important;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 500 !important;
}

.widgetform_touchvibes .widgetform_openform, .widgetform_touchvibes .widgetform_submit {
    width: 250px;
    display: block;
    margin: 10px auto !important;
    padding: 10px 0 !important;
    background: #f9000f !important;
    background: linear-gradient(#f9000f)  !important;
	border-radius: 10px !important;
}

.widgetform_touchvibes .widgetform_title {
    font-size: 22px !important;
    text-transform: uppercase;
	font-weight: 600 !important;
	text-align: center!important;
}

.widgetform_touchvibes .widgetform_catchphrase {
    margin:  0;
	text-align: center!important;
}

.widgetform_touchvibes .app_mandatory_field {
	color: white !important;
}

.widgetform_touchvibes .ccmcss_form .ccmcss_form__input, .widgetform_touchvibes .ccmcss_form input[type=color], .widgetform_touchvibes .ccmcss_form input[type=date], .widgetform_touchvibes .ccmcss_form input[type=datetime-local], .widgetform_touchvibes .ccmcss_form input[type=datetime], .widgetform_touchvibes .ccmcss_form input[type=email], .widgetform_touchvibes .ccmcss_form input[type=month], .widgetform_touchvibes .ccmcss_form input[type=number], .widgetform_touchvibes .ccmcss_form input[type=password], .widgetform_touchvibes .ccmcss_form input[type=search], .widgetform_touchvibes .ccmcss_form input[type=tel], .widgetform_touchvibes .ccmcss_form input[type=text], .widgetform_touchvibes .ccmcss_form input[type=time], .widgetform_touchvibes .ccmcss_form input[type=url], .widgetform_touchvibes .ccmcss_form input[type=week], .widgetform_touchvibes .ccmcss_form select, .widgetform_touchvibes .ccmcss_form textarea {
    width: 100%;
    padding: 8px 10px;
    border: none !important;
    border-bottom: 1.5px solid #bbb !important;
    outline: 0;
	font-size: 14px !important;
}

.widgetform_touchvibes .ccmcss_form .ccmcss_form__input, .widgetform_touchvibes .ccmcss_form input[type=color]:focus, .widgetform_touchvibes .ccmcss_form input[type=date]:focus, .widgetform_touchvibes .ccmcss_form input[type=datetime-local]:focus, .widgetform_touchvibes .ccmcss_form input[type=datetime]:focus, .widgetform_touchvibes .ccmcss_form input[type=email]:focus, .widgetform_touchvibes .ccmcss_form input[type=month]:focus, .widgetform_touchvibes .ccmcss_form input[type=number]:focus, .widgetform_touchvibes .ccmcss_form input[type=password]:focus, .widgetform_touchvibes .ccmcss_form input[type=search]:focus, .widgetform_touchvibes .ccmcss_form input[type=tel]:focus, .widgetform_touchvibes .ccmcss_form input[type=text]:focus, .widgetform_touchvibes .ccmcss_form input[type=time]:focus, .widgetform_touchvibes .ccmcss_form input[type=url], .widgetform_touchvibes .ccmcss_form input[type=week]:focus, .widgetform_touchvibes .ccmcss_form select:focus, .widgetform_touchvibes .ccmcss_form textarea:focus{
	color: white !important;
}

.widgetform_touchvibes .ccmcss_form .ccmcss_form__input, .widgetform_touchvibes .ccmcss_form input[type=color], .widgetform_touchvibes .ccmcss_form input[type=date], .widgetform_touchvibes .ccmcss_form input[type=datetime-local], .widgetform_touchvibes .ccmcss_form input[type=datetime], .widgetform_touchvibes .ccmcss_form input[type=email], .widgetform_touchvibes .ccmcss_form input[type=month], .widgetform_touchvibes .ccmcss_form input[type=number], .widgetform_touchvibes .ccmcss_form input[type=password], .widgetform_touchvibes .ccmcss_form input[type=search], .widgetform_touchvibes .ccmcss_form input[type=tel], .widgetform_touchvibes .ccmcss_form input[type=text], .widgetform_touchvibes .ccmcss_form input[type=time], .widgetform_touchvibes .ccmcss_form input[type=url], .widgetform_touchvibes .ccmcss_form input[type=week], .widgetform_touchvibes .ccmcss_form select, .widgetform_touchvibes .ccmcss_form textarea, .widgetform_touchvibes .ccmcss_gradient_1 {
    background: transparent !important;
    background: linear-gradient(transparent) !important;
}

.widgetform_thanks h3 {
	color: white !important; 
	font-size: 22px ! important; 
	line-height: 130% ! important; 
	opacity: 1 ! important; 
	font-weight: 600 ! important;
}
.widgetform_thanks p {
	color: white !important; 
	font-size: 14px ! important; 
	line-height: 130% ! important; 
	opacity:1 !important;
}

.widgetform_touchvibes .ccmcss_form .ccmcss_form__line.ccmcss_form__line--checkbox .grid_last .grid_col, .widgetform_touchvibes .ccmcss_form .ccmcss_form__line.ccmcss_form__line--checkbox .grid_last .grid_left:nth-child(2){
    display: flex !important;
	gap: 5px !important;
	flex-direction: row !important;
    float: left;
    padding-right: .3125em;
}

.widgetform_touchvibes input[type=checkbox], .widgetform_touchvibes input[type=radio] {
	top: 4px !important;
	position: absolute !important;
}

.widgetform_touchvibes .ccmcss_form .ccmcss_form__line.ccmcss_form__line--checkbox .grid_last label, .widgetform_touchvibes .ccmcss_form .ccmcss_form__line.ccmcss_form__line--radio .grid_last label {
   padding-left:25px !important;
}

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

.footer_content {
	width:100%;
	position:relative !important;
}
.max {
	position:relative !important;
	width: 130px !important;
		
	display:block !important;
	margin:0 auto 0 0 !important;
}
.footer_content div {
	position:absolute;
	right:25px;
	bottom:23px !important;
	font-weight: bold;
	font-size:18px !important;
	text-align: right;
}
/* -- MENTIONS -- */
.mentions{
	width:100%;
	background-color:mediumpurple;
}
	.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;}

.intro_Q {
	display:block;
	margin-bottom:5px !important;
	font-size:13px !important;
	padding-top:10px !important;
}
.rcheck {
	position:relative;
	
}
.rcheck label {
	color:white !important;
	padding-left:25px !important;
}
.rcheck input {
	position:absolute;
	left:0; top:0;
}
/* FIN */

/* FORMAT TABLETTE */
/* FORMAT TABLETTE */
/* FORMAT TABLETTE */
@media screen and (max-device-width: 1150px), screen and (max-width: 1150px) {
	.carte {
		margin-top:-10px !important;
		width:auto !important;
		height:140px !important;
	}
}
@media screen and (max-device-width: 1000px), screen and (max-width: 1000px) {
	/* TAILLE DES ZONES */
	.contenu, .formulaire {width:100% !important;}
	.formulaire {
		margin-top:0 !important;
		margin-bottom:0 !important;
		margin-right:0 !important;
	}
}

/* FORMAT MOBILE */
/* FORMAT MOBILE */
/* FORMAT TABLETTE */
@media screen and (max-device-width: 780px), screen and (max-width: 780px) {
	.logo {width:150px !important;}
	.accroche {
		text-align: center !important;
		font-size:25px !important;
		bottom:20px !important;
		width:100% !important;
		margin:0 !important;
		right:0 !important;
	}
	
	.zone_liste {width:100% !important;}
	.mini-visuel {
		width:100% !important;
	}
	.carte {
		margin:0 auto !important;
		display:block !important;
		max-width: 70% !important;
		height:auto !important;
	}
	.mini-visuel2 {
		display:none !important;
	}
	.col_A, .col_B {
			width:100% !important;
			}
	.max {
	position:relative !important;
	width: 70px !important;
		
	display:block !important;
	margin:0 auto 0 -15px !important;
}
.footer_content div {
	position:absolute;
	right:25px;
	bottom:23px !important;
	font-weight: bold;
	font-size:12px !important;
	width:calc(100% - 120px) !important;
}
	
}