/*********************/
/* Les styles AbLink */
/*********************/

* {
    padding: 0px;
    margin: 0px;
}

ul {
    padding: 0px 0px 0px 25px;
}

p {
    padding: 5px 0px;
}

#plus .aide {
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(images/aide.gif);
	background-repeat: no-repeat;
	background-position:left top;
	text-indent: 20px;
	font-style: italic;
}
div#aides {
    position: relative;
}

#contenu div.aide, #contenu div.zoom {
    display: block;
    position: absolute;
    top: 0px;
	font-style: italic;
    border: solid 1px;
    -moz-border-radius:15px;
}

#contenu div.aide {
    text-align: justify;
    padding:10px 10px 10px 25px;
    background:#EFFFEF url(images/aide-bg.gif) no-repeat left top;
}

#contenu div.zoom {
    cursor: pointer;
    width: 540px;
    left: 25px;
    text-align: center;
    padding:25px 7px 7px 7px;
    background:#EFFFEF url(images/zoom-bg.gif) no-repeat center top;
}

#contenu .lien {
    border: none;
    cursor: pointer;
}

td.login table {
    margin-left: auto;
    margin-right: auto;
}
#menu p.center {
    text-align: center;
}
.help  {
    border: hidden;
    vertical-align: middle; 
}
body#plus  {
	margin: 0px;
	padding: 0px;
	background-color: #FDDF7C;
	text-align: justify;
}
#plus a {
	font-weight: bold;
	text-decoration:none;
	color: #2F3269;
}
#plus a:hover{
	font-weight: bold;
	text-decoration:none;
	color: #999999;
}
#plus .contenu {
	padding-left: 10px;
	padding-right: 10px;
}
#plus .fermer_fenetre {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#DDCFA9;
	text-align:center;
}

#ensavoirplus a {
	display:block;
	font-size: 0.8em;
	/*background-image: url(images/plus.gif);
	background-repeat:no-repeat;
	height:23px;
	width: auto;
	border: 1px solid #f00;
	top: 0px;
	padding-left: 23px;
	padding-top: 4px;*/
}
.deuxcolonnes {
	/*border: 1px solid #f00;*/
}
.colonne_gauche {
	float: left;
	width: 48%;
	/*border: 1px solid #00f;*/
}
.colonne_droite {
	float: right;
	width: 48%;
	/*border: 1px solid #0f0;*/
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	background-color: #DDCFA9;
	overflow: -moz-scrollbars-vertical;
}

#cadreIE {
	text-align: center;
    width: 100%;
}

div#cadre {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #333333;
	padding: 0px 5px 5px 5px;
	border-width: 0px;
}

#cadreIE > #cadre {
    width: 790px;
}

#accessibilite, #logoaccessibilite{
	display: none;
}

#bandeau, #bandeau-clients, #bandeau-support {
	/*l'image de fond fait 790 par 100 ce qui laisse une marge de 5px partout*/
	width: 790px;
	height: 110px;
	background-repeat: no-repeat;
	background-position:center;
}

#bandeau {
    background-image: url(images/bandeau.jpg);
}

#bandeau-support {
    background-image: url(images/bandeau-support-linux.jpg);
}

#bandeau-clients {
    background-image: url(images/bandeau-espace-clients.jpg);
}

#bandeau #logo, #bandeau-clients #logo, #bandeau-support #logo {
	display:block;
	position:relative;
	float:left;
	top:10px;
	left:10px;
	width:200px;
	height: 90px;
}

#bandeau #contact, #bandeau-clients #contact, #bandeau-support #contact {
	display:block;
	position:relative;
	float:right;
	top:40px;
	right:15px;
	width:85px;
	height: 30px;
}

#bandeau select, #bandeau-clients select, #bandeau-support select {
	display:block;
	position:relative;
	float:left;
	top:112px;
	left:446px;
	width:140px;
}
#Hautfond {
    clear:both;
	width: 790px;
	height: 8px;
	background-image:  url(images/haut_fond.jpg);
	background-repeat: no-repeat;
}

#fond {
    clear:both;
	width: 790px;
    padding: 0px 5px 0px 5px;
	background-image:  url(images/fond.jpg);
	background-repeat: repeat-y;
}

#cadre > #fond {
    width: 780px;
}
h3 {
	margin: 0.8em 0 0.3em 0;
}
.titre {
	font-size: 1.4em;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
#contenu {
    position: relative;
	float:right;
	width: 605px;
    text-align: justify;
    padding: 0px 5px;
    margin: 0px 0px;
}
#contenu a {
	font-weight: bold;
	text-decoration:none;
	color: #2F3269;
}
#contenu a:hover{
	font-weight: bold;
	text-decoration:none;
	color: #999999;
}
#contenu div.center {
    text-align: center;
}
#contenu div.center table  {
    margin-left: auto;
    margin-right: auto;
}
#contenu div.error {
    text-align: center;
    margin-top: 1em;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
#Basfond {
    clear:both;
	width: 790px;
	height: 8px;
	background-image: url(images/bas_fond.jpg);
	background-repeat: no-repeat;
}

/*********************/
/* Les styles ISPMAN */
/*********************/

.outline {
	background-color: black;
}

.small {
	font-size: 0.7em;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	color: #aaaacc;
}

.listlt {
	background-color: #ffffff;
}

input {
	font-size: 10pt;
	font-family: Geneva,Arial,Helvetica,sans-serif;
}

a {
	font-size: 10pt;
	font-weight: bold;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	color: #333366;
	text-decoration: none;
}

td.checkbox input {
    float: right;
}

.info {
    font-style: italic;
    color: #555555;
}

.light {
    font-size: 1em;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    color: white;
}

.error {
    color: maroon;
    font-weight: bold;
}

.alert {
    color: orange;
    font-weight: bold;
}

.critical {
    color: red;
    font-weight: bold;
}

/*                          */
/* Le bouton de déconnexion */
/*                          */
.logout {
    clear:both;
	float: left;
	width: 137px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.logout a.notify {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 32px;
    text-decoration: none;
	font-weight:bold;
}

.logout a.notify:link, .logout a.notify:visited {
    color: #CE6A6A;
    background: url(images/logout-gris.gif) no-repeat left center;
}

.logout a.notify:hover, .logout a.notify:active {
    color: #F69D7D;
    background-image: url(images/logout.gif);
}

/*                      */
/* La page de connexion */
/*                      */
table.login {
    width:80%;
}

table.login input{
    width:100%;
}

table.login td{
    text-align: right;
}

table.login td.input{
    width: 60%;
}

table.login td.login{
    text-align: center;
}

table.login table{
    width: auto;
}

table.login tr.login td{
    text-align: center;
}

table.login a.login, table.login a.secureLogin {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 32px;
    text-decoration: none;
	font-weight:bold;
}

table.login a.login:link, table.login a.login:visited {
    color: #CE6A6A;
    background: url(images/login-gris.gif) no-repeat left center;
}

table.login a.login:hover, table.login a.login:active {
    color: #F69D7D;
    background-image: url(images/login.gif);
}

table.login a.secureLogin:link, table.login a.secureLogin:visited {
    color: #CE6A6A;
    background: url(images/cadenas-ouvert-gris.gif) no-repeat left center;
}

table.login a.secureLogin:hover, table.login a.secureLogin:active {
    color: #F69D7D;
    background-image: url(images/cadenas-ferme.gif);
}

/*                       */
/* Les boutons d'actions */
/*                       */
td.action, td.action-noitem {
    width: 25px;
}

td.action-noitem {
    background-color: #FDE07A;
}

.submit, .reset, .delete, .edit, .add, .testurl {
    display: block;
    float: right;
    width: 20px;
	height: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.back, .continue {
    display: block;
    width: 30%;
    padding: 35px 0px 0px 0px;
    margin: 90px auto 0px auto;
}

.continue {
    margin-top: 50px;
}

.submit span, .reset span, .delete span, .edit span, .add span, .testurl span {
    display: none;
}

.submit, .reset, .back, .continue, .delete, .edit, .add, .testurl {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.back, .continue {
    background-position: center top;
}

.submit          { background-image: url(images/sauver-gris.gif);     }
.submit:hover    { background-image: url(images/sauver-hover.gif);    }
.reset           { background-image: url(images/annuler-gris.gif);    }
.reset:hover     { background-image: url(images/annuler-hover.gif);   }
.back            { background-image: url(images/back-gris.gif);       }
.back:hover      { background-image: url(images/back-hover.gif);      }
.continue        { background-image: url(images/continue-gris.gif);   }
.continue:hover  { background-image: url(images/continue-hover.gif);  }
.delete          { background-image: url(images/corbeille-gris.gif);  }
.delete:hover    { background-image: url(images/corbeille-hover.gif); }
.edit            { background-image: url(images/editer-gris.gif);     }
.edit:hover      { background-image: url(images/editer.gif);          }
.add             { background-image: url(images/ajouter-gris.gif);    }
.add:hover       { background-image: url(images/ajouter.gif);         }
.testurl         { background-image: url(images/voire-gris.gif);      }
.testurl:hover   { background-image: url(images/voire.gif);           }

.button {
	background-color: #666699;
	border-top: thin solid #9999cc;
	font-weight: bold;
	border-bottom: thin solid #222244;
	font-size: 0.8em;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	border-right: thin solid #222244;
	color: white;
	border-left: thin solid #9999cc;
}

a.menuitem {
	font-weight: 800;
	font-family: Verdana, Helvetica, Arial;
	color: #000000;
}

a.menuitem:hover {
	background-color: #222244;
	color: #ffffff;
}

.menu {
	background-color: #ffffff;
	background: url(images/blue-background.gif);
	font-family: Geneva,Arial,Helvetica,sans-serif;
	color: #4D4E51;
}

.item {
	background-color: #FFF1BF;
}

.header {
	background: url(images/white-background.png);
	color: #2674F2;
    text-align: center;
}

.selected {
	background-color: #eeeeff;
}

a.smallheaderitem {
	color: #171AEE;
}

.control {
	background-color: #6699cc;
	color: white;
}

table {
    border: hidden;
    width:100%;
}

td {
	font-size: 10pt;
	font-family: Geneva,Arial,Helvetica,sans-serif;
}

.smallheader {
	background-color: #FFFFFF;
	background: url(images/white-background.png);
	font-size: 0.8em;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	color: #171AEE;
}


a.hover {
	text-decoration: underline;
}

th {
	font-size: 10pt;
	font-family: Geneva,Arial,Helvetica,sans-serif;
}

select {
    /*width:100%;*/
	font-size: 1em;
}

.text {
	background-color: white;
}

.list {
	background-color: #f0f0ff;
}

.item0 {
	background-color: #FFF1BF;
}

a.smallheaderitem:hover {
	background-color: #222244;
	color: #171AEE;
}

.item1 {
	background-color: #FFF4CF;
}

.fixed {
	font-size: 1em;
	font-family: monospace, fixed;
}

a.widget:hover {
	background-color: #e9e9e9;
}

.inactif td {
    color: #aaaaaa;
}

/***************/
/* Les onglets */
/***************/

/* #menu_onglets
    float:
        left : callée à � gauche
        N�cessaire pour les onglets en portes coulissantes.
    margin:
        0px 0px 0px 167px : on laisse 167 pixels de marge gauche pour
                            l'espace noir au dessus du menu de gauche 
    width:
        628px : 628=800-167-5 pixels de large
                800 (cf width de div#cadre)
                167 (cf margin)
                  5 taille de la bordure noire à droite
    background :
        #DDCFAA : couleur du fond, identique au haut de l'image de fond
        fond.jpg : image de fond
        repeat-x : se répète en largeur pour dessiner le fond
        bottom : callée en bas, le haut se remplis avec la couleur de fond
    font et line-height :
        Tout est une question de gout !
*/
#menu_onglets {
 	float: right;
    width: 628px;
    background:#DDCFAA url(images/fond-onglets.jpg) repeat-x bottom;
    font: 1.2em Arial, Verdana, Helvetica, sans-serif;
    line-height:normal;
}

/* #gauche
    float:
        left : callée à gauche
        N�cessaire pour les onglets en portes coulissantes.
    width:
        5px : la largeur de l'image de fond
    background :
        gauche.jpg : image de fond
        no-repeat : aucune répétition, ne s'affiche qu'une seule fois
        left et top : callée en haut à gauche
*/
#gauche {
    float: left;
    width: 5px;
    background: url(images/gauche.jpg) no-repeat left top;
}

/* #droite
    float:
        right : callée à gauche
        N�cessaire pour les onglets en portes coulissantes.
    width:
        5px : la largeur de l'image de fond
    background :
        droite.jpg : image de fond
        no-repeat : aucune répétition, ne s'affiche qu'une seule fois
        right et top : callée en haut à droite
*/
#droite {
	float:right;
    width: 5px;
    background: url(images/droite.jpg) no-repeat right top;
}

/* #milieu
    margin:
        0px : aucune marge
    padding :
        0px 5px : 0 pixel de padding en haut et en bas
                  5 pixels de padding � gauche et à droite, correspond à
                  la largeur des cts gauche et droite
                  (cf width de #gauche et #doite)
*/
#milieu {
    margin: 0px;
	padding: 0px 5px;
}

#menu_onglets ul {
    margin: 0px;
    padding: 0px;
    list-style:none;
}

#menu_onglets li {
    display:inline;
    margin:0px;
    padding:0px;
}

/* #menu_onglets a
    float:
        left : callée à gauche
        N�cessaire pour les onglets en portes coulissantes. 
    background :
        onglet-gauche.jpg : la partie gauche de l'onglet
        no-repeat : ne s'affiche qu'une seule fois
        let top : callée en haut à gauche
    margin :
        0px 0px 0px 0px : Aucune marge, c'est ici que l'on peut gérer
                          l'espacement entre les onglets
    padding :
        0px 0px 0px 15px : décallage gauche de la largeur de l'image gauche de l'onglet
    border-bottom :
        3px : la même épaisseur que celle du liserais présent dans l'image de fond
        #3D3727 : la même couleur que celle du liserais présent dans l'image de fond
    white-space :
        nowrap : �vite le retour à la ligne au sein d'un même onglet
    text-decoration :
        none : pas de soulignement des liens
*/
#menu_onglets a {
    float:left;
    background:url(images/onglet-gauche.jpg) no-repeat left top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    border-bottom:3px solid #3D3727;
	white-space: nowrap;
    text-decoration: none;
}

/* #menu_onglets a span
    float:
        left : callée à gauche uniquement pour IE5-Mac
               On le positionne ici et on l'annule plus bas pour tous sauf IE5-Mac
        N�cessaire pour les onglets en portes coulissantes. 
    display:
        block : 
        N�cessaire pour les onglets en portes coulissantes. 
    background :
        onglet-droite.jpg : la partie droite de l'onglet
        no-repeat : ne s'affiche qu'une seule fois
        right top : callée en haut à droite
    padding :
        6px 24px 4px 0px : 6 pixels entre le haut de l'onglet et le haut du texte
        	              24 pixels entre la droite de l'onglet et la droite du texte
        	               4 pixels entre le bas de l'onglet et le bas du texte
        	               0 Le texte est collé à gauche de la partie droite de l'image de l'onglet
    font-weight et color :
        Tout est une question de gout !
*/
#menu_onglets a span {
    float:left;
    display:block;
    margin:0px;
    background:url(images/onglet-droite.jpg) no-repeat right top;
    padding:6px 24px 4px 0px;
    font-weight:bold;
    color:#847E68;
}

/* Le span du lien doit avoir la propriété float:left pour IE5-Mac
   et float:none pour les autres */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_onglets a span {float:none;}
/* End IE5-Mac hack */

/* #menu_onglets a:hover span
    color : couleur des liens survolés 
        Tout est une question de gout !
*/
#menu_onglets a:hover span {
    color:#333534;
}

#menu_onglets a.inactive span {
    color:#BFBFBF;
}

/* #menu_onglets #current a
    background-position :
        0 -100px : décalage pour afficher l'onglet foncé
    border-width :
        0 : Pas de bordure sur l'onglet sélectionné pour le faire passer devant le liserais
*/
#menu_onglets #current a {
    background-position: 0 -100px;
    border-width:0;
}

/* #menu_onglets #current a span
    background-position :
        100% -100px : décalage pour afficher l'onglet foncé
    padding-bottom :
        7px : 7=3+4,    3 d'épaisseur de liserais (cf border-bottom de #menu_onglets a),
                     et 4 entre le bas de l'onglet et le bas du texte (cf padding de #menu_onglets a span)
    color : couleur des liens survolés 
        Tout est une question de gout !
*/
#menu_onglets #current a span {
    background-position: 100% -100px;
    padding-bottom:7px;
    color:#333534;
}

/* #menu_onglets a:hover
    background-position :
        0 -100px : d�calage pour afficher l'onglet foncé
*/
#menu_onglets a:hover {
    background-position: 0 -100px;
}

#menu_onglets a:hover.inactive {
    background-position: 0 0;
}

/* #menu_onglets a:hover span
    background-position :
        100% -100px : d�calage pour afficher l'onglet foncé
*/
#menu_onglets a:hover span {
    background-position: 100% -100px;
}

#menu_onglets a:hover.inactive span {
    background-position: 100% 0;
}

/*************/
/* Les menus */
/*************/

#menu {
	float: left;
	width: 140px;
}

#menu ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style:none;
}

#menu li {
    background: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	font-weight: bold;
}

#menu a {
	text-decoration:none;
	color: #2F3269;
}

#menu a:hover, #menu a:hover, #menu a:active{
	color: #999999;
}

#menu ul a, #menu ul span, #menu ul #encours {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 3px 25px;
    text-decoration: none;
}

#menu ul a, #menu ul span, #menu ul #encours {
	height:1px;
}

#menu > ul a, #menu > ul span, #menu > ul #encours {
	height:auto;
}

#menu li a:link, #menu li a:visited {
    background: url(images/bouton-normal.jpg) no-repeat left center;
}

#menu li a:hover, #menu li a:active {
    background-image: url(images/bouton-hover.jpg);
}

#menu li.notify a:link, #menu li.notify a:visited {
    color: #CE6A6A;
}

#menu li.notify a:hover, #menu li.notify a:active {
    color: #F69D7D;
}

#menu li#encours {
    color: #000000;
    background: url(images/bouton-current.jpg) no-repeat left center;
}

#menu li span {
    color: #847F62;
    background: url(images/bouton-inactif.jpg) no-repeat left center;
}
div#aides td, .notabene {
    font-size: 8pt;
}
div#aides td {
    padding: 4px;
}