* {margin:0;padding:0} 
html, body {
	width:100%;
    height: 100%;
}
/*----------------------LE SITE DE PRESENTATION-------------*/
body{
	background-color:#ffffff;
	margin:0;
	padding:0;
}
div.container_haut
{
	clear:both;
	width:1145px;
	height:147px;
	margin:0;
	padding:0;
}

div.logo
{
	float:left;
    height:147px;
	width:228px;;
	margin:0;
	padding:0;

}
div.bandeauHaut
{
	float:left;
	width:900px;;
	height:147px;;
}

/*---------------------------------------------------------------------*/ 
div.container_milieu
{
	clear:both;
	width:1145px;
	height:1000px;
}
div.menu
{
	font-family:"Century Gothic";
	float:left;
	width:176px;
	height:663px;
	/*background-color:#add139;*/
	/*background-image:url("Images/LaDecoFond.PNG");*/
	background-color:#ADD139;
}
div.laLigne
{
	height:20px; 
	padding-top:10px;	
}
.ligneMenu a
{
	font-size:12pt;
	color:#000000;
    padding-left:5px;
	text-decoration: none;

	/*display:block;*/
}
.ligneMenu a:hover
{
	background-color:#00b9f1;
	display:block;
}
.ligneMenu a:active  /*surbrillance du choix pour IE*/
{
	background-color:#00b9f1;
	display:block;
}
.ligneMenu a:focus  /*surbrillance du choix dans Firefox*/
{
	background-color:#00b9f1;
	display:block;
}

div.LaDecoLeft
{
	float:left;
	width:214px;
	height:663px;
}
div.LaDecoRight
{
	float:left;
	width:200px;
	height:663px;
}
div.thepage
{
	float:left;
	/*background-color:#D7EEF4;*/
	width:550px;
	height:663px;
	overflow-y:auto;
	background-color:#FFFFFF;
}
div.pub
{
    /*position: relative;*/
	float:left;
	width:11%;
	height:100%;
	background-image:url("Images/LaDecoFond.PNG");
}
/*-------------------FIN DU SITE DE PRESENTATION-------------------------*/
div.container_bas
{
	clear:both;
	float:left;
	width:100%;
	height:15%;
	background-color:#AAD400;
	border-top:#EEEEEE solid 10px;
}
div.img_bas
{
	float:left;
	height:100%;
	width:20%;
}
div.bandeauBas
{
	float:left;
	 text-align:center;
	 font-size:35px;
	 color:#D5D5FF;
	 /*border:2px solid #FF9900;*/
	 width:80%;
	 height:100%;

}
div.cadre
{
    width:30%;
	height:30%;
	border:dotted;
	position:absolute;
	left:100px;
	top:100px;
}
div.z1
{
	z-index:1;
	position:absolute;
    width:100%;
	left:1px;
	top:1px;
}
div.z2
{
	z-index:2;
	position:absolute;
	color:red;
	/*left:120px;
	top:120px;*/
}
div.z3
{
	z-index:3;
	position:relative;
	color:blue;
	left:1px;
	top:1px;
}
/*---------------Les pages du site----------- */
div.bienvenue
{
	width:100%;
	height:30%;
}
div.LaPage70
{
	font-family:verdana;	
	font-size:9pt;
	width:100%;
	height:70%;
}
div.LaPage100
{
	font-family:verdana;	
	font-size:9pt;
	width:100%;
	height:100%;
}

 div.ligneSite
{
	clear:both;
	width:100%;
	height:2px;
    background-color:#add139;
}
div.containerSite
{
	height:25%;
	width:100%;
}
div.containerAffiche
{
	height:27%;
	width:100%;
}
 div.imageSite
{
	float:left;
	width:40%;
	height:100%;
/*	border-right:solid 1px #000080;*/ 
	/*margin-right:10px;*/
	padding-top:1%;
	text-align:right;
}
div.imageAffiche
{
	float:left;
	width:40%;
	height:100%;
/*	border-right:solid 1px #000080;*/ 
	/*margin-right:10px;*/
	padding-top:0%;
	text-align:right;
}
 div.texteSite a
{
    float:left;
	padding-top:2%;
   padding-left:10px;
	font-family:"Comic Sans MS";
	color:#000000;	
	font-size:10pt;
}
 div.texteSite
{
    float:left;
	height:100%;
	width:58%;
  /*border:solid 1px #FF0000;*/
   padding-top:2%;
   padding-left:10px;
	font-family:"Comic Sans MS";
	color:#000000;	
	font-size:10pt;
}
.smalltext
{
	font-size:10pt;
	line-height:14pt;
}