/*
	CSS Admin
	 
	Titre : Virtuose Agents Opus
	Auteur : Arpège - Logiciels pour les mairies
	Copyright : Mars 2012 - Tous droits réservés
===============================================================================
 EricM210119-1  correction mantis #0041405: Les libellés des champs sont désordonnés (archivage et effacement des demandes archivés)
*/

html {
    margin: 0;
    padding: 0;
}

body {
    color: #000;
    font-size: 0.90em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: auto;
    margin-top: 20px;
    background: #fff url("images/white_texture.png");
    width: 90%;
}


/*STYLES
	-----------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

input, select {
    /*EricM271112-4	Suppression*/
    height: 30px;
    border: 1px solid #D2D9DB;
    width: 35%;
    /*EricM271112-4	Modif. 5px -> 3px*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

select {
    /*EricM271112-4	Suppression*/
    /*height: 32px;*/
}

input[type=checkbox], input[type=radio] {
    width: auto !important;
    border: none !important;
    height: auto;
    margin-top: 8px;
}

.tableDonnees input, .tableDonnees select {
    width: 100%;
}

fieldset fieldset legend {
    text-transform:none;
}

/* Spécificité des envois de notification */
#divConfigurationNotifications .tableDonnees select {
    width: 90% !important;
}

#ListeQdtDest {
    /*EricM090817-2 Modif*/
    /*width: 100% !important;*/
    width: 60% !important;
}
/*EricM090817-2 Ajout*/
#IdQdtSource {
    width: 60% !important;
}
/*EricM090817-2 Ajout*/
.espacement-label-dialog-notifications {
    display: block;
    float: left;
    width: 35%;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 1px;
}


#dialogAjoutAutre {
    height: 23em !important;
    overflow: auto !important;
}
.legendeTable_notifTypeDemande{
    font-style:italic;
    font-size:0.8em;
    font-family:georgia, "Times new Roman", Time, serif;
    padding-left:30px;
    padding-bottom:15px;
}

.notificationsRDV_typeDemande{
    width:100%;
}

/*MatthieuB 090223-1 Jira GRC2-7047*/ 
.tableMotifsANTS_typeDemande{
    width: 80%;
}

.trTable_notifTypeDemande td{
    padding-bottom:15px;
}

.colonneLabel {
    text-align:right;
    padding-right:10px;
}

.colonneMedia select {
    width:80%;
}

.colonneNature select {
    width:50%;
}

.lien_article_aide a{
    float:right;
    margin-left:10px;
    background:#69CDD6;
    font-size:70%;
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding:5px 10px !important;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position:absolute;
    right:53px;
}


.lien_article_aide a:hover, .lien_article_aide a:focus, .lien_article_aide a:active {
    opacity:0.85;
}
.hors_zoneInfos {
    margin-top:-25px;
}

.chkBox-rdvAffichage
{
    margin-left: 40.7%;
}


/**/
a:link, a:visited, a:active, a:hover {
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

a img {
    border: none;
    border: 0;
}

p {
    margin: 7px 0px;
    clear: both;
}


footer, hgroup nav, section {
    display: block;
}

small {
    font-size: 0.75em;
}

strong {
    font-weight: bold;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.highlight {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    color: #40787C;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    -webkit-text-shadow: 2px 2px 0px #E1EFEF;
    text-shadow: 2px 2px 0px #E1EFEF;
    font-family: 'Cuprum';
    text-transform: uppercase;
}

h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #40787C;
    font-family: 'Cuprum';
    margin-bottom: 15px;
}

.h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #40787C;
    font-family: 'Cuprum';
    margin-bottom: 15px;
}


h3 a {
    font-size: 18px;
    text-transform: uppercase;
    color: #40787C;
    font-family: 'Cuprum';
    margin-bottom: 15px;
}


h4 {
    text-decoration: none;
    color: #444444;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    margin-bottom: 5px;
    font-style: italic;
}

h5, h6 {
    font-size: 1em;
}

/* Exceptions */
.qq-upload-button input {
    width: 100%;
}

.qqUploadBackground, .divBtnSupprOIDC {
    margin: auto;
}

.uploadTheme .qq-upload-button {
    margin-left: 0 !important;
}

.qqUploadBackground .qq-upload-button {
    margin-left: 0 !important;
}

.btnChargerTheme div.qq-upload-button {
    background-color: white;
    color: #777;
    border: #aaa 1px solid;
}

.btnUploadAvecGalerie div.qq-upload-button {
    float: left;
    margin-left: 0 !important;
    margin-right: 10px;
    width: auto;
}

/*page d'authentification */
.login {
    margin: 120px auto;
    color: gray;
}

input[type=password] {
    padding: 5px;
}

/*MANTIS#0045999*/
input[type="password"]::-ms-reveal {
    display : none;
}

.login input[type=text], .login input[type=password] {
    color: #777;
    width: 200px;
    border: 1px solid #D2D9DB;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 30px;
    padding: 0 0 0 5px;
}

/*MANTIS#0045999*/
    .oeil {
   
        padding-top : 0%;
        top : -3px;
        padding-bottom : 1%; 
        padding-left : 3%;      
        background: url('images/mdp_voir.png') no-repeat;
        background-position: left;
        margin-left:-60px;
        position : relative;
        left : 32px; 
        cursor: pointer;
    
    }


   .oeil-barre {

        padding-top : 0%;
        top : -3px;
        padding-bottom : 1%;
        padding-left : 3%;
        background: url('images/mdp_cacher.png') no-repeat;
        background-position: left;
        margin-left:-60px;
        position : relative;
        left : 32px;  
        cursor: pointer; 
   }


.login .validation-summary-errors {
    background-color: #ffebe8;
    border: 1px solid gray;
    margin-bottom: 8px;
    padding-top: 8px;
}

.login div.login {
    border: 1px solid #CCC;
    background-color: #DEEDEF;
    padding: 20px 10px 20px 10px;
    max-width: 600px;
    margin: auto;
    -webkit-box-shadow: 1px 1px 6px 1px #ccc;
    -moz-box-shadow: 1px 1px 6px 1px #ccc;
    box-shadow: 1px 1px 6px 1px #ccc;
    cursor: default;
    margin-bottom: 80px;
    clear: both;
}

    .login div.login fieldset.login legend {
        display: none;
    }

div.login p {
    clear: none;

}

.login .loginimage {
    background: url('images/login_image_admin.png') no-repeat;
    width: 220px;
    height: 220px;
    display: block;
    float: left;
}

.identifiants {
    margin-top: 50px;
    font-size: 11px;
    font-weight: bold;
}

.login .espacement-label-login {
    display: block;
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
    /*color: #4D4D4D;*/
}




.login .submit {
    width: 200px;
    display: inline-block;
    text-align: right;
}

.login .nomConsole {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

.nomConsole {
    float: right;
}

.titreApplication .nomAppli {
    font-size: 19pt;
    line-height: 50px;
}

.titreApplication .nomProduit {
    font-size: 9pt;
    line-height: 9pt;
    margin-left: 0;
}

.nomAppli {
    text-transform: uppercase;
    font-size: 27pt;
    color: black;
    font-family: 'Cuprum';
    line-height: 25px;
    margin-left: -8px;
}

    .nomAppli span {
        color: #0092af;
    }

.nomProduit {
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #bcbcbc;
    line-height: 20px;
    margin-left: -8px;
}

.titreAppliProduit {
    float: right;
    padding: 5px 10px;
    text-align: left;
    width: 250px;
}

/* main layout 
-----------------------*/
.Application-Name {
    /*margin: 0 auto;*/ /*min-width: 960px;*/
    margin: 0 10px 5px 10px;
    background: #fff;
    color: #40787C;
    font-size: 18px;
    -webkit-text-shadow: 2px 2px 0px #E1EFEF;
    text-shadow: 2px 2px 0px #E1EFEF;
    font-family: 'Cuprum';
    text-align: center;
}

.content-wrapper {
    margin: 0 auto; /*min-width: 960px;*/
    background: #fff;
}

#body {
    clear: both;
    padding-bottom: 10px;
    background-color: #fff;
    min-width: 960px;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-shadow: 2px 1px 2px #E6E6E6;
    -webkit-box-shadow: 2px 1px 2px #E6E6E6;
    box-shadow: 2px 1px 2px #E6E6E6;
}

header {
    min-width: 960px;
    margin: auto;
    -moz-box-shadow: 2px 1px 2px #E6E6E6;
    -webkit-box-shadow: 2px 1px 2px #E6E6E6;
    box-shadow: 2px 1px 2px #E6E6E6;
}


.main-content {
    padding-top: 10px; /*EricM271112-4	Modif. initialement 30px*/
    background: #fff;
}

.featured + .main-content {
    background: url("images/heroaccent.png") no-repeat;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    background-color: #fff;
}


footer {
    clear: both;
    font-size: .8em;
    height: 100px;
    margin-top: 15px;
    min-width: 960px;
}

ul.footer {
    display: block;
    float: left;
}

    ul.footer li {
        display: block;
        float: left;
    }

        ul.footer li a {
            display: block;
            float: left;
            color: #6EAEB7;
            text-decoration: underline;
        }

.clear {
    clear: both;
}

/* site title
-------------------------*/
.site-title {
    color: #c8c8c8;
    font-size: 2.3em;
    margin: 20px 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        -moz-outline: none;
        outline: none;
        text-decoration: none;
    }

    .site-title img {
        max-height: 90px;
        max-width: 350px;
    }
/* menu  
---------------------------*/
#divMenuLogin {
    margin: 0 0 20px 0;
}

#menu {
    font-size: 0.75em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    float: left;
}

ul.oe_menu {
    list-style: none;
}

    ul.oe_menu li {
        width: 82px;
        height: 82px;
        margin: 0.28em;
        float: left;
        display: block;
        padding: 2px;
    }

        ul.oe_menu li a {
            height: 74px;
            text-decoration: none;
            display: block;
            padding-top: 10px;
            color: #fff;
        }

        ul.oe_menu li img {
            margin-top: 5px;
            margin-bottom: 5px;
        }


        ul.oe_menu li:hover {
            -moz-opacity: 0.85;
            opacity: 0.85;
            text-decoration: none;
        }

/*BOUTONS
----------------------------*/
input[type=button] {
    /*EricM271112-1	Modif.*/
    /*
	border: 1px solid #D2D9DB;
    background-color: #E5E9EA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E5E9EA));
    background-image: -webkit-linear-gradient(top, #fff, #E5E9EA);
    background-image: -moz-linear-gradient(top, #fff, #E5E9EA);
    background-image: -ms-linear-gradient(top, #fff, #E5E9EA);
    background-image: -o-linear-gradient(top, #fff, #E5E9EA);
    background-image: linear-gradient(top, #fff, #E5E9EA);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 4px 4px 4px !important;
    width: auto;
    cursor: pointer;
    color: #40787C;    
	*/
    border: 1px solid #B73C9A;
    background-color: #B73C9A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px !important;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff;
    vertical-align: middle;
}

    input[type=button]:hover {
        border: 1px solid #B73C9A;
        background-color: #C96CB3;
    }
    /* ------------------------------------------------------------------------- */
    /* pour valider ...*/
    .btnValider,
    input[type=submit].inputSubmitEnregistrer,
    input[type=button].inputSubmitEnregistrer,
    input[type=submit].inputSubmitSeConnecter,
    input[type=button].inputButtonValider,
    input[type=button]#popup_ok,
    input[type=submit].inputSubmitInserer,
    a.linkSeConnecter{
        /*EricM271112-4	Modif.*/
        border: 1px solid #3AC7AF;
        background: #3AC7AF !important;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 6px 4px !important;
        vertical-align: middle;
        width: auto;
        cursor: pointer;
        font: bold 13px Arial, Helvetica !important;
        color: #fff !important;
        margin-right: 5px;
    }

        .btnValider:disabled {
            background: white !important;
            color: #ccc !important;
        }

        .btnValider:hover,
        input[type=submit].inputSubmitEnregistrer:hover,
        input[type=submit].inputSubmitSeConnecter:hover,
        input[type=button].inputButtonValider:hover,
        input[type=button]#popup_ok:hover,
        input[type=submit].inputSubmitInserer:hover,
        a.linkSeConnecter:hover {
            /*EricM271112-4	Modif.*/
            border: 1px solid #3AC7AF !important;
            background-color: #6BD5C3 !important;
        }

        .btnValider:disabled:hover {
            background-color: white !important;
            border-color: #D2D9DB !important;
        }



    /* ------------------------------------------------------------------------- */
    /* pour annuler, retour sans validation ...*/
    .lienRetour,
    input[type=submit].inputSubmitAnnuler,
    input[type=button].inputButtonAnnuler,
    input[type=button]#popup_cancel {
        border: 1px solid #6EAEB7 !important;
        color: #fff !important;
        background-color: #6EAEB7 !important;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 6px 4px !important;
        vertical-align: middle;
        /*vertical-align: middle;<--correction mantis 0019905 */
        width: auto;
        cursor: pointer;
        font: bold 13px Arial, Helvetica !important;
        /*background-image: linear-gradient(top, #fff, #e1e1e1);*/
        background-image: none !important;
        margin-right: 5px;
        /*EricM271112-4	Modif*/
        /* margin-left: 2px; */
        /*margin: 1px 1px 1px 2px;*/
    }

        .lienRetour:hover,
        input[type=submit].inputSubmitAnnuler:hover,
        input[type=button].inputButtonAnnuler:hover,
        input[type=button]#popup_cancel:hover {
            color: #FFF;
            border: 1px solid #6EAEB7;
            background-color: #92C2C9 !important;
        }

#lnkIndexHi {
    padding: 8px 4px 5px !important;
}



/* ------------------------------------------------------------------------- */
/* pour faire une action ...*/
.lienAjouter,
.lienModifier,
input[type=button].inputButtonSupprimer,
span.bouton label,
input[type=button].inputButtonAfficher,
input[type=submit].inputButtonAfficher,
.variable-fusion {
    /*EricM271112-4	Modif.*/
    border: 1px solid #B73C9A !important;
    background-color: #B73C9A !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px !important;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff !important;
    background-image: none !important;
    /*margin-left: 2px;*/
    vertical-align: middle;
    line-height: normal !important;
    margin-right: 5px;
}

input[type=image] {
    width: auto;
    height: auto;
}

.btnSupprimer {
    border: 1px solid #B73C9A !important;
    background-color: #B73C9A !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*TODO: revoir style pour bouton => padding: 6px 4px !important;*/
    /*padding: 1.4px 1px !important;*/
    padding: 6px 4px !important;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica !important;
    color: #fff !important;
    background-image: none !important;
    /*TODO: revoir style pour bouton*/
    margin-left: 30px !important;
    vertical-align: middle;
    line-height: normal !important;
    margin-right: 5px;
}



.lienAjouter:hover,
.lienModifier:hover,
input[type=button].inputButtonSupprimer:hover,
span.bouton label:hover,
input[type=button].inputButtonAfficher:hover,
input[type=submit].inputButtonAfficher:hover,
.variable-fusion:hover {
    /*EricM271112-4	Modif.*/
    border: 1px solid #B73C9A;
    background-color: #C96CB3 !important;
}

.var-fusions-container {
    display: none;
    height: 110px;
    width: 120px;
    /*margin-left:2px;*/
    margin-top: 6px;
    z-index: 1;
    position: absolute;
    background-color: #fff;
    border: 1px solid #B73C9A;
}

    .var-fusions-container ul {
        list-style-type: none;
        margin-top: 10px;
    }

        .var-fusions-container ul li a {
            color: #000;
            display: block;
            width: 100%;
        }

        .var-fusions-container ul li {
            padding: 6px;
        }

            .var-fusions-container ul li:hover {
                background-color: #e1e1e1;
            }

span.bouton input:checked + label {
    border: 3px solid #f86200 !important;
    /*background-color: #f86200;*/
}

/*EricM271112-4	Suppression*/
/*
.lienModifier
{
    border: 1px solid 	#B73C9A;
    background-color: 	#B73C9A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px 6px 4px !important;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff;  
    background-image: none;
    margin-left: 2px;
    vertical-align: middle;
}
	.lienModifier:hover
	{
		border: 1px solid 	#B73C9A;
        background-color: #C96CB3;
    }
*/

/* ------------------------------------------------------------------------- */

#divAjouterPolice{
    margin-left: 28%;
}

#divAjouterPolice{
    display:inline-block;
}

#divSupprimerPolice
{
    height:100%;
    display:inline-block;
}

#divModifierImgBackground
{
    display:inline-block;
    width: 100%;
    height: 3em;
}

.qq-upload-button_bckgrd
{
    margin-left: 110px !important
}

#divSupprimerBackground
{
    height:100%; 
}

.qqUploadBackground
{
    margin-left:1.7em;
    width:38% !important;
}

#btnSupprBackground
{
    /*margin-top: -6.3em;*/
    /*margin-bottom:12%;*/
    /*margin-left: 50%;*/
}

#btnAfficherDialogSuppr
{
    margin-bottom: 16%;
}

.colLabelOptionOIDC
{
    width: 30%;
    margin: auto 0;
}

.colOptionOIDC
{
    width: 70%;
}

.colLabelOptionBackground
{
    width:20%;
    text-align:right;
}

.collabeloptionbackground
{
    width:20%;
    text-align:right;
}

.collabeloptionbackground
{
    width:20%;
    text-align:right;
}

#tabCouleurBckgrd
{
    margin-left:26%;
}

#tabCouleurBckgrdBandeau {
    margin-left: 31%;
}


.ui-dialog-buttonset
{

}

.btnSupprPolice {
    border: 1px solid #8b7dc8 !important;
    background: #8b7dc8 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px !important;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica !important;
    color: #fff !important;
    margin-right: 5px;
}

    .btnSupprPolice:hover {
        border: 1px solid #8b7dc8 !important;
        background-color: #a79fca !important;
    }


/* Importer / exporter 09/02/2015 ...*/
.lienImporter,
input[type=button].inputButtonImporter,
input[type=button].inputButtonDeplierReplier,
.boutonTousAucun,
.boutonAfficherCacher,
.boutonCopier {
    /*EricM271112-4	Modif.*/
    border: 1px solid #FFB300 !important;
    background-color: #FFB300 !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    padding: 6px 4px !important;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff !important;
    background-image: none !important;
    margin-right: 5px;
    /*margin-left: 2px;*/
    /*vertical-align: middle;*/
}

    .lienImporter:hover,
    input[type=button].inputButtonImporter:hover,
    input[type=button].inputButtonDeplierReplier:hover,
    .boutonTousAucun:hover,
    .boutonAfficherCacher:hover,
    .boutonCopier:hover {
        /*EricM271112-4	Modif.*/
        border: 1px solid #FFB300;
        background-color: #FFD11F !important;
    }

#lnkRecopier {
    padding: 8px 4px 5px !important;
    vertical-align: baseline;
}

.items-baseline{
    align-items: baseline;
}

.items-margin-left{
    margin-left: 3rem !important;
}

.lienExporter {
    /*EricM271112-4	Modif.*/
    border: 1px solid #FFB300;
    background-color: #FFB300;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px !important;
    vertical-align: middle;
    margin-right: 5px;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff;
    background-image: linear-gradient(top, #fff, #e1e1e1);
    /*margin-left: 2px;*/
}

    .lienExporter:hover {
        /*EricM271112-4	Modif.*/
        border: 1px solid #FFB300;
        background-color: #FFD11F;
    }

/* ------------------------------------------------------------------------- */
/* autres actions ...*/
/* ne pas utiliser => 09/02/2015*/
/*EricM271112-4	Ajout*/
input[type=button].inputButtonArchivagePurge,
input[type=button].inputButtonJournal input[type=button].inputButtonEtatPublication {
    border: 1px solid #B73C9A;
    background-color: #B73C9A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px !important;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica !important;
    color: #fff;
    background-image: none;
    margin-left: 10px;
    margin-top: 3px;
    vertical-align: middle;
    margin-right: 5px;
}

    input[type=button].inputButtonArchivagePurge:hover,
    input[type=button].inputButtonJournal:hover input[type=button].inputButtonEtatPublication {
        border: 1px solid #B73C9A;
        background-color: #C96CB3;
    }

/* pour les boutons des fenetres d'actions jquery ui.theme*/

button.btnValider.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
button.lienRetour.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
button.btnSupprimer.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
button.lienAjouter.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 !important;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica !important;
    color: #fff !important;
    margin: 0 5px 0 0;
    min-height: 30px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

button.btnValider.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    border: 1px solid #3AC7AF;
    background: #3AC7AF !important;
}

    button.btnValider.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
        border: 1px solid #3AC7AF;
        background-color: #6BD5C3 !important;
    }

button.lienRetour.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    border: 1px solid #6EAEB7 !important;
    background-color: #6EAEB7 !important;
    vertical-align: middle;
}

    button.lienRetour.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
        border: 1px solid #6EAEB7;
        background-color: #92C2C9 !important;
    }

button.lienAjouter.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    border: 1px solid #B73C9A !important;
    background-color: #B73C9A !important;
    vertical-align: middle;
}

    button.lienAjouter.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
        border: 1px solid #B73C9A;
        background-color: #C96CB3 !important;
    }
	
	
/* ------------------------------------------------------------------------- */
/* bouton "Variables" ...*/
.btnVariables {
    border: 1px solid #317ed4 !important;
    background: #317ed4 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px !important;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff;
    margin-right: 5px;
}

    .btnVariables:hover {
        border: 1px solid #317ed4 !important;
        background-color: #619cdf !important;
    }

/* EricM090816-1    Correction mantis #0031567: "Boite de dialogue avec 3 choix : les boutons sont collés" => Ajout */
/* ------------------------------------------------------------------------- */
/* boutons boite de dialogue à 3 choix (Oui / Non / Annuler) */
.btnChoixConfirm3 {
    margin-right: 5px;
}

/* ------------------------------------------------------------------------- */
/* bouton de sélection/déselection (ex:Tout/Aucun, Effacer la recherche) ...*/
.btnChoixSelection {
    border: 1px solid #8b7dc8 !important;
    background: #8b7dc8 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px !important;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff !important;
    margin-right: 5px;
}

    .btnChoixSelection:hover {
        border: 1px solid #8b7dc8 !important;
        background-color: #a79fca !important;
    }

/* bouton sur la page journal */
#supprimer-button-journal {
    float: left;
}

#tous-button {
    cursor: pointer;
}

#aucun-button {
    cursor: pointer;
}

/*EricM271112-4	Ajout - bouton pour les popup*/
/* Cf. "#popup_ok" et "#popup_cancel" */


/* Boutons "Par Droit" et "Par Métier" pour les droits */
/*EricM271112-4	Supprimer (cf. ci-dessus)*/
/*
span.bouton label
{
    border: 1px solid #81c1c6;
    background-color: #81c1c6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 10px;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    background-image: linear-gradient(top, #fff, #e1e1e1);
    color: #fff;
    margin-left: 2px;
}

span.bouton input:checked + label
{
    border: 1px solid #f86200;
    background-color: #f86200;
}
*/
span.bouton input {
    display: none;
}

.submitOrIndex {
    line-height: 30px;
}

#txtError {
    font-size: 12px;
    color: red;
}

/* page elements  
----------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);
        background-image: -o-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7AC0DA), color-stop(1, #A4D4E6));
        background-image: -webkit-linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);
        background-image: linear-gradient(left, #7AC0DA 0%, #A4D4E6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

.espacement-label {
    display: block;
    float: left;
    width: 40%;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px; /*modifié pour aligner correctement les labels dans les formulaires*/
    padding-bottom: 1px;
    /*color: #4D4D4D;*/
}

/* EricM270320-2 Ajout */
.espacement-info {
    display: block;
    float: left;
    width: 40%;
    text-align: left;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 1px;
}

.espacement-label-lien-publication{
    display: block;
    float: left;
    width: 15%;
    text-align: right;
    padding-right: 10px;
    padding-top: 13px;
    /*color: #4D4D4D;*/
}

.espacement-label-recherche {
    display: block;
    float: left;
    width: 25%;
    /*text-align: left;*/ /*SamuelN- 23/08/2016 - Remplacement*/
    text-align: right;
    padding-right: 10px;
    /*padding-left: 10px;*/ /*EricM271112-4	Suppression*/
}

.espacement-label-login {
    display: block;
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
    /*color: #4D4D4D;*/
}


.espacement-label-var {
    display: block;
    float: left;
    width: 13%;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px; /*modifié pour aligner correctement les labels dans les formulaires*/
    padding-bottom: 1px;
    /*color: #4D4D4D;*/
}

.numeroAdr {
    width: 17% !important;
}

.btqAdr {
    width: 17% !important;
}

.espacement-texte {
    padding-top: 5px;
    float: left;
    font-size: 110%;
}

.espacement-label-shorter {
    display: block;
    float: left;
    width: 30%;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px; /*modifié pour aligner correctement les labels dans les formulaires*/
    padding-bottom: 1px;
    /*color: #4D4D4D;*/
}

/* page titles 
----------------------------*/
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
    }

/* features
----------------------------*/
section.item {
    margin: 0px;
    padding: 10px;
    border: 1px solid #e2e2e2;
    background-color: #ffffff;
}

section .overOn {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #7ac0da;
    color: White;
    font-size: 2em;
    padding: 20px;
}

/* ordered list 
----------------------------*/
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.one {
            background: url("images/orderedlistOne.png") no-repeat;
        }

        ol.round li.two {
            background: url("images/orderedlistTwo.png") no-repeat;
        }

        ol.round li.three {
            background: url("images/orderedlistThree.png") no-repeat;
        }

/* content 
----------------------------*/
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page
----------------------------*/

#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 45%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 50%;
}

/* contact 
----------------------------*/
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: solid 1px #333;
    margin: 5px 0 0 10px;
}

/* forms */

fieldset.login {
    border: 6px solid #fff;
    background: #DDF2F1 url("images/pattern-8_transparent.png");
    padding: 20px 10px 20px 10px;
    width: 600px;
    margin: auto;
    -webkit-box-shadow: 2px 1px 2px #e6e6e6;
    -moz-box-shadow: 2px 1px 2px #e6e6e6;
    box-shadow: 2px 1px 2px #e6e6e6;
    cursor: default;
    min-height: 180px;
    margin-bottom: 80px;
}

fieldset {
    border: 1px solid #D6E4E5;
    /*EricM271112-4 Modif.*/
    /* padding: 20px 10px 20px 10px; */
    padding: 10px 5px 10px 5px;
    margin: 5px 8px 2px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    fieldset legend {
        text-transform: uppercase;
        padding: 10px;
        color: #40787C;
    }


    fieldset.login legend {
        display: none;
    }

    fieldset.login p {
        clear: none;
    }


.loginimage {
    background: url("images/cadenas_login.png") no-repeat;
    width: 200px;
    height: 200px;
    display: block;
    float: left;
}

.fieldset-Condition {
    border: 2px solid #40787C;
    padding: 10px 5px 10px 5px;
    margin: 5px 8px 2px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*
fieldset ol
{
    padding: 0;
    list-style: none;
}

fieldset ol li
{
    padding-bottom: 5px;
}

fieldset label
{
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

fieldset label.checkbox
{
    display: inline;
}

fieldset input[type="text"], fieldset input[type="password"]
{
    border: 1px solid #e2e2e2;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

fieldset input[type="text"]:focus, fieldset input[type="password"]:focus
{
    border: 1px solid #7ac0da;
}

fieldset input[type="submit"]
{
    background-color: #d3dce0;
    border: solid 1px #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
}
*/
/*Qualif Demande Type - Fonctionnalités - Echanges*/
#QualifDemandeType_TypeAutorisationEchangeQdt {
    width: 38%;
}
/* ajax login/registration dialog */
.modal-popup {
    font-size: 0.7em;
}

    .modal-popup input[type=text], .modal-popup input[type=password] {
        width: 90%;
    }

/* info and errors */
.message-info {
    border: solid 1px;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.success {
    color: #7ac0da;
}

.error {
    color: #D84D16;
}

/* styles for validation helpers */
.field-validation-error {
    color: #D84D16;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input[type=text].input-validation-error, input[type=password].input-validation-error, input[type=number].input-validation-error, select.input-validation-error {
    border: solid 1px #D84D16;
}

.validation-summary-errors, .validation-update-errors {
    /*padding: 10px 0px;
    margin: 10px 15px;*/
    border: solid 1px #e1e1e1;
    display: block;
    padding: 5px 5px 5px 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #D84D16;
    background: url("images/important.gif") no-repeat #ffa 5px 5px;
    min-height: 30px;
}

    .validation-summary-errors li, .validation-update-errors li {
        list-style-position: inside;
        margin-left: 10px;
    }

.validation-summary-valid {
    display: none;
}

ul#social li {
    display: inline; /*list-style: none;*/
}

    ul#social li a {
        color: #999;
        text-decoration: none;
    }


.dialog-box .dialog-content .field-validation-error {
    color: #D84D16;
    font-weight: bold;
    display: block;
    margin-left: 146px;
}

/*fenetre d'information*/
.validation-summary-infos {
    /*padding: 10px 0px;
    margin: 10px 15px;*/
    border: solid 1px #e1e1e1;
    display: block;
    padding: 5px 5px 5px 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
    background: url("images/info.gif") no-repeat #ecf9fb 5px center;
    min-height: 60px;
    display:flex;
}

.validation-summary-infos-firebase {
    border: solid 1px #e1e1e1;
    padding: 5px 5px 5px 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
    background: url(images/info.gif) no-repeat #ecf9fb 5px center;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.2rem;
}

.firebase-info-text {
    display: inline; 
}

#firebase-account-file-infos{
    margin-left: 41%;
}

.validation-summary-infos p {
    margin: auto 10px auto 0;
}

.avecButtonAide{
    padding-bottom:1%;
}

/*******************************************************************
 *******************************************************************/
#panel-toolbar .panel-hidden {
    display: none;
}

#panel-instance .panel-hidden {
    display: none;
}

#pageSaisie #panel-selection .panel-data {
    float: left;
    background-color: #fff;
    padding: 4px;
}

#pageSaisie #panel-selection .panel-data-ctg {
    width: 24%;
}

#pageSaisie #panel-selection .panel-data-grp {
    width: 24%;
}

#pageSaisie #panel-selection .panel-data-cod {
    width: 48%;
}

/* MatthieuB 240124-1 Jira GRC2-5424 */
#pageSaisie #panel-selection .panel-data-cod td {
    max-width: 600px;
    height: 40px;
}

#pageSaisie #panel-selection .panel-data-cod td a {
    word-break: break-word;
}

#pageSaisie #panel-selection .CodFormatListe {
    width: 180px;
}

#pageSaisie #panel-selection .imgCopiePressePapier {
    padding: 3px;
}

#pageSaisie #panel-selection td {
    -ms-word-break: break-all;
    word-break: break-all;
}

#pageSaisie #panel-selection .panel-data .paneldata-selected {
    color: #0092AF;
    font-weight: bold;
}

#pageSaisie #panel-selection .panel-data .paneldata-encours {
    color: #69CDD6;
    font-weight: bold;
}

#pageSaisie #panel-selection .panel-data a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
}

    #pageSaisie #panel-selection .panel-data a:hover {
        color: #0092AF;
    }



#panel-variable {
    padding: 15px 10px;
    margin: 3px 0;
    border: solid 1px #e1e1e1;
    background-color: #F4F4F4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #0092AF;
    font-weight: bold;
}

.th {
    width: 30%;
    background-color: #F4F4F4;
}
/*******************************************************************
                         Import de formulaire
 *******************************************************************/
#ImportChoixFichierForm {
    /*	float:left;
	width:100%;*/
}

    #ImportChoixFichierForm .espacement-label {
        padding-top: 0;
        width: 35%;
    }

    #ImportChoixFichierForm #spNomFichier {
        /*	padding-top:6px;*/
    }

    #ImportChoixFichierForm #divBtnUpload {
        /*	float:none;
	margin:6px;*/
    }

/*******************************************************************
                         L'upload
 *******************************************************************/
.qq-uploader {
    position: relative;
    width: 100%;
}

.qq-upload-button {
    /*EricM271112-4 Modif. presque même style que */
    display: block; /* or inline-block */
    /*
    color: #000 !important;
    height: 25px;
    border: 1px solid #D2D9DB;
    background-color: #E5E9EA;
    cursor: pointer;
    padding: 1px 4px 2px 4px;
    margin-left: 32%;
    width: 165px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    filter: alpha(opacity=100);
    */
    border: 1px solid #FFB300;
    background-color: #FFB300;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px 6px 4px !important;
    margin-left: 31%;
    width: 151px;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff;
    background-image: none;
    /*vertical-align: middle;*/
    text-align: center;
}

.qq-upload-button-hover {
    /*EricM271112-4 Modif. presque même style que */
    /*
    background: #ffb94b;
	border: 1px solid 	#FFB300;
    */
    background-color: #FFD11F;
}

.qq-upload-button-focus {
    outline: thin dotted #333333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 70px;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}

    .qq-upload-drop-area span {
        display: block;
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -8px;
        font-size: 16px;
    }

.qq-upload-drop-area-active {
    background: #FF7171;
}

.qq-upload-list {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 205px;
    margin-right: 35px;
    padding: 0;
    list-style: disc;
}

    .qq-upload-list li {
        margin: 0;
        padding: 0;
        line-height: 15px;
        font-size: 12px;
    }

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {
}

.qq-upload-spinner {
    display: inline-block;
    background: url("loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.qq-upload-size, .qq-upload-cancel {
    font-size: 11px;
}

.qq-upload-failed-text {
    display: none;
}

.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}

.qq-upload-success {
    display: none;
}

/*******************************************************************
                         Attente indéfinie
 *******************************************************************/
#appelEnCoursFond {
    display: none;
    top: 0px;
    left: 0px;
    z-index: 3000;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-opacity: .80;
    opacity: .80;
    filter: Alpha(Opacity=80);
}

#appelEnCours {
    color: #000;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -155px;
    margin-top: -100px;
    position: fixed;
    width: 310px;
    height: 200px;
    background-image: url("images/fond_encart_loader.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    z-index: 3001;
}

    #appelEnCours img {
        position: absolute;
        top: 30px;
        left: 120px;
        background-image: url(images/108.gif);
        background-repeat: no-repeat;
        background-position: 5px center;
        width: 80px;
        height: 80px;
        z-index: 3002;
    }

    #appelEnCours span {
        position: absolute;
        top: 140px;
        left: 85px;
        color: #000;
    }

/*******************************************************************
                         Les popups
 *******************************************************************/
.dialog-overlay {
    /* set it to fill the whil screen */
    width: 100%;
    height: 100%; /* transparency for different browsers */
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: #000; /* make sure it appear behind the dialog box but above everything else */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000; /* hide it by default */
}

.dialog-box {
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 0px;
    background: #fff;
    width: 600px;
    margin-left: -300px;
    position: fixed;
    left: 50%;
    top: 50px;
    z-index: 5000; /* hide it by default */
    padding: 0.2em;
}

    .dialog-box .dialog-title {
        padding: 0.4em 1em;
    }

    .dialog-box .dialog-content {
        /* style the content */
        text-align: left;
        padding: 10px;
        margin: 13px;
        color: #666;
        font-family: arial;
        font-size: 11px;
    }

        .dialog-box .dialog-content p {
            font-weight: 700;
            margin: 0;
            clear: both;
        }

        .dialog-box .dialog-content ul {
            margin: 10px 0 10px 20px;
            padding: 0;
            height: 50px;
        }

        .dialog-box .dialog-content h1 {
            margin: 10px 0 10px 20px;
            padding: 0;
            color: #6EAEB7;
            text-transform: uppercase;
            font-size: 16px;
        }

        /*EricM271112-4	Ajout */
        .dialog-box .dialog-content h2 {
            margin: 10px 0 10px 20px;
            padding: 0;
            color: #000;
            font-size: 16px;
            text-transform: none;
        }

        /*EricM271112-4	Ajout */
        .dialog-box .dialog-content h3 {
            margin: 10px 0 5px 0;
            padding: 0;
            color: #000;
            font-family: arial;
            font-size: 14px;
            text-transform: none;
        }

        /*EricM271112-4	Ajout */
        .dialog-box .dialog-content legend {
            font-family: "Cuprum";
            margin: 0;
            padding: 0;
            color: #000;
            font-size: 16px;
            width: 540px;
        }

        .dialog-box .dialog-content label.espacement-label {
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            color: #000;
            font-weight: normal;
            font-size: 12px;
            width: 25%; /*EricM271112-4	Ajout */
        }

        /*EricM271112-4	Ajout */
        .dialog-box .dialog-content input {
            height: 24px;
            width: 65%;
        }
        /*EricM271112-4	Ajout */
        .dialog-box .dialog-content select {
            height: 24px;
            width: 65%;
        }
        /*EricM271112-4	Ajout */
        .dialog-box .dialog-content .tableDonnees input, .dialog-box .dialog-content .tableDonnees select {
            width: 98%;
        }

        .dialog-box .dialog-content .tableDonnees td {
            text-align: center;
        }

        .dialog-box .dialog-content .tableDonnees th {
            font-size: 1em;
        }

.listePJ {
    height: 300px;
    overflow: scroll;
}

/*******************************************************************
                         Les jours fériés
 *******************************************************************/
/* la sélection de l'année */ /*EricM271112-4	Ajout*/
p.selectionAnnee {
    margin-left: 50px;
}

    p.selectionAnnee select {
        width: 75px;
        height: auto;
        margin-right: 10px;
    }

/* Le calendrier des jours fériés */
table.calendrier {
    width: 870px;
}

    /*EricM271112-4	Ajout*/
    table.calendrier th {
        font-size: 1em !important;
    }

    table.tableDonnees .nomJour, table.calendrier .nomJour {
        width: 120px;
    }

    table.tableDonnees th.nomJour, table.calendrier th.nomJour {
        width: 120px;
    }

    table.tableDonnees .jour, table.calendrier .jourVide {
        width: 80px;
    }

    table.tableDonnees th.jour, table.calendrier th.jourVide {
        width: 73px;
    }

.jour {
    text-align: center !important;
    font-size: 1em;
    color: #0092AF !important;
    padding: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: solid 1px #d1d1d1 !important;
    border-right: 5px solid #f9fbfb !important;
}

.jourferie {
    background-color: #86E28A !important;
    text-align: center !important;
    font-size: 1em;
    color: #fff !important;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.numSemaine {
    float: right;
    font-style: italic;
}

.weekend {
    background-color: #E6E6E6 !important;
    border-bottom: solid 1px #d1d1d1 !important;
    margin: 1px;
}

.jourVide {
    background-color: #fff !important;
    border: 2px solid #f9fbfb !important;
}

/* Cases Menu Home 
   ----------------------------------------------------------*/
.view {
    width: 150px;
    height: 150px;
    margin: 5px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 0 3px #B2B2B2;
    -moz-box-shadow: 1px 0 3px #B2B2B2;
    box-shadow: 1px 0 3px #B2B2B2;
    cursor: default;
    background: #fff url(images/bgimg.jpg)center center;
}

    .view .mask, .view .content {
        width: 150px;
        height: 150px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .view img {
        display: block;
        position: relative;
    }

    .view p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 13px;
        position: relative;
        color: #000;
        padding: 10px 20px 20px;
        text-align: center;
        margin-top: 25px;
    }

    .view h3 a {
        padding: 5px 10px;
        background-color: #C3E0E2;
        -webkit-box-shadow: 1px 0 5px #B2B2B2;
        -moz-box-shadow: 1px 0 5px #B2B2B2;
        box-shadow: 1px 0 5px #B2B2B2;
    }


        .view h3 a:hover {
            background-color: #FFE091;
        }


    .view a.info:hover {
        -webkit-box-shadow: 0 0 5px #B2B2B2;
        -moz-box-shadow: 0 0 5px #B2B2B2;
        box-shadow: 0 0 5px #B2B2B2;
    }

/* */


.view-tenth img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-tenth .mask {
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.view-tenth p {
    color: #333;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.view-tenth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.view-tenth:hover img {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}


/* Cases Rubriques Pages 
   ----------------------------------------------------------*/

.vue {
    width: 200px;
    height: 335px;
    margin: 5px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 2px 1px 2px #e6e6e6;
    -moz-box-shadow: 2px 1px 2px #e6e6e6;
    box-shadow: 2px 1px 2px #e6e6e6;
    cursor: default;
}

    .vue .mask, .vue .content {
        width: 200px;
        height: 335px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .vue img {
        display: block;
        position: relative;
    }

    .vue h2 {
        display: inline-block;
        text-decoration: none;
        padding: 5px 10px;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 8px;
        margin-top: 3px;
    }

    .vue ul {
        margin-left: 25px;
    }

        .vue ul li {
            color: #6EAEB7;
            list-style-type: square;
            list-style-position: outside;
        }

            .vue ul li a {
                text-decoration: none;
                color: #353535;
                font-family: Arial, serif;
                font-size: 13px;
                line-height: 18px;
            }

.puce {
    list-style: square;
    color: #353535;
}

.vue ul li a:hover {
    color: #40787C;
}

/* */

.vue-tenth img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.vue-tenth .mask {
    background-color: #ebf5f5;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.vue-tenth p {
    color: #333;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.vue-tenth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.vue-tenth:hover img {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.vue-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.vue-tenth:hover h2, .vue-tenth:hover p, .vue-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.section_parametres .vue {
    background: #83c2ce;
}

.section_publications .vue {
    background: #ecac45;
}

.section_outils .vue {
    background: #a9dcb6;
}

/*******************************************************************
                         Le champs de type number
 *******************************************************************/
.ui-spinner {
    position: absolute;
}

.ui-spinner-buttons {
    position: absolute;
    height: 28px;
    left: -16px !important;
    top: 4px !important;
}

.ui-spinner-button {
    overflow: hidden;
    height: 10px !important;
}

/*******************************************************************
                         Le champs de type autocomplete
 *******************************************************************/
ul.as-selections {
    list-style-type: none;
    border-top: 1px solid #C3D1D1;
    border-bottom: 1px solid #C3D1D1;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 0px 0 0px 4px;
    margin: 0;
    overflow: auto;
    background-color: #fff;
    min-height: 29px;
}

    ul.as-selections.loading {
        background-color: #eee;
    }

    ul.as-selections li {
        float: left;
        margin: 1px 4px 1px 0;
    }

        ul.as-selections li.as-selection-item {
            color: #2b3840;
            background-color: #fdf5fe;
            border: 1px solid #C3D1D1;
            border-top-color: #C3D1D1;
            padding: 4px 7px 4px 10px;
            margin: 4px;
            border-radius: 4px;
        }

            ul.as-selections li.as-selection-item a.as-close {
                float: right;
                margin: 1px 0 0 7px;
                padding: 0 2px;
                cursor: pointer;
                color: #5491be;
                font-weight: bold;
            }

            ul.as-selections li.as-selection-item.blur {
                color: #666666;
                background-color: #f4f4f4;
                border-color: #bbb;
                border-top-color: #ccc;
            }

                ul.as-selections li.as-selection-item.blur a.as-close {
                    color: #999;
                }

        ul.as-selections li:hover.as-selection-item {
            color: #2b3840;
            background-color: #DEEFB9;
            border-color: #a3c09a;
        }

            ul.as-selections li:hover.as-selection-item a.as-close {
                color: #4d70b0;
            }

        ul.as-selections li.as-selection-item.selected {
            border-color: #1f30e4;
        }

        ul.as-selections li.as-selection-item a:hover.as-close {
            color: #1b3c65;
        }

        ul.as-selections li.as-selection-item a:active.as-close {
            color: #4d70b0;
        }

        ul.as-selections li.as-original {
            margin-left: 0;
        }

            ul.as-selections li.as-original input {
                border: none !important;
                -moz-outline: none;
                outline: none;
                width: 120px;
                height: 18px;
                padding-top: 3px;
            }

ul.as-list {
    border: 1px solid #C3D1D1;
    position: absolute;
    list-style-type: none;
    margin: 2px 0 0 0;
    padding: 0;
    color: #000;
    background-color: #fff;
    z-index: 2;
}


#texteSelectionAgent li.as-selection-item {
    width: 600px !important;
}

#texteSelectionAgent {
    height: 290px;
}

li.as-result-item, li.as-message {
    margin: 0 0 0 0;
    padding: 5px 12px;
    background-color: transparent;
    border: 1px solid #fff;
    border-bottom: 1px solid #C3D1D1;
    cursor: pointer;
}

li:first-child.as-result-item {
    margin: 0;
}

li.as-message {
    margin: 0;
    cursor: default;
}

li.as-result-item.active {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    color: #000;
}

li.as-result-item em {
    font-style: normal;
    font-weight: bold; /*background: #d0d0d0;   	padding: 0 2px;*/
    color: #f86200;
}

li.as-result-item.active em {
    background: #f86200;
    color: #fff;
}

.ac_results {
}

    .ac_results ul {
        border: 1px solid #C3D1D1;
        list-style-type: none;
        margin: 2px 0 0 0;
        padding: 0;
        color: #000;
        background-color: #fff;
        z-index: 99999;
        overflow: hidden;
    }

    .ac_results li {
        margin: 0 0 0 0;
        padding: 2px 3px;
        background-color: transparent;
        border: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        cursor: pointer;
    }

        .ac_results li strong {
            font-style: normal;
            font-weight: bold; /*background: #d0d0d0;   	padding: 0 2px;*/
            color: #f86200;
        }

        .ac_results li span {
            display: block;
            float: right;
        }

.ac_loading {
    background: url(images/ajax-loader.gif) right center no-repeat !important;
}

.ac_odd {
}

.ac_over {
    border: 1px solid #fbcb09 !important;
    background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    color: #000;
}

    .ac_over strong {
        background: #f86200;
        color: #fff !important;
    }

div.as-results ul {
    max-height: 250px;
    overflow: auto;
}


/*styles for jquery ui daterangepicker plugin */

.ui-daterangepickercontain {
    position: absolute;
    z-index: 999;
}

    .ui-daterangepickercontain .ui-daterangepicker {
        float: left;
        padding: 5px !important;
        /*width: auto;*/
        display: inline;
        background-image: none !important;
        clear: left;
    }

.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
    float: left;
    padding: 0;
    margin: 0;
}

.ui-daterangepicker .ranges {
    width: auto;
    position: relative;
    padding: 5px 5px 40px 0;
    margin-left: 10px;
}

.ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
    margin-left: 5px;
}

.ui-daterangepicker button.btnDone {
    margin: 0 5px 5px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    clear: both;
    cursor: pointer;
    font-size: 1.1em;
}

.ui-daterangepicker ul {
    width: 220px;
    background: #f5f5f5;
    border: 1px solid #107D9C;
}

.ui-daterangepicker li {
    list-style: none;
    padding: 1px;
    cursor: pointer;
    margin: 1px 0;
}

    .ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active {
        padding: 0;
    }

    .ui-daterangepicker li.preset_0 {
        margin-top: 1.5em !important;
    }

.ui-daterangepicker .ui-widget-content a {
    text-decoration: none !important;
}

.ui-daterangepicker li a {
    font-weight: normal;
    margin: .3em .5em;
    display: block;
}

.ui-daterangepicker li span {
    float: right;
    margin: .3em .2em;
}

.ui-daterangepicker .title-start, .ui-daterangepicker .title-end {
    display: block;
    margin: 0 0 .2em;
    font-size: 1em;
    padding: 0 4px 2px;
}

.ui-daterangepicker .ui-datepicker-inline {
    font-size: 1em;
}

.ui-daterangepicker-arrows {
    padding: 2px;
    width: 204px;
    position: relative;
}

    .ui-daterangepicker-arrows input.ui-rangepicker-input {
        width: 158px;
        margin: 0 2px 0 20px;
        padding: 2px;
        height: 1.1em;
    }

    .ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
        position: absolute;
        top: 2px;
        padding: 1px;
    }

    .ui-daterangepicker-arrows .ui-daterangepicker-prev {
        left: 2px;
    }

    .ui-daterangepicker-arrows .ui-daterangepicker-next {
        right: 2px;
    }

        .ui-daterangepicker-arrows .ui-daterangepicker-prev:hover, .ui-daterangepicker-arrows .ui-daterangepicker-next:hover, .ui-daterangepicker-arrows .ui-daterangepicker-prev:focus, .ui-daterangepicker-arrows .ui-daterangepicker-next:focus {
            padding: 0;
        }

.ui-daterangepicker .ui-datepicker {
    display: block;
}




/*******************************************************************
                         Le champs de type timeentry
 *******************************************************************/
.timeEntry_control {
    vertical-align: middle;
    margin-left: 2px;
}

* html .timeEntry_control {
    /* IE only */
    margin-top: -4px;
}

span.timeEntry_control {
    display: inline-block;
    background: url(../images/spinnerOrange.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
}


/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline {
    display: inline;
}

#ui-timepicker-div {
    padding: 0.2em;
}

.ui-timepicker-table {
    display: inline-table;
    width: 0;
    background-color: #fff;
    border: 1px solid #ccc;
}

    .ui-timepicker-table table {
        margin: 0.15em 0 0 0;
        border-collapse: collapse;
    }

.ui-timepicker-hours, .ui-timepicker-minutes {
    padding: 0.2em;
}

.ui-timepicker-table .ui-timepicker-title {
    line-height: 1.8em;
    text-align: center;
}

.ui-timepicker-table td {
    padding: 0.1em;
    width: 2.2em;
}

.ui-timepicker-table th.periods {
    padding: 0.1em;
    width: 2.2em;
}

/* span for disabled cells */
.ui-timepicker-table td span {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    text-align: right;
    text-decoration: none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align: right;
    text-decoration: none;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-timepicker-cover {
    display: none; /*sorry for IE5*/
    display: /**/ block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*Pour supprimer les spinners des tags input avec un attribut type="number". Webkit only.
form input[type=number]::-webkit-outer-spin-button, form input[type=number]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}*/


.filtre {
    float: right;
    clear: both;
}

.filtre input, .filtre select {
    width: auto;
}

input[type=text]::-ms-clear {
    display: none;
}

.inputHorsFormulaire {
    width: auto;
}

/*EricM271112-4	Ajout*/
.filtre input.effacer {
    width: 22px;
    height: 22px;
    border: none;
    margin: 0 !important;
    padding: 0 !important;
    background: url("images/effacer.png") no-repeat scroll 0 0 #6EB5DE;
    background-size: 22px 22px;
}

select.filtreMetiers {
    width: 250px;
}

[id$="_clearDates"].effacer, [id$="_clearDatePubliee"].effacer {
    width: 22px !important;
    height: 22px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: url("images/effacer.png") no-repeat scroll 0 0 #6EB5DE !important;
    background-size: 22px 22px !important;
}


/*jquery slider*/
div #slider {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-right: 1px;
    padding: 1px 0px;
    border: 1px solid #D2D9DB;
    width: 35%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#sliderSpan {
    margin-left: 15px;
}

/*******************************************************************
                          jQuery Alerts                         
********************************************************************/
#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 999999999;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #666;
    background: #CCC url(images/title.gif) top repeat-x;
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content {
    background: 16px 16px no-repeat url(images/info.gif);
    padding: 1em 1.75em;
    margin: 0em;
}

    #popup_content.alert {
        background-image: url(images/info.gif);
    }

    #popup_content.confirm {
        background-image: url(images/important.gif);
    }

    #popup_content.prompt {
        background-image: url(images/help.gif);
    }

#popup_message {
    padding-left: 48px;
    overflow: auto;
    -ms-word-break: break-word;
    word-break: break-word;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}


/************Zone de recherche*******************/
#divRechercheLiens {
    display: block;
    float: left;
    width: 300px;
    /*background: #fff url('images/loupe.png') no-repeat;*/
}

    #divRechercheLiens input.recherche {
        background: transparent;
        padding: 3px 23px 3px 10px;
        margin: 0 0 10px 0;
        width: 221px;
        height: 28px;
        border: 1px solid #E1E1E1;
        float: left;
        display: block;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #divRechercheLiens input.effacer {
        background: #6EB5DE url('images/effacer.png') no-repeat;
        height: 36px;
        float: left;
        display: block;
        border: none;
        color: transparent;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
    }

        #divRechercheLiens input.effacer:hover {
            background-color: #6EC7DE;
        }

.divResultatsRechercheLiens {
}

    .divResultatsRechercheLiens ul {
        border: 1px solid #C3D1D1;
        list-style-type: none;
        margin: 2px 0 0 0;
        padding: 0;
        background-color: #fff;
        z-index: 99999;
        overflow: auto;
        overflow-x: hidden;
        width: 300px;
        color: #40787C;
        font-weight: bold;
        max-height: 400px;
    }

    .divResultatsRechercheLiens li {
        margin: 0 0 0 0;
        padding: 2px 3px;
        background-color: transparent;
        border: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        cursor: pointer;
    }

        .divResultatsRechercheLiens li strong {
            font-style: normal;
            font-weight: bold;
            color: #f86200;
        }

        .divResultatsRechercheLiens li span {
            display: block;
            /*float: right;*/
        }

        .divResultatsRechercheLiens li a:hover {
            background: #FFE39C;
            color: #000;
        }

        .divResultatsRechercheLiens .ui-state-active{
            background: #FFE39C;
            color: #000;
        }

    .divResultatsRechercheLiens .ui-state-hover {
        border: 1px solid #fbcb09 !important;
        color: #000;
    }

    .divResultatsRechercheLiens .ui-menu-item {
        float: none;
    }

    .divResultatsRechercheLiens .ui-state-hover strong {
        background: #f86200;
        color: #fff !important;
    }


.divResultatsRechercheLiens-group {
    background-color: #D6E4E5 !important;
    font-size: medium;
}

.divResultatsRechercheLiens-titre {
    font-size: small;
    font-weight: bold;
    padding-left: 5px;
}


.divResultatsRechercheLiens-dalle {
    font-size: x-small;
    font-style: italic;
    padding-left: 5px;
    color: #68A29D;
}

/**** login *******/
.loginMenu {
    width: 310px;
    float: right;
}

    .loginMenu input[type=submit] {
        width: 36px;
    }

#loginagent {
    background-color: #f1f1f1;
    height: 47px;
    margin-bottom: 2px;
    margin-top: 3px;
    width: 254px;
    border: 1px solid #E1E1E1;
    display: block;
    float: left;
}

    #loginagent img {
        background: #fff;
        width: 35px;
        height: 41px;
        padding: 3px 8px;
        float: left;
        display: block;
    }

    #loginagent p {
        float: none;
        display: block;
        font-size: 10px;
        font-style: italic;
        margin-top: 5px;
    }

        #loginagent p.bonjour {
            float: left;
            display: block;
            font-size: 11px;
            font-family: Arial, Helvetica, sans-serif;
            color: #107d9c;
            font-weight: bold;
            font-style: normal;
            clear: none;
            padding-left: 5px;
        }

#deconnexion {
    display: block;
    float: left;
    width: 36px;
}

.deconnexion {
    background: #f89406 no-repeat;
    height: 49px;
    float: left;
    display: block;
    border: none;
    color: transparent;
    width: 36px;
    margin-top: 3px;
}

    .deconnexion:hover {
        background: #faa937 no-repeat;
    }

/* Configuration des libellés : le descriptif est une chaine html permettant les sauts de ligne, les mises en forme, ... */
.divDescriptif {
    margin-left: 25%;
    padding-left: 10px;
	padding-top: 6px;	/*EricM030122-3 Ajout : amélioration présentation*/
}

.panelBtnAction {
    float: right;
}

    .panelBtnAction .aucun-btn, .panelBtnAction .moins-btn, .panelBtnAction .plus-btn, .panelBtnAction .tous-btn {
        -border: 1px solid Green;
        cursor: pointer;
        display: inline-block;
        min-width: 38px;
        text-align: center;
    }

.selectedPublication{
    background-color: #fafafa !important;
}

td.selectedPublication {
    padding:5px 0 20px 0;
    border-top:solid 1px #e0e0e0;
}

/*----------Spécifique aux sondages (publications)----------*/

.selectedRow td {
    background-color: #F0A000 !important;
}

.selectCursor {
    cursor: pointer;
}

#comAreaQuestionSon {
    width: 420px;
    height: 80px;
    resize: none;
}

.espacement-label-dialog {
    display: block;
    float: left;
    width: 160px;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px; /*modifié pour aligner correctement les labels dans les formulaires*/
    padding-bottom: 1px;
    /*color: #4D4D4D;*/
}

.espacement-label-textarea-dialog {
    display: block;
    float: left;
    width: 160px;
    text-align: right;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    /*color: #4D4D4D;*/
}

.espacement-label-checkbox-dialog {
    padding-top: 1px;
    padding-bottom: 1px;
    /*color: #4D4D4D;*/
}

.espacement-label-dialog-reponse {
    display: block;
    float: left;
    width: 60px;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px; /*modifié pour aligner correctement les labels dans les formulaires*/
    padding-bottom: 1px;
    /*color: #4D4D4D;*/
}

.checkbox-dialog-question {
    margin-left: 170px;
}

#selectSondageDupliquerQuestion {
    width: 360px;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    font-size: 14px;
}

#selectQuestionDupliquerQuestion {
    width: 545px;
    overflow-x: auto;
    overflow-y: auto;
    font-size: 14px;
}

#messageNoQuestion {
    height: 201px;
}

#dupliquer-question-form {
    position: relative;
}

.btnsDupliquerQuestionsSondage {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.sondageAucuneQuestion {
    font-style: italic;
}

/*Tooltip sur popup question*/
.toolTipSpan {
    position: absolute;
    margin-top: 25px;
    color: #40787C;
    background: #D6E4E5;
    border-bottom: 1px solid #C5D6D6;
    padding: 15px;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /*pour IE pre-9*/
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out; /*à partir d'IE 10*/
    margin-left: -2000px;
}

.tooltipA {
    text-decoration: none;
    color: #4D4D4D;
    cursor: text;
}

    .tooltipA:hover .toolTipSpan, .tooltipA:focus .toolTipSpan {
        margin-left: -20px;
        -moz-opacity: 1;
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*pour IE pre-9*/
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out; /*à partir d'IE 10*/
    }

.toolTipSpan::before /*la petite flèche qui relie le tooltip au libellé survolé*/ {
    content: '';
    position: absolute;
    top: -6px;
    left: 10px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #C5D6D6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

#lbQuestionSon {
    width: 420px;
}

#lbReponseSon {
    width: 420px;
}

/*Visualisation des sondages*/

.ContentPagesAdmin {
    display: block;
    float: left;
    width: 100%;
}

.PeriodeSondageAdmin {
    font-size: 12px;
    color: #444444;
    font-weight: bold;
    margin-top: 17px; 
}

.participationSondage {
    font-style: italic;
    color: #444444;
    font-size: 12px;
}

.questionSondageAdmin {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #B73D9A;
    font-weight: bold;
    float: left;
    width: 46%;
}

.commentairesSondage {
    margin-top: 17px;
    max-width: 50%;
    font-style: italic;
}

.TotalVotantAdmin {
    margin-left: 10px;
    color: #40787C;
    font-weight: bold;
    font-size: 12px;
}

.ResultatSondageAdmin table {
    margin-top: 0px;
}


    .ResultatSondageAdmin table tr td.barreSondageAdmin {
        background: #B73D9A url('images/ligne_blanche.png');
        height: 20px;
        background-color: #B73D9A;
        float: left;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        width: 250px;
    }

.ResultatSondageAdmin tr td.scoreAdmin {
    width: 49px;
    height: 18px;
    background-color: #B73D9A;
    float: right;
    padding-right: 1px;
    padding-top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: right;
    font-family: 'Cuprum', "Arial Narrow", Helvetica, sans-serif;
    font-size: 13px;
    margin-right: -55px;
}

.libReponseAdmin {
    float: left;
    width: 46%;
    padding-top: 3px;
    margin-bottom: 15px;
    /*border: 1px solid black;*/
}

.RepondreSondageAdmin {
    width: 100%;
    float: left;
    padding: 5px;
    height: auto;
}

    .RepondreSondageAdmin ul li {
        margin-bottom: 8px;
        margin-left: 10px;
        font-weight: bold;
        list-style: none;
        font-size: 12px;
        display: block;
        margin-top: 7px;
        clear: both;
    }

        .RepondreSondageAdmin ul li div.nbVotesAdmin {
            font-style: italic;
            font-weight: normal;
            float: left;
            padding-top: 3px;
            margin-right: 50px;
            width: 15%;
            text-align: right;
            /*border: 1px solid green;*/
        }

.ResultatSondageAdmin {
    width: 29%;
    display: block;
    float: left;
    height: auto;
    /*border: 1px solid red;*/
}

    .ResultatSondageAdmin tr.nombreVotes {
        width: 280px;
        height: 16px;
        float: left;
        background-color: transparent;
        background-image: none;
    }

    .ResultatSondageAdmin tr {
        width: 280px;
        height: 20px;
        background-color: #e1e1e1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#e1e1e1));
        background-image: -webkit-linear-gradient(top, #F4F4F4, #e1e1e1);
        background-image: -moz-linear-gradient(top, #F4F4F4, #e1e1e1);
        background-image: -ms-linear-gradient(top, #F4F4F4, #e1e1e1);
        background-image: -o-linear-gradient(top, #F4F4F4, #e1e1e1);
        background-image: linear-gradient(top, #F4F4F4, #e1e1e1);
        margin-bottom: 2px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        float: left;
        /*margin-left: -20px;*/
    }

        .ResultatSondageAdmin tr td.score {
            width: 42px;
            height: 19px;
            background-color: #B73D9A;
            float: right;
            padding-right: 1px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            color: #fff;
            text-align: right;
            font-family: 'Cuprum', "Arial Narrow", Helvetica, sans-serif;
            font-size: 12px;
            margin-right: -45px;
        }

        .ResultatSondageAdmin tr td.barreSondageAdmin {
            background: #B73D9A url('images/ligne_blanche.png');
            height: 20px;
            background-color: #B73D9A;
            float: left;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            color: #fff;
            width: 250px;
        }

.stooltip {
    margin-left: 5px;
    padding: 5px;
    background-image: url("images/help.png");
    background-repeat: no-repeat;
}

    .stooltip:hover {
        cursor: pointer;
    }

.panel-hidden {
    display: none;
}

.panel-stt-retrait {
    margin-left: 20px;
}

/*
suppression du 'X' pour fermer les dialogs jquery 
(seulement sur les dialog avec l'option dialogClass:'no-close')
*/
.no-close .ui-dialog-titlebar-close {
    display: none;
}

@media print {
    .noprint {
        display: none;
    }

    .questionContent{
        -webkit-column-break-inside: avoid;
         page-break-inside: avoid;
         break-inside: avoid;
    }

    .RepondreSondageAdmin {
        float:none;
    }

    .commentairesSondages,.libReponseAdmin {
        width: 35%;
    }

    .ContentPagesAdmin {
        -webkit-print-color-adjust: exact;
    }

    .ResultatSondageAdmin table tr td.barreSondageAdmin {
        background: #B73D9A url('images/ligne_blanche.png');
        height: 17px;
        background-color: #B73D9A;
        float: left;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #B73D9A;
        color: #fff;
        width: 250px;
    }

    @-moz-document url-prefix() {
        .ResultatSondageAdmin table tr td.barreSondageAdmin {
            box-shadow: inset 0 0 0 1000px #B73D9A;
        }
    }
}

/*Compatibilité impression pour IE10+ */
 @media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     
      .ResultatSondageAdmin table tr td.barreSondageAdmin {   
            position: relative;
            overflow: hidden; 
        }

      .ResultatSondageAdmin table tr td.barreSondageAdmin:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        border: 99999px #B73D9A solid;
        z-index: -1; 
      }
}

/*Visualisation des avertissements*/

#noJson {
    margin-left: 25%;
}

    #noJson #info {
        background: url(images/info.gif) left top no-repeat;
        margin-left: 18px;
        height: 32px;
        width: 32px;
    }

    #noJson #messageInfoContainer {
        height: 32px;
        margin-left: 63px;
        display: inline;
    }

        #noJson #messageInfoContainer #messageInfo {
            position: relative;
            bottom: 21px;
        }
/*--------------------------------*/

.synchro_encours {
    background: url(images/ajax-loader.gif) left top no-repeat !important;
}

.CompteRenduSynchronisation {
    padding-left: 30px;
}

    .CompteRenduSynchronisation li.success {
        list-style-image: url(images/ico_arp_succes.png);
    }

    .CompteRenduSynchronisation li.encours {
        list-style-image: url(images/ajax-loader.gif);
    }

    .CompteRenduSynchronisation li.echec {
        list-style-image: url(images/ico_arp_echec.png);
    }

/* EricM271112-4	Ajout */
/* Pages de suppression d'un élément
	----------------------------------------------------------*/
.fs4Delete .espacement-label {
    padding-top: 1px;
    color: #6EAEB7;
}

/* EricM271112-4	Ajout */
/* Communes > Recherche de communes
	----------------------------------------------------------*/
.fs4RechercheCommune {
    padding-left: 10px; /*Voir aussi : .espacement-label-recherche*/
}

.btn4RechercheCommune {
    margin-top: 20px;
}

/* EricM271112-4	Ajout */
/* Demandes > Recherche de demandes
	----------------------------------------------------------*/
#divFiltresRecherche {
    margin-left: 50px;
}

    #divFiltresRecherche div {
        width: 47%;
        float: left;
    }

        #divFiltresRecherche div.fsDatesRecherche {
        }

            #divFiltresRecherche div.fsDatesRecherche p {
                clear: both;
            }

            /* EricM210119-1 Ajout */
            #divFiltresRecherche div.fsDatesRecherche span.espacement-label {
                width: 30%;
            }

            /* EricM210119-1 Modif. (60% -> 65%) */
            #divFiltresRecherche div.fsDatesRecherche input {
                width: 65%;
            }

#QualifMetierTypeTree {
    height: 195px;
    overflow: auto;
    width: 410px !important;
}
/* EricM271112-4	Ajout */
/* Droits sur les demandes > choix de la présentation
	----------------------------------------------------------*/
#idChoixPresentationDroitDemande {
    margin-bottom: 15px;
}

/* EricM-mantis#30543   Ajout */
/* Droits DOMAINE sur les METIERS et TYPE de DEMANDE > choix de la présentation
	----------------------------------------------------------*/
#idChoixPresentationDroitsDomaineMetier {
    margin-bottom: 15px;
}
#idChoixPresentationDroitsDomaineTypesDemande {
    margin-bottom: 15px;
}

#EditDroitsSurTypesDemandeDuMetierPourDomaineForm .espacement-label-recherche {
	padding-bottom:25px; /*AL200217 - Ajout de style */
	padding-top:3px;	/*AL200217 - Ajout de style */
}

#EditDroitsSurTypesDemandeDuMetierPourDomaineForm #panelLibMetier {
    font-size:130%;		/*AL200217 - Modification de style 180% => 130% */
	font-weight:20px;
}

/* Droits AGENT-UTILISATEUR sur les METIERS et TYPE de DEMANDE > choix de la présentation
	----------------------------------------------------------*/
#idChoixPresentationDroitsAgentUtilisateurMetier {
    margin-bottom: 15px;
}
#idChoixPresentationDroitsAgentUtilisateurTypesDemande {
    margin-bottom: 15px;
}

#EditDroitsSurTypesDemandeDuMetierPourAgentUtilisateurForm .espacement-label-recherche  {
	padding-bottom:25px; /*AL200217 - Ajout de style */
	padding-top:3px;	/*AL200217 - Ajout de style */
}

#EditDroitsSurTypesDemandeDuMetierPourAgentUtilisateurForm #panelLibMetier {
    font-size:130%;		/*AL200217 - Modification de style 180% => 130% */
	font-weight:20px;	
}

/* EricM271112-4	Ajout */
/* Modèle de réponses
	----------------------------------------------------------*/
.panel-email-subject {
    margin: 5px 0 20px 0;
}

.panel-email-body {
    margin: 0 0 20px 0;
}

    .panel-email-subject label, .panel-email-body label {
        display: block;
        float: left;
        width: 5%;
        text-align: right;
        margin-right: 10px;
    }

input#LibObjetMail {
    width: 65%;
}

.panel-sms {
    /*margin: 0px 0 70px 0;*/
}

    .panel-sms .avertissement {
        display: block;
        float: left;
        width: 76%;
    }

    .panel-sms .btn_variables {
        display: block;
        float: left;
        margin-bottom: 10px;
        /* width:30%; */
    }

.panel-audio {
    /*margin: 0px 0 70px 0;*/
}

    .panel-audio .avertissement {
        display: block;
        float: left;
        width: 76%;
    }

    .panel-audio .btn_variables {
        display: block;
        float: left;
        margin-bottom:10px;
        /* width:30%; */
    }

.panel-courrier {
    margin: 0;
}


#tbNbSections {
    width: 35px;
}

/********** Données techniques - Purge des données personnelles *****************/
.exprimeenPurgeDonnees {
    width: 100px;
}

.inputNumber {
    width: 40px !important;
}

/* >>> MANTIS #0025397: Permettre la mise en oeuvre d'un automate d'archivage et de purge des demandes traitées*/

fieldset.autoarcheff-misenavant {
    border:3px solid #D6E4E5;
}

.autoarcheff-misenavant legend {
    font-weight: bold;
}

.autoarcheff-misenretrait {
    background:#fbfbfb;
    opacity:0.8;
}

.autoarcheff-activee {
    padding-top: 5px;
}

.autoarcheff-activee .lienModifier {
    font-size:13px !important;
}

#panelAutoarcheffReglage input {
    width:100px;
}

/* <<< FIN MANTIS #0025397*/

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header  
                    ----------------------------------------------------------*/
    header .float-left, header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin-top: 0;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout  
                    ----------------------------------------------------------*/
    .main-content, .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.one, ol.round li.two, ol.round li.three {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    fieldset input[type=text], fieldset input[type=password] {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }

    /* footer 
	----------------------------------------------------------*/
    footer .float-left, footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }
}

#frmBloc fieldset legend, #frmLigne fieldset legend {
    height: 19px;
}

/****************************************************
*                       FullCalendar                *
****************************************************/

/*
 * FullCalendar v1.4.10 Stylesheet
 *
 * Feel free to edit this file to customize the look of FullCalendar.
 * When upgrading to newer versions, please upgrade this file as well,
 * porting over any customizations afterwards.
 *
 * Date: Sat Jan 1 23:46:27 2011 -0800
 *
 */


/* TODO: make font sizes look the same in all doctypes */


.fc, .fc .fc-header, .fc .fc-content {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}

.fc {
    direction: ltr;
    text-align: left;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .fc td, .fc th {
        padding: 0;
        vertical-align: top;
    }



/* Header
------------------------------------------------------------------------*/

table.fc-header {
    width: 100%;
}

.fc-header-left {
    width: 25%;
}

    .fc-header-left table {
        float: left;
    }

.fc-header-center {
    width: 630px;
    text-align: center;
}

    .fc-header-center table {
        margin: 0 auto;
    }

.fc-header-right {
    width: 25%;
}

    .fc-header-right table {
        float: right;
    }

.fc-header-title {
    margin-top: 0;
    white-space: nowrap;
}

.fc-header-space {
    padding-left: 10px;
}

/* right-to-left */

.fc-rtl .fc-header-title {
    direction: rtl;
}



/* Buttons
------------------------------------------------------------------------*/

.fc-header .fc-state-default, .fc-header .ui-state-default {
    margin-bottom: 1em;
    cursor: pointer;
}

.fc-header .fc-state-default {
    border-width: 1px 0;
    padding: 0 1px;
}

    .fc-header .fc-state-default, .fc-header .fc-state-default a {
        border-style: solid;
    }

        .fc-header .fc-state-default a {
            display: block;
            border-width: 0 1px;
            margin: 0 -1px;
            width: 100%;
            text-decoration: none;
        }

        .fc-header .fc-state-default span {
            display: block;
            border-style: solid;
            border-width: 1px 0 1px 1px;
            padding: 3px 5px;
        }

.fc-header .ui-state-default {
    padding: 4px 6px;
}

    .fc-header .fc-state-default span, .fc-header .ui-state-default span {
        white-space: nowrap;
    }

/* for adjacent buttons */

.fc-header .fc-no-right {
    padding-right: 0;
}

    .fc-header .fc-no-right a {
        margin-right: 0;
        border-right: 0;
    }

.fc-header .ui-no-right {
    border-right: 0;
}

/* for fake rounded corners */

.fc-header .fc-corner-left {
    margin-left: 1px;
    padding-left: 0;
}

.fc-header .fc-corner-right {
    margin-right: 1px;
    padding-right: 0;
}

/* DEFAULT button COLORS */

.fc-header .fc-state-default, .fc-header .fc-state-default a {
    border-color: #777; /* outer border */
    color: #333;
}

    .fc-header .fc-state-default span {
        border-color: #fff #fff #d1d1d1; /* inner border */
        background: #e8e8e8;
    }

    .fc-header .fc-state-default a:hover {
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-decoration: none;
    }

/* PRESSED button COLORS (down and active) */

.fc-header .fc-state-active a {
    color: #fff;
}

.fc-header .fc-state-down span, .fc-header .fc-state-active span {
    background: #6EAEB7;
    border-color: #107D9C #107D9C #107D9C; /* inner border */
}

/* DISABLED button COLORS */

.fc-header .fc-state-disabled a {
    color: #999;
}

.fc-header .fc-state-disabled, .fc-header .fc-state-disabled a {
    border-color: #ccc; /* outer border */
}

    .fc-header .fc-state-disabled span {
        border-color: #fff #fff #f0f0f0; /* inner border */
        background: #f0f0f0;
    }



/* Content Area & Global Cell Styles
------------------------------------------------------------------------*/

.fc-widget-content {
    border: 1px solid #C3D1D1; /* outer border color */
}

.fc-content {
    clear: both;
}

    .fc-content .fc-state-default {
        border-style: solid;
        border-color: #C3D1D1; /* inner border color */
    }

    .fc-content .fc-state-highlight {
        /* today */
        background: #ffc;
    }

    .fc-content .fc-not-today {
        /* override jq-ui highlight (TODO: ui-widget-content) */
        background: none;
    }

.fc-cell-overlay {
    /* semi-transparent rectangle while dragging */
    background: #71D6DB;
    opacity: .2;
    filter: alpha(opacity=20); /* for IE */
}

.fc-view {
    /* prevents dragging outside of widget */
    width: 100%;
    overflow: hidden;
}





/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event, .fc-agenda .fc-event-time, .fc-event a, .fc-event p {
    border-style: solid;
    border-color: #6EAEB7; /* default BORDER color (probably the same as background-color) */
    background-color: #D0E1E0; /* default BACKGROUND color */
    color: #3D585B; /* default TEXT color */
    border-radius: 1px;
}

    .fc-event, .fc-agenda .fc-event-time, .fc-event a, .fc-event p:hover {
        border-style: solid;
        border-color: #FFB00D; /* default BORDER color (probably the same as background-color) */
        /*background-color:#FFCC66; /* default BACKGROUND color */
        color: #3D585B; /* default TEXT color */
        border-radius: 1px;
    }

/* Use the 'className' CalEvent property and the following
	 * example CSS to change event color on a per-event basis:
	 *
	 * .myclass,
	 * .fc-agenda .myclass .fc-event-time,
	 * .myclass a {
	 *     background-color: black;
	 *     border-color: black;
	 *     color: red;
	 *     }
	 */
.classeRdvSel, .fc-agenda .classeRdvSel .fc-event-time, .classeRdvSel a, .classeRdvSel p {
    border-color: #FFB00D !important; /* default BORDER color (probably the same as background-color) */
    background-color: #FFCC66; /* default BACKGROUND color */
    color: #913C02;
}

.classeRdvRec {
    background-image: url(images/recurence.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.classeRdvNonSupp, .fc-agenda .classeRdvNonSupp .fc-event-time, .classeRdvNonSupp a, .classeRdvNonSupp p {
    border-color: #888 !important;
    background-color: #BCBCBC;
    color: #333;
}

.fc-jourferie {
    background-color: #E6E6E6 !important;
}

.fc-event {
    text-align: left;
}

.fc-event-editable {
    cursor: pointer;
}

.fc-event-time, .fc-event-title, .fc-event-content {
    padding: 0 1px;
}

/* for fake rounded corners */

.fc-event a, .fc-event p {
    overflow: hidden;
    font-size: .80em;
    text-decoration: none;
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

/* right-to-left */

.fc-rtl .fc-event a, .fc-rtl .fc-event p {
    text-align: right;
}

/* resizable */

.fc .ui-resizable-handle {
    /*** TODO: don't use ui-resizable anoymore, change class ***/
    display: block;
    position: absolute;
    z-index: 99999;
    border: 0 !important; /* important overrides pre jquery ui 1.7 styles */
    background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */
}



/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

    .fc-event-hori a, .fc-event-hori p {
        border-width: 0;
    }

/* for fake rounded corners */

.fc-content .fc-corner-left {
    margin-left: 1px;
}

    .fc-content .fc-corner-left a, .fc-content .fc-corner-left p {
        margin-left: -1px;
        border-left-width: 1px;
    }

.fc-content .fc-corner-right {
    margin-right: 1px;
}

    .fc-content .fc-corner-right a, .fc-content .fc-corner-right p {
        margin-right: -1px;
        border-right-width: 1px;
    }

/* resizable */

.fc-event-hori .ui-resizable-e {
    top: 0 !important; /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px; /* IE6 had 0 height */
}




/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid table {
    width: 100%;
}

.fc .fc-grid th {
    border-width: 0 0 0 1px;
    text-align: center;
}

.fc .fc-grid td {
    border-width: 1px 0 0 1px;
}

.fc-grid th.fc-leftmost, .fc-grid td.fc-leftmost {
    border-left: 0;
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded 	   might want to set the 'color' property instead 	   making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 0; /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time {
    font-weight: bold;
}

/* right-to-left */

.fc-rtl .fc-grid {
    direction: rtl;
}

    .fc-rtl .fc-grid .fc-day-number {
        float: left;
    }

    .fc-rtl .fc-grid .fc-event-time {
        float: right;
    }

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc .fc-agenda th, .fc .fc-agenda td {
    border-width: 1px 0 0 1px;
}

.fc .fc-agenda .fc-leftmost {
    border-left: 0;
}

.fc-agenda tr.fc-first th, .fc-agenda tr.fc-first td {
    border-top: 0;
}

.fc-agenda-head tr.fc-last th {
    border-bottom-width: 1px;
}

.fc .fc-agenda-head td, .fc .fc-agenda-body td {
    background: none;
}

.fc-agenda-head th {
    text-align: center;
}


.fc-agenda-colhour {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
}

.fc-hourseparated {
    font-size: 31px;
    color: #3D585B !important;
    background-color: #D0E1E0 !important;
    border-top: #6EAEB7 1px solid;
}
/* the time axis running down the left side */

.fc-agenda .fc-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
    font-weight: normal;
}

/* all-day event cells at top */

.fc-agenda-head tr.fc-all-day th {
    height: 35px;
}

.fc-agenda-head td {
    padding-bottom: 10px;
}

.fc .fc-divider div {
    font-size: 1px; /* for IE6/7 */
    height: 2px;
}

.fc .fc-divider .fc-state-default {
    background: #eee; /* color for divider between all-day and time-slot events */
}

/* body styles */

.fc .fc-agenda-body td div {
    height: 20px; /* slot height */
}

.fc .fc-agenda-body tr.fc-minor th, .fc .fc-agenda-body tr.fc-minor td {
    border-top-style: dotted;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 0; /* distance between events and day edges */
}

/* vertical background columns */

.fc .fc-agenda-bg .ui-state-highlight {
    background-image: none; /* tall column, don't want repeating background image */
}



/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
    border-width: 0px 0px;
}

    .fc-event-vert a, .fc-event-vert p {
        border: 1px solid #6EAEB7;
        padding: 0px !important;
    }

    /* event content */

    .fc-event-vert span {
        display: block;
        position: relative; /*z-index: 2;*/
    }

        .fc-event-vert span span {
            display: inline;
            /*z-index: 2;*/
        }

        .fc-event-vert span.fc-event-time {
            white-space: nowrap;
            _white-space: normal;
            overflow: hidden;
            border: 0;
            font-size: 10px;
        }

        .fc-event-vert span.fc-event-title {
            line-height: 16px;
        }

        .fc-event-vert span.fc-event-content {
            line-height: 16px;
            text-align: center;
            vertical-align: middle;
            padding: 3px 0px;
        }

        .fc-event-vert span.fc-event-bg {
            /* makes the event lighter w/ a semi-transparent overlay  */
            display: none;
            position: absolute; /*z-index: 1;*/
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            opacity: .3;
            filter: alpha(opacity=30); /* for IE */
        }

    /* resizable */

    .fc-event-vert .ui-resizable-s {
        bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
        width: 100% !important;
        height: 8px !important;
        line-height: 8px !important;
        font-size: 11px !important;
        font-family: monospace;
        text-align: center;
        cursor: s-resize;
    }

.backgroundRdvReserveAgent
{
	background-image: url(./images/hachures.png) !important;
}

/* Calendrier propre à la GRC */
/* Nouvelle demande : */
#calendarND {
    width: 630px;
}

#aide_calendrier {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 638px;
}

    #aide_calendrier span {
        display: block;
        font-size: 1.2em;
    }

.modifReccurenceBouton {
    text-align: center;
}

    .modifReccurenceBouton input[type=button] {
        width: 220px !important;
    }

.configUnCreneau p.nbrRdvPris {
    color: #f46300;
}

/* EricM270320-2 Modif. Suppression width*/
.configUnCreneau p.nbrRdvPris label {
	display: block;
	float: left;
	padding-bottom: 1px;
	padding-right: 10px;
	padding-top: 6px;
	text-align: right;
	/*width: 30%;*/
}

span.infosCaches {
    display: none !important;
}

#calendrierCreneau {
    margin-bottom: 10px;
}

.importCreneau {
    margin-bottom: 10px;
}

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

.btAuthService {
    float: left;
    margin-top: 10px;
    margin-left: 8px;
}

#chart .node rect {
    cursor: pointer;
    fill: #fff;
    stroke: #40787C;
    stroke-width: 1.5px;
}

#chart .node text {
    font: 10px sans-serif;
    pointer-events: none;
}

#chart path.link {
    fill: none;
    stroke: #c6dadb;
    stroke-width: 1.5px;
}

#chart a:hover {
    -webkit-animation: spinAround 2s linear infinite;
    -moz-animation: spinAround 2s linear infinite;
    animation: spinAround 2s linear infinite;
}

/*****************Gestion de quota****************/
.spinnerQuota {
    padding-right: 2px !important;
    width: 80px;
}

/* Thème de l'espace citoyen */
.personnaliserTheme {
    padding-bottom: 50px;
}

#themeActuel img {
    display: block;
}

#listeTheme li {
    list-style-type: none;
    float: left;
    width: 290px;
    height: 210px;
    padding-bottom: 25px;
    font-size: 85%;
    padding: 20px 0 30px 20px;
    margin: 5px 5px 10px 5px;
}

    #listeTheme li:hover {
        background: #FFE091;
    }

    #listeTheme li img {
        max-width: 300px;
        max-height: 200px;
        display: block;
    }

.titreChoixTheme {
    background: #DEEDEF;
    font-size: 90%;
    padding: 5px 10px;
    color: #40787C;
    font-weight: bold;
}

.titreListeChoixTheme {
    margin-left: 15px;
}

.divBtnUploadThemeEc {
    display: flex;
    margin-left: 25px;
}

.nomThemeChoisi {
    text-transform: uppercase;
    font-size: 13pt;
}

.titreThemeCourant {
    font-size: 110%;
    line-height: 30px;
}

a.lnkConsulter {
    color: #000;
    padding: 0px;
    text-decoration: underline;
}

.connexionOIDC {
    display: flex;
    flex-direction: column;
}

.trCouleurOIDC {
    margin-top: 20px;
}

/*MatthieuB 040822-1 Jira GRC2-5820*/
.divTrCouleurOIDC {
    display: flex;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}

.ligneFlex {
    display: flex;
    flex-direction: row;
    margin: auto;
    width: 50%;
    margin-top: 8px;
}

.colonneFlex {
    display: flex;
    flex-direction: column;
}

.labelAffichage1Colonne{
    margin-left: 10px;
}

.divAffichage1Colonne {
    display: flex;
}

.divSection1Colonne{
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-left: 10px;
}

.widthFull{
    width: 100%;
}

.styleFormAffichage1Colonne {
    width: 100%;
    margin-left: 10px;
}

.titreAffichage1Colonne{
    padding: 8px;
}

.sizeImgBandeau{
    max-width: 1500px;
    max-height: 250px;
}

.boutonThemeEC {
    display: flex;
}

.colonneFlex > * {
    margin: 8px;
}

.trImageOIDC {
    margin-top: 20px;
}

/*MatthieuB 280921-1 Jira GRC2-4826*/
#imgUploadOIDC, #imgUploadPictoOIDC, #imageDefaultOIDC {
    max-width: 200px;
    margin: auto;
}

#divModifierImgBackground {
    display: flex;
    width: 100%;
}

#divModifierImgOIDC, #divModifierPictoOIDC {
    display: flex;
    width: 100%;
}

.tablePersonnalisationTheme {
    width: 100%;
}

.tablePersonnalisationTheme > tbody > tr {
    vertical-align: top;
}

.tablePersonnalisationTheme > tbody > tr > td {
    padding: 3px;
}

.couleurPalette {
    padding-right: 10px;
}

.colLabelCouleurTexte {
    text-align: right;
    padding-right: 10px;
    font-size: 90%;
}

    .colLabelCouleurTexte span {
        display: block;
        padding-top: 6px;
    }

.colCouleurPalette {
    width: 65px;
}


.colCouleurOrigine {
    border: 2px solid white;
    width: 5px;
}

    .colCouleurOrigine span {
        display: block;
        width: 10px;
        height: 31px;
    }

.colLabelCouleurOrigine {
    width: 50px;
    padding: 0 3px;
}

    .colLabelCouleurOrigine span {
        display: block;
        padding-top: 9px;
    }

.colLabelCouleurOrigine, .colBordureOrigine, .colPoliceOrigine {
    font-size: 80%;
    color: gray;
    margin-left: 8px;
}

.divPositionnement {
    width: 15%;
    padding: 5px;
    float: left;
}

.titreSeparationsPersonnalisation {
    background: #F4F4F4;
    padding: 5px 10px;
    color: #40787C;
    margin: 0 0 15px;
    font-weight: bold;
    font-family: Arial, ssans-serif;
    font-size: 12pt;
    font-style: normal;
}


.soustitreSeparationPersonnalisation {
    font-size: 80%;
    font-style: italic;
    color: gray;
}

.themeTravailCourant {
    margin: 10px 0 30px;
}


.themeCourant {
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
}

.infosPublication, .infosPrevisualisation {
    float: right;
}

.previsualisationFramePerso {
    margin: 0 auto;
}

.btnsPersonnalisation {
    list-style: none;
    line-height: 40px;
}

.btnPersoTheme {
    padding: 10px 0;
}

.selectBordurePerso {
    width: 95%;
    margin: 5px 10px;
}

.notaInfoPersonnalisation {
    background: url('images/bulle_liste_tableau.png') no-repeat bottom left;
    padding-left: 20px;
    padding-top: 20px;
    font-style: italic;
    font-size: 85%;
}

div.sp-button-container.sp-cf .btnValider,
div.sp-button-container.sp-cf .lienRetour {
    color: #fff !important;
    margin: 5px;
    text-shadow: none;
    border: none;
    text-decoration: none;
    font: bold 13px Arial, Helvetica;
}

    div.sp-button-container.sp-cf .btnValider:hover {
        background-color: #6BD5C3 !important;
    }

/*MatthieuB 280921-1 Jira GRC2-4826     >>> Début*/
/*Afficahge de l'icone par défaut de cityconnect*/
#imageDefaultOIDC {
    width: 29px;
    height: 18px;
    opacity: 0.9;
    /*margin: auto 0;*/
    background-image: url('images/icon_cityconnect_blanc.png');
}

#divRenduBoutonOIDC {
    margin: 20px auto;
    margin-bottom: 1px;
    display: flex;
    width: 200px;
    height: 45px;
    border-radius: 3px;
}
/*MatthieuB 280921-1 Jira GRC2-4826     <<< Fin*/

/***
Spectrum Colorpicker v1.4.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}

    .sp-container.sp-flat {
        position: relative;
    }

    /* Fix for * { box-sizing: border-box; } */
    .sp-container,
    .sp-container * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
    position: relative;
    width: 100%;
    display: inline-block;
}

.sp-top-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sp-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20%;
}

.sp-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top: 33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}

.sp-sat, .sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
    display: block;
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}

.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}

.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

    .sp-clear.sp-clear-display {
        background-position: center;
    }

.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

    .sp-container.sp-input-disabled .sp-input-container {
        display: none;
    }

    .sp-container.sp-buttons-disabled .sp-button-container {
        display: none;
    }

    .sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
        display: none;
    }

.sp-palette-only .sp-picker-container {
    display: none;
}

.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

.sp-2 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

.sp-3 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

.sp-4 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

.sp-5 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

.sp-6 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
    content: "";
    display: table;
}

.sp-cf:after {
    clear: both;
}

.sp-cf {
    *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color {
        right: 40%;
    }

    .sp-hue {
        left: 63%;
    }

    .sp-fill {
        padding-top: 60%;
    }
}

.sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: #000;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #6EAFB8;
    padding: 0;
}

    .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
        font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

.sp-top {
    margin-bottom: 3px;
}

.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
    width: 100%;
}

.sp-input {
    font-size: 12px !important;
    border: 1px inset;
    padding: 4px 5px;
    margin: 0;
    width: 100%;
    background: transparent;
    border-radius: 3px;
    color: #222;
}

    .sp-input:focus {
        border: 1px solid orange;
    }

    .sp-input.sp-validation-error {
        border: 1px solid red;
        background: #fdd;
    }

.sp-picker-container, .sp-palette-container {
    float: left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}

.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: solid 2px transparent;
}

    .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
        border-color: orange;
    }

.sp-thumb-el {
    position: relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}

    .sp-initial span {
        width: 30px;
        height: 25px;
        border: none;
        display: block;
        float: left;
        margin: 0;
    }

    .sp-initial .sp-clear-display {
        background-position: center;
    }

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    margin-right: 10px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px gray;
    background: #eee;
    color: #333;
    vertical-align: middle;
}

    .sp-replacer:hover, .sp-replacer.sp-active {
        border-color: #6EAFB8;
        color: #111;
    }

    .sp-replacer.sp-disabled {
        cursor: default;
        border-color: silver;
        color: silver;
    }

.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px;
}

.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float: left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}

    .sp-palette .sp-thumb-el {
        width: 16px;
        height: 16px;
        margin: 2px 1px;
        border: solid 1px #d0d0d0;
    }

.sp-container {
    padding-bottom: 0;
}


    /* Buttons: http://hellohappy.org/css3-buttons/ */
    .sp-container button {
        background-color: #eeeeee;
        background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
        background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
        border: 1px solid #ccc;
        border-bottom: 1px solid #bbb;
        border-radius: 3px;
        color: #333;
        font-size: 14px;
        line-height: 1;
        padding: 5px 4px;
        text-align: center;
        text-shadow: 0 1px 0 #eee;
        vertical-align: middle;
    }

        .sp-container button:hover {
            background-color: #dddddd;
            background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
            background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
            background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
            background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
            background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
            border: 1px solid #bbb;
            border-bottom: 1px solid #999;
            cursor: pointer;
            text-shadow: 0 1px 0 #ddd;
        }

        .sp-container button:active {
            border: 1px solid #aaa;
            border-bottom: 1px solid #888;
            -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
        }

.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin: 0;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none;
}

    .sp-cancel:hover {
        color: #d93f3f !important;
        text-decoration: underline;
    }


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}


/* Outil de concordance des données géographique */
.concordanceDonneeGeographiqueButton {
    border: 1px solid #D2D9DB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.elementPotentiellementSemblable {
    background-color: #C6DADB;
    padding: 5px;
}

.elementPotentiellementSemblableTable {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 2px;
}

.elementPotentiellementSemblableCase {
    width: 45%;
    border: solid 1px #40787c;
}

.elementPotentiellementSemblableAction {
    border: solid 1px #40787c;
    width: 10%;
    text-align: center;
}

.elementAbsent {
    background-color: #C6DADB;
    padding: 7px;
    border: solid 1px #40787c;
    margin-top: 5px;
}

.elementAbsentTable {
    width: 100%;
    margin-top: 10px;
}

.elementAbsentButton {
    float: right;
    margin-top: -5px;
}


/*----------Maintenance du site -------------*/
#online {
    margin-bottom: 25px;
}

#modeActuel {
    padding: 5px 10px;
    color: #40787C;
    font-weight: bold;
    text-transform: uppercase;
}

/*---------------Champs cacher copy-----------*/

#CopyClipboardInput{
    color:white;
    background-color: white;
    border-color: white;
}

#CopyClipboardInput:focus{
    color:white;
    background-color: white;
    border-color: white;
}

#CopyClipboardInput:active{
    color:white;
    background-color: white;
    border-color:white;
}

.transparent-button {
    background-color:transparent;
    background-repeat:no-repeat;
    border:none;
    cursor:pointer;
}

.tooltipped {
	position:relative
}
.tooltipped:after {
	position:absolute;
	z-index:1000000;
	display:none;
	padding:5px 8px;
	font:normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	letter-spacing:normal;
	word-wrap:break-word;
	white-space:pre;
	pointer-events:none;
	content:attr(aria-label);
	background:rgba(0,0,0,0.8);
	border-radius:3px;
	-webkit-font-smoothing:subpixel-antialiased
}
.tooltipped:before {
	position:absolute;
	z-index:1000001;
	display:none;
	width:0;
	height:0;
	color:rgba(0,0,0,0.8);
	pointer-events:none;
	content:"";
	border:5px solid transparent
}
.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after {
	display:inline-block;
	text-decoration:none
}


#divCitoyenRecherche{
    height: 6em;
}

/*style filtre*/
#filterBoxClassAgentService{
    margin-bottom:4em;
    /*EricM090817-2 Modif.*/
    /*width: 34em;*/
    width: auto;
    background-color:white;
    padding-top:0.5em;
}

#AgentServiceTree{
    border:1px solid black;
    height:15em;
    overflow:scroll;
}

#divAjouterDestinataire{
    margin-top:1em;
}

#divAjouterDestinataire ul{
    min-height: 2em;
}

/*apercu notification*/

/*#apercuNotifcationDialogDiv{
    background-color: #EBF2F2;
}*/

#cadreObjetApercu{
    width:auto;
    border: 0.1em solid grey;
    height: auto;
    background-color:white;
}

#cadreCorpsApercu{
    width: auto;
    height: auto;
    background-color: white;
    border: 0.1em solid grey;
    margin-top: 1em;
    overflow:auto;
}

#lnkSubmitEditConfNotif{
    font-size: 0.9em;
}

.iconSupprimerNotif{
    margin-right:0.5em;
}



.smarties{
    Border : 1px solid #777f80 ; 
    background-color :#d6e4e5 ; 
    color : black ; 
    font-size :10pt ;
    width: auto;
    height: 17px !important;
    border-radius:50%;
    padding:1px;
    display:inline-block;
    text-align:center;
    min-width: 13px !important;
}



#labelAffichagePicto
{
    width:30%;
    text-align:right;
}

/*EricM120918-2 suppression*/
/*.dallePresentationPerso{
    width:51px;
    height:50px;
    background-color:#ebf2f2;
    margin-left:31%;
}*/
/*EricM120918-2 ajout*/
#pageCreateEditPicto img {
    border:1px dotted black; 
}
/*EricM311018-1 ajout*/
#pageCreateEditPicto img:hover {
    background-color:darkgrey; 
}

.btnPasseEnLigne
{
    border: 1px solid #8b7dc8 !important;
    background: #B73C9A !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 4px !important;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
    font: bold 13px Arial, Helvetica;
    color: #fff !important;
    margin-right: 5px;
}

.inputButtonSupprimerPersonnalisation
{
    margin-left:35%;
    margin-top:1%;
}

#tabsPictoImgBrouillon
{
    margin-top: 1%;
}

.dialogZindex
{
    z-index:10000;
}

.CkEditordialogZindex
{
    z-index:999999999 !important;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

.InformationObligatoireTdIdentite{
    padding-left:40px;
}

.colonneNomInfoOblg
{
    width: 20%;
}

.colonneLibInfoOblg
{
    width: 28%;
}

.colonneEtatInfoOblg
{
    width: 18%;
}

.colonneOblgInfoOblg
{
    width: 20%;
}

.colonneAmupInfoOblg
{
    width: 10%;
}


.blocExemple
{
    display: block;
    float: right;
    margin-right: 24%;
    width:40%;
}

/*MatthieuB 230620 Mantis #26431 classe pour la liste des métier pour filtrage type de demande dans picto et images perso*/
.marginR5px
{
    margin-right : 5px;
}

#nomFormulaireDuplication 
{
    margin-top: 13px;
}

/*MatthieuB 290721-1 Jira GRC2-4728 */
.widthMaxContent {
    width: max-content;
}

/*Gestion des checkbox dans les canaux de diffusion*/
#panelDiffusion [readonly] {
    pointer-events: none;
    opacity: 0.5;
}


#divAjouterGroupeAD, #divAjouterServiceGroupeAD {
    margin: 16px 0;
}

#panelServiceGroupesAD {
    margin-top: 25px;
}

.correspondanceServicesParDefaut {
    max-height: 320px;
    overflow-y: auto;
}

.icon-vertical-align {
    margin-bottom: -7px;
    cursor: pointer;
}

.box-padding-vertical {
    padding-top: 16px;
    padding-bottom: 16px;
}

.fenetre-ajout-condition {
    z-index: 10002;
}

.disabled-input {
    color: grey;
}