* { 
	padding: 0;
	margin: 0; 
	box-sizing: border-box;
}
  
body {
	margin: 0;
	padding: 0;
/*font-family: arial;	*/
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	background-color: white;
	line-height: 1.7;
	color: #444;	/* #5f5f5f;	/*#727272;*/
}

h1 {
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
	text-decoration: underline;
	font-size: 30px;
	color: #014ea3;
}

h2{
	font-size: 20px;
	color: #014ea3;	/* #012ea3; */
}

img {
	vertical-align: bottom;
	max-width: 100%;
}

figcaption {
	margin-top: 7px;
	font-size: 90%;
}

ul {
/*	font-size: 16px;*/
	line-height: 1.7;
}

ul li {
	list-style-type: none;
}

textarea {
	overflow-wrap: break-word;
}

a, .lien0 {
	color: #0062c4;
}

a:link, a:visited, a:hover, lien0:link, lien0:visited, lien0:hover {
	color: #0062c4; text-decoration: none;
}

.top  {
	text-align: center;
	margin-bottom: 0;
	height: 105px;
}

.top h2 {
	padding: 10px 0 0 0;
	text-decoration: none;	
	font-size: 15px;
	font-weight: bold;
	color: #014ea3;
}

.menu {
	max-width: 1920px;
	margin: auto;
}

.wrapper {				
	position: relative;
	max-width: 1920px;
	min-height: 600px;
	margin: auto;
	padding: 0 0 50px 0;
	background-color: white;
}

.donnees, .donnees_2, .connexion, .sites, .wait, .bloc_contact_txt, .donnees_part {
	min-width: 3px;
	/* padding: 20px 4% 30px 4%; */
	font-size: 20px;
}

.donnees_2 {
	min-height: 700px;
	padding: 20px 4% 30px 4%;
	overflow: hidden;
}

.donnees_2 ul li {
	margin-left: 20px;
	list-style-type: '-  ';
}

.donnees_part {
	max-width: 900px;
	margin-left: 3% !important;
	margin-right: 3% !important;
	overflow: hidden;
}

.bloc_contact_txt {
	padding-bottom: 15px;
}

.sidebar {
	background: linear-gradient(0deg, #3f8ccb, #28a1d6, #3f8ccb);
	color: white;
}

#navigation, #navigation2 {
	overflow: hidden;
	font-size: 22px;
	color: white;
	background: linear-gradient(0deg, #3f8ccb, #28a1d6, #3f8ccb);
}

#navigation {
	text-align: center;	
}

#navigation a:link, #navigation a:visited, #navigation2 a:link, #navigation2 a:visited {
	color: white;
}

#navigation a:hover, #navigation2 a:hover { 
/*
	color: #00ebff; 
 text-shadow: 1px 1px 1px white;
*/

 text-shadow: 1px 0 1px #00ebff;
}

.menu_mobi {
	margin: 15px 5% 10px 5%;
	overflow: hidden;
}

.hamburger {
	width: 30%;
	float: left;
	padding-top: 10px;
	padding-bottom: 12px;
}

#page_accueil h1, #page_accueil h2 {
	font-size: 130%;
}

#page_accueil h1 {
	padding-top: 0;
	padding-bottom: 20px;
	text-decoration: none;
	color: #014ea3;
}

.slogan {
	text-align: center;
	margin-bottom: 20px;
}

.genepage, .contenu {
	margin-left: 4%;
	margin-right: 4%;
}

.genepage h2 {
	padding-bottom: 15px;
}

.genepage h4 {
	padding-bottom: 5px;
	font-size: 18px;
}

.genepage p, .genepage ul {
	line-height: 1.5;
}

.genepage p {
	margin-bottom: 30px;
	text-align: justify;
}

.mentions, .mentions ul {
	font-size: 17px;
	color: #282828;
	text-align: justify;
	line-height: 1.5;
}

.mentions h2 {
	margin: 28px 0 14px 0;
	font-size: 18px;
	color: black;
}

.mentions li, .instr_mail li, .apporteurs li {
	margin-left: 50px;
	list-style-type: '- ';
}

.mentions a {
	color: #333;
	text-decoration: underline;
}
.mentions a:hover {
	color: #aaa; /*text-decoration: none;*/ 
}

.instr_dde_test p, .instr_dde_test ul {
	margin-bottom: 10px;
}

#footer
{
	clear: both;
	max-width: 1920px;
	margin: auto;
	/*margin-top: 50px;*/
	padding: 9px 0 16px 0;
	font-size: 15px;
	color: #333;
	text-align: center;
/*	border-top: 1px solid #ccc;*/
	background: linear-gradient(0deg, #3f8ccb, #28a1d6, #3f8ccb);
	color: white;
/*opacity: 0.75;*/
}

.liste_liens_footer {
	margin: 6px 10px 0 10px;
	font-size: 16px;
	text-align: center;	
	color: white;
}

.liste_liens_footer a {
	color: white;
}
.liste_liens_footer a:link {
	color: white; 
	text-decoration: none;
}
.liste_liens_footer a:visited {
	color: white;
	text-decoration: none;
}
.liste_liens_footer a:hover {
	color: white;
	text-decoration: underline;
}

.lien_footer_bas {
	margin-top: 7px;
	font-size: 103%;
}

.contact {
	margin: 25px 0 30px 15%;
	font-size: 20px;
	line-height: 1.6;
	float: left;
}

.contact p {
	margin-bottom: 15px;
}

.txt_contact_mobi {
	display: none;
}

.txt_contact p , .txt_contact_mobi p {
	margin-bottom: 10px;
}

.ssw {
	font-size: 135%;
	color: #014ea3;
	text-shadow: 1.5px 1.5px 1px #3f8ccb;
}

.form_donnees h2 {
	margin-bottom: 10px;
}

.flot_g, .flot_g_nomobi, .flot_g_nomtab {
	float: left;
}

.flot_d {
	float: right;
}

.clear_both {
	clear: both;
}

.centrer {
	margin: auto !important;
}

.align_g {
	text-align: left !important;
}

.align_c {
	text-align: center !important;
}

.align_d {
	text-align: right !important;
}

.align_j {
	text-align: justify !important;
}

.flot_img_g {
	float: left;
	margin-right: 20px; 
}

.flot_img_d {
	float: right;
	margin-left: 20px;
}

.genepage .flot_img_g, .genepage .flot_img_d {
	margin-bottom: 2px;
}

.police_defaut {
	color: #444;
}

.police_bleue {
	color: #3f48cc;
}

.police_noire {
	color: black;
}

.police_orange {
	color: orange;
}

.police_pourpre {
	color: purple;
}

.police_rouge {
	color: red;
}

.police_verte {
	color: #289b38;
}

.police_grise {
	color: #777;
}

.police_grise_2 {
	color: #555;
}

.fluo
{
	Background-Color: Yellow;
}

.erreur_champ {
	margin: 0;
	padding-left: 7px;	
	color: red;
	vertical-align: middle;
	text-align: left;
	font-size: 22px;
}

.label_recap {
	min-width: 130px;
	color: #333;
	font-weight: bold;
	float: left;
}

.data_recap {
	margin-bottom: 15px;	
	overflow: hidden;
}

.no_display, .reference {
	display: none;
}

.niveau2 {
	margin-left: 30px;
}

.mess_erreur_mail {
	margin-bottom: 15px;
	color: red;
	font-size: 16px;
}

.lien_ext a, .lien_ext a:link, .lien_ext a:visited{
	color: #0062b4;	
	font-size: 85%;
	text-decoration: none;
}
.lien_ext a:hover {
	color: blue;
	text-decoration: underline;
}

.saisie {
	margin: 5px 0 10px 0;
	padding: 0;
}

.saisie_choix {
	margin: 0 0 15px 50px;
	padding: 0;
}

.saisie input, .saisie2 input {
	padding: 7px 15px;
	font-size: 90%;
	color: #014ea3;
	border: 1px solid #999;
	border-radius: 10px;
}

.saisie input {
	margin-bottom: 15px;
}

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

.note {
	font-size: 90%;
}

.note2 {
	font-size: 85%;
}

.notes_rub {
	margin-top: 10px;
	font-size: 80%;
}

.offres_descri {
	margin-bottom: 40px;
	overflow: auto;
}

.offres_descri h2 {
	margin-bottom: 10px;
}

.offres_descri p {
	margin-top: 5px;
}

.offres_descri sup {
	font-size: 60%;
}

.offres_descri li, .contrats li, .contenu_notes li {
	margin-left: 50px;
	list-style-type: none;
}

.offres_descri li::before, .contenu_notes li::before {
	content: "•";
	display: inline-block; 
	width: 1em;
	margin-left: -1em
} 

.contrats {
	margin-left: 25%;
	overflow: auto;
}

.contenu_notes {
	margin-top: 20px;
	font-size: 80%;
}

.dde_note {
	margin-top: 50px;
	font-size: 85%;
}

.contenu_notes h2 {
	font-size: 18px;
}

.tarifs_encart {
	width: 45%;
	margin: 2%;
	padding: 20px;
	text-align: center;
	border: 1px solid #4279c0;
	border-radius: 10px;
	float: left;
}

.tarifs_encart:hover {
	border-color: #0af;
}
		
.tarifs_inti, .tarifs_prix {
	font-weight: bold;
}

.tarifs_comment {
	font-size: 90%;
	margin-bottom: 20px;
}

.tarifs_ligne {
	padding: 5px 10%;		/* 5px 0 */
}

.tarifs_ligne:hover {
	color: #4279c0;
}

.tarifs_duree {
	width: 50%;
	text-align: left;
	float: left;
}

.tarifs_prix {
	text-align: center;
}
			
.tarifs_btn {
	margin: 30px 0 10px 0;
}

.mess_erreur_champ {
	color: red;
	font-size: 18px;
}

.alert1 {
	margin-bottom: 10px;
	color: red;	
}

.erreur_saisie {
	margin: 0;
	padding-left: 7px;	
	color: red;
	vertical-align: middle;
	text-align: left;
	font-size: 22px;
}

.zone_boutons {
	padding-top: 20px;
}

.bouton_form, .liste_deroulante {
	padding: 6px 26px; 
	background-color: white;
	color: #0062c4;	
}

.bouton_form {
	font-size: 90%; 
	border: 2px solid #0062c4;
	border-radius: 32px;
}

.liste_deroulante {
	font-size: 80%; 
	border: 1px solid #0062c4;
	margin-bottom: 10px;
}
	
.bouton_form:hover, .bouton_form:hover a {
	background-color: #0062c4;
	color: white; 
	cursor: default;
}

.bouton_lien {
	width: 170px;
	margin: 30px 67px;
	text-align: center;
	float: left;
}

.bouton_sortie {
	width: 150px;
	margin: 30px auto !important;
	text-align: center;
}

.connexion .bouton_form {
	margin: 30px 0;
}

.connexion .bouton_crea {
	margin: 0;
}

.bouton_esp1, .bouton_esp_annu_val, .bouton_esp_annu_com {
	margin-left: 180px;
}
/*
.bouton_valider {
	margin-left: 255px;
}
*/
.bouton_esp2 {
	margin-left: 100px;
}

.connexion {
	text-align: center;
}

.connexion h1, .contact h1 {
	padding-bottom: 0;
	font-size: 120%;
}

.connect_crea {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.label_form {
	margin: 30px 0 5px 0;
	font-size: 90%;
}

.saisie_form input, .saisie_form textarea, .saisie_champ {
	padding: 6px 12px;
	font-size: 100%;
	color: #0062c4;
	font-family: 'Source Sans Pro', sans-serif;
	border: 1px solid #0062c4;
	border-radius: 6px;
}

.saisie_form input {
	width: 375px;
}

.saisie_form textarea {
	width: 600px;
	height: 300px;
}

.lg4 {
	width: 82px !important;
}

.label_connexion {
	margin: 0;
	padding: 10px 0 10px 0;
}

.champ_connexion {
	margin: 0;
	padding: 0 0 10px 0;
}

.champ_connexion input {
	max-width: 200px;
	margin-top: 7px;
	padding: 1px 7px;
	font-size: 90%;
}

.mess_erreur_connexion {
	height: 20px;
	color: red;
	text-align: center;
	font: 16px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
}

#id_form_connexion {
	text-align: center;
	margin-top: 30px;
}

.zone_form_connex, .zone_form_connex_2 {
	max-width: 460px;
	margin: auto;
}

.zone_form_connex_2 {
	width: 300px;
}
	
.newcode {
	padding: 0 0 20px 0;
	text-align: center;
}

.form_code_oublie {
	padding-top: 10px;
	padding-bottom: 25px;
/*	font-size: 16px;*/
}

.code_oublie a {
	font-size: 90%;
	color: #444;
	color: #0062c4; 
}
	
.btn_logout img{
	padding: 5px 0 0 17px;
}

.etoile {
	color: red;
}

.note_etoile {
	font-size: 85%;
	margin-bottom: 20px;
}

.mess1 {
	padding: 10px 0 20px 0;
}

.moitie {
	width: 50%;
	float: left;
}

.img_g_acc, .img_d_acc {
	width: 240px;
	display: block;
	overflow: hidden;
	text-align: center;
}

.img_g_acc {
	margin-left: 5%;
}

.img_d_acc {
	margin-right: 5%;
}

.img_g, .img_d {
	width: 300px;
	display: block;
	overflow: hidden;
}

.img_g, .img_g_acc {
	margin-right: 50px;
	float: left;
}

.img_d, .img_d_acc {
	margin-left: 50px;
	float: right;
}

.bigtitle {
	font-size: 170%;
	display: block !important;
}

.ombre {
	text-shadow: 2px 2px 2px #028ef3;
}

.rubrique {
	min-height: 100px !important;
}

.bottom1 {
	padding-bottom: 70px;
}

.bottom2 {
	padding-bottom: 50px;
}

.bottom3 {
	padding-bottom: 80px;
}

.bottom4 {
	padding-bottom: 100px;
}

.top1 {
	padding-top: 15px;
}

.encart_alert {
	padding-bottom: 50px;
}
	
.instr_conf_mail p, .apporteurs p {
	margin-bottom: 20px;
}

.autre_site {
	width: 33%;
	float: left;
	padding: 20px 2% 60px 2%;
}

.zone_intro {
	text-align: center;
	min-height: 500px;
	margin-bottom: 30px;
	padding-top: 15px;
}

.intro {
	width: 90%;
	margin: 0 5%;
	padding: 2%;
	font-size: 20px;
	text-align: center;
	overflow: hidden;
	background-color: white;
	color: #222;
	opacity: 0.87;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 4px 3px 3px #444;
}

/*
.intro h2 {
	padding-bottom: 20px;
}

.bloc_txt {
	margin-left: 4%;
}
*/
.bloc_colore {
	background-color: #d8f1f6;
	margin-bottom: 70px;
	padding-top: 50px;
	padding-bottom: 30px;
	color: #222;
	overflow: hidden;
}

.bloc_contact, .bloc_soutien {
	max-width: 1400px; 
	margin: auto;
	margin-bottom: 50px;
	font-size: 20px;
	overflow: hidden;
}

.txt_g {
	padding-left: 5% !important;
}

.txt_d {
	padding-right: 5% !important;
}

.contrats h2 {
	margin-top: 40px;
	color: #444;
}

.contrats li {
	margin-top: 10px;
	margin-left: 50px;
	list-style-type: circle;
}

.alert_redir {
	padding-bottom: 15px;
}

.img_qr {
	display: none;
}

.retrait_3 {
	margin-left: 40px;
}

.retrait_4 {
	margin-left: 70px;
}

.nowrap {
	white-space: nowrap;
}

.form_demande_test {
	max-width: 600px;
	margin-top: 30px;
	text-align: center;
	overflow: hidden;
}

.form_demande_test .saisie {
	margin: 15px 0;
}

.no_bottom {
	margin-bottom: 0 !important;
}

.icone_txt {
	padding-left: 7px;
	vertical-align: middle;
}

.sommaire {
	padding-bottom: 70px;
	overflow: auto;
}

.sommaire p {
	margin-bottom: 7px;
}

.faq_lien a:hover {
	color: #014ea3;
	font-weight: bold;
	/* text-decoration: underline; */
}

.sommaire h2 {
	padding: 30px 0 10px 0;
}

.faq_contenu h3 {
	font-size: 20px;
	color: #014ea3;	/* #012ea3; */
}

.faq_contenu h3 {
	/* padding: 20px 0 10px 0; */
}

.faq_haut {
	padding-bottom: 40px;
	font-size: 80%;
	color: #0062c4;
	cursor: pointer;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.bloc9 {
	overflow: auto;
}

.date_appli {
	margin: 0 0 30px 0 !important;
	text-align: center;
}

.police_reduite {
	font-size: 90%;
}

.liste_packs {
	padding: 20px 0 30px 0;
	overflow: auto;
}

.pointeur {
	cursor: pointer;
}

.overlay {	
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999;
}

.nddFaux {
	margin: -10px 0 0 20px;
	font-size: 80%;
	color: red;
}

.erreur_envoi {
	font-size: 22px;
	color: red;
}

.instr_mpd {
	margin-top: -10px;
	margin-bottom: 20px;
}

#page404 h2 {
	font-size: 200%;
}


#img1 {
	width: 12%;
}

#img2 {
	max-width: 350px;
	margin-top: 60px;
}

#img0_2 {
	max-width: 300px;
	margin-top: 60px;
}

#img3 {
	margin-top: 30px;
	border-radius: 10px;
}

#img4 {
	width: 75%;
	margin-top: 15px;
}

#img5 {
	margin-top: 85px;
	border-radius: 10px;
}

#img6 {
	margin-top: 20px;
}

#img3, #img6 {
	border-radius: 7px;
	border: 1px solid #e5e5e5;
}

#img9 {
	margin-top: 40px;
}

#img10 {
	margin-top: 30px;
}

#img1_1 {
	width: 80%;
	margin: auto;
}

#img1_2 {
	margin-top: 60px;
	width: 230px;
}

#img1_3, #img2_1 {
	margin-top: 90px;
}

#img1_4 {
	margin-top: 170px;
}

#img1_5 {
	margin-top: 40px;
	width: 270px;
}

#img1_6 {
	margin-top: 55px;
	width: 270px;
	margin-right: 9%;
}

#img1_6 img {
	width: 33%;
}

#img2_3 {
	margin: 50px 80px 50px 180px;
}

#img2_4 {
	width: 170px;
	margin-top: 30px;
	margin-right: 0;
}

#img2_5 {
	width: 225px;
	margin-top: 40px;
}

#btn_test {
	margin: auto;
}

#btn_contact {
	margin-left: -40%;
}

#btn_logout_rge, #btn_logout_rge_mobi {
	display: none;
}

#col_g, #col_g_part {
	display: none;
}

#alertTarif {
	color: #c00;
	display: none;
}

#page_pres_qrparcours {
	max-width: 1200px;
	margin: auto;
}

#page_accueil form p {
	text-align: center;
}

#page_pres_qrparcours h1 {
	padding: 0 0 20px 0;
	text-decoration: none;	
	font-size: 30px;
	text-align: center;
}

#page_pres_qrparcours h2 {
	font-size: 26px;
}
/*
#page_pres_qrparcours {
	margin-top: 30px;
}
*/
#page_pres_qrparcours form p {
	text-align: center;
}

#liste_villes {
	display: none;
	width: 70%;
	margin-left: 23%;
	margin-bottom: 15px;
	border: 1px solid #AAA;
	border-radius: 10px;
	background-color: #eee;
}

#liste_villes div {
	padding: 2px 10px;
	text-align: left;
	border: 0;
	border-radius: 10px;
	background-color: #eee;
}

#liste_villes div:hover, .result_focus {
	background-color: #DDD !important;
}

#oeil {
	margin-left: 10px;
	vertical-align: text-top;
}

#ecoute {
	padding-right: 30px;
	overflow: hidden;
}


#partenariat h1 {
	text-decoration: none;
}

#partenariat h2 {
	margin-top: 40px;
	margin-bottom: 10px;
}

#partenariat p, ul, .mb1 {
	margin-bottom: 25px;
}

#partenariat ul {
	margin-left: 40px;
}	

#partenariat form {
	margin-top: 50px;
	margin-bottom: 70px;
	text-align: center;
}	

#img_test {
	max-width: 60%;
}

/*   		-------------------------------------------               M O B I L E S            --------------------------------------------------     */


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

	.img_g, .img_d, #img1_6 {
		margin-left: 4%;
		margin-right: 4%;
	}
	
	#btn_contact {
		margin: auto;
	}
	
	#img1_1 {
		width: 92%;
		margin: auto;
	}

	#img1_2 {
		width: 230px;	
	}
	
	#img1_3, #img1_4, #img2_1, #img2_4 {
		width: 300px;
		margin-top: 30px;
	}

	#img1_5, #img1_6 {
		width: 270px;
	}
	
	#img1_2, #img1_3, #img1_5, #img1_6, #img2_1, #img2_5 {
		margin-bottom: 5px;
	}
	
	#img1_4, #img2_4 {
		margin-bottom: 30px;
	}
	
	.donnees_2 {
		overflow: visible;
	}
}


@media screen and (max-width: 1023px) {
	
	.img_g_acc, .img_d_acc {
		margin-left: 4%;
		margin-right: 4%;
	}

	.label_form {
		margin-top: 20px;
	}
	
	.autre_site {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
		padding-bottom: 50px;
	}
	
	.autre_site p {
		text-align: center;
	}
	
	#img1_2, #img1_3, #img1_4, #img1_5, #img2_1, #img2_4 {
		width: 33%;
		margin-top: 30px;
	}

	#img1_6 {
		margin-top: 55px;
		width: 27%;
	}
	
	#img2_3 {
		width: 25%;
		margin-left: 80px;
	}
}


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

	.sidebar {
		position: absolute;
		top: 105px; left: 0; right: 0;	/* voir .top */
	}

	/* navigation styles */
	nav {
		-webkit-columns: 1;
		-moz-columns: 1;
		-ms-columns: 1;
		columns: 1;
		-webkit-column-gap: 2px;
		-moz-column-gap: 2px;
		-ms-column-gap: 2px;
		column-gap: 2px;
		padding: 2px;
	}
	
	nav > a {
		display: inline-block;
		width: 100%;
		height: 4rem;
		line-height: 4rem;
		padding-left: 1rem;
	}
	
	nav a {
		margin-bottom: 2px;
		text-decoration: none;
		background: rgba(255,255,255, 0.1);
	}
	
	#navigation2 {
		display: none;
	}

	#navigation2_mobi {
		margin-left: 30%;
		text-align: right;
		font-size: 22px;
		padding-top: 5px;
		padding-bottom: 17px;
	}
	
	.wrapper {
		width: 100%;
		transform: translateX(0) translateZ(0);
		transition: transform .3s;
		will-change: transform;
		overflow: hidden;
	}  

	/* button deco */
	[class^="nav-button"] {
		display: block;
		z-index: 1;
		height: 1.7rem; width: 2rem;
		background-color: transparent;
		background-image: linear-gradient(to right, #28a1d6, #28a1d6),
		linear-gradient(to right, #28a1d6, #28a1d6),
		linear-gradient(to right, #28a1d6, #28a1d6);
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		background-size: 2rem .3rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}    

	/* here's goes the push top effect */
	body:target .wrapper, body:target #footer {
		transform: translateY(16.5rem); /* based on navigation's height */			/*	 4 * 4 + 0.5 */
	}
	.nav-button-close,
		body:target .nav-button-open {
		display: none;
	}
	.nav-button-open,
		body:target .nav-button-close {
		display: block;
	}

	.menu_mobi {
		margin-bottom: 30px;
	}

	.donnees, .donnees_part {
		margin-left: 3% !important;
		margin-right: 3% !important;
	}
		
	.genepage {
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.flot_g_nomtab {
		float: none;
	}

	.btn_logout img{
		padding: 0 0 2px 17px;
	}
	
	.footer_sep {
		display: block;
		padding-bottom: 12px;
	}
	
	.mentions li, .instr_mail li, .saisie_choix {
		margin-left: 40px;
	}

	.saisie_form input, .saisie_form textarea {
		font-size: 100%;
	}	
		
	.saisie_form textarea {		/* .contact_form , .saisie_form textarea { */
		width: 90%;
	}
	
	.bouton_esp2 {
		margin-left: 55px;
	}

	.rib_data {
		display: block;
	}

	.connexion .bouton_crea {
		margin-bottom: 50px;
	}

	#site, #fb {
		width: 95%;
	}
	
	#ecoute h2 {
		margin-top: 25px;
		text-align: center;
	}
	
	#ecoute p {
		text-align: center;
		clear: both;
	}
	
	#img1_6 {
		width: 10%;
		margin-left: 8%;
		margin-right: 40px;
	}
	
	#img1_6 img {
		width: 100%;
	}
	
	#img2_3 {
		margin: 70px 50px 50px 30px;
	}
	
	#img2_5 {
		width: 33%;
		margin-top: 30px;
	}
	
	#img9, #img101 {
		width: 65%;
		margin: auto;
		margin-top: 40px;
		margin-bottom: 15px;
		float: none;
	}
	
	#partenariat h1 {
		padding: 0;
	}
	
	#partenariat ul {
		margin-left: 20px;
	}
}


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

	.intro {
		border: 1px solid #bbb;
	}
	
	.no_mobi {
		display: none;
	}
	
	.flot_g_nomobi {
		float: none;
	}

	.mobi_center {
		text-align: center;
	}
/*
	.bouton_valider {
		margin-left: 0;
	}
*/
	.tarifs_encart {
		width: 290px;
		margin: auto;
		margin-bottom: 40px;
		float: none;
	}
	
	.img_g, .img_d, .img_g_acc, .img_d_acc {
		width: 80% !important;
		margin: auto !important;
		margin-bottom: 15px !important;
		float: none !important;
		text-align: center;
	}

/*
	.bloc_txt h2 {
		margin-top: 10px;
	}
*/	
	.bouton_esp1 {
		margin-left: 0;
		margin-top: 20px;
	}
	
	.bouton_esp2 {
		margin-left: 0;
	}

	.bouton_esp_annu_val, .bouton_esp_annu_com {
		margin-left: 60px;
	}
	
	.bouton_lien {
		margin: auto;
		margin-top: 30px;
		margin-bottom: 60px;
		float: none;
	}
	
	.btn_mobi {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.liste_packs {
		padding: 40px;
	}
		
	#societe, #adresse, #adresse2 {
		width: 95%;
	}
	
	#liste_villes {
		width: 100%;
		margin-left: 0;
	}
	
	#ecoute h2 {
		margin-top: 17px;
	}
	
	#img0_2 {
		margin-top: 0;
	}
		
	#img2_3 {
		margin-top: 30px;
	}
	
	/*
	#img3 {
		width: 60%;
		margin-right: 7%;
		float: right !important;
	}
	*/
	
	#img5 {
		margin-top: 90px;
		width: 65%;
	}
	
	#img1_6 {
		margin-top: 75px;
	}
	
	#img1_2, #img1_3, #img1_4, #img1_5, #img2_3, #img2_5 {
		width: 50% !important;
	}
	
	#img2_4 {
		width: 30% !important;
	}
}


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

	.no_mobi2 {
		display: none;
	}
	
	.zone_intro {
		background: url(images/pont_mobi.jpg) no-repeat;
		padding-top: 200px;
	}
	
	.mentions li, .instr_mail li, .apporteurs li, .saisie_choix {
		margin-left: 25px;
	}
	
	.note {
		text-align: left;
	}

	.saisie_form input {
		width: 80%;
		font-size: 100%;
	}
	
	.contact {
		margin-left: 4%;
	}

	.bottom3 {
		padding-bottom: 50px;
	}

	.bottom4 {
		padding-bottom: 70px;
	}
	
	.retrait_4 {
		margin-left: 40px;
	}

	#img1_6 {
		margin-top: 85px;
	}
	
	#img2 {
		margin-top: 0;
	}
	
	#img9, #img10 {
		width: 80%;
	}
	
	#img10 {
		margin-left: 10%;
	}
		
	#ville, #mail1, #mailRef {
		width: 95%;
	}
	
	#pass1 {
		width: 77%;
	}
		
	#ecoute h2 {
		margin-top: 10px;
	}
}


@media screen and (max-width: 360px) {	
		
	.no_mobi3 {
		display: none;
	}
	
	.bouton_esp_annu_val {
		margin-left: 30px;
	}
	
	.bouton_esp_annu_com {
		margin-left: 25px;
	}
	
	.mb {
		margin-bottom: 20px;	
	}
	
	.txt_contact_mobi {
		display: block;
	}
	
	.txt_contact {
		display: none;
	}	

	#nom, #prenom, #fonction {
		width: 95%;
	}	
	
	.tarifs_encart {
		width: 90%;
	}
}




@media screen and (min-width: 361px) {

	.top h2 {
		font-size: 16px;
	}
	
	.bigtitle {
		font-size: 200%;
	}

	.txt_contact {
		display: block;
	}
}


@media screen and (min-width: 480px) {

	.zone_intro {
		margin-bottom: 50px;
		background: url(images/pont_tab.jpg) no-repeat;
	}

	.intro {
		line-height: 1.6;
		padding-bottom: 3%;
	}
	
	#page_accueil h1 {
		padding-bottom: 7px;
	}
	
	.bloc_colore ul {
		margin-left: 4%;
	}

	.mobi2 {
		display: none;
	}
	
	.esp_chk {
		margin-right: 50px;
		float: left;
	}
		
	.rub_abt_data .note2::before {
		content: "(";
	}

	.rub_abt_data .note2::after {
		content: ")";
	}
}


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

	.mobi {
		display: none;
	}

	.zone_intro {
		padding-top: 50px;
	}
	
	#img4 {
		width: 235px;
		margin-top: 35px;
		margin-right: 5%;
	}
	
	.bloc_colore ul {
		margin-left: 10%;
	}	

	.contenu_mentions {
		padding-top: 30px;
	}
}


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

	.top {
		height: 185px;
	}
	
	.top h2 {
		padding-bottom: 20px;
		font-size: 24px;
	}

	.sidebar {
		width: 75%;
		float: left;
	}
	
	#navigation	 {
	/*	margin-left: 20%;	*/
		padding: 10px 0 15px 0;
	}
	
	#navigation2 {
		width: 25%;
		margin-left: 75%;
		padding: 10px 0 15px 0;
	}

	#navigation2_mobi {
		display: none;
	}
	
	.onglet {
		padding-right: 30px;
	}
	
	.onglet_connexion {
		text-align: right;
	}
/*
	#page_accueil h1 {
		font-size: 34px;
	}
*/
	/*
	.ombre {
		text-shadow: 3px 2px 2px #028ef3;
	}
*/
	.zone_intro {
		margin-bottom: 90px;
	}

	.intro {
		width: 720px;
		margin: auto;
	}

	.bloc_txt2 {
		margin-left: 4%;
	}
	
	.bloc_colore ul {
		margin-left: 20%;
	}
		
	.bloc_contact_txt {
		width: 50%;
		float: right;
	}

	.txt_contact {
		margin-left: 30px;
	}
	
	#img5 {
		margin-top: 60px;
	}
	
	#img9 {
		width: 32%;
		margin-top: 50px;
	}
	
	.bottom1 {
		padding-bottom: 120px;
	}	

	.bottom2 {
		padding-bottom: 100px;
	}	
	
	.bloc_colore {
		margin-bottom: 120px;
	}
	
	.donnees, .donnees_2 {
		max-width: 750px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.donnees_2 {
		margin: auto;
	}
	
	#col_g  {
		width: 120px;
		margin: 150px 3% 40px 5%;
		display: block;
		float: left;
		overflow: hidden;
	/*	border: 1px solid #ccc; */
	}
	
	.tarifs_encart {
		width: 40%;
		margin: 4%;
	}
	
	.rib_data:after {
		content: "- ";
	}
	
	.footer_sep:after {
		content: " -";
		padding: 5px;
	}
	
	#id_form_connexion {
		width: 762px;
		margin: auto;
		margin-top: 20px;
	}
	
	.zone_form_connex_2 {
		float: left;
	}
	
	.connect_crea {
		margin-top: 40px;
	}
}


@media screen and (min-width: 1024px) {

	.wrapper {
	/*	width: 1000px;	*/
	}
/*	
	#page_accueil h1 {
		font-size: 48px;
	}
*/
/*
	.ombre {
		text-shadow: 4px 2px 3px #028ef3;
	}
*/
/*
	.zone_intro {
		margin-bottom: 120px;
	}
*/
	.intro {
		width: 750px;
		padding: 30px 2% 40px 2%;
	}
	
	.donnees, .connexion, .sites {
		overflow: hidden;
	}
	
	.bottom1 {
		padding-bottom: 130px;
	}	
	
	.bloc_txt2 {
		margin-left: 14%;
	}

	#img4 {
		width: 23%;
		margin-top: 50px;
	}
	
	#img5, #img9 {
		margin-top: 50px;
	}
/*	
	#img10 {
		margin-top: 30px;
	}
*/	
	.bloc_colore {
		margin-bottom: 150px;
	/*	padding-right: 4%;	*/
	}
	
	.bloc_colore ul {
		margin-left: 10%;
	}
	
	.wait {
		max-width: 58%;
	}
	
	.txt_d {
		float: right;
	}
	
	#id_form_connexion {
		width: 900px;
		margin: auto;
		margin-top: 20px;
	}
	
	.zone_form_connex {
		width: 598px;
		margin: auto;
	}
		
	.mentions {
		padding-right: 30px !important;
	}
}
	

@media screen and (min-width: 1025px) {
	
	.onglet {
		padding-right: 50px;
	}

	.zone_intro {
		background: url(images/pont.jpg) no-repeat;
	}
	
	.footer_sep:after {
		padding: 25px;
	}
}


@media screen and (min-width: 1200px) {

	.wrapper {
	/*	width: 1100px;	*/
	}
/*
	.bloc_colore {
		margin-bottom: 180px;
	}
*/
	.bloc_txt {
		margin: auto;
	}
	
	.bloc1 .bloc_txt {
		margin-left: 10%;
	}
	
	.img_qr {
		display: block;
	}
		
	.img_g_acc, .img_d_acc {
 		width: 21%;
	}

	#img1, #img2 {
		margin-top: 45px;
	}
	
	#img0_2 {
		margin-top: 55px;
	}
	
	#img4 {
		margin-top: 40px;
	}
	
	#img5 {
		margin-top: 40px;
	}
	
	#img9 {
		margin-top: 30px;
	}
	
	.autre_site {
		/* width: 33%; */
		padding-left: 3%;
		padding-right: 3%;
	}

	.autre_site p {
		min-height: 100px;
	}

	#id_form_connexion {
		width: 1000px;
	}
	
	.zone_form_connex {
		width: 696px;
	}
	
	#col_g  {
		width: 160px;
		/*margin-top: 130px;*/
		margin-left: 7%;
	}
	
	#col_g_part {
		width: 200px;
		margin: 170px 10% 0 10%;
		display: block;
		float: left;
		overflow: hidden;
	}
}


@media screen and (min-width: 1281px) {

	.wrapper {
	/*	width: 1200px;	*/
	}
/*	
	.zone_intro {
		margin-bottom: 150px;
	}
*/	
	.bloc1 {
		width: 1280px; 
		margin: auto;
	}
	
	#col_g  {
		margin-right: 7%;
	}
	
	/*
	#img3 {
		width: 270px;
	}
	*/
}


@media screen and (min-width: 1440px) {

	.bloc1 {
		width: 1400px;
	}
	
	#img1, #img2 {
		margin-top: 35px;
	}
	
	#img4 {
		width: 20%;
		margin-right: 5%;
	}
	
	.autre_site p {
		/* min-height: 200px; */
	}
	
	#col_g  {
		margin-right: 8%;
		margin-left: 12%;
	}
}


@media screen and (min-width: 1600px) {

	.donnees {
		max-width: 750px;
	}
	
	#img4 {
		width: 25%;
		margin-right: 7%;
	}
	
	#col_g  {
		width: 200px;
	}
}


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

	.retrait_1 {
		margin-left: 70px;
	}
	
	.faq_contenu {
		margin-left: 40px;
	}
}


@media screen and (min-height: 1000px) {
	
	.wrapper {
		min-height: 770px;
	}
}