/******************/
/* www.quarin.com */
/* CSS IDEL		  */
/******************/
body,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,li,img,a,th,input{margin:0;padding:0;}
table,tr,td{border:none;}
a img{border:none;}

/* ??? */
li.li { list-style-image : url(/images/boutons/fleche_b_tite.gif); }
.texte { color: #3e1e2b; }
.textegris { color: #444; display: block; margin-top: 5px; }
.lien_off, .lien_off:hover { color: #aaa; }
/* TMP */
#ajax_infoPanier { margin: 0; padding: 0; width: 210px; height: 0px; }
.ajax_connexion { border: 1px solid blue; display: none; }
/* Titre "bleu" comme dans revue de presse*/
.h1gris, .h1gris a { font-size: 14px; color: #3e1e2b; font-weight: normal; }
div#conteneurPpal div.bloc1 h1.h1gris { font-weight: normal; }


/* structure */
html, body { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; color: #555; font-style: normal; font-weight: normal; font-size: 12px; background: url(../images/maj_2011/bg_body.png) repeat-x left -14px; }
.mep { min-height: 100%; width: 980px; margin: 0 auto; position: relative; background: url(../images/maj_2011/bg_gauche.png) repeat-y left top; /*overflow: auto;*/ }
div#top { margin: 0; height: 250px; position: relative; background: url(../images_fr/bg_top.jpg) no-repeat 286px bottom; }
#logo { position: absolute; left: 22px; top: 18px; z-index: 10; }
img#portrait { position: absolute; left: 60px; top: 122px; z-index: 10; }
div#conteneur { float: right; width: 650px; padding-bottom: 36px; }
div#gauche { float: left; padding: 170px 25px 46px; width: 245px; text-align: center; }

/* texte présentation photo */
.quarin_desc { padding: 0 35px 18px; color: #666; font-style: italic; font-size: 11px; line-height: 16px; text-align: justify; }
.quarin_desc .titre { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2b2332; font-style: normal; font-size: 14px; text-transform: uppercase; display: block; margin: -10px 0 10px; }
.quarin_desc .knowmore { /*font-weight: normal;*/ }

/* guide Quarin */
.flyer { text-align: center; margin: 30px 0 10px; }
.flyer .pict { margin-bottom: 10px; }
	
/* liens */
a, a.lien, a.lienSimple { color: #753c5c; font-weight: bold; text-decoration: none; }
a:hover, a.lien:hover, a.lienSimple:hover { color: #3e1e2b; text-decoration: none; }

/* général */
div#parutions div i, h4, { font-weight: normal; color: #753c5c; text-decoration: none; }
div#parutions div i, h4, { color: #3e1e2b; text-decoration: none; }
/* HR séparation dans Chroniques */
.hr1 { border: none; border-top: 1px solid #c9c9c9; margin: 20px 0; }
/* séparateur colonne gauche */
.sepShadow { height: 6px; background: url(../images/maj_2011/sepShadow.png) no-repeat center top; overflow: hidden; margin: 10px 0; }
/* Affichage d'un prix */
.prix { color: #d7121b; font-weight: bold; }

/* Pour tout remettre d'aplomb */
.clear { clear: both; }
#divUpMessages2 { clear: both !important; }
/* menus */
div#nav1 { width: 660px; padding-left: 34px; margin: 0; position: absolute; left: 286px; top: 0; z-index: 5; /*background: #271f2d;*/ background: #3e1e2b; }
div#nav1 dl { float: left; /*margin-right: 1px;*/ }
div#nav1 dt { line-height : 22px; text-align: center; }
div#nav1 dt a { color: #fff; font-weight: normal; font-size: 14px; text-decoration: none; display: block; padding: 5px; background: transparent; }
div#nav1 dt a:hover, div#nav1 dt a.selected { background: #948187; color: #fff; }
div#nav1 dd { position: absolute; top: 35px; border: 1px solid #c9c9c9; width: 200px; display: none; }
div#nav1 dd ul.top { margin: 0; padding: 5px 2px; background: #fff url(/images/menu_deroulant/background.gif) repeat-x left bottom; }
div#nav1 dd ul li { list-style: none; }
div#nav1 dd ul li a { color: #3e1e2b; font-weight: normal; font-size: 11px; line-height: 18px; text-decoration: none; display: block; padding: 2px 10px; margin: 2px 0; background: transparent; }
div#nav1 dd ul li a:hover { color: #fff; background: #948187; text-decoration: none; }

div#nav2 { width: 665px; margin: 0; position: absolute; left: 313px; top: 35px; z-index: 2; color: #948187;}
div#nav2 ul { margin: 0; padding: 0; }
div#nav2 li { line-height: 20px; list-style: none; /*display: inline;*/ float: left; }
div#nav2 li#langues { float: right; }
div#nav2 li a { margin: 0 15px; color: #3e1e2b; font-weight: normal; text-decoration: none; font-size: 11px; }
div#nav2 li a:hover, div#nav2 li a.selected { color: #753c5c; }
div#nav2 dd { left: 15px; top: 20px; background: #fff url(../images/menu_deroulant/background.gif) repeat-x left bottom; padding: 5px 2px; border: 1px solid #c9c9c9; }
div#nav2 dd a { color: #3e1e2b; font-weight: normal; font-size: 11px; text-decoration: none; display: inline-block; width: 100%; padding: 2px 0 2px 2px; }
div#nav2 dd a:hover { color: #fff; background: #948187; text-decoration: none; }

div#navGauche { text-align: left; margin-bottom: 30px; display: none; }
div#navGauche h1 { background: url(../images/maj_2011/fleche_puce.gif) no-repeat -2px 8px; padding: 5px 0; margin: 5px 20px; color: #3e1e2b; font-weight: normal; font-size: 20px; line-height: 22px; border-bottom: 1px solid #c9c9c9; }
div#navGauche ul { padding: 0 10px; margin: 0 10px; }
div#navGauche li { list-style: none; }
div#navGauche li a { color: #948187; font-weight: normal; text-decoration: none; display: block; padding: 5px 20px; margin-bottom: 2px; }
div#navGauche li a:hover, div#navGauche li a.selected { background-color: #fff; color: #753c5c; text-decoration: none; border: 1px solid #c9c9c9; padding: 4px 19px; }
div#navGauche li li a { padding: 2px 0 2px 20px; font-size: 0.95em; }
div#navGauche li li a:hover, div#navGauche li li a.selected { padding: 2px 0 2px 20px; background: url(/images/maj_2011/fleche_puce01.gif) no-repeat 2px 7px;; border: none; }

div#navBas { border-top: 1px solid #c9c9c9; /*margin-left: -44px;*/ padding: 8px 0 12px 0; width: 694px; position: absolute; bottom: 0; left: 286px; text-align: center; background: url(../images/maj_2011/bg_body.png) repeat-x left bottom; }
div#navBas ul { margin: 0; padding: 0; }
div#navBas li { list-style: none; display: inline; margin: 0 5px; }
div#navBas li a { color: #948187; font-weight: normal; font-size: 11px; text-decoration: none; line-height: 25px; text-decoration: none; }
div#navBas li a:hover { color: #fff; text-decoration: none; }

div#path { margin: 10px 0; color: #3e1e2b; }
div#path a { text-decoration: none; display: inline-block; margin: 0 5px; color: #753c5c; font-weight: bold; font-size: 13px; /*text-transform: uppercase;*/ }
div#path a:hover { color: #3e1e2b; }

/* espace membres */
div#navGescom { width: 400px; padding: 0 0 1px 2px; height: 42px; position: absolute; left: 576px; top: 68px; background: white; border: 1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#navGescom input { padding: 1px 5px; color: #555; border: 1px solid #c9c9c9; background: #f2f2f2; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 3px 2px; font-size: 11px; float: left; }
div#navGescom table { width: 395px; }
div#navGescom td a { color: #d7121b; font-weight: normal; font-size: 10px; text-decoration: none; }
div#navGescom td a:hover { text-decoration: none; }
div#navGescom td b a { font-size: 12px; font-weight: bold; display: inline-block; margin: 0 2px 0 -3px; }
div#navGescom td a img { margin: 1px 2px 0; }
/* connecté */
div#navGescom ul { float: right; height: 24px; margin: 0; padding: 0; width: 390px; }
div#navGescom li { line-height: 25px; list-style: none; float: right; color: #d7121b; }
div#navGescom li a { font-size: 11px; color: #d7121b; margin: 0 5px; text-decoration: none; }
div#navGescom li a:hover { text-decoration: none; }
p.infoConnecte, li.infoConnecte, span.infoConnecte { font-weight: bold; }
p.infoConnecte { margin-right: 5px; clear: both; text-align: right; }

/* autres */
hr.ligne { padding: 0; margin: 0 5px; border: none; height: 1px; background: #c9c9c9; }

/* caddie ( info présente sur toutes les pages ) */
div#caddieInfo { position: absolute; left: 328px; top: 69px; z-index: 1; background: #fff url(../images/maj_2011/panier.png) no-repeat 16px center; height: 36px; width: 84px; padding: 1px 0 4px 60px; border: 1px solid #c9c9c9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#caddieInfo h1.caddieTitre { margin: 4px 0 0 0; font-size: 12px; }
div#caddieInfo h1.caddieTitre a { color: #3e1e2b; font-weight: normal; text-decoration: none; }
div#caddieInfo h1.caddieTitre a:hover { color: #3e1e2b; text-decoration: none; }
div#caddieInfo p a { color: #d7121b; font-weight: bold; text-decoration: none; }
div#caddieInfo p a:hover { color: #d7121b; text-decoration: none; }

/* rechercher un article [caché!] */
div#recherche { /**/display: none; }
div#recherche, div#recherchedanspage { margin: 10px 0; padding: 0 25px; text-align: center; position: relative; }
div#recherche p { margin: 0 0 -2px 5px; color: #948187; font-weight: normal; font-size: 10px; text-transform: uppercase; text-align: left; }
div#recherche input , div#recherchedanspage input { border: 1px solid #c9c9c9; width: 150px; margin: 0; padding: 5px 30px 5px 5px; color: #555; font-weight: normal; font-size: 11px; }
a.goRecherche { display: block; color: transparent; text-indent: -1000px; height: 16px; width: 16px; overflow: hidden; background: url(../images/maj_2011/search.png) no-repeat center center; position: absolute; left: 195px; top: 22px; }
div#recherchedanspage a.goRecherche { display: block; color: #948187; text-indent: -1000px; height: 44px; width: 110px; overflow: hidden; background: url(../images/maj_2011/search.png) no-repeat right center; position: absolute; left: 417px; top: -4px; }
div#recherchedanspage p{ margin: 0 0 -2px 5px; color: #948187; font-weight: normal; font-size: 10px; text-transform: uppercase; text-align: left; position: absolute; top:12px; left:78px; }
/* POP-UP identification */
h1.titre { color: white; font-size: 12px; line-height: 15px; background: #3e1e2b; font-weight: normal; padding: 5px;  }
h1.titre a, h1.titre a:hover { color: white; text-decoration: none; }
h1.titre img.fermer { float: right; }

div.divUp, div.divUp2, div#infoCaddieAdd, div.divUp3, div.divUpContenu { border: 1px solid #3e1e2b;	background: #f2f2f2; }
div.divUp3 { z-index: 11; position: absolute; width: 240px; /*left: -180px; top: -120px;*/ left: -100px; top: -100px; }

/* ----------------------------------------------------- */
/*
	divUp -> la popup en div (au jambon)
*/
div.divUp, div.divUp2 { z-index	: 15; position: absolute; width: 240px; left: 600px; top: 100px; }
div.divUp2 { top: 120px; left: auto; right: auto; width: 750px; display: none; height: 440px; }
div.divUp2 div.contenu { overflow: auto; height: 400px; margin: 5px 0px 0px 5px ; padding: 0 5px 0 0; color: black; }
html > div.divUp3 { left: 40%;top: 300px; }
div.divUp3 div.contenu { margin: 5px 0px 0px 5px ; padding: 0 5px 0 0; color: black; }
/* POPUP DESTINEE AUX GROS CONTENUS TYPE PRIMEUR, TEXTE CHRONIQUE... */
div.divUpContenu { z-index: 11; position: absolute; height: 440px; width: 700px; left: -300px; top: -180px; }
div > div.divUpContenu { top: -50px; }
div.divUpContenu div.contenu {overflow: auto; height: 400px ;margin: 5px 0px 0px 5px ; padding: 0 5px 0 0; color: black; }

a.divUpFermer { display: block; color: #333333; font-size: 10px; text-align: right; margin: 2px 5px 2px 2px; }
a.divUpFermer:hover { color: #9494D0; }

div.divUp2 div.contenu h1, div.divUp2 div.contenu h2, div.divUp2 div.contenu h3, div.divUp2 div.contenu h4, div.divUp2 div.contenu h5, div.divUp2 div.contenu h6 { color: black; font-size: 10px; }
div.divUp2 div.contenu h1 {	margin: 10px; font-size: 12px; }
div.divUp2 div.contenu h2 { margin: 5px; font-size: 12px; }
div.divUp2 div.contenu h3 { margin: 2px; font-size: 11px; }
div.divUp2 div.contenu h4, div.divUp2 div.contenu h5, div.divUp2 div.contenu h6 { font-size: 10px; }
div.divUp p { text-align: center; }
div.divUp a { font-weight: bold; color: black; text-decoration: none; }
div.divUp a:hover { color: #aaa; }
div.divUp input.text { width: 150px; border: 1px solid #aaa; font-size: 11px; margin: 2px; }


/* Bloc gauche des parutions */
div#parutions
{
	background-image		: url(/images/bloc_gauche/par_mil.gif);
	background-repeat		: repeat-y;
	margin				: 1px;
}
div#parutions img
{
	margin					: 0 0 0 0;
	padding					: 0 0 0 0;
	border: none;
}
div#parutions h1
{
	font-size				: 	14px;
	margin					: 0 0 0 10px;
	padding					: 0 0 0 0;
	color						: #9494D0;
}
div#parutions h1.titreParution
{
	font-size				: 	12px;
	margin					: 0 0 0 0;
	padding					: 0 0 0 10px;
	color						: #333333;
	font-style				: italic;
	background-image		: url(/images/bloc_gauche/par_haut.gif);
	background-repeat		: no-repeat;
	height					: 31px;
	line-height				: 25px;
}
div#parutions dl
{
	width						: 154px;
	margin					: 0 0 0 10px;
	padding					: 0 0 0 0;
}
div#parutions dl dt
{
	margin					: 15px 0 0 0;
	font-size				: 10px; 
	font-weight				: bold;
	font-style				: italic;
}
div#parutions dl dd
{
	margin					: 0 0 0 2px;
	padding					: 0 0 0 0;
	text-align				: justify;
}
div#parutions dl dd a.enSavoirPlus
{
	display					: block;
	text-align				: right;
	text-decoration		: underline;
	color						: black;
	font-weight				: bold;
	font-size				: 10px;
}
div#parutions dl dd a.enSavoirPlus:hover
{
	color						: #AAAAAA;
	text-decoration		: none;
}

/* issue du caddie/abonnement */
.gdtitre, .gdtitre2, .gdtitrePromo { color: #3e1e2b; font-weight: bold; font-size: 18px; line-height: 30px; text-align: left; width: 400px; margin: 20px 0 -1px 0; border-bottom: 1px solid #c9c9c9;  }
.gdtitre b, .gdtitre2 b, .gdtitrePromo b { font-weight: bold; }
.gdtitrePromo
{
	font-weight			: bold;
	color				: #444444;
	background-image		: url(/images/barre_promo.gif);
	width : 100%;
}


.gdtitre2
{
	width : 100%;
}

.gdtitre img
{
	margin	: 5px 5px auto 0px;
	padding	: 0 0 0 0;

}
/* erreur */
.infoError { font-weight: bold; font-size: 14px; color: #c00; display: block; padding: 5px; border: 1px solid #c00; background: #fdd; margin: 10px 0; }

/* bloc d'abonnement */
.offreDesc { width: 170px; font-size: 12px; }
.offre, .offreI { background: url('/images/abonnement/fond_bleu.gif') no-repeat center left; padding: 0; margin: 0; width: 220px; height: 70px; padding-top: 25px; padding-left: 10px; font-size: 12px; }
.offreI { background-image: url('/images/abonnement/fond_bleu_raisin.gif'); }

.offre input,.offreI input { float: left; }
.offre label, .offreI label { text-align: center; width: 180px; height: 40px; display: block; }

#codePromo { background: #d0efce url('/images/abonnement/barre_code_promo.gif') repeat-x bottom; height: 24px; width: 640px; text-align: center; border: 1px solid green; margin: 15px 0; padding: 3px 0; }
#codePromo input { height: 18px; vertical-align: middle; border: 1px solid #d0efce; padding: 2px; }
#codePromo a { color: #3e1e2b; text-decoration: none; font-weight: bold; }
#codePromo a:hover { color: #D7121B; }

.offrePapier { }

.offrePapier .gdtitre{
	color: white;
	background-color: #8E1F7F;
	background-image: none;
	width:350px;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 0;
	margin-left: 5px;
	margin-left: expression("0");
}
.offrePapier .inLine{
	width:  350px;
	background-image: url('/images/abonnement/fond_integrale.gif');
	background-position	: top;
	background-repeat	: no-repeat;		
	background-color: #E8DAE4;
	margin:0;
	padding:0;
}
.offrePapierDesc{
	width:220px;
	padding: 10px;
	padding-right: 0;
	margin:0px;
	text-align: justify;
	
}
.offrePapierPrix{
	width:115px;
	text-align: center;
	background-image: url('/images/abonnement/globe.gif');
	background-position	: center;
	background-repeat	: no-repeat;
	color: #8D0428;
	font-weight			: bold;	
 }
 .offrePapierPrix strong{
 	font-size	: 18px;	
 }

/* Commandez les carnets à l'unité */
.offreAboPapier .titre { background: url('/images/abonnement/abonnements_10.gif') repeat-x top; }
.offreAboPapier .titre div.inLine { height: 58px; }
.offreAboPapier .titre div.inLine div { /*display: inline-block; vertical-align: bottom;*/ float: left; }
.offreAboPapier .titre .titreText { font-size: 15px; font-weight: bold; color: white; margin-top: 35px; }
.offreAboPapier .bloc { margin-left: 18px; width: 350px; border: 1px solid #3e1e2b; padding: 5px; }

.itemRecherche0 { background-color: #F5F6FB; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 5px 0; padding: 2px 0; }
.itemRecherche0 .icon, .itemRecherche1 .icon{ margin: 5px; }
.itemRecherche0 a, .itemRecherche1 a { font-size: 11px; color: #753c5c; text-decoration: none; }
.itemRecherche0 a:hover, .itemRecherche1 a:hover { color: black; }

/* la recherche */
div.rechercheResume ul { margin: 0 10px 0 10px; margin: expression("0 10px 0 7px");	 padding: 0 0 0 15px; }
div.rechercheResume li { list-style-image: url(/images/boutons/fleche_b_tite.gif); font-weight: normal; }

/* mon compte */
div.factureListeItem { border-bottom: 1px dotted #ccc; padding: 0px 5px }
div.factureListeItem:hover { background-color: #FEF8E0; cursor: pointer; }
.factureListe { height:200px; overflow:auto; border:1px solid #DFDFDF; }

/* facebook */
.fan-title { text-align: center; margin: 20px 0 0; font-weight: bold; /*color: #633;*/ }
.fan-box { padding: 10px; margin: 5px auto 25px; width: 190px; border: 1px solid #a7a7a7; font-family: Tahoma, Geneva, sans-serif; background: #fff; text-align: left; }
.fan-connect { color: #3b5998; font-weight: normal; font-size: 11px; line-height: 15px; text-decoration: none; }
.fan-connect:hover { color: #3b5998; text-decoration: underline; }
.fan-face { padding: 0 10px 10px 0; float: left; }
.fan-name { font-weight: bold; font-size: 14px; }
.fan-num { margin-top: 8px; border-top: 1px solid #d8dfea; padding: 5px; color: #333; font-size: 11px; clear: both; }
.fan-grid { padding: 5px; }
.fan-grid img { margin: 0 10px 0 0; display: inline-block; vertical-align: top; }

/* commentaires_guide accueil */
.commentaires_guide { margin-bottom: 10px; }
.commander_guide { text-align: right; margin-top: 20px; }


/* ********************** */
/* complément CSS */
/* ********************** */
/* contenu général 
div#divUpMessages2 { display: none; }*/