body {
	background-color:#0d227f;
	padding:0;
	margin:0;
	color:#0d227f;
	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:#cccccc !important; font-size:9px !important; line-height: 130% !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 {background-color:#0d227f; 
	z-index: 100;}
	.section_B {background-color:#0d227f;}
	.section_C {background-color:#000000; padding:15px 30px; font-size:12px; color:white; text-align: center; }
	.section_D {background-color:#0d227f;}

/* 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;
			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;
		}

.gabarit2 {
		-webkit-align-items: flex-start;
		 	-moz-align-items: flex-start;
		  	-ms-align-items: flex-start;
		  	align-items: flex-start;
}

		.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: 1600px;
}
/* -- 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;
	}


/* -- HEADER -- */
.header {
	width:50%;
}
	.logo {
		width:auto !important;
		height:35px !important;
		margin:0 auto 0 0 !important;
		display:block !important;
	}
.logo2 {
		width:auto !important;
		height:35px !important;
		margin:0 0 0 auto !important;	
	display:block !important;;
}
	
.baseline {float:right; font-size:15px; font-style: italic; line-height: 130px; text-align: right; widht:auto; padding-right:25px;}	
/* -- VISUEL -- */
/* -- VISUEL -- */
.visuel {width:35%; background-color:#000000;
	background-image: url(images/index_background-min.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:cover;

}

.bande {
	position:absolute;
	left:30px;
	bottom:0px;
	width:100px;
}

.pdf {
	position:absolute;
	left:70px;
	bottom:25%;
	width:230px;
	z-index: 10;
}


/* -- CONTENU + FORMULAIRE -- */
/* -- CONTENU + FORMULAIRE -- */
.contenu_formulaire {width:65%;}


/* -- CONTENU -- */
.contenu {
	width:100% !important;
	background-color:#acdbfa;
	padding-top:50px !important;
	padding-bottom:10px !important;
	overflow: hidden;
	background-image:url(images/index_degrade.png);
	background-size:auto 100%;
	background-repeat: no-repeat;
	background-position:top right;

}
.titre {
	font-size:35px;
	position:relative;
		margin-bottom:40px;
	padding-bottom:30px;
}
.titre span {
	display:inline-block;
	padding:10px;
	font-size:15px;
	background-color:#0d227f;
	color:white;
	margin-bottom:10px;
}
.titre div {
	width:30px !important;
	height:10px !important;
	position:absolute !important;
	left:0;
	bottom:0px !important;
	background-color:#0d227f;
}
.argu {
	margin-bottom:30px !important;
	font-size:18px;
	
}

.argu_B img {position:absolute; height: 90%; width:auto; left:0; top:0; }

.argu .liste {
	margin-top:25px;
	padding:0 !important;
	font-size:14px;
}

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

.liste li {
	background-size:10px auto;
	background-repeat:repeat-y;
	background-position: 0 5px;
	width:100%;
	font-size:15px !important;
}

.liste2 li {width:50%}



.argu li div, .chiffres li div {
	padding-left:20px;
	padding-bottom:10px !important;
	background-image:url("images/index_puce.png");
	background-size:10px auto;
	background-repeat:no-repeat;
	background-position: 0 4px;
}
	.argu li:last-child div, .chiffres li:last-child div {
	padding-bottom:0px !important;
}

.chiffres, .argu {
	width:calc(50% - 15px) !important;
}
.chiffres {
	border:1px solid #0d227f;
	margin-bottom:30px !important;
	background-color:#acdbfa;
}

/* -- FORMULAIRE -- */
.formulaire {
	width:100%;
	background-color:#ffffff;
	padding-bottom:20px !important;
}


#q_4 {
	border:2px white solid;
	padding:10px;
	background-color:white;
	margin-bottom:20px;
}

#q_4 div {color:black; font-size:16px; display:block;margin-bottom:5px; text-align: left;}
#q_4 label {
	display:inline-block; margin-right:20px; color:black;
}
#q_4 label:hover {
	color:#1da1e0;
}

.intro_formulaire {
	font-size:22px;
	font-weight: normal;
	display:block;
	margin-bottom:20px !important;
}
	.intro_formulaire span {
		font-size:13px;
		margin-top:5px;
		margin-bottom:25px;
	}
.col {width:100%;}
		.col_A, .col_B {
			width:calc(50% - 12.5px) !important;
			}




/* -- MENTIONS -- */
/* -- MENTIONS -- */
.mentions{
	width:100%;
}
	.mentions, .mentions p, .mentions li  {
		color: #cccccc;
		line-height: 12px;
		font-size: 9px !important;
		text-align: justify;
	}
	.mentions li{margin-bottom: 0px;}
	.mentions p {text-align: justify;}

/* -- MERCI -- */
/* -- MERCI -- */
.pdf_merci {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
    max-width: 200px;
    display: block;
}
.bouton_merci {
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background-color: #1da1e0;
    text-decoration: none;
    width: 220px;
    display: block;
    margin-top: 12px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
    font-size: 16px;
}
.bouton_merci:hover {
	background-color:#5ceaff;
}
/* FIN */
.microsoft {
	display:block;
	margin:0 auto 30px !important;
	max-width:130px !important;
}
/* FORMAT TABLETTE */
/* FORMAT TABLETTE */
/* FORMAT TABLETTE */
@media screen and (max-device-width: 1000px), screen and (max-width: 1000px) {
	/* TAILLE DES ZONES */
	.visuel, .contenu_formulaire {width:100% !important;}
	.visuel {background-color:#e3e3e3; height:400px;}
	.bande {
	position:absolute;
	left:30px;
	bottom:0px;
	width:60px;
}
	.contenu {padding-top:30px !important;}
	.formulaire {padding-left:30px !important}
	.pdf {
	position:absolute;
	left:50px;
	bottom:30px;
	width:200px;
	z-index: 10;
}
	
}




/* FORMAT MOBILE */
/* FORMAT MOBILE */
/* FORMAT TABLETTE */
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
.titre {
	font-size:25px;}
	.contenu {
		background-size: 100% auto;
	}
		.visuel {background-color:#e3e3e3; height:250px;}
	.bande {
	position:absolute;
	left:30px;
	bottom:0px;
	width:40px;
}
	.argu {width:100%; margin-bottom:0px !important;}
	.argu:last-child {margin-bottom:0px !important;}
	
	.argu_A,
.argu_B, .argu, .chiffres { width:100% !important; position: relative}
	.chiffres {
		margin-top:30px !important;
	}
	
	.col_A, .col_B {
			width:100% !important;
			}
	#q_4 label {
	display:block; margin-right:0px; color:black; margin-bottom:5px;
}
	
	.pdf {
	position:absolute;
	left:40px;
	bottom:15%;
	width:150px;
	z-index: 10;
}
	
}