@charset "utf-8";
/* CSS Document */
body {
	margin:0px 0px 20px 0px;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

img{border:none;}

p, form {
	margin:0px;
	padding:0px;
}
form {
	display:inline;
	overflow:hidden;
}
hr {
	color:#999;
}
a {
	text-decoration:underline;
	color:#666666;
}
a:hover {
	text-decoration:none;
	color:#FF9900;
}
h1 {
	color:#FF9900;
	font-size:17px;
	margin:0px 0px 5px 0px;
}
h1 a {
	color:#333;
	font-size:12px;
	margin:0px 20px 5px 0px;
	float:right;
}
.vide {
	float:none;
	clear:both;
	width:0px;
	overflow: hidden;
	height: 0px;
	margin:0;
	padding:0;
}
.clean {margin:0px; padding:0px;}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
/* ARCHITECTURE DE PAGE */
/* Haut de page */
.header {
	padding:0px;
	margin: 0px;
	position:relative;
	height: 90px;
	overflow:hidden;
}
/* Corps de page */
.conteneur {
	width: 960px;
	margin:0 auto;
}
/* Pied de page */
.footer {
	clear:both;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
/* HAUT DE PAGE */
/* logo */
.logo {
	margin-top:15px;
	margin-bottom: 15px;
}
/* Onglet gris : "Presse numerique", "Abonnement papier" */
.ongletGris {
	float:left;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}
.ongletGris a {
	float:left;
	background:url(/images/menu/onglet_principal_gauche.gif) no-repeat left top;
	margin:0;
	padding:0px 1px 0px 12px;
	text-decoration:none;
}
.ongletGris a:hover, .clic a {
	background-position:0% -32px;
}
.ongletGris a span {
	display:block;
	background:url(/images/menu/onglet_principal_droit.gif) no-repeat right top;
	padding:9px 12px 6px 0px;
	color:#7D7D7D;
}
.ongletGris a:hover span, .clic a span {
	color:#fff;
	background-position:100% -32px;
}
/* Champs de recherche */
.recherche {
	float:left;
	background:url(/images/menu/onglet_principal_gauche.gif) no-repeat left top;
	margin:0;
	padding:0px 1px 0px 12px;
	text-decoration:none;
	height: 31px;
}
.recherche span {
	float:left;
	display:block;
	background:url(/images/menu/onglet_principal_droit.gif) no-repeat right top;
	color:#7D7D7D;
	padding-top: 5px;
	padding-right: 70px;
	padding-bottom: 4px;
	padding-left: 70px;
}
.recherche input {
	border:1px solid #AEAEAE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
}
/* Onglet orange : "Mon panier" */
.ongletOrange {
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	right: 0;
	position:absolute;
}
.ongletOrange a {
	background:url(/images/menu/onglet_principal_gauche.gif) no-repeat left top;
	margin:0;
	padding:0px 1px 0px 12px;
	text-decoration:none;
	float:right;
}
.ongletOrange a:hover {
	background-position:0% -32px;
}
.ongletOrange a span {
	background:url(/images/menu/onglet_principal_droit.gif) no-repeat right top;
	padding:9px 12px 6px 0px;
	margin: 0px;
	color:#7D7D7D;
	display:block;
	float:left;
}
.ongletOrange a:hover span {
	color:#fff;
	background-position:100% -32px;
}
.ongletOrange .clicbis {
	background-position:0% -64px;
}
.ongletOrange .clicbis span {
	background-position:100% -64px;
	color:#fff;
}
/* Fil d'Ariance*/
.breadcrumb {
	margin-bottom: 10px;
	padding-top: 10px;
}
.breadcrumb a {
	padding-left: 9px;
	margin-left: 12px;
	background-image: url(/images/commun/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
}
/* COLONNE GAUCHE */
.colonneGauche {
	float:left;
	width:205px;
	overflow: hidden;
}
.titreCat {
	background:#999;
	width: 183px;
	padding: 5px;
	color:#FFF;
	font-weight:bold;
	margin-bottom: 5px;
}
/* COLONNE CENTRALE*/ 
.colonneCentrale {
	float:left;
/*	width:530px; */
	margin-top:0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	overflow: hidden;
	position:relative;
}
.visuelle {
	float:left;
	width: 285px;
	margin:0px;
	padding:0px;
}
.connexion {
	float:left;
	width: 260px;
	margin:0px;
	padding:0px;
}
.inscription {
	width: 260px;
	float: right;
	position:relative;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.couverture {
	
}
.miniWoobook {
	background: #666;
	height:160px;
	width:210px;
}
.offre {
	width: 235px;
	float: right;
	position:relative;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.offre p {
	font-size:13px;
	margin-bottom: 5px;
	color:#333;
}
.actualites {
	font-size:12px;
}
.informations {
	font-weight:bold;
	color:#FF9900;
	font-size:14px;
	position:absolute;
	right: 0px;
	margin-top: -2px;
	margin-right: 5px;
}
.barre {
	text-decoration:line-through;
	color: #333;
}
.economie {
	color:#393 !important;
}
.tarif {
	font-size:10px !important;
	font-weight:bold;
}
.avis p {
	margin-bottom: 10px;
}
.redactionnel {
	margin-top: 10px;
}
.parution {
	width:156px;
	margin-bottom: 10px;
	float:left;
	position:relative;
}
.parution a:hover { /*IE 6*/
	cursor:hand;
}
.parution a:hover img { /*IE 6*/
	display:hand;
}

.parution_wb{width:120px;margin-bottom: 10px;float:left;position:relative;}

.thumb img {
	border:none;
	padding-top: 50px;
	display:none;
}
.thumb:hover img {
	display:inherit;
	border:none;
}
.parutionTitre {
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	margin-top: 5px;
}
.parution a img {
	border: solid 1px #CECECE;
}
.parution a:hover img {
	border-color: #ff9900;
}
.parution a:hover {  /* wakeup IE */
	border-width: 0;
}
.separate {
	width: 100%;
	height: 1px;
	margin-bottom: 10px;
	margin-left: -5px;
	margin-top: 0px;
	overflow:hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
.vertical {
	width: 1px;
	background:#999;
	height: 220px;
	float:left;
}
/* COLONNE DROITE */
.colonneDroite {
	float:left;
	width:205px;
	margin:0px;
	padding: 0px;
	overflow: hidden;
}
.encart_vp {
	overflow:hidden;
	height:auto;
	float:left;
	width: 100%;
	margin-bottom: 10px;
}
.newsletterTitre {
	background-image: url(/images/commun/header_cartouche.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Panier */
.processus {
	float:left;
	margin-right: 80px;
	
}
.article {
	margin-bottom: 5px;
}
.articleTitre {
	width: 930px;
	padding: 5px;
	color:#666;
	font-weight:bold;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
}
.articleCouverture {
	float:left;
}
.articleInfos {
	float:left;
	margin-left: 15px;
	font-size: 12px;
	font-weight:bold;
	color:#666;
}
.articleInfos span {
	color:#FF9900;
	font-size:14px;
}
.montantTotal {
	width: 930px;
	padding: 5px;
	text-align:right;
	color:#666;
	font-weight:bold;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
}
.montantTotal span {
	font-size:16px;
}
.articleCadeau {
	width: 920px;
	text-align:right;
	color:#693;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	margin-right: 5px;
	margin-left: 0px;
}
.condition {
	margin-right: 10px;
	margin-bottom:5px;
}
.commande {
	font-size:14px;
	font-weight:bold;
	margin-right: 5px;
}
.commande a {
	background:url(/images/menu/onglet_principal_gauche.gif) no-repeat left top;
	margin:0;
	padding:0px 1px 0px 12px;
	text-decoration:none;
	float:right;
}
.commande a span {
	background:url(/images/menu/onglet_principal_droit.gif) no-repeat right top;
	padding:9px 12px 6px 0px;
	margin: 0px;
	color:#7D7D7D;
	display:block;
	float:left;
}
.commande a:hover {
	background-position:0% -32px;
}
.commande a:hover span {
	color:#fff;
	background-position:100% -32px;
}
.spacer {
	clear:both;
}
.alignRight {
	text-align:right;
}
.alignMiddle {
	text-align:center;
}
.rouge {
	color:#C30;
	font-weight:bold;
	font-size:10px;
}
.vert:hover {
	color:green;
}
a.titre {
	text-decoration:none;
	color:#FF9900;
	font-weight: bold;
}
a.titre:hover {
	text-decoration:none;
	color:#666666;
	font-weight: bold;
}
.menuleft {
	text-decoration:none;
	color:#666666;
	padding-left: 1px;
	line-height:18px;
}
.redactionnel {
	font-size: 10px;
}
/* PIED DE PAGE */
/* Signature Wopeople */
.copyright {
	float:left;
	width:440px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}
/* Lien pied de page */
.menuFooter {
	float:right;
	width:auto;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
.menuFooter span {
	color:#999999;
}
.menuFooter a {
	text-decoration:none;
	color:#333333;
	padding:0px 10px;
}
.menuFooter a:hover {
	text-decoration:underline;
	color:#FF9900;
}
#email input {
	background:#F5F5F5;
	border:1px solid #AEAEAE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	background-image: url(/images/commun/mail.png);
	background-position: 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-color: white;
}
#password input {
	background:#F5F5F5;
	border:1px solid #AEAEAE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	background-image: url(/images/commun/password.png);
	background-position: 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-color: white;
}
.buy {
	background: #FFFFFF url('/images/commun/buy.gif') no-repeat top left;
/*	text-align:right;*/
	font-weight: bold;
	font-size: 14px;
	margin-top:4px;
	width:65px;
	height:20px;
	float:left;
/*	display:inline;*/
}
.buy:hover {
	color: #359A02;
	cursor:pointer;
	background: #FFFFFF url('/images/commun/buy2.gif') no-repeat top left;
}
.buyFiche {
	background: #FFFFFF url('/images/commun/buy.gif') no-repeat top right;
	text-align:right;
	font-weight: bold;
	font-size: 14px;
	margin-top:10px;
	width:100%;
	height:20px;
}
.buyFiche:hover {
	color: #359A02;
	cursor:pointer;
	background: #FFFFFF url('/images/commun/buy2.gif') no-repeat top right;
}
.subscribe {
	background: #FFFFFF url('/images/commun/subscribe.gif') no-repeat top left;
	width:110px;
	height:20px;
	text-align:right;
	font-weight: bold;
	font-size: 14px;
	margin-top: 4px;
	clear:left;
}
.subscribe:hover {
	cursor:pointer;
	background: #FFFFFF url('/images/commun/subscribe2.gif') no-repeat top left;
}
.subscribeFiche {
	background: #FFFFFF url('/images/commun/subscribe.gif') no-repeat top right;
	width:100%;
	height:20px;
	text-align:right;
	font-weight: bold;
	font-size: 14px;
	margin-top: 2px;
}
.subscribeFiche:hover {
	cursor:pointer;
	background: #FFFFFF url('/images/commun/subscribe2.gif') no-repeat top right;
}
.prixAbonnement {
	margin-top:4px;
	padding-top:3px;
	padding-left:4px;
	font-size:14px;
	font-weight:bold;
/*	float:left;  */
}
.eco {
	font-size: 10px;
	color:#999;
	line-height:11px;
}
form p {
	font-size:12px;
}
.champs {
	width:240px;
	margin-bottom: 10px;
	border: 1px solid #999;
}
.boutonConnexion {
	width: 240px;
	margin-top: 10px;
	font-size:16px;
	font-weight:bold;
	background:#FFF;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	border: 2px solid #FF9900;
}
.bouton {
	width: 100%;
	margin-top: 10px;
	font-size:16px;
	font-weight:bold;
	background:#FFF;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	border: 2px solid #FF9900;
}
.boutonMini {
	margin-left: 5px;
	font-size:12px;
	font-weight:bold;
	background:#FFF;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	border: 2px solid #FF9900;
}
.bouton:active, .boutonConnexion:active, .boutonMini:active {
	background:#FF9900;
	color:#FFF;
}
/* Pagination */
div.pagination {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 2px
}
div.pagination a {
	background-color: #fff;
	border: 1px solid #999999;
	color: #666666;
	margin: 1px;
	padding: 1px 3px;
	text-decoration: none
}
div.pagination a:hover, active {
	background-color: #9aafe5;
	border: 1px solid #999999;
	color: #fff;
	margin: 1px;
	padding: 1px 3px;
	text-decoration: none
}
div.pagination span.courante {
	background-color: #FF9900;
	border: 1px solid #9aafe5;
	color: #fff;
	font-weight: bold;
	margin: 1px;
	padding: 1px 3px
}
div.pagination span.desactive {
	background-color: #fff;
	border: 1px solid #eee;
	color: #ddd;
	margin: 1px;
	padding: 1px 3px
}
/* Coins arrondis */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #ADADAD; border-right:1px solid #ADADAD;}
.xb1 {margin:0 5px; background:#ADADAD;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {
	height:2px;
	margin:0 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ADADAD;
	border-left-color: #ADADAD;
}
.xboxcontent {display:block; background:#fff; border:0 solid #ADADAD; border-width:0 1px;padding:5px;}
.xboxcontentthumbnail {height:250px;display:block; background:#fff; border:0 solid #ADADAD; border-width:0 1px;padding:5px;}

.orange
{
color:#FF9900;
}
.gris {
	color:#696965;
}