span.SpanChat{
    font-family: "Open Sans",sans-serif;
    position: absolute;
    top: 17px;
    right: 6px;
    font-weight: 300;
    padding: 3px 6px;
}

span.img-profil-xs,span.img-profil-small,span.img-profil-large{
    border-radius: 50%;
    color: white;
    text-align: center;
    float: left;
}
span.img-profil-xs{
    margin-right: 7px;
    height: 27px;
    width: 27px;
    line-height: 27px;
    font-size: 15px;
}
span.img-profil-small{
    margin-top: -8px;
    margin-right: 7px;
    height: 39px;
    width: 39px;
    line-height: 36px;
    font-size: 15px;
}
span.img-profil-large{
    height: 200px;
    width: 200px;
    font-size: 150px;
    line-height: 200px;
}

span.Bg-blue{
    background-color: #3598dc;
}
span.Bg-purle{
    background-color: #8E44AD;
}
span.Bg-green{
    background-color: #26a1ab;
}
span.Bg-red{
    background-color: #dc1e2b;
}
span.Bg-rose{
    background-color: #FF5EAE;
}



.btn.green-normal:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #23AE38 ;
    border-color: #23AE38 ; }
.btn.green-normal:not(.btn-outline):focus, .btn.green-normal:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #11573a; }
.btn.green-normal:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #1c8f5f; }
.btn.green-normal:not(.btn-outline):active, .btn.green-normal:not(.btn-outline).active,
.open > .btn.green-normal:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #1c8f5f; }
.btn.green-normal:not(.btn-outline):active:hover, .btn.green-normal:not(.btn-outline):active:focus, .btn.green-normal:not(.btn-outline):active.focus, .btn.green-normal:not(.btn-outline).active:hover, .btn.green-normal:not(.btn-outline).active:focus, .btn.green-normal:not(.btn-outline).active.focus,
.open > .btn.green-normal:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.green-normal:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.green-normal:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #187a51;
    border-color: #11573a; }
.btn.green-normal:not(.btn-outline):active, .btn.green-normal:not(.btn-outline).active,
.open > .btn.green-normal:not(.btn-outline).dropdown-toggle {
    background-image: none; }
.btn.green-normal:not(.btn-outline).disabled:hover, .btn.green-normal:not(.btn-outline).disabled:focus, .btn.green-normal:not(.btn-outline).disabled.focus, .btn.green-normal:not(.btn-outline)[disabled]:hover, .btn.green-normal:not(.btn-outline)[disabled]:focus, .btn.green-normal:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.green-normal:not(.btn-outline):hover,
fieldset[disabled] .btn.green-normal:not(.btn-outline):focus,
fieldset[disabled] .btn.green-normal:not(.btn-outline).focus {
    background-color: #23AE38 ;
    border-color: #23AE38 ; }
.btn.green-normal:not(.btn-outline) .badge {
    color: #23AE38 ;
    background-color: #FFFFFF; }

.btn.btn-outline.green-normal {
    border-color: #23AE38 ;
    color: #23AE38 ;
    background: none; }
.btn.btn-outline.green-normal:hover, .btn.btn-outline.green-normal:active, .btn.btn-outline.green-normal:active:hover, .btn.btn-outline.green-normal:active:focus, .btn.btn-outline.green-normal:focus, .btn.btn-outline.green-normal.active {
    border-color: #23AE38 ;
    color: #FFFFFF;
    background-color: #23AE38 ; }

.btn.green-normal-stripe {
    border-left: 4px solid #23AE38  !important; }

.btn.green-normal.btn-no-border:not(.active) {
    border-color: transparent; }


.form-control.green-normal {
    border-color: #23AE38 ; }
.form-control.green-normal:focus {
    border-color: #1e9765; }

.form-control.focus-green-normal:focus {
    border-color: #23AE38 ; }


.portlet > .portlet-body.green-normal,
.portlet.green-normal {
    background-color: #23AE38 ; }

.portlet.solid.green-normal > .portlet-title,
.portlet.solid.green-normal > .portlet-body {
    border: 0;
    color: #FFFFFF; }

.portlet.solid.green-normal > .portlet-title > .caption {
    font-weight: 400; }
.portlet.solid.green-normal > .portlet-title > .caption > i {
    color: #FFFFFF; }

.portlet.solid.green-normal > .portlet-title > .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png); }

.portlet.solid.green-normal > .portlet-title > .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png); }

.portlet.solid.green-normal > .portlet-title > .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png); }

.portlet.solid.green-normal > .portlet-title > .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png); }

.portlet.solid.green-normal > .portlet-title > .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png); }

.portlet.solid.green-normal > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd; }

.portlet.box.green-normal {
    border: 1px solid #41da9a;
    border-top: 0; }
.portlet.box.green-normal > .portlet-title {
    background-color: #23AE38 ; }
.portlet.box.green-normal > .portlet-title > .caption {
    color: #FFFFFF; }
.portlet.box.green-normal > .portlet-title > .caption > i {
    color: #FFFFFF; }
.portlet.box.green-normal > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #74e4b5;
    color: #8ae8c1; }
.portlet.box.green-normal > .portlet-title > .actions .btn-default > i {
    color: #96ebc8; }
.portlet.box.green-normal > .portlet-title > .actions .btn-default:hover, .portlet.box.green-normal > .portlet-title > .actions .btn-default:focus, .portlet.box.green-normal > .portlet-title > .actions .btn-default:active, .portlet.box.green-normal > .portlet-title > .actions .btn-default.active {
    border: 1px solid #9feccc;
    color: #b4f0d7; }

.progress-bar.green-normal {
    background: #23AE38  !important;
    color: #FFFFFF !important; }

.dashboard-stat.green-normal {
    background-color: #23AE38 ; }
.dashboard-stat.green-normal.dashboard-stat-light:hover {
    background-color: #23b176; }
.dashboard-stat.green-normal .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
.dashboard-stat.green-normal .details .number {
    color: #FFFFFF; }
.dashboard-stat.green-normal .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
.dashboard-stat.green-normal .more {
    color: #FFFFFF;
    background-color: #23b176; }

.mt-element-list .list-default.mt-list-head.green-normal {
    background-color: #23AE38 ;
    color: #FFFFFF; }
.mt-element-list .list-default.mt-list-head.green-normal .badge {
    background-color: #41da9a;
    color: #FFFFFF; }
.mt-element-list .list-default.mt-list-head.green-normal.ext-1 .badge {
    background-color: #1e9765; }
.mt-element-list .list-default.mt-list-head.green-normal .list-label {
    color: #ecfbf5; }
.mt-element-list .list-default.mt-list-head.green-normal .list-date {
    color: #ecfbf5; }

.mt-element-list .list-todo.mt-list-head.green-normal {
    background-color: #23AE38 ;
    color: #FFFFFF; }

.mt-element-list .list-todo .list-count.green-normal {
    background-color: #23AE38 ;
    color: #FFFFFF; }
.mt-element-list .list-todo .list-count.green-normal:hover {
    background-color: #22ad73; }

.mt-element-list .list-todo .list-todo-line.green-normal {
    border-color: #23AE38 ; }

.mt-element-list .list-todo .list-todo-item.green-normal:after {
    border-right-color: #23AE38  !important; }

.mt-element-list .list-todo .list-todo-item.green-normal .list-toggle {
    background: #23AE38 ;
    color: #FFFFFF !important; }
.mt-element-list .list-todo .list-todo-item.green-normal .list-toggle > .badge {
    color: #23AE38 ;
    background: #FFFFFF; }

.mt-element-list .list-todo-item.green-normal:after {
    border-right-color: #23AE38 ; }

.mt-element-list .list-todo-item.green-normal .list-toggle {
    background: #23AE38 ; }

.bg-green-normal {
    background: #23AE38  !important; }

.bg-green-normal-opacity {
    background: rgba(38, 194, 129, 0.8) !important; }

.bg-hover-green-normal:hover {
    background: #23AE38  !important; }

.font-green-normal {
    color: #23AE38  !important; }

.bg-font-green-normal {
    color: #FFFFFF !important; }

.border-green-normal {
    border-color: #23AE38  !important; }

.border-top-green-normal {
    border-top-color: #23AE38  !important; }

.border-bottom-green-normal {
    border-bottom-color: #23AE38  !important; }

.border-left-green-normal {
    border-left-color: #23AE38  !important; }

.border-right-green-normal {
    border-right-color: #23AE38  !important; }

.bg-before-green-normal:before,
.bg-after-green-normal:after {
    background: #23AE38  !important; }

.border-before-green-normal:before,
.border-after-green-normal:after {
    border-color: #23AE38  !important; }

.border-top-before-green-normal:before,
.border-top-after-green-normal:after {
    border-top-color: #23AE38  !important; }

.border-bottom-before-green-normal:before,
.border-bottom-after-green-normal:after {
    border-bottom-color: #23AE38  !important; }

.border-left-before-green-normal:before,
.border-left-after-green-normal:after {
    border-left-color: #23AE38  !important; }

.border-right-before-green-normal:before,
.border-right-after-green-normal:after {
    border-right-color: #23AE38  !important; }

.nav > li.li-version > a:focus {
    text-decoration: none;
    background: none;
}
.nav-pills > .active > a.a-Nversion > .badge, .nav-pills > .active > a.a-Pversion > .badge{
    color: white;
}
a.openmodalContent:hover,a.openmodalContent:focus{
    text-decoration: none;
}

.table-mini td{
    line-height: 10px;
    padding : 0px;

}

div.iconeFicheProspect{
    font-size: 40px;
    border: 5px solid white;
    width: 75px;
    height: 70px;
    padding: 5px 15px;
    text-align: center;
    position: absolute;
}

.float-left{
    float: left;
}
.float-right{
    float: right;
}
.nomargin .form-group.form-md-line-input {
    padding-top: 10px;
    margin: 0 0px 20px;
}
.nomargin .form-group.form-md-line-input .form-control ~ .form-control-focus, .nomargin .form-group.form-md-line-input .form-control ~ label {
    left: 0px;
    right: 0px;
}
.form .form-section{
    margin: 20px 0;
}
.portlet-title .tools-left{
    display: inline-block;
    padding: 11px 0px 9px;
}
.pointer{
    cursor: pointer;
}
.dataTables_scrollBody{
    min-height: 190px;
}
.dataTables_filter{
    display: none;
}
.BlocPromoClic{
    cursor: pointer;
}
.BlocPromoClic .portlet-body{
    min-height: 160px;
    max-height: 160px;
}
.BlocPL1,.BlocPL2,.BlocPL3,.BlocPL4{
    margin: 0;
}
.BlocPL1{
    text-align: center;
}
.BlocPL2{
    text-align: center;
    color: #23AE38;
}
.BlocPL3{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #23AE38;
}
.BlocPL4{
    text-align: center;
}

.bg-green-normal .BlocPL1{
    text-align: center;
}
.bg-green-normal .BlocPL2{
    text-align: center;
    color: #525e64;
}
.bg-green-normal .BlocPL3{
    text-align: center;
    color: #525e64;
}
.bg-green-normal .BlocPL4{
    text-align: center;
}
.Assurance .BlocPL1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 6px 0;
}
.Assurance .BlocPL2{

}
.Assurance .BlocPL3{
    font-size: 20px;
    margin: 4px 0 6px;
}
.Assurance .BlocPL4{

}
.editable-input .form-control{
    width: 600px;
}

.Span_exposant{
    font-size: 10px;
    line-height: 30px;
    vertical-align: top;
}

.Span_exposant2{
    font-size: 8px;
    line-height: 14px;
    vertical-align: top;
}
.Span_exposant3{
    font-size: 10px;
    line-height: 20px;
    vertical-align: top;
}


.PBlocPL1,.PBlocPL2,.PBlocPL3,.PBlocPL4{
    text-align: center;margin: 0;
}
.PBlocPL1{
    font-size: 24px;
    line-height: 24px;
}
.PBlocPL2{
    font-size: 20px;
    font-weight: bold;
}
.PBlocPL3{
    font-size: 14px;
}
.PBlocPL4{
    margin-top: 10px;
    color: #96C11F;
    font-size: 16px;
}
.PBlocPL1 .m2{
    color: #96C11F;
    font-weight: bold;
}
.PBlocPL1 .m3{
    font-size: 14px;
}
.oneLig .margin1, .TwoLig .margin1{
    margin-bottom: 30px;
}
.oneLig .margin2, .TwoLig .margin2{
    margin-bottom: 30px;
}
.oneLig .margin3{
     margin-bottom: 40px;
}
.TwoLig.margin3{
    margin-bottom: 26px;
}
.oneLig .margin4, .TwoLig .margin4{
    margin-bottom: 20px;
}

.PortletPre .portlet-body{
    min-height: 219px;
    max-height: 219px;
}

.PortletBPre .PBlocPL1{
    font-size: 18px;
    line-height: 18px;
}
.PortletBPre .PBlocPL2{
    font-size: 14px;

}
.PortletBPre .PBlocPL3{
    font-size: 18px;
    font-weight: bold;
}
.PortletBPre .PBlocPL4{
    margin-top: 10px;
    color: #96C11F;
    font-size: 16px;
}

.PortletBPre .margin1{
    margin-bottom: 20px;
}
.PortletBPre .margin2{
    margin-bottom: 25px;
}
.PortletBPre .margin3{
    margin-bottom: 20px;
}
.PortletBPre .margin4{
    margin-bottom: 14px;
}
.margin8{
    margin-bottom: 10px;
}
.Prev .portlet{
    min-height: 230px;
    max-height: 230px;
}
.PortletBPre .margin1{
    margin-bottom: 20px;
}
.PortletBPre .margin2{
    margin-bottom: 25px;
}
.PortletBPre .margin3{
    margin-bottom: 20px;
}
.PortletBPre .margin4{
    margin-bottom: 14px;
}
.margin8{
    margin-bottom: 10px;
}
.BlocP .PBlocPL3 {
    font-size: 28px;
    font-weight: bold;
}
.PortletBPre .PBlocPL1,.PortletBPre .PBlocPL4{
     color: white;
 }
.PortletBPre .PBlocPL2,.PortletBPre .PBlocPL3{
    color: #666 ;
}

.timeline-divider{
    width: 100%;
    height: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    border: 0;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
}




.spinnerLoad
{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: black;
    opacity: 1;
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
          -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
      }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
          -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
      }
}

.bg-green-normal {
    background-color: #23AE38 ; }


élément {
    font-size: 14px;
}



table.Table-Center-Horaire{
    width : 100%;
    height: 80px;
    font-size : 12px;
    text-align : center;
    font-family: 'Cuprum';
    color: #333;
    margin : auto;
    background-color : #F8F9FA;
}
table.Table-Center-Horaire th{
    text-align : center;
}
table.Table-Center-Horaire td{
    padding : 2px;
}
.BGgrey{
    background: rgb(150, 193, 31) none repeat scroll 0px 0px;
    background-color : #ECEFF2;
}

.ligne{
    display: block;
    height: 12px;
}

p.horaires_p_bas{
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    font-family: 'Cuprum';
}

.italic{
    font-style: italic;
}