/* DEBUT page Fermeture des apps */
.etape
{
	padding : 6px 8px!important;
	font-size : 12px!important;
	font-weight : 600;
	color : #004f85!important;
	background-color : white!important;
	display: inline-block;
}

.stop-app
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-end;
	gap : 10px;
	padding : 16px;
}

.stop-app-item
{
	width: calc(50% - 20px);
	margin-bottom: 20px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	max-width : 260px;
}

.stop-app-image
{
	width: 100%;
	height: auto;
	margin-bottom : -5px!important;
}

.stop-app-image > img
{
	max-width : 260px;
	border : 1px solid #D5E3E4;
	padding-left : 0px!important;
	border-top-left-radius : 8px!important;
	border-top-right-radius : 8px!important;
}

.stop-app-texte
{
	border : 1px solid #D5E3E4;
	border-top : 0;
	width: 100%;
	height : min-170px;
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #e7ebee;
	box-sizing: border-box;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	min-height : 160px;
}

@media screen and (max-width: 600px)
{
	
	.stop-app-item
	{
	width : 270px;
	}
	
	.stop-app-image > img
	{
		width : 270px;
	}
	
	
	}
	/* FIN page Fermeture des apps */


			/* DEBUT page CGU */
			.page_CGU
			{
				margin-top: 30px;
				border: 1px solid #CDD6E8;
				border-radius: 8px;
				padding: 16px;
			}
			
			
			.page_CGU_section > p:first-child
			{
				margin-top: 0px;
			line-height : 1.7 rem;
			}
			
			.page_CGU_section > p
			{
				margin-top: 20px;
			line-height : 1.7 rem;
			}
			
			.page_CGU_section > ul{
			  list-style: inside;!important;
			}
			
			/* FIN page CGU */	
	
			/* DEBUT style bloc aide au diagnostic */
			.aad_content
			{
				margin-top: 60px;
				border: 1px solid #CDD6E8;
				border-radius: 8px;
				padding: 16px;
			}

			.aad_block
			{
				text-align: center;
				padding: 20px 40px;
				border: 1px solid rgba(205, 214, 232, 0.2);
				border-radius: 8px;
				background-color: #F8F9FB;
			}

			.aad_block>p
			{
				font-size: 16px !important;
				line-height: 44px;
				color: #595959;
			}

			.aad_cta
			{
				font-size: 1.125rem !important;
				font-weight: bold;
				line-height: 1.75rem;
				color: #22538D !important;
				text-decoration: none;
				background-color: white;
				border-radius: 12px;
				border: 1px solid #22538D;
				padding: 16px 34px;
			}

			.aad_cta:hover
			{
				color: #22538D !important;
				background-color: #fcfcfc;
				border: 1px solid #22538D;
			}

			/* FIN style bloc aide au diagnostic */


.aed_diagnostic
{
	margin-top : -30px!important;
}

@media screen and (max-width: 600px)
{
.aed_diagnostic
{
	margin-top : -50px!important;
	margin-left : 20px;
	margin-right : 20px;
	padding-top : -20px!important;

}
}

	.aed_container
	{
		background-color: #F0F6FD;
		color: #31417c;
		padding: 20px;
		border-radius: 15px;
		margin-bottom : 40px;
		border: 1px solid #31417c0f!important;
	}

	.aed_title
	{
		line-height : 30px;
	}

	.aed_flex
	{
		display: flex;
		align-items: center;
	}

	.aed_picto
	{
		flex: 1;
		margin-right : 20px;
		max-width: 50px;
	}

	.aed_text
	{
		width: 100%;
		font-size : 16px;
	}

	.aed_button
	{
		min-width: 105px;
		border : 1px solid rgba(49, 65, 124, 0.4);
		background-color : white;
		padding : 10px 20px;
		color : #31417c!important;
		border-radius : 5px;
		font-weight : 600;
		font-size : 18px!important;
		text-align : center;
		text-decoration : none;
		display : inline-block;
	}

	.aed_button:hover
	{
	}

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

		.aed_text
		{
			margin-top:  5px;
			margin-bottom: 15px;
		}
		
		

	.aed_button
	{
		min-width: 300px;
	}

	}
#parametrage_mobiles
{
	font-size : 16px; display: inline;
}


.rappel-box
{
	border  : 1px solid  #ffd380;
	background-color : #ffe7b9;
	border-radius : 8px;
	letter-spacing : 0.5px;
	padding : 20px 20px 10px 20px;
	margin-bottom : 30px;
}
.tab_title
{
	text-transform : uppercase;
	letter-spacing : 2px;
	padding : 20px!important;
}

#remonter
{
	text-transform : uppercase;
	letter-spacing : 2px;
	margin : 30px;
}

.flex-container
{
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

@media screen and (max-width: 768px)
{

	.flex-container
	{
		flex-direction: column;
	}
}

.faq_2831598
{
	display: flex;
	justify-content: center;
	gap : 30px;
	list-style: none;
	background: #E5E5E5;
	padding: 10px 16px;
	margin: 0 0 10px;
}

.faq_2831598 li
{
	list-style: none!important;
}

@media only screen and (max-width: 600px)
{
	

	.faq_2831598
	{
		flex-direction: column;
		justify-content: space-between;
		margin-left : 10px!important;
		text-align: left!important;
		gap : 10px;
		padding-left : 0;
		border-radius : 5px;
	}
}

/* BLOC FICHES 2717009 */
.container2717009
{
	display: flex;
	flex-direction: row;
	gap : 10px;
	justify-content: center;
	margin-bottom :  20px ;
}

.container2717009 > div
{
	flex-basis: 33%;
	flex-grow: 0;
}

.container2717009_fiche
{
	list-style-position: inside;
	padding-left : 10px!important;
	line-height : 25px;
}

.container2717009_fiche > li:first-child
{
	list-style : none!important;
	margin-bottom :  10px ;
	text-align : center;
	font-weight : bold;
	font-size : 20px;
	background-color : #eeeeee;
	padding : 15px!important;
}

@media only screen and (max-width: 600px)
{
	.container2717009
	{
		flex-direction:column;
	}
}

.container27170092
{
	display: flex;
	flex-direction: row;
	gap : 10px;
	justify-content: center;
	margin-bottom :  20px ;
}

.container27170092 > div
{
	flex-basis: 50%;
	flex-grow: 0;
}

@media only screen and (max-width: 600px)
{
	.container27170092
	{
		flex-direction:column;
	}
}

/* FIN BLOC FICHES 2717009 */
.page_5G_picto
{
	margin : 0 auto;
	width : 110px;
	.display : block;
}

.page_5G_h3
{
	line-height: 35px!important;
	font-family: 'Roboto', sans-serif!important;
	font-size: 18px!important;
	text-decoration : none;
	text-align : center;
	font-weight: 600!important;
	color : #172b3a;
	padding-top : 15px!important;
	padding-bottom : 15px!important;
	display : block;
}

.video_youtube
{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.video_youtube iframe
{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

h2 a
{
	line-height : 26px!important;
}

.sur_meme_theme_box
{
	background-color : #f5f5f5;
	padding : 20px;
	border-radius : 5px;
}

ul.sur_meme_theme  a
{
	color : #0099cc!important;
	text-decoration : underline!important;
}

@media screen and (max-width: 600px)
{
	.page_forfait_contenu
	{
		display : none;
	}

	.marge_tableau_plus_5g
	{
		height : 0!important;
	}

	.marge_tableau_5G
	{
		margin-left : 0!important;
		width : 100%!important;
		max-width : 340px;
	}

	.marge_tableau_benefice_5g
	{
		margin-left : 10px!important;
		margin-right : 10px!important;
	}
}

.page_forfait_contenu
{
	width: 100%;
	max-width: 932px;
	height: 220px;
	background: linear-gradient(90deg, rgba(229,86,36,1) 0%, rgba(255,77,16,1) 50%, rgba(229,86,36,1) 100%);
	position: relative;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.page_forfait_logo
{
	position : absolute;
	left : 50px;
}

.page_forfait_box
{
	position : absolute;
	right : 50px;
	bottom : 0;
}

.page_forfait_texte
{
	position : absolute;
	left : 50px;
	top : 125px;
}

.bouton_remonter
{
	position: fixed;
	bottom: 20px;
	right : 20px;
	z-index : 9999;
}

ul.chaine_tv_menu li
{
	display : inline-block;
}

ul.chaine_tv_menu a
{
	display : inline-block;
	border : 1px solid #d7d7d7;
	border-radius : 15px;
	padding : 5px 15px 5px 15px;
	margin-bottom : 10px;
	color : #000000;
	text-decoration : none;
}

ul.chaine_tv_menu a:hover
{
	color : #0099cc;
	border : 1px solid #0099cc;
	background-color : #f9f9f9;
}

.chaine_tv_bloc
{
	border : 1px solid #d7d7d7;
	border-radius : 5px;
	padding : 10px;
	margin-bottom : 20px;
}

.chaine_tv_titre
{
	border-bottom : 1px solid #d7d7d7;
	font-weight : 600;
	padding-bottom : 10px;
	font-size : 20px!important;
}

.chaine_tv_numero
{
	border: 1px solid #d7d7d7;
	border-radius : 5px;
	padding : 5px;
	color: #585858;
	font-weight : 0px!important;
	margin-right: 10px;
}

.chaine_tv_contenu
{
	padding : 20px;
}

.chaine_tv_logo
{
	margin : auto;
	vertical-align: middle;
	width : 40px;
	margin-right : 35px;
	float : left;
}

.chaine_tv_menu
{
	display : inline-block;
	border : 1px solid #3f3f3f;
	border-radius : 15px;
	padding : 5px 15px 5px 15px;
	margin-bottom : 10px;
}

@media screen and (max-width: 600px)
{
	.chaine_tv_logo
	{
		display : block;
	}
}

.rmcsport_titre
{
	font-weight : 600;
	font-size : 16px!important;
	margin-bottom : 20px;
}

.rmcsport_sous_titre
{
	font-style: italic!important;
	margin-bottom : 20px;
}

.rmcsport_img
{
	max-width : 200px;
}

@media screen and (max-width: 600px)
{
	.rmcsport_img
	{
		max-width : 100px;
	}
}

.demenagement_bloc
{
	padding : 20px;
	border-radius : 10px;
	border : 1px solid #e5e5e5;
	text-align : right;
}

.demenagement_bloc:hover
{
	box-shadow: 0 12px 23px rgba(0, 0, 0, 0.023), 0 10px 10px rgba(0, 0, 0, 0.09);
}

.demenagement_numero
{
	float: left !important;
	color: #0076a3 !important;
	font-size: 50px !important;
	font-weight : 600;
	padding : 5px;
	padding-right : 20px!important;
	height: 30px !important;
	margin: auto !important;
	margin-top : 10px!important;
	width: 40px !important;
}

.covid_column_width
{
	column-width: 300px!important;
}

.h2_covid
{
	font-size : 16px;
	font-weight : 600;
	padding-bottom : 20px;
	margin-top : 0px!important;
	border-bottom: 2px solid #d9d9d9;
	" style="border-bottom : none;
}

.bouton
{
	padding: 15px;
	font-size : 14px;
	justify-content: center;
	border-radius: 5px;
	text-decoration: none;
	width: 100%;
	text-align: center;
	display: block;
}

.bouton_1
{
	border: 1px solid #015da6;
	background-color: #015da6;
	color: #ffffff!important;
}

.bouton_1:hover
{
	background-color : #ffffff;
	border : 1px solid #015da6;
	color : #015da6!important;
}

.bouton_2
{
	background-color : #ffffff;
	border : 1px solid #ee0000;
	color : #ee0000;
}

.bouton_2:hover
{
	border: 1px solid #ee0000;
	background-color: #ee0000;
	color: #ffffff;
}

.covid_container
{
	border-radius : 10px;
}

#covid_menu_index
{
	display: flex;
	background-color: #f2f2f2;
	font-family: 'Roboto', sans-serif;
	justify-content: center;
	align-items: center;
	border-bottom-left-radius: 15px ;
	border-bottom-right-radius: 15px ;
	margin-bottom : 20px;
	margin-top : 0px!important;
}

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

#covid_menu_index a:hover
{
	background-color: #ffffff;
	color: #ee0000;
	font-weight : bold;
}

.covid_bubble
{
	background-color: #f9f9f98a;
	border : 4px solid #d9d9d9;
	border-radius : 4px;
	padding : 20px;
	margin-bottom : 20px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.covid_macon
{
	columns: 3;
}

@media screen and (max-width: 650px)
{
	#covid_logo > div
	{
		left : 5%;
	}

	#covid_connexion > div
	{
		right : 30px;
	}

	.covid_macon
	{
		columns: 1;
	}

	#covid_menu_index
	{
		flex-direction: column;
		margin-top : 20px;
		margin-bottom : 20px;
		position : relative;
	}
}

.brand-category a
{
	color : #0099CC!important;
	text-decoration : underline!important;
	font-weight : 0!important;
}

.image
{
	text-align : center;
}

.fiche_numerote
{
	border-radius : 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	padding : 50px 20px 20px 20px;
	margin-top : 0px;
	position : relative;
	color : #2a363e;
	text-align : justify;
	background-color : #ffffff;
}

.fiche_numerote_bulle
{
	position : absolute;
	left : 70px;
	top : -20px;
	width: 55px;
	height: 55px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 50%;
}

.fiche_numerote_bulle_p
{
	font-size : 30px!important;
	margin-left : 20px!important;
	margin-top : 20px!important;
	font-weight : 600!important;
	color : #9eb0bc!important;
}

@media screen and (max-width: 600px)
{
	.fiche_numerote
	{
		margin : 50px 0 10px 0px;
	}

	.accordeon_asmob
	{
		width: 100%!important;
		margin : 10px 0 0 0!important;
	}

	.accordeon_texte
	{
		padding : 0!important;
		margin : 0!important;
	}
}

.accordeon_texte
{
	padding : 20px 10px 10px 10px!important;
	margin : -10px 20px 10px 20px!important;
}

.accordeon_asmob
{
	background-color: #eee!important;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 97%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border : none!important;
	margin : 0 20px 10px 20px;
}

.active, .accordeon_asmob:hover
{
	background-color: #ccc!important;
}

.accordeon_asmob:after
{
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.active:after
{
	content: "\2212";
}

.accordeon_panneau
{
	padding: 0;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

h2
{
	font-weight : 600;
	text-decoration : none!important;
}

.t_rsp tr:hover
{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* BORDURE PREMIERE LIGNE */
.t_rsp_thead  th:first-child
{
	border : none;
}

.t_rsp_thead  th
{
	background-color : #ffffff;
}

.t_rsp_thead  th:nth-of-type(2)
{
	border-top-left-radius : 10px;
}

.t_rsp_thead  th:last-child
{
	border-top-right-radius : 10px;
}

/* BORDURE DEUXIEME LIGNE */
.t_rsp  tr:first-child>td:first-child
{
	border-top-left-radius : 10px;
}

/* BORDURE DERNIERE LIGNE */
.t_rsp  tr:last-child>td:first-child
{
	border-bottom-left-radius : 10px;
}

.t_rsp  tr:last-child>td:last-child
{
	border-bottom-right-radius : 10px;
}

.t_rsp  tr:nth-of-type(odd)
{
	background-color : #e4f0f0;
}

.img_app
{
	width: 100%;
	max-width : 135px;
	padding : 0!important;
}

.t_rsp
{
	width: 100%;
}

.t_rsp td
{
	text-align: center;
	border: solid 1px #ccc;
	font-size: 14px;
	padding: 6px;
	word-wrap: break-word;
}

.t_rsp_thead  th
{
	text-align: center;
	border: solid 1px #ccc;
	font-size: 14px;
	padding: 6px;
	word-wrap: break-word;
}

.t_rsp td:first-child
{
	font-weight: bold;
	color: black;
}

.t_rsp_thead  th:first-child,
{
	font-weight: bold;
	color: black;
}

.tableau_rnsif3  th:nth-of-type(2)
{
	border-bottom-right-radius : 10px;
}

@media screen and (max-width: 768px)
{
	.t_rsp  tr:nth-of-type(odd)
	{
		background-color : transparent;
	}

	.t_rsp  tr:first-child>td:first-child
	{
		border-top-left-radius : 0px;
	}

	.t_rsp  tr:last-child>td:nth-of-type(2)
	{
		border-bottom-left-radius : 10px;
	}

	.t_rsp  tr:last-child>td:last-child
	{
		border-bottom-right-radius : 10px;
	}

	.t_rsp  tr:last-child>td:first-child
	{
		border-bottom-left-radius : 0;
	}

	.img_app
	{
		width: 100%;
	}

	.t_rsp tr
	{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
	}

	.t_rsp_tbody td
	{
		display: block;
		width: 33%;
		font-size: 16px;
	}

	.t_rsp_thead th
	{
		display: block;
		width: 33%;
		font-size: 16px;
	}

	.t_rsp_thead th:nth-of-type(3)
	{
		background: #e4f0f0;
	}

	.t_rsp td:nth-of-type(3)
	{
		background: #e4f0f0;
	}

	.t_rsp td:first-child
	{
		background: #f2f2f2;
		width: 100%;
	}

	.t_rsp_thead  th:first-child
	{
		display: none;
	}
}

sup
{
	vertical-align: super;
	font-size: 9px!important;
}

.bloc_sav
{
	padding : 20px;
	border-radius : 10px;
	border : 1px dotted #cecece;
	margin-bottom : 20px;
	background-color : #f9f9f9;
}

.bloc_sav:hover
{
	background-color : #d5e3e4;
	color : #ffffff!important;
	font-weight : 600;
}

#page-forfait-logo
{
	width : 280px;
	position : absolute;
	left: 30px;
	top : 0;
}

#page-forfait-logo-visuel
{
	width : 280px;
	padding : 20px;
	position : absolute;
	top : 20px;
	right: 60px;
}

@media screen and (max-width: 600px)
{
	#page-forfait-logo
	{
		width : 100%;
		padding : 0!important;
		margin: 0 auto;
		position : static;
		left : auto;
		top : auto;
		border: 2px solid #2472b4;
	}

	#page-forfait-logo-visuel
	{
		max-width : 210px!important;
		max-height: 140px!important;
		padding : 0!important;
		margin: 0 auto;
		position : static;
		left : auto;
		top : auto;
	}
}

.titre_banniere_page_forfait
{
	margin : 0!important;
	font-size : 36px!important;
	line-height : 50px;
	color : #ffffff;
	text-shadow:2px 2px 0 #5c96c7, -1px -1px 0 #0961aa, 1px -1px 0 #1b97ff, -1px 1px 0 #949494, 1px 1px 0 #005ba7;
	;
	font-family : roboto;
	text-transform : uppercase;
	position : absolute;
	left: 50px;
	top : 100px;
}

.page_cookie_fiche
{
	background-color : #ffffff;
	border-radius : 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border: 1px solid #fafafa4a;
	padding : 20px;
	margin-bottom : 20px;
}

.titre_tarifs_cgs
{
	font-weight : 600;
	font-size : 30px!important;
	padding: 0px 0px 20px 0px!important;
	margin-top : -30px!important;
}

.tableaux_bdt > li
{
	list-style : none!important;
}

.li_inside
{
	list-style : none!important;
	padding : 10px!important;
	margin : 10px 0 10px 0!important;
	border : 1px solid #FFFFFF;
}

.li_inside:hover
{
	border-color : #dadada;
	border-radius : 10px;
}

.li_inside:nth-child(odd)
{
	background-color: #f5f6f6;
	border-radius : 8px;
}

.tableaux_bdt > li:first-child
{
	list-style : none!important;
	margin : 5px 10px 0px 0px;
	border : 1px solid#d4d4d4;
	border-radius : 8px;
	padding : 15px!important;
	width : 100%;
}

.tableaux_bdt > li:first-child:before
{
	content: "Actuellement : ";
	color : #6a7d7f;
}

.cgs_bouton_marque
{
	max-width : 200px!important;
}

.cgs_onglet_entreprise
{
	height:200px;
	margin-top : 50px;
}

.onglet__content > div
{
	justify-content: space-evenly!important;
}

.cgs_tag_forfait_offre > a:hover
{
	text-decoration : none!important;
}

@media screen and (max-width: 600px)
{
	.cgs_bouton_marque
	{
		max-width : none;
	}

	.cgs_tag_forfait_offre
	{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 30px;
		padding-top: 15px;
	}

	.cgs_tag_forfait_offre:nth-last-of-type
	{
		border: none;
	}

	.cgs_onglet_entreprise
	{
		height:100%;
		margin-top : auto;
	}

	.cgs_bouton_marque
	{
		max-width : inherit!important;
	}
}

.centrer
{
	display: flex;
	justify-content: center;
	align-items: center;
}

/* default appearance */
.flex_multiple > div
{
	margin-right : 20px;
}

/* Flexbox */
.flex_multiple
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: flex-start!important;
}

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

	.flex_multiple > *
	{
		-webkit-flex: 1;
		flex: 1;
	}
}

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

	.flex_multiple > div
	{
		margin-right : 0;
		margin-bottom : 10px;
	}
}

#yui-main
{
	border-radius : 15px!important;
}

.page-parametrage-index
{
	width : 100%;
	max-width : none!important;

}


.page-parametrage
{
padding : 20px;
border-top:    1px solid #E5E5E5;
border-right:  1px solid #E5E5E5;
border-bottom: 0px solid #E5E5E5;
border-left:   1px solid #E5E5E5;
}


.page-parametrage:nth-child(even)
{
	background-color : #fcfcfc;
}

.page-parametrage:hover
{
	background-color : #ffffff!important;
border-color : #333333;

border-bottom: 1px solid #333333;
}

.page-parametrage a
{
	font-size : 16px!important;
	display:block;
	width:100%;
	height:100%;
}

.lexique_texte
{
	padding: 10px 0px 10px!important;
	font-size: 18px!important;
}

.lexique_li
{
	list-style-type: none;
	padding: 0 0 20px 0;
	margin-bottom : 20px;
}

.bouton_etape_petit
{
	min-width: 25px;
	background: #f2f2f2;
	border-radius: 1.8em!important;
	-moz-border-radius: 1.8em!important;
	-webkit-border-radius: 1.8em!important;
	color: #000000;
	display: inline-block;
	font-weight: bold;
	line-height: 2.5em!important;
	margin-right: 5px;
	text-align: center;
	width: 25px;
	font-size: 10px!important;
	margin-left: 10px;
}

.table_style_apps
{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 15px;
	background-color: #f9f9f942;
	margin: 0px auto;
}

.titre
{
	background: linear-gradient(#ffffff00, #ffffff, #f2f2f2)!important;
}

.bloc_marque_ensemble2
{
	display: flex;
	margin: auto;
	background-color : #f9f9f9!important;
}

.bloc_marque_2
{
	-webkit-transition: 0.3s box-shadow ease!important;
	transition: 0.3s box-shadow ease!important;
	border-radius: 6px!important;
	background: linear-gradient(#ffffff, #ffffff, #f2f2f2)!important;
	border : 1px solid #d4d4d4!important;
	text-align: center!important;
	padding: 20px!important;
	margin : 10px;
	font-color : #666666!important;
	font-weight : bold!important;
	text-transform : uppercase;
	flex:1;
}

.bloc_marque_2:hover
{
	border-color: #b4b4b4;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px)
{
	.bloc_marque_ensemble2
	{
		flex-direction: column;
	}
}

.bloc_marque_ensemble
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 10px;
}

.bloc_marque_a
{
	background: #f2f2f2;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #004f85;
	text-decoration: none;
	display:block;
	padding : 10px;
}

.bloc_marque:hover
{
	border-color: #b4b4b4;
}

.bloc_marque
{
	-webkit-transition: 0.3s box-shadow ease;
	transition: 0.3s box-shadow ease;
	border-radius: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	list-style: none;
	background: linear-gradient(#ffffff, #ffffff, #f2f2f2)!important;
	border : 1px solid #d4d4d4;
	max-width : 300px;
	display: block ;
	width : 100%;
	height : 100%;
	margin : 10px;
}

@media screen and (max-width: 700px)
{
	.table_style_apps
	{
		box-shadow: none;
		background-color: transparent ;
	}
}

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

	.bloc_marque_ensemble2
	{
		-webkit-flex-direction: row;
		flex-direction: row;
	}
}

@media screen and (max-width: 600px)
{
	.bloc_marque
	{
		width : 90%;
	}
}

.titre2
{
	font-size : 16px!important;
	padding : 10px;
	margin-bottom : 20px;
	background-color : #f2f2f2!important;
	font-weight : bold!important;
	display: inline-block!important;
	border-radius : 5px;
}

.titre3
{
	font-size : 14px!important;
	padding : 10px;
	margin-bottom : 20px;
	background-color : #f9f9f9!important;
	font-weight : bold!important;
}

.bouton_etape2
{
	min-width: 25px!important;
	border-radius: 1.8em!important;
	-moz-border-radius: 1.8em!important;
	-webkit-border-radius: 1.8em!important;
	display: inline-block!important;
	font-weight: bold!important;
	line-height: 2.5em!important;
	margin: 5px!important;
	text-align: center!important;
	width: 25px!important;
	font-size: 10px!important;
	background-color : #f2f2f2!important;
}

.message_alerte
{
	border-width: 1px;
	border-color: #df3535;
	border-radius: 5px;
	background-color : #f7c1c1;
	padding: 20px!important;
	border-style: solid;
	line-height : 20px!important;
	margin : 20px;
}

.message_info
{
	border-width: 1px;
	border-color: #ffe7a3;
	border-radius: 5px;
	background-color : #fff8e5ff;
	padding: 20px!important;
	border-style: solid;
	line-height : 20px!important;
}

.message_liens_theme
{
	border-width: 1px;
	border-color: #e5e5e5;
	border-radius: 5px;
	background-color : #f9f9f9;
	padding: 20px!important;
	border-style: solid;
	line-height : 20px!important;
}

.page-forfaits-list
{
	display: flex;
	flex-wrap: wrap;
}

.page-forfaits-list-content
{
	background-color: #fff;
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: 10px;
	-webkit-transition: width 2s, height 4s;
	/* For Safari 3.1 to 6.0 */
	;
	border : 3px solid #f2f2f2;
	z-index : 0;
	padding : 20px;
}

.page-forfaits-list-content:hover
{
	position: relative;
	transform: scale(1.05);
	z-index : 2;
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	box-shadow:  none;
}

.page-forfaits-list-content-nrj:hover
{
	border : 3px solid #ee0000!important;
}

.page-forfaits-list-content-at:hover
{
	border : 3px solid #2fa777!important;
}

.page-forfaits-list-content-cic:hover
{
	border : 3px solid #ee6127!important;
}

.page-forfaits-list-content-cm:hover
{
	border : 3px solid #015DA6!important;
}

.page-forfaits-list-item
{
	display: flex;
	padding: 0em!important;
	width: 100%;
}

@media all and (min-width: 40em)
{
	.page-forfaits-list-item
	{
		width: 50%;
	}
}

@media all and (min-width: 60em)
{
	.page-forfaits-list-item
	{
		width: 33.33%;
	}
}

@media screen and (max-width: 600px)
{
	.page-forfaits-list-content
	{
		padding : 9px!important;
	}
}

.td-vertical-top
{
	display: table-cell!important;
	vertical-align: top!important;
}

.td-vertical-middle
{
	display: table-cell!important;
	vertical-align: middle!important;
}

.bouton_generique
{
	color: #000000!important;
}

.bouton_etape
{
	min-width: 35px!important;
	border-radius: 1.8em!important;
	-moz-border-radius: 1.8em!important;
	-webkit-border-radius: 1.8em!important;
	display: inline-block!important;
	font-weight: bold!important;
	line-height: 2.5em!important;
	margin-right: 5px!important;
	text-align: center!important;
	width: 35px!important;
	background: #d5e3e4!important;
}

.bouton_forfait
{
	padding : 15px!important;
	display : inline-block;
	border-radius: 4px;
	margin-top : 15px;
	margin-bottom : 15px;
	text-align : center;
}

.bouton_cm_1
{
	background-color: #005ea8;
	color: #ffffff!important;
	border: 2px solid #005ea8;
}

.bouton_cm_1:hover
{
	background-color: #ffffff;
	border: 2px solid #005ea8;
	color: #005ea8 !important;
}

.bouton_cm_2
{
	background-color: #ffffff;
	color: #005ea8!important;
	border: 2px solid #005ea8;
}

.bouton_cm_2:hover
{
	background-color: #005ea8;
	border: 2px solid #ffffff;
	color: #ffffff!important;
}

.bouton_cic_1
{
	background-color: #ee6127;
	color: #ffffff!important;
	border: 2px solid #ee6127;
}

.bouton_cic_1:hover
{
	background-color: #ffffff;
	border: 2px solid #ee6127;
	color: #ee6127!important;
}

.bouton_cic_2
{
	background-color: #ffffff;
	color: #ee6127!important;
	border: 2px solid #ee6127;
}

.bouton_cic_2:hover
{
	background-color: #ee6127;
	border: 2px solid #ffffff;
	color: #ffffff!important;
}

.bouton_nrj_1
{
	background-color: #ee0000;
	color: #ffffff!important;
	border: 2px solid #ee0000;
}

.bouton_nrj_1:hover
{
	background-color: #ffffff;
	border: 2px solid #ee0000;
	color: #ee0000!important;
}

.bouton_nrj_2
{
	background-color: #ffffff;
	color: #ee0000!important;
	border: 2px solid #ee0000;
}

.bouton_nrj_2:hover
{
	background-color: #ee0000;
	border: 2px solid #ffffff;
	color: #ffffff!important;
}

.bouton_at_1
{
	background-color: #2fa777;
	color: #ffffff!important;
	border: 2px solid #2fa777;
}

.bouton_at_1:hover
{
	background-color: #ffffff;
	border: 2px solid #2fa777;
	color: #2fa777!important;
}

.bouton_at_2
{
	background-color: #ffffff;
	color: #2fa777!important;
	border: 2px solid #2fa777;
}

.bouton_at_2:hover
{
	background-color: #2fa777;
	border: 2px solid #ffffff;
	color: #ffffff!important;
}

.p14-roboto
{
	font-family: 'Roboto', sans-serif;
	line-height: 24px!important;
	font-size: 14px!important;
}

.p16-roboto
{
	font-family: 'Roboto', sans-serif;
	line-height: 27px!important;
	font-size: 16px!important;
}

@media screen and (max-width: 600px)
{
	.colonne-rangee
	{
		display: flex;
		flex-direction: row!important;
		order : 2;
	}

	.img-bloc1-forfaits
	{
		max-width : 65px!important;
	}

	.bouton_forfait
	{
		width : 100%;
	}

	.bouton_etape
	{
		min-width: 25px!important;
		margin-right : 5px!important;
		width : auto;
		margin-left : 0px!important;
		font-size : 10px!important;
		width : 25px!important;
	}

	.bouton_generique
	{
		border : 0!important;
	}

	.p16-roboto
	{
		font-family: 'Roboto', sans-serif;
		line-height: 20px!important;
		font-size: 16px!important;
	}

	.r-padding
	{
		padding : 0px!important;
	}
}

.colonne-rangee
{
	display: flex;
	flex-direction: column;
}

.img-bloc1-forfaits
{
	max-width : 65px!important;
	padding : 0!important;
}

.tag-forfaits
{
	margin-top: 20px;
	display: inline-block;
	background-color: #ffffff;
	padding: 8px;
	border: solid 1px #dadada;
	margin-right: 10px;
	white-space: nowrap;
	font-size: 12px!important;
	text-transform : uppercase;
	line-spacing : 2px;
}

.tag-forfaits:hover
{
	background-color: #f7f7f7;
	text-decoration : none!important;
	border-color: #b4b4b4;
}

.forfait_hr
{
	border-top: 0.001em solid #e4e4e4;
}

.box-container-forfaits
{
	-webkit-transition: 0.3s box-shadow ease;
	transition: 0.3s box-shadow ease;
	border-radius: 6px;
	max-width: 100%;
	max-height : 65px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	list-style: none;
	background-color: #fff;
	border : 1px solid #d4d4d4;
	display: block ;
	margin-top: 20px;
	padding: 10px!important;
}

.box-container-forfaits:hover
{
	border : 1px solid #b4b4b4;
}

.container_index_forfait
{
	flex-grow: 1;
	position: relative;
	box-shadow: 0 1px 0 #eee,0 2px 0 #e5e5e5,-1px 3px 0 #C8C8C8,-1px 4px 0 #b4b4b4,-2px 5px 0 #B9B9B9,-2px 6px 0 #B2B2B2,-2px 7px 2px rgba(0,0,0, 0.6),-2px 7px 8px rgba(0,0,0, 0.2),0px 0px 15px rgba(0,0,0, 0.15);
}

.onglet-wrap
{
	-webkit-transition: 0.3s box-shadow ease;
	transition: 0.3s box-shadow ease;
	border-radius: 0px;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	list-style: none;
	background-color: #fff;
	margin-top: 40px;
	border : 1px solid #d4d4d4;
}

.onglet
{
	display: none;
	font-size : 40px;
}

.onglet:checked:nth-of-type(1) ~ .onglet__content:nth-of-type(1)
{
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.onglet:checked:nth-of-type(2) ~ .onglet__content:nth-of-type(2)
{
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.onglet:checked:nth-of-type(3) ~ .onglet__content:nth-of-type(3)
{
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.onglet:checked:nth-of-type(4) ~ .onglet__content:nth-of-type(4)
{
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.onglet:checked:nth-of-type(5) ~ .onglet__content:nth-of-type(5)
{
	opacity: 1;
	-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
	position: relative;
	top: 0;
	z-index: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-shadow: 0 0 0;
}

.onglet:first-of-type:not(:last-of-type) + label
{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.onglet:not(:first-of-type):not(:last-of-type) + label
{
	border-radius: 0;
}

.onglet:last-of-type:not(:first-of-type) + label
{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.onglet:checked + label
{
	background-color: #fff;
	box-shadow: 0 -1px 0 #fff inset;
	cursor: default;
}

.onglet:checked + label:hover
{
	box-shadow: 0 -1px 0 #fff inset;
	background-color: #fff;
}

.onglet + label
{
	box-shadow: 0 -1px 0 #eee inset;
	border-radius: 6px 6px 0 0;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #333;
	-webkit-box-flex: 3;
	-ms-flex-positive: 3;
	flex-grow: 3;
	text-align: center;
	background-color: #f2f2f2;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	-webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
	transition: 0.3s background-color ease, 0.3s box-shadow ease;
	/* height: 75px;
	*/
	box-sizing: border-box;
	padding: 15px;
}

.onglet + label:hover
{
	background-color: #f9f9f9;
	box-shadow: 0 1px 0 #f4f4f4 inset;
}

.onglet__content
{
	padding: 10px 25px;
	background-color: transparent;
	position: absolute;
	width: 100%;
	z-index: -1;
	opacity: 0;
	left: 0;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	border-radius: 6px;
}

.cgs_ensemble
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: flex-start;
	margin-top : 20px;
}

.cgs_droite
{
	align-items: flex-starttext-align: left;
	font-size: 12px!important;
	margin-left : 40px;
}

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

	.cgs_ensemble > *
	{
		-webkit-flex: 1;
		flex : 0 1 auto;
		margin-bottom : 0px;
	}

	.cgs_gauche
	{
		-webkit-order: -1;
		order: -1;
	}
}

@media screen and (max-width: 600px)
{
	.cgs_droite
	{
		margin-left : 0px;
		margin-top : 20px;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 30px;
		width : 100%;
	}

	.cgs_gauche
	{
		margin : auto;
		margin-top: 20px!important;
		margin-bottom: 0px!important;
	}

	.cgs_ensemble
	{
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom : 0px;
		margin-top : 10px;
	}

	.tag-forfaits
	{
		margin-top: 5px;
		margin-right: 2px;
	}

	.onglet__content
	{
		padding: 5px 5px;
	}
}

.show1
{
	position: absolute;
}

.show1:hover ~ span#facture_box__popup
{
	opacity: 1;
	font-size: 100%;
	height: auto;
}

#facture_box__popup
{
	display: block;
	opacity: 0;
	height: 0;
	overflow: hidden;
	padding: .75rem;
	top : -1.4%;
	left : 24%;
	width : 300px;
	background-color: #ffffff;
	border: 2px solid #d5e3e4;
	border-radius: 10px;
	transform: translateX(-50%);
	text-align: justify;
	font-family: 'Roboto', sans-serif;
	font-size : 14px;
	z-index : 1;
	position : absolute;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.show2
{
	position: absolute;
}

.show2:hover ~ span#facture_box__popup2
{
	opacity: 1;
	font-size: 100%;
	height: auto;
}

#facture_box__popup2
{
	display: block;
	opacity: 0;
	height: 0;
	overflow: hidden;
	padding: .75rem;
	top : -1.4%;
	left : 24%;
	width : 300px;
	background-color: #fffffffc;
	border: 2px solid #d5e3e4;
	border-radius: 10px;
	transform: translateX(-50%);
	text-align: justify;
	font-family: 'Roboto', sans-serif;
	font-size : 14px;
	z-index : 1;
	position : absolute;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.facture_box
{
	position:relative;
	width:80%!important;
	margin : 0 auto!important;
	margin-top : 20px!important;
}

.facture_box__image
{
	display:block;
	height:auto;
	width:100%;
	margin:0;
	border: 1px solid #e5e5e5;
}

.facture_box__popup
{
	display: block;
	padding: .75rem;
	position: absolute;
	width : 200px;
	left: 50%;
	top: 125%;
	background-color: rgba(231, 235, 238, 1);
	border: 1px solid #004f85;
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size : 14px;
	text-align: justify;
	z-index : 1;
}

.facture_box__wrapper
{
	display:block;
	height:100%;
	width:100%;
	position:absolute;
}

#responsive_suppr
{
	width : 932px;
	margin-left: auto;
	margin-right: auto;
}

.facture_responsive_m
{
	display : none;
}

.facture_responsive_d
{
	display : block;
}

@media screen and (max-width: 450px)
{
	#responsive_suppr
	{
		width : 100%;
	}

	.facture_responsive_m
	{
		display : block;
	}

	.facture_responsive_d
	{
		display : none;
	}

	.facture_box
	{
		width:100%!important;
	}
}

.suivi_commande_titre
{
	color: #000!important;
	background-color: #f2f5f5!important;
	font-size: 14px!important;
	padding: 10px;
	font-weight: 600;
	display: inline-block;
	margin : 10px;
	border-radius : 5px;
}

.suivi_commande_titre > p
{
	font-weight: 400;
	padding-top : 20px!important;
}

.suivi_commande_img
{
	max-width: 277px!important;
	margin : 10px;
	padding-left : 0px!important;
	border-radius : 5px;
	border : 1px solid #efefef;
}

.suivi_commande_flex
{
	box-sizing: content-box;
}

.bloc_odd_even:nth-child(odd)
{
	background-color : #e4f0f0;
	border-radius : 5px;
	margin : 0px!important;
}

.info_bulle
{
	min-width: 25px;
	background: #f2f2f2;
	border-radius: 1.8em;
	-moz-border-radius: 1.8em;
	-webkit-border-radius: 1.8em;
	display: inline-block;
	font-weight: bold;
	font-size : 12px!important;
	line-height: 2.1em!important;
	margin-right: 5px;
	text-align: center;
	width: 25px;
	border : 1px solid #d6d6d6;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px)
{
	.suivi_commande_titre
	{
		margin : 0px!important;
		width: 100%;
		margin-top : 10px!important;
	}

	.suivi_commande_img
	{
		width : 100%;
		max-width : 225px!important;
		padding : 0px!important;
		margin-bottom : 10px;
		padding-left : 0px!important;
	}
}

.cgs_ct_ens
{
	border: 0.05em solid #eaeaea;
}

.cgs_li
{
	margin-bottom : 20px;
}

.cgs_titre_4:hover
{
	background-color: #eaeaea!important;
}

#cgs_index
{
	min-width : 550px!important;
}

.cgs_auchan
{
	color:#2fa777!important;
	background-color: #2fa777!important;
}

.cgs_nrj
{
	color:#ee0000!important;
	background-color: #ee0000!important;
}

.cgs_cic
{
	color:#005663!important;
	background-color: #ee6128!important;
}

.cgs_cm
{
	color:#1e60a9!important;
	background-color: #df123f!important;
}

.cgs_ct_auchan
{
	border: 0.05em solid #c0e0d3;
	color : #c0e0d3;
}

.cgs_ct_nrj
{
	border: 0.05em solid #e8d0d0;
}

.cgs_ct_cic
{
	border: 0.05em solid #e8d0d0;
}

.cgs_ct_cm
{
	border: 0.05em solid #e8d0d0;
}

.cgs_contour
{
	padding : 10px;
	margin-top : 20px;
	background-color : #fdfdfd;
}

.cgs_zone
{
	display: flex;
}

.cgs_zone a:hover
{
	color: black;
}

.cgs_zone a
{
	text-decoration : underline;
}

.cgs_hr
{
	margin-top: 40px;
	margin-bottom: 40px;
	width : 80%;
}

.cgs_bloc
{
	flex:1 ;
	margin-left : 0px!important;
}

.cgs_bloc:nth-of-type(2)
{
	margin-left : 20px!important;
}

.cgs_titre_1
{
	font-size: 12px!important;
color : white!important;
	display: table;
	padding: 5px 8px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing : 2px;
margin-top : 0px;
margin-bottom : 20px;
}

.cgs_titre_2
{
	background-color: #ffffff!important;
	font-size: 40px!important;
	display: inline-block;
	letter-spacing : 2px;
	text-align: center;
	font-weight: 600;
	margin-bottom : 20px;
}

.cgs_titre_3
{
	color: #000!important;
	font-size: 20px!important;
	display: inline-block;
	border-radius : 5px;
	font-weight: 600;
	margin-top : 10px;
	margin-bottom : 10px;
}

.cgs_titre_4
{
	color: #000!important;
	background-color: #FFFFFF!important;
	font-size: 14px!important;
	display: inline-block;
	padding: 10px;
	text-align: center;
	font-weight: 600;
	margin-bottom : 20px;
	margin-left : -20px!important;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px)
{
	.cgs_zone
	{
		flex-direction: column;
	}

	.cgs_titre_1
	{
		width : 100%;
	}

	.cgs_titre_2
	{
		width : 100%;
	}

	.cgs_titre_3
	{
		margin: 10px;
	}

	.cgs_bloc:nth-of-type(2)
	{
		margin-left : 0px!important;
	}

	#cgs_index
	{
		min-width : 0!important;
	}
}

.ensemble-services-fiche
{
	display: flex;
	margin: 0 auto;
}

.services-fiche
{
	width: 270px;
	min-height: 400px;
	background: white;
	border-radius: 10px;
	padding : 0 13px 0 13px;
	position: relative;
	float : left;
	background: #ffffff;
	-webkit-transition: width 2s, height 4s;
	/* For Safari 3.1 to 6.0 */
	;
	border : 3px solid #f2f2f2;
	z-index : 0;
}

.services-fiche:hover
{
	position: relative;
	transform: scale(1.22);
	z-index : 2;
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	box-shadow:  none;
}

.services-fiche-nrj:hover
{
	border : 3px solid #ee0000;
}

.services-fiche-at:hover
{
	border : 3px solid #2fa777;
}

.services-fiche-cm:hover
{
	border : 3px solid #005ea8;
}

.services-fiche-cic:hover
{
	border : 3px solid #ee6127;
}

.page-forfaits-services-titre
{
	font-size: 18px!important;
	text-transform: uppercase!important;
	margin-block-start: 0.67em!important;
	margin-block-end: 0.67em!important;
	margin-inline-start: 0px!important;
	margin-inline-end: 0px!important;
	font-weight: bold!important;
	padding-bottom : 20px;
	border-bottom : 0.001em solid #e4e4e4;
}

.services-fiche-partie-basse
{
	position: relative;
	bottom: 0;
	left : 0%;
	margin-left : 20px;
	margin-right : 20px;
}

.services-contenu
{
	padding : 0px 2px 0px 2px;
	font-size : 14px;
	font-family: 'Roboto', sans-serif;
	text-align : justify;
}

@media screen and (max-width: 700px)
{
	.services-fiche
	{
		width : auto;
		margin-top : 10px;
		margin-bottom : 10px;
		min-height:initial;
	}

	.services-fiche:hover
	{
		position: relative;
		margin-left : 0px;
		overflow-x: hidden;
		transform: none;
	}

	.ensemble-services-fiche
	{
		flex-direction: column;
	}
}

.button-signalement-fft
{
	background-color: #00d18b;
	color: white !important;
	border: 2px solid #00d18b;
	border-radius: 4px;
}

.button-signalement-fft:hover
{
	background-color: #ffffff;
	border: 2px solid #00d18b;
	color: #00d18b !important;
}

/* FLEX CLASSIQUE */
.article_flex_classique > div
{
	padding: 20px;
}

.article_flex_classique
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

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

	.article_flex_classique > *
	{
		-webkit-flex: 1;
		flex: 1;
	}

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

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

/* FIN FLEX CLASSIQUE */
/* DEBUT PAGE PARTAGE CONNEXION */
.page_partage_connexion_wrapper
{
	display: flex;
	flex-flow: row wrap;
}

.page_partage_connexion_wrapper > *
{
	padding: 10px;
	flex: 1 100%;
}

.page_partage_connexion_droite
{
	order: 2;
}

.page_partage_connexion_gauche
{
	order: 1;
}

@media all and (min-width: 600px)
{
	.page_partage_connexion_droite
	{
		flex: 1 0 0;
	}

	.page_partage_connexion_gauche
	{
		flex: 1 0 0;
	}

	.page_partage_connexion_gauche
	{
		order: 1;
	}

	.page_partage_connexion_droite
	{
		order: 2;
	}
}

/* FIN PAGE PARTAGE CONNEXION */
.cec_butn
{
	background: #f2f2f2;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	border: 1px solid #c7c7c7;
	color: #004f85;
	font-size: 14px;
	padding: 10px 30px 10px 30px;
	text-decoration: none;
}

.cec_img_logo_bloc
{
	width : 180px;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	margin-bottom : 20px;
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
}

.cec_butn:hover:nth-child(odd)
{
	border: 1px solid #004f85;
	background: #ffffff;
	text-decoration: none;
}

#cec_capture_fenetre
{
	float : right;
	padding-left : 40px;
	width : 40%;
}

.cec_article a
{
	color: black;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	width : 100%;
	justify-content: center;
	align-items: center;
}

.cec_article a:hover
{
	color: black;
	font-weight : bold;
}

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

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

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

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

.cec_intro
{
	border-width: 1px;
	border-color: #e6e6e6 #e6e6e6 #e6e6e6 #f2f2f2;
	background: #f2f2f2;
	background: -moz-linear-gradient(left, #f2f2f2 0%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #f2f2f2 0%,#ffffff 100%);
	background: linear-gradient(to right, #f2f2f2 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 );
	padding: 20px;
	border-style: solid;
}

.cec_message_info
{
	border-width: 1px;
	border-color: #e5ae16;
	border-radius: 5px;
	background-color : #f8f8f8;
	padding: 20px!important;
	text-align : center;
	border-style: solid;
	line-height : 20px!important;
}

/* TABLEAU */
.cec_responsive-table-line
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height : 20px;
}

.cec_responsive-table-line th
{
	border-bottom: 1px solid #e9eded;
	border-top: 1px solid #e9eded;
	border-right: 1px solid #e9eded;
	padding : 10px;
}

.cec_responsive-table-line td:nth-child(1)
{
	border-left: 1px solid #e9eded;
}

.cec_responsive-table-line td
{
	border-bottom: 1px solid #e9eded;
	border-right: 1px solid #e9eded;
}

.cec_responsive-table-line td:hover
{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border: 1px solid #fafafa4a;
}

.cec_responsive-table-line td:hover:nth-child(n+2)
{
	background-color:#D5E3E6;
	font-weight : bold!important;
}

.cec_responsive-table-line td:nth-child(n+2)
{
	width:200px;
}

.cec_telecharger
{
	color: #5694c9!important;
	text-align : center;
}

@media (max-width: 500px)
{
	.cec_telecharger
	{
		color: #5694c9!important;
		text-align : right!important;
	}

	.cec_responsive-table-line td:before
	{
		content: attr(data-title);
	}

	.cec_responsive-table-line table, .cec_responsive-table-line thead, .cec_responsive-table-line tbody, .cec_responsive-table-line th, .cec_responsive-table-line td, .cec_responsive-table-line tr
	{
		display: block;
	}

	.cec_responsive-table-line thead tr
	{
		display:none;
	}

	.cec_responsive-table-line td
	{
		position: relative;
		border: 0px solid transparent;
		white-space: normal;
		text-align:center;
	}

	.cec_responsive-table-line td:before
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 30%;
		padding-right: 15px;
		height:100%;
		white-space: nowrap;
		text-overflow: ellipsis !important;
		overflow:hidden !important;
		text-align:left;
		padding : 10px;
	}

	.cec_responsive-table-line td:nth-child(even),before
	{
		background-color:#f8f8f8;
		padding : 10px;
	}

	.cec_responsive-table-line td:nth-child(odd),before
	{
		background-color:#ffffff;
		padding : 10px;
	}

	.cec_taille_img
	{
		width : 220px;
		min-width : 150px!important;
		padding-left: 0px;
		border-radius: 1.8em;
		-moz-border-radius: 1.8em;
		-webkit-border-radius: 1.8em;
	}

	.cec_responsive-table-line td:nth-child(1)
	{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.cec_responsive-table-line td:nth-child(4)
	{
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.cec_responsive-table-line td:nth-child(n+1)
	{
		width: 100%;
		border-top: 1px solid #e9eded;
		border-right: 1px solid #e9eded;
		border-left: 1px solid #e9eded;
	}

	.cec_responsive-table-line td:nth-child(n+2)
	{
		border-top: 1px solid #e9eded;
		border-right: 1px solid #e9eded;
		border-left: 1px solid #e9eded;
	}

	.cec_responsive-table-line td:nth-child(3)
	{
		border-right: 1px solid #e9eded;
		border-left: 1px solid #e9eded;
	}

	.cec_responsive-table-line td:nth-child(4)
	{
		border-right: 1px solid #e9eded;
		border-left: 1px solid #e9eded;
		border-bottom: 1px solid #e9eded;
		margin-bottom : 40px;
	}
}

/* FIN TABLEAU */
/* default appearance */
cec_article > *
{
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
}

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

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

/* Flexbox */
.cec_article
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

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

	.cec_article > *
	{
		-webkit-flex: 1;
		flex: 1;
	}
}

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

	.cec_img_logo_bloc
	{
		width : 100%;
	}

	#cec_capture_fenetre
	{
		width : 100%;
		padding-bottom : 40px;
	}
}

/* STYLE FORFAIT  */
.flex-container-page-forfaits
{
	display: flex;
	flex-direction: row;
	border-radius: 10px;
	padding-bottom : 10px;
	margin: 0 auto;
}

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

.forfait-En_savoir_plus
{
	position: absolute;
	bottom:0px;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #f8f8f8;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 14px!important;
	display: block;
}

.forfait-En_savoir_plus-at:hover
{
	color: #ffffff!important;
	text-decoration : none!important;
	background-color : #2fa777!important;
	border-radius : 5px;
}

.forfait-En_savoir_plus-cm:hover
{
	color: #ffffff!important;
	text-decoration : none!important;
	background-color : #005ea8!important;
	border-radius : 5px;
}

.forfait-En_savoir_plus-cic:hover
{
	color: #ffffff!important;
	text-decoration : none!important;
	background-color : #ee6127!important;
	border-radius : 5px;
}

.forfait-En_savoir_plus-nrj:hover
{
	color: #ffffff!important;
	text-decoration : none!important;
	background-color : #ee0000!important;
	border-radius : 5px;
}

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

.img-index-forfaits
{
	width : 100%;
	max-width : 200px;
}

.page_forfait_h1
{
	line-height: 36px!important;
	font-family: 'Roboto', sans-serif!important;
	font-size: 28px!important;
	font-weight: 800!important;
}

.page_forfait_h2
{
	line-height: 28px!important;
	font-family: 'Roboto', sans-serif!important;
	font-size: 20px!important;
	font-weight: 600!important;
	padding-top : 15px!important;
	padding-bottom : 15px!important;
}

.color-cm
{
	color: #005ea8!important;
}

.color-cic
{
	color: #ee6127!important;
}

.color-nrj
{
	color: #ee0000!important;
}

.color-at
{
	color: #2fa777!important;
}

@media screen and (max-width: 1153px)
{
	.img-index-forfaits
	{
		width : 100%;
		max-width : 150px;
	}
}

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

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

	.page_forfait_h1
	{
		line-height: 28px!important;
		font-size: 25px!important;
	}

	.page_forfait_h2
	{
		line-height: 28px!important;
		font-size: 18px!important;
	}
}

/* STYLE PAGE LEXIQUE */
#lexique_page
{
	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);
}

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

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

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

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

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

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

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

.lexique_details li
{
	font-size: 16px;
}

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

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

.lexique_summary
{
	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 ~ .lexique_summary
{
	max-height: 100%;
}

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

	.lexique-container-lettre
	{
	}

	.lexique_summary
	{
	}

	.lexique_details
	{
	}

	.lexique_details ul
	{
	}

	.lexique_details a
	{
	}

	.lexique_details label
	{
		padding: 10px 0 10px 10px;
	}

	.lexique_summary
	{
		padding: 0 0 0 5px;
	}
}

/* STYLE PAGE JUSTIFICATIFS */
.ensemble_ci
{
	display: flex;
	flex-flow: row wrap;
	width : 100%;
	max-width : 932px;
}

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

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

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

.partie_texte_2_ci
{
	width: 50%;
	padding : 10px;
	box-sizing: border-box;
}

.ensemble_3_ci
{
	display: flex;
	flex-flow: row wrap;
	width : 100%;
	max-width : 932px;
}

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

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

.partie_texte_3_ci
{
	width: 40%;
	padding : 10px;
	box-sizing: border-box;
}

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

.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!important;
	border-style: solid;
	line-height: 20px!important;
}

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

<!--- 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;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	-webkit-transition-duration: 0.4s;
	/* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	display : inline-block!important;
	padding: 16px!important;
}

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

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

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

.bouton-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: #ee0000 !important;
	border: 2px solid #ee0000;
	border-radius: 4px;
}

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

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

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

.page-forfait-navbar
{
	display: flex;
	background-color: #f8f8f8;
	font-family: 'Roboto', sans-serif;
	justify-content: center;
	align-items: center;
	align-items: stretch;
	border-bottom-left-radius: 15px 15px;
	border-bottom-right-radius: 15px 15px;
	margin-bottom : 20px;
	margin-top : 0px!important;
}

.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;
	border-radius : 15px;
	border: solid 1px #dadada;
	margin-bottom : 20px;
}

.forfait-bg2
{
	background-color: #f2f2f2!important;
}

.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: 14px!important;
	font-weight : bold;
}

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

.page-forfait-li
{
	font-family: 'Roboto', sans-serif;
	line-height : 20px;
	margin-top : 20px;
	list-style: none!important;
	font-size : 14px!important;
	padding-left : 0px!important;
}

@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-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!important;
	}

	.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
	{
		display: block ;
		margin: 0 auto;
	}
}

<!-- FIN PAGES FORFAITS -->.routeur_responsive_img
{
	max-width : 350px;
}

.cec_butn
{
	background: #f2f2f2;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	border: 1px solid #c7c7c7;
	color: #004f85;
	font-size: 14px;
	padding: 10px 30px 10px 30px;
	text-decoration: none;
}
}

@media screen and (max-width: 700px)
{
.routeur_responsive_img
{
	width : 100%;
	max-width : 170px;
}

.cache_responsive
{
	display : none;
}
}

body.credit-mutuel .question.category-id-4368, body.default .question.category-id-4368
{
display: block!important;
}