﻿html {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    width: 100%;
}

body {
    font-size: 11px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: Black;
    height: 100%;
    width: 100%;
    background-repeat: repeat-x;
}

a{
    text-decoration:none;
}

a.visited{
    text-decoration:none;
}


#page {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    background-image: url('Images/bg_page.gif');
    background-color: #fff;
    background-repeat: repeat-x;
}

#page #contentcontainer {
    min-height: 470px;
    position: relative;
}

/* HACK IE6 */
* html #page #contentcontainer {
    height: 470px;
}

#page-shadow {
    width: 804px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('Images/ombrage.png');
    background-repeat: repeat-y;
}


#page #header {
    top: 0px;
    width: 760px;
    height: 100px;
}

#page #header_print {
    display: none;
}

#page #menu {
    height: 470px;
    position: absolute;
    top: 0px;
    width: 160px;
}

#page #menu iframe {
    height: 470px;
    background-color: Transparent;
}

#page #header iframe {
    height: 100px;
    background-color: Transparent;
}

#page footer iframe {
    height: 92px;
    background-color: Transparent;
}

#page #footer {
    width: 760px;
    height: 92px;
}

#page #content {
    /*width: 600px;*/
    min-height: 453px; /* 470 - 17 */
    /*margin-left: 160px;*/
    position: relative;
    padding-top: 17px;
    padding-right: 15px;
}

/* HACK IE6 */
* html #page #content {
    height: 453px;
}

.loading-block {
    z-index: 9999;
    padding-left: 40%;
    display: none;
    position:fixed; 
    top:0; 
    left:0; 
    background:rgba(0,0,0,0.6); 
    width:100%;
    height:100%; 
    display:none;
}

.loading-block i {
    display: block !important;
}

.divEntete {
    width: 760px;
    /*background-color: White;*/
    height: 100px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

    .divEntete .divLogoPRV {
        float: left;
        height: 100px;
    }

        .divEntete .divLogoPRV img {
            width: 211px;
            height: 100px;
        }

    .divEntete .divMenu {
        width: 549px;
        height: 100px;
        text-align: right;
        float: left;
    }

        .divEntete .divMenu .divImageMenu {
            width: 549px;
            height: 67px;
            vertical-align: bottom;
        }

    .divEntete .divBarreMenu {
        height: 15px;
    }

        .divEntete .divBarreMenu img {
            width: 549px;
            height: 15px;
        }

/* Contrôle de pied de page */
.divPiedPage {
    text-align: center;
    font-size: 10px;
    background-color: White;
    /*width: 746px;*/
    color: #333333;
    height: 92px;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
