/* Styles commun */
body {
	font-family:arial,helvetica;
	font-size:11px;
	background:#fff url("http://www.bookfoto.com/images/fond.gif");
	margin:0;
}

.mini_alerte {
	color:red;
	font-size:11px;
	margin:3px;
	text-align:center;
}

.bandeau {
	border:1px solid #ccc;
	background:#fff url(../images/fd_gris.png) repeat-x;
	margin:3px 2px;
	font-size:11px;
	padding:1px 5px;
	height:26px;
	line-height:26px;
}

.bandeau_gris {
	border:1px solid #ccc;
	background:#ccc;
	margin:3px 2px;
	font-size:13px;
	padding:1px 5px;
	height:26px;
	line-height:26px;
}

.bg_gris { background-color:#ccc; }
.bg_orange { background-color:#fd6; }


/***************************************************************************/
/* Entete des pages */
#consoleHeader {
	background:#fff;
	font-size:16px;
	border:1px solid #fff;
}
#header_contenu {
	width:1000px;
	margin: 0 auto;

}

#header_right{
	width:120px;
	float:right;
	text-align:right;
}

#header_logo {
	width:800px;
	line-height:32px;
	font-weight:bold;
	text-indent:200px;
	background:url('http://www.bookfoto.com/images/entete_console_bookfoto.gif') no-repeat;
	margin:8px auto;
	color:#f93;
}

#header_navig {
	width:800px;
	margin:0 auto;
}

.header_bloc {
	width:118px;
	border:1px solid #f93;
	background:#fff;
	background-image:url(../images/fd_orange.gif);
	background-repeat:repeat-x;
	margin:2px;
	font-size:11px;
	padding:1px;
	text-align:center;
	color:#f71;
}

.header_bloc_deconex {
	width:118px;
	border:1px solid #aaa;
	background:#fff url(../images/fd_gris.gif) repeat-x;
	margin:2px;
	font-size:11px;
	padding:1px;
	text-align:center;
	color:#444;
	display:block;
}
/* Contenu des pages */
#consoleBody {
	clear:both;
	width:1000px;
	margin:0 auto;
	background:#eee url('http://www.bookfoto.com/images/fd_console.png') repeat-x;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

#console_contenu {
	width:790px;
	float:left;
}

#titre {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #fff;
	color:#f93;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
}

#colonne1 {
	width:260px;
	float:left
}

#colonne2 {
	width:260px;
	float:left
}

#colonne3 {
	width:260px;
	float:left
}

/* Navigation */
#console_navig {
	width:200px;
	float:left;
}

.navig_bloc {
	width:190px;
	border:1px solid #aaa;
	background:#fff;
	background-image:url(../images/fd_gris.gif);
	background-repeat:repeat-x;
	margin:3px;
	font-size:11px;
	padding:1px;

}

.navig_element {
	border-bottom:1px dotted #ccc;
	padding:1px;
	text-indent:7px;
}

.navig_element_last {
	padding:1px;
	text-indent:7px;
	padding-bottom:5px;
}

.navig_bloc_titre {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-indent:5px;
	margin-bottom:0px;
	border-bottom:1px solid #ccc;
}

#console_footer {
	clear:both;
	width:1000px;
	height:50px;
	color:#fff;
	background:#5B6459 url('http://www.bookfoto.com/images/fd_footer.png') repeat-x;
	margin:0 auto;
	font-size:11px;
	text-align:center;
	padding:10px 0 20px 0;
}

#console_footer a {
	color:#ccc;
}

#console_footer a:hover {
	color:#f93;
}

/* Identification */
.bloc {
	margin:3px;
	float:left;
	border:1px solid #aaa;
	background:#fff url('http://www.bookfoto.com/images/fd_index.gif') repeat-x;;
	height:120px;
	padding:2px;
	width:370px;
}

.bloc_titre {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-indent:5px;
	font-family:Verdana, Arial;
	margin-bottom:4px;
}

/* Inscription */
#console_inscription {
	width:1000px;
}

.inscription_infos {
	clear:both;
	text-align:center;
	color: red;
	padding:20px 0;
}

.inscription_gris {
	padding:3px;
	background:#ccc;
	margin:2px 50px;
	text-align:center;
	font-size:13px;
}

#inscription_reussie {
	margin:50px;
	padding:20px;
	text-align:center;
	border:1px solid #f60;
	background:#fff6e6;
	font-size:16px;
	font-weight:bold;
}

#inscription_reussie a{
	color:red;
}

/* FORMULAIRES */
.form1 {
	clear:both;
	border-bottom:1px solid #ccc;
	margin-left:50px;
	padding:8px 3px 3px 3px;
	text-align:right;
	width:150px;
	float:left;
	height:20px;
	line-height:20px;
}

.form2 {
	border-bottom:1px solid #ccc;
	padding:8px 30px 3px 3px;
	text-align:left;
	float:left;
	height:20px;
	min-width:400px;

}

.form2 input {
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	background:#fff;
	width:400px;
}

.form2 input[type=radio]{
	width:auto;
}

.form3 {
	clear:both;
	width:120px;
	margin-left:30px;
	margin-top:5px;
	padding-left:20px;
	border-top:1px dotted #ccc;
	float:left;
	text-align:right;
	font-size:11px;
	line-height:22px;
}

.form_center {
	clear:both;
	width:520px;
	margin-left:30px;
	padding:20px;
	text-align:center;
	font-size:11px;
	line-height:22px;
}

.form4 {
	width:400px;
	margin-top:5px;
	border-top:1px dotted #ccc;
	float:left;
}

.form4 input{
	width:350px;
}

.form4 input[type=radio]{
	width:auto;
}

.form4 textarea{
	width:350px;
	height:40px;
}

.form4 select{
	margin-left:5px;
}

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

/* Page d'accueil */

.accueil_bouton {
	display:block;
	margin:20px;
	padding:5px;
	border:1px solid #aaa;
	background:#ccc;
	font-size:16px;
	font-weight:bold;
	width:330px;
	text-align:center;
	float:left;
}

.membreBloc {
	width:250px;
	border:1px solid #ccc;
	background:#fff url(../images/fd_index.gif) repeat-x;
	margin:2px;
	padding:2px;
	font-size:11px
}

.membreBlocTitre {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-indent:5px;
	font-family:Verdana, Arial;
	margin-bottom:4px;
}

.membreElement {
	border-bottom:1px dotted #ccc;
	margin-bottom:2px;
	padding-left:10px;
	padding-bottom:2px;
}

.membreElement_last {
	border-bottom:1px dotted #ccc;
	margin-bottom:2px;
	padding-left:10px;
	padding-bottom:2px;
}

/*Page : Usermodif */

.usermodif_titre {
	text-align:center;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	border-bottom:1px dotted #aaa;
}

#usermodif_message {
	text-align:center;
	font-size:14px;
	margin-bottom:10px;
	padding:5px;
	border-bottom:1px dotted #aaa;
}

#level0,
#level1,
#level2, 
#level3,
#level4,
#level5 { 
	height:20px;
	overflow:hidden;
}

#level0.on,
#level1.on,
#level2.on,
#level3.on,
#level4.on,
#level5.on { 
	height:auto;}


.block_info { 
	margin:2px 20px;
	padding:5px;
	border:1px solid #ccc;
	background: #fff;
}

.confidentiel {
	background:#FFF6D6;
}

/* Aide en ligne */
.support_message { margin:2px; padding:4px; border:1px solid #ccc; display:block; background:#fff;}
.support_message:hover { margin:2px; padding:4px; border:1px solid #aaa; display:block; background:#eee;}

/* Favoris */
.bloc_favoris {
	border:1px solid #ccc;
	margin:3px;
	padding:5px 3px;
	background:#fff;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	width:106px;
	float:left;
}

.bloc_favoris img{ border:0}
.del{
	display:block;
	margin:1px;
	border:1px solid #ccc;
	background:#eee;
	font-size:10px;
}
.del:hover{
	border:1px solid #f93;
	background:#fc9;
}

/* Pages articles */
#article_images {
	list-style-type:none;
	margin:0;
	padding:0;
}

#article_images li {
	float:left;
	width:110px;
	height:100px;
	text-align:center;
	overflow:hidden;
	margin:2px;
	padding:2px;
	border:1px solid #ccc;
}

#article_images li img {
	height:84px;
	border:0;
}


/* Choix des style graphiques */
#liste_style {
	list-style-type:none;
	margin:0;
	padding:0;
}

#liste_style li {
	margin:2px;
	padding:2px;
	border:1px solid #ccc;
	background:#fff;
}

#liste_style li .preview {
	float:left;
	margin:3px;
	border:1px solid #aaa;
	padding:4px;
	background:#fff;
}

#liste_style li h4 {
	font-size:14px;
	margin-bottom:10px;
	padding-bottom:5px;
	text-transform:capitalize;
	border-bottom:1px dotted #ccc;
}

#liste_style li p {
	color:#666;
	text-indent:30px;
}

.type_style_on { }

.type_style_off {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}

/* Personalisation */
#perso_preview {
	width:540px;
	height:540px;
	float:right;
	border-left:1px dotted #aaa;
	overflow:hidden;
}

#perso_reglages {
	float:left;
	width:239px;
}

#accordion h3 {
	background:#fff url('../images/bg_perso_element.png') no-repeat;
	border-bottom:1px dotted #aaa;
	text-indent:25px;
	line-height:16px;
	margin:0;
}

#accordion .perso_reglage {
	border-bottom:1px dotted #aaa;
	clear:both;
	padding:2px;
}

#accordion .perso_reglage label{
	padding:0 10px;
}

#accordion .perso_txt {
	padding:0 5px;
	line-height:24px;
	font-weight:bold;
}

#motifs {
	width:600px;
	height:450px;
	overflow:auto;
}

.perso_mini_motif {
	display:block;
	width:70px;
	height:70px;
	margin:2px;
	float:left;
}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*********************************                 Styles non validés                   *******************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
.block_info_titre { background:#ccc; text-align:center; font-weight:bold; }
#profil_photo { display:none; }
#profil_photo.on { display:block; }


.contenu {
	margin:2px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
}

.contenu hr {
	margin:10px 50px 25px 50px;
	color:#ccc;
}

#titre_page {
	margin:2px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
	color:#FF9933;
	font-size:13pt;
	font-weight:bold;
	text-align:center;
}

/* Navigation */

/* A VIRER */
.navigBlocTop {
	width:200px;
	margin:0px 2px;
}

/* A VIRER */
.navigBloc {
	width:190px;
	border:1px solid #ccc;
	background:#fff;
	background-image:url(../images/fd_gris.gif);
	background-repeat:repeat-x;
	margin:3px 2px;
	font-size:10px;
	padding:1px;
}

/* A VIRER */
.navigBlocOrange {
	width:190px;
	border:1px solid #f93;
	background:#fff;
	background-image:url(../images/fd_orange.gif);
	background-repeat:repeat-x;
	margin:3px 2px;
	font-size:10px;
	padding:1px;
	text-align:center;
	font-weight:bold;
	color:#f93;
}

.navig {
	text-align:center;
	font-weight:bold;
	padding:1px;
	font-size:10px;
	border-bottom:1px solid #ccc;
}

/* A VIRER */
.navigElement {
	border-bottom:1px dotted #ccc;
	padding:1px;
	padding-left:5px;
	font-size:10px;
}


.titrePage { background:#fff; border:1px solid #f93; font-size:14px; text-align:center; font-family:'Century Gothic'; margin-bottom:4px; width:100%; height:20px; font-weight:bold; }

.alerte {
	background:#ff0;
	border:1px solid #ccc;
	font-size:14px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 2px;
	padding:4px;
	font-weight:bold;
	color:red;
}

.highlight {
	background:#ff0;
	font-size:12px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	font-weight:bold;
	color:red;
}

.bouton {
	display:block;
	margin:3px;
	padding:3px;
	font-weight:bold;
	border:1px solid #ccc;
	background-color:#eee;
}

.infos {
	display:block;
	margin:3px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:11px;
}

.insert_photo {
	margin:3px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
}

.note {
	font-weight:normal;
	font-size:10px;
	color:#888;
}

/* Petites annonces */
#ann_liste ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#ann_liste li {
	height:46px;
	padding:2px;
	margin:2px;
	border:1px solid #ccc;
	font-size:10px;
	clear:left;
}

#ann_liste img {
	height:46px;
	border:0;
}

#ann_liste a {
	font-size:11px;
}

#ann_liste .vignette {
	width:70px;
	margin-right:5px;
	text-align:center;
	float:left;
}

#ann_liste .eff {
	float:right;
}

#ann_liste .eff img{
	width:24px;
	height:24px;
	border:0;
}

/* Formulaires */
input.on { background:#fff; border:1px solid #ccc; font-size:12px; margin-top:2px; margin-bottom:2px;}
input.off { background:#eee; border:1px solid #ccc; font-size:12px; color:#888; margin-top:2px; margin-bottom:2px;}
input.conf { background:#FFF6D6; border:1px solid #ccc; font-size:12px; color:#888; margin-top:2px; margin-bottom:2px;}
input.btn{ color:#444; font-family:verdana,arial,helvetica; font-size:11px; font-weight:bold; background-color:#eee; border:1px solid #888; }
textarea.on { background:#fff; border:1px solid #ccc; font-size:12px; margin-top:2px; margin-bottom:2px;}
textarea.off { background:#eee; border:1px solid #ccc; font-size:12px; color:#888; margin-top:2px; margin-bottom:2px;}
textarea.conf { background:#FFF6D6; border:1px solid #ccc; font-size:12px; color:#888; margin-top:2px; margin-bottom:2px;}
.contact_reponse { background:#fff; border:1px solid #ccc; font-size:11px; color:#000; margin:5px; width:600px; height:250px; font-family:verdana, Helvetica, sans-serif; }
.inp { font-family:verdana,arial,helvetica; font-size:10px }

/* Vignette de présentation */
.pres_book {
	background-color:#fff;
	border:1px solid #ccc;
	margin:2px;
	text-align:center;
	border-bottom-color:#777;
	border-right-color:#777;
	padding:2px;
	width:110px;
	float:left;
}

.pres_pseudo {
	font-size:12px;
	color:#000;
	font-weight:bold;
}

.pres_infos {
	font-size:10px;
	color:#888;
}

/* UserModif */


/* Option des books */
.option_clic { background-color:#efefef; border:1px solid #ccc; margin:2px; margin-bottom:8px; border-bottom-color:#777; border-right-color:#777; padding:2px; }
.option_galerie { width:220px; height:220px; background-color:#efefef; border:1px solid #ccc; margin:2px; text-align:center; border-bottom-color:#777; border-right-color:#777; padding:2px; float:left;}
.option_vignette { border:1px solid #ccc; }
.option_texte { text-align:left; font-size:10px; }

/* Guestbook */
.guestbook { margin:1px; padding:2px; border:1px solid #ccc; font-size:10px; }
.guestbook_info { color : #888; }




.blocContenu { background:#f00; border:1px solid #ccc; font-size:12px; width:100%; height:200px;}

/* Divers */
.rouge { color:#f00; }
.small { font-size:10px; }
.tiny { font-size:7pt; }
.gris { color:#777; }


.membre {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	padding:2px;
}

.membreBloc2 { width:240px; height:180px; border:1px solid #ccc; background:#fff; float:left; margin:2px; padding:2px; font-size:11px}

.membreBlocVIP {
	width:260px;
	border:1px solid #ccc;
	background:#fff;
	background-image:url(../images/fd_index_vip.gif);
	background-repeat:repeat-x;
	margin:2px;
	padding:2px;
	font-size:11px;
}

.membreAlert {background:#fcc; color:#F00;}

/* Ajax */
#errmes { height:50px; }
#errmes.ajax-loading { height:50px; background: url(http://bookfoto.com/icn/spinner.gif) no-repeat center; }

/* Galeries */
#photo_aff {
	list-style-type:none;
	margin:0;
	padding:30px 0;
}

#photo_aff li {
	clear:both;
	margin:2px 0;
	padding:2px;
	border:1px solid #ccc; 
	background:#fff; 
	font-weight:normal;
	cursor: move;
}
#groupe_aff {
	list-style-type:none;
	margin: 0;
	padding: 0 0 40px 0;
}

#groupe_aff li {
	clear:both;
	margin:2px 0;
	padding:4px;
	border:1px solid #ccc; 
	background-color:#fff; 
	font-weight:normal;
	cursor: move;
}

#galerie_liste {
	margin:3px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
	font-size:11px;
}

#galerie_aff {
	list-style-type:none;
	margin:10px 0 40px 0;
	padding:0;
}

.groupeoff { border:1px solid #ccc; color:#888; background-color:#ddd; font-size:14px; font-weight:bold;  clear:both; }
.galerie { margin:2px; border:1px solid #ccc; background-color:#efefef; overflow:hidden;  clear:both;}
.galerieoff {  margin:2px; border:1px solid #ccc; color:#888; background-color:#ddd; font-size:14px; font-weight:bold;  clear:both; }


#message {
	margin:2px;
	border-top:1px solid #ccc;
	padding-top:4px;
	overflow:hidden;
	height:20px;
}

.handle { width:13px; height:18px; background-image:url(../console/icn/small/arrow_up_down.png); background-repeat:no-repeat; float:right;}

/* Contacts */
#contact_allopass_gauche {
	border-right:1px dotted #aaa;
	padding:10px;
	margin:2px;
	width:290px;
	height:430px;
	float:left;
}

#contact_allopass_droite {
	padding:10px;
	margin:2px;
	width:450px;
	height:430px;
	float:right;
}

.ct_navig ul{
	list-style:none;
}

.ct_navig li {
	border:1px solid #aaa;
	float:left;
	margin:1px 3px;
	padding:3px;
	background-color:#eee;
	font-weight:bold;
	font-size:11px;
}

.ct_stat {
	border:1px solid #aaa;
	margin:1px 3px;
	padding:3px;
	background-color:#eee;
	font-size:11px;
	text-align:right;
}
.ct_on { font-size:10px; }

.ct_off { 
	font-size:10px;
	background-color:#aaa;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}

.ct_liste {
	border:1px solid #ccc;
	margin:3px;
	font-size:11px;
}
.ct_info {
	margin:2px;
	float:left;
	height:34px;
	width:390px;
}

.ct_lire {
	margin:2px;
	float:left;
	height:34px;
	width:100px;
}

.ct_archive {
	margin:2px;
	float:left;
	height:34px;
	width:40px;
}

.ct_efface {
	margin:2px;
	float:left;
	height:34px;
	width:40px;
}

.ct_titre {
	margin:2px;
	background-color:#ccc;
	padding:4px;
	font-weight:bold;
	text-align:center;
	font-size:13px;
}

.ct_message {
	margin:4px;
	border-top:1px solid #ccc;
}

.ct_sender {
	background-image:url('http://www.bookfoto.com/images/fd_contact.gif');
	background-position:Top right;
	background-repeat:no-repeat;
	padding:4px;
	font-size:11px;
	width:130px;
	float:left;
}

.ct_contenu {
	padding:4px;
	font-size:11px;
	float:left;
	width:450px;
	overflow:auto;
}

.ct_reponse {
	margin:2px;
	background-color:#eee;
	padding:4px;
	font-weight:bold;
	text-align:center;
}

.ct_infos_titre {
	margin:2px;
	background-color:#ccc;
	padding:4px;
	font-weight:bold;
	text-align:center;
}

.ct_infos_message {
	margin:2px;
	background-color:#eee;
	border:1px solid #ccc;
	padding:4px;
	font-size:11px;
}

/* Mode VIP */
.vip_bouton {
	width:190px;
	height:120px;
	margin:5px 30px;
	padding:2px;
	font-size:10px;
	border:1px solid #ddd;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	float:left;
	text-align:center;
	background:#fff;
}

.vip_titre {
	text-align:center;
	font-weight:bold;
	font-size:13px;
	background-color:#ccc;
}

.vip_ {
	font-weight:bold;
	font-size:13px;
	background-color:#eee;
	font-style:italic;
	padding-left:20px;
	margin-top:10px;
}

.vip_bloc {
	margin:2px;
	margin-left:20px;
	padding:2px;
	color:#444;
	border:1px solid #ddd;
	font-size:11px;
}

.vip_quotaplus {
	width:400px;
	margin:2px;
	padding:15px;
	font-size:12px;
	border:1px solid #ddd;
	border-bottom-color:#aaa;
	border-right-color:#aaa;
	text-align:center;
}

/* style pas encore validés */
td {font-family:verdana,arial,helvetica; font-size:10pt}
a {color:#444444; text-decoration: none}
a:hover {color:#ff6600; text-decoration: none}
.titre {color:#FF9933; font-size:13pt; font-weight:bold}
.bigtext {font-size:11pt; font-weight:bold; font-style: italic}
.subtitle {color:#0066ff; font-size:11pt; font-weight:bold}
.novalid {font-size:9px; color:#FF0000; font-weight:bold;}
.titrubrique {color:#fff; font-size:11pt; font-weight:bold; font-style: italic}
.question {color:#FF9933; font-size:12px; font-weight:bold;  font-style: italic}
.orange {color:#FF9933; font-weight:bold}
.blanc {color:#fff; font-weight:bold}
.vert {color:#00AA00;}
.title {color:#ff9933; font-size:12pt; font-weight:bold;}
.inpsub {font-family:verdana,arial,helvetica; font-size:10px; font-weight:bold; border:1px solid black; background-color:#efefef;
}
.inpsmall {font-family:verdana,arial,helvetica; font-size:10pt}
.inpt_nav { font-family: Verdana; font-size: 10pt; }
.masque {color:#999;}


.book {font-family:verdana, arial, helvetica; color:#000000; font-size:13px; font-weight:bolder}
.foto {font-family:verdana,arial,helvetica; color:#5b6459; font-size:13px; font-weight:bolder}