html, body { height:100%; width:100%; margin:0; overflow:hidden;}

body { color:#fff; background-color: #011646; text-align:center; height:100%;
     scrollbar-track-color:#ddd; scrollbar-base-color:#3a1e6b;
}

.orange { color:#f9b429; }
.bleu { color:#001c5a; }
.violet { color:#3a1e6b; }

#main { position:absolute; top:50%; left:50%; width:950px; height:565px;
      margin-left:-475px; margin-top:-290px; background-color:#011646;
      text-align:right; border:1px solid #f9b429; 
      /*border:1px solid #fff;*/
}

#page { 
	position:absolute; /*bottom:0;*/ left:0;
    width:640px; height:380px; /*overflow:auto;*/ padding:20px;
    border:0px solid #f00;
    text-align:left; font-size:100%;
    background:url("../../images/image-photographie2.jpg") no-repeat left center;
}

#entete { border:0px solid #F00; width: 949px; height: 150px; background:url("images/bandeau2.jpg") no-repeat center top;

}

#pied{
	position:absolute; top:50%; left:50%;  width:950px; height:15px;
    margin-left:-475px; margin-top:280px; background-color:#011646;
	color:#FFF;
	text-align:right;
	font-size:9pt;
}

#pied a {
	color:#FFF;
	text-decoration:none;
}

#pied a:hover {
	text-decoration:underline;
}

#menu {
   position:absolute; top:125px; left:0; width:100%;
   border-bottom:1px solid #f9b429; border-top:1px solid #f9b429;
}

#logo {display:block; border: 0px solid #F00; width:365px; height:100px; position: absolute; top: 12px; left: 255px;}
/* ---------------------------- */


#menu ul { margin:0; padding:0; list-style-type:none; }
#menu ul li {  float:left; margin:0 1px; padding:0; min-height:1.5em; position:relative; top:0; left:0;  }
#menu ul li a { text-decoration:none; display:block; padding:4px 15px;
      font-size:18px; color:#f9b429;
}
#menu ul li a:hover { background-color:#f9b429; color:#006; background-image:url("images/btn.on.jpg"); }

#menu ul li ul { display:none; position:absolute; top:1.75em; left:0; z-index:99; text-align:left;
      border-left:1px solid #f9b429; background-color:#011646;
}
#menu ul li:hover ul { display:block; }
#menu ul li ul li { display:block; float:none; margin:0; }

#menu ul li ul li a{width:4em;}


/* ---------------------------- */

#page h3 {
	border:0px solid #f00; text-align:lef; color:#f9b429;  text-transform: uppercase; font-size:13pt; margin:0; padding:0;
	margin-left:5px;
}

#page #bblock {
   position:absolute; top:20px; left:20px;
   height:380px; width:630px; background-color:#FFF;
   opacity:0.2; filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=20);
   -moz-border-radius:10px;
 }
 
#page #block {
   position:absolute; top:50px; left:40px;
  color:#FFF; height:340px; width:600px; overflow: auto;
 }

 
#letexte {
   position:absolute; left:0; bottom:0;  width:680px; background-color:#333; color:#ddd; height:1.5em; line-height:1.5em;
   font-size:10pt; text-align:center; display:none; z-index:20;
}


#adresse { position:absolute; top:155px; right:0px;  height:420px; width:259px; text-align:right; overflow:auto; border: 0px solid #F00;  /*background:url("images/sousmenu/portrait.jpg") right top no-repeat;*/ color:#011646; font-style:italic; font-weight:600;  }

#adresse { background:none !important; color:#FFF; font-size:12pt; /font-size:10pt;}

#adresse ul {margin:0; padding:0; margin-right:10px; margin-top:50px;}
#adresse ul li {margin:0; padding:0; height: 30px; list-style-type:none;}
#adresse ul li a { color:#011646; text-decoration:none;  }
#adresse ul li a:hover {}


#page .texte  { color: #FFF;}
#page .center { text-align:center; }
#page .left  { float:left; }
#page .right { float:right; }
#page .break { clear:both; }

#page #sousmenu {text-align:center; height:20px; }
#page #sousmenu p {margin-bottom:0px;}
#page #sousmenu a {text-decoration:none; color:#FFF; width:95px; border:1px solid #f9b429; display:block; float:left;}
#page #sousmenu a:hover { background:#001c5a; color:#f9b429;}
#page #sousmenu a.select{ background:#f9b429; color:#001c5a;}

/* ---------------------- */

a.pop { position:absolute; border:1px solid #666; z-index:99; }
a.pop img { position:relative; top:0; left:0; /*max-height:100px;*/ border:0; }
a.pop:hover { border:1px solid #f9b429; }


/* ---------------------- */

 .cache {display:none;}
 .print { display:none; }
 .noprint { display:block; }
 
 #oeil { position:absolute; right:30px; bottom:10px; width:209px; height:209px; }
 
#diapo {height: 350px; margin-top: 15px;}

#next{background-image:url('../../images/galerie/plus.gif'); background-position:0 center;}
#prev{background-image:url('../../images/galerie/moins.gif'); background-position:0 center;}
.bouton{display:block; height:80px; background-repeat:no-repeat;}

#zoom_img  {  border:2px solid #00F; cursor:pointer; }
#conteneur_zoom { border: 0px solid #F00; text-align:center; position:absolute; top:50%; left:0px; z-index:20; display:none; width:100%; line-height:100%; cursor:pointer; }
#conteneur_ombre {background-color: #004; opacity: 0.8;	filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=80); display:none; height: 100%; width:100%; position:absolute; top:0; left:0; cursor:pointer;}

#z_ombre { background-color:#004; position:absolute; top:0; left:0; width:100%; z-index:998; filter:progid:DXImageTransform.Microsoft.Alpha(opacity:80); opacity:0.8;}
#z_image { border:2px solid #00c; }

.mentions {
	position:absolute; right:10px; bottom:-12px;
	text-align:right; color:#FFF; font-size:9pt;
}

.italic {
	font-style:italic;
	text-align:justify;
}

#panier {
	position:absolute; right:10px; top:165px;
	height:250px; width:260px;
	display:block;
	border:1px solid #FFF;
	text-align:left;
}

#panier p {
	margin:10px 0;
}