body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height:120%;
margin: 0;
padding: 0;
width:800px;
margin-left:auto;
margin-right:auto;
}
img {
border: none;
}

body td{
border : 1px solid black;
margin:0;
padding:4px;
}
body table{
border : 1px solid black;
margin-left : 15px;
}

label {
display:block;
width:80px;
float:left;
}

#header {
height: 121px;
width:800px;
background-repeat: no-repeat;
background-position : top right;
}

#haut {
background-image : url('top.png');
height: 16px;
padding-left:20px;
font-size:1.2em;font-weight:bold;
margin-bottom:6px;
background-color:#fbffca;
}
#haut a{color : black;text-decoration:none;display:inline;}
#topmenu{position:relative;bottom:8px;}
#conteneur {
position: relative;
width: 800px;
background-color:#fbffca;
}
#centre {
background-color:#fbffca;
width : 503px;
margin-left: 3px;
min-height: 440px;
padding:15px;
padding-top:0px;
}

#gauche {
margin-top : 1px;
position: relative;
float:left;
width: 150px;
background-color: #AABB99;
min-height : 450px;
background-image : url('ouch.jpg');
}
#droite {
margin-top : 1px;
position: relative;
float:right;
width: 250px;
min-height : 450px;
height:automatic;
background-color: #fdf0a9;
/*background-image : url('ouch2.jpg');*/
right:0px;
}
#pied {
height: 32px;
background-color: #EFAD58;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
width : 800px;
}
.menuhaut {
margin: 0;
padding:0;
margin-top : -0px;
}
.menuhaut li {
display: inline;
}
.right {text-align:left;padding-left:80px;}
.decal{
display:block;
width:120px;
float:left;
}
.menugauche {list-style-type: none;margin: 0;padding:0;}
.menugauche li {
margin-bottom: 5px;
margin-right : 20px;
margin-left : 10px;
padding-left: 5px;
border-bottom: 1px solid grey; 
padding-top:1px;
padding-bottom:1px;
display : block;
}
.menugauche li a,a:visited{display : block; text-decoration : none;color : black;}
.menugauche li a:hover{display : block; color : white;}

.titregauche{text-align : center;color : white;font-weight : bold;background-color : #BC7A25;background-image:url('fong.png');background-repeat: no-repeat;}
.titregauche2{text-align : center;color : white;font-weight : bold;background-color : #BC7A25;}

.menugauche li:hover
{
cursor: pointer;
background-color: #cd8b36;
position : relative;
top: 1px;
left : 1px;
color: #FFF;
border-bottom:1px solid black;
border-right:1px solid black;
}

.menugauche li:active
{
background: #EFAD58;
bottom: -1px;
left : 2px;
}

.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
margin-top: 5px;
margin-right : 10px;
margin-left : 5px;
padding-left: 5px;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

.spacer {
  clear: both;
  margin-bottom : 10px;
}

 a,a:hover,a:visited
{
color : red;
text-decoration : underline;
display : inline;
}

.suite a
{
color: #005555;
}

#d{
font-weight:bold;
float:right;
font-size:110%;
}

.petitecolonne{
width : 155px;
height : 20px;
background-color : #fffdd5;
}
.grandecolonne{
width : 352px;
height : 20px;
background-color : #fffdd5;
}
.introligne{
width : 450px;
min-height : 20px;
padding : 2px;
padding-top:0px;margin:0;margin-left:30px;
background-image  : url('fondtitre.png');
background-repeat : no-repeat;
text-align : center;
color : white;
font-weight : bold;
font-size : 1.3em;
}
h2{
width : 450px;
min-height : 20px;
padding : 2px;
padding-top:0px;margin:0;margin-left:30px;
background-image  : url('fondtitre.png');
background-repeat : no-repeat;
text-align : center;
color : white;
font-weight : bold;
font-size : 1.3em;
}

.paragraphe{
font-family:Helvetica,Verdana, Arial,  sans-serif;
padding-top : 7px;
padding-bottom : 7px;
line-height: 1.35em;
font-size: 1.1em;
}

.bold{
font-weight : bold;
}

.login{
padding-left : 5px;
padding-right : 5px;
padding-bottom : 20px;
}

.links a{
padding-left : 3px;
color : #cd8b36;
}

.boardelement{
 border-bottom : 1px solid black;
font-family:Helvetica,Verdana, Arial,  sans-serif;
padding-top : 7px;
padding-bottom : 7px;
line-height: 1.35em;
font-size: 1.1em;
}

.warn{
font-weight : bold;
font-size : 1.3em;
color : red;
}

.generalinfo{
width : 507px;
min-height : 120px;
float : left;
line-height : 1.7em;
background-color : #fdebb4;
padding : 7px;
padding-bottom : 7px;
border-bottom : 1px dotted black;
}

.generalinfo p{
padding-left : 10px;
font-weight : bold;
display : inline;
}

.photo{
min-height : 120px;
float : left;
display : inline;
}

.teacherinfo{
width : 507px;
min-height : 120px;
float : left;
line-height : 1.7em;
background-color : #fdebb4;
padding : 7px;
padding-top:0px;
border-bottom : 1px dotted black;
}

.container{
display : block;
}
.content{
position : relative;
margin-left : 170px;
}
.teacherleft{
font-weight : bold;
width:170px;
float:left;
}
.intro{
background-color : #fbedb7;
padding : 5px;
border : 2px solid #cd8b36;
width : 407px;
margin-left : 45px;
}
h1{
font-size : 1.0em;
font-weight : bold;
}