@font-face {
    font-family:"norm";
    src: url("resa.ttf");
}
@font-face {
    font-family:"tit";
    src: url("titres.ttf");
}
body {
	margin: 0 auto;
	padding: 0;
	max-height: 100%;
	max-width: 100%;
	overflow-y: scroll;
	color: #004000;
}
#logo {
	position:fixed;
	top:21%;
	left:1%;
	z-index:50;
	width:5%;
	overflow:hidden;
	-webkit-transition: all 0.6s ease; /* Safari and Chrome */
	-moz-transition: all 0.6s ease; /* Firefox */
	-o-transition: all 0.6s ease; /* IE 9 */
	-ms-transition: all 0.6s ease; /* Opera */
	transition: all 0.6s ease;
	max-width: 100%;
}
#logo:hover{
	-webkit-transform:scale(1.2); /* Safari and Chrome */
	-moz-transform:scale(1.2); /* Firefox */
	-ms-transform:scale(1.2); /* IE 9 */
	-o-transform:scale(1.2); /* Opera */
	transform:scale(1.2);
}
#bando1 {
	position:fixed;
	top:0%;
	left:0%;
	z-index:5;
	width:100%;
	height:19%; 
	background-color:#D8F7BB;
}
#bando2 {
	position:fixed;
	top:19%;
	left:0%;
	width:25%;
	height:81%;
	color:#004000;
	font-size:2vw;
	background-image:url(../images/fond.jpg);
}
#bando3 {
	position:fixed;
	top:80%;
	left:0%;
	z-index:5;
	width:100%;
	height:10%;
	color: #004000;
	font-size:1.6vw;
}
#diapo1 { 
	position:fixed;
	top:20%;
	left:25.5%;
	width:74%;
	z-index:20;
}
#tit1a {
	position:fixed;
	top: 0%;
	left:10%;
	font-family:"tit";
	font-size:6vw;
	color: #004000;
	text-align:left;
	z-index:60;
}
#tit1b {
	position:fixed;
	top: 0.5%;
	left:48%;
	width:48%;
	font-family:"norm";
	font-size:1.7vw;
	color: #004000;
	text-align:left;
	z-index:60; 
	font-weight:bold; 
	border-left: thin;
	border-left-style:solid;
	text-align:right;
	padding:1%;
}
#tit2 {
	position:absolute;
	top:20%;
	left:27%;
	font-family:"tit";
	font-size:3vw;
	font-weight:100;
	width:72%;
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color:#004000; 
	padding-bottom:0.3vw;
	color:#004000;
}
#page0 {
	position:absolute;
	top:32%;
	left:27%;
	width:72%;
	font-size:1.4vw;
	font-family:norm;
	vertical-align:top;
	background-color:white;
	color:#004000;
}
#page2 {
	position:absolute;
	top:32%;
	left:27%;
	width:72%;
	font-size:1.4vw;
	font-family:norm;
	vertical-align:top;
	background-color:white;
	text-align:justify;
	z-index:2;
	color:#004000;
}
/* ---------------------------------------------- MENU VERTICAL      */
#men {
    position: fixed;
    left:2%;
    top: 30%;
	width:22%;
	font-family:verdana;
	font-size:2vw;
	font-weight:bold;
	z-index:10;
	color:#004000;
	font-weight:bold;
	}
/* corps des menus */
ul#men, ul#men li dl, ul#men3 li dl, ul#men li ul, ul#men3 li ul {
	margin:0px;
	padding:0px;
	}
/* police des menus */
ul#men li a {
	display: block;
	padding: 1% 0;
	text-decoration: none;
	color: #400000;
	margin-left: 1%;
	transition: margin-left 0.5s;
	}
/* bordure des lignes */
ul#men li {
	display: block;
	}
/* menus survolés */
ul#men li a:hover {
	color: #FFF;
	background-color:#400000;
	padding-left:4%; 
	margin-left: 4%;
	}
/* ----------------------------------------------*/
li a {
	text-decoration:none;
	color:#004000;
}
li a:hover {
	color:#800000;
}
#act {
	overflow:hidden;
	-webkit-box-shadow: 9px 5px 9px #7F7F7F;
	box-shadow: 9px 9px 9px #7F7F7F; 
	-webkit-transition: all 0.6s ease; /* Safari and Chrome */
	-moz-transition: all 0.6s ease; /* Firefox */
	-o-transition: all 0.6s ease; /* IE 9 */
	-ms-transition: all 0.6s ease; /* Opera */
	transition: all 0.6s ease;
	max-width: 100%;
}
#act:hover{
	-webkit-transform:scale(1.2); /* Safari and Chrome */
	-moz-transform:scale(1.2); /* Firefox */
	-ms-transform:scale(1.2); /* IE 9 */
	-o-transform:scale(1.2); /* Opera */
	transform:scale(1.2);
}
#act2 {
	overflow:hidden;
	-webkit-box-shadow: 9px 9px 9px #7F7F7F;
	box-shadow: 9px 9px 9px #7F7F7F; 
}
#bas { 
	position:fixed;
	top:90.5%;
	left:0%;
	width:100%;
	height:10%; 
	color: #004000;
	font-family:norm;
	font-size:1.6vw;
	background-color:#FFF;
	z-index:10;
}
#bas2 { 
	position:fixed;
	top:88%;
	left:16%;
	width:82%; 
	color: #004000;
	font-family:norm;
	font-size:1.5vw;
}
#bas2G {
	text-align:left;
}
#bas2C {
	text-align:center;
}
#bas2D {
	text-align:right;
}
/*------------------------------------------- Page 1 -------------------------------------------------*/
#taba1,#tabb1 {
	position: fixed;
    left:27%;
    top: 35%;
	width:15%;
}
#taba2,#tabb2 {
	position: fixed;
    left:45%;
    top: 35%;
	width:15%;
}
#taba3,#tabb3 {
	position: fixed;
    left:63%;
    top: 35%;
	width:15%;
}
#taba4,#tabb4 {
	position: fixed;
    left:81%;
    top: 35%;
	width:15%;
}
#tabb1,#tabb2,#tabb3,#tabb4  {
	opacity:1;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-o-transition: all 1s ease; /* IE 9 */
	-ms-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
	text-align:center;
	border-left-style: solid;
	border-top-style: solid;
	border-width:thin;
}
#taba1,#taba2,#taba3,#taba4  {
	text-align:center;
	font-family: norm;
	font-size:1.4vw;
	opacity:1;
	background-color: #3F3F3F;
	color: #FFF;
	-webkit-box-shadow: 5px 5px 5px #7F7F7F;
	box-shadow: 10px 10px 10px #7F7F7F; 
}
#tabb1:hover,#tabb2:hover,#tabb3:hover,#tabb4:hover  {
	-webkit-transform:scale(1.1); /* Safari and Chrome */
	-moz-transform:scale(1.1); /* Firefox */
	-ms-transform:scale(1.1); /* IE 9 */
	-o-transform:scale(1.1); /* Opera */
	transform:scale(1.1);
	opacity:0;
}
#sem1 {
	background-color: #FFFF80;
	font-weight:bold;
	text-align:center;
}
#sem2 {
	background-color: #A8FFA8;
	font-weight:bold;
}
#sem3 {
	background-color: #A8FFA8;
}
#sem4 {
	background-color:#FFA4A4;
	font-weight:bold;
}
#sem5 {
	background-color:#FFA4A4;
}
#sem6 {
	background-color: #EAEAEA;
	font-weight:bold;
}
#sem7 {
	background-color: #EAEAEA;
}