html {
/*overflow:hidden;*/
margin: 0px;
padding: 0px;
}
* html {
/*overflow:hidden;*/
margin: 0px;
padding: 0px;
}
body {
	background-color: white;
	font-family: "Arial";
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: black;
	font-size: 0.70em;
}
div#conteneur {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}
div#contenu  {
	margin-left: -500px;
	position: absolute;
	top: -375px;
	left: 50%;
	width: 1000px;
	height: 750px;
	}
h1 {
	margin: 0px;
	font-size: 1em;
}
a {
	text-decoration: none;
	font-size: 0.90em;
	font-weight: bold;
	outline: none;
	color: #87888A;
}
a:hover {
	font-weight: bold;
	color: black;
}
a img {
	border: 0px none;
}
ul {
	margin: 0px;
	padding-left: 0px;
}
ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px none;
	line-height:  11px;
}
.visuel {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 670px;
	text-align: right;
	background-image: url(../images/trame.gif);
	background-repeat: repeat;
}
div#diaporama {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 670px;
	text-align: right;
}
div#menu {
	position: absolute;
	top: 670px;
	left: 0px;
	width: 1000px;
	height: auto;
	text-align: left;
}
div#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
	height: 22px;
}
div#boxchoix {
	position: absolute;
	top: 0px;
	left: 90px;
	width: 410px;
	height: auto;
	color: #87888A;
}
.choix {
	display: block;
	float: left;
	padding: 6px;
}
.liste1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 70px;
	padding: 6px;
}
.liste2 {
	position: absolute;
	top: 0px;
	left: 72px;
	width: 50px;
	padding: 6px;
}
.liste3 {
	position: absolute;
	top: 0px;
	left: 124px;
	width: 90px;
	padding: 6px;
}
.liste4 {
	position: relative;
	left: 216px;
	width: 123px;
	bottom: 104px;
	background-color: white;
	padding: 6px;
}
/* vertical */
div#test {
	position: absolute;
	bottom: 80px;
	left: 222px;
	width: 90px;
	height: auto;
	z-index: 500;
}
div#test ul li {
	width: 100%;
	margin: 1px 0;
	background-color: white;
}
div#test ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3px;
	background-color: white;
	color: #87888A;
}
div#test ul li a:hover {
	background-color: red;
	color: white;
}

/* -------- Partie Modifiée ----------- */

div.btscrollmenu {
	margin: 1px 0;
	width: 180px;
	height: 17px;
	background-color: white;
}
div.btscrollmenu a {
	display: block;
	width: 100%;
	height: 100%;
	color: #87888A;
}
div.btscrollmenu a:hover {
	color: white;
}
a.up {
	background-image: url(../images/Scrollmenu_Haut.gif);
	background-repeat: no-repeat;
}
a.up:hover {
	background-image: url(../images/Scrollmenu_Haut_hover.gif);
	background-repeat: no-repeat;
}
a.down {
	background-image: url(../images/Scrollmenu_Bas.gif);
	background-repeat: no-repeat;
}
a.down:hover {
	background-image: url(../images/Scrollmenu_Bas_hover.gif);
	background-repeat: no-repeat;
}
/* -------- Fin de la Partie Modifiée ----------- */

div#test2{
	position: absolute;
	bottom: 80px;
	left: 318px;
	width: 176px;
	height: auto;
	z-index: 500;
}
iframe {
	background-color: transparent
}
div#test2 ul li {
	width: 174px;
	margin: 1px 0;
	background-color: white;
}
div#test2 ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3px;
	background-color: white;
	color: #87888A;
}
div#test2 ul li a:hover {
	background-color: red;
	color: white;
}
/* vignettes*/
div#boxvignettes {
	position: absolute;
	top: 0px;
	left: 500px;
	width: 444px;
	height: 84px;
	text-align: left;
}
div#boxvignettes a {
	display: block;
	float: left;
	width: 35px;
	height: 80px;
	border-top: 2px solid white;
	border-right: 1px solid white;
	border-bottom : 2px solid white;
	border-left: 1px solid white;
}
div#boxvignettes a:hover {
	border-top: 2px solid red;
	border-right: 1px solid red;
	border-bottom : 2px solid red;
	border-left: 1px solid red;
}
div#boxvignettes img {
	float: left;
	width: 35px;
	height: 80px;
}
div#pdf {
	position: absolute;
	top: -19px;
	left: 944px;
	width: 20px;
	height: 20px;
}
/* onglets sŽlectionnŽs*/
div#projet {
	position: absolute;
	bottom: 81px;
	left: 90px;
	width: 70px;
	height: 15px;
	padding: 2px 0px 0px 5px;
	background-color: white;
	z-index: 500;
	font-weight: bold;
}
div#projet a {
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

div#type_actu {
	position: absolute;
	bottom: 81px;
	left: 166px;
	width: 333px;
	height: 15px;
	padding: 2px 0px 0px 5px;
	background-color: white;
	z-index: 500;
}

div#type {
	position: absolute;
	bottom: 81px;
	left: 166px;
	width: 50px;
	height: 15px;
	padding: 2px 0px 0px 5px;
	background-color: white;
	z-index: 500;
}
div#type a {
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	font-size: 1em;
	font-weight: bold;
}
div#enseignement {
	position: absolute;
	bottom: 81px;
	left: 222px;
	width: 90px;
	height: 15px;
	padding: 2px 0px 0px 5px;
	background-color: white;
	font-weight: bold;
	z-index: 500;
}
div#enseignement a {
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	font-size: 1em;
	font-weight: bold;
}


div#dossier a {
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	font-size: 1em;
	font-weight: bold;
}
div.visuel img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
div#infos {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 280px;
	height: auto;
	padding: 50px 10px 30px 10px;
	text-align: left;
	background-color: white;
	z-index: 100;
}
div#text {
	position: absolute;
	top: 0px;
	left: 350px;
	width: 280px;
	height: auto;
	padding: 50px 10px 30px 10px;
	text-align: left;
	background-color: white;
	z-index: 100;
}
div#text2 {
	position: absolute;
	top: 0px;
	left: 680px;
	width: 280px;
	height: auto;
	padding: 50px 10px 30px 10px;
	text-align: left;
	background-color: white;
	z-index: 100;
}
/*vidéo*/
div#video {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #4D4D45;
	z-index: 500;
}
div#cadre1 {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}
div#cadre2  {
	margin-left: -320px;
	position: absolute;
	top: -240px;
	left: 50%;
	width: 640px;
	height: 480px;
	}


/*salaun*/

div#AdmAddActu {
	position: absolute;
	left: 72px;
	top: 652px;
	width: 14px;
	height: 15px;
	padding: 2px 0px 0px 2px;
	background-color: white;
	z-index: 1000;
}

div#AdmUpdateActu {
	position: absolute;
	left: 984px;
	top: 654px;
	width: 14px;
	height: 16px;
	padding-left : 2px;
	background-color: white;
	z-index: 1000;
}

div#AdmAddProjet {
	position: absolute;
	left: 320px;
	top: 10px;
	z-index: 2000;
}

div#AdmUpdateProjetVisuel {
	position: absolute;
	left: 984px;
	top: 654px;
	width: 14px;
	height: 16px;
	padding-left : 2px;
	padding-top : 2px;
	background-color: white;
	z-index: 1000;
}