/* CSS Document */
/* Site Nouvel Obs - création mai 2008 */
/* Feuille de style global */

/* IMPRESSION ---------------------------------------------------------------------------------------------*/
.print {
  display: none;
}
.print-txt {
  display: none;
}
.footer-print{
  display: none;
}

body {
	margin:0px;
	padding:0px;
	background-color:#E8E9EA;
	font-family:Arial, Helvetica, sans-serif;
}

img {border:none;}

/* HEADER - début ----------------------------------------------------------------------------------------------*/
.header-bloc01 {
	float:left;
	width:810px;
	height:132px;
	background-color:#fff;
}

.header-bloc02 {
	float:left;
	width:160px;
	height:132px;
}

.header01, .header01 a{
	float:left;
	width:278px;
	height:91px;
	background-image:url(../img/global/header01.jpg);
	background-repeat:no-repeat;
}
.header_degrade_bleu{
	width:162px;
	height:93px;
	background-image:url(../img/global/fond_bleu_degrade.jpg);
	background-repeat:no-repeat;
}
.header02 {
	float:left;
	width:372px;
	height:91px;
	background-image:url(../img/global/header02.jpg);
	background-repeat:no-repeat;
}

.header03 {
	float:left;
	width:160px;
	height:91px;
}

.header03-01 {
	float:left;
	width:104px;
	height:18px;
	background-image:url(../img/global/header03-01.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-02, .header03-02 a {
	float:left;
	width:104px;
	height:8px;
	background-image:url(../img/global/header03-02.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-02 a:hover {
	background-image:url(../img/global/header03-02-roll.jpg);
	background-repeat:no-repeat;
}


.header03-03 {
	float:left;
	width:104px;
	height:8px;
	background-image:url(../img/global/header03-03.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-04, .header03-04 a {
	float:left;
	width:104px;
	height:10px;
	background-image:url(../img/global/header03-04.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-04 a:hover {
	background-image:url(../img/global/header03-04-roll.jpg);
	background-repeat:no-repeat;
}

.header03-05 {
	float:left;
	width:104px;
	height:7px;
	background-image:url(../img/global/header03-05.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-06, .header03-06 a {
	float:left;
	width:104px;
	height:8px;
	background-image:url(../img/global/header03-06.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-06 a:hover {
	background-image:url(../img/global/header03-06-roll.jpg);
	background-repeat:no-repeat;
}

.header03-07 {
	float:left;
	width:104px;
	height:8px;
	background-image:url(../img/global/header03-07.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-08, .header03-08 a {
	float:left;
	width:104px;
	height:8px;
	background-image:url(../img/global/header03-08.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-08 a:hover {
	background-image:url(../img/global/header03-08-roll.jpg);
	background-repeat:no-repeat;
}

.header03-09 {
	float:left;
	width:104px;
	height:16px;
	background-image:url(../img/global/header03-09.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header03-10 {
	float:left;
	width:56px;
	height:91px;
	background-image:url(../img/global/header03-10.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header04 {
	float:left;
	width:763px; /*810*/
	height:23px;
	padding-right:47px;
	background-color:#353A3D;
}

.header04-01-global { /*sur toutes les pages du site autre que les pages offres*/
	float:left;
	width:785px; /*810*/
	height:20px; /*23*/
	background-color:#353A3D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	padding-top:3px;
	padding-left:25px;
}

.header04-01-global p { /*sur toutes les pages du site autre que les pages offres*/
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	padding:0;
	margin:0;

}

.header04-01-global img {
	float:right;
	padding-top:2px;
	padding-right:14px;
}

.header04-01 {
	float:left;
	width:267px; /*298px*/
	height:19px; /*23*/
	background-color:#353A3D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	padding-left:31px;
	padding-top:4px;
}

.header04-coordonnees {
	float:left;
	width:134px;
	height:23px;
	background-image: url(../img/global/nav/coordonnees-on.jpg);
	background-repeat:no-repeat;
}

.header04-coordonnees-off {
	float:left;
	width:134px;
	height:23px;
	background-image: url(../img/global/nav/coordonnees-off.jpg);
	background-repeat:no-repeat;
}

.header04-separateur {
	float:left;
	width:23px;
	height:23px;
	background-color:#353A3D;
}

.header04-reglement-off {
	float:left;
	width:112px;
	height:23px;
	background-image: url(../img/global/nav/reglement-off.jpg);
	background-repeat:no-repeat;
}

.header04-reglement-on {
	float:left;
	width:112px;
	height:23px;
	background-image: url(../img/global/nav/reglement-on.jpg);
	background-repeat:no-repeat;
}

.header04-commande-on {
	float:left;
	width:196px;
	height:23px;
	background-image: url(../img/global/nav/commande-on.jpg);
	background-repeat:no-repeat;
}

.header04-commande-off {
	float:left;
	width:196px;
	height:23px;
	background-image: url(../img/global/nav/commande-off.jpg);
	background-repeat:no-repeat;
}

.header04-commande-on-2 {
	float:left;
	width:196px;
	height:23px;
	background-image: url(../img/global/nav/commande-on-2.jpg);
	background-repeat:no-repeat;
}

.header04-commande-off-2 {
	float:left;
	width:196px;
	height:23px;
	background-image: url(../img/global/nav/commande-off-2.jpg);
	background-repeat:no-repeat;
}

.header05 {
	float:left;
	width:665px;
	height:18px;
	background-color:#FFF;
	font-size:0;
}

.header06 {
	float:left;
	width:145px;
	height:18px;
	background-image:url(../img/global/header06.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header05-off {
	float:left;
	width:560px;
	height:18px;
	background-color:#FFF;
	font-size:0;
}
.header06-off {
	float:left;
	width:810px;
	height:18px;
	font-size:0;
	background-color:#FFF;
}

.header07-bloc {
	float:left;
	width:149px;
	height:132px;
	background-color:#8AC40C;
}

.header07-top {
	float:left;
	width:149px;
	height:43px;
	background-image:url(../img/global/header07-top.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header07-body {
	float:left;
	width:137px; /*149*/
	height:56px;
	background-color:#8AC40C;
	font-size:0;
	padding-left:12px;
}

.header07-body input {
	background-color:#FFF;
	border:1px solid #333333;
	height:12px; /*12*/
	width:117px; /*125*/
	margin:0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2C5BA9;
	padding:0px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:4px;

}

.header07-footer-01 {
	float:left;
	width:99px;
	height:18px;
	background-color:#8AC40C;
	font-size:0;
}

.header07-footer-bt, .header07-footer-bt a {
	float:left;
	width:50px;
	height:18px;
	background-image:url(../img/global/header07-bt.jpg);
	background-repeat:no-repeat;
	font-size:0;	
}

.header07-footer-bt a:hover {
	background-image:url(../img/global/header07-bt02.jpg);
	background-repeat:no-repeat;
}

.header07-footer-02 {
	float:left;
	width:149px;
	height:15px;
	background-image: url(../img/global/header07-footer.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.header08 {
	float:left;
	width:11px;
	height:132px;
	background-image:url(../img/global/header08.jpg);
	background-repeat:no-repeat;	
}
/* HEADER - fin ----------------------------------------------------------------------------------------------*/

/* GLOBAL - début ----------------------------------------------------------------------------------------------*/
.bloc-global {
	width:970px; /*970*/
	background-color:#FFF;
	padding-top:25px;
	padding-bottom:20px;
}

.bloc-global02 {
	width:923px; /*970*/
	background-color:#FFF;
	padding-top:25px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:27px;
}

.bloc-global03 {
	width:910px; /*970px*/
	padding-left:25px;
	padding-right:35px;
	background-color:#FFF;
	padding-bottom:15px;
	text-align:justify;
	padding-top:15px;
}

.bloc-global04 {
	width:938px; /*970px*/
	padding-left:16px;
	padding-right:16px;
	background-color:#FFF;
	padding-bottom:15px;
	text-align:justify;
	padding-top:15px;
}


.blocOffre-right {
	float:left;
	width:389px; /*427*/
	border-top:1px solid #2C5BA9;
	padding-bottom:15px;
	padding-left:19px;
	padding-right:19px;
	padding-top:10px;
}

/* GLOBAL - fin ----------------------------------------------------------------------------------------------*/





/* FOOTER - début ----------------------------------------------------------------------------------------------*/
.bloc-footer01 {
	width:970px;
	height:21px; /*21*/
	background-image:url(../img/global/footer01.jpg);
	background-repeat: repeat-y;
}

.footer01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:center;
}

.footer01 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

.footer01 a:hover {
	text-decoration:underline;
}


.bloc-footer02 {
	float:left;
	width:970px;
	background-image:url(../img/global/footer02.jpg);
	background-repeat: repeat-y;
}

.footer02-01 {
	float: left;
	width:21px;
	font-size:0;
	background-color:#FFF;
	height:1px;
}

.footer02-02 {
	float: left;
	width:293px; /*306*/
	padding-left:13px;
	padding-top:15px;
	padding-bottom:15px;
}

.footer02-03 {
	float: left;
	width:5px;
	font-size:0;
	background-color:#FFF;
	height:1px;
}

.bloc-footer02-bottom {
	width:970px;
	height:21px;
	background-color:#FFF;
	clear:both;
}

.footer02-02 h1, .footer02-02 h1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#255599;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

.footer02-02 h1 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#255599;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

.footer02-02 p, .footer02-02 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#565656;
	padding:0px;
	margin:0px;
	text-decoration:none;
	padding-top:5px;
}

.footer02-02 a:hover {
	text-decoration:underline;
}

.icone-cb {
	width:67px;
	height:14px;
	background-image:url(../img/global/icone-cb.gif);
	background-repeat:no-repeat;
}
/* FOOTER - fin ----------------------------------------------------------------------------------------------*/


.bleu01 { /*bleu marine*/
	color:#2C5BA9;
}

.bleu02 { /*turqoise*/
	color:#1BA2CC;
}

.bleu03 { /*turqoise foncé*/
	color:#1983B2;
}

.blanc { /*turqoise foncé*/
	color:#FFF;
}

.bleu04 { /*turqoise*/
	color:#2395AF;
}

.bleubold { /*bleu marine*/
	color:#2C5BA9;
	font-weight:bold;
}



.puce-bleu01 {
	float:left;
	width:4px;
	height:6px;
	background-image: url(../img/global/puce-bleu.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.puce-blanc01 {
	float:left;
	width:4px;
	height:6px;
	background-image: url(../img/global/puce-blanc01.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.txt-global {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#494848;
}

.txt-global02 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#494848;
}

.txt-global02 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2C5BA9;
	text-decoration:none;
}

.txt-global02 a:hover {
	text-decoration:underline;
}

.txt-global03 { /*texte blanc*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}

.txt-prix {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#96c147;
	padding:30px 0px 0px 15px;
}
.txt-prix-rectangle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#96c147;
	padding:10px 0px 0px 20px;
}
.txt-euro {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#96c147;
	padding:0px 0px 0px 0px;
}
.txt-seulement {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	padding:0px 0px 0px 0px;
}
.pastille-seul {
	float:left;
	background-image: url(../img/offre/decouverte/pastille-seul.jpg);
	background-repeat:no-repeat;
	width:89px;
	height:88px;
}

/*Mentions Légales - Conditions Générales de Vente - début --------------------*/
.bloc-titre-conditions {
	width:600px;
	height:30px;
	background-image: url(../img/conditions/titre.jpg);
	background-repeat:no-repeat;
}

.bloc-titre-mentions {
	width:600px;
	height:30px;
	background-image: url(../img/mentions/titre.jpg);
	background-repeat:no-repeat;
}

.bloc-contenu03-txt {
	padding-bottom:30px;
}

.bloc-contenu03-txt h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#2C5BA9;
	font-weight:bold;
	padding:0px;
	margin:0px;
	padding-bottom:3px;
}

.illustration-mentions {
	float:left;
	width:291px;
	height:220px;
	background-image: url(../img/faq/illustration.jpg);
	background-repeat:no-repeat;
}

.bloc-right01-mention {
	float:left;
	width:1px;
	background-image:url(../img/avantages-abo/pointille.jpg);
	background-repeat:repeat-y;
	height:350px;
	font-size:0;
}


.bloc-right02-mention {
	float:left;
	width:291px; /*318*/
	padding-left:17px;
}

.bloc-left-mention {
	float:left;
	width:599px;
}

/*Mentions Légales - Conditions Générales de Vente - fin --------------------*/


#mess , #mess_id {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#f00000;
	padding-left:25px;
}
.saisie,.osaisie,.Osaisie,.omail,.Omail{
	float:left;
	border:1px solid #255599;
	margin:0px;
	padding:0px;
}
	.liste_box , .select{
	float:left;
	width:230px;
	border:1px solid #255599;
	margin:0px;
	padding:0px;
			font:12px Verdana, Arial, Helvetica, sans-serif;
	}

.rectangle-prix {
	float:left;
	background-image: url(../img/offre/decouverte/prix.jpg);
	background-repeat: no-repeat;
	width:125px;
	height:56px;
	margin:0px;
	padding:0px;
}
.vert{
	font-family:Arial, Helvetica, sans-serif;
	color:#90c503;
	font-weight:bold;
	font-size:22px;
}

.bloc-titre-parrainage {
	width:600px;
	height:30px;
	background-image: url(../img/parrainage/bandeau_titre.jpg);
	background-repeat:no-repeat;
}
.bloc-titre-desinscrire {
	width:600px;
	height:30px;
	background-image: url(../img/global/confirm_desinscription.jpg);
	background-repeat:no-repeat;
}