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

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

@font-face {
    font-family: 'bebasneue';
    src: url('web fonts/bebasneue_regular_french/BebasNeue-webfont.eot');
    src: url('web fonts/bebasneue_regular_french/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('web fonts/bebasneue_regular_french/BebasNeue-webfont.woff') format('woff'),
         url('web fonts/bebasneue_regular_french/BebasNeue-webfont.ttf') format('truetype'),
         url('web fonts/bebasneue_regular_french/BebasNeue-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebasregular';
    src: url('web fonts/bebas_regular/BEBAS___-webfont.eot');
    src: url('web fonts/bebas_regular/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('web fonts/bebas_regular/BEBAS___-webfont.woff') format('woff'),
         url('web fonts/bebas_regular/BEBAS___-webfont.ttf') format('truetype'),
         url('web fonts/bebas_regular/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 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 : 189px ;
	width : 950px ;
	background-image : url("../images/header2.png");
	text-align: left;
}

/* 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 {
	padding-left: 160px; 
	padding-top: 10px;
 }

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

#banniere2 p {
	margin:0;
	padding:0;
	margin-top: 0px; height: 203px;
}

/* Menu de navigation */
#blocmenu {
	clear: both;
	height: 20px; 
	padding-left: 160px;
	margin-top: 20px;
	margin-bottom: 0px;
}

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

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

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

#menu li a {
	font-size: 12px;
	text-decoration: none; /* color: #009ee0; */
	font-weight: bold;
	outline: none;
}

#menu li a:hover {
	color:  #1d8c99;
	background-color: #ffffff;
}
	
.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;
}
.nonencours {
	border-left:0px solid #009ee0;
	border-right:0px solid #009ee0;
	border-bottom:0px solid #ed9b3b;
	border-top:0px solid #ed9b3b; 
	color: #ffffff;}

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

/* division en deux parties gauche et droite */
#centre_gche {
	float: left;
	margin-bottom: 0px;
}
#centre_drt {
	float: right;
	margin-right: 145px;
	width: 306px;
	margin-bottom: 0px;
}

/* en-tête de la partie gauche et de la partie droite */
.bandeau_gche {
	margin-top: 15px;
	padding-top: 5px;
	background-color: #1d8c99;
	font-size: 12px;
	height: 20px;
	color: #ffffff; 
	text-align: center;
	width: 306px; 
	margin-left: 145px;
	text-transform: uppercase;
	font-weight: bold;
}
.bandeau_drt {
	margin-top: 15px;
	padding: 0px;
	background-color: #f18d30;
	font-size: 14px;
	height: 20px;
	color: #ffffff; 
	text-align: center;
	width: 306px;
	margin-left: 10px;
	text-transform: uppercase;
}

/* disposition des textes de la page "cours particuliers" */

.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;
	width: 950px; 
	margin-top: 0px; 
}

/* disposition des textes de la page "nos enseignants" */ 
#bandeau {
	margin-top: 20px;
	padding: 5px;
	background-color: #1d8c99;
	font-size: 14px;
	height: 20px;
	color: #ffffff; 
	text-align: center;
	width: 740px;
	margin-left: 100px;
	text-transform: uppercase;
}
#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;
}

/* formulaire d'inscription */
.fldset {
	margin-top: 0px;
	margin-bottom: 0px;
	border: solid 0px;
	color: #ffffff;
	background-color: #1d8c99;
	padding: 10px; 
	margin-left: 0px; 
	width: 305px;
}

#captcha {
	width: 143px;
}
.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: 4px solid #0a272d;
	border-radius:5px;
	font-size: 14px;
	width: 100px;
}

.bouton_v2 {
	margin-top: 20px;
}
.bouton_v1 {
	margin-top: 5px;
	text-align: center;
	font-size: 14px; 
}
.bouton_v1 a {
	text-decoration: none;
	background-color: #dddddd;
	border: 1px solid grey; 
	border-radius:3px; 
	margin-left: 10px; 
	margin-right: 10px;
	padding: 3px;
	text-decoration: none;
}
.bouton_v2 a {
	text-decoration: none;
	background-color: #dddddd;
	border: 1px solid grey; 
	border-radius:3px; 
	font-size: 12px; 
	margin-left: 10px; 
	margin-right: 10px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
}

.bouton_v2 a:hover {
	background-color: #ffffff; height: 12px; 
}
.bouton_v1 a:hover {
	background-color: #ffffff; height: 12px; 
}
.filet {
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
.infos {
	margin-top: 0px; 
	margin-bottom: 0px;
}

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;
	}

#mdp1 {
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 0px; 
	margin-bottom: 5px; 
	color: #1d8c99;
}
#mdp2 {
	padding-left: 5px; 
	padding-right: 5px; 
	margin-top: 0px; 
	margin-bottom: 50px;
}
#cadre_gche {
	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_drt {
	font-size: 12px; 
	color: #333333; 
	text-align: justify; 
	width: 306px; 
	height: 418px; 
	margin-left: 10px; 
	padding-top: 5px; 
	padding-bottom: 0px; 
	line-height: 1.4; 
}
.marge {
	margin-top: 15px;
}

#erreur {
	padding-left: 10px; 
	padding-top: 10px; 
	font-size: 10px; 
	text-decoration: underline;
}

.oblig {
	font-size: 10px; 
	padding-left: 10px;
}

.img_ombre {
	margin-top: -1px; 
	padding-left: 0px; 
	padding-top: 0px;
}
table {
	border: none;
	width: 80%;
	border-collapse: collapse;
	margin: auto;
}
td, th {
	font-family:arial;
	font-size:80%;
	border: thin solid #6495ed;
	width: 80%;
	text-align: center;
}
th {
	border: thin solid #6495ed;
	padding: 10px;
	background-color: #D0E3FA;
	
}
.cell1 {
	float: left;
	width: 125px;
	height: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align : left;
	padding-top: 10px;
	padding-left: 10px;
	overflow: auto;
}

.cell2 {
	float: left;
	width: 90px;
	height: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align : left;
	padding-top: 10px;
	padding-left: 10px;
	overflow: auto;
}

.impair {
	background-color: #accccc;
	height: 50px;
	margin-top: 0px;
	margin-bottom:-15px;
	padding: 0px;
}
.pair {
	background-color: #dddddd;
	height: 50px;
	margin-top: 0px;
	margin-bottom: -15px;
	padding: 0px;
}
.expl {
	margin-top: 15px;
	padding-top: 0px;
	font-size: 14px;
	height: 20px;
	color: #333333; 
	text-align: center;
	width: 306px;
	line-height: 2.0;
}
form input[type="submit"]
{
    background-color: #dddddd;
	border: 1px solid grey; 
	border-radius:3px; 
	font-size: 12px; 
	margin-left: 10px; 
	margin-right: 10px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
 
form input[type="submit"]:hover
{
    background-color: #ffffff;
    cursor: pointer;
}

.ajout {
	margin-top: 40px;
}
.ajout a {
	background-color: #dddddd;
	border: 1px solid grey; 
	border-radius:3px; 
	font-size: 12px; 
	margin-left: 10px; 
	margin-right: 10px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.ajout a:hover {
	background-color: #ffffff;
}