html, body {
width: 100%;
height: 100%;
}
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #ffff66; 
}
/********************************** Conteneur **************************************/     
#conteneur { 
width: 100%;
height: 100%;
position: absolute;
background-color:#bbbbbb;
}
/********************************** Header **************************************/
#header {
height: 150px;
/*background: url(images/entete3.gif) no-repeat;*/
background-color:#ffff66;
text-align:right;
}
#header h1{
font-family:Courier New, Courier, mono;
font-weight:lighter;
font-style:italic;
font-size:50px;
text-align:right;
margin-right:40px;
margin-top:20px;
}
/********************************** Menuhaut**************************************/
#menuhaut {
height: 20px;
background-color:#CCCCFF;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 50px;
background: url(images/css/menu5.jpg) repeat;
}
.menu {
list-style-type: none;
margin: 0;
padding:0;
}
.menu li {
display: inline;
}
.menu a {
margin: 0 2px;
color: #ffffff;
text-decoration: none;
}
.menu a:link {
font-weight:bold ; color: #ffffff;text-decoration:none;
}
.menu a:visited {
color: #ffffff ; 
}
.menu a:hover {
color: #dddddd ; text-decoration: none ; 
}
/********************************** Contenu **************************************/
#contenu {
width: auto;
height: auto;
background-color:#bbbbbb;
color:#eeeeee;
font-size:12px;
overflow: auto;
}
#contenu h1
{
color:#980065;
padding:0px 0px 0px 5px;
text-align:center;
}
#contenu h2
{
color:#666666;
padding:40px 0px 0px 100px;
}
#contenu h3
{
padding:0px 0px 0px 25px;
}
#contenu h4
{
text-align:center;
color:ffcc00;
font-style: italic;
}
.text {
margin: 0px 0 45px 30px;
color:#000000;
}
.img_g
{
float:left;
border-right: 6px inset #888888; 
border-bottom: 6px inset #222222; 
border-left: 6px inset #888888; 
border-top: 6px inset #eeeeee; 
margin:10px 15px 10px 100px;
padding:15px 30px 15px 30px;
background-color:#888888;
}
.img_d
{
float:right;
border-right: 6px inset #888888; 
border-bottom: 6px inset #222222; 
border-left: 6px inset #888888; 
border-top: 6px inset #ffffff; 
margin:10px 100px 10px 15px;
padding:15px 30px 15px 30px;
background-color:#888888;
}
.ang
{
text-align:left;
font-size:12px;
color: #3300cc;
font-style: italic;
margin:40px 10px 10px 30px;
}
/********************************** Menubas **************************************/
#menubas {
height: 20px;
background-color:#CCCCFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 50px;
background: url(images/css/menu5.jpg) repeat;
}
/********************************** Footer **************************************/
#footer{
background-color:#ffcc00;
height: 150px;
text-align:center;
color:#000000;
padding:0px 0px 0px 0px;
margin: 20px 0 0 0;
}
.img_f
{
float:left;
border:0px inset #888888;
background-color:#888888;
margin:0px 0px 0px 120px;
}
.ib
{
margin:0px 0px 0px 0px;
}
#footer a:link {
font-weight:bold ; color: #000000;text-decoration:none;
}
#footer a:visited {
color: #000000 ; 
}
#footer a:hover {
color: #000000 ; text-decoration: none ; 
}
.galry
{
margin-left:200px;
margin-top:30px;
margin-bottom:30px;
}
/***************************** Mention ? ****************************************/
#iblondelle {
height: 30px;
width:100%;
background-color:#ffcc00;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 50px;
color:#000000;
text-align:center;
font-size:10px;
}
#iblondelle a:link {
font-weight:bold ; color: #000000;text-decoration:none;
}
#iblondelle a:visited {
color: #000000 ; 
}
#iblondelle a:hover {
color: #bababa ; text-decoration: none ; 
}
/***************************************	GALERIE	******************************************/
/* defaults required for IE6 */
a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}

.photo {position:relative; height:550px;}
.photo ul, .photo ul ul {padding:0; margin:0 0 0 0; border:0; list-style:none; width:295px;}
.photo ul ul {margin-left:-9999px; height:0; /*overflow:hidden;*/}
.photo ul li {width:550px; background:#ddd; float:left; background:#bbbbbb url(images/gallery_22.gif) no-repeat;}
/*la fenetre qui contient les images ( le cadre gris )*/
.photo ul li a.set {display:block; text-align:center; width:560px; line-height:30px; background:#bbbbbb url(images/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:#bbbbbb url(images/gallery_1.gif) no-repeat;}


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

.photo ul li a.set:active i,
.photo ul li a.set:focus i
{display:block; width:480px; height:360px; position:absolute; left:250px; top:0; border:1px solid #bbbbbb; background:#bbbbbb;}


.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;*/ width:307px;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:3px solid #bbbbbb; 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:480px;}

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

.photo ul a.set:active ul li a:hover em,
.photo ul a.set:focus ul li:hover em
{left:250px; 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:3px solid #fc0; 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:normal; font-style:normal; background:#bbbbbb; color:#000000;}

.photo .default {width:309px; height:360px; position:absolute; left:334px; top:0; border:1px solid #888;}