@CHARSET "UTF-8";
/*
 orange clair : 251-168-0 => #FBBA00
 orange foncé : 236-102-8 => #EC6608
 rouge : 162-34-24        => #A22218
 gris clair : 169-169-169 => #A9A9A9
 gris foncé : 128-128-128 => #808080
 * */

/**********************************************************************
 *  Bandeau de haut de page
 **********************************************************************/
/* DIV de 167px*60px avec un backgound uni */
.sf_admin_header .logo {
    height: 60px;
    background-color: #fab10b;
}
.sf_admin_header .logo a {
    height: 60px;
    background-image: url('images/logo.png');
}
/* DIV de 1052px*60px avec une image comme backgound */
.sf_admin_header .header_right {
    height: 60px;
    background-image: url('images/header.png');
    background-repeat: no-repeat;
}
/**********************************************************************
 *  Menu principal
 **********************************************************************/
/* Mettre une largeur identique aux 3 items (Données, Réseau, Administration) */
.sf_admin_menu .menu a {
    width: 125px;
}
/* Séparer les « cases » par un liseret blanc */
.sf_admin_menu .navigation li a {
    border-right: 1px solid #FFFFFF;
}
/* Supprimer le cadre extérieur */
.sf_admin_menu {
    border: none;
}
/* Changer les couleurs des items :
 * Texte : toujours blanc
 * Non sélectionné => BG en orange clair
 * Sélectionné => BG en rouge
 * Hover => BG en orange foncé
 **/
.sf_admin_menu .menu a {
    background-color: #FBBA00;
    color: #FFFFFF;
}
.sf_admin_menu .menu a:hover {
    background-color: #EC6608;
}
.sf_admin_menu .navigation a.active, .sf_admin_menu .menu a.selected {
    background-color: #A22218;
}
/**********************************************************************
 *  Fil d'ariane
 **********************************************************************/
/* Le dernier élément, non cliquable, en gris clair. */
.sf_admin_path {
    color: #A9A9A9
}
/* Changer la couleur des éléments cliquables en gris foncé. */
.sf_admin_path span, .sf_admin_path a {
    color: #808080;
}
/**********************************************************************
 *  Menu de gauche
 **********************************************************************/
/* Mettre le titre du menu en gris foncé */
.sf_admin_left_menu .left_menu_title {
    color: #808080;
}
/* Mettre des puces rondes de couleur orange foncé sur tous les éléments */
.sf_admin_left_menu li, .sf_admin_left_menu li.selected, .sf_admin_left_menu li.level_2, .sf_admin_left_menu li.level_3 {
    list-style-image: none;
    list-style-type: disc;
    color: #EC6608;
}
/* ... sauf sur celui sélectionné qui sera de couleur rouge */
.sf_admin_left_menu li.selected {
    color: #A22218;
}
/* Passer l'élément sélectionné en gras, de couleur rouge et sans background */
.sf_admin_left_menu .active {
    background: none;
    color: #A22218;
}
/**********************************************************************
 *  Titres principaux des pages
 **********************************************************************/
/* Enlever le style « gras » et les mettre de couleur rouge */
.sf_admin_container h1 {
    color: #A22218;
    font-weight: normal;
}
/**********************************************************************
 *  Titres de paragraphe
 **********************************************************************/
/* Les passer en couleur orange foncé */
.sf_admin_container h2 {
    color: #EC6608;
}
/**********************************************************************
 *  Jquery UI
 **********************************************************************/
/* Component containers
 ----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #808080;
    background: #ffffff url(images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
    color: #1e1b1d;
}
.ui-widget-content a {
    color: #1e1b1d;
}
.ui-widget-header {
    border: 1px solid #808080;
    background: #fbba00 url(images/ui-bg_flat_25_fbba00_40x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #fff;
}
/* Interaction states
 ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #808080;
    background: #ffffff url(images/ui-bg_flat_70_ffffff_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #3f3731;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #3f3731;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #808080;
    background: #ec6608 url(images/ui-bg_flat_100_ec6608_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #ffffff;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #808080;
    background: #a22218 url(images/ui-bg_flat_100_a22218_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #fff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
}
.ui-widget :active {
    outline: none;
}
/* Interaction Cues
 ----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #d9bb73;
    background: #f5f5b5 url(images/ui-bg_flat_75_f5f5b5_40x100.png) 50% 50% repeat-x;
    color: #060200;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #060200;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f8893f;
    background: #fee4bd url(images/ui-bg_flat_65_fee4bd_40x100.png) 50% 50% repeat-x;
    color: #592003;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #592003;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #592003;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
/* Icons
 ----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_a22218_256x240.png);
}
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_a22218_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_a22218_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_a22218_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_fbba00_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_fbba00_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_ec6608_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_a22218_256x240.png);
}
/* Misc visuals
 ----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
 /**********************************************************************
 *  Éléments communs
 **********************************************************************/
/* Mettre les entêtes et les pieds de tableaux en orange clair */
.sf_admin_container th {
    background-color: #FBBA00;
}
tr.sub_total_color td {
    background-color: #FBBA00;
}
tr.total_color td {
    background-color: #FBBA00;
    color: #A22218;
}
/* Mettre le texte en noir pour tout les éléments modifiables */
input.field, textarea.field, .ui-multiselect {
    color: #000;
}
/**/

.site_map .level_0, .site_map .level_1, .site_map .level_2, .site_map .level_3 {
    color: #EC6608;
    list-style-image: none;
    list-style-type: disc;
}
.site_map .level_2 a, .site_map .level_3 a {
    color: #333;
}