/******	Styles globaux	******/
body {
	background-image:url(/images/interface/motif_bg.gif);	
	/*font-family: Georgia, "Times New Roman", Times, serif;
	font-family:Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
table{
	border:none;
}
a {
	font-size: 12px;
	color: #FEFFF2;
	text-decoration:underline;
}
a:hover{
   color: #CC3300;
}
p {
	color: #FFFFFF;
}
p.spacer, p.spacer_double,p.spacer_triple{
	clear:both;
	height:1px;
	margin:0px;
}
p.spacer{
	padding:5px 0px 0px 0px;
}
p.spacer_double{
	padding:10px 0px 0px 0px;
}
p.spacer_triple{
	padding:15px 0px 0px 0px;
}
img {
	border-style: none;
}
ul{
	margin:0px;
	padding:0px;	
	list-style:none;
}
li{
	display:inline;
}
h1 {
	font-size: 16px;
	font-variant: small-caps;
	color: #C33;
	text-align: center;
	font-style:oblique;
	text-transform: capitalize;
	margin: 0px;
	padding:10px 0px 20px 0px;
}
h2 {
	font-size: 13px;
	font-variant: small-caps;
	color: #C33;
	text-align: right;
	font-style:oblique;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

h3{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h4{
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h6 {
	font-size: 14px;
	color: #FFCCFF;
	text-decoration: underline;
	margin: 0px;
}

form{
	margin: 0px;
	padding: 0px;
}

/***************
** Mise en page	
****************/

#c_principal{
	width:1030px;
	margin:auto;
	z-index:0;
}


/*** Header ***/
#c_header{
	float:left;
}
#bandeau_haut{
	padding:20px 20px 0px 0px;
	position:relative;
	width:1010px;
	background-image:url(/images/interface/bandeau_haut.png);
	height:118px;
	z-index:10;
}
#bandeau_logo{
	float:left;
	padding-top:5px;
	padding-left: 60px;
}
.link_logo{
	display:block;
	width:410px;
	height: 108px;
}
#bandeau_recherche{
	padding-top:15px;
	padding-right:50px;
	width:400px;
	float:right;
	text-align:right;
}
#bandeau_recherche_links{
	padding-top:10px;
	text-align:right;
}
#bandeau_millieu{
	clear:both;
	float:left;
	background-image:url(/images/interface/bandeau_millieu.png);
	background-repeat:repeat-y;
	padding-left:30px;
	padding-right:0px;
	z-index:10;
	width:1000px;
}

/*** Centre ***/

#content{
	padding-top:40px;
	clear:both;
	background-image:url(/images/interface/bandeau_millieu.png);
	float:left;
}

#content_center{
	padding:0px 20px 0px 35px;
	float:left;
	width:690px;
	
}

#content_right{
	padding:0px 40px 0px 10px;
	float:left;
	width:230px;
	border-left-style:dotted;
	border-left-width:1px;
	border-left-color:#910;
}

/*** Footer ***/

#footer{
	clear:both;
}
#lnk_bas_page{
	padding-top:50px;
	text-align:center;
	background-image:url(/images/interface/bandeau_millieu.png);
}
#bandeau_bas{
	background-image:url(/images/interface/bandeau_bas.png);
	height:84px;
	z-index:10;
}

/***************
** 	  Textes
****************/

.txt_accueil {
	padding: 5px;
}
.txt_erreur{
	font-size: 12px;
	color: #C33;
}
.txt_normal {	
	text-indent: 0;
	text-align: justify;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
}
.txt_12_blanc {	
	text-indent: 0;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
}
.txt_tab {
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
}
.txt_bas_page {
	font-size: 10px;
	color: #FFF;
}
.txt_italique {
	font-size: 11px;
	color: #999;
	font-style: italic;
}
.txt_links_header {
	font-size: 11px;
	color: #FFF;
	text-decoration:none;
}


/******	Titres ******/

.titre_tableau {
	clear:both;
	font-size: 13px;
	color: #C33;
	text-align: center;	
	padding: 10px;
	font-style:normal;
	text-align: left;
	padding: 20px 0px 20px 10px;
}
.titre_principal{
	font-size: 16px;
	font-variant: small-caps;
	color: #C33;
	text-align: center;
	font-style:oblique;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: 10px;
}
.titre_col_droite{
	font-size: 13px;
	font-variant: small-caps;
	color: #C33;
	text-align: right;
	font-style:oblique;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: 10px;
}
.titre_news{
	font-size: 13px;
	font-style: italic;
	color: #999;
	text-align: left;
	text-indent: 10px;
}
.titre_section {
	font-size: 14px;
	font-style: italic;
	color: #C33;
	text-align: center;
	text-decoration:none;
}
.titre_news_home{
	font-size: 13px;
	font-style: italic;
	color: #C33;
	text-align: left;
	text-decoration:none;
}

/******	Formulaires ******/

.box_recherche {
	width: 180px;
}
.form_field{
	font-size:12px;
	width: 220px;
}
.form_field_error{
	border:#ff0000 solid 3px;
}
.form_button{
	font-size:12px
}
.btn_ok{
	font-size:10px;
	cursor:pointer;
}

/******	Boutons ******/

.go {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}

.banniere {
	cursor:pointer;
}


/*********	Elements Page d'accueil	***********/

.home_element_container{
	padding: 10px 0px 10px 0px;
}

/*********	Elements Page communs	***********/

.page_element_container{
	float:left;
	clear:both;
	padding: 20px 0px 20px 0px;
	width: 690px;
}
.page_pagination_container{
	clear:both;
	padding: 20px 0px 10px 0px;
	text-align: center;
}
.col_right_element_container{
	padding: 10px 0px 0px 0px;
}
.container_pub{
	padding: 20px 0px 20px 0px;
	text-align: center;
}
.container_mess_erreur_page{
	font-size: 14px;
	font-style: italic;
	color: #C33;
	text-align: center;
	text-decoration:none;
	padding: 75px 0px 75px 0px;
}
.btn_retour_page_preced {
	font-size: 11px;
	color: #FFF;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
}
.separateur_articles_horizontaux{
	border-bottom: dotted;
	border-bottom-color: #910;
	border-bottom-width: 1px;
	margin: 10px 40px 10px 40px;
	width: 610px;
	clear: both;
}
.disabled{
	color:#c0c0c0;
}

/*********	Elements News	***********/

.container_titre_news{
	margin-bottom:5px;
	margin-top:5px
}
.container_content_news{
	padding:10px 40px 10px 40px;
	clear: both;
	width: 610px;
	float: left;
	text-decoration: none;
}

/*********	Elements Listing Livre	***********/

.container_livre_listing{
	float: left;
	width: 210px;
	padding: 10px 10px 0px 10px;
	height: 140px;
}
.container_illus_livre_listing{
	float: left;
	width: 85px;
	padding-right: 5px;
	text-align: center;
}
.container_texte_livre_listing{
	float: left;
	width: 120px;
}
.container_note_livre_listing{
	padding-top: 5px;
}
.elem_list_livre{
	border-color:#FFF;
	border-style:none;
	border-width:1px;
}

/*********	Elements Communs auteur	***********/

.container_header_auteur{
	padding:20px 30px 20px 30px;
	float: left;
}
.container_header_auteur_left{
	float:left;
	width: 200px;
	text-align: left;
}
.container_header_auteur_center{
	float:left;
	width: 230px;
	text-align: center;
}
.container_header_auteur_right{
	float:left;
	width: 200px;
	text-align: right;
}
.container_header_auteur_right ul{
	float: right;
	text-align:right;
}
.list_menu_gauche_auteur, .list_menu_gauche_auteur_over{
	width:160px;
	display:block;
	padding:5px;
	text-transform: none;
	font-variant:normal;
	text-align:right;
}
.list_menu_gauche_auteur{
	background-color : #511618;
}
.list_menu_gauche_auteur_over{
	background-color : #FFF;
}
.list_menu_gauche_auteur a, .list_menu_gauche_auteur_over a{
	text-decoration:none;
	padding:5px;
}
.elem_list_auteur {
	border-color:#FFF;
	border-style:dotted;
	border-width:1px;
}

/*********	Elements galeries	***********/

.container_galerie_listing{
	float: left;
	width: 152px;
	padding: 10px 10px 0px 10px;
	height: 150px;
}
.container_image_galerie_listing{
	padding: 10px 0px 0px 0px;
}
.container_text_galerie_listing{
	padding: 0px 0px 0px 0px;
}

/*********	Elements interview	***********/

.container_interview_listing{
	padding: 10px 0px 10px 0px;
}
.container_titre_interview_listing{
	margin-bottom:5px;
	margin-top:5px
}

/*********	Elements Listing Personnages	***********/

.container_personnage_listing{
	float: left;
	width: 210px;
	padding: 10px 10px 0px 10px;
	height: 150px;
}
.container_illus_personnage_listing{
	float: left;
	width: 85px;
	padding-right: 10px;
	text-align: center;
}
.container_texte_personnage_listing{
	float: left;
	width: 115px;
}
.container_elem_personnage_listing{
	padding-top: 5px;
}

/*********** Elements Listing Auteurs *******************/
.container_auteur_listing{
	float: left;
	width: 310px;
	height: 120px; 
	padding: 5px 5px 5px 30px;
}
.container_auteur_listing_image{
	float: left;
	width: 90px;
}
.container_auteur_listing_texte{
	float: left;
	width: 200px;
}

/*********	Elements Formulaire commentaire	***********/

.container_comment_form{
	width:450px;
	height:395px;
	padding-left:50px;
	padding-top:5px;
	text-indent: 0;
	text-align: justify;
	line-height: 18px;
}

/*********	Elements listing video	***********/

.container_elem_video{
	float: left;
	width: 230px;
	text-align: center;
	height: 195px;
}
.container_titre_elem_video{
	font-size: 12px;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/*********	Fiche Interview	***********/
.container_interview_header_picture{
	width:200px;
	float: left;
}
.container_interview_header_description{
	width:490px;
	float: left;
}
.container_interview_header_line{
	padding-bottom: 15px;
	float: left;
}
.container_interview_header_titre_section{
	width:160px;
	float: left;
}
.container_interview_header_content_section{
	width:330px;
	float: left;
}

/*************** Jeux *******************/
.container_conditions_jeux{
	width:400px;
	height:300px;
	padding:5px 10px 5px 10px;
	margin:auto;
}
.container_form_jeux{
	padding-top: 20px;
}
.container_form_jeux_erreur{
	padding-top: 10px;
	padding-left: 5px;
}
.container_form_jeux_line{
	clear: both;
	float:left;
	padding-bottom: 10px;
	padding-left: 20px;
}
.container_form_jeux_col_gauche{
	float: left;
	width: 230px;
}
.container_form_jeux_col_droite{
	float: left;
	width: 440px;
}
.container_form_btn_validation{
	clear: both;
	text-align: center;
	padding-top: 20px;
}

/*************** livres *******************/

.container_form_recherche_livre_line{
	clear: both;
	float: left;
	padding-top: 10px;
	padding-left:30px;
}
.container_form_recherche_livre_col_1{
	float: left;
	width: 100px;
}
.container_form_recherche_livre_col_2{
	float: left;
	width: 230px;
}
.container_form_recherche_livre_col_3{
	float: left;
	width: 100px;
}
.container_form_recherche_livre_col_4{
	float: left;
	width: 230px;
}

.container_livre_header_picture{
	width:220px;
	float: left;
}
.container_livre_header_description{
	width:470px;
	float: left;
}
.container_livre_header_line{
	padding-bottom: 15px;
	float: left;
}
.container_livre_header_titre_section{
	width:180px;
	float: left;
}
.container_livre_header_content_section{
	width:290px;
	float: left;
}


/*********** News *******************/

.container_news_header_line{
	float: left;
	clear: both;
	padding-bottom: 10px;
}
.container_news_header_gauche{
	float: left;
	width: 345px;
}
.container_news_header_droit{
	float: right;
	width: 345px;
	text-align: right;
}
.container_news_pagination_gauche{
	float: left;
	width: 230px;
	text-align: left;
}
.container_news_pagination_centre{
	float: left;
	width: 230px;
	text-align: center;
}
.container_news_pagination_droit{
	float: left;
	width: 230px;
	text-align: right;
}


.list_derniers_ajout{
 padding-top: 10px;
}
.list_derniers_ajout li{
	display:block;
	padding:3px;
}

.field_trie_livre{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	width:200px;
}

.toggler{
	cursor:pointer;
	padding:5px;
}

/* Viewer */
.viewer_mask{
	position:relative;
	width:200px;
	height:266px;
	overflow:hidden;
}
.viewer_mask img{
	position:absolute;
	display:block;
	border:none;
}