body, li, ul { margin: 0; padding: 0; }

body {
	background-color: #ffffff;/* gris clair #E5E5E5*/
	font-family: verdana, arial; position: relative;
}

/* L'ensemble de la page est fixé et centré */
#global {
	/* width: 950px; */
	margin: 0 auto;
	margin-top: 0px;
	background-color: #ffffff;
}

/* Fond d'entête */
.image1 {
	margin-bottom: 0px;
	height : 175px ;
	background-color : #f18d30;
	background-image : url("./images/header2.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* lien de retour */
 #espace {
	padding-right: 40px;
	float: right;
	background-image:  url("./images/espace.png");
	color: #ffffff; font-size: 10px;
	font-weight: bold; 
	text-decoration: none;
	padding-left: 20px;
	padding-right: 10px;
	margin-right: 40px;
	height: 18px;
}

 /* logo */
 #logo {
 float: left;	 
 padding-left: 30%; 
 padding-top: 10px;
 margin-bottom: 0px;
 }

 
/* bandeau d'illustration sous l'entête */ 
#banniere1 {
  margin:0;
  padding:0;
  margin-top: 0px;
  background-image: url("./images/slide2.png");
  height: 203px;
}
#banniere2 {
  margin:0;
  padding:0;
  padding-left: 100px;
  margin-top: 0px; height: 203px;
}
#banniere3 {
  margin:0;
  padding:0;
  padding-left: 0px;
  margin-top: 0px; height: 203px;
}

/* Menu de navigation */

#blocmenu {
  clear: both;
  height: 20px; 
  padding-left: 70%;
  padding-top: 10px;  /* définit la position du menu par rapport au logo */
  margin-top: 100px;
  margin-bottom: 0px;
}

/* Détails pour le menu de navigation */

ul#menu {
  margin: 0px;
  line-height: 14px;
}

#menu li {
  float: left;
  list-style-type: none;
  padding-right: 20px;
  padding-left: 0px;  
  list-style-position: inside;}

#menu li a {
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  outline: none;
  -moz-transition: all 1s ease 0s;	/* ajout de transitions */
  -webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

#menu li  a:hover {
  background-color: #ffffff;
  color:  #1d8c99;
  cursor: pointer; 
} 

/* Menu des formules */

#blocliste {
	clear: both;
	height: 20px; 
	padding-left: 140px;
	margin-top: 20px;
	margin-bottom: 0px;
}
#liste {
	height: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Détails pour la liste */

ul#liste {
	margin: 0px;
	line-height: 12px;
}

#liste li {
					/* suppression de width: 124px; */
	float: left;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 0px;  
	list-style-position: inside;
	
}

#liste li a {
	font-size: 10px;
	text-decoration: none; /* color: #009ee0; */
	font-weight: normal;
	outline: none;
}

#liste li button:hover {
	cursor:pointer; 
}
	
.pagencours {
	border-left: 0px solid #009ee0;
	border-right: 0px solid #009ee0;
	border-bottom: 0px solid #ed9b3b;
	border-top:0px solid #ed9b3b;
	color: #1d8c99;
	background-color: #ffffff;
	height: 20px;
	margin-right: 5px;
}
.pagencours a:link  {color: #1d8c99;}
.pagencours a:visited{color: #1d8c99;}
.nonencours {
	border-left:0px solid #009ee0;
	border-right:0px solid #009ee0;
	border-bottom:0px solid #ed9b3b;
	border-top:0px solid #ed9b3b; 
	color: #ffffff;
	margin-right: 5px;
	}
.nonencours a:link {color: white;}
.nonencours a:visited{color:  #ffffff;}

/* partie centrale (en vertical) de la page */
#centre {
	overflow: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 0px; /* passage de 20 à 0px */
	background-image:  url("./images/fond_centre.png");
}

#centre a, #centre a:visited {
	padding: 14px; 
	line-height: 25px; 
					/* suppression de font-size */
	text-decoration: none; 
	color: #f19131;
	outline: none;} /* suppression de font-weight */
	
#centre a:hover {
color: #555555;
}

/* division en deux parties gauche et droite */
#centre_gche {
	float: left;
	margin-bottom: 0px;
}
#gche {
	float: left;
	margin-bottom: 0px;
	margin-top: 20px; 
	margin-left: 0px;
	padding: 10px;
	width: 600px;
}
#centre_drt {
	float: right;
	margin-right: 145px;
	width: 306px;
	margin-bottom: 0px;
}
#drt {
	float: right;
	margin-right: 10px;
	width: 220px;
	margin-bottom: 0px;
	margin-top: 25px;
	padding: 10px;
}
/* en-tête de la partie gauche et de la partie droite */
.bandeau_gche {
	margin-top: 15px;
	padding-top: 0px;
	background-color: #1d8c99;
	font-size: 14px;
	height: 20px;
	color: #ffffff; 
	text-align: center;
	width: 306px; 
	margin-left: 145px;
}
.formule {
	clear: both; 
	border: 1px solid #aaaaaa;
	border-bottom: 0px solid #aaaaaa;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-color: #bbbbbb;
	font-size: 14px;
	height: 20px;
	color: #0a272d; 
	text-align: center;
	width: 618px; 
	
}
.bandeau_drt {
	margin-top: 10px;
	padding: 0px;
	border: 1px solid #f18d30;
	background-color: #f18d30;
	font-size: 14px;
	height: 20px;
	color: #ffffff; 
	text-align: center;
	width: 306px;
	margin-left: 8px;
}
.bandeau_drt_bas {
	margin-top: 17px;
	padding: 0px;
	padding-top: 20px;
	border: 1px solid #1d8c99;
	background-color: #1d8c99;
	font-size: 14px;
	height: 60px;
	color: #ffffff; 
	text-align: center;
	width: 306px;
	margin-left: 8px;
	font-size: 12px;
}
/* cadres droit et gauche de la partie centrale */

#cadre_gche {
	background-image : url("./images/feuil_drte.png"); 
	font-size: 12px; 
	color: #333333; 
	text-align: justify; 
	width: 306px; 
	height: 418px; 
	margin-left: 145px; 
	padding-top: 5px; 
	padding-bottom: 0px; 
	line-height: 1.4; 
}

.cadre {		/* ajout de .cadre */
	background-image : url("./images/feuil_drte.png"); 
	font-size: 12px; 
	color: #333333; 
	text-align: justify; 
	width: 306px;  
	margin-left: 145px; 
	padding-top: 5px; 
	padding-bottom: 0px; 
	line-height: 1.4;
}
#lst_fiche  ul{
	display: none;
}

#cdr_gche {
	position: relative;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.0);
	color: #333333; 
	text-align: justify; 
	width: 950px; 
	height: 110px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	line-height: 1.4;  /* suppression des instructions border */
	
}
#cdr_drt {
	font-size: 12px;
	background-color: #ffffff;
	color: #333333; 
	text-align: justify; 
	width: 306px; 
	height: 350px; 
	margin-left: 8px; 
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.4;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}


#cadre_drt {
	background-image : url("./images/feuil_drte.png"); 
	font-size: 12px; 
	color: #f19131; 
	text-align: justify; 
	width: 306px; 
	height: 423px; 
	margin-left: 10px; 
	padding-top: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	line-height: 1.4;
}

.text_gche1 {
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 0px; 
	margin-bottom: 5px; 
	color: #1d8c99;
	}
.text_gche2 {
	padding-left: 5px; 
	padding-right: 5px; 
	margin-top: 0px; 
	}
	
.img_livre {
	padding-top: 0px; 
	margin-top: 0px;
	}
	
.img_inscrire {
	margin-left: 68px; 
	margin-top: 10px; 
	border: 0 none;
	}
	
#lien_contact {
	text-align: center; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	background-color: #dcdcdc; 
	height: 50px; 
	padding-top: 20px; 
	font-size: 11px;
	color: #1d8c99;
}
#lien_contact1 {
	margin-bottom: 0px;
}
#lien_contact2 {
	padding-bottom: 10px; 
	margin-top: 5px; 
	border: 0 none;
}
#lien_contact3 {
	border: 0 none;
}

.filet {
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
.infos {
margin-top: 0px; 
margin-bottom: 0px;
}
	
/* disposition des textes de la page "cours particuliers" */

.stage_date {
	color: #444444; 
	padding: 0px; 
	margin: 0px; 
	font-size: 12px;
}
.stage_theme {
	color: #1d8c99; 
	text-decoration : underline; 
	padding-top: 2px; 
	margin: 0px;
}
.stage_details1 {
	color: #444444; 
	padding-top: 2px; 
	margin: 0px;
	font-weight: bold;
}
.stage_details2 {
	color: #444444; 
	padding-top: 2px; 
	margin: 0px;
}

.particulier {
	margin-top: 20px;
	background-color: #1d8c99;
	font-size: 14px;
	color: #ffffff; 
	text-align: justify;
	width: 305px;
	margin-left: 145px;
}
.enligne {
	margin-top: 0px;
	background-color: #ffffff;
	font-size: 14px;
	color: #b5b5b5; 
	text-align: justify;
	width: 304px;
	margin-left: 145px;
	padding-top: 1px;
	padding-right: 0px; 
}
.adomicile {
	margin-top: 20px;
	background-color: #ffffff;
	font-size: 14px;
	color: #b5b5b5; 
	text-align: justify;
	width: 304px;
	margin-left: 1px;
	padding-top: 1px;
	padding-right: 0px; 
}

/* Pied de page */
#pied {  
	color: #1d8c99;
	padding-bottom: 10px;
	padding-top: 10px; 
	font-size: 10px;
	text-align: center;
	margin-top: 0px; 
}

/* disposition des textes de la page "nos enseignants" */ 
#bandeau {
	margin-top: 20px;
	padding: 5px;
	background-color: #0a272d;
	font-size: 14px;
	height: 20px;
	color: #ffffff; 
	text-align: center;
	width: 740px;
	margin-left: 100px;
}
#cadre {
	background-color: #ffffff;
	font-size: 12px;
	color: #b8b8b8;
	width: 740px;
	text-align: justify;
	width: 750px;
	margin-left: 100px;
	padding: 0px;
	line-height: 1;
	margin-bottom: 0px;
}

/* formulaires d'inscription et de connexion */
.fldset {
	margin-top: 0px;
	margin-bottom: 0px;
	border: solid 0px;
	color: #ffffff;
	background-color: #1d8c99;
}

.pinput {
	margin-left : 10px; 
}
.message {
	font-family: Verdana, Arial;
	font-size: 10px;
	margin-left: 10px;
}
.bouton {
	margin-left: 10px;
	background-color: #0a272d;
	color: #ffffff;
	border: none;
	border: 4px solid #0a272d;
	border-radius:5px;
	font-size: 12px;
}
.button2 {
	height: 21px;			/* modifications de button1 et button2 (suppression de l'image) */
	padding: 0px; 
	margin: 0px;
	background-color: #ffffff;
	color: #0a272d; 
	border: none;
	font-size: 12px;
	width: 192px;
	border-bottom: 1px solid #0a272d;
}
.button1 {
	height: 21px;
	padding: 0px; 
	margin: 0px;
	background-color: #ffffff;
	color: #0a272d;
	border: none;
	font-size: 12px;
	width: 189px;
	border: 1px solid #0a272d;	
}

#captcha {
width: 143px;
}

/* Page "contactez-nous" */

.conseiller {
	margin-top: 15px; 
	background-image:url("./images/conseiller.png");
	font-family: font-family: 'Arial Bold'; 
	font-size: 14px; 
	color: #ffffff; 
	text-align: left; 
	width: 305px; 
	margin-left: 145px;
}
.recrut {
	margin-top: 15px; 
	background-image:url("./images/conseiller.png");
	font-family: font-family: 'Arial Bold'; 
	font-size: 14px; 
	color: #ffffff; 
	text-align: center; 
	width: 305px; 
}
.postit1 {
	float: left;
	height: 118px;
	margin-top: 100px;
	margin-bottom: 400px;
	background-image:url("./images/postit_bleucl_pt.png");
	font-family: font-family: 'Arial Bold'; 
	font-size: 14px; 
	color: #ffffff; 
	text-align: left; 
	width: 200px; 
	margin-left: 45%;
	margin-right: 10px;
}
.postit2 {
	float: left;
	height: 118px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-image:url("./images/postit_jn_pt.png");
	font-family: font-family: 'Arial Bold'; 
	font-size: 14px; 
	color: #ffffff; 
	text-align: left; 
	width: 200px; 
	
}
h1 {
	font-family: Verdana, Arial; 
	color: #ed9b3b; 
	font-weight: normal; 
	margin: 0;
	padding: 10px; 
	text-align : center;
	font-size: 18px;
	}

h2 {
	font-family: Verdana, Arial; 
	color: #1d8c99; 
	text-align : center; 
	font-weight: bold; 
	font-size: 12px;
	}

h4 {
	font-family: Verdana, Arial; 
	color: #ed9b3b; 
	text-align : center; 
	font-size : 14px;
	}

#element {
    position: relative;
    left: -260px;
    top: 176px;
	z-index: 5;
}