body { margin : 0px; text-align: center; } .inline { display:table-cell; } /* ============================================================*/ /* TEXTE */ /* ============================================================*/ .img_align { VERTICAL-ALIGN: text-bottom; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; } .texte-webfri { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: xx-large; font-weight: bolder; color: #FFCC00; } .texte-webfri-petit { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: large; color: #FFCC00; } .texte-titre-noir { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: large; color: #000000; } .texte-lbl-forme { font-family: Verdana,Arial, Helvetica, sans-serif; color:#195d7c; font-size: 10px; font-weight:bold; vertical-align:text-top; } .texte { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: #666; } .texte-entete-affineur { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } .texte_gras { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:bold; } .textecal { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align:center; } .texte-petit { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; } .texte-erreur { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #cb1400; } .texte-ok { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #339900; } .texte-lien { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #3300FF; } .texte-lien-blanc { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .texte-client{ font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; float:right; vertical-align:text-bottom; } .texte-lien-blanc a { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .texte-blanc-petit { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } .texte-lien-petit { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; } .texte-lien-petit a { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; } .texte-barre-menu { color :#000000; text-align:center; background: url(../images/bout2.gif) right bottom no-repeat; padding-bottom:3px; /* text-transform:uppercase;*/ } a.texte-menu:link{ font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color: #000000; text-decoration:none; padding-bottom:3px; } a.texte-menu:visited { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color: #000000; text-decoration:none; padding-bottom:3px; } a.texte-menu:hover { color:#666; padding-bottom:3px; } .flottant { text-align:left; font-family:Verdana; font-size:10px; border:solid 1px #000000; background-color:#dbecef; padding:5px 5px 5px 5px; } /* ============================================================*/ /* FORMULAIRE */ /* ============================================================*/ .formulaire { width:750px; text-align: left; padding : 30px; margin:auto; position:relative; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } .formulaire_tab { width:750px; text-align: left; padding : 30px; margin:auto; position:relative; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } .ligne-formulaire { margin-bottom:15px; margin-top:15px; vertical-align:middle; } legend { margin-left : -10px; } .valeur0 { position:absolute; left: 20px; height:22px; vertical-align:text-bottom; border: 1px solid black; } .valeur1 { position:absolute; left: 160px; vertical-align:middle; } .valeur2 { position:absolute; left: 350px; vertical-align:middle; } .valeur2long { position:absolute; left: 430px; vertical-align:middle; } .validation { margin-top:15px; } .img-bouton { vertical-align: text-bottom; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; } .bouton { border: 1px solid black; background-color: #EFEFEF; font-weight: bold; font-family:Verdana,Arial, Helvetica, sans-serif; font-style:normal; font-size:10px; } .case-formulaire { font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#F3F3F3; font-style:normal; font-size:12px; color: #000000; width: 200px; border: 1px groove #999999; margin-bottom: 0; } .case-formulaire-select{ font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#FFFFFF; font-style: normal; font-size:12px; color: #000000; width: 200px; border: 1px groove #999999; margin-bottom: 0; } .case-formulaire-select2{ font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#FFFFFF; font-style: normal; font-size:12px; color: #000000; width: 75px; border: 1px groove #999999; margin-bottom: 0; } .case-formulaire-select3{ font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#FFFFFF; font-style: normal; font-size:12px; color: #000000; width: 30px; border: 1px groove #999999; margin-bottom: 0; } .case-formulaire-noselect{ font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#F3F3F3; font-style: italic; font-size:12px; color: #999999; width: 200px; border: 1px groove #999999; margin-bottom: 0; } .case-formulaire-noselect1{ font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#F3F3F3; font-style:italic; font-size:10px; color: #999999; width: 250px; border: 1px groove #999999; margin-bottom: 0; } .case-formulaire-noselect2{ font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#F3F3F3; font-style:italic; font-size:10px; color: #999999; width: 75px; border: 1px groove #999999; margin-bottom: 0; } .case-formulaire-graph { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/textfield_bg.gif) no-repeat center; PADDING-BOTTOM: 3px; MARGIN: 3px; FONT: 12px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 0px solid; WIDTH: 187px; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px; vertical-align:middle; voice-family: inherit } .case-formulaire-graph-no-select { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/textfield_bg_gris.gif) no-repeat center; PADDING-BOTTOM: 3px; MARGIN: 3px; FONT: 12px Verdana, Arial, Helvetica, sans-serif; font-style:italic; BORDER-LEFT: #fff 0px solid; WIDTH: 187px; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px; vertical-align:middle; voice-family: inherit } .case-formulaire-graph-no-select80 { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/textfield_bg_gris80.gif) no-repeat center; PADDING-BOTTOM: 3px; MARGIN: 3px; FONT: 12px Verdana, Arial, Helvetica, sans-serif; font-style:italic; BORDER-LEFT: #fff 0px solid; WIDTH: 93px; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px; vertical-align:middle; voice-family: inherit } .case-formulaire-petit-graph { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/textfield_bg80.gif) no-repeat center ; PADDING-BOTTOM: 3px; MARGIN: 3px; FONT: 12px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 0px solid; WIDTH: 93px; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px; vertical-align:middle; voice-family: inherit; } .case-formulaire-petit-graph-num { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/textfield_bg80.gif) no-repeat center ; PADDING-BOTTOM: 3px; MARGIN: 3px; FONT: 12px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 0px solid; WIDTH: 93px; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px; vertical-align:middle; text-align:right; voice-family: inherit; } .case-formulaire-log { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/textfield_bg80.gif) no-repeat center ; PADDING-BOTTOM: 3px; MARGIN: 3px; FONT: 12px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 0px solid; WIDTH: 93px; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px; vertical-align:middle; voice-family: inherit; text-transform:uppercase; } .case-formulaire-tpetit-graph { BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; BACKGROUND: url(images/textfield_bgpetit.gif) no-repeat center ; FONT: 12px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 0px solid; WIDTH: 40px; COLOR: #000000; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px; vertical-align:middle; voice-family: inherit } .textarea-formulaire-graph { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 8px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/textarea_bg.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 3px; FONT: 12px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 0px solid; WIDTH: 190px; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 40px; voice-family: inherit } .liste { FONT: 1.0em Verdana, Arial, Helvetica, sans-serif; background-color:#F7F7F7; font-style:normal; font-size:10px; color: #000000; /*width: 150px;*/ border: 1px 0px #FF0000; margin-bottom: 0; vertical-align:middle; } .liste-courte { font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#ffffff; font-style:normal; font-size:10px; color: #000000; width: 70px; border: 1px 0px #FF0000; vertical-align:middle; } .texte-infos { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; } .texte-infos-gras { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } .texte-deconnexion { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #CB1400; } .texte-partie { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: large; color: #000000; } table,td { margin:auto; } .submit { BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; BACKGROUND: url(images/submit.gif) no-repeat; MARGIN: 3px; BORDER-LEFT: #fff 0px solid; WIDTH: 80px; COLOR: #000000; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px } .submit-grand { BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; BACKGROUND: url(images/submitgrand.gif) no-repeat; MARGIN: 3px; BORDER-LEFT: #fff 0px solid; WIDTH: 150px; COLOR: #000000; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 20px } /* ============================================================*/ /* CALENDRIER */ /* ============================================================*/ /* jours pour Netscape */ .NSday { font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px; color: #0000cc; text-decoration: none; } /* tableau des jours */ .Gtab { font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; border: solid 1px #000000; background: #237ab1; width: 152px; } /* champs texte */ .Gname { font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: none; cursor: pointer; } /* champs texte */ .Gtxt { font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 12px; color: #6c628a; text-decoration: none; margin-left: 0px; } /* en-tete semaine */ .Gh1, .Gh2, .Gh3, .Gh4, .Gh5 { width: 20px; height: 16px; font-size: 12px; background: #bedee1; border: solid 1px #bedee1; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: #6c628a; text-align: center; line-height: 16px; } .Gh0, .Gh6 { width: 20px; font-size: 12px; height: 16px; border: solid 1px #afc1c3; background: #afc1c3; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: #6c628a; text-align: center; line-height: 16px; } .Gfree { width: 20px; height: 16px; background: #bedee1; border: solid 1px #ffffff; font-family: Arial,Helvetica,sans-serif; font-weight: normal; padding: 0px; margin: 0px; color: #000000; text-align: center; cursor: pointer; line-height: 16px; } .Gfreeon { width: 20px; height: 16px; background: #bedee1; border: solid 1px #000000; font-family: Arial,Helvetica,sans-serif; font-weight: normal; padding: 0px; margin: 0px; color: #000000; text-align: center; cursor: pointer; line-height: 16px; } .Gc1, .Gc2, .Gc3, .Gc4, .Gc5 { width: 20px; height: 16px; background: #bedee1; border: solid 1px #bedee1; font-family: Arial,Helvetica,sans-serif; font-weight: normal; padding: 0px; margin: 0px; color: #000000; text-align: center; cursor: default; line-height: 16px; } .Gc1on, .Gc2on, .Gc3on, .Gc4on, .Gc5on { width: 20px; height: 16px; background: #6c628a; border: solid 1px #ffffff; font-family: Arial,Helvetica,sans-serif; font-weight: normal; padding: 0px; margin: 0px; color: #ffffff; text-align: center; cursor: pointer; line-height: 16px; } .Gc0, .Gc6 { width: 20px; height: 16px; border: solid 1px #afc1c3; background: #afc1c3; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px; margin: 0px; color: #000000; text-align: center; cursor: default; line-height: 16px; } .Gc0on, .Gc6on { width: 20px; height: 16px; border: solid 1px #ffffff; background: #0c628a; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px; margin: 0px; color: #ffffff; text-align: center; cursor: pointer; line-height: 16px; } .Gc { width: 20px; height: 16px; border: solid 1px #ffffff; background: #237ab1; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px; margin: 0px; color: #ffffff; text-align: center; cursor: default; line-height: 16px; } .Gcon { width: 20px; height: 16px; border: solid 1px #237ab1; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px; margin: 0px; color: #000000; text-align: center; cursor: pointer; line-height: 16px; }