/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	}
body {
	background-color: #336697;
	
}

.addthis_button_facebook_like,
.addthis_button_facebook_like iframe {
	width: 85px;
}

.addthis_button_facebook_like td {
	padding: 0;
	margin: 0;
}

.addthis_toolbox {
	font-size: 12px !important;
	line-height: 1em;
}

#Fil {
	position: absolute;
	top: 330px;
	
	font-size: 10px;
}

img {
	border:0px;
}

#boitePrincipale{
    position: relative;
	width:990px;
	margin:auto;
    background-color: white;
}



#logo{
  position: absolute;

  left: 0px;
  top: 0px;
  width:276px;
  height:261px;
}
#header{
	/*position: relative;*/
	/*float: right;*/
	/*width:714px;*/
	width: 990px;
	height:261px;
	background-image: url(../images/ecole-musique.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#header img{
	padding: 10px;
	float: right;
}



#pantheon{
	border: solid 3px #934f1f;
	margin-bottom: 15px;
}

#inscription{
	border: solid 3px #183f64;
	margin-bottom: 15px;
}

#facebook {
	margin-bottom: 15px;
	margin-top: 25px;
}

#content {
	padding: 50px 0px 10px 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}



#aDroite {
padding: 0px 0px 0px 20px;
float: right;
width: 255px;
padding-right: 20px;
}
#aGauche {
width: 660px;
padding-left: 20px;
float: left;
}
.spacer{
height: 2px;
width: 100%;
}

/*----------------------------------

	Menu

------------------------------------*/

#menu{
   height : 56px;
   padding: 0px;
   
   background-image: url(../images/lgnMnu.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
}

img.mnu00 {
	display: block;
    float: left;
    height: 47px;
    width: 43px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
}

a.mnu01 {
	display: block;
    float: left;
    height: 47px;
    width: 101px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    background: url(../images/profil.jpg)  no-repeat 0 0 ;
}

a:hover.mnu01 {
   background: url(../images/profil.jpg)  no-repeat 0 -47px ;
}

a.mnu02 {
	display: block;
    float: left;
    height: 47px;
    width: 161px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    background: url(../images/professeurs.jpg)  no-repeat 0 0 ;
}

a:hover.mnu02 {
   background: url(../images/professeurs.jpg)  no-repeat 0 -47px ;
}

a.mnu03 {
	display: block;
    float: left;
    height: 47px;
    width: 100px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    background: url(../images/cours.jpg)  no-repeat 0 0 ;
}

a:hover.mnu03 {
   background: url(../images/cours.jpg)  no-repeat 0 -47px ;
}

a.mnu04 {
	display: block;
    float: left;
    height: 47px;
    width: 119px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    background: url(../images/services.jpg)  no-repeat 0 0 ;
}

a:hover.mnu04 {
   background: url(../images/services.jpg)  no-repeat 0 -47px ;
}

a.mnu05 {
	display: block;
    float: left;
    height: 47px;
    width: 99px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    background: url(../images/tarifs.jpg)  no-repeat 0 0 ;
}

a:hover.mnu05 {
   background: url(../images/tarifs.jpg)  no-repeat 0 -47px ;
}

a.mnu06 {
	display: block;
    float: left;
    height: 47px;
    width: 198px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    background: url(../images/impliquez.jpg)  no-repeat 0 0 ;
}

a:hover.mnu06 {
   background: url(../images/impliquez.jpg)  no-repeat 0 -47px ;
}

a.mnu07 {
	display: block;
    float: left;
    height: 47px;
    width: 169px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    background: url(../images/calendrier.jpg)  no-repeat 0 0 ;
}

a:hover.mnu07 {
   background: url(../images/calendrier.jpg)  no-repeat 0 -47px ;
}







a:link {
	/*text-decoration: none;*/
	color:#336697;
	}
a:visited {
	/*text-decoration: none;*/
	color:#336697;
	}
a:hover, a:active {
	/*text-decoration: underline;*/
	color:#000000;
	}

/*--------------------------------------
/* Pied
/**/
#Pied {
	width: 990px;
	margin: auto;
	
	color: #fff;
	font-size: 10px;
	
	height: 20px;

	padding: 10px;

}

#Pied a {
	color: #fff;
}

#Copyright {
	float: left;
}

#Realisation {
	float: right;
}