@charset "UTF-8";
* {
	padding: 0px;
	margin: 0px;
}
a img {
border-style:none
}

body 1 {
	background-image: url(../images/fond_globale.png);
	background-repeat: repeat-x;
	
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background-image: url(../images/deco_site.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #473000;
}
ul, li {
	list-style-type: none;
}
#degrade {
	margin-left: 61px;
	clear: both;
}
#global {
	width: 1023px;
	margin-left: auto;
	background-image: url(../images/fond_body.png);
	height: 912px;
	margin-right: auto;
}
#content {
	-moz-box-shadow: 0 5px 10PX black;
	float: left;
	width: 1023px;
	height: 912px;
}
#fla {
	z-index: 1000;
	margin-left: 31px;
	background-position: top;
	position: relative;
	margin-top: -25px;
}
#content #photos {
	width: 1023px;
	height: 184px;
	margin-bottom: 39px;
	position: relative;
	margin-top: 35px;
	float: left;
}

#image a {
	margin-right: 10px;
}
#content #photos #theatre {
	float: left;
	height: 185px;
	width: 262px;
	margin-left: 14px;
}
#content  #photos  .images {
	float: left;
}
#global #content #photos .content {
	margin-right: 16px;
	float: left;
}
#return {
	clear: both;
}
h4 {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFCC;
	font-weight: normal;
	line-height: 24px;
	background-image: url(../images/fond_titre.png);
}
a {
	text-decoration: none;
	color: #FFFFCC;
	background-repeat: repeat;
}
#photos #theatre #triangle_jaune img {
	position: absolute;
	left: 244px;
	top: 6px;
}
#titre2 #triangle_rouge {
	position: absolute;
	left: 132px;
	top: 6px;
}
#titre4 #triangle_bleu {
	position: absolute;
	bottom: 6px;
	left: 131px;
}
#titre5 #triangle_orange {
	position: absolute;
	left: 131px;
	top: 6px;
}
#titre3 #triangle_vert {
	position: absolute;
	left: 131px;
	top: 6px;
}
#titre1 a:hover {
	padding-top: 164px;
	padding-right: 73px;
	padding-bottom: 4px;
	padding-left: 73px;
	background-image: url(../images/bt_ro.png);
	background-repeat: repeat;
}
#titre2 a:hover {
	padding-top: 164px;
	padding-right: 53px;
	padding-bottom: 4px;
	padding-left: 53px;
	background-image: url(../images/bt_ro2.png);
	background-repeat: repeat;
}
#titre3 a:hover {
	background-image: url(../images/bt_ro3.png);
	background-repeat: repeat;
	padding-top: 164px;
	padding-right: 46px;
	padding-bottom: 4px;
	padding-left: 46px;
}
#titre4 a:hover {
	background-image: url(../images/bt_ro4.png);
	background-repeat: repeat;
	padding-right: 49px;
	padding-bottom: 4px;
	padding-left: 49px;
	padding-top: 164px;
}
#titre5 a:hover {
	background-image: url(../images/bt_ro5.png);
	background-repeat: repeat;
	padding-right: 21px;
	padding-bottom: 4px;
	padding-left: 49px;
	padding-top: 164px;
}
#titre1 {
	position: absolute;
	top: 160px;
	left: 14px;
	clear: both;
	width: 262px;
	height: 28px;
}
#titre2 {
	width: 149px;
	position: absolute;
	left: 292px;
	top: 160px;
	height: 28px;
}
#titre3 {
	width: 149px;
	position: absolute;
	left: 457px;
	top: 160px;
	height: 28px;
}
#titre4 {
	position: absolute;
	top: 160px;
	height: 28px;
	width: 149px;
	left: 622px;
}
#titre5 {
	height: 28px;
	width: 149px;
	position: absolute;
	left:787px;
	top: 160px;
}


#content #photos .triangle {
	background-image: url(../images/triangle_jaune.png);
	position: absolute;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	left: 534px;
	top: 783px;
}
#global #content #footer #logo {
	float: right;
	clear: both;
	padding-top: 114px;
	padding-right: 80px;
}
#global #content #footer #intérêt .triangle {
	display: inline;
	margin-left: 50px;
}
#intérêt    {
	width: 580px;
	position: absolute;
	left: 42px;
	top: 108px;
	height: 25px;
}
#global #content #footer #intérêt .triangle img {
	margin-right: 10px;
}
#global #spry {
	background-color: #333333;
	height: 200px;
	width: 500px;
}
#footer   {
	width: 1023px;
	background-image: url(../images/footer.gif);
	position: relative;
	height: 158px;
	bottom: 40px;
}
#footer #silhouette {
	background-image: url(../images/silhouette.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	margin-left: 640px;
	margin-top: -2px;
	clear: both;
}