@font-face {
/* http://randsco.com/index.php/2009/07/04/p680 */
font-family: "Freestyle Script"; 
src: url(/include/police_mariage.ttf) format("truetype"); /* TTF file for CSS3 browsers */ 
font-weight: 		normal; 
} 


BODY { 
	background:#111 url(/images/edelweiss-bg.jpg) no-repeat fixed left bottom;
	/*background: #111;*/
  margin:0; 
	min-height: 100%; 
	height: 100%; 
	padding:0; 
}

IMG {
  border : 0;
}

B {
  font-weight : normal;
  color : #111;
}
/* pour affichage "popup" */
#popup-fond {
    top:0;
    left:0;
    width:100%;
    height:100%;
    position: fixed;
    background: url(/images/pixel_85.png) repeat;
    
    visibility: hidden;
}



#popup-contenu {

	width: 400px;
	height: 300px;
	background-color: #FFFFFF;
	display: block;
	position:absolute;
	top: 50%;
	left: 50%; 
	margin-top: -150px;
	margin-left: -200px;
	
	border: 3px solid #00690A;
	
	font-family: arial, helvetica, sans-serif;
  font-size: 10px ;
  font-weight: bold;
  color: #111;
}

#popup-contenu H1 {
  margin : 0px;
  font-size: 15px ;
  color: #00690A;
  text-align : right;
}

#popup-contenu H2 {
  margin : 20px;
  font-size: 20px ;
  color: #00690A;
  font-style: italic;
  text-align : center;
}

#popup-contenu A {
  color: #00690A;
}

#popup-contenu FORM {
  margin : 20px;
  text-align : center;
}

#popup-contenu INPUT, #popup-contenu TEXTAREA {
  width : 300px ;
}

.petit_champs {
  width : 50px !important ;
}



/* pour page d'intro index.php */
#intro A {
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width : 600px ;
  height : 615px ;
  margin-left: -300px; /* moitié de la largeur */
  margin-top: -307px; /* moitié de la hauteur */
  
  background: #FFF ;
  border: 5px solid #FFF; 
  
  font-family: arial, helvetica, sans-serif;
  font-size: 13px ;
  font-weight: bold;
  text-align: right; 
  color: #A1292A;
  text-decoration : none;
}

#image_intro {
  width : 600px ;
  height : 600px ;
}

/* bandeau de menu */
#menu {
  position:absolute; 
  left: 50%;  
  top: 50%; 
  
  margin-left: -600px; /* moitié de la largeur */
  margin-top: -324px; /* moitié de la hauteur */
  
  width : 1204px; /* 1200 (lageur main) + 2 *(5 (bordure main) -(bodure menu)) */
  height : 19px ;
  
  font-family: arial, helvetica, sans-serif;
  font-size: 10px ;
  font-weight: bold;
  text-align: center; 
  color: #FFF;
  border-style: none;
  border-top: 3px solid #00690A;
  border-left: 3px solid #00690A;
  border-right: 3px solid #00690A;
}

#menu UL {
  height : 19px ; 
  list-style-type: none;
  
  margin-top : 0 ;
}

#menu UL LI{
  float:left;
  text-align:left;
}

#menu .titre_menu {
  padding-top : 4px;
}

#menu UL LI A{
  display:block;
  width:123px; /*139px */
  height : 19px ;
  text-align:center;
  padding-top : 4px;
  border:none;
  color: #999;
  text-decoration: none;
}

#menu A:hover{
  color: #111;
  background: #00690A;
}

/* bloc principal */
#main {
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width : 1200px ;
  height : 600px ;
  margin-left: -600px; /* moitié de la largeur */
  margin-top: -300px; /* moitié de la hauteur */
  
  background: url(/images/pixel_85.png) repeat;
  
  border: 5px solid #BBB; 
  
  /* http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml */
	/*font-family: "Freestyle Script", "Brush Script MT", "URW Chancery L", "Monotype Corsiva", "Zapfino", "Apple Chancery", "Comic Sans MS", arial, helvetica, sans-serif; */
	font-family: "Freestyle Script", arial, helvetica, sans-serif;
	/* font-family: arial, helvetica, sans-serif; */
	
	font-size-adjust: 0.334;
	color: #00690A;
}

/* photo d'illustration de la page */
#photo_principale {
  position: absolute;
  top : 50px;
  left : 75px ;
  width : 450px;
  height : 500px;
  
  /* pour GoogleMap */
  font-family: arial, helvetica, sans-serif;
  font-size-adjust : none;
}

#main H1 {
  display:block;
  position: absolute;
  margin-left: 0;
  margin-top: 0;
  width : 600px;
  text-align:center;
  border:none;
  font-size: 50px ;
}

#sous_menu {
  height : 19px ;
  list-style-type: none;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px ;
  font-size-adjust: 0.5;
  font-weight: bold;
  text-align: center; 
  color: #111;
  margin-top : 0px;
  margin-bottom : 20px;
}

#sous_menu LI{
  float:right;
  text-align: right;
}

#sous_menu LI A{
  display:block;
  height : 19px ;
  width: 130px;
  text-align:center;
  padding-top : 4px;
  border:none;
  color: #999;
  background: #444;
  text-decoration: none;
}

#sous_menu A:hover{
  color: #111;
  background: #00690A;
}

#contenu {
  display:block;
  position: absolute;
  margin-left: 600px ;
  margin-top: 0;
  width : 600px;
  height: 600px ;
  vertical-align: middle ;
  overflow: auto;
}

#contenu H2 {
  clear: both;
  text-align: center ;
  font-size: 35px ;
  font-weight : bold ;
  margin-top: 10px;
  margin-bottom: 15px;
}

#contenu P {
  clear: both;
  text-align: justify ;
  font-size: 25px ;
  padding-right: 10px;
}

#avertissement{
  clear: both;
  text-align: left ;
  font-size: 12px !important;
  font-family: arial, helvetica, sans-serif;
  font-size-adjust : none;
  padding-right: 10px;
  color : red;
}

.petit{
  clear: both;
  text-align: justify ;
  font-size: 12px !important;
  font-family: arial, helvetica, sans-serif;
  font-size-adjust : none;
  padding-right: 10px;
}

#contenu A{
  color: #111;
  text-decoration: none;
  border-width: 0px 0px 2px;
  border-style: solid;
  border-color: #00690A;
  padding: 0px 3px;
}

#contenu A:hover{
  color: #111;
  background: #00690A;
}

.image {
  float : left;
  width : 180px;
  height : 150px;
  margin : 5px;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px ;
  font-size-adjust : none;
  font-weight: bold;
  text-align: center; 
  color: #111;
}

.image A {

}

.bouton {
  text-decoration: none;
  float: right;
  margin-left: 15px;
  border-style: none !important;
  padding:0px;
}

/*  forum */ 
.message {
  font-family: arial, helvetica, sans-serif;
  font-size-adjust : none;
  margin-left : 2px;
  margin-top : 10px;
  border-left: solid 1px #00690A;
  border-top: dotted 1px #00690A;
  /*border: 10px;
  border-color: #00690A;
  border-style: solid;*/
}

.message_titre {
  font-size: 16px ;
  font-weight: bold;
  color: #00690A;
}

.message_infos {
  font-size: 11px ;
  font-weight: bold;
  font-style: italic;
  color: #00690A;
}

.message_texte {
  font-size: 11px ;
  font-weight: normal;
  color: #111;
  margin-left: 50px;
}

/*  liste mariage */ 
.liste_mariage {
  font-family: arial, helvetica, sans-serif;
  font-size-adjust : none;
}

.liste_titre {
  font-size: 16px ;
  font-weight: bold;
  color: #00690A;
}

.description {
  font-size: 11px ;
  font-weight: normal;
  color: #111;
  margin-left: 50px;
}
.prix{
  font-size: 11px ;
  font-weight: bold;
  color: #111;
  margin-left: 50px;
}


/* pied de page */
#pied {
  position:absolute; 
  left: 50%;  
  top: 50%; 
  
  margin-left: -600px; /* moitié de la largeur */
  margin-top: 312px; /* moitié de la hauteur */
  
  width : 1204px; /* 1200 (lageur main) + 2 *(5 (bordure main) -(bodure menu)) */
  height : 19px ;
  
  font-family: arial, helvetica, sans-serif;
  font-size: 10px ;
  font-weight: bold;
  text-align: center; 
  color: #999;
  border-style: none;
  border-bottom: 3px solid #00690A;
  border-left: 3px solid #00690A;
  border-right: 3px solid #00690A;
}

#pied P {
  display: inline;
  vertical-align: middle ;  
}

#pied A {
  text-decoration: none;
  color: #999;
}

#pied A:hover {
  color: #FFF;
}