body {
background-color: #FDF7EB;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
color: black;
margin: auto;
}
img{
	border: 1px solid black;
}
td {
	vertical-align: top;
}

/** texte decoration***/
.capti{
	text-transform: capitalize;
}
.petit{
	font-size: 18px;
}


/*** menu**/
.titre{
font-size: 20px;
line-height: 40px;
color: #033F01;
}

/*** contenu***/



/*** adresse***/

#coor{
  text-align: center;
  line-height: 20px;
	position: relative;
	top: 10px;
	left:120px;
	font-size: 0.9em;
	color:white;
	font-weight: bold;
	width: 900px;
	
}

/*** pied de page***/
.footer{
	font-size: 9px;
	position: relative;
	top: 25px;
	left:420px;
	width: 400px;
}
.footer a{
	color: silver;
}
#solaire {
	position: relative;
float: left;
top:350px;
left:19px;
width:130px;
text-align:center;
font-size: 0.8em;
color: white;
}
#texte{
position: relative;
float: left;
top:20px;
left: 57px;
width:780px;
height:260px;
font-size:0.9em;
line-height:1.4em;
}
#texteG{
position: relative;
float: left;
top:20px;
left: 27px;
width:780px;
height:260px;
font-size:0.9em;
line-height:1.4em;
}
#image{
	position: absolute;
	top: 180px;
	left: 600px;
}

a img.imgN {
	position: relative;
	float: left;
	margin-right:10px;
	border: 1px solid black;
}
a img.imgM {
	position: relative;
	float: right;
	margin-left:10px;
	border: 1px solid black;
}
a img.imgO{
	position: relative;
	margin-right:20px;
	border: 1px solid black;
}
a:hover img {
	border: 1px solid #f5f5f5;
}
#fotoliste {
position: relative;
margin: auto;
width: 800px;
	text-align: center;
}

/**gallery 

#gallery {width:760px; height:460px; padding:5px; border: none; position:relative; }
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color: black; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-575px; top:5px; width:549px; height:381px; text-align:center; background:#888; z-index:20;}
#gallery ul li a:hover span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-575px; top:5px; width:549px; height:381px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:hover span:first-line,#gallery ul li a:active span:first-line, #gallery ul li a:focus span:first-line {
	font-weight:bold;
} 
**/
span.textdivis {
	font-weight: bold;
	font-variant: small-caps;
	line-height:0.9em;
}

/** galleryok**/
.photo {width:732px; position:relative; height:650px; margin:30px auto 20px auto;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:215px; background:#ddd; float:left; background:#fff url(button/gallery_2.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; width:215px; line-height:30px; background:#fff url(button/gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}
.photo ul li table {margin:0; padding:0; display:none;}

.photo img {border:0;}

.photo ul li a.set:hover {background:#fff url(button/gallery_1.gif) no-repeat;}


.photo ul li a.set:active {white-space: normal; background:#fff url(button/gallery_2.gif) no-repeat;}
.photo ul li a.set:focus {outline:0; background:#fff url(button/gallery_2.gif) no-repeat;}

.photo ul li a.set:active i,
.photo ul li a.set:focus i
{display:block; width:548px; height:380px; position:absolute; left:230px; top:0; border:1px solid #000000; backGground:#fff;}


.photo ul li a.set:active table,
.photo ul li a.set:focus table
{padding:0 0 10px 0; margin-top:-2px; margin-bottom:2px; display:block; border:1px solid #888; border-width:0 1px 1px;}

.photo ul a.set:active ul,
.photo ul a.set:focus ul
{margin:0; width:207px; height:auto; overflow:visible; background:transparent; padding-bottom:10px;}

.photo ul a.set:active ul li,
.photo ul a.set:focus ul li
{float:left; display:inline; width:56px; margin:4px 6px; background:transparent;}

.photo ul a.set:active ul li a,
.photo ul a.set:focus ul li
{background:transparent; line-height:1.3em;}

.photo ul a.set:active ul li a img,
.photo ul a.set:focus ul li img
{display:block; border:2px solid #fff; cursor:default; margin:0 auto;}

.photo ul a.set:active ul li a em,
.photo ul a.set:focus ul li em
{position:absolute; left:-9999px; width:548px;}

.photo ul a.set:active ul li a:hover,
.photo ul a.set:focus ul li:hover
{background:#fff;}

.photo ul a.set:active ul li a:hover em,
.photo ul a.set:focus ul li:hover em
{left:230px; z-index:0; top:0;}

.photo ul a.set:active ul li a:hover img,
.photo ul a.set:focus ul li:hover img
{border: 2px solid #f1aa6a; cursor:default;}

.photo ul a.set:active ul li a:hover em img,
.photo ul a.set:focus ul li:hover em img
{padding:1px; border:1px solid #888; margin-bottom:10px;}

.photo ul a.set:active b,
.photo ul a.set:focus b
{font-weight:bold; font-style:small-caps;line-height:17px;color:#033F01;font-variant: small-caps;}
.photo ul a.set:focus b span.normal {
	font-style: normal;
}

.photo .default {width:546px; height:378px; position:absolute; left:231px; top:1px; border:1px solid #888;}

/**fingalleryok**/

.butt {
	color: black;
	background-color: #e8d9b0;
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	border-width:1;
	width:152px;
	text-align:center;
	border-color:#bdb76b;}

#error {
	position: absolute;
	top:-13px; 
	left: 450px;
	color: red;
	border: 1px solid black;
	padding: 5px 2px 5px 5px;
}
#menu {
	position: relative;
	float: left;
	font-size: 0.8em;
	top: 160px;
	left: 510px;
}
#menu a {
	color: black;
	font-weight:bold;
	margin-right:20px;
}
#menu a:hover {
	color: maroon;
	}

#lebas {
	width:850px;
	position: relative;
	color: gray;
	font-size: 11px;
	top:20px;
	margin:auto;
	text-align: center;
}	
/*--------- Lightbox -----------*/
#lightbox{
    background-color:#FFFFFF;
    padding: 3px;
    border-bottom: 1px solid #41580F;
    border-right: 1px solid #41580F;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #000000;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }

* html #overlay { /*Hack IE */
    background-color: #FFFFFF;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/