/* CSS Document */

body{
width:755px;
height:590px;

color:#444444;
margin:auto;
margin-top:15px;
margin-bottom:20px;

border:3px silver groove;
}



#header{
clear:both;
background-color:#bbdbfe;

font-size:x-large;
text-align:center;

padding:30px;
padding-left:0px;
padding-right:0px;
border-bottom:3px silver groove;

height:50px;

}

#header img{
position:absolute;
top:45px;
left:140px;

}



#left{
background-image: url(../img/degrade-bleu-ciel.jpg);
background-repeat: repeat-y;
float:left;

border-right:3px silver groove;

padding:3px;

width:134px;
height:472px;


}

#left #top
{
border:2px silver groove;
margin-bottom: 10px;

padding:10px;
text-transform: capitalize;
}

#left #top a,#right a
{
text-decoration: underline;
}

#left #bottom
{
padding:10px;
border:2px silver groove;


}

#right{
padding:10px;
padding-top:20px;
text-align:justify;
overflow: auto;
width:589px;
height:408px;

}

#footer{
background-color:#bbdbfe;
padding:4px;
text-align: right;

border-top:2px silver groove;
font-size : small;
}

a{
text-decoration:none;
color:#444444;
}

a:hover
{
   text-decoration: underline;
}


input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
   color:#444444;
}




fieldset {
    position :              relative;
    top :                   1em;
    padding :               0 0.5em 1em 0.5em;
    margin-bottom: 15px; 
    background-color: #d1ecff;
    text-align: right;
    padding-right:215px;
}

html>body fieldset {
    padding-top :           1em;
    top :                   0;
}

legend {
    position :              relative;
    top :                   -1em;
    padding :               0.4em;
    font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

.Parametre
{
border:1px solid #000000;
margin:10px;
margin-left:40px;
width:504px;
height:45px; 
padding:3px;
}
.Parametre .premiere
{
text-align:center;
float:left;
background-color: #d1ecff;
width:116px;
margin-left:3px;
overflow: auto;
height:45px; 
line-height:45px;

}
.Parametre .milieu
{
text-align:center;
float:left;
background-color: #d1ecff;
width:116px;
margin-left:3px;
overflow: auto;
height:45px; 

line-height:22px;

}
.Parametre .derniere
{
text-align:center;
float:left;
background-color: #d1ecff;
width:147px;
overflow: auto;
line-height:45px;
height:45px;
}


.job
{
border:1px solid #000000;
margin:10px;
margin-left:0px;
margin-right:0px;
width:504px;
padding:3px;
height:22px; .

}

.job .gauche
{
text-align:center;
float:left;
background-color:#d1ecff;
width:116px;
margin-left:3px;
overflow: auto;
}


.job .droite
{
text-align:center;
float:left;
background-color:#d1ecff;
width:147px;
overflow: auto;
}

#signature
{
font-size:x-small;
}