/* CSS Document */
#global {
     position: relative; 
     margin-top: 20px;
	 margin-left: auto;
     margin-right: auto;
     width: 765px;
     text-align: left;
     }
body {
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
    background-color: #050a0f;
}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
}
h1	{
	color: #f9f1d4;
	font-size: 0.8em;
	font-weight: bold;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-top: 0.2em;
	}
h2	{
	font-weight: bolder;
	font-size: 1em;
	text-decoration: none;
	}
h3	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	}
html p	{
	text-align: left;
	font-size:  0.75em;
	margin-left: 0.5em;
	color: #f9f1d4;
	font-family: Verdana, sans-serif;
	margin-right: 0.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	line-height: 1em;
	}
#menucontainer {
	position:absolute;
	left:50px;
	top:2px;
	width:700px;
	height:43px;
	z-index:1;
	background-color: #000000;
}
#menu {
margin: 0;
padding: 0 0 20px 10px;
}

ul#menu {
margin: 0;
padding: 0;
font: bold 0.8em verdana, arial, helvetica, sans-serif;
list-style-type: none;

}
#menu li {
float: left;
margin: 8px 2px;
}
#menu li a {
display: block;
width: 86px;
heigh: 30px;
font-weight: bold;
/*margin: 5px 3px;*/
color: #f9f1d4;
text-decoration: none;
text-align: center;
}
#menu a:link#current, #menu a:visited#current, #menu a:hover {

color: #735f44;
}
#menu a:hover, #menu a:focus {
color: #C8AD7F;
}
#haut {
	position:absolute;
	left:50px;
	top:1px;
	width:700px;
	height:25px;
	z-index:1;
}
#titre {
	position:absolute;
	left:52px;
	top:0px;
	width:695px;
	height:26px;
	z-index:2;
}
#titre img {
	margin: 0;
	text-decoration: none;
	border:  none ;
}
#logo {
	position:absolute;
	left:50px;
	top:26px;
	width:700px;
	height:120px;
	z-index:1;
	background-image: url(../../images/hebergementBd.jpg);
}
#centre {
	position:absolute;
	left:67px;
	top:609px;
	width:660px;
	height:350px;
	z-index:3;
	background-color: #735f44;
}
#contenu2 {
	position:absolute;
	left:26px;
	top:28px;
	width:639px;
	height:304px;
	z-index:7;
}
#contenu0 {
	position:absolute;
	left:218px;
	top:12px;
	width:393px;
	height:24px;
	z-index:6;
}
#contenu0 {
	position:absolute;
	left:164px;
	top:12px;
	width:299px;
	height:24px;
	z-index:6;
}


#contact {
	position:absolute;
	left:125px;
	top:731px;
	width:491px;
	height:35px;
	text-align: left;
	z-index:9;
}
#pied {
	position:absolute;
	left:50px;
	top:588px;
	width:700px;
	height:25px;
	text-align: right;
	z-index:5;
}
#pied p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 1px;
	text-align: right;
}
#pied a	{
	color: #666666;
	text-decoration: none;
	margin: 0;
	padding: 5px;
	display: inherit;
	}
.gras {
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #f9f1d4;
	display: block;
}
.graslien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #f9f1d4;
	}
#container {
	position:absolute;
	left:50px;
	top:50px;
	width:698px;
	height:684px;
	/*margin:20px auto 0 auto;*/	
	border:1px solid #9c825d;
    }
#container ul {
	padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:10px;
	left:25px;
	overflow:hidden;
	background-color: #050a0f;
    }
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#050a0f; 
    text-decoration:none; 
    border:1px solid #050a0f; 
    margin:1px 1px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slideb {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/1th.jpg);
    }
#container a.slidec {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/2th.jpg);
    }
#container a.slided {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/3th.jpg);
    }
#container a.slidee {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/4th.jpg);
	}
#container a.slidef {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/5th.jpg);
    }
#container a.slideg {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/6th.jpg);
    }
#container a.slideh {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/7th.jpg);
    }
#container a.slidei {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/8th.jpg);
    }
#container a.slidej {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/9th.jpg);
    }
#container a.slidek {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/10th.jpg);
    }
#container a.slidel {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/11th.jpg);
    }
#container a.slidem {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/12th.jpg);
    }
#container a.sliden {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/13th.jpg);
    }
#container a.slideo {
	height:60px;
	width:60px;
	background-image: url(../galerie/accueil/14th.jpg);
    }
ul#list {
	list-style-type: none;
	margin: 0;
	padding: 0;
    }
#container a.gallery:hover {
    border:1px solid  #CCCCCC; 
    }
#container a.gallery:hover span {
	position:absolute;
	width:500px;
	height:500px;
	left:45px;
	font: bold small-caps 14px "bitstream Vera Sans", arial, sans-serif;
	letter-spacing: 0px;
	/*color: #FFFFFF;*/
	line-height: 1em;
	text-align: left;
	text-decoration: none;
    }
#container a.gallery:hover img {
    float:left; 
    margin-right:0px;
    }
#container {
	background: #050a0f;
	text-align: center;
	}
#valid {
	position:absolute;
	left:55px;
	top:433px;
	width:85px;
	height:34px;
	z-index:15;
}
#valid img{
	margin: 0;
	text-decoration: none;
	border:  none ;
}
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	padding:0 16px 0 16px;
	border-right:solid 1px;
	border-left:solid 1px;
}
.navigation:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	background-color: #CCCCCC;
}
.liensContact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}