*{margin:0;padding:0;border:none;}
li{list-style:none;}
html{height:100%;width:100%;}
body {
	width:100%;
	height:auto;
	background: #d21034;
	background-image: url(images/fond.png);
	background-attachment: fixed;
	background-repeat: repeat-x;
	font-size: 1em;
	font-family: georgia, "trebuchet ms", arial, serif;
}
h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px #000;
}
h2 {color: #ffce00;text-align: center;text-shadow: 1px 1px #000;font-size:1.4em}
h3 {color: #ffce00;text-align: left;text-shadow: 1px 1px #000;font-size:1.2em}
#fond {
	background-image: url(images/fond_.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#fond1 {
	background-image: url(images/fond_1.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#fond2 {
	background-image: url(images/fond_2.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#fond3 {
	background-image: url(images/fond_3.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#fond4 {
	background-image: url(images/fond_4.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#fond5 {
	background-image: url(images/fond_5.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#fond6 {
	background-image: url(images/fond_6.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#fond7 {
	background-image: url(images/fond_7.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#fond8 {
	background-image: url(images/fond_8.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
#cadre {
	width: 860px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
#cadreHaut {
	height: 30px;
	background-image: url(images/haut.png);
	background-repeat: no-repeat;
}
#cadreBandeau {
	height: 260px;
	background-image: url(images/centre_noir.png);
	background-repeat: repeat-y;
}
#cadreCentre {
	min-height: 100px;
	background-image: url(images/centre_vert.png);
	background-repeat: repeat-y;
}
#cadreBas {
	height: 30px;
	background-image: url(images/bas.png);
	background-repeat: no-repeat;
}
#corps {
	text-align: justify;
	margin-left: 40px;
	margin-right: 40px;
	}
#corps a { color: #ffce00; text-decoration: none; }
#corps a:hover { color: #fff; text-decoration: underline; }
#photos {
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	background: #000;
	}
#photos img {
	margin-top: 10px;
	border-color: #ffce00;
	}
#xphotos {
	background: #f1f1f1;
	margin-left: 30px;
	margin-right: 30px;
	padding: 10px 0 0 0;
	}
#droits {
	text-shadow: none;
	padding: 0px;
	text-align: center;
	font-size: .8em;
	color: #111;
	}
#droits a { color: #333; text-decoration: none; }
#droits a:hover { color: #fff; text-decoration: underline; }

.droite, .gauche { 
	background-color: #ffce00;
	width: 120px; /* important */ 
    	border-collapse: collapse; /* cosmétique */ 
}
.droite td { 
    padding: 5px; /* cosmétique */ 
}
.droite p, .gauche p {font-size:.8em; text-align: center; font-weight: bold; font-style: italic;}
.droite {float: right; margin-left:10px;}
.gauche {float: left; margin-right:10px;} 
.gauche td { 
    padding: 5px; /* cosmétique */ 
}
#bandeau {
	height: 200px;
	width: 800px;
	margin-left: 30px;
	margin-right: 30px;
}
#menu {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 40px;
	width: 800px;
	margin-left: 30px;
	margin-right: 30px;
}

