/* FONTS */
@font-face {
    font-family: 'interstate';
    src: url('/medias/font/intr____.eot?#iefix');
    src: url('/medias/font/intr____.eot?#iefix') format('embedded-opentype'),
         url('/medias/font/intr____.woff') format('woff'),
         url('/medias/font/intr____.ttf') format('truetype'),
         url('/medias/font/intr____.svg#InterstateRegularRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/medias/font/Roboto-Light-webfont.eot?#iefix');
    src: url('/medias/font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/medias/font/Roboto-Light-webfont.woff') format('woff'),
         url('/medias/font/Roboto-Light-webfont.ttf') format('truetype'),
         url('/medias/font/Roboto-Light-webfont.svg#roboto') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/medias/font/Roboto-Regular-webfont.eot?#iefix');
    src: url('/medias/font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/medias/font/Roboto-Regular-webfont.woff') format('woff'),
         url('/medias/font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/medias/font/Roboto-Regular-webfont.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('/medias/font/Roboto-LightItalic-webfont.eot?#iefix');
    src: url('/medias/font/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/medias/font/Roboto-LightItalic-webfont.woff') format('woff'),
         url('/medias/font/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('/medias/font/Roboto-LightItalic-webfont.svg#roboto') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'icomoon';
	src:url('/medias/font/icomoon.eot?#iefix');
	src:url('/medias/font/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/medias/font/icomoon.woff') format('woff'),
		url('/medias/font/icomoon.ttf') format('truetype'),
		url('/medias/font/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icomoon { font-family: 'icomoon'; font-size: 16px; float: left; margin-right: 5px; }

body {
    background: url(/medias/img/bg.png) repeat;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    font-size: 14px;
    color: #7a7a7a;
}
body.ckeditor { background: #ffffff; }

.clear { clear: both; }
.gray { color: #7a7a7a; }
.extranet a:hover { color: #975ba5; }
.bold { font-weight: bold; }

.container { max-width: 970px; }
.fill-content {width: 100%; height: 100%;}
.loaderContainer {transition: all .5s;}

.navbar-static-top { border-width: 0; z-index: auto; }
.input-group .form-control {z-index: auto;}
.topbar.navbar-inverse { background: #4e4e4e url(/medias/img/topbar_bg.png) repeat-x bottom; }
.topbar.navbar { min-height: 40px; margin-bottom: 0; }
.topbar { font-family: "roboto"; vertical-align: middle; }
.topbar .nav > li > a { color: #FFFFFF; font-size: 15px; padding-top: 10px; padding-bottom: 10px; }
.topbar .nav > li { border-left: 1px solid #606060; border-right: 1px solid #373737; height: 40px; }
.topbar .nav > li:last-child { height: 40px; border-left: 1px solid #606060; border-right: 0; }
.topbar .nav > li.active { border: none; }
.topbar .dropdown-menu { background-color: #000; width: 100%; }
.topbar .dropdown-menu > li > a { color: #FFF; }
.topbar .dropdown-menu > li > a:hover, .topbar .dropdown-menu > li > a:focus { background: #4e4e4e url(/medias/img/topbar_bg.png) repeat-x bottom; }
.navbar-inverse .navbar-nav > .active:first-child > a { background-color: #45c0d0; font-size: 16px; border: none }
.navbar-inverse .navbar-nav > .active:first-child > a:after {
    content: " .";
    display: block;
    text-indent: -99em;
    border-top: 0.8em solid #45c0d0;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-bottom: none;
    height: 0px;
    margin-left: -.8em;
    margin-right: auto;
    margin-top: 8px;
    position: absolute;
    left: 50%;
    width: 1px;
}
.navbar-inverse .navbar-nav > .active:nth-child(2) > a { background-color: #00a3e5; font-size: 16px; }
.navbar-inverse .navbar-nav > .active:nth-child(2) > a:after {
    content: " .";
    display: block;
    text-indent: -99em;
    border-top: 0.8em solid #00a3e5;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-bottom: none;
    height: 0px;
    margin-left: -.8em;
    margin-right: auto;
    margin-top: 8px;
    position: absolute;
    left: 50%;
    width: 1px;
}
.navbar-inverse .navbar-nav > .active:nth-child(3) > a { background-color: #00a3e5; font-size: 16px; }
.navbar-inverse .navbar-nav > .active:nth-child(3) > a:after {
    content: " .";
    display: block;
    text-indent: -99em;
    border-top: 0.8em solid #00a3e5;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-bottom: none;
    height: 0px;
    margin-left: -.8em;
    margin-right: auto;
    margin-top: 8px;
    position: absolute;
    left: 50%;
    width: 1px;
}
.navbar-inverse .navbar-nav > .active:nth-child(4) > a { background-color: #ffbe18; font-size: 16px; }
.navbar-inverse .navbar-nav > .active:nth-child(4) > a:after {
    content: " .";
    display: block;
    text-indent: -99em;
    border-top: 0.8em solid #ffbe18;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-bottom: none;
    height: 0px;
    margin-left: -.8em;
    margin-right: auto;
    margin-top: 8px;
    position: absolute;
    left: 50%;
    width: 1px;
}
.nav .caret, .nav a:hover .caret { border-bottom-color: #FFF; border-top-color: #FFF; }
.navbar-toggle { padding: 5px 10px; float: left; margin-left: 10px; }
.navbar-form { margin: 0; }
.modal-header { padding: 5px 20px; }
.modal-title { font-family: "roboto"; font-size: 20px; font-weight: bold; color: #975ba5; white-space: nowrap; overflow: hidden; padding: 0; margin-bottom: 0px; }


.iconBlank { display: inline-block; width: 12px; height: 12px; }
.btn-orange { padding: 5px 10px; background-color: #ffbe18; height: inherit; margin: 5px 0; color: #FFF;}
.btn-orange:hover {background-color: #FAA21D;color: #FFF;}
/*.btn a { color: #FFF; }*/
.btn.small { padding: 2px 5px; font-size: 12px; margin: 0; margin-bottom: 4px; }
.btn.small .selected { background-color: rgba(255, 0, 0, .2)}

.container .jumbotron { background-color: #FFF; padding: 20px; font-family: "roboto"; margin-bottom: 20px; min-height: 183px; }
.container .jumbotron h1 { margin: 0 0 10px; font-size: 28px; font-family: "roboto"; font-weight: bold; }
.jumbotron p { font-size: 14px; margin-top: 0; margin-bottom: 0; }
.groupTitle { font-family: "roboto"; font-size: 28px; color: #00A3E5; padding: 0; margin: 0;  }
.jumbotron .description {font-weight: 100; font-size: 1.25em; margin-top: 0.25em;}
.jumbotron .warning { margin-left: 36px; font-weight: bold; color: #faa21d; font-size: 14px; background-color: #F7F7F7; border-radius: 4px; padding: 10px; margin-top: 10px; }

.boxGroups { background-color: #00A3E5; border-radius: 6px; color: #FFF; padding: 10px; font-family: "roboto"; }
.boxGroups .title { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.boxGroups .item { margin: 5px 0 5px 15px; }
.boxGroups .item a {color: inherit;}
.boxRight { background-color: #faa21d; border-radius: 6px; color: #FFF; padding: 10px; margin-top: 20px; font-family: "roboto"; }
.boxRight .title { font-size: 18px; font-weight: bold; margin-bottom: 10px; }


.homeNews { background-color: #F7F7F7; margin-bottom: 20px; padding: 20px; padding-bottom: 10px; border-radius: 5px; }
.homeNews > .title, .title.documents { font-family: "roboto"; font-size: 20px; color: #00A3E5; padding-bottom: 0px; border-bottom: 2px solid #00A3E5;}
.homeNews .itemTitle a {color: inherit;}
.homeNews .item { background-color: #FFF; padding: 10px; margin-bottom: 10px; max-height: 100px; overflow: hidden;}
.homeNews .item.active {max-height: none;}
.homeNews .item.active .itemTitle {white-space: normal;}
.homeNews .item .itemTitle { font-family: "roboto"; color: #00A3E5; font-size: 17px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.homeNews .item .itemSubtitle { font-weight: bold; font-style: italic; font-size: 12px; padding: 0.5em 0; }
.homeNews .item .content { margin-left: 17px; }


#gdt-group-main-panel { margin-bottom: 20px; }

.groupTagSmall { background-color: rgba(0,163,229,.9); color: #FFF; font-family: "roboto"; font-size: 12px; padding: 0.2em 0.5em; font-style: normal; display: inline; margin-left: 5px; border-radius: 3px; font-weight: normal; }

.groupMenu .navbar {
    min-height: 0;
    background-color: #F7F7F7;
    background: -moz-linear-gradient(top, #F7F7F7, #e3e3e3); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#F7F7F7), color-stop(#e3e3e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7, #e3e3e3); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7, #e3e3e3); /* Opera 11.10+ */
    background: linear-gradient( #F7F7F7, #e3e3e3);
    border: 1px solid #CCCCCC;
}
.groupMenu .navbar a { color: #7A7A7A; }
.groupMenu .navbar li.active { background-color: #faa21d; }
.groupMenu .navbar li.active a:hover { background: #faa21d; }
.groupMenu .navbar li.active a { color: #FFF; }
.groupMenu .navbar li.active > a:after {
    content: " .";
    display: block;
    text-indent: -99em;
    border-top: 0.8em solid #faa21d;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-bottom: none;
    height: 0px;
    margin-left: -.8em;
    margin-right: auto;
    margin-top: 8px;
    position: absolute;
    left: 50%;
    width: 1px;
}
.groupMenu .navbar li a:hover {
    background: -moz-linear-gradient(top, #FFF, #F7F7F7); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#FFF), color-stop(#F7F7F7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFF, #F7F7F7); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFF, #F7F7F7); /* Opera 11.10+ */
    background: linear-gradient(#FFF, #F7F7F7);
}
.groupMenu .navbar li { border-left: 1px solid #FFF; border-right: 1px solid #CCC; }
.groupMenu .navbar li:first-child, .groupMenu .navbar li.active { border-left: none; }
.groupMenu .navbar li:last-child { border-right: none; }

.treeBlock { background-color: #FFF; border-radius: 4px; padding: 10px; }
.treeBlock .item { margin-bottom: 5px; }
.treeBlock .item.active { color: #00A3E5; font-weight: bold; }
.path { clear: both; font-family: "roboto"; font-size: 18px; font-weight: bold; padding: 0 10px; color: #00A3E5; border-bottom: 2px solid rgb(0,163,229); line-height: 200%; }
.path .breadcrumb {margin-bottom: 4px; padding: 0; background-color: transparent;}
.path .global-selector {margin-top: 1em; font-size: 14px; margin-right: 0.5em; float: left; cursor: pointer;}
.fileBlock { background-color: #FFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.fileBlock .item { border-bottom: 1px solid #CCC; padding: 10px; max-height: 100px; overflow: hidden; transition: max-height .5s ease-out;}
.fileBlock .item.odd { background-color: #F7F7F7; }
.fileBlock .item.dojoDndItemSelected, .fileBlock .item.dojoDndItemAnchor {background-color: rgba(0,163,229,.1);} 
.fileBlock .item.active { max-height: none; }
.fileBlock .item > .selector {float: left;}
.fileBlock .item > .selector > i {cursor: pointer;}
.fileBlock .item > .selector > i.fa:before  {content: "\f096";}
.fileBlock .item.dojoDndItemSelected > .selector > i.fa:before, .fileBlock .item.dojoDndItemAnchor > .selector > i.fa:before {content: "\f046";}
.adminButtons {float: right;}
.adminButtons > button {display: block; width: 24px; text-align: center;}
.fileBlock .item > .itemContent {margin-left: 20px; }
.fileBlock .item .itemTitle { font-family: "roboto"; color: #00A3E5; font-size: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fileBlock .item .itemTitle a {color: inherit;}
.fileBlock .item.active .itemTitle {white-space: normal;}
.fileBlock .item .itemSubtitle { font-weight: bold; font-style: italic; font-size: 12px; margin: 5px 0 5px 21px; }
.fileBlock .item .content { margin-left: 21px; }
.fileBlock .item .content ul, .fileBlock .item .content ol{ padding-left: 3em; }




.social { float: right; position: absolute; top: 30px; right: 1em; }

.navLevel1 { margin-bottom: 20px; background: transparent; border: none; padding: 0; font-family: "roboto"; font-size: 14px; }
.navLevel1 .nav > ul { width: 100%; }
.navLevel1 .nav > li { margin-right: 4px; white-space: nowrap; }
.navLevel1 .nav > li > a { background: url(/medias/img/navbar_b_off.png) no-repeat bottom left; color: #7a7a7a; padding: 10px 0; margin-right: 4px; }
.navLevel1 .nav > li > a:hover, .navLevel1 .nav > li > a:focus, .public .navLevel1 .nav > li > a.on { background: url(/medias/img/navbar_b_on.png) no-repeat bottom left; color: #45c0d0; }
.extranet .navLevel1 .nav > li > a:hover, .extranet .navLevel1 .nav > li > a:focus, .extranet .navLevel1 .nav > li > a.on { background: url(/medias/img/navbar_b_purple_on.png) no-repeat bottom left; color: #975ba5; }
.syndicat .navLevel1 .nav > li > a:hover, .syndicat .navLevel1 .nav > li > a:focus, .syndicat .navLevel1 .nav > li > a.on { background: url(/medias/img/navbar_b_green_on.png) no-repeat bottom left; color: #9fcc3b; }
.intranet .navLevel1 .nav > li > a:hover, .intranet .navLevel1 .nav > li > a:focus, .intranet .navLevel1 .nav > li > a.on { background: url(/medias/img/navbar_b_orange_on.png) no-repeat bottom left; color: #ffbe18; }
.navLevel1 .submenu {
    min-width: 620px;
    top: auto;
    border-radius: 0;
    background-color: #45c0d0;
    color: #FFF;
    border: none;
    box-shadow: none;
    margin-top: 2px;
    margin-right: 10px;
    display: none;
    float: left;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
}
.extranet .submenu { background-color: #975ba5; }
.syndicat .submenu { background-color: #9fcc3b; }
.intranet .submenu { background-color: #ffbe18; }
.navLevel1 .submenu > li { list-style: none; }
.navLevel1 .submenu > li > a { color: #FFF; }
.navLevel1 .submenu > li > a:hover, .extranet .navLevel1 .submenu > li > a:focus { background: none; color: #7a7a7a; }
.extranet .navLevel1 .submenu > li > a:hover, .extranet .navLevel1 .submenu > li > a:focus, .extranet .navLevel1 .submenu > li > a.on { background: none; color: #561266; }
.syndicat .navLevel1 .submenu > li > a:hover, .syndicat .navLevel1 .submenu > li > a:focus, .syndicat .navLevel1 .submenu > li > a.on { background: none; color: #5b7e0c; }
.intranet .navLevel1 .submenu > li > a:hover, .intranet .navLevel1 .submenu > li > a:focus, .intranet .navLevel1 .submenu > li > a.on { background: none; color: #b78609; }
.navLevel1 .submenu.two-cols > li { width: 50%; float:left; display:inline; }

.navLevel1xs { padding-left: 0px; }
.navLevel1xs div { padding: 3px 10px; margin-right: 5px; margin-bottom: 10px; border-radius: 3px; background-color: #FFF; font-family: "roboto"; font-size: 15px; }


.footer .nav > li > a { padding: 5px 7px; color: #FFF; }
.footer .nav > li > a:hover, .footer .nav > li > a:focus { background-color: #45c0d0; }
.footer .nav-pills > li > a { border-radius: 3px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 10px; padding-right: 10px; }

.search { padding-right: 0; }
.search .form-control { background-color: #6e6e6e; border: none; box-shadow: none; color: #FFF; }
.search .form-control::-moz-placeholder { color: #FFF; }
.search .btn { background-color: #6e6e6e; margin-bottom: 0px; margin-top: 4px; height: 28px; }

.header { margin: 30px 0; }
.focusHome { background-color: #FFF; padding: 20px; margin-bottom: 20px; }
.focusHome .title { font-family: "roboto"; font-size: 16px; color: #005598; margin-bottom: 10px; }
.focusHome .picture { height: 270px; background-repeat: no-repeat; border-radius: 5px; margin-bottom: 20px; background-size: cover; background-position: center; }

.figuresHome { background: url(/medias/img/chiffres_home_bg.png) repeat; padding: 20px; margin-bottom: 20px; }
.figuresHome > .title { font-family: "roboto"; font-size: 18px; font-weight: bold; color: #faa21d; margin-left: -5px; background: #f0f0f0; padding: 5px; display: inline-block; margin-bottom: 10px; }
.figuresHome .block { padding-left: 10px; padding-right: 10px; }
.figuresHome .block > .title, .figuresHome .block > .title a { font-family: "roboto"; font-size: 15px; font-weight: bold; color: #7a7a7a;  }
.figuresHome .block .picture { height: 50px; background-repeat: no-repeat; border-radius: 3px; background-size: cover; background-position: center; }

.extranetHome, .newsExtranet, .newsSyndicat, .notesIntranet { background-color: #f7f7f7; margin-bottom: 20px; padding: 20px; }
.extranetHome > .title, .newsExtranet > .title, .newsSyndicat > .content > div > .title, .notesIntranet > .title { font-family: "roboto"; font-size: 18px; font-weight: bold; color: #975ba5; white-space: nowrap; overflow: hidden; padding: 0; margin-bottom: 0px; }
.newsSyndicat > .content > div > .title { color: #50b848; padding: 0 5px; }
.notesIntranet > .title { color: #faa21d; }
.extranetHome > .title:after, .newsExtranet > .title:after { background: url(/medias/img/trame_purple.png) repeat; }
.newsSyndicat > .content > div > .title:after { background: url(/medias/img/trame_green.png) repeat; }
.notesIntranet > .title:after { background: url(/medias/img/trame_orange.png) repeat; }
.extranetHome > .title:after, .newsExtranet > .title:after, .newsSyndicat > .content > div > .title:after, .notesIntranet > .title:after { content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; }
.extranetHome .howJoin { background-color: #975ba5; border-radius: 5px; color: #FFF; margin: 20px 0 0 0; padding: 10px 5px; font-size: 12px; }
.extranetHome .howJoin .title { font-family: "roboto"; font-size: 16px; }
.extranetHome .howJoin .block:nth-child(2) { border-left: 1px solid #cbadd2; }
.extranetHome .content .block, .newsExtranet .content .block, .newsSyndicat .content .block, .notesIntranet .content .block { padding: 15px; margin-top: 20px; margin-left: 5px; margin-right: 5px; height: auto; height: 220px; background: #FFF url(/medias/img/corner_purple.png) no-repeat bottom right; }
.extranetHome .content .block p, .newsExtranet .content .block p, .newsSyndicat .content .block p, .notesIntranet .content .block p { margin: 0; }
.newsSyndicat .content .block { min-height: 120px; background: #FFF url(/medias/img/corner_green.png) no-repeat bottom right; }
.notesIntranet .content .block { min-height: 120px; background: #FFF url(/medias/img/corner_orange.png) no-repeat bottom right; }
.extranetHome .content .block .title, .newsExtranet .content .block .title, .newsSyndicat .content .block .title, .notesIntranet .content .block .title { font-family: "roboto"; font-size: 17px; color: #975ba5; margin-bottom: 5px; white-space: normal; }
/*.extranetHome .content .block .title a { color: #975ba5; }*/
.newsSyndicat .content .block .title, .notesIntranet .content .block .title { color: #005598; }
.extranetHome .content .block .date, .newsExtranet .content .block .date, .newsSyndicat .content .block .date, .notesIntranet .content .block .date { font-size: 12px; font-weight: bold; font-style: italic; margin-bottom: 5px; }
.article.video .title { font-family: "roboto"; font-size: 17px; color: #975ba5; margin-bottom: 5px; white-space: normal; }

.form-control { border-radius: 3px; height: 28px; margin: 5px 0; font-family: "roboto"; font-size: 14px; padding: 4px 8px; }
.form-control::-moz-placeholder { font-style: italic; }
/*button { font-family: "roboto"; font-size: 12px; color: #FFF; border: none; padding: 2px 10px 5px 0; height: 32px; line-height: 90%; margin: 5px 0px; clear: both; }
button:before { content: '+'; font-family: Trebuchet MS, sans-serif; font-size: 22px; padding: 3px 10px; margin-right: 10px; position: relative; top: 4px; }
*/
button.icon-btn { font-family: "roboto"; font-size: 14px; color: #FFF; border: none; height: 26px; clear: both; margin: 5px 0; padding: 3px 8px 10px 5px; }
a button.pink, a button.blue, a button.orange, a button.cyan, a button.green, a button.blue2, a button.purple { color: #FFF; }
button > .picto { float: left; font-size: 12px; background-color: #c13062; height: 26px; width: 26px; margin-left: -5px; margin-top: -3px; margin-right: 5px; padding: 0 5px; line-height: 24px; }
button.big { font-size: 14px; height: 32px; padding: 7px; }
button.big > .picto { font-size: 18px; height: 32px; width: 32px; margin-left: -7px; margin-top: -7px; line-height: 30px; }
button.pink { background-color: #f0588d; }
button.pink > .picto { background-color: #c13062; }
button.blue { background-color: #00a3e5; }
button.blue > .picto { background-color: #0073a2; }
button.orange, .focusIntranet button { background-color: #ffbe18; }
button.orange > .picto, .focusIntranet button > .picto { background-color: #faa21d; }
button.cyan { background-color: #45c0d0; }
button.cyan > .picto { background-color: #0099b8; }
button.green, .focusSyndicat button { background-color: #9fcc3b; }
button.green > .picto, .focusSyndicat button > .picto { background-color: #50b848; }
button.blue2 { background-color: #006c90; }
button.blue2 > .picto { background-color: #004a62; }
button.purple, .focusExtranet button { background-color: #975ba5; }
button.purple > .picto, .focusExtranet button  > .picto { background-color: #483485; }
button.metiers { background-color: #96bd0c; }
button.metiers > .picto { background-color: #e1005e; }

.directoryHome { clear: both; margin-bottom: 20px; }
.directoryHome > .title { font-family: "roboto"; font-size: 18px; font-weight: bold; color: #50b848; white-space: nowrap; overflow: hidden; padding: 0; margin-bottom: 10px; }
.directoryHome > .title:after { background: url(/medias/img/trame_green.png) repeat; content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; margin-left: 10px; }
.directoryHome .logo { border: 1px solid #cfcfcf; margin: 8px; }
.directoryHome .logo2 { border: 1px solid #cfcfcf; margin: 8px; width: 60px; height: 60px; background-position: center; background-size: contain; float: left; background-repeat: no-repeat; background-color: #FFF; }
.directoryHome .tag { font-family: "roboto"; font-size: 13px; color: #FFF; display: inline-block; padding: 5px 7px; cursor: pointer; }
.directoryHome .tag:before { content: none; }
.directoryHome .tag.grey { background-color: #7a7a7a; }
.directoryHome .tag.green { background-color: #9fcc3b; }
.directoryHome .tag.white { background-color: #FFF; color: #7a7a7a; }
#directory-main table {background-color: #ffffff;}

.acamasHome { clear: both; margin-bottom: 20px; }
.acamasHome > .title { font-family: "roboto"; font-size: 18px; font-weight: bold; color: #006c90; white-space: nowrap; overflow: hidden; padding: 0; margin-bottom: 10px; }
.acamasHome > .title:after { background: url(/medias/img/trame_blue2.png) repeat; content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; margin-left: 10px; }

.mediathequeHome { clear: both; }
.mediathequeHome > .title { font-family: "roboto"; font-size: 18px; font-weight: bold; color: #f0588d; white-space: nowrap; overflow: hidden; padding: 0; margin-bottom: 10px; }
.mediathequeHome > .title:after { background: url(/medias/img/trame_pink.png) repeat; content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; }
.mediathequeHome .thumbSquare60 { background-size: cover; background-position: center; border: 1px solid #cfcfcf; margin: 8px 10px; width: 60px; height: 60px; float: left; }
.vi.eot?#iefixhumbnail { margin: 8px; }

hr { border: none; border-bottom: 1px solid #b9b9b9; clear: both; margin: 10px 0; }

.footer { background-color: #444; font-family: "roboto"; font-size: 14px; color: #FFF; padding: 20px 10px; }


.focusExtranet, .focusSyndicat, .focusIntranet { background-color: #FFF; padding: 20px; margin-bottom: 20px; }
/*.focusExtranet { background: #FFF url(/medias/img/corner_purple.png) no-repeat bottom right; }*/
.articlesList { background: #FFF; padding: 20px; }
.articlesList .focus { background-color: #f7f7f7; padding: 20px; margin-bottom: 20px; }
.focusExtranet .title, .focusSyndicat .title, .focusIntranet .title, .articlesList .focus .title, .articlesList .teaser .title { font-family: "roboto"; font-size: 16px; color: #005598; margin-bottom: 10px; }
.focusExtranet .date, .focusSyndicat .date, .focusIntranet .date, .articlesList .focus .date, .articlesList .teaser .date { font-size: 12px; font-weight: bold; font-style: italic; margin-bottom: 10px; }
.focusExtranet .text, .focusSyndicat .text, .focusIntranet .text, .articlesList .focus .text, .articlesList .teaser .text { text-align: justify; }
.focusExtranet .picture, .focusIntranet .block .picture { height: 190px; background-repeat: no-repeat; border-radius: 5px; background-size: cover; background-position: center; }
.articlesList .teaser { border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px; clear: both; }
.articlesList .teaser:last-child { border: none; padding: 0; margin: 0; }
.title a, a { color: inherit; }

.tag { font-family: 'interstate'; font-size: 13px; color: #FFF; padding: 2px 5px; margin: 5px 0; display: inline-block; }
.tag:before { font-family: 'FontAwesome'; content: "\f02b"; margin-right: 5px; }
.extranet .tag { background-color: #975ba5; }
.public .tag { background-color: #45C0D0; }
.syndicat .tag { background-color: #9fcc3b; }
.intranet .tag { background-color: #ffbe18; }
.tag.big { font-size: 20px; padding: 5px 10px; text-transform: uppercase; }
.tag.big a { color: #FFF; }
.tag.white { background-color: #FFF; color: #975ba5; }
.tag.mauve { background-color: #975ba5; }

.searchArticle label { font-family: "roboto"; font-size: 15px; color: #975ba5; font-style: italic; font-weight: normal; text-align: left; }
.notesIntranet .searchArticle label { color: #faa21d; }
.searchArticle a { color: #7a7a7a; }

.bpqiExtranet, .bpqiExtranetXS { background-color: #005598; border-radius: 5px; width: 100%; height: 140px; color: #FFF; margin-bottom: 20px; }
.bpqiExtranetXS { height: auto; padding: 10px; }
.bpqiExtranetXS .mainTitle a, .bpqiExtranetXS .mainTitle a:hover { font-family: "roboto"; font-size: 18px; font-weight: bold; color: #FFF; }
.bpqiExtranet .title { font-family: "roboto"; font-size: 14px; margin-top: 5px; font-weight: bold; }
.bpqiExtranet .title a { color: #FFF; }
.bpqiExtranet .content, .bpqiExtranetXS .content { color: #45c0d0; margin-left: 14px; font-weight: normal; font-size: 13px; }

.docsExtranet, .agendaExtranet, .infosSyndicat, .charteIntranet { background-color: #FFF; margin-bottom: 20px; padding: 20px; }
.docsExtranet > .title, .agendaExtranet > .title, .infosSyndicat > .title, .charteIntranet > .title { font-family: "roboto"; font-size: 18px; font-weight: bold; color: #483485; white-space: nowrap; overflow: hidden; padding: 0; margin-bottom: 15px; }
.infosSyndicat > .title { color: #50b848; }
.charteIntranet > .title { color: #faa21d; }
.docsExtranet > .title:after, .agendaExtranet > .title:after, .charteIntranet > .title:after { background: url(/medias/img/trame_purple2.png) repeat; content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; }
.infosSyndicat > .title:after { background: url(/medias/img/trame_green.png) repeat; content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; }
.charteIntranet > .title:after { background: url(/medias/img/trame_orange.png) repeat; content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; }
.docsExtranet .block, .charteIntranet .block { padding-left: 10px; padding-right: 10px; }
.infosSyndicat .teaser { margin-bottom: 10px; }
.docsExtranet .block .title, .infosSyndicat .teaser > .title, .charteIntranet .block > .title { font-family: "roboto"; font-size: 15px; color: #483485; margin-bottom: 5px; }
.charteIntranet .block > .title { font-weight: bold; }
.infosSyndicat .teaser > .title, .infosSyndicat .teaser > .title a { color: #005598; }
.charteIntranet .block > .title, .charteIntranet .block > .title a { color: #ffbe18; }
.infosSyndicat .teaser > .date { font-size: 12px; font-weight: bold; font-style: italic; margin-bottom: 5px; }
.docsExtranet .block .picture, .charteIntranet .block .picture { height: 50px; background-repeat: no-repeat; border-radius: 3px; margin-bottom: 20px; background-size: cover; background-position: center; border: 1px solid #b9b9b9; }

.tagsList { background-color: #975ba5; border-radius: 5px; margin-bottom: 20px; padding: 15px; color: #FFF; }
.tagsList .title { font-family: "roboto"; font-size: 20px; }
.tagsList ul { list-style: none; padding: 0; margin: 0; }
.tagsList li, .tagsList li a, .tagsList li a:hover, .tagsList li a:focus { font-family: 'interstate'; font-size: 13px; color: #FFF; }
.tagsList li:before { font-family: 'FontAwesome'; content: "\f02b"; margin-right: 5px; }

.agendaExtranet .event { font-family: "roboto"; font-size: 12px; color: #FFF; border: none; clear: both; margin: 0 0 10px 0; background-color: #975ba5; }
.agendaExtranet .event td { padding: 5px; }
/*.agendaExtranet .event > .date { float: left; font-family: Trebuchet MS, sans-serif; font-size: 20px; text-align: center; background-color: #483485; width: 60px; margin-left: -5px; margin-top: -8px; margin-right: 5px; padding: 10px 5px; line-height: 14px; overflow: hidden; height: 100%; }*/
.agendaExtranet .event .date { font-family: Trebuchet MS, sans-serif; font-size: 20px; text-align: center; background-color: #483485; line-height: 14px; }
.agendaExtranet .event .date .year { font-size: 12px; }
.agendaExtranet .event a { color: #FFF; }

.agendaExtranet .event2 { font-family: "roboto"; font-size: 12px; color: #FFF; clear: both; }
.agendaExtranet .event2 .date { background-color: #483485; font-size: 16px; font-weight: bold; text-align: left; padding: 5px 10px; }
.agendaExtranet .event2 .title { background-color: #975ba5; padding: 5px 10px; margin-bottom: 10px; }
.agendaExtranet .event2 .title a { color: #FFF; }

.metiersExtranet { clear: both; margin-bottom: 20px; }
.metiersExtranet > .title { font-family: "roboto"; font-size: 18px; font-weight: bold; color: #96bd0c; white-space: nowrap; overflow: hidden; padding: 0; margin-bottom: 10px; }
.metiersExtranet > .title:after { background: url(/medias/img/trame_green2.png) repeat; content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'; margin-left: 10px; }

.toolbox { background-color: #9fcc3b; border-radius: 5px; margin-bottom: 20px; padding: 15px; color: #FFF; }
.intranet .toolbox { background-color: #ffbe18; }
.toolbox ul, .toolboxTop ul, .toolboxBottom ul { list-style: none; padding: 0; margin: 0; }
.toolbox .title, .toolboxTop .title, .toolboxBottom .title { font-family: "roboto"; font-size: 20px; }
.toolboxTop { border-radius: 5px 5px 0 0; background-color: #9fcc3b; padding: 15px; color: #FFF; }
.toolbox a, .toolboxTop a, .toolboxBottom a { color: #FFF; }
.toolbox a i, .toolboxTop a i, .toolboxBottom a i { width: 16px; display: inline-block; margin-right: 3px; text-align: center; }
.toolbox a:hover i, .toolboxTop a:hover i, .toolboxBottom a:hover i { text-decoration: none; }
.toolboxBottom { border-radius: 0 0 5px 5px; background-color: #bddc78; padding: 15px; color: #FFF; margin-bottom: 20px; }

.article { background-color: #FFF; padding: 0; margin-bottom: 20px; }
.article .header { padding: 20px 20px 0; margin: 0; }
.article .header .subTree a { color: #005598; }
.article .header .subTree a:before { font-family: 'FontAwesome'; content: "\f0da"; margin-right: 3px; }
.article .title { font-family: "roboto"; font-size: 22px; color: #005598; margin-bottom: 5px; line-height: 120%; }
.article .date { font-size: 12px; font-weight: bold; font-style: italic; }
.article .eventDate { font-family: "roboto"; font-size: 18px; font-weight: bold; }
.article .picture { height: 200px; width: 100%; background-repeat: no-repeat; margin-bottom: 20px; background-size: cover; background-position: center; }
.article .back { font-family: "roboto"; font-size: 12px; color: #45c0d0; float: right; }
.article .back a { color: #45c0d0; text-decoration: none; }
.extranet .article .back a { color: #975ba5; }
.syndicat .article .back a { color: #9fcc3b; }
.intranet .article .back a { color: #ffbe18; }
.article .content { padding: 20px; }
/*.article .content p > a:before { font-family: 'FontAwesome'; content: "\f14c"; margin-right: 3px; }*/
.article .header { background-color: #f7f7f7; padding: 20px; }
.article .footer { background-color: #f7f7f7; padding: 20px; color: #7a7a7a; font-family: Trebuchet MS, sans-serif; }
.article .footer .title { font-family: "roboto"; font-size: 18px; color: #483485; }
.article .file { margin-bottom: 5px; }

.headerTagArticleList { background-color: #FFF; margin-bottom: 20px; }
.headerTagArticleList .row { margin: 0; }
.headerTagArticleList .tags { background-color: #975ba5; padding: 20px; }
.headerTagArticleList .tags .title { font-family: 'interstate'; font-size: 22px; color: #FFF; text-transform: uppercase; margin-bottom: 10px; }
.headerTagArticleList .tags .title:before { font-family: 'FontAwesome'; content: "\f02b"; margin-right: 5px; }
.headerTagArticleList .tags .title a { color: #FFF; }
.headerTagArticleList .tag { margin-right: 5px; }
.headerTagArticleList .toolbox { background-color: #FFF; border-radius: 0; color: #975ba5; margin: 0; padding: 10px; }
.headerTagArticleList .toolbox .title { font-family: "roboto"; font-size: 14px; margin-bottom: 5px; }
.headerTagArticleList .toolbox ul.list { list-style: none; padding: 0; margin: 0; overflow: auto; font-family: 'interstate'; font-size: 13px; height: 95px; overflow-y: scroll; }
.headerTagArticleList .toolbox ul a { color: #975ba5; }
.headerTagArticleList .toolbox li:before { font-family: 'FontAwesome'; content: "\f0ad"; margin-right: 5px; }

#carouselFocusHome .carousel-inner { height: 420px; overflow: hidden; }
#carouselFocusHome .carousel-inner .banner { width: 100%; height: 270px; border-radius: 5px; background-repeat: no-repeat; background-size: cover; moz-background-size: cover; }
#carouselFocusHome .carousel-caption .title { font-family: "roboto"; font-size: 18px; color: #005598; margin-bottom: 5px; }
#carouselFocusHome .carousel-caption .date { font-size: 12px; font-weight: bold; font-style: italic; margin-bottom: 5px; }
#carouselFocusHome .carousel-caption .text { font-size: 14px; color: #7a7a7a; }
#carouselFocusHome .carousel-caption .text p { margin: 0; }
#carouselFocusHome .carousel-caption { left: 0; right: 0; bottom: inherit; padding-top: 10px; text-align: left; text-shadow: none; color: #7a7a7a; }
#carouselFocusHome .carousel-control.left, #carouselFocusHome .carousel-control.right { background: none; }
#carouselFocusHome .carousel-control .icon-prev:before, #carouselFocusHome .carousel-control .icon-next:before { content: ''; }
#carouselFocusHome .carousel-control .icon-prev { margin: 0; width: 70px; height: 63px; left: -30px; top: 120px; background: url(/medias/img/carousel_left_arrow.png) no-repeat; }
#carouselFocusHome .carousel-control .icon-next { margin: 0; width: 70px; height: 63px; left: 48px; top: 120px; background: url(/medias/img/carousel_right_arrow.png) no-repeat; }
#carouselFocusHome .carousel-indicators { bottom: 0; margin-bottom: 0; }
#carouselFocusHome .carousel-indicators li { background-color: #7a7a7a; border: none; }
#carouselFocusHome .carousel-indicators .active { background-color: #ffbe18; border: none; }

#carouselTickerHome { height: 260px; }
#carouselTickerHome .carousel-control.left, #carouselTickerHome .carousel-control.right { background: none; }
#carouselTickerHome .carousel-indicators { bottom: 0; margin-bottom: 0; }
#carouselTickerHome .item button { clear: both; margin-bottom: 25px; margin-right: 20px; }
.tickerHome { background: #e7e7e7 url(/medias/img/ticker_home_bg.png) no-repeat top left; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 0 0 10px 0; }
.tickerHome .title { font-family: "roboto"; font-size: 20px; color: #45c0d0; }
.tickerHome .subtitle { font-size: 14px; font-weight: bold; color: #005598; margin-left: 90px; margin-bottom: 10px; }
.tickerHome .content { font-size: 12px; padding: 0 20px; }

.navigationSubTree .item { margin-top: 15px; }
.navigationSubTree .item a { font-family: "roboto"; font-size: 16px; color: #005598; cursor: pointer; }
.navigationSubTree .item a p { display: inline; }
.navigationSubTree .item a:before { font-family: 'FontAwesome'; content: "\f138"; margin-right: 5px; }
.navigationSubTree .item.noBullet a:before { content: ""; }
.navigationSubTree .item2 a { font-family: "roboto"; font-size: 13px; color: #005598; cursor: pointer; }
.navigationSubTree .item2 a:before { font-family: 'FontAwesome'; content: "\f105"; margin-right: 5px; }
.spacer { float: left; width: 20px; display: block; height: 10px; }

.navigationPath { font-family: "roboto"; font-size: 15px; margin-bottom: 10px; margin-left: 20px; }
.navigationPath a { color: #7a7a7a; }
.navigationPath .home:before { font-family: 'FontAwesome'; content: "\f015"; font-size: 15px; font-style: normal; }
.navigationPath .separator:before { font-family: 'FontAwesome'; content: "\f054"; font-size: 12px; margin: 0 5px; font-style: normal; }

/* styles des contenus */
.article h2, .titleParagraphAnchor, .titleParagraph { font-family: "roboto"; font-size: 18px; color: #005598; font-weight: bold; margin-bottom: 10px; line-height: 120%; border-bottom: 1px solid #005598; width: 100%; display: block; }

.borderDottedBottom { border-bottom: 1px dotted #85A3A3; margin-bottom: 10px; padding-bottom: 10px; }

.dijitTreeRow, .dijitTreeContent {
    white-space: normal;
}
.dijitComboBox .dijitButtonNode.dijitArrowButton:before,
.dijitSelect .dijitButtonNode.dijitArrowButton:before {
    content: "\f107";
    font-family: FontAwesome;
}
/*.dbootstrap .dijitComboButton .dijitArrowButton, .dbootstrap .dijitComboBox .dijitButtonNode.dijitArrowButton, .dbootstrap .dijitSpinnerButtonContainer.dijitButtonNode, .dbootstrap .dijitSelect .dijitButtonNode.dijitArrowButton {padding: 4px 10px;}*/
.dbootstrap .dijitTreeRowSelected, .dbootstrap .dijitTreeRowSelected.dijitTreeRowHover {
    background-color: transparent;
    color: #00A3E5;
}
.dijitContentPane {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}


/* modal customization */
.reflexModalContainer {background: transparent;}
.reflexModal {z-index: auto;}
.reflexModalOverlay {background-color: rgba(0,10,0,.5); z-index: auto;}
.reflexModalDialog {
    color: #333333;
    position: relative;
    background: #FFFFFF;
    border-radius: 3px;
    margin: 0 auto;
}

.reflexModalDialog h3 {
    margin: 0;
    padding: 0.4em;
    text-align: left;
    font-size: 1.75em;
    font-weight: 300;
    opacity: 0.8;
    background: transparent;
    border-radius: 3px 3px 0 0;
}

.reflexModalCloseIcon {color: inherit;}

.reflexModalDialog > div {
    padding: 15px 40px 30px;
    margin: 0;
    font-weight: 300;
    font-size: 1.15em;
}

.reflexModalDialog > div p {
    margin: 0;
    padding: 10px 0;
}

.reflexModalDialog > div ul {
    margin: 0;
    padding: 0 0 30px 20px;
}

.reflexModalDialog > div ul li {
    padding: 5px 0;
}

.reflexModalDialog button {
    display: block;
    margin: 0;
    font-size: 0.8em;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/* LISTE DES GROUPES */
section.groups {}
section.groups .group > .picture {background-color: rgb(0,163,229); color: #FFFFFF;}
section.groups > .title {font-size: 20px; color: #00A3E5; padding-bottom: 0px; margin-bottom: 10px; border-bottom: 1px solid #00A3E5;}
section.groups .group { margin: 0.5em 0; background-color: #FFF; padding: 0.5em; min-height: 136px;}
section.groups .group.title {font-size: 1.5em;}
section.groups .lead {margin: 0; font-size: 1em; font-size: 100;}
section.groups .group .register {text-align: center;}
section.groups .group button {position: absolute; right: 1.5em; bottom: 1em;}

/* DOCUMENTS */
#document-folder-tree {border: 1px solid #ccc; overflow: auto; height: 200px; border-radius: 3px;}
#document-files-drop { border: 2px dashed #cccccc; font-size: 1em; font-weight: 100; text-align: center; font-style: italic; color: #CCC; padding: 0.5em; line-height: 60px; border-radius: 4px;}
#document-files-drop.over { border-color: #4CAE4C; color: #4CAE4C; }
.files { background-color: rgba(155, 155, 155, 0.1); padding: 0.5em; margin-top: 0.5em; }
.files ul, ul.document-files-list {list-style: none; margin: 0; padding: 0;}
.files label, .files .title {font-weight: 100; margin-bottom: 0.75em;}
ul.document-files-list li {clear: both; line-height: 36px;}
ul.document-files-list li .remover {cursor: pointer; float: right;}
ul.document-files-list li .name {font-weight: 100;}
ul.document-files-list .icon {display: block; width: 32px; height: 32px; margin-right: 0.3em; background-color: transparent;background-position: center center; float: left; background-repeat: no-repeat;}
ul.document-files-list .page {background-image: url(/resources/icons/fatcow/32x32/page_white.png);}
ul.document-files-list .page.pdf {background-image: url(/resources/icons/fatcow/32x32/file_extension_pdf.png);}
ul.document-files-list .page.doc ,
ul.document-files-list .page.docx, 
ul.document-files-list .page.rtf
{background-image: url(/resources/icons/fatcow/32x32/file_extension_doc.png);}
ul.document-files-list .page.xls,
ul.document-files-list .page.xlsx {background-image: url(/resources/icons/fatcow/32x32/file_extension_xls.png);}
ul.document-files-list .page.ppt, 
ul.document-files-list .page.pps,
ul.document-files-list .page.jpg,
ul.document-files-list .page.png,
ul.document-files-list .page.bmp,
ul.document-files-list .page.tiff {background-image: url(/resources/icons/fatcow/32x32/file_extension_jpg.png);}
ul.document-files-list .page.mp4 {background-image: url(/resources/icons/fatcow/32x32/file_extension_mp4.png);}
ul.document-files-list .page.msg {background-image: url(/resources/icons/fatcow/32x32/email.png);}
ul.document-files-list .page.zip
{background-image: url(/resources/icons/fatcow/32x32/file_extension_zip.png);}

.gdtAvatar {position: absolute; z-index: 999;margin: 0;opacity: 1;}
.gdtAvatar i {font-size: 48px; color: rgb(0,163,229);}
.gdtAvatar .count {background-color: #E9573F; border-radius: 4em; position: absolute; left: 32px; top: 32px; color: #FFF; font-size: 16px; text-align: center; width: 32px; }
.gdtAvatar.green .count {background-color: #8CC152;}

/* AGENDA */
section.events .event {margin: 0.5em 0; padding: 1em; background-color: #ffffff; vertical-align: text-top; clear: both;}
section.events .event:first-child {margin-top: 0;}
section.events .event .lead {margin: 0;}
section.events .event .date, section.events .event .content {float: left;}
section.events .event .date {background-color: rgba(0,163,229,.9); color: #FFFFFF; padding: 0.25em 0.5em; text-align: center; margin-right: 10px; font-weight: 100; font-size: 1.1em;}
section.events .event .date .day {display: block; font-size: 1.5em}
section.events .event .content {width: calc(100% - 76px);}
section.events .event .content  >.title {font-size: 17px; color: #00A3E5; padding-bottom: 0px; margin-bottom: 10px; }
section.events .event .description ul {padding-left: 1em;}

/* ANNUAIRE */
#directory-create-user label {display: block;}
#directory-create-user .lead {margin-bottom: 1em;}
#directory-create-user .row {margin-top: 0.5em; }

.badge {background-color: rgba(0, 0, 0, 0.4);}