/* styles généraux */

body {
	color: #848484;
	background-color: #dddddd;
	font-size: 10px;
	font-family: "arial",sans-serif;	

}

h1 {
	padding-top:20px;
	margin-left:40px;
	font-weight:normal;
	padding-bottom:0px;
	height:20px;
	text-transform:uppercase;
}

h2{
	color:#000;
	margin-left:375px;
	padding-top:20px;
}

a {
	color: #000;
	text-decoration: none;
}

p{
	margin-bottom:10px;
	}

thead{
	
border:1px;	}	

#super_container {
	width: 960px;
	height:600px;
	background-color: #c8c7c7;
	position:absolute;
    left: 50%;
    top: 50%;
    margin-top: -300px; /* moitié de la hauteur */
    margin-left: -480px; /* moitié de la largeur*/
}

/*menu*/

#header #logobd {
	float:left;
	height:70px;
	margin-top:7px;	
	margin-right:10px;
	margin-left:8px;


}

#header h3{
	margin-bottom:0px;
}

#header {
	height:98px;
}


ul {
	width:600px:
	border-bottom: 2px solid #b2b2b2;	
	margin-left:280px;
	height:35px;

	}

ul .menu {
	list-style: none;
	margin-top:25px;
	width :80px;
	text-align:center;
	float:left;
	margin-left:20px;
}

.menu a {
	display:block;
	font-size : 16px;
	font-weight:normal,
	
}

.menu a:hover {
	color : #848484;
}

#barressnav{
	height:20px;
	background-color:#000;
	margin-top:24px;
}

#barressnav2{
	height:20px;
	background-color:#000;
	margin-top:45px;
}



/*content GÉNÉRIQUE*/
			
#content  {
	width:960px;
	height:482px;
	background-color:#fff;
}
		
#content table {
	margin: 20px auto;
	text-align:center;
	color:#000;
	border:1px solid #000;
	margin-bottom:0px;
}


#ajout{
	margin-left:40px;
	padding-bottom:10px;
	margin-bottom:0px;
	font-size:14px;
}

.arrowl{
	margin-left:40px;
	border:0px;
}

#return{
	margin-top:10px;
	margin-left:40px;
}
		
		
/*ACCUEIL LOG*/		
#form1{
	margin:100px auto;
	border:0px;
	width:300px;
}
	
#login{
	margin-left:40px;
}
	
#pass{
	margin-left:7px;
	}		

#button{
	margin-left:215px;
	margin-top:0px;
	}	

#contentlog  {
	width:960px;
	height:482px;
	background-color:#fff;
		}
		
	
#contentlog table {
	margin: 20px auto;
	text-align:center;
	color:#000;
	border:0px;
}

.accueil{
	font-size: 16px;
	margin-left:324px;
	margin-top:150px;
}

		
/*AJOUT COLLECTION*/

#contentaddcollect  {
	width:960px;
	height:482px;
	background-color:#fff;
		}
		
#contentaddcollect #form{
	width:350px;
	margin:80px auto;
	}
	
#nom{
	margin-left:27px;
	}
	
#modele{
	margin-left:7px;
	}		

#button2{
	float :left;
	margin-top:10px;
	}		

#categorie{
	margin-left:10px;
	}	
	
/*MODIF COLLECTION*/

#contentmodifcollect  {
	width:960px;
	height:482px;
	background-color:#fff;
		}
		
#contentmodifcollect #form1{
	width:350px;
	margin:80px auto;
	}
	
#cancel{
	padding-top:10px;
}
	
	
/*MODIF COLLECTION*/	

#supp{
	margin-left:40px;
	float:left;
	}
	
#cancelsupp{
	margin-left:20px;
}
	
	
/*GESTION ARTICLES*/
.arrowpagin{
	display:block;
	margin-left:40px;
	float:left;
}

#content table th{
	border:1px solid;
}

#content table td{
	border-left:1px solid;
		border-right:1px solid;

}

#content .arrowpagin table{
	margin-bottom:0px;
	border:0px none;
}

#content .arrowpagin table td{
	margin-bottom:0px;
	border:0px none;
}
	
#pagin{
	float:right;
	margin-right: 40px;
	margin-top:10px;
}

/*AJOUT ARTICLES*/	

#contentaddarticle{
	width:960px;
	height:482px;
	background-color:#fff;
}
	
#contentaddarticle #form1{
	width:880px;
	margin:35px auto;
}	

#contentaddarticle #form1 input{
	margin-left:10px;
	margin-bottom:5px;
}
	
#contentaddarticle #form1 label{
	margin-left:10px;
}

#contentaddarticle #button{
	float:left;
	}
	
#contentaddarticle #form1 textarea{
	margin-left:10px;
}

#contentaddarticle #form1 #sexe1{
	margin-left:10px;
}

#contentaddarticle #form1 #thumb1{
	margin-left:10px;
	float:left;
}

#contentaddarticle #form1 #thumb2{
	margin-left:10px;
	float:left;
}

#contentaddarticle #form1 #thumb3{
	margin-left:10px;
	float:left;
}

#contentaddarticle #form1 #photo_upload_1{
	margin-left:10px;
	float:left;
}

#contentaddarticle #form1 #photo_upload_3{
	margin-top:33px;
	margin-right:10px;
	float:right;
}

#contentaddarticle #button2{
	float:left;
	margin-top:20px;
	}
	
#contentaddarticle #cancelmod{
	float:left;
	margin-top:20px;
	}
	
	

#champs_obligatoires{
	float:right;
	margin-top:10px;
	margin-right:580px;
	font-size:9px;
}

/*ERREUR AJOUT ARTICLES */	

#contentaddarticle_erreur{
	width:960px;
	height:482px;
	background-color:#fff;
}
	
#contentaddarticle_erreur #form1{
	width:880px;
	margin:20px auto;
}	

#contentaddarticle_erreur #form1 input{
	margin-left:10px;
	margin-bottom:5px;
}
	
#contentaddarticle_erreur #form1 label{
	margin-left:10px;
}

#contentaddarticle_erreur #button{
	float:left;
}
	
#contentaddarticle_erreur #form1 textarea{
	margin-left:10px;
}

#contentaddarticle_erreur #form1 #sexe1{
	margin-left:10px;
}

/*MODIF ACTUU*/

#contentactu  {
	width:960px;
	height:482px;
	background-color:#fff;
}

#contentactu #form1{
	width:500px;
	margin:80px auto;
}	

#contentactu #form1	#button{
	float :left;
	margin-top:10px;
	margin-left:1px;
}	

#contentactu #form1 #titre{
	margin-left:23px;
}



/*AJOUT USERS*/	
#contentuser{
		width:960px;
	height:482px;
	background-color:#fff;
	
}
	
#contentuser #form1{
			width:300px;
	margin:130px auto;
}
	
#contentuser #form1 #login {
			margin-left:39px;
	}
	
#contentuser #form1	#button{
	float :left;
	margin-top:10px;
	margin-left:105px;
}		

/*SUPP USER*/

#form3 #button{
	float:left;
	margin-left:40px;
	margin-top:10px;
}

#cancelsupp1{
	margin-top:10px;
	margin-left:0px;
}
	
	

/*footer*/
	
#footer {

	text-align: right;
	font-size: 9px;
	color: #FFF;
	background-color:#000;

}
#footer a {
	line-height:20px;
	margin-top:5px;
	margin-right:20px;
	color: #fff;
	border-bottom: 0;
}