body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }

/* cadre principale centré à l'ecran qui contient le site. Ce cadre n'apparaît pas (pas de bordure) */
#MainFrame {
	position: relative;
	top: 20px;
	
	margin-left: auto;
	margin-right: auto;
	width:907px;

	height: auto !important;
	height: 533px;
	min-height: 533px;
	
	padding:0px;	/* marges à l'interrieur du cadre */
	
	background-color:#daeefc;
	text-align: left;
	border: 0px solid black;
}

/* bannière en haut du site */
#TopFrame {
	position: absolute;
	
	left: 0px;
	top: 0px;
	width: 907px;
	height: 60px;
	/*background-color: #a07b54;*/ 
	/*background-image:url("./Datas/Images/banniereA.png"); */
	/*border: 1px solid black;*/
}

/* cadre à gauche qui contient le menu */
#LeftFrame {
	position: absolute;
	
	left: 0px;
	top: 63px;
	width: 152px;
	height: auto !important;
	height: 489px;
	min-height: 489px;
	
	border: 0px solid black;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
}

/* Photo en haut sous la bannière et à droite du menu */
#MiddleFrame {
	position: absolute;
	
	left: 154px;
	top: 63px;
	width: 648px;
	height: 299px;
	
	border: 1px solid black;
}

/* Texte de bienvenue en bas sous la photo et à droite du menu */
#BottomFrame {
	position: absolute;
	
	left: 154px;
	top: 365px;
	width: 648px;
	height: 187px;
	
	border: 1px solid black;
	
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	
	background-color: #ebeffd;
	
	font-family:Cambria,Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif; 
	text-align: justify;
}

/* Pour Internet explorer version 5.5 qui prend pas le padding en compte dans la taille du cadre sinon. */
#BottomFrame div{
	padding-left:10px;	/* marges à l'interrieur du cadre */
	padding-right:10px;	/* marges à l'interrieur du cadre */
	padding-bottom:5px;	/* marges à l'interrieur du cadre */
}

/* bannière en haut du site */
#TextFrame {
	position: absolute;
	
	left: 154px;
	top: 63px;
	width: 731px;
	min-height: 369px;
	height: auto;
	
	border: 1px solid black;
	
	padding-left:10px;	/* marges à l'interrieur du cadre */
	padding-right:10px;	/* marges à l'interrieur du cadre */
	padding-bottom:15px;	/* marges à l'interrieur du cadre */
	padding-top:105px;	/* marges à l'interrieur du cadre */
		
	color: #3e3e3e;
	font-size: 12px;
	line-height: 17px;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-align: justify;
}
#RightFrame {
	position: absolute;
	
	right: 0px;
	top: 63px;
	width: 100px;
	height: 489px;
	
	border: 1px solid black;
	
	background-color: #ebeffd;
	
	font-family:Cambria,Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif; 
	text-align: justify;
}

/* petite zone qui contiendra le texte et le combobox pour changer la langue du site */
#Langue {
	position: absolute;
	top: 40px;
	width: 907px;
	text-align: right;
	color: black;
}

#titre {
	position: absolute;
	top: 20px;
	left: 50%;
	width:802px;
	margin-left: -400px;
	height: 140px;
	color: #3e4d6a;
	font-size: 40px;
	letter-spacing: 2px;
}


.BannPhoto {
	position: absolute;
	background-color: #cccccc;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
}

/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}

#slideCont img{margin:0px; }