#search_word {
	width: 655px;
	height: 48px;
	margin: 5px;
	border: none;
}

#section_principal {
	width: 100%;
	height: auto;
	margin: auto;
	padding-bottom: 0px;
	background-color: white;
}

#block_full_page {
	padding-top: 0px !important;
}

#help_search {
	background-color: #006385;
	color: white;
	text-align: center;
	height: 408px;
}

.g-recaptcha {
	margin: 0 auto;
	width: 304px;
	overflow: hidden;
}

@media (max-width: 310px) {
	.g-recaptcha {
		width: 100%;
	}
}

#results p span {
	color: #006385;
	font-family: 'Roboto', arial;
	font-weight: 700;
}

#results h3 span {
	color: #006385;
	font-family: 'Roboto', arial;
	font-weight: 700;
}

#help_search h1 {
	padding-top: 147px;
	background-color: #006385;
	font-size: 48px;
	color: white;
	text-align: center;
	font-family: 'Montserrat', arial;
	font-weight: 700;
}

#help_search_glob {
	background-color: white;
	display: inline-block;
	border: none;
	border-radius: 4px;
	width: 774px;
	height: 65px;
}

#help_search input {
	font-size: 20px;
	font-family: 'Roboto', arial;
	float: right;
	margin-right: 45px;
	color: #999999;
}

#help_search_img_loupe {
	position: absolute;
	padding: 17px;
}

#help_search_img_croix {
	position: absolute;
	margin-top: 25px;
	margin-left: 740px;
	cursor: pointer;
}

#nav_sujet {
	margin-top: 0px;
	background-color: #ebebeb;
	height: 409px;
	text-align: left;
	width: auto;
}

#nav_sujet_centre {
	margin: 0 auto;
	display: flex;
}

@media all and (max-width:768px) {
	#nav_sujet_centre {
		display: block;
		margin: 10px auto;
	}
	#nav_sujet_centre .nav_sujet_content {
		margin-top: 10px;
	}
}

#nav_sujet img {
	padding-top: 25px !important;
}

#nav_sujet p {
	font-family: 'Roboto', arial !important;
	color: #3e3e3e;
	font-size: 18px;
	text-align: center;
}

#nav_sujet h3 {
	text-align: center;
	margin-top: 0px;
	padding-top: 5%;
	padding-bottom: 2%;
	font-family: 'Roboto', arial !important;
	font-weight: 300;
	font-size: 27px;
}

#nav_sujet img {
	padding-top: 25px !important;
	visibility: hidden;
}

.item-faq.active p {
	color: white !important;
}

.item-faq:hover p {
	color: white !important;
}

#item-points {
	background-image: url('../img/Icon_noir-02.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-points.active,
#item-points:hover {
	background-color: #006385;
	background-image: url('../img/Icon_blanc-02.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-offre {
	background-image: url('../img/Icon_noir-05.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-offre.active,
#item-offre:hover {
	background-color: #006385;
	background-image: url('../img/Icon_blanc-05.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-compte {
	background-image: url('../img/Icon_noir-01.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-compte.active,
#item-compte:hover {
	background-color: #006385;
	background-image: url('../img/Icon_blanc-01.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-synchronisation {
	background-image: url('../img/Icon_noir-04.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-synchronisation.active,
#item-synchronisation:hover {
	background-color: #006385;
	background-image: url('../img/Icon_blanc-04.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-autre {
	background-image: url('../img/Icon_noir-03.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-autre.active,
#item-autre:hover {
	background-color: #006385;
	background-image: url('../img/Icon_blanc-03.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-parrainage {
	background-image: url('../img/Icon_noir-06.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

#item-parrainage.active,
#item-parrainage:hover {
	background-color: #006385;
	background-image: url('../img/Icon_blanc-06.png');
	background-position: center 35px !important;
	color: white;
	background-repeat: no-repeat;
}

.item-faq {
	display: inline-block;
	list-style: none;
	height: 180px;
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: white;
}

.item-faq {
	margin-right: 15px;
}

hr {
	color: #dadada;
}

#page_principal {
	margin: 0 auto;
	width: 73%;
}

#page_principal h3 {
	font-family: 'Roboto', arial;
	font-weight: 700;
	font-size: 25px;
	color: #656464;
}

#page_principal p {
	font-family: 'Roboto', arial;
	font-size: 18px;
	color: #3e3e3e;
	line-height: 27px;
}

#d3 {
	text-align: center;
	padding: 5px;
}

#d3 h2 {
	font-family: 'Roboto', arial;
	font-weight: 700;
	font-size: 25px;
	color: #656464;
}

#d3 button {
	margin: 5px;
}

.bouton-bleu-right {
	background-color: #00597b;
	font-family: 'Montserrat', arial;
	font-weight: 700;
	padding: 10px;
	height: 46px;
	width: 145px;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: 2px;
	outline: none;
	border: none;
}

.bouton-green-left {
	background-color: #bad534;
	font-family: 'Montserrat', arial;
	font-weight: 700;
	padding: 10px;
	margin-right: 45px !important;
	height: 46px;
	width: 145px;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: 2px;
	outline: none;
	border: none;
}

#contact_form {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

#phrase_simpa {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 48%;
}

#contact_form input,
textarea {
	border: none;
	border-radius: 2px;
}

#contact_form_input {
	width: 682px;
	height: 742px;
	background-image: url('../img/Lettre.png');
	background-repeat: no-repeat;
	border: none;
	border-radius: 2px;
	margin: 0 auto;
}

#contact_form h2 {
	padding-top: 40px;
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 25px;
}

#select-support {
	width: 405px;
	height: 40px;
	border: none;
	font-family: 'Roboto', arial !important;
	font-size: 14px !important;
	color: #808080 !important;
	border-radius: 2px !important;
	padding: 0px !important;
	padding-left: 10px !important;
}

#identifiants-abonner {
	display: inline-block !important;
	width: 405px !important;
	margin: 16px !important;
}

#contact_form textarea {
	font-family: 'Roboto', arial !important;
	font-size: 14px !important;
	color: #808080 !important;
	width: 395px !important;
	height: 100px !important;
}

#email-contact_faq {
	margin-right: 16px !important;
	width: 175.5px !important;
	height: 40px !important;
	background-color: #FFF !important;
	font-family: 'Roboto', arial !important;
	font-size: 14px !important;
	color: #808080 !important;
	padding: 0px 0px 0px 10px !important;
}

#numero-carte-contact_faq {
	padding: 0px 0px 0px 10px !important;
	width: 182.5px !important;
	height: 40px !important;
	background-color: #FFF !important;
	font-family: 'Roboto', arial !important;
	font-size: 14px !important;
	color: #808080 !important;
}

.error-message1 {
	color: #F27474;
	font-size: 12px;
}

.contact_form_bouton {
	background-color: #00597b;
	font-family: 'Montserrat', arial !important;
	font-weight: 700;
	padding: 10px;
	width: 146px !important;
	height: 46px !important;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: 2px;
	outline: none;
	border: none;
}

#contact_form form input[type='submit'] {
	color: #FFF !important;
}

.contact_form_bouton:hover {
	background-color: #126890 !important;
	color: white !important;
}

#btn_oui:hover {
	background-color: #a9c12f;
}

#btn_non:hover {
	background-color: #126890;
}

#phrase_simpa {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 48%;
}

#phrase_simpa h2 {
	padding-top: 40px;
	font-family: 'Roboto', arial;
	font-weight: 700;
	font-size: 25px;
}

.contact_form_bouton_accueil {
	background-color: #00597b;
	font-family: 'Montserrat', arial !important;
	font-weight: 700;
	padding: 10px;
	width: 146px !important;
	height: 46px !important;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: 2px;
	outline: none;
	border: none;
}

.contact_form_bouton_accueil:hover {
	background-color: #126890 !important;
	color: white !important;
	border: none;
}

#phrase_simpa p {
	font-family: 'Roboto', arial;
	font-size: 25px;
	color: #8d8d8d;
	text-align: center;
}

/* <-------Responsive Design-------> */

@media all and (max-width:768px) {
	#help_search {
		background-color: #006385;
		color: white;
		text-align: center;
		height: 408px;
	}
	#help_search_glob {
		background-color: white;
		display: inline-block;
		border: none;
		border-radius: 4px;
		width: 93%;
		height: 65px;
	}
	#help_search input {
		font-size: 15px;
		font-family: 'Roboto', arial;
		float: right;
		margin-right: 5%;
		color: #999999;
	}
	#help_search_img_loupe {
		position: absolute;
		padding: 3%;
		padding-top: 17px;
	}
	#help_search_img_croix {
		position: absolute;
		margin-top: 25px;
		margin-left: 86%;
		cursor: pointer;
	}
	#help_search h1 {
		font-size: 40px;
	}
	#search_word {
		width: 80%;
		height: 48px;
		margin: 5px;
		border: none;
	}
	#nav_sujet {
		margin-top: 0px;
		background-color: #ebebeb;
		height: auto;
		text-align: left;
		width: auto;
	}
	a.P_validation,
	.o_et_c,
	.c_et_i,
	.s_et_v,
	.a_et_d {
		display: inline-block;
		list-style: none;
		height: 20%;
		width: 100%;
		text-align: center;
		padding-bottom: 10%;
		background-color: white;
	}
	.P_validation,
	.o_et_c,
	.c_et_i,
	.s_et_v,
	.a_et_d {
		text-decoration: none;
		color: black;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		margin-bottom: 2%;
	}
	.a_et_d {
		margin-bottom: 40px;
	}
	#contact_form {
		display: block;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	#phrase_simpa {
		display: block;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	#contact_form input,
	textarea {
		width: 100%;
		border: 1px solid #5a5a5a;
		border-radius: 2px;
		border: #5a5a5a;
	}
	#contact_form_input {
		width: auto;
		height: 100%;
		background: none;
		border-radius: 2px;
	}
	#contact_form h2 {
		padding-top: 40px;
		font-family: "Roboto";
		font-weight: 700;
		font-size: 25px;
	}
	#select-support {
		width: 100%;
		height: 40px;
		border: 1px solid #5a5a5a;
		font-family: 'Roboto', arial !important;
		font-size: 14px !important;
		color: #808080 !important;
		border-radius: 2px !important;
		padding: 0px !important;
		padding-left: 10px !important;
	}
	#identifiants-abonner {
		display: inline-block !important;
		width: 100% !important;
		margin: 0px !important;
		margin-bottom: 10px !important;
		margin-top: 10px !important;
	}
	#contact_form textarea {
		font-family: 'Roboto', arial !important;
		font-size: 14px !important;
		color: #808080 !important;
		width: 97% !important;
		height: 177px !important;
		border: 1px solid #5a5a5a;
		padding-left: 10px !important;
	}
	#email-contact_faq {
		margin-right: 3% !important;
		width: 45% !important;
		height: 40px !important;
		background-color: #FFF !important;
		font-family: 'Roboto', arial !important;
		font-size: 14px !important;
		color: #808080 !important;
		padding: 0px 0px 0px 10px !important;
		border: 1px solid #5a5a5a !important;
		float: left;
	}
	#numero-carte-contact_faq {
		padding: 0px 0px 0px 10px !important;
		width: 45% !important;
		height: 40px !important;
		background-color: #FFF !important;
		font-family: 'Roboto', arial !important;
		font-size: 14px !important;
		color: #808080 !important;
		border: 1px solid #5a5a5a !important;
		float: right;
	}
	.error-message3 {
		color: red;
		font-size: 12px;
		display: inherit;
		padding-top: 3px;
	}
	.error-message2 {
		color: red;
		font-size: 12px;
		float: right;
		margin-right: 19px;
		padding-top: 3px;
	}
	.error-message1 {
		color: red;
		font-size: 12px;
		float: left;
		padding-top: 3px;
	}
	.error-message4 {
		color: red;
		font-size: 12px;
		display: inherit;
		padding-top: 3px;
	}
	.contact_form_bouton {
		background-color: #00597b;
		font-family: 'Montserrat', arial !important;
		font-weight: 700;
		padding: 10px;
		width: 146px !important;
		height: 46px !important;
		color: #FFFFFF;
		text-align: center;
		font-size: 15px;
		cursor: pointer;
		border-radius: 2px;
		outline: none;
		border: none;
		margin-bottom: 20px;
	}
	.contact_form_bouton:hover {
		background-color: #126890 !important;
		color: white !important;
	}
	#btn_oui:hover {
		background-color: #a9c12f;
	}
	#btn_non:hover {
		background-color: #126890;
	}
	#phrase_simpa {
		display: block;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	#phrase_simpa h2 {
		padding-top: 40px;
		font-family: "Roboto";
		font-weight: 700;
		font-size: 25px;
	}
	.contact_form_bouton_accueil {
		background-color: #00597b;
		font-family: 'Montserrat', arial !important;
		font-weight: 700;
		padding: 10px;
		width: 146px !important;
		height: 46px !important;
		color: #FFFFFF;
		text-align: center;
		font-size: 15px;
		cursor: pointer;
		border-radius: 2px;
		outline: none;
		border: none;
		margin-bottom: 20px;
	}
	.contact_form_bouton_accueil:hover {
		background-color: #126890 !important;
		color: white !important;
		border: none;
	}
	#phrase_simpa p {
		font-family: 'Roboto', arial;
		font-size: 25px;
		color: #8d8d8d;
		text-align: center;
	}
	.bouton-green-left {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
}