@charset "utf-8";
/* partie utilisateur */

body
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    background-color:#8ea6bb;
}

.webjaxe
{
    border: 10px solid #8ea6bb;
    background-image: url(../image-interface/fond_util.gif);
}

a
{
    color: #748b9e;
    font-weight: bold;
}

.tete
{
    background-image: url(../image-interface/bord_droite_util.gif);
    background-repeat: repeat-y;
    background-position: left top;
    margin: 0px;    
    height: 110px;
}

.logo-webjaxe
{
    position: absolute;
    left: 25px;
    top: 15px;
    width: 300px;    
}

.titre-section
{
    margin-left: 130px;
    text-align: center;
    font-size: 125%;
    font-weight: bold;
    color: #849bae;
    text-decoration: none;
}

h1 {
    margin-top: 0px;
    margin-left: 130px;
    padding-top: 40px;
    text-align: center;
    font-size: 150%;
}

h2 {
    font-size: 150%;
    font-weight: bold;
}

.corps
{
    background-image: url(../image-interface/bord_droite_util.gif);
    background-repeat: repeat-y;
    background-position: left top;
    margin: 0px;
    padding-bottom: 10px;
    font-size: 90%;
    text-align: center;
    
}

.corps p
{
    width: 100%;
    margin: 0px;
}

.pied
{
    background-image: url(../image-interface/bord_droite_util.gif);
    background-repeat: repeat-y;
    background-position: left top;
    margin: 0px;
}

.menu
{
    border: 0px;
    margin: 0px;
	position: absolute;
	top:130px;
	left:6px;
    background-image: none;
    width: 125px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
}

.menu ul
{
    padding-left: 0px;
    margin-left: 0px;
    color: #FFFFFF;
    font-weight: bold;
    list-style-type: none;
}

.menu ul a
{
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #d8e6f3;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
}


.menu ul a:hover
{
    display: block;
    background-color: #7f94a7;
    color: #FFFFFF;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #7f94a7 #d8e6f3 #d8e6f3 #7f94a7;
}

.menu ul a.selected
{
    display: block;
    background-color: #9fbad1;
    color: #FFFFFF;
    font-weight: bold;
}

.menu ul a.selected:hover
{
    background-color: #7f94a7;
}

.menu ul li
{
    padding: 2px;
    margin-top: 5px;
    margin-left: 0px;
    color: #FFFFFF;
    font-weight: bold;
}

.contenu
{
    background-image: none;
    margin-left: 140px;
    padding: 5px 20px 20px 20px;
    zoom: 100%; /* pour eviter un bug de IE */
}

.contenu ul {
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.contenu li {
    margin-bottom: 1em;
}

.spacer
{
    clear: both;
}

.erreur
{
    color: #CC0000;
}

.succes
{
    color: #28B43A;
}

.icone
{
    padding-left: 3px;
    padding-right: 10px;
    border: none;
}

p.soustitre
{
    font-size: 125%;
    margin-bottom: 0.5em;
}

.formulaire form
{
    margin: auto;
    text-align: right; 
    width: 400px;
}

.formulaire
{
    padding: 20px;
}

.boitebouton
{
    margin: 10px;
    padding: 5px;
    border-width: 2px;
    border-style: solid;
    border-color: #bfdaf1 #7e96ab #7e96ab #bfdaf1;
    text-align: left;
    width: 100px;
    float: left;
    background-color: #A5B8C9;
    font-size: 90%;
}


.boitebouton:hover
{
    border-color: #7e96ab #bfdaf1 #bfdaf1 #7e96ab;
    background-color: #8ea6bb;
}

.boitebouton a
{
    color: #FFFFFF;
    text-decoration: none;
}

.boitebouton img
{
    border: 0px;
}

.listecontribution
{
    text-align: left;
    width: 300px;
    border: #78abd6 solid 1px
}

.listecontribution table
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    vertical-align: middle;
    border: #8ea6bb solid 1px
}

a.contribution
{
    display:block;
    color: #000000;
    border: 0px;
    text-decoration: none;
    padding: 5px;
}

a.contribution:hover
{
    background-color: #8ea6bb;
}

.contenu table
{
    text-align:left;
}

.listedefichier
{
    text-align: left;
    width: 400px;
    margin: auto;
    margin-bottom: 20px;
    font-weight: bold;
    color: #000000;
}


.indentation_fichier
{
    margin-left: 20px;
}

.listedefichier img
{
    border: 0px;
}

.listedefichier a
{
    color: #000000;
    border: 0px;
    text-decoration: none
}

.petit_bouton
{
    color: #333333;
    background-color: #bfdfef;
    font-size: 90%;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #bfdaf1 #7e96ab #7e96ab #bfdaf1;
    padding: 4px;
    line-height: 250%;
    white-space: nowrap;
    font-size: 90%;
}

.petit_bouton:hover
{
    background-color: #8ea6bb;
    padding: 4px;
    border-color: #7f94a7 #d8e6f3 #d8e6f3 #7f94a7;
}

.petit_bouton img
{
    vertical-align: middle;
}

div.source {
    text-align: left;
    font-family: monospace;
}

ins {
    background-color: #60FF60;
}

del {
    background-color: #FF6060;
}

.ensemble_boutons {
    clear: left;
}

.resultat {
    text-align: left;
}

.colorer {
    background-color:#FFFF00;
}

bordure {
    border:0px;
}

.tab_contrib_util {
    width:100%; 
    padding:0px; 
    border-collapse: collapse;
}

.tab_contrib_util tr td {
    border: #8ea6bb solid 1px;
}

#frame1 {
    position: absolute;
    border: 0;
    width:100%;
    height:100%;
}

#frame2 {
    position: absolute;
    border: 0;
    width:1%;
    height:1%;
}
