body{
	background-color:RGB(51,51,102);
	color:RGB(255,255,255);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#conteneur{
	background-color:transparent;
	position:relative;}
h1{
	color:RGB(0,0,0);
	font-size: 12pt;
}
 
h1#cont{
	font-size: 12pt;
	color:RGB(19,16,131);
	text-align: center;
} 

#gros{
	font-size: 11pt;
	color:RGB(0,0,0);
	text-align:center;
	font-weight:bold;
}

p{
	text-align: center;
}

#piedPage{
	background-color: transparent;
	width: 805px;
	height: 40px;
/*	margin-left:auto;
	margin-right:auto;   */
	left:-50%;
	margin-left:490px;
	text-align: center;
	font-size: 8pt;
	clear:both;
	position:relative;    
}

a#bas{
	color:RGB(255,255,255);
}
a#menu{
	text-decoration:none;
	color:RGB(218,218,233);
}
a#menu:hover{
	text-decoration:none;
	color:RGB(255,255,255);	
}

a#pied{
	text-decoration:none;	
	color:RGB(19,16,131);
	font-size: 9pt;
}

a#pied:hover{
	text-decoration:none;	
	color:RGB(0,0,0);
	font-size: 9pt;
}

a#accueil{
	color:RGB(19,16,131);
	font-size: 9pt;
	text-decoration:none;
}

a#accueilbis{
	color:RGB(0,0,0);
	font-size: 11pt;
	text-decoration:none;
	font-weight: bold;
}

a#accueilbis:hover{
	font-size: 11pt;
	text-decoration:none;
	color:RGB(19,16,131);
}

a#accueil:hover{
	font-size: 9pt;
	text-decoration:none;
	color:RGB(255,255,255);
}

a#prec{
	/*display:block;
	float:left;*/
	width: 20px;
	height: 17px;
	background-image:URL(images/gauche.png);
	display:block;
	/*margin-left: 35px;*/
	margin-top: -15px;
}

a#suiv{
	/*display:block;
	float:right;*/
	width: 20px;
	height: 17px;
	background-image:URL(images/droite.png);
	display:block;
	margin-left: 35px;
	margin-top: -15px;
}

a#demo{
	width: 63px;
	height: 27px;
	background-image: URL(images/demo1.png);
	display:block;
	position:absolute;
	left:700px;
	top:210px;
}

a#demo:hover{
	width: 63px;
	height: 27px;
	background-image: URL(images/demo2.png);
	display:block;
	
	
}

a.multiDemo{
	width: 63px;
	height: 27px;
	background-image: URL(images/demo1.png);
	display:block;
	text-decoration:none;
}
a.multiDemo:hover{
	width: 63px;
	height: 27px;
	background-image: URL(images/demo2.png);
	display:block;
        text-decoration:none;

	
}




a#dvd{
	width:220px;
	height:73px;
	background-image:URL(images/dvd.png);
}

a#dvd2{
	width:220px;
	height:73px;
	background-image:URL(images/dvd2.png);
}


a#learning{
	width:220px;
	height:73px;
	background-image:URL(images/elearning.png);
}

a#learning2{
	width:220px;
	height:73px;
	background-image:URL(images/elearning2.png);
}

a#immo{
	width:220px;
	height:73px;
	background-image:URL(images/immo.png);
}

a#immo2{
	width:220px;
	height:73px;
	background-image:URL(images/immo2.png);
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; 
	 background-color:tranparent;
    color:RGB(19,16,131);
	 font-size: 9pt;
    text-decoration:none
	 }

a.info:hover{
z-index:25; 
background-color:tranparent;
font-weight: bold;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; 
	 width:300px;
    border:1px solid #6699cc;
    background-color:#fff;
	 color:RGB(19,16,131);
    text-align: justify;
    font-weight:none;
    padding:5px;
}


a.proj{
	width: 40px;
	height: 53px;
	background-image:URL(images/projet1.png);
	text-decoration:none;
	display:block;
	float:left;
	margin : 10;
	
}



a.proj:hover{
		width: 40px;
		height: 53px;
		background-image:URL(images/projet2.png);
		z-index:25; 
		text-decoration:none;
}

a.proj span{display: none}

a.proj:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	width:222px;
	height:27px;
   /* border:1px solid #6699cc;*/
    /*background-color:#fff;*/
	 color:RGB(0,0,0);
    text-align: left;
    font-weight:bold;
    padding:10px;
	 text-decoration:none;
	 font-size:11pt;
	 left:245px!important;
	 left:20px;
	 top:195px!important;
	 top:210px;
	 
}


table{
	color:RGB(19,16,131);
	font-size: 9pt;
	text-align: justify;
}


table#normal{
	border-collapse: collapse ;
	border: 0;
	width:801px;
	height:599px;
	padding:0;
	border-spacing: 0;
	color:RGB(19,16,131);
	font-size: 9pt;
	text-align: justify;
}

td{
	padding:0;
	margin:0;
	border:0;
}

td#logo{
	width:222px;
	height:139px;
	background-image: URL(images/logo.png);
}

td#entete{
	width:480px;
	height:53px;
	background-image: URL(images/entete.png);
}

td#menuDroite{
	width:98px;
	height:76px;
	background-image: URL(images/menu_droite.png);
	font-size:11pt;
}

td#Aespace{
	width:1px;
	height:53px;
	background-image: URL(images/spacer.gif);
}

td#avide{
	width:26px;
	height:86px;
	background-image: URL(images/entete-05.png);
}
td#video{
	width:110px;
	height:33px;
	background-image: URL(images/video.png);
	text-align:center;
}
td#bvide{
	width:51px;
	height:86px;
	background-image: URL(images/entete-07.png);
}
td#multimedia{
	width:110px;
	height:33px;
	background-image: URL(images/multimedia.png);
	text-align:center;
}
td#cvide{
	width:49px;
	height:86px;
	background-image: URL(images/entete-09.png);
}
td#internet{
	width:110px;
	height:33px;
	background-image: URL(images/internet.png);
	text-align:center;
}
td#dvide{
	width:24px;
	height:86px;
	background-image: URL(images/entete-11.png);
}
td#Bespace{
	width:1px;
	height:23px;
	background-image: URL(images/spacer.gif);
}
td#quitter{
	width:98px;
	height:63px;
	background-image: URL(images/quitter.png);
}
td#Cespace{
	width:1px;
	height:10px;
	background-image: URL(images/spacer.gif);
}
td#evide{
	width:110px;
	height:53px;
	background-image: URL(images/entete-13.png);
}
td#fvide{
	width:110px;
	height:53px;
	background-image: URL(images/entete-14.png);
}
td#gvide{
	width:110px;
	height:53px;
	background-image: URL(images/entete-15.png);
}
td#Despace{
	width:1px;
	height:53px;
	background-image: URL(images/spacer.gif);
}
td#gaucheBlanc{
	width:222px;
	height:47px;
	background-image: URL(images/gauche_blanc.png);
}
td#titre{
	width:578px;
	height:47px;
	background-image: URL(images/titre.png);
	text-align:center;
	padding-left:20px;
	padding-right:20px;
}
td#Eespace{
	width:1px;
	height:47px;
	background-image: URL(images/spacer.gif);
}
td#projetGauche{
	width:222px;
	height:373px;
	background-image: URL(images/projetGauche.png);
}

td#projetGauche2{
	width:222px;
	height:373px;
	background-image: URL(images/projetGauche.png);
	vertical-align:bottom;
}

td#contenuCentral{
	width:578px;
	height:373px;
	background-image: URL(images/contenuCentral.png);
	padding-right:20px;
	padding-left:20px;
	overflow:auto;/* a verifier*/
}

td#Fespace{
	width:1px;
	height:373px;
	background-image: URL(images/spacer.gif);
}

td#pied{
	width:222px;
	height:39px;
	background-image: URL(images/pied.png);
}

td#page{
	width:119px;
	height:39px;
	background-image: URL(images/page.png);
}

td#hvide{
	width:459px;
	height:39px;
	background-image: URL(images/pied-22.png);
	text-align:right;
}

td#Gespace{
	width:1px;
	height:39px;
	background-image: URL(images/spacer.gif);
}
td#Hespace{
	width:222px;
	height:1px;
	background-image: URL(images/spacer.gif);
}

td#Iespace{
	width:26px;
	height:1px;
	background-image: URL(images/spacer.gif);
}

td#Jespace{
	width:93px;
	height:1px;
	background-image: URL(images/spacer.gif);
}

td#Kespace{
	width:17px;
	height:1px;
	background-image: URL(images/spacer.gif);
}

td#Lespace{
	width:51px;
	height:1px;
	background-image: URL(images/spacer.gif);
}

td#Mespace{
	width:110px;
	height:1px;
	background-image: URL(images/spacer.gif);
}
td#Nespace{
	width:49px;
	height:1px;
	background-image: URL(images/spacer.gif);
}
td#Oespace{
	width:110px;
	height:1px;
	background-image: URL(images/spacer.gif);
}
td#Pespace{
	width:24px;
	height:1px;
	background-image: URL(images/spacer.gif);
}
td#Qespace{
	width:98px;
	height:1px;
	background-image: URL(images/spacer.gif);
}