body { background: #032340; }

.contentWrapper {
    width: 700px;
    margin: 0 auto;
}
#pageHeader {
    background: url( ../images/bandeau.jpg ) top right no-repeat;
    height: 175px;
    width: 992px;
    margin: auto;
    position: relative;
}
#pageFooter {
    background:white!important;
    border-top: 1px dotted black;
/*     margin-top: 5em; */
    margin-top: 3em;
}

#pageHeader .contentWrapper {
    width: auto;
}
#pageContent, #pageBreadcrumb {
    width:992px;
    margin: auto;
    background: #0a3962; /*red!important;*/
    position:relative;

}

#pageBreadcrumb .contentWrapper {
    background: inherit;
    width: 100%;
    color:white;
}
#pageBreadcrumb { background: #032340; }
#pageBreadcrumb a:visited {
    color:#a5c3de;
}
#pageBreadcrumb a {
    color:#a5c3de;
}
#pageBreadcrumb a:hover {
    color:#66a5de;
}

#mainContent {
    background: white;
    padding: 1em;
/*     width: 100%; */
    margin-left: 20%;
    padding: 3em 6em;

}

#pageBreadcrumb .contentWrapper {
    border: none;
}

#pageFooter .contentWrapper {
    border-top: 1px dotted black;
}

#pageContent, #pageFooter { background: #0a3962; }

#pageContent .contentWrapper, #pageFooter .contentWrapper {
    background: white;
    padding: 1em;
}

#logoSacopar {
    background: url( ../images/logo.sacopar.png ) top right no-repeat;
    width: 205px;
    height: 107px;
    top: 40px;
    left: 40px;
    position: absolute;
}

#cartouche1 {
    position: absolute;
    width:127px;
    height:78px;
    float: right;
    bottom: 10px;
    right: 25px;
}

#cartouche2 {
    position: absolute;
    width:127px;
    height:78px;
    float: right;
    bottom: 10px;
    right: 162px;

}

/******************************************************************************
    Menu
******************************************************************************/

#verticalMenu {
    background: #0a3962 ;
    color: black;
    font-family: sans-serif;
    float:left ;
    width:20%;
    height:100%;
}
#verticalMenu ul li {
/*     height: 3em; */
}
#verticalMenu ul {
    display: block;
    padding: 0;
    margin: 0;
    background: #f8b211; /* couleur du menu (orange)*/
    color: black;
    border: 1px solid #0a3962; /* couleur de la bordure, �quivalent au background de la page => look "bouton" */
    border-right-width: 30px;
/*     border-top-width: 2px; */
}
#verticalMenu li {
    display: block;
    padding: 0;
    margin: 0;
    background: #eab161; /* couleur du menu (orange)*/
    color: black;
    border: 1px solid #0a3962; /* couleur de la bordure, �quivalent au background de la page => look "bouton" */
/*     border-right-width: 10px; */
    border-top-width: 2px;

}
#verticalMenu a {
    display: block;
    padding: 0;
    margin: 0;
    background: #f8b211; /* couleur du menu (orange)*/
    color: black;
    border: 3px solid #0a3962; /* couleur de la bordure, �quivalent au background de la page => look "bouton" */
/*     border-right-width: 10px; */
    border-top-width: 2px;
    height:100%;
}
#verticalMenu a {
    background: inherit;
    color: #0a3962; /* couleur du texte du menu */
    padding: 0.25em 0.5em;
    font-weight: bold;
    text-decoration: none;
    font-family: sans-serif;
}
#verticalMenu a:hover {
    background: black;
    color: #c0c0c0; /* couleur du texte du menu s�lectionn� */
}

/*#verticalMenu a:active {
    background: red;
    color: red;
}*/

#lateralFooter {
    float:left ;
    width:20%;
    background: inherit;
    height:100%;
    clear: left;
}
#lateralFooter img {
/*     text-align: center; */
    margin: auto;
    display:block;
}


/*#pageMenu {
    background: #0a3962 ;
    color: black;
    font-family: sans-serif;
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
}*/

/*#pageMenu ul, #pageMenu li, #pageMenu a {
    display: block;
    pad#verticalMenu li.hover {
    background: #909090;
    color: white;
}ding: 0;
    margin: 0;
    background: inherit;
    color: black;
}*/

/*#pageMenu .contentWrapper {
    border-left: 1px dotted black;
}*/

/*#pageMenu li {
    float: left;
    border-right: 1px dotted black;
}*/

/*#pageMenu a {
    background: inherit;
    color: black;
    padding: 0.25em 0.5em;
    font-weight: normal;
    text-decoration: none;
    font-family: sans-serif;
}*/

/*#pageMenu a:hover {
    background: black;
    color: #c0c0c0;
}*/

/* Sous-menu *****************************************************************/
#verticalMenu li ul {
    display: none;
    position: absolute;
    z-index: 10;
    border: 1px solid black;
    margin:-10px;
    /*min-width: 15em;*/
}
#verticalMenu li ul, #verticalMenu li ul * {
    background: #eacfa9; /* couleur du sous-menu (orange clair) */
    color: black;
    padding: 0;
/*     margin: 0; */
    text-transform: none;
}
#verticalMenu li ul * {
    border:none;
}
#verticalMenu li ul a:hover {
    background: black;
    color: #c0c0c0; /* texte du sous-menu s�lectionn�*/
}

#verticalMenu li:hover {
    background: #909090; /* couleur du MENU lorsque sous-menu s�lectionn� */
    color: white;
}

#verticalMenu li.hover {
    background: #909090;
    color: white;
}

#verticalMenu li:hover ul {
    display: block;
    left:100px;
}

#verticalMenu li.hover ul {
    display: block;
}

#verticalMenu li li {
    float: none;
}

#verticalMenu li ul li a {
    font-size: 12px;
    padding: 0.25em!important;
}

#verticalMenu li:hover ul li ul {
    display: none;
}

#verticalMenu li.hover ul li ul {
    display: none;
}

#verticalMenu li ul li a {
    padding: 0.125em 0.25em;
}


/**************************************/
/*
#pageMenu li ul {
    display: none;
    position: absolute;
    z-index: 10;
    border: 1px solid black;
}


#pageMenu li ul, #pageMenu li ul * {
    background: #c0c0c0;
    color: black;
    padding: 0;
    margin: 0;
    text-transform: none;
}

#pageMenu li ul a:hover {
    background: black;
    color: #c0c0c0;
}

#pageMenu li:hover {
    background: #909090;
    color: white;
}

#pageMenu li.hover {
    background: #909090;
    color: white;
}

#pageMenu li:hover ul {
    display: block;
}

#pageMenu li.hover ul {
    display: block;
}

#pageMenu li li {
    float: none;
}

#pageMenu li ul li a {
    font-size: 12px;
    padding: 0.25em!important;
}

#pageMenu li:hover ul li ul {
    display: none;
}

#pageMenu li.hover ul li ul {
    display: none;
}

#pageMenu li ul li a {
    padding: 0.125em 0.25em;
}*/

/* Sous-sous-menu *****************************************************************/

/*#pageMenu li ul li:hover, #pageMenu li ul li.hover {
    position: relative;
}

#pageMenu li ul li:hover ul, #pageMenu li ul li.hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 8em;
    z-index: 11;

}*/

/*#pageMenu li ul li ul li a {
    color: #008bd0;
    background: inherit;
}

#pageMenu li ul li ul li a:hover {
    color: white;
    background: #008bd0;
}

#pageMenu li ul li ul {
    border-color: #008bd0;
}*/

/* Mise en �vidence *****************************************************************/

.evidence {
    background: yellow;
    font-weight: normal;
}