/*******************************************************        

                  Mecanima
              Style arrière-plan     
                      
********************************************************/


body {
 background-color:rgb(81,120,247); /* #5178F7 */
 background-image:  url(../styles/body-top-bg.jpg); /* url de l'image dans la pertie supérieure de l'écran */
 background-repeat:repeat-x; /* l'image de la partie supérieure se répète dans la largeur de l'écran */
}



/* position du logo MECANIMA sur l'écran */
#body-top-bg-sitename {
 position:absolute;
 top:40px;
 left:22px;
 z-index:10;
 }

/* position des boutons ligne1 position1 sur l'écran */
#haute1 {
 position:absolute;
 top:115px;
 left:30px;
 z-index:10;
 }

/* position des boutons ligne1 position2 sur l'écran */
#haute2 {
 position:absolute;
 top:115px;
 left:170px;
 z-index:10;
 } 
 
 /* position des boutons ligne1 position3 sur l'écran */
#haute3 {
 position:absolute;
 top:115px;
 left:310px;
 z-index:10;
 } 
 
 /* position des boutons ligne1 position4 sur l'écran */
#haute4 {
 position:absolute;
 top:115px;
 left:450px;
 z-index:10;
 } 
 
/* position des boutons ligne1 position5 sur l'écran */
#haute5 {
 position:absolute;
 top:115px;
 left:590px;
 z-index:10;
 }
 
/* position des boutons ligne1 position6 sur l'écran */
#haute6 {
 position:absolute;
 top:115px;
 left:730px;
 z-index:10;
 }    

/* position des boutons ligne1 position7 sur l'écran */
#haute7 {
 position:absolute;
 top:115px;
 left:870px;
 z-index:10;
 }
 
 /* position des boutons ligne2 position1 sur l'écran */
#basse1{
 position:absolute;
 top:152px;
 left:30px;
 z-index:10;
 }

 /* position des boutons ligne2 position2 sur l'écran */
#basse2{
 position:absolute;
 top:152px;
 left:170px;
 z-index:10;
 }
 
/* position des boutons ligne2 position3 sur l'écran */
#basse3{
 position:absolute;
 top:152px;
 left:310px;
 z-index:10;
 }

/* position de "@ Contact" sur l'écran */
#body-top-bg-mail {
 position:absolute;
 top:67px;
 right:22px;
 z-index:10;
 }

/* Etirement de l'image dans la partie inférieure sur toute la largeur de l'écran */
#bottom {
position: absolute;	/* dimension et positionnement du bloc conteneur de l'image */
bottom: 0px;
left:0px;

height : 25%;	
width : 100%;
}

#bottom img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}

#bloc_cours_h1 {
	position: relative;
	top: 150px;
}

#bloc_cours_h2 {
    position: relative;	/* dimension et positionnement du bloc cours*/
    top: 167px;

}

img.gauche1 {
	float: left;
	width: auto;
	padding: 5px 20px 7px 0px; /*haut, droite, bas, gauche */
}

/* Position de l'animation Escargomail sur l'écran  */
#escargomail_tab {
 position:absolute;
 top:402px;
 right:0px;
 z-index:10;
 }
 
 /* Position de la zone image et formulaire de Mecafouineur sur l'écran  */
#mecafouineur_tab {
 position:absolute;
 top:405px;
 right:0px;
 z-index:10;
 }
 
 /* Position du menu horizontal Mecafouineur sur l'écran  */
 #mecafouineur_list {
	position:absolute;
	top:355px;
	left:35px;
	z-index:10;
 }