/*CONCERNE LA PAGE D'ACCUEIL DES DOCUMENTAIRES*/
body {
	width: 768 px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 20px auto;
	padding: 0;
	background-color: #ccf;
	}
	
#header {
	height: 120px;
	background: black; /*url(../imgs/verologo.gif) top left no-repeat;*/
	}
	
#header img {
	position: relative;
	top:-2px;
	left:-2px;
	z-index: 0;
	}

#header h1 {
	display:none;
		}

#lien_actif {/*en bas accueil docu*/
	text-decoration: none;
	height: 30px;
	line-height: 2.2em;
	color: teal;
	background: none;
	margin-left: 0.8em;
	padding-left: 0.5em
	}

/*vert clair de "réalisatrice"#6FC067*/

/*centre page d'accueil docu*/
#conteneurdocu {
	position: relative;
	width: 768px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
}



#contenudocu {
	margin: 0;
	padding: 0;
	width: 768px;
	height: 480px;
	/*background: url(../imgs/docu/bond.jpg) no-repeat center top;*/
	  	 }
	  	 
* html #contenudocu {
	height: 455px;
}

	  	 
#contenudocu img {
		position: absolute;
		top: 120px;
		z-index: 20;
		}


/*Titres et paragraphes*/

#contenudocu p {
	position: relative;
	color: white;
	font-weight: normal;
	margin-left: 1.4em;
	padding: 0 1em;
	text-align: left;
	z-index: 25;
	}

#contenudocu h1 {
	position: relative;
	color: #ccf;
	margin : 0.8em 0 0 0;
	padding-left: 1em;
	border-bottom: 2px solid black;
	z-index: 25;
	}
	

#contenudocu h1 span {
	position: absolute;
	top: -2px;
	left: -2px;
	color: black;
	margin : 0;
	padding-left: 1em;
	z-index: 25;

	}
* html #contenudocu h1 span {
	margin-left: -27px;
}
/*#contenudocu h2 {
	color: #0cc;/*turquoise
	margin: 0;
	padding-left:0.8em;
	}
	
#contenudocu h3 {
	margin : 0 0 1em 1em;
	padding : 0 0.2em;
	color: #996;/*beige foncé
	}*/



/*les 2boutons cliquable
#haut {
height: 30px;
background-color:none;
float: right;		
	}
	
.menuhaut {
list-style-type: none;
margin: 0;
padding: 0;
}

.menuhaut li {
float: left;
}

.menuhaut a {
	display: block;
	width: 140px;
	height: 30px;
	border: 1px solid black;
	margin: 0 5px;
	color: #fff;/*white
	background: teal;
	text-decoration: none;
	text-align: center;
	line-height: 2.2em;
	}
	
.menuhaut a:hover {
	text-decoration: none;
	color: #036;
	background: #ccf;
	}*/
	

/* CSS issu des tutoriels http://css.alsacreations.com */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;
top: 120px;
left: 440px;
z-index:100;
width: 768px;
}

#menu dl {
float: left;
width: 150px;
margin: 0 5px;
}

#menu dd {
border: 1px solid teal;
}

#menu li {
text-align: center;
background: none;
}

#menu li a {/*concerne le sous menu*/
color: #ccf;
background: none;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a {/*concerne les titres du menu avec liens*/
color: white;
text-decoration: none;
display: block;
height: 30px;
border: 0 none;
line-height: 2.2em;
}

#menu dt {/*concerne le titre du menu sans lien */
cursor: pointer;
text-align: center;
font-weight: normal;
color: red;
background: teal;
text-decoration: none;
display: block;
height: 30px;
border: 1px solid black;
line-height: 2.3em;
}


#menu li a:hover {
color: red;
background: teal;
}

#menu dt a:hover {
color: teal;
background: #ccf ;
}

/*pied*/
#pieddocu li {
	display: inline;
	}
		
#pieddocu {
	clear: both;
	position: absolute;
	bottom: 0;
	height: 50px;
	background-color: black;/*bleu foncé#003*/
	list-style-type: none;
	width: 768px;
	margin: 0;
	padding: 0;
	}		

#pieddocu a {
	margin: 0 8px;
	color: white;
	text-decoration: none;
	line-height: 3.4em;
	}

#pieddocu a:hover {
	text-decoration: none;
	color: #6FC067;
	}

#pieddocu ul {
	padding-left: 20px;
}