/* CSS Document */
/*
couleur magenta:
----------------
couleur texte : #65605D
couleur menu déroulant 1 : #E5007E

*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
/* Pour décaler le template de 10px du bord supérieur */
/*	padding-top: 20px;	*/

	background-image:url('background.jpg');
	background-repeat:repeat-x;	

}

#top {
	position:relative;
	left:0px;
	top:0px;
	width:1316px;
	height:312px;
	z-index:1;
	background-image: url(top.jpg);
	margin-right: auto;
	margin-left: auto;
}

#date_mariage{
	position: absolute;
	left: 688px;
	top: 163px;
	width: 216px;
	height: 40px;
/*	background-color:red; */
	text-align: center; 
	line-height: 16px;
}

#noms{
	position: absolute;
	left: 290px;
	top: 0px;
	width: 680px;
	height: 40px;
/*	background-color:pink; */
	text-align: right; /* to delete => sIFR */
}
#compteur{
	 position: relative;
   left: 608px;
   top: 325px;
   z-index: 12;
   width: 200px;
   height: 35px;
   background-color:red;
   text-align:center;
   font-size: 26px;
   font-family: Georgia,Times,serif;
 	 color: #2E2E2E;	
}

/* ---------------MENU----------------------- */
#menu {
	position:relative;
	left:0px;
	top:0px;
	width:1316px;
	height:122px;
	z-index:999;
	margin-right: auto;
	margin-left: auto;
	/*	background-color:blue; */
	background-image: url('menu.jpg');
}

#navbar{
position:absolute;
top:64px;
left:408px; 
/*background-color:red; */
}

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	/*width:140px; */
background-color: #33FF66 /*#E5007E; #336699; #eeeddc;*/
}

#nav a{
display:block;
padding:0px 5px;
/*border:1px solid #CE3839; */
color:#fff;
text-decoration:none;
font-weight:bold;
/*background-color:#336699; */
}


#nav a:hover{
background-color:#fff;
color: #33FF66;/*#E5007E;*/
}

#nav li{
	float:left;
	position:relative;
	margin-right:38px;
}

#nav ul {
position:absolute;
display:none;
width:140px; 
top:1.5em;
}

#nav li ul a{
width:130px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#main {
	position:relative;
	left:0px;
	top:0px;
	width:1316px;
	min-height:334px;
	height:auto !important;
	height:334px;
	z-index:2;
	margin-right: auto;
	margin-left: auto;
	background-image: url('main.jpg');
	background-repeat:no-repeat;
}

#bottom {
	position:relative;
	left:-56px;
	top:0px;
	width:716px;
	margin-right: auto;
	margin-left: auto;
	padding-top:14px;
	text-align:center;
}

#soulignement_titre{
	width:760px;
	min-height:49px; 
	height:auto !important;
	height:49px;
	background-image:url('soulignement_titre.jpg');
	background-repeat:no-repeat;
	background-position: left bottom;	
	margin-left:228px;
}
#soulignement_titre_accueil{
	width:760px;
	height:72px; /* height:111px;  */
	background-image:url('titre_accueil.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}

#soulignement_titre_lasuite{
	width:760px;
	height:72px; 
	background-image:url('titre_lasuite.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_noshistoires{
	width:760px;
	height:72px; 
	background-image:url('titre_noshistoires.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_lesevenements{
	width:760px;
	height:72px; 
	background-image:url('titre_lesevenements.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_listedemariage{
	width:760px;
	height:72px; 
	background-image:url('titre_listedemariage.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_plandacces{
	width:760px;
	height:72px; 
	background-image:url('titre_plandacces.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_rsvp{
	width:760px;
	height:72px; 
	background-image:url('titre_rsvp.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_contact{
	width:760px;
	height:72px; 
	background-image:url('titre_contact.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_hebergements{
	width:760px;
	height:72px; 
	background-image:url('titre_hebergements.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_nosalbumsphotos{
	width:760px;
	height:72px; 
	background-image:url('titre_nosalbumsphotos.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_videosmedias{
	width:760px;
	height:72px; 
	background-image:url('titre_videosmedias.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_nosremerciements{
	width:760px;
	height:72px; 
	background-image:url('titre_nosremerciements.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_livredor{
	width:760px;
	height:72px; 
	background-image:url('titre_livredor.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}
#soulignement_titre_notreblog{
	width:760px;
	height:82px; 
	background-image:url('titre_notreblog.jpg');
	background-repeat:no-repeat;
	margin-left:228px;
}

.txt_titre{
	padding-bottom:30px;
	width: 330px;
	color: #33FF66; /*#E5007E;*/
	font-size : 24px;
	font-weight: bold;	
}


#maintxt {
	position:relative;
	left:228px; 
	top:0px;
	width:400px;
/*	height:191px; */
	z-index:8;
/*	background-color: pink; */
	float:left; 
	background-attachment:scroll;
	background-image:url('ombre_maint_txt_bottom_2.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom: 20px;	
} 

#mainphoto {
	position:relative;  
	margin-left:640px;
	top:-20px; /*0px;*/
	width:350px;
/*	height:196px; */
	z-index:13;
/*	background-color: yellow; */
}
/*
#contenu {
	position:relative;	
	left:0px;
	top:0px;
	width:950px;
	z-index:2;
	margin-right: auto;
	margin-left: auto;
	background-color:blue;
	background-image: url(http://www.monbeaumariage.com/mesimages/template_mg1/extension.jpg);
}
*/
/*
.Navigation {
	font-family: Georgia,Times,serif; 
	font-size: 13px; 
	color: #FEF5E4;
	text-decoration: none; 
	display: block; 
	padding: 2px;
	padding-left: 20px;
	background:url("http://acceptance.makingmyevent.com/mesimages/template_redrose/dot.gif") repeat-x scroll 0 100% transparent;
}
.Navigation:hover {
	font-family: Georgia,Times,serif;
	font-size: 13px;
	color: #897f64; 
	text-decoration: none;
	display: block; 
}
*/
/*
#bottom {
	position:relative;
	left:0px;
	top:0px;
	width:950px;
	height:40px;
	z-index:4;
	background-image: url(http://www.monbeaumariage.com/mesimages/template_mg1/bottom.jpg); 
	margin-right: auto;
	margin-left: auto;
}
*/

/*
.invisible{
	display:none;
}
*/

/* ------  ALIGNEMENT ------- */
.table_titre {
	margin-left:74px;
}
.texte_ext6 {
	text-align:right;
	width:496px; 
	vertical-align:bottom;
/*	background-color:yellow; */
}
.texte_ext7 {
	text-align:left;
	width:290px;
	vertical-align:bottom;
/*	background-color:blue; */
} 
/* 
.align_soulignement{
	margin-left:0px;
}
*/
.center_mdp{
	position:relative;
/*	background-color:#AB0000; */
/*	color:white; */
/*	font-size:10px;
	font-weight:bold;
*/
/*	margin-top:10px; */
	margin-right:auto;
	margin-left:auto;
/*	padding:10px;
	text-transform:uppercase;
	width:150px;
*/
}

.align_texte{
	margin-left:40px;
/*	background-color:yellow; */
	width: 576px;	
}

.align_div {
	margin-left:228px;
	width: 760px;
}

.align_center{
	padding-left:7px;	
}
/*
.align_separateur{
	margin-left:26px;
}
*/
.align_center_rsvp{
	margin-left:30px;
/*	background-color:green; */
}

.align_center_photo{
	margin-left:90px;
}

.align_titre_contact{
	position:relative;
	font-family: Georgia,Times,serif;
	font-size: 18px;
	font-weight: bold;
	color: #65605D;
/*
	margin-right:auto;
	margin-left:auto;
*/
	width:240px;
}

.center_mainphoto{
	margin-left: auto;
	margin-right: auto;
}
.hauteur_min{
	min-height:120px; 
	height:auto !important;
	height:120px;
}

.shadowImage
{
  /* On met notre span en bloque */
  display:block;
  /* On lui applique un float left, il sort ainsi du flux standard
  et n'occupera pas toute la largeur disponible comme il l'aurait
  fait normalement */
  float:left; 
 
  /* On place notre ombre en arrière plan en bas à droite */
/*  background: url('http://www.monbeaumariage.com/mesimages/template_rose_cb/shadowAlpha-mini.png') no-repeat bottom right; */
	background: url('shadowAlpha-mini.png') no-repeat bottom right;
 
  /* Quelques marges pour le style... */
/*  margin: 10px 0 0 10px; */
margin: 10px 8px 10px 10px;
}
 
.shadowImage img
{
  /* On fixe notre image en format bloque */
  display: block;
 
  /* On définit sa position à relative pour plus de liberté */
  position: relative;
 
  /* Son fond est blanc pour obtenir une bordure de cette couleur*/
  background-color: #fff; 
 
  /* Une autre bordure */
  border: 1px solid #5C5237;
 
  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;
 
  /* Marge interne pour la bordure blanche */
  padding: 4px;
}

/*
#mainphoto img
{
  background-color: #fff;  
*/  
  /* Une autre bordure */
/*  border: 1px solid #CE3839; *//*#5C5237;*/
  /* Marge interne pour la bordure blanche */
/*  padding: 4px; */
/*}*/

.texte_commentaire{
background-color:pink;
width:824px;
margin-left:60px;
}

#Form_RSVP{
/*	padding-left: 150px; */
	padding-top: 20px; 
	margin-left: 150px; 
	width: 480px; 
	background: url('contour_form_rsvp.jpg') no-repeat scroll left top #fff;
}

.paddingtop30{
	padding-top: 30px;
}
/* ------ FONT ------ */
.font_titre_wp{
	font-family: Georgia,Times,serif;
	font-size: 16px;
	font-weight: bold;
	color: #65605D;	
}

.style_p{
	font-family: Georgia,Times,serif;
	font-size: 12px;
	color: #65605D; 
}

.style_p_accueil{
	font-family: Georgia,Times,serif;
	font-size: 12px;
	color: #65605D;
/*	padding-left:46px; */
}

.style_cpt{
	font-family: Georgia,Times,serif;
	font-size: 16px;
	color: #65605D;	
}

.style_italic{
	font-family: Georgia,Times,serif;
	font-size: 14px;
	font-style: italic; 
	color: #65605D;
}

.style_italic_small{
	font-family: Georgia,Times,serif;
	font-size: 10px;
	font-style: italic; 
/*	color: #65605D; */
}

.style_italic_clair{
	font-family: Georgia,Times,serif;
	font-size: 14px;
	font-style: italic; 
	color: #65605D;
}

.style_italic_brun{
	font-family: Georgia,Times,serif;
	font-size: 14px;
	font-style: italic; 
	color: #3b1203;
}
.style_fonce{
	font-family: Georgia,Times,serif;
	font-size: 14px;
	color: #65605D; 
}
.style_italic_fonce{
	font-family: Georgia,Times,serif;
	font-size: 14px;
	font-style: italic; 
	color: #65605D;
}
.style_lien{
	font-family: Georgia,Times,serif;
	font-size: 14px;
	color: #65605D;	
}

.font_com_WP{
	font-family: Georgia,Times,serif;
	font-size: 13px;
	font-style: italic; 
	color: #65605D;	
}

.error{
	position:relative;
	background-color:#AB0000; 
	color:white;
	font-size:10px;
	font-weight:bold;
/*	margin-top:10px; */
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

.error_mdp{
	position:relative;
	background-color:#AB0000; 
	color:white;
	font-size:10px;
	font-weight:bold;
/*	margin-top:10px; */
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	text-transform:uppercase;
	width:150px;
}

.spacer{
	clear:both;
}

.style_noms{
	margin:0;
	padding:0;
	font-family: Georgia,Times,serif;
	font-size: 36px;
	font-style: italic; 
	color: #65605D; 
/*	background-color:green; */
}

.style_date{
	margin:0;
	padding:0;
	font-family: Georgia,Times,serif;
	font-size: 18px;
/*	font-style: italic; */ 
	font-weight:bold;
	color: #65605D; 	
/*	background-color:green; */
}

.style_compteur{
	margin:0;
	padding:0;
	font-family: Georgia,Times,serif;
	font-size: 18px;
	font-style: italic; 
	color: #65605D; 	
/*	background-color:green; */
}