/*=============================== GLOBALS ===============================*/

html{
    height:100%;
    max-height:100%;
}


body{
    background: #eaeaea;
    color: #424242;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:100%;
    background: #fff;

}

#wrap {
    height: 100%;
}
* html #wrap { height:100% }

#inner-wrap {
    padding-bottom:20px;
    /*     min-height: 100%; */
}
#inner-wrap:after {
    content:" ";
    display:block;
    clear:both;

}
* html #inner-wrap {
    height:100%;
}


*{
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

h1,
h2,
h3,
h4{
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.pagination{margin:10px 0;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    /*background-color: #007193;*/
    /*border-color: #007193;*/
    background-color:transparent;
    border: 0 none;

}

.pagination > li > a, .pagination > li > span {
    color: #007193;
    font-weight: bold;
    border: 0 none;
    padding: 6px 10px;
    color: #007193;
    font-weight: normal;
    text-decoration: underline;
}

.pagination > li.active > a{
    font-weight: bold;
    color: #007193;
    text-decoration: none;
}

.pagination > li.active > a:hover{
    color: #007193;
}

.pagination > li > a.previous{
    text-decoration: none;
}

.pagination > li > a.previous,
.pagination > li > a.next{
    color: #fff;
    background: #007193;
    border-radius: 0;
}

.pagination > li.disabled > a.previous,
.pagination > li.disabled > a.next{
    color: #ffffff;
}

.pagination > li.disabled > a.previous:hover,
.pagination > li.disabled > a.next:hover{
    color: #002d40;
}

.blue{
    color: #002d40;
}

.multiselect-container{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}/*
.multiselect-container li {


}
.multiselect-container li a{
    padding: 3px 10px 3px 30px;
}

.multiselect-container li a label {
    margin: 0;
}*/


/* Override responsiveness !*/
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;

    /* Set width to your desired site width */
    width: 1170px !important;

    min-width: none !important;
}

.titre{
    color: #002d40;
    font-size: 25px;
    margin-top: 5px;
}

.soustitre{
    font-size: 24px;
    color: #002d40;
    text-transform: uppercase;
}

.titreBox{
    font-size: 30px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #007193;
    font-weight: normal;
}
.titreBox span{
    display: block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}

.titreBoxBold{
    font-size: 30px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #007193;
    font-weight: bold;
}
.titreBoxBold span{
    display: block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

img {
    max-width: 100%;
}

#map_canvas img {
    max-width: initial;
}


label  {
    font-size: 18px;
    color: #002d40;
    font-weight: normal;
    text-align: right;
    line-height: 30px;
}

input {
    font-size: 18px;
    color: #50555a;
    font-weight: normal;

}

ul, ul li{
    list-style: none inside;
    padding: 0;
}

a{
    color: #002d40;
    text-decoration: none;
}

a:hover, a:focus {
    color: #002d40;
    text-decoration: underline;
}

.form-control{
    border-radius: 0;
    font-size: 18px;
    color: #50555a;
    height: 30px;
    font-weight: normal;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    padding:5px;
}

form.auto.ajax button[type="submit"]{
    margin-top: 10px;
}

form.auto.ajax .input-group-btn button[type="submit"]{
    margin-top: 0px;
}

.bigInputs .form-control{
    height: 48px;
}

input.input-search{

}

.alert{
    margin-bottom: 0;
}

.form-control-feedback {
    right: 15px !important;
    top: 3px !important;
}

.bootstrap-select.btn-group .btn.selectpicker .caret {
    right: 30px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: auto !important;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #007193;
    color: #fff;
}

#container{
    height: 100%;
}

.bootstrap-select > .btn {
    border-radius: 0;
}

a.retour{
    color: #007193;
    font-size: 18px;

}

a.retour .fa{
    font-size: 25px;
    float: left;
    margin: 0;
}

a.retour span{
    padding-left: 8px;
    display: inline-block;
    border: 1px solid #fff;
    line-height: 16px;
}

a.retour:hover span{
    border: 1px solid #007193;
}

h2.soustitre a.retour{
    line-height: 24px;
    text-transform: none;
}

table tr th,
table tr td{
    text-align: left;;
    color: #53666e;
    background: #ffffff;
    font-size: 13px;
}



table thead tr th,
table thead tr td{
    background: #e6e6e6;
    font-size: 12px;
    color: #007193;
    font-weight: bold;
}

table thead tr td{

    font-weight: bold;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f5f5f5;
}

table tr th{
    background: #ddd;
}

table .mod{
    font-size: 25px;
    margin: 0 10px;
    color: #f69100;
}

table .encours{
    font-size: 13px;
    font-weight: bold;
    color: #e05f00;
}

table .encours a{
    font-weight: normal;
    color: #e05f00;
    text-decoration: underline;
}

table .encours a i{
    margin-right: 2px;
}

table .termine, #form_creation_client .termine {
    font-size: 13px;
    font-weight: bold;
    color: #1b6404;
}

table .termine a, #form_creation_client .termine a{
    font-weight: normal;
    color: #1b6404;
    text-decoration: underline;
}

table .reactiv, #form_creation_client .reactiv{
    font-size: 13px;
    font-weight: bold;
    color: red;
}

table .reactiv a, #form_creation_client .reactiv a{
    font-weight: normal;
    color: red;
    text-decoration: underline;
}

table .annule{
    font-size: 13px;
    font-weight: bold;
    color: #5f5f73;
}

table .annule a{
    font-weight: normal;
    color: #5f5f73;
    text-decoration: underline;
}


.filtre-tab{
    background: #a3a3a3;
    padding: 5px 20px;;
}

.filtre-tab h3.header{
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.filtre-tab h3.header i{
    font-size: 30px;
}

.filtre-tab input{
    font-size: 16px;
    color: #a3a3a3;
}

.filtre-tab button{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

.filtre-tab button.reset{
    background: transparent;
    border: 0 none;
    font-size: 12px;
    color: #4f4f4f;
}

.filtre-tab button.reset i{
    font-size: 14px;
    color: #fff;
    margin-left: 8px;
}


.results{
    margin: 10px 0;
}

.filtres{
    background: #e6e6e6;
    padding: 8px 0;
    color: #53666e;
    font-size: 12px;
    margin-top: 17px;
}

.filtres .filtre {
    margin-right: 70px;
    float: left;
    display: inline-block;
    float: left;
    line-height: 31px;
}

.filtres .filtre span.titre{
    margin-right: 10px;
    font-size: 12px;
}

.filtres .filtre span.titre i {
    color:#a3a3a3;
    font-size: 14px;
    margin-right: 5px;
}

.filtres .filtre .bootstrap-select{
    margin-bottom: 0;
}

.filtres .filtre .form-control{
    height: 31px;
}

.filtres .bootstrap-select.btn-group .btn .filter-option{
    font-weight: bold;
    font-size: 12px;
}


.filtres label{
    font-weight: normal;
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 0;
    border-right: 1px solid #dddddd;
}

.filtres .filter-by{
    margin-top: 2px;
    font-weight: bold;
}


.filtres label input[type="checkbox"]{
    margin-top: 0;
}

.filtres .filtre label:last-child{
    border-right: 0 none;
}

.filtres .filtre label{
    line-height: normal;
    font-size: 12px;
}

.filtres .filtre label input{
    margin: 0 5px 0 0;
    vertical-align: sub;
}

.results h1{
    color: #007193;
    font-size: 18px;
    margin: 0;
}

.results .btn-serenis{
    font-size: 14px;
}

/*=============================== Main Menu ===============================*/

.mainMenu ul li a{
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    margin-bottom: 0;
}

.mainMenu ul li .bulle{
    float: left;
    width: 42px;
    height: 42px;
    margin: 15px 0 10px;
    margin-left: 8%
}
.mainMenu ul li h3{
    float: right;
    font-size: 16px;
    text-align: left;
    width: 67%;
    margin: 15px 0 10px;
    line-height: 20px;
}

.mainMenu ul li a h3{
    color: #007193;
    font-weight: normal;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;

}

.mainMenu ul li a:hover,
.mainMenu ul li a.selected{
    border-top: 5px solid #007193;
    border-bottom: 5px solid #007193;
}


/* blue-dark */
.mainMenu ul li a.dark-blue h3{
    color: #002d40;
}
.mainMenu ul li a.dark-blue:hover,
.mainMenu ul li a.dark-blue.selected{
    border-top: 5px solid #002d40;
    border-bottom: 5px solid #002d40;
}

/* blue-var-1 */
.mainMenu ul li a.blue-var-1 h3{
    color: #60a6bb;
}
.mainMenu ul li a.blue-var-1:hover,
.mainMenu ul li a.blue-var-1.selected{
    border-top: 5px solid #60a6bb;
    border-bottom: 5px solid #60a6bb;
}

/* blue-var-2 */
.mainMenu ul li a.blue-var-2 h3{
    color: #1c9ec5;
}
.mainMenu ul li a.blue-var-2:hover,
.mainMenu ul li a.blue-var-2.selected{
    border-top: 5px solid #1c9ec5;
    border-bottom: 5px solid #1c9ec5;
}

/* blue-light */
.mainMenu ul li a.blue-light h3{
    color: #8bc5d6;
}
.mainMenu ul li a.blue-light:hover,
.mainMenu ul li a.blue-light.selected{
    border-top: 5px solid #8bc5d6;
    border-bottom: 5px solid #8bc5d6;
}

/*=============================== BTNS ===============================*/

.btn-serenis{
    background: #007193;
    border: 1px solid #007193;
    color: #fff;
    font-size: 20px;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
    text-align: center;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 0px 20px;
    line-height: normal;
    font-weight: normal;
}

.btn-serenis.selected,
.btn-serenis:hover{
    background: #fff;
    border: 1px solid #007193;
    color: #007193;
}

.btn-serenis.btn-xs{
    text-transform: none;
    font-size: 18px;
}


.btn-gris{
    background: #53666e;
    border: 1px solid #53666e;
    color: #fff;
    font-size: 20px;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
    text-align: center;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 0px 12px;
    line-height: normal;

}

.btn-gris.btn-xs{
    text-transform: none;
    font-size: 18px;
}

.btn-serenis:hover{
    background: #fff;
    border: 1px solid #53666e;
    color: #007193;
}

#operation .btn-serenis{
    background: #002d40;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 30px;
    height: auto;
    line-height: 40px;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;

}

#operation .active .btn-serenis {
    color: #002d40;
    background: #fff;
    border: 1px solid #002d40
}

#operation.nav-tabs {
    border-bottom: 0 none;
    margin-bottom: 10px;
}

/*=============================== SELECT D&D ===============================*/

.biSelectDD{

}
.biSelectDD .item{
    width: 100%;
    clear: both;
    border: 1px solid #dddddd;
    padding: 5px 0;
    float: left;

    font-size: 16px;
    color: #53666e;
}

.biSelectDD .item.bckG{
    background: #f5f5f5;
}

.biSelectDD .item.bckB{
    background: #ffffff;
}


/*=============================== HELPERS ===============================*/

.arial{
    font-family: Arial, sans-serif;
}

.trebuchet{
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.margin10{
    margin: 10px;
}

.marginR10{
    margin-right: 10px;
}

.marginR20{
    margin-right: 20px;
}

.marginB{
    margin-bottom: 20px;
}

.paddingB{
    padding-bottom: 20px;
}

.nopadding{
    padding: 0 !important;
}

.nomargin{
    margin: 0 !important;
}



.container-padding{
    padding: 3%;
}

.nopaddingL{
    padding-left: 0;
}

.nopaddingR{
    padding-right: 0;
}

.marginB10{margin-bottom: 10px;}
.marginB20{margin-bottom: 20px;}
.marginB30{margin-bottom: 30px;}

.marginT10{margin-top: 10px;}
.marginT20{margin-top: 20px;}
.marginT30{margin-top: 30px;}

.paddingB10{padding-bottom: 10px;}
.paddingB20{padding-bottom: 20px;}
.paddingB30{padding-bottom: 30px;}

.paddingT10{padding-top: 10px;}
.paddingT20{padding-top: 20px;}
.paddingT30{padding-top: 30px;}

.paddingTB4{padding-top: 4px;padding-bottom: 4px;}
.paddingTB20{padding-top: 20px;padding-bottom: 20px;}


.relative{
    position: relative;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.uppercase{
    text-transform: uppercase;
}

.lower{
    text-transform: lowercase !important;
}

.normal{
    text-transform: none !important;
}


/*=============================== COULEURS ===============================*/

.soft-greyBG{
    background: #f8f8f8;
}

.greyBG{
    background: #e6e6e6;
}

.whiteBG{
    background: #fff;
}

.dark-blue{
    color:#002d40;
}

.var-blue-1{ /* Restitution de l’activité */
    color:#60a6bb;
}


.blue-1{
    color: #007193;
}
.blue-2{
    color: #127b9a;
}
.blue-3{
    color: #3291ae;
}

.blue-4{
    color: #5aafc9;
}
.blue-5{
    color: #73bcd2;
}
.blue-6{
    color: #89c4d6;
}
.blue-7{
    color: #a9cdd8;
}
.blue-8{
    color: #b6dce7;
}
.blue-9{
    color: #c0dfe9;
}
.blue-10{
    color: #d9e8ec;
}



/*=============================== SPINNER ===============================*/

.spinner {
    margin: 100px auto;
    width: 20px;
    height: 20px;
    position: relative;
}

.big .spinner {
    width: 70px;
    height: 70px;
}

.container1 > div, .container2 > div, .container3 > div {
    width: 6px;
    height: 6px;
    background-color: #9c005a;

    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    box-shadow: 1px 1px 1px rgba(0, 0,0, 0.5);
}

.big .container1 > div, .big .container2 > div, .big .container3 > div{
    width: 16px;
    height: 16px;
}


.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/*=============================== OVERLAY ===============================*/


.overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    color: white;
    display: none;
}

.overlay .spinner{
    margin-bottom: 20px;
    margin-top: 20px;
}

.overlay .textContainer{
    width: 40%;
    margin: 0 auto;
    background: rgba(255, 255,255, 0.7);
    padding: 10px;
    margin-top: 10%;
}

.overlay .text{
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #007193;
    text-shadow: 2px 2px 1px rgba(255, 255,255, 0.5);
}

/* Modal */
.modal-backdrop.in {
    opacity: 0.7;
}



.modal-header{
    border-bottom: 0 none;
}
.modal-header h4{
    text-align: center;
    text-transform: uppercase;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #001620;
    font-size: 24px;
}
.large .modal-dialog {
    width:auto;
    max-width: 800px;
}

.modal-content {
    border: 1px solid #e1e1e1;
    border-radius: 0;
}

.modal-content .btns{
    margin-top: 15px;
}

button.close {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #002d40;
    cursor: pointer;
    padding: 0;
    color: ##002d40;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 30px;
    font-weight: bold;
    height: 30px;
    line-height: 0;
    padding: 0;
    width: 30px;
    opacity:1;
}

/*=============================== Easy Pie chart ===============================*/

.charts .chart{
    float: left;
    width: 50%;
    margin-left: -5px;
}

.chart {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    text-align: center;
}
.chart canvas {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.percent {
    color: #007193;
    display: inline-block;
    font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 36px;
    font-weight: bold;
    left: 12px;
    line-height: 130px;
    position: absolute;
    text-align: center;
    width: 120px;
    z-index: 4;
}

.chart.red .percent { color:#E64D5F !important; }
.chart.green .percent { color:#2ABC68 !important; }

.chart p {
    bottom: 33px;
    color: #007193;
    font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    left: 12px;
    position: absolute;
    top: 80px;
    width: 120px;
    z-index: 2;
}

.chart .back {
    background: none repeat scroll 0 0 #fff;
    border: 3px solid #027294;
    border-radius: 120px;
    height: 123px;
    left: 13px;
    position: absolute;
    top: 13px;
    width: 120px;
    z-index: 1;
}

.angular {
    margin-top: 100px;
}
.angular .chart {
    margin-top: 0;
}



/*=============================== typeahead ===============================*/

.tt-dropdown-menu {
    text-align: left;
}

/* .typeahead, */
.twitter-typeahead{
    width: 100%;
}


.typeahead:focus {
    border: 1px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*   -webkit-border-radius: 8px; */
    /*      -moz-border-radius: 8px; */
    /*           border-radius: 8px; */
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion:last-child{
    border-bottom: 0 none;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #9c005a;
    cursor: pointer;
}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}

.tt-dropdown-menu {
    width: 100%;
    margin-top: 0px;
    padding: 8px 0;
    z-index: 1052 !important;
    background-color: #fff;
    border: 1px solid #d6e0e6;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

/*=============================== HEADER ===============================*/
header{
    height: 140px;
    position: relative;
    top:0px;

    background: #fff;
}

#logo{
    font-size: 35px;
    color: #007193;
    line-height: 110px;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

#logo img{
    float: left;
    margin-right: 15px;
}

header section{
    background: #002d40;
    color: #fff;
    height: 30px;
    text-align: right;
}

header section a{
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
    text-decoration: underline;
}

header section a i{
    margin-right: 3px;
}

header section a:focus,
header section a:hover{
    color: #5e8697;
}

header .account{
    width: 280px;
    padding: 10px;
    background: #f8f8f8;
    margin-top: 10px;
    height: 95px;
}

header .account .img{
    margin-right: 10px;
    float: left;
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    height: 75px;
    line-height: 75px;
    background: #fff;
}

header .account .img > img {
    max-width: 100%;
}

header .account .infos{
    display: inline-block;
    float: left;
    height: 80px;
    width: 160px;
}

header .account .infos .name{
    color:#50555a;
    font-size: 14px;
    height: 60px;
}

header .account .infos a{
    color: #007193;
    font-size: 10px;
    text-decoration: underline;
}

header .account .infos a:hover{
    /*font-weight: bold;*/
    color: #003093;
}

header .account .infos a i{
    margin-left: 4px;
    font-size: 15px;
    float: right;
}


/*=============================== FOOTER ===============================*/
footer{
    height: 75px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #002d40;
    position:fixed;
    clear:both;
    bottom: 0;
    width:100%;
}

footer.static{
    position: static;
    z-index:100000;
}

footer p.Copyrights{
    margin-top: 10px;
    font-size: 14px;
    font-family: "Arial";
    text-transform: uppercase;
    font-size: 14px;

    display: block;
    float: left;
    width: 100%;
}


/*=============================== LOGIN ===============================*/

#login {
    background: rgba(255, 255, 255, .6);
    padding-bottom: 2%;
    margin-top: 2%;
}
/* Compatibility */
.ie6 #login,
.ie7 #login{
    background: url(../img/white-trans.png);
}

#login h2{
    color: #007193;
    font-size: 35px;
    text-transform: uppercase;
}
#login .checkbox{

    margin: 0;
}

#login .checkb	ox label{
    font-size: 14px;
    font-weight: bold;
}

#login a{
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

/*=============================== HOME ===============================*/
/* Links */
a.section{
    text-align: center;
    display: inline-block;
    width: 100%;
    border-top: 5px solid #50555a;
    margin-bottom: 5px;
}

a.section:focus,
a.section:hover{
    background: #fff;
    text-decoration: none;
}

a.section:focus h3,
a.section:hover h3{
    text-decoration: none;
}

/* a.section:focus .btn-serenis, */
/* a.section:hover .btn-serenis{ */
/* 	background: #fff; */
/* 	border: 1px solid #007193; */
/* 	color: #007193; */
/* } */

a.section .bulle{
    width: 132px;
    height: 132px;
    margin: 0 auto;
    background: #007193;
    border: 1px solid #007193;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
}

a:hover.section .bulle{
    transform: scale(0.9);
}

/* blue-dark */
a.section.dark-blue button,
a.section.dark-blue .bulle{
    background: #002d40;
    border: 1px solid #002d40;
}

/* blue-var-1 */
a.section.blue-var-1 button,
a.section.blue-var-1 .bulle{
    background: #60a6bb;
    border: 1px solid #60a6bb;
}

/* blue-var-2 */
a.section.blue-var-2 button,
a.section.blue-var-2 .bulle{
    background: #1c9ec5;
    border: 1px solid #1c9ec5;
}

/* blue-light */
a.section.blue-light button,
a.section.blue-light .bulle{
    background: #8bc5d6;
    border: 1px solid #8bc5d6;
}

a.section h3{
    font-size: 18px;
    color: #50555a;
    text-align: center;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Arial';
    font-weight: bold;
}



a.section button{
    margin-top: 20px;
}

.lignesection{
    margin-top: 20px;
}

.lignesection.last .section{
    margin-bottom: 0;
}

.presentation p{

    color:#002d40;;
    font-size: 18px;

}

.top10 a{
    font-size: 17px;
    font-weight: bold;
    padding: 5px 8px;
    display: block;
}


.articleList .time{
    font-weight: bold;
    font-size: 14px;
    background: #50555a;
    color: #fff;
    padding: 2px 5px;
    display: inline-block;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.articleList a{
    font-size: 14px;
    color: #007193;
    clear: both;
    font-weight: bold;
    width: 100%;
    display: block;
}

.articleList p{
    font-size: 12px;
    color: #424242;
    margin: 0;
}

.articleList p a{
    display: inline;
    font-size: 12px;
    color: #007193;
    font-weight: bold;
}

/*=============================== PLANNING ===============================*/

.editplanning{
    margin-bottom: 20px;
    margin-top: 10px;
}

.editplanning a{
    font-size: 18px;
    color: #007193;
}

.editplanning a i{
    margin: 0 20px;

}

.editplanning a.editNom{
    border-right: 1px solid #007193;
    display: inline-block;
}

#calendrier table
{
    margin: auto;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #dddddd;
}
#calendrier th
{
    background-color: #f5f5f5;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Trebuchet MS', "Arial Black", Arial, serif;
    color: #002d40;
    text-align: center;
    height: 77px;
    border: 1px solid #dddddd;
}
#calendrier th a{
    color: rgb(68,102,136);
    text-decoration:none;
}
#calendrier th a:hover{
    text-decoration:underline;
}
#calendrier td
{
    border-left: 1px solid rgb(221,221,221);
    border-right: 1px solid rgb(221,221,221);
    font-family: "Trebuchet MS", "Times", serif;
    font-size: 0.8em;
    background-image:url('img/calendar_cell.gif');
    background-repeat:repeat;
    background-position:top right;
    width:12.5%;
    border-width:1px;
    border-color:#d7d7d7;
    border-style:solid;
}
#calendrier.lienCalendrierJour
{
    background-color: #CDF0F0;
    text-decoration: underline;
}
#calendrier td.current_day{
    background-image:url('img/calendar_cell_today.png');
    background-repeat:repeat;
    background-position:top right;
}
#calendrier td.event_day{
    background-color:rgb(217, 102, 102);;
    border-bottom:0px solid #fff;
    border-top:0px solid #fff;
    border-left:1px solid rgb(221,221,221);
    border-right:1px solid rgb(221,221,221);
    color:#fff;
    font-weight:bolder;
    font-size:0.7em;
}
#calendrier table th.th_td_content{
    border-bottom:1px solid rgb(221,221,221);
    color:rgb(68,102,136);
    font-size:0.7em;
    font-weight:normal;
    background-color:rgb(232,238,247);



}
div.calendar_event{
    background-color: #8bc5d6;
    color:#fff;
    font-weight:normal;
    font-size: 14px;
    position:absolute;
    text-align: left;
    padding: 5px 10px;

}

.journee_cell_td .calendar_event{
    width:25%;
}
td.info_horaires{
    background-color:rgb(232,238,247);
    width:75px;
    text-align:center;
}
div.info_horaires_content{
    height:40px;
    /* 39px + 1px de border = 40px
       soit 4 fois la taille d'1/4 d'heure
    */
    line-height: 40px;
    border-bottom:1px solid rgb(221,221,221);
    color: #002d40;
    font-size:16px;;
    font-weight:normal;
    background-color: #fff;
}
div.calendar_event_date{
    color: #fff;
    font-family: "Trebuchet MS", 'Arial', serif;
    line-height: 33px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
}

div.calendar_event_date .span{
    display: inline;
    padding: 0;
    margin: 0;
}
div.calendar_event_lieu{
    display:none;
}
div.calendar_event_titre{

}
div#create_event{
    /*   display:none;*/
}
div#gen_new_content{
    display:none;
}
div#gen_new_calendar{
    display:none;
}
div#ajax_load{
    margin-top:3px;
    height:30px;
}
div#choix_plage_horaire{
    margin-left:4%;
}
div.link_to_see_event_content{
    font-size:1.4em;
    position:absolute;
    left:5px;
    bottom:0px;
}
div#visu_event{
    background-color:rgb(240, 240, 246);
    color:#000;
    font-size:0.8em;
    width:70%;
    margin:auto;
    border: 1px solid #B9BEBD;
}
div#visu_event label{
    text-decoration:underline;
    font-weight:bold;
}
div#visu_event_date{
    background-color: rgb(230, 128, 77);
    padding-left:1%;
}
div#visu_event_titre{
    padding-left:1%;
}
div#visu_event_lieu{
    padding-left:1%;
}
div#visu_event_contenu{
    padding:1%;
    background-color:#fff;
    margin:1%;
    color:#000;
    border: 1px solid #B9BEBD;
}
div#visu_event_contenu label{
    display:block;
    margin-bottom:10px;
}
div#switcher_agenda_options{
    display:block;
    height:25px;
}
div#choix_plage_horaire{
    float:left;
    height:25px;
}
div#switcher_agenda{
    float:right;
    height:25px;
}
span.switcher_agenda_inside{
    padding-top:5px;
    padding-bottom:4px;
    padding-left:15px;
    padding-right:15px;
    border-top: 1px solid #B9BEBD;
    border-left: 1px solid #B9BEBD;
    border-right: 1px solid #B9BEBD;
    border-bottom: 1px solid #B9BEBD;
    font-size:0.8em;
    background-color:#EDEDED;
}
span.switcher_agenda_inside a{
    text-decoration:none;
    color:rgb(68,102,136);
}
span.selected_switch_agenda{
    background-color:#CCDFFE;
    border-bottom: 1px solid #CCDFFE;
}
span.selected_switch_agenda a{
    text-decoration:none;
    color:#000;
}
div#select_agenda{
    background-color: #CCDFFE;
    font-size: 0.8em;
    color:rgb(68,102,136);
    width:300px;
    border: 1px solid #B9BEBD;
    position:absolute;
    z-index:10;
    top:190px;
    margin-left:15px;
}
div.menu_revelation{
    color: rgb(68, 102, 136);
    cursor: pointer;
    font-size: 30px;
    left: 277px;
    padding: 0px;
    position: absolute;
    top: -7px;
}
div#select_agenda_titre{
    margin:4px;
    color:rgb(68, 102, 136);
}
div#select_agenda_content_list{
    background-color:#fff;
    margin:2px;
    padding:2px;
}
div#select_agenda_more{
    text-align:right;
}
div#select_agenda_more a{
    margin-right:10px;
    margin-top:5px;
    color:rgb(68, 102, 136);
    text-decoration:none;
}
div#select_agenda_more a:hover{
    text-decoration:underline;
}
div.select_agenda_selector{
    margin:2px;
    padding:2px;
    cursor:pointer;
    text-decoration:underline;
}
div#list_class_color{
    display:none;
}

div.select_agenda_red_present{
    color:rgb(217, 102, 102);
}
div.select_agenda_orange_present{
    color:#E6804D;
}
div.select_agenda_green_present{
    color:#4CB052;
}
div.select_agenda_purple_present{
    color:#8C66D9;
}
div.select_agenda_blue_present{
    color:#8790CD;
}
div.select_agenda_pink_present{
    color:#B1365F;
}
div.select_agenda_cyan_present{
    color:#1B887A;
}
div.select_agenda_brown_present{
    color:#8D6F47;
}

div.select_agenda_red_present_chosen{
    background-color:rgb(217, 102, 102);
    color:#fff;
    text-decoration:none;
}
div.select_agenda_orange_present_chosen{
    background-color:#E6804D;
    color:#fff;
    text-decoration:none;
}
div.select_agenda_green_present_chosen{
    background-color:#4CB052;
    color:#fff;
    text-decoration:none;
}
div.select_agenda_purple_present_chosen{
    background-color:#8C66D9;
    color:#fff;
    text-decoration:none;
}
div.select_agenda_blue_present_chosen{
    background-color:#8790CD;
    color:#fff;
    text-decoration:none;
}
div.select_agenda_pink_present_chosen{
    background-color:#E67399;
    color:#fff;
    text-decoration:none;
}
div.select_agenda_cyan_present_chosen{
    background-color:#59BFB3;
    color:#fff;
    text-decoration:none;
}
div.select_agenda_brown_present_chosen{
    background-color:#C4A883;;
    color:#fff;
    text-decoration:none;
}

div.select_agenda_red{
    background-color:rgb(217, 102, 102);
}
div.select_agenda_red .calendar_event_date{
    background-color:rgb(163,41,41);
}
div.select_agenda_orange{
    background-color:#E6804D;
}
div.select_agenda_orange .calendar_event_date{
    background-color:#B1440E;
}
div.select_agenda_green{
    background-color:#4CB052;
}
div.select_agenda_green .calendar_event_date{
    background-color:#0D7813;;
}
div.select_agenda_purple{
    background-color:#8C66D9;
}
div.select_agenda_purple .calendar_event_date{
    background-color:#5229A3;
}
div.select_agenda_blue{
    background-color:#8790CD;
}
div.select_agenda_blue .calendar_event_date{
    background-color:#5D68AC;
}
div.select_agenda_pink{
    background-color:#E67399;
}
div.select_agenda_pink .calendar_event_date{
    background-color:#B1365F;
}
div.select_agenda_cyan{
    background-color:#59BFB3;
}
div.select_agenda_cyan .calendar_event_date{
    background-color:#1B887A;
}
div.select_agenda_brown{
    background-color:#C4A883;
}
div.select_agenda_brown .calendar_event_date{
    background-color:#8D6F47;
}





div.select_planning_red_present{
    color:rgb(217, 102, 102);
}
div.select_planning_orange_present{
    color:#E6804D;
}
div.select_planning_green_present{
    color:#4CB052;
}
div.select_planning_purple_present{
    color:#8C66D9;
}
div.select_planning_blue_present{
    color:#5D68AC;
}
div.select_planning_pink_present{
    color:#B1365F;
}
div.select_planning_cyan_present{
    color:#1B887A;
}
div.select_planning_brown_present{
    color:#8D6F47;
}

div.select_planning_red_present_chosen{
    background-color:rgb(217, 102, 102);
    color:#fff;
    text-decoration:none;
}
div.select_planning_orange_present_chosen{
    background-color:#E6804D;
    color:#fff;
    text-decoration:none;
}
div.select_planning_green_present_chosen{
    background-color:#4CB052;
    color:#fff;
    text-decoration:none;
}
div.select_planning_purple_present_chosen{
    background-color:#8C66D9;
    color:#fff;
    text-decoration:none;
}
div.select_planning_blue_present_chosen{
    background-color:#8790CD;
    color:#fff;
    text-decoration:none;
}
div.select_planning_pink_present_chosen{
    background-color:#E67399;
    color:#fff;
    text-decoration:none;
}
div.select_planning_cyan_present_chosen{
    background-color:#59BFB3;
    color:#fff;
    text-decoration:none;
}
div.select_planning_brown_present_chosen{
    background-color:#C4A883;
    color:#fff;
    text-decoration:none;
}


div.select_planning_red{
    color:rgb(217, 102, 102);
}
div.select_planning_orange{
    color:#E6804D;
}
div.select_planning_green{
    color:#4CB052;
}
div.select_planning_purple{
    color:#8C66D9;
}
div.select_planning_blue{
    color:#5D68AC;
}
div.select_planning_pink{
    color:#B1365F;
}
div.select_planning_cyan{
    color:#1B887A;
}
div.select_planning_brown{
    color:#8D6F47;
}


div#agenda_list_current{
    background-color:#CCDFFE;
    border: 1px solid #B9BEBD;
    padding:1%;
    width:660px;
    margin-left:auto;
    margin-right:auto;
    margin-top:35px;
}
.delete_agenda_content{
    float:right;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}
.alter_agenda_content{
    float:right;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}
#dialog{
    display:none;
}

.ui-dialog,
div.calendar_event{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.biSelectDD,
.biSelectDD *{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

#calendarContainer{
    position: relative;
    clear:both;
    z-index:100;
}

#my_pop_in{
    position: absolute;
    z-index: 1000;

    width: 280px;
    height: 100px;
    background: #fff;
    border: 1px solid #dddddd;
    padding: 15px 15px 0 15px;

    -moz-box-shadow: 0px 0px 13px 5px rgba(0,0,0,.14);
    -webkit-box-shadow: 0px 0px 13px 5px rgba(0,0,0,.14);
    -o-box-shadow: 0px 0px 13px 5px rgba(0,0,0,.14);
    box-shadow: 0px 0px 13px 5px rgba(0,0,0,.14);

}

#my_pop_in .title {
    color: #002d40;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 18px;
    display: block;
    height: 40px;
    line-height: 20px;
}

#my_pop_in .desc{
    color: #002d40;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 35px;
    line-height: 16px;

}

#my_pop_in .edit_event,
#my_pop_in .delete_event{
    color: #656565;
    font-size: 14px;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.fc-time-grid-event .fc-content{
    padding: 8px;
}

.fc-time-grid-event .fc-content .fc-time{
    font-size: 14px;
    color: #FFFFFF;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.fc-time-grid-event .fc-content .fc-title{
    font-size: 16px;
    color: #FFFFFF;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.fc-event-container .fc-event {
    background-color: #8bc5d6;
    border: 1px solid #dddddd;
    border-radius: 0px;
    display: block;
}

.fc .fc-axis {
    text-align: center !important;
    width: 90px !important;
    color: #002d40;
    font-size: 13px;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.fc-toolbar {
    display: none;
}

#calendarContainer > #my_pop_in{
    display: none;
}

.fc-row .fc-widget-header,
.fc-row .fc-day-header {
    /*padding: 25px 0;*/
    color: #002d40;
    font-size: 18px;
    font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background: #f5f5f5;
}

.fc-time-grid-container,
#calendarContainer .fc-scroller{
    overflow: visible !important;
    height: auto !important;
}



/*=============================== PANEL ===============================*/
.panel-serenis > .panel-heading {
    background-color: #53666e;
    border: 0 none;
    color: #fff;
    border-radius: 0;
    padding: 20px 30px;
}

.panel-serenis > .panel-heading h4 a{
    font-size: 18px;
    font-weight: normal;
}

.panel-serenis > .panel-heading h4 a:hover{
    color: #fff;
}

.panel-serenis > .panel-heading h4 a .fa{
    font-size: 25px;
}

.panel-serenis > .panel-heading h4 a .fa-caret-up{
    display: block;
}

.panel-serenis > .panel-heading h4 a .fa-caret-down{
    display: none;
}

.panel-serenis > .panel-heading h4 a.collapsed .fa-caret-down{
    display: block;
}

.panel-serenis > .panel-heading h4 a.collapsed .fa-caret-up{
    display: none;
}

.panel-serenis {
    border: 0 none;
}

.panel-serenis .panel-body{
    background: #f8f8f8;
    margin-bottom: 30px;
    border-radius: 0;
}

.input-tva {
    width: 150px;
}

.span-localisation {
    margin-left: 20px;
    font-size: 15px;
    color: #007193;
    vertical-align: middle;
    font-weight: bold;
}

.span-localisation i {
    background: url("../images/localisation.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    bottom: -3px;
    height: 26px;
    margin-right: 10px;
    position: relative;
    width: 26px;
}

.span-planningprogramme{
    margin-bottom: 20px;
    font-size: 18px;
    color: #53666e;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}

.span-planningprogramme i {
    background: url("../images/planning-programme.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    bottom: -6px;
    height: 26px;
    margin-right: 5px;
    position: relative;
    width: 26px;
}

.bootstrap-select.btn-group .btn .filter-option {
    color: #50555a;
    display: inline-block;
    font-size: 18px;
    height: 20px;
    line-height: 15px;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.form-control-static{
    color: #50555a;
    font-size: 18px;
    font-weight: normal;
    height: 40px;
    padding-left: 	12px;
}

label > input[type="checkbox"]{
    margin-top: 14px;
}

.nav-tabs > li > a {
    border-radius: 0;
    margin-right: 30px;
}

/*=============================== LOGIN ===============================*/

/*=============================== FICHE ===============================*/

/*=============================== TABLEAU ===============================*/

/*=============================== AGENDA ===============================*/


#map_canvas {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.selectpicker {
    height: 40px;
}

.table-serenis {
    width: 100%
}

.tooltip {
    min-width: 250px;
    width: auto!important;
}
.ui-tooltip {
    padding: 10px 20px;
    color: black;
    background-color: #ffffff;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.tooltip-inner {
    width: auto!important;
    min-width:250px;
    min-width:450px;
    text-align:center;
    text-decoration:none;
    overflow: hidden;
    background: #fff;
    color: #002d40;
    border: 1px solid #dddddd !important;
    padding: 15px;
    -moz-box-shadow: 0px 0px 13px 5px rgba(0,0,0,.14);
    -webkit-box-shadow: 0px 0px 13px 5px rgba(0,0,0,.14);
    -o-box-shadow: 0px 0px 13px 5px rgba(0,0,0,.14);
    box-shadow: 0px 0px 13px 5px rgba(0,0,0,.14);

}

.tooltip-arrow:after {
    background: #dddddd !important;
    border: 1px solid #dddddd !important;
}

.autocomplete{

}

.autocomplete ul{
    position: absolute;
    width: 96%;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #dddddd;
    padding: 0 2%;
    margin-left: -1px;
    margin-right: -1px;
}

.autocomplete ul li{
    width: 98%;
    padding: 1%;
    color : #a3a3a3;
}

.autocomplete ul li a{
    color : #a3a3a3;
    display: block;
}

.autocomplete ul li:hover{
    color: #007193;
}

#aff_ven ul.multiselect-container li label {
    margin-top: 0px;
    margin-bottom: 0px;
    overflow-x: hidden;
    padding-left: 20px;
    text-align: left;
    width: 210px;
}

#aff_ven ul.multiselect-container li>a {
    padding-left: 0px;
}
/*
#aff_ven ul.multiselect-container li label input {
    position: initial;
    margin-left: 0px;
}*/

.selectpicker {
    height: 100%;
    max-height: 190px!important;
}

div.dropdown-menu {
    max-height: 200px!important;
}

ul.multiselect-container li label{
    text-align: left;
}

.bckG {
    background-color: #f5f5f5;
}

.bckG {
    background-color: #ffffff;
}

.dragged {
    width: 300px;
}

div.draggable {
    cursor: pointer;
}

.draggable{
    transition: none !important;
}

.multiselect-container li label{
    font-size: 14px !important;
    line-height: normal !important;
}

.multiselect-container li label > input[type="checkbox"] {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    position: initial;
}

#form_edition_programme .ui-droppable {
    height: 250px;
    max-width: 560px;
}

#fiche_event h4{
    color: #007193;

}

#fiche_event fieldset {
    border: 1px solid #bbbbbb;
    padding: 10px 15px;
    margin-bottom: 20px;
}

#fiche_event .form-group input[type="text"]{
    width: 100%;
}

#fiche_event #add_tranche_horaire{
    float: right;
    color: #50555a;
    font-size: 18px;
}

#fiche_event h4{
    color: #002d40;
    font-size: 18px;
}

#fiche_event .checkbx .form-group{
    margin-right: 24px;
}

#fiche_event .hd {
    left: 230px;
    position: absolute;
    top: -54px;
}

#fiche_event .hd span {
    color: #001620;
    display: inline-block;
    font-size: 24px;
    text-align: center;
    width: 280px;
}

#fiche_event .hd a{
    background: none repeat scroll 0 0 #007193;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 24px;
    text-align: center;
    color: #fff;
}

.modal.modal-large .modal-dialog {
    width: 800px;
}

.modal.modal-small .modal-dialog {
    width: 400px;
}

.autocomplete li {
    cursor:pointer;
}

.list_logement td {
    border: 1px solid #dddddd !important;
}

.list_logement td .btn-group,
.list_logement td .form-control{
    margin-bottom: 0px !important;;
}

#form_edition_programme .btn-gris{
    text-transform: none !important;
}

#form_edition_programme .checkbox{
    margin:0;
}

.list_logement th {
    border: none !important;
    text-align: center;
    font-weight: bold;
    color: #50555a;
}

.error-brc {
    border: solid 1px #b94a48 !important;
}

#form_edition_programme textarea.form-control{
    height: 90px;
}

#form_chose_code_postal div.col-md-12, #form_chose_code_postal label.col-sm-3  {
    padding: 0px;
}