.cb {
    clear: both;
}

.redStar {
    color: #FF0000;
    font-size: 10px;
}

ul.starRating{
    padding: 0px;
    margin: 0px;
}

ul.starRating li {
    display: inline-block;
}

ul.starRating li a i,
ul.starRating li span i {
    font-size: 20px;
}

ul.starRating:hover:not(.ratedAlready) li:hover a i:before {
    font-family: FontAwesome;
    content: '\f005';
}

ul.starRating:hover:not(.ratedAlready) li:hover ~ li i:before {
    font-family: FontAwesome;
    content: '\f006';
}

.fa-star-o {
    color: #999999;
}

.gold {
    color: #e8b923;
}

#accordion >table {
    height: auto !important;
}

/* [Error messages] */
.msg_info, .msg_success, .msg_warning, .msg_erreur {
    border: 1px solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    width: auto !important;
    margin: 0px 0px 10px 0px !important;
    padding: 15px 10px 15px 50px !important;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    text-align: left;
}

.msg_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/messageBox/info.png');
}

.msg_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/images/messageBox/success.png');
}

.msg_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/messageBox/warning.png');
}

.msg_erreur {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/messageBox/error.png');
}

.erreur_loc {
    color: #CC0000;
    font-size: 11px;
    font-style: italic;
    /*display: block;*/
}

/* [Autodatatable] */
.autodatatableLight td {
    padding: 5px;
    vertical-align: top;
}

.autodatatableLight td.label {
    vertical-align: top;
    padding-top: 10px;
}

.autodatatable {
    border: 1px solid #000000;
    color: #3e3e3e;
}

.autodatatable th {
    font-size: 11px;
    border-bottom: 1px solid #000000;
    background-color: #e3e3e3;
    padding: 5px;
    padding-right: 15px;
    text-align: left;
}

.autodatatable.rowHighlight tr:hover td {
    background-color: #dbe8ec;
}

.autodatatable td {
    padding: 5px;
    padding-right: 15px;
    font-size: 11px;
    text-align: left;
}

.autodatatable .row1 td,
.autodatatable .odd td {
    background-color: #f1f1f1;
}

.autodatatable .row2 td,
.autodatatable .even td {
    background-color: #fff;
}

table input[type=text] {
    margin-top: 4px;
    margin-bottom: 4px;
}

.autodatatable .adt-ctrl {
    list-style: none;
    margin: 0;
    border-left: 1px solid #aaa;
    padding: 4px 0 0 10px;
    line-height: 1;
}

.autodatatable .adt-ctrl li {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 0 0;
    padding: 0 0 4px;
}

.autodatatable .adt-ctrl-multiline li {
    display: block;
}

.icon-active {
    background: url(/images/icon-active.png) 2px 2px no-repeat;
    width: 19px;
    height: 19px;
    display: block;
}

.icon-inactive {
    background: url(/images/icon-inactive.png) 2px 2px no-repeat;
    width: 19px;
    height: 19px;
    display: block;
   
}

.permissionField {
    list-style: none;
    margin: 0;
    padding: 0;
}

.permissionField li {
    margin: 0;
    padding: 0;
    padding: 2px 0;
}

.permissionField li > ul {
    margin-left: 25px;
}

.permissionField input[type="checkbox"] {
    vertical-align: middle;
}

.permissionField label {
    vertical-align: middle;
}

#user-groups .user-group-title {
    font-weight: bold;
    padding-top: 4px;
    font-size: 14px;
}

#user-groups .user-group-list-label {
    font-weight: bold;
    font-size: 12px;
}

#user-groups .user-group-selected {
    margin-bottom: 10px;
    margin-top: 5px;
}

#user-groups .user-group-selected li {
    line-height: 1.9;
    margin-top: 10px;
}

#user-groups .user-group-center {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#user-groups .user-group-selected-label {
    width: 300px;
    float: left;
}

#user-groups .user-group-selected-remove {
    float: right;
}

#user-groups {
    width: 400px;
}


#sub-contacts .sub-contact-title {
    font-weight: bold;
    padding-top: 4px;
    font-size: 14px;
}

#sub-contacts .sub-contact-list-label {
    font-weight: bold;
    font-size: 12px;
}

#sub-contacts .sub-contact-selected {
    margin-bottom: 10px;
    margin-top: 5px;
}

#sub-contacts .sub-contact-selected li {
    line-height: 1.9;
    margin-top: 10px;
}

#sub-contacts .sub-contact-center {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#sub-contacts .sub-contact-selected-label {
    width: 300px;
    float: left;
}

#sub-contacts .sub-contact-selected-remove {
    float: right;
}

#sub-contacts {
    width: 400px;
}


#primes .prime-title {
    font-weight: bold;
    padding-top: 4px;
    font-size: 14px;
}

#primes .prime-list-label {
    font-weight: bold;
    font-size: 12px;
}

#primes .prime-selected {
    margin-bottom: 10px;
    margin-top: 5px;
}

#primes .prime-selected li {
    line-height: 1.9;
    margin-top: 10px;
}

#primes .prime-center {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#primes .prime-selected-label {
    width: 300px;
    float: left;
}

#primes .prime-selected-remove {
    float: right;
}

#primes {
    width: 400px;
}


#metiers .metier-title {
    font-weight: bold;
    padding-top: 4px;
    font-size: 14px;
}

#metiers .metier-list-label {
    font-weight: bold;
    font-size: 12px;
}

#metiers .metier-selected {
    margin-bottom: 10px;
    margin-top: 5px;
}

#metiers .metier-selected li {
    line-height: 1.9;
    margin-top: 10px;
}

#metiers .metier-center {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#metiers .metier-selected-label {
    width: 300px;
    float: left;
}

#metiers .metier-selected-remove {
    float: right;
}

#metiers {
    width: 400px;
}


#secteurs .secteur-list-label {
    font-weight: bold;
    font-size: 12px;
}

#secteurs .secteur-selected {
    margin-bottom: 10px;
    margin-top: 5px;
}

#secteurs .secteur-selected li {
    line-height: 1.9;
    margin-top: 10px;
}

#secteurs .secteur-center {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#secteurs .secteur-selected-label {
    width: 300px;
    float: left;
}

#secteurs .secteur-selected-remove {
    float: right;
}

#secteurs {
    width: 400px;
}

/* [Admin styles] */

.adminContent h2 {
    font-size: 18px !important;
}

.blockIcon {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.blockContent {
    float: left;
    width: 220px;
}

/* Admin blocks */
.adminCategoryBlock {
    float: left;
    margin: 0 10px 20px 0;
    width: 32%;
}

.adminCategoryBlock .adminCategoryIcon {
    float: left;
}

.adminCategoryBlock .adminCategoryBlockContent {
    float: left;
    margin-left: 13px;
}

.adminCategoryBlock h2 {
    border-bottom: 1px solid;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 8px 52px;
    padding: 0 0 3px 8px;
}

.adminBlock {
    min-height: 100px;
    height: auto !important;
    height: 100px;
}

#adminMenuBar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-top: 6px;
    padding-bottom: 12px;
}

#adminMenuBar li {
    display: inline;
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
}

#adminMenuBar li.right {
    float: right;
}

#adminNavBar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-bottom: 12px;
}

#adminNavBar li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#adminNavBar li.right {
    float: right;
}

.specialButton {
    display: block;
    border: 1px solid #003;
    background: #03C;
    padding: 5px;
    color: #FFF;
    text-decoration: none;
    float: left;
}

.specialButton:hover {
    color: #FFF;
    text-decoration: none;
    background: #03F;
}

.specialButtonSubmit {
    position: absolute;
    left: -9999px;
}

#photoList li {
    float: left;
}

.cover {
    padding-bottom: 2px;
    display: block;
    position: relative;
    margin-top: -14px;
    margin-left: 23px;
}

#photoList2 li {
    padding: 10px;
    margin: 0px;
}

/* [Photo album] */
#photoList {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.sousSection > div > div {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}


#photoList li {
    margin: 0px;
    padding: 0px;
    float: left;
    margin: 5px;
    position: relative;
    width: 178px;
}

#photoList li .options {
    background: url(/images/white75percent.png) left top repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
    display: none;
}

#photoList li:hover .options {
    display: block;
}

#photoList li .options a {
    float: left;
}

#photoList li .cover {
    background: url(/images/white75percent.png) left top repeat;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 168px;
    position: absolute;
    bottom: 5px;
    left: -18px;
    z-index: 10;
    padding-top: 5px;
    padding-bottom: 5px;
}

#photoList li a {
    display: block;
    background: url(/images/blank.gif) left top repeat;
    text-decoration: none;
}

#photoList li a:hover {
    text-decoration: none;
}

#photoList li .thumbnail {
    width: 178px;
}

#global {
    position: relative;
    width: 100%;
    min-width: 960px;
    overflow: hidden;
}

/*****************************
        ___    _   _  _   _ 
/'\_/`\(  _`\ ( ) ( )( ) ( )
|     || (_(_)| `\| || | | |
| (_) ||  _)_ | , ` || | | |
| | | || (_( )| |`\ || (_) |
(_) (_)(____/'(_) (_)(_____)
******************************/

#menu-container {
    width: 445px;
    min-height: 80px;
    position: absolute;
    top: 40px;
    right: 0;
    margin-right: 18px;
    text-align: right;
}

#menu {
    position: relative;
    margin: auto;
    /*width: 960px;*/
    height: 65px;
    float: right;
}

#menu-calendar {
    position: relative;
    margin: auto;
    width: 960px;
    height: 73px;
}

.ie7 #header-logo, .ie8 #header-logo {
    width: 282px;
    height: 51px;
    position: relative;
    float: left;
    background: url('/images/header/logo.png') no-repeat top left;
    margin-right: 7px;
}

.menu-items {
    position: relative;
    float: left;
    height: 51px;
    color: #000;
    font-weight: 300;
    font-size: 17px;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 22px;
}

.ie7 .menu-items, .ie8 .menu-items {
    position: relative;
    float: left;
    height: 51px;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 22px;
}

.last-item {
    padding-right: 0px;
}

.divtext {
    position: relative;
    float: left;
    padding-left: 10px;
    margin-top: -2px;
    line-height: 20px;
}

.menu-items span {
    color: #000;
    font-weight: 900;
    font-size: 17px;
}

.ie7 .menu-items span, .ie8 .menu-items span {
    color: #000;
    font-weight: 900;
    font-size: 14px;
}

.menuseparator {
    position: relative;
    float: left;
    width: 1px;
    height: 23px;
    background: url('/images/header/menu_separator.png') no-repeat top left;
    margin-top: 18px;
}

#menuicon1 {
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    background: url('/images/header/traiteur_icon.png') no-repeat top left;

}

#menuicon2 {
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    background: url('/images/header/ecole_icon.png') no-repeat top left;
}

#menuicon3 {
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    background: url('/images/header/boutique_icon.png') no-repeat top left;
}

#menuicon4 {
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    background: url('/images/header/carte_icon.png') no-repeat top left;
}

/********************************************
 ___    _____  _____  _____  ___    ___   
(  _`\ (  _  )(  _  )(_   _)(  _`\ |  _`\ 
| (_(_)| ( ) || ( ) |  | |  | (_(_)| (_) )
|  _)  | | | || | | |  | |  |  _)_ | ,  / 
| |    | (_) || (_) |  | |  | (_( )| |\ \ 
(_)    (_____)(_____)  (_)  (____/'(_) (_)
**********************************************/

#footer-container {

}

#footer {

}

.fieldError {
    color: #CC0000;
    font-size: 11px;
    font-style: italic;
}

.fieldError span {
    color: #CC0000;
}

.icon-active {
    background: url(/images/icon-active.png) 2px 2px no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    margin: auto;
}

.icon-inactive {
    background: url(/images/icon-inactive.png) 2px 2px no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    margin: auto;
}

/*************************************Style temporaire ************************************************/
/* MENU ADMIN */

.gestionmenuwrap {
}

.gestionmainul {
    list-style: none;
    margin-top: 11px;
}

.gestionmainul > li > a {
    color: #000;
}

.gestionmainul > li > a:hover {
    text-decoration: none;
}

.gestionmainul > li {
    position: relative;
    float: left;
    font-size: 20px;
}

.gestionmainul > li:hover .sous-menu {
    display: block;
}

.floatmenu {
    position: relative;
    float: left;
}

.sous-menu {
    position: absolute;
    display: none;
    background: url('/images/tiles/greytileMenu.png');
    border: 1px solid #000;
    z-index: 2000;
    font-size: 14px;
    font-weight: 300;
}

.sous-menu ul {
    list-style: none;
}

.sous-menu a {
    color: #fff;
    text-decoration: none;
}

.sous-menu a:hover {
    color: #d38b00;
    text-decoration: none;
}

.sous-menu p {
    color: #d38b00;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 3px;
}

#sous-menu1 {
    width: 150px;
}

#sous-menu2 {
    width: 336px;
}

#sous-menu3 {
    width: 388px;
}

#sous-menu4 {
    width: 290px;
}

#sous-menu5 {
    width: 130px;
    right: 0px;
    padding-right: 15px;
}

.ex {
    font-style: italic;
    font-size: 11px;
}

.headerFixed {
    position: fixed;
    top: 70px;
    height: 115px;
    width: 960px;
    margin-left: 240px;
    background-color: #fff;
}

.contentAdmin {
    margin-left: 170px;
}

.contentAdminNotFixed {
    width: 960px;
    padding-top: 77px;
}

.tableAmountFormat {
    text-align: right;
    white-space: nowrap;
}

.titleSection {
    font-weight: bold;
}

.btnAjouter {
    margin-left: 25px;
}

.barre_couleur {
    height: 5px;
    margin-top: 0;
    position: relative;
    min-width: 1000px;
}

.barre_couleur img {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
}

.centered {
    text-align: center;
    margin: 0 auto;
}

/*****************************************
 _   _  ___    _____  ___    ___    ___
( ) ( )(  _`\ (  _  )(  _`\ (  _`\ |  _`\
| |_| || (_(_)| (_) || | ) || (_(_)| (_) )
|  _  ||  _)_ |  _  || | | )|  _)_ | ,  /
| | | || (_( )| | | || |_) || (_( )| |\ \
(_) (_)(____/'(_) (_)(____/'(____/'(_) (_)
*******************************************/

#header-wrap {
    background: url(../images/texture_slider.jpg) left bottom repeat-x;
    /*z-index: 99;*/
    position: relative;
    -webkit-box-shadow: 0 8px 6px -6px #635681;
    -moz-box-shadow: 0 8px 6px -6px #635681;
    box-shadow: 0 8px 6px -6px #635681;
    z-index: 2;
}

#header-container {
    background: url(../images/texture_header.jpg) left top repeat-x;
    height: 172px;
    width: 100%;
}

#header-container.int {
    height: 172px;
}

#header {
    width: 1000px;
    height: 172px;
    position: relative;
    margin: auto;
    z-index: 2;
}

#header .logo {
    position: absolute;
    top: 54px;
    /*left: -18px;*/
}

div.socialBtns {
    position: absolute;
    top: 0;
    right: 10px;
    width: 350px;
    height: 25px;
}

div.socialBtns a.social {
    float: right;
    height: 25px;
    width: 29px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 9px;
}

div.socialBtns a.backtositeFr, div.socialBtns a.backtositeEn {
    float: right;
    height: 25px;
    width: 121px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 9px;
}

div.socialBtns a.social:hover {
    background-position: left bottom;
    cursor: pointer;
}

a.social.fb {
    background-image: url(../images/btn_fb.png);
}

a.social.twitter {
    background-image: url(../images/btn_twitter.png);
}

a.social.linkedin {
    background-image: url(../images/btn_linkedin.png);
}

a.social.switchEn {
    background-image: url(../images/btn_en.png);
}

a.social.switchFr {
    background-image: url(../images/btn_fr.png);
}

a.social.backtositeFr {
    background-image: url(../images/button_site_fr.png);
}

a.social.backtositeEn {
    background-image: url(../images/button_site_en.png);
}

a.social.youtube {
    background-image: url(../images/btn_yt.png);
}

/*****************************
        ___    _   _  _   _
/'\_/`\|  _`\ ( ) ( )( ) ( )
|     || (_(_)| `\| || | | |
| (_) ||  _)_ | , ` || | | |
| | | || (_( )| |`\ || (_) |
(_) (_)|____/'(_) (_)(_____)
******************************/

div#nav {
    position: absolute;
    width: 265px;
    height: 110px;
    top: 40px;
    right: 40px;
}

div#nav.en {
    width: 275px;
}

div#nav ul {
    list-style: none;
    float: left;
}

div#nav ul#leftNav {
    margin-right: 16px;
}

div#nav ul#rightNav {
    background: url(../images/nav-sep.gif) left 7px no-repeat;
}

div#nav ul#leftNav li {
    margin-top: 7px;
    margin-bottom: 7px;
    position: relative;
}

div#nav ul li a {
    text-transform: uppercase;
    color: #384d6f;
    font-family: 'Oswald', sans-serif;
}

div#nav ul li a:hover {
    color: #8d3a65;
    text-decoration: none;
}

div#nav ul#leftNav li a {
    font-size: 18px;
}

div#nav ul#rightNav li a {
    font-size: 14px;
}

div.dropdown {
    display: none;
}

li:hover div.dropdown {
    display: block;
    position: absolute;
    right: 100%;
    top: -18px;
    padding-right: 18px;
}

div.dropdown .dropdown-img {
    background: url(../images/dropdown_right.png) left top no-repeat;
    position: absolute;
    height: 17px;
    width: 11px;
    top: 18px;
    right: 7px;
}

div.dropdown ul {
    background: url(../images/bg-blackTrans.png) left top repeat;
    padding: 10px 0;
}

div.dropdown ul li {
    padding-right: 20px;
}

div#nav ul#leftNav div.dropdown ul li {
    margin-bottom: 9px;
    margin-top: 9px;
}

div#nav ul#leftNav div.dropdown ul li a {
    color: white;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

div#nav ul#leftNav div.dropdown ul li a:hover {
    color: #ccc;
}

div#nav ul li a.intranet, #footer-topRight #links a.intranet {
    color: #e11f3d;
}

div#nav ul li a.intranet:hover, #footer-topRight #links a.intranet:hover {

}

/****************************************
 ___    _      _  ___    ___    ___
(  _`\ ( )    (_)(  _`\ (  _`\ |  _`\
| (_(_)| |    | || | ) || (_(_)| (_) )
`\__ \ | |  _ | || | | )|  _)_ | ,  /
( )_) || |_( )| || |_) || (_( )| |\ \
`\____)(____/'(_)(____/'(____/'(_) (_)
*****************************************/

#slider-cont {
    width: 1600px;
    max-width: 100% !important;
    height: 580px;
    position: relative;
    margin: auto;
    z-index: 1;
}

#slider-cont.int {
    overflow: hidden;
    height: 281px;
}

#slider-cont-shadow {
    position: absolute;
    top: 96px;
    width: 100%;
    height: 76px;
    margin: 0 auto;
    left: 0;
    -webkit-box-shadow: 0 8px 6px -6px #635681;
    -moz-box-shadow: 0 8px 6px -6px #635681;
    box-shadow: 0 8px 6px -6px #635681;
    z-index: 1000;
}

#slider-description-wrap {
    background: url(../images/bg_description_projet_slider.png) left top no-repeat;
    width: 660px !important;
    height: 115px !important;
    position: relative;
    bottom: 140px;
    left: 0px;
    margin: auto !important;
    z-index: 10;
    padding-left: 36px;
    padding-right: 36px;
}

#slider-description {

}

.slide {
    position: relative;
    float: left;
    width: 660px;
    height: 115px;
    padding-top: 21px;
    padding-left: 0px;
}

.projet-separator {
    background: url('/images/projetSliderSeparator.png') no-repeat;
    width: 2px;
    height: 42px;
    position: absolute;
    left: 206px;
    bottom: 20px;
}

#slider-left {
    background: url(../images/slider-left.png) left top no-repeat;
    width: 9px;
    height: 17px;
    position: absolute;
    top: 33px;
    left: 16px;
}

#slider-right {
    background: url(../images/slider-right.png) left top no-repeat;
    width: 9px;
    height: 17px;
    position: absolute;
    top: 33px;
    right: 16px;
}

#slider-description .projet-titre {
    color: white;
    text-transform: uppercase;
    border-bottom: white 1px solid;
    padding-bottom: 2px;
    display: inline;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    margin-bottom: 4px;
}

#slider-description div.centered div {
    display: inline-block;
}

#slider-description a {
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #DDD;
    text-align: left;
}

#slider-description p {
    height: 26px;
    top: 21px;
    color: white;
    font-size: 12px;
    overflow: hidden;
}

/*************************************************
 ___    _____  _   _  _____  ___    _   _  _____
(  _`\ (  _  )( ) ( )(_   _)(  _`\ ( ) ( )(_   _)
| ( (_)| ( ) || `\| |  | |  | (_(_)| `\| |  | |
| |  _ | | | || , ` |  | |  |  _)_ | , ` |  | |
| (_( )| (_) || |`\ |  | |  | (_( )| |`\ |  | |
(____/'(_____)(_) (_)  (_)  (____/'(_) (_)  (_)
***************************************************/

#content-wrap {
    background: url(../images/texture_index_lower.jpg) center bottom repeat-x;
    width: 100%;
}

#content-wrap.int {
    background: url(../images/texture_int.gif) left top repeat;
}

#content-container {
    margin: 0 auto;
}

#content-container.int #content {
    padding: 0;

    position: relative;
}

#content h1.contentTitle:before {
    content: "// ";
}

#content h1.contentTitle {
    border-bottom: 1px solid #959595;
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-size: 36px;
}

#intranet_menu {
    margin-top: -14px;
    list-style: none;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #959595;
    height: 30px;
    text-align: center;
}

#intranet_menu li {
    display: inline;
    margin: 0;
    padding: 0 10px;
}

#intranet_menu.en li {
    padding: 0 13px;
}

#intranet_menu li a {
    font-family: oswald, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
}

#bigTitle {
    text-transform: uppercase;
}

#bigTitle h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    font-weight: bold;
    color: #384d6f;
}

#bigTitle h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    color: #384d6f;
    font-weight: lighter;
}

#home-actualites {
    padding-bottom: 20px;
}

.box {
    position: relative;
    min-height: 80px;
    padding-top: 40px;
}

.box .box-title {
    color: #384d6f;
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.box .box-topLine {
    background: url(../images/horz-sep.png) left top repeat-x;
    position: absolute;
    left: 127px;
    right: 160px;
    top: 26px;
    height: 2px;
}

#content .box .box-topLink {
    color: #e31e3c;
    font-size: 12px;
    top: 14px;
    right: 0;
    position: absolute;
    text-transform: uppercase;
    font-family: 'oswald', sans-serif;
}

.news-block {
    width: 318px;
    padding-right: 15px;
    float: left;
}

.full-news-block {
    width: 100%;
    float: none;
    margin: 10px 0px;
}

.news-block .news-block-date {
    float: left;
    width: 50px;
    color: #306392;
    font-family: 'Oswald', sans-serif;
    font-weight: lighter;
    text-align: center;
    background: url(../images/date_sep.png) center 30px no-repeat;
    margin-right: 10px;
    margin-top: 6px;
}

.news-block .news-block-date .date {
    font-size: 24px;
    padding-bottom: 8px;
    display: inline-block;
}

.news-block .news-block-date .month {
    font-size: 18px;
}

.news-block .news-block-desc {
    float: left;
    width: 250px;
}

.news-block .news-block-desc p {
    color: #1d61a0;
}

#content .news-block .news-block-link {
    color: #e21f3c;
    font-size: 12px;
}

#index-lower {
    height: 475px;
    padding-top: 20px;
    position: relative;
}

.realisation .desc {
    background: url(../images/bg-blackTrans.png) left top repeat;
    width: 100%;
    position: absolute;
}

#projet-en-cours {
    height: 244px;
    width: 317px;
    position: relative;
}

#projet-en-cours .desc {
    bottom: 0;
    height: 120px;
    left: 0;
    position: absolute;
    background: url(../images/bg-blackTrans.png) left top repeat;
    width: 100%;
}

#content .desc h4 {
    color: white;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    padding: 8px 10px 0px;
}

#content .desc p {
    color: white;
    font-size: 13px;
    font-family: arial, sans-serif;
    padding: 0 10px;
}

#index-lower .vert-seperator {
    background: url(../images/vert-sep.gif) left top repeat-y;
    width: 2px;
    position: absolute;
    right: -25px;
    top: 40px;
    bottom: 0px;
}

#realisations {
    width: 650px;
}

#realisations .realisation {
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    width: 212px;
    height: 211px;
    position: relative;
    margin-bottom: 14px;
    margin-right: 14px;
}

#index-lower #realisations .realisation {
    width: 202px;
    height: 115px;
}

#realisations .realisation.last {
    margin-right: 0;
}

#realisations .realisation .desc {
    height: 100%;
    display: none;
    overflow: hidden;
}

#realisations .realisation .desc img {
    position: relative;
}

#index-lower #realisations .realisation .desc img {
    margin-left: 16px;
    top: -8px;
}

#realisations .realisation .desc a {
    position: absolute;
    left: 10px;
    bottom: 16px;
    color: white;
}

#realisations .realisation .desc p {
    position: relative;
    top: -5px;
}

#realisations .realisation:hover .desc {
    display: block;
    cursor: pointer;
}

#cdrg {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -500px;
}

#gallery-cont {
    width: 920px;
    height: 608px;
    position: relative;
    margin-bottom: 20px;
}

#gallery-thumbs {
    width: 860px;
    bottom: 0;
    margin: 9px auto 0 !important;
}

#gallery-thumbs img {
    margin: 0 6px !important;
    cursor: pointer;
}

.gallery-btn {
    position: absolute;
    width: 16px;
    height: 31px;
    bottom: 27px;
    background-position: left top;
    background-repeat: no-repeat;
}

.gallery-btn:hover {
    background-position: left bottom;
}

#gallery-left {
    background-image: url(../images/gallery-left.png);
    left: 0;
}

#gallery-right {
    background-image: url(../images/gallery-right.png);
    right: 0;
}

.liens_medias {
    margin-bottom: 6px;
    height: 21px;
}

.liens_medias a {
    float: left;
    margin-right: 30px;
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    padding-left: 24px;
    text-transform: uppercase;
}

#content .liens_medias a:hover {
    background-position: left bottom;
    text-decoration: none;
    color: #8d3a65;
}

.liens_medias a.video {
    background-image: url(../images/ico-video.png);
    padding-top: 3px;
    padding-bottom: 3px;
}

.liens_medias a.visite {
    background-image: url(../images/ico-visite.png);
    padding-top: 5px;
    padding-bottom: 4px;
}

.projetLink {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

div.membre-equipe {
    width: 451px;
    margin-top: 10px;
}

div.membre-equipe img {
    float: left;
    width: 200px;
}

div.membre-equipe div {
    float: left;
    width: 230px;
    padding-left: 17px;
}

div.membre-equipe.equipe {
    width: 100%;
}

div.membre-equipe.equipe img {
    width: 672px;
}

#content div.membre-equipe div h1 {
    color: #e31e3c;
    font-family: oswald, sans-serif;
    font-size: 22px;
    font-weight: lighter;
    padding-bottom: 0;
}

div.membre-equipe div h2 {
    font-family: oswalk, sans-serif;
    font-size: 22px;
    font-weight: normal;
}

p.fonction {
    font-style: italic;
    font-size: 13px;
}

p.coordonnees {
    font-size: 13px;
    font-weight: bold;
}

/********************************************
 ___    _____  _____  _____  ___    ___
(  _`\ (  _  )(  _  )(_   _)(  _`\ |  _`\
| (_(_)| ( ) || ( ) |  | |  | (_(_)| (_) )
|  _)  | | | || | | |  | |  |  _)_ | ,  /
| |    | (_) || (_) |  | |  | (_( )| |\ \
(_)    (_____)(_____)  (_)  (____/'(_) (_)
**********************************************/

#footer-container {
    height: 47px;
    position: relative;
}

#footer {
    width: 1000px;
    margin: 0 auto;
    height: 305px;
    position: relative;
}

#footer .logo {
    position: absolute;
    left: -16px;
    top: 20px;
}

#footer #footer-topRight {
    position: absolute;
    right: 0;
    top: 43px;
}

#footer-topRight #social-footer {
    float: left;
    margin-top: -3px;
}

#footer-topRight #social-footer a {
    float: left;
    margin-right: 5px;
}

#footer-topRight #links {
    float: left;
}

#footer-topRight #links a {
    font-family: 'oswald', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #384d6f;
    margin-left: 15px;
}

#footer-topRight #links a:hover {
    color: #8d3a65;
    text-decoration: none;
}

#footer-topRight #links a.red {
    color: #e11f3d;
}

#footer-nav {
    padding-top: 120px;
}

#footer-nav h3 {
    font-family: 'oswald', sans-serif;
    font-size: 17px;
    color: #384d6f;
    text-transform: uppercase;
    padding: 0 0 3px 0;
}

#footer-nav h3 a {
    color: #384d6f !important;
}

#footer-nav h3 a:hover {
    color: #8d3a65 !important;
    text-decoration: none;
}

#footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer-nav ul li {
    margin: 0;
    padding: 3px 0;
}

#footer-nav ul li a {
    color: #5a5a5a;
}

#footer-nav ul li a:hover {
    color: #8d3a65;
    text-decoration: none;
}

.footer-nav-col {
    float: left;
    position: relative;
    width: 200px;
    height: 168px;
}

.footer-nav-col.div ul {
    position: absolute;
    left: 0;
    top: 30px;
}

#footer-bottom-cont {
    background: url(../images/texture_index_lower.jpg) left top repeat-x;
    width: 100%;
    height: 47px;
}

#footer-bottom-cont .barre_couleur {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

#footer-bottom {
    width: 1000px;
    margin: auto;
}

#footer-bottom p {
    padding-top: 16px;
    color: #384d6f;
}

#footer-bottom p a {
    color: #384d6f;
    font-weight: bold;
}

#footer-bottom p a:hover {
    color: #8d3a65;
    text-decoration: none;
}

.glyphicon-padding-right {
    padding-right: 30px;
}

.ui-state-focus {
    padding-right: 0px !important;
}

.panel-color1 {
    border-color: #cf2143;
    max-width: 80%;
}

.panel-color1 > .panel-heading {
    color: #fff;
    background-color: #cf2143;
    border-color: #cf2143;
}

.panel-color2 {
    border-color: #8d3965;
    max-width: 80%;
}

.panel-color2 > .panel-heading {
    color: #fff;
    background-color: #8d3965;
    border-color: #8d3965;
}

.panel-color3 {
    border-color: #3d558c;
    max-width: 80%;
}

.panel-color3 > .panel-heading {
    color: #fff;
    background-color: #3d558c;
    border-color: #3d558c;
}

.panel-color4 {
    border-color: #0265a2;
    max-width: 80%;
}

.panel-color4 > .panel-heading {
    color: #fff;
    background-color: #0265a2;
    border-color: #0265a2;
}

.panel-title-name {
    float: left;
    margin-right: 20px;
}

.panel-title-date {
    color: #fff;
    float: right;
    padding-top: 3px;
}

.overflow600 {
    overflow: auto;
    height: 600px;
}

.fileCheckbox {
    margin-right: 10px !important;
    position: relative;
    top: 2px;
}

.filebreadcrumb {
    background: none !important;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.dropdown-menu li {
    margin-left: 0;
}

.panelHeader {

    width: 100%;
    height: 38px;
    border-bottom: 1px #DDDDDD solid;
}

.panel-body {
    padding: 5px !important;
}

.panel-body .conversationText {
    padding: 10px !important;
    word-break: break-word;
}

.panel-footer {
    padding: 5px !important;
    height: auto;
}

.panel-footer .row {
    height: auto;
}

.panel-footer .row h4 {
    padding: 0 15px !important;
    margin: 0 0 0 0;
    line-height: 30px;
    word-wrap: normal;
    vertical-align: middle;
}

.panel-footer .row h4 a {
    padding: 0 15px !important;
    display: block;
    line-height: 30px;
    word-wrap: normal;
    vertical-align: middle;
}

.projectsLinks {
    display: block;
    margin: 0 auto;
}

.projectsLinks img {
    display: block;
    margin: 0 auto;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
    float: right;
    clear: right;
}

.ui-timepicker-rtl dl dd {
    margin: 0 45% 10px 10px;
}

/*DROP ZONE*/
#dropzone {
    border: 1px dashed #c3c3c3;
    color: #1c74ab;
    font-size: 12px;
    margin-top: 15px;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}

#dropzone.in {
    display: block;
    padding: 100px 0;
    font-size: larger;
}

#dropzone.hover {
    background: #c3c3c3;
}

#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

.noImage {
    background-color: #FFF;
    text-align: center;
    height: 207px;
    padding-top: 100px;
    font-size: 16px;
    font-weight: bold;
}

a.noDecoration:hover {
    text-decoration: none;
}

.no-expand .treegrid-expander {
    cursor: default;
}

.no-hover:hover {
    text-decoration: none;
}

.file-browsing-table > tbody > tr > td {
    vertical-align: middle !important;
}

.supprimer {
    display: none;
    position: absolute;
    top: 10px;
    right: 25px;
}

.dropdown-menu > li > div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.deleteContainer {
    width: 25px;
    height: 25px;
}

.titleFeuilleTemps {
    font-size: 24px;
    font-weight: bold;
    color: #0069aa;
}

#documents-table .document-directory {
    display: block;
}

.page-header {
    border-bottom-color: #8d3a65 !important;
}

.documents-file {
    display: block;
}

.documents-directory {
    display: block;
}

.filebreadcrumb .documents-directory {
    display: inline;
}

.table {
    background-color: #FFF;
}

#login-block-container {
    width: 450px;
    margin: auto;
}

#recuperation-block-container {
    width: 500px;
    margin: auto;
}

.ui-state-default {
    margin-left: 0;
}

.container {
    width: 1000px !important;
    max-width: none !important;
    background: url(../images/texture_body.gif) left top repeat;
    padding-bottom: 15px;
    min-height: 800px;
}

#photo-gallery .photo-gallery-element {
    height: 100%;
}

#photo-gallery .photo-gallery-cover {
    width: 100%;
}

#photo-gallery .photo-gallery-title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    height: 25px;
}

#photo-gallery a:hover {
    text-decoration: none;
}

#photos-container .photo-gallery-element {
    height: 255px;
}

#photos-container .photo-gallery-cover {
    width: 100%;
}

#photos-container .photo-gallery-title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    height: 25px;
}

#photos-container a:hover {
    text-decoration: none;
}

#inplace-ajax-loader {
    display: block;
    width: 128px;
    margin: 20px auto;
}

#listAffectation {
    padding-bottom: 15px;
}

.photo-gallery-sort {
    cursor: move;
}

ul.pagination li {
    margin-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 99 !important;
}

#modalCommentaire {
    max-height: calc(100% - 200px);
    overflow: auto;
    position: fixed;
    top: 100px !important;
}

.noticeFields {
    font-size: 12px;
    color: red;
    display: inline-block;
    padding: 5px;
    background: #fff;
    border: 1px solid #a5a5a5;
    float: right;
}

.noticeFieldsReunion {
    font-size: 12px;
    color: red;
    display: block;
    padding: 5px;
    background: #fff;
    border: 1px solid #a5a5a5;
    width: 325px;
    text-align: center;
}

#textCondition {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 12px;
    width: 456px;
    height: 333px;
    margin: auto;
}

#alreadyVisited {
    position: relative;
    font-size: 20px;
    margin-left: 15px;
    color: #1C74AB;
    margin: auto;
}

.insideConditions {
    overflow-y: auto;
    height: 290px;
    margin-top: 4px;
}

#conditions {
    margin: 2px 8px 0px 0px;
    height: 16px;
    width: 16px;
    position: relative;
    float: left;
}

.panelH3 {
    width: 100%;
    margin: auto;
    padding: 18px 0px;
    color: #333;
    background-color: #f5f5f5;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.editAccount {
    /*margin-left: 187px;
    font-size: 13px;
    margin-top: -10px;*/
    max-width: 366px;
    min-width: 300px;
    width: 100%;
    text-align: left !important;
}

#intervenantContactDivisions {
    display: none;
}

.employee-header {
    width: 10.5%;
}

.employee-table {
    width: auto !important;
    max-width: none;
}

.employeeCellWidth {
    min-width: 199px;
}

#scroller-wrapper {
    width: 100%;
    overflow: hidden;
}

.tableHeader {
    font-weight: bold;
}

#scroller {
    /*width: 500%;*/
}

#firstcol table {
    border-color: #c8c8c8;
}

#divHeader table {
    border-color: #c8c8c8;
}

#table_div table {
    border-color: #c8c8c8;
}

.btn.btn-small {
    color: #000;
    background: #fff;
    float: right;
    margin-left: 10px;
}

.btnNoPad {
    padding: 0px !important;
}

.reSendButton {
    margin-left: 10px;
}

#clarify {
}

.employeeWrap {
    display: inherit !important;
    white-space: normal !important;

}

.intervenantFonction{
    height: 100%;
}

.employeeWrapFocus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.emailBlock {
    width: 600px;
    margin: 0 auto;
    border: 1px solid #cccccc;
    border-collapse: collapse;
}

.emailBlock .emailContent tr td, .emailBlock .emailContent tr td p {
    padding: 0 15px;
}

.emailBlock .emailBlockFooter {
    width: 100%;
    background: #0069a9;
}

.openTab {
    background: #D2FFD2 !important;
}

.openTab.active {
    background: #5cb85c !important;
}

.openTab:hover {
    background: #5cb85c !important;
}

.closedTab {
    background: #EDEDED !important;
}

.closedTab.active {
    background: #CACACA !important;
}

.closedTab:hover {
    background: #CACACA !important;
}

.retardTab {
    background: #FFD6D5 !important;
}

.retardTab.active {
    background: #d9534f !important;
}

.retardTab:hover {
    background: #d9534f !important;
}

.status-container {
    height: auto;
}

.status-container .row {
    height: auto;
}

.status-container .row .status {
    height: 100%;
    padding: 10px 5px;
    border: 3px #EEEEEE solid;
    background: #FFFFFF;
}

.status-container .row .open {
    background: #C9E1BB;
}

.intervenant-utilities {
    margin-bottom: 15px;
}

.status-container .row .late {
    background: #FFD6D5;
}

.status-container .row .status div {
    height: 100%;
    padding: 0 0 0 0;
}

.status-container .row .status h3 {
    text-transform: uppercase;
    line-height: 100%;
    vertical-align: middle;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.status-container .row .status h4 {
    text-transform: uppercase;
    line-height: 100%;
    vertical-align: middle;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
}

.status-container .row .status div p {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 12px;
    line-height: 12px;
    height: 100%;
    vertical-align: middle;
}

.popover-content {
    max-height: 500px;
    overflow-y: auto;
}

.popover .popover-content hr {
    margin: 2px 0 2px 0;
}

.logsNotice {
    border-radius: 10px;
    box-shadow: 1px 1px 1px #888888;
    background: rgba(255, 0, 0, 0.8);
    color: #fff;
    width: 25px;
    height: 25px;
    display: block;
    padding: 4px 0px;
    line-height: 17px;
    float: left;
    margin-left: -28px;
    margin-top: -3px;
    text-align: center;
    text-shadow: #000 1px 2px 2px;
}

.logsNoticeReunions {
    border-radius: 10px;
    box-shadow: 1px 1px 1px #888888;
    background: rgba(255, 0, 0, 0.8);
    color: #fff;
    width: 25px;
    height: 25px;
    display: block;
    padding: 4px 0px;
    line-height: 17px;
    float: left;
    margin-left: -22px;
    margin-top: 2px;
    text-align: center;
    text-shadow: #000 1px 2px 2px;
}

.logsNoticeTickets {
    border-radius: 10px;
    box-shadow: 1px 1px 1px #888888;
    background: rgba(255, 0, 0, 0.8);
    color: #fff;
    width: 25px;
    height: 25px;
    display: block;
    padding: 4px 0px;
    line-height: 17px;
    float: left;
    margin-left: -30px;
    margin-top: 60px;
    text-align: center;
    text-shadow: #000 1px 2px 2px;
}

.timeStampViewWrap {
    background-color: #1c74ab;
    border-color: #186595;
    width: 74px;
    height: 8px;
    position: relative;
    margin-top: -8px;
    margin-left: -17px;
}



.iconEye{
    font-size: 24px;
    cursor: pointer;
}

.timeStampLt{
    margin-left: 0px;
    width: 100% !important;
    margin-bottom: 20px;
}


.timeStampView {
    float: left;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
    width: 718px;
    position: relative;
    z-index: 2;
}

.timeStampView li {
    padding: 3px 0px;
}

.reply-body {
    padding: 5px;
}
.timeStampViewLt {
    width: 100% !important;

}

#replies {
    padding: 5px;
    display: block;
    margin-top: 12px;
    width: 100%;
}

#replies .reply {
    display: block;
    width: 100%;
    margin: 5px 0 0 0;
}

#replies .reply .reply-header {
    width: 100%;
    padding: 10px 5px;
    margin: 0 0 0 0;
    background: #41A5E0;
    color: #FFFFFF;
    font-size: 12px;
}

#replies .reply .reply-header .btn {
    float: right;
    font-size: 12px;
}

#replies .reply .reply-content {
    border-right: 1px #E5E5E5 solid;
    border-left: 1px #E5E5E5 solid;
    width: 100%;
    padding: 10px 5px;
    margin: 0 0 0 0;
}

.modal-body .comment {
    border-right: 1px #E5E5E5 solid;
    border-left: 1px #E5E5E5 solid;
}

.modal-footer {
    margin-top: 0 !important;
}

#numberAddon {
    padding: 5px 5px;
    vertical-align: top;
}

.actionWrap {
    margin-top: 30px;
}

.amountWrap {
    margin: 0px 0px 0px 32px;
}

#fileupload {
    margin-top: 12px;
    margin-bottom: 12px;
}

.photoItem {
    border: 1px solid #000;
}
.hackmargin{
    margin: 0;

}
.dropzoneClass {
    border: 1px dashed #c3c3c3;
    color: #1c74ab;
    font-size: 12px;
    margin-top: 15px;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}

.ajoutProjetEquipe {
    margin: 20px 0px 0px 15px;
}

.notificationInterval {
    position: absolute;
    margin: -27px 0 0 33px;
}

#listConserned {
    width: 100%;
    display: block;
    margin: 0 0 15px 0;
}
/*
* Liste intervenant
 */
.listIntervenantCollapser {
    margin: 0 0 0 0;
    width: 100%;
    height: 31px;
    display: block;
    background-color: #1C74AB;
}

.listIntervenantCollapser h3 {
    font-size: 18px;
    margin: 0 0 0 0;
    height: 100%;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 0px;
    text-align: left;
    color: #FFFFFF;
    float: left;
}

.listIntervenantCollapser .checkAllIntervenants {
    margin: 1px 0 0 15px;
    height: 100%;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

.listIntervenantCollapser .checkAllTargeted {
    margin: 1px 0 0 15px;
    height: 100%;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

.listIntervenant {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px; /*border-right: 1px #7F7F7F solid; border-left: 1px #7F7F7F solid;*/
}

.listIntervenant .checkbox {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 0px; /*border-right: 1px #7F7F7F solid; border-left: 1px #7F7F7F solid;*/
}

.listIntervenant.pale {
    background-color: #DADADA;
}

.listIntervenant.dark {
    background-color: #FFFFFF;
}

.listIntervenant.selected {
    background-color: #B9B9B9;
}

.intervenantSpans {
    float: left;
    text-align: left;
    margin: 0px;
    display: block;
}

.intervenantSpansSeperator {
    float: left;
    text-align: center;
    margin: 0 5px;
    display: block;
}

/*
*  Liste Document
 */

.listDocumentCollapser {
    margin: 0 0 0 0;
    width: 100%;
    height: 31px;
    display: block;
    background-color: #1C74AB;
}

.listDocumentCollapser h3 {
    font-size: 18px;
    margin: 0 0 0 0;
    height: 100%;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 0px;
    text-align: left;
    color: #FFFFFF;
    float: left;
}

.listDocumentCollapser .checkAllDocuments {
    margin: 1px 0 0 15px;
    height: 100%;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

.listDocumentCollapser .checkAllTargeted {
    margin: 1px 0 0 15px;
    height: 100%;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

.listDocument {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px; /*border-right: 1px #7F7F7F solid; border-left: 1px #7F7F7F solid;*/
}

.listDocument .checkbox {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 0px; /*border-right: 1px #7F7F7F solid; border-left: 1px #7F7F7F solid;*/
}

.listDocument.pale {
    background-color: #DADADA;
}

.listDocument.dark {
    background-color: #FFFFFF;
}

.listDocument.selected {
    background-color: #B9B9B9;
}

.documentSpans {
    float: left;
    text-align: left;
    margin: 0 10px;
    display: block;
}

.documentSpansSeperator {
    float: left;
    text-align: center;
    margin: 0 5px;
    display: block;
}

.sliddySlider {
    width: 100%;
    display: block;
}

.iconToggle {
    margin-right: 15px;
}

#loading_wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: url("/images/loading_background.png") repeat;
    z-index: 9999999;
}

#loading_wrapper .loading_image {
    display: block;
    margin: 0 auto 0 auto;
    width: 185px;
}

#loading_wrapper .loading_image img {
    display: block;
    width: 120px;
    height: 120px;
}

.reveal-modal-bg {
    z-index: 1000 !important;
}

.reveal-modal {
    position: fixed !important;
    z-index: 1001 !important;
}

.CalendarContainer .reveal-modal
.questionModalContainer .reveal-modal,
.changesModalContainer .reveal-modal,
.directivesModalContainer .reveal-modal,
.documentConstructionModalContainer .reveal-modal,
.omManualModalContainer .reveal-modal,
.payModalContainer .reveal-modal,
.betonnageModalContainer .reveal-modal {
    top: 50px!important;
}

.hasTimeSheets {
    background: #dcfed8;
}

.noTimeSheets {
    background: #fff9d7;
}

.blocker {
    z-index: 100 !important;
}

.modal {
    z-index: 101 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    max-width: 800px !important;
}

.modal table {
    width: 90%;
    margin: 0 auto !important;
}

.modal-close {
    z-index: 102 !important;
}

.modal-backdrop {
    z-index: 2 !important;
}

.btn-green {
    background-color: #5cb85c !important;
    color: white !important;
}

.btn-red {
    background-color: #d9534f !important;
    color: white !important;
}

.btn-green-rev {
    color: #5cb85c !important;
    font-weight: 700 !important;
}

.btn-red-rev {
    color: #d9534f !important;
    font-weight: 700 !important;
}



/* ONGLET SEARCH UNIVERSSAL */

.badgeSearch {
    border-radius: 50%;
    padding: 0 5px;
    position: absolute;
    overflow: hidden;
    background: #096a09;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    bottom: 32px;
    right: 0;
    z-index: 1;
}

.onglet
{
    display:inline-block;
    padding:3px;
    border:1px solid black;
    cursor:pointer;
    position: relative;
}
.onglet_0
{
    background:#717484;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 4px 10px 4px;
}
.onglet_1
{
    background:#ebebeb;
    padding-bottom:4px;
    color: black;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 4px 10px 4px;
}
.contenu_onglet
{
    background-color:#ebebeb;
    border:1px solid black;
    margin-top:-1px;
    padding:5px;
    display:none;
}


#searchUniversel{
    width: 250px;
    margin-bottom: 15px;


}

/* FIN SEARCH UNNIVERSSAL */

#iconAddTicket{
    position: absolute;
    padding: 0;
    top: 20px;
    z-index: 20;
    left: 10px;
    transform: translate(-3%, -40%);
    width: 40px;
    text-align: center;
    border-top: none;
}

.ajax_status_edit{
    display: inline-block;
    margin-right: 15px;
}

.entrepriseAnswer{
    font-weight: 300;
}


#document_dropzone{
    border: 1px dashed #c3c3c3;
    font-size: 12px;
    margin-top: 15px;
    padding: 10px 0;
    text-align: left;
    font-weight: bold;
    display: flex;

}

.document_input{
}
.document_date{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.document_date > input {
    height: 25px;
    width: 145px;
}

.document_date > label{
    margin-right: 8px;
}


.document_select{
}

.document_dropzone{
    padding: 25px;
    width: 25%;
}