/* CSS Document */


body {
	background-color: #CCCCCC;
	margin:0;
	padding:0;
}

#page{
	position: relative;           /* constant, toujours 50% */
	height: 620px;            /* constant, toujours 50% */
	border: 1px solid #ccc;
	background-color: #ccc;
	width: 100%;
}

#Tableau_01 {
	position:relative;
	width:782px;
	height:610px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#accueil-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:592px;
	height:55px;
}

#accueil-02 {
	position:absolute;
	left:592px;
	top:0px;
	width:190px;
	height:55px;
	background-image: url(../images/accueil/accueil_02.gif);
}

#menu {
	position:absolute;
	left:0px;
	top:55px;
	width:592px;
	height:20px;
	z-index:200;
}

#accueil-04 {
	position:absolute;
	left:592px;
	top:55px;
	width:190px;
	height:20px;
	background-image: url(../images/accueil/accueil_04.gif);
}

#accueil-05 {
	position:absolute;
	left:0px;
	top:75px;
	width:592px;
	height:495px;
	background-image: url(../images/accueil/accueil_05.gif);
}

#accueil-06 {
	position:absolute;
	left:592px;
	top:75px;
	width:190px;
	height:61px;
}

#accueil-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
}

#accueil-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
}

#accueil-09 {
	position:absolute;
	left:0px;
	top:570px;
	width:243px;
	height:18px;
	background-color: #FFFFFF;
}

#accueil-10 {
	position:absolute;
	left:243px;
	top:570px;
	width:349px;
	height:40px;
}

#accueil-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
}

#accueil-12 {
	position:absolute;
	left:0px;
	top:588px;
	width:97px;
	height:22px;
}

#accueil-13 {
	position:absolute;
	left:97px;
	top:588px;
	width:119px;
	height:22px;
}

#accueil-14 {
	position:absolute;
	left:216px;
	top:588px;
	width:27px;
	height:22px;
}

/*
ici styles pour background qui changent dans layers des pages suivantes
*/
/* pour page presentation (= "qui sommes-nous")_2. ATTENTION le n° des classes est inversé */
#presentation_1-05 {
	position:absolute;
	left:0px;
	top:75px;
	width:592px;
	height:495px;
	background-image: url(../images/presentation/qui_05.gif);
}

#presentation_1-06 {
	position:absolute;
	left:592px;
	top:75px;
	width:190px;
	height:61px;
	background-image: url(../images/presentation/qui_06.gif);
}

#presentation_1-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
	background-image: url(../images/presentation/qui_07.jpg);
}

#presentation_1-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
	background-image: url(../images/presentation/qui_08.jpg);
}

#presentation_1-10 {
	position:absolute;
	left:243px;
	top:570px;
	width:349px;
	height:40px;
	background-image: url(../images/presentation/qui_10.gif);
}

#presentation_1-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
	background-image: url(../images/presentation/qui_11.gif);
}
/* pour page presentation (= "qui sommes-nous")_1. ATTENTION le n° des classes est inversé */
#presentation_2-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
	background-image: url(../images/presentation/qui2_07.jpg);
}

#presentation_2-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
	background-image: url(../images/presentation/qui2_08.jpg);
}

#presentation_2-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
	background-image: url(../images/presentation/qui2_11.gif);
}
/* pour page equipe_pedagogique_1 */
#pedago_1-05 {
	position:absolute;
	left:0px;
	top:75px;
	width:592px;
	height:495px;
	background-image: url(../images/equipe_pedagogique/pedago_1_05.gif);
}

#pedago_1-06 {
	position:absolute;
	left:592px;
	top:75px;
	width:190px;
	height:61px;
	background-image: url(../images/equipe_pedagogique/pedago_1_06.gif);
}

#pedago_1-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
	background-image: url(../images/equipe_pedagogique/pedago_1_07.jpg);
}

#pedago_1-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
	background-image: url(../images/equipe_pedagogique/pedago_1_08.jpg);
}

#pedago_1-10 {
	position:absolute;
	left:243px;
	top:570px;
	width:349px;
	height:40px;
	background-image: url(../images/equipe_pedagogique/pedago_1_10.gif);
}

#pedago_1-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
	background-image: url(../images/equipe_pedagogique/pedago_1_11.gif);
}
/* pour page cursus */
#cursus-05 {
	position:absolute;
	left:0px;
	top:75px;
	width:592px;
	height:495px;
	background-image: url(../images/cursus/cursus_05.gif);
}

#cursus-06 {
	position:absolute;
	left:592px;
	top:75px;
	width:190px;
	height:61px;
	background-image: url(../images/cursus/cursus_06.gif);
}

#cursus-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
	background-image: url(../images/cursus/cursus_07.jpg);
}

#cursus-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
	background-image: url(../images/cursus/cursus_08.jpg);
}

#cursus-10 {
	position:absolute;
	left:243px;
	top:570px;
	width:349px;
	height:40px;
	background-image: url(../images/cursus/cursus_10.gif);
}

#cursus-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
	background-image: url(../images/cursus/cursus_11.gif);
}
/* pour page modules */
#modules-05 {
	position:absolute;
	left:0px;
	top:75px;
	width:592px;
	height:495px;
	background-image: url(../images/modules/modules_05.gif);
}

#modules-06 {
	position:absolute;
	left:592px;
	top:75px;
	width:190px;
	height:61px;
	background-image: url(../images/modules/modules_06.gif);
}

#modules-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
	background-image: url(../images/modules/modules_07.jpg);
}

#modules-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
	background-image: url(../images/modules/modules_08.jpg);
}

#modules-09 {
	position:absolute;
	left:0px;
	top:570px;
	width:243px;
	height:18px;
	background-color: #FFFFFF;
	background-image: url(../images/modules/modules_09.gif);
}

#modules-10 {
	position:absolute;
	left:243px;
	top:570px;
	width:349px;
	height:40px;
	background-image: url(../images/modules/modules_10.gif);
}

#modules-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
	background-image: url(../images/modules/modules_11.gif);
}
/* pour page annuaire */
#annuaire-05 {
	position:absolute;
	left:0px;
	top:75px;
	width:592px;
	height:495px;
	background-image: url(../images/annuaire/annuaire_05.gif);
}

#annuaire-06 {
	position:absolute;
	left:592px;
	top:75px;
	width:190px;
	height:61px;
	background-image: url(../images/annuaire/annuaire_06.gif);
}

#annuaire-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
	background-image: url(../images/annuaire/annuaire_07.jpg);
}

#annuaire-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
	background-image: url(../images/annuaire/annuaire_08.jpg);
}

#annuaire-09 {
	position:absolute;
	left:0px;
	top:570px;
	width:243px;
	height:18px;
	background-color: #FFFFFF;
	background-image: url(../images/annuaire/annuaire_09.gif);
}

#annuaire-10 {
	position:absolute;
	left:243px;
	top:570px;
	width:349px;
	height:40px;
	background-image: url(../images/annuaire/annuaire_10.gif);
}

#annuaire-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
	background-image: url(../images/annuaire/annuaire_11.gif);
}
/* pour page telechargements */
#telechargements-05 {
	position:absolute;
	left:0px;
	top:75px;
	width:592px;
	height:495px;
	background-image: url(../images/telechargements/telechargements_05.gif);
}

#telechargements-06 {
	position:absolute;
	left:592px;
	top:75px;
	width:190px;
	height:61px;
	background-image: url(../images/telechargements/telechargements_06.gif);
}

#telechargements-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
	background-image: url(../images/telechargements/telechargements_07.jpg);
}

#telechargements-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
	background-image: url(../images/telechargements/telechargements_08.jpg);
}

#telechargements-09 {
	position:absolute;
	left:0px;
	top:570px;
	width:243px;
	height:18px;
	background-color: #FFFFFF;
	background-image: url(../images/telechargements/telechargements_09.gif);
}

#telechargements-10 {
	position:absolute;
	left:243px;
	top:570px;
	width:349px;
	height:40px;
	background-image: url(../images/telechargements/telechargements_10.gif);
}

#telechargements-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
	background-image: url(../images/telechargements/telechargements_11.gif);
}
/* pour page partenaires */
#partenaires-05 {
	position:absolute;
	left:0px;
	top:75px;
	width:592px;
	height:495px;
	background-image: url(../images/partenaires/partenaires_05.gif);
}

#partenaires-06 {
	position:absolute;
	left:592px;
	top:75px;
	width:190px;
	height:61px;
	background-image: url(../images/partenaires/partenaires_06.gif);
}

#partenaires-07 {
	position:absolute;
	left:592px;
	top:136px;
	width:190px;
	height:321px;
	background-color: #737373;
	background-image: url(../images/partenaires/partenaires_07.jpg);
}

#partenaires-08 {
	position:absolute;
	left:592px;
	top:457px;
	width:190px;
	height:113px;
	background-image: url(../images/partenaires/partenaires_08.jpg);
}

#partenaires-09 {
	position:absolute;
	left:0px;
	top:570px;
	width:243px;
	height:18px;
	background-color: #FFFFFF;
	background-image: url(../images/partenaires/partenaires_09.gif);
}

#partenaires-10 {
	position:absolute;
	left:243px;
	top:570px;
	width:349px;
	height:40px;
	background-image: url(../images/partenaires/partenaires_10.gif);
}

#partenaires-11 {
	position:absolute;
	left:592px;
	top:570px;
	width:190px;
	height:40px;
	background-image: url(../images/partenaires/partenaires_11.gif);
}

