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

h1 {
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
	text-decoration: underline;
	font-size: 24px;
	/*color: black;*/
				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.5;
}

li {
	list-style-type: none;
}

a {
	color: #0062c4;
}

a:link, a:visited, a:hover {
	color: #0062c4; text-decoration: none;
}
 
.menu a:hover, .footer a:hover {
	text-decoration: underline;
}


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

.top, .top h1 {
	padding: 0;
	text-decoration: none;
	color: #111;
}

.bandeau_top h1 {
	min-height: 80px;
	line-height: 80px;
}

.wrapper, .menu_wrap {				
	position: relative;
	width: 750px;
	min-height: 3px;
	margin: auto;
	overflow: hidden;
}

.donnees , .connexion {
	min-width: 3px;
	min-height: 600px;
	width: 92%;
	padding: 20px 4% 30px 4%;
	font-size: 20px;
	overflow: hidden;
}

.menu {
	width: 100%;
	padding: 20px 0 30px 0;
	overflow: hidden;
	background-color: #4279c0;	/*#84c5ec; 	/* #666; */
	margin: 0 0 15px 0;
	font-size: 22px;
	text-align: center;	
	color: white;
}

.menu_liste {
	overflow: hidden;
	text-align: left;
}

.menu a:link, .menu a:visited {
	color: white;	/*#ff0;	/* white; */
}

.menu a:hover  { 
	color: white; 
	text-decoration: underline;
/*	font-style: italic;*/
}

#btn_menu {
	display: none;
}

.onglet {
	margin-left: 80px;
	float: left;
}

.menu_admin {
	margin: auto;
	margin-top: 2px;
	padding: 5px 25px 5px 0; 
	border: 2px solid red; 
	background-color: white;
}

.lien_admin {
	padding: 0 25px 0 25px;
	float: left;
}

#page_accueil h1 {
	padding-top: 20px;
	padding-bottom: 15px;
	text-decoration: none;	
	font-weight: bold;
}

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

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

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

.genepage p, .bloc_txt, .txt_tarif, figure {
	line-height: 1.5;
	text-align: justify;
}

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

.genepage figure {
	padding-bottom: 30px;
}

.genepage audio {
	padding-bottom: 30px;
}

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

.genepage .aff_video {
	padding-bottom: 30px;
}

.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, .txt_tarif li {
	margin-left: 50px;
	list-style-type: '- ';
}

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

.txt_tarif h2 {
	margin-bottom: 10px;
	color: #333;
}

#footer
{
	clear: both;
	width: 100%;
	margin: auto;
	margin-top: 7px;
	padding: 9px 0 16px 0;
	font-size: 15px;
	color: #333;
	text-align: center;
/*	border-top: 1px solid #ccc;*/
background-color: #4279c0;
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 60px;
	font-size: 18px;
	line-height: 1.6;
	float: left;
}

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

.txt_contact_mobi {
	display: none;
}

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

.flot_g {
	float: left;
}

.flot_d {
	float: right;
}

.clear_both {
	clear: both;
}

.align_g {
	text-align: left;
}

.align_c {
	text-align: center;
}

.align_d {
	text-align: right;
}

.align_j {
	text-align: justify;
}

.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_bleue {
	color: #3f48cc;
}

.police_noire {
	color: black;
}

.police_orange {
	color: orange;
}

.police_pourpre {
	color: purple;
}

.police_rouge {
	color: red;
}

.police_verte {
	color: #289b38;
}

.fluo
{
	Background-Color: Yellow;
}

.label_champ2 {
	margin: 0;
	padding: 0 0 5px 0;
}

.saisie_champ {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
}

.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 {
	display: none;
}

.niveau2 {
	margin-left: 30px;
}

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

.btn_form {
	margin: 20px 50px 10px 50px;
	padding: 1px 5px 1px 5px;
}

.zone_liens {
	display: block;
	padding-top: 10px;
	line-height: 1.5;
}

.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_tarif {
	margin: 0 0 15px 50px;
	padding: 0;
}

.saisie input, .saisie2 input, .saisie select {
	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;
}

.btnAnnul {
	margin: 0 280px 20px 20px;
	float: left;
}

.btnEnvoi {
	margin: 0 0 20px;
}

.btnAnnul input, .btnEnvoi input {
	padding: 2px 5px 2px 5px;
}

.note {
	font-size: 90%;
}

.intiTarif {
	width: 300px;
	float: left;
}

.prix, .prix_simul {
	margin-left: 300px;
	text-align: right;
}

.prix {
	width: 70px;
}

.prix_simul {
	width: 100px;
}

.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 {
	padding: 6px 26px; 
	background-color: white;
	color: #0062c4; 
	border-radius: 32px;
	font-size: 90%; 
	border: 2px solid #0062c4;
}
	
.bouton_form:hover, .bouton_form:hover a {
	background-color: #0062c4;
	color: white; 
	border: 2px solid #0062c4;
	cursor: default;
}

.bouton_lien {
	width: 150px;
	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 {
	margin-left: 180px;
}

.bouton_esp2 {
	margin-left: 100px;
}

.connexion {
	text-align: center;
}

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

.connect_crea {
	margin-top: 30px;
	padding: 0 0 14px 0;
	text-align: center;
	font-weight: bold;
}

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

.saisie_form input, .saisie_form textarea {
	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: 350px;
}

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


.label_connexion {
	margin: 0;
	padding: 10px 0 0 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;
}

.bouton_envoi input {
	margin: 15px 0 10px 0;
	padding: 2px 5px 2px 5px;
}

#id_form_connexion {
	width: 100%;
	text-align: center;
}

.zone_clavier, .newcode {
	width: 240px;
	padding: 10px 10px 20px 10px;
	text-align: center;
	border: 1px solid #0062c4;
}

.zone_clavier {
	margin: 30px auto;
}

.newcode {
	margin: 30px 0;
}

.clavier {
	margin-top: 10px;
}

.touche_clavier {
	width: 25px;
	height: 25px;
	margin: 0 5px 10px 5px;
	padding: 6px 5px 4px 5px;
	border: 1px solid #333;	/* #0062c4; */
	float: left;
	cursor: pointer;
font: 20px Trebuchet MS, Verdana, Courier;
}

.touche_clavier:hover {
	border: 2px solid red;
	padding: 4px;
}

.paves {
	width: 300px;
	margin: auto;
}

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

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


.code_oublie a {
	font-size: 90%;
	color: #444;
color: #0062c4; 
}

.atouts_compte {
	margin-top: 80px;
	margin-bottom: 100px;
}
	
.btn_logout  img{
	padding: 0 0 3px 17px;
}

.etoile {
	color: red;
}

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

.rub_compte {
	margin-bottom: 20px;
}

.rub_compte a, .coord_compte, .info  {
	margin-left: 30px;
	font-size: 95%;
}

.rub_compte a  {
	font-size: 95%;
}

.coord_compte  {
	line-height: 1.45;
	font-size: 90%;
}

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

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

.marge_h {
	margin-top: 10px;	
}

.numero {
	font-size: 80%;
}

.export_ln{
	line-height: 1.5;
}

#btn_logout_rge {
	display: none;
}

#col_g, #menu_g {
	display: none;
}

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

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

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


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

	.atouts_compte {
		display: none;
	}
}


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

	.wrapper, .menu_wrap {
		width: 100%;
	}
	
	.menu {
		margin-bottom: 10px;
		padding-left: 30px;
	}
	
	.footer_sep, .menu_sep {
		display: block;
		padding-bottom: 12px;
	}
	
	.genepage .aff_video {
		width: 592px;
		height: 333px;
	}

	.saisie_form input, .saisie_form textarea {
		font-size: 100%;
	}	
		
	.saisie_form textarea {		/* .contact_form , .saisie_form textarea { */
		width: 90%;
	}
	
	.zone_clavier {
		margin: 30px auto;
		float: none;
	}
}


@media screen and (max-width: 599px) {	
	
	.no_mobi {
		display: none;
	}
	
	.genepage .aff_video {
		width: 464px;
		height: 261px;
	}
	
	.bouton_esp1 {
		margin-left: 0;
		margin-right: 10px;
		float: right;
	}
}


@media screen and (max-width: 479px) {	
	
	.genepage .aff_video {
		width: 352px;
		height: 198px;
	}
	
	.btnAnnul {
		margin-right: 0;
	}
	
	.btnEnvoi {
		text-align: right;
		margin-right: 20px;
	}
	
	.intiTarif, .prix, .prix_simul {
		width: 100%;
		float: none;
		text-align: center;
	}

	.note {
		text-align: left;
	}

	.prix, .prix_simul {
		margin-left: 0;
		margin-bottom: 20px;
	}
	
	.txt_tarif h2 {
		text-align: center;
	}
	
	.saisie_form input {
		width: 80%;
		font-size: 100%;
	}
}


@media screen and (max-width: 360px) {	
	
	.genepage .aff_video {
		width: 304px;
		height: 171px;
	}
	
	.txt_contact_mobi {
		display: block;
	}
	
	.txt_contact {
		display: none;
	}	
	
	.rub_compte a {
		line-height: 2.5;
	}
}



@media screen and (min-width: 361px) {
	
	.txt_contact {
		display: block;
	}
}


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

	.mobi {
		display: none;
	}
	
	.txt_contact, .txt_tarif {
		margin-left: 30px;
		line-height: 1.6;	
	}
	
	.paves {
		width: 600px;
	}
	
	.newcode {
		margin: 30px 19px;
		float: left;
	}
}


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

	.donnees, .menu_liste {
		width: 720px;
		padding-right: 15px;
		padding-left: 15px;
		margin: auto;
	}
	
	.footer_sep:after {
		content: " -";
		padding: 5px;
	}
	
	.menu_sep:after {
	/*	content: " |";	*/
		content: " ";
		padding: 5px;
	}
	
	.genepage .aff_video {
		width: 720px;
		height: 405px;
	}
}


@media screen and (min-width: 800px) {
	
	.donnees, .menu_liste {
		padding-right: 50px;
		padding-left: 50px;
	}
}


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

	.wrapper, .menu_wrap {
		width: 1000px;
	}
	
	#col_g, #menu_g  {
		width: 300px;
		display: block;
		float: left;
		overflow: hidden;
	}
	
	#col_g {
		margin-top: 50px;
		border: 1px solid #ccc;
	}

	.menu_admin {
		width: 971px;
	}

	.menu {
		width: 230p;
		padding-right: 4px;
		padding-left: 8px;
		float: right;
	}
	
	#id_form_connexion {
		width: 900px;
		margin: auto;
	}
	
	.zone_form_connex {
		width: 450px;
		float: left;
	}
	
	.connect_crea {
		margin-top: 65px;
	}
}


@media screen and (min-width: 1025px) {
	
	.top, .top h1 {
		font-size: 38px;
	}
	
	.footer_sep:after, .menu_sep:after {
		padding: 25px;
	}
}


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

	.wrapper, .menu_wrap {
		width: 1200px;
	}
	
	#id_form_connexion {
		width: 1000px;
	}
	
	.zone_form_connex {
		width: 498px;
		margin: auto;
		margin-top: 70px;
	}
}


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