body
{
   width: 1460px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;    
   background-color: #5a5a5a;
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
 }
 
 .invisible { position: absolute; top: -3000em; height: 1%; }
 
#page
{
background-image: url("images/fond.jpg");
background-repeat:no-repeat;
position: relative;
margin: 0 auto; 
text-align: justify; }


#conteneur { 
padding-top: 10px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
height: 1000px;

 }
 
 #contenu {
 height:900px;
 }
 
#entete { 
padding-left:112px;
 }
 
 .titre1 img
{
display : none;
}

 .titre1 a
 {
  display: block; 
    width:1300px;
  height:204px; 
background-image : url("images/Mes-chansons-chaussent-du-24.png");
background-repeat : no-repeat;
}
 
 .titre1 a:hover{
 background-image: url("images/Mes-chansons-chaussent-du-24-survol.png");
background-repeat:no-repeat;
 }
 
 #musique{
 position: relative;
 width: 235px;
 height: 340px;
 margin-left :30px;
 padding-top:20px;
 }
 
 #video{
	position: relative;
	width: 460px;
	height: 345px;
	margin-left :280px;
	margin-top:80px;
	text-align:center;
	overflow:auto;
 }
 
 .telecharger {
 
  position: absolute;
 margin-left:220px;
 margin-top:-235px;
 }
 
 .inline {
 display: inline;}

 #titre {
  position: relative;
 width: 500px;
 height: 53px;
 margin-left :300px;
 margin-top:110px;
 font-family:  comic sans MS, Calibri, "Arial Black", "Times New Roman", Times, serif;
 font-size:1.7em;
 text-align:center;
  }
 
 #paroles{
 position: relative;
 width: 700px;
 height: 350px;
 overflow:auto ;
 margin-left :295px;
 padding-right : 3px;
 }

#gauche{
   display: block; 
position: absolute ;
margin-top:-945px;
margin-left:-10px;
width: 175px;
text-align:center;
}

.ballon {
position: absolute ;
margin-top:0px;
margin-left:5px;
width: 150px;
}

.fb {
position: absolute ;
margin-top:245px;
margin-left:19px;
width:150px;
font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
color:#3359a6;
font-weight : bold;
font-style : italic;
text-align:left;
}

.gauche-bas{
position: absolute ;
margin-top:620px;
width: 175px;
text-align:center;
}

 
#pied {
margin: auto;
text-align: center; 
font-size: 0.8em; 
color:#717171;
font-style:italic;
padding-bottom:6px;
 background-color:#aeaeae;
 color:#eeeeee;
}


#pied a {
color:#dddddd;}

#pied a:hover {color:#eeeeee;}


/* Les icônes */

.livre
 {
position: absolute;
left: 175px;
top: 700px;
}

.livre img
{
display : none;
}

.livre a
 {
  display: block; 
    width:157px;
  height:157px; 
background-image : url("images/livre.png");
background-repeat : no-repeat;
}

.livre a:hover
 {
background-image : url("images/livre-survol.png");
background-repeat : no-repeat;
}

.poste-cd
 {
position: absolute;
left: 50px;
top: 520px;
}

.poste-cd img
{
display : none;
}

.poste-cd a
 {
  display: block; 
    width:222px;
  height:322px; 
background-image : url("images/poste-cd.png");
background-repeat : no-repeat;
}

.poste-cd a:hover
{
background-image : url("images/poste-cd-survol.png");
background-repeat : no-repeat;}

.crayons
 {
position: absolute;
left: 1093px;
top: 795px;
}

.crayons img
{
display : none;
}

.crayons a
 {
  display: block; 
    width:236px;
  height:262px; 
background-image : url("images/crayons.png");
background-repeat : no-repeat;
}

.crayons a:hover
{
  display: block; 
background-image : url("images/crayons-survol.png");
background-repeat : no-repeat;}

.partition
 {
position: absolute;
left: 1018px;
top: 1013px;
}

.partition img
{
display : none;
}

.partition a
 {
  display: block; 
    width:150px;
  height:139px; 
background-image : url("images/partition.png");
background-repeat : no-repeat;
}

.partition a:hover
{
  display: block; 
background-image : url("images/partition-survol.png");
background-repeat : no-repeat;}

.des
 {
position: absolute;
left: 1016px;
top: 903px;
}


.des img
{
display : none;
}

.des a
 {
  display: block; 
    width:107px;
  height:128px; 
background-image : url("images/des.png");
background-repeat : no-repeat;
}

.des a:hover
{
  display: block; 
background-image : url("images/des-survol.png");
background-repeat : no-repeat;}

.voiture
 {
position: absolute;
left: 635px;
top: 674px;
}

.voiture img
{
display : none;
}

.voiture a
 {
  display: block; 
    width:141px;
  height:136px; 
background-image : url("images/voiture.png");
background-repeat : no-repeat;
}

.voiture a:hover
{
  display: block; 
background-image : url("images/voiture-survol.png");
background-repeat : no-repeat;}

.avion{
position: absolute;
left:1345px;
top:690px;
}

.Moski
 {
position: absolute;
left: 1260px;
top: 940px;
}

.Moski img
{
display : none;
}

.Moski a
 {
  display: block; 
    width:192px;
  height:283px; 
background-image : url("images/Moski.png");
background-repeat : no-repeat;
}
.Moski a:hover
 {
background-image : url("images/Moski-survol.png");
background-repeat : no-repeat;
}


/* Le menu */

#rubrique-dessus {
   display: block; 
position: relative ;
margin-top:-1007px;
margin-left:-20px;
}

.menu_horizontal {
 height:30px;
 margin-top: 5px;
 margin-left: 140px;
 font-family:  comic sans MS, Calibri, "Arial Black", "Times New Roman", Times, serif;

 }

.menu_horizontal ul {
 padding:0;
 margin:0;
 list-style-type:none;
 text-align:center;
 text-decoration: none;
 font-weight: bold;
 font-size:1.15em;
 }
.menu_horizontal li {
 margin-left:6px;
  width:220px;
 float:left; /*pour IE*/

 }
.menu_horizontal li a {
 display:block;
 text-decoration:none;
 text-align:center;
 color:#555;

 }
.menu_horizontal  li a:hover {

 }

.menu_horizontal ul li ul {
 display:none;
 }

.menu_horizontal ul li:hover ul {
 display:block;
  font-weight: normal;
 font-size:1em;
 margin-left:-6px;
 }
.menu_horizontal li:hover ul li {
 float:none;

 }

.menu_horizontal li ul {
 position:absolute;
 }

 
 .onglet-rose {
 background-color: #fc6c79;
   height: 40px;
padding-top : 10px;
}
 .onglet-rose:hover{
 background-color: #d05964;
   } 
 
  .onglet-bleu {
 background-color: #7ba7fd;
    height: 50px;
}
 .onglet-bleu:hover{
 background-color: #5c7ebe;
   } 
   
  .onglet-jaune {
 background-color: #f6f974;
   height: 40px;
padding-top : 10px;
}
 .onglet-jaune:hover{
 background-color: #d4d664;
   } 
   
  .onglet-vert {
 background-color: #b2fd77;
   height: 40px;
padding-top : 10px;
}
 .onglet-vert:hover{
 background-color: #8dc95f;
   } 
 
  .onglet-orange {
 background-color: #fbb07e;
   height: 40px;
padding-top : 10px;
}
 .onglet-orange:hover{
 background-color: #d6966c;
   } 
 
 .gris {
   background-color:#5a5a5a;
    font-size:0.9em;
 font-weight: normal;
}

.gris:hover{
   background-color: #717171;
   }
 
 
 .float_left{
float: left;
}

.float_right{
float: right ;
}

/* personnalisation
---------------------------------------------- */

a
{
color:#e3910c;
text-decoration:none;
}

h3 {
text-align:center;}

h1 {
font-size:1.2em;}

img,table {
border: none;
}

a:focus,a:active,a:hover
{
  color:#e3910c;
  text-decoration:underline;
}

p
{
text-indent:15px;
}

strong
{
color:#e3910c;
}

.justifier
{text-align:justify;}