/**************************************\
|  Feuille styles.css - 21/07/2010     |
|  Fusion des fichiers css             |
\**************************************/

/*********************\
|** Centrage Global **|
\*********************/
html
{
font-size: 100%;
} 
body
{
    width: 900px;
    margin-left: auto;
	/*margin-top:30px;*/
    margin-right: auto;
    text-align: center;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	background:#ABD0EA;
}
#global
{
    width: 900px;
	background-color: white;
    text-align: justify;
}
#contenu
{
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-color: Black;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}
#contenuflux
{
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-color: Black;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding-bottom: 3em;
}

/**********************\
|** Style du contenu **|
\**********************/
.Corps, p
{
    /* font-family:; */ /* font-size:10pt;  */
    font-size: .8em;
    color: #333333;
    text-align: justify;
    text-decoration: none; /* border: 1px solid black; */
    margin: 2px;
}
.Separateur
{
    border-bottom-style: solid;
    border-width: 3px;
}
.Titre
{
    /* font-family:Arial; */
    font-weight: bold;
    font-size: 1em;
    color: #336699;
}
.SousTitre
{
    /* font-family:Arial; */
    font-weight: bold;
    font-size: .8em;
    text-decoration: none;
    color: #336699;
}
ul
{
    color: #336699;
    list-style-type: square;
}
#Site ul
{
    color: #336699;
    margin-top: 5px;
    margin-bottom: 10px;
    list-style-type: square;
}
#Site p
{
    color: #336699;
    margin-top: 5px;
	margin-bottom: 10px;
    list-style-type: square;
}
li
{
    margin-bottom: 2px;
}
.Petit
{
    /* font-family:Arial; */
    font-size: .7em;
    text-decoration: none;
    color: #333333;
}
.NavigationActif
{
    /* font-family:Arial; */
    font-size: .8em;
    font-weight: bold;
    background-color: #CF3505;
    color: #333333;
}
.Navigation
{
    /* font-family:Arial; */
    font-size: .8em;
    font-weight: bold;
    background-color: #336699;
    color: #FFFFFF;
    cursor: pointer;
}
.NavigationActifPetit
{
    /* font-family:Arial; */
    font-size: .7em;
    font-weight: bold;
    background-color: #CF3505;
    color: #333333;
    padding: 5px;
}
.NavigationPetit
{
    /* font-family:Arial; */
    font-size: .8em;
    font-weight: bold;
    background-color: #336699;
    color: #FFFFFF;
    cursor: pointer;
}
.Bleu
{
    /* font-family:Arial; */
    font-size: .7em;
    font-weight: bold;
    color: #336699;
}
.Gris
{
    /* font-family:Arial; */
    font-size: .7em;
    font-weight: bold;
    color: #717171;
}
.GrandTitre
{
    font-weight: bold;
    font-size: 1.5em;
    color: #336699;
}
.Right
{
    text-align: right;
}
.Center
{
    text-align: center;
}
a:hover
{
    color: #0000ff;
    text-decoration: underline;
}
.SousTitre:hover
{
    color: #0000ff;
    text-decoration: underline;
}
.Petit:hover
{
    color: #0000ff;
    text-decoration: underline;
}
.Retour
{
    color: #FFFFFF;
    font-size: .9em;
    font-weight: bold;
    border-style: none;
    border-width: medium;
    /*background-color: #CF3505;*/
	background-image:url(../images/retour.jpg);
	background-repeat: no-repeat;
	background-position:center;
}
.navmetier
{
    margin: 0;
    padding: 0;
    font-size: .8em;
    list-style: none;
    width: 230px;
}
.navmetier a, .navmetier span
{
    display: block;
    height: 10px;
    padding: 4px 10px;
    color: #333333;
    text-decoration: none;
	/*background: #000 url(../images/puce-rect.gif) left bottom no-repeat;*/
}
/*.navmetier.toggleSubMenu a, .navmetier .toggleSubMenu span {
background-image: url(../images/puce-rect.gif);       
}*/

/*.navmetier .open a, .navmetier .open span {       
background-image: url(../images/puce-rect.gif);       
}*/
.navmetier a:hover, .navmetier a:focus, .navmetier a:active
{
    text-decoration: underline;
}
.toggleSubMenu
{
    padding-bottom: 5px;
}
.navmetier .subMenu
{
    font-size: .7em;
    color: #FFFFFF; 
	/*background: #ccc url(subMenu.png) 0 0 repeat-x;*/
    margin: 0;
    padding: 0; /*border-bottom: 1px solid #666;*/
}
.navmetier ul.subMenu a
{
    background: none;
    padding: 3px 15px;
}
.CorpsCarte
{
    font-size: .8em;
    color: #333333;
    margin: 0;
    padding: 0;
    list-style: none;
}
.Liste p
{
    font-size: .6em;
}
.cellule
{
    font-size: .8em;
    text-decoration: none;
    color: #333333;
    background-color: #E4EDEA;
    padding-left: 10px;
}
.Entete
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: .7em;
    text-decoration: none;
    background-color: #81AB9D;
    padding-left: 10px;
}
iframe    
{  
   background:none;
}

/*************************\
|** Menu déroulant haut **|
\*************************/
#menuHaut img
{
    margin-bottom: -3px;
}
#menuHaut > img
{
    margin-bottom: 0px;
}
#menuHaut, #menuHaut ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 21px;
	text-align: center;
}
#SousMenu 
{
    display: block;
	text-align: left;
	font-size: .8em;
	background-color: 336699;
}
#menuHaut
{
    font-weight: bold;
    /*font-family: Arial;*/
    font-size: .7em;
}
#menuHaut a
{
    display: block;
    padding: 0;
    /*background: Black;*/
	/*padding-left: 10;*/
	background-color: 336699;
    color: White;
    text-decoration: none;
    width: 149px;
}
#menuHautDernier a
{
    width: 150px;
}
#menuHaut li
{
    float: left;
    border-right: 1px solid #fff;
    margin-bottom: 0px;
}
#menuHautDernier li
{
    border-right: 0;
}
html > body #menuHaut li
{
    border-right: 1px solid transparent;
}
html > body #menuHautDernier li
{
    border-right: 0;
}
#menuHaut li ul
{
    position: absolute;
    width: 149px;
    left: -999em;
}
#menuHautDernier li ul
{
    width: 150px;
}
#menuHaut li ul ul
{
    margin: -22px 0 0 149px;
    border-left: 1px solid #fff;
}
#menuHautDernier li ul ul
{
    margin: -22px 0 0 150px;
}
html > body #menuHaut li ul ul
{
    border-left: 1px solid transparent;
}
#menuHaut a:hover
{
    color: Black;
    background: White;
}
#menuHaut li:hover ul ul, #menuHaut li.sfhover ul ul
{
    left: -999em;
}

#menuHaut li:hover ul, #menuHaut li li:hover ul, #menuHaut li.sfhover ul, #menuHaut li li.sfhover ul
{
    left: auto;
    min-height: 0;
}

/**************\
|** Menu bas **|
\**************/
#menuBas, #menuBas ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 21px;
    text-align: center;
}
#menuBas
{
    font-weight: bold;
    /*font-family: Arial;*/
    font-size: .7em;
}
#menuBas a
{
    display: block;
    padding: 0;
    background: Black;
    color: White;
    text-decoration: none;
    width: 179px;
}
#menuBasDernier a
{
    width: 180px;
}
#menuBas li
{
    float: left;
    border-right: 1px solid #fff;
    margin-bottom: 0px;
}
#menuBasDernier li
{
    border-right: 0;
}
#menuBas a:hover
{
    color: Black;
    background: White;
}
html > body #menuBas li
{
    border-right: 1px solid transparent;
}
html > body #menuBasDernier li
{
    border-right: 0;
}

/******************\
|** Onglet actif **|
\******************/
#en-cours a
{
    background: #ABD0EA;
    color: Black;
}

/******************\
|** Menu navgpic **|
\******************/
#navgpic, #navgpic ul
{
    padding: 0;
    margin: 0;
	position: top;
    list-style: none;
    line-height: 20px;
}
#navgpic,
{
    font-size: .6em;
}
#navgpic a
{
    display: block;
    padding: 0;
	padding-right: 10;
    background: #EAEFF6;
    color: Black;
    text-decoration: none;
    width: 120px;
}
#navgpic li
{
    float: top;
    margin-bottom: 0px;
}

html > body #navgpic li
{
    border-right: 1px solid transparent;
}
#navgpic a:hover
{
    color: Black;
    background: White;
}
#navgpic li:hover ul ul, #navgpic li.sfhover ul ul
{
    left: -999em;
}

#navgpic li:hover ul, #navgpic li li:hover ul, #navgpic li.sfhover ul, #navgpic li li.sfhover ul
{
    right: auto;
	min-height: 0;
}

/******************\
|** Menu navflux **|
\******************/
#navflux, #navflux ul
{
    padding: 0;
    margin: 0;
	position: top;
    list-style: none;
    line-height: 20px;
}
#navflux,
{
    font-size: .6em;
}
#navflux a
{
    display: block;
    padding: 0;
	padding-left : 4px;
    background: #EAEFF6;
    color: Black;
    text-decoration: none;
    width: 120px;
}
#navflux li
{
    float: top;
    border-right: 1px solid #fff;
    margin-bottom: 0px;
}

html > body #navflux li
{
    border-right: 1px solid transparent;
}
#navflux a:hover
{
    color: Black;
    background: White;
}
#navflux li:hover ul ul, #navflux li.sfhover ul ul
{
    left: -999em;
}

#navflux li:hover ul, #navflux li li:hover ul, #navflux li.sfhover ul, #navflux li li.sfhover ul
{
    left: auto;
    min-height: 0;
}
/*************************\
|** Onglet actif navflux**|
\*************************/
#en-coursfluxADV a
{
    background: #A5CD4F;
    color: Black;
}
#en-coursfluxACH a
{
    background: #407ECA;
    color: Black;
}
#en-coursfluxERGO a
{
    background: #D18987;
    color: Black;
}
#en-coursfluxPROD a
{
    background: #CB3F3C;
    color: Black;
}
#en-coursfluxDT a
{
    background: #FF912E;
    color: Black;
}
#en-coursfluxCBN a
{
    background: #9C9C9C;
    color: Black;
}
#en-coursfluxSTO a
{
    background: #9C9C9C;
    color: Black;
}
#en-coursfluxLIV a
{
    background: #A5CD4F;
    color: Black;
}
#en-coursfluxSAV a
{
    background: #7D5BA7;
    color: Black;
}
#en-coursfluxGMAO a
{
    background: #FF912E;
    color: Black;
}
#en-coursfluxREP a
{
    background: #7D5BA7;
    color: Black;
}
#en-coursfluxECOM a
{
    background: #A5CD4F;
    color: Black;
}
#en-coursfluxQUA a
{
    background: #B8B188;
    color: Black;
}
#en-coursfluxSITE a
{
    background: #D18987;
    color: Black;
}
#en-coursfluxAFF a
{
    background: #D18987;
    color: Black;
}
#en-coursfluxCR a
{
    background: #D18987;
    color: Black;
}
#en-coursfluxLANGUE a
{
    background: #D18987;
    color: Black;
}
#en-coursfluxFINANCE a
{
    background: #81AB9B;
    color: Black;
}
#en-coursfluxCOMPTA a
{
    background: #81AB9B;
    color: Black;
}
#en-coursgpic a
{
    background: #B8B188;
	font-weight: Bold;
    color: White;
}