/* reset css */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ----------------------container----------------------*/
#container {
	font-family:arial;
	width:885px;
	height:auto;
	margin:auto;} /* centrage de la page */
	



/* -------------------------------Header--------------------------------- */
#header {
	width:885px;
	height:103px;
	background-color: white;
	}

#title {
	width: 885px;
	height: 18px;
	background-image:url(../images/en_titre.gif);
	}
	
#space0 {
	width: 885px;
	height: 24px;
	background-color: white;	
	}

/* ---------------------------Menu navigation---------------------------- */
#nav {
	display: inline;
	width: 885px;
	height: 20px;
	overflow: auto;
	margin: 0px; padding: 0px;
	}
	
#nav li {float: left; list-style-type:none;}

#nav a:link, #nav a:visited {color:#000000; text-decoration:none;}

	#baccueil		{display: block;	width: 68px;	height: 20px;	background-image:url(../images/en_menu_01.gif);		opacity:0.7;}
	#sep0			{display: block;	width: 1px;		height: 20px;	background-color:#bcc7d9;}
	#btanger		{display: block;	width: 74px;	height: 20px;	background-image:url(../images/en_menu_02.gif);		opacity:0.7;}
	#sep1			{display: block;	width: 1px;		height: 20px;	background-color:#bcc7d9;}
	#bhistoire		{display: block;	width: 73px;	height: 20px;	background-image:url(../images/en_menu_03.gif);		opacity:1.0;}
	#sep2			{display: block;	width: 1px;		height: 20px;	background-color:#bcc7d9;}
	#bpatio 		{display: block;	width: 144px;	height: 20px;	background-image:url(../images/en_menu_04.gif);		opacity:0.7;}
	#sep3			{display: block;	width: 1px;		height: 20px;	background-color:#bcc7d9;}
	#bchambres 		{display: block;	width: 310px;	height: 20px;	background-image:url(../images/en_menu_05.gif);		opacity:0.7;}
	#sep4			{display: block;	width: 1px;		height: 20px;	background-color:#bcc7d9;}
	#bcontact 		{display: block;	width: 75px;	height: 20px;	background-image:url(../images/en_menu_06.gif);		opacity:0.7;}
	#sep5			{display: block;	width: 1px;		height: 20px;	background-color:#bcc7d9;}
	#sep6			{display: block;	width: 66px;	height: 20px;	background-color:#ffffff;}
	#bfr	 		{display: block;	width: 24px;	height: 20px;	background-image:url(../images/bfr.gif);			}
	#sep7			{display: block;	width: 1px;		height: 20px;	background-color:#bcc7d9;}
	#bar	 		{display: block;	width: 24px;	height: 20px;	background-image:url(../images/bar.gif);			}
	#sep8			{display: block;	width: 1px;		height: 20px;	background-color:#bcc7d9;}
	#ben	 		{display: block;	width: 19px;	height: 20px;	background-image:url(../images/ben.gif);			}

#nav a:hover {
	opacity:1.0;
}
	
/* ---------------------------------content------------------------------- */	
#content{
	width:869px;
	height:160px;
	background-color:#ffffff;
	padding: 16px 0 0 16px;
	margin: 0 0 0 0;
	clear:both;}
	
#content p {
       font-weight:normal;
       font-size:0.8em;
       line-height: 1.6em;
       text-align:justify;
       color:#000000;
       }
	
#content tr {
       font-weight:normal;
       font-size:0.8em;
       line-height: 1.7em;
       }
	

/* -----------------------------------gallery----------------------------- */
#galler {
		position:relative;
		width:869px;
		height:611px;
		margin:20px auto 0 auto;
		/*border:1px solid #aaa;*/
		padding:0 0 0 16px;
		margin:0;
		list-style-type:none;
		background:#fff url(../images/histoire/01.jpg) 343px 0px no-repeat;
}

#galler a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:-1px;
    left:-1px;
    overflow:hidden;
    background:#fff;
    }
    
/*#galler a.gallery:hover span {
    position:absolute;
    width:611px;
    height:430px;
    top:0px;
    left:274px;
    color:#000;
    background:#fff;
    }*/
    
#galler a.gallery:hover span {
    position:absolute;
    width:542px;
    height:542px;
    top:0px;
    left:343px;
    color:#000;
    background:#fff;
    }
    
#galler a.gallery, #galler a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    /*border:1px solid #000;*/
    margin:0px 0px 0px 0px;
    text-align:left;
    cursor:default;
    }
    

#galler a.slide01 {
    background:url(../images/histoire/th01.jpg);
    height:68px;
    width:68px;
    opacity:0.5;
    }
#galler a.slide02 {
    background:url(../images/histoire/th02.jpg);
    height:68px;
    width:68px;
    opacity:0.5;
    }
#galler a.slide03 {
    background:url(../images/histoire/th03.jpg);
    height:68px;
    width:68px;
    opacity:0.5;
    }
#galler a.slide04 {
    background:url(../images/histoire/th04.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
* html #galler a.slided {
    width:68px;
    w\idth:68px;opacity:0.5;
    }
#galler a.slide05 {
    background:url(../images/histoire/th05.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
#galler a.slide06 {
    background:url(../images/histoire/th06.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
* html #galler a.slidef {
    width:68px;
    w\idth:56px;opacity:0.5;
    }
#galler a.slide07 {
    background:url(../images/histoire/th07.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
#galler a.slide08 {
    background:url(../images/histoire/th08.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
#galler a.slide09 {
    background:url(../images/histoire/th09.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
#galler a.slide10 {
    background:url(../images/histoire/th10.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
#galler a.slide11 {
    background:url(../images/histoire/th11.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
#galler a.slide12 {
    background:url(../images/histoire/th12.jpg);
    height:68px;
    width:68px;opacity:0.5;
    }
   
   
#galler ul {
    width:272px;
    height:386px;
    margin:0px;
    float:left;
    }
    
    
#galler li {
    float:left;
    }
    
    
#galler a.gallery:hover {
    /*border:1px solid #fff;*/
    opacity:1.0;
    }


#galler a.gallery:hover img {
    /*border:1px solid #fff;*/
    float:left;
    margin-right:5px;
    }
    
 /* ------------------------------Class------------------------------------*/
.nofloat	{clear: both;}
.floatleft	{float: left;}
.margin-top	{margin-top: 0px;}




/* ---------------------------general setup----------------------------------*/
p {}
body { margin: 0px; padding: 0px;}