select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    max-width: 100%;
    width: auto;
}

.sidemenu{
    display:none;
    position:relative;
}

.sideBarClose{
    width:50px!important;
}

.sideBarClose span{
    display:none!important;
}

.sideBarClose .sideTitre{
    font-size: 0;
}
.sideBarClose .sideTitre:first-letter{
 
}

.sideBarClose .box_sidebar_shortcut i{
    margin-left: 0px;
}

.readon {
    margin-left:10px;
}

#slider{
    margin : auto;
}



#slider ul, #slider li{

    margin:0;

    padding:0;

    list-style:none;

}

#slider li{ 

    width:850px;

    height:250px;

    overflow:hidden; 

}	

#head {
    margin : auto;

    margin-top : 10px;


}

.contenu {

    background-color:white;

    border:1px solid #AAAAAA;

    float:left;

    padding : 10px;

}



.couleur-noir {

    background-color:black;

}



.couleur-menu {

    background:url("../images/fond-menu.png") no-repeat;

    border-top : 1px solid black;

}

.couleur-logo {

    background:url("../images/fond-logo.png") no-repeat;

}

.couleur-blanc {

    background-color:white;

    padding-top : 10px;


}

#fil_ariane{
    background: url("../images/degrade.png") repeat-x scroll 0 0 transparent;
    height: 30px;
    margin: 0 auto;
    padding-top: 5px;
    width: 960px;
}

.couleur-gris {

    background-color:#00384C;

    padding-top : 10px;

    color : white;

}

.couleur-gris a p h1 h2 h3 h4 h5 h6 ul li ol a:visited {

    color : white;

}

.couleur-jaune{

    background-color:#e2f7ff;

}

.fond-7 {

    background:url("../images/fond-7.png") no-repeat;

}

.fond-6 {

    background:url("../images/fond-6.png") no-repeat;

}



.bords-rond {

    -moz-border-radius : 10px;

    border-radius:10px;	

}



.bords-rond-bas {

    -moz-border-radius : 0px 0px 9px 9px;

    border-radius:0px 0px 9px 9px;

}

.bloc-rond-gauche {

    -moz-border-radius:10px 0px 10px 0px;
    border-radius:10px 0px 10px 0px;
    background-color:#D3DEE3;

    height:150px;

    margin:5px;

    width:290px;

}

.bloc-rond-centre {

    height:150px;

    margin:5px;

    width:260px;

}

.bloc-rond-droit {

    -moz-border-radius:0 10px 0 10px;
    border-radius:0 10px 0 10px;
    background-color:#D3DEE3;

    height:150px;

    margin:5px;

    padding-left:30px;

    padding-right:0;

    width:300px;

}



.moduletable{
    margin-bottom:10px;
}



.marges {

    margin-top:10px;

    margin-bottom:10px;	

}

.summary a { color:#EEEEEE; text-decoration : none}


.call-to-action a { text-decoration : underline}

.moduletabledescription p{

    font-size : 14px;

}

.moduletabledescription p{

    font-size:14px;

    margin-right:40px;

    text-align:justify;

}

.moduletabledescription ul{

    padding-left:60px;

}


.special-wrap{
    white-space: nowrap;
    overflow: hidden;
}

label.invalid {
    color:#FF0000;
}

textarea.invalid, input.invalid, .chosen-single.invalid{
    border: 1px solid #FF0000!important;
}

.chosen-single.invalid span{
    color:red!important;
}

.contentpaneopen ul{
    margin-left:50px;
}

.breadcrumbs{
    color:#00384C;
    padding-left: 10px;
    font-size: 11px;
}

#component-contact .contentheading{
    font-size:16px;
    padding-bottom:20px;
}

.logo {

    float: left;
    height: 50px;
        width: 150px;
}

.logo img{
    width: 150px;
    height: 50px;
}

.accompagne{
    float: left;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 17px;
}

.header{
    height: 80px;
    margin: 0 auto;
    float:none;

}

#form-login-remember{
    display:none;
}




#form-login label{
    display: block;
    float: left;
    margin-top: 5px;
    width: 100px;
    margin-left: 20px;
}

#form-login fieldset legend{
    padding:3px;
    font-size: 18px;
    font-weight: bold;
    color:#FFBB00;
}

#form-login fieldset ul{
    text-align:left;
    font-size: 10px;
    list-style: none outside none;
    margin-left: 20px;
    text-align: left;

}

#form-login .inputbox{
    width:160px;
}

.searchrecherche{
    text-align:right;
}
.searchrecherche input{
    background-image: url("../images/recherche.png");
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    margin: 15px 0 10px;
    padding-left: 18px;
    width: 145px;
}

.searchrecherche label {

}

#mod-search-searchword{
    width:160px;
}

.coord{
    margin-left:350px;
    color:#FFFFEE;
    font:bold 16px Century Gothic;
}

.coord ul{
    float:right;
    list-style-type:none;
    padding-right:10px;
    text-align:right;
    width:200px; 
}

.coord ul li{
    padding-left:30px;
    line-height:30px;
    height:30px;
}

#coordTel{
    background:url("../images/telephone.png") no-repeat scroll 0 0 transparent;
}

#coordMail a{
    text-decoration:none;
    font:bold 16px Century Gothic;
    color:#FFFFEE;
}

#coordMail{
    background:url("../images/mail.png") no-repeat scroll 0 0 transparent;
}

.search{


}

.plaquette{
    float: right;

}

.plaquette_texte{
    color: #FFFFFF;
    position: absolute;
    text-align: center;
    width: 125px;
    zoom:1;
}

.accueil_formule{
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 1px solid #888888;
    float: left;
    margin-left: 25px;
    padding: 0;
    width: 160px;
    height: 165px;
    background-color:#FFFFFF;
    cursor:pointer; 
}

.accueil_formule_titre{
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    background-color: #FFBF00;
    color: #FFFFFF;
    display: table-cell;
    font-size: 16px;
    height: 40px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    width: 160px;
}

.bienvenue{
    font-size: 15px;
    font-weight: bold;
}



.accueil_formule_contenu ul{
    list-style: none outside none;
    margin-left: 10px;
}

.cadre{
    -moz-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;
    -webkit-box-shadow: 2px 2px 1px #888888;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border: 1px solid #B1B2B4;
    background: url("../images/fond-cadre.png") repeat-x scroll 0 100% transparent; 
}

.accueil_formule_global{
    padding-bottom: 20px;
    margin-bottom:30px;    
}

.accueil_formule_libelle{
    color:#646567;
    margin-bottom: 10px;
    padding-left: 30px;
}

.accueil_temoignage{
    float:right;
    margin-right: 0;
    width:450px;
}

.accueil_temoignage .gn_static_1{
    line-height: 16px;
}

.accueil_news{
    margin-bottom: 30px;
    width:450px;
}

.accueil_news .moduletable{
    margin-left:10px;
}

.accueil_temoignage .moduletable{
    margin-left:10px;
}

.div_accueil3{
    clear:both;
    min-height:100px;
    margin-top:20px;
}

.accueil_droit{
    float: right;
}

.accueil_video{
    float:right;
    text-align:right;
}

#accueil_flash{
    height: 370px;
    z-index:1;
    color: #646567;
}

#accueil_flash div{
    z-index:1;
    padding:10px;
}
#accueil_flash p{
    margin:0;
}

#accueil_flash div object{
    z-index:1;
}



.buttonrecherche{
    margin-left: 7px;
    margin-right: 7px;
}

.footer{
    color: #FFFFFF;
    height: 177px;
    position: absolute;
    right: 0;
    margin: auto;
    left: 0;
}

.footer_big{
    background: url("../images/fond-footer.png") repeat scroll 0 0 transparent;
    height: 177px;
    margin-top: 20px;
    position: relative;
}

.footer a{
    color: #FFFFFF;
}

.footer_menu{
    margin-top: 20px;
    margin-top: 40px;
    width: 1200px;
}

.footer_border{
    border-left: 1px solid #B1B2B4;
}

.footer_append{
    margin-left: 15px;
}

.footer div{
    float: left;
    font-size: 13px;
}

.footer_colonne{
    margin-left: 10px;
    min-width: 140px;
    padding-left: 10px;
}

#footer_texte{
    clear: both;
    text-align: center;
    width: 960px;
    clear: both;
}

#footer_texte td{
    text-align: center;
}

#footer_texte .moduletable{
    margin: 0;
    width: 960px;
}

#footer_texte p{
    margin-bottom: 5px;
}

.menu_footer{
    list-style: none outside none;
}

.footer .footer_bandeau{
    background: url("../images/contact-bandeau.png") no-repeat scroll 0 0 transparent;
    height: 140px;
    cursor:pointer;
    margin-top: -43px; 
    width: 127px;
    float: right;

}

.footer_logo{
    width:166px;
    height:71px;
    bbackground: url("../images/logo-footer.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 50px;
    margin-left: 30px;
}

.accueil_espace{
    float: right;
    width: 430px;
    background: url("../images/header-haut.png") no-repeat scroll 0 0 transparent;
    height: 109px;
    width: 160px;
    cursor:pointer;
}

.accueil_rechercher{
    clear:both;
    float: right;
    width: 430px;
    height: 40px;
    width: 200px;
    margin-right: 20px;
}

.accueil_espace_libelle{
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    margin-top: 25px;
    height:80px;
    float: right;
    margin-right:45px;
}

.accueil_rechercher_libelle{
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    float: right;
    margin-right:30px;
    margin-top: 3px;
}

.accueil_espace_form{
    float: left;
    width: 320px;
    overflow: hidden;
    width: 0;
}

.accueil_espace_form label{
    color: #646567;
    font-weight: normal;
}

.accueil_espace_form a{
    color: #646567;
    text-decoration: underline;
}

.accueil_rechercher_form{
    float: left;
    overflow: hidden;
    width: 0;
}

.header_droite{
    height: 50px;
}

.icone-menu{
    display:flex;
    flex: 1;
}

.icone-menu a i{
        font-size: 28px;
    line-height: 50px;
    color: #326585;
    margin-left: 5px;
    margin-right: 5px;
}

#item-101{
    display:none;
}

.icone-menu .menu_sep {
    display: inline-block;
    height: 50px;
    width: 2px;
    margin-left: 10px;
    margin-right: 10px;
    /* line-height: 50px; */
    background-image: linear-gradient(#000, #000);
    background-size: 1px 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

.accueil_connecte{
    clear: both;
    font-weight: bold;
    text-align: left;
    line-height: 25px;
    display: flex;
    align-items: center;
    height: 50px;
    color: #003b51;
}

.imgProfil{
   background: #b0ce2b;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    margin-right: 10px;
}

.textProfil{
        font-size: 18px;
    margin-right: 10px;
}

.logOutProfil{
        font-size: 16px;
}

.accueil_lien_deco{
    font-size:12px;
    font-weight:normal;
}

.bordure_espace{
    border-bottom: 1px solid #F29302;
    float: right;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 0px;
}

.bordure_rechercher{
    border-top: 1px solid #F29302;
    float: right;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 148px;
}


#cadre_gauche{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
}

#cadre_droit{
    float:right;
}

#cadre_droit h3{
    border: medium none;
    margin: 5px;
}

#cadre_droit .moduletable{
    text-align:center;
    margin-bottom: 30px;
}

.menu_droite{
    border-bottom: 1px solid #B1B2B4;
    list-style: none outside none;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
}

.menu_gauche{
    list-style:none;
}

.menu_gauche ul{
    list-style:none;
}

.menu_gauche ul{
    list-style:none;
}

.menu_gauche ul .active{
    background: url("../images/bouton-fleche-active.png") no-repeat scroll 0 0 transparent;
}

.menu_gauche ul .active a, .menu_gauche ul .active span{
    color:#FFBF00;
}


.menu_gauche ul li{
    background: url("../images/bouton-fleche.png") no-repeat scroll 0 0 transparent;
    width:192px;
    height:70px;
    margin-bottom: 5px;
}

.menu_gauche ul li a{
    display: table;
    height: 60px;
    text-decoration: none;
    vertical-align: middle;
    width: 170px;
}

.menu_gauche ul li span{
    color: #FFFFFF;
    display: table-cell;
    font-size: 16px;
    height:50px;
    text-align: center;
    vertical-align: middle;
    width: 180px;
}

#cadre_gauche .gn_static_1{
    background: url("../images/bouton-fleche.png") no-repeat scroll 0 0 transparent;
    line-height: 16px;
    padding-top: 15px;
}

#cadre_gauche .gn_static_select{
    background: url("../images/bouton-fleche-active.png") no-repeat scroll 0 0 transparent;
    line-height: 16px;
    padding-top: 15px;
}

#cadre_gauche .gn_static_1 a{
    text-decoration:none;
}

#cadre_gauche .gn_static_1 img{
    margin-top:15px;
}

#cadre_gauche h3{
    color: #646567;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.75em;
    border:none;
}

.margincentre{
    width:460px;
    margin-left:7px;
}

.margincentrefleche{
    width:450px;
    margin-left:17px;
    position: relative;
    zoom:1;
}

.centre{
    margin-bottom: 10px;
    ppadding-left:10px;
    ppadding-right:10px;
    float: left;
    min-height: 350px;
}


#div_captcha_img{
    float: left;
    width: 200px;
    margin-right: 30px;
}

#aiContactSafeSend{
    margin-left: 180px;
}

#adminForm_1,#adminForm_3{
    color:#646567;
}

/*#adminForm button{
    height:28px;
}*/

.required_field{
    color:#FF0000;
}


#div_or_1,#div_or_2{
    width: 450px;
    margin-top: 40px;
}

#img_or_all{
    float: left;
    height: 169px;
    text-align: center;
    width: 465px;
}

#nom_or_all{
    text-align: center;
    clear: both;
}
#nom_or_1{
    padding: 10px;
    position: absolute;
    width: 150px;
    float: left;
    margin-left: 35px;
    margin-top:1px;
    zoom:1;
}
#nom_or_2{
    margin-left: 265px;
    position: absolute;
    width: 150px;
    padding: 10px;
    margin-top:1px;
    zoom:1;
}

#img_or_1{
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
}
#img_or_2{
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
}

#img_div_1{
    float: left;
    height: 169px;
    margin: 0 0 0 30px;
    text-align: center;
    width: 118px;
    position: relative;
    zoom:1;
}

#img_div_2{
    float: left;
    height: 169px;
    margin: 0 0 0 117px;
    text-align: center;
    width: 118px;
    position: relative;
    zoom:1;
}

.cadre2{
    -moz-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;
    -webkit-box-shadow: 2px 2px 1px #888888;
    border: 1px solid #B1B2B4;
    background-color:#E9E9E9;
    padding: 10px; 
}
.cadre_mini{
    -moz-box-shadow: 2px 0 0 #888888;
    box-shadow: 2px 0 0 #888888;
    -webkit-box-shadow: 2px 0 0 #888888;
    background-color: #E9E9E9;
    border-left: 1px solid #B1B2B4;
    border-right: 1px solid #B1B2B4;
    border-top: 1px solid #B1B2B4;
    border-bottom: 0px solid #B1B2B4;
    font-weight: bold;
    padding: 10px;
    width: 150px;
}

#eq_or{
    padding:10px;
    width: 450px;
}


#icone{
    clear: both;
    height: 36px;
    overflow: hidden;
    position: relative;
    zoom:1;
}

#icone img{
    margin-top: 15px;
    position: absolute;
    zoom:1;
}
#icone_2{
    left:40px
}
#icone_3{
    left:80px
}
#icone_4{
    left:120px
}

#ascenseur{
    height: 460px;
    overflow: hidden;
}

#fleche_haut{
    margin-left: 75px;
}

#fleche_haut_img{
    margin-bottom:5px;
}

#fleche_bas{
    margin-left: 75px;
}

#fleche_bas_img{
    margin-top:5px;
    margin-bottom:5px;
}

.menu{
    flex:1;
    height: 50px;
    z-index:20000;
}

.menu li a:hover{
    cursor:pointer;
    background-image: linear-gradient(#DE831F, #FFAE1B);
}


.menu li{
    float: left;
    list-style: none outside none;
    height: 50px;
    z-index:20000;
}

.menu li a span:hover{

    cursor:pointer;
}



.menu li a {
    color: #FFFFEE;
    float:left;
    font: 14px Century Gothic;
    height: 50px;
    letter-spacing: 1px;
    margin: auto 8px;

    margin:0;
    left:2px;
    font-weight:100;
    background:none;
    line-height:32px;
    cursor:pointer;

    text-align: center;
    text-decoration: none;

    min-width: 129px;

    z-index: 20000;
    outline: medium none;
    
    background-image: linear-gradient(#636366, #1b171c);
    
    overflow:hidden;
    
    border-right: 1px solid;
}





.menu li span {
    color: #FFFFEE;
    float:left;
    font: 14px Century Gothic;
    height: 50px;
    letter-spacing: 1px;
    margin: auto 8px;
    line-height: 50px;
    margin:0;
    left:2px;
    margin-left:3px;
    font-weight:100;
    background:none;
    line-height: 50px;

    text-align: center;
    text-decoration: none;

    min-width: 129px;

    z-index: 20000;
    outline: medium none;

    overflow:hidden;
}

#topnav .menu li .separator{
    width:3px;
    min-width:3px;
}

#topnav{ 
    height: 50px; 
    margin: 0 auto; 
    padding:0px; 
    font-weight: bold;  
    z-index : 99;
        width: 96%;
    max-width: 100%;
    display: flex;
}
#topnav ul li{ 
    margin: 0; 
    padding: 0; 
    float: left; 
    position: relative;  
    z-index : 99;
}

#topnav ul li ul ul { 
    margin: -51px 0 0 11em;  
    z-index : 99;
    cursor:pointer;
}
#topnav ul li li { 
    width:200px; 
    height: 50px;  
    z-index : 99;
    left:0px;
    cursor:pointer;
    margin-left:0px;
    background-image: linear-gradient(#636366, #1b171c);
    border-bottom: 1px solid #fff;
    border-left: 1px solid;
    border-right: 1px solid;
}

#topnav ul li li:hover {
    cursor:pointer;
        
}

#topnav ul li li a { 
    color: #000000; 
    text-transform: none; 
    display: block; 
    width: 200px; 
    z-index : 20000; 
    top:0px; 
    left:0px;
    margin-left:0px;
    height:50px;
    cursor:pointer;
}

#topnav ul li li span {
    text-align:left;
    padding-left:5px;
    height:50px;
    width:195px;
    left:0px;
    cursor:pointer;
    margin-left:0px;
}

#topnav ul li li span:hover {
    cursor:pointer;
}

#topnav ul li li a:hover { 
    color:#FFF; 
    left: 0; 
    width: 200px; 
    z-index : 20000; 
    top:0px;
    cursor:pointer;
}

#topnav ul li ul { 
    left: -999em; 
    top: 50px; 
    left: 0; 
    display: block; 
    height: 36px; 
    width: 200px; 
    position: absolute; 
    z-index: 99; 
    left: -999em; 
    clear: left; 
    margin-top: 0px; 
    margin-left: 0px;  
    z-index : 20000;
    cursor:pointer;
}

#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { 
    left: -999em; 
    z-index : 20000;
    cursor:pointer;
}

#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { 
    left: auto; 
    z-index : 20000;
    cursor:pointer;
}

body{
    background: url(https://report.espace-demo.fr/templates/artenet/images/fond-body.jpg) no-repeat center center fixed;
    background-size: cover;
}

#titre {
    height: 27px;
}

#titre h1{
    color : #646567;
    margin-bottom:0;
    height: 27px;
}

.guillemet{
    color:#FFBF00;
    font-family:Times New Roman;
}

#fond_nav{
    background: #d4e2ff;
    height: 50px;
    clear: both;

    position: fixed;
    width: 100%;
    top: 0;
        z-index: 9999;
}

#fond_ssmenu{
    background: url("../images/degrade.png");
    height:4px;
    clear: both;
}

#header{
    height: 80px;
    margin-top: 5px;
    margin-left: 5px; 
}

.moduletable_archive{
    margin-bottom: 10px;
}

.fleche_gauche{
    background: url("../images/fleche-gauche.png") no-repeat scroll 0 0 transparent;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 46px;
    width: 12px;
    zoom:1;
}
.fleche_gauche_ref{
    background: url("../images/fleche-gauche.png") no-repeat scroll 0 0 transparent;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 41px;
    width: 12px;
    zoom:1;
}

.champErreur{
    background-color:#FF6666;
}

.blog h2{
    border: medium none;
    font-size: 14px;
    font-weight: bold;
    margin: 0;  
}

.blog h2 a{
    color: #FFBF00;
}

.jcloud_container{
    padding-top: 20px;
}


.article_separator hr{
    background-color: #B1B2B4;
    height: 1px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.acceuil_news_titre{
    color: #646567;
    font-size: 14pt;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 14px;
}

.frontend{
    background-color:#FFFFFF;
}
.accueil_news .gn_static_2 img{
    display:none;
}

#jform_publie{
    border : none;
    margin: 0;
    padding: 5px;
}

#jform_news_parent{
    clear:both;
}


#cadreCentre ul{
    margin-left: 30px;
}

#cadreCentre .omnigrid ul {
    margin-left: 0px;
}

.omnigrid input[type="text"]{
    margin:0;
}

.accueil_temoignage p{
    margin:0;
}

#cadreCentre p{
    margin:0;
}

.bouton_redirect {
    -moz-border-radius: 6px 6px 6px 6px;
    background: url("../images/bouton.png") repeat-x scroll 0 100% transparent;
    border: 1px solid #646567;
    color: #646567;
    cursor: pointer;
    height: 29px;
    padding-bottom: 3px;
}


/*---------------NEW INTERFACE------------------------------*/

.red,.star{
    color: #FF0000;
}

.tip
{
    font-size:1em;
    text-align:left;
    padding:3px;
    max-width:400px;

    background-color:#FFFBAF;
    border:1px solid;
}

.tip-title
{
    font-weight:bold;
}

.div_supprimer{
    clear:both;
}

.div_editer{
       clear: both;
    /* float: right; */
    /* margin-right: 10px; */
    text-align: center;
    /* margin-top: 10px; */
    padding-top: 10px;
}

.div_supprimer,.div_valider{
    text-align:center;
    clear: both;
    margin-bottom: 10px;
}

.div_contenu{
    clear:both;
}

/*---------------PROJET------------------------------*/

.imp_projet{
    font-weight:bold;
}

#jform_code-lbl{

}

#jjform_society_id{
    margin-bottom: 30px;
    margin-top: 20px;
}

.button_td, .button_td_sup, .button_td_edit, .button_td_valide, .button_td_refus, .button_td_pdf, .button_td_avoir{
    height: 36px;
    width: 25px;
    margin: 0!important;
    font-size: 20px;
    line-height: 36px!important;
    padding-top: 0;
    flex: 1;
}

input[class="button_td"],.button_td{
    color: #777;
}


.button_td_activite {
    height: 30px;
    width: 25px;
    margin: 0!important;
    font-size: 15px;
    line-height: 30px!important;
    padding-top: 0;
}


input[class="button_td_sup"],input[class="button_td_sup button_td_petit"],.button_td_sup{
    color :red;
}

input[class="button_td_sup button_td_petit"]{
    margin-left: 10px;
}

input[class="button_td_edit"],input[class="button_td_edit button_td_petit"],.button_td_edit{
    color: #3d94f6;
}

input[class="button_td_edit button_td_petit"]{
    margin-left: 10px;
}

.button_td_pdf{
    color: #666;
}

.button_td_avoir{
    color: #fda504;
}

input[class="button_td_valide"],.button_td_valide{
    color :#68a54b;
}

input[class="button_td_refus"],.button_td_refus{
    color :red;
}

input[class="button_td_repondre"],.button_td_repondre{
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color:transparent;
    background-image: url("../images/icone-repondre.png");
    background-repeat: no-repeat;
    border: 0 none;
    height: 25px;
    margin: 0;
    width: 25px;
    margin-left: 20px;
}

input[class="button_td_envoyer"],.button_td_envoyer{
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color:transparent;
    background-image: url("../images/icone-afficher.png");
    background-repeat: no-repeat;
    border: 0 none;
    height: 25px;
    margin: 0;
    width: 25px;
    margin-left: 20px;
}

.button_td_petit{
    margin-left: 10px;
}


.td_valider .marge_reduite{
    margin-left: 10px;
    box-shadow: none;
}

.omnigrid div.bDiv .td_valider{
    padding: 0;
    text-align: center;
    display:flex;
}

.omnigrid div.bDiv{
    overflow:hidden;
}

.omnigrid div.hDiv{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image:none;
    background-color: #326585;
    border-color: rgb(57, 116, 210) rgb(57, 116, 210) -moz-use-text-color;
        color: #FFF;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    overflow: hidden;
    position: relative;

}

.omnigrid div.hDiv div.th {
    border-bottom: none;
    text-align: center;
    cursor: default;
}

.omnigrid div.hDiv div.thfleche {
    cursor: pointer;
}

.omnigrid div.hDiv div.th .filtre_gris{
    font-size: 12px;
        margin-bottom: 2px;
}

.omnigrid div.pDiv{
    background : none;
    border:none;
}

div.pGroup{
    height:auto;
}

.omnigrid div.pDiv select {
    font-size: 10px;
    margin-top: 0px;
    /* height: 20px; */
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.53846;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.omnigrid li.erow{
    background-color: transparent;
}

.omnigrid li.over {
    background-color: #eaeff4;
}

.omnigrid .pGroupGauche{
    flex: 1;
}

.omnigrid div.pDiv div.pDiv2 {
        width: 100%;
        height: 40px;
        display: flex;
}

.omnigrid div.pDiv input {
    font-size: 12px;
}

.omnigrid div.pDiv .pPageStat, .omnigrid div.pDiv .pcontrol {
    font-size: 12px;
}

.omnigrid div.hDiv .th.thfiltre {
    line-height: 20px;
    background: #326585;
}

.div_creer_projet{
    float:right;
}

.div_creer_2{
    float:right;
    margin-top: 32px;
}

.spec_conge{
    margin-right:10px;
}

.div_supprimer_projet{
    margin-top : 10px;
    float:right;
}

.div_supprimer_projet_haut{
    margin-bottom : 0px;
    float:right;
}

.div_modifier_projet{
    float : right;
}

.div_premier{

}

.div_dernier{
    border-color: #000000 #000000 #000000 #3A90DB;
    border-left: 1px solid #3A90DB;
    margin-left: 10px;
    padding-left: 10px;
}

/* ------------------- CONGE ----------------------------------*/

.conge_temps{
    float: left;
    width: 100px;
}

.conge_date{
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
}

.conge_type select{
    margin:0;

}

.conge_colonne{
    clear: both;
    margin-top: 5px;
}

.conge_cadre{
    border: 1px solid #CCCCCC;
    margin: 0 0 1.5em;
    padding: 1.4em;
    width: 410px;
    float: left;
    min-height: 220px;
}

.conge_cadre_elargi{
    width: 547px;
}

.conge_commentaire{
    clear: both;
    width: 1170px;
}

.conge_commentaire textarea{
    height: 100px;
    width: 1160px;
}           

/* ------------------ SYSTEM ----------------------------------*/

#system-message dd ul {
    background-position: 4px top;
    background-repeat: no-repeat;
    border: 3px solid #84A7DB;
    color: #000000;
    list-style: none outside none;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}

#system-message dd.message ul {
    background:url("../../system/images/notice-info.png") no-repeat scroll 4px center #ffbe00;
    margin-left:0;
    border-color:#706F6F;
}

#system-message dd.error ul, #system-message dd.warning ul, #system-message dd.notice ul {
    color: #CC0000;
    background-image:none;
}



/* ------------------------ LIST -----------------------------------*/

.fieldset_list{
    margin:0;
    clear: both;
}

/* ----------------------- PROFILE ---------------------------------*/


.menu_onglet{
    float:left;
    clear:both;
    margin-bottom: -2px;
    position: relative;
}

#menu_salarie .onglet_selected{
    background-color: #FFFFFF;
    border-color: #326585;
    border-width: 2px;
    margin-right: 9px;
}

#menu_salarie li{
    border: 1px solid;
    border-bottom: none;
    float: left;
    margin-right: 11px;
    padding: 3px 8px;
    cursor:pointer;
}

.contenu_profil{
    background-color: #FFFFFF;
    border-color: #326585;
    border-left: 2px solid #326585;
    border-right: 2px solid #326585;
    border-style: solid;
    border-width: 2px;
    clear: both;
    float: left;
    margin-top: 0;
    width: 1200px;

}

.contenu_profil dl{
    margin-top: 20px;
    background-color: #FFF;
}

.contenu_profil dl dt{
    clear: both;
    float: left;
    line-height: 32px;
    min-width: 195px;
}

.contenu_profil .societyss15 dl dt,.contenu_profil .societyeditss15 dl dt{
    width: 200px;
}

#cadreCentre #menu_salarie{
    margin: 0 0 0 0;
    list-style: none outside;
    float :left; 
}

#jform_validation_embauche_1,#jform_validation_embauche_2,#jform_validation_conge_1,#jform_validation_conge_2,#jform_validation_activite_1,#jform_validation_activite_2,#jform_validation_acompte_1,#jform_validation_acompte_2,#jform_validation_prime_1,#jform_validation_prime_2{
    clear: both;
    margin-left: 20px;
}


.users-profile-custom-profile{
    display:none;
}
.users-profile-custom-profile2{
    display:none;
}
.users-profile-custom-profile3{
    display:none;
}
.users-profile-custom-profile4{
    display:none;
}
.users-profile-custom-profile5{
    display:none;
}
.users-profile-custom-profile6{
    display:none;
}
.users-profile-custom-profile7{
    display:none;
}



#users-profile-1{
    display:none;
}
#users-profile-2{
    display:none;
}
#users-profile-3{
    display:none;
}
#users-profile-4{
    display:none;
}
#users-profile-5{
    display:none;
}
#users-profile-6{
    display:none;
}


/* --------------------- DROIT -------------------------------------*/

.droit_cle{
    font-weight : bold;
    font-size: 16px;
    text-align:left;
}

.droit_action{
    clear:both;
    margin-left: 30px;
}

.droit_action div{
    width:150px;
    float : left;
    line-height: 30px;
    width: 260px;
}

.droit_action select{
    width:100px;
}

/* -------------- SELECT SALARIE ------------------------------------*/

.choix_salarie{
    text-align: left;
}

.choix_salarie_liste{
    float:left;
}

.mainselectdiv{
    float: left;
}

.selectdiv{
    float: left;
    line-height: 35px;
    width: 450px;
    clear: both;
}

.selectdiv_libelle{
    width: 110px;
    float: left;
}


/* ------------- SELECT MOIS ----------------------------------------*/

.choix_mois_liste{
    float:left;
    margin-left:20px;
}

/* ------------- PORTE DOC -------------------------------------------*/

.recherche_doc{
    float : right;
    margin-top: 12px;
}

.recherche_doc div{
    float: left;
    width: 380px;
}

.recherche_doc label{
    display: block;
    float: left;
    width: 200px;
}

.recherche_doc select{
    width: 150px;
}

input[class="button_choixdoc"],input[class="button_choixdoc choixdoc_porte"]{
    height: 28px;
    margin-bottom: 10px;
}

input[class="button_choixdoc choixdoc_porte"]:disabled{
    color: #888888;
    cursor:default;
}


.div_envoie_doc{
    background-color: #EEEEEE;
    display: none;
    height: 150px;
    left: 50%;
    margin-left: -200px;
    margin-top: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 400px;
    border: 1px solid;
}

.div_envoie_titre{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

#destSend{
    margin-left:10px;
}

.button_portedoc{
    width: 250px;
}

/*-------------------  CONTACT ----------------------------*/

#contact-0{
    margin-bottom: 20px;
}

#contact-1{

}

/* ----------------- BOS ACCUEIL -----------------------------*/

.box_accueil{
    min-height: 340px;
    border:1px solid #ccc;
}

.box_accueil_shortcut {
    text-decoration: none;
    text-align: center;
    flex-basis: 25%;
    margin-top: 20px;
}

.box_accueil_shortcut i{
    font-size: 40px;
}

.workflowup-icon{
    position: absolute;
    z-index: 99999;
    top: -10px;
    right: 8px;
    opacity: 0.8;
}

.icone-menu a .workflowup-icon i{
        color: green;
    font-size: 18px;
}

.workflowdown-icon{
    position: absolute;
    z-index: 99999;
    bottom: -10px;
    right: 8px;
    opacity: 0.8;
}

.icone-menu a .workflowdown-icon i{
        color: red;
    font-size: 18px;
}

.menu-validation a i{
    color: #68a54b;
}

.icone-menu a.item-validation i{
    color: #68a54b;
}

/* -----------------  ALERT ----------------------------------*/

.customalert{
        height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
    border:1px solid #ccc;
}

.titre_rappel{
    font-size: 18px;
    font-weight: bold;
    color:#003b51;
    padding:3px;
    text-align: left;
}

.customalert div{
    float: right;
    margin-right: 20px;
}

/* -----------------  NEWS ----------------------------------*/

.customnews{
    height: 330px;
    border:1px solid #ccc;

}

.customnews legend{
    font-size: 18px;
    font-weight: bold;
    color:#003b51;
    padding:3px;
    text-align: left;
}

.titre_news{
    font-weight:bold;
    font-size:18px;
}

.contenu_news{
    padding: 10px;
    text-align: justify;
}

.contenu_news ul{
    padding-left: 30px;
}

.affichenews_titre{
    font-weight:bold;
    font-size:22px;
    text-align:left;
}

/* ---------------- SELECT ---------------------------------------------------*/

#select_society {
    min-width: 158px;
}

.div_select_user{
        display: flex;
}

#select_user{
    min-width: 158px;
}

.div_select_user label{
   margin-left: 10px;
   margin-top: 3px; 
}



/* ----------------- CHECKALL CONGE ------------------------------------------*/

#checkAll{
    float:left;
    width: 50px;
}

.checkAllSep{
    height: 80px;
}

.checkAllCase{
    height: 60px;
}

.checkAllLast{
    height: 20px;
}

.conge fieldset{
    padding-left: 2px;
}

.conge dt{
    margin-left: 20px;
}

.conge .conge_cadre{
    float: left;
    padding : 1.4em;
    min-height: 220px;
    margin-left: 20px;
    margin-top: 10px;
}

.conge_libelle{
    clear: both;
    float:left;
    width: 150px;

    border:1px solid;
    border-top:none;
    padding-left: 5px;
    margin-left: 40px;

}

.conge_sep{
    clear: both;
    float:left;
    width: 149px;

    margin-top: 1px;

    border-bottom:1px solid;
    border-right:1px solid;
    padding-left: 5px;
    margin-left: 41px;
}

.conge_valeur{

    float:left;
    width: 100px;
    text-align:center;
    border:1px solid;
    border-left:none;
    border-top:none;


}

.conge_top,.conge_top2{

    float:left;
    width: 100px;
    text-align:center;
    border:1px solid #326585;
    border-left:none;
    font-weight:bold;  

}

.conge_top2{
    height: 41px;
    background-color: #326585;
    color: #FFF;
}

.conge_large{
    width: 150px;
}

#congeEtat{
    width: 1200px;
}

#congeRestant{
    float: left;
    padding: 1.4em;
    margin-left: 108px;
    min-height: 220px;
    margin-top: 0px;
    padding-top: 10px;
}

#congeRestant.congeRestant{
        width: 547px;
        margin-top: 0px;
}

#congeRecapValider{
    float: left;
    min-height: 243px;
    padding: 1.4em;
    width: 427px;
}

#congeRestantValider{
    float: right;
    margin-left: 10px;
    min-height: 220px;
    padding: 1.4em;
    width: 427px;
}

.conge_validation #calendrier{
    height: 415px;
}



#congeRestant .conge_libelle, #congeRestant .conge_valeur{
    background-color:#FFF;
}

#congeRestant .conge_top,#congeRestantValider .conge_top{
    background-color: #FFCB00;
}

#congeRestant .conge_negatif{
    background-color:#FFAAAA;
}


.conge_row{
    float:left;
    clear:left;
}



.conge_datedemande{
    margin-bottom: 20px;
}

.div_retour{
    text-align:right;
}

.div_retour_float{
    text-align:right;
    float: right;
}


.conge_datedemande{
    font-weight:bold;
}
.conge_datedemandevalide{
    font-weight:bold;
    color: #44CC44;
}
.conge_datedemanderefus{
    font-weight:bold;
    color: #FF4444;
}
.conge_datedemandemodif{
    font-weight:bold;
    color:#AAAAFF;
}

.demande_left{
    float:left;
    margin-left:15px;
}

.demande_right{
    float:right;
    margin-right:30px;
}

.demande_clear{
    clear:both;
}

.conge_validation .calendar-eightysix.default {
    margin-left:15px;
}


/* ---------------------- FIELDSET -------------------------------------------*/

.ss{
    float: left;
    margin-left: 23px;
    margin-top: 20px;
    width: 526px;
    -moz-border-radius : 10px;
    border-radius:10px;
    padding-bottom: 0;	
}

.ss dl{
    margin-top: 0px; 
}

.ss dl input[type="text"],.ss dl input[type="password"],.ss dl select,.ss dl input[type="email"],.ss dl input[type="tel"]{
    width:200px; 
}
ok dommage, a bient�t
.societyss2{
    float: right;
    height: 475px;
    margin-right: 22px;
}

.societyeditss2,.societyss2{
    float: right;
    height: 505px;
    margin-right: 22px;
}

.societyss3,.societyss4,.societyss7,.societyss8,.societyss9,.societyss10,.societyss16,.societyss17,.societyss18,.societyss19,.societyss12,.societyss13{
    margin-top:0;
}


.societyss5,.societyss6{
    height: 145px;
}

.societyeditss5,.societyeditss6{
    height: 240px;
}


.societyeditss1,.societyss1{
    height: 194px;
}
.societyeditss3,.societyss3{
    height: 100px;
}
.societyeditss4,.societyss4{
    height: 132px;
}

.societyss14,.societyss15{
    height: 141px;
    overflow:hidden;
    width: 1114px;
}

.societyeditss14,.societyeditss15{
    height: 142px;
    overflow:hidden;
    width: 860px;
}

fieldset.ss.societyeditss10,fieldset.ss.societyss10 {
    height: 298px;
}

.societyss11,.societyss21{
    height: 445px;
}

.societyeditss11,.societyeditss21{
    height: 445px;
}

.societyeditss22, .societyss22{
    width: 1114px;
}

.societyeditss22 textarea, .societyss22 textarea{
        width: 800px;
    height: 50px;

}

.societyeditss3,.societyeditss4,.societyeditss7,.societyeditss8,.societyeditss9,.societyeditss10,.societyeditss16,.societyeditss17,.societyeditss18,.societyeditss19,.societyeditss12,.societyeditss13{
    margin-top:0;
}

.ss fieldset{
    border: medium none;
    margin-bottom: 12px;
    padding: 0;
}

.society_logo{

}

.societyssag2,.societyeditssag2,.societynewssag2{
    float:right;
    margin-right: 22px;
}

.societyssag3{
    margin-top: 50px;
}


.societyeditssag3{
    margin-top: 52px;
}

.societynewssag3{
    margin-top: 17px;
}

.societyssag4{
    height: 375px;
}

#jform_users_interlocuteur1{

}

.societyeditssag4,.societynewssag4,.societyeditssag5,.societynewssag5{
    height: 377px;
}

.societynewsscl1{
    width: 860px;
    height: 375px;
}

.societynewsscl2{
    width: 860px;
    height: 375px;
}


.societynewssent1,.societyssent1,.societyeditssent1{
    height: 420px;
}

.societyssent3, .societyeditssent3, .societynewssent3{
        margin-top: 67px;
}


#cadreCentre .menu_ssmenuconge {
    margin-left: 0px;
}

.ssmenu_onglet{
    float:left;
    clear:both;
    margin-bottom: -2px;
    position: relative;
    margin-top:2px;  
}

.menu_ssmenuconge{
    float:left;
    clear:both;
    margin-bottom: -1px;
    position: relative;
    list-style: none outside none;
    margin: 0;
}


.menu_ssmenuconge li{
    border: 1px solid;
    border-bottom: none;
    float: left;
    margin-right: 10px;
    padding: 3px;
    cursor:pointer;
}

.menu_ssmenuconge li a{
    color : #000;
}

.menu_ssmenuconge .active{
    background-color: #FFFFFF;
    border-color: #326585;
    border-width: 2px;
}

.ssmenuadd{
    float:right;
}

.conge_libelle,.conge_valeur{
    bbackground-color:#FFF;
}

.conge_titre{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.conge_tab{
    float: left;
    margin-bottom: 20px;
    margin-left: 170px;
}

.conge_tab2{
    float: left;
    margin-bottom: 20px;
       margin-left: 200px;
}

.conge_negatif,.conge_tab .row_pair .conge_negatif,.conge_tab .row_impair .conge_negatif{
    background-color:#FFAAAA;
}

.conge_milieu{
    line-height: 39px;
}

.row_pair div{
    background-color: #F7F7F7;
}

.row_impair div{
    background-color: #FFFFFF;
}

.conge_list .omnigrid{
    margin-left: 3px;
    margin-top: 3px;
}

.contenu_dem_conge{
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    clear: both;
    margin: auto;
    width: 1200px;
    padding-left: 120px;
    padding-right: 0;
    background: #FFF;
}

.contenu_dem_conge fieldset{

}

.affichenews_contenu{
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border : 1px solid;
    padding: 10px;
}

.affichenews_date{
    font-size: 11px;
    font-style: italic;
    margin-bottom: 10px;
}    


#jform_profile6_joursemainetemp:disabled option{
    color: #DDD;
}


/* ----------------------------- COSTUM USERS --------------------------------*/

.usersss2user1,.usersss2user2{
    height: 275px;
}

.usersss3user1,.usersss3user2{
    height: 375px;
}

.usersss4user1,.userseditss4user1{
    width: 1114px;
}

.usersss5user1,.usersss5user2{
    height: 175px;
}

.usersss6user2,.userseditss6user2{
    height: 165px;
}
.usersss6user3,.userseditss6user3{
    height: 210px;
}
.usersss6user4,.userseditss6user4{
    height: 210px;
}

.usersss5user3,.usersss5user4,.usersss5user5,.usersss5user6,.usersss5user7{
    margin-top:0;
}

.usersss6user3,.usersss6user4,.usersss6user5,.usersss6user6,.usersss6user7,.usersss6user8,
.usersss6user9,.usersss6user10{
    margin-top:0;
}

.usersss6user5,.usersss6user6,.userseditss6user5,.userseditss6user6{
    height: 170px;
}

.usersss6user9 textarea{
    width: 368px;
}

.userseditss5user3,.userseditss5user4,.userseditss5user5,.userseditss5user6,.userseditss5user7{
    margin-top:0;
}

.userseditss5user5,.userseditss5user6,.userseditss5user7{
    height: 190px;
}

.usersss5user5,.usersss5user6,.usersss5user7{
    height: 160px;
}

.userseditss6user3,.userseditss6user4,.userseditss6user5,.userseditss6user6,.userseditss6user7,.userseditss6user8,
.userseditss6user9,.userseditss6user10{
    margin-top:0;
}

.usersss6user1{
    height: 165px;
}

.usersss6user7,.usersss6user8{
    height: 140px;
}

.userseditss2user1,.userseditss2user2{
    height: 415px;
}

#jform_priorite{
    width:208px;
}

#jform_profile2_dob,#jform_profile6_datedeb,#jform_profile6_datefin,#jform_profile6_dateevol,#jform_primevacance_date,#jform_gratification_date{
    width:200px;
}

.userseditss3user1,.userseditss3user2{
    height: 375px;
}

.userseditss5user1,.userseditss5user2{
    height: 225px;
}

.userseditss5user3,.userseditss5user4{
    height: 230px;
}

.userseditss6user1{
    height: 165px;
}

.userseditss6user9{
    height: 662px;
}

.userseditss6user9 textarea{
    height: 200px;
    width: 350px;
}

.userseditss6user7,.userseditss6user8{
    height: 142px;
}

.usersssuser1,.usersssuser2{
    height: 208px;
}

.usersssuser3{
    margin-top: 0;
    width: 1114px;
}

.field_user_core,.userseditssdonneeinter{
    width: 1114px;
}

.userseditssuser1,.userseditssuser2{
    height: 208px;
}

.userseditssuser3{
    margin-top: 0;
    width: 1114px;
}

.perim_soc{
    float: left;
}

/*-----------------------------ARRET MALADIE ---------------------------------*/

.contenu_dem_arret{
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    clear: both;
    float: left;
    margin-top: 0px;
    width: 918px; 
}

.arret_cadre{
    border: 1px solid #CCCCCC;
    float: left;
    margin: 20px 0 1.5em 20px;
    margin-left: 20px;
    min-height: 50px;
    padding: 1.4em;
    width: 890px;
}

.arret_cadre2{
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0px 0 1.5em 20px;
    margin-left: 20px;
    min-height: 220px;
    padding: 1.4em;
    width: 890px;
}

.contenu_dem_arret dd fieldset{
    border: medium none;
    margin: 0;
    padding-top: 5px;
}

.arret_txt{
    float: left;
    line-height: 24px;
    margin-left: 10px;
    width: 40px;
}

.arret_colonne{
    float: left;
    margin-bottom: 20px;
}

.arret_date{
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 80px;
}

.arret_temps{
    float: left;
    width: 80px;
}

.arret_selected{

}

.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row.c86-odd .arret_selected ,.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row.c86-even .arret_selected{
    background-color:#CCFFCC;
}

.arret_cadre2 dl{
    clear:both;
}

#jform_salaire{
    padding: 3px 0 0;
    border:none;
}

#jform_debut_t,#jform_fin_t{
    margin-left: 20px;
}

/* ---------------------------- LANGUE ---------------------------------------*/

#jform_profile5_langue1autre-lbl{
    display:none;
}

#jform_profile5_langue1autre{
    display:none;
    margin-left: 175px;
}

#jform_profile5_langue2autre-lbl{
    display:none;
}

#jform_profile5_langue2autre{
    display:none;
    margin-left: 175px;
}

#jform_profile5_langue3autre-lbl{
    display:none;
}

#jform_profile5_langue3autre{
    display:none;
    margin-left: 175px;
} 

/* -------------------------- PRIME ------------------------------------------*/

.prime_total{
    margin-top:20px;
    width: 1164px;
        max-width: 100%;
    text-align: right;
}

.div_prime_total{
    margin-top:20px;
    flex: 1;
}



div.ligneAjoute{
    text-align: right;
    margin-right: 8px;
}

/* ------------------------ SOLDE --------------------------------------------*/

#jform_concurrence{
    border : none;
    margin: 0;
    padding: 5px;
}

/* -------------------- FIELDSET FORM -- -------------------------------------*/

.contenu_form{
    background-color: #FFFFFF;
    clear: both;
    margin-top: 0;
    width: 1200px;
    max-width: 100%;
    border: 1px solid #ccc;
        margin: auto;
    

}

.contenu_form dl{
    margin-top: 20px;
    background-color: #FFF;
}

.contenu_form dl dt{
    clear: both;
    float: left;
    line-height: 32px;
    min-width: 225px;
}

.comptesolde dl dt{
    min-width: 300px;
}

.form_liendoc{
    height: 30px;
    line-height: 30px;
}

/*-------------------------------ACTIVITE-------------------------------------*/

.contenu_activite,.contenu_activite dl{
    clear: both;
}

.activite_valid{
       height: 20px;
    margin-top: 3px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 3px;
}



.activite_com{
    height: 50px;
    overflow: auto;
}

.activite_valfrais{
    height: 15px;
}

.calendrier_activite .activite_valid.statutTravail{
        margin-bottom: 0 !important;
    height: 12px;
}

/* ---------------- LIEN FICHIER ---------------------------------------------*/

input[class="button_choixdoc_sup"],.button_choixdoc_sup{
    background: url("../images/fermer-icone.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
}

.lien_affiche{
    cursor:pointer;
}

.div_choixdoc{
    float: left;
}

.div_global_choixdoc{
    width: 360px;
}

.div_choixdocvide{

}

.div_choixdocimport{
    clear:both;
    padding-left: 5px;
}

.adoc{
    height: 30px;
    line-height: 30px;
}

/*------------------------------------ CONNEXION -------------------------------*/


.login-fields label{
    float: left;
    line-height: 30px;
    width: 120px;
}

.vide{
    height: 32px;
    line-height: 32px;
}

.societyss16 input,.societyss17 input,.societyss18 input,.societyss19 input,.societyeditss16 input,.societyeditss17 input,.societyeditss18 input,.societyeditss19 input{
    margin-left:10px;
}

.conge_type .conge_autre{
    float: right;
    margin-right: 50px;
}

/* Nicolas 03/09/2012 - style pour les jours de congés déjà posée*/
.dejaPose {
    color:blue;
}

.choix_semaine{
    cursor:pointer;
}

.status_rapport{
    float: right;
}

.status_frais{
    float: right;
    width: 100%;
    text-align: right;
}

.change_semaine{
    float: left;
    margin-bottom: 10px;
}

#sel_equipe{
    width: 360px;
}

#nvx_responsable,#ancien_responsable{
    width: 360px;
}

.change_equipe_div{
    margin-left: 300px;
}

.addactivite dl dt{
    text-align: right;
    margin-right: 25px;
}

.addactivite dl{
    clear: both;
}

.val_activite{
    width: 30%;
    float: left;
    margin-left: 20px;
}

/******************** PLANING ***********************/

.pl-fleche{
    height: 30px;
    cursor: pointer;
    margin-left: 30px;
    margin-right: 30px;
}

.planning_casetrans,.planning_casenom, .planning_casetranshaut, .planning_casetranssemaine, .planning_caselibjour{
    float:left;
    width: 80px;
    clear: both;
    height:30px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    box-sizing: content-box;
}

.planning_caselibjour{
    height:21px;
    border-left: 0px solid;
    width: 328px;
    box-sizing: content-box;
}

.planning_casetrans{
    border-top: 1px solid;
    box-sizing: content-box;
}

.planning_casetranshaut{
    height:21px;
    border: 0px solid;
    border-right: 1px solid;
    width: 328px;
    box-sizing: content-box;
}

.planning_casetranssemaine{
    border:0;
    height:19px;
    padding-left: 240px;
    box-sizing: content-box;
}

.planning_casenom{
    height:38px;
    padding-left: 5px;
    width: 130px;
    background-color: #F0F1FC;
    box-sizing: content-box;
}

.planning_caseservice{
   height: 38px;
    padding-left: 5px;
    width: 80px;
    background-color: #F0F1FC;
    float: left;
    border-bottom: 1px solid;
    border-right: 1px solid #000;
    word-break: break-word;
    box-sizing: content-box;
}

.planning_casesection{
    height: 38px;
    padding-left: 5px;
    width: 100px;
    background-color: #F0F1FC;
    float: left;
    border-bottom: 1px solid;
    border-right: 1px solid #000;
    word-break: break-word;
    box-sizing: content-box;
}

.planning_casenom_titre{
    height:38px;
    padding-left: 5px;
    width: 130px;
        float: left;
    text-align: center;
    box-sizing: content-box;
}

.planning_caseservice_titre{
   height: 38px;
    padding-left: 5px;
    width: 70px;
    float: left;
    text-align: center;
    box-sizing: content-box;
}

.planning_casesection_titre{
        height: 38px;
    padding-left: 5px;
    width: 110px;
    float: left;
    text-align: center;
    box-sizing: content-box;
}

.plan_lab{
        width: 60px;
    display: inline-block;
    text-align: right;
    padding-right: 5px;
}

.planning_param{
    
}

.planning_param #section{
        width: 200px;
    margin: 0;
        margin-top: 2px;
}

.planning_param #service{
        width: 202px;
    margin: 0;
        margin-top: 2px;
}

.planning_param #annee, .planning_param #mois{
        width: 101px;
    margin: 0;
}

.planning_param_1{
        float: left;
            margin-bottom: 5px;
}

.planning_param_2{
    
}

.planning_1{
           float: left;
    width: 50%;
    border-right: 1px solid #DDD;
}

.planning_2{
    float: left;
    /* text-align: right; */
    width: 45%;
    padding-left: 4%;
}

.planning_param_2 input{
        margin-top: 10px;
    margin-left: 5px;
}

.planning_casesemaine{
    width: 196px;
    float: left;
    height:19px;
    text-align: center;
}

.planning_casesemainep{
    float:left;
    min-width: 28px;
    text-align: center;
}

.planning_casesemained{
    float:left;
    min-width: 28px;
    text-align: center;
}



.planning_jour{
    float:left;
    width: 27px;
    height:20px;
    border-bottom: 1px solid;
    border-right: 1px solid #CCC;
    text-align: center;
    border-top: 1px solid;
    box-sizing: content-box;
}

.planning_libjour{
    float:left;
    width: 27px;
    height:20px;
    border-right: 1px solid #CCC;
    text-align: center;
    border-top: 1px solid;
    background-color: #FFEDAA;
    box-sizing: content-box;
}

.planning_case{
    float:left;
    width: 27px;
    height: 38px;
    border-bottom: 1px solid;
    border-right: 1px solid #CCC;
    display: flex;
    flex-direction: column;
    box-sizing: content-box;
}

.p_casevide{
   height: 50%;
   text-align: center;
}

.p_we,.pc_we{
    background-color: #EEE;
}

.p_ferie,.pc_ferie{
    background-color: #EEE;
}

.p_conge{
    background-color: #FFAAAA;
    height: 50%;
    font-size: 11px;
    text-align: center;
}

.p_conge_cp{
    background-color: #FFAAAA;
}
.p_conge_cpa{
    background-color: #AAFCFF;
}
.p_conge_rtt{
    background-color: #E7AAFF;
}
.p_conge_ceta{
    background-color: #AAFFC9;
}
.p_conge_cetna{
    background-color: #AAE4FF;
}
.p_conge_ctda{
    background-color: #E0FFAA;
}
.p_conge_ctdna{
    background-color: #F5AAFF;
}
.p_conge_rc,.calendrier_activite .type_conge_8{
    background-color: #B6BFCC;
}
.p_conge_css{
    background-color: #76F3C6;
}
.p_conge_au{
    background-color: #07DA18;
}


.p_out{
    background-color: #EEE;
}


.p_arret {
    background-color: #AAAACC;
    height: 50%;
    text-align: center;
    color: #003b51;
    padding-top: 3px;
    font-size: 13px;
}

.planning_mois{
    text-align:center;
    font-weight:bold;
     font-size: 20px;
}

.planning_last{
    border-right: 1px solid;
}


.radio{
    padding: 0;
    border: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

#com{
    width: 100%;
    height: 180px;
    padding: 5px;
}

.val_span{
    font-weight: bold;
    font-size: 16px;
}

.resume_colonne {
    width: 100%;
    /* float: left; */
    border-bottom: 1px solid;
    display: flex;
}

.resume_colonne div {
text-align: right;
border-right: 1px solid #CCC;
height: 30px;
padding-top: 10px;
padding-right: 5px;
flex: 1;
}

.resume_colonne .last{
    border-right: 1px solid;
}

.resume_colonne .first{
    border-left: 1px solid;
    width:109px;
}


.resume_titre {
    width: 100%;
    /* float: left; */
    border-top: 1px solid;
    display: flex;
    flex: 0 0 100%;
}

.resume_titre div {

border-right: 1px solid #CCC;
height: 40px;
text-align: center;
font-weight: bold;
background-color: #326585;
color:#FFF;
border-bottom: 1px solid;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
flex: 1;
}

.resume_titre .last{
    border-right: 1px solid #000;
}

.resume_titre .first{
    border-left: 1px solid #000;
    width:114px;
}

.projet_rent dd{
    line-height: 32px;
}

.field_estime{
    width: 300px;
    float: left;
}

.field_valide{
    
}

.field_estime_titre{
    font-weight: bold;
}

.attente{
    width:22px;
}

.exporter{
    float:right;
}

.acti_min{
    text-align:center;
}

.acti_min span{
    color: #333;
    font-size: 12px;
}

iframe{
    background-color: #000;
}

.statut_com{
    clear: both;
    background-color: #FFF6D2;
}

.contenu_activite #jform_RC-lbl,.contenu_activite #jform_heuresup-lbl,#jform_heuresup2-lbl,.contenu_activite #jform_heurecomp-lbl,.contenu_activite #jform_WE-lbl,.contenu_activite #jform_heurenuit-lbl{
    font-weight:bold;
}




.ButtonValide,input.ButtonValide {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
        height: auto;
}
.ButtonValide:hover,input.ButtonValide:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.ButtonValide:active {
	position:relative;
	top:1px;
}


.ButtonRefuse,input.ButtonRefuse {
	-moz-box-shadow:inset 0px 1px 0px 0px #ab413c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ab413c;
	box-shadow:inset 0px 1px 0px 0px #ab413c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e8372a), color-stop(1, #cc5f5a));
	background:-moz-linear-gradient(top, #e8372a 5%, #cc5f5a 100%);
	background:-webkit-linear-gradient(top, #e8372a 5%, #cc5f5a 100%);
	background:-o-linear-gradient(top, #e8372a 5%, #cc5f5a 100%);
	background:-ms-linear-gradient(top, #e8372a 5%, #cc5f5a 100%);
	background:linear-gradient(to bottom, #e8372a 5%, #cc5f5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8372a', endColorstr='#cc5f5a',GradientType=0);
	background-color:#e8372a;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
}
.ButtonRefuse:hover,input.ButtonRefuse:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cc5f5a), color-stop(1, #e8372a));
	background:-moz-linear-gradient(top, #cc5f5a 5%, #e8372a 100%);
	background:-webkit-linear-gradient(top, #cc5f5a 5%, #e8372a 100%);
	background:-o-linear-gradient(top, #cc5f5a 5%, #e8372a 100%);
	background:-ms-linear-gradient(top, #cc5f5a 5%, #e8372a 100%);
	background:linear-gradient(to bottom, #cc5f5a 5%, #e8372a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc5f5a', endColorstr='#e8372a',GradientType=0);
	background-color:#cc5f5a;
}
.ButtonRefuse:active {
	position:relative;
	top:1px;
}

.tadresse{
    height:100px;
}





.ButtonEnregistre,input.ButtonEnregistre {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
}
.ButtonEnregistre:hover,input.ButtonEnregistre:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.ButtonEnregistre:active {
	position:relative;
	top:1px;
}



.ButtonSupprimer,input.ButtonSupprimer {
	-moz-box-shadow:inset 0px 1px 0px 0px #ADB4BD;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ADB4BD;
	box-shadow:inset 0px 1px 0px 0px #ADB4BD;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ABB5C1), color-stop(1, #616875));
	background:-moz-linear-gradient(top, #ABB5C1 5%, #616875 100%);
	background:-webkit-linear-gradient(top, #ABB5C1 5%, #616875 100%);
	background:-o-linear-gradient(top, #ABB5C1 5%, #616875 100%);
	background:-ms-linear-gradient(top, #ABB5C1 5%, #616875 100%);
	background:linear-gradient(to bottom, #ABB5C1 5%, #616875 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ABB5C1', endColorstr='#616875',GradientType=0);
	background-color:#3d94f6;
	border:1px solid #575C65;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
}
.ButtonSupprimer:hover,input.ButtonSupprimer:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #616875), color-stop(1, #ABB5C1));
	background:-moz-linear-gradient(top, #616875 5%, #ABB5C1 100%);
	background:-webkit-linear-gradient(top, #616875 5%, #ABB5C1 100%);
	background:-o-linear-gradient(top, #616875 5%, #ABB5C1 100%);
	background:-ms-linear-gradient(top, #616875 5%, #ABB5C1 100%);
	background:linear-gradient(to bottom, #616875 5%, #ABB5C1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616875', endColorstr='#ABB5C1',GradientType=0);
	background-color:#1e62d0;
}
.ButtonSupprimer:active {
	position:relative;
	top:1px;
}



.ButtonModifier,input.ButtonModifier {
	-moz-box-shadow:inset 0px 1px 0px 0px #ADB4BD;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ADB4BD;
	box-shadow:inset 0px 1px 0px 0px #ADB4BD;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fabe12), color-stop(1, #f39903));
	background:-moz-linear-gradient(top, #fabe12 5%, #f39903 100%);
	background:-webkit-linear-gradient(top, #fabe12 5%, #f39903 100%);
	background:-o-linear-gradient(top, #fabe12 5%, #f39903 100%);
	background:-ms-linear-gradient(top, #fabe12 5%, #f39903 100%);
	background:linear-gradient(to bottom, #fabe12 5%, #f39903 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabe12', endColorstr='#f39903',GradientType=0);
	background-color:#3d94f6;
	border:1px solid #927111;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
	
        height: auto;
        
}
.ButtonModifier:hover,input.ButtonModifier:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f39903), color-stop(1, #fabe12));
	background:-moz-linear-gradient(top, #f39903 5%, #fabe12 100%);
	background:-webkit-linear-gradient(top, #f39903 5%, #fabe12 100%);
	background:-o-linear-gradient(top, #f39903 5%, #fabe12 100%);
	background:-ms-linear-gradient(top, #f39903 5%, #fabe12 100%);
	background:linear-gradient(to bottom, #f39903 5%, #fabe12 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39903', endColorstr='#fabe12',GradientType=0);
	background-color:#1e62d0;
}
.ButtonModifier:active {
	position:relative;
	top:1px;
}


.ButtonMini,input.ButtonMini {
	padding: 0px 12px;
    font-size: 13px;
    height: 20px;
}


.historow{
    clear: both;
    height: 30px;
    line-height: 30px;
}

.historow pair{
    
}

.historow.impair{
    background-color: #EFEEFE;
}

.historow div{
    float: left;
}

.historow .nom{
    width: 150px;
}
.historow .ip{
    width: 150px;
}
.historow .date{
    width: 150px;
}
.historow .action{
    width: 280px;
}

.container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 0px;
    max-width: 100%;
    padding:0;
}

.span-24 {
    width:100%;
    max-width: 100%;
}

.contenu_activite .c86-row input[type=checkbox]{
    margin-right: 34px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.calendar-eightysix.default{
    font-family:inherit;
}

.libelle_semaine {
    margin-top: 5px;
}



.containermini{
    margin-top: 10px;
}

.val_nbheure{
    font-weight: normal;
}

.val_projet, .val_agence{
    /* color: #336B33; */
    color: #009400;
}

.ra_normal{
    /* color: #336B33; */
    color: #009400;
}

.ra_change{
    color: #0000FF;
}

.planning_case .sscase_pl{
    position: relative;
    flex: 1;
    border-bottom: 1px dashed #AAA;
}

.planning_case .sscase_pl:last-child{
    border-bottom: none;
}

.com_planning{
       width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #ff0000 transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}

div.calendar {
    z-index: 90000;
}

.impBleu{
    font-weight: bold;
    color:blue;
}

.rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container{
       min-width: 95% !important;
}

.rokbox-content{
    max-width: 100% !important;
    min-width: 100% !important;
}

.rokbox-content iframe{
    max-width: 100% !important;
    min-width: 100% !important;
}


.chosen-container {
    min-width: 300px;
    max-width:100%;
}

.taille_select_200{
    min-width: 200px;
    width: 200px;
}

.ligne_download{
        width: 100%;
    clear: both;
    border-bottom: 1px solid #DDD;
    display: inline-block;
        padding-bottom: 5px;
    padding-top: 5px;
}

.download{
        float: right;
}

.download_file{
        float: left;
        line-height: 32px;    
}

.dd-align{
        float: left;
            margin-right: 30px;
                margin-left: 0;
}

.popover {
     font-size:14px;
    text-align:left;
    padding:3px;
    width:auto;
    max-width:400px;
    background-color:#FFFBAF;
    border:1px solid;
    position: absolute;
    transition: all 0s ease-in-out;
}

.popover-title
{   font-size:16px;
    font-weight:bold;
    border-bottom:0;
}

.alert, .alert h4 {
    color: #c09853;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    position: relative;
}

.alert h4{
    font-size: 120%;
    line-height: 1.25;
    margin-bottom: 20px;
}

.alert-message h4{
    color: #3c763d;
}

.alert .close{
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
}

.alert-message{
    background-color: #dff0d8;
    color: #3c763d;
}

.alert-danger, .alert-error, .alert-error .alert-message, .alert-danger .alert-message{
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-warning .alert-message {
    background-color: inherit;
    color: inherit;
}

.ddcalendrier .field-calendar{
    float:left;
}

.accueilBloc .logout-button{
    display:none;
}

#jform_commande_num, #jform_pv_reception, #jform_client_nom, #jform_client_adresse{
    width: 735px;
}

/*** Calendrier V2 ****/

.fc .jourFerie{
    background-color: #EEE;
}

.eventAddDate{
    text-align: center;
    font-size: 150%;
    margin-bottom: 20px;
}

.eventAddHeure{
    display:flex;
}

.eventAddHeure > div{
    flex:1;
    text-align: center;
}

.eventAddHeure input {
  max-width: 72px;
}

.chosen-container .chosen-results{
    text-align:left;
}

.eventAddBtn{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 30px;
}

.eventObs{
    text-align:center;
}

.eventObs input{
    width: 400px;
    height: 25px;
}

.invalid .chosen-container-single .chosen-single{
    border: 1px solid red;
}

.calendarSelect {
    border: 3px dotted #527e75 !important;
}

.calCheck {
    text-align: center;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    z-index: 9999;
}

.ligne_calendrier_bloc_nom{
        margin-top: 50px;
    height: 720px;
    overflow-y: scroll;
}

.ligne_calendrier_bloc_nom span{
    float: right;
    font-size: 11px;
}

.ligne_calendrier > div{
    padding : 10px;
}

.ligne_calendrier_nom{
        padding-left: 5px;
    font-size: 100%;
    background: #326585;
    color: #FFF;
    cursor: pointer;
    min-width: 187px;
    padding-right: 2px;
}

.ligne_calendrier_date a{
    text-decoration: none;
    margin-left: 10px;
    font-size: 90%;
}

.ligne_calendrier_date a.choixValSel{
    font-weight: bold;
    color: green;
}

.ligne_calendrier_date a.choixValValide{
    text-decoration: line-through;
}

.ligne_calendrier textarea{
    width:250px;
    height:150px;
}

.btnValidation{
        width: 100%;
    text-align: center;
}

.calnonComplet{
    opacity:0.5;
}

.calnonRenseigne{
    
}

.calnonRenseigne .fc-event-main{
    color:red !important;
}

.fc .fc-timegrid-axis-cushion {
    font-size: 12px;
        text-align: center;
}

.cal_activite HR{
        margin: 2px;
    border-bottom: 1px solid #AAA;
    width: calc(100% - 5px);
}

.cal_heureManquante{
    text-align: center;
    width: 100%;
    font-size: 120%;
    color: #ef170d;
    font-weight: bold;
}

.cal_heureSup{
    text-align: center;
    width: 100%;
    font-size: 120%;
    color: #0d29ef;
    font-weight: bold;
}


/**************************** TOAST *******************************/

.toast_alert {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

.toast_alert.success{
    background-color: #74ad5a;
    color: #ffffff;
}

.toast_alert.error{
    background-color: #e8372a;
    color: #ffffff;
}

.toast_alert.show {
  visibility: visible;
  -webkit-animation: fadeintoast 0.5s, fadeouttoast 0.5s 2.5s;
  animation: fadeintoast 0.5s, fadeouttoast 0.5s 2.5s;
}

@-webkit-keyframes fadeintoast {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadeintoast {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeouttoast {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeouttoast {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

/**************************** FIN TOAST *******************************/

/**************************** SCROLLBAR *******************************/

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #32465a transparent;
}

/* Works on Chrome, Edge, and Safari */
.ligne_calendrier_bloc_nom::-webkit-scrollbar, .fc-scroller::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
 
}

.ligne_calendrier_bloc_nom::-webkit-scrollbar-thumb, .fc-scroller::-webkit-scrollbar-thumb {
  background-color: #32465a;
  border-radius: 20px;
  border: 3px solid transparent;
}

/**************************** FIN SCROLLBAR *******************************/

.blocListeHeader{
    width: 1200px;
    margin: auto auto 20px;
}

.blocCentrer{
    width: 1200px;
    margin: auto auto;
}

.fulltextarea{
    width:100%;
}

.blocTitre > span{
        font-size: 24px;
    color: #444444;
}

.blocPlus{
    text-align:center;
}

.blocPlus i{
    font-size: 96px;
}

.center{
    text-align:center!important;
}

.left{
    text-align:left!important;
}

.right{
    text-align:right!important;
}

li.userLeft {
    background: #EEE;
}

.bulleVal {
    position: absolute;
    background: red;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    top: 5px;
    right: 0px;
    color: white;
}

.fc-event-title-container HR{
    background: #666;
    margin: 5px;
    width: calc(100% - 10px);
}

.fc-h-event .fc-event-title-container{
    overflow:hidden;
}

.ui-tooltip HR{
    background: #666;
    margin: 5px;
    width: calc(100% - 10px);
}

/* Statut dans les listes */

.list_statut{
   background-color: #888;
    color: #fff;
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin: 5px;
    /* box-sizing: border-box; */
    border-radius: 4px;
}

.list_statut_0{
    background-color: #e1e14c;
    color: #333; 
}

.list_statut_1{
    background-color: #a3e7a3;
    color: #333; 
}

.list_statut_3{
   background-color: #F08500;
}

.list_statut_2{
   background-color: #369E3B;
}

/* fin statut */

input.ButtonPlusLigne{
        height: 25px;
    /* margin: 0; */
    margin: 0.5em 2px;
    line-height: 25px;
    padding: 0;
}

.couleurAvoir{
    color:#fda504;
}

.minicolors-theme-bootstrap .minicolors-input{
        height: auto;
    width: 207px;
}

.field-calendar > div > button {
    background: none;
    color: #555;
    border: none;
    box-shadow: none;
    text-align: center;
    padding: 0;
}

.field-calendar > div > button:hover {
    background: none;
    color: #999;
}

.calendar-container .btn-group, .calendar-container .btn-group-vertical{
    width:100%;
}

.calendar-container button{
    font-size: 12px;
    padding: 5px;
}

.statutCal{
    position: absolute;
    top: 0;
    right: 2px;
    font-weight: bold;
} 

.statutCal .statutCalRefus{
    
}

.calDiffHoraire{
    border: 2px solid #d52525 !important;
}
.statutDiffMission{
    margin-top: 10px;
}

.spanDiffFrais{
    font-weight:bold;
    color:red;
}

/********* Upload FILES ***************************/

.ezdz-dropzone {
    position: relative;
    border-radius: 20px;
    font: bold 20px arial;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
    border: 2px dashed lightgray;
    color: lightgray;
    overflow: hidden;
}

.ezdz-dropzone canvas{
    max-width:100%;
}

.icone-preview{
    height:60px;
    max-width:100%;
}

.ezdz-accept{
    height: auto;
    max-height: 500px;
    min-height: 100px;
}

.ezdz-custom-small{
        font-size: 17px;
}

.apercuFichierImage{
    width: 100%;
    max-height: 500px;
    border: 1px solid #DDD;
}

.apercuFichierPDF{
    width: 300px;
    border: 1px solid #DDD;
    max-height: 500px;
        max-width: 100%;
}

legend {
    font-weight: bold;
    font-size: 140%;
    margin-bottom: 0px;
    color: #003b51;
    margin-left:0;
}

.addFrais{
    display: flex;
    gap: 10px;
}

.addFrais .input-append{
    display: flex;
}

.btn-primary{
    color:#FFF;
}

#sidemenuClose{
    position:absolute;
    top: 15px;
    right: 5px;
    text-decoration:none;
}

#sidemenuOpen{
        position: absolute;
    top: 0px;
    right: 1px;
    text-decoration: none;
}

.omnigrid {
  margin: auto;  
}

.ancienne_date{
    color: red;
}

.month-picker-title a span.ui-button-text{
    padding:0;
}