/* Placement de la page */
body {
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	font-size: 13px;
	color: black;
}




		.corps_admin
		{
		position: absolute;
		top: 0%;
		left: 0%;
		z-index:1;
		font-size:30px;
		}
		
		.table_simuroute
		{
		position: absolute;
		top: 100px;
		left: 600px;
		border: 0px;
		z-index:1;
		}
		
		.bouton_parcours
		{
		position: absolute;
		top: 5px;
		left: 420px;
		border: 1px solid black;
		padding: 2px;
		background-color: yellow;
		
		}
		
		.bouton_parcours p a
		{
		text-decoration: none;
		color: blue;
		
		}
		
		#tableau_parrainage
		{
		border: 1px solid black;
		border-collapse: collapse;
		}
		
		#tableau_parrainage td
		{
		border: 1px solid black;
		padding: 2px;
		}
		
		
		
		#index_flote_1
		{
		position: absolute;
		top: 75px;
		left: 570px;
		}
		
		#index_flote_1 img
		{
		text-decoration : none;
		border: 1px solid black;
		}
		
		#index_flote_2
		{
		position: absolute;
		top: 245px;
		left: 570px;
		}
		
		#index_flote_2 img
		{
		text-decoration : none;
		border: 1px solid black;
		}
		
		
		.theorie
		{
		position: absolute;
		top: 50px;
		left: 10px;
		font-size: 12px;
		}
		
		#balise_rendez-vous
		{
		position: absolute;
		top: 410px;
		left: 10px;
		border: 0px;
		z-index:1;
		border: 1px solid black;
		border-collapse: collapse;
		}
		
		#balise_rendez-vous td
		{
		border: 1px solid black;
		border-collapse: collapse;
		padding: 3px;
		text-align: center;
		}
		
		#balise_rendez-vous th
		{
		border: 1px solid black;
		border-collapse: collapse;
		padding: 3px;
		text-align: center;
		}
		
		#bas_de_page
		{
		position: absolute;
		top: 650px;
		left: 200px;
		height: 50px;
		width: 500px;
		text-align: center;
		}
		
		.table_simuroute img
		{
		border: 0px;
		}
		
		.simuroute_bloc_1
		{
		position: absolute;
		top: 0px;
		left: 10px;
		}
		
		.simuroute_bloc_2
		{
		position: absolute;
		top: 20px;
		left: 570px;
		}
		
		.simuroute_bloc_2 a
		{
		color: blue;
		text-decoration: none;
		}
		
		.simuroute_bloc_2 img
		{
		border: 2px;
		color: white;
		}
		
		.simuroute_bloc_3
		{
		position: absolute;
		top: 20px;
		left: 610px;
		}

		.balise1
		{
		position: absolute;
		top:  5px;
		left: 10px;
		z-index:1;
		}
		
		
		
		.balise2
		{
		position: absolute;
		top: 10px;
		left: 630px;
		height: 30px;
		width: 70px;
		z-index:1;
		}
		
		.balise3a
		{
		position: absolute;
		top: 100px;
		left: 200px;
		z-index:1;
		}
		
		.balise3a a 
		{
		text-decoration: none;
		color: blue;
		background-color: yellow;
		font-size: 14px;
		}
		
		.balise3b
		{
		position: absolute;
		top: 100px;
		left: 400px;
		z-index:1;
		}
		
		.balise3b a 
		{
		text-decoration: none;
		color: blue;
		background-color: yellow;
		font-size: 14px;
		}
		
		.balise3c
		{
		position: absolute;
		top: 100px;
		left: 600px;
		z-index:1;
		}
		
		.balise3c a 
		{
		text-decoration: none;
		color: blue;
		background-color: yellow;
		font-size: 14px;
		}
		.balise4
		{
		position: absolute;
		top: 700px;
		left: 10px;
		z-index:1;
		
		}
		
		.balise5
		{
		background-color: blue;
		color: yellow;
		text-decoration : none;
		font-size: 12px;
		}
		
		.balise6
		{
		color: red;
		text-decoration : none;
		font-size: 12px;
		}
		
		.balise7
		{
		color: blue;
		text-decoration : none;
		font-size: 12px;
		}
		
		.balise8
		{
		color: red;
		}
		
		.balise9
		{
		font-size: 12px;
		text-decoration : none;
		}
		
		.balise10
		{
		color: green;
		text-decoration : none;
		}
		
		.balise11
		{
		position: absolute;
		top: 20px;
		left: 20px;
		}
		
		.balise12
		{
		position: absolute;
		top: 20px;
		left: 320px;
		}
		
		.balise13
		{
		position: absolute;
		top: 220px;
		left: 530px;
		}
		.balise14
		{
		position: absolute;
		left: 10px;
		}
		
		.balise15
		{
		color: red;
		text-decoration : none;
		font-size: 12px;
		}
		
		.balise_corps
		{
		position: absolute;
		top: 150px;
		left: 5px;
		z-index:1;
		background-color: none;
		height: 500px;
		width: 800px;
		}
		
		.balise_corps2
		{
		position: absolute;
		top: 260px;
		left: 10px;
		z-index:1;
		}
		
		.titre
		{
		font-size: 20px;
		}
		
		.titre2
		{
		font-size: 15px;
		}
		
		.titre3
		{
		background-color: yellow;
		}
		
		.image_moi
		{
		position: absolute;
		top: 130px;
		left: 10px;
		z-index:1;
		}
		
		.midi_voiture
		{
		position: absolute;
		top: 130px;
		left: 200px;
		z-index:1;
		}
		
		.petite_haut_theorie
		{
		position: absolute;
		top: 410px;
		left: 260px;
		z-index:1;
		}
		
		.petite_bas_voiture
		{
		position: absolute;
		top: 430px;
		left: 460px;
		z-index:1;
		}
		
		.petite_haut_voiture
		{
		position: absolute;
		top: 430px;
		left: 260px;
		z-index:1;
		}
		
		.petite_bas_theorie
		{
		position: absolute;
		top: 410px;
		left: 460px;
		z-index:1;
		}
		
		.petite_haut_index
		{
		position: absolute;
		top: 80px;
		left: 580px;
		z-index:1;
		}
		
		.petite_bas_index
		{
		position: absolute;
		top: 170px;
		left: 580px;
		z-index:1;
		}
		
		.petite_contacte_1
		{
		position: absolute;
		top: 490px;
		left: 215px;
		z-index:1;
		height: 150px;
		width: 180px;
		}
		
		.petite_contacte_2
		{
		position: absolute;
		top: 490px;
		left: 480px;
		z-index:1;
		height: 150px;
		width: 180px;
		}
		
		
		
		.mister-coucou
		{
		position: absolute;
		top: 40px;
		left: 500px;
		z-index:1;
		}
		
		
		
		.Si_je
		{
		position: absolute;
		top: 240px;
		left: 500px;
		z-index:1;
		border: 1px solide white;
		}
		
		
		.simuroute
		{
		position: absolute;
		top: 70px;
		left: 450px;
		z-index:1;
		}
		
		.lien_video
		{
		position: absolute;
		top: 310px;
		left: 520px;
		font-size: 14px;
		z-index:1;
		}
		
		#balise_forfait
		{
		position: absolute;
		top: 100px;
		left: 380px;
		text-align: left;
		border-collapse: collapse;
		}
		
		#balise_menu
		{
		position: absolute;
		top: 80px;
		left: 0px;
		margin: 0px; 
		text-align: left;
		border: 1px solid black;
		height: 300px;
		width: 150px;
		}
		
		#balise_menu a
		{
		text-decoration: none;
		padding: 10px;
		color: blue;
		}
		
		#balise_menu_gauche
		{
		position: absolute;
		top: 0px;
		left: 0px;
		}
		
		
		
		
		
		#balise_menu_gauche img
		{
		text-decoration: none;
		border: 1px solid red;
		}
		
		#balise_menu_2
		{
		position: absolute;
		top: 80px;
		left: 0px;
		margin: 0px; 
		text-align: left;
		border: 1px solid black;
		height: 300px;
		width: 150px;
		}
		
		#balise_menu_2 a
		{
		text-decoration: none;
		padding: 10px;
		color: red;
		}
		
		#balise_tableau_index
		{
		position: absolute;
		top: 10px;
		left: 180px;
		margin: 10px; 
		text-align: left;
		border-collapse: collapse;
		border: 1px solid white;
		text-decoration : none;
		}
		
		#balise_tableau_index img
		{
		border: 1px solid black;
		}
		
		#balise_tableau_index td
		{
		text-align: center;
		}
		
		#balise_tableau_index2
		{
		position: absolute;
		top: 10px;
		left: 10px;
		margin: 10px; 
		text-align: left;
		border-collapse: collapse;
		border: 1px solid white;
		text-decoration : none;
		}
		
		#balise_tableau_index2 img
		{
		border: 1px solid black;
		}
		
		#balise_tableau_index2 td
		{
		text-align: center;
		}
		
		#balise_forfait td
		{
		border: 1px solid black;
		padding: 3px;
		}
		
		#balise_prix
		{
		position: absolute;
		top: 100px;
		left: 10px;
		text-align: left;
		border-collapse: collapse;
		}
		
		#tete
		{
		position: absolute;
		top: 0px;
		left: 200px;
		text-align: left;
		}
		
		#tete a
		{
		text-decoration: none;
		}
		
		#tete_2 a img
		{
		height: 130px;
		width: 540px;
		border: 1px solid white;
		}
		
		#tete_2 a 
		{
		text-decoration: none;
		border: 1px solid white;
		color: blue;
		}
		
		#tableau_voiture_1
		{
		position: absolute;
		top: 150px;
		left: 200px;
		text-align: left;
		border-collapse: collapse;
		}
		
		#tableau_voiture_1 td
		{
		border: 1px solid black;
		padding: 5px;
		}
		
		#tableau_voiture_2
		{
		position: absolute;
		top: 110px;
		left: 200px;
		text-align: left;
		border-collapse: collapse;
		}
		
		#tableau_voiture_2 td
		{
		border: 1px solid black;
		padding: 5px;
		}
		
		#tableau_carte_1
		{
		
		text-align: left;
		border-collapse: collapse;
		}
		
		#tableau_carte_1 td
		{
		font-size: 11px;
		border: 1px solid black;
		padding: 5px;
		}
		
		#formulaire_voiture_date
		{
		text-align: left;
		border-collapse: collapse;
		}
		
		#formulaire_voiture_date td
		{
		border: 1px solid black;
		padding: 3px;
		}
		
		#formulaire_voiture_date th
		{
		border: 1px solid black;
		padding: 3px;
		}
		
		#balise_prix td
		{
		border: 1px solid black;
		padding: 3px;
		}
		
		.balise_titre_cours
		{
		position: absolute;
		top: 55px;
		left: 100px;
		background-color: yellow;
		}
		
		.balise_titre_forfait
		{
		position: absolute;
		top: 55px;
		left: 420px;
		background-color: yellow;
		}
		
		.balise_bas_prix
		{
		position: absolute;
		top: 280px;
		left: 10px;
		}
		
		.image_plan_salle1
		{
		position: absolute;
		top: 130px;
		left: 5px;
		height: 150px;
		width: 210px;
		}
		
		.image_plan_pratique1
		{
		position: absolute;
		top: 130px;
		left: 300px;
		height: 150px;
		width: 210px;
		}
		
		.petite_plan_haut
		{
		position: absolute;
		top: 200px;
		left: 500px;
		height: 150px;
		width: 210px;
		}
		
		.petite_plan_bas
		{
		position: absolute;
		top: 400px;
		left: 500px;
		height: 150px;
		width: 210px;
		}
		
		.lien_grande_image
		{
		position: absolute;
		top: 300px;
		left: 500px;
		}
		
		.grand_salle
		{
		height: 400px;
		width: 550px;
		}
		
		.grand_pratique
		{
		height: 400px;
		width: 550px;
		}
		
		.index_titre
		{
		background-color: yellow;
		}
		
		
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
       
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		position: absolute;
		top: 110px;
		left: 10px;
		z-index:20;
}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #0000ef; /* couleur de fond */        
        color : yellow; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}



#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}