/* ------------------------------------ *
 CSS
 mercredi 19 décembre 2007 11:22:15
 HAPedit 3.1.11.111
 * ------------------------------------ */

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  background-image: url("../images/texture4_textile_sombre.png");
  background-repeat: repeat;
  /*
  scrollbar-base-color: #9F1010;
  scrollbar-arrow-color: #FFFFFF;
  */
}

.erreur {

}

/* INSERTION TIRETS */

img { border: 0; }


.tirets
{
    border-bottom: 1px dashed #757275;
    margin: auto;
}


/* INSERTION BLOC GAUCHE */
.bloc_gauche
{
    float: left;
    width: 195px;
}

.bloc_gauche .menu_apleat
{
    width: 195px;
    background-color: #f0f2f2;
}
    .bloc_gauche .menu_apleat .haut
    {
        width: 195px;
        height: 54px;
        background: url('../images/menu_apleat_haut.bmp') no-repeat top center #f0f2f2;
        cursor: pointer;
    }
    
    .bloc_gauche .menu_apleat .contenu
    {
        width: 195px;
        background: url('../images/menu_apleat_milieu.png') repeat-y top center #dee2e3;
        padding: 0;
        margin: 0;
    }

    .bloc_gauche .menu_apleat .bas
    {
        width: 195px;
        height: 13px;
        background: url('../images/menu_apleat_bas.png') no-repeat bottom center #dee2e3;
        padding: 0;
        margin: 0;
    }
    
.bloc_gauche .menu_apleat2
{
    width: 195px;
    background-color: #d8ffc0;
}
    .bloc_gauche .menu_apleat2 .haut
    {
        width: 195px;
        height: 54px;
        background: url('../images/menu_jeunes_haut.bmp') no-repeat top center #d8ffc0;
        cursor: pointer;
    }
    
    .bloc_gauche .menu_apleat2 .contenu
    {
        width: 195px;
        background: url('../images/menu_jeunes_milieu.png') repeat-y top center #c4eccb;
        padding: 0;
        margin: 0;
    }

    .bloc_gauche .menu_apleat2 .bas2
    {
        width: 195px;
        height: 13px;
        background: url('../images/menu_jeunes_bas.png') no-repeat bottom center #c4eccb;
        padding: 0;
        margin: 0;
    }
    
.bloc_gauche .menu_apleat3
{
    width: 195px;
    background-color: #ffeaff;
}
    .bloc_gauche .menu_apleat3 .haut
    {
        width: 195px;
        height: 54px;
        background: url('../images/menu_parents_haut.bmp') no-repeat top center #ffeaff;
        cursor: pointer;
    }
    
    .bloc_gauche .menu_apleat3 .contenu
    {
        width: 195px;
        background: url('../images/menu_parents_milieu.png') repeat-y top center #ecddf4;
        padding: 0;
        margin: 0;
    }

    .bloc_gauche .menu_apleat3 .bas3
    {
        width: 195px;
        height: 13px;
        background: url('../images/menu_parents_bas.png') no-repeat bottom center #ecddf4;
        padding: 0;
        margin: 0;
    }
    
    
.bloc_gauche .menu_apleat4
{
    width: 195px;
    background-color: #f3f2ff;
}
    .bloc_gauche .menu_apleat4 .haut
    {
        width: 195px;
        height: 54px;
        background: url('../images/menu_professionnels_haut.bmp') no-repeat top center #f3f2ff;
        cursor: pointer;
    }
    
    .bloc_gauche .menu_apleat4 .contenu
    {
        width: 195px;
        background: url('../images/menu_professionnels_milieu.png') repeat-y top center #dfe1f5;
        padding: 0;
        margin: 0;
    }

    .bloc_gauche .menu_apleat4 .bas4
    {
        width: 195px;
        height: 13px;
        background: url('../images/menu_professionnels_bas.png') no-repeat bottom center #dfe1f5;
        padding: 0;
        margin: 0;
    }
    
.bloc_gauche .menu_apleat5
{
    width: 195px;
    background-color: #ffecec;
}
    .bloc_gauche .menu_apleat5 .haut
    {
        width: 195px;
        height: 54px;
        background: url('../images/menu_usagers_haut.bmp') no-repeat top center #ffecec;
        cursor: pointer;
    }
    
    .bloc_gauche .menu_apleat5 .contenu
    {
        width: 195px;
        background: url('../images/menu_usagers_milieu.png') repeat-y top center #f4dcdc;
        padding: 0;
        margin: 0;
    }

    .bloc_gauche .menu_apleat5 .bas5
    {
        width: 195px;
        height: 13px;
        background: url('../images/menu_usagers_bas.png') no-repeat bottom center #f4dcdc;
        padding: 0;
        margin: 0;
    }
    



/* INSERTION BLOC DROIT */

    
.bloc_droit
{
    float: right;
    width: 132px;
    padding-right: 8px;

}

    .bloc_droit .menu_mieuxComprendre, .bloc_droit .menu_pratique
    {
        color: #000000;
        font-family: Verdana;
        font-size: 9px;
        font-weight: bold;
        line-height: 20px;
    }
    
    .bloc_droit .menu_mieuxComprendre h1
    {
        background-color: #4bb8cb;
        text-align: center;
        font-family: Verdana;
        font-size: 9px;
        font-weight: bold;
        color: #FFFFFF;
        height: 20px;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
    }
    
    .bloc_droit .menu_mieuxComprendre span
    {
        border-bottom: 1px dashed white;
        display: block;
        background-color: #c7dfde;
    }
        
    .bloc_droit span a
    {
        text-decoration: none;
        color: #000000;
    }
    
    .bloc_droit .menu_mieuxComprendre span a:hover, .bloc_droit .menu_mieuxComprendre span:hover, .bloc_droit .menu_pratique span a:hover, .bloc_droit .menu_pratique span:hover
    {
        background-color: #FFFFFF;
        color: #000000;
        display: block;
        cursor: pointer;
    }

    .bloc_droit .menu_pratique h1
    {
        background-color: #936595;
        text-align: center;
        font-family: Verdana;
        font-size: 9px;
        font-weight: bold;
        color: #FFFFFF;
        height: 20px;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
    }
    
    .bloc_droit .menu_pratique span
    {
        border-bottom: 1px dashed white;
        display: block;
        background-color: #e6d4ea;
    }

    .bloc_droit .menu_recherche h1
    {
        background-color: #668c8e;
        text-align: center;
        font-family: Verdana;
        font-size: 9px;
        font-weight: bold;
        color: #FFFFFF;
        height: 20px;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
    }

    .bloc_droit .menu_recherche span
    {
        border-bottom: 1px dashed white;
        display: block;
        background-color: #cfdcdd;
    }
    
        .bloc_droit .menu_recherche span input
        {
            font-size: 10px;
        }
        
        .bloc_droit .menu_recherche .submit
        {
            background-color: #668c8e;
            color: #FFFFFF;
            font-size: 9px;
            font-weight: bold;
            padding: 0;
        }



/* STYLE DU BAS DE PAGE */
.footer
{
    width: 980px;
    height: 25px;
    background: url('../images/fond_footer.jpg') no-repeat top center #f3f5f4;
    font-size: 11px;
    padding-top: 15px;
    color: #a59d9d;
    text-align: center;
}

    .footer a
    {
        text-decoration: underline;
        color: #a59d9d;
    }
    
    .footer a:hover
    {
        text-decoration: none;
        color: #a59d9d;
    }


    
    
/* STYLE DES LIENS */
.puce
{
    color: #d8001f;
}

a.lien 
{
    text-decoration: underline;
    color: #a59d9d;
    font-weight: bold;
}

    a:hover.lien 
    {
        text-decoration: none;
        /*color: #a59d9d;*/
        color: #000000;
        font-weight: bold;
    }
    
a.lien_contacts {
  font-size: 11px;
  color: #999933;
}
a:hover.lien_contacts {
  color: #999999;
}

a.lien_faq
{
    text-decoration: none;
    color: #a59d9d;
    font-weight: bold;
}

    a:hover.lien_faq
    {
        text-decoration: none;
        /*color: #a59d9d;*/
        color: #000000;
        font-weight: bold;
    }

a.lien  img
{
    text-decoration: none;
    border: none;
}

a.noir 
{
    text-decoration: underline;
    color: #000000;
    font-weight: bold;
}

    a:hover.noir 
    {
        text-decoration: none;
        color: #000000;
        font-weight: bold;
    }
    
a.remonter 
{
    text-decoration: underline;
    color: #D03F2D;
    font-weight: bold;
}

    a:hover.remonter 
    {
        text-decoration: none;
        color: #D03F2D;
        font-weight: bold;
    }
    

/* STYLE DES LISTES A PUCES */
ul
{
    list-style-type: square;
    padding: 0;
    margin: 0;
}

li
{
    list-style-position: outside;
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
    margin-left: 50px;
}



/* FIL D'ARIANE */
.fil_ariane
{
    font-family: Trebuchet MS;
    font-size: 10px;
    font-weight: bold;
    color: #a59d9d;
}



/* FORMULAIRE DE CONTACT */
.bloc_erreur
{
    text-align: center;
    padding: 15px 0 15px 0;
    color: red;
    margin: auto;
    margin: 15px 20px 15px 20px;
    background-color: #FFC4C4;
    border: 1px solid red;
}

.bloc_ok
{
  text-align: center;
  padding: 15px 0 15px 0;
  color: #00CC00;
  margin: auto;
  margin: 15px 20px 15px 20px;
  background-color: #C6FFC6;
  border: 1px solid #00CC00;
  font-weight: bold;
}

label.cote_contact
{
    width: 15%;
    clear: left;
    float: left;
    text-align: right;
    margin-right: 5px;
    line-height: 20px;
}



/* LEXIQUE */
.lettre
{
    text-align: center;
    margin: 5px 0 15px -5px;
    font-weight: bold;
    line-height: 25px;
}

.lettre a
{
    background-color: #F5F5F5;
    border: 1px solid #DEDEDE;
    text-decoration: none;
    padding: 2px 3px 2px 3px;
    margin: 1px;
    color: black;
}

.lettre a:hover
{
    background-color: #F8F8F8;
    border: 1px solid #C8C3C3;
    color: #FF9C00;
}

.lexique_lettre
{
    font-family: Georgia, Trebuchet MS;
    font-weight: bold;
    font-size: 20px;
    color: #D03F2D;
}


/* STYLE DES TITRES */
.titre_pratique
{
    color: #936595;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 20px;    
}

.titre_comprendre
{
    color: #4bb8cb;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 20px;    
}

.titre_question, .sous_titre_juridique
{
    color: #4bb8cb;
    font-family: Georgia, Trebuchet MS;
    font-weight: bold;
    font-size: 14px;
}

.titre_valeurs, .titre_missions, .titre_actions
{
    color: #D03F2D;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 20px;
}

.titre_missions2
{
    color: #D03F2D;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 18px;
}




/* AJOUT STYLE GRAPHIQUE APLEAT */
.textementions_titre {

    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 20px;
    color: #006666;
}

.textesession_titre {

    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 20px;
    color: #08592A;
/*
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: normal;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #CD3E43;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
*/
}

.textesession_carte {
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 13px;
    color: #2f7246;
}



.textesession_intro {
    font-family: Georgia, Trebuchet MS;
    font-weight: bold;
    font-size: 13px;
    color: #666666;
}


.textesession_contenu {

    font-family: Trebuchet MS;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    text-align: justify;
/*
    font-size: 11px;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    color: #000000;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
*/
}

.textesession_grand {

    font-family: Trebuchet MS;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    text-align: justify;
/*
    font-size: 11px;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    color: #000000;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
*/
}

.textemodule_titre {

    font-family: Trebuchet MS;
    font-size: 15px;
    line-height: normal;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #08592A;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.textemodule_intro {

    font-family: Georgia, Trebuchet MS;
    font-size: 13px;
    line-height: normal;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #666666;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.textemodule_contenu {

    font-family: Trebuchet MS;
    font-size: 12px;
    text-align: justify;
    color: #000000;

}

.textearchive {

    font-family: Helvetica, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: normal;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #000000;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}



.champ_select {
    background-color: #F9F6DD;
    color: #000000;
    font-variant: small-caps;
    font-size: x-small;
}

.champ_saisie {
    background-color: #F9F6DD;
    color: #000000;
}

.texte {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #47453E;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.textemenu3 {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    text-transform: none;
    color: #C9548A;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.texterecherche {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    text-transform: none;
    color: #CC99CC;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.textemenu_titre {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    text-transform: none;
    color: #721B0C;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.titresousmenu {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    text-transform: none;
    color: #E94024;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.textemenu_out {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #721B0C;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.textesousmenu_out {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #721B0C;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.textemenu_over {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-style: italic;
    font-weight: bold;
    text-transform: none;
    color: #FFFFFF;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}

.textesousmenu_over {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-style: italic;
    font-weight: bold;
    text-transform: none;
    color: #FFFFFF;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;

}





.texteblanc {
    font-family: Trebuchet MS, Arial, Times New Roman, Times, serif;
    font-size: small;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-variant: small-caps;
    line-height: normal;
    text-align: normal;
}

.texteextralarge {
    font-family: Trebuchet MS, Arial, Times New Roman, Times, serif;
    font-size: medium;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    text-align: normal;
}


.textelarge {
    font-family: Trebuchet MS, Arial, Times New Roman, Times, serif;
    font-size: medium;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    text-align: normal;
}

.texteadmin {
    font-family: Trebuchet MS, Arial, Times New Roman, Times, serif;
    font-size: medium;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: small-caps;
    line-height: normal;
    text-align: normal;
}

.messageOK {
    font-family: Trebuchet MS, Arial, Times New Roman, Times, serif;
    font-size: medium;
    color: #000000;
    font-style: italic;
    font-weight: normal;
    font-variant: small-caps;
    line-height: normal;
    text-align: normal;
}

.textenormal {
    font-family: Trebuchet MS, Arial, Times New Roman, Times, serif;
    font-size: small;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    text-align: normal;
}

.textepetit {
    font-family: Trebuchet MS, Arial, Times New Roman, Times, serif;
    font-size: x-small;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    text-align: normal;
}

.texte_interligne {
    font-family: Trebuchet MS, Arial, Times New Roman, Times, serif;
    font-size: 4px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    text-align: normal;
}

.ultramini {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1px;
    color: #ffffff;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
}

.style1 {
    color: #e5e6e7;
    font-size: 11px;
    font-family: tahoma;
}
.style2 {
    color: #A9C6E6;
    font-size: 11px;
    font-family: tahoma;
}
.style3 {
    color: #7c7c7c;
    font-size: 11px;
    font-family: tahoma;
    text-decoration:none
}
#mu li {list-style:url(images/point_2.gif); margin:0 0 0 0px}
#mu a { font-family:tahoma; font-size:11px; color:#C86411; text-decoration:none; font-weight:bold}
#mu2 li {list-style:url(images/point_1.gif); margin:0 0 0 0px}
#mu2 a { font-family:tahoma; font-size:11px; color:#585858}
#mu3 li {list-style:url(images/point_1.gif); margin:0 0 0 0px}
#mu3 a { font-family:tahoma; font-size:11px; color:#585858}
.style4 {
    color: #757575;
    font-size: 11px;
    font-family: tahoma;
    line-height:14px
}
.style5 {
    color: #FFFFFF;
    font-size: 11px;
    font-family: tahoma;
    text-decoration:none
}
.style6 {
    color: #4A73B0;
    font-size: 11px;
    font-family: tahoma
}
.style7 {
    color: #E8892F;
    font-size: 11px;
    font-family: tahoma
}
.style8 {
    color: #585858;
    font-size: 11px;
    font-family: tahoma
}
.style9 {
    color: #6E8CB3;
    font-size: 11px;
    font-family: tahoma
}