body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	background-image: url(images/Fonds/blanc.jpg);
	background-repeat: repeat;
}
#global {
	position: absolute;
	left:50%;
	/*top:50%;*/
	width:800px;
	height:600px;
	/*margin-top:-300px;*/
	margin-left:-400px;
}


.contenu {
	float: right;
	width: 600px;
	color: #990066;
	text-decoration: none;
	height: 600px;
	right: 200px;
	clip: rect(0px,0px,0px,0px);
	left: 0px;
	top: 0px;
	bottom: 0px;
}
.haut {
	margin: 0px;
	float: left;
	width: 590px;
	text-decoration: none;
	right: 200px;
	height: 134px;
	text-align: center;
	top: 0px;
}
.animation {
	height: 50px;
	text-align: center;
	vertical-align: middle;
	width: 590px;
	float: left;
	margin: 0px;
	clip: rect(0px,0px,0px,0px);
	top: 20px;
	background-color: #990066;
}
.titre {
	background-image: url(images/Fonds/fond_gris.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 84px;
	width: 590px;
	background-position: center top;
	font-size: 20px;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	text-transform: uppercase;
}
.detail {
	height: 550px;
	width: 590px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin: 10px 0px 0px;
	text-indent: 10px;
}


.gauche {
	width: 200px;
	color: #CCCCCC;
	height: 600px;
	float: left;
	background-color: #990066;
}
.logo {
	float: left;
	height: 150px;
	width: 200px;
	border: #990066;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	clip: rect(0px,0px,0px,0px);
	background-image: url(images/logo190.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.titresommaire {
	float: left;
	width: 200px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	height: 90px;
	background-image: url(images/newdites_oui.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.sommaire {
	float: left;
	width: 200px;
	height: 270px;
	margin: 0px;
	list-style-type: none;
	vertical-align: middle;
}
.telephone {
	float: left;
	height: 100px;
	width: 200px;
	background-image: url(images/telephone.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
ul,li{ /* utilisation de liste pour le menu */
list-style-type:none; /* suppression des puces de liste */
margin:0;
padding:0;
}
ul{
position:absolute; /* positionnement pour IE5 et IE5.5 */
left:20% /* PAS DE POINT VIRGULE ??????????? */
top:50px;
background:transparent url(images/mariee.jpg) no-repeat left top; /* arrière plan du menu */
height:300px;
width:200px;
text-align:center;
}
li{
display:inline; /* correction pour IE */
}

li a{ /* dimensions et définitions des boutons */
	display:block; /* mise en block de <a> pour le dimensionner */
	height:42px;
	width:200px;
	line-height:40px; /* hauteur de ligne pour éviter les paddings */
	color:#990066;
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
}
li a:hover{
	color:#990066;
	background: transparent url(images/mariee.jpg) no-repeat left top;
	font-weight: bold;
	width: 200px;
	font-size: 24px;
}
a#menu1:hover{
background-position:0% -300px; /* décalage de l'arrière plan pour chaque bouton */
}
a#menu2:hover{
background-position:0% -342.7px;
}
a#menu3:hover{
background-position:0% -385.3px;
}
a#menu4:hover{
background-position:0% -428px;
}
a#menu5:hover{
background-position:0% -470.6px;
}
a#menu6:hover{
background-position:0% -513.3px;
}
a#menu7:hover{
background-position:0% -556px;
}
.mariage {
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
}
.styleditesouiavec {
	font-size: 16px;
	font-weight: bold;
}