/* CSS Document */
/* Site Nouvel Obs - création mai 2008 */

/* Feuille de style index */
.bloc-global-index {
	width:945px; /*970px*/
	padding-left:25px;
	background-color:#FFF;
	padding-bottom:15px;
}

.bloc-left {
	float:left;
	width:655px; /*675px*/
}

.bloc-separateur {
	float:left;
	width:20px;
	padding-top:20px;
	font-size:0;
}

.bloc-right {
	float:left;
	width:269px;
	padding-top:20px;
}


.bloc-titre01 {
	float:left;
	width:655px; /*675px*/
	height:60px; /*70*/
	padding-top:10px;
}

.bloc-titre01  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#255599;
	padding:0px;
	margin:0px;
}

.bloc-titre01 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#255599;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

.bloc-titre01 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#353A3D;
	padding:0px;
	margin:0px;
}

.bloc-offre {
	float:left;
	width:606px; /*675px*/
	padding-left:25px;
	padding-right:24px;
}

/* Bloc offre Horizontal - bloc gris - début -----------------------------------------------------------------*/.blocOffre-hori {
	float:left;
	width:585px;
	height:54px;
	padding-left:10px;
	padding-right:11px;
}

.blocOffre-hori-01 {
	float:left;
	width:470px; /*485*/
	height:44px; /*54*/
	background-color:#E2E1E0;
	padding-left:15px;
	padding-top:10px;
}

.blocOffre-hori-01 p {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#565656;
	padding:0px;
	margin:0px;
	width:470px; 
}

.blocOffre-hori-02-international {
	float:left;
	width:100px;
	height:36px;
	background-image: url(../img/index/hori-02.jpg);
	background-repeat:no-repeat;
}

.blocOffre-hori-02 {
	float:left;
	width:100px;
	height:36px;
	background-color:#E2E1E0;
}

.blocOffre-hori-03 {
	float:left;
	width:92px; /*100*/
	height:16px; /*18*/
	background-image: url(../img/index/hori-03.jpg);
	background-repeat:no-repeat;
	font-size:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	padding-left:8px;
	padding-top:2px;
}

.blocOffre-hori-03 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

.blocOffre-hori-03 a:hover {
	color:#8AC40C;
	text-decoration:none;
}

.titre-numerique {
	float:left;
	width:259px;
	height:15px;
	background-image: url(../img/index/titre-numerique.jpg);
	background-repeat:no-repeat;
	padding-bottom:3px;
	font-size:0;
}

.titre-international {
	float:left;
	width:340px;
	height:14px;
	background-image: url(../img/index/titre-international.jpg);
	background-repeat:no-repeat;
	padding-bottom:3px;
	font-size:0;
}

/* Bloc offre Horizontal - bloc gris - fin ------------------------------------------------------------------*/


/* Bloc offre vertical - bloc bleu - début -----------------------------------------------------------------*/
.blocOffre-verti {
	float:left;
	width:194px;
	height:200px;
}

.blocOffre-verti-01 { /*top*/
	float:left;
	width:194px;
	height:11px;
	background-image: url(../img/index/verti-01.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-verti-04 { /*footer*/
	float:left;
	width:194px;
	height:11px;
	background-image: url(../img/index/verti-04.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-verti-02 { /*left*/
	float:left;
	width:9px;
	height:178px;
	background-image: url(../img/index/verti-02.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-verti-03 { /*right*/
	float:left;
	width:11px;
	height:178px;
	background-image: url(../img/index/verti-03.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-verti-top-decouverte {
	float:left;
	width:174px;
	height:38px;
	background-image:url(../img/index/top-decouverte.jpg);
	background-repeat:no-repeat;
}

.blocOffre-verti-body-decouverte {
	float:left;
	width:174px;
	height:123px;
	background-color:#2C5BA9;
}

.blocOffre-verti-body-decouverte01 {
	float:left;
	width:174px;
	height:16px;
	font-size:0;
}

.blocOffre-verti-body-decouverte02 {
	float:left;
	width:67px; /*82*/
	height:85px;
	padding-left:15px;
}

.blocOffre-verti-body-decouverte03 {
	float:left;
	width:67px; /*92*/
	height:85px;
	padding-left:12px;
	padding-right:13px;
}

.blocOffre-verti-body-decouverte04 {
	float:left;
	width:174px;
	height:22px;
	font-size:0;
}

.blocOffre-verti-body-decouverte01 {
	float:left;
	width:174px;
	height:16px;
}

.blocOffre-verti-body-carte {
	float:left;
	width:174px;
	height:123px;
	background-image: url(../img/index/body-carte.jpg);
	background-repeat:no-repeat;
}

.blocOffre-verti-body-liberte {
	float:left;
	width:174px;
	height:123px;
	background-color:#2C5BA9;
}

.blocOffre-verti-body-liberte01 {
	float:left;
	width:174px;
	height:16px;
	font-size:0;
}

.blocOffre-verti-body-liberte02 {
	float:left;
	width:68px; /*81*/
	height:85px;
	padding-left:13px;
}

.blocOffre-verti-body-liberte03 {
	float:left;
	width:79px; /*93*/
	height:85px;
	padding-left:8px;
	padding-right:6px;
}

.blocOffre-verti-body-liberte04 {
	float:left;
	width:174px;
	height:22px;
	font-size:0;
}

.blocOffre-verti-top-liberte {
	float:left;
	width:174px;
	height:38px;
	background-image:url(../img/index/top-liberte.jpg);
	background-repeat:no-repeat;
}

.blocOffre-verti-top-carte {
	float:left;
	width:174px;
	height:38px;
	background-image:url(../img/index/top-carte.jpg);
	background-repeat:no-repeat;
}

.blocOffre-verti-footer01 {
	float:left;
	width:74px;
	height:17px;
	background-image: url(../img/index/footer01.jpg);;
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-verti-footer02 {
	float:left;
	width:93px; /*100*/
	height:16px; /*17*/
	background-image: url(../img/index/footer02.jpg);
	background-repeat:no-repeat;
	font-size:0;
	padding-left:7px;
	padding-top:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
}

.blocOffre-verti-footer02 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

.blocOffre-verti-footer02 a:hover {
	color:#8AC40C;
	text-decoration:none;
}

/* Bloc offre vertical - bloc bleu - fin -----------------------------------------------------------------*/



/* Séparateur - début -----------------------------------------------------------------*/
.separateur-hori01 {
	float:left;
	width:606px;
	height:16px;
}

.separateur-hori02 {
	float:left;
	width:606px;
	height:9px;
}

.separateur-hori03 {
	float:left;
	background-image: url(../img/global/pointille-hori.jpg);
	background-repeat: repeat-x;
	width:625px;
	height:1px;
	padding-bottom:18px;
	font-size:0;
}

.separateur-verti01 {
	float:left;
	width:12px;
	height:200px;
}

.separateur-verti00 {
	width:1px;
	height:550px;
	background-image:url(../img/index/pointille-verti.jpg);
	background-repeat:repeat-y;
	font-size:0;
	
}
/* Séparateur - fin -----------------------------------------------------------------*/


.lien01 {
	float:left;
	width:551px; /*585*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2C5BA9;
	font-weight:bold;
	padding-left:34px;	
	padding-top:22px;
}

.lien01 img {
	padding-right:5px;	
}

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

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

.titre-contact {
	width:125px;
	height:10px;
	background-image: url(../img/index/titre-contact.jpg);
	background-repeat:no-repeat;
	font-size:0;
	padding-bottom:10px;
	float:left;
}

.titre-contact a {
	width:125px;
	height:10px;
	background-image: url(../img/index/titre-contact.jpg);
	background-repeat:no-repeat;
	font-size:0;
	float:left;
}


.bloc-contact {
	float:left;
	padding-left:34px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#565656;
}

.bloc-contact img {
	padding-right:5px;
}

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

.bloc-contact a:hover {
	text-decoration:underline;
}

.precision01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5B5B5B;
	font-style:italic;
	clear:both;
	padding-left:34px;
	padding-top:35px;
}


/* COLONNE RIGHT début -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.right-bloc-couv {
	float:left;
	width:253px;
	padding-bottom:15px;
	border-bottom:1px solid #C9D5E6;
}

.bloc-gde-couv {
	float:left;
	width:121px;
	height:158px;
}

.bloc-txt-gde-couv {
	float:left;
	width:132px;
	height:158px;
	background-image: url(../img/index/gde-couv-txt.jpg);
	background-repeat:no-repeat;
}

.right-bloc-numerique {
	float:left;
	width:253px;
	padding-bottom:10px;
	border-bottom:1px solid #C9D5E6;
	padding-top:15px;
}

.right-titre-numerique {
	width:126px;
	height:15px;
	background-image: url(../img/index/right-titre-numerique.jpg);
	background-repeat:no-repeat;
	font-size:0;
	padding-bottom:5px;
}

.right-bloc-numerique p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#565656;
	padding:0;
	margin:0;
	padding-bottom:10px;
}

.demonstration-img {
	float:left;
	width:164px; /*164*/
	padding-left:30px;
}

.demonstration-bt {
	float:left;
	width:49px; /*59*/
	padding-left:10px;
	padding-top:44px;
}

.icone-fleche, .icone-fleche a {
	float:left;
	width:14px;
	height:14px;
	background-image: url(../img/index/icone-fleche.gif);
	background-repeat:no-repeat;
}

.icone-fleche a:hover {
	float:left;
	width:14px;
	height:14px;
	background-image: url(../img/index/icone-fleche02.gif);
	background-repeat:no-repeat;
}

.lien02 {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8AC40C;
	font-weight:bold;
	padding-left:70px;
	padding-top:10px;
}

.lien02 img {
	padding-right:5px;
}

.lien02 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8AC40C;
	font-weight:bold;
	text-decoration:none;
} 

.lien02 a:hover {
	color:#255599;
	text-decoration:none;
} 

.bloc-avantage-abo {
	float:left;
	width:253px;
	padding-bottom:10px;
	border-bottom:1px solid #C9D5E6;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#565656;
}

.bloc-avantage-abo img {
	padding-right:5px;
}

.avantage-abo-titre  {
	width:179px;
	height:27px;
	background-image: url(../img/index/avantage-abo-titre.jpg);
	background-repeat:no-repeat;
	font-size:0;
	padding-bottom:5px;
	padding-top:10px;
}

.avantage-abo-titre a {
	width:179px;
	height:27px;
	padding:0px;
	margin:0px;

}