#page_lexique
		{
			margin-bottom:20px;
			padding : 20px;
			background: #e9eded;
			background: -moz-linear-gradient(left,  #e9eded 0%, #f5f7f7 50%, #e9eded 100%);
			background: -webkit-linear-gradient(left,  #e9eded 0%,#f5f7f7 50%, #e9eded 100%);
			background: linear-gradient(to right,  #e9eded 0%,#f5f7f7 50%,#e9eded 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eded', endColorstr='#e9eded',GradientType=1 );
			font-family: 'Roboto', sans-serif;
			width : 100%;
			box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
		}

		#ul_alphabet_lexique
		{
			list-style: none;
			padding: 0;
			margin: 0 auto;
		}

		.li_alphabet_lexique
		{
			float : left;
			margin-right : 10px;
		}

		.lettre_alphabet
		{
			text-decoration : none;
			text-transform: uppercase;
			font-weight : bold;
			font-family: 'Roboto', sans-serif;
			font-size : 20px;
			color : #7f7f7f;
			padding : 10px;
			line-height : 40px;
		}

		.lettre_alphabet:hover
		{
			color : #ffffff!important;
			background-color : #025592;
		}

		.lexique-container-lettre
		{
			margin-bottom:10px;
			margin-top : 30px;
			padding-left : 20px;
			font-size : 22px!important;
			font-weight : 800;
			text-align:left;
		}

		.summary-lexique
		{
			font-family: 'Roboto', sans-serif;
			padding: 0 0 0 50px;
		}

		.details-lexique
		{
			background-color: rgb(255, 255, 255);
			padding: 0px 30px;
			border-bottom: 2px solid #025592;
			border-radius : 5px;
			box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
		}

		.details-lexique ul
		{
			list-style-type: none;
			padding: 0;
		}

		.details-lexique li
		{
			font-size: 16px;
		}

		.details-lexique a
		{
			display:block;
			text-decoration: none;
		}

		.details-lexique label
		{
			font-size: 18px;
			display: block;
			cursor: pointer;
			padding: 10px 0 10px 20px;
		}

		/*anciennement input#menu */
		input.input_lexique
		{
			display: none;
		}

		input.input_lexique:checked +label
		{
			background-image: url(close.png);
		}

		.summary-lexique
		{
			max-height: 0;
			overflow: hidden;
			padding: 0 0 0 0 ;
		}

		/* Toggle Effect */
		input.input_lexique:checked ~ label
		{
			background-image: url(close.png);
		}

		input.input_lexique:checked ~ .summary-lexique
		{
			max-height: 100%;
		}

		@media screen and (max-width: 700px)
		{
			#page_lexique
			{
				padding : 20px;
				width : 100%;
			}

			.lexique-container-lettre
			{
			}

			.summary-lexique
			{
			}

			.details-lexique
			{
			}

			.details-lexique ul
			{
			}

			.details-lexique a
			{
			}

			.details-lexique label
			{
				padding: 10px 0 10px 10px;
			}

			.summary-lexique
			{
				padding: 0 0 0 5px;
			}
		}


		
		<!-- -------------------------------------------------------------- -->
		

			.flex-container-page-forfaits
			{
				display: flex;
				align-items: stretch;
				background-color: #f1f1f1;
				border-radius: 10px;
				padding-bottom : 10px;
			}

			.flex-container-page-forfaits > div
			{
				background-color: white;
				border-radius: 10px;
				margin : 10px;
				border: 2px solid #e4e4e4;
				margin-bottom: auto;
			}

			.forfait-En_savoir_plus
			{
				background-color: #f8f8f8;
				border-top: 2px solid #e4e4e4;
				border-radius: 10px;
			}

			.forfait-En_savoir_plus a
			{
				border-radius: 10px;
			}

			#forfait-En_savoir_plus-nrj:hover
			{
				background-color : #F64A62;
			color: white !important;
			}

			#forfait-En_savoir_plus-at:hover
			{
				background-color : #2fa777;
			color: white !important;
			}

			#forfait-En_savoir_plus-cm:hover
			{
				background-color : #005ea8;
			color: white !important;
			}

			#forfait-En_savoir_plus-cic:hover
			{
				background-color : #ee6127;
			color: white !important;
			}

			.flex-container-page-forfaits a
			{
				color : #015DA6;
				text-decoration : none;
				text-align : center;
				line-height: 15px;
				width : 100%;
				justify-content: center;
				padding : 10px 0 10px 0;
				display: flex;
			}

			.flex-container-page-forfaits a:hover
			{
				background-color : #015DA6;
			color: white !important;
			text-decoration : none;
			}

			.flex-container-page-forfaits img
			{
				max-width : 300px;
				display: block ;
				margin: 0 auto;
			}

			@media screen and (max-width: 700px)
			{
				.flex-container-page-forfaits
				{
					flex-direction: column;
				}

				.flex-container-page-forfaits img
				{
					max-width : 300px;
					display: block ;
					margin: 0 auto;
				}
			}
.ensemble_3_ci
{
	display: flex;
	flex-flow: row wrap;
	max-width : 932px;
}

.img_3_ci
{
	max-height : 180px;
	margin : 0px 20px 0px 0px;
	text-align : center;
}

.partie_image_3_ci
{
	width: 51%;
	margin-top : 10px;
}

.partie_texte_3_ci
{
	width: 45%;
	padding : 10px;
}

.reco_recto_verso_1
{
	width: 40%;
	margin-top : 10px;
}

.reco_recto_verso_2
{
	width: 60%;
	padding : 10px;
}

@media screen and (max-width:600px)
{
	.img_2_ci
	{
		max-height : 250px;
		margin : 20px 0px 20px 0px;
		text-align : center;
	}

	.img_3_ci
{
	margin : 0px 0px 20px 0px;
	text-align : center;
}

	.partie_image_3_ci
	{
		order: 2;
		width: 100%;
	}


.reco_recto_verso_1
{
		order: 1;
	width: 100%;
	padding : 10px;
}

.reco_recto_verso_2
{
		order: 2;
	width: 100%;
	padding : 10px;
}


	.partie_texte_3_ci
	{
		width: 450px;
	}
}


body.faq-content #jSlider_Prev
{
left:0!important}

body.faq-content .nrjTopBackgroundArround #jSlider_Main
{
width:520px!important}

/***facture***/
.bulle
{
	opacity : 0;
	/* FIREFOX TRES VIELLE VERSION <= 0.9*/
	-moz-opacity : 0;
	/* IE 8 ET COMPRIS PAR IE 10*/
	filter: alpha(opacity=0);
}

.bulle .droit_fleche, .bulle .gauche_fleche
{
	filter: alpha(opacity=0);
}

.zone
{
	z-index:3000;
}

.zone:hover + .bulle
{
	opacity : 1;
	/* FIREFOX TRES VIELLE VERSION <= 0.9*/
	-moz-opacity : 1;
	/* IE 8 ET COMPRIS PAR IE 10*/
	filter: alpha(opacity=100);
	transition: opacity .50s ease-in-out;
	-moz-transition: opacity .50s ease-in-out;
	-webkit-transition: opacity .50s ease-in-out;
}

.zone:hover + .bulle .droit_fleche, .zone:hover + .bulle .gauche_fleche
{
	/* IE 8 ET COMPRIS PAR IE 10*/
	filter: alpha(opacity=100);
}

/*Contenu de la page*/
.facture-vv
{
	background-image:url(http://dimelo.s3.amazonaws.com/custom-v2/nrjmobile/app/facture/Facture2.jpg);
	background-repeat:no-repeat;
	height:1900px;
	width: 645px;
	margin: 0 auto;
	position:relative;
}

.bold
{
	font-weight:bold;
}

.souligner
{
	text-decoration:underline;
}

.droit_fleche
{
	left: 34px;
	position: absolute;
	bottom:-19px;
}

.gauche_fleche
{
	bottom: -19px;
	left: 30px;
	position: absolute;
}

.numero
{
	float: left !important;
	color:#e0041e !important;
	font-size: 67px !important;
	height: 50px !important;
	margin: auto !important;
	width: 81px !important;
}

.texte
{
	float: right !important;
	padding-top: 5px !important;
	width: 330px !important;
	font-size:16px !important;
	min-height:70px;
}

/*Date d'émission de la facture*/
.un
{
	cursor: pointer;
	display: block;
	height: 26px;
	left: 387px;
	opacity: 0.3;
	position: absolute;
	top: 125px;
	width: 151px;
}

/*Details concernant la date d'émission de la facture*/
.un_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	cursor: default !important;
	left: 350px;
	min-height: 72px;
	padding: 13px;
	position: absolute;
	top: 10px;
	width: 459px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*Informations clients*/
.deux
{
	cursor: pointer;
	display: block;
	height: 227px;
	left: 37px;
	opacity: 0.3;
	position: absolute;
	top: 340px;
	width: 130px;
}

/*Details des informations clients*/
.deux_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 64px;
	min-height: 102px;
	padding: 10px;
	position: absolute;
	top: 237px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Forfaits*/
.trois
{
	cursor: pointer;
	display: block;
	height: 19px;
	left: 176px;
	opacity: 0.3;
	position: absolute;
	top: 340px;
	width: 436px;
}

/*Details de des forfaits*/
.trois_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 50%;
	min-height: 66px;
	padding: 10px;
	position: absolute;
	top: 220px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Consommations*/
.quatre
{
	cursor: pointer;
	display: block;
	height: 19px;
	left: 176px;
	opacity: 0.3;
	position: absolute;
	top: 358px;
	width: 436px;
}

/*Details des consommations*/
.quatre_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 250px;
	min-height: 66px;
	padding: 10px;
	position: absolute;
	top: 128px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Services*/
.cinq
{
	cursor: pointer;
	display: block;
	height: 18px;
	left: 176px;
	opacity: 0.3;
	position: absolute;
	top: 376px;
	width: 436px;
}

/*Détails des services*/
.cinq_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 200px;
	min-height: 66px;
	padding: 10px;
	position: absolute;
	top: 228px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Montant net à payer*/
.six
{
	cursor: pointer;
	display: block;
	height: 19px;
	left: 177px;
	opacity: 0.3;
	position: absolute;
	top: 501px;
	width: 436px;
}

/*Détails du montant net à payer*/
.six_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 200px;
	min-height: 66px;
	padding: 10px;
	position: absolute;
	top: 307px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Date de prélèvement*/
.sept
{
	cursor: pointer;
	display: block;
	height: 14px;
	left: 177px;
	opacity: 0.3;
	position: absolute;
	top: 520px;
	width: 320px;
}

/*Détails du montant net à payer*/
.sept_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 200px;
	min-height: 62px;
	padding: 10px;
	position: absolute;
	top: 412px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Avantages.huit
{
	cursor: pointer;
	display: block;
	height: 106px;
	left: 38px;
	opacity: 0.3;
	position: absolute;
	top: 572px;
	width: 130px;
}

/*Détails des avantages.huit_details
{
	background-color: #FFFFFF;
	border-right: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: -493px;
	min-height: 62px;
	padding: 10px;
	position: absolute;
	top: 555px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

*/
/*contacter*/
.neuf
{
	cursor: pointer;
	display: block;
	height: 85px;
	left: 37px;
	opacity: 0.3;
	position: absolute;
	top: 796px;
	width: 576px;
}

/*Détails de contacter*/
.neuf_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	border-radius: 10px;
	box-shadow: 3px 3px 5px 0 #656565;
	cursor: default !important;
	left: 200px;
	min-height: 45px;
	padding: 10px;
	position: absolute;
	top: 706px;
	width: 459px;
}

/*Informations utiles*/
.dix
{
	cursor: pointer;
	display: block;
	height: 286px;
	left: 42px;
	opacity: 0.3;
	position: absolute;
	top: 1079px;
	width: 132px;
}

/*Détails des informations utiles*/
.dix_details
{
	background-color: #FFFFFF;
	border-right: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: -493px;
	min-height: 45px;
	padding: 10px;
	position: absolute;
	top: 1173px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Forfaits, abonnements et options*/
.onze
{
	cursor: pointer;
	display: block;
	height: 141px;
	left: 180px;
	opacity: 0.3;
	position: absolute;
	top: 1085px;
	width: 408px;
}

/*Détails des forfaits*/
.onze_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 250px;
	min-height: 45px;
	padding: 10px;
	position: absolute;
	top: 988px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Consommations*/
.douze
{
	cursor: pointer;
	display: block;
	height: 155px;
	left: 180px;
	opacity: 0.3;
	position: absolute;
	top: 1234px;
	width: 409px;
}

/*Détails des consammations*/
.douze_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 250px;
	min-height: 45px;
	padding: 10px;
	position: absolute;
	top: 1056px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*services ponctuels ou occasionnels*/
.treize
{
	cursor: pointer;
	display: block;
	height: 53px;
	left: 180px;
	opacity: 0.3;
	position: absolute;
	top: 1408px;
	width: 410px;
}

/*Détails des consammations*/
.treize_details
{
	background-color: #FFFFFF;
	border-left: 5px solid #e0041e;
	box-shadow: 3px 3px 5px 0 #656565;
	left: 300px;
	min-height: 45px;
	padding: 10px;
	position: absolute;
	top: 1282px;
	width: 459px;
	cursor:default !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius:10px ;
}

/*Report*/
.quatorze
{
	cursor: pointer;
	display: block;
	height: 44px;
	left: 188px;
	opacity: 0.3;
	position: absolute;
	top: 1425px;
	width: 405px;
}

body.user-role-admin form .attachment-field-row, body .user-role-admin form .attachment-field-row
{
	display:block !important;
}

body.default#questions_controller.show div.answer.best .body-bd, body .default#questions_controller.show div.answer.best .body-bd
{
	background:#fff !important;
}

.alert
{
	background-color:white;
	font-size:15px !important;
	padding:10px;
	display:none;
	border:solid 2px red;
	width:972px;
	margin:0 auto;
	margin-bottom:30px;
}

.alert *
{
	color:red !important;
}

.alert.on
{
display:block}

#rf-level
{
	position: static !important;
	float: left;
	margin-top:18px !important;
}

#login_infos .home-link-and-logout
{
	float: left;
}

#jSlider_Prev.reponse
{
	left:0px !important;
}

#jSlider_Next.reponse
{
	left:550px !important;
}

#jSlider_Prev
{
	background: url('//dimelo.s3.amazonaws.com/custom-v2/nrjmobile/pasapas/precedent.gif') top left no-repeat !important;
}

#jSlider_Next
{
	background: url('//dimelo.s3.amazonaws.com/custom-v2/nrjmobile/pasapas/suivant.gif') top left no-repeat !important;
}

body.default#questions_controller.show.pas-a-pas-content.user-role-admin #yui-main .yui-b .new-answer
{
	display:block !important;
}

.ytp-title-link.yt-uix-sessionlink
{
	display:none!important;
}

.parametrage
{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.param
{
	margin: 20px;
	background: #e5e5e5;
	padding: 10px 20px 10px 20px;
}

.param a
{
	color: #e1081d;
	height: 300px;
}

.w3-two
{
	float:left;
width:100%}

.w3-four
{
	float:left;
width:100%}

a:link.nvo_client_link
{
	color: #2190ae;
	font-weight : 600;
}

a:visited.nvo_client_link
{
	color: #2190ae;
	font-weight : 600;
}

@media (min-width:601px)
{
	.w3-two
	{
	width:50%}

	.w3-four
	{
	width:25%}
}

*
{
	box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column_2
{
	float: left;
	width: 50%;
	padding: 10px;
}

.column_4
{
	float: left;
	width: 25%;
	padding: 10px;
}

.column_4_forfaits
{
	float: left;
	width: 23%;
	padding: 10px;
	border: 1px solid #e4e4e4;
	margin-right : 10px;
	min-height : 231px;
}

.column_4_se_connecter
{
	float: left;
	width: 23%;
	padding: 10px;
	border: 1px solid #e4e4e4;
	margin-left : 15px;
}

/* Clear floats after the columns */
.row_2:after
{
	content: "";
	display: table;
	clear: both;
}

.nvo_client_iframe
{
	width : 285px;
}

.old-trick > iframe,.old-trick > object,.old-trick >embed
{
	border:5px solid rgb(0,0,0);
	-webkit-border-radius: 20px 20px 0px 0!important;
	-ms-border-radius: 20px 20px 0px 0!important;
	-o-border-radius: 20px 20px 0px 0!important;
	border-radius: 20px 20px 0px 0!important;
}

<!-- TABLEAU TARIFS -->.tableau_tarifs
{
	width : 100%;
}

.tableau_tarifs  td
{
	border: 1px dotted #e5e5e5;
}

.tableau_tarifs tbody tr td
{
	text-align: left;
	font-size: 16px;
	font-weight : 600;
	font-family: Arial;
	padding: 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color: #ffffff;
}

.tableau_tarifs td:hover
{
	background-color: #f1f1f1;
}

.tableau_tarifs td a:hover
{
	color: #000000;
	text-decoration: underline;
}

.tableau_tarifs td a
{
	color: #000000;
	text-decoration: none;
}

.column_3
{
	float: left;
	width: 30%;
	margin-right : 2%;
	margin-bottom : 1%;
	border: 2px solid #f4f4f4;
	background-color : #fefefe;
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px;
	border-radius:20px;
}

.column_3:hover
{
	background-color : #f4f4f4;
	box-shadow: 0 4px 15px 0 rgba(100, 100, 100, 0.3);
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px;
	border-radius:20px;
}

.column_1
{
	float: left;
	width: 563px;
	margin-right : 2%;
	border: 2px solid #f4f4f4;
	background-color : #fefefe;
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px;
	border-radius:20px;
}

.column_1:hover
{
	background-color : #f4f4f4;
	box-shadow: 0 4px 15px 0 rgba(100, 100, 100, 0.3);
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px;
	border-radius:20px;
}

.column_4_se_connecter:hover
{
	background-color : #fcfcfc;
}

/* Clear floats after the columns */
.row_3:after
{
	content: "";
	display: table;
	clear: both;
	margin-bottom : 20px;
}

.row_4:after
{
	content: "";
	display: table;
	clear: both;
	margin-bottom : 20px;
}

.nvo_client_bg
{
	background-color : #ffffff;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px)
{
	.column_1
	{
		width: 100%;
	}

	.column_2
	{
		width: 100%;
	}

	.column_4
	{
		width: 100%;
	}

	.column_4_forfaits
	{
		width: 100%;
		margin-bottom : 20px;
		padding: 10px;
		border: 1px solid #e4e4e4;
	}

	.column_4_se_connecter
	{
		width: 100%;
		margin-bottom : 20px;
		padding: 10px;
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		border-left: 0px solid #e4e4e4;
		border-right: 0px solid #e4e4e4;
		margin-left : 0px;
	}

	.column_3
	{
		width: 100%;
		margin-bottom : 20px;
	}

	.nvo_client_iframe
	{
		width : 351px;
	}

	.nvo_client_img
	{
		width : 375px;
	}

	ul#filters
	{
		width : 400px;
		margin-left : 10px;
		margin-right : 10px;
	}

	.row_3
	{
		margin-left : 10px;
		margin-right : 10px;
	}

	.noshow
	{
		display: none;
	}
}

.zone_ci
{
	display: flex;
	flex-flow: row wrap;
}

.ensemble_ci
{
	display: flex;
	flex-flow: row wrap;
	max-width : 932px;
}

.gauche_ci:nth-child(1)
{
	background-color: #f8f8f8;
}

.gauche_ci:nth-child(4)
{
	background-color: #f8f8f8;
}

.partie_image_ci
{
	width: 30%;
}

.partie_texte_ci
{
	width: 65%;
	padding : 10px;
}

.gauche_ci
{
	width: 50%;
}

.droite_ci
{
	width: 50%;
}

.txt_ci
{
	line-height : 27px;
}

.wrapper2_ci
{
	display: flex;
	flex-flow: row wrap;
}

.partie_image_2_ci
{
	width: 40%;
	margin-top : 10px;
}

.partie_texte_2_ci
{
	width: 55%;
	padding : 10px;
}

.img_ci
{
	width: 100%;
	margin: 20px 10px 0px 0px;
	text-align : center;
}

@media screen and (max-width:600px)
{
	.partie_image_ci
	{
		order: 2;
		width: 100%;
	}

	.partie_texte_ci
	{
		order: 1;
		width: 100%;
	}

	.gauche_ci
	{
		order: 1;
		width: 100%;
	}

	.droite_ci
	{
		order: 2;
		width: 100%;
	}

	.partie_image_2_ci
	{
		order: 2;
		width: 100%;
	}

	.partie_texte_2_ci
	{
		order: 1;
		width: 100%;
	}

	.gauche_ci:nth-child(1)
	{
		background-color: #f8f8f8;
	}

	.gauche_ci:nth-child(4)
	{
		background-color: #ffffff;
	}

	.img_ci
	{
		width : 100%;
		margin : 20px 0px 20px 0px;
		text-align : center;
	}

	.droite_ci:nth-child(2)
	{
		background-color: #f8f8f8;
	}
}

@media only screen and (max-width: 767px)
{
	.tableau_tarifs  td
	{
		display: block;
		text-align: left;
		width : 100%;
	}

	.tableau_tarifs tbody td:last-child
	{
		border-bottom: 0;
	}
}

.fraude-alerte_subpage-button_titles
{
	border-top: 1px solid rgba(0, 0, 0, .05);
	margin : 40px 0 20px 0;
}

.fraude_content
{
	font-family: 'Roboto', sans-serif;
	text-align : justify ;
	font-size: 14px;
	line-height : 20px;
	padding: 20px;
}

.fraude-alerte_button_titles
{
	font-size: 26px;
	font-weight : 800;
}

.fraude-alerte_subpage-button_titles
{
	border-top: 1px solid rgba(0, 0, 0, .05);
	margin : 40px 0 20px 0;
	color: #df3535;
	font-size: 18px;
	font-weight: 600;
	padding-top : 15px;
}

.fraude_scenario
{
	width : 10%;
	float : left;
	padding : 20px 20px 0 0;
}

.fraude_alerte
{
	border-width: 1px;
	border-color: #df3535;
	border-radius: 5px;
	background-color : #f7c1c1;
	padding: 20px;
	border-style: solid;
}

#fraude_33700
{
	width: 50%;
	max-width : 500px;
	padding-bottom : 10px;
}

/* default appearance */
article > *
{
	padding: 0 20px 20px 20px;
}

#article > div:nth-child(odd)
{
	background-color: #f2f2f2;
}

#article > div:nth-child(even)
{
	background-color: #e6e6e6;
}

/* Flexbox */
#article
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

@media screen and (min-width: 600px)
{
	#article
	{
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	#article > *
	{
		-webkit-flex: 1;
		flex: 1;
	}

	aside
	{
		-webkit-order: -1;
		order: -1;
	}
}

@media screen and (max-width: 600px)
{
	#article
	{
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	#fraude_exclamation
	{
		font-size: 34px;
		float : left;
		padding : 20px 20px 40px 0;
	}

	#fraude_33700
	{
		width: 100%;
		max-width : 300px;
		padding-bottom : 10px;
	}
}

.alert .widget-button a.button {
    background-color: white;
    border: none;
    padding: 10px 32px;
    text-align: center;
    display: inline-block;
    font-size: 15px !important;
    position: relative;
    right: -800px;
  font-weight: bold;
}
.alert .widget-button a.button span {
    color: #ae011b !important;
   font-size: 15px !important;
}

.alert .widget-button a.button:hover {
    background-color: white;
    border: none;
    padding: 10px 32px;
    text-align: center;
    display: inline-block;
    position: relative;
    right: -800px;
}

<!--- LEXIIIIQUE --->

.lexique-hide{display:none!important}.lexique-show-block,.lexique-show{display:block!important}.lexique-show-inline-block{display:inline-block!important}
.lexique-container-lexique{margin-bottom:20px; padding : 20px; background-color : #e9eded;}
.lexique-container-lettre{margin-bottom:10px; margin-top : 30px;padding-left : 20px; font-size : 22px!important; font-weight : 800; text-align:left;}
@media (max-width:1205px){.lexique-auto{max-width:95%}}
@media (max-width:600px){.lexique-modal-content{margin:0 10px;width:auto!important}.lexique-modal{padding-top:30px}
.lexique-dropdown-hover.lexique-mobile .lexique-dropdown-content,.lexique-dropdown-click.lexique-mobile .lexique-dropdown-content{position:relative}	
.lexique-hide-small{display:none!important}.lexique-mobile{display:block;width:100%!important}.lexique-bar-item.lexique-mobile,.lexique-dropdown-hover.lexique-mobile,.lexique-dropdown-click.lexique-mobile{text-align:center}
.lexique-button{width:100%}}
@media (max-width:768px){.lexique-modal-content{width:500px}.lexique-modal{padding-top:50px}}
@media (min-width:993px){.lexique-modal-content{width:900px}.lexique-hide-large{display:none!important}.lexique-sidebar.lexique-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.lexique-hide-medium{display:none!important}}
@media (max-width:992px){.lexique-sidebar.lexique-collapse{display:none}.lexique-main{margin-left:0!important;margin-right:0!important}.lexique-auto{max-width:100%}}
.lexique-left-align{text-align:left!important}.lexique-right-align{text-align:right!important}.lexique-justify{text-align:justify!important}.lexique-center{text-align:center!important}
.lexique-block{display:block;width:100%}
.lexique-white{color:#000!important;background-color:#ffffff!important; border: 0px solid #e5e5e5!important}
.lexique-white:hover{color:#000!important;background-color:#f5f8fa!important; border: 0px solid #e5e5e5!important}


<!-- FIN LEXIQUE -->

<!-- DEBUT PAGES FORFAITS -->

		.button-forfait
		{
			font-family: 'Roboto', sans-serif;
			border: none;
			color: white;
			padding: 16px 32px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 4px 2px;
			-webkit-transition-duration: 0.4s;
			/* Safari */
			transition-duration: 0.4s;
			cursor: pointer;
		}

		.button-forfait-cm-1
		{
			background-color: white;
			color: #005ea8 !important;
			border: 2px solid #005ea8;
			border-radius: 4px;
		}

		.button-forfait-cm-1:hover
		{
			background-color: #005ea8;
			border: 2px solid white;
			color: white !important;
		}

		.button-forfait-cm-2
		{
			background-color: #005ea8;
			color: white !important;
			border: 2px solid #005ea8;
			border-radius: 4px;
		}

		.button-forfait-cm-2:hover
		{
			background-color: white;
			border: 2px solid #005ea8;
			color: #005ea8 !important;
		}

		.button-forfait-cic-1
		{
			background-color: white;
			color: #ee6127 !important;
			border: 2px solid #ee6127;
			border-radius: 4px;
		}

		.button-forfait-cic-1:hover
		{
			background-color: #ee6127;
			border: 2px solid white;
			color: white !important;
		}

		.button-forfait-cic-2
		{
			background-color: #ee6127;
			color: white !important;
			border: 2px solid #ee6127;
			border-radius: 4px;
		}

		.button-forfait-cic-2:hover
		{
			background-color: white;
			border: 2px solid #ee6127;
			color: #ee6127 !important;
		}

		.button-forfait-at-1
		{
			background-color: white;
			color: #2fa777 !important;
			border: 2px solid #2fa777;
			border-radius: 4px;
		}

		.button-forfait-at-1:hover
		{
			background-color: #2fa777;
			border: 2px solid white;
			color: white !important;
		}

		.button-forfait-at-2
		{
			background-color: #2fa777;
			color: white !important;
			border: 2px solid #2fa777;
			border-radius: 4px;
		}

		.button-forfait-at-2:hover
		{
			background-color: white;
			border: 2px solid #2fa777;
			color: #2fa777 !important;
		}

		.button-forfait-nrj-1
		{
			background-color: white;
			color: #F64A62 !important;
			border: 2px solid #F64A62;
			border-radius: 4px;
		}

		.button-forfait-nrj-1:hover
		{
			background-color: #F64A62;
			border: 2px solid white;
			color: white !important;
		}

		.button-forfait-nrj-2
		{
			background-color: #F64A62;
			color: white !important;
			border: 2px solid #F64A62;
			border-radius: 4px;
		}

		.button-forfait-nrj-2:hover
		{
			background-color: white;
			border: 2px solid #F64A62;
			color: #F64A62 !important;
		}


		.page-forfait-navbar
		{
			display: flex;
			background-color: #f8f8f8;
			font-family: 'Roboto', sans-serif;
			justify-content: center;
			align-items: center;
			align-items: stretch;
		}

		.page-forfait-navbar a
		{
			color: black;
			padding: 10px;
			text-decoration: none;
			text-align: center;
			width : 95%;
			justify-content: center;
			display: flex;
			align-items: center;
		}

		.page-forfait-navbar a:hover
		{
			background-color: #ddd;
			color: black;
			font-weight : bold;
		}

		.page-forfait-row
		{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}

		.page-forfait-side-bloc-1
		{
			flex: 17%;
			padding: 10px;
			margin-top : 60px;
		}

		.page-forfait-side
		{
			flex: 17%;
			padding: 10px;
		}

		.page-forfait-side2
		{
			flex: 17%;
			padding: 10px;
		}

		.page-forfait-main
		{
			flex: 70%;
			padding: 20px;
		}

		.page-forfait-fakeimg_1
		{
			width : 100%;
			max-width : 200px;
			max-height : 280px;
			display: block ;
			margin: 0 auto;
		}

		.page-forfait-fakeimg_2
		{
			display: block ;
			margin: 0 auto;
		}

		.page-forfait-fakeimg_3
		{
			width : 60%;
			display: block ;
			margin: 0 auto;
		}

		.page-forfait-fakeimg_4
		{
			max-width : 200px;
			display: block ;
			margin: 0 auto;
		}

		.page-forfait-fakeimg_2-a
		{
			width : 50%;
		}

		.page-forfait-button_forfait
		{
			border: none;
			color: #ffffff;
			padding: 14px 28px;
			font-size: 16px;
			cursor: pointer;
			margin-top : 20px;
		}

		.page-forfait-emphases
		{
			font-family: 'Roboto', sans-serif;
			font-size: 16px;
			font-weight : bold;
		}

		.page-forfait-mobile
		{
			display : none;
		}

		.page-forfait-li
		{
			font-family: 'Roboto', sans-serif;
			line-height : 20px;
			margin-top : 20px;
		}

		@media screen and (max-width: 700px)
		{
			.exemple-a-supprimer
			{
				width : 100%;
			}

			.page-forfait-row, .page-forfait-navbar
			{
				flex-direction: column;
							margin-top : 20px;
			margin-bottom : 20px;

			}

			.page-forfait-side
			{
				order : 2;
				text-align : center;
				padding : 0;
				margin-top : 0;
			}

			.page-forfait-side2
			{
				order : 2;
				text-align : center;
				padding : 0;
				margin-top : 0;
			}

			.page-forfait-side-bloc-1
			{
				order : 2;
				text-align : center;
				padding : 0;
				margin-top : 0;
			}

			.page-forfait-main
			{
				order : 1;
			}

			.page-forfait-li
			{
				margin-left : -10px;
			}

			.page-forfait-fakeimg_1
			{
				width : 90%;
				max-width : 450px;
				display: inline ;
				padding: 0;
			}

			.page-forfait-fakeimg_2
			{
				display: inline ;
				margin-top : 10px;
				margin-bottom : 20px;
			}

			.page-forfait-fakeimg_3
			{
				width : 47%;
				display: inline ;
				margin: 0 auto;
				margin-bottom : 20px;
			}

			.page-forfait-fakeimg_4
			{
				width : 80%;
				display: inline ;
				margin: 0 auto;
				margin-bottom : 20px;
				padding-top : 10px;
				padding-bottom : 10px;
			}

			.page-forfait-fakeimg_1-2_centre
			{
				margin-left : 0px;
			}

			.page-forfait-button_spc_top
			{
				margin-top : 30px;
			}

			.page-forfait-button_forfait
			{
				padding-top : 20px;
				display: block ;
				margin: 0 auto;
				text-align : center;
			}

			.page-forfait-desktop
			{
				display : none;
			}

			.page-forfait-mobile
			{
				display : block;
			}

			.page-forfait-fakeimg_2-a
			{
				width : 18%;
			}


			.button-forfait
			{
			width : 70%;
			display: block ;
			margin: 0 auto;
			}

		}

<!-- FIN PAGES FORFAITS -->