/** DONNEES GENERALES **/
/*****************************************************
BODY
******************************************************/
html, body 
{
    width: 100%;
    height: 100%;
    font-size: 100%;    
}

body
{
    /*font-size: 11pt;*/
    font: 0.9em/1em Sans-Serif;
    color: Black;
    font-weight: normal;        
    /*font-family: Sans-Serif;*/
    text-align: justify;
    background-color: white;
    margin:0;
    text-decoration: none; 
    overflow: hidden;
}



div#intranet 
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

div#navigation 
{
    height: 80px;
    background-image: url('../app_themes/defaut/Images/top.gif');
    background-position: 0 0;
    background-repeat: repeat-x;
    z-index: 2; 
    position: relative;
    top: 0;
    left: 0;    
    overflow: hidden;
}

.navigation 
{
    height: 80px;
    float: left;
    display: inline-block;
}

div#menuGauche
{
    /*position: absolute;*/
    position: relative;
    left: 0;
    width: 150px;
    /*top: 80px;*/
    background-image: url('../app_themes/defaut/Images/fond.gif');
    background-position: 0 0;
    background-repeat: no-repeat;      
    z-index: 3;
    overflow: auto;
}

div#conteneur 
{
    position: absolute;
    top: 80px;  
    left: 150px;
    z-index: 4;
    overflow: auto;
    padding-left: 10px;
    margin-right: 0px;
    padding-right: 0px;
}

.contenu
{
    height: 100%;
    width: 100%;
}

h1{
    font-size:1.2em;
    color: #007276;
    font-variant: small-caps;
}

h2{
    font-size:0.9em;
    margin-top: 15px;
    text-decoration: underline;
}

p{
    line-height: 18px;  
}

#navigation p{
    line-height: 15px;  
}

.fiche 
{
    float: left;
    margin-left: 80px;
}


/* MENU */

#divFlashHaut
{
    /*position: absolute;
    top: -2em;*/
    /*z-index: 4;*/
    float: left;
    width: 100%;
    margin-top: 0px;
}

#sectionmenus
{
    /*left:3%;*/
    width:95%;
    overflow:auto;  
    color:Black;
    /*font-family: Sans-Serif;*/
    display: block;
    float: left;
    margin-left: 3px;
}


#sectionmenus h1, .titreMenu
{
    border-color:black;
    border-style:solid;
    border-width:0 0 0.18em 0;  
    font-weight:bold;   
    padding-left:0.1em; 
    padding-bottom:0.15em;
    margin: 0 0 0 0;
    font-variant: small-caps;
    font-size: 10pt;
    width: 100%;
    color: #000000;
}

#sectionmenus ul
{
    margin-bottom:1.5em;
    margin-top:0.5em;
}

#sectionmenus li, .sousMenu
{
    display:inline; 
    list-style:none;
    font-size: 8pt; 
    line-height: 1.3em; 
}

#sectionmenus a
{
    
    margin-left:-3.8em;     
    margin-bottom:0.7em;
    margin-top:0.7em;
    padding-left:1em;   
    padding-right:0em;
    padding-bottom:0em;
    padding-top:0em;
    
    font-size: 9pt;
    text-decoration: none; 
    color: #660099;
    vertical-align: bottom;
    font-weight: bold;  
    display: block;
}

#sectionmenus a:hover
{
    color: #4E0175;
    background-color: #CCCCFF;
}


.divTitre
{
    height: auto;
    width: 800px;
}

.divSousTitre
{
    display: block;  
    text-align: left;
    width: 300px;
    height: 40px;
    margin-top: 8px;
}

.divSousTitre hr
{
    width: 330px;
}

.divEntete
{
    position: relative;
    margin-left: 0px;
    position: relative; 
    max-width: 800px;   
    width: 800px;
    height: 230px;  
}


.divEnteteGauche
{
    position: relative; 
    width: 400px;
    top:0px;
    margin-top: 0px;
    height: 230px;
    float: left;
}

.divEnteteDroite
{
    position: relative; 
    width: 400px;
    margin-top: 0px;
    height: 230px;
    float: right;
}

.divBoutons
{
    height: 50px;
    position: relative; 
    padding-top: 5px;
    width: 800px;
}

.divBoutonDroit
{
    position: relative;
    float: right;
    text-align: right;
    width: 380px;
}

.divBoutonGauche
{
    position: relative;
    width: 380px;
    float: left;
}

.divContenuEntete p, .divGauche p, .divDroite p
{
    margin-top: 0px;
    margin-bottom: 5px;
    vertical-align: bottom;
    text-align: left;
}

.divResultats
{
    position: relative;
    float: left;
    left: 0px;
    padding-left: 5px;
    margin-top: 10px;
}


.progression
{
    width: 100%;
    height: 100%;
    position: absolute; 
    display: block; 
    top: 0;
    left : 0;
    z-index: 999;
}

.progression2
{
    position: absolute;
    width: 150px;
    height: 40px;
    background-color: #FFFFFF;
    color: Black;
    border-color: #000000;
    border-style: solid;
    border-width: thin;
    display: block;
    top: 40%;
    left: 40%;
    vertical-align: middle;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 50px;
    padding-right: 50px;    
    vertical-align: middle;     
    text-align: center;
}

.messageOuiNon{
    width: 450px;
    height: 100px;
    top: 30%;
    left: 30%;  
}

.fondProgression
{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000000;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    opacity: 0.3;   
    display: block;
    top: 0;
    left : 0;   
}



.divVieGroupe, .divQualite
{
    width: 800px;
    margin-top: 20px;
}

.divFAQ
{
    height: auto;
    width: 90%;
    clear: both;
}

.divHautDePageFAQ
{
    width: 10%;
    float: right;
    text-align: right;  
    font-size: x-small;
    text-transform:uppercase;   
    background-image: url('../app_themes/defaut/Images/fleche.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    clear: right;
}
 
.divTitreLieFAQ
{
    width: 85%;
    font-weight: bold;      
    color: #009999;
    text-transform: uppercase;  
    text-align: left;
    float: left;    
}

.divDetailFAQ
{
    display: inline-block;
    padding-bottom: 50px;
    padding-top: 1.5em;
    height: auto;
    width: 90%;
    clear: both;
}

.divQualite{
    line-height: 18px;  
}



.EncadreFondBleu
{
    border-color: #009999;
    border-style: solid;
    border-width: medium;   
    background-color: #e0f4f5;
    text-align: justify;
    margin-top: 0px; 
    padding: 2px 2px 2px 2px;       
    color: #000000;
    font-size: 10pt;
    /*background-image: url('/intranet/app_themes/defaut/Images/attention.png');
    background-repeat: no-repeat;
    background-position: 5px 0; */
}


.EncadreStyleCouleur1
{
    border-color: #009999;
    border-style: solid;
    border-width: medium;   
    font-size: 8pt;
        /* c'est l'encadré bleu, fond blanc */
    /*background-image: url('/intranet/app_themes/defaut/Images/attention.png');
    background-repeat: no-repeat;
    background-position: 5px 0; */
}

.EncadreStyleCouleur2
{
    border-color: #efd6ff;
    border-style: solid;
    border-width: medium;   
    background-color: #efd6ff;  /* c'est une sorte de violet pâle */
    /*background-image: url('/intranet/app_themes/defaut/Images/attention.png');
    background-repeat: no-repeat;
    background-position: 5px 0; */
}

.EncadreStyleCouleur3
{
    border-color: #e0f4f5;
    border-style: solid;
    border-width: medium;   
    background-color: #e0f4f5;  /* c'est une sorte de turquoise pâle */
    /*background-image: url('/intranet/app_themes/defaut/Images/attention.png');
    background-repeat: no-repeat;
    background-position: 5px 0; */
}

.EncadreStyleCouleur4
{
    border-color: #a356d4;
    border-style: solid;
    border-width: medium;   
    background-color: #efd6ff;  /* c'est une sorte de violet pâle */
    font-size: 10pt;
    padding-left: 0.2em;
    text-align: left;
}


.EncadreStyleCouleur5
{
    border-color: #ff0000;
    border-style: solid;
    border-width: medium;   
    background-color: #ffeeee;  /* c'est une sorte de violet pâle */
    padding-left: 0.2em;    
    font-size: 10pt;
    color: #000000; 
    text-align: left;
}

.ErreurCra
{
    float: left;    
    width: 555px;
    display: none;
    font-size: 8pt; 
    margin-top: 2px; 
    text-align: left;   
    padding: 2px;       
}
/*
.ErreurCraMC
{
    float: left;    
    width: 790px;
    display: none;
    font-size: 8pt; 
    margin-top: 2px; 
    text-align: left;   
    padding: 2px;       
}
*/

.ErreurSa
{
    float: right; 
    width: 350px;
    display: none;
    font-size: 8pt; 
    text-align: left;   
    padding: 2px;       
}

.ErreurConge
{
    float: right; 
    width: 530px;
    display: none;
    /*font-size: 8pt; */        
    text-align: justify;
    margin-top: 5px; 
    padding: 2px;       
    color: #000000;
    font-size: 10pt;    
    text-align: left;   
}

.erreur ul
{
    padding: 7px 0 7px 0;
    margin: 0 0 0 0;
}

.erreur li
{
    list-style:none;
}


.divCadreEvidence
{
    border-color: #009999;
    border-style: solid;
    border-width: medium;   
    padding: 20px 20px 20px 20px;
    margin-bottom: 40px;
    background-color: #e0f4f5;
}

.divFondCouleurClaire
{
    background-color: #e0f4f5;
    padding: 5px 5px 5px 5px;
}

.divMotif
{
    position: absolute;
    border-top: solid thin teal;
    border-left: solid thin teal;
    border-right: solid thin teal;  
    background-color: white;
    display: none;  
}

.divConges
{
    margin-top: 20px;
    height: 210px;
    width: 550px;
}

.divGauche
{
    position: relative;
    float: left;
}

.divDroite
{
    position: relative;
    float: right;   
    margin-top: 70px;
    margin-bottom: auto;    
}

.divCalendrier
{
    font-size: 9pt;
    font-family: Sans-Serif;
}



.sp1
{
    margin: 0;
    margin-left: 0px;
}

/************************
* STYLES DIVERS
*************************/
hr
{
    background-color:  #21b2b6;/*pour ff*/
    color:  #21b2b6;/*pour ie*/
    height: 1px;
    border-style:none;
}

select
{
    z-index: 1;
}

.input 
{
    background-color: #ECFAFB; 
    font-size: 9pt; 
    font-weight: bold;
    font-family: Sans-Serif;
    padding-left: 0.2em;
    /*position: relative !important;*/
    /*z-index: 1;*/
    border:solid 1px #21b2b6;
}

.inputClient{
    background-color: #80dee0; 
}

.inputInvalide
{
    /*background-color: #EFD6FF; */
    background-color: #ffeeee;
    /*background-color: #ffffff;*/
    font-size: 9pt; 
    /*font-weight: bold;*/
    font-family: Sans-Serif;    
    padding-left: 0.2em;
    /*position: relative !important;*/
    /*z-index: 1;*/
    /*border:solid 1px #a356d4;*/
    border:solid 1px #ff0000;
    /*color: #ff0000;*/
    /*border-bottom: solid 1px #ff0000;*/
    color: #000000;
}


textarea
{
    border:solid 1px #21b2b6 !important;
}

.label
{
    font-family: Sans-Serif;
    font-weight: bolder;    
    font-size: 12px;
    color: Black;
    border: none;
    background-color: #FFFFFF;
}

.labelCouleur
{
    color: #077c80;
}


.texteGrandeTaille
{
    font-size: 14px;
}

.texteGrandeTaille2
{
    font-size: 16px;
    font-weight: bold;      
}

.texteGrandeTaille3
{
    font-size: 20px;
    font-weight: bold;      
}

.form_result 
{
    background-color: #80DEE0; 
    font-weight: bold; 
    color: #000000;
    font-size: 9pt; 
    font-weight: bold;
    font-family: Sans-Serif;
    border:solid 1px #21b2b6;
}

li{
    line-height: 1.5em;
}

.documents li{
    background-position: 0 50%;
    text-indent: 25px;
}
.doc{
    background:url(../app_themes/defaut/Images/word.gif) no-repeat;  

}

.odt{
    background:url(../app_themes/defaut/Images/swriter.png) no-repeat;   
}

.sxc{
    background:url(/intranet/app_themes/defaut/Images/scalc.png) no-repeat; 
}


.pdf{
    background:url(../app_themes/defaut/Images/pdf.gif) no-repeat;   
}

.xls{
    background:url(../app_themes/defaut/Images/excel.gif) no-repeat;  

}


/*****************************************************
TEXTES
*****************************************************/
/* COULEURS */
.TexteNormalBleu1, .TexteGrasBleu1, .TextePetitGrasBleu1
{
    color: #007276;     /*bleu plus foncé */
}

.TexteNormalBleu2, .TexteGrandBleu2
{
    color: #009999;     /* bleu plus clair */
}

.TexteNormalRouge
{
    color: Red;
}

.TextePetitGrasBleu1
{  
    font-weight: bolder;    
    font-size: 9pt; 
}

.TexteGrandBleu2
{  
    font-size: 12pt;    
}

/* COMMUN */
.TexteNormalBleu1, .TextePetitGrasBleu1, .TexteNormalBleu2, .TexteNormalRouge, .message_erreur, .TexteBlanc, .message_erreur2, .TexteGrandBleu2
{  
    font-family: Sans-Serif;
    text-align: justify
}

.message_erreur 
{ 
    color: #FF0000; 
}

.message_erreur2
{ 
    color: Green;
}


/* Couleurs */
.FondRouge
{
    background-color: #FF0000;  /* Rouge */
}

.FondVert
{
    background-color: #32CD32;  /* Lime Green */
}


.FondOr
{
    background-color: #FFD700;  /* Gold */
}

.FondBleu
{
    background-color: #1E90FF;  /* Dodger Blue */
}

.FondOrange
{
    background-color: #FFA500;  /* Orange */
}


.FondLavande
{
    background-color: #E6E6FA;  /* Lavande */
}

.FondJaune
{
    background-color: #FFFF00;  /* jaune */
}

.FondRose
{
    background-color: #FFC0CB;  /* Pink */
}

.FondGris
{
    background-color: #808080;  /* Gray */
}

.FondGrisClair
{
    background-color: #A9A9A9;  /* DarkGray */
}

.FondViolet
{
    background-color: #BA55D3;  /* MediumOrchid */
}

.FondAqua
{
    background-color: #7FFFD4;  /* MediumOrchid */
}

.imgCalendrier
{
    cursor: pointer;
}


.texteTitre
{
    color: #000000;
    font-size: 13pt;
    font-weight: bold;
    font-variant: small-caps;
}

.texteGrasMoyen{
    font-size: 12px;
    font-weight: bold;  
}

.texteGrasPetit{
    font-size: 10px;
    font-weight: bold;  
}


.textePetit{
    font-size: 10px;    
}

/*****************************************************
LIENS
*****************************************************/
a:visited, a:link, a:active
{
    color: #009999;
    vertical-align: bottom;
}

a:hover
{
    color: white;
    background-color: #009999;
}



/*****************************************************
MENUS
*****************************************************/
.TexteMenuLien, a.TexteMenuLien:visited, a.TexteMenuLien:link, a.TexteMenuLien:active
{
    font-size: 9pt;
    text-decoration: none; 
    color: #660099;
    vertical-align: bottom;
    font-weight: bolder;
    display: block;
}

.TexteMenuLien2, a.TexteMenuLien2:visited, a.TexteMenuLien2:link, a.TexteMenuLien2:active
{
    font-size: 8pt;
    text-decoration: none; 
    color: #FFFFFF;
    vertical-align: top;
    font-weight: bold;  
    text-align: center;
}

a.TexteMenuLien:hover, a.TexteMenuLien2:hover
{
    color: #4E0175;
    background-color: #CCCCFF;    
}

a.ImageMenuLien, a.ImageMenuLien:hover
{
    background-color: white;
    border-color: White;
}


.TexteBlanc 
{  
    font-size: 8pt; 
    font-weight: bold; 
    color: #FFFFFF;
    text-align: justify;
}

.TexteEnveloppe
{
    font-size: 9pt; 
    font-weight: bold; 
    color: #660099; 
    /*rose color: #ff3399; */
    /* rose foncé color: #dd274e; */
    text-align: center;
    vertical-align: top;
}

#divPlan, #divFlash span {
    background-color: #FFFFFF;
    width: 500px;
    border-color: #000000; 
    border-style: solid; 
    border-width: 2px; 
    padding: 5px 5px 5px 5px; 
}

#divPlan h1{
    text-align: left;
    font-size: 12pt;
}

#divPlan li{
    line-height: 1.8em;
    font-size: 10pt;    
    font-weight: bold; 
    list-style-type: none !important;
    text-align: left;
    text-indent: 30px;
    background:url(../app_themes/defaut/Images/agt_forward-20.png) no-repeat;    
    background-position: 0% 90%;
}

#divPlan li a{
    color: #000000;
}

#divPlan li a:hover{
    color: #FFFFFF !important;
}

#divPlan a, #divFlash a{
    cursor:  pointer;
}

#divPlan .TexteMenuLien, #divFlash .TexteMenuLien {
    text-decoration: underline;
}
/*****************************************************
 BOUTONS
*****************************************************/
.btnRechercher
{
    cursor: pointer;
    position: inherit;              
}

.btnImprimer
{
    background-image: url('../app_themes/defaut/Images/imprimer.gif');   
    background-repeat: no-repeat;
    width: 110px;
    height: 40px;   
    cursor: pointer;
    position: inherit; 
}


/*****************************************************
 DATAGRID ET GRIDVIEW
*****************************************************/
.StyleGridview
{
    border-width: 1px !important;
    border-color: #F0F0F0 !important;
    /*font-family: Sans-Serif !important;*/
    /*font-size: 9pt !important;*/
    vertical-align: middle !important;
    color: Black !important;
    background-color: White !important;
}

.EnteteDatagrid
{
    border-width: 1px !important;
    border-color: #000000 !important;
    border-style: solid !important;
    font-size:9pt;
    font-weight:normal !important;
    height:20px;
    text-align:center;
    vertical-align:middle;  
}

.EnteteDatagrid, .EnteteDatagrid a:visited, .EnteteDatagrid a:link, .EnteteDatagrid a:active
{
    color: White !important;
    background-color: #009999 !important;
    border-color: #009999 !important;
    border-width: 1px !important;
    border-style: solid !important;
    text-align: center !important;
    /*font-weight: bold !important;*/
    font-style: normal !important;
    text-decoration: none !important;
}

.EnteteDatagrid a:hover
{
    color: #009999 !important;
    background-color: white !important;  
}

.TexteDatagrid, .TexteGdvEvidence, .TexteGdvEvidence{ 
    font-weight: normal !important;
    text-align: center !important;
    height: 20px !important;
    border-width: 1px !important;
    border-color: #000000 !important;
    border-style: solid !important;
    font-size: 9pt !important;
    /*font: 0.6em/1em !important ;*/
}

.TexteGdvActif{
    font-weight: normal !important;
    font-size: 9pt !important;
    text-align: center !important;
    height: 20px !important;
    background-color: #efd6ff;
    border-style: none !important;
}

.TexteGdvEvidence2{
	background-color: #efd6ff !important;
	font-weight: bold !important;
}

.Webmail{
    font-weight: bold !important;
}

.TexteGdvEvidence{
    font-weight: bold !important;
}

.CelluleGridview { 
    border-width: 1px !important;
    border-color: #000000 !important;
    border-style: solid !important;
}



/*******************
CRA ET SURACTIVITES
********************/
.pageCra
{
    width: 570px;   
}

.pageCra hr
{
    margin: 5px auto 5px 0px;
    text-align:left;
}


div.cra table
{
    padding-top: 18px;
}

div.sa table
{
    margin-top: 0px;    
    margin-bottom: 0px; 
}

div.cra, div.cra2, div.sa, div.sa2
{
    position: relative; 
    display: block; 
    height: 625px;
}

div.cra, div.sa
{
    margin: 0 0 0 0;
    /*width: 560px;*/
    width: 570px;
}

div.sa2
{
    margin-top: 3px;
}


div.cra .jours, div.cra2 .jours, div.sa .jours, div.sa2 .jours
{
    position: relative;
    display: block;
    margin-bottom: 10px;
    width: inherit;     
}

div.sa2 .jours
{
    margin-bottom: 0px;
}


/*LS*/
/* pour contrer les styles du forum */
.jours table, .jours tbody, .jours td, .jours tr
{
    margin: 0 0 0 0 ! important;
    padding: 0 0 0 0 ! important;
    border-width: 0px !important;
}
/* pour faire un trait entre les != jours */
.jour
{
    border-top:solid 1px #21b2b6  ! important;  
    /*height:55px ! important ;*/
    /*height: 50px ! important ;*/
}
.cra2 .jours
{   margin-top:-3px;/* légère correction car des blocs html "invisibles" prennent qd même un peu de place */
    /*width: 560px !important;*/
    width: 570px !important;
}

.sa .jours
{
    width: 620px;
}
    
/*Fin LS*/

.sa2 .jours
{   
    margin-top:-3px;/* légère correction car des blocs html "invisibles" prennent qd même un peu de place */
}

div.sa2 .pied hr
{
    width: 420px;
}

div.cra .pied, div.cra2 .pied,  div.cra2 .pied2, div.sa .pied, div.sa2 .pied
{
    float: left ! important;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 560px;
}

/*
div.sa .pied, div.sa2 .pied
{
    /*position: relative;
    float: left;
    display: block;*/
    /*margin-bottom: 20px;  
    padding-top: 10px;  
    width: inherit;
}*/

/*
div.cra .pied hr, div.cra2 .pied hr, div.sa .pied hr, div.sa2 .pied hr
{
    margin-top: 5px;
    margin-bottom: 5px;
}*/

div.cra .pied table
{
    padding-top: 0px;
}

.multi_client, .multi_client .pied, .multi_client .boutons
{
    width: 810px;   
    float: left;
}

.multi_client .enteteClient{
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 1px #83d2d6;
    padding: 0 5px 0 5px;
    height: 185px;
}

.multi_client .enteteClient .label{
    font-size: 13px;
}

.multi_client .enteteClient p{
    margin: 8px 0px 8px 0px;
}

.multi_jour {
    width: 810px;
    border-top-style: solid !important;
    border-color: #83d2d6 !important;
    border-width: 1px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.multi_jour table{
    float: left;
    /*height: 46px !important;*/
    padding: 0;
    margin: 0;
}

.multi_jour tr{
    /*float: left;*/
    /*height: 25px !important;*/
    padding: 0; 
}


.multi_jour .ErreurCra{
    width: 800px;
}

.en_creation
{
    background-color: #a356d4;      
}

.en_consultation{
    background-color: #008080;  
}

.en_modification
{
    background-color: #f8672e;      
}


.etat
{
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    font-variant: small-caps; 
    color: White;
    height: 20px;
    width: inherit;
    padding-top: 5px;
    padding-bottom: 5px;
}


/* barre de progression */
.progress_bar{
    width: 800px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    height: 40px;
}

.progress_bar ul {
    width:760px; 
    list-style:none; 
    margin:10px; 
    clear:both; 
    float:left;
    padding-left: 0px;
}

.progress_bar ul a {text-decoration:none; color:#a356d4;}
.progress_bar ul li {
    float:left; 
    width:33%; 
    background:url(../app_themes/defaut/Images/arrow.gif) no-repeat right 6px; 
    text-align:center;
}

.progress_bar_modif ul li {
    background-image:url(../app_themes/defaut/Images/arrow_modif.gif) !important; 
}

.progress_bar ul.step3 li { width:33%;} /*only needed if you want to use 5 Steps*/
.progress_bar ul.step4 li { width:25%;} /*only needed if you want to use 5 Steps*/
.progress_bar ul li span {
    display:block; 
    margin:auto; 
    margin-right:50%; 
    text-align:center; 
    border:1px solid #a356d4; 
    width:19px; 
    height:19px; 
    line-height:19px; 
    background-color:#ffffff;
} 

.progress_bar_modif ul li span {
    border:1px solid #f8672e !important; 
}

.progress_bar ul li span a {
    display:block; 
    width:19px; 
    height:19px; 
    margin:0px;
}

.progress_bar ul li span a.active, .progress_bar ul li.active span, .progress_bar ul li.active span a, 
.progress_bar ul li.past span a:hover, .progress_bar ul li.past:hover span a, .progress_bar ul li.lastStepActive span {
    background-color:#a356d4; color:#ffffff; 
}

.progress_bar_modif ul li.active span, .progress_bar_modif ul li.lastStepActive span{
    background-color:#f8672e !important;
}

.progress_bar ul li a {
    display:block; 
    /*margin-right:11%; */
    text-align:center;
}

.progress_bar ul li.past {background-position:right -106px;}
.progress_bar ul li.active {background-position:right -48px;}
.progress_bar ul li.lastStep {background-position:right -214px;}
.progress_bar ul li.lastStepActive {background-position:right -162px;}
/*.progress_bar ul li.lastStep.active {background-position:right -162px;}*/
.progress_bar ul li.active a:hover, .progress_bar ul li.past, .progress_bar ul li.active, .progress_bar ul li.past a:hover, .progress_bar ul li.past a, 
.progress_bar ul li.active a, .progress_bar ul li.lastStepActive {
    color:#a356d4;
}

.progress_bar_modif ul li.past, .progress_bar_modif ul li.active, .progress_bar_modif ul li.lastStepActive {
    color:#f8672e !important; 
}

.progress_bar ul li.active span a:hover {color:#ffffff;}
/*.progress_bar ul li.past:hover {cursor:hand; cursor:pointer;}*/
.progress_bar ul li.past span, .progress_bar ul li.active span {border:1px solid #a356d4;}
.progress_bar_modif ul li.past span, .progress_bar_modif ul li.active span {
    border-color:#f8672e !important; 
}

@media screen
{
    img#imgIntervenant, img#imgCorrespondant
    {
        display: none;
        border: 0;
    }

    img#imgImprimer, img#imgQuitter
    {
        display: block;
        border: 0;
        cursor: pointer;
    }
}

@media print 
{
    img#imgIntervenant, img#imgCorrespondant
    {
        display: block;
        border: 0;
    }

    img#imgImprimer, img#imgQuitter
    {
        display: none;
        border: 0;
    }
    
    div#menuGauche  
    {
        display: none;
    }

    div#navigation
    {
        display: none;
    }       
}