/* 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:#193B6D;
	padding:0px;
	margin:0px;
}

.bloc-titre01 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#193B6D;
	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 - début -----------------------------------------------------------------*/
.blocOffre-hori {
	float:left;
	width:584px;
	height:118px;
}

.blocOffre-hori01 {
	float:left;
	width:121px;
	height:118px;
	background-image:url(../img/sca_index/hori01.jpg);
	background-repeat:no-repeat;
}

.blocOffre-hori02 {
	float:left;
	width:267px;
	height:118px;
}

.blocOffre-hori02-01 {
	float:left;
	width:85px;
	height:12px;
	background-image:url(../img/sca_index/index_23.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-hori02-02 {
	float:left;
	width:13px;
	height:95px;
	background-image:url(../img/sca_index/index_28.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-hori02-couv {
	float:left;
	width:70px; /*72*/
	height:93px; /*95*/
	border:1px solid #FFF;
	background-color:#193B6D;
	font-size:0;
}

.blocOffre-hori02-03 {
	float:left;
	width:85px; /*59*/
	height:11px; /*77*/
	background-image:url(../img/sca_index/index_39.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-hori02-04 {
	float:left;
	width:140px; 
	height:118px; 
	background-image:url(../img/sca_index/index_24.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-hori02-04-01  {
	float:left;
	width:26px;
	height:118px;
	background-image:url(../img/sca_index/index_25.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-hori02-04-02  {
	float:left;
	width:16px;
	height:118px;
	background-image:url(../img/sca_index/index_26.jpg);
	background-repeat: no-repeat;
	font-size:0;
}

.blocOffre-hori03 {
	float:left;
	width:196px;
	height:118px;
}

.blocOffre-hori03-01 {
	float:left;
	width:196px;
	height:33px;
	background-image:url(../img/sca_index/index_27.jpg);
	background-repeat:no-repeat;
}

.blocOffre-cadeau01 {
	float:left;
	width:56px;
	height:56px;
	background-color:#FFF;
}

.blocOffre-hori03-02 {
	float:left;
	width:3px;
	height:56px;
	background-image:url(../img/sca_index/index_31.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-hori03-03 {
	float:left;
	width:3px;
	height:56px;
	background-image:url(../img/sca_index/index_33.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-hori03-04 {
	float:left;
	width:22px;
	height:56px;
	background-image:url(../img/sca_index/index_35.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-hori03-05 {
	float:left;
	width:196px;
	height:11px;
	background-image:url(../img/sca_index/index_36.jpg);
	background-repeat:no-repeat;
	font-size:0;
}


.blocOffre-hori03-06 {
	float:left;
	width:96px;
	height:35px;
	background-image:url(../img/sca_index/index_37.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

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

.blocOffre-hori03-07 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#193B6D;
	text-decoration:none;
}

.blocOffre-hori03-07 a:hover {
	color:#FFF;
	text-decoration:none;
}



/* Bloc offre Horizontal - fin ------------------------------------------------------------------*/


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

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

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

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

.blocOffre-verti-body-decouverte {
	float:left;
	width:94px;
	height:124px;
	background-image: url(../img/sca_index/body-decouv.jpg);
	background-repeat:no-repeat;
}

.blocOffre-verti-body01 {
	float:left;
	width:79px;
	height:16px;
	background-image: url(../img/sca_index/body-top.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-verti-body02 {
	float:left;
	width:15px;
	height:84px;
	background-image: url(../img/sca_index/body-left.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-verti-body03 {
	float:left;
	width:79px;
	height:24px;
	background-image: url(../img/sca_index/body-bottom.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.blocOffre-verti-body-couv {
	float:left;
	width:62px;
	height:82px;
	background-color:#193B6D;
	border:1px solid #FFF;
}

.blocOffre-verti-body-inter {
	float:left;
	width:173px;
	height:124px;
	background-image: url(../img/sca_index/body-inter.jpg);
	background-repeat:no-repeat;
}

.blocOffre-verti-body-lib {
	float:left;
	width:94px;
	height:124px;
	background-image: url(../img/sca_index/body-lib.jpg);
	background-repeat:no-repeat;
}

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

.blocOffre-verti-footer02 {
	float:left;
	width:92px; /*99*/
	height:16px; /*17*/
	background-image: url(../img/sca_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:5px;
}

.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:33px;
	height:200px;
}

.separateur-verti00 {
	width:1px;
	height:500px;
	background-image:url(../img/sca_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:#193B6D;
	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:#193B6D;
	font-weight:bold;	
	text-decoration:none;
}

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

.titre-contact {
	width:125px;
	height:10px;
	background-image: url(../img/sca_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/sca_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/sca_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, .right-titre-numerique a {
	float:left;
	width:230px;
	height:45px; /*45*/
	background-image: url(../img/sca_index/right-titre-numerique.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

.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:134px; /*164*/
	padding-left:60px;
	padding-top:12px;
}

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

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

.icone-fleche a:hover {
	float:left;
	width:14px;
	height:14px;
	background-image: url(../img/sca_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/sca_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;

}