/**********************  GENERAL  ****************************/
* { margin:0; padding:0; }
img { border-width: 0; border-style: none; }

body  {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;	
	color:#FFFFFF;	
	background-color: #000000; 
	font-weight: bold;
	
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-track-color : #413310;
	scrollbar-face-color : #31270d;
	scrollbar-highlight-color :#31270d;
	scrollbar-darkshadow-color :#31270d;
	scrollbar-shadow-color: #413310;
	scrollbar-3dlight-color: #413310;	
	
}

a, a:visited { color:#FFFFFF; }

.center { text-align: center; }

/**********************   BLOCS CONTENERS   ****************************/

#site_contener {
	position:absolute;
     left: 50%; 
     width: 975px;
     height: 570px;
     margin-top: -40px; /* moitié de la hauteur */
     margin-left: -487px; /* moitié de la largeur */
}

#site_contener_admin {
	position:absolute;
     left: 50%; 
     width: 975px;
     height: 680px;
     margin-top: -40px; /* moitié de la hauteur */
     margin-left: -487px; /* moitié de la largeur */
}

#site_header {
	position:relative;
	top: 38px;
	width:100%;
	height:120px;	
	background: url("../images/AtelierGomez.png") no-repeat top right;
}

#site_menu {
	width:100%;
	height:35px;
	text-align:center;
	position:relative;
}

#site_corps {
	width:100%;
	height:100%;
	padding: 10px 10px; 	
	border: 3px solid #FFFFFF;
}

#site_pied{
	text-align:right;
	text-decoration:none; 
	width:100%;
	height:30px;
}
.copyright {	font-size: 10px;	text-decoration:none; }

/**********************   AUTRE  ******************************/

.titre 						{ font-size: 16px; color: #76673f; }
#nouvelle_oeuvre_table  	{ margin: auto auto; }
#nouvelle_oeuvre_table td 	{ text-align:center; }
.nouvelle_oeuvre a			{ color:#95c00e; text-decoration: none; font-size: 11px;  }
.nouvelle_oeuvre img 		{ border: 2px solid #95c00e; }

/* TABLEAUX */
.tableau 			{ border:2px solid white; width:80%; }
.tableau th 		{ font-size: 16px; }
.tableau td 		{ padding:10px; vertical-align: middle; }
.tdColor1 			{ background-color: #413310 }
.tdColor2 			{ background-color: #31270d }


#detailProjet_admin table table {  margin:auto;  }
#detailProjet_admin table table td { vertical-align: middle; text-align: left;}
#detailProjet_admin input[type=text] { border: solid 2px black; width:100px; }

#entrer				{ overflow: hidden; text-align: center; height: 90%; }

#entrer img { border-left: 4px solid #000000; border-right: 4px solid #000000; }
.btn_entrer, .btn_entrer a:hover, .btn_entrer a:visited { 	
	font-size: 18px; 
	color: #FFFFFF; 
	border: 1px solid #FFFFFF; 
	width:100px; 
	text-align: center; 
	margin:auto;
	padding: 3px 3px;
	text-decoration: none;
}

/* GESTIONNAIRE D'IMAGES */
#gestionnaireImages { 
	overflow-y: hidden; 
	white-space: nowrap;
	overflow: auto;
	width:80%;	
	height: 110px;
	border: 1px solid #FFFFFF; 
}

#gestionnaireImages img, #detailProjet img, #detailProjet_admin img { 
	cursor:pointer; 
	cursor:hand;  
	border: 2px solid #FFFFFF; 
}

#detailProjet img:hover, #detailProjet_admin img:hover  { 
	border: 2px solid #fbc132; 
}
#gestionnaireImages span img { border: 0px; }

#gestionnaireImages span {	
	position:absolute;
	visibility:hidden;
	color:black;
	text-decoration:none;
	width:100%;
	height:80%;
	left:0px;
	margin-right:15px;
	text-align:right;
	cursor:pointer; 
	cursor:hand; 
}

#gestionnaireImages a {	z-index:0; }
#gestionnaireImages a:hover {
	position:relative;
	z-index:0;
	text-decoration:none;
}


/* DETAIL D'UN PROJET */
#contener_projet_detail {
	width:980px;	
	height:385px; 
}
#contener_admin_projet_detail {
	width:980px;	
	height:420px;
}
#detailProjet {
	overflow-x: hidden; 
	white-space: nowrap;	
	overflow: auto;
	width:980px;	
	height:385px;
	
}
#detailProjet table td { 
	text-align:center;
	border-collapse:separate; 
	padding:25px;
	 }

#detailProjet_admin {
	overflow-x: hidden; 
	white-space: nowrap;	
	overflow: auto;
	width:980px;	
	height:385px;
	
}

#formulaireProjet {
	overflow: auto;
	height:400px;
	
}


.popup-contenu
{
	width: 100%;
	height:125px;
	background-color: #000000;
	display: block;
	position:absolute;
	top: 190px;
	margin-left: 0px;
}



/* PRESENTATION - LIENS - CONTACT */
#contener_simple {
	width:980px;	
	height:385px; 
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;	
	color:#FFFFFF;	
	font-weight: normal;	
}

#contener_simple table { width: 70%; }
#contener_simple table  th { font-size: 16px; }
#contener_simple table  td { padding:10px; vertical-align: middle; }

#loading{
	width:100%;
	text-align:center;
	vertical-align:middle;
	padding-top:150px;
	margin:auto;	
}