/*** Mise en forme de la page ***/

body {
	margin: 1em;
	padding: 0;
	font: .8em arial, hevetica, sans-serif;
	line-height:25px;
	letter-spacing:2px;
	color:#a09d8e; /*#fff;*/
	background-color: #232728;
	width:1250px;
}

p#notes {
	border-bottom: 1px dotted #ffc501;
	padding-bottom: 1em;
}
p#footer {
	border-top: 1px dotted #ffc501;
	padding-top: 5px;
	font-size:12px;
	text-align:right
}
p#palette {
	border-bottom: 1px dotted #ffc501;
	border-top: 1px dotted #ffc501;
	padding-top: 1em;
	height:35px;
}
#titre1{
	width:400px;
	float:left;
}
#espace{
	width:800px;
	text-align:center;
}
/*** Mise en forme du formulaire ***/

a:link { color:#ffc501; text-decoration:underline;font: .8em arial, hevetica, sans-serif;}
a:visited { color:#ffc501; text-decoration:underline ;font: .8em arial, hevetica, sans-serif; }
a:hover { color:#f9e7ab; text-decoration:none;font: .8em arial, hevetica, sans-serif;  }
a:active { color:#ffc501;text-decoration:underline;font: .8em arial, hevetica, sans-serif; }

a.small:link { color:#ffc501; text-decoration:underline;font: .6em arial, hevetica, sans-serif;}
a.small:visited { color:#ffc501; text-decoration:underline ;font: .6em arial, hevetica, sans-serif; }
a.small:hover { color:#f9e7ab; text-decoration:none;font: .6em arial, hevetica, sans-serif;  }
a.small:active { color:#ffc501;text-decoration:underline;font: .6em arial, hevetica, sans-serif; }
/*a:hover img{ border:0px;}*/
/*a:hover img{ border:1px solid #FFF;}*/
/*a:hover img{ opacity: 0.5;filter:alpha(opacity=50);}*/
/*a:hover img{ opacity: 1.0;filter:alpha(opacity=100);}*/

/* opacite */
a.roll img {opacity: 1.0;filter:alpha(opacity=100);border:1px solid ffc501;}
a.roll:hover img {opacity: 0.45;filter:alpha(opacity=50);border:1px solid ffc501;} 

/*#menuconteneur{
	padding:0;
	margin:0;
	border-top:1px dotted #dea;
	border-right:1px dotted #dea;
}*/

img.cadre {border:1px solid #ffc501;}

ul#menu_photo{
	margin:0;
	padding:0;
	list-style-type:none;
	border:1px thin #dea;
}

ul#menu_photo li{
	text-align:center;
	float:left;
}
ul#menu_photo li.separ{
	text-align:center;
	border-bottom:2px solid #dea;
}
ul#menu_photo li a{
	text-align:center;
	width:175px;
	line-height:20px;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:2px;
	color:a09d8e; /*#fff;*/
	display:block;
	text-decoration:none;
	border-right:1px dotted #dea;
}

ul#menu_photo li a:hover{
	background-color:#ffc501;
	color:#232728;
}

ul#menu_index{
	margin:0;
	padding:0 0 0 4px;
	list-style-type:none;
}

ul#menu_index li{
	text-align:left;
}
ul#menu_index li.separ{
	text-align:left;
	border-bottom:2px solid #dea;
}
ul#menu_index li a{
	width:175px;
	line-height:30px;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:2px;
	color:a09d8e; /*#fff;*/
	display:block;
	text-decoration:none;
	/*border-bottom:1px dotted #dea;*/
}

ul#menu_index li a:hover{
	background-color:#ffc501;
	color:#232728;
}
#book {
	margin-left:5px;
}

#entete {
	/*border: 1px solid ffc501; bordure jaune*/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: a09d8e;
	background-color: transparent; 
	margin: 0 7px 3px 3px;
	padding: .5em;
	height:65px;
	width:1024px;
}
#image{
	float:left;
	margin-right:5px;
}
#page_dyn {
	height:600px;
}
#titre {
	text-align:center;
}
#menu_gauche {
	width:180px;
	height:650px;
	float:left;
	border-top: 1px solid #dea;
	border-right: 1px solid #dea;
	border-left:0;
	border-bottom:0;
	
}
#menu_gauche2 {
	width:800px;
	height:650px;
	float:left;
	border: 1px solid #ffc501;
	background-color:#000000;
}
#exif {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid black;*/
	color: white;
	background-color: #424a4d;
	margin: 0;
	padding : 0 4px 0 4px;
	width:350px;
	float:left;
}

#photo {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid black;*/
	color: white;
	background-color:#424a4d;
	margin: 0px;
	width:700px;
	height:577px;
	float:left;
}
#exif fieldset,#photo fieldset,#exif fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	background-color:#424a4d;
}

.leftbloc {	/*** Mise en forme textes tableaux exif : titre***/
	font-style:normal;
	font-size:12px;
	text-align:right;
	text-shadow:#000000;
	color:#006600;
}
.rightbloc {	/*** Mise en forme textes tableaux exif : information***/
	font-style:normal;
	font-size:12px;
	color:#ffc501;
}

#photo_txt {	/*** Mise en forme du titre et du pied de formulaire ***/
	font-size:7px;
	color: a09d8e;
}

#pied {
	text-align: right; /*** Les boutons sont alignés à droite ***/
	color: a09d8e;
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpLegend {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: white;
	background-color: 424a4d;
	margin: 0;
	padding: 2em;
	width:400px;
}
#corpLegend fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 0 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background-color: transparent;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: white;
	background-color:#424a4d;
	width:1000px;
	float:left;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background-color: transparent;
}
#corpForm p,#exif p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	color: #a09d8e;
	font-size:12px;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#exif fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
.legende {	/*** #corpForm Mise en forme des aides contextuelles ***/
	font-style: italic;
	font-size:10px;
	color: #ffc501; /* #fbea76 */
	background: transparent;
	margin: 0;
	padding: 0;
}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: beige;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background-color: white;
	color: black;
}
#corpForm INPUT.psaisie
{
    FONT-SIZE: 8pt;
    COLOR: navy;
    FONT-FAMILY: Verdana
}
/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}

.photo_legende {	/*** Mise en forme des aides contextuelles ***/
	color: #a09d8e;
	font-size:10px;
	background: transparent;
	margin: 0;
	padding: 0;
}

a.inpage {	/*** Mise en forme des aides contextuelles ***/
	color: #a09d8e;
	font-size:10px;
	background-color:#333333;
}