@charset "UTF-8";
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.bon-gratuit {
	background-image: url(../images/encadre-rouge.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	text-indent: 0px;
	vertical-align: middle;
	height: 69px;
	width: 336px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 9px;
	padding-left: 20px;
	font-weight: bold;
	color: #FF0;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.8em;
	text-shadow: 0 0 2px #731B18;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.entete-nav-dossier {
	margin-left: -35px;
	margin-top: -30px;
	padding-bottom: 5px;
}
.dessin-gagnant {
	float: left;
}
.photo-pierre {
	float: left;
	margin-left: -80px;
}
.photo-francois {
	float: right;
}
.encadre-francois {
	background-color: #D9E9F4;
	margin-top: 20px;
}
.padding-francois {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.kalam {
	font-family: 'Kalam', cursive;
	font-size: 1.2em;
	color: #E62100;
}
.guide-9peches {
	float: left;
}
.systeme-reducteur {
	float: left;
	margin-left: -100px;
}
.containercharte {
    max-width: 400px;
    margin: auto;
    background-color: #FFFFFF;
}
.containercharte h1 {
    text-align: center;
    font-weight: 600;
    padding-top: 25px;
	padding-bottom: 15px;
line-height: 1.2em;}

.guide-argent {
	float: right;
	margin-right: -65px;
}
.onglet {
	width: 85px;
	height: 26px;
	float: left;
	background-image: url(../images/onglet.png);
	background-repeat: no-repeat;
	margin-top: -6px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 0.9em;
	padding-top: 3px;
	margin-left: 0px;
	text-align: center;
}
.nav-onglet {
	width: 595px;
	margin-left: auto;
	margin-right: auto;
	z-index: 111111;
}
.nav-onglet-bis {
	width: 595px;
	margin-left: auto;
	margin-right: auto;
	z-index: 11111111;
}
.lire-la-suite {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
.titre-essai {
	margin-top: 25px;
	font-size: 1.5em;
	font-weight: 700;
	color: #004396;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.2em;
}
.titre-pagesecu {
	margin-top: 25px;
	font-size: 1.3em;
	font-weight: 700;
	color: #004396;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.indice {
	vertical-align: top;
	font-size: 0.5em;
}
.encadre-bleu-essai {
	background-color: #d9e9f4;
	width: 230px;
	display: block;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 5px;
		display: block;

}
.encadre-bleu-essai-bis .lecon-1-essai-plus {
	margin-top: 15px;
}
.encadre-bleu-essai-bis .cadeau-essai {
	float: right;
}
.encadre-bleu-essai-bis .pouce-essai {
	float: right;
	padding-right: 50px;
	margin-top: 0px;
	width: 80%;
}
.encadre-bleu-essai-bis .avantages-essai-txt {
	padding-left: 30px;
	padding-top: 0px;
	float: left;
}
.liencharte {
    color: #FFFFFF;
    text-decoration: none;
}
.imgcadenas {
    display: table-cell;
}
.mentionslegales .calq {
    width: 33%;
    display: table-cell;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 670px) {
.encadre-bleu-essai {
	display:none;
}
}
.encadre-bleu-essai-bis {
	display: none;
}
@media screen and (max-width: 670px) {
.encadre-bleu-essai-bis {
	background-color: #d9e9f4;
	width: 80%;
	display: block;
	float: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
		display: block;

}
}
.fleche-essai {
	display: inline;
}
#logo-cerel-pagesecu {
	margin-top: 15px;
	float: left;
}

.page-pre {
	float: right;
	margin-top: 20px;
}
.sous-titre-pagesecu {
	font-style: normal;
	font-weight: 700;
	font-size: 0.6em;
}
.bien-note {
	border: 0;
	border-collapse: collapse;
	width: 80%;
	font-size: 1.12em;
	line-height: 1.4em;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}
.bien-note td {
	font-size: 0.7em;
	line-height: 1.2em;
}
.autorise {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-indent: 0px;
}
.autorise p {
	text-indent: 0;
	font-size: 0.8em;
	line-height: 1.2em;
}
#infolegal-pagesecu {
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 0.85em;
	width: 100%;
}
#infolegal-pagesecu p {
	text-indent: 0;
	text-align: center;
	line-height: 1.2em;
	font-size: 0.7em;
}
.form-pagesecu {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	line-height: 1.2em;
}
.asterisque {
	color: #AC1F22;
}
.valider {
	margin-left: auto;
	margin-right: auto;
}
#merci-pagesecu {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.encadre-bleu-essai a {
	color: #58585a;
	text-decoration: none;
}
.encadre-bleu-essai-bis a {
	color: #58585a;
	text-decoration: none;
}
#calq-faq ol {
	list-style-position: outside;
	list-style-type: decimal;
	color: #004396;
	font-size: 0.8em;
}
ol .p-faq a {
	color: #004396;
	margin-top: 0px;
}
.p-faq {
	margin-top: 15px;
}
#calq-faq {
	margin-top: 50px;
}
#liste-faq {
	list-style-position: outside;
	list-style-type: decimal;
	color: #004396;
	font-weight: bold;
	margin-top: 0px;
}
#liste-faq li p {
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
#calq-faq2 {
	margin-top: 75px;
}
#hautdepage a {
	color: #004396;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	font-size: 0.6em;
	text-align: right;
}
#hautdepage {
	float: right;
}
#liste-faq li {
	margin-top: 25px;
	line-height: 1.2em;
}
#illus-tem3 {
	float: left;
	padding-right: 15px;
}
#sousliste-faq2 {
	font-weight: normal;
	color: #000000;
}
li #sousliste-faq2 li {
	margin-top: 8px;
	list-style-type: disc;
}
.precedent, .btn-lecon-fin, .suivant {
	display:inline;
}
.liste-dossier-3 li {
	margin-top: 15px;
}
.encadre-lecon7 {
	width: 70%;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	background-color: #D9E9F4;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 2% 10%;
}
@media screen and (max-width: 670px) {
	.precedent, .btn-lecon-fin, .suivant {
	display:block;
}
}
.btn-fin {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

@media screen and (max-width: 670px) {
	.form-pagesecu {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
}
}
.cb-ae {
	float: left;
}
.cb-visa {
	float: right;
	margin-bottom:15px;
}
@media screen and (max-width: 500px) {
	.cb-ae {
	float: none;
	margin-bottom:5px;
}
.cb-visa {
	float: none;
}
}
.in-date-val, .in-num-cb, .in-crypto {
	float: right;
}
@media screen and (max-width: 500px) {
	.in-date-val, .in-num-cb, .in-crypto {
	float: none;
		margin-bottom:15px;

}
}
.date-val, .num-cb, .crypto {
	float: left;
	margin-bottom:15px;
}
@media screen and (max-width: 500px) {
.date-val, .num-cb, .crypto {
	float: none;
		margin-bottom:5px;

}
}

.la-prenom, .la-nom, .la-adresse, .la-adresse2, .la-cp, .la-commune, .la-email, .la-email2 {
	float: left;
}
@media screen and (max-width: 500px) {
	.la-prenom, .la-nom, .la-adresse, .la-adresse2, .la-cp, .la-commune, .la-email, .la-email2 {
	float: none;
	padding-bottom:5px;
}

}
.clear {
	clear: both;
	height:5px;
}
.melle, .mme, .m {
	display:block;
	float:left;
}
.civ {
	margin-top: 15px;
	padding-bottom: 30px;
}
.adresse {
	margin-top: 30px;
	font-weight: 700;
	color: #004396;
	margin-bottom: 15px;
}
.in-prenom, .in-nom, .in-adresse, .in-adresse2, .in-cp, .in-commune, .in-email, .in-email2 {
	float: right;
	}
		@media screen and (max-width: 670px) {

	.in-prenom, .in-nom, .in-adresse, .in-adresse2, .in-cp, .in-commune, .in-email, .in-email2 {
	margin-right:0px;
	}
	}
	@media screen and (max-width: 500px) {
		.in-prenom, .in-nom, .in-adresse, .in-adresse2, .in-cp, .in-commune, .in-email, .in-email2 {
	float: none;
	clear:both;
	}
	}
	.select {
	float: right;
	}
	@media screen and (max-width: 500px) {
	.select {
	float: none;
	}
	}
.resaisir {
	font-size: 0.8em;
	text-indent: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.form-pagesecu label {
	vertical-align:bottom;
	float:left;
}
@media screen and (max-width: 500px) {
	
.form-pagesecu label {
	float:none;
	clear:both;
}
}	
	@media screen and (max-width: 670px) {
.fleche-essai {
	display: none;
}
}

.titre-bleu-essai {
	font-style: normal;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #004796;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: auto;
	color: #FFFFFF;
	-webkit-box-shadow: 1px 1px 1px 1px #A2A1A1;
	box-shadow: 1px 1px 1px 1px #A2A1A1;
}
#texte-essai .encadre-bleu-essai .centre {
	margin-top: 5px;
}
.centre {
	text-align: center;
}
.lecon-1-essai {
	margin-top: 5px;
	float: left;
}
.cadenas-essai {
	margin-top: 5px;
	float: left;
	margin-left: 20px;
}
.lecon-1-essai-txt {
	font-size: 1em;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
	color: #58585a;
	margin-bottom: 8px;
}

.zerorisque {
	font-size: 1em;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
	color: #58585a;
	margin-bottom: 8px;
	float: none;
}
.avantages-essai-txt {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #58585a;
	margin-bottom: 8px;
	float: left;
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 15px;
}
.cadeau-essai-txt {
	font-size: 1em;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
	color: #58585a;
	margin-bottom: 8px;
	float: left;
	width: 55%;
	padding-left: 5px;
}
@media screen and (max-width: 670px) {
.cadeau-essai-txt {
	float: none;
	width: 100%;
}
}
.garantie-essai-plus {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.cadeau-essai {
	float: left;
}
.pouce-essai {
	text-align: center;
	float: left;
}
.liste-essai li {
	margin-top: 15px;
}
.inscription-ligne {
	width: 49%;
	text-align: center;
	float: left;
}
@media screen and (max-width: 670px) {
.inscription-ligne {
	width: 100%;
	float: none;
}
}
.inscription-courrier {
	width: 49%;
	text-align: center;
	float: right;
	margin-top: -17px;
}
@media screen and (max-width: 670px) {
.inscription-courrier {
	width: 100%;
	float: none;
	margin-top: 0px;
	padding-top:25px
}
}
.lien-inscription {
	margin-top: 0px;
	line-height: normal;
}
.liste-serieux {
	list-style-position: outside;
	list-style-type: decimal;
	color: #004396;
	font-weight: bold;
	margin-top: 0px;
}
.liste-serieux li p {
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.liste-serieux li {
	margin-top: 25px;
}
.cachet-huissier {
	float: right;
}
li .liste-dossier li {
	font-weight: normal;
	color: #000000;
}
@media screen and (max-width: 670px) {
	.nav-onglet-bis {
	width:100%;
}
}
.lien-onglet {
	text-decoration: none;
	z-index: 99999999;
}
a.lien-onglet:hover .onglet, .onglet-actif{
	background-image: url(../images/onglet2.png);
	background-repeat: no-repeat;
	margin-top: -6px;
	height: 32px;
	padding-top: 8px;
}
.lecon {
	font-style: italic;
	font-weight: 700;
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #074496;
}
.lecon-rouge {
	font-style: italic;
	font-weight: 700;
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #e2001a;
}
.titre-lecon {
	font-weight: 700;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.2;
	color: #E62100;
	text-indent: 0px;
}
.titre-lecon-bis {
	font-weight: 700;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.2;
	color: #074496;
	text-indent: 0px;
	margin-top: 25px;
	padding-top: 65px;
	padding-bottom: 25px;
	padding-right: 25px;
	padding-left: 25px;
}
.titre-lecon-bis-rouge {
	font-weight: 700;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.2;
	color: #e2001a;
	text-indent: 0px;
	margin-top: 25px;
	padding-top: 65px;
	padding-bottom: 25px;
	padding-right: 25px;
	padding-left: 25px;
}
.illus-lecon2 {
	float: left;
	margin-left: -90px;
	padding-right: 45px;
}
@media screen and (max-width: 670px) {
	.illus-lecon2 {
	float: none;
	margin-left: auto;
	padding-right: auto;
}
}
.illus-lecon1 {
	float: left;
	margin-left: -125px;
	padding-right: 45px;
}
@media screen and (max-width: 670px) {
	.illus-lecon1 {
	float: none;
	margin-left: auto;
	padding-right: auto;
}
}
.tem1-lecon5 {
	float: left;
	padding-right: 25px;
}
.liste-un {
	list-style-image: url(../images/1.gif);
}
@media screen and (max-width: 670px) {
.bon-gratuit {
	background-image: none;
	background-color:#e62000;
	height: 100%;
	width: 80%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 9px;
	padding-left: 20px;
	margin-bottom:2%;
}
}
.guide-form {
	float: left;
	padding-left: 50px;
	margin-top: 5%;
}
@media screen and (max-width: 670px) {
	.guide-form {
	float: none;
	margin-left:auto;
	margin-top:auto;
}
}
.titre-form {
	font-size: 1em;
	color: #353434;
	padding-top: 30px;
	float: left;
	margin-left: -20px;
}
@media screen and (max-width: 670px) {
	.titre-form {
		text-align:center;
	padding-top: 10px;
	float: none;
	margin-left: 0;

}
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FIN DU RESET CSS */
html {
	margin:0;
	padding:0;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	background-attachment: fixed;
	background-image: url(../images/fond-plage2.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:1.05em;	/*background-attachment: scroll;
	background-image: url(images/fond-arriereplan.gif);
	background-repeat: repeat;*/
}

img {
	max-width: 100%;
	border:0px;
}
	
#page {
	display:block;
	width: 670px;
	background-color:#FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	border: #747475 1px solid;
	top: 0px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 25px;
	}
	
	#page-abo {
	display:block;
	width: 670px;
	background-color:#FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	border: #747475 1px solid;
	top: 0px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 147px;
	}
	
		#page-essai {
	display: block;
	width: 670px;
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	border: #747475 1px solid;
	top: 0px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 100px;
	}
	@media screen and (max-width: 670px) {	
		#page-essai {
	width: 100%;
	}
	}
		#page-secu {
	display: block;
	width: 670px;
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	border: #747475 1px solid;
	top: 0px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 20px;
	}
	@media screen and (max-width: 670px) {	
		#page-secu {
	width: 100%;
	}
	}
	
	#page-dossier {
	display:block;
	width: 670px;
	background-color:#FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	border: #747475 1px solid;
	top: 0px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 20px;
	}
	
@media screen and (max-width: 670px) {	
	#page, #page-abo,#page-dossier {
	width: 100%;
	}
	}
.preheader-boules{
	position: relative;
	margin-top:0px;
	text-align: center;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	top: 10px;
    }
	@media screen and (max-width: 670px) {	
.preheader-boules{
	width: 100%;
	}
	}

#img-nouveau {
	position: relative;
	-webkit-box-shadow: 1px 1px 5px 0 #000000;
	box-shadow: 0px 0px 1px 0 #000000;
	background-color: #E2001A;
	margin-left:auto;
	margin-right:auto;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
	width: 200px;
	/*font-style: italic;*/
	font-weight: bold;
	color: #FFF;
	text-align: center;
	/*	font-family: Verdana, Geneva, sans-serif;*/
	font-size: 1.1em;/*	text-shadow: 0 0 1px #1B48B3;
*/
	top: 5px;
}
@media screen and (max-width: 670px) {
	#img-nouveau {
			left:auto;
			margin:auto;

}
}
	
#titre-coord {
	position: relative;
	/*	-webkit-box-shadow: 1px 1px 5px 0 #000000;
	box-shadow: 0px 0px 1px 0 #000000;*/
	background-color: #074496;
	color: #FFF;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	text-shadow: 0 0 1px #2a3701;
	width: 80%;
	padding: 1%;
	margin-top: 5%;
	margin-right: auto;
	margin-bottom: 1%;
	margin-left: auto;
	font-weight: bold;
}
#titre-coord2 {
	position: relative;
	/*-webkit-box-shadow: 1px 1px 5px 0 #000000;
	box-shadow: 0px 0px 1px 0 #000000;*/
	background-color: #074496;
	color: #FFF;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	text-shadow: 0 0 1px #2a3701;
	width: 400px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 1px;
	font-weight: bold;
}
#pas-argent {
	position: relative;
	/*-webkit-box-shadow: 1px 1px 5px 0 #000000;
	box-shadow: 0px 0px 1px 0 #000000;*/
	background-color: #e2001a;
	color: #FFF;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	text-shadow: 0 0 1px #2a3701;
	width: 400px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 1px;
	font-weight: bold;
}
.loi-info {
	font-size: 0.6em;
	text-align: center;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.adresse-cerel {
	text-align: center;
	padding-bottom: 2%;
	line-height: 1.2em;
}
#photo-gagnant {
	float: left;
	display:block;
	width:41%;
	margin-top: 0px;
}
@media screen and (max-width: 670px) {
	#photo-gagnant {
	display:none;

}
}
/*main-texte, main-titre, main-soustitre {
	float: left;
	display:block;
}*/
#main-titre {
	color: #E2001A;
	font-size: 2.3em;
	font-weight: bold;
	text-align: center;
	color: #FFFF00;
	font-size: 1.8em;
	font-weight: 800;
	line-height: 1.4em;
	width: 670px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 670px) {
#main-titre {
	width: 100%
}
}
#main-titre-dossier-1 {
	color: #E2001A;
	font-size: 2.3em;
	font-weight: bold;
	text-align: center;
	color: #FFFF00;
	font-size: 1.8em;
	font-weight: 800;
	line-height: 1.2;
	margin-top: 80px;
}
#main-titre-form-doc {
	color: #E2001A;
	font-size: 2.3em;
	font-weight: bold;
	text-align: center;
	color: #FFFF00;
	font-size: 2em;
	font-weight: 800;
	line-height: 1.2em;
	padding-top: 10px;
}
#main-soustitre {
	font-size: 0.9em;
	text-align: center;
	line-height: 1.2em;
	font-style: italic;
	color: #FFF;
	margin-top: 15px;
	text-indent: 0px;
	width:670px;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width: 670px) {
	#main-soustitre {
	padding-bottom:15px;
		width:100%;
}
}
#banniere-guide {
	width: 100%;
}
#page img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#texte, #texte2, #texte3 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 50px;
}
#texte-lecon {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
@media screen and (max-width: 670px) {
#texte-lecon {
	width: 90%;
}
}
#texte-abo {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -120px;
	font-family: 'Inconsolata', courrier ;
	font-size:1.12em;
}
@media screen and (max-width: 670px) {
	#texte-abo {
	width: 85%;
	margin-top: 0px;
	font-family: 'Inconsolata', courrier ;
}
}

#texte-essai {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
@media screen and (max-width: 670px) {
	#texte-essai {
	width: 85%;
	margin-top: 0px;
}
}
@media screen and (max-width: 670px) {
	#texte, #texte2 {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
}
}
#texte-form {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0em;
}
@media screen and (max-width: 670px) {
	#texte-form {
	width: 100%;
}
}
#texte-form p {
	text-indent: 0px;
}
.titre-plus-grand {
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.1em;
}
.titre-un-peu-plus-grand {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1em;
}
.titre-plus-grand-plus {
	font-size: 1.6em;
	font-weight: bold;
}
.titre-moyen {
	color: #E2001A;
	font-size: 1.25em;
	font-family: 'Kalam', cursive;
	font-weight: 700;
	line-height: 1.2em;
	text-align: center;
	text-indent: 0px;
}
.edition-gratuite {
	color: #E2001A;
	font-size: 1.9em;
	font-weight: 900;
	line-height:1.1em;
	text-align: center;
	text-indent: 0px;
}
p {
	font-size:0.8em;
	line-height:1.5em;
	text-indent: 5%;
	margin-top: 1.2em;
}
td {
	font-size:0.8em;
	line-height:1.5em;
	text-indent: 0;
	margin-top: 1.2em;
}

ul {
	font-size:0.8em;
	line-height:1.5em;
	margin-top:1.3em;
	}
	/*li span{
		color:#000000;
	}*/
	
		li {
	margin-top: 0%;
	margin-left: 0px;
	}
	
.italique {
	font-style:italic;
}
.gras {
	font-weight:bold;
}

.fluo {
	background-color:#FFFF00;
	font-weight: 900;
}

#home {
	height: 42px;
	width: 42px;
	position: fixed;
	left: 50px;
	float:none;
	top: 100px;
	display: block;
}
	.scrollup2{
	text-indent:-9999px;
	opacity:1;
	position:fixed;
	display:none;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/dialog-rouge.png);
		}
		.scrollup3{
	text-indent:-99999px;
	opacity:1;
	position:fixed;
	display:none;
		}
		.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			opacity:0.3;
			position:fixed;
			bottom:50px;
			right:100px;
			display:none;			
			background: url('../images/icon_top.png') no-repeat;
		}
	@media screen and (max-width: 780px) {	
	.scrollup{
		visibility:hidden;		
		}
	}
		@media screen and (max-width: 1000px) {	
	.scrollup3, .scrollup2, .scrollup1abo, .scrollup2abo {
		visibility:hidden;		
		}
	}
	
	#fixe {
	position: fixed;
	visibility:visible;
}
#fixe-abo {
	position: fixed;
	float: left;
	top: 100px;
}
#fixe-abo-droit {
	float: right;
	margin-right: -200px;
	top: 100px;
	display: block;
	margin-top: 25px;
}
@media screen and (max-width: 1000px) {
	#fixe-abo-droit {
		display:none;
}
}
#fixe-abo-droit-mobile {
	display: none;	
}
@media screen and (max-width: 1000px) {
#fixe-abo-droit-mobile {
	display: block;	
}
}
#fixe-dossier {
	position: fixed;
	float: left;
	top: 100px;
}
#fixe-dossier2 {
	position: fixed;
	float: none;
	top: 200px;
	width: 0px;
	height: 0px;
	display: block;
	z-index: 0;
}
	#fixe2 {
	position: fixed;
	visibility: visible;
	float: left;
	margin-left: -75px;
	margin-top: 70px;
	opacity: 0.5;
}

	#t1 {
	display: block;
	position: absolute;
	top: -200px;
	left: -180px;
	width: 152px;
	height: 155px;
	padding-right: 15px;
}
#t2 {
	display: block;
	position: absolute;
	top: -200px;
	left: -180px;
	width: 167px;
	height: 155px;
	padding-right: 0px;
}
#t4 {
	display: block;
	position: absolute;
	top: -86px;
	left: -180px;
	width: 167px;
	height: 155px;
	padding-right: 0px;
}

#t1-abo {
	width: 167px;
	height: 155px;
	}
	#t1-abo, #t2-abo {
	position:absolute;
	left: -180px;
	}

	#t2-abo {
	padding-top:3px;
	padding-left:20px;
	width: 147px;
	height: 150px;
	background-image:url(../images/dialog-rouge.png);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
	#t1-dossier {
	width: 167px;
	height: 155px;
	}
	#t1-dossier, #t2-dossier {
	position: absolute;
	top: 0px;
	right:-850px;
	}
	#t2-dossier {
	padding-top: 3px;
	padding-left: 20px;
	width: 147px;
	height: 150px;
	background-image: url(../images/dialog-rouge-dossier.png);
	background-repeat: no-repeat;
	background-position: center center;
	}


.calq-guide4 {
	background-repeat: no-repeat;
	width: 120%;
	display: block;
	clear: both;
	text-decoration: none;
	margin-top: 5%;
	margin-right: -10%;
	margin-bottom: auto;
	margin-left: -10%;
}
@media screen and (max-width: 670px) {
	.calq-guide4 {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
}
.calq-guide1 {
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	display: block;
	clear: both;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
}
.calq-guide2 {
	width: 120%;
	display: block;
	clear: both;
	text-decoration: none;
	margin-right: -10%;
	margin-left: -10%;
}
@media screen and (max-width: 670px) {
	.calq-guide2 {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
}
}
.txt-guide4 {
	width: 270px;
	position: relative;
	left: 160px;
	top: 28px;
	font-weight: bold;
	color: #FF0;
	font-size: 1.2em;
	text-align: center;
	text-indent: 0px;
	margin-top: 0px;
	text-decoration: none;
	text-shadow: 0 0 2px #731B18;
}
.txt-guide1 {
	width: 248px;
	position: relative;
	left: 175px;
	top: 40px;
	font-weight: bold;
	color: #FF0;
	font-size: 1.3em;
	text-align: center;
	text-indent: 0px;
	margin-top: 0px;
	text-decoration: none;
	text-shadow: 0 0 2px #731B18;
	line-height: 1.2em;
}
.txt-guide2 {
	width: 285px;
	position: relative;
	top: 38px;
	font-weight: bold;
	color: #FF0;
	font-size: 1.2em;
	text-align: center;
	text-indent: 0px;
	margin-top: 0px;
	text-decoration: none;
	line-height: 1.4em;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	text-shadow: 0 0 2px #731B18;
}
.txt2-guide1 {
	width: 348px;
	position: relative;
	left: 100px;
	top: 50px;
	font-weight: bold;
	color: #000;
	font-size: 0.8em;
	text-align: left;
	text-indent: 0px;
	margin-top: 0px;
	text-decoration: none;
	font-style: italic;
}
.cliquez-guide4 {
	width: 248px;
	position: relative;
	left: 180px;
	top: 60px;
	font-weight: bold;
	color: #E20E1E;
	font-size: 1.8em;
	text-align: center;
	text-indent: 0px;
	margin-top: 0px;
	line-height: 1em;
	text-decoration: none;
}
.cliquez-guide1 {
	width: 248px;
	font-weight: bold;
	color: #E20E1E;
	font-size: 1.9em;
	text-align: center;
	text-indent: 0px;
	margin-top: 0px;
	line-height: 1em;
	text-decoration: none;
}
.cliquez-guide2 {
	width: 100%;
	position: relative;
	top: 70px;
	font-weight: bold;
	color: #E20E1E;
	font-size: 1.9em;
	text-align: center;
	text-indent: 0px;
	margin-top: 0px;
	line-height: 1em;
	text-decoration: none;
}

.pourquoi {
	font-family: 'Kalam', cursive;
	font-size: 2em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-indent: 0px;
	margin-bottom: 0%;
	margin-top: 5%;
}
#tem1 {
	height: 95px;
	width: 75px;
	float: left;
	-webkit-box-shadow: 1px 1px 3px 0 #4A4A4A;
	box-shadow: 1px 1px 3px 0 #4A4A4A;
	-moz-transform: scale(1) rotate(-5deg);
	-webkit-transform: scale(1) rotate(-5deg);
	-o-transform: scale(1) rotate(-5deg);
	-ms-transform: scale(1) rotate(-5deg);
	transform: scale(1) rotate(-5deg);
	margin-right: 25px;
	margin-bottom: 10px;
}
#tem2 {
	height: 107px;
	width: 100px;
	float: right;
	-webkit-box-shadow: 1px 1px 3px 0 #4A4A4A;
	box-shadow: 1px 1px 3px 0 #4A4A4A;
	-moz-transform: scale(1) rotate(-5deg);
	-webkit-transform: scale(1) rotate(2deg);
	-o-transform: scale(1) rotate(2deg);
	-ms-transform: scale(1) rotate(2deg);
	transform: scale(1) rotate(2deg);
	margin-left: 25px;
	margin-bottom: 10px;
}
#tem3 {
	height: 91px;
	width: 75px;
	float: left;
	-webkit-box-shadow: 1px 1px 3px 0 #4A4A4A;
	box-shadow: 1px 1px 3px 0 #4A4A4A;
	-moz-transform: scale(1) rotate(-5deg);
	-webkit-transform: scale(1) rotate(-5deg);
	-o-transform: scale(1) rotate(-5deg);
	-ms-transform: scale(1) rotate(-5deg);
	transform: scale(1) rotate(-5deg);
	margin-right: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#tem4 {
	height: 84px;
	width: 80px;
	float: right;
	-webkit-box-shadow: 1px 1px 3px 0 #4A4A4A;
	box-shadow: 1px 1px 3px 0 #4A4A4A;
	-moz-transform: scale(1) rotate(-5deg);
	-webkit-transform: scale(1) rotate(2deg);
	-o-transform: scale(1) rotate(2deg);
	-ms-transform: scale(1) rotate(2deg);
	transform: scale(1) rotate(2deg);
	margin-left: 25px;
	margin-bottom: 10px;
}
.tem {
	margin-top: 0px;
font-family: 'Handlee', cursive;
		font-size:1em;
}
.nom-tem {
	text-align: right;
	margin-top: 1%;
}
.temoignage {
	background-image: url(../images/fond-tem.jpg);
	background-repeat: repeat;
	padding: 15px;
	margin-top: 8%;
}
.coupon {
	float: left;
	margin-top: 5%;
	margin-bottom: 5%;
	width: 40%;
}
@media screen and (max-width: 670px) {
.coupon {
	margin-top: 12%;
	margin-bottom: 8%;
}
}
.nav-contact {
	background-color:#EEEEEE;
	width:97%;
	text-align: center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
.nav-contact li {
display: inline;
color:#000000;
margin-left: 3%;
margin-right: 2%;
}

.nav-contact li a {
	color:#666666;
	font-size:0.7em;
}

.infolegales {
	color:#666666;
	font-size:0.7em;
	margin-top: 2%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	padding-bottom: 2%;
}
.mentionslegales2 {
    width: 100%;
    background-color: #074496;
    height: 35px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
    font-size: 0.8em;
    color: #FFFFFF;
    padding-top: 17px;
    line-height: 1.2em;
}
.mentionslegales {
    width: 100%;
    background-color: #074496;
    height: 35px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
    font-size: 0.8em;
    color: #FFFFFF;
    padding-top: 17px;
    line-height: 1.2em;
}
.mentionslegales {
	width:100%;
	background-color:#074496;
	height: 50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
@media screen and (max-width: 670px) {
	.mentionslegales, .mentionslegales2 {
	height: 100%;
	padding-bottom:10px;
}
}
#calqconfidentialite {
	visibility:hidden
}

a:hover #calqconfidentialite {
	visibility:visible;
}
#t1 img {
	position: relative;
	left: 10px;
	top: 5px;
}
.temoignage1 {
	padding: 10px;
	background-color: #d9e9f4;
}
.temoignage2 {
	background-color: #d9e9f4;
	padding-top: 30px;
	padding-right: 75px;
	padding-bottom: 30px;
	padding-left: 75px;
}
.temoignage3 {
	background-color: #d9e9f4;
	padding: 10px;
}
.temoignage4 {
	background-color: #d9e9f4;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}
.intertitre {
	font-family: 'Kalam', cursive;
	font-weight: 700;
	text-align: center;
	font-size: 1.1em;
	text-indent: 0px;
	color: #E20E1E;
	line-height: 1.2em;
}
.intertitre-essai {
	font-family: 'Kalam', cursive;
	font-weight: 700;
	text-align: center;
	font-size: 1.1em;
	text-indent: 0px;
	color: #58585a;
	line-height: 1.2em;
	margin-top: 5px;
}
.plus-petit {
	font-size: 0.8em;
	vertical-align: baseline;
}
.manuscrit-guide1 {
	background-image: url(../images/manuscrit-guide1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 57px;
	width: 240px;
	padding-top: 30px;
	padding-left: 65px;
	position: relative;
	top: 42px;
	left: 115px;
}

.big-link {
	text-align: center;
	font-size: 1em;
	color: #666;
}

.charte-confidentialite {
	font-weight:bold;
	color:#FFF;
	height: 60px;
	width: 33%;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.bold {
	font-weight:bold;
}
.center {
	text-align: center;
}
.reassur {
	background-color: #d9e9f4;
	width: 90%;
	padding-top: 2%;
	padding-right: 5%;
	padding-bottom: 2%;
	padding-left: 5%;
	text-align: center;
	text-indent: 0px;
	font-size: 0.7em;
	line-height: 1.2em;
	margin-top: 0%;
}
.liste-coupon {
	font-size: 1em;
	color: #000;
	margin-left: -2%;
	float: left;
}
.liste-coupon li {
	color: #000;
}
.coupon-div {
	width: 120%;
	margin-right: -10%;
	margin-left: -10%;
}
@media screen and (max-width: 670px) {
	.coupon-div {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
}
#liste-coupon {
	color: #000;
	margin-left: 0%;
	float: left;
	width: 50%;
}
.cadenas {
	float: left;
	padding-top: 8px;
	text-align: right;
	width: 33%;
}
@media screen and (max-width: 670px) {
.cadenas {
	display:none;
}
}
.texte-cadenas {
	padding-top: 10px;
	text-decoration: none;
	float: right;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: 0px;
	width: 56%;
	font-size: 0.7em;
	font-family: Verdana, Geneva, sans-serif;
}
@media screen and (max-width: 670px) {
.texte-cadenas {
	width: 100%;
	margin-right: auto;
	float: none;
}
}
.texte-contact {
	padding-top: 10px;
	text-decoration: none;
	float: right;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-top: 8px;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: 0px;
	width: 56%;
	font-size: 0.7em;
	font-family: Verdana, Geneva, sans-serif;
}
@media screen and (max-width: 670px) {
.texte-contact {
	width: 100%;
	margin-right: auto%;
	float: none;
}
}
.texte-logo-cerel {
	float: left;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	width: 70%;
	text-align: center;
	text-indent: 0px;
}
.logo-cerel {
	width:100%;
	background-color: #074496;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-top: 0;
	padding-bottom: 0.5%;
	margin-top:0;
}
@media screen and (max-width: 670px) {
	.logo-cerel {
		text-align:center;
}
}
.logo {
	width: 30%;
	float: left;
	margin-top: 5px;
}

@media screen and (max-width: 670px) {
	.logo, .texte-logo-cerel {
		width:100%;
	float: none;
	margin-right:auto;
	margin-left:auto;
		padding-bottom:0;
		margin-top:0;

}
}
.gagnante {
	float:left;
	max-width:200px;
	padding-right:5px;
	padding-bottom:15px;
	margin-left:-15px;"
}
@media screen and (max-width: 670px) {
	.gagnante {
	display:none;

}
}
#container {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 75px;
}
.pluspetit {
	font-size: 0.8em;
}
.lettre {
	font-family: 'Inconsolata', Verdana, Arial ;
}
.boules-loto {
	z-index: 99;
	float: left;
	position: absolute;
	top: -10px;
}
@media screen and (max-width: 670px) {
	.boules-loto {
	z-index: 99;
	float: none;
	position: relative;
	top: 0px;
}
}
#main-texte {
	display: block;
	position: relative;
	margin-top: 20px;
}
#main-texte-form {
	display: block;
	position: relative;
	margin-top: 10px;
}
.fleche-rouge {
	margin-top: -15px;
	position: relative;
	z-index: 99;
}
.fleche-rouge-encadre2 {
	margin-top: 25px;
	position: relative;
	z-index: 99;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
.fleche-rouge-2 {
	position: relative;
	z-index: 99;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
.encadre1 {
	margin: -67px 0 0 0;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	background-color: #D9E9F4;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.encadre1-dossier {
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	background-color: #D9E9F4;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.encadre1-lecon {
	width: 100%;
	position: relative;
	left: 0px;
	right: 0px;
	background-color: #fffdee;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-top: -25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 0;
	text-align: center;
}
.encadre1-abo {
	margin: -67px 0 0 0;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	background-color: #fff5e9;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background-image: url(../images/fond-encadre1-lettre-abo.jpg);
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
}

@media screen and (max-width: 835px) {
.encadre1-abo {
margin: -120px 0 0 0;
}
}
.encadre3 {
	margin: -67px 0 0 0;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	background-color: #ffffff;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.bas-encadre1 {
	float: left;
	padding: 0px;
	margin-top: -7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
}

.bas-encadre1-ml {
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.guide-encadre1 {
	float: left;
	margin-top: 10px;
}
@media screen and (max-width: 670px) {
	.guide-encadre1 {
	float: none;
	padding-top: 50px;

}
}
.ml-encadre1 {
	float: left;
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}

.txt-bleu-encadre1 {
	/*font-family: 'Kalam', cursive;*/
	font-size: 1.6em;
	font-style: normal;
	font-weight: 700;
	text-indent: 0px;
	text-align: center;
	color: #074496;
	line-height: 1.1em;
	padding-top: 35px;
	margin-left: -50px;
}
@media screen and (max-width: 670px) {
	.txt-bleu-encadre1 {
	padding-top:0px;
	margin-left: 0px;
	margin-top:0px;
}
}
.txt-bleu-encadre4 {
	font-size: 1.8em;
	font-style: normal;
	font-weight: 700;
	text-indent: 0px;
	text-align: center;
	color: #074496;
	line-height: 1.1em;
	padding-top:40px;
}
@media screen and (max-width: 670px) {
	.txt-bleu-encadre4 {
	padding-top:00px;
}
}
.cliquez-ici-encadre1 {
	margin-top: 25px;
}
.cliquez-ici-encadre4 {
	margin-top: 10px;
}
@media screen and (max-width: 670px) {
	.cliquez-ici-encadre4 {
	padding-bottom:30px;
}
}
.cliquez-ici-encadre3 {
	margin-top: 10px;
	position: relative;
	left: 0px;
}
@media screen and (max-width: 670px) {
	.cliquez-ici-encadre3 {
	margin-top: 0px;
	padding-bottom:10px;
}
}
.fleche-man-encadre1 {
	float: left;
	padding-left: 140px;
	margin-top: -20px;
	padding-bottom: 10px;
}
@media screen and (max-width: 670px) {
	.fleche-man-encadre1 {
		display:none;
}
}

.txt-noir-enacadre1 {
	font-size: 0.85em;
	font-style: normal;
	font-weight: 700;
	color: #000000;
	text-align: center;
	text-indent: 0px;
	margin-top: -20px;
}
@media screen and (max-width: 670px) {
	.txt-noir-enacadre1 {
		display:none;
}
}
.txt-noir-enacadre1-responsive {
	display:none;
}
@media screen and (max-width: 670px) {
	.txt-noir-enacadre1-responsive {
	display:block;
    font-size: 0.9em;
	font-style: italic;
	font-weight: 700;
	color: #000000;
	text-align: center;
	text-indent: 0px;
	padding: 2% 5%;
}
}

.encadre-bleu-form {
	background-color: #074496;
	color: #FFF;
	font-family: 'Kalam', cursive;
	text-align: center;
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	font-size: 1.2em;
}
@media screen and (max-width: 670px) {
	.encadre-bleu-form {
		margin-top:15px;
}
}
.liste-doc {
	list-style-image: url(../images/coche.png);
	padding-left: 50px;
}
.liste-dossier {
	list-style-image: url(../images/coche.gif);
	padding-left: 50px;
}
.liste-essai {
	list-style-image: url(../images/coche.gif);
	padding-left: 50px;
	padding-right: 280px;
}
@media screen and (max-width: 670px) {
.liste-essai {
	padding-left: 15px;
	padding-right: 0px;
}

}
.liste-dossier-2 {
	list-style-image: url(../images/puce-man.png);
	padding-left: 50px;
}
.liste-dossier-3 {
	list-style-image: url(../images/coche-bleue.gif);
	padding-left: 60px;
	padding-right: 60px;
}
@media screen and (max-width: 670px) {
	.liste-dossier-3 {
	padding-left: 5%;
	padding-right: 5%;
}
}
.btn-centre {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#guide-doc-form-ordi {
	display:block;
}
@media screen and (max-width: 670px) {#guide-doc-form-ordi {
	display:none;
}
}

#guide-doc-form-mobile {
	display:none;
}
@media screen and (max-width: 670px) {
	#guide-doc-form-mobile {
	display:block;
}
}
#ordi{
	width:100%;
	background-color:#FFFFFF;
	height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	-webkit-box-shadow: 0 5px 20px 2px #333333;
	box-shadow: 0 5px 20px 2px #333333;
	position:fixed;
	top:0;
	text-align:center;
	z-index: 100;
	display:block;
	}
	/*@media screen and (max-width: 835px) {
		#ordi{
			display:none;
	}
	}*/
	#mobile {
	display:none;
	}
	/*@media screen and (max-width: 835px) {
		#mobile{
			display:block;
			position:fixed;
			top:0;
			width:100%;
			z-index:99;
	}
	}*/
#nav {
	width:825px;
	position:relative;
	margin: 0 auto;
	padding-top: 0;
	padding-right: 0%;
	padding-bottom: 0;
	padding-left: 0%;
	vertical-align:top;
	height: 50px;
  font-family: 'Open Sans', sans-serif;

	}
#nav li {
	float:left;	list-style: none;
	margin:0;
	padding:0;
	vertical-align:top;
	color: #074496;
	
}
.exclusif {
	width: 175px;
	display: inline;
	float: none;
	padding-bottom: 15px;
	}
@media screen and (max-width: 1080px) {
	.exclusif {
	display: none;
	}
	}
	
.text-encadre1 {
	margin: 0px;
	padding: 0px;
}
.text-abo-encadre1 {
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-size: 1.2em;
	color: #074496;
	font-weight: 700;
	line-height: 1.2em;
}

.img-abo-encadre1 {
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 250px;
}
@media screen and (max-width: 670px) {
	.img-abo-encadre1 {
	padding-left: 50px;
}
}
.feche-bas-encadre1-abo {
	position: relative;
	top: -110px;
	 margin-left:425px;
	 display: block;
}
@media screen and (max-width: 670px) {
	.feche-bas-encadre1-abo {
		display:none;
}
}
.date-lettre-abo {
	font-family: 'Inconsolata', courrier ;
	font-size:1em;
	font-weight:400;
	 text-align:right;
	 padding-top:25px;
	 padding-right:25px;
}
.fleche-fine-gauche {
	float: left;
	margin-left: -50px;
	margin-top: 10px;
	display:inline;
}
@media screen and (max-width: 670px) {
.fleche-fine-gauche {
	float: none;
	display:none;
}
}
.sans-indent {
	text-indent: 0px;
}
.photo-mike-abo {
	float: left;
	padding-right: 10px;
	padding-top: 15px;
}
.photo-mike-dossier {
	float: left;
	padding-right: 10px;
	padding-top: 0px;
}
.double-barre {
	float: left;
	padding-top: 22px;
	padding-right: 5px;
}
.double-barre-3 {
	float: left;
	padding-top: 22px;
	padding-right: 5px;
}
.fleche-double-barre {
	float: left;
	padding-top: 25px;
	padding-right: 10px;
}
.souligne {
	background-image: url(../images/souligne.png);
	background-repeat: no-repeat;
	background-position: center 11px;
}
.fleche-rouge-3 {
	float: left;
	margin-top: 20px;
}
.double-barre-2-cotes {
	background-image: url(../images/double-barre-des-2-cotes-bleue.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding-right: 20px;
	padding-left: 40px;
}

#table-ps, #table-pps {
    display: table;
    table-layout: fixed;
}
#table-ps > div {
    display: table-cell;
    text-align: left;
    vertical-align: top;
	font-size:0.8em;
	line-height:1.5em;
}
#table-pps > div {
    display: table-cell;
    text-align: left;
    vertical-align: top;
	font-size:0.8em;
	line-height:1.5em;
}
.fleche-rouge-vers-bas {
	float: right;
	margin-right: -75px;
	display:block;
}
@media screen and (max-width: 670px) {
	.fleche-rouge-vers-bas {
		display:none;
}
}
.menu2 {
	margin-left: -18px;
	top: 25px;
	position: relative;
	display: block;
	margin-left: -181px;
}
@media screen and (max-width: 1024px) {
	.menu2 {
		display:none;
}
}
#entete-menu-dossier {
	height: 119px;
	width: 225px;
}
.menu-essai-gratuit {
	font-size:1.2em;
	color:#ffbc17;
}
.encadre-chantry {
	width: 70%;
	padding-top: 2px;
	padding-right: 15%;
	padding-left: 15%;
	padding-bottom: 5%;
	vertical-align: bottom;
}
@media screen and (max-width: 670px) {
	.encadre-chantry {
	width: 90%;
	padding-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	vertical-align: bottom;
}
}
.bleu {
	color: #074496;
}
.bleu-plus-clair {
	color: #06C;
}
.photo-et-legende-chantry {
	vertical-align: text-bottom;
}
.legende-chantry {
	padding-top: 45px;
}
.inconsolata {
	font-family: 'Inconsolata', courrier ;
	font-size:0.9em;
}
.liste-dossier li {
	margin-top: 12px;
}
.btn-clic {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.nouveau-gratuit {
	display: block;
	float: none;
	margin-bottom: -50px;
	margin-left: auto;
	width: 670px;
	margin-right: auto;
	text-align:left;
}
@media screen and (max-width: 670px) {
.nouveau-gratuit {
	display: none;
}
}

.nouveau-gratuit-mobile {
	display: none;
}
@media screen and (max-width: 670px) {
.nouveau-gratuit-mobile {
	text-align:center;
	display: block;
	float: none;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	margin-right: auto;
}
.btn-clic-doc1 {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#lienactif {
	background-color: #045879;
}
.btn-centre {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
}