/*
 * CSS By F!nTcH
 * (c) 2017 F!nTcH
 */

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
/*    background-color: #EEEEEE;*/
}

div.mainScripts {
    display: none;
}

/*
 * Zone pour les balises <a>
 */
a {
    color: #0000FF;
}

a.fonction {
    color: #0099FF;
}

a.admin {
    color: #00CC00;
}

a img {
    border: 0;
}

/*
 * Zone pour les balises de titres
 */
h1, h2, h3 {
    margin: 0;
}
h1 {
    text-align: center;
    color: #000099;
    font-style: italic;
    font-size: x-large;
    font-weight: bold;
    font-family: sans-serif;
}
/*
h2 {
    color: #66FFFF;
    font-family: courier;
    font-size: large;
    font-weight: bold;
    background-color: #6666CC;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
}
h3 {
    color: #669;
    font-family: courier;
    font-style: italic;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #099;
}
*/
div#mainTitle {
    height: 70px;
    line-height: 70px;
    background-image: url(../images/banner.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 70px;
    font-variant: small-caps;
    font-weight: bold;
    font-size: x-large;
    color: #0000BB;
    text-shadow: 1px 1px lightgrey;
}

/*
 * Zone pour les balises de structure
 */
/*
main {
    overflow: auto;
    padding-bottom: 90px;
    padding-left: 5px;
    padding-right: 5px;
}
*/
article {
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #CCCCCC;
    border-style: solid;
    padding: 20px;
    margin: 5px;
    text-align: left;
    width: 60%;
    margin-left: 20%;
    margin-right: auto;
}
footer {
    color: #999999;
    text-align: center;
    font-size: small;
}

/*
 * Calques des éléments de côté
 */
/*
div.lefts, nav.lefts {
    float: left;
    width: 15%;
    background-color: #CCCCCC;
    border: 1px solid #888888;
    clear: left;
}
div.lefts, nav.lefts, div.rights {
    margin-top: 10px;
    padding-top: 20px;
    background-image: url(bgelt.png);
    background-repeat: no-repeat;
}
div.rights {
    float: right;
    width: 15%;
    background-color: #CCCCCC;
    border: 1px solid #888888;
    clear: right;
}

nav.lefts {
    display: none;
}
*/


div.content_left {
    float: left;
}
div.content_right {
    float: right;
}
div.content_center {
    text-align: center;
}

/*
 * Zone pour les listes
 */

ul {
    margin: 0;
    padding-left: 0;
}
nav ul li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
}

nav#mainNav ul {
    float: left;
    margin-left: 5px;
}

nav#mainNav ul li {
    display: block;
    vertical-align: middle;

    background-image: url(../images/mainmenuitem.png);
    background-repeat: no-repeat;
    text-align: left;

    padding-left: 30px;
    padding-right: 5px;

    margin-right: 2px;
    height: 24px;
    background-color: #FFFFFF;
    /*
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;

    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC;
   */
}
nav#mainNav ul li a {
    font-variant: small-caps;
    font-weight: bold;
    font-size: large;
    text-decoration: none;
    color: #000099;
}
nav#mainNav ul li a:hover {
    text-decoration: underline;
}

footer nav ul li {
    background-image: url(../images/footeritem.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 2px;
    height: 24px;
}
footer nav ul li a {
    font-size: small;
}

/* définitions spéciales pour le plan */
/*
ul.plan li {
    list-style: none;
    font-style: italic;
    text-decoration: underline;
    margin-bottom: 2px;
}
ul.plan ul {
    margin-bottom: 30px;
}
ul.plan ul li {
    list-style: none;
    vertical-align: middle;
    background-image: url(bgmenuplan.png);
    background-repeat: no-repeat;
    padding-left: 60px;
    padding-right: 3px;
    height: 30px;
    line-height: 30px;
    width: auto;
    margin-bottom: 5px;
    font-style: normal;
    text-decoration: none;
}
ul.plan ul li a {
    font-variant: small-caps;
    color: #FFFF00;
    font-weight: bold;
    font-family: times;
    font-size: large;
}

ul#mainSubNav {
    background-color: #00AAAA;
    margin: 0;
    padding: 0;
}
ul#mainSubNav li {
    display: block;
    padding: 4px;
}
ul#mainSubNav li a {
    background-color: #00AAAA;
    text-decoration: none;
    color: #CCFFFF;
    display: block;
    text-align: left;
}
ul#mainSubNav li.selected a {
    background-color: #66CCCC;
    color: #FFFFFF;
}
ul#mainSubNav li a:hover {
    background-color: #66CCCC;
    text-decoration: underline;
    color: #66FFFF;
}
*/


table.style2 {
    margin: 0px;
    margin-top: 15px;
    margin-left: 2px;
    width: 98%;
    border: 1px solid #FF9933;
    border-collapse: collapse;
}
table.style2 th {
    background-color: #FF9933;
    text-align: center;
    padding: 5px;
    color: #FFFFFF;
}
table.style2 td.highlight {
    background-color: #FFF0E0;
    width: 15%;
}
table.style2 td {
    border: 1px solid #FFF0E0;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

/*
 * Gestion des formulaires
 */
span.formlabel:after {
    content:" :";
}
/*
input {
    border: 1px solid #0000FF;
}
*/

/*
 * Eléments divers ou communs
 */
/*
.pinned {
    font-weight: bold;
    font-style: italic;
}
.message_ok {
    color: #009900;
    font-weight: bold;
    text-align: center;
}
.message_warn {
    color: #FF8800;
    font-weight: bold;
    text-align: center;
}
.message_error {
    color: #FF0000;
    font-weight: bold;
    text-align: center;
}

footer p {
    margin: 0;
}
*/

p.em {
    font-style: italic;
}

p.lead {
    color: #333333;
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

/*
  Mémo fontes embarquées

@font-face {
font-family: MyFirstCustomFont;
src: url('fonts/my-first-custom-font.ttf');
}
*/