/* --------------------------------------------------------------------- */
/*          GLOBALS                     */
/* --------------------------------------------------------------------- */
/*couleur d'écriture : #4e1919 (5a3728)             */
/*couleur de fond : #4e1919                     */
/*couleur de fond du milieu : #f4eed9               */
/**/
/* #71c255 vert plus foncé logo Cabries */
/* #e6b02f Orange logo Cabries */
/* #ed1c24  Rouge chevre logo Cabries */
/**/
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/*      imports                                                                              */
/* --------------------------------------------------------------------- */
@import url(calendrier.css);
@import url(rubriques.css);
@import url(mwo.css);
@import url(photos.css);
@import url(comarquage.css);

/* --------------------------------------------------------------------- */
/*      Generiques                                                                              */
/* --------------------------------------------------------------------- */
    body {
        background:url(images/fond_body.png) repeat left top #3d3d7b;
        color:black;
        font-family:sans-serif;
        margin:5px 0px;
        padding:0;
        text-align:center;
    }

    a{
        color:#992825;
        font-style:normal;
        text-decoration:none;
    }

    a:hover{
        text-decoration:underline;
    }

    a img{
        border:0;
        padding:0;
        margin:0;
    }


    h2.fil_ariane{
        font-size:80%;
        margin:0;
        padding:2px 5px;
        text-align:left;
        background-color:#a7a7a7;
        border-top:1px solid white;
        border-bottom:1px solid white;
        color:#fff;
    }

    h2.fil_ariane a{
        color:#fff;
        text-decoration:none;
    }
    h2.fil_ariane a:hover{
        color:#c53f3c;
    }

     h3{
         width:500px;
        padding-left:5px;
        background:url(images/fond_h3.png) repeat-y left center transparent;
        font-family:"Trebuchet MS" sans-serif;
        font-style:italic;
        border-left:1px solid black;
        border-top:1px solid black;
    }

    h4{
        clear:left;
        margin:15px 15px;
        padding:3px 15px;
        letter-spacing:3px;
        font-style:italic;
        font-family:"Trebuchet MS", sans-serif;
        /*text-decoration:underline;*/
        background:url(images/fond_h3.png) repeat-y left center transparent;
    }

    h5{
        padding-left:5px;
        background:url(images/fond_h5.png) repeat-y left center transparent;
        letter-spacing:5px;
            margin-bottom:20px;
    }

    h5 img {
        position:relative;
        top:4px;
    }

    h6{
        padding-left:20px;
        font-weight:bold;
        text-decoration:underline;
    }


    form{
        width:90%;
        margin:auto auto;
    }

    ul{
        list-style-type:none;
        padding-right:15px;
    }

    span.label{
    font-weight:bold;
        float:left;
        width: 100px;
        font-size:80%;
        margin-right:5px;
        text-decoration:underline;
    }

    span.valeur{
        font-size:100%;
    }

    p.valeur {
        float:left;
        clear:right;
    }

/* --------------------------------------------------------------------- */
/*      Div                                                                                      */
/* --------------------------------------------------------------------- */

    div#conteneur{
        width:830px;
        margin:auto auto;
    }

    div#conteneur div.bandeau{
        width:800px;
        height:103px;
        padding-right:30px;
        background:url(images/fond-general.png) repeat-y top right transparent;
    }

    div#conteneur div.bandeau a{
        padding:0;
        margin:0;
        border:0;
    }

    div#conteneur div.bandeau a img{
        padding:0;
        margin:0;
        border:0;
    }


    div#conteneur_admin{
        width:830px;
        margin:auto auto;
    }

    div#conteneur_admin div.bandeau {
        width:800px;
        height:133px;
        padding-right:30px;
        background:url(images/fond-general.png) repeat-y top right transparent;
    }

    div#conteneur_admin div.bandeau > a{
        display:block;
        width:800px;
        height:103px;
        padding:0;
        margin:0;
        border:0;
    }

    div#conteneur_admin div.bandeau a img{
        padding:0;
        margin:0;
        border:0;
    }

    div#conteneur_admin div.affichage_ligne_identifie{
        width:800px;
        height:30px;
        background:url(images/fond-menu-identifie.png) no-repeat center top #e3e3e3;
    }

    div#conteneur_admin div.affichage_ligne_identifie > span {
        padding:0;
        margin:0;
    }


    div.affichage-borduregauche{
        float:left;
        width:30px;
    }

    div#rubrique{
        width:800px;
        text-align:left;
        padding-right:30px;
        background:url(images/fond-general.png) repeat-y top right #fff;
    }

    div#rubrique h1 {
        height:60px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        text-align:center;
        line-height:60px;
        vertical-align:bottom;
        font-style:italic;
        letter-spacing:5px;
        font-family:serif;
        background:url(images/img_h1-bis2.png) no-repeat center center transparent;
    }

    div#rubrique ul li {

    }

    div#tetederubrique{
        clear:both;
        height:60px;
        background:url(images/img_tetederub.png) no-repeat left top white;
    }

    div#piedderubrique{
        clear:both;
        height:27px;
        background:url(images/img_piedderub.png) no-repeat left top white;
    }

    div.pieddepage{
        margin: 10px auto;
        padding:0.2em 0;
        background-color:#000050;
        color:#eeeeff;
        border:1px solid #eeeeff;
        font-size:0.85em;
        letter-spacing:0.1em;
    }

    div.pieddepage a{
        color:white;
    }

/* --------------------------------------------------------------------- */
/*      Div communiquants                                                                    */
/* --------------------------------------------------------------------- */

     div.site_erreur{
        font-weight:bold;
        color:red;
        font-family:"Courrier New" , serif;
        text-align:center;
        padding:5px;
     }

    div.erreur {
        font-weight:bold;
        color:red;
        font-family:"Courrier New" , serif;
        text-align:center;
        padding:50px;
    }

    div.site_notice{
        font-size:80%;
        padding:10px 40px;
    }

    div.site_notice a{
        font-weight:bold;
    }

    div.site_info{
        font-family:"Courrier New" , serif;
        letter-spacing:2px;
        text-align:center;
        padding:50px;
    }

/* --------------------------------------------------------------------- */
/*      Menus                                                                                      */
/* --------------------------------------------------------------------- */
    ul.menu{
        width:800px;
        height:30px;
        margin:0;
        padding:0px 30px 0px 0px;
        background:url(images/fond-menu-identifie-bis.png) repeat-y center top transparent;
        /*border-top:5px solid #000050;*/
        border-bottom:5px solid #3d3d7b;
    }

    ul.menu li {
        float:left;
        margin:0;
    }

    ul.menu li a {
        position:relative;
        top:-2px;
        text-decoration:none;
        letter-spacing:2px;
        font-weight:bold;
        font-family:"Trebuchet MS", sans-serif;
        padding:0px 10px 0px 10px;
        margin:0px;
        border-right:1px solid black;
    }

    ul.menu li a:hover {
        color:#7a7aff;
        /*background:url(images/fond-menu-hover.png) repeat center center transparent;*/
    }

    ul.menu li.menu_courant a {
        top:0px;
        font-style:italic;
        color:#000050;
        font-weight:bold;
        letter-spacing:3px;
        font-family:"Times New Roman", serif;
    }

    div.colonne_droite{
        float:right;
        margin:30px 5px 5px 5px;
        border:1px solid white;
    }

    ul.sous_menu{
        margin:0;
        width:250px;
        padding:0;
        list-style-type:none;
        background:url(images/fond-ssmenu.png) repeat-y left top #a7a7a7;
        border-top:1px solid #000050;
        border-bottom:1px solid #000050;
    }

    ul.sous_menu  li {
        margin:0;
        padding:1px 10px;
        text-align:left;
        font-size:7pt;
        letter-spacing:2px;
        font-family:"Verdana" sans-serif;
        background:url(images/fond-ssmenuli.png) repeat-y right top transparent;
    }

    ul.sous_menu li a {
        color:#fff;
        font-weight:bold;
        text-decoration:none;
        padding:0px 0px 0px 15px;
    }

    ul.sous_menu li a:hover {
        color:#c53f3c;
        background:url(images/itemssmenu.png) no-repeat left center yellow;
    }

    ul.sous_menu li.sous_menu_courant  a{
        background:url(images/itemssmenu.png) no-repeat left center transparent;
    }

    ul.sous_menu li.sous_menu_courant  a:hover{
        background-color:yellow;
    }


    /******************/
    /*    PAGINATION        */
    /******************/

    div.pagination {
        clear:left;
        padding:10px;
    }

    div.pagination_pages {
        text-align:center;
        padding-right:5px;
        padding-bottom:5px;
        border-bottom:1px solid black;
    }

    div.pagination_lettres{
        padding:10px;
    }

    div.pagination_lettres a:hover{
        text-decoration:underline overline;
        background-color:#992825;
        color:white;
    }