/* CSS Document */

body {
	background-color:#C3CBC7;
	background-attachment:fixed;
	padding:14px 20px 0 73px;
	margin:0;
	}
	
#titre {
	background:url(images/entete.gif) ;
	background-repeat:no-repeat;
	position:absolute;
	margin-left:278px;
	margin-top:15px;
	width:688px;
	height:180px;
	z-index:400;
	
}

#container {
	position:relative;
	width:700px;
	margin:0;
	padding:0;
	top:100px;
	left:348px;
	background:transparent url(images/ligne.gif) repeat-y top left;
	}
	
#intro {
	position:relative;
	text-align:left;
	background:transparent url(images/metal.jpg) no-repeat top;
	background-attachment:inherit;
	width:420px;
	height:550px;
	font-family: 'Arial';
	font-size: 13px;
	color:#333;
	padding:100px 75px 50px 72px;
	z-index:300;

	}
	
#scroll {
	position:relative;
	width:440px;
	height:450px;
	padding-right:10px;
	overflow-x: hidden;
	overflow: scroll;
	scrollbar-Face-Color: #C3CBC7;
	scrollbar-Arrow-Color: white;
	Scrollbar-Track-Color: #ECCED8;
	}	

#scroll{
	overflow:-Moz-Scrollbars-vertical;
}	
	
#footer {
	position:relative;
	background:url(images/pied.gif) no-repeat top center;
	width:567px;
	height:160px;
	margin-left:349px;

	padding-top:27px;
	padding-bottom:0;
	margin-bottom:0;

	text-indent:-150px;
	text-align:center;
	font-size:11px;
	left: -2px;

	}	
	
#menu-tete {
   background-image: url(images/menu_tete.gif);
   background-repeat: no-repeat;
   background-position: top center;
	}
	
#menu {
   position: absolute;
	top:140px;
	left:235px;
	font-family: 'Arial';
	font-size: 11px;
	width:187px;
	background-image: url(images/menu_ligne.gif);
	background-repeat: repeat-y;
	background-position: top center ;

	}
	
#menu-footer {
   background-image: url(images/menu_pied.gif);
   background-repeat: no-repeat;
   background-position: top center;
   position:relative;
	width:187px;
	height:26px;
	}	
h5.grostitre {
	font-size: 15px;
	color: #747575;
}	
h4.select {
	width:115px;
	height:18px;
	}
	
h4.presentation {
	width:115px;
	height:5px;
	}
h3.resources {
	width:115px;
	height:18px;
	}
#linkList a {
	color:#CC6600;
	}
#linkList a:hover {
	color:#747575;
	background-color:#747575;
	text-decoration:none;
	}
#lselect a {
	display:block;
	}
#lselect a.c {
	display:inline;
	color:#666666;
	}
#lselect a.c:hover {
	color:#CC33CC;
	background:none;
	}
	
ul {
	margin:4px 0px 2px 30px;
	padding:0px; /*supprime le retrait a gauche dans firefox*/
	}
	
li {
	margin:4px 5px 0px 15px;
	color: #747575;
	}
	
#lresources {
	margin:0 -25px;
	padding:0 25px 15px 25px;
	}
#lresources ul {
	margin-bottom:0;
	padding-bottom:14px;
	}
lh { 
	color: #cc6600;
	font-weight: bold;
}

/* Gallerie */




.photo {width:490px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:500px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:65px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:98px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border-width:1px 1px 0 0; background:#ccc; font-family:arial, sans-serif; margin-left:-15px}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none; overflow:auto}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0px; top:31px; list-style:none; padding:0; margin:0; height:390px; background:#ddd; width:400px; padding:5px; border:14px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:390px; background:#ddd; width:400px; padding:5px; border:14px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:87px; height:112px; float:left; border:1px solid #fff; margin:4px;}

.photo ul.topic li ul li a
{display:block; width:85px; height:110px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:75px; height:100px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-25px; top:-10px; width:150px; height:200px; border-color:#fff;}