/*
	Portail: www.fncof.com | www.tousenfete.com
	Réalisation Sébastien Patron
 */
 
/* General */
* { margin: 0; padding: 0; }
body { background:url("images/fond_top_body.png") repeat-x top center #4d4d4d; font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fff; }
img { border: 0px; }
a {	color:#BDD041;	text-decoration:none; }
a:hover { color:#DAEF4A; }
.rouge { background:url("images/erreur_16x16.png") no-repeat scroll left top transparent; color:#F10909; font-size:12px;	font-weight:bold; height:16px; padding-left:25px; }
.vert { color: #95AD00; font-size: 12px; font-weight: bold; }
.gras { font-weight: bold; border-bottom: 1px solid #fff; font-size:14px; }

/* forms */
input.texte {	background:url("images/form_input.gif") repeat-x scroll 0 0 #FFFFFF; border:1px solid #DDDDDD; padding:3px;	width:200px; }
select.texte { background:url("images/form_input.gif") repeat-x scroll 0 0 #FFFFFF; border:1px solid #DDDDDD;	padding:3px; width:208px; }
input.texte_full { background:url("images/form_input.gif") repeat-x scroll 0 0 #FFFFFF; border:1px solid #DDDDDD;	padding:3px; width:286px; }

/* hack pour le ref des images en background */
.hide {	display: none; }
.chargement { background: url("images/spinner.gif") no-repeat left top transparent; }

/* Contenu body */
#conteneur {	margin-left: auto; margin-right: auto; width: 1000px; height: 581px; }
#fleur {	background:url(images/fleur.png) no-repeat right center; height:581px; width:840px; }
#bloc_top { float:left; height:202px; margin-left:100px;	width:650px; }

.connexion {	float:right; height:177px; left:150px; padding-top:38px; position:relative; top:-180px;	width:250px; }
.bloc_top_nav { background:url(images/puce.png) no-repeat scroll left top transparent; color:#FFFFFF; font-size:14px; padding-left:18px; float: left; width:165px; }
.bloc_top_nav2 {	background:url(images/puce.png) no-repeat scroll left top transparent; color:#FFFFFF; font-size:14px; padding-left:18px; float:left; margin-left:20px; }

#bloc_centre { float:left; height:175px;	margin-left:100px; width:800px;	background:url(images/fond_bloc_centre.png) repeat-x top center; padding-bottom:10px; }
#logo_fncof { background:url(images/logo_fncof.png) no-repeat center top; height:149px; margin-top:13px;	width:251px; float:left; }
#desc_liens { color:#4D4D4D; float:left;	height:30px; margin-left:125px; margin-top:75px; width:200px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; }
#annonce { color:#4D4D4D; float:left; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; margin-left:60px; margin-top:75px; width:220px; }
#adherer { bottom:65px; float:right;	height:313px; left:4px; position:relative; width:100px; }

#newsletter{ float:right; height:318px; left:130px; position:relative; top:75px; width:110px; }
#annonce_sup { height:25px; margin-left:100px; width:660px; color:#DCDCDC; font-size:14px; }
#annonce_sup a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
#annonce_sup a:hover { text-decoration:underline; }
#logo_tousenfete { float:left; height:74px; margin-left:100px; margin-top:60px; width:222px; }
.tef { display:block; height: 58px; width: 209px; background:url(images/tef.png) 0 0 no-repeat; }
.tef span.hover { display: block; height: 58px; width: 209px; background-image:url(images/tef.png); background-position:0 -58px; }

#bloc_pied { color:#FFFFFF; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:90px; width:800px; margin-left:100px; }
#bas { margin-top:30px; text-align:left; width:700px; }
#bas a, #bas_liens_rapide a{ color:#FFFFFF; font-weight: bold; }
#bas a:hover, #bas_liens_rapide a:hover {	text-decoration:underline; }
#barre { background-color:#BDD041; height:3px; margin-top:10px; text-align:left; width:700px; }
.footer_contact, .footer_signaler { float:right; }
#bas_liens_rapide { margin-top:10px; text-align:left; width:700px; }

/* lien admin */
.global_admin { bottom:5px; left:1125px; position: fixed; z-index: 999; }
.lien_admin { display:block; float:left; height:23px; width:31px; background:url(images/admin.png) no-repeat; }
.lien_admin:hover {	background-position:0 -23px; }

/* e107 styles */
#comment { width: 389px; color: #990000; background: #fff url(images/tbox.png) repeat-x center top; font-weight: bold; font-size: 11px; border: 1px solid #bababa; margin: 2px auto; padding: 2px; }
.indentchat { padding: 4px; border: 1px solid #bababa; margin: 4px 0 4px 0; text-align: left; background: #f1f0f0 url(images/fhead3.png) repeat-x center top; color: #707070; }
.indent { padding: 4px; margin: 2px; border: 1px dotted #bababa; background-color:#FFFFFF; }
.code_highlight { width: 730px; padding: 4px; margin: 2px; height: auto; overflow: scroll; background: #f6f4f5; border: 1px dotted #bababa; }
.button { padding: 2px 4px; margin: 2px auto; border: 1px solid #bababa; color: #747474; text-align: center; font-weight: bold; font-size: 10px; cursor:pointer; }
.button:hover { background-image: url(images/button_hover.png); background-repeat: repeat-x; border: 1px solid #DAEF4A; color: #8A9F00; } 

.small { font-size: 10px; color: #545353; }
.smalltext { font-size: 11px; color: #545353; }
.smalltext2 { font-size: 11px; color: #545353; text-align: center; }
.smallbottom { font-size: 10px; color: #545353; text-align:left; }
.smallblacktext { color: #545353; font-size: 10px; }
.spacer { text-align: center; }

.tbox { width: auto; color: #5F5F5F; background: #fff url(images/tbox.png) repeat-x top center; font-weight: bold; font-size: 11px; border: 1px solid #bababa; margin: 2px 0 0; padding: 2px; }
.tbox:focus { border: 1px solid #DAEF4A; }
.helpbox { width: 385px; background-color: #fff; border: 1px solid #DFDFDF; color: #000; font-size: 9px; padding: 4px 5px 4px 5px; }

/* forum styles */
.ftrack { border: none; padding: 7px 5px 7px 5px; background: #5F5F5F; }
.fdata { text-align: center; border-top: 1px solid #bababa; padding: 7px 4px; background: #ededed url(images/fhead2.png) repeat-x center top; }
.fcaption { padding: 4px; color: #787878; background: url(images/nav_b.png) repeat-x bottom center; font-size: 11px; min-height: 20px; }

.fcaption span.smalltext{ color: #707070; }
.fcaption span.smalltext a:hover{ color: #a0bac6; }
.fcaption a { color: #707070; text-decoration: none; }
.fcaption a:hover { color: #a0bac6; }
a.forumlink{ color: #707070; text-decoration: none; }
a.forumlink:hover{ color: #a0bac6; }

.finfobar { text-align: center; }
.fborder { border: 1px solid #bababa; margin: 4px 0 4px 0; margin-left: auto; margin-right: auto; }

.npdropdown { font-size:10px; font-weight:normal; color: #990000; }
.npbutton { color: #990000; }

.forumheader { padding: 2px 4px 2px 4px; line-height: 16px; font-weight: bold; color: #8A9F00; background: #fff url(images/cbg.png) repeat-x top center; font-size: 14px; text-align: center; }
.forumheader2 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background: #EFEFEF url(images/fhead2.png) repeat-x top center; }
.forumheader3 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background: #5F5F5F url(images/fhead3.png) repeat-x top center; }
.forumheader4 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background: #222222 url(images/fhead3.png) repeat-x top center; }