h1 {
  color:#800000;
}

h2 {
  color:#800000;
}
h3 {
  color:#800000;
}
h4 {
  color:#800000;
}

/*   Mes styles*/

/*  ************************          Zoom Images       ************************/

.vignette a {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 1em 0 0;
    border: 1px solid #cecece;
}

.zoom_video a {
    background: url(Photos/Ressources/Video_4_30.png) no-repeat top left;
}

    .zoom_video a:hover {
        background: url(Photos/Ressources/Video_4_30.png) no-repeat bottom right;
    }

/*----------------------lien sans soulignement <a href="/" class="nounderline">Texte du lien</a>----------------------*/
a.nounderline:link {
    clear: both;
    margin: 0px 5px 30px 5px;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
}

a.couleur:link {
    color: #800000;
    font-weight: bold;
    font-style: italic;
}


a.right:link {
    text-align: right;
}


.marges_10 {
    padding: 10px 5px 10px 10px;
}

.centrer_vertical_1 {
    vertical-align: middle;
}

.dessous {
    position: relative;
    z-index: 1;
}

.dessus {
    position: relative;
    z-index: 10;
}


/*----------------------class d'aspect ----------------------*/

.blanc {
    color: White;
}

.noir {
    color: Black;
}

.gris_silver {
    color: Silver;
}

.gris_gray {
    color: Gray;
}

.gris_darkGray {
    color: DarkGray;
}

.gris_lightSlateGray {
    color: LightSlateGray;
}

.red {
    color: red;
}

.bleu {
    color: blue;
}

.bleu_aqua {
    color: Aqua;
}

.bleu_navy {
    color: Navy;
}

.bleu_teal {
    color: Teal;
}

.vert {
    color: Olive;
}

.vert {
    color: Lime;
}

.marron {
    color: #800000;
}

.marron_burlyWood {
    color: BurlyWood;
}

.marron_dimgrey {
    color: dimgrey;
}

.marron_maroon {
    color: Maroon;
}

.marron_brown {
    color: Brown;
}

.marron_tan {
    color: Tan;
}

.beige_darkkhaki {
    color: darkkhaki;
}

.beige_1 {
    color: #ECE0BF;
}

.beige_2 {
    color: crimson;
}

.rouge {
    color: red;
}

.rouge_1 {
    color: #FC1F20;
}

.rouge_2 {
    color: #EC0505;
}

/*----------------------class texte hauteur rem----------------------*/


.txt_h07 {
    font-size: 0.7rem;
}

.txt_h08 {
    font-size: 0.8rem;
}
.txt_h09 {
    font-size: 0.9rem;
}

.txt_h10 {
    font-size: 1.0rem;
}

.txt_h11 {
    font-size: 1.1rem;
}

.txt_h12 {
    font-size: 1.2rem;
}

.txt_h13 {
    font-size: 1.3rem;
}

.txt_h14 {
    font-size: 1.4rem;
}

.txt_h15 {
    font-size: 1.5rem;
}

.txt_h16 {
    font-size: 1.6rem;
}

.txt_h18 {
    font-size: 1.8em;
}

.txt_h20 {
    font-size: 2.0em;
}

.txt_h22 {
    font-size: 2.2em;
}


/*----------------------class disposition ----------------------*/

.bloc-gauche {
    left: 0px;
}

.bloc-droite {
    right: 0px;
}

.centre {
    text-align: center;
}

.txt_centrer {
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}

.txt_centrer_auto {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.gras {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.maj {
    font-variant: small-caps;
}



/*----------------------Saut de ligne  .hr_invisible { clear:both;}     ----------------------*/

.margeBas2 {
    margin-bottom: 2%;
}

.margeBas3 {
    margin-bottom: 3%;
}

.margeBas5 {
    margin-bottom: 5%;
}

.margeBas8 {
    margin-bottom: 8%;
}

.margeBas10 {
    margin-bottom: 10%;
}

.margeBas15 {
    margin-bottom: 15%;
}

.margeBas20 {
    margin-bottom: 20%;
}

.margeBas25 {
    margin-bottom: 25%;
}

.margin20 {
    margin-bottom: 20px;
}

.margeBas30 {
    margin-bottom: 30%;
}

.margeBas90 {
    margin-bottom: 90%;
}



.margeHaut2 {
    margin-top: 2%;
}

.margeHaut3 {
    margin-top: 3%;
}

.margeHaut5 {
    margin-top: 5%;
}

.margeHaut8 {
    margin-top: 8%;
}

.margeHaut10 {
    margin-top: 10%;
}

.margeHaut15 {
    margin-top: 15%;
}

.margeHaut20 {
    margin-top: 20%;
}

.margeHaut25 {
    margin-top: 25%;
}

.margeHaut30 {
    margin-top: 30%;
}









/*-----------------------coins arrondis-----------------------*/
.coins_arrondis {
    /* les coins arrondis*/
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    behavior: url(/PIE.htc);
}

.coins_arrondis8 {
    /* les coins arrondis*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);
}

.coins_arrondis24 {
    /* les coins arrondis*/
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    behavior: url(/PIE.htc);
}

.ListDeroul {
    /*  */
    font-size: 1.3em;
    padding: 10px 10px 5px 10px;
}

.fond_degrad_1 {
    /*      un dégradé */
    color: #2C2C2C; /* couleur lettres*/
    background: #2C28B3;
    background: -webkit-linear-gradient( #B5F9FA, #2C4581);
    background: -moz-linear-gradient( #B5F9FA, #2C4581);
    background: -ms-linear-gradient( #B5F9FA, #2C4581);
    background: -o-linear-gradient( #B5F9FA, #2C4581);
    background: linear-gradient( #B5F9FA, #2C4581);
    /* L’ombre du texte tout d’abord.*/
    text-shadow: 0px 3px 0px rgba( 255, 255, 255, 0.2);
    /*  ombres sur la boite avec */
    box-shadow: 0 0 10px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.fond_degrad_2 {
    /*      un dégradé */
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    /* L’ombre du texte tout d’abord.*/
    text-shadow: 0px 3px 0px rgba( 255, 255, 255, 0.2);
    /*  ombres sur la boite avec */
    box-shadow: 0 0 10px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}


.fond_degrad_3 {
    /*      un dégradé */
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #F8FBF6 0%, #EFF2E9 50%, #AA9739 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#AA9739), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #F8FBF6 0%,#EFF2E9 50%,#AA9739 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #F8FBF6 0%,#EFF2E9 50%,#AA9739 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #F8FBF6 0%,#EFF2E9 50%,#AA9739 100%); /* IE10+ */
    background: linear-gradient(135deg, #F8FBF6 0%,#EFF2E9 50%,#AA9739 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FBF6', endColorstr='#AA9739',GradientType=1 );
    /* L’ombre du texte tout d’abord.*/
    text-shadow: 0px 3px 0px rgba( 255, 255, 255, 0.2);
    /*  ombres sur la boite avec */
    box-shadow: 0 0 10px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.bords_degrad_1 {
    -webkit-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset;
    -moz-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset;
    box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset;
}

.bords_degrad_2 {
    -moz-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47;
    -webkit-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47;
    box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47;
}

.bords_degrad_3:before {
    transform: rotate(-5deg);
    box-shadow: 7px 6px 15px #333;
}

.bords_degrad_3:after {
    transform: rotate(5deg);
    box-shadow: -7px 6px 15px #333;
}

.bords_degrad_4 {
    -moz-box-shadow: 4px 4px 10px #888;
    -webkit-box-shadow: 4px 4px 10px #888;
    box-shadow: 4px 4px 6px #888;
}

.bords_degrad_20 {
    width: 20%;
    padding: 5px 3px 5px 3px;
    -moz-box-shadow: 4px 4px 10px #888;
    -webkit-box-shadow: 4px 4px 10px #888;
    box-shadow: 4px 4px 6px #888;
}

.bords_degrad_30 {
    width: 30%;
    padding: 5px 3px 5px 3px;
    -moz-box-shadow: 4px 4px 10px #888;
    -webkit-box-shadow: 4px 4px 10px #888;
    box-shadow: 4px 4px 6px #888;
}

.bords_degrad_50 {
    width: 50%;
    padding: 5px 3px 5px 3px;
    -moz-box-shadow: 4px 4px 10px #888;
    -webkit-box-shadow: 4px 4px 10px #888;
    box-shadow: 4px 4px 6px #888;
}

.bords_degrad_80 {
    width: 80%;
    padding: 5px 3px 5px 3px;
    -moz-box-shadow: 4px 4px 10px #888;
    -webkit-box-shadow: 4px 4px 10px #888;
    box-shadow: 4px 4px 6px #888;
}

.bords_degrad_auto {
    width: auto;
    padding: 5px 3px 5px 3px;
    -moz-box-shadow: 4px 4px 10px #888;
    -webkit-box-shadow: 4px 4px 10px #888;
    box-shadow: 4px 4px 6px #888;
}




/*   class   */

.conteneur_images {
    background: #FFFFFF;
    border: 1px solid black;
    height: 127px;
    margin: 0 auto;
    width: 510px;
}


/*   Image normal sans survol ou clicImage et Imagecaption*/
.img:hover {
    z-index:1000;
    background: #FFFFFF;
    /*border: 1px solid red; */
    
    height: 250%;
    left: -110px;
    padding: 13px;/* espace avec bordure*/
    position: relative;
    top: -50px;
    width: 200%;/* taille de l'image zoomer*/
}


.image_h {
    float: left;
    margin-left: 0.1%;
    height: 100%;
}

    .image_h img:hover {
        /*format pendant le survol*/
        height: 20%;
    }





/* ********************************  zomm image survol clic Image:hover et  Image:focus */
.Image {
    /*    
    width: 18em; 
    margin: 1em 5em 0 0;  */
    float: left;
    position: relative;
    font-size: small;
    margin: 1em 2em 0 0;
    color: #800000;
    /*     background: white;  
    border: 10px solid white;   */
    -webkit-box-shadow: 0 3px 10px #ccc;
    -moz-box-shadow: 0 3px 10px #ccc;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 1s ease;
}

.Imagecaption {
    text-align: center;
    display: block;
    /*   font-size: 12px;
  font-style: italic;         */
}

.Image:hover {
    /* height: 50%; 
         */
    /* zoom*/
    width: 20%;
    background-image: url('../../Images/Ressources/RetourPagePrec.png');
    background-repeat: no-repeat;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(1deg);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
}

.Image:focus {
    outline: none;
    -webkit-transform: rotate(-3deg) scale(2.5);
    -moz-transform: rotate(-3deg) scale(2.5);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    z-index: 9999;
}

ol.PiedPage li {
    font-size: 1.3em;
    padding: 0.2em;
    color: #993300;
    position: relative;
}




/*  ------------------------------ Lien menuhlien menu tableau de bord-----------------------------*/
.menuhlien {
    z-index: 5;
    width: 20px;
    height: 15px;
    background-image: url('../../Images/Ressources/oeil_30.png');
    background-repeat: no-repeat;
    float: left;
    position: relative;
    color: #800000;
    -webkit-box-shadow: 0 3px 10px #ccc;
    -moz-box-shadow: 0 3px 10px #ccc;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 1s ease;
    /* 
    margin: 1em 5em 0 0;
    font-size: small;     b
        ackground: white;  
    border: 10px solid white;   
    */
}


    .menuhlien:hover {
        /*   
   padding: 0em 0em 2em 2em;    */
        z-index: 20;
        width: 50px;
        height: 38px;
        background-image: url('../../Images/Ressources/oeil_50.png');
        background-repeat: no-repeat;
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(1deg);
        -webkit-box-shadow: 0 3px 10px #666;
        -moz-box-shadow: 0 3px 10px #666;
        /* 
         height: 50%; 
    padding: 20px 10px 10px 10px;
    height: auto;   
          */
    }

    .menuhlien:focus {
        outline: none;
        -webkit-transform: rotate(-3deg) scale(2.5);
        -moz-transform: rotate(-3deg) scale(2.5);
        -webkit-box-shadow: 0 3px 10px #666;
        -moz-box-shadow: 0 3px 10px #666;
        z-index: 9999;
    }

    .menuhlien caption {
        text-align: center;
        display: block;
        /*   font-size: 12px;
  font-style: italic;         */
    }




/*  ------------------------------ Page prédédente-----------------------------*/
.PagePrec {
    z-index: 10;
    background-image: url('../../Images/Ressources/RetPPrec_2.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    font-size: small;
    /*    
    width: 18em; 
    margin: 1em 5em 0 0;  */
    /*   
    color: #800000;  background: white;  
    border: 10px solid white;   */
    /*ombre*/
    -webkit-box-shadow: 0 3px 10px #ccc;
    -moz-box-shadow: 0 3px 10px #ccc;
    /*rotation */
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 1s ease;
}

/* ombre*/

.ombre_5 {
    border: 5px solid #fff;
    -moz-box-shadow: 10px 10px 16px #aaa;
    -webkit-box-shadow: 10px 10px 16px #aaa;
    box-shadow: 10px 10px 16px #555;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=15);
    zoom: 1;
}

.ombre_1 {
    border: 5px solid #fff;
    -moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #555;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
}

.ombre_2 {
    border: 5px solid #fff;
    -moz-box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    box-shadow: 1px 1px 12px #555;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#c0c0c0,Strength=8);
    zoom: 1;
}

.ombre_3 {
    border: 5px solid #fff;
    -moz-box-shadow: 8px -4px 8px #333333, 2px 2px 2px #333333 -webkit-box-shadow: 8px -4px 8px #333333, 2px 2px 2px #333333 box-shadow: 8px -4px 8px #333333, 2px 2px 2px #333333 filter:progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=8);
    zoom: 1;
}


/* zoom*/
.PagePrec:hover {
    z-index: 2;
    width: 85px;
    height: 60px;
    background-image: url('../../Images/Ressources/RetPPrec_2.png');
    background-repeat: no-repeat;
    /*ombre*/
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    /*rotation */
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(1deg);
    /* height: 50%; 
         
    padding: 20px 10px 10px 10px ;*/
}

.PagePrec:focus {
    outline: none;
    -webkit-transform: rotate(-3deg) scale(2.5);
    -moz-transform: rotate(-3deg) scale(2.5);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    z-index: 9999;
}

.PagePrec caption {
    text-align: center;
    display: block;
    /*   font-size: 12px;
  font-style: italic;         */
}



/* ---------------------------------*/
.Rotat {
    float: right;
    margin-top: 20px;
    width: 1200px;
    bottom: 15px;
    top: 25px;
    left: 15px;
}


.left {
    float: left;
    width: 100px;
    background: blue;
    height: 100%;
}

.right {
    width: auto; /* This is the default */
    float: none;
    margin-left: 100px;
    background: red;
    height: 100%;
}

.right_iframe {
    background: yellow;
    width: 100%;
    height: 100%;
}

.iframe1 {
    overflow: hidden;
}


.iframe2 {
    display: block;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: -moz-scrollbars-vertical;
}



.ol#menu2 {
}



/*   ID   */
ul#menu1 {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
    margin-right: 150px;
}

.panelClass {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background-color: #CCCC00;
}


accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.decalage_gauche {
    display: inline;
    margin-left: 0px;
    padding-left: 3em;
}

.centrer_sans_trait {
    margin-left: auto;
    margin-right: auto;
    width: 40em;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 1em;
}

.hr_invisible {
    clear: both;
    border: 0;
    border-top: none; /*invisible*/
    height: 0.1em;
    margin-top: 2em;
    margin-left: 0em;
    margin-bottom: 2em;
}

.decalage_Vertical_4 {
    clear: both;
    border: 0;
    border-top: none; /*invisible*/
    height: 0.1em;
    margin-top: 4em;
    margin-left: 0em;
    margin-bottom: 2em;
}

.declage_txt {
    margin-left: 5%;
    margin-top: 0.5%;
}

.declage_txt1 {
    margin-left: 10%;
    margin-top: 0.5%;
    margin-bottom: 0.2%;
}

.declage_txt2 {
    margin-left: 15%;
    margin-top: 0.5%;
    margin-bottom: 0.2em;
}

.declage_txt3 {
    margin-left: 20%;
    margin-bottom: 0.2em;
}


.declage_txt4 {
    margin-left: 25%;
    margin-top: 0.5%;
    margin-bottom: 0.2em;
}

.prh {
    float: left;
    font-style: italic;
    margin: 0 26px 16px 0;
    margin: 0 15px 6px 0; /* 15px marge à droite de l'image ébut texte*/
    width: auto;
    height: 150px;
}


.prh1 {
    float: left;
    margin: 0 15px 6px 0; /* 15px marge à droite de l'image ébut texte*/
    width: auto;
    height: 150px;
    border-radius: 50%;
    /*background-image: url("http://placekitten.com/g/200/400"); */
    display: block;
    background-position-y: 25%;
}

.reponse {
    float: left;
    font-size: 1.1em;
    padding: 1em 1em 0.6em 0.5em;
}


/* textbox de formulaires */

.saut_ligne {
    clear: both;
}

.textbox_10 {
    width: 10%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_20 {
    width: 20%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_30 {
    width: 30%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_40 {
    width: 40%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_50 {
    width: 50%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_60 {
    width: 60%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_70 {
    width: 70%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_80 {
    width: 80%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

.textbox_90 {
    width: 90%;
    color: #0000FF;
    background-color: #0000FF;
    font-family: Arial, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    border-radius: 8px 8px 8px 8px;
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f8ffe8 0%, #e3f5ab 50%, #b7df2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8ffe8), color-stop(50%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* IE10+ */
    background: linear-gradient(135deg, #f8ffe8 0%,#e3f5ab 50%,#b7df2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 );
    background-color: #0000FF;
}

/* Les listes de définitions  */

/*   */

/* LISTE */

ul#menu3 a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
    text-decoration: none;
}

    ul#menu3 a:link {
        color: black;
        background-color: #eee;
        text-decoration: none;
    }

    ul#menu3 a:visited {
        color: #666;
        background-color: #eee;
        text-decoration: none;
    }

    ul#menu3 a:hover {
        color: black;
        background-color: white;
        text-decoration: none;
    }

    ul#menu3 a:active {
        color: white;
        background-color: gray;
        text-decoration: none;
    }

/* Classes  */

/*--------------------------------Danger*/

dl.danger {
    margin: 2em 0;
    padding: 0;
    font-family: georgia, times, serif;
    font-size: 1.1em;
    color: #FF0000;
    /*puces pdf */
    display: list-item;
    list-style-image: url('../../Images/Ressources/Puce_Tete_Mort_40.png');
    list-style-position: inside;
}

.danger dt {
    /* width: 11em; /*width: 5em;*/ */ position: relative;
    left: 0;
    top: 1.1em;
    font-weight: bold;
    font-size: 0.9em;
    color: #FF0000;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/Puce_Word_Trans_30.png');
    list-style-position: inside;*/
}

.danger dd {
    /*    border-left: 4px solid #000;   
    border-left-color: #FF0000;   */
    margin: 0 0 0 5em; /*margin: 0 0 0 6em; */
    padding: 0 0 .5em .5em;
    font-size: 0.9em;
    color: #FF0000;
}




/*-------------------    border-around       --------------------------------*/

dl.border-around {
    margin: 2em 0;
    padding: 0;
    /*width: 20em;*/
}

.border-around dt {
    top: 1.1em;
    background-color: #131210;
    color: #959289;
    padding: .5em .5em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-left: 1px solid #131210;
    border-right: 1px solid #131210;
    border-top: 1px solid #131210;
}

.border-around dd {
    margin: 0 0 1em 0;
    background: #DBD8D8;
    text-align: center;
    padding: 1em .5em;
    font-style: italic;
    border-left: 1px solid #131210;
    border-right: 1px solid #131210;
    border-bottom: 1px solid #131210;
}


/*   */
/*-------------------           --------------------------------*/
dl.table-display {
    /*  width: 41.1em; */
    margin: 2em 0;
    padding: 0;
    font-family: georgia, times, serif;
}

.table-display dt {
    /*  width: 15em; */
    float: left;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #999;
    font-weight: bold;
}
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt {
    clear: both;
}
/* end hack */

.table-display dd {
    /*width: 24em;   */
    float: left;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #999;
}



/*-----------------------------   event    ------------------------------*/
dl.event {
    /* font-size: 1.2em; */
    margin: 0% 2% 2% 2%;
    padding: 0;
    font-family: georgia, times, serif;
}

.event dt {
    /* width: 11em; /*width: 5em; position: relative;      */
    font-size: 1.1em;
    margin: 0.5em 0 0 0em; 
    font-weight: bold;
    /*top: 1.2em;
    left: 0; */
}

.event dd {
    font-size: 1.0em;
    border-left: 1px solid #000;
    margin: 0 0 0 3em; /*margin: 0 0 0 6em; */
    padding: 0 0 .3em .5em;
}





/*-----------------------------   Word    ------------------------------*/
dl.word {
    /*  margin: 2% 2% 2% 5%; */
    padding: 0;
    font-family: georgia, times, serif;
    /*      color: #800000;  */
    margin: -0% 2% 2% 5%;
}

.word dt {
    /* width: 11em; width: 5em;         
    font-size: 1.4em; position: relative;  

    font-size: 1.3em; top: 1.1em;
     */
    left: 0;
    font-weight: bold;
}

.word dd {
    /*  border-left: 1px solid #000;   font-size: 1.1em;    */
    margin: 0.2em 0 0 3em; /*margin: 0 0 0 6em; */
    padding: 0 0 .2em .2em;
}



/*-----------------------------   formulaire    ------------------------------*/
dl.formulaire {
    margin: 10px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
    font-family: georgia, times, serif;
    color: #800000;
}

.formulaire dt {
    /* width: 11em; width: 5em;         
    font-size: 1.4em; position: relative;  
    left: 0;
    color: #FF0000;
    top: 1.1em;*/
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.4em;
    font-weight: bold;
}

.formulaire dd {
    /*  border-left: 1px solid #000;      */
    font-size: 1.1em;
    margin: 0 0 0 3em; /*margin: 0 0 0 6em; */
    padding: 0 0 0 0;
}




/*-------------------      removed     --------------------------------*/

dl.margins-removed {
    font-size: 1.1em;
    margin: 0em;
    padding-left: 1% 1% 3% 3%; /*decal la liste à gauche */
    margin: 0.4em 0 0.4em 0;
}

.margins-removed dt {
    margin: 0.6em 0 0.2em 0;
    padding: 0.1em;
    font-weight: bold;
}

.margins-removed dd {
    font-size: 0.9em;
    margin: 0 0 0 2em;
    background: url(Images/bullet-2.gif) no-repeat 0 0.32em;
    padding: 0 0 0 1em;
}





/*-------------------   PDF        --------------------------------*/

dl.pdf {
    margin: 2em 0;
    padding: 0;
    font-family: georgia, times, serif;
    /*puces pdf */
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;
}

.pdf dt {
    /* width: 11em; /*width: 5em;*/ */ position: relative;
    left: 0;
    top: 1.1em;
    font-weight: bold;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;*/
}

.pdf dd {
    border-left: 1px solid #000;
    margin: 0 0 0 3em; /*margin: 0 0 0 6em; */
    padding: 0 0 .5em .5em;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;*/
}





/*-------------------   HTML        --------------------------------*/

dl.html {
    margin: 2em 0;
    padding: 0;
    font-family: georgia, times, serif;
    /*puces pdf */
    display: list-item;
    list-style-image: url('../../photos/ressources/html_40.png');
    list-style-position: inside;
}

.html dt {
    /* width: 11em; /*width: 5em;*/ */ position: relative;
    left: 0;
    top: 1.1em;
    font-weight: bold;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;*/
}

.html dd {
    border-left: 1px solid #000;
    margin: 0 0 0 3em; /*margin: 0 0 0 6em; */
    padding: 0 0 .5em .5em;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;*/
}







/*-------------------   INTERNET        --------------------------------*/

dl.internet {
    margin: 2em 0;
    padding: 0;
    font-family: georgia, times, serif;
    /*puces pdf */
    display: list-item;
    list-style-image: url('../../photos/ressources/internet_40.png');
    list-style-position: inside;
}

.internet dt {
    /* width: 11em; /*width: 5em;*/ */ position: relative;
    left: 0;
    top: 1.1em;
    font-weight: bold;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;*/
}

.internet dd {
    border-left: 1px solid #000;
    margin: 0 0 0 3em; /*margin: 0 0 0 6em; */
    padding: 0 0 .5em .5em;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;*/
}





/*-------------------   RTF        --------------------------------*/

dl.rtf {
    margin: 2em 0;
    padding: 0;
    font-family: georgia, times, serif;
    /*puces pdf */
    display: list-item;
    list-style-image: url('../../photos/ressources/Rtf_40.png');
    list-style-position: inside;
}

.rtf dt {
    /* width: 11em; /*width: 5em;*/ */ position: relative;
    left: 0;
    top: 1.1em;
    font-weight: bold;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;*/
}

.rtf dd {
    border-left: 1px solid #000;
    margin: 0 0 0 3em; /*margin: 0 0 0 6em; */
    padding: 0 0 .5em .5em;
    /*puces pdf 
    display: list-item;
    list-style-image: url('../../Images/Ressources/pdf_mini.gif');
    list-style-position: inside;*/
}



/*-------------------           --------------------------------*/



dl.background-image {
    /*  width: 41.1em;font-size: 1.2em;  margin: 1em 0;*/
    
   
    padding: 0;
    font-family: georgia, times, serif;
}

.background-image dt {
    margin: 1em 0em 0em 0em;
    color: #000;
    font-weight: bold;
    font-size: medium;
}

.background-image dd {
    /* margin: 0 0 2em 0; 
padding: 0 0 0 30px;margin: 0 0 0em 1em; 
 */

        background-image: url(Images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

/*-------------------    Zoom image et lien       --------------------------------*/

img {
    margin: 10px 10px 10px 10px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
}

    img:hover {
        cursor: pointer;
        -webkit-transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s; /* Safari */
        box-shadow: 10px 10px 5px #888888;
        z-index: 1;
    }

.zoom1 {
    margin: 10px 10px 10px 10px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
}

    .zoom1:hover {
        font-size: 5rem; /* grosseur zoom*/
        /* background-color: yellow;  */
        cursor: pointer;
        -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2,1.2);
        transform: scale(1.2, 1.2);
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s; /* Safari */
        box-shadow: 10px 10px 5px #888888;
        z-index: 1000;
    }
    
.bord_image {
    margin: 0 26px 16px 0;
    font-style: italic;
}