/****************** general ************************/
html { font-size:100.01% !important; }
body {font-size: 80% !important; color: #706f6f !important; background: #fff; font-family: Arial,Helvetica,sans-serif !important;}
a {color: #2c8dd2;}
a:hover {text-decoration: none; color:#4fa0e1}

/****************** login **************************/
body.login {background: #f9f9f9 url(../img/login-bg.png) repeat-x;}
#login-header {background: url(../img/login-header.png) no-repeat;}
#login-form-wrapper a {color: #fff;}
#login-form-wrapper a:hover {text-decoration: none;}
#login-form {background: #fff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#login-footer {background: url(../img/login-footer.png) no-repeat;}

/******************** user *********************/
#header {background: #fff;}
.name {font-size: 1.8em; font-style: italic; font-family: Georgia,Times,"Times New Roman",serif !important;}
.name a {color: #706f6f;}
.name a:hover {text-decoration: none;}
.year {font-size: 0.9em; letter-spacing: 0.1em; font-style: italic; font-family: Georgia,Times,"Times New Roman",serif !important;}
.year span {font-size: 1.8em; color: #308dd8;}

/******************** primary links ************/
#navigation {background-image: url('../img/bg-navigation.png'); border-color: #308dd8;}
#primary li {background: url(../img/bg-separator-primary.png) top right no-repeat;}
#primary li a {font-size: 0.9em; font-weight: bold; color: #e2e2e2; text-shadow: 0 0 2px #000; text-align: center; text-decoration: none;}
#primary li a:hover, #primary li a:focus, #primary li a:active, #primary li a.active {background: url(../img/bg-hover-primary.png); text-decoration: none;}

/******************** secondary links **********/
#secondary-wrapper {background: url(../img/bg-secondary.png);}
#secondary li {background: url(../img/bg-separator-secondary.png) top left no-repeat;}
#secondary li.first {background: url(../img/bg-separator-primary.png) top left no-repeat;}
#secondary li a {font-size: 0.9em; color: #575757; text-shadow: 0 0 2px #fff; text-align: center; text-decoration: none;}
#secondary li a:hover, #secondary li a:focus, #secondary li a:active, #secondary li a.active {text-decoration: none; color: #8a8a8a;}
#secondary li a.help {background: url(../img/icon-help-secondary.png) 20px 6px no-repeat;}
#secondary li a.logout {background: url(../img/icon-logout-secondary.png) 20px 6px no-repeat;}

/******************** sidebar links ************/
#sidebar {background: #fff;}
.menu {list-style-type: none;}
.menu li a {font-family: Georgia,Times,"Times New Roman",serif !important; font-size: 1.1em; font-style: italic; color: #706f6f; text-decoration: none; border-color: #fff;}
.menu li a:hover, .menu li a.active {color: #0072cf; background-color: #f4f4f4; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.menu li a img {vertical-align : middle;}
.menu li a span.label {vertical-align:middle;}

/******************** main wrapper ************/
#main {background: #f7f7f7;border: 1px solid #d6d4d4;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;}

/******************** breadcrumb *************/
#breadcrumb {background: url(../img/bg-breadcrumb.png);border-color: #d6d4d4;border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;}
#breadcrumb ul {list-style-type: none !important;}
#breadcrumb li a {font-size: 0.9em;font-weight: bold;color: #706f6f;text-shadow: 0 0 2px #fff;text-align: center;text-decoration: none;background: url(../img/breadcrumb-separator.png) top right no-repeat;}
#breadcrumb li a.active {background: none; color: #0072cf;}
#breadcrumb li a:hover {color: #8a8a8a;}

/******************** content ****************/
#content h1 {font-family: Georgia,Times,"Times New Roman",serif !important; color: #0072cf; font-size: 1.4em !important;}
#content .aide {font-size: 0.85em;}

/******************** message ****************/
/* .message {background: url(../img/message-closure.png) no-repeat 50px 41px;}
.warning {background: url(../img/message-closure-warning.png) no-repeat 50px 41px !important;}
.success {background: url(../img/message-closure-success.png) no-repeat 50px 41px !important;} */
.message p {font-family: Georgia,Times,"Times New Roman",serif !important;color:#424242;font-style: italic;border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
p.error {background: #fb9896 url(../img/icon-message-erreur.png) no-repeat 10px 5px;}
p.warning {background: #ffcc66 url(../img/icon-message-warning.png) no-repeat 10px 5px;}
p.success {background: #99cc33 url(../img/icon-message-success.png) no-repeat 12px 2px;}

/******************** table ******************/
table.liste {border-bottom: 1px solid #d9d8d8;border-collapse: collapse;width: 100%;font-size: 0.9em;}
table.liste th {border-top: 1px solid #ccc;border-bottom: 1px solid #d9d8d8;border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 5px;background-color: #d8eaf8;color: #006fd3;font-weight: bold;padding-left: 15px;}
table.liste th img.sort {float: right;margin: 7px 4px 0 0;}
table.liste td {border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding-left: 15px;}
table.liste td.icons {padding: 0 !important; text-align: right;}
table.liste tr {height: 36px; background-color: #f4f4f4;}
table.liste tr.odd {background-color: #fff;}
table.liste tr.subrow td {padding-left: 15px !important;}
table.liste tr.subrow table {font-size: 0.95em !important;}
table.liste tr.subrow table th, table.liste tr.subrow table td {border-right:0 !important;}
table.liste caption {
font-size: 1.1em;
font-weight: bold;
padding-left: 12px;
padding-bottom: 5px;
background-image: url("../img/table-caption-arrow.png");
background-repeat: no-repeat;
background-position: 1px 6px;
}
table.liste tfoot tr {background-color: #dcdcdc !important;}
table.liste tfoot td {font-weight: bold;}

/******************** fonctions **************/
#content .fonctions a.edit {background: url(../img/icon-action-edit.png) no-repeat 0 0px;}
#content .fonctions a.print-fiche-financiere {background: url(../img/icon-print-fiche-financiere.png) no-repeat 0 0px;}
#content .fonctions a.print-fiche-projet {background: url(../img/icon-print-fiche-projet.png) no-repeat 0 0px;}
#content .fonctions a.print-fiche {background: url(../img/btn-valider.png) no-repeat; padding: 15px 2px 10px 150px;}
#content .fonctions a.btn-valid {background: url(../img/btn-valider.png) no-repeat; padding: 15px 2px 10px 150px;}

/******************** legende ****************/
.legende {margin: 20px 0 20px 0 !important}
.legende span.square {padding: 0px 5px 0px 5px; border:1px solid #999}
.legende span.red {background: red}
.legende span.green {background: green}
.legende span.label {font-size: 0.95em; font-weight:bold}

/******************** helpers ******************/
.hide {display:none;}

/******************** indicator *********** ****/
.indicator {border: 1px solid #d9d8d8;background: #fff;padding: 1px;width: 150px;height: 15px;}
.percent {display: inline-block; height: 15px; background: green}
.indicator .error {background: red !important}

/******************* footer ********************/
#footer {border-top:1px solid #d6d4d4;background: #f7f7f7 url(../img/icon-optimum.png) 100% 0 no-repeat;font-size:0.85em;text-align: right;}

/******************* accueil *******************/
#accueil h1, #accueil h2 {font-family: Georgia,Times,"Times New Roman",serif !important;margin: 0;}
#accueil h1 {font-size: 2.4em; margin: 0 0 15px 0; color: #767676; padding-left: 15px; }
#accueil h2 {
font-size: 1.4em;
padding: 5px 5px 5px 15px;
background: #308dd8;
color: #fff;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
margin: 0 0 15px 0;
text-shadow: 0 0 1px #666;
}

#accueil .box{
border:1px solid #ccc;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
behavior: url(border-radius.htc);
color:#666;
background:#fff;
padding:10px;
margin: 0 0 10px 0;
 
}
#accueil .gris {background:#f7f7f7 !important;}
#accueil p.slogan {font-family: Georgia,Times,"Times New Roman",serif !important;color: #767676;font-size: 1.4em;line-height: 1.6em;}
#accueil ul.news {padding-left: 15px;list-style-type: square;list-style-image: url(../img/arrow.png);}