/* Banque d'activités*/
body {
margin: 0;
padding:0;
font-family:arial,verdana,sans-serif;
color: #333333;
position: absolute;
width: 100%;
height: 100%;
background-image:url(images/bg_001.gif);
overflow: hidden;
}

img{border:0; width:100%}
A {text-decoration: none;}
ul {margin:0; border:0; padding:0; list-style-type:none}
li {margin:0; border:0; padding:0; list-style-type:none}
table {width:100%; vertical-align:top; text-align: center; font-weight:normal}

#haut {
padding: 0;
margin:0 0 0 5%;
top:0;
left:0;
width: 80%;
height: 20%;
background-color: transparent;
}

#haut_gauche{
position: absolute;
background-color:transparent;
margin:0;
top:0;
left: 0;
height:20%;
z-index:5;
}

#haut_centre{
position: absolute;
background-color:transparent;
margin:0;
padding:0;
top:0;
left: 25%;
width: 50%;
height:20%;
font-family:Fantasy;
font-style:oblique;
font-size:1.25em;
color:#7575FF;
text-align: center;
vertical-align:middle;
z-index:4;
}

#haut_droit{
position: absolute;
background-color:transparent;
margin:0 1% 0 0;
top:0;
right: 0;
width:15%;
z-index:3;
}

#gauche{
position: absolute;
background-color:#FFFFFF;
margin: 0;
border:0;
padding:0;
top:20%;
left: 5%;
width: 19%;
height: 72%;
border-style:solid; border-color:#00D6B9; border-width:1px;
overflow: hidden;
z-index:1;
}

#menugauche {
position: absolute;
background-color:transparent;
margin: 0;
border:0;
padding:0;
top:0;
left: 0;
width: 100%;
height: 80%;
/* cette propriété va permettre le scroll de ce bloc en vertical seulement*/
overflow-x: hidden;
overflow-y: auto;
z-index:10;
}

#corps {
position: absolute;
margin:0;
border:0;
padding:0;
top:20%;
left: 25%;
width: 70%;
height: 72%;
border-style:solid; border-color:#00D6B9; border-width:1px;
background: transparent url(images/intro_txt2.jpg) no-repeat center;
}

#page {position: absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;visibility:visible;overflow: auto;z-index:2;}

#corpspage {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#EFF9EE;
    visibility:visible;
    overflow: auto;
    z-index:2;
}
#corpscentre{
position: relative;
top:0;
left: 0;
width: 98%;
height: 85.5%;
background-color:#FFFFFF;
padding:1%;
margin:0;
overflow: auto;
}
#corpscentre ul{list-style-type:disc; list-style-position:inside; margin-left:2%}
#corpscentre li{list-style-type:disc; list-style-position:inside}


#fond{
position: relative;
margin:0;
border:0;
padding:0;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color:#DE00FF;
}

.menuhaut {
position: relative;
margin: 0;
left: 0;
width: 100%;
height: 70%;
}

.frame {
position: relative;
margin:0;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color:transparent;
padding:2px;
overflow-x: hidden;
overflow-y: auto;
}

#bas {
position: absolute;
margin:0;
border:0;
padding:0;
bottom:0;
left: 0;
width: 100%;
height: 4%;
color: #330099;
font-size: 0.9em;
border-style:solid; border-color:#00D6B9; border-width:1px;
background-color: #C0C0C0;
}

#pagedechoix{visibility:visible;z-index:1;}

#afficpagechoisie{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    visibility:hidden;
    background-color:#EFF9EE;
    font-size: 1em;
    font-weight: bold;
    font-style:normal;
    text-align: center;
    color: #FFFFFF;
    z-index:4;
}
#ficheactivite {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:transparent;
    overflow: auto;
}
#choix{
    position: absolute;
    left:20%;
    top:0;
    width:60%;
    height:100%;
    background-color:transparent;
    font-size: 1em;
    font-weight: bold;
    font-style:normal;
    text-align: center;
    color: #FFFFFF;
}

#divbas {
    position: absolute;
    top:85%;
    width:100%;
    background-color:transparent;
    font-weight: bold;
    font-style:normal;
    text-align: center;
    color: #FFFFFF;
}

#ident{
position: relative;
background-color:transparent;
top:5%;
width:100%;
margin:2px 0 0 0;
right:0;
font-size: 1em;
}
#ident a {
    color: #E08934;
    text-decoration: none;
}

#identification {
position: absolute;
left:50%;
top:40%;
background-color:transparent;
color: #E08934;
}

/* logo */
/*#logo {
    width: 770px;
    height: auto;
    margin: 0 auto;
    background: url(images/img02.gif) no-repeat 0 665px;
}
*/
#haut_gauche h1 {
    padding: 0; margin: 0.5em 0 0 1em;
    text-transform: uppercase;
    color: #E08934;
    text-decoration: none;
    font-size: 1.5em;
}

#haut_gauche h1 i {
    text-transform: lowercase;
    letter-spacing: -3px;
    font-style:italic;
    color: #7DA127;
}

#haut_gauche h2 {
    padding: 0 0 0 2px;
    text-transform: uppercase;
    margin: 0.5em 0 0 1em;
    font-style:italic;
    font-size: 1.5em;
    color: #E08934;
}

#haut_gauche a {
    color: #E08934;
    text-decoration: none;
    margin: 0.5em 0 0 1.5em;
}

#trilo{
position: absolute;
visibility:hidden;
left:40%;
top:0;
width:150px;
border-style:solid; border-color:#3C3C3C; border-width:1px;
}

#accueil{
    margin:10px;
}

#accueil ul ac{
    margin:5px;
}

.ac{
    padding:0 0 0 20px; color:#0000FF;font-weight:bold;
}

h1, h2, h3 {
    color: #330099;
}
    H2 {font-style:italic}
    H2.aide {font-size:2ex;font-weight:bold; color:#FF0080; text-align: left}
    H3 {margin-left: 0; margin-top: 10px; margin-bottom: 0cm; direction: ltr; color: #ff0000; widows: 2; orphans: 2; font-size: 16px; font-weight:bold;color:#FF0000}
    H4 { margin-left: 2cm; margin-top: 0; padding-top:10px; margin-bottom: 0cm; direction: ltr; color: #ff0000; widows: 2; orphans: 2; font-size: 14px; font-weight:bold;color:#000000}
    H4.aide{font-size: 2ex; font-weight:bold;color:#008C46}

    div.accueil {margin-left: 0; margin-top: 0; margin-bottom: 0cm; text-align:center}

    P {margin: 0}
    P.i {font-style: italic}
    P.titre1 {margin-left: 0px; margin-top: 10px; margin-bottom: 0px; font-size:20px;font-weight:bold;color:#0000FF; text-align:left}
    P.bilan { margin: 0; direction: ltr; widows: 2; orphans: 2 ;font-size: 12px; font-weight:normal;color:#000000}
    P.bilani { font-style: italic}
    P.action { margin-left: 10px; margin-bottom: 5px; font-style: italic}
    P.affichage { margin: 0; direction: ltr; widows: 2; orphans: 2 ;font-size: 14px; font-weight:normal; color:#0000C3}

    table {width:100%; vertical-align:top; text-align: center; font-size: 2ex; font-weight:normal}
    table.bilan {width:100%; border:solid; border-color:#00D6B9; border-width:3px}
    table.bilan_wauto {border:solid; border-color:#00D6B9; border-width:3px}
    table.fortbluecenter {font-size: 14px; color:#0000FF; font-weight:bold}
    table.normalblueleft {width:100%; vertical-align:top;text-align: left;font-size: 14px; color:#0000FF; font-weight:normal}
    table.cadre {width:100%; vertical-align:top; border-width:3 ; border-color:#0000FF; text-align: left; font-size: 14px; color:#0000FF; font-weight:normal}
    table.petite {width:25%}
    table.texte {width:100%; vertical-align:top; border-width:3 ; border-color:#0000FF; text-align: left; font-size: 12px; color:#000000; font-weight:normal}
    table.textel {width:100%; vertical-align:top; border-style:solid; border-width:1 ; border-color:#0000FF; text-align: left; font-size: 12px; color:#000000; font-weight:normal}
    table.normalbluecenter {font-size: 14px; color:#0000FF}
    table.cadrebleufin {width:100%; vertical-align:top; border-width:1 ; border-color:#0080FF}

    td {vertical-align:top}
    td.bilan {vertical-align:top; text-align: left; font-size: 2ex; font-weight:normal;color:#0063C5; border:solid; border-color:#00D6B9; border-width:1px}
    td.bilanj {vertical-align:top; text-align: center; font-size: 2ex; font-weight:normal;color:#0063C5; border:solid; border-color:#00D6B9; border-width:1px}
    td.vm {vertical-align:middle}
    td.vt {vertical-align:top}
    td.n16l {font-size: 16px; color:#000000; text-align: left}
    td.l {text-align: left}
    td.textel {border-style:solid; border-width:1 ; border-color:#0000FF}
    td.n16c {font-size: 16px; color:#000000; text-align: center}
    td.n16cf {font-size: 16px; font-weight:bold; color:#000000; text-align: center}
    td.red16l {font-size: 16px; color:#FF0000; text-align: left}
    td.blue16l {font-size: 16px; color:#006CD8; text-align: left}
    td.tn16lf {font-size: 16px; font-weight:bold; color:#000000; text-align: left}
    td.tn16cf {font-size: 16px; font-weight:bold; color:#000000; text-align: center}
    td.titre1 {font-size:20px;font-weight:bold;color:#FF0000; text-align: center}
    td.titre2 {font-size:14px;font-weight:bold;color:#000000; text-align: center}
    td.titre3noir {font-size:12px;font-weight:bold;color:#000000; text-align: center}
    td.titre3rouge {font-size:12px;font-weight:bold;color:#FF0000; text-align: center}
    td.titre3bleu {font-size:12px;font-weight:bold; color:#0080FF; text-align: center}
    td.titre3bleucadrebleufin {padding-left:5px;padding-right:5px;font-size:12px;font-weight:bold; color:#0000FF; text-align: center; border:solid; border-width:1 ; border-color:#0000FF}
    td.titre3noircadrebleufin {padding-left:5px;padding-right:5px;font-size:12px;font-weight:bold; color:#000000; text-align: center; border:solid; border-width:1 ; border-color:#0000FF}
    td.texte3noircadrebleufin {padding-left:5px;padding-right:5px;font-size:12px;font-weight:normal; color:#000000; text-align: center; border:solid; border-width:1 ; border-color:#0000FF}
    td.texte3noircadrebleufinleft {padding-left:5px;padding-right:5px;font-size:12px;font-weight:normal; color:#000000; text-align: left; border:solid; border-width:1 ; border-color:#0000FF}
    td.cadrebleufin {vertical-align:top; border:solid; border-width:1 ; border-color:#0080FF}
    ul {margin:0; border:0; padding:0;
        list-style-type:none;
        list-style-position:inside;
        list-style: none;
        line-height: 1.2;
    }
    li {margin:0; border:0; padding:0}
    ul.blue12l {margin-top:0; border-top:0; padding-top:0; margin-bottom:0; border-bottom:0; padding-bottom:0;font-size: 12px; color:#006CD8; text-align: left}

#menugauche ul {
    margin:0;
    padding: 0;
    border:0;
    list-style-type:none;
    list-style-position:inside;
    list-style: none;
    line-height: normal;
    border-bottom: 4px solid #EBEBEB;
}

#menugauche ul.smenu {
    padding:0;
    margin:0;
    border:0;
}

#menugauche li {
    margin:0;
    padding:0;
    border:0;
    vertical-align:middle;
}

#menugauche a {
    display: block;
    text-align: left;
    padding: 2%;
    margin-left:0;
    border-top: 1px solid #EBEBEB;
    color: #B84A1B;
    font-weight:bold;
    font-size:0.7em;
}

#menugauche a:hover {
    color: #330099;
    background: #EFF9EE;
    font-size:0.7em;
    text-transform: uppercase;
}

#menugauche a.menugauche {
    text-transform: uppercase;
    padding-left:5%;
}

#menugauche a.menugauchesel {
    padding-left:3%;
    font-size:0.7em;
    background: #EFF9EE;
    color:#330099;
    text-transform: uppercase;
}
#menugauche a.sousmenugauche {
    padding-left: 10%;
    color:#000000;
}

#menugauche a.ssmenugauche {
    padding-left: 20%;
}
#menugauche a.sousmenugauchesel {
    padding-left: 8%;
    background: #EFF9EE;
    color:#330099;
}
#menugauche a.ssmenugauchesel {
    padding-left: 20%;
    background: #EFF9EE;
    color:#330099;
}

#menugauchecomp{
position: absolute;
visibility:visible;
background-color:transparent;
margin: 0;
border:0;
padding:0;
width: 100%;
bottom:0;
left: 0;
}

#menugauchecomp a.telech:hover {
    color: #330099;
    background: #EFF9EE;
}

#menugauchecomp a.telech {
    display: block;
    text-align: left;
    padding: 0;
    margin-left:0;
    border-top: 1px solid #EBEBEB;
    color: #B84A1B;
    font-weight:normal;
    font-size:0.8em;
}

#menugauchecomp a.menugauchesel {
    padding-left:3%;
    font-size:larger;
    background: #EFF9EE;
    color:#330099;
    text-transform: uppercase;
}

#affich ul{
    margin:0; border:0; padding:0 0 0 1em; color:#000000; text-align: left;
}
#affich li{
    padding-top:1em;
}

#affich .titre2 {
    background: url(images/img6.gif) repeat-x left bottom;
    padding-bottom: 2%;
    padding-left:5%;
    margin-bottom: 0.8em;
    font-size: 1.2em;
    font-weight: normal;
    font-style:normal;
}

#page .titre2 {
    background: url(images/img6.gif) repeat-x left bottom;
    padding-bottom: 2%;
    padding-left:5%;
    margin-bottom: 0.8em;
    font-size: 1em;
    font-weight: normal;
    font-style:normal;
}

.titreaffich {
    position: relative;
    left:0;
    top:0;
    height:10%;
    width:100%;
    background: url(images/img6.gif) #FFFFFF repeat-x left bottom;
    font-size: 1.2em;
    font-weight: normal;
    font-style:normal;
}

#affichdecalee {
    position: absolute;
    left:0;
    top:10%;
    width:100%;
    height:90%;
    visibility:visible;
    overflow: auto;
}
#page  ul{
    margin:0; border:0; padding:0 0 0 1em; color:#000000; text-align: left;list-style-type:disc; list-style-position:inside;
}
#page  li{
    list-style-type:disc; list-style-position:inside;margin-bottom:0.5em;
}
#page  li.fichier{
    margin:0; border:0; padding:0 0 0 1em; color:#000000; text-align: left;list-style-type:square; list-style-position:inside;
}
#page  li.fichiers{
    margin:0; border:0; padding:0 0 0 1em; color:#000000; text-align: left;list-style-type:circle; list-style-position:inside;
}
#page  li.fichierss{
    margin:0; border:0; padding:0 0 0 1em; color:#000000; text-align: left;list-style-type:square; list-style-position:inside;
}
#page  li.fichiersss{
    margin:0; border:0; padding:0 0 0 1em; color:#000000; text-align: left;list-style-image: url(images/arrow20.gif ); list-style-position:inside;
}
#page div.cr {position: absolute;top:0;left:20%}
#page  span.dateversion{font-weight: normal;font-style:italic;}
#page  span.dateversionproche{font-weight: normal;font-style:italic;color:#FF3F0F}

#organigramme {
    position: absolute;
    left:0;
    top:10%;
    width:100%;
    height:90%;
    background-color:transparent;
}
#organigramme .qr{
    background-color:#EFF9EE;
}

#organigramme .orgatexte{
    position: absolute;
    margin:0; border:0; padding:1%;
    font-size: 0.8em; text-align: left; color: #330099;
    background-color:#96E5E5;
    border-style:solid; border-color:#C0C0C0; border-width:1px;
    width:20%;
    left:2%;
}

#organigramme .orgachoix{
    position: absolute;
    visibility:hidden;
    margin:0; border:0; padding:0;
    font-size: 1em; text-align: left; color: #330099;
    background-color:#96E5E5;
    border-style:solid; border-color:#C0C0C0; border-width:1px;
    width:100%;
}

#organigramme ul{
    margin:0; border:0; margin:0; padding:0 2% 0 2%; text-align: left;
}

#organigramme li{
    padding:0 0 2% 0;margin:0; color: #B84A1B;
}

#organigramme a{
    display: inline;
    color: #B84A1B;
    font-weight:bold;
    font-size:1em;
}

#organigramme a:hover{
    color: #330099;
    font-size:1em;
}

#organigramme a.orgasel{
    color: #330099;
}

#organigramme ul.sorga{
    padding:0
}

#organigramme a.sorgasel{
    color: #330099;
}

#organigramme ul.ssorga{
    padding:0
}

#organigramme li.ssorga{
    padding:0
}

#organigramme a.ssorgasel{
    color: #330099;
}

#fiche {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    visibility:visible;
    background-color:transparent;
    overflow-x: hidden;
    overflow-y: auto;
    z-index:3;
}

#fiche table{width:100%; vertical-align:top; text-align: center; border-style:solid; border-color:#00D6B9; border-width:3px;font-size:1em;}
#fiche td {text-align: left; border-style:solid; border-color:#00D6B9; border-width:1px; padding:0; margin:0}
#fiche th {font-size:1em; color: #FF0080; text-transform: uppercase; text-decoration: none; border-style:solid; border-color:#00D6B9; border-width:1px; padding:5px; margin:0}
#fiche td.titrecol{font-size:1em; color: #000000; text-transform: uppercase; text-align: center; text-decoration: none; border-style:solid; border-color:#00D6B9; border-width:1px; padding:5px; margin:0}
#fiche img{border:0; width:10%}
#fiche a {font-size:1em; color:#FF0080; font-style:italic}
#fiche p.arborescence {font-size:1em; color:#FF0080; font-style:italic}
#fiche H1 {text-transform: uppercase; font-size:1em; font-weight:bold; color:#330099; text-align: center; padding:5px}
#organigramme p.soustitre{font-size:1em; color:#808080}
#fiche .separation {background-color: #00D6B9; width: 25%; height:3px}
#fiche .td1{width:15%;font-size:0.9em;}
#fiche .td2{width:15%;font-size:0.9em;}
#fiche .td3{width:70%;font-size:0.75em;}
#fiche .td10{width:10%;font-size:1em;}
#fiche .td20{width:20%;font-size:1em;}
#fiche .td40{width:40%;font-size:1em;}
#fiche .td60{width:60%;font-size:1em;}
#fiche tr.reflexion{background-color: #FFE9A6}
#fiche tr.protocole{background-color:#FFC69E}
#fiche tr.responsable{background-color:#E3F2FF}
#fiche .td1ce{width:50%;font-size:0.9em;}
#fiche .tdce2{width:10%;font-size:0.9em;}
#fiche .thce{font-size:1.5em; color: #7E0091; text-transform: uppercase; text-decoration: none; border-style:solid; border-color:#00D6B9; border-width:1px; padding:5px; margin:0;font-weight:bold;}
#fiche .titrecol{font-size:16px; color: #000000; text-transform: uppercase; text-align: center; text-decoration: none; border-style:solid; border-color:#00D6B9; border-width:1px; padding:5px; margin:0;font-weight:bold;}
#fiche ul{margin:0; border:0; padding:0;}
#fiche li{margin:0; border:0; padding:0 0 0 20px;}

#fiche_gen{
    position: absolute;
    visibility:visible;
    margin:0; border:0; padding:1%;
    font-size: 1.5ex; text-align: left; color: #FF8BF0;
    background-color:#9B9BCF;
    border-style:solid; border-color:#00D6B9; border-width:1px;
    top:75%;
    width:20%;
    left:70%;
}

#recherche {
position: absolute;
left:20%;
top:10%;
background-color:#FFFFFF;
color: #E08934;
font-size:1.5em;
}

#resultats {position: absolute;left:0%;top:30%;width:100%;height:70%;background-color:#FFFFFF;}
#resultat {position: absolute;left:0%;top:10%;width:100%;height:80%;overflow-x: hidden;overflow-y: auto;}
p.titre2{color: #E08934;font-size:1.2em;background-color:#DEDEDE;}
#resultat ul{list-style-type:disc; list-style-position:inside}
#resultat li{list-style-type:disc; list-style-position:inside}

/*<img src="images/puce.jpg" alt="" width="15" height="15" border="0" align="absmiddle" />
*/
    .accueil {margin-top:20%; border-top:0; padding-top:0; margin-left:20%; border-left:0; padding-left:0; text-align: center; font-size:14px; font-weight:bold; color:#3A72FF}
    .titremenusel {vertical-align:middle; text-decoration:none; text-align: left;font-size:16px;font-weight:bold;color:#C90000}
    .texteannonceform {font-size: 14px; color:#0080FF; text-align: left}
    .texteannoncecompte {text-decoration: none; font-size: 14px; color:#FF5D5A; text-align: right}
    .textetitre {font-size: 20px; font-weight:bold; color:#C90000; text-align: center}
    .textetitrecomp {font-size: 16px; font-weight:bold; color:#C90000; text-align: center}
    .texte {font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; color:#0000B8; text-align: left}
    .nomuser {text-decoration: none; font-size: 14px; color:#FF9694; text-align: left}
    A {text-decoration: none}
    A.detail1 {text-decoration: none; font-size: 14px; font-weight:bold; font-style:italic ; color:#00C0FF; text-align: left}
    a:hover {text-decoration: none}
    img.center{vertical-align:middle; border:0}

.quitter {position: absolute;margin:0; border:0;padding:0;top:0;right: 0;width: 2.5em;height: 2.5em;z-index:99;}
#quitter A {text-decoration: none}