/* CSS Document */

* {margin:0; padding:0;}

body { 
	margin:0; 
	padding:0;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	line-height:16px;
	text-align:center;
	/*background-color: #62615e;*/
	background-color: #ffffff;
}

/* Affichage des carractères du menu */
a {
	text-decoration:none;
	color: #b42b33;
}

a:hover {
	text-decoration:none;
	color: #878900;
}

h1 { 
	margin:10px 0px; 
	padding:0;
	color: #878900;
	font-family:Times, Helvetica, sans-serif;
	font-size:2em;
}

h2 { 
	margin:10px 0px; 
	padding:0;
	color: #878900;
	font-family:Times, Helvetica, sans-serif;
	font-size:1.3em;
}

h3 { 
	margin:0px 0px; 
	padding:4px 0 0 0;
	color: #878900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

h4 { 
	margin:0px 0px; 
	padding:4px 0 0 0;
	color: #b43b33;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

ul { 
	margin:0px 0px; 
	padding:0px 0 0 14px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

/* Pieds de chacune des pages */
img.enfant {
	float:left;
	width:200px;
	padding:20px 10px 0px 0px;
}

/* Pieds de chacune des pages */
img.enseignant {
	float:left;
	width:200px;
	padding:20px 5px 0px 0px;
}
/* Format général de la page 760px centrée */
div#page {
	position:relative;
	top:0px;
	left:0px;
	width : 760px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color: #FFFFFF;
}

/* Menu de chacune des pages */
div#oaq {
	position:relative;
	left:0px;
	width:740px;
	height:25px;
	padding: 4px 10px 0px 10px;
	text-align:right;
	font-size:0.85em;
/*	color: #CCCCCC;
	background-color: #b43b33;*/
		color: #b43b33;
		background-color: #ffffff;
/*	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#b42b33;*/
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b42b33;
}

/* Partie droite de chacune des pages */
div.date {
	float:left;
	width:auto;
	height:auto;
	padding:0px 0px 0px 10px;
}


/* Entête de chacune des pages */
div#entete {
	position:relative;
	left:0px;
	width:760px;
	height:100px;
	background-color: #fleed8;
	background-image:url(../images/tete2a.jpg);
}

/* Menu de chacune des pages */
div#menu {
	position:relative;
	left:0px;
	width:750px;
	height:25px;
	padding: 4px 0px 0px 10px;
	font-size:0.85em;
/*	color: #CCCCCC;
	background-color: #b43b33;
*/
		color: #b43b33;
		background-color: #ffffff;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#b42b33;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b42b33;
}

/* Affichage des carractères du menu */
div#menu a {
	text-decoration:none;
	color: #b42b33;
}

div#menu a:hover {
	text-decoration:none;
	color: #878900;
}

/* Menu de chacune des pages */
div#contenu {
	position:relative;
	width:760px;
	height:auto;
	font-size:0.9em;
	background-color: #FFFFFF;
}

/* Partie gauche de chacune des pages */
div#gauche {
	float:left;
	width:460px;
	height:auto;
	padding:10px 15px 10px 10px;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#b42b33;
}

/* Partie droite de chacune des pages */
div#droite {
	float:right;
	width:240px;
	height:auto;
	padding:10px 15px 10px 10px;
}

/* Partie droite de chacune des pages */
.clearfloat {
	clear:both;
}

/* Pieds de chacune des pages */
div#pieds {
	float:left;
	width:740px;
	height:25px;
	padding:5px 10px 0px 10px;
	font-size:0.8em;
	text-align:center;
/*	background-color: #b43b33;*/
		background-color: #ffffff;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#b42b33;
/*	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b42b33;*/
}

/* Etudiants cliquables page etudiant.php */
p.eleve a {
	text-decoration:none;
	color: #b43b33;
}
p.eleve a:hover {
	text-decoration:none;
	color: #878900;
}

/* Affichage des liens our Sylvie editsylvie.php*/
.sylvie {
	margin-top:0.5em;
}
p.sylvie a {
	text-decoration:none;
	color: #b43b33;
}
p.sylvie a:hover {
	text-decoration:none;
	color: #878900;
}

/* ----formulaire ----- */
/*fieldset{
	border: 1px solid #aabbcc;
	margin: 3px;
	padding: 3px;
	text-align: right;
	width: 300px;
}
label{
	display:block;
	margin: 3px;
}
label.bouton{
	text-align:left;
}
input{
	margin-left: 4px;
}
input.bouton{
	margin: 30px;
}

form.formulaire{
	font-size:0.9em;
}*/
textarea{
	border:2px solid #789;
	width:460px;
	height:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

/* Partie gauche explication de l'éditeur */
.explique_edit {
	float:left;
	width:460px;
	height:auto;
	font-size:0.9em;
	text-align:left;
	padding:4px 0px 4px 0px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#b42b33;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b42b33;
}


/* Partie texte dynamique de la page accueil */
.Paccueil {
	float:left;
	width:460px;
	height:auto;
	font-size:0.9em;
	text-align:left;
	padding:4px 0px 4px 0px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#b42b33;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b42b33;
}

/* réduction du caractère  */
.petit {
	font-size:0.8em;

}