body {
	background-color:#1b1b1b;
	padding:0;
	margin:0;
	color:#424242;
	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;
	  }

/* -- BORDS ARRONDIS -- */
.radius {
	-webkit-border-radius:15px;
	border-radius:15px;
}

/* -- SECTION */
/* -- SECTION */
	
.section {
	padding:0;
}
	.section_A {background-color:white; 
	z-index: 10;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);}
	.section_B {background-color:#888888;}
.section_C {background-color:#888888;}
/* 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;
		}
		.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: 1300px;
}

/* -- 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;
	}
.padding_small{
	padding:20px !important;
}
	/* Padding horizontal */
	.padding_small-x{
		padding:0 20px !important;
	}
	/* Padding vertical */
	.padding_small-y{
		padding:20px 0 !important;
	}
.padding_big{
	padding:10px !important;
}
	/* Padding horizontal */
	.padding_big-x{
		padding:0 10px !important;
	}
	/* Padding vertical */
	.padding_big-y{
		padding:10px 0 !important;
	}


/* -- HEADER -- */
.header {
	width:100%;
	padding:15px 20px !important;
}
	.logo {
		width:auto;
		height:60px;
		display:block;
		margin:0 auto;
	}
/* -- CONTENU -- */
/* -- CONTENU -- */
.contenu_form {background-color:#eeeeee;}
.contenu {
	width:calc(100% - 400px) !important;
}

.contenu .gabarit {

	display: flex;
	flex-direction: column;
}

.zone_visuel, .zone_contenu {width:100%; text-align: left;}
.zone_visuel {
	background-color:#424242;
	min-height: 320px;
	background-image:url(images/visuel_B.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	background-size:cover;
}
.zone_contenu {
	background-color:#eeeeee;
}
	h1 {padding:0; margin:0 0 30px; border-bottom:#980404 3px dotted; padding-bottom:15px;}
.introduction {margin-bottom:30px; font-size:15px; text-align: justify;}
h1 strong {color:#980404; font-size:100%; display:block;}

/* -- BLOCS -- */
.bloc {background-color:white;  margin-bottom:20px !important;text-align:center !important;width:calc(33% - 10px)}
.bloc_full {width:100%;}
.bloc_demi {width:calc(50% - 10px) !important;}

.bloc_titre {color:#980404; font-weight: 600; font-size: 20px; display:block; margin-bottom: 15px;}
.bloc p {font-size:20px !important; line-height: 130% !important; margin-bottom:10px;}
.bloc .liste {
	font-size:14px;
	padding:0 !important; margin-bottom:10px;
	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;
			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;
}
	.bloc .liste li {
		width:100%;
		padding-left:15px !important;
		margin-bottom:5px !important;
		font-size:14px !important;
		line-height: 120% !important;
		color:#777777 !important;
		background-image:url(images/puce.png);
		background-size:7px auto;
		background-repeat: no-repeat;
		background-position: left 5px;
	}
.w12{width:calc(50% - 10px)}

.picto-txt {
	color:#980404; font-weight: 600; font-size: 15px; display:block; margin-bottom: 15px;
}
.picto {
	width:90px; height: 90px; display:block; margin:0 auto 10px !important;
	background-repeat: no-repeat; background-size: 90px 90px; background-position: center center;
}
	.picto_A {background-image:url(images/picto_bleu_chiffre_1.png);}
	.picto_B {background-image:url(images/picto_bleu_chiffre_2.png);}
	.picto_C {background-image:url(images/picto_bleu_chiffre_3.png);}

.zone_contenu > ul > li {
	margin-bottom: 30px;
}
/* -- FORMULAIRE -- */
/* -- FORMULAIRE -- */
.formulaire {
	width:400px;
	background-color:#980404;
}
.intro_form .picto_form {
	width:70px; height: 70px; display:block; margin:0 auto 10px !important;
	background-repeat: no-repeat; background-size: 70px 70px; background-position: center center; background-image:url(images/picto_blanc_echange.png);
}
.intro_form {text-align: center; font-size:18px; padding-bottom:20px; border-bottom:2px dotted #ffffff; color:white; margin-bottom:30px;}
.intro_form img {width:70px; height: auto; display:block; margin:0 auto 10px !important;}
.intro_form strong {font-weight: bold; display:block; margin-bottom:3px; font-size:120%; line-height: 130%;}
.intro_form span {display:block; margin-top:5px; font-size:70%;}


/* -- FOOTER -- */
/* -- FOOTER -- */
.footer {
	width:100%;
}
	.arguments_footer {flex-wrap: nowrap !important;}
		.argument {
			color:white;
			font-size:15px;
			text-align: center;
			border-right:1px dotted #ffffff;
			flex:1;
		}
.argument strong {font-size:23px; display:block; margin-bottom:3px; line-height: 100%}
		.arguments_footer li:last-child {border-right:0px dotted #ffffff;}
/* -- MENTIONS -- */
/* -- MENTIONS -- */
.mentions{
	width:100%;
}
	.mentions, .mentions p, .mentions li, .mentions a  {
		color: #888888;
		line-height: 12px;
		font-size: 10px;
		text-align: justify;
	}
	.mentions li{margin-bottom: 0px;}
	.mentions p {text-align: justify;}
.signature {margin-top:30px;}
.signature span {
	line-height: 30px;
	font-size:14px;
	color: #888888;
	text-align: left;
	float:left;
}
.signature img {
	width:auto;
	height:30px;
	margin-left:10px;
	display:inline-block;
}
/* FIN */

/* FORMAT TABLETTE */
/* FORMAT TABLETTE */
/* FORMAT TABLETTE */
@media screen and (max-device-width: 1000px), screen and (max-width: 1000px) {
	/* TAILLE DES ZONES */
	.contenu, .formulaire {width:100% !important;}
	.intro_form strong {display:inline-block;}
	.w12{width:100% !important}
}




/* FORMAT MOBILE */
/* FORMAT MOBILE */
/* FORMAT TABLETTE */
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
	.arguments_footer {flex-wrap: wrap !important;}
		.argument {
			border-right:0px dotted #ffffff;
			border-bottom:1px dotted #ffffff;
			flex:none;
			font-size:14px;
			padding-bottom:10px !important;
			width:100%;
			margin-bottom:15px !important;
		}
		.bloc_tiers, .bloc_demi {width:100% !important; margin-bottom: 25px !important;}
.argument strong {font-size:18px; display:block; margin-bottom:3px; line-height: 100%}
.arguments_footer li:last-child {border-right:0px dotted #ffffff;border-bottom:0px dotted #ffffff;}
	.intro_form strong {display:block;}
	.list-number li {
		width: 100% !important;
	}
}