@font-face {
    font-family: 'iconFont';
    src: url('../fonts/iconFont.eot');
    src: url('../fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconFont.svg#iconFont') format('svg'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

nav#site-navigation {
    z-index: 1000;
}

.site-footer {
    position:fixed;
    bottom: 0;
}

#content {
    margin-bottom: 63px !important;
}
div#references {
    width: 446px;
    margin: auto;
}
ul.etablissement,
ul.regionlinks {
    list-style: none;
}

.etablissement li {
    margin-top: 12px;
    height: 160px;
}
.etablissement .logo {
    float: left;
    margin-right: 30px;
    height: 160px;
}

.etablissement .logo img {
    width: 75px;
}

.etablissement .name,
.etablissement .service,
.etablissement .address,
.etablissement .tel {
    margin-left: 60px;
}

.etablissement .name {
    font-weight: bold;
}
.etablissement .tel {
    margin-top: 6px;
}

ul.regionlinks {
    text-align: center;
}
.regionlinks li {
    width: 20%;
    text-align: center;
    font-size: 15px;
    display: inline-block;
}

/* Checkbox  */
#documentations .checkboxFive input[type=checkbox] {
    visibility: hidden;
}

#documentations .checkboxFive {
    width: 25px;
    margin: 20px 100px;
    position: relative;
}

#documentations .checkboxFive label {
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 11px;
    left: 0;
    background: #eee;
    border: 1px solid #ddd;
}

#documentations .checkboxFive label:after {
    opacity: 0.1;
    content: '';
    position: absolute;
    width: 18px;
    height: 8px;
    background: transparent;
    top: 0px;
    left: 1px;
    border: 3px solid #0072bc;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

#documentations .checkboxFive label:hover::after {
    opacity: 0.5;
}

#documentations .checkboxFive input[type=checkbox]:checked + label:after {
    opacity: 1;
}

/* documentations */
table#documentations {
    width: 80%;
    min-width: 450px;
    margin: auto;
}

#documentations td {
    padding: 6px;
}

#documentations tr.doccat td {
    font-weight: bold;
    color: #579CD1;
    text-align: center;
    border-bottom: 2px solid #579CD1;
    font-size: 2.5rem;
}


#documentations input#email {
    border: 1px solid #549ACF;
}

/* Message */
.diraj_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url(images/success.png);
}

.diraj_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}

.diraj_success, .diraj_error {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

/** download **/
#downloads {
    margin-bottom: 30px;
}
#downloads .category {
    text-align: left;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 3px;
    color: #549ACF;
    clear: both;
    border-bottom: 2px solid #549ACF;
}

#downloads .types {
    clear: both;
}

#downloads .type {
    text-align: center;
    font-weight: bold;
    padding: 4px 0 2px;
    color: #4086C2;
    clear: both;
}

.type.new:after {
    content: "Nouveau";
    padding-left: 8px;
    font-size: 1.2rem;
    color: red;
    vertical-align: super;
}

#downloads .children {
    clear: both;
    margin-bottom: 20px;
    padding: 4px 0;
}

#downloads .child {
    clear: both;
}



#downloads .file {
    width: 35%;
    display: inline-table;
    padding: 2px 0 0;
    cursor: pointer;
    margin-left: 2%;
}

#downloads .file:before {
    float: left;
    font-family: "iconFont";
    font-size: 2rem;
    padding-right: 10px;
    color: #549ACF;
    content: "";
}
#downloads .revision {
    width: 20%;
    display: inline-table;
    padding: 2px 0 0;
}


#downloads .doc {
    width: 23%;
    display: inline-table;
    text-align: left;
    cursor: pointer;

}

#downloads .doc:hover,
#downloads .file:hover {
    text-decoration: underline;
}

#downloads .icondoc:before {
    float: left;
    content: "";
    padding-right: 10px;
    font-family: "iconFont";
    font-size: 2rem;
    text-decoration: none;
}

#downloads .endmaintenance {
    width: 10%;
    display: inline-table;
    text-align: right;
    cursor: pointer;
}

#downloads .FDM {
    text-align: right;
    margin-right: 25px;
    color: #549ACF;
}
/** Informations **/
.fancybox-inner p.TitreGeneral {
    font-size: 1.5em;
}

.fancybox-inner td.TDRevision {
    background: #4086C2;
    text-align: center;
    color: white;
    padding: 2px;
}

.fancybox-inner table,
.fancybox-inner td
{
    background-color: white;
}
.fancybox-inner p.Categorie u {
    font-size: 2rem;
    text-decoration: none;
    color: #4086C2;
}

.fancybox-inner td.version font {
    color: inherit;
}

.fancybox-inner input[type="button"] {
    display: none;
}
.fancybox-inner .code {
    font-family: monospace;
    font-size: 1.7rem;
    color: white;
    background-color: dimgrey;
    padding: 5px;
}

.fancybox-inner footer {
    display: none;
}

.fancybox-inner td.point {
    width: 95%;
}

.fancybox-inner  td.pointnum {
    width: 5%;
}

/* Animate references */
ul#animatereferences {
    position: relative;
    height: 100px;
    margin-bottom: 100px;
}
li.animatereference {
    display: block;
    width: 200px;
    height: 175px;
    position: absolute;
    opacity: 0;
    right: 18px;
}

li.animatereference .cadre {
    height: 150px;
    width: 150px;
    margin: 0 auto;
    line-height: 150px;
    text-align: center;

}

li.animatereference  img.logo {
    max-width: 150px;
    max-height: 150px;
    vertical-align: middle;
}

li.animatereference >  .name {
    text-align: center;
    color: #579CD1;
    line-height: 1.4rem;
}