/* initialisation --------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
* {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	line-height: 20px;
}
html {
	background-color: #ACA;
}
body {
	margin: 0px auto;
	width: 850px;
	padding: 10px;
	background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)80%, rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)80%, rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)80%, rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)80%, rgba(255,255,255,0)); /* Syntaxe standard */
}
header, article, footer {
	display: block;
}
/* textes -----------------------------------------------------------------------------*/
h1 {
	margin: 20px 0px 10px 0px;
}
p {
	margin: 0px 0px 10px 16px;
}
blockquote {
	margin: 15px 0px 10px 16px;
}
q {
	display: inline;
}
blockquote::before, q::before {
	content: "« ";
}
blockquote::after, q::after {
	content: " »";
}
cite {
	font-style: italic;
	text-decoration: underline;
}
cite.site {
	font-style: normal;
	text-decoration: none;
	font-variant: small-caps;
}
ul {
	list-style-type: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
	font-weight: bold;
	color:#090;
}
img {
	font-size: 10px;
	font-style: italic;
	text-decoration: underline;
}
span {
	background-color: #FD6;
}
span.vers {
	color: #C90;
	font-size: 16px;
	background-color: transparent;
}
.coul_fleche {
	color: #0B0;
	background-color: transparent;
	margin: 0px 0px 0px -20px;
}
.mnu_select {
	background-color: #CEC;
}
#p4 .mnu_select {
	background-color: #FD6;
}
a:hover {
	text-decoration: underline;
}
/* fronton -------------------------------------------------------------------------------*/
header {
	height: 200px;
	text-align: center;
	letter-spacing: 0.018em;
	background-image: url(bandeau.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
header p {
	margin: 0;
	padding: 110px 0px 15px 0px;
}
header p.ref {
	display: none;
}
header li {
	float: left;
	width: 104px;
	border-left: solid 1px #666;
	border-right : solid 1px #666;
	text-align: center;
}
/* pied de page --------------------------------------------------------------------------*/
footer {
	width: 850px;
	text-align: center;
	letter-spacing: 0.018em;
}
footer li {
	float: left;
	width: 100px;
	margin: 20px 10px;
	text-align: center;
}
footer li img {
	width: 100px;
}
/* pages ------------------------------------------------------------------------------*/
article ul {
	margin: 0px 0px 10px 16px;
}
article li {
	margin: 0px 0px 5px 0px;
}
#marge {
	float: left;
	width: 325px;
	text-align: center;
}
#texte {
	float: right;
	width: 525px;
}
img.illus {
	margin: 0px auto;
	width: 450px;
}
/*----------------------*/
img.covid19 {
	float: left;
	width: 100px;
	margin: 0px 20px 0px 0px;
}
.covid {
	text-align:center;
	color:#F00;
	background-color: transparent;
	font-weight: bold;
}
.covid em {
	color:#F00;
}
#p0 span.titre, #p0 span.titre cite {
	color: #000;
	font-weight: bold;
	background-color: transparent;
}
#p0 span.coul_fleche {
	
	margin: 0px 0px 0px -40px;
}
#p2 ul.artistes {
	margin: 0;
	float: left;
	width: 250px;
	text-align: right;
}
#p2 ul.specialites {
	margin: 0;
	float: right;
	width: 250px;
}
#p2 div.video {
	margin: 0px auto;
	width: 640px;
}
#p4 #marge, #p5 #marge {
	width: 275px;
	padding-left: 50px;
	text-align: left;
}
#p5 #texte {
	width: 525px;
	height: 525px;
}
#p6 #marge, #p8 div {
	width: 425px;
}
#p2 #texte {
	width: 500px;
}
#p3 #texte {
	width: 500px;
}
#p6 #texte {
	width: 400px;
}
#p7 #texte {
	width: 500px;
}
#p8 #texte {
	width: 400px;
}
#p9 #texte {
	width: 525px;
}
/* formulaire -------------------------------------------------------------------------*/
#p9 form {
	margin: 0px 0px 0px 16px;
	background-color: #F9F9E9;
	border: 1px solid #9C9;
}
#p9 table {
	margin: 0px auto;
}
#p9 td {
	padding: 5px;
}
#p9 input {
	height: 25px;
	border: 1px solid #9C9;
}
#p9 textarea {
	width: 480px;
	height: 100px;
	border: 1px solid #9C9;
}
#p9 .g1 {
	width: 75px;
	text-align: right;
}
#p9 .d1 input {
	width: 150px;
}
#p9 .d1adr input {
	width: 401px;
}
#p9 .d2 {
	width: 80px;
}
#p9 .c3 input {
	background-color: #FFF;
	margin: 15px 15px 25px 15px;
	width: 150px;
	height: 30px;
	border: 1px outset #369;
	cursor: pointer;
}
#p9 .c3 input:hover {
	background-color: #FD6;
	border: 1px inset #369;
}
/* diapo -------------------------------------------------------------------------*/
#dp_zone {
	margin: auto;
	width: 425px;
	height: 425px;
}
#dp_vign {
	display:none;
}
#dp_pres {
	display: block;
	float: right;
	width: 425px;
	height: 600px;
}
#dp_phot {
	position: relative;
	margin: auto;
	width: 425px;
	height: 425px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#dp_phot img {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-webkit-transform: translate(-50%, -50%); /* Safari */
	transform: translate(-50%, -50%);
	max-width: 425px;
	max-height: 425px;
}
#dp_zone button {
	font-size: 25px;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #696;
	border-radius: 5px;
	background-color: #ACA;
	box-shadow: 7px 7px 7px #666;
	-webkit-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
#dp_zone button:hover {
	box-shadow: 2px 2px 2px #333;
	cursor: pointer;
}
#dp_zone button.dp_pp {
	margin: 10px 60px 0px 0px;
	width: 30px;
	height: 30px;
}
#dp_zone button.dp_pg {
	margin: 10px 0px 0px 60px;
	width: 30px;
	height: 30px;
}