/*******************************************************************************
  Plate-forme e-learning du Groupe Sup de Co Montpellier                     
  Nom du fichier : general.css                                               
  Auteur         : Jérémy SAMOYEAU (Autodidacte.net)
  Création       : 01/11/2003
*******************************************************************************/

BODY,form {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}

form {
margin: 0px;
padding: 0px;
background-color: transparent;
}

/* Evite de petits problèmes d'affichage dus aux espaces dans le code 
et permet de mettre une police par défaut */
TABLE,TR,TD {
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #000000;
font-size: 10px;
}

IMG {
border-width: 0px;
}

/* permet d'aligner du texte et une image dans une cellule */
td img {vertical-align: middle;}


/* Coeur de la page */

#CoeurPageContour {
margin: 0px;
padding: 0px;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #333366;
}




/* Menu 1 */

#Menu1 {
margin: 0px;
padding: 0px;
background-color: #333366;
border-top-width: 1px;
border-top-style: solid;
border-color: #333366;
display: block;
}

#Menu1Logo {
margin: 0px;
padding: 0px;
width: 50px;
background-color: #333366;
}

.Menu1Lien,.Menu1Lien2 {
margin: 0px;
padding: 0px 10px 0px 10px;
height: 100%;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FFFFFF; 
font-size: 12px;
text-decoration: none;
}

.Menu1Lien:hover {
background-color: #FFFFFF; 
color: #333366; 
}

.Menu1Lien2:hover {
background-color: #CCCCFF;
color: #333366; 
}


/* Menu 1 : sous-menu "Vos Cours */

#Menu1VosCours {
margin: 0px;
padding: 5px 2px 5px 10px;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FFFFFF; 
font-size: 10px;
background-color: #333366;
border-top-width: 1px;
border-top-style: solid;
border-color: #FFFFFF;
display: none;
}

.Menu1VosCoursLignePicto {
margin: 0px;
padding: 0px;
width: 20px;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FFFFFF; 
font-size: 10px;
background-color: transparent;
display: block;
}

.Menu1VosCoursLien {  
margin: 0px;
padding: 1px;
color: #FFFFFF; 
background-color: transparent;
text-decoration:none;
}

.Menu1VosCoursLien:hover {
color: #333366; 
background-color: #FFFFFF;
}


/* Menu 1 : sous-menu "Autres Cours" */

#Menu1AutresCours {
margin: 0px;
padding: 5px 2px 5px 10px;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FFFFFF; 
font-size: 10px;
background-color: #333366;
border-top-width: 1px;
border-top-style: solid;
border-color: #FFFFFF;
display: none;
}

.Menu1AutresCoursLien {  
margin: 0px;
padding: 0px;
color: #FFFFFF; 
background-color: transparent;
text-decoration:none;
}

.Menu1AutresCoursLien:hover {
color: #333366; 
background-color: #FFFFFF;
}


/* Menu 1 : sous-menu "Vos Contenus" */

#Menu1VosContenus {
margin: 0px;
padding: 5px 2px 5px 10px;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FFFFFF; 
font-size: 10px;
background-color: #333366;
border-top-width: 1px;
border-top-style: solid;
border-color: #FFFFFF;
display: none;
}

.Menu1VosContenusLien {  
margin: 0px;
padding: 0px;
color: #FFFFFF; 
background-color: transparent;
text-decoration:none;
}

.Menu1VosContenusLien:hover {
color: #333366; 
background-color: #FFFFFF;
}


/* Déconnexion*/

#deconnexion {
margin: 0;
padding: 0;
background-color: #333366;
border-top: 1px solid #333366;
border-right: 1px solid #333366;
text-align: right;
width: 100px;
}

#deconnexion a {
width: 80px;
height: 14px;
font-size: 10px;
text-align: center;
color: #FFFFFF; 
background-color: #333366;
display: block;
text-decoration: none;
}

#deconnexion a:hover {
color: #333366; 
background-color: #FFFFFF;
}


/* Boussole */

#Boussole {
margin: 0px;
padding: 0px 5px 0px 5px;
height: 15px;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
}

.BoussoleLien {
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
text-decoration: underline;
}

.BoussoleLien:hover {
background-color: transparent;
color: #FF9900; 
text-decoration: none;
}


/* Intitulé du cours ou de la rubrique */

#IntituleCours {
margin: 0px;
padding: 0px;
text-align: right;
}

.IntituleCoursLien {
margin: 0px;
padding: 0px 10px 0px 0px;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.IntituleCoursLien:hover {
background-color: transparent;
color: #FF9900; 
}


/* Menu 2 */

#Menu2 {
margin: 0px;
padding: 0px;
background-color: #CCCCFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #333366;
display: block;
}

.Menu2Lien {
margin: 0px;
padding: 0px 10px 0px 10px;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 12px;
text-decoration: none;
}

.Menu2Lien:hover {
background-color: #FFFFFF;
color: #333366; 
}


/* Sous-Menu 2 : les séances */

#Menu2Seances {
margin: 0px;
padding: 5px 2px 5px 10px;
background-color: #CCCCFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #333366;
display: none;
}

.Menu2SeancesLien {  
margin: 0px;
padding: 1px;
color: #333366; 
background-color: transparent;
text-decoration:none;
}

.Menu2SeancesLien:hover {
color: #333366; 
background-color: #FFFFFF;
}

.Menu2SeancesLienOff {  
margin: 0px;
padding: 1px;
color: #666666; 
background-color: transparent;
text-decoration:none;
}

.Menu2SeancesLienOff:hover {
color: #000000; 
background-color: transparent;
}


/* Titre de la page */

#TitrePage {
margin: 0px;
padding: 0px;
background-color: #333366;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FFFFFF; 
font-size: 12px;
font-weight: bold;
}

#TitrePageContour {
padding: 2px 10px 2px 10px;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
}

.TitrePageTexte {
margin: 0px;
padding: 2px 10px 2px 10px;
background-color: #333366;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FFFFFF; 
font-size: 12px;
font-weight: bold;
}

.TitrePageIcone {
margin: 0px;
padding: 0px;
width: 21px;
height: 18px;
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
text-align: center;
}

.TitrePageIconeLien {
margin: 0px;
padding: 0px;
width: 21px;
height: 18px;
background-color: transparent;
color: #333366;
display: block;
}

.TitrePageIconeLien:hover {
background-color: #CCCCFF;
color: #333366;
display: block;
}


/* Milieu de la page */

#MilieuContour {
margin: 0px;
padding: 0px;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-color: #FFFFFF;
}



/* Menu 3 */

#Menu3 {
margin: 0px;
padding: 0px 0px 5px 0px;
width: 200px;
background-color: #CCCCFF;
border-right-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-top-style: solid;
border-left-style: solid;
border-color: #333366;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
}

.Menu3Titre {
padding: 10px 0px 5px 2px;
background-color: transparent;
color: #333366; 
font-weight: bold;
text-decoration: none;
display: block;
}

.Menu3Message {
margin: 2px 5px 5px 5px;
padding: 2px;
background-color: #CCCCFF;
color: #333366; 
border-width: 1px;
border-style: solid;
border-color: #333366;
text-align: justify;
display: block;
}

.Menu3LienNiv1 {
margin: 4px 0px 0px 0px;
padding: 2px;
background-color: transparent;
color: #333366; 
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #CCCCFF;
text-decoration: none;
display: block;
}

.Menu3LienNiv1:hover {
background-color: #FFFFFF;
color: #333366; 
border-color: #FFFFFF;
display: block;
}

.Menu3LienNiv1On {
margin: 4px 0px 0px 0px;
padding: 2px;
background-color: #FFFFFF;
color: #333366; 
text-decoration: none;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #333366;
text-decoration: none;
display: block;
}

.Menu3LienNiv2 {
margin: 0px;
padding: 2px 2px 2px 10px;
background-color: transparent;
color: #333366; 
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #CCCCFF;
text-decoration: none;
display: block;
}

.Menu3LienNiv2:hover {
background-color: #FFFFFF;
color: #333366; 
border-color: #FFFFFF;
display: block;
}

.Menu3LienNiv2On {
margin: 0px;
padding: 2px 2px 2px 10px;
background-color: #FFFFFF;
color: #333366; 
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #333366;
text-decoration: none;
display: block;
}

.Menu3LienNiv3 {
margin: 0px;
padding: 2px 2px 2px 18px;
background-color: transparent;
color: #333366; 
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #CCCCFF;
text-decoration: none;
display: block;
}

.Menu3LienNiv3:hover {
background-color: #FFFFFF;
color: #333366; 
border-color: #FFFFFF;
display: block;
}

.Menu3LienNiv3On {
margin: 0px;
padding: 2px 2px 2px 18px;
background-color: #FFFFFF;
color: #333366; 
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #333366;
text-decoration: none;
display: block;
}

.Menu3EvaluationsTitre {
margin: 0px;
padding: 4px;
background-color: transparent;
color: #000000; 
font-weight: bold;
text-align: center;
text-decoration: none;
display: block;
}

.Menu3EvaluationsTitre:hover {
background-color: #FFFFFF;
color: #000000; 
display: block;
}

.Menu3EvaluationsTitreOn {
margin: 0px;
padding: 4px;
background-color: #FFFFFF;
color: #000000; 
font-weight: bold;
text-align: center;
text-decoration: none;
display: block;
}

.Menu3EvaluationsTitreOff {
margin: 0px;
padding: 4px;
background-color: transparent;
color: #666666; 
text-align: center;
text-decoration: none;
display: block;
}

.Menu3EvaluationsTitreOff:hover {
background-color: transparent;
color: #000000; 
display: block;
}

.Menu3EvaluationsLien {
margin: 0px;
padding: 2px;
background-color: transparent;
color: #666666; 
text-decoration: none;
display: block;
}

.Menu3EvaluationsLien:hover {
background-color: transparent;
color: #000000; 
display: block;
}

#Menu3CoursInaccessible {
margin: 10px;
padding: 5px;
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
font-size: 10px;
color: #FF0000; 
border-width: 1px;
border-style: solid;
border-color: #FF0000;
display: block;
}


/* Menu 4 */

#Menu4 {
margin: 0px 0px 20px 0px;
padding: 0px;
height: 14px;
line-height: 14px;
background-color: #CCCCFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
display: block;
}

.Menu4Lien {
margin: 0px;
padding: 2px;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
text-decoration : none;
}

.Menu4Lien:hover {
background-color: #333366;
color: #FFFFFF; 
text-decoration : none;
}



/* Contenu */

#Contenu {
margin: 0px;
padding: 0px;
background-color: transparent;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-color: #333366;
}

#ContenuTxt {
margin: 0px;
padding: 15px;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #000000; 
font-size: 12px;
text-align: justify;
}

#ContenuSeanceOff {
margin: 30px;
padding: 30px;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #000000; 
font-size: 12px;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #333366;
}

.ContenuLien {
margin: 0px;
padding: 0px;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 12px;
text-decoration: underline;
}

.ContenuLien:hover {
background-color: #333366;
color: #FFFFFF; 
text-decoration: none;
}

.ContenuLienOff {
margin: 0px;
padding: 0px;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #666666; 
font-size: 12px;
text-decoration: none;
}

.ContenuLienOff:hover {
background-color: transparent;
color: #000000; 
text-decoration: none;
}




/* Bas de page */


#BasdePage {
margin: 0px;
padding: 0px;
border-right-width: 1px;
border-right-style: solid;
border-color: #333366;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
}

#BasdePageMenu3 {
margin: 0px;
padding: 0px;
width: 200px;
height: 17px;
background-color: #CCCCFF;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-color: #333366;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
}

.BasdePageInfos {
margin: 0px;
padding: 0px;
height: 17px;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #333366;
display: block;
}

.BasdePageInfosLien {
margin: 0px;
padding: 0px 10px 0px 10px;
height: 17px;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
background-color: transparent;
text-decoration: none;
line-height: 14px;
display: block;
}

.BasdePageInfosLien:hover {
color: #333366; 
background-color: #CCCCFF;
display: block;
}

.BasdePageIcone {
margin: 0px;
padding: 0px;
width: 20px;
height: 17px;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #333366;
text-align: center;
}

.BasdePageIconeLien {
background-color: transparent;
color: #333366;
display:block;
}

.BasdePageIconeLien:hover {
background-color: #CCCCFF;
color: #333366; 
display:block;
}



/* Formulaires */

.Select {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #333366; 
font-size: 10px;
}

.Erreur {
margin: 0px;
padding: 2px;
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FF0000; 
font-size: 10px;
}

.Erreur2 {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #FF0000; 
font-size: 12px;
}

.NoErreur {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #339933; 
font-size: 12px;
}

.FormConsignes {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: #666666; 
font-size: 10px;
}