/*                                                          Définition de la classe Rouge                                               */
/*Définition de la page*/
.Rouge>div
{
    background-color : #ffc6c6;
    color: #d52121;
}

/*Définition du panel central des composants centraux */
.Rouge .MainPage .ui-widget-content, .Rouge.MainPage.ui-widget-content,
.Rouge.ui-dialog .ui-widget-content /* + boîtes de dialogues */
{
    background-image: none; /* nécessaire */
    background-color : #ff7777;
    border: solid 1px #d52121;
}
/*Définition du panel de titre des composants centraux*/
.Rouge .MainPage .ui-state-default, .Rouge.MainPage .ui-state-default,
.Rouge.ui-dialog .ui-state-default /* + boîtes de dialogues */
{
    background-color : #d52121;
    color: White;
}
/*Définition du panel de titre des composants centraux lors du passage de la souris*/
.Rouge .MainPage .ui-state-hover, .Rouge.MainPage .ui-state-hover,
.Rouge.ui-dialog .ui-state-hover
{
    background-color : #D65656;
}
/*Définition du panel de titre des composants centraux lors du clic*/
.Rouge .MainPage .ui-state-active, .Rouge.MainPage .ui-state-active,
.Rouge.ui-dialog .ui-state-active
{
    background-color : #D65656;
}

/*Définition du panel de titre de tous les composants, utile pour les border seulement car il ne faut le "*" pour pouvoir les toucher*/
.Rouge .MainPage .ui-widget-header
{
    border: none;
}

/* Définition des valeurs des informations */
.Rouge .MainPage .DetailValeur, .Rouge.ui-dialog .DetailValeur
{
    color: #000066;
}

/* Définition du panel principal des boîtes de dialogue */
.Rouge.ui-dialog.ui-widget-content
{
    background-image: none; /* nécessaire */
    background-color: #970000 !important;
    border: solid 1px #E25318;
    color: #d52121;
}

/*Définition du panel central des composants de gauche*/
.Rouge .ActionPanel .ui-widget-content
{
    background-color : #FF966B !important;
    border: solid 1px #E25318;
    color: #d52121;
}
/*Définition du panel de titre des composants de gauche*/
.Rouge .ActionPanel .ui-state-default
{
    background-color : #d52121 !important;
    color: White;
}
/*Définition du panel de titre des composants de gauche lors du passage de la souris*/
.Rouge .ActionPanel .ui-state-hover
{
    background-color : #D65656 !important;
}

/*Définition de l'onglet non actif*/
#TabPanel .Rouge .ui-state-default
{
    background-color : #ffc6c6;
}
/*Définition de l'onglet actif*/
#TabPanel .Rouge .ui-state-active
{
    background-color : #d52121;
    border-bottom: none;
}
/*                                                          Fin définition de la classe Rouge                                           */


/*                                                          Définition de la classe Vert                                                */
/*Définition de la page*/
.Vert>div
{
    background-color : #E1FFF3;
    color: #22825C;
}

/*Définition du panel central des composants centraux*/
.Vert .MainPage .ui-widget-content, .Vert.MainPage.ui-widget-content,
.Vert.ui-dialog .ui-widget-content /* + boîtes de dialogues */
{
    background-image: none; /* nécessaire */
    background-color : #36FFAE;
    border: solid 1px #43E2A2;
}
/*Définition du panel de titre des composants centraux*/
.Vert .MainPage .ui-state-default, .Vert.MainPage .ui-state-default,
.Vert.ui-dialog .ui-state-default /* + boîtes de dialogues */
{
    background-color : #43E2A2;
    color: Black;
}
/*Définition du panel de titre des composants centraux lors du passage de la souris*/
.Vert .MainPage  .ui-state-hover, .Vert.MainPage  .ui-state-hover,
.Vert.ui-dialog .ui-state-hover
{
    background-color : #7BE3B9;
}
/*Définition du panel de titre des composants centraux lors du clic*/
.Vert .MainPage  .ui-state-active, .Vert.MainPage  .ui-state-active,
.Vert.ui-dialog .ui-state-active
{
    background-color : #7BE3B9;
}

/*Définition du panel de titre de tous les composants, utile pour les border seulement car il ne faut le "*" pour pouvoir les toucher*/
.Vert .MainPage .ui-widget-header
{
    border: none;
}

/* Définition des valeurs des informations */
.Vert .MainPage .DetailValeur, .Vert.ui-dialog .DetailValeur
{
    color: #000066;
}

/* Définition du panel principal des boîtes de dialogue */
.Vert.ui-dialog.ui-widget-content
{
    background-image: none; /* nécessaire */
    background-color : #8FEEFF !important;
    border: solid 1px #3BD3EF;
    color: #22825C;
}

/*Définition du panel central des composants de gauche*/
.Vert .ActionPanel .ui-widget-content
{
    background-color : #8FEEFF !important;
    border: solid 1px #3BD3EF;
    color: #22825C;
}
/*Définition du panel de titre des composants de gauche*/
.Vert .ActionPanel .ui-state-default
{
    background-color : #43E2A2 !important;
    color: Black;
}
/*Définition du panel de titre des composants de gauche lors du passage de la souris*/
.Vert .ActionPanel .ui-state-hover
{
    background-color : #7BE3B9 !important;
}

/*Définition de l'onglet non actif*/
#TabPanel .Vert .ui-state-default
{
    background-color : #E1FFF3;
}
/*Définition de l'onglet actif*/
#TabPanel .Vert .ui-state-active
{
    background-color : #3BE29F;
    border-bottom: none;
}
/*                                                          Fin définition de la classe Vert                                            */