body {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background-color: #faf8f9;
  font-family: Verdana, Arial;
  font-size: 11px;
}
textarea,
select {
  background-color: #fff;
}
td {
  font-size: 11px;
}
h1 {
  font-size: 1.5em;
  margin: .4em 0;
}
h2 {
  font-size: 1.4em;
  margin: .3em 0;
}
h3 {
  font-size: 1.3em;
  margin: .2em 0;
}
h4 {
  font-size: 1.2em;
  margin: .2em 0;
}
h5 {
  font-size: 1.1em;
  margin: .2em 0;
}
h6 {
  font-size: 1em;
  margin: .2em 0;
}
a img {
  border: 0;
}
a:link {
  color: #039;
}
a:visited {
  color: #039;
}
a:hover {
  text-decoration: none;
}
hr.clear {
  clear: both;
  visibility: hidden;
}
h2.title {
  font-family: Verdana, Arial, "Trebuchet MS";
  font-size: 12px;
  font-weight: bold;
  color: #000;
  padding-left: 25px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #a6ddff;
  border: #000 dashed 1px;
}
h2.msgerror {
  font-family: Verdana,Arial;
  font-size: 1.3em;
  font-weight: bold;
  color: #f00;
  padding-left: 40px;
  background: transparent url('../images/puce6.gif') no-repeat 25px 50%;
}
#cantico_search {
  position: absolute;
  top: 19px;
  right: 50px;
  font-weight: bold;
}
#cantico_search input {
  border: 1px solid #000;
  height: 15px;
}
td[valign="middle"] {
  vertical-align: middle;
}
address {
  margin: 10% 0 5% 0;
  text-align: center;
  font-size: .9em;
  color: #777;
}
address a:link,
address a:visited {
  color: #777;
}
.bab_section {
  margin-bottom: 6px;
  border-bottom: #000 1px dashed;
  border-left: #000 1px dashed;
  border-right: #000 1px dashed;
}
.bab_section .bab_title {
  background-color: #dcdbdb;
  border-top: #000 1px dashed;
  border-bottom: #000 1px dashed;
  padding-bottom: 2px;
}
.bab_section .bab_title h4 {
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 4px;
  margin: 0;
  font-family: Verdana, Arial;
  font-size: 1em;
  font-weight: normal;
  width: 80%;
}
.bab_section .bab_title a:link,
.bab_section .bab_title a:visited {
  position: relative;
  float: right;
  width: 12px;
  height: 10px;
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: -9px;
}
.bab_section .bab_title .nolink {
  display: none;
}
.bab_section .bab_title a {
  background-image: url('../images/sec_btn.gif');
  background-position: 0px 0px;
}
.bab_section .bab_title a.open {
  background-position: 0px -20px;
}
.bab_section .bab_title a.close:hover {
  background-position: 0px -10px;
}
.bab_section .bab_title a.open:hover {
  background-position: 0px -30px;
}
.bab_section ul {
  padding: 0;
  margin: .3em 0 0 0;
  list-style-type: none;
}
.bab_section .bab_content h5 {
  font-weight: normal;
  text-align: center;
  margin: .3em 0;
  font-size: 1em;
}
.bab_section table a:link,
.bab_section table a:visited {
  color: #000;
}
.bab_section table a:hover {
  background-color: #bad8f3;
  text-decoration: none;
}
.bab_section ul a {
  color: #000;
  text-decoration: none;
  display: block;
  padding: 1px;
  background: transparent url('../images/puce4.gif') no-repeat 5px 50%;
  padding-left: 15px;
}
.bab_section ul li.addon a {
  color: maroon;
}
.bab_section ul a:hover {
  background-color: #bad8f3;
  color: #000;
}
.bab_section ul li {
  display: inline;
}
#bab_montha table {
  width: 95%;
  padding: 0px;
  border-collapse: collapse;
  margin: 0 auto;
}
#bab_montha thead td {
  font-weight: bold;
  border-bottom: #ccc 1px solid;
}
#bab_montha td {
  padding: 1px;
  text-align: center;
}
.BabCalendarCurrentDayNumberSection {
  border: #000 1px solid;
  background-color: #3e78c3;
  font-weight: bold;
}
/* calendar ++ */
.bab_cal_buttons {
  padding: .6em 0;
  background-color: #eee;
  margin-top: .5em;
}
.bab_cal_buttons a {
  text-decoration: underline;
  padding: 3px;
  color: #000;
}
.bab_cal_buttons a:hover {
  color: #000;
  background-color: #fff;
}
/* fileman ++ */
body.fileman#list #centercontent .bab_content a {
  text-decoration: none;
}
body.fileman#list #centercontent .bab_content a:hover {
  color: #f60;
}
/* topic */
#BabCategTitleNavigation {
  background-color: #F7FFEB;
  border: #3e78c3 1px solid;
  margin: .5em .5% ;
}
#BabCategTitleNavigation table {
  border-collapse: collapse;
  width: 100%;
  height: 20px;
}
#BabCategTitleNavigation td {
  border: 0;
  padding: 0;
  margin: 0;
  padding-left: .5em;
}
#BabCategTitleNavigation p {
  padding: .2em .5em;
  margin: 3px 4px;
}
#BabCategTitleNavigation a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
#BabCategTitleNavigation a:hover {
  color: #3e78c3;
  font-weight: bold;
}
#BabCategTitleNavigation .bab_buttons a {
  display: block;
  text-align: center;
  width: 8em;
  background-color: #B9D987;
  padding: .2em .5em;
  margin: 3px 4px;
  border: #879E63 1px solid;
}
#BabCategTitleNavigation .bab_buttons a:hover {
  background-color: #fc3;
  border: #F09C18 1px solid;
}
ul.BabCategTitleNavigation {
  padding: 2.5em;
  margin: 2.5em 15%;
  border: #3e78c3 2px solid;
  background-color: #dcdbdb;
  list-style-type: square;
  color: #000;
}
ul.BabCategTitleNavigation li {
  padding-bottom: .5em;
}
ul.BabCategTitleNavigation li a,
ul.BabCategTitleNavigation li a:visited {
  text-decoration: none;
  color: #000;
  font-size: 1.2em;
}
ul.BabCategTitleNavigation li a:hover {
  text-decoration: underline;
}
ul.BabCategTitleNavigation ul {
  font-weight: normal;
  font-style: italic;
  padding-left: 1em;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body.page.articles .bab_repeat {
  margin: .5em 0;
}
body.page.articles .bab_buttons .bab_title {
  font-weight: bold;
}
/* PUBLIC CORE CSS */
.BabCalendarBodyBadMonthBackground + .BabCalendarBodyBadMonthBackground {
  border-top: 3px solid #3e78c3;
}
.BabContentBackground,
.BabMenuActiveBackground {
  background-color: #fff;
  color: #000;
}
.BabCalendarMenuActiveBackground {
  background-color: #fff;
  color: #116;
  font-weight: bold;
}
.BabLoginCadreBackground {
  background-color: #3e78c3;
}
.BabBodyTitleBackground,
.BabLoginMenuBackground {
  color: #000;
}
.BabLoginMenuBackground a {
  text-decoration: none;
  font-weight: bold;
}
.BabLoginMenuBackground a:hover {
  color: #000;
  text-decoration: underline;
}
.BabSiteAdminFontBackground,
.BabTopicsBackground,
.BabTopicsButtonBackground {
  color: #000;
}
.Babhighlight {
  background-color: #f00;
}
/* background and font error messages  */
.BabErrorMessage {
  background-color: #fff;
  color: #f33;
  font-weight: bold;
}
.BabWarningBodyBackground {
  background-color: #fff;
  color: #000;
  font-weight: bold;
}
.BabWarningBodyBackground a:link,
.BabWarningBodyBackground a:visited {
  color: #00c;
  font-weight: bold;
}
.BabWarningBodyBackground a:hover {
  color: #FF3333;
}
/* admin letterlist users/contacts */
.BabLetterlists {
  color: #000000;
  background-color: #FFFFFF;
  font-weight: bold;
}
.BabLetterlists a:link,
a.BabAlphabetLink:link,
a.BabAlphabetLink:visited {
  color: #009933;
  font-weight: bold;
}
.BabLetterlists a:hover,
a.BabAlphabetLink:hover {
  color: #000;
}
a.BabNameEmailLink,
a.BabNameEmailLink:link,
a.BabTitleSmall,
a.BabTitleSmall:link {
  color: #000000;
}
a.BabNameEmailLink:hover,
a.BabTitleSmall:hover {
  color: #0000CC;
}
/* notes,faq,eventeditor,vacation */
a.BabEventFaqLink,
a.BabEventFaqLink:link {
  color: #009933;
  font-weight: bold;
}
a.BabEventFaqLink:hover {
  color: #FF3333;
}
a.BabContentLinkColor:link,
a.BabContentLinkColor:visited,
a.BabSummaryLinkColor:link,
a.BabSummaryLinkColor:visited {
  color: #0000CC;
}
a.BabContentLinkColor:hover,
a.BabSummaryLinkColor:hover,
.BabSummaryNbrMessage {
  color: #FF3333;
}
/**************** ARTICLES ****************************/
/* titles */
.BabTopicsTitleBackground {
  margin-bottom: 7px;
  color: #3e78c3;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial;
  text-transform: lowercase;
}
.BabTopicsTitleBackground:first-letter {
  text-transform: uppercase;
}
/* font and background articles */
.BabTopicsAuthorBackground {
  border-bottom: #ccc 1px solid;
}
.BabMonthCalendarCurentDayBackground {
  color: #000000;
}
.BabMonthCalendarCurentDayBackground .BabLoginCadreBackground td {
  padding: 0;
}
.BabArticleSpacing {
  height: 5px;
}
a.BabTopicsFooterLink,
a.BabTopicsFooterLink:link,
a.BabTopicsFooterLink:visited {
  color: #4990B1;
  text-decoration: none;
}
a.BabTopicsFooterLink:hover {
  text-decoration: underline;
}
.BabTopicsAuthorBackground {
  padding: 0;
  padding-top: 5px;
}
a.BabTopicsFooterMoreLink:link,
a.BabTopicsFooterMoreLink:visited {
  color: #000;
  text-decoration: none;
  border: #ccc 1px solid;
  padding: 1px 4px;
  border-width: 1px 1px 0 1px;
  background: #fff;
  margin-right: 1em;
  position: relative;
  font-weight: bold;
}
a.BabTopicsFooterMoreLink:hover {
  background-color: #fc3;
  border-color: #fc3;
}
/********** AGENDA **** CALENDAR ******************************/
.bab_calendar td {
  vertical-align: top;
}
.BabCalendarBodyBackground,
.Blackbg {
  background-color: #000000;
}
/*names of the days on top of monthcalendar*/
.BabCalendarDays {
  background-color: #3e78c3;
  color: #fff;
  font-weight: bold;
}
.BabMonthCalendarEventHourfont {
  background-color: #FFFFFF;
  color: #009933;
}
/***************** MAIL ******************************/
/* white background in use on inbox groups - plus links */
.BabMailBackground {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
}
/***************** FORUMS**********************************/
/*threads*/
.BabForumBackground,
.HeaderDayCalendar {
  background-color: #FFFFFF;
}
a.BabForumNavigation,
a.BabForumNavigation:link,
a.BabForumNavigation:visited {
  color: #111166;
  font-weight: bold;
}
a.BabForumNavigation:hover {
  color: #009933;
}
/*posts*/
.BabForumTopicsNavTitle,
.BabForumTopicsNavDate,
.BabForumTopicsNavAuthor {
  background-color: #E6E6F7;
  color: #111166;
  font-weight: bold;
}
a.BabForumTopicsConfirm,
a.BabForumTopicsConfirm:link,
a.BabForumTopicsConfirm:visited {
  color: #4990B1;
  text-decoration: none;
}
a.BabForumTopicsConfirm:hover {
  text-decoration: underline;
}
a.BabForumTopicsNavContribution:link,
a.BabForumTopicsNavContribution:visited {
  color: #000000;
}
a.BabForumTopicsNavContribution:hover {
  color: #0000CC;
}
.BabForumTopicsNavTreeBody {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
}
.BabForumTopicsNavTreeBody table {
  margin: 0;
}
.BabForumTopicsNavTreeBody td {
  padding: 0;
}
.BabForumTopicsNavTreeLive {
  background-color: #FFFFFF;
  color: #FF3333;
  font-weight: bold;
}
/************* ADMINISTRATION SITES*************/
.BabSiteAdminTitleFontBackground,
.BabFaqTitleFontBg,
.BabTopicsAdminListTitle {
  background-color: #c6d7ed;
  color: #000 ;
  font-weight: bold;
}
.BabSiteAdminSmall {
  background-color: #D1D1D9;
  color: #111166 ;
  font-weight: bold;
}
.BabSiteAdminFont {
  color: #000;
}
/********* FAQ **** NOTES ********************************/
a.BabFaqLink,
a.BabFaqLink:link,
a.BabFaqLink:visited {
  color: #0000CC;
  font-weight: bold;
}
a.BabFaqLink:hover {
  color: #FF3333;
}
.BabFaqQuestion {
  background-color: #FFFFFF;
  color: #0000CC;
  font-weight: bold;
}
/********** ADMINISTRATION THEMES TOPICS **********/
a.BabTopicsAdminTitleLink,
a.BabTopicsAdminTitleLink:link,
a.BabTopicsAdminTitleLink:visited {
  color: #111166;
  font-weight: bold;
}
a.BabTopicsAdminTitleLink:hover {
  color: #009933;
}
/*************************************************
    $ Reset CSS

    http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
*************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*************************************************
    $ Général
*************************************************/
body {
  background: white;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
}
.page {
  margin: auto;
  width: 960px;
}
table {
  margin: 0 auto;
}
td {
  padding: 3px;
  vertical-align: middle;
}
/*td {
    padding-bottom : 5px;
}

td + td {
    padding-left : 10px;
}*/
a {
  color: #3e78c3;
}
.widget-title {
  font-weight: bold;
}
/*************************************************
    $ Page d'accueil publique
*************************************************/
.page.public {
  width: 1024px;
  position: relative;
  background: url(../images/background-public.png) top center no-repeat;
}
.page.public .title {
  padding-top: 2px;
  width: 350px;
  position: absolute;
  left: 491px;
  text-align: center;
  text-transform: lowercase;
  font-size: 24px;
  font-weight: bold;
  color: #3e78c3;
}
.page.public form {
  margin-top: 162px;
  height: 131px;
  background: url(../images/logo-connexion.png) 491px center no-repeat;
  color: #3e78c3;
}
.page.public form label {
  display: inline-block;
  width: 255px;
  text-align: right;
  font-family: Verdana, Helvetica, sans-serif;
  line-height: 2.5em;
}
.page.public form input {
  border: 1px solid #3e78c3;
}
.page.public form input[type=submit] {
  display: inline-block;
  padding:10px 20px !important;
  margin: 10px 0 10px 255px;
  border: none;
  padding: 0px;
  font-weight: bold;
  font-size: 1.2em;
  background-color: white;
  font-family: Exo, Verdana, sans-serif;
  background: #3e78c3;
  color:#fff;
}
.page.public form input[type=submit]:hover {
	cursor:pointer;
	
}

.page.public form a {
  margin-left: 260px;
  font-size: 10px;
  text-transform: lowercase;
}
/*************************************************
    $ En-tête
*************************************************/
#header {
  margin-bottom: 20px;
  position: relative;
}
/*************************************************
    $ Lien vers l'accueil
*************************************************/
#home {
  margin-top: 10px;
  width: 180px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
#home a {
  display: block;
  margin-bottom: 10px;
  color: #7290ce;
  text-decoration: none;
  font-weight: bold;
}
/*************************************************
    $ Lien de (dé)connexion
*************************************************/
#log {
  margin-top: 20px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  text-transform: lowercase;
}
#log a {
  color: #f5424b;
  text-decoration: none;
  font-weight: bold;
}
#log a img {
  margin-bottom: 10px;
}
/*************************************************
    $ Menu du haut
*************************************************/
#menu_haut {
  text-align: center;
}
#menu_haut li {
  display: inline-block;
  margin-top: -45px;
  margin-right: -22px;
  width: 145px;
  height: 145px;
  position: relative;
  border-radius: 50%;
  line-height: 145px;
  text-align: center;
  text-transform: lowercase;
}
#menu_haut li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  color: white;
  text-decoration: none;
  z-index: 0;
}
#menu_haut li .image-container {
  height: 46px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transition: height 0.1s linear;
  -moz-transition: height 0.1s linear;
  -ms-transition: height 0.1s linear;
  -o-transition: height 0.1s linear;
  transition: height 0.1s linear;
  z-index: -1;
}
#menu_haut li .image-container img {
  height: 100%;
  vertical-align: top;
}
#menu_haut li:hover .image-container {
  height: 60px;
}
/*************************************************
    $ Menu contextuel
*************************************************/
#toolbar li {
  display: inline-block;
  margin-bottom: 15px;
  background-color: #cdcdcd;
  text-align: center;
  color: white;
  font-size: 11px;
}
#toolbar li:hover {
  background-color: #A4A4A4;
}
#toolbar li.active {
  padding: 6px 10px 7px;
  background-color: #3E78C3;
}
#toolbar li a {
  display: block;
  padding: 6px 10px 7px;
  color: white;
  text-decoration: none;
}
/*************************************************
    $ Header contextuel
*************************************************/
#fil-d-ariane {
  color: #a9bdd7;
  margin-bottom: 15px;
}
#fil-d-ariane li {
  display: inline-block;
}
#fil-d-ariane li + li::before {
  content: '>';
  margin-left: 6px;
}
#header_contextuel .title {
  margin-bottom: 13px;
  color: #3e78c3;
  font-size: 22px;
  font-weight: bold;
  font-family: Arial;
}
/*************************************************
    $ Corps
*************************************************/
#content {
  margin-bottom: 20px;
  margin-left: -30px;
}
.no-margin-left.grid1,
.no-margin-left.grid2,
.no-margin-left.grid3 {
  margin-left: 0px;
}
.grid1,
.grid2,
.grid3 {
  margin-left: 30px;
  margin-bottom: 20px;
  float: left;
}
.grid1 {
  width: 300px;
}
.grid2 {
  width: 630px;
}
.grid3 {
  width: 960px;
}
.clear {
  clear: both;
}
.BabLoginCadreBackground,
.bab_repeat {
  border: 2px solid #3e78c3;
  padding: 10px;
  background-color: #e5edf7;
}
.BabLoginCadreBackground .BabSiteAdminFontBackground p,
.bab_repeat .BabSiteAdminFontBackground p,
.BabLoginCadreBackground .BabForumBackground1 p,
.bab_repeat .BabForumBackground1 p {
  margin: 1em 0;
}
/*************************************************
    $ Pied de page
*************************************************/
#footer {
  border-top: 2px solid #3e78c3;
  padding-top: 20px;
}
#footer ul {
  margin-left: -35px;
  margin-bottom: 20px;
}
#footer ul ul {
  margin-left: 0px;
}
#footer li {
  display: inline-block;
  margin-left: 35px;
  vertical-align: top;
  color: #5D5D5D;
  font-weight: bold;
  font-size: 14px;
  line-height: 2em;
  text-align: left;
}
#footer li li {
  display: block;
  margin-left: 0;
  color: #5D5D5D;
  font-weight: bold;
  font-size: 14px;
}
#footer li li a {
  color: #3e78c3;
  font-weight: normal;
  text-decoration: none;
  font-size: 12px;
}
#footer img {
  margin-bottom: 20px;
}
/*************************************************
    $ Pages - Spécifiques
*************************************************/
/* # Outils > Management ********************/
.cubintra_gestion h2 {
  margin-bottom: 13px;
  color: #3e78c3;
  font-size: 22px;
  font-weight: bold;
  font-family: Arial;
}
.cubintra_gestion h3 {
  margin-bottom: 9px;
  color: #3e78c3;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
}
.cubintra_gestion ul {
  margin-bottom: 15px;
}
.cubintra_gestion ul a {
  color: black;
  text-decoration: none;
}
.cubintra_gestion ul a:hover {
  text-decoration: underline;
}
.cubintra_gestion ul.modules a {
  color: #3e78c3;
}
/*************************************************
    $ Portlets - Général
*************************************************/
body {
  /* # Cadre du portlet ***********************/
  /* # En-tête ********************************/
  /* # Zone de configuration ******************/
  /* # Corps **********************************/
}
body .portlet-frame {
  border: none;
}
body .bab-portlet-container.portlets-configurable .portlet-frame:hover {
  border: none;
}
body .portlet-toolbar {
  background-color: transparent;
  padding: 0;
}
body .portlet-toolbar .widget-title {
  margin: 5px 0;
  border-bottom: 6px solid #3e78c3;
  padding: 0;
  color: #3e78c3;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 13px;
}
body .portlet-frame-title {
  margin: 5px 0;
  border-bottom: 6px solid #3e78c3;
  padding: 0;
  color: #3e78c3;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 13px;
}
body .bab-portlet-container.portlets-sortable .portlet-frame:hover .portlet-toolbar {
  background-color: transparent;
}
body .portlet-edit-settings-frame {
  margin: 5px 0;
  border: none;
  border-bottom: 6px solid #3e78c3;
  padding: 5px 5px 10px;
  background: transparent;
}
body .portlet-content {
  padding: 0 5px;
  line-height: 1.5em;
}
/*************************************************
    $ Portlets - Spécifiques
*************************************************/
#portlets-mobiles {
  display: none;
}
.portlet-content .note {
  font-size: 10px;
  line-height: 1em;
}
.portlet-content .note strong {
  font-weight: bold;
}
/* # Mon Agenda *****************************/
.agenda {
  max-height: 322px;
  overflow: auto;
}
.agenda ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.agenda .agenda-ligne {
  height: 32px;
  margin: 0;
  border-bottom: 2px dotted #3e78c3;
  padding: 9px 0;
}
.agenda .agenda-ligne:hover {
  background-color: #dae5f3;
}
.agenda .agenda-ligne.last,
.agenda .agenda-ligne:last-child {
  border: none;
}
.agenda .agenda-date {
  width: 32px;
  height: 28px;
  margin: 0 10px 0 0;
  padding: 2px 0;
  float: left;
  background: #808080;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  line-height: 13px;
}
.agenda .agenda-date.today {
  background-color: #3e78c3;
}
.agenda .agenda-date span {
  display: block;
  font-size: 16px;
}
.agenda .agenda-details {
  width: 258px;
  height: 30px;
  margin: 0;
  padding-top: 2px;
  color: #666;
  font-size: 11px;
  line-height: 14px;
}
.agenda .agenda-details a {
  display: block;
}
/* # Agenda du jour, Congés à venir *********/
.agenda-du-jour h3,
.conges-a-venir h3 {
  color: #3e78c3;
  font-weight: bold;
}
.agenda-du-jour ul,
.conges-a-venir ul {
  margin-bottom: 10px;
  padding-left: 20px;
  list-style: disc outside none;
}
/* # Focus **********************************/
.focus .bloc_content img {
  margin-left: 12px;
  float: right;
}
.focus .bloc_content div {
  position: relative;
  text-align: right;
}
.focus h2 {
  font-size: 1.5em;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.focus p {
  color: #666;
}
/*************************************************
    $   Faqs
*************************************************/
.BabFaqName,
.BabFaqSubCategoryName,
.BabFaqQuestionName {
  margin: 0.5em 0;
  color: #3e78c3;
  font-weight: bold;
}
.BabFaqName {
  font-size: 22px;
}
.BabFaqSubCategoryName {
  font-size: 1.3em;
}
/*************************************************
    $ Affichage des blocs scrollables
*************************************************/
.scrollable_up,
.scrollable_down {
  margin: 8px auto;
  height: 16px;
  width: 16px;
  background-color: #888;
  background-image: url(../images/sprite-fleches-verticales.png);
  cursor: pointer;
}
.scrollable_up:hover,
.scrollable_down:hover {
  background-color: #ED1C24;
}
.scrollable_no_more,
.scrollable_no_more:hover {
  background-color: #ddd;
  cursor: auto;
}
.scrollable_up {
  background-position: top center;
}
.scrollable_down {
  background-position: bottom center;
}
/*************************************************
    $ Gestion des couleurs
*************************************************/
#menu_haut .bleu {
  background-color: #7290ce;
  z-index: 50;
}
#menu_haut .vert {
  background-color: #68c361;
  z-index: 40;
}
#menu_haut .jaune {
  background-color: #f9cf4c;
  z-index: 30;
}
#menu_haut .orange {
  background-color: #f9b24c;
  z-index: 20;
}
#menu_haut .rouge {
  background-color: #f5424b;
  z-index: 10;
}
/*************************************************
    $ Tablettes
*************************************************/
@media screen and (max-width: 959px) {
  .page {
    width: 748px;
  }
  .grid1 {
    width: 359px;
  }
  .grid2 {
    width: 748px;
  }
  .grid3 {
    width: 748px;
  }
  .non-tablette {
    display: none !important;
  }
  #home {
    position: static;
    float: left;
  }
  #log {
    position: static;
    float: right;
  }
}
/*************************************************
    $ Smartphones
*************************************************/
@media screen and (min-width: 481px) {
  .mobile {
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  .page.public {
    padding-top: 14em;
    width: auto;
  }
  .page.public .title {
    width: auto;
    position: static;
  }
  .page.public form {
    margin-top: 20px;
    border-bottom: 1px solid #4F72BF;
    padding-bottom: 7em;
    background: url("../images/logo-connexion.png") no-repeat bottom center #ffffff;
  }
  .page.public form label {
    width: 50%;
  }
  .page.public form input[type=submit] {
    margin-left: 50%;
  }
  .page.public form a {
    margin-left: 50%;
  }
  .page {
    padding-top: 4em;
    width: 100%;
  }
  #home {
    position: static;
  }
  /*************************************************
        $ Menu du haut
    *************************************************/
  #menu_haut {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: left;
    z-index: 1000;
  }
  #menu_haut li {
    display: block;
    margin-top: 0;
    margin-right: 0;
    width: 20%;
    height: 4em;
    float: left;
    border-radius: 0%;
    line-height: 4em;
  }
  #menu_haut li a {
    border-radius: 0%;
    font-size: 0;
    opacity: 0;
  }
  #menu_haut li .image-container a {
    opacity: 1;
  }
  #menu_haut li:hover .image-container {
    height: 45px;
  }
  #content {
    max-width: 100%;
  }
  .grid1 {
    width: 100%;
  }
  /*************************************************
        $ Pied de page
    *************************************************/
  #footer {
    border-top: none;
    padding-top: 0;
  }
  #footer > ul > li {
    background-color: #5d5d5d;
    color: white;
    cursor: pointer;
  }
  #footer ul ul {
    display: none;
    margin-bottom: 0;
    margin-left: -10px;
    background-color: white;
    box-shadow: 0 2px 2px -2px #505050 inset;
  }
  #footer li {
    display: block;
    padding-left: 10px;
  }
  #footer li li + li {
    border-top: none;
  }
  #footer li + li {
    border-top: 3px solid #505050;
  }
  .non-mobile {
    height: 0 !important;
    width: 0 !important;
    overflow: hidden;
  }
}
@media print {
  * {
    border-color: #000 !important;
    color: #000 !important;
  }
  #header,
  #toolbar,
  #fil-d-ariane,
  #footer,
  .mobile,
  input[type="submit"],
  input[type="button"],
  button,
  a img,
  .bab_buttons {
    display: none;
  }
  .BabLoginCadreBackground,
  input {
    border: none;
  }
  input {
    font-size: 1em;
  }
}