/* CSS Document */

body{
	background:#FFCCFF;
	font-size: 12px;
	overflow: auto;
	height:auto;
	width:auto;
}

#tout{
	position:absolute;
	-position:fixed;
    top:0%;
    bottom:2%;
	left:15%;
	right:15%;
	font-family: Arial;
    border-style:solid;
	border-width:0px;
	border-color:#FF99FF;
	background:#ffccff;
}

#entete{
    position:absolute;
	-position:fixed;
	top: 0px;
	left: 0px;
	width: 98%;
	height: 55px;
	background:#999999;
	font-style: italic;
	font-size: 26px;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	border-style:solid;
	border-width:0px;
	border-color:#FF99FF;
	padding-right:2%;
	background: url(./images/header333.jpg);
}

#logo{
 position:absolute;
 top:30px;
 left:0px;
 width:300px;
 height:44px;
 background-image: url(./images/www0.jpg);
}

#footer{
    position:absolute;
	top:auto;
	bottom:0px;
	left:0px;
	height: 15x;
	width:100%;
    color:#CCCCCC;
	text-align:center;
	font-style: italic;
	font-size: 10px;
	font-weight: bolder;
	font-family: Arial;
	background:#333333;
}

#footer a {
    color:#FFFFFF;
	text-align:center;
	font-style: italic;
	font-size: 10px;
	font-weight: bolder;
	font-family: Arial;
	background:#333333;
	}

#main{
	position: absolute;
	color:black;
	font-size:12px;
	font-style:normal;
	top: 55px;
	bottom:auto;
	left: 25%;
	right:0%;
    height:auto;
	background:#FFFFFF;
	text-align:justify;
	border:2px solid;
	border-color:#000000;
	padding-right:15px;
    padding-left:15px;
}

#box2{
	position: absolute;
	top: 0px;
	left:0%;	
	height: 55px;
	width: 25%;
	text-align:center;
	border:0px;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color: #ff33ff;
	background-color:#000000;
	background: url(images/.jpg);
}

/*MENU*/
#menuIm{
	position: absolute;
	top: 55px;
	left: 0%;
	height: 175px;
	width: 25%;
	background: #ffccff;
	border-color:#FF99FF;
	border:solid 0px;
	background-image: url(./images/logo_final3.jpg);
	background-repeat:no-repeat;
}

#menu{
	position: absolute;
	top: 230px;
	left: 0%;
	height: auto;
	width: 22%;
	background:#ffccff;
	border:solid 0px;
	border-color:#FF99FF;
	list-style:none;
	margin: 0;
	padding: 0;
	text-align:center;
}

#menu2{
	position: absolute;
	top: 400px;
	left: 0%;
	height: auto;
	width: 20%;
	background: #000000;
	border:solid 0px;
	border-color:#FF99FF;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:center;
}


#menu li{
    width: 100%;
	color: #000000;
	border: 1px solid #ff33ff;
	margin-bottom:0px;
	text-align:center;
}

#menu li a {
	display: block;
	background:#FFCCFF;
	color:#000000;
	font: 14px "Trebuchet MS",Arial,sans-serif;
	font-weight: bolder;
	line-height: 3em;
	text-align: center;
	text-decoration: none ;
	padding:;
	}

#menu li a:hover, #menu li a:focus, #menu li a:active {
	background:#ff33ff;
	text-decoration: none;
	}

#menu2 li{
    width: 100%;
	color: #330066;
	border: 1px solid #ffccff;
	text-align:center;
	margin-bottom:0px;
	background: url(./images/header333.jpg);
}

#menu2 li a {
	display: block;
	background:#333333;
	color:#ffffff;
	font: 14px "Trebuchet MS",Arial,sans-serif;
	font-weight: bolder;
	line-height: 3em;
	text-decoration: none ;
	padding:;
	}
	
	#menu2 li a:hover, #menu li a:focus, #menu li a:active {
	background:#FF33FF;
	text-decoration: none;
	}

.class0 a{
	font-size: 14px;
	font-weight: bolder;
	color: #330066;
}

.class0 a:hover{
	font-size: 14px;
	font-weight: bolder;
	color: cyan;
	text-decoration: underline overline;
}