body {
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    color: #4e5661;
}

div {
    padding: 0;
    margin: 0;
}

a img {
    border: 0;
    text-decoration: none;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-family: Verdana;
    font-size: 1.6em;
}

h3 {
    font-size: 1rem;
    font-weight: bold;
}

br + h3 {
    margin-top: 40px;
}

td.libelle {
    padding-right: 10px;
}

.blockListeElements h1 {
    font-size: 1.5em;
}

p {
    margin: 1em 0;
    color: #4e5661;
}
/*
input, textarea, option, optgroup, select {
    color: #22262B;
}
*/
input, select, textarea, .divAffichageValue{
    border: 1px solid #c1c1c6;
    border-radius: 3px;
    color: #595b61;
    transition: all 0.2s ease-in-out 0s;
    margin:3px 10px 0 0 !important;
    padding:5px 10px !important;
}

input:hover, select:hover, textarea:hover,.divAffichageValue:hover{
    border-color: #2c97de;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 3px 0 rgba(44, 151, 222, 0.61);
    outline: 0 none;
}
select{
    padding:5px;
}

input:disabled, textarea:disabled, option:disabled, optgroup:disabled, select:disabled {
    color: #777777;
}

/* Commun */
.cache {
    display: none;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.divContenu {
    position: relative;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}

.ulEnLigne {
    position: relative;
    list-style: none;
}

.ulEnLigne li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.typeModule {
    background: #DEDEDE !important;
}

.hoverBackground:hover {
    background: #aecff7 !important;
}

.actif, .actif:visited, .actif a, .hoverActif:hover, .hoverActif:hover a {
    color: #00BD4B; /* vert #61bc55 */
}

.inactif, .inactif a, .hoverInactif:hover, hoverInactif:hover a, .inactif .idemLien {
    color: #4e5661; /* gris */
}
.blockListeElements.inactif{
    background-color:#c3d0dc63;
}
.cliquable, .cliquable:visited, .cliquable a, .hoverCliquable:hover, .hoverCliquable:hover a, .idemLien {
    color: #0098db; /* bleu */
}

.smallTexte {
    font-size: 0.9em;
    color: #0098db;
    font-style: italic;
}

.code {
    font-family: Monaco, ​Consolas, ​monospace, ​Lucida Console;
    font-size: 14px;
    letter-spacing: 1px;
}

.section {
    background: linear-gradient(to bottom, #F8F8F8, #F8F8F8, #F8F8F8, #EFEFEF, #F8F8F8) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #DDDDDD;
    padding: 15px;
    color: #4E5661;
    font-size: 1.1em;
    font-weight: bold;
}

.outilsHaut {
    position: relative;
    float: right;
    top: -9px;
}

.outilsHaut .cliquable {
    padding-top: 10px;
    padding-bottom: 10px;
}

.outilsHaut .cliquable .cliquable {
    padding-top: 0px;
    padding-bottom: 0px;
}

.hand, .idemLien {
    cursor: pointer;
}

.noLink, .noLink:hover, .noLink:visited, .noLink:active {
    color: #22262b;
    text-decoration: none;
}

.blockMove {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

#pagination ul>.active>a, #pagination ul>.active>span{
    color:#000;
    text-decoration:underline;
    cursor: default;
}
#pagination ul>li>a:hover, #pagination ul>li>a:focus, #pagination ul>.active>a, #pagination ul>.active>span {
    background-color: #f5f5f5;
}
#pagination ul>li>a, #pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
#pagination ul>li {
    display: inline;
}

#pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
#pagination {
    margin: 20px 0;
    text-align: center;
}


.imgSprite {
    background-image: url('./images/img_sprite.png?ver=20150527');
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

.imgOeilActif, .hoverActif:hover .imgOeilInactif, .hoverActif:hover .imgOeilCliquable {
    background-position: 0 0;
    width: 25px;
    height: 20px;
    margin: 2px 3px 0 0;
}

.imgOeilInactif {
    background-position: -50px 0;
    width: 25px;
    height: 20px;
    margin: 2px 3px 0 0;
}

.imgOeilCliquable {
    background-position: -100px 0;
    width: 25px;
    height: 20px;
    margin: 2px 3px 0 0;
}

.imgHomeActif, .hoverActif:hover .imgHomeInactif, .hoverActif:hover .imgHomeCliquable {
    background-position: 0 -50px;
    margin: 2px 0 0 0;
}

.imgHomeInactif {
    background-position: -50px -50px;
    margin: 2px 0 0 0;
}

.imgHomeCliquable {
    background-position: -100px -50px;
    margin: 2px 0 0 0;
}

.imgPersonActif, .hoverActif:hover .imgPersonInactif, .hoverActif:hover .imgPersonCliquable {
    background-position: 0 -100px;
    margin: 2px 0 0 0;
}

.imgPersonInactif {
    background-position: -50px -100px;
    margin: 2px 0 0 0;
}

.imgPersonCliquable {
    background-position: -100px -100px;
    margin: 2px 0 0 0;
}

.imgClockActif, .hoverActif:hover .imgClockInactif, .hoverActif:hover .imgClockCliquable {
    background-position: 0 -150px;
    margin: 2px 0 0 0;
}

.imgClockInactif {
    background-position: -50px -150px;
    margin: 2px 0 0 0;
}

.imgPowerActif, .hoverActif:hover .imgPowerInactif, .hoverActif:hover .imgPowerCliquable {
    background-position: 0 -200px;
    margin: 2px 0 0 0;
}

.imgPowerInactif {
    background-position: -50px -200px;
    margin: 2px 0 0 0;
}

.imgAideActif, .hoverActif:hover .imgAideInactif, .hoverActif:hover .imgAideCliquable {
    background-position: 0 -250px;
    margin: 2px 0 0 0;
}

.imgAideInactif {
    background-position: -50px -250px;
    margin: 2px 0 0 0;
}

.imgAideCliquable {
    background-position: -100px -250px;
    margin: 2px 0 0 0;
}

.imgBigEmailActif, .hoverActif:hover .imgBigEmailInactif, .hoverActif:hover .imgBigEmailCliquable {
    background-position: 0 -300px;
    margin: 10px 0 0 0;
    width: 28px;
    height: 22px;
}

.imgBigEmailInactif {
    background-position: -50px -300px;
    margin: 10px 0 0 0;
    width: 28px;
    height: 22px;
}

.imgBigCamembertActif, .hoverActif:hover .imgBigCamembertInactif, .hoverActif:hover .imgBigCamembertCliquable {
    background-position: 0 -350px;
    margin: 8px 0 0 0;
    width: 28px;
    height: 22px;
}

.imgBigCamembertInactif {
    background-position: -50px -350px;
    margin: 8px 0 0 0;
    width: 28px;
    height: 22px;
}

.imgBigCalendarActif, .hoverActif:hover .imgBigCalendarInactif, .hoverActif:hover .imgBigCalendarCliquable {
    background-position: 0 -400px;
    margin: 6px 0 0 0;
    width: 28px;
    height: 26px;
}

.imgBigCalendarInactif {
    background-position: -50px -400px;
    margin: 6px 0 0 0;
    width: 28px;
    height: 26px;
}

.imgBigRoueActif, .hoverActif:hover .imgBigRoueInactif, .hoverActif:hover .imgBigRoueCliquable {
    background-position: 0 -450px;
    margin: 2px 5px 0 0;
    width: 32px;
    height: 27px;
}

.imgBigRoueInactif {
    background-position: -50px -450px;
    margin: 2px 0 0 0;
    width: 32px;
    height: 27px;
}

.imgBigRoueCliquable {
    background-position: -100px -450px;
    margin: 2px 0 0 0;
    width: 32px;
    height: 27px;
}

.imgAgrandirActif, .hoverActif:hover .imgAgrandirInactif, .hoverActif:hover .imgAgrandirCliquable {
    background-position: 0 -500px;
    margin: -2px 0 0 0;
    width: 22px;
    height: 20px;
}

.imgAgrandirInactif {
    background-position: -50px -500px;
    margin: -2px 0 0 0;
    width: 22px;
    height: 20px;
}

.imgAgrandirCliquable {
    background-position: -100px -500px;
    margin: -2px 0 0 0;
    width: 22px;
    height: 20px;
}

.imgSaveActif, .hoverActif:hover .imgSaveInactif, .hoverActif:hover .imgSaveCliquable {
    background-position: 0 -550px;
    margin: -2px 0 0 0;
    width: 20px;
    height: 20px;
}

.imgSaveInactif {
    background-position: -50px -550px;
    margin: -2px 0 0 0;
    width: 20px;
    height: 20px;
}

.imgSaveCliquable {
    background-position: -100px -550px;
    margin: -2px 0 0 0;
    width: 20px;
    height: 20px;
}

.imgSupprimerActif, .hoverActif:hover .imgSupprimerInactif, .hoverActif:hover .imgSupprimerCliquable {
    background-position: 0 -600px;
    margin: -5px 0 0 0;
    width: 16px;
    height: 20px;
}

.imgSupprimerInactif {
    background-position: -50px -600px;
    margin: -5px 0 0 0;
    width: 16px;
    height: 20px;
}

.imgSupprimerCliquable {
    background-position: -100px -600px;
    margin: -5px 0 0 0;
    width: 16px;
    height: 20px;
}

.imgModifierActif, .hoverActif:hover .imgModifierInactif, .hoverActif:hover .imgModifierCliquable {
    background-position: 0 -650px;
    margin: -2px 0 0 0;
    width: 19px;
    height: 20px;
}

.imgModifierInactif {
    background-position: -50px -650px;
    margin: -2px 0 0 0;
    width: 19px;
    height: 20px;
}

.imgModifierCliquable {
    background-position: -100px -650px;
    margin: -2px 0 0 0;
    width: 19px;
    height: 20px;
}

.imgGenererCliquable {
    background-position: -100px -1100px;
    margin: -2px 0 0 0;
    width: 22px;
    height: 20px;
}

.imgPlusActif, .hoverActif:hover .imgPlusInactif, .hoverActif:hover .imgPlusCliquable {
    background-position: 0 -700px;
    margin: 3px 0 0 0;
    width: 12px;
    height: 12px;
}

.imgPlusInactif {
    background-position: -50px -700px;
    margin: 3px 0 0 0;
    width: 12px;
    height: 12px;
}

.imgPlusCliquable {
    background-position: -100px -700px;
    margin: 3px 0 0 0;
    width: 12px;
    height: 12px;
}

.imgDupliquerActif, .hoverActif:hover .imgDupliquerInactif, .hoverActif:hover .imgDupliquerCliquable {
    background-position: 0 -750px;
    margin: -2px 0 0 0;
    width: 20px;
    height: 20px;
}

.imgDupliquerInactif {
    background-position: -50px -750px;
    margin: -2px 0 0 0;
    width: 20px;
    height: 20px;
}

.imgDupliquerCliquable {
    background-position: -100px -750px;
    margin: -2px 0 0 0;
    width: 20px;
    height: 20px;
}

.imgTriDateActif, .hoverActif:hover .imgTriDateInactif, .hoverActif:hover .imgTriDateCliquable {
    background-position: 0 -800px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgTriDateInactif {
    background-position: -50px -800px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgTriDateCliquable {
    background-position: -100px -800px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgTriAlphaActif, .hoverActif:hover .imgTriAlphaInactif, .hoverActif:hover .imgTriAlphaCliquable {
    background-position: 0 -850px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgTriAlphaInactif {
    background-position: -50px -850px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgTriAlphaCliquable {
    background-position: -100px -850px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgTrierActif, .hoverActif:hover .imgTrierInactif, .hoverActif:hover .imgTrierCliquable {
    background-position: 0 -900px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgTrierInactif {
    background-position: -50px -900px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgTrierCliquable {
    background-position: -100px -900px;
    margin: 2px 0 0 0;
    width: 23px;
    height: 20px;
}

.imgAffichageListeActif, .hoverActif:hover .imgAffichageListeInactif, .hoverActif:hover .imgAffichageListeCliquable {
    background-position: 0 -950px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgAffichageListeInactif {
    background-position: -50px -950px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgAffichageListeCliquable {
    background-position: -100px -950px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgAffichageDetailActif, .hoverActif:hover .imgAffichageDetailInactif, .hoverActif:hover .imgAffichageDetailCliquable {
    background-position: 0 -1000px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgAffichageDetailInactif {
    background-position: -50px -1000px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgAffichageDetailCliquable {
    background-position: -100px -1000px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgAffichageMozaiqueActif, .hoverActif:hover .imgTrierInactif, .hoverActif:hover .imgAffichageMozaiqueCliquable {
    background-position: 0 -1050px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgAffichageMozaiqueInactif {
    background-position: -50px -1050px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgAffichageMozaiqueCliquable {
    background-position: -100px -1050px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgRemplacerActif, .hoverActif:hover .imgRemplacerInactif, .hoverActif:hover .imgRemplacerCliquable {
    background-position: 0 -1100px;
    margin: 2px 0 0 0;
    width: 22px;
    height: 20px;
}

.imgRemplacerInactif {
    background-position: -50px -1100px;
    margin: 2px 0 0 0;
    width: 22px;
    height: 20px;
}

.imgRemplacerCliquable {
    background-position: -100px -1100px;
    margin: 2px 0 0 0;
    width: 22px;
    height: 20px;
}

.imgBigPlusActif, .hoverActif:hover .imgBigPlusInactif, .hoverActif:hover .imgBigPlusCliquable {
    background-position: 0 -1150px;
    margin: 2px 0 0 0;
    width: 42px;
    height: 42px;
}

.imgBigPlusInactif {
    background-position: -50px -1150px;
    margin: 2px 0 0 0;
    width: 42px;
    height: 42px;
}

.imgBigPlusCliquable {
    background-position: -100px -1150px;
    margin: 2px 0 0 0;
    width: 42px;
    height: 42px;
}

.imgLangueActif, .hoverActif:hover .imgLangueInactif, .hoverActif:hover .imgLangueCliquable {
    background-position: 0 -1200px;
    margin: 0;
    width: 28px;
    height: 24px;
}

.imgLangueInactif {
    background-position: -50px -1200px;
    margin: 0;
    width: 28px;
    height: 24px;
}

.imgLangueCliquable {
    background-position: -100px -1200px;
    margin: 0;
    width: 28px;
    height: 24px;
}

.imgInsertRapideActif, .hoverActif:hover .imgInsertRapideInactif, .hoverActif:hover .imgInsertRapideCliquable {
    background-position: 0 -1250px;
    margin: 0;
    width: 20px;
    height: 20px;
}

.imgInsertRapideInactif {
    background-position: -50px -1250px;
    margin: 0;
    width: 20px;
    height: 20px;
}

.imgInsertRapideCliquable {
    background-position: -100px -1250px;
    margin: 0;
    width: 20px;
    height: 20px;
}

.imgInsertOptionsActif, .hoverActif:hover .imgInsertOptionsInactif, .hoverActif:hover .imgInsertOptionsCliquable {
    background-position: 0 -1300px;
    margin: 0;
    width: 20px;
    height: 20px;
}

.imgInsertOptionsInactif {
    background-position: -50px -1300px;
    margin: 0;
    width: 20px;
    height: 20px;
}

.imgInsertOptionsCliquable {
    background-position: -100px -1300px;
    margin: 0;
    width: 20px;
    height: 20px;
}

.imgEnleverActif, .hoverActif:hover .imgEnleverInactif, .hoverActif:hover .imgEnleverCliquable {
    background-position: 0 -1350px;
    margin: 0;
    width: 21px;
    height: 20px;
}

.imgEnleverInactif {
    background-position: -50px -1350px;
    margin: 0;
    width: 21px;
    height: 20px;
}

.imgEnleverCliquable {
    background-position: -100px -1350px;
    margin: 0;
    width: 21px;
    height: 20px;
}

.imgPublishActif, .hoverActif:hover .imgPublishInactif, .hoverActif:hover .imgPublishCliquable {
    background-position: 0 -1400px;
    margin: 0;
    width: 21px;
    height: 24px;
}

.imgPublishInactif {
    background-position: -50px -1400px;
    margin: 0;
    width: 21px;
    height: 24px;
}

.imgPublishCliquable {
    background-position: -100px -1400px;
    margin: 0;
    width: 21px;
    height: 24px;
}

.imgAnnulerActif, .hoverActif:hover .imgAnnulerInactif, .hoverActif:hover .imgAnnulerCliquable {
    background-position: 0 -1450px;
    margin: -3px 0 0 0;
    width: 23px;
    height: 27px;
}

.imgAnnulerInactif {
    background-position: -50px -1450px;
    margin: -3px 0 0 0;
    width: 23px;
    height: 27px;
}

.imgAnnulerCliquable {
    background-position: -100px -1450px;
    margin: -3px 0 0 0;
    width: 23px;
    height: 27px;
}

.imgNombre10Actif, .hoverActif:hover .imgNombre10Inactif, .hoverActif:hover .imgNombre10Cliquable {
    background-position: 0 -1500px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgNombre10Inactif {
    background-position: -50px -1500px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgNombre10Cliquable {
    background-position: -100px -1500px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgNombre50Actif, .hoverActif:hover .imgNombre50Inactif, .hoverActif:hover .imgNombre50Cliquable {
    background-position: 0 -1550px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgNombre50Inactif {
    background-position: -50px -1550px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgNombre50Cliquable {
    background-position: -100px -1550px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgNombre100Actif, .hoverActif:hover .imgNombre100Inactif, .hoverActif:hover .imgNombre100Cliquable {
    background-position: 0 -1600px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgNombre100Inactif {
    background-position: -50px -1600px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgNombre100Cliquable {
    background-position: -100px -1600px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgLoupeActif, .hoverActif:hover .imgLoupeInactif, .hoverActif:hover .imgLoupeCliquable {
    background-position: 0 -1650px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgLoupeInactif {
    background-position: -50px -1650px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgLoupeCliquable {
    background-position: -100px -1650px;
    margin: 2px 0 0 0;
    width: 17px;
    height: 17px;
}

.imgBulleAideInactif {
    background-position: -50px -1700px;
    margin: 2px 0 0 0;
    width: 41px;
    height: 30px;
}

.imgBulleAideCliquable, .hoverActif:hover .imgBulleAideInactif {
    background-position: 1px -1700px;
    margin: 2px 0 0 0;
    width: 41px;
    height: 30px;
}

.imgBookmarkActif, .hoverActif:hover .imgBookmarkInactif, .hoverActif:hover .imgBookmarkCliquable {
    background-position: 0 -1750px;
    margin: 2px 0 0 0;
    width: 19px;
    height: 19px;
}

.imgBookmarkInactif {
    background-position: -50px -1750px;
    margin: 2px 0 0 0;
    width: 19px;
    height: 19px;
}

.imgBookmarkCliquable {
    background-position: -100px -1750px;
    margin: 2px 0 0 0;
    width: 19px;
    height: 19px;
}

.boutonsOutilsListe {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.boutonsOutilsListe .imgSprite {
    margin-right: 3px;
}

.bookmark {
    position: absolute;
    right: 5px;
    top: 3px;
}

.topAlign {
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0;
}

.imgSprite + .topAlign {
    font-family: Verdana;
    margin-left: 8px;
}

a:hover .topAlign {
    text-decoration: underline;
}

.hoverActif:hover .imgPowerInactif + span, .hoverActif:hover .imgPowerCliquable + span,
.hoverActif:hover .imgSupprimerInactif + span, .hoverActif:hover .imgSupprimerCliquable + span,
.hoverActif:hover .imgEnleverInactif + span, .hoverActif:hover .imgEnleverCliquable + span {
    color: red;
}

.menuActif {
    background: white;
}

.ombreADroite {
    box-shadow: 10px 0 10px -9px #ECECEC;
}

.dottedADroite, #divAOutils .boutonNew.dottedADroite {
    border-right: 1px dotted;
    margin-right: 0;
    top: 0;
}

.dottedAGauche {
    border-left: 1px dotted;
}

.dottedEnBas {
    border-bottom: 1px dotted;
}

.dottedEnHaut {
    border-top: 1px dotted;
}

.dottedTour {
    border: 1px dotted;
}

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

.solidAGauche {
    border-left: 1px solid;
}

.solidEnBas {
    border-bottom: 1px solid;
}

.solidEnHaut {
    border-top: 1px solid;
}

.solidTour {
    border: 1px solid;
}

.bordures {
    border-collapse: collapse;
    cellspacing: 0;
}

.padding .solidADroite {
    padding-right: 10px;
}

.padding .solidAGauche {
    padding-left: 20px;
}

.padding .solidEnBas {
    padding-bottom: 10px;
}

.padding .solidEnHaut {
    padding-top: 10px;
}

/* laisser couleurs après les autres propriétés de border  */
.couleurActif {
    border-color: #00BD4B;
}

.couleurCliquable {
    border-color: #0098db;
}

.couleurInactif {
    border-color: #4e5661;
}

.couleurGrisClair {
    border-color: #f0f0f0;
}

.couleurBlanche {
    border-color: #ffffff;
}

.buttonAction {
    padding: 2px 5px;
}

#divAOutils {
    padding: 25px 0;
    vertical-align: middle;
}

#divAContenu {
    margin: 10px;
    padding: 15px 30px;
    border: 1px solid #dddddd;
}
#divAContenu .blockListeElements .affichageContenuElement h2{
    margin-top:1rem;
    font-size: 1.2rem;
}
#divAContenu .blockListeElements .affichageContenuElement p{
    margin: 0.5rem 0;
}
#divAContenu .blockListeElements .affichageContenuElement+table.boutonsOutilsListe {
    margin-top:0;
}

#divAOutils .cheminNavigation {
    display:inline-block;
}

#divAOutils .cheminNavigation + a {
    margin-right: 0;
}

#divAOutils button, #divAOutils .boutonNew {
    float: right;
    border: 0 none;
    background: none;
    vertical-align: middle;
    font-weight: bold;
}

#divAOutils .boutonNew {
    position: relative;
    margin-left: 15px;
    margin-right: 10px;
}

#divAOutils .rootVoices td.rootVoice {
    width: auto;
}

#divAOutils .rootVoices td.rootVoice a.cliquable {
    display: block;
    position: relative;
    margin-right: 15px;
}

.texteButton {
    padding-right: 7px;
}

#divAOutils button span.imgSprite, #divAOutils .boutonNew span.imgSprite {
    margin-right: 5px;
    vertical-align: top;
}

.voice .imgSprite {
    padding-right: 20px;
}

.blockListeElements {
    position: relative;
    display: inline-block;
    height: 390px;
    width: 305px;
    padding: 0 10px 20px 10px;
    margin: 0 50px 30px 0;
    border: 1px solid #dddddd;
    overflow: hidden;
    vertical-align: top;
}

form.cliquable {
    cursor: pointer;
}

form.cliquable input[type="submit"],
form.cliquable input[type="button"] {
    background: none;
    border: 0 none;
    color: #0098db;
    font-family: Arial;
    padding: 0;
    cursor: pointer;
}

form.cliquable a.hoverActif:hover input[type="submit"].buttonSupprimer,
form.cliquable a.hoverActif:hover input[type="button"].buttonSupprimer {
    color: red;
}

a.hoverActif:hover .imgSupprimerCliquable + span,
a.hoverActif:hover .imgEnleverCliquable + span {
    text-decoration: underline;
}

#navPage {
    padding: 20px 0 20px 0;
}

#navPage ul {
    height: 20px;
    padding: 0;
    margin: 0;
}

#navPage li {
    float: left;
    height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navPage li a {
    display: block;
    text-align: center;
    padding: 0.3em 0.7em;
}

#navPage li a.actif {
    background-color: rgba(0, 150, 219, 0.15);
    color: #0098DB;
}

.outilsParametres input[type="submit"] {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    margin-left: 20px;
    margin-top: 10px;
    padding-left: 20px;
    padding-top: 0;
    text-transform: uppercase;
    width: 150px;
}

/* Accueil Admin */
.adminTitre {
    min-height: 70px;
    padding: 0;
    background-color: #f6f6f6;
    font-family: Verdana;
    background: linear-gradient(to bottom, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f3f3f3);
}

.adminTitre .blockMove {
    height: 46px;
}

.adminTitre .ulEnLigne {
    float: right;
    min-height: 70px;
    margin: 0;
    padding: 0;
    box-shadow: -20px 0 5px -5px #F6F6F6;
}

.adminTitre .ulEnLigne li {
    border-left: 1px solid white;
    height: 70px;
}

.adminTitre .ulEnLigne li a {
    display: block;
    padding: 26px 25px 26px 25px;
    text-shadow: 0 0 1px #D0D0D0;
    text-underline: none;
    text-transform: capitalize;
}

.lienDansTitreAdmin {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

.lienDansTitreAdmin a {
    display: inline-block;
    vertical-align: top;
    max-width: 320px;
    overflow: hidden;
}

.txtEspaceAdmin {
    position: absolute;
    left: 10px;
    top: 32px;
    font-family: tahoma;
    font-size: 10px;
    text-transform: capitalize;
    letter-spacing: 0.1em;

}

.divAccueil {
    padding: 45px 0;
}

.divAccueil div.blockMove .contenuBlock {
    margin: 0 35px;
}

.fondGris thead tr {
    background: #DEDEDE;
    font-weight: bold;
}

.fondGris tr {
    background: #f5f5f5;
}

.fondBleuGo {
    position: relative;
    width: 276px;
    margin: auto;
    padding: 0;
    border: 2px solid #0098db;
    border-radius: 18px;
    background: url(./images/fond_bleu.png) no-repeat -50px 0;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
}

.fondBleuGo a {
    color: white;
    display: block;
    text-align: center;
    padding: 8px 0;
}

.fondBleuGo a:hover {
    text-decoration: none;
}

.blockOutils {
    position: relative;
    display: inline-block;
    height: 85px;
    width: 95px;
    padding: 5px 5px;
    margin: 30px 0 0 0;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.blockParametres a.blockOutils {
    padding: 5px 2px 0 0;
    margin: 20px 0 0 0;
}

.blockParametres {
    float: right;
    width: 250px;
    padding-left: 20px;
    min-height: 321px
}

.blockMonEspace {
    float: left;
    width: 30%;
    padding-left: 1%;
    min-width: 250px;
    max-width: 450px;
    margin-bottom: 60px;
}

.blockModulesPage {
    display: block;
    max-width: 1000px;
    min-width: 275px;
	padding-bottom: 10px;
    overflow: auto;
}

.affichageContenuElement {
    height: 355px;
    overflow: hidden;
}

/* Chemin de navigation */
.cheminNavigation {
    font-weight: bold;
}

.cheminNavigation .separator:after {
    content: " > "; /* \00bb */
    padding: 0 5px;
}

.cheminNavigation span {
    vertical-align: middle;
}

.cheminNavigation a:hover .imgHomeInactif {
    background-position: -100px -50px;
}

.divToOpen .formObjetdata {
    border: 1px solid #dddddd;
    position: relative;
}

/* Page paramètres d'un element */

.blockDetailElement {
    position: relative;
    position: relative;
    padding: 0;
    margin: 10px;
    border: 1px solid #dddddd;
}

.blockExempleElement { /* gauche */
    position: relative;
    float: left;
    width: 360px;
    height: 399px;
    padding: 18px 15px;
}

.blockParametresElement { /* droite */
    position: relative;
    margin-left: 390px;
    vertical-align: top;
    min-width: 455px; /* carte : min 455 */
}

.blockParametresElement:after{
    content: '';
    display: block;
    clear: both;
}

.blockParametresElementFull { /* toute la largeur de page */
    position: relative;
    vertical-align: top;
    min-width: 445px; /* carte : min 455 */
}

.blockParametresElementFull .divTabs {
    padding: 20px;
}

.divTabs {
    position: relative;
    overflow: visible;
}

.tableOngletDetailElement {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

.tableOngletDetailElement td {
    height: 52px;
    padding: 0;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-collapse: collapse;
    text-align: center;
    cursor: pointer;
    background: –moz-linear-gradient(to bottom, #F8F8F8, #F8F8F8, #F8F8F8, #EFEFEF, #F8F8F8);
    background: –o-linear-gradient(to bottom, #F8F8F8, #F8F8F8, #F8F8F8, #EFEFEF, #F8F8F8);
    background: –ie-linear-gradient(to bottom, #F8F8F8, #F8F8F8, #F8F8F8, #EFEFEF, #F8F8F8);
    background: -webkit-linear-gradient(to bottom, #F8F8F8, #F8F8F8, #F8F8F8, #EFEFEF, #F8F8F8);
    background: linear-gradient(to bottom, #F8F8F8, #F8F8F8, #F8F8F8, #EFEFEF, #F8F8F8)
}

.tableOngletDetailElement td:last-child {
    border-right: 0 none;
}

.tableOngletDetailElement td a {
    display: block;
    font-weight: bold;
    padding: 18px 10px;
}

.tableOngletDetailElement td h1 {
    padding: 0 0 0 15px;
    margin: 0;
    font-size: 1.2em;
}

.tableOngletDetailElement td a:hover {
    text-decoration: none;
}

.tableOngletDetailElement .actif, .tableOngletDetailElement .actif a {
    /* dans les onglets, actif est BLEU */
    color: #0098db;
    background: none;
    border-bottom: 0 none;
    border-left: 0 none;
}

.divTabs > div, .divTabs > form > div {
    padding: 20px 10px;
    overflow: hidden;
}

.blockExempleElement .imgSprite, .outilsParametres .imgSprite {
    margin-right: 10px;
}

.blockExempleElement .outils {
    margin-top: 10px;
}

.blockExempleElement > iframe, .blockExempleElement > div {
    margin-bottom: 7px;
}

.outilsParametres {
    position: absolute;
    bottom: -1px;
    right: -1px;
    padding: 15px 5px 10px 5px;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background: #FFFFFF;;
}

.ui-widget-content .outilsParametres {
    background-color: rgba(0, 0, 0, 0);
}

.outilsParametres a {
    display: inline-block;
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: bold;
}

.libelle {
    font-weight: bold;
}

/* Cartes */
.imgZoomMap {
    display: block;
    width: 160px;
    height: 160px;
    background-image: url(./images/google_maps_zoom.jpg);
    background-repeat: no-repeat;
    box-shadow: 0 0 2px #BBBBBB;
    border: 1px solid white;
}

.zoom0 {
    background-position: 0 0px;
}

.zoom1 {
    background-position: 0 -160px;
}

.zoom2 {
    background-position: 0 -320px;
}

.zoom3 {
    background-position: 0 -480px;
}

.zoom4 {
    background-position: 0 -640px;
}

.zoom5 {
    background-position: 0 -800px;
}

.zoom6 {
    background-position: 0 -960px;
}

.zoom7 {
    background-position: 0 -1120px;
}

.zoom8 {
    background-position: 0 -1280px;
}

.zoom9 {
    background-position: 0 -1440px;
}

.zoom10 {
    background-position: 0 -1600px;
}

.zoom11 {
    background-position: 0 -1760px;
}

.zoom12 {
    background-position: 0 -1920px;
}

.zoom13 {
    background-position: 0 -2080px;
}

.zoom14 {
    background-position: 0 -2240px;
}

.zoom15 {
    background-position: 0 -2400px;
}

.zoom16 {
    background-position: 0 -2560px;
}

.zoom17 {
    background-position: 0 -2720px;
}

.zoom18 {
    background-position: 0 -2880px;
}

.zoom19 {
    background-position: 0 -3040px;
}

.tabPOI + .tabPOI {
    margin-top: 20px;
}

.blockExemplePoi {
    position: relative;
    float: left;
    width: 250px;
    min-height: 260px;
    padding: 15px;
}

.blockParametresPoi {
    position: relative;
    margin-left: 290px;
}

.carreCouleur {
    position: relative;
    display: inline-block;
    top: 5px;
    width: 36px;
    height: 36px;
    vertical-align: bottom;
    margin-left: 2px;
}

.carreCouleur div {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: url('/js/colorpicker/images/select2.png') center;
}

ul.listPOI > li {
    position: relative;
    list-style-type: none;
    display: block;
    min-height: 80px;
    width: 100%;
    min-width: 550px;
    padding: 10px 0 0 0;
}

/* Article */
.listeMiniArticle img {
    max-width: 100px;
    max-height: 100px;
}

.listeMiniArticle {
    font-size: 0.9em;
    overflow: hidden;
    border: 1px dotted #B4B4B4;
    padding: 4px;
    background: #FBFBFB;
}

.listeMiniArticle a, .listeMiniArticle p, .listeMiniArticle table, .listeMiniArticle div {
    color: #4E5661;
}

/* Diaporama et Chambres */
.listeMiniPhotos {
    overflow: hidden;
    text-align: center;
}

.listeMiniPhotos img {
    padding: 1px;
    margin-right: 2px;
    border: 1px solid #B4B4B4;
    vertical-align: middle;
    width: 120px;
    height: 110px;
    opacity: 0.7;
}

.blockListeElements:hover .listeMiniPhotos img {
    opacity: 1;
}

/* Page Fichiers */
#divADossiers {
    background: #f8f8f8;
    float: left;
    overflow: auto;
    min-width: 180px;
    max-width: 250px;
    width: 22%;
}

#divAContenuPlein {
    display: block;
    overflow: auto;
    background: #ffffff;
}

.boutonsOptionsAffichage {
    float: right;
    margin-left: 10px;
    font-weight: normal;
}

.jsImage {
    display: inline-block;
}

.jsNomFichier span.ui-icon-pencil {
    display: inline-block;
    position: relative;
    top: 3px;
    cursor: pointer;
}

span.cache {
    display: none;
}

.jsImage img {
    box-shadow: 0 0 1px #555555;
    border: 2px solid #FFFFFF;
}

#ulGestionFichiers > li, #ulPhotosPourDiapo > li {
    position: relative;
    display: inline-block;
    list-style: none;
    padding: 5px;
    border: 1px solid #EEEEEE;
    background-color:#fafafa;
}

#ulGestionFichiers > li[id^="dossier"], #ulPhotosPourDiapo > li[id^="dossier"] {
    background-color:#fff;
}

#ulPhotosPourDiapo .jsNomFichier {
    font-weight: bold;
}

#ulGestionFichiers > li:hover, #ulGestionFichiers > .affichageFichierListe:hover, #ulGestionFichiers > .affichageFichierDetail:hover,
#ulPhotosPourDiapo > li:hover, #ulPhotosPourDiapo > .affichageFichierListe:hover, #ulPhotosPourDiapo > .affichageFichierDetail:hover {
    background: #EFEFEF;
    border: 1px solid #BBBBBB;
}

#ulGestionFichiers .jsVoirImage, #ulGestionFichiers .jsIconPlusForDiapo, #ulGestionFichiers .jsIconOkForDiapo,
#ulGestionFichiers .jsIconMoinsForDiapo, #ulPhotosPourDiapo .jsIconMoinsForDiapo {
    display: none;
}

#ulPhotosPourDiapo .jsIconPlusForDiapo, #ulPhotosPourDiapo .jsIconOkForDiapo {
    float: right;
    margin-right: 10px;
}

/* Liste déroulante (rollover d'images') */
#divImagesListeDeroulante {
    padding: 0;
    height: 200px;
    overflow: auto;
}

/* css du select pagination */
.divBlockListeObjetdata {
    font-size: 12px;
    display: none;
    position: absolute;
    background: white;
    z-index: 1;
}

.divAffichageValue {
    border: 0.8px solid #777;
    min-height: 20px;
    padding:4px 10px;
}

.noLink {
    display: block;
    padding: 0px;
    min-height: 16px;
}

.divRecherche {
    border: 0.8px solid #777;
    padding: 3px;
    width: 396px;
}

.divBtnRecherche {
    display: inline-block;
    padding: 1px 4px 5px 4px;
    cursor: pointer;
}

.divBtnRecherche span {
    margin-left: 0.1em;
    position: relative;
    top: 2px;
}

.divContenuListe {
    border: 0.8px solid #777;
    min-height: 20px;
    padding: 1px;
}

#ulListeDeroulante, .ulListeDeroulanteObjetdata {
    position: relative;
    display: block;
    font-size: 12px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: white;
}

#ulListeDeroulante > li, .ulListeDeroulanteObjetdata > li {
    position: relative;
    display: block;
    float: none;
    padding: 5px 0 5px 5px;
    list-style: none outside none;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    cursor: pointer;
}

#ulListeDeroulante > li {
    height: 50px;
}

#ulListeDeroulante > li img {
    max-width: 50px;
    max-height: 50px;
}

#ulListeDeroulante > li:hover, .ulListeDeroulanteObjetdata > li:hover {
    background: #EFEFEF;
    border-color: #BBBBBB;
}

.ulListeDeroulanteObjetdata > li > p {
    display: inline-block;
    padding-right: 10px;
}

.imageListeDeroulante {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    float: left;
}

.texteListeDeroulante {
    font-size: 11px;
}

#divNbrPagesListeImage, .divNbrPagesListeObjetdata {
    border-top: 1px solid #A6C9E2;
    padding: 3px;
    text-align: center;
}

.nbrPages {
    margin: 0 2px 0 2px;
    padding: 0 3px 0 3px;
}

/* fin css select pagination*/

.elementsEnfants td {
    padding: 3px;
}

.elementsEnfants th {
    padding: 3px;
    text-align: left;
}

.divEnfants {
    background: #eee;
    margin-right: 20px;
}

.divEnfants h2 {
    margin-top: 0px;
    border-bottom: 1px solid #4e5661;
    padding-bottom: 10px;
}

/* Affichage en liste */
#ulGestionFichiers > .affichageFichierListe, #ulPhotosPourDiapo > .affichageFichierListe {
    border: 1px solid #FCFDFD; /* bordure invisible */
}

#ulGestionFichiers > .affichageFichierListe, #ulPhotosPourDiapo > .affichageFichierListe {
    min-height: 20px;
    min-width: 320px;
    margin-right: 25px;
    margin-bottom: 0;
    padding: 5px 2px 1px 3px;
    overflow: visible;
}

#ulGestionFichiers > .affichageFichierListe span.jsNomFichier, #ulPhotosPourDiapo > .affichageFichierListe span.jsNomFichier {
    float: left;
    font-weight: normal;
    width: auto;
}

#ulGestionFichiers > .affichageFichierListe .jsBoutonRemplacer, #ulPhotosPourDiapo > .affichageFichierListe .jsBoutonRemplacer {
    display: none;
}

#ulGestionFichiers > .affichageFichierListe .jsBoutonSupprimer, #ulPhotosPourDiapo > .affichageFichierListe .jsBoutonSupprimer {

}

#ulGestionFichiers > .affichageFichierListe .jsInfoHL, #ulPhotosPourDiapo > .affichageFichierListe .jsInfoHL {
    display: none;
}

#ulGestionFichiers > .affichageFichierListe .jsInfoPoids, #ulPhotosPourDiapo > .affichageFichierListe .jsInfoPoids {
    display: none;
}

#ulGestionFichiers > .affichageFichierListe .jsVoirImage, #ulPhotosPourDiapo > .affichageFichierListe .jsVoirImage {
    float: left;
    height: 16px;
    width: 16px;
    display: block;
    overflow: visible;
}

#ulGestionFichiers > .affichageFichierListe .jsImage, #ulPhotosPourDiapo > .affichageFichierListe .jsImage {
    /* ne pas mettre display:none; , géré par JS */
    position: absolute;
    left: 20px;
    top: 30px;
    z-index: 99;
}

#ulGestionFichiers > .affichageFichierListe .jsOutilFichier {
    float: right;
    min-height: 20px;
    display: block;
}

#ulGestionFichiers > .affichageFichierListe .spanInsererTailles {
    display: block;
    float: right;
    padding-top: 0;
}

/* Affichage en détail */
#ulGestionFichiers > .affichageFichierDetail, #ulPhotosPourDiapo > .affichageFichierDetail {
    float: none;
    display: block;
    min-height: 55px;
    border: 1px solid #EEEEEE;
    margin-top: 1px;
}

#ulGestionFichiers > .affichageFichierDetail .jsIconPlusForDiapo, #ulGestionFichiers > .affichageFichierDetail .jsIconOkForDiapo {
    display: none;
}

#ulGestionFichiers > .affichageFichierDetail .jsIconMoinsForDiapo, #ulPhotosPourDiapo > .affichageFichierDetail .jsIconMoinsForDiapo {
    display: none;
}

#ulGestionFichiers > .affichageFichierDetail .jsVoirImage, #ulPhotosPourDiapo > .affichageFichierDetail .jsVoirImage {
    display: none;
}

#ulGestionFichiers > .affichageFichierDetail .jsImage, #ulPhotosPourDiapo > .affichageFichierDetail .jsImage {
    float: left;
    width: 70px;
    height: 55px;
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

#ulGestionFichiers > .affichageFichierDetail .jsImage img, #ulPhotosPourDiapo > .affichageFichierDetail .jsImage img {
    max-height: 50px;
    max-width: 50px;
}

#ulGestionFichiers > .affichageFichierDetail .jsNomFichier, #ulPhotosPourDiapo > .affichageFichierDetail .jsNomFichier {

}

#ulGestionFichiers > .affichageFichierDetail .jsInfoHL, #ulPhotosPourDiapo > .affichageFichierDetail .jsInfoHL {
}

#ulGestionFichiers > .affichageFichierDetail .jsInfoPoids, #ulPhotosPourDiapo > .affichageFichierDetail .jsInfoPoids {

}

#ulGestionFichiers > .affichageFichierDetail .jsBoutonRemplacer {

}

#ulPhotosPourDiapo > .affichageFichierDetail .jsBoutonRemplacer {
    display: none;
}

#ulGestionFichiers > .affichageFichierDetail .jsBoutonRemplacer a, #ulGestionFichiers > .affichageFichierDetail .jsOutilFichier a {
    height: 37px;
}

#ulGestionFichiers > .affichageFichierDetail .jsBoutonSupprimer {
    text-align: center;
}

#ulPhotosPourDiapo > .affichageFichierDetail .jsBoutonSupprimer {
    display: none;
}

#ulGestionFichiers > .affichageFichierDetail .jsBoutonRemplacer {
    text-align: center;
}

#ulPhotosPourDiapo > .affichageFichierDetail .jsBoutonRemplacer {
    display: none;
}

#ulGestionFichiers > .affichageFichierDetail .jsOutilFichier {
    text-align: center;
}

#ulPhotosPourDiapo > .affichageFichierDetail .jsOutilFichier {
    display: none;
}

#ulGestionFichiers > .affichageFichierDetail .jsTableBoutonAction,
#ulPhotosPourDiapo > .affichageFichierDetail .jsTableBoutonActionPopup {
    float: right;
}

#ulPhotosPourDiapo > .affichageFichierDetail .jsTableBoutonAction,
#ulGestionFichiers > .affichageFichierDetail .jsTableBoutonActionPopup {
    display: none;
}

#ulGestionFichiers > .affichageFichierDetail .jsTableInfosTailleFichier {
    position: absolute;
    bottom: 15px;
    left: 78px;
}

#ulPhotosPourDiapo > .affichageFichierDetail .jsTableInfosTailleFichier {

}

#ulGestionFichiers > .affichageFichierDetail .spanInsererTailles {
    display: block;
    float: left;
    padding-top: 0;
}

.jsTableBoutonActionPopup {
    text-align: center;
}

/* Affichage en mozaique */
#ulGestionFichiers > .affichageFichierMozaique, #ulPhotosPourDiapo > .affichageFichierMozaique {
    width: 225px;
    height: 240px;
    margin: 7px;
    padding: 5px;
    overflow: hidden;
    position: relative;
}

#ulGestionFichiers > .affichageFichierMozaique.tiny {
    height: 225px;
}

#ulGestionFichiers > .affichageFichierMozaique img, #ulPhotosPourDiapo > .affichageFichierMozaique img {
    max-width: 130px;
    max-height: 130px;
}

#ulGestionFichiers > .affichageFichierMozaique .jsBoutonRemplacer, #ulPhotosPourDiapo > .affichageFichierMozaique .jsBoutonRemplacer {
}

#ulGestionFichiers > .affichageFichierMozaique .jsBoutonSupprimer, #ulPhotosPourDiapo > .affichageFichierMozaique .jsBoutonSupprimer {
    display:inline-block;
}

#ulGestionFichiers > .affichageFichierMozaique .jsBoutonRemplacer a, #ulGestionFichiers > .affichageFichierMozaique .jsOutilFichier a {
    height: 37px;
}

#ulGestionFichiers > .affichageFichierMozaique .jsVoirImage, #ulPhotosPourDiapo > .affichageFichierMozaique .jsVoirImage {
    display: none;
}

#ulPhotosPourDiapo > .affichageFichierMozaique .jsImage {
    position: relative;
    left: 0;
    top: 0;
}

#ulGestionFichiers > .affichageFichierMozaique .jsImage, #ulPhotosPourDiapo > .affichageFichierMozaique .jsImage {
    display: block;
    max-width: 130px;
    height: 145px;
}

#ulGestionFichiers > .affichageFichierMozaique .jsInfoHL, #ulPhotosPourDiapo > .affichageFichierMozaique .jsInfoHL {
    position: relative;
    float: none;
    display: block;
}

#ulGestionFichiers > .affichageFichierMozaique .jsInfoPoids, #ulPhotosPourDiapo > .affichageFichierMozaique .jsInfoPoids {
    position: relative;
    float: none;
    display: block;
}

#ulGestionFichiers > .affichageFichierMozaique .spanInsererTailles {
    text-align: center;
    margin-left: 0;
}

#ulGestionFichiers > .affichageFichierMozaique .jsTableInfosTailleFichier {
    display: none;
}

#ulGestionFichiers > .affichageFichierMozaique .jsTableBoutonAction,
#ulPhotosPourDiapo > .affichageFichierMozaique .jsTableBoutonActionPopup {
    margin-top: 15px;
    text-align: center;
}

#ulPhotosPourDiapo > li .jsTableBoutonAction,
#ulGestionFichiers > li .jsTableBoutonActionPopup {
    display: none;
}

#ulPhotosPourDiapo > .affichageFichierMozaique .jsIconPlusForDiapo, #ulPhotosPourDiapo > .affichageFichierMozaique .jsIconOkForDiapo {
    float: left;
    margin-right: 10px;
}

/* Fichiers dans la gestion des fichiers */
#ulGestionFichiers {
    position: relative;
    font-family: Arial;
    font-size: 12px;
    padding: 5px;
    margin: 0;
    list-style: none;
}

#ulGestionFichiers .jsInfoPoids, #ulGestionFichiers .jsInfoHL {
    font-size: 11px;
}

#ulGestionFichiers span.ui-icon-pencil {
    display: inline-block;
    cursor: pointer;
}

.spanInsererTailles {
    display: block;
}

#divBoutonsDansOutils {
    float: right;
    height: 20px;
}

/* Fichiers dans la page diaporama */

#ulDeposImgForDiapo > li {
    position: relative;
    float: left;
    display: block;
    width: 160px;
    height: 190px;
    margin: 7px;
    padding: 5px;
    list-style-type: none;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}

#ulDeposImgForDiapo .jsImage {
    display: inline-block;
}

#ulDeposImgForDiapo .jsImage.cache {
    display: block;
}

#ulDeposImgForDiapo li.liImageOnly {
    text-align: center;
}

#ulDeposImgForDiapo .jsIconMoinsForDiapo {
    position: absolute;
    bottom: 10px;
    width: 95%;
    display: block;
    text-align: center;
}

#ulPhotosPourDiapo .jsImage img {
    max-width: 100%;
    max-height: 100%;
}

#ulPhotosPourDiapo .ui-state-highlight, #ulDeposImgForDiapo .ui-state-highlight {
    width: 160px;
    height: 160px;
    margin: 7px;
}

#ulPhotosPourDiapo .jsImage {
    position: absolute;
    left: 30px;
    top: 20px;
    max-width:130px;
    max-height:130px;
}

#ulPhotosPourDiapo .jsVoirImage {
    float: left;
    margin-right: 10px;
}

#ulPhotosPourDiapo .jsNomFichier {
    display: inline-block;
    margin-right: 10px;
}

#ulPhotosPourDiapo .ui-icon-pencil {
    display: none;
}

#ulPhotosPourDiapo > .affichageFichierMozaique .jsTableInfosTailleFichier {
    display: none;
}

.jsModifNomFichier {
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

.jsTableBoutonAction {
    display: inline-block;
}

#ulDeposImgForDiapo .jsIconOkForDiapo, #ulDeposImgForDiapo .jsBoutonSupprimer, #ulDeposImgForDiapo .jsBoutonRemplacer
#ulDeposImgForDiapo .jsInfoHL, #ulDeposImgForDiapo .jsInfoPoids, #ulDeposImgForDiapo .jsVoirImage,
#ulDeposImgForDiapo .jsIconPlusForDiapo, #ulDeposImgForDiapo .jsNomFichier, #ulDeposImgForDiapo .jsTableBoutonAction,
#ulDeposImgForDiapo .jsTableBoutonActionPopup, #ulDeposImgForDiapo .ui-icon-pencil, #ulDeposImgForDiapo .ui-icon-check,
#ulDeposImgForDiapo .jsTableInfosTailleFichier {
    display: none;
}

#divAOutils.fromDiapo .cheminNavigation {
    display: none;
}

#divAOutils.fromDiapo {
    padding-top: 5px;
    padding-bottom: 5px;
}

.anythingSlider-polished .anythingWindow {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

/* Page Site */
#divContenuOngletTree {
    overflow: auto;
}

#divAMenuGauche {
    position: relative;
    float: left;
    width: 200px;
    background: #f8f8f8;
    margin: 0;
    padding: 15px;
    z-index: 4;
}

#divAContenuPage {
    position: relative;
    float: right;
}

.pageAccueilSite {
    padding: 20px;
    font-size: 1.1em;
    line-height: 1.5em;
}

.pageAccueilSite h2 {
    margin-top: 2em;
    margin-bottom: 0.7em;
}

/* Formulaires - data */
#tableFormData {
    border: 1px solid #4E5661;
    border-collapse: collapse;
}

#tableFormData th {
    background-color: #4E5661;
    color: white;
    padding: 5px;
}

#tableFormData td {
    border: 1px solid #4E5661;
    border-collapse: collapse;
    padding: 2px 5px;
}

.cellChamp {
    padding-bottom: 20px;
}

/* TinyMce */

.mce-i-webeego-image:before {
    content: "\e014";
}

.mce-i-webeego-diaporama:before {
    content: "\E173";
}

.mce-i-webeego-map:before {
    content: "\E128";
}

.mce-i-webeego-audio:before {
    content: "\E15D";
}

.mce-i-webeego-formulaire:before {
    content: "\E132";
}

.mce-i-webeego-article:before {
    content: "\E1A2";
}

.mce-i-webeego-module:before {
    content: "\E115";
}

.mce-i-webeego-zone:before {
    content: "\E161";
}

.barre-outils-container {
    position: relative;
    height: 29px;
    top: 1px;

}

.buttonBarreOutils {
    margin: 0 3px 0 0;
}

.buttonBarreOutils a:hover {
    padding: 3px 9px 4px 9px;
    text-decoration: none;
    color: #333333;
    background: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
    border-color: #9E9E9E;
    border-radius: 2px 2px 0px 0px;
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 0;
    border-bottom-color: #9E9E9E;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    z-index: 1;
}

.buttonBarreOutils a.active {
    top: 1px;
    padding: 3px 9px 4px 9px;
    color: #333333;
    background-color: #FCFCFC;
    border-color: #9E9E9E;
    border-radius: 2px 2px 0px 0px;
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 0;
    border-bottom-color: #FCFCFC;
    z-index: 10;
}

.buttonBarreOutils a {
    float: left;
    display: inline-block;
    position: relative;
    top: 1px;
    overflow: visible;
    padding: 5px 10px 4px 10px;
    margin-right: 3px;
    cursor: pointer;
    font-family: LucidaGrande, LucidaSans, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    color: #333333;
    border: 0 none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    z-index: 1;
}

/******* BOX *******/
.box {
    width: 100%;
    float: left;
    margin: 1em 0;
}

.box .box-header {
    text-align: center;
    font-weight: 600;
    padding: .5em 0;
}

.box .box-body {
    padding-top: 2em;
    height: 85px;
    /* rating widgets will be absolutely centered relative to box body */
    position: relative;
}

.box select {
    width: 120px;
    margin: 10px auto 0 auto;
    display: block;
}

.box-large .box-body {
    padding-top: 2em;
    height: 120px;
}

.box-orange .box-header {
    background-color: #edb867;
    color: white;
}

.box-orange .box-body {
    background-color: white;
    border: 2px solid #f5d8ab;
    border-top: 0;
}

.box-green .box-header {
    background-color: #50e3c2;
    color: white;
}

.box-green .box-body {
    background-color: white;
    border: 2px solid #92eed9;
    border-top: 0;
}

.box-blue .box-header {
    background-color: #4278f5;
    color: white;
}

.box-blue .box-body {
    background-color: white;
    border: 2px solid #8bacf9;
    border-top: 0;
}

/* PAGE MODULE */
.sousObjet {
    background: #fbfbfb;
    border: 1px solid #dddddd;
    margin: 10px 0 0 40px;
    min-width: 500px;
    padding: 20px;
    width: 80%;
}

.ui-tooltip-content {
    line-height: 1.4em;
}

.ui-tooltip-content img {
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
    margin-top: 5px;
}

.ui-tooltip-content h1 {
    font-size: 16px;
    border-bottom: 1px solid #4e5661;
}

.ui-tooltip-content h2 {
    font-size: 14px;
    border-bottom: 1px solid #4e5661;
}

@media all and (max-width: 1100px) {
    /* resolutions jusqu'à 1100px' */
    .adminTitre .ulEnLigne .topAlign {
        display: none;
    }

    .masqueInferieur1100 {
        display: none;
    }
}

@media all and (max-width: 1000px) {
    /* resolutions jusqu'à 1000px pour page de paramétrage des éléments' */
    /*.blockParametresElement{
	margin-left:0;
	clear:both;
	border-top:1px solid #DDDDDD;
}
.blockExempleElement{
	float:none;
}
.outilsParametres{
	position:relative;
	right:auto;
	left:-1px;
}*/
    .blockExempleElement {
        width: 220px;
        overflow: hidden;
    }

    .blockExempleElement iframe {
        width: 220px;
        overflow: hidden;
    }

    .blockExempleElement > div {
        width: 220px;
        overflow: hidden;
    }

    .blockParametresElement {
        margin-left: 250px;
    }

    .tableOngletDetailElement td h1 {
        font-size: 1.1em;
    }

    .blockParametresPoi {
        clear: both;
        margin-left: 0;
        border-top: 1px solid #DDDDDD;
    }

    #menuAffichageFichier {
        display: none;
    }

    #menuTriFichier {
        display: none;
    }

    #divAOutils .rootVoices td.rootVoice {
        width: auto;
    }

    .masqueInferieur1100 {
        display: none;
    }

    .masqueInferieur1000 {
        display: none;
    }
}

@media all and (max-width: 800px) {
    .adminTitre .ulEnLigne {
        display: block;
        float: none;
    }

    .divAccueil .blockMonEspace, .divAccueil .blockParametres, .divAccueil > .blockMove {
        display: block;
        float: none;
        width: auto;
        max-width: inherit;
        min-width: 0;
        padding-bottom: 30px;
        box-shadow: 0 10px 10px -9px #ECECEC;
    }

    .ombreADroite {
        box-shadow: none;
    }

    .blockParametres .dottedEnBas, .blockParametres .dottedADroite {
        border-right: 1px dotted;
        border-bottom: 0 none;
    }

    .blockParametres a.blockOutils {
        padding: 5px 5px;
    }

    .blockParametres {
        min-height: 0;
        margin-bottom: 60px;
    }

    /* page de paramétrage des éléments */
    .blockParametresElement {
        margin-left: 0;
        clear: both;
        border-top: 1px solid #DDDDDD;
    }

    .blockExempleElement {
        float: none;
        width: auto;
        max-width: 360px;
    }

    .blockExempleElement iframe {
        max-width: 360px;
    }

    .outilsParametres {
        position: relative;
        right: auto;
        left: -1px;
    }

    #divBoutonsDansOutils {
        float: none;
        margin-top: 25px;
    }

    .masqueInferieur1100 {
        display: none;
    }

    .masqueInferieur1000 {
        display: none;
    }

    .masqueInferieur800 {
        display: none;
    }

    /* page gestion du site */
    .outilsHaut {
        top: 10px;
        min-height: 30px;
        float: none;
    }

    #divAOutils.gestionSite button, #divAOutils.gestionSite .boutonNew {
        display: block;
        float: none;
    }

    .adminTitre .ulEnLigne .topAlign, .masqueInferieur1100, .masqueInferieur1000 {
        display: inline;
    }
}

@media only screen and (max-device-width: 980px) {
    body {
        font-size: 120%;
    }
}

.ui-widget-content {
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    color: #4e5661;
}

.ui-widget-content a.cliquable {
    color: #0098db; /* bleu */
}

.ui-widget-content a.actif {
    color: #00BD4B; /* vert #61bc55 */
}

.ui-widget-content a.inactif {
    color: #4e5661; /* gris */
}

#TreeSite {
    display: inline-block;
}

span.editTitleObjet:hover {
    cursor: pointer;
}

input.newTitleObjet {
    display: none;
}

#divAContenu.listeTable {
    min-width: 400px;
    padding: 15px 30px 60px 15px;
    height: auto !important;
}
#divAContenu.listeTable .blockListeElements {
    border: 1px solid #dddddd;
    margin: 0 0 10px;
    height: auto !important;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    width: 100%;
}
#divAContenu.listeTable .affichageContenuElement {
    float: right;
    height: auto !important;
    min-width: 400px;
    overflow: hidden;
    width: 75%;
}
#divAContenu.listeTable .blockListeElements h1 {
    font-size: 1.1em;
    margin: 5px 0 0 0;
}
#divAContenu.listeTable .boutonsOutilsListe {
    float: left;
    min-width: 200px;
    text-align: left;
    width: 25%;
}
#divAContenu.listeTable .boutonsOutilsListe tr {
    float: left;
}
#divAContenu.listeTable .buttonAction {
    font-size: 0;
    padding: 2px 5px;
}
#divAContenu.listeTable .imgInsertOptionsCliquable {
    margin: -7px 0 0;
}
#divAContenu.listeTable .imgAffichageListeCliquable {
    margin: -3px 0 0;
}
#divAContenu.listeTable .dottedEnHaut{
    border:none;
}
#divAContenu.listeTable p{
    margin:3px 0;
}
#divAContenu.listeTable .affichageContenuElement h2{
     font-size: 13px;
     margin: 0;
}
#divAContenu.listeTable .affichageContenuElement h2 img{
     max-height:100px;
 }
#divAContenu.listeTable .affichageContenuElement p{
    font-size: 13px;
    display:inline-block;
    vertical-align:top;
}
#divAContenu.listeTable .affichageContenuElement p+p::before{
    content:" | ";
    display:inline-block;
    font-size: 13px;
    margin: 0 10px;
    vertical-align:top;
}
#divAContenu.listeTable .boutonsOutilsListe{
    margin:0;
}
#divAOutils.fixedOnTop{
    width:100%;
    position: fixed;
    top: 0;
    z-index: 999;
    background:#fafafa;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#divAOutils .cheminNavigation{
    padding-left: 40px;
}
#divAOutils .outilsBouton{
    display: inline-block;
    width: 50%;
    margin: 0;
    float: right;
    text-align: right;
}
#divAOutils .outilsBouton>* {
    position: relative;
    margin-left: 15px;
    margin-right: 10px;
    float:none;
    display: inline-block;
}
#divAOutils .outilsBouton>a:last-child {
     margin-right: 7%;
}
#divAOutils .cheminNavigation + a:first-of-type {
    margin-right: 20px;
}
.boxPopUp .blockDetailElement input[type="text"] {
    width: 300px;
}

table.tdisplay input {
    padding:5px;
}

/* datatables */
.dataTables_wrapper button.actionAlert{
    background-image: linear-gradient(to bottom, #fff 0%, #fcd8d8 100%);
    border-color:red;
}
.dataTables_wrapper button.actionAlert:hover{
    background-image: linear-gradient(to bottom, #fff5f5 0%, #f5b4b4 100%);
    border-color:red;
}
.dataTables_wrapper button.actionPrincipale{
    background-image: linear-gradient(to bottom, #f9fbfc 0%, #b9e9ff 100%);
    border-color:#0098db;
}
.dataTables_wrapper button.actionPrincipale:hover{
    background-image: linear-gradient(to bottom, #e9f5fb 0%, #7fd4fb 100%);
    border-color:#0098db;;
}
button.dt-button, div.dt-button, a.dt-button{
    color:#111;
}
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.schedule-border {
    width: inherit;
    padding: 0 10px;
    border-bottom: 0;
    font-size:1rem;
}
fieldset{
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #959595;
}