/* ########################################################################################### */
/* ####################################### css Général ####################################### */
/* ########################################################################################### */

html{padding-top:0; padding-bottom: 0; padding-right: 0; padding-left: 0; margin: 0;}
body{padding:0px;margin:0px;color:#000000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;background-position:top center;background-repeat:no-repeat;background-attachment:none;background-color:#FFFFFF;background-image:url(fond_1_mod.jpg);}

h1{color:#3667B6;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14pt;font-weight:bold;}
h2{color:#429BD5;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13pt;font-weight:bold;}
h3{color:#4BBFEA;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12pt;font-weight:bold;}
h4{color:#DC5326;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11pt;font-weight:bold;}
h5{color:#FAA429;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10pt;font-weight:bold;}
h6{color:#BD0C6D;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;}

hr {height: 1px;}

a:link{color:#429BD5;text-decoration:underline;}
a:visited{color:#BD0C6D;text-decoration:underline;}
a:active{color:#000000;text-decoration:underline;}
a:hover{color:#FAA429;text-decoration:underline;}


.clear{ clear: both; }

/* ##################################################################################################### */
/* ####################################### css des pages du site ####################################### */
/* ##################################################################################################### */
/* ----------------- Barre ident google like ------------------*/
#myBarrePerso, .myBarrePerso{background-color:#47AFE1;}
.barreLatDockContent{border-color:#47AFE1;}
.myBarrePersoText{color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12pt;font-weight:bold;}


/* ----------------- contenu de la balise body ----------------- */
#lienSuperieur{height:48px;background-repeat:repeat-x;background-position:top center;background-image:url(barre-haute.png);}
div#siteConteneur{margin:0px;padding:0px;}
    
    /* ----------------- contenu de la div siteConteneur ----------------- */
    div#header {}       
        /* ----------------- contenu de la div header ----------------- */
        div#bandeauSup {padding: 0px;margin: auto;width:1005px;position:relative;}
        div#bandeauSup .logo1{position: absolute;margin-left:-1005px;z-index: 100;}
        div#bandeauSup .bandeau1{display:block;position: relative;width:1005px;}
        
        #zoneAccesBandeau{cursor:pointer;position:absolute;z-index:99;top:-200px;width:200px;}
                div#menu_horiz{height:47px;background-repeat:repeat-x;background-position:top center;width:1004px;margin:auto;background-image:url(menu.png);}
        div#infoPage{width:1005px;margin: auto;}
                
            /* ----------------- contenu de la div infoPage ----------------- */
                        div#fil_ariane{position:relative;text-align: left;float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;color:#000000;}
            div#actionCompte{position:relative;float:right;text-align: right;}
            div#actionCompte span{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;color:#000000;font-weight:bold;}
            div#actionCompte a:link,div#actionCompte a:visited{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;color:#000000;font-weight:bold;text-decoration:underline;}
            div#actionCompte a:hover{color:#FAA429;text-decoration:underline;}
            /* ----------------- FIN du contenu de la div infoPage ----------------- */
        /* ----------------- FIN du contenu de la div header ----------------- */
        
        
        div#contenu{width:1005px;margin: auto;}
    
        /* ----------------- contenu de la div contenu ----------------- */
        div#contentAccueil{width:996px;margin:auto;position:relative;}
                div#content{width:1005px;margin:auto;background-repeat:repeat-y;background-position:top center;background-image:url(fond_contenu.png);}
        div#contentText{position:relative;padding:0 30px;}
                /* ----------------- FIN du contenu de la div contenu ----------------- */
        
        
    /* ----------------- FIn du contenu de la div siteConteneur ----------------- */
/* ----------------- FIN du contenu de la balise body ----------------- */

.titleBloc{display:none;}

/* ####################################################################################################### */
/* ####################################### css de la page de login ####################################### */
/* ####################################################################################################### */

    div#headerLogin{width:1005px;margin-left:auto;margin-right:auto;}
        
    /* ----------------- contenu de la div headerLogin ----------------- */
    div#bandeauSupLogin{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
    div#bandeauSupLogin .logo1{position: absolute;margin-left:-1005px;z-index: 100;}
    div#bandeauSupLogin .bandeau1{display:block;position: relative;width:1005px;}
        
    /* ----------------- FIN du contenu de la div headerLogin ----------------- */
    
.loginCenter{width:1005px;margin:auto;background-repeat:repeat-y;background-position:top center;background-image:url(fond_contenu.png);text-align: center;padding-bottom:20px;}
    
#login table{margin:auto;text-align:right;}

/* ######################################################################################################## */
/* ####################################### css des zones de gestion ####################################### */
/* ######################################################################################################## */

/* Feuille de style pour CEWEOM */
.entete_web a, .entete_web{color:#FFFFFF;font-size:9pt;font-weight:bold;font-style:normal;background-color:#429BD5;}
.tabpair_web{color:#000000;font-size:9pt;font-weight:bold;font-style:normal;background-color:#429BD5;}
* html .tabpair_web{position:relative;} /* hack css pour la transparence avec IE6 */

.tabimpair_web{color:#000000;font-size:9pt;font-weight:bold;font-style:normal;background-color:#EDF1F2;}
* html .tabimpair_web{position:relative;} /* hack css pour la transparence avec IE6 */

.coltab {color: #6666CC;font-weight: bold}

.selectcol {background-color: #000000;color: #FFFFFF;font-weight: bold}

.deselectcol {background-color: #CCCCFF; color: #6666CC; font-weight: bold}

.nom_ch{text-align: left;color:#2D2929;font-size:9pt;font-weight:bold;font-style:normal;}

.cadrefin{border-collapse: collapse;border-color:#8FBBC9;border:solid 1px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
* html .cadrefin{position:relative;} /* hack css pour la transparence avec IE6 */
.cadre{border-color:#8FBBC9;border:solid 1px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
* html .cadre{position:relative;} /* hack css pour la transparence avec IE6 */
.barre{  border: solid 1px; border-color: black; }

.nblig {font-weight: bold;text-align: left;color: #83AFD4}

.important1 {font-size: 12pt;font-weight: bold;color: #DD0000}

/* ++ PS 1.5./005 24/03/09 idem important1  en taille courante*/
.important1_x {font-weight: bold;color: #DD0000}
/* ++ PS 1.5./005 24/03/09 idem important1  en taille 10*/
.important1_10 {font-size: 10pt;font-weight: bold;color: #DD0000}

/*++ 05-05-09 TONY 1.5.009 Demande 7383 pour CEDASSA92*/ 
.important1_ceds92 {font-size: 12pt;font-weight: bold;color: #F17B01}

.histo_session {font-size: 10pt;font-weight: bold;font-style: italic;color: #83AFD4}

.dette {color: #333399;}

.creance {color: #6666FF;}

.dette_et_creance {color: #000000}

.griser {font-size: 10pt;color: #83AFD4;background-color: #999999}

/* Onglets de navigation dans une page */
.TabCommon {FONT-SIZE: 16px; COLOR: #6D6D6D; PADDING: 5px; FONT-WEIGHT: bold; TEXT-ALIGN: center; HEIGHT: 30px;}
.TabContent {PADDING: 5px;}
.TabContentBottom {PADDING: 10px; BORDER-BOTTOM: 2px outset #99ccff;}
.TabOff {CURSOR: pointer; BACKGROUND-COLOR: #D1D1D1; BORDER-LEFT: 1px solid #BBBBBB;}
.TabOn {CURSOR: auto; BORDER-TOP: 2px outset #D1D1D1; COLOR: #000000; BORDER-LEFT: 2px outset #D1D1D1; BORDER-RIGHT: 1px outset #D1D1D1;}
.TabBorderBottom{BORDER-BOTTOM: 2px inset #D1D1D1;}
.TabActiveBorderLeftRight{}
.TabActiveBackground {BACKGROUND-COLOR: #F2F2FA;}



* html .fullrelative div{position:relative;} /* hack css pour la transparence avec IE6 */

.page_navig {font-size: 10pt;font-weight: bold;text-align: right;background-color: #94C6EF}

.ligne_separ{color: #83AFD4}

.important2 {font-size: 12pt;font-weight: bold;color: #DD0000}

.important3 {font-size: 10pt;font-weight: bold;color: #CC3333}

/* Champs non saisissables */
.lecture{background-color: #DDDDDD;color: #000000}

/* Classe pour position bouton "A� propos" et picto. "lecture / modif" */
.a_propos { float: right; width: 20%; margin-left: 2px;}

.liste_choix{font-size: 9pt;}
.link{cursor: pointer;}
/* Agenda */
.cellCalTitle{border: solid 1px #444444; vertical-align:top; text-align: center;}
.calTitle{font-weight: bold;}
.calJour{color: #000000;font-weight: bold; text-align: center;}
.today{border: solid 1px #092962; vertical-align:top; background-color: #FFFFFF;}
.day{border: solid 1px #888888; vertical-align:top; background-image: url(agenda/lisere.jpg); background-repeat: repeat-x;}

/* ######################################################################################################## */
/* ####################################### css des elements de fonction ####################################### */
/* ######################################################################################################## */

/* -------------- NEW SLIDER HORIZ ------------------------*/
.divNouvDefil.proweb .slide > h2{color:#F1FCFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;}
.divNouvDefil.proweb .slide > h2 span{background-image:linear-gradient(left,#085AA8, #009CDF);background-image:-moz-linear-gradient(left,#085AA8, #009CDF);background-image:-webkit-gradient(linear,left top, right top, from(#085AA8), to(#009CDF));background-image:-webkit-linear-gradient(left,#085AA8, #009CDF);background-image:-o-linear-gradient(left,#085AA8, #009CDF);background-image:-ms-linear-gradient(left,#085AA8, #009CDF);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#085AA8',endColorstr='#009CDF', GradientType=1)}
.divNouvDefil.proweb .slide > h2 span:hover{color:#050537;}
.divNouvDefil.proweb .slide > h2.selected{color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12pt;}
.divNouvDefil.proweb .slide > h2.selected span{background-image:linear-gradient(left,#E85311, #F29400);background-image:-moz-linear-gradient(left,#E85311, #F29400);background-image:-webkit-gradient(linear,left top, right top, from(#E85311), to(#F29400));background-image:-webkit-linear-gradient(left,#E85311, #F29400);background-image:-o-linear-gradient(left,#E85311, #F29400);background-image:-ms-linear-gradient(left,#E85311, #F29400);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E85311',endColorstr='#F29400', GradientType=1)}
.divNouvDefil.proweb .slide > h2.selected span:hover{color:#6A2100;}
.divNouvDefil.proweb .slide .myContentIntegre a,.divNouvDefil.proweb .slide .myContentIntegre h1{color:#FFFFFF;font-weight:bold;font-style:italic;text-decoration:underline;}

/* ######################################################################################################## */
/* ####################################### css des modeles ####################################### */
/* ######################################################################################################## */
.demiBlocBilletterie, .tiersBlocBilletterie, .deuxTiersBlocBilletterie, .blocBilletterie{border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#4BBFEA;}
table.demiBlocBilletterie tbody tr th, table.tiersBlocBilletterie tbody tr th, table.deuxTiersBlocBilletterie tbody tr th, table.blocBilletterie tr th{border-bottom-width:8px;border-bottom-style:solid;border-bottom-color:#4BBFEA;}
a.boutonRond:link, a.boutonRond:visited, a.boutonRond:active, a.boutonRond{color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:#E46727;border-width:0px;border-style:none;border-color:#000000;box-shadow:2px 2px 6px #782612;}
a.boutonRond:hover{color:#782612;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:#FFB92C;border-width:0px;border-style:none;border-color:#000000;box-shadow:2px 2px 6px #5C4310;}
a.boutonRect:link, a.boutonRect:visited, a.boutonRect:active, a.boutonRect{color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:#E46727;border-width:0px;border-style:none;border-color:#000000;box-shadow:2px 2px 6px #782612;}
a.boutonRect:hover{color:#782612;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:#FFB92C;border-width:0px;border-style:none;border-color:#000000;box-shadow:2px 2px 6px #5C4310;}
a.boutonDegrade:link, a.boutonDegrade:visited, a.boutonDegrade:active, a.boutonDegrade{color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;font-style:normal;
                            background: #FFB92C; /* Old browsers */
                            background: -moz-linear-gradient(top, #FFB92C 0%, #D84426 100%); /* FF3.6+ */
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB92C), color-stop(100%,#D84426)); /* Chrome,Safari4+ */
                            background: -webkit-linear-gradient(top,  #FFB92C 0%,#D84426 100%); /* Chrome10+,Safari5.1+ */
                            background: -o-linear-gradient(top,  #FFB92C 0%,#D84426 100%); /* Opera 11.10+ */
                            background: -ms-linear-gradient(top,  #FFB92C 0%,#D84426 100%); /* IE10+ */
                            background: linear-gradient(to bottom,  #FFB92C 0%,#D84426 100%); /* W3C */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB92C', endColorstr='#D84426',GradientType=0 ); /* IE6-9 */
                        border-width:0px;border-style:none;border-color:#000000;box-shadow:0px 1px 3px #373738;}
a.boutonDegrade:hover{color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;font-style:normal;
                            background: #D84426; /* Old browsers */
                            background: -moz-linear-gradient(top, #D84426 0%, #FFB92C 100%); /* FF3.6+ */
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D84426), color-stop(100%,#FFB92C)); /* Chrome,Safari4+ */
                            background: -webkit-linear-gradient(top,  #D84426 0%,#FFB92C 100%); /* Chrome10+,Safari5.1+ */
                            background: -o-linear-gradient(top,  #D84426 0%,#FFB92C 100%); /* Opera 11.10+ */
                            background: -ms-linear-gradient(top,  #D84426 0%,#FFB92C 100%); /* IE10+ */
                            background: linear-gradient(to bottom,  #D84426 0%,#FFB92C 100%); /* W3C */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D84426', endColorstr='#FFB92C',GradientType=0 ); /* IE6-9 */
                        border-width:0px;border-style:none;border-color:#000000;box-shadow:0px 1px 3px #373730;}



/* ######################################################################################################## */

/* ####################################### css libre de l'editeur  ####################################### */

/* ######################################################################################################## */

#footer {
    background-image:url(footer.png);
    background-position:top center;
    padding:0px 20px;
    width:964px;
    height: 46px;
    margin:auto;
}

#footer p {
    margin: 0;
}

#footerContenuStandard{padding-top:5px;padding-bottom:5px;text-align:left;width:1004px;margin: auto;}
#footerContenuStandard a, #footerContenuStandard span{color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9pt;font-weight:bold;}
#footerContenuStandard span a{text-decoration:none;}

#footerContenuLibre {
   height:46px;
}

#footerContenuLibre_extended {
    float: right;
    width: 48%;
    height: 46px;
}

#footerContenuLibre table
{
    float: right;
    width: auto;
}

#footerContenuStandard {
    width: auto;
}

#footerContenuStandard_extended
{
    float: left;
    width: 47%;
    padding: 9px 0 0 40px;
}

.important1 {
    color: #ff0000;
}

.cadrefin
{
    border-color : #8fbbc9;
}

.cadre
{
    border-color : #8fbbc9;
}

div#infoPage
{
    margin-top: 4px;
}

div#menu_horiz_extend
{
    margin-top: 13px;
}

#myBarrePerso, .myBarrePerso
{
    position: absolute;
    background-color: transparent;
    top: 4px;
}

.tabpair_web a, .tabpair_web a:link, .tabpair_web a:visited, .tabpair_web a:active
{
    color: #ffffff;
}