@charset "utf-8";
/* CSS Document */

/* gabarit 1024x768 */
#ecran {
	width:1024px;
	height:650px;
	margin:auto;
	border:solid 0px #660000;
}

/* cadre qui reçoit l'ensemble des éléments du site */
#conteneur {
	width:950px;
	height:650px;
	margin:auto;
	background-color:transparent;
	border:solid 0px #4b311a;
}

/* bandeau du haut */
#haut {
	width:950px;
	height:150px;
	background-color:#FFFFFF;
	margin-bottom: 20px;
}

/* cadre du milieu */
#cadre {
	width:950px;
	height:470px;
	margin:auto;
	background-color:transparent;
}

/* bandeau du bas */
#bas {
	width:950px;
	height:30px;
	background-color:transparent;
	margin-left:5px;
	z-index:1;
	position:absolute;
}

/* cadre flottant à gauche */
#box01 {
	width:200px;
	height:240px;
	margin-top:10px;
	margin-left:0px;
	z-index:1;
	position:absolute;
	border:solid 1px #009900;
}

#box01 img {
	width:200px;
	height:240px;
}

#box01b {
	width:200px;
	height:200px;
	background-color:#999999;
	margin-top:220px;
	margin-left:10px;
	z-index:2;
	position:absolute;
}

#box01c {
	width:200px;
	height:200px;
	background-color:#999999;
	margin-top:0px;
	margin-left:0px;
	z-index:2;
	position:absolute;
}

#box01b img {
	width:200px;
	height:200px;
}


/* cadres flottant à droite */
#box02 {
	width:720px;
	height:220px;
	border:solid 0px #000000;
	margin-top:10px;
	margin-left:230px;
	z-index:1;
	position:absolute;
	overflow:auto;
}

#lienlibre01 {
	width:150px;
	height:20px;
	background-color:transparent;
	border:solid 0px #000000;
	margin-top:0px;
	margin-left:0px;
	z-index:1;
	position:absolute;
}

#lienlibre02 {
	position:absolute;
	width:150px;
	height:20px;
	background-color:transparent;
	border:solid 0px #000000;
	margin-top:0px;
	margin-left:500px;
	text-align:right;
	z-index:2;
}

/* accueil photothèque */
#box04 {
	width:400px;
	height:200px;
	border:solid 0px #000000;
	margin-top:310px;
	margin-left:230px;
	overflow:auto;
	z-index:2;
	position:absolute;
}

/* bloc bas gauche */
#box03 {
	width:190px;
	height:230px;
	background-color:transparent;
	border:solid 0px #000000;
	margin-top:-200px;
	margin-left:10px;
	overflow:auto;
	z-index:3;
	position:absolute;
}

#box03 li {
	margin-bottom:5px;
}

#box05 li {
	margin-bottom:5px;
}

#box05 {
	width:290px;
	height:auto;
	border:solid 1px #000000;
	margin-top:-250px;
	margin-left:650px;
	overflow:auto;
	z-index:3;
	position:absolute;
	padding-left: 10px;
	background-color: #FFFFBF;
	padding-top: 0px;
}

#box05b {
	width:200px;
	height:150px;
	background-color:transparent;
	border:solid 0px #000000;
	margin-top:400px;
	margin-left:720px;
	z-index:2;
	position:absolute;
}

#texte01{
	width:650px;
	height:250px;
	border:solid 0px #000000;
	margin-top:0px;
	margin-left:300px;
	z-index:1;
	position:absolute;
}

#texte01 p {
	text-align:justify;
	padding-top:0px;
}

#texte02 {
	width:650px;
	height:300px;
	border:solid 0px #000000;
	margin-top:210px;
	margin-left:10px;
	z-index:1;
	position:absolute;
}

#texte02 p {
	text-align:justify;
	padding-top:0px;
}