* { margin:0; margin:0; }

body{ font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:#5F5F5F; text-align: center;}
 
#conteneur{ margin:0px auto 0px auto; width:948px; background:#8c8c8c; }


/* ====================================================================== */
/* =============================== GENERAL ============================== */
/* ====================================================================== */
.spacer { clear:both; }
.spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; }
.spacer3 { visibility:hidden; margin:0px 0px 30px 0px; padding:0; border:0; }

img { border:0px; }
h1 { font-size:1.7em; }
	h1 a{ color:white; text-decoration:none; }
h2 { font-size:1.5em;}
	h2 a{ color:white; text-decoration:none; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.2em; }
p  { margin:0; padding:0; font-size:1.2em; }
ul { margin:5px 0px 5px 0px; padding:0; list-style:none;}
	li { margin:0; padding:0px 0px 1px 10px; background: url(../cssimg/puce01.gif) 0px 5px no-repeat;}


.floatleft{ float:left;}
.floatright{ float:right;}
.center{ text-align:center;}
.alignleft{ text-align:left;}
.alignright{ text-align:right;}

/* ====================================================================== */
/* =============================== HEADER =============================== */
/* ====================================================================== */
#header { position:relative; background:#3c3a3f; height:143px; margin:0px 0px 0px 0px; }
	#header h1{ position:absolute; top:3px; right:10px; font-weight:normal; }


/* ================== Logo ================== */
#logo{ position:absolute; top:0px; left:50px; }
	#logo h1{ padding:0px 0px 0px 0px; }
	#logo img{ margin:0px 0px 0px 0px; }

/* ================== menu ================== */
#menu_haut { position:absolute; top:57px; right:55px; height:89px; padding:0; margin:0px; text-align:center;}
	#menu_haut ul {padding:0; margin:0px auto; list-style-type:none;}
		#menu_haut ul li { float:left; list-style-type:none; background:none; }
		#menu_haut ul a {float:left; display:block; height:33px; margin:0px 0px 0px 0px; padding:18px 8px 0px 2px; border-right:1px white solid; text-decoration:none; font-size:1.2em; color:white; }
		#menu_haut ul a:hover { color:white; text-decoration:underline; }

/* ====================================================================== */
/* ============================ ADMIN BARRE ============================= */
/* ====================================================================== */
#admin-container { position:absolute; top:0; left:0; width:100%; z-index:2; display:block; margin:0px; padding:0px; height:22px; text-align:right; background:#454545; color:white; border-bottom:2px black solid;
	filter:alpha(opacity=75); /* opacite pour FF */ 
	-moz-opacity:0.75; /* opacite pour FF */ 
	opacity: 0.75; /* opacite pour IE */}
html>body #admin-container {position:fixed; }

#admin { width:100%; margin:0 auto; padding:5px 0px 3px 0px; color:white; text-align:right; z-index:3; height:18px; background:#4F4F4F; }
	#admin ul{float:right; }
		#admin li{ list-style-type:none; cursor: pointer; float:left; color:orange; font-size:1.1em; margin:0px 0px 0px 0px; padding:0px 5px 0px 5px; border-left:1px #E5E5E5 dashed;}
		#admin li a{color:white; text-decoration:none; }
		#admin li a:hover{background:#8D0036; }
	
/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */
#centre{ background:url(../cssimg/main_bg.gif) top left repeat-y; margin:0px 0px 0px 0px; padding:0px;}
	#centre .entete{background:#6B6B6B; }
		#centre .entete img{ padding:5px 0px; }
	#centre h1.titre{ margin:0px 0px 0px 0px; padding:5px 0px 0px 30px; font-size:1.7em; font-weight:normal; color:white; background:#3a3a3a; width:918px; height:25px; }



/* ================== gauche ================== */
#menu-gauche{ float:left; width:218px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
		#menu-gauche ul{ margin:0; padding:0;}
			#menu-gauche li{ list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
				#menu-gauche li a{ display:block; height:25px; padding:15px 0px 0px 20px; background:#6F6F6F; color:#a5a5a5; font-size:1.2em; border-bottom: 1px #656565 solid; text-decoration:none; }
				html>body #menu-gauche li a{min-height:25px; height:auto; }
				#menu-gauche li a:hover, #menu-gauche li a.select{ background:#3A3A3A; color:white; }

			

/* =================== main =================== */
#main2{ margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; color:white; float:left; width:710px; text-align:left; }
	#main2 h2{ margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; }
	#main2 p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:1.1em; }
	#main2 a{ color:white; }

	
/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */

#footer{ background:#4e4e4e; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; clear:both; text-align:center; }
	#footer p { text-align:center; padding:0px 0px 0px 0px; font-size:1.1em; color:#91969B; }
		#footer a{ text-decoration:none; color:#91969B; }
		#footer a:hover{ text-decoration:underline;}
		#footer img { }


		
fieldset{ margin:5px 0px 20px 0px; padding:10px 0px 0px 20px; border:1px #9F9F9F solid;}
#formCreation legend, #formUpdate legend{ font-size:1.2em; font-weight: bold; background:#A6003F; padding:3px 5px; }

#formCreation p, #formUpdate p{ font-size:1em; font-weight:normal; }
	#formCreation p.date, #formUpdate p.date{ margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; }
	#formCreation p.titre, #formUpdate p.titre{ margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; }
	#formCreation p.categorie, #formUpdate p.categorie{ margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; }
	#formCreation p.texte, #formUpdate p.texte{ margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; }
	#formCreation p.uploadImg, #formUpdate p.uploadImg{ margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; }
	#formCreation p.bouton, #formUpdate p.bouton{ margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; text-align: center; }

#formCreation label, #formUpdate label{ font-size:1.1em; font-weight:normal;}
	#formCreation p.uploadImg label, #formUpdate p.uploadImg label{ width:145px;}
#formCreation input, #formUpdate input{ font-size:1.1em; font-weight:normal; background:#CFCFCF; border:1px #6F6F6F solid; color:#1F1F1F; margin:0px 0px 0px 0px; padding:3px 5px 0px 5px; height:17px; }

#formCreation select, #formUpdate select{ font-size:1.1em; font-weight:normal; background:#CFCFCF; border:1px #6F6F6F solid; color:#1F1F1F; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; height:19px; width:152px; }
#formCreation option, #formUpdate option{color:#1F1F1F; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#formCreation textarea, #formUpdate textarea{ font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background:#CFCFCF; border:1px #6F6F6F solid; color:#1F1F1F; margin:0px 0px 0px 0px; padding:3px 5px 0px 5px; height:150px; width: 420px; }

#formCreation p.bouton input, #formUpdate p.bouton input{ background:#606060; border:1px #6F6F6F solid; color:white; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; height:25px; font-weight:bold; }


#formCreation a, #formUpdate a{ font-size:1.1em; font-weight:normal; color:white;}
#formCreation a:hover, #formUpdate a:hover{ text-decoration:none;}

#formUpdate .image { float:right; text-align: center; margin:10px; }
#formUpdate .image img { padding:5px; background:#dfdfdf; border:1px #717171 solid; }