@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	margin:0; 
	padding:0px;
}


/* effet coin de page */
#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../pageflip.gif) no-repeat right top;
	text-indent: -9999px;
}
/* effet coin de page */



div#conteneur {
	background-image: url(../images/salon-mariage-paris-ent.jpg);
	background-position: left top;
	background-color:#666;
	width: 1000px;
	height:409px;
	margin: auto;
	padding:auto;
	position: relative;
}
div#conteneurint {
	background-image: url(../images/salon-mariage-paris-ent2.jpg);
	background-repeat:no-repeat;
	background-color:#666;
	background-position: left top;
	width: 779px;/*1000-221*/
	/*height:246px;511-265*/
	margin: auto;
	padding:auto;
	position: relative;
	padding-left:221px;
	padding-top:265px;
}

div#breadet{
	position:absolute;
	left:265px;
	top:227px;
	}
div#interieur{
	margin:10px;
	}

div#accueil{
	position:absolute;
	left:15px;
	top:100px;

	
	}

div#menudroit{
	position:absolute;
	top:140px;
	right:0px;
	width:144px;
	font-size:120%;
	color:#FFF;
	font-weight:bold;

	}
	
.lienmnudroit a, .lienmnudroit a:visited{

	color:#FFF;
	font-weight:bold;
	}	
	
	
	
.billeterie a, .billeterie a:visited {
	
	color:#99ccff;
	font-size:150%;
	font-weight:bold;
	padding-left:35px;
		text-decoration:none;
	}	
	
	

	
div#menu{
	position:absolute;
	top:170px;
	left:265px;
	
	}
.menu{
	font-size:190%;
	font-weight:bold;
	list-style:none;
margin:0px;
padding:0px;
	}
.menu li a {
	display:block;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
		color:#ff3399;
		font-weight: bold;
	/*font-weight: bold;*/
 }
 
 .menu li a:hover {
color:#FFF;
font-size:110%;

 }
 
.lesalon{
	width:95px;
	display:block;
	}
.lesanimations{
	width:155px;
	display:block;
	}
.lesexposants{
	width:150px;
	display:block;
	} 
 .lesinfospratiques{
	width:190px;
	display:block;
	} 
 
 
 
 .menu li { 
float:left;
}
div#contenu{
	width: 1000px;
	margin:auto;
	margin-bottom:0px;
	padding-top:50px;
	background-image: url(../images/salon-mariage-paris-cont.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:#666;
	height:200px;
	}
	
div#contenuint{
	width:616px;
	margin-bottom:0px;
	/*position:absolute;
	top:265px;
	left:221px;*/
	background-color:#fff;
	
	}	

div#conteneurgalerie {
	background-image: url(../images/salon-mariage-paris-ent.jpg);
	background-repeat:no-repeat;
	background-color:#666;
	background-position: left top;
	width: 779px;/*1000-221*/
	/*height:246px;511-265*/
	margin: auto;
	padding:auto;
	position: relative;
	padding-left:221px;
	padding-top:265px;
}


div#galerie{
	width:832px;
	height: 600px;
	margin-left: -221px;
	margin-top: -70px;
	/*position:absolute;
	top:265px;
	left:221px;*/
	background-color:#666;

}
	
	
	
	
div#espace{
	position:absolute;
	top:260px;
	right:0px;
	width:144px;
	font-size:120%;
	color:#FFF;
	font-weight:bold;
	}
#espace a, #espace a:visited{
		color:#FFF;
	
	font-weight:bold;
	}
	
div#newsletter{
		position:absolute;
	top:333px;
	right:0px;
	width:155px;
	font-size:120%;
	color:#FFF;
	font-weight:bold;
	}
#newsletter a, #newsletter a:visited{
	color:#FFF;	
	font-weight:bold;	
	}
	
div#videosalon{
	margin-left:85px;
	/*margin-top:45px;*/
	float:left;
	background-color:#666;
	}
	
.rondsalon{
	background-image: url(../images/rond.jpg);
	background-repeat:no-repeat;
	width:20px;
	margin-left:5px;
	padding:7px;
	padding-top:4px;
	line-height:20px;

	}
.rondsalon a, .rondsalon a:visited{
	text-decoration:none;
	color:#99ccff;
	font-weight:bold;
}
.rondsalon a:hover{
	color:#ccff33;
}

div#imagessalon{
	float:left;
		margin-left:40px;
		/*margin-top:45px;*/
		width:340px;
		background-color:#666;

	
	}
#imagessalon a, #imagessalon a:visited{
	
			line-height:30px;
		color:#99ccff;
		text-decoration:none;
		font-size:120%;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	
	
.imagesalon{
	padding-bottom:2px;
	
	}

div#lumieresur{
		float:left;
		margin-left:23px;
		/*margin-top:45px;*/
		width:270px;
		background-color:#666;
	}
.lumiere{
	float:left;
	margin-right:5px;
	width:125px;
	font-size:120%;	
	color:#99ccff;
	}
.lumiere a, .lumiere a:visited {
font-weight:bold;
	color:#99ccff;
	}
	
	
	
div#footer{
	padding-left:75px;;
	background-color:#666;
	width: 925px;
	margin:auto;
	margin-top:0px;
	padding:auto;
	padding-top:10px;
	clear:both;
	display:block;
	
	
	}
div#footertrait{
	background-image: url(../images/footertrait.jpg);
	height:12px;
	width:800px;
	background-repeat:reapeat;
	display:block;
	margin-top:35px;
		background-color:#666;
	
	}

.imagepartenaire{
	width:120px;
	clear:both;
	float:left;
	display:block;
	
	}
.textepartenaire{
	width:440px;
	margin-left:10px;
	float:left;
	display:block;
	
	}	
.labelemail{
	float : left;
	width:75px;
	
	
	}
#contact legend{
	font-size:120%;
	color:#B4C940;
}
#contact  fieldset{
	width:450px;
	border: thin solid #B4C940;
}
.erreur{
	
color:#F00;	
	}
#footlien{
	float:left;margin-left:10px;margin-tom:10px;diplay:block;font-size:120%;	
}
#footlien a, #footlien a:visited{
color:#FFF;	
text-decoration:none;
font-weight:bold;

	
	}
	
.logopart li {
	float: left;
	display: inline;
	list-style: none;
	margin-left: 10px;
	margin-right: 20px;

}

.logoimariage {
	float: left;
	margin-left: 150px;

}

.formNewsletter {
	float: left;
	margin: 0;
}

.formNewsletter form {
	float: left;
	margin-top: 10px;
}



.emailmariage{
	border: 1px solid #B4C940;
	color: #666;
	cursor: text;
	margin-bottom: 2px;
	width: 140px;
	padding-top:0px;
	
}
.datemariage{
background-image: url(../images/calendar_view_day.png);
background-repeat:no-repeat;
background-position:right top;
border: 1px solid #B4C940;
	color: #666;
	cursor: text;
width:105px;
margin-top:0px;
padding-top:0px;


	
	
	}
.news{
font-size:90%;	
	
	}
.boutonnews{
	margin-left:6px;
	padding:0px;
	vertical-align: sub;	
	}