@font-face {
	font-family: 'KidSW';
	src: url('kids-webfont.eot');
	src: local('?'), url('./kids-webfont.woff') format('woff'), url('./kids-webfont.ttf') format('truetype'), url('./kids-webfont.svg#webfontvEHoer7Y') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Euro';
	src: url('eurof55-webfont.eot');
	src: local('?'), url('./eurof55-webfont.woff') format('woff'), url('./eurof55-webfont.ttf') format('truetype'), url('./eurof55-webfont.svg#webfontvEHoer7Y') format('svg');
	font-weight: normal;
	font-style: normal;
}


* {
    border: medium none;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}

body {
    background: url(./fd.jpg) center no-repeat fixed;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    font-family: "Euro";
	color: #50468C;
	letter-spacing:1px;
}

.bg1 {background: url(./fd.jpg) center no-repeat fixed;}
.bg2 {background: url(./fd-sec3.jpg) center no-repeat fixed; height:1px; width:1px; display:none;}

.olivia {
   font-family: "KidSW";
   font-size: 16px;
   text-shadow: none;
//color: purple;
}
 #page {
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.9), rgba(211, 211, 211, 0.9)) repeat scroll 0 0 transparent;
	background-image: url(./cadre_container.png);
    border: 1px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 10px #6659a1;
    height: 600px;
    left: 50%;
	margin: -300px 0 0 -300px;
	padding: 0px;
    text-shadow: 0 0px 0 blue;
	position: absolute;
    top: 50%;
    width: 600px;
	font-size:18px;
}
	
		#header {
			width: 100%;
			margin: 0 auto;
			text-align: center;
			visibility: hidden;
			height: 81px;
		}
	
		#menu {
			display: block;
			width: 438px;
			margin: 0 auto;
			padding-top: 30px;
			font-size:22px;
			font-weight: normal;
		}
		
		#menu .nav {
		  list-style: none outside none;
		  margin: 0 auto;
		}
		#menu .nav li {
		  display: inline;
		  float: left;
		  width: 72px;
		  border-bottom: 1px solid #50468C;
		  margin: 0 auto;
		  padding:2px 0 2Px 0;
		  color: #853894;
		}
		#menu .nav li:hover{
			border-bottom:2px solid #853894;
			cursor: pointer;
			padding:0 0 4px 0;
			
		}
		#menu .nav li.croix-fermer {
		  width: 6px;
		  border-bottom:0px;
		}
		#menu .nav li.croix-fermer:hover {
		  width: 6px;
		  border-bottom:0px;
		  font-weight: bold;
		}
		

	
	#container {
		margin: 0px 81px;
		fixed-width: 100%;
		overflow: auto;
		position:relative;
		height:438px;
		width: 438px;
		background: url("./cadre_contaiddfner.png") no-repeat transparent;
		text-align:center;
		overflow: hidden;
	}

		.section {
			position: absolute;
			top:0px;
			left:0px;
			height:100%;
			width:100%;
			visibility: hidden;
			z-index: 5;
		}
		.section p { padding-top: 15px; }
		.section .message {
			height: 38px;
			height:18px\9;
			position: absolute;
			bottom: 0px;
			left: 0px;
			text-align: center;
			width: 438px;
		}	
		
		#section-1 { visibility: visible; cursor: pointer; color:white; text-shadow: none;}
		#section-1:hover {color:inherit; text-shadow: inherit;}
		#section-2{ background: url(./photomaries.png) no-repeat transparent; width:880px;}
		#section-2:hover { 
			background: url(./photoolivia.jpg) repeat transparent;
			left: -440px;			
			}
		#section-2 #texte_cache {position:absolute;right:0px;bottom:0px;width:438px;text-align:center;height:38px;}	
		#section-3 {
			padding: 10px;
			font-size:0px;

			width: 418px;
			height: 418px;
		}
		#section-3:hover {background: url(./blc.png) repeat; font-size:18px;}
		#section-3 .cache {
			height: 380px;
			width: 100%;
			}
		#section-3 .cache ul {margin-top:20px;font-size: inherit; text-align:left;list-style:none;}
		#section-3 .cache li {margin-top:10px;}
		#section-3 .cache li span {font-size:80%; font-style:italic;}
		#section-3 .cache a, a:hover, a:visited {color: green;}
		#section-3:hover .cache a {text-decoration: underline;}
		
		#section-4 {
			padding: 13px;
			font-size:0px;

			width: 412px;
			height: 412px;
		}
		#section-4 .photo_temoin {
			float:left;
			margin:25px;
			width:150px;
			height:150px;
			background-color: white;
			border: 2px solid #853894;
		}
		#section-4 .photo_temoin img {
			width:150px;
			height:150px;
		}

		#section-5 {
			padding: 10px;
			background: url(./blc.png) repeat; 
			font-size:inherit;

			width: 418px;
			height: 418px;
		}
		#section-5 p span{ color: red; text-decoration: none;}

		
		#section-6 {
			padding: 10px;
			background: url(./blc.png) repeat; 
			font-size:inherit;

			width: 418px;
			height: 418px;
			z-index: 2;
		}
		#section-7 {
			padding: 10px;
			background: url(./blc.png) repeat; 
			font-size:inherit;

			width: 418px;
			height: 418px;
			
			border:0px solid black;
		}
		#section-7 table {
			text-align:left;
			margin-top: 5px;
		}
		
		#section-7 input, textarea{
			border: 1px solid black;
		}
		
		#section-7 table .reponse{
			text-align: right;
		}
		
		
		#section-7 table span{
			font-size:small;
		}
		#section-7 table .envoyer{
			text-align: right;
			margin: 2px;
		}

		
	#footer {
			width: 100%;
			margin: 0 auto;
			text-align: center;
			display: none;
			height: 81px;
			font-size: 22px;
			z-index:5;
			
		}
		
		#pdp_formulaire {
			display: block;
			width: 438px;
			margin: 0 auto;
			padding-top: 10px;			
			background: url(./blc.png);
			height: 71px;
		}
		
		#pdp_formulaire .rsvp {
			float:left;
			width:430px;
		}
		#pdp_formulaire .croix-fermer {
		  width: 8px;
		  float:left;
		  text-align: left;
		}
		#pdp_formulaire .croix-fermer:hover {
		  font-weight: bold;
		  cursor: pointer;
		}

	#galleria{ width: 458px; height: 438px; background: #000; position:relative; top: -20px; left:-20px; }
	#galleria-2{ width: 100%; height: 100%; background: transparent;  }
	#fullscreen {background: #000; bottom:0px; color:#666; font-style: italic; font-size: 12px; left:-10px; position:absolute; width:448px;text-align:right;cursor: pointer;}
	#fullscreen:hover {color:#ccc}