@charset "utf-8";
/* CSS Document *

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

/*Page offre / abonnement */

.col-etire {
	float:left;
	width:938px;
	padding-left:16px;
	padding-right:16px;
	background-image: url(../img/offre/col-etire.jpg);
	background-repeat: repeat-y;
	font-size:0;
}

.blocOffre-left {
	float:left;
	width:501px; /*501*/
	border-top:1px solid #2C5BA9;
	padding-top:15px;
	padding-bottom:15px;
}

.blocOffre-left02 {
	width:501px; /*501*/
	padding-top:15px;
	padding-bottom:15px;
	background-color:#FFF;
}

.blocOffre-left-ami {
	float:left;
	width:471px; /*501*/
	border-top:1px solid #2C5BA9;
	padding:15px;
}

.blocOffre-separateur {
	float:left;
	width:10px;
	font-size:0;
	height:1px;
}

.blocOffre-border-bottom {
	clear:both;
	background-image: url(../img/offre/col-etire-bottom.jpg);
	background-repeat:no-repeat;
	width:970px;
	height:1px;
} 

.offreleft-titre01 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#2C5BA9;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

.offreleft-titre02 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2C5BA9;
}




/* Onglets  - début ------------------------------------------------------------------------------------------------*/

.onglet01-right { /*Créez votre compte*/ 
	float:left;
	background-image: url(../img/offre/onglets/onglet-compte.jpg);
	background-repeat:no-repeat;
	width:223px;
	height:25px;
}

.onglet02-right { /*règlement*/ 
	float:left;
	background-image: url(../img/offre/onglets/onglet-reglement.jpg);
	background-repeat:no-repeat;
	width:223px;
	height:25px;
}

.onglet03-right { /*règlement*/ 
	float:left;
	background-image: url(../img/offre/onglets/onglet-confirmation.jpg);
	background-repeat:no-repeat;
	width:251px;
	height:25px;
}

.onglet01-separateur {
	float:left;
	width:288px;
	height:25px;
	background-color:#FFF;
}

.onglet01-separateur-ami {
	float:left;
	width:237px;
	height:25px;
	background-color:#FFF;
}

.onglet-ami-left {
	float:left;
	background-image: url(../img/offre/onglets/onglet-adress-fact.jpg);
	background-repeat:no-repeat;
	width:274px;
	height:25px;
}

.onglet-ami-right {
	float:left;
	background-image: url(../img/offre/onglets/onglet-ami.jpg);
	background-repeat:no-repeat;
	width:274px;
	height:25px;
}
/* Onglets  - fin ------------------------------------------------------------------------------------------------*/


.offre-titre01 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

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

.offre-global-txt02, .offre-global-txt02 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5B5B5B;
	font-style:italic;
}

.offre-global-txt03, .offre-global-txt03 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.bloc-plus01 {
	float:left;
	background-image: url(../img/offre/puce-plus.jpg);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.bloc-plus02 { /*bandeau offre carte*/
	float:left;
	background-image: url(../img/offre/puce-plus02.jpg);
	background-repeat: no-repeat;
	width:468px;
	height:20px;
}


/*Fomulaire colonne de droite --------------------------------------------------------------*/
.right-titre01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2C5BA9;
	padding-bottom:10px;
}

.form-col01 {
	float:left;
	width:142px; /*153*/
	padding-right:15px;
}

.form-col02 {
	float:left;
	width:232px;
}

.form-col02 input {
	float:left;
	width:230px;
	height:17px;
	border:1px solid #255599;
	margin:0px;
	padding:0px;
}

.form01 {
	float:left;
	width:389px;
	padding-top:15px;
}

.form-ligne01 {
	float:left;
	padding-bottom:10px;
	width:389px;
}

.form-ligne02 {
	float:left;
	width:389px;
	padding-top:20px;
}

.form-ligne02-01 {
	float:left;
	width:35px;
}

.form-ligne02-02 {
	float:left;
	width:354px;
}

.form-ligne03 {
	width:389px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2C5BA9;
	padding-top:15px;
	clear:both;
}

.form-ligne03 img {
	padding-right:5px
}


/*REGLEMENT - début -----------------------------------------------*/
.right-blocgris {
	background-color:#F2F3F3;
	width:369px; /*389*/
	padding-left:20px;
	padding-top:8px;
	padding-bottom:8px;
	clear:both;
	margin-bottom:8px;
	float:left;
}

.blocgris-ligne01 {
	padding-bottom:8px;
}

.blocgris-ligne01 p {
	width:95px;
	padding:0px;
	margin:0px;
	float:left;
	padding-top:3px;
}

.ligne-carte input {
	width:50px;
	border:1px solid #C1CEDF;
}

.ligne-expiration select{
	width:100px;
	border:1px solid #C1CEDF;
	margin-right:10px;
}

.ligne-crypto input {
	width:50px;
	border:1px solid #C1CEDF;
	float:left;
	margin-right:10px;
}

.ligne-crypto-txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#565656;
	font-style:italic;
	float:left;
	padding:0px;
	margin:0px;
	width:210px;
}

.ligne-modepaiement01 {
	padding-bottom:5px;
}

.ligne-modepaiement01 input {
	float:left;
}

.ligne-modepaiement01 p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#2C5BA9;
	padding-top:2px;
	margin:0px;
}

/*LIBERTE -début*/
.bloc-compte00 {
	padding-left:20px;
	margin-bottom:10px;
	float:left;
}

.bloc-compte00 input {
	float:left;
	width:230px;
	border:1px solid #C1CEDF;
}

.bloc-compte00 p {
	float:left;
	font-size:11px;
	padding:0px;
	margin:0px;
	padding-right:10px;
}

.bloc-compte01 {
	float:left;
}

.bloc-compte01 p {
	font-size:11px;
	padding:0px;
	margin:0px;
	padding-bottom:3px;
}

.bloc-compte01 input {
	width:110px;
	border:1px solid #C1CEDF;
}

.right-blocgris04 {
	background-color:#F2F3F3;
	width:389px; /*389*/
	padding-top:12px;
	padding-bottom:14px;
	clear:both;
	margin-bottom:8px;
	float:left;
}

.attention {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#1983B2;
	padding-bottom:10px;
}

/*LIBERTE - fin*/

/*REGLEMENT - fin -----------------------------------------------*/

/*CONFIRMATION - début  -----------------------------------------------*/
.right-blocgris02 {
	width:369px; /*389*/
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	border:1px solid #C1CEDF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1BA2CC;
	font-weight:bold;
}

.right-blocgris03 {
	background-color:#F2F3F3;
	width:369px; /*389*/
	padding-left:20px;
	padding-top:12px;
	padding-bottom:12px;
	clear:both;
	margin-bottom:8px;
	margin-top:12px;
}


/*CONFIRMATION - fin  -----------------------------------------------*/


/* OFFRIR AMI - début -----------------------------------------------*/
.right-blocgris05{
	float:left;
	width:469px; /*471px*/
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #C1CEDF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1BA2CC;
	font-weight:bold;
	text-align:center;
}

.right-blocgris06{
	background-color:#F2F3F3;
	width:441px; /*471px*/
	padding:15px;
	clear:both;
	float:left;
}
/*OFFRIR AMI - fin -----------------------------------------------*/

/*Boutons -début -----------------------------------------------*/
.bt-abo-me, .bt-abo-me a {
float:right;
	background-image:url(../img/offre/bt/bt-abo-me.jpg);
	background-repeat:no-repeat;
	width:156px;
	height:23px;
	cursor:hand;
}

.bt-abo-me a:hover {
	background-image:url(../img/offre/bt/bt-abo-me02.jpg);
	background-repeat:no-repeat;
	width:156px;
	height:23px;
	cursor:hand;
}


.bt-abo-ami, .bt-abo-ami a {
	float:right;
	background-image:url(../img/offre/bt/bt-abo-ami.jpg);
	background-repeat:no-repeat;
	width:156px;
	height:23px;
	cursor:hand;
}

.bt-abo-ami a:hover {
	background-image:url(../img/offre/bt/bt-abo-ami02.jpg);
	background-repeat:no-repeat;
	width:156px;
	height:23px;
	cursor:hand;
}

.placement-bt02 {
	clear:both;
	padding-top:5px;
}

.bt-valid, .bt-valid a {
	float:right;
	background-image:url(../img/offre/bt/bt-valid.jpg);
	background-repeat:no-repeat;
	width:156px;
	height:23px;
	cursor:hand;
}

.bt-valid a:hover {
	background-image:url(../img/offre/bt/bt-valid.jpg);
	background-repeat:no-repeat;
	width:156px;
	height:23px;
	cursor:hand;
}

.bt-valid-abo, .bt-valid-abo a {
	float:right;
	background-image: url(../img/offre/bt/bt-valid-abo.jpg);
	background-repeat:no-repeat;
	width:185px;
	height:23px;
	cursor:hand;
}

.bt-valid-abo a:hover {
	float:right;
	background-image: url(../img/offre/bt/bt-valid-abo.jpg);
	background-repeat:no-repeat;
	width:185px;
	height:23px;
	cursor:hand;
}
/*Boutons - fin -----------------------------------------------*/


/*Onglets */
ul,li {
	padding:0;
	margin:0;
	border:none;
	list-style-type:none;
}

.cache,.cache-produit{
	display:none;
}


/*//////////////////COLONNE B///////////////////////*/
.onglets  {
	font-size:0;
	padding:0px;
	margin:0px;
	font-size:0;
	height:25px;
}

.onglets  ul li {
	float:left;
	height:25px;
	padding:0px;
	margin:0px;
	font-size:0;
}

.onglets  ul{
	float:left;
	height:25px;
	padding:0px;
	margin:0px;
	font-size:0;
}

.decouverte, .decouverte a, .decouverte a:hover {
	background-image:url(../img/offre/onglets/offre-all/decouverte.jpg);
	background-repeat:no-repeat;
	width:106px;
	height:25px;
	float:left;
}

.carte, .carte a, .carte a:hover {
	background-image:url(../img/offre/onglets/offre-all/carte.jpg);
	background-repeat:no-repeat;
	width:95px;
	height:25px;
	float:left;
}

.liberte, .liberte a, .liberte a:hover {
	background-image:url(../img/offre/onglets/offre-all/liberte.jpg);
	background-repeat:no-repeat;
	width:71px;
	height:25px;
	float:left;
}

.numerique, .numerique a, .numerique a:hover {
	background-image:url(../img/offre/onglets/offre-all/numerique.jpg);
	background-repeat:no-repeat;
	width:95px;
	height:25px;
	float:left;
}

.international, .international a, .international a:hover {
	background-image:url(../img/offre/onglets/offre-all/international.jpg);
	background-repeat:no-repeat;
	width:210px;
	height:25px;
	float:left;
}

/*onglets fin*/

/* d�but - Page avec toutes les offre*/
.bloc-bouton-abo-global {
	float:left;
	width:140px;
	padding-left:40px;
	padding-top:50px;
}

.bouton-abo-global, .bouton-abo-global a {
	float:left;
	width:140px;
	height:55px;
	background-image: url(../img/offre/bouton-abo-01.jpg);
	background-repeat:no-repeat;
}

.bouton-abo-global a:hover {
	float:left;
	width:140px;
	height:55px;
	background-image: url(../img/offre/bouton-abo-02.jpg);
	background-repeat:no-repeat;
}
/* fin - Page avec toutes les offre*/
#le_prix {
	float:left;
	width:65px;
}

/* rnvp */
.rnvp-top {
	float:left;
	background-image: url(../img/offre/onglets/rnvp_top.gif);
	background-repeat:no-repeat;
	width:550px;
	height:25px;
}
.rnvp-bottom {
	float:left;
	background-image: url(../img/offre/onglets/rnvp_bottom.gif);
	background-repeat:no-repeat;
	width:550px;
	height:25px;
}