body 						{ font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #8c8c8c; text-align: justify; border-width: 0; outline-width: 0; }

#center 					{ position: absolute; left: 50%; top: 50%; }
#container 					{ position: absolute; left: -575px; top: -380px; width: 1150px; height: 760px; margin: 0; padding: 0; border: solid 0 #999; }
#vignette 					{ height: 339px; width: 561px; left: 24px; top: 155px; position: absolute; visibility: visible; }
#dossier					{ height: 339px; width: 561px; left: 39px; top: 162px; position: absolute; overflow: auto; visibility: visible; }
#legende 					{ height: 24px;  width: 515px; left: 27px; top: 120px; position: absolute; overflow: auto; visibility: visible; margin: 10px; filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70;  background-color: white; }
#navigation					{ height: 24px;  width: 460px; left: 25px; top: 310px; position: absolute; visibility: visible; margin: 10px; filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70;  background-color: white; }
#legendephoto 				{ height: 20px;  width: 520px; left: 600px; top: 80px; position: absolute; overflow: auto; visibility: visible; margin: 10px; }
#infos	 					{ height: 337px; width: 470px; left: 640px; top: 143px; position: absolute; visibility: visible; margin: 10px; }
#affiche 					{ height: 337px; width: 489px; left: 640px; top: 143px; position: absolute; visibility: visible; margin: 0px; }
#soiree 					{ height: 302px; width: 445px; left: 524px; top: 415px; position: absolute; visibility: visible; }
#beaumarchais 				{ height: 154px; width: 245px; left: -407px; top: 150px; position: absolute; visibility: visible; }
#autre 						{ text-align: right; height: 20px; width: 524px; left: 40px; top: 360px; position: absolute; visibility: visible; }

table,tr,td 				{ color: #606060; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-align: justify; }
p			 				{ color: #606060; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-align: justify; }
select 						{ color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
.iframe 					{ margin: 0; padding: 0; border-style: solid; border-width: 0; }
input 						{ color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
.submit 					{ color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
textarea 					{ color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
form 						{ color: #707070; font-size: 11px; line-height: 21px; text-align: justify; }
.legende 					{ color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 22px; text-align: center; }
.legendephoto				{ color: #FFFFFF; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-align: right;  }
.affiche 					{ color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-align: justify; }
.infos 					{ color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-align: justify; }

a							{ color: #000000; text-decoration: none; }
a:visited					{ color: #000000; text-decoration: none; }
a:active					{ color: #606060; text-decoration: underline; }
a:hover						{ color: #606060; text-decoration: none; }
.tabledossier 				{ width: 510px; }
.tddossier 					{ background-color: #454545; background-position: center; text-align: left; width: 510px; height: 10px; margin: 5; padding: 15; border: solid 0 #ffffff; }
a.navigation:link			{ color: #000000; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }
a.navigation:visited		{ color: #000000; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }
a.navigation:active			{ color: #e73542; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }
a.navigation:hover			{ color: #e73542; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }
a.dossier:link				{ color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }
a.dossier:visited			{ color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }
a.dossier:active			{ color: #e73542; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }
a.dossier:hover				{ color: #e73542; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }
.tablevig 					{ margin: 0; padding: 0; }
.tdvig 						{ background-position: center; text-align: center; width: 60px; height: 60px; margin: 0; padding: 0; border:  }
a.vignette:link				{ font-size: 60px; font-weight: bold; line-height: 14px; text-decoration: none; width: 60px; height: 60px; outline: solid 4px #000000; }
a.vignette:visited			{ font-size: 60px; font-weight: bold; line-height: 14px; text-decoration: none; width: 60px; height: 60px; outline: solid 4px #000000; }
a.vignette:active			{ font-size: 60px; font-weight: bold; line-height: 14px; text-decoration: none; width: 60px; height: 60px; outline: solid 4px #e73542; }
a.vignette:hover			{ font-size: 60px; font-weight: bold; line-height: 14px; text-decoration: none; width: 60px; height: 60px; outline: solid 4px #e73542; }

a.refimgaccueil:link		{ font-size: 47px; outline: solid 2px #fff; }
a.refimgaccueil:visited		{ font-size: 47px; outline: solid 2px #fff; }
a.refimgaccueil:active		{ font-size: 47px; outline: solid 2px #ffc43c; }
a.refimgaccueil:hover		{ font-size: 47px; outline: solid 2px #ffc43c; }