/*
Global
*/
div{
	margin:0;
	padding:0;
}
#spacer{
	clear:both;
}
body{
	background:#494C49;
	margin:20px 0px 0px -52px;
}
#conteneur{
	background: url(images/global/brushes.gif) no-repeat;
	margin: 0px auto;
	text-align: left;
	width:793px;
	padding-left:52px;
	padding-top:45px;
}
#conteneur .bloc{
	overflow:hidden;
	background:transparent url(images/global/fond.gif) repeat-y;
	border-top:6px #3D403D solid;
	border-bottom:6px #3D403D solid;
}
h1{
	background:url(images/global/titre.gif) no-repeat;
	text-indent:-2000px;
	padding-bottom:31px;
	margin:0;
}
/*
Menus
*/
#conteneur #menus{
	float:left;
	width:100px;
	text-align:right;
	margin:15px 15px 15px 0px;
	height:200px;
}
#conteneur #menus span{
	display:block;
	margin-right:10px;
	font:bold 11px Arial, sans-serif;
	color:#FFF;
	margin-bottom:7px;
}
#conteneur #menus span a{
	color:#FFF;
	text-decoration:none;
}
#conteneur #menus span a:hover{
	border-bottom:#FFF 1px dotted;
	padding-bottom:2px; 
}
#conteneur #menus span.actif{
	color:#66CCFF;
}
/*
Accueil images
*/
#dyn .images img{
	display:block;
	float:left;
	border:none;
}
#dyn .images img.special{
	border-left:6px #3D403D solid;
}
/*
Chargement
*/
#dyn .chargement .texte{
	padding:15px 0px 0px 15px;
	background:#494C49;
	float:left;
	font: 11px Arial, sans-serif;
	color:#FFF;
	line-height:130%;
	height:349px;
}
/*
Biographie
*/
#dyn .bio img{
	float:left;
	border:0;
	border-left:6px #3D403D solid;
}
#dyn .bio .texte{
	padding:15px 30px 0px 15px;
	background:#494C49;
	float:left;
	font: 11px Arial, sans-serif;
	color:#FFF;
	line-height:130%;
	height:349px;
	width:400px;
}
#dyn .bio .texte em{
	font-weight: bold;
	font-style:normal;
	color:#66CCFF;
}
/*
Expositions
*/
#scrollbar{
	background:#464946;
	margin-left:322px !important;
	margin-left:320px;
	width:14px;
	height:364px;
}
#scrollbar img{
	border:none;
	cursor:pointer;
}
#scrollbar img.fleche_bas{
	margin-top:335px !important;
	margin-top:327px;
}
#expos .images{
	float:right;
	margin-right:0;
	width:450px;
}
#expos #bloc_liste{
	float:left;
	margin:10px 0 0 10px;
	font: 11px Arial, sans-serif;
	color:#FFF;
	width:188px;
	overflow:hidden;
	height:345px;
}
#expos #faux_bloc{
	position:relative;
	top:0;
	left:0;
	height:345px;
	overflow:hidden;
}
#expos #bloc_liste #liste{
	position:absolute;
	width:188px;
	top:100px;
	height:345px;
}
#expos #liste span{
	display:block;
	float:left;
	margin-bottom:10px;	
}
#expos #liste a{
	color:#FFF;
	text-decoration:none;
}
#expos #liste a:hover{
	text-decoration:underline;
}
#expos #liste em{
	display:block;
	font-weight:bold;
	font-style:normal;
	color:#FFF;
	clear:right;
	padding-bottom:3px;
	text-decoration:none;
}
#expos #liste span.actif,#expos #liste span.actif em{
	color:#66CCFF;
}
#expos .images img{
	display:block;
}
#expos .images img.special{
	border-left:6px #3D403D solid;
}
/*
Travaux
*/
#travaux #rubriques{
	float:left;
	font:11px Arial, sans-serif;
	color:#fff;
	margin:15px 0px 15px 15px;
}
#travaux #rubriques span{
	display:block;
	margin-bottom:5px;
}
#travaux #rubriques span a{
	color:#FFF;
	text-decoration:none;
}
#travaux #rubriques span a:hover{
	border-bottom:#FFF 1px dotted;
	padding-bottom:2px;
}
#travaux #rubriques .actif{
	color:#66CCFF;
}
#travaux #liste_travaux{
	float:right;
	font:11px Arial, sans-serif;
	color:#fff;
	width:430px;
	margin:15px 0px 10px 0px;
}
#travaux #liste_travaux span{
	display:list-item;
	margin-bottom:7px;
	margin-left:10px;
	list-style:inside square;
}
#travaux #liste_travaux span a{
	color:#FFF;
	text-decoration:none;
}
#travaux #liste_travaux span a:hover{
	border-bottom:#FFF 1px dotted;
	padding-bottom:2px;
}
#travaux #liste_travaux .actif{
	color:#66CCFF;
}
#travaux #contenu{
	float:left;
	background:#484C48;
	font:11px Arial, sans-serif;
	color:#fff;
	width:674px;
	border-top:#3D403D 5px solid;
	margin-left:-2px;
}
#travaux .contenu_txt{
	float:left;
	width:285px;
	margin:15px 0 0 15px;
	padding-bottom:10px;
}
#travaux  .titre{
	display:block;
	font:25px Times, serif;
	color:#fff;
	margin-bottom:15px;
}
#travaux .texte{
	color:#ccc;
	display:block;
	line-height:130%;
}
#travaux .projet_images{
	float:right;
	width:350px;
	margin:10px 0px 10px 0px;
}
#travaux .projet_images img{
	border:#fff 2px solid;
	margin:3px;
}
/*
Contact
*/
/* Partie gauche */
#contact #infos_contact{
	float:left;
	width:215px;
	margin:0 0 0 10px;
}
#contact #infos_contact .infos{
	display:block;
	margin-bottom:10px;
	font:11px Arial, sans-serif;
	color:#fff;
}
#contact #infos_contact .infos a{
	color:#fff;
	text-decoration:none;
}
#contact #infos_contact .infos a:hover{
	font-weight:bold;
	color:#66CCFF;
}
#contact #infos_contact h2{
	font:20px Times, serif;
	color:#fff;
}
/* Partie droite */
#contact #formulaire_contact{
	float:right;
	margin-left:10px;
	width:435px;
}
#contact #formulaire_contact .titre em{
	font:20px Times, serif;
	color:#fff;
}
#contact #formulaire_contact .titre{
	display:block;
	font:11px Arial, sans-serif;
	color:#fff;
	margin:15px 0 25px 0;
}
#contact #formulaire_contact .titres_form{
	display:block;
	font:15px Times, serif;
	color:#fff;
	margin:10px 0 5px 0;
}
#contact input,#contact textarea{
	border:none;
	background:#666;
	font:11px Arial, sans-serif;
	color:#fff;
	padding:5px;
	width:350px;
	margin-bottom:10px;
}
#contact #formulaire_contact #btn_send a{
	float:left;
	font:15px Times, serif;
	color:#fff;
	background:#333;
	border:thin #666 solid;
	padding:10px;
	margin:5px 0 15px 0;
	text-decoration:none;
}
#contact #formulaire_contact #btn_send a:hover{
	font:15px Times, serif;
	color:#333;
	background:#fff;
}
#contact #alerte{
	display:block;
	width:350px;
	font: 11px Arial, sans-serif;
	color:#FF0000;
	background:#fff;
	padding:8px;
}
#contact #alerte em{
	font:15px Helvetica, sans-serif;
}