/* -------- UNIVERSELLE ------ */

a
{
color: #5983FF;
}

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

.image-lien
{
border: 0px;
}

.centrer, .code-centrer
{
text-align: center;
}

.code-droite
{
text-align: right;
}

.code-justifier
{
text-align: justify;
}

.code-gauche
{
text-align: left;
}

.rouge
{
color: red;
}

.rouge:hover
{
color: red;
}

.vert
{
color: green;
}

.vert:hover
{
color: green;
}

.noir
{
color: #000000;
}

.noir:hover
{
color: #000000;
}

.bleu
{
color: blue;
}

.bleu:hover
{
color: blue;
}

.gris
{
color: silver;
}

.gris:hover
{
color: silver;
}

.orange
{
color: orange;
}

.orange:hover
{
color: orange;
}

.ul-fleche
{
list-style-image: url('../index-li.png');
}

.ul-carre li
{
list-style-type: square;
}

.petit
{
font-size: 11px;
}

.message-erreur
{
text-align: center;
color: #FF0000;
font-size: 17px;
font-family: Verdana, serif;
}

.message-info
{
text-align: center;
color: green;
font-size: 17px;
font-family: Verdana, serif;
}

/* --------------------------------- */

.footer a
{
font-size: 13px;
color: #FFFFDD;
}

.footer a:hover
{
font-size: 13px;
color: #FFFFDD;
}

.cadre-index
{
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
width: 95%;
margin-left: 10px;
}

.cadre-index .cellule-principale
{
border-top: 1px solid #C0C0C0;
width: 65% !important;
width: 64.7%;
float: right;
}

.cadre-index .cellule-principale p
{
padding-left: 5px;
font-size: 15px;
}

.cadre-index .cellule-principale .titre
{
text-align: center;
color: #5983FF;
font-size: 21px;
background-image: url('../index-cellule-fond_titre.png');
background-repeat: repeat-x;
height: 38px;
padding-top: 3px;
}

.cadre-index .cellule-secondaire
{
width: 35%;
}

.cadre-index .cellule-secondaire .cellule
{
font-size: 11px;
font-family: Georgia, serif;
border-right: 1px solid #C0C0C0;
border-top: 1px solid #C0C0C0;
padding: 15px 8px 15px 8px;
cursor: pointer;
}

.cadre-index .cellule-secondaire .cellule:hover
{
background-color: #5983FF;
color: #FFFFFF;
}

.cadre-index .cellule-secondaire .cellule strong
{
font-size: 15px;
}

/* --------- FORMULAIRE ---------- */

.formulaire label
{
display: block;
float: left;
width: 200px;
}

.formulaire .bordure
{
border: 1px solid #5983FF;
margin: 2px;
width: 250px;
}

.formulaire .bordure_textarea
{
border: 1px solid #5983FF;
margin: 2px;
}

.formulaire select
{
margin: 2px;
border: 1px solid #5983FF;
width: 250px;
}

.formulaire .select-off
{
border: 1px solid #5983FF;
width: 150px;
}

.formulaire .bouton
{
background-color: #FFFFFF;
border: 1px solid #5983FF;
padding: 3px;
width: 20%;
font-size: 17px;
margin: 2px;
}

.formulaire .bouton:hover
{
background-color: #FFFFFF;
border: 1px solid #FF9900;
padding: 3px;
width: 20%;
font-size: 17px;
margin: 2px;
}

.formulaire .cours-outil
{
border: 1px solid red;
width: 180px;
}

/* ---------------- */

.cours
{
border: 1px solid #5983FF;
width: 80%;
padding: 0px 5px 0px 5px;
overflow: scroll;
}

.cours-menu
{
float: right;
width: 17%;
border: 1px solid #5983FF;
padding: 5px;
font-size: 12px;
}

.cours-menu .bouton
{
background-color: #FFFFFF;
border: 1px solid #5983FF;
padding: 3px;
font-size: 16px;
text-decoration: none;
}

.cours-menu .bouton:hover
{
background-color: #FFFFFF;
color: #FF9900;
border: 1px solid #FF9900;
padding: 3px;
font-size: 16px;
text-decoration: none;
}

.profil-cadre_outil
{
float: left;
width: 150px;
height: 150px;
margin-top: 10px;
text-align: center;
margin-left: 10px;
margin-right: 5px;
border: 1px solid #5983FF;
padding: 5px;
}

.profil-cadre_menu
{
float: left;
width: 150px;
margin-top: 10px;
text-align: center;
margin-left: 10px;
margin-right: 5px;
}

.profil-cadre_outil img, .profil-cadre_menu img
{
border: 0px;
}

.profil-cadre_menu .cadre-creation
{
margin-bottom: 5px;
border: 1px solid #5983FF;
padding: 5px;
}

.profil-cadre_menu .cadre-creation a, .profil-cadre_outil a
{
font-size: 20px;
text-decoration: none;
}

.profil-cadre_menu .menu-divers a:hover
{
color: #FF9900;
}

.membre-cours_cadre
{
border: 1px solid #5983FF;
margin-top: 10px;
margin-left: 185px;
padding: 5px;
overflow: hidden;
}

.membre-cours_cadre .cellule-gauche
{
float: left;
border-right: 1px solid #5983FF;
width: 60%;
}

.membre-cours_cadre .cellule-droite
{
text-align: right;
padding-right: 10px;
}

.cours-classe-cadre
{
border-bottom: 1px solid #C0C0C0;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}

.cours-classe-cadre .cellule-gauche
{
width: 7%;
border-right: 1px solid #C0C0C0;
background-image: url('../icon-feuille.png');
background-repeat: no-repeat;
height: 50px;
float: left;
margin-left: 3%;
}

.cours-classe-cadre .cellule-centre
{
border-right: 1px solid #C0C0C0;
width: 60%;
float: left;
margin-left: 2%;
padding-top: 15px;
height: 35px;
}

.cours-classe-cadre .cellule-droite
{
width: 20%;
float: left;
font-size: 14px;
margin-left: 3%;
padding-top: 5px;
height: 45px;
}

.cours-historiques-cadre
{
border-bottom: 1px solid #C0C0C0;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}

.cours-historiques-cadre .cellule-gauche
{
width: 35%;
border-right: 1px solid #C0C0C0;
height: 35px;
float: left;
margin-left: 3%;
padding-top: 15px;
text-align: center;
}

.cours-historiques-cadre .cellule-centre
{
border-right: 1px solid #C0C0C0;
width: 35%;
float: left;
margin-left: 2%;
padding-top: 15px;
height: 35px;
}

.cours-historiques-cadre .cellule-droite
{
width: 20%;
float: left;
font-size: 14px;
margin-left: 3%;
padding-top: 5px;
height: 45px;
text-align: center;
}


.cours-historiques-cadreOriginal
{
border-bottom: 1px solid #FF9900;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}

.cours-historiques-cadreOriginal .cellule-gauche
{
width: 35%;
border-right: 1px solid #FF9900;
height: 35px;
float: left;
margin-left: 3%;
padding-top: 15px;
text-align: center;
}

.cours-historiques-cadreOriginal .cellule-centre
{
border-right: 1px solid #FF9900;
width: 35%;
float: left;
margin-left: 2%;
padding-top: 15px;
height: 35px;
}

.cours-historiques-cadreOriginal .cellule-droite
{
width: 20%;
float: left;
font-size: 14px;
margin-left: 3%;
padding-top: 5px;
height: 45px;
text-align: center;
}

.historiques-version-cadre
{
border: 1px solid #5983FF;
width: 70%;
margin-top: 20px;
padding: 5px;
}

.historiques-version-commentaire
{
float: right;
border: 1px solid #5983FF;
width: 25%;
margin-top: 20px;
padding: 5px;
min-height: 200px;
}

/* --------------------- */
/* -- MESSAGERIE -- */

.membre-messagerie
{
border: 1px solid #3683FF;
width: 80%;
}

.membre-messagerie th
{
background-color: #9BC0FF;
}

.membre-messagerie td
{
text-align: center;
border-top: 1px solid #3683FF;
padding: 5px;
}

.messagerie-message
{
border: 1px solid #3983FF;
margin-left: 5px;
margin-top: 10px;
padding: 5px;
}

.messagerie-message-menu
{
padding-left: 25%;
margin-top: 15px;
height: 35px;
}

.messagerie-message-menu a
{
display: block;
float: left;
margin-right: 10px;
background-color: #3983FF;
border: 1px solid #3983FF;
color: #FFFFFF;
font-size: 17px;
padding: 8px;
text-decoration: none;
-moz-border-radius: 5px;
}

.messagerie-message-menu a:hover
{
display: block;
float: left;
margin-right: 10px;
background-color: #FFFFFF;
border: 1px solid #3983FF;
color: #3983FF;
font-size: 17px;
padding: 8px;
text-decoration: none;
-moz-border-radius: 5px;
}

/* --------------------- */

.fenetre
{
position: absolute;
left: 25%;
top: 35%;
width: 50%;
height: 15%;
border: 5px solid #E1E9FF;
background-color: #FFFFFF;
-moz-border-radius: 5px;
}

.texte-ajax_croix
{
text-align: right;
padding: 10px;
}