@import url('https://fonts.googleapis.com/css?family=Fira+Sans');

body{
    font-family: 'Fira Sans', sans-serif;
    font-style: normal;
    color: #545354;    
    padding-bottom: 0px;
    background-color: #323332;
    font-size: 16px;
}

a{
    color:#e75012;
}

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

h1{
    color:#e75012;
    margin-top: 30px;
    margin-bottom: 30px;
}

h2{
    color:#86d5c0;
    margin-top: 15px;
    margin-bottom: 15px;
}


.content{
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 50px;
}

@media print {
    a[href]:after {
        content: none;
    }
    
   
}

.login_page 
{
    background: rgba(0, 0, 0, 0) url("../images/sitefr/EV-Connect_Background_WEB.jpg") no-repeat scroll right top / cover ;
    height: 100%;
    position: absolute;
    width: 100%;
    padding-top: 150px;
}

@media screen and (max-width: 768px){
    .login_page {
        padding-top: 50px;
    }
}

#menu-top {
    list-style: outside none none;
    margin-bottom: 0;
    padding: 5px;
}

#menu-top li {
    display: inline;
    margin-right: 20px;
}

.login_page .row-eq-height {
    display: flex;
}

.login_page .accueil {
    padding-right: 0;
    vertical-align: middle;
}
.vcenter {
    align-items: center;
    display: flex;
}

.login_page .txt {
    background-color: #ffffff;
    color: #42414f;
    font-size: 18px;
    font-weight: 300;
    height: 80%;
    padding: 0 50px;
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; 
}

.login_page .txt h1 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
    color:#E75012
}

.login_page .formulaire {
    padding-left: 0;
}
.login-panel {
    background-color: #83D3BF;
    color: #ffffff;
    padding: 50px 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.login-panel .input-group-addon, #noPasswordModal .input-group-addon {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #ccc currentcolor #ccc #ccc;
    border-image: none;    
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    padding-right: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;      
}

.login-panel .form-control {
    color: #403f42;
    font-size: 16px;
}

.login-panel .form-control::-moz-placeholder {
    color: #DEE3E6;
}

.login-panel input {
    border-left: medium none;
    border-radius: 0;
    height: 38px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#noPasswordModal input{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled:hover,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{
    border-color: #e75012;
    padding: 6px 20px;
    background-color: #e75012;
    border-color: #e75012;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
    text-transform: uppercase;
}

.btn-default{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;    
}


.btn-sort{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    border-color: #ccc;
    color: #333;    
}

.btn-sort:hover, .btn-sort:focus, .btn-sort:active, .btn-sort.active, .btn-sort.disabled:hover {
    background-color: #86d5c0;
    border-color: #86d5c0;        
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;    
    font-weight: bold;
    
   
}

.login-panel div.password {
    margin-top: 10px;
    text-align: center;
}

.login-panel div.password a {
    color:#FFFFFF;
}

.login-panel .btn-panel{
    text-align: center;
}

.login-panel h3{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;


}

.login_page .logoComase {
    position: absolute;
    bottom: 60px;
    right: 75px;
}

#menu_top{
    background-color: #404042;    
    width: 100%;
    z-index: 999;        
}

.loginPage #menu_top{
    position: absolute;
}


hr.underline-title{
    border : solid 3px #FFF;
    margin-left: 90px;
    margin-right: 90px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: 0   
}

.login_page .alert {
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}
.alert {
    max-height: 200px;
    overflow: auto;
}
.alert-danger {
    background-color: #F6E3CE;
    border-color: #ebccd1;
    color: #e75012;
}

#noPasswordModal .modal-header
{
    background-color: #83d3bf;    
}

#noPasswordModal .modal-header h3, #noPasswordModal .modal-header .close{
    color: #FFF;
    opacity: 1
}
.modal-backdrop.in
{
    opacity: 0.70;    
}


#menu_main.navbar-default {
    background-color: #e75012;
    border: medium none;
}
#menu_main.navbar {
    border-radius: 0;
    margin-bottom: 0;
}

#menu_main li.current-menu-item {
    border-bottom: 5px solid #fff;
}

#menu-main {
    padding: 20px 0 0;
}

#menu_main.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
}

#menu_main .navbar-brand {
    height: auto;
}

#menu_main.navbar-default .navbar-nav > li.my_account > a {
    font-size: 12px;
}
#menu_main.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
#menu_main .my_account a {
    background-color: #403f42;
    border-radius: 20px;
}
.navbar-nav > li.my_account > a {
    margin-left: 10px;
}
.navbar-nav > li.my_account > a {
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#menu_top a {
    color: #a7a9aa;
    font-size: 12px;
}

.home-registre section{
    margin-top: 40px;
    padding-left: 0px;    
}


.home-registre a:hover .picto{
    background-color: #e75012;    
}

.home-registre section .picto{
	padding-bottom: 30px;
    padding-top: 30px;
    background-color: #86d5c0;
    text-align: center;    
}


.home-registre section h2{
    text-transform: uppercase;
    color: #e75012;
    font-size: 20px;
}

.home-registre{
    padding-bottom: 50px;
}

.home-registre section a
{
    color: #545354;    
}
.home-registre section:hover a {
    text-decoration: none;    
}

#copyright, #copyright a {
    color: #a7a9aa;
    font-size: 13px;
}
#copyright {
    background-color: #323332;
    border-top: 1px solid #b7bbbe;
    margin-top: 20px;
    padding-top: 5px;
    text-align: center;
}

footer{
    padding-top: 50px;
    color: #B7BBBE;
    font-size: 15px;
    background-color: #403F42

}

footer address{
    margin-top: 15px;   
}

footer address a{color:#B7BBBE;}

footer #menu_footer{margin-top: 30px;}
footer #menu_footer ul#menu-footer{width: 100%; display: table; table-layout: auto; padding-left: 0}
footer #menu_footer ul#menu-footer>li{  display: table-cell;}
footer #menu_footer ul#menu-footer > li > a {
    color:#B7BBBE;
    font-size: 18px;
    text-transform: uppercase
}

footer #menu_footer ul.sub-menu{
    font-size: 15px;
    padding-left: 0
}

footer #menu_footer ul.sub-menu a{
    color:#B7BBBE;
}

footer #menu_footer ul.sub-menu >li{
    list-style: none
}

@media screen and (max-width: 768px){
    footer{
        text-align: center;
    }
}

footer .my_account{
    background-color: #E75012;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;    
    color: #FFF;
    padding: 10px;    
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold
}

footer .my_account:hover{
    text-decoration: none
}

.panel-eveille{
    border-color: #86d5c0
}

.panel-eveille > .panel-heading {
    background-color: #86d5c0;
    border-color: #86d5c0;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase
}

ul.listeRegistre{
    padding-left: 0
}
ul.listeRegistre li{
    list-style: none
}

.pagination > li{
    display: inline-block;
    margin-right: 5px;

}

.pagination > li:first-child > a, .pagination > li:first-child > span{
    border-radius: 35px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span{
    border-radius: 35px;    
}

.pagination > li > a, .pagination > li > span{
    border-radius: 35px;
    border-color: #797779;
    color:#797779;
    font-size: 14px
}

.NavTitle{
    color:#797779;
    font-size: 14px    
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > a:active{
    border-color: #e75012;
    color:#e75012;
    background-color: #FFF

}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    border-color: #e75012;
    color:#e75012;
    background-color: #FFF    
}


.listeFiches h3{
    font-size: 20px;
    color: #545354;
    font-weight: bolder;
    line-height: 24px;
    background: url(../images/sitefr/fiche_background.png) no-repeat left top;
    padding-left: 30px;
    margin-bottom: 0
}

.listeFiches a:hover{
    text-decoration: none
}

.listeFiches a:hover h3{
    color:#e75012;
    background: url(../images/sitefr/fiche_background_active.png) no-repeat left top;
}
.listeFiches .meta{
    padding-left: 30px;
    font-size: 14px
}
.listeFiches .meta p{
    margin-bottom: 0;
    color: #797779
}

.listeFiches hr {
    margin-bottom: 5px;
    margin-top: 10px;        
}

#menuDomaine{
    margin-top: 30px;
}

#menuDomaine li.title{
    background-color: #86d5c0;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-align: center
}

#menuDomaine .list-group-item.active, #menuDomaine .list-group-item.active:focus, #menuDomaine .list-group-item.active:hover
{
    background-color: #e75012;
    border-color: #e75012;
}

#menuDomaine .list-group-item.active a{
    color:#FFF;
}
#menuDomaine .list-group-item{border:none; text-transform: uppercase}

.help-block{
    font-size: 13px
}

f.iche h1{
    font-size: 35px;
    background: rgba(0, 0, 0, 0) url("../images/sitefr/bg-fichetitle.png") no-repeat scroll left center;
    padding-left: 40px;
}


.fiche h2{
    font-size: 20px;
    color : #545354;
    font-weight: bolder
}

.fiche-content{
    padding-left: 20px;
}

.fiche-content .panel{
    box-shadow: none;
}

.fiche-content section {
    margin-top : 10px;
}


.fiche-content .panel-default .panel-heading{
    padding:0;
    background-color: transparent
}

.fiche-content .panel-default .panel-heading h4{
    font-size: 20px;
    color: #E75012;
    background: rgba(0, 0, 0, 0) url("../images/sitefr/panel-close.png") no-repeat scroll left center;
    padding-left: 25px
}

.fiche-content .panel-default .panel-heading h4.in{
    background: rgba(0, 0, 0, 0) url("../images/sitefr/panel-open.png") no-repeat scroll left center;
}

.fiche-content .panel-default .panel-heading h4 a:hover,
.fiche-content .panel-default .panel-heading h4 a:active,
.fiche-content .panel-default .panel-heading h4 a:focus{
    text-decoration: none
}



.fiche-content .panel-default .panel-heading{
    border: none
}

.fiche-content .panel-default {
    border:none;

}

.fiche-content .panel-default .panel-body{
    font-size: 16px;
    padding-left: 25px;
    padding-right: 0;
}



.fiche-content .infoTexte tbody > tr > td:first-child{
    font-weight: bold;
}

.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after{
    content: "";
    display: table;
    clear: both;
}

.blog-comment ul{
    list-style-type: none;
    padding: 0;
}

.blog-comment .post-comments {
    border: 1px solid #eee;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 10px 20px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #6b6e80;
    position: relative;
}

.blog-comment .meta {
    font-size: 20px;
    color: #aaaaaa;
    padding-bottom: 0px;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #eee;
}

.blog-comment ul.comments ul {
    list-style-type: none;
    padding: 0;
    margin-left: 85px;
}

.blog-comment-form {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 40px;
}

.blog-comment h3,
.blog-comment-form h3 {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 800;
}

#collapseSsfiche ul, #collapseTexte ul, #collapseFicheParent ul, #collapsecheckList ul, #evoText ul, ul.file, ul.url, #historiqueList, #listForm {
    padding-left: 0
}

#collapseSsfiche li, #collapseTexte li, #collapseFicheParent li, #collapsecheckList li, #evoText li, ul.file li, ul.url li, #historiqueList li, #listForm li {
    list-style: none;
    margin-bottom: 10px;
    display: flex
}

#collapseSsfiche li:before, #collapseFicheParent li:before, #collapseTexte li:before, #collapsecheckList li:before, #evoText li:before, ul.file li:before, ul.url li:before, #historiqueList li:before, #listForm li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e022";
    font-family: 'Glyphicons Halflings';    
    float: left;       
    color: #CCCCCC;
    margin-right: 10px
}
#collapsecheckList li:before {
    content: "\e012";
}

#collapseSsfiche li:before, #collapseFicheParent li:before {
    content: "\e022";
}

#collapseTexte li:before, #evoText li:before, ul.file li:before {
    content: "\e025";
}

ul.url li:before{
    content: "\e135";
}


#historiqueList li:before{
    content: "\e080";
}

#listForm li:before{
    content: "\e065";
}

.action-link{
    margin-top: 30px;
}

.sort a {
    margin-right: 20px;
}

.sort span.label{
    text-transform: uppercase;
    font-size: 15px;
    color: #797779;
    font-weight: normal
}

.evolutionList .evolution-item{
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.evolutionList .evolution-item:nth-child(even){
    background-color: #f9f9f9;
}

.evolutionList .date{
    padding-top: 10px;
    text-align: right
}

.evolutionList .labelEvo{
    text-align: right
}

.evolutionList .modification{
    margin-top: 20px;
}

.icpe .instruction{
    font-size: 16px;
    margin-bottom: 20px;
}

.questionnaire .checkbox p, .questionnaire .radio p{
    font-weight: bold;
}

.questionnaire .checkbox p.newQuest, .questionnaire .radio p.newQuest, .questionnaire .checkbox p.newQuest i , .questionnaire .radio p.newQuest i{
    color: #e75012
}

.questionnaire .checkbox p i , .questionnaire .radio p i{
    color:#cccccc
}

.questionnaire .checkbox label, .questionnaire .radio label{
    display: block;
    margin-left: 20px;
}

.progress-bar{
    background-color: #86d5c0
}

.obligation{
    font-size: 12px
}

.obligation .panel-eveille .panel-body, #ObligationForm{
    font-size: 13px;
    padding-top:0px
}

.obligation  .row{
    padding-top: 10px;
    padding-bottom: 10px;
}

.row_obligation{
    position: relative;
}

.obligation  .row_obligation:nth-child(odd), .obligation  .row_obligation:nth-child(odd) textarea, .action:nth-child(odd) {
    background-color: #f9f9f9
}


.obligation .row_obligation p.arborescence, #ObligationForm p.arborescence
{
    font-weight: bolder;
    font-style: italic;
    margin-bottom: 5px;
    font-size: 12px;
}

#ObligationForm p.arborescence{
    margin-bottom: 10px;
}

.obligation  .row_obligation textarea, #ObligationForm textarea.obligation_display{
    border:none;width:100%;min-height: 100px;
}

.modal-fullscreen {
  background: #FFF; 
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}


.obligation .nav-tabs{
    margin-bottom: 20px;
}

.bootstrap-select .btn-default{
    border-radius: inherit;
}

.bootstrap-select .dropdown-menu{
	font-size:10px;
}