body, html {
background-color: #182B1A;
height: 100%;
margin: 0;
padding: 0;
}



#ligne_blanche {
	position:absolute;
	left:0px;
	right:0px;
	top:87px;
	width:100%;
	height:36px;
	z-index:1;
	background-image: url(../../image/ligne_blanche.jpg);
}

#logo {
	position:absolute;
	
	top:10px;
	width:232px;
	height:116px;
	z-index:2;
}

#cadre_haut {
	height:160px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#cadre_centre {
	position:absolute;
	top:156px;
	bottom:50px;
	width:1000px;
	overflow:auto;
}

#cadre_bas {
	position:absolute;
	width:100%;
	height:auto;
	bottom:0px;
}



#trait_haut {
	position:absolute;
	top:147px;
	width:980px;
	height:8px;
	z-index:3;
	
}


#texte_adresse {
	position:absolute;
	top:131px;
	width:980px;
	height:13px;
	z-index:3;
}

.adresse {
	font-family:Century Gothic , Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #FFFFFF;
	letter-spacing:2px;
	text-decoration:none;
}

#sponsor {
	position:absolute;
	width:324px;
	height:47px;
	z-index:1;
	
	top: 2px;
	margin-left:665px;
}

#tache_1 {
	position:absolute;
	width:717px;
	height:31px;
	z-index:1;
	
	top: 2px;
}

#tache_2 {
	position:absolute;
	width:875px;
	height:193px;
	z-index:1;
	background-image:url(../../image/tache/tache_2.png);
	top: 127px;
	margin-left:50px;
}

#tache_3 {
	position:absolute;
	width:457px;
	height:345px;
	z-index:1;
	background-image:url(../../image/tache/tache_3.png);
	top: 300px;
	left: 41px;
}

#menu_ecole_blanc {
	position:absolute;
	width:117px;
	height:28px;
	z-index:4;
	margin-left: 280px;
	top: 89px;
}
#menu_ecole_jaune {
	position:absolute;
	width:117px;
	height:28px;
	z-index:4;
	margin-left: 280px;
	top: 89px;
}

#menu_agenda_blanc {
	position:absolute;
	width:107px;
	height:38px;
	z-index:4;
	margin-left: 455px;
	top: 89px;
}
#menu_agenda_jaune {
	position:absolute;
	width:107px;
	height:38px;
	z-index:4;
	margin-left: 455px;
	top: 89px;
}

#menu_inscription_blanc {
	position:absolute;
	width:127px;
	height:38px;
	z-index:4;
	margin-left: 630px;
	top: 89px;
}
#menu_inscription_jaune {
	position:absolute;
	width:127px;
	height:38px;
	z-index:4;
	margin-left: 630px;
	top: 89px;
}

#menu_contactez_blanc {
	position:absolute;
	width:164px;
	height:38px;
	z-index:4;
	margin-left: 813px;
	top: 89px;
}
#menu_contactez_jaune {
	position:absolute;
	width:164px;
	height:38px;
	z-index:4;
	margin-left: 813px;
	top: 89px;
}


#menu_bas {
	width:980px;
	height:47px;
}


#trait_bas {
	width:980px;
	height:8px;
	background-image:url(../../image/trait_blanc.png);
}

#contenu_bas {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:55px;
	
}

.menu{
	font-family:Tahoma;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: none;
}

.shadowImage
{
  /* On met notre span en bloque */
  display:block;
 
  /* On lui applique un float left, il sort ainsi du flux standard
  et n'occupera pas toute la largeur disponible comme il l'aurait
  fait normalement */
  float:left;
 
  /* On place notre ombre en arrière plan en bas à droite */
  background: url('images/shadowAlpha-mini.png') no-repeat bottom right;
 
  /* Quelques marges pour le style... */
  margin: 10px 0 0 10px;
}
 
.ombre_image
{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}