@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}

body{
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
}
#total{
width:998px;
}
h2{
	font-size:11pt;
}
hr{
width:100%;
height:0px;
border:0;
}
.cheugue{
	text-align:left;
	margin:10px;
}
.cadreo{
	clear:both;
	margin-top:10px;
	background-color:#F9F9F9;	
	border:1px solid #CCC;
	text-align:left;
	padding:10px;
}
a{
text-decoration:none;
color:#000000;
}
a:hover{
text-decoration:underline;
}	
.deg{
width:178px;
height:10px;
background-image:url(../images/deg.gif);
background-repeat:repeat-x;
margin-bottom:5px;
}

/* ------------------------ header ------------------------ */
#bandeau{
width:998px;
height:86px;
background-image:url(../images/bandeau_qi.jpg);
background-repeat:no-repeat;
}
#coverflow{
text-align:center;
margin:auto;
background-color:#003399;
}
#menu{
padding-top:2px;
background-image:url(../images/men.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
color:#CCCCCC;
}
#menu li{
float:left;
list-style-type:none;
}
#menu ul{
padding-left:15px;
}
#menu a{
text-decoration:none;
text-align:center;
margin:0px 36px;
display:block;
color:#fff;
font-size:12pt;
}
#menu a:hover{
text-decoration:none;
color:#CCC10A;
}
#header{
margin-bottom:20px;
}
/* ---------------------------------   gauche  --------------------------------------------*/
#gauche{
float:left;
position:relative;
width:178px;
margin-right:10px;
}
.hauteur{
height:120px;
overflow:scroll;
overflow-x:hidden;
margin-bottom:2px;
}
.hauteur p a{
	color:#000;
	text-decoration:none;
}
.hauteur p a:hover{
	text-decoration:underline;
}

/* --------------------------------- principal --------------------------------------------*/
#principal{
float:left;
width:620px;
}
.case_gros{
width:303px;
}
.case_mega_gros{
width:617px;
}
#annonce_index {
background-image:url(../images/fond_annonce_index.jpg);
width:618px;
vertical-align:middle;
border:1px #CCCCCC solid;
text-align:center;
}
#annonce_index input{
/* background-image:url(../images/fond_annonce_index.jpg); */
background-color:transparent;
height:30px;
width:610px;
font-size:18pt;
color:#CCC10A;
font-weight:bold;
border:0;
}
.case_colonne{
width:198px;
}
.case_ligne{
width:195px;
float:left;
padding:5px;
}
.case table{
width:100%;
margin:0;
padding:0;
}
.auteur{
padding:0px 5px 0px 5px;
text-align:left;
font-size:8pt !important;
font-size:7pt;
font-weight:bold;
}
.prix{
width:35px;
padding:5px !important;
padding:3px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:9pt !important;
font-size:6pt;
height:16px;
}
.pack_promo{
	text-align:center;
	float:left;
	width:100px;
	margin:40px 10px 0px 10px;
}
.pack_promo div{
	background-color:#CC0000;
	padding:10px;	
	color:#FFF;
	font-size:9pt;
	float:left;
	margin:0px 10px 0px 10px;
}
.prix_pack{
font-size:10pt;
padding:2px;
width:99%;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}
.titre{
background-color:#FFFFFF;
padding:5px;
height:30px;
text-align:left;
}
.panier{
text-align:center;
color:#FFFFFF;
width:100%;
height:21px !important;
height:25px;
}
.panier2{
text-align:center;
color:#FFFFFF;
width:100%;
height:21px !important;
height:15px;
}
.panier a{
display:block;
height:21px !important;
height:15px;
}
.panier2 a{
display:block;
height:21px !important;
height:15px;
}
.panier div, .panier2 div{
cursor:pointer;
}
/*
.panier a{
background-image:url(images/tete_noire.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
padding:1px;
display:block;
}*/
.case{
float:left;
background-color:#f9f9f9;
margin-bottom:10px;
}
.case h1{
padding-top:1px;
width:100%;	
height:21px;
color:#FFFFFF;
font-size:11pt;
text-align:center;
font-weight:500	;
}
.fond_blanc{
width:100%;
height:165px;
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin-bottom:0px;
margin-top:15px;
}
.fond_blanc_solo{
width:99%;
height:165px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-bottom:0px;
margin-top:0px;
padding:5px 0px 5px 0px;
}
.fond_blanc_solo img{
text-align:center;
border:1px solid #ccc;
margin:5px;
}
.fond_blanc img{
text-align:center;
border:1px solid #ccc;
margin:5px;
}
.recherche_auteur{
text-align:center;
margin-bottom:10px;
}
.recherche_auteur span{	
font-size:20pt;
font-style:italic;
font-family:"Times New Roman", Times, serif;
}
#navigation{
clear:both;
}
#modepaiement{
	margin:10px;
}
#modepaiement fieldset{
	padding:10px;
}
#modepaiement legend{
	font-size:12pt;
}
/* ------------------------ module ----------------------- */
.module{
text-align:left;
width:176px;
background-color:#FFFFFF;
border:1px solid #CCCCCC; 
}
.module a{
text-decoration:underline; 
color:#000000;
}
.module a:hover{
text-decoration:none; 
}
.module img{
border:0;
}	
.module p{
margin:5px;
}
.module input{
margin:0px 0px 0px 5px;
}
.module ul{
padding-bottom:5px;
}
.module li{
list-style:none;
list-style-position:outside;
padding-left:5px;
}
.module h1{
font-weight:500;
padding-top:1px;
width:100%;
height:21px;
color:#FFFFFF;
font-size:11pt;
text-align:center;
}
/* ------------------------ noir (autres)------------------------ */
.noir{
color:#000;
}
.noir h1{
background-image:url(../images/tete_noire.gif);
background-repeat:repeat-x;
}
.bordure_noire{
border:1px solid #000;
}
.noir hr{
border-top:1px dashed #000;
}
.noir .panier{
border-bottom:1px solid #000;
}
.noir .panier2{
border-bottom:1px solid #000;
}
.noir .titre a{
color:#000000;
}
/*
.noir .panier a{
border-bottom:1px solid #000;
}*/
.noir .panier a{
background-image:url(../images/tete_noire.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
display:block;
}
.noir .panier2 a{
background-image:url(../images/tete_noire.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
display:block;
}

.noir .panier div{
background-image:url(../images/panier_noir.jpg);
background-repeat:no-repeat;
background-position:center;
padding-top:4px;
height:20px !important;
height:16px;
display:block;
}
.noir .panier2 div{
background-repeat:no-repeat;
background-position:center;
padding-top:4px;
height:20px !important;
height:16px;
display:block;
}
.noir .prix_pack{
background-image:url(../images/tete_noire.gif);
background-repeat:repeat-x;
background-color:#000000;
}
.noir .prix{
background-image:url(../images/tete_noire.gif);
background-repeat:repeat-x;
background-color:#000000;
}

.texte_noir{
color:#000000;
}
td.noir{
	background-image:url(../images/tete_noire.gif);
	background-repeat:repeat-x;
	background-color:#000000;
	color:#fff;
	padding:2px;
}

/* ------------------------ rouge (nouveautés) ----------------------- */
.rouge{
color:cf2e4d;
}
.bordure_rouge{
border:1px solid #cf2e4d;
}
.rouge h1{
background-image:url(../images/tete_rouge.gif);
background-repeat:repeat-x;
}
.rouge hr{
border-top:1px dashed #cf2e4d;
}
.rouge .panier{
border-bottom:1px solid #cf2e4d;
}
.rouge .panier a{
background-image:url(../images/tete_rouge.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
display:block;
}
.rouge .panier2 a{
background-image:url(../images/tete_rouge.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
display:block;
}
.rouge .panier div{
background-image:url(../images/panier_rouge.gif);
background-repeat:no-repeat;
background-position:center;
padding-top:4px;
height:20px !important;
height:16px;
display:block;
}
.rouge .panier2 div{
background-repeat:no-repeat;
background-position:center;
padding-top:4px;
height:20px !important;
height:16px;
display:block;
}
.rouge a{
color:#cf2e4d;
}

.rouge .panier a{
color:#fff;
}
.rouge .panier2 a{
color:#fff;
}
.rouge panier a:hover{
color:#fff;
}
.rouge .titre a{
color:#cf2e4d;
}
.rouge .auteur{
color:#cf2e4d;
}
.rouge .prix{
background-image:url(../images/tete_rouge.gif);
background-repeat:repeat-x;
background-color:#cf2e4d;
}
.texte_rouge{
color:#cf2e4d;
}

/* ------------------------ bleu (meilleurs ventes)----------------------- */
.bleu{
color:#0b7cd7;
}
.texte_bleu{
color:#0b7cd7;
}
.bordure_bleu{
border:1px solid #0b7cd7;
}

.bleu h1{
background-image:url(../images/tete_bleu.gif);
background-repeat:repeat-x;
}
.bleu hr{
border-top:1px dashed #0b7cd7;
}
.bleu .panier{
border-bottom:1px solid #0b7cd7;
}
.bleu .panier2{
border-bottom:1px solid #0b7cd7;
}
.bleu a{
color:#fff	;
}
.bleu .panier a{
color:#fff;
}
.bleu .panier2 a{
color:#fff;
}
.bleu .panier a{
background-image:url(../images/tete_bleu.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
display:block;
}
.bleu .panier2 a{
background-image:url(../images/tete_bleu.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
display:block;
}
.bleu .panier div{
background-image:url(../images/panier_bleu.jpg);
background-repeat:no-repeat;
background-position:center;
padding-top:2px;
height:20px !important;
height:16px;
display:block;
}
.bleu .panier2 div{
background-repeat:no-repeat;
background-position:center;
padding-top:2px;
height:20px !important;
height:16px;
display:block;
}
.bleu panier a:hover{
color:#0b7cd7;
}
.bleu .titre a{
color:#0b7cd7;
}
.bleu .auteur{
color:#0b7cd7;
}
.bleu .prix{
background-image:url(../images/tete_bleu.gif);
background-repeat:repeat-x;
background-color:#0b7cd7;
}

/* ------------------------ Collection reussir ----------------------- */
#accueil_reussir {
width:620px;
height:340px;
vertical-align:middle;
border:0px #003399 solid;
text-align:left;
clear:both;
}
.accueil_reussir_fond_blanc{
width:174px;
min-height:240px;
float:left;
background-color:#FFFFFF;
border:1px solid #003399;
margin-bottom:20px;
margin-top:15px;
}
.accueil_reussir_fond_blanc img{
float:center;
}
.texte_reussir{
color:#003399;
}
.bleu_reussir{
color:#003399;
}
.texte_bleu_reussir{
color:#003399;
}
.bordure_bleu_reussir{
border:1px solid #003399;
}

.bleu_reussir h1{
background-image:url(../images/tete_bleu_reussir.gif);
background-repeat:repeat-x;
}
.bleu_reussir hr{
border-top:1px dashed #003399;
}
.bleu_reussir .panier{
border-bottom:1px solid #003399;
}
.bleu_reussir .panier2{
border-bottom:1px solid #003399;
}
.bleu_reussir a{
color:#fff	;
}
.bleu_reussir .panier a{
color:#fff;
}
.bleu_reussir .panier2 a{
color:#fff;
}
.bleu_reussir .panier a{
background-image:url(../images/tete_bleu_reussir.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
display:block;
}
.bleu_reussir .panier2 a{
background-image:url(../images/tete_bleu.gif);
background-repeat:repeat-x;
font-weight:500;
color:#FFFFFF;
display:block;
}
.bleu_reussir .panier div{
background-image:url(../images/panier_bleu_reussir.gif);
background-repeat:no-repeat;
background-position:center;
padding-top:2px;
height:20px !important;
height:16px;
display:block;
}
.bleu_reussir .panier2 div{
background-repeat:no-repeat;
background-position:center;
padding-top:4px;
height:20px !important;
height:16px;
display:block;
}
.bleu_reussir panier a:hover{
color:#003399;
}
.bleu_reussir .titre a{
color:#003399;
}
.bleu_reussir .auteur{
color:#003399;
}
.bleu_reussir .prix{
background-image:url(../images/tete_bleu_reussir.gif);
background-repeat:repeat-x;
background-color:#003399;
}

/* fin collection reussir */
#navigation a{
color:#000;
}
.actuel{
font-weight:bold;
}
.men ul{
padding:0px;
margin:0px;
border-left:5px solid #bbb219;
}
.men li{
list-style:none;
margin:0px;
padding-left:0px;
/*border-bottom:1px dashed #bbb219;*/
color:#000000;
}
.men a{
height:21px;
text-decoration:none;
padding-left:5px;
margin-left:0;
display:block;
color:#000;
}
.men span{
color:#bbb219;
}
.men a:hover{
/*background-image:url(images/tete_noire.gif);
background-repeat:repeat-x;*/
padding-left:10px;
color:#000;
text-decoration:underline;
background-repeat:repeat-x;*/
}
#avancement{
text-align:center;
height:21px;
margin-bottom:15px;
}
#avancement h1{
text-align:center;
padding:2px 0px 0px 0px;
margin:0px 0px 0px 0px;
height:19px;
font-weight:500;
width:120px;
color:#FFFFFF;
border:1px solid #000;
}
#avancement h1 div{
	padding:3px 0px 0px 0px;
	color:#FFFFFF;
}
.pan{
text-align:left;
}
.pan th{
background-color:#CCCCCC;
padding-left:5px;
}
.pan td{
padding:5px;
}
.etape{
	float:left;
	margin:0px 16px 0px 16px !important;
	margin:0px 12px 0px 12px;
}
/* ---------------------------------   droite  --------------------------------------------*/
#droite{
float:right;
width:178px;
margin-left:0px;
}
/* ---------------------------------   footer  --------------------------------------------*/
#footer{
clear:both;
width:100%;
padding:30px 0px 30px 0px;
}
#footer a{
color:#000;
}

/* ---------------------------------   congre-qi  --------------------------------------------*/
.qi-congres{
	color:#999;
	padding:10px;
	border:1px solid #999;
	margin-bottom:50px;
}
.qi-congres td{
	margin:0;
	padding:0;
}
.cq_date{
	width:40px;
	font-size:10pt;
	padding:5px;
	border:1px solid #999;
	text-align:center;
	line-height:20px;	
	font-weight:bold;
	float:left;
}
.cq_date span{
	font-size:24pt;
	margin:0;
	padding:0;
}
.cq_titre{
	font-size:12pt;
	padding:5px;
	color:#CF2E4D;
	width:185px;
	text-align:left;
}
.qi-legend{
	margin-top:-50px;
	background-color:#F9F9F9;
	padding:5px;
}
.cq-plus{
	font-size:24pt;
}
.aboTitreRevue {
	font-size: 18pt;
	font-weight: bold;
	color: #0066CC;
	text-align: center;
}
.aboAnnee, .aboAnnee a{
font-size:10pt;
}
.aboAnnee a{
text-decoration:underline;
}
.aboAnnee a:hover{
text-decoration:none;
}
.aboNumero img {
border:0;
}
.aboH2{
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	text-align: left;
}
.aboH3{
	font-size: 10pt;
	font-weight: bold;
}
.aboListe{
list-style-position:outside;
list-style-type:none;
padding-left:10px;
list-style-image: url(../images/pdf-icon.png);
}
.aboListe p{
height:60px;
}
.aboListe img {
border:0;
float:left;
}
.aboListe a {
font-size:10pt;
font-weight:bold;
}
.aboListe a:hover{
}
#aboAriane, #aboAriane a{
font-size:11pt;
font-weight:bold;
text-align:left;
color:#fff;
}
#aboAriane{
	background-image:url(../images/tete_rouge.gif);
	background-repeat:repeat-x;
	background-color:#cf2e4d;
	color:#fff;
	padding:2px 5px 2px 5px;
	border:1px solid #cf2e4d;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
#publicite{
	color:#000;
	text-align:left;
}
#publicite #contenu{	
	padding:5px;	
	cursor:pointer;
}
#publicite #contenu img{
	border:none;
}
#publicite a{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}