/* Feuille de style du site Autres Mondes - part 02 -> contenu du site */
/* author : cezarion.net */

/* text ************************************************************/

h1 {
	color : #18435c;
	font-size : 20px;
	font-weight:bold;
	text-transform:uppercase;
	text-align : center;
	margin : 0 0 10px 0;
	}

h2 {
	background:transparent url(../images/puce_h2.gif) no-repeat scroll 0 0;
	color:#266A82;
	font-size:18px;
	font-weight:bold;
	height:23px;
	line-height:21px;
	margin:5px 0 11px;
	padding:0 0 0 30px;
	text-align:left;
	}

.h2 {
		background: url('../images/puce_h2_bis.gif') no-repeat scroll 0 0;
	}
	
#maincol h2 {
	line-height:22px;
	border-bottom:1px dotted #CCCCCC;
	padding:0 0 14px 30px;
	}

h3 {
	color : #333333;
	font-size : 15px;
	font-weight:bold;
	text-align : left;
	margin : 5px 0 10px 0;
	}

h3.bg_black {
	color : #FFF !important;
        height:36px;
	font-size : 13px !important;
	font-weight:bold;
	text-align : left;
	margin : 5px 0 10px 0 !important;
        padding:7px 0 0 7px;
        text-transform:none !important;
        background:#FFF url('../images/bg_titre_black.gif') no-repeat 0 0;
	}

h4 {
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0;
	text-transform:uppercase;
	}

h5 {
	color: #266a82;
	font-weight : bold;
	font-size: 13px;
	}

h6 {
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0;
	text-transform:uppercase;
	margin:5px 0;
	}
	
img {
	margin:0;
	padding:0;
	border:none;
	}

a {
	color:#333333;
	text-decoration : none;
	}
 a:hover {
 	color:#18435c;
 	text-decoration : underline;
 }
 
blockquote {
    margin:20px 20px 30px;
    font-size:110%;
    width:800px;
    font-weight: 600;
}

blockquote p {
    margin:0 0 10px;
}

.both {
	clear: both;
	}
	
.displayNone {
	display:none;
}

.media {
    margin:10px auto;
}
/* separateurs *****************************************************************/
.separateur {
	height:15px;
	width:100%;
	background: url('../images/separateur_pointille.gif') repeat-x top left;
	margin: 0 0 5px;
	}

.separateur_dotted{
	width:100%;
	border-bottom:1px dotted #CCCCCC;
	line-height:22px;
	margin: 5px 0;
	}

/* expandable box with rounded corners ***********************************************************************/
.box-360-bottom, .box-360-top {
	display:block;
	width:360px;
	height:15px;	
	overflow:hidden;
	}

.box-360-top {
	background:transparent  url('../images/box_360_top.gif') no-repeat top left;
	}

.box-360-bottom {
	background: transparent url('../images/box_360_bottom.gif') no-repeat top left;
	}

.box-520-bottom, .box-520-top {
	display:block;
	width:520px;
	height:15px;	
	overflow:hidden;
	}

.box-520-top {
	background: url('../images/box_520_top.gif') no-repeat top left;
	}

.box-520-bottom {
	background: url('../images/box_520_bottom.gif') no-repeat top left;
	} 

.small-box {
	margin : 0;
	}
	

.box-890-bottom, .box-890-top {
	display:block;
	width:890px;
	height:15px;	
	overflow:hidden;
	}

.box-890-top {
	background: url('../images/box_890_top.gif') no-repeat top left;
	}

.box-890-bottom {
	background: url('../images/box_890_bottom.gif') no-repeat top left;
	}

/* expandable box  ***********************************************************************/

.bloc_infos{
	padding:8px;
	margin:3px;
	background-color: #f2f2f2;
	color:#266A82;
}

.bloc_infos a{
	color:#266A82;
}

div.bloc_infos:hover{
	background-color: #CCCCCC;
}
/*Specific components ********************************************************************/
/*Bloc livre */
.cover-book, .rdv {
	display:block;
	float:left;
	line-height:13px;
	margin:5px 0;
	overflow:hidden;
}
.cover-book {
	width: 235px;
	height:115px;
}

.rdv {
	width:328px;
	height:115px;
}

.cover-book .image, .rdv .image {
	float:left;
	margin:2px 5px 0 0;
	overflow:hidden;
	padding:0;
}

.cover-book .image {
	height:110px;
	width:70px;
}

.rdv .image {
	height:110px;
	width:100px;
}

.cover-book .image a:hover, .rdv .image a:hover  {
	background-color: transparent;/*#34819B;*/
	opacity:0.7;
	filter:alpha(opacity=70);
}

.cover-book .content, .rdv .content {
	overflow:hidden;
	float:right;
}
.cover-book .content {
	width:160px;
	height:115px;
}

.rdv .content {
	width:220px;
	height:115px;
}
	
.cover-book div, .cover-book p, .rdv div, .rdv p {
	width:100%;
}

.cover-book .titre, .rdv .titre{
	font-size: 12px;
	font-weight:bold;
	color: #34819b;
	text-transform : uppercase;
}

.cover-book .auteur, .rdv .ss-titre{
	font-size: 12px;
	font-weight:bold;
	color: #34819b;
	font-style: italic;
}

.cover-book .texte, .rdv .texte{
	display:block;
	font-size: 11px;
	text-align:left;
	margin : 3px 0;
	height:65px;
	overflow:hidden;
}

.cover-book .decouvrir, .rdv .decouvrir {
	background:#FFFFFF url(../images/bt_decouvrir_sw.gif) no-repeat scroll center top;
	display:block;
	float:right;
	height:15px;
	overflow:hidden;
	width:76px;
	margin:3px 0 0;
}

.rdv .decouvrir {
	position:absolute;
	margin-left:145px;
}

.cover-book .decouvrir:hover, .rdv .decouvrir:hover {
	background:#FFFFFF url(../images/bt_decouvrir_sw.gif) no-repeat scroll center -14px;
}

.cover-book .decouvrir img, .rdv .decouvrir img {
	width:76px;
	height:15px;
	}
	
/* Sous navigation site : barre de recherche et travelling pages  ***********************************************************************/

#sub_nav {
	height:30px;
}

#sub_nav form span, #sub_nav .left a, #sub_nav .left {
	color:#FFFFFF;
	text-decoration : none;
	}

#sub_nav .left {
	float:left;
	}

#sub_nav .right {
	float:right;
	}

#sub_nav a:hover {
	text-decoration : underline;
	}

/*** les differentes box *********************************************************************/

#leftcol {
	float:left;
	margin:10px 0 0;
	width:360px;
	display:block;
}

#leftcol .inner {
	background-color : #FFFFFF;
	border-right:1px solid #9CAFBA;
	border-left:1px solid #9CAFBA;
	display:block;
	overflow:hidden;
	padding: 0 15px;
	width : 328px;
	height:100%;
	}

#rightcol {
	float:right;
	margin:10px 0 0;
	width:520px;
	display:block;
}

#rightcol .inner {
	background-color : #FFFFFF;
	border-right:1px solid #9CAFBA;
	border-left:1px solid #9CAFBA;
	display:block;
	overflow:hidden;
	padding: 0 15px;
	width : 488px;
	height:100%;
	}
	
#maincol {
	width:890px;
	overflow:hidden;
	margin : 10px auto 0;
	}

#maincol .inner {
	background-color : #FFFFFF;
	border-right:1px solid #9CAFBA;
	border-left:1px solid #9CAFBA;
	display:block;
	overflow:hidden;
	padding: 0 15px;
	width : 858px;
        /*min-height:420px;*/
	}

/******************************************************/

#fiche {
	height:70px;
	margin:10px 0 0;
	overflow:hidden;
	width:100%;
	}

#fiche .fiche-titre {
	background-color : #a5a9af;
	height : 17px;
	width:100%;
	text-align:center;
	font-weight:bold;
	}

#fiche .fiche-details {
	width:478px;
	padding:0 5px;
	background: url('../images/fiche_bg.gif') repeat-x top left;
	overflow:hidden;
	}

#fiche .fiche-box, #fiche .fiche-box-right{
	font-size:11px;
	margin: 5px 0 0 5px;
	overflow:hidden;
	}	

#fiche .fiche-box-right {
	width:130px;
	float:right;
	}

#fiche .fiche-box {
	width:230px;
	float:left;
	}

#fiche .bold {
	font-weight:bold;
	color:#000000;
	}
/* Specifique style for ther hp **********************************************************************/

#home {
	margin:0;
	padding:0;
	}
	
#leftcol #home-left {
	height:500px;
	overflow:hidden;
	}

#rightcol #home-right {
	height:559px;
	overflow:hidden;
	}

#banniere {
	width: 469px;
	height:69px;
	overflow:hidden; 
	display:block;
	margin : 0 auto;
	}

#leftcol .cover-book {
	width:328px;
	}

#leftcol .cover-book .content {
	width:250px;
	}
	
.v-break {
	width:18px;
	height:50px;
	float:left;
}
/*hp -> Edito***********/

#home .edito {
	display:block;
	height:220px;
	margin:0 5px;
	overflow:hidden;
	color:#266A82;
	height:310px;
}

#home .edito, #home .edito p, #home .edito span{font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif !important;}
#home .edito p{
	line-height:16px;
	text-align : justify;
	font-size : 13px !important;
	margin : 4px 0px;
}

#footer #maincol {
	margin : 5px auto 0;
	}

#footer .inner{
	overflow:visible;
	-overflow:hidden;
	height:20px;
	min-height:20px;
	}

#footer .content {
 	position:relative;
 	width:850px;
	top:-9px;
 	}

#footer div{
	width:888px;
	margin:auto;
	}

#footer .logo{
	width:206px;
	height:21px;
	margin:0 auto;
	}

#footer div  img{
	width:206px;
	height:21px;
	}

#footer .liens {
	width:100%;
	height:21px;
	-height:15px;
	margin:0;
	text-align:center;
	}
        
/* Specific style catalogue index*/
#index-titres { height:368px; overflow:hidden;}

.liste ul, .liste ul.paging li {list-style-type:none; margin:0; padding:0}
.liste ul.paging li {vertical-align: bottom; border-bottom:2px solid #FFF; clear:both;}
.liste ul.paging { height:290px;overflow:hidden;display:block; margin-top:3px;}
.liste .paging li { display:block; height:17px; overflow:hidden;}

a.liste_clair, a.liste_fonce { width:98%; height:17px; margin: 0; padding:0 3px; font-size:11px; font-family: "Trebuchet MS",Verdana,Sans-Serif; overflow:hidden; display:block; }
.liste_clair:hover, .liste_fonce:hover, .liste_clair a:hover, .liste_fonce a:hover { background-color:#dae8f1; cursor:pointer; width:97%; text-decoration:none;}
.liste_clair { background-color:#e5e5e5;}
.liste_fonce { background-color:#ececec;}

.liste .titre { color:#122d46; text-transform:uppercase; font-weight:bold; float:left; margin:0 10px 0 0;}
.liste .auteur { color:#5a6e80; font-style:italic; }
.liste .nom {text-transform:uppercase;}
.liste .auteur_index { color:#122d46; float:left;}
.liste .left { float:left;}
.liste .right { color:#870f17; font-size:10px; width:50px; float:right;overflow:hidden; text-align:right; float:right; }

.simplePagerNav, .pagination { width:308px;margin:10px auto;text-align:center;}
.pagination {margin:0 auto;}
.simplePagerNav  li { display:inline;}
.simplePagerNav  li a, .pagination a, .pagination u {font-weight:bold; height:20px; margin:1px; padding:1px 3px 3px; text-align:center; text-decoration:none; width:20px; }
.simplePagerNav  a:hover, .simplePagerNav .currentPage, .pagination u, .pagination a:hover{ background:#ffffff url(../images/nav_lettre_bg.gif) no-repeat scroll center top;}

/*********FIN LISTE ***********/

#catalogue_une {
	height:251px;
	-height:247px;
	overflow:hidden;
	width:488px;
}

#catalogue_une  .texte {
	height:155px;
	margin:7px 0;
	overflow:hidden;
}

#catalogue_une a.decouvrir {
	width:111px;
	height:28px;
	display:block;
	margin: 0 auto;
	background:#ffffff url(../images/but_decouvrir.gif) no-repeat scroll center 0px;
	}

#catalogue_une a.decouvrir:hover {
	background:#ffffff url(../images/but_decouvrir.gif) no-repeat scroll center -28px;
	}

#catalogue_une img {
 	float:left;
}

#catalogue_une .content {
	float:right;
	margin: 0 0 0 10px;
	height:240px;
	width: 320px;
	overflow:hidden;
	}

#catalogue_une h1, #catalogue_une h2 {
	background:transparent none repeat scroll 0 0;
	color:#34819B;
	font-size:1.3em;
	font-weight:bold;
	line-height:16px;
	margin:0;
	padding:0;
	text-align:left;
}

#catalogue_une h2 {
	font-style:italic;
	}

#catalogue_une .decouvrir {
	margin : 10px auto 0;	
	width:111px;
	height:32px;
	display:block;
	}
	
#catalogue_aparaitre {
	float:left;
	margin:8px 8px 15px;
	width:410px;
	overflow:hidden;
	}	

#catalogue_aparaitre h1{
	font-size:14px;
	text-align:left;
	margin:0;
	color:#112d46;
	}

#catalogue_aparaitre h2{
	font-size:13px;
	background:none;
	padding:0;
	margin:0 0 5px;
	height:1%;
	color:#112d46;
	}

#catalogue_aparaitre h3{
	font-size:13px;
	background:none;
	padding:0;
	color:#266A82;
	font-style : italic;
	margin:0 0 5px;
	}

#catalogue_aparaitre img{
	width:157px;
	float:left;
	margin:0 10px 0 0;
	}

#catalogue_aparaitre .content{
	width:240px;
	float:left;
	}

#catalogue_aparaitre .texte {
	margin:10px 0 0 0;
	height:160px;
	line-height:16px;
	}
	
#livre_display {
	margin:0 auto 5px;
	width:860px;
	overflow:hidden;
	}

#livre_display .cover-book {
	margin:10px;
	-margin:9px;
	padding:5px;
	width:255px;
	background-color: #e9e9e9;
}

#livre_display .cover-book .content {
	height:115px;
	width:180px;
}

#livre_display .cover-book .content > div {
        height:96px;
        overflow:hidden;
}

#livre_display .cover-book a.decouvrir {
	background:#E9E9E9 url(../images/bt_decouvrir_sg.gif) no-repeat scroll center 0px;
}

#livre_display .cover-book a.decouvrir:hover {
	background:#E9E9E9 url(../images/bt_decouvrir_sg.gif) no-repeat scroll center -14px;
}

/*Fiche de pr�sentation d'un livre***************/

#fiche_livre {
	width:100%;
	} 

#fiche_livre .image{
	float:left;
	margin: 0 10px 0 0;
}

#fiche_livre .content{
	float:right;
	overflow:hidden;
	width:650px;
}

#fiche_livre .content h3{
	color:#34819b;
	text-transform:uppercase;
	margin:15px 0 10px;; 
}

#fiche_livre .content .auteur {
	text-decoration:underline;
	}

#fiche_livre .content a.bt_index_titre {
	background:#FFFFFF url(../images/bt_index_titre.gif) no-repeat scroll center top;
	float:right;
	height:23px;
	right:10px;
	top:60px;
	overflow:hidden;
	position:absolute;
	width:128px;
}


#fiche_livre #fiche {height:auto;}

#fiche_livre .content a.bt_index_titre :hover {
	background:#ffffff url(../images/bt_index_titre.gif) no-repeat scroll center -23px;
}

#fiche_livre .texte-1, #fiche_livre .texte-2 {
	line-height:14px;
	overflow:hidden;
	}

#fiche_livre .texte-1 {
	height:110px;
	}

#fiche_livre .texte-2 {
	font-style:italic;
	margin:5px 0;
	height:60px;
	}

#fiche_livre #fiche .fiche-details {
	width:100%;
}

#fiche_livre #fiche .fiche-details .fiche-box {
	margin:5px 10px 0 5px;
	}

#fiche_livre #fiche .fiche-details .fiche-box-right {
	margin:5px 10px 0 0;
	}

#fiche_livre #fiche a.add_to_cart  {background:#ffffff url(../images/bt_acheter.gif) no-repeat scroll 0 0; display:block; float:right; height:20px; width:80px; margin:10px 10px 0 0; text-indent:-9999px;}
#fiche_livre #fiche a:hover.add_to_cart  {background-position:bottom;}

#fiche_livre .fiche-link {clear:both; float:none;border-top:1px dotted #CCB38F;  margin-top:8px}
/***/
#fiche_menu {
	display:block;
	height:30px;
	overflow:hidden;
	width:890px;
	}

#fiche_menu ul {
	width:895px;
	}

#fiche_menu li {
	float:left;
	line-height:27px;
	list-style-type:none;
}

#fiche_menu li a {
	color:#999999;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	display:block;
	width:165px;
	height:30px;
}

/* Correctif ie 6*/
* html #fiche_menu li a  {
	background:transparent url(../images/fiche_onglet.gif) no-repeat scroll 0 -30px;
}

html>body #fiche_menu li a   {
	background:transparent url(../images/fiche_onglet.png) no-repeat scroll 0 -30px;
}
#fiche_menu li a:hover, #fiche_menu li a.on {
	text-decoration:none;
	color:#000000;
}

* html #fiche_menu li a:hover, #fiche_menu li a.on {
	text-decoration:underline;
	background:transparent url(../images/fiche_onglet.gif) no-repeat scroll 0 2px;
	}

html>body #fiche_menu li a:hover, #fiche_menu li a.on {
	background:transparent url(../images/fiche_onglet.png) no-repeat scroll 0 2px;
	}

#fiche_menu .spacer {
	width:16px;
	height:10px;
	background:transparent url(../images/spacer.gif) no-repeat scroll 0px -30px;
	}

/******/
.tabContent {
	display:none;
	min-height:200px;
	width:858px;
}

.maincolFX {
	margin:0 auto;
	z-index:999;
	display:block;
	}
	
#fx {
	background-color:#FFFFFF;
	min-height:20px;
	width:858px;
	}
/*****/
#fx h2 {
	background:#FFFFFF url(../images/puce_h2_fiche.gif) no-repeat scroll 0 0;
	color:#266A82;
	font-size:18px;
	font-weight:bold;
	height:44px;
	line-height:57px;
	margin:10px 0 10px;
	padding:0 0 10px 60px;
	-padding:0 0 0 60px;
	text-align:left;
	}

#fx .texte{
	float:left;
	line-height:16px;
	margin:5px 0 10px 0;
	text-align:justify;
	width:560px;
}

#fx .extrait {
	border-left:1px solid #CCCCCC;
	background-color:#FFFFFF;
	float:left;
	line-height:16px;
	margin:10px 0 10px 45px;
	-margin:10px 0 10px 25px;
	padding:5px 0 5px 10px;
	text-align:justify;
	width:750px;
}

#fx .extrait .suite {
	font-weight:bold;
	font-style:italic;
	color:#266A82;
	margin : 10px 0 0 0;
	display:block;
	background-color:#FFFFFF;
	}

#fx .plus {
	background-color:#EEEEEE;
	color:#266A82;
	display:block;
	float:right;
	font-size:14px;
	margin:0 0 15px 0;
	padding:10px;
	width:250px;
	}

#fx .plus div {
	background:transparent url(../images/puce_li.gif) no-repeat scroll 0 2px;
	color:#266A82;
	margin:8px 0;
	padding:0 0 0 20px;
	}

#fx .plus div.img_conteneur {
	background:none;
        margin:0;
        padding:0;
	}

#fx .plus a {
	color:#266A82;
	text-decoration:underline;
	}

#fx .plus a:hover {
	color:#18435C;
	}

#fx .texte p, #fx .extrait p{
	margin:10px 0;
	color:#000000;
	background-color:#ffffff;
	}

#fx .texte p, #fx .extrait em{
	background-color:#ffffff;
	}

#fx .image{
	/*width:244px;
	float:right;
	margin:14px 0 0 0;
	border:1px solid #999999;*/
	display:block;
	margin:3px auto 20px;
	width:244px;
	overflow:hidden;
}

#fx .fiche_livre_auteur {
	clear:both;
}

#fx .prix {
	float:left;
	line-height:16px;
	margin:10px 0 10px 45px;
	-margin:10px 0 10px 18px;
	padding:5px 0 5px 10px;
	width:750px;
}

#fx .prix li {
	list-style-image : url('../images/puce_li.gif');
	margin:10px 0 10px 10px;
	background-color:#FFFFFF;
	}

#fx div.titre{
	background-color:#A5A9AF;
	color:#011631;
	font-size:15px;
	font-weight:bold;
	height:17px;
	line-height:13px;
	text-align:center;
	width:100%;
}

#fx .left {
	float:left;
	}

#fx .right {
	float:right;
	}

#fx .left, #fx .right {
	width:50%;
	background:#ffffff url(../images/fiche_bg.gif) repeat-x scroll left top;
	} 

#fx .centre {
	width:100%;
	float:left;
	background:#ffffff url(../images/fiche_bg.gif) repeat-x scroll left top;
	} 

#fx .left strong, #fx .right strong, #fx .centre strong {
	text-transform:uppercase;
	color:#266a82;
	text-align:center;
	width:100%;
	display:block;
	margin:10px 0 0;
	}
#fx .left .img-box, #fx .right .img-box, #fx .centre .img-box {
	width:auto;
	margin:5px auto;
	height:115px;
	overflow:hidden;
	}
	
#fx .fiche_livre_auteur img {
	width:70px;
	height:110px;
	margin:10px 10px 0; 
}

#fx .fiche_livre_auteur table {
	margin:0 auto;
	}

/*Avis*/

#fx #avis-liste, #fx #avis-write {
	color:#999999;
	float:left;
	margin:20px 10px 20px 5px;
	width:850px;
	list-style-type:none;
}

#fx #avis-liste {
	height:1%;
	background:transparent url(../images/bg_white.gif) repeat-x scroll left bottom;
	padding:0 0 70px;
	border-bottom: 1px solid #eeeeee; 
	}

#fx #fiche_avis h2, #fx #avis-write h2 {
	float:left;
	width:80%;
	}

.scrollLink {
	float:right;
	font-size:15px;
	height:40px;
	margin:17px 5px 0 0;
        clear: both;
	}

.scrollLink img {
	width:85px;
	height:40px;
	}

.scrollLink a {
	display:block;
	width:85px;
	height:40px;
	overflow:hidden;
	text-decoration:none;
	}

.scrollLink a.ecrire {
	background:#ffffff url(../images/but_ecrire.gif) repeat-x scroll left top;
}

.scrollLink a.ecrire:hover {
	background:#ffffff url(../images/but_ecrire.gif) repeat-x scroll left -40px;
}

.scrollLink a.haut {
	background:#ffffff url(../images/but_haut.gif) repeat-x scroll left top;
}

.scrollLink a.haut:hover {
	background:#ffffff url(../images/but_haut.gif) repeat-x scroll left -40px;
}

#fx #avis-liste .avis_1 {
	float:right;
	margin:0 0 0 400px;
}

#fx #avis-liste .avis_0 {
	float:left;
}

#fx #avis-liste .avis_0, #fx #avis-liste .avis_1 {
	font-size:9pt;
	line-height:1.2;
	text-indent:0 !important;
	width:417px;
}

#fx #avis-liste .avis_h {
	background:transparent url(../images/avis_h.gif) no-repeat scroll center bottom;
	height:15px;
	width:417px;
}

#fx #avis-liste blockquote {
	background:transparent url(../images/avis_c.gif) repeat-y scroll left top;
	margin:0;
	padding:3px 18px 3px 20px;
}

#fx #avis-liste .avis_0 .avis_b {
	background:transparent url(../images/avis_bg.gif) no-repeat scroll left top;
}

#fx #avis-liste .avis_1 .avis_b {
	background:transparent url(../images/avis_bd.gif) no-repeat scroll left top;
}

#fx #avis-liste .avis_b {
	font-size:8pt;
	height:30px;
	width:417px;
}

#fx div.blaz, #fx div.blaz {
	font-size:15px;
	position:absolute;
	width:417px;
	overflow:hidden;
	}

#fx .avis_0 div.blaz p {
	display:block;
	text-align:left;
	margin:10px 0 0 80px;
}

#fx .avis_1 div.blaz p {
	display:block;
	margin:10px 80px 0 0;
	text-align:right;
}

#fx .avis_0 .faviconize, #fx .avis_1 .faviconize {
	height:30px;
	width:30px;
	}

#fx .avis_1 .faviconize {
	float:right;
	margin:-5px 0 0 5px;
	}

#fx .avis_0 .faviconize {
	float:left;
	margin:-5px 5px 0 0;
	}
	
#fx #avis-write {
	margin:0 10px 0 5px;
	}

#fx #avis-write h2 {
	margin:0 0 20px;
	}

/* Collection ****************************************/	

#collection {
	width:100%;
	}

#collection .separateur {
	background:transparent url(../images/separateur_pointille.gif) repeat-x scroll left center;
	height:5px;
}

#collection .bloc-presentation {
	float: right;
	width:540px;
	-margin:0 0 20px;
}

#collection .bloc-presentation div, #collection .bloc-presse div {
	border-left:1px solid #CCCCCC;
	}

#collection .bloc-presentation p {
	margin:10px 0 0 10px;
	text-align:justify;
}

#collection .image-1 {
	float:left;
	margin:10px 0 0;
}

#collection .image-2 {
	float:right;
	margin:50px 0 15px;
}

#collection .image-3 {
	float:left;
	height:400px;
	margin:30px -10px 0 0;
}

html>/**/body #collection .bloc-technique {
	margin:320px 0 0;
	position:absolute;
}

#collection .bloc-technique {
	margin:10px 0 0;
	position:relative;
	float:left;
}	

#collection .bloc-technique h2{
	margin:0 0 10px 13px;
	width:430px;
}
	
#collection .bloc-technique ul {
	border-left:1px solid #CCCCCC;
	display:block;
	margin:0 0 0 13px;
	width:460px;
}

#collection .bloc-technique li {
	list-style-type:none;
	margin:5px 0 0 10px;
	}

#collection .bloc-technique li strong {
	color:#34819b;
	}

#collection .bloc-presse {
	float:right;
	width:535px;
	}

#collection .bloc-presse p {
	margin:10px 10px;
	font-style:italic;
	line-height:14px;
	text-align:justify;
}

#collection .bloc-presse span, #collection .bloc-presse strong {
	color:#34819B;
	display:block;
	font-weight:bold;
	margin:5px 0 0;
	font-style:normal;
}

#collection .bloc-presse strong {
	display:inline;
}
/*Styles pour les top des lecteurs*/
#top_lecteur {
	width: 890px; 
	height:316px;
	text-align: center; 
	margin: 0 auto; 
	background:transparent url(../images/coverFlow.gif) no-repeat scroll center top;
	}

#top_lecteur a,#top_lecteur a:hover {
	text-decoration : none;
	}

#top_lecteur .gallery {
	width:750px;
	-width:770px;
	margin:auto;
	padding:60px 0 0;
	}
#top_lecteur .ex {
	color:#4894AA;
	display:block;
	float:left;
	margin:10px;
	width:130px;
	}

#top_lecteur .top {
	border: 1px solid #4894aa;
	margin:0 auto;
	width:100px;
	height:152px;
	}	

/*BONUS*********************************************************************************/

/*Fond ecran******************************/

#fond-ecran li {
	display:block;
	list-style-type:none;
	font-size:10px;
	text-align:center;
	float:left;
	margin:20px;
}

#fond-ecran li a:hover {
	color:#34819B;
}

/*Liens**********************************/

.liens-box {
    width:858px;
    padding: 0 0 10px 0
}
.liens-box li{
    background:transparent url(../images/bg_liens.jpg) repeat-x scroll left bottom;
    float:left;
    height:54px;
    list-style-type:none;
    overflow:hidden;
    padding:10px 5px;
    margin:10px;
    width:253px;
}

.liens-box .right {
    float:left;
    height:58px;
    margin:0 0 0 5px;
    overflow:hidden;
    text-align:left;
    width:200px;
}

.liens-box .left {
    background:none;
    float:left;
    height:53px;
    width:30px;
    background:transparent url(../images/icone_liens.gif) no-repeat scroll center 5px;
}

.liens-box h3 {
    font-size:13px;
    text-align:left;
    margin: 0 0 3px;
    color: #34819B;
}

.liens-box em, .liens-box a {
    margin:0 0 3px;
    display:block;
    font-size:11px;
}

.liens-box a {
    color:#266A82;
    text-decoration:underline;
}

/*Dossier ********************************************************************/

.dossier-titre {
	position:relative;
}

.dossier-box li{
	list-style-type:none;
	float:left;
	height:1%;
	-height:auto;
	border-top:1px dotted #cccccc;
	background:transparent url(../images/bg_white.gif) repeat-x scroll left bottom;
	width:415px;
	overflow:hidden;
	margin:10px 5px;
	}
	
.dossier-date {
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	line-height:0.8;
	padding:3px 5px;
	position:absolute;
	right:0px;
	text-align: left;
	top:0;
	height:39px;
	color:#ffffff;
	background-color:#01871a;
}
.dossier-box h1{
	background-color:#EEEEEE;/* url(../images/icone_dossier.jpg) no-repeat scroll 5px 4px;*/
	display:block;
	font-size:15px;
	height:52px;
	line-height:38px;
	padding:0 0 0 15px;
	text-align:left;
	text-decoration:underline;
	}
	
.dossier-date .dossier-date-jour {
	font-size:1.6em;
	text-align:center;
	padding:4px 3px ;
	display:block;
}

.dossier-date .post-date-mois {
	font-size:0.8em;
	text-align:center;
	text-transform:capitalize;
	padding:3px;
}

.dossier-box h1 a {
	font-style: normal;
	color:#666666;
}

.dossier-box .left {
	padding:10px;
	float:left;
	text-align: left;
}

.dossier-box a:hover {
	color:#266A82;
	}

.dossier-box a {
	text-decoration:underline;
	color:#0099cc;
	font-style:italic;
	font-weight:bold;
	margin: 10px 0 0;
	}

.dossier-box .intro {
	text-align:left;
	margin:0 0 20px;
	}

.dossier-box .titre {
	font-weight:bold;
	font-size:13px;
	margin:0 0 10px 0;
	}

.dossier-box .right {
	display:block;
	height:100px;
	margin:0px auto 15px;
	-margin:0px auto 15px;
	overflow:hidden;
	height:250px;
	text-align:center;
	}

.dossier-box .right img {
	margin: 10px auto 0;
	}
/*Redaction dossier*/
.dossier-page h3 {
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	color:#18435C;
	display:list-item;
	list-style-position:inside;
	list-style-type:cjk-ideographic;
	margin:20px 0 10px;
	padding:3px 0;
	}

.dossier-page .references {
	margin:15px 0 10px 5px;
	font-size:11px;
	font-style:italic;
	color:#4c76a5;
	}
/*Interviews**********************************/

a.texte, a.video, a.video_texte {
    display:block;
    float:left;
    height:30px;
    left:140px;
    margin:10px auto;
    position: relative;
    text-indent:-9999px;
    top:0;
    width:131px;
}

a.video {
    background: transparent url('../images/bt_video.gif') no-repeat scroll 0 0;
}

a.texte {
    background: transparent url('../images/bt_interview.gif') no-repeat scroll 0 0;
}

a.video_texte {
    background: transparent url('../images/bt_videotexte.gif') no-repeat scroll 0 0;
}

a.texte:hover, a.video:hover, a.video_texte:hover {
    background-position:0 -32px;
}

.interviews-box {
	width:858px;
	padding: 0 0 10px 0;
	}
.interviews-box li{
	list-style-type:none;
	height:1%;
	-height:auto;
	background:transparent url(../images/bg_white.gif) repeat-x scroll left bottom;
	float:left;
	width:410px;
	overflow:hidden;
	margin:5px 0;
	}


.inter-titre {
	position:relative;
}
.inter-date {
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	line-height:0.8;
	padding:3px 5px;
	position:absolute;
	right:5px;
	text-align: left;
	top:0;
	height:39px;
	color:#ffffff;
	background-color:#01871a;
}
.interviews-box h1{
	border-top:1px dotted #cccccc;
	background-color: #eeeeee;/* url(../images/icone_interviews.jpg) no-repeat scroll 5px center;*/
	display:block;
	font-size:15px;
	height:45px;
	line-height:38px;
	padding:0 0 0 15px;
	width:360px;
	text-align:left;
	text-decoration:underline;
	}
	
.inter-date .inter-date-jour {
	font-size:1.6em;
	text-align:center;
	padding:4px 3px ;
	display:block;
}

.inter-date .post-date-mois {
	font-size:0.8em;
	text-align:center;
	text-transform:capitalize;
	padding:3px;
}

.interviews-box h1 a {
	font-style: normal;
	color:#666666;
}

.interviews-box .left {
	padding:10px;
	float:left;
	text-align: left;
}

.interviews-box a:hover {
	color:#266A82;
	}

.interviews-box a {
	text-decoration:underline;
	color:#0099cc;
	font-style:italic;
	font-weight:bold;
	margin:0;
	float:left;
	}

.interviews-box .intro {
        height:155px;
        margin:0 0 10px;
        overflow:hidden;
        text-align:left;
	}

.interviews-box .right {
	display:block;
	margin:10px 10px 5px 0px;
	overflow:hidden;
	height:200px;
	text-align:center;
	}

.interviews-box .right img {
	margin: 0 auto;
	}

.article, .article_video {
    text-align:justify;
}

.article p
.article_video p
{
    font-size:12px;
    margin:5px 20px 10px;
}

.article h3,
.article_video h3
{
    font-size:15px;
    font-weight:bold;
    margin:10px;
    text-align:center;
    text-decoration:underline;
    text-transform:uppercase;
}

.article .description,
.article_video .description {
    direction:ltr;
    float:left;
    font-family:Trebuchet MS;
    font-size:14px;
    font-style:italic;
    font-variant:small-caps;
    margin:0 auto 20px;
    padding:10px;
    width:90%;
}

.article .media > div, .article_video .media > div {
    margin:5px 0;
    font-style:italic;
    font-size:13px;
}

.article_video .media {
    width:45%;
    float:right;
    overflow:hidden;
}
.article_video .media, .article_video .content {
    width:43%;
    float:left;
    overflow:hidden;
    padding-right:5px;
}

.article .image {
    float:left;
    overflow:hidden;
    padding:0 8px;
    width:180px;
    margin:20px 0;
    text-align:center;
}

.article .content {
    float:left;
    margin:0 auto;
    padding:0 20px;
    width:600px;
    overflow:hidden;
}

.article .question,
.article_video .question {
	background: #ffffff url(../images/pager_bg.jpg) repeat-x scroll 0px top;
	font-weight:bold;
	font-size:13px;
	font-style:italic;
	color:#34819B;
	width:100%;
	padding:5px 5px 5px; 
	margin:20px 0;
	}
/**Signatures Salons **************************************/
.signature-box {
	width:858px;
	padding: 0 0 10px 0;
	}
.signature-box li{
	background:transparent url(../images/bg_signature.png) repeat-x scroll 0 34px;
	border-bottom:1px solid #EEEEEE;
	height:290px;
	list-style-type:none;
	margin:0 0 10px;
	overflow:hidden;
	width:420px;
	}
	
.signature-box .li-left {
	float:left;
	}

.signature-box .li-right {
	float:right;
	}

.signature-titre {
	position:relative;
	height:34px;
}

.signature-titre,  .signature-titre h1 {
	color:#FFFFFF;
}

.signature-titre .border{
	background-color:transparent;
	border-right:1px solid #FFC595;
	border-left:1px solid #cc6b1a;
	height:28px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	right:90px;
	top:3px;
	width:0;
}

.signature-date {
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	line-height:0.8;
	padding:7px;
	position:absolute;
	right:0px;
	text-align: left;
	top:0;
	height:39px;
	color:#ffffff;
}
.signature-box h1{
	background:transparent url(../images/bg_signature_top.png) no-repeat scroll 0 0;
	display:block;
	font-size:14px;
	height:34px;
	line-height:33px;
	padding:0 0 0 10px;
	text-align:left;
	}
	
.signature-date .signature-date-jour {
	font-size:1.5em;
	text-align:center;
	padding:2px ;
	display:block;
	float:right;
}

.signature-date .signature-date-annee {
	font-size:0.9em;
	text-align:center;
	text-transform:capitalize;
	padding:2px;
	display:block;
	float:right;
}

.signature-date .signature-date-mois {
	font-size:1.2em;
	text-align:center;
	text-transform:capitalize;
	padding:2px;
	display:block;
	float:right;
}

.signature-box h1 a {
	color:#FFFFFF;
	display:block;
	font-style:normal;
	height:34px;
	overflow:hidden;
	width:360px;
}

.signature-box h1 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}

.signature-box .left {
	width:240px;
	padding:10px;
	float:left;
	text-align: left;
}

.signature-box .texte {
	font-size:11px;
	height:173px;
	line-height:14px;
	overflow:hidden;
}

.signature-box a:hover {
	color:#266A82;
	}

.signature-box a {
	color:#266A82;
	font-style:italic;
	font-weight:bold;
	margin: 10px 0 0;
	}

.signature-box a.pdf {
	background:transparent url(../images/icon-pdf-big.gif) no-repeat scroll center top;
	width:143px;
	height:38px;
	display: block;
	overflow:hidden;
	}

.signature-box a:hover.pdf {
	opacity: 0.7;
	cursor: pointer;
	}
	
.signature-box .intro {
	text-align:justify;
	margin:0 0 20px;
	}

.signature-box .titre {
	font-weight:bold;
	font-size:13px;
	margin:0 0 10px 0;
	}

.signature-box .right {
	display:block;
	float:right;
	height:200px;
	margin:20px 10px 0 ;
	overflow:hidden;
	text-align:center;
	width:140px;
	}

.signature-box .right img {
	margin: 0 auto;
	}

.signature-box li.dossier{
    background:transparent url(../images/bg_dossier.gif) repeat-x scroll 0 34px;
    height:320px;
}

.signature-box li.dossier .texte {
    height: auto;
    width: 230px;
}

.signature-box li.dossier .texte p{
    margin:0 0 10px;
}
/**********************************************************/
.scrollLink a.retour {
	text-decoration:none;
	color:#cccccc;
	}

.scrollLink a.retour:hover {
	text-decoration:underline;
	color:#666666;
	}

/*Libraires*******************************************/

.lib-left, .lib-right {
	width:150px;
	margin:0 5px;
	}
.lib-left {
	float:left;
	}
	
.lib-right {
	float:right;
	} 

#map {
	margin:5px;
	overflow:hidden;
	text-align:center;
	vertical-align:bottom;
	background-color:#FFFFFF;
	}
/*Pedago**********************************************/

.pedago {
	width:480px;
	margin:0 auto 10px;
	}

.pedago li {
	overflow:hidden;
	clear:both;
	display:block;
	list-style-type : none;
	height:110px;
	padding:10px 0;
	/*border-bottom:1px solid #eeeeee;*/
	background:transparent url(../images/bg_white.gif) repeat-x scroll left bottom;
	}

.pedago .content {
	float:left;
	width:300px;
	}

.pedago img {
	float:right;
	margin:0 10px 0 0;
	}

.pedago .titre {
	background:transparent url(../images/icone_interview.jpg) no-repeat scroll left bottom;
	height:36px;
	font-weight:bold;
	font-size:15px;
	line-height:33px;
	padding:0 0 0 45px;
	text-transform:uppercase;
	width:435px;
	}

.pedago .idee {
	color:#266A82;
	margin:10px 0 0 25px;
	}

.pedago .de {
	color:#34819b;
	margin:0 0 0 25px;
	}

.pedago .de, .pedago .idee { 
	display:list-item;
	font-size:13px;
	list-style-type:circle;
	}

.pedago .de span, .pedago .idee span { 
	font-style:italic;
	text-decoration:underline;
	}

.pedago .content a {
	border-bottom:1px solid #EEEEEE;
	color:#cccccc;
	display:block;
	font-weight:bold;
	margin:10px 0 0;
	padding:4px 5px 4px 15px;
	width:480px;
	}

.pedago .content a:hover {
	color:#666666;
	border-bottom :1px solid #cccccc;
	text-decoration:none;
}
.pedago #pager-box {
	margin-top:7px;
	}
/**********************************************************************/

/***RECHERCHE --------------------------------------------------------------------------------*/

#result-liste {
	clear : both;
	padding : 10px 0 5px; 
	-padding : 0px 0 5px;
	width:70%;
	margin : 0 auto;
	}

#result-liste .liste_clair,#result-liste .liste_fonce {
	margin:10px 30px; 
	padding: 5px 10px;
	}	

#result-liste  .titre {
	color:#122d46;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	}

#result-liste  .auteur {
	color:#5a6e80;
	font-style:italic;
	float:left;
	margin:0 0 0 10px;
	}

#result-liste .details {
	color:#870f17;
	float:right;
	font-size:10px;
	display:block;
	}
/*jeux dix ans autres mondes*/
#dixans .right .top, #dixans .right .bottom {width:302px; height:9px;overflow:hidden;}
#dixans .right .top {background:transparent url(../images/dixans_right_top.gif) no-repeat scroll left top;}
#dixans .right .bottom {background:transparent url(../images/dixans_right_bottom.gif) no-repeat scroll left top;}
#dixans .right .content {background:transparent url(../images/dixans_right_bg.gif) repeat-y scroll left top; padding:0 5px;}