html, body {padding: 0; margin: 0; height: 100%; width: 100%;} div# { padding: 0px; margin: 0px;} body { font-size: 85%; font-family: "Arial"; background-color: #fff; background-color: transparent;} img { border: 0;} form { display:inline; padding: 0px; margin: 0px;} #frame_main { position: relative; width: 1000px; height: auto; float: left; padding-bottom: 100px; background: transparent url(./images/fondMenu.gif) repeat-y 0 0;} #bandeau_top { position: relative; float: left; width: 1000px; height: 158px; background: transparent url(./images/bandeau_top_2.gif) no-repeat 0 0;} #bandeau_top #menu_langues {position: absolute; right: 10px; top: 10px; width: 100px; height: auto; text-align: right;} #bandeau_top #menu_langues img { margin: 1px; border: solid 1px #ccc;} #bandeau_top #menu_langues img:hover {border: solid 1px #fff;} #bandeau_top #menu_langues a {text-decoration: none;} #bandeau_top #deconnexion { position: absolute; top: 48px; right: 10px; } #bandeau_top #deconnexion a {color: #222; font-weight: bold; text-decoration: none; font-size: 0.8em; font-variant: small-caps;} #bandeau_top #deconnexion a:hover {color: orange;} #bandeau_top #titre_page {position: absolute; top: 90px; left: 190px; } #bandeau_top #titre_page h1 { font-size:16pt; color:#620066} #bandeau_top #logo {position: absolute; top: 10px; left: 10px;} #menu_principal {position: relative; float: left; width: 150px; height: 400px; z-index:3; padding-left: 10px;} #menu_principal h1 {position: relative; float: left; clear: both; margin-top:10px; margin-bottom:0px; font-size: 1.2em; color: #333333; background-color:#E1E1E1; border-left:4px solid #FF9900; border-top:1px solid #CCCCCC; border-bottom:3px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:3px; width:130px} #menu_principal h1 a {text-decoration: none; color: #343434;} #menu_principal h1 a:hover {color: orange; text-decoration: none;} #menu_principal ul {position: relative; float: left; clear: both; list-style: none; padding:10px; margin-left: 0px; margin-top: 0px; margin-bottom: 5px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-color:#F9F9F9; width:119px } #menu_principal ul li a {color: #000; text-decoration: none;} #menu_principal ul li a:hover {color: orange; text-decoration: none;} #pied {position: relative; float: left; width: 800px; height: auto; padding-top: 28px; padding-left: 200px; background: transparent url(./images/pied.gif) no-repeat 0 0; margin-bottom: 60px; text-align: center;} #pied p {width: 600px; font-size: 0.9em; color: #222; font-style:italic;} #pied a {color: orange; text-decoration: underline;} #pied a:hover {text-decoration: none; color: orange;} #lienCDR {position: relative; clear: both; width: 100%; text-align: center; color: #444;} #lienCDR a {color: orange; text-decoration: underline;} #lienCDR a:hover {color: #444;} #corps_principal {width: 1000px; position: relative; float: left; } #corps {position: relative; float: left; clear: none; padding-left: 30px; padding-top: 20px; width: 810px; min-height: 400px; height: auto !important; height: 400px; z-index: 1; } p {clear:both; float:left; position:relative; margin-top: 10px; margin-bottom: 10px; width: 100%;} p.intro {margin-top: 20px; margin-bottom: 20px; font-style: italic;} p.choix_ouvert {clear: both; position: relative; float: left; color: #333; font-weight: bold; width: 800px; background-color: #f2f2f2; padding: 5px; border-bottom: solid 1px #ccc;} p.introBis {clear: both; position: relative; float: left; color: #666; font-style: italic; } h2 {position: relative; float: left; clear: both; padding: 5px 0px 5px 5px; background-color:#F2F2F2; margin-top: 10px; margin-bottom: 10px; font-size:13pt; color:#333333; border-bottom:solid 1px #CCCCCC; width: 805px;} h3 {position: relative; float: left; clear: both; color: orange; margin-bottom: 15px; margin-top: 15px; } table {position: relative; float: left; clear: both; } #menu_semaine_mois { color: #444; font-weight: bold;} /*** Commercial ***/ #responsable_commercial {position: absolute; bottom: 3px; right: 10px; color: #444;} #responsable_commercial a {text-decoration: none; font-weight: bold; color: #6699ff;} #responsable_commercial a:hover {color: #333;} /*** Formulaires ***/ #erreur {position: relative; float: left; text-align: center; color: red; margin-top: 20px; margin-bottom: 20px; width: 700px;} #form_id {float:left; padding-left: 150px; position: relative; height: 100px; width: 390px; clear:both; margin-top: 80px;text-align: center;} #form_id fieldset {border: solid 1px orange; padding: 15px;} #form_id legend {padding: 5px; color: orange; font-weight: bold;} #form_id p {position:relative; float: left; clear: both; margin-top: 1px; margin-bottom: 1px; width: 100%; text-align: right; } #form_id p.submit {width: 100%; text-align: right;} form#formComment label {position: relative; float: left; width: 150px; font-weight: bold; text-align: right; padding-right: 30px;} form#formComment label.error { font-size: 0.8em; font-style: italic; color: red; width: 300px; margin: 0;} form#formComment label.error { margin-left: 270px; } /*** Formulaire edition operateur ***/ .boutonOpSupprimer {position: relative; float: left; width: 100%; text-align: right;} /*** Page d'accueil ***/ #rubriques {position: relative; float: left; width: 840px; text-align: center; margin-top: 80px; background-color: transparent; font-family: Verdana; color: #444;} #rubriques img {position: absolute; top: 0; right: 5px; z-index: 0;} #rubriques #rub_statistiques, #rubriques #rub_parametrage {position: relative; float: left; width: 350px; height: 200px; text-align: left; font-size: 0.9em; color: #333; background-color: transparent; margin-left: 15px; margin-right: 15px;} #rubriques .rub_top {font-size: 20pt; padding-left: 15px; padding-top: 10px; color: #fff; font-weight: bold; vertical-align: middle; } #rub_statistiques .rub_top {position: relative; float:left; width: 355px; height:40px; background: transparent url(images/box-stats-header.gif) no-repeat 0 0;} #rub_statistiques .rub_body {padding-left: 10px; padding-right: 10px;position: relative; float:left; width: 335px; height: 170px; background: transparent url(images/box-stats-body.gif) repeat-y 0 0; } #rub_statistiques .rub_bottom {position: relative; float:left; width: 355px; height:34px; background: transparent url(images/box-stats-bottom.gif) no-repeat 0 0;} #rub_parametrage .rub_top {position: relative; float:left; width: 355px; height:40px; background: transparent url(images/box-params-header.gif) no-repeat 0 0;} #rub_parametrage .rub_body {padding-left: 10px; padding-right: 10px;position: relative; float:left; width: 335px; height: 170px; background: transparent url(images/box-params-body.gif) repeat-y 0 0; } #rub_parametrage .rub_bottom {position: relative; float:left; width: 355px; height:34px; background: transparent url(images/box-params-bottom.gif) no-repeat 0 0;} #rubriques p {width: 170px; font-weight: bold; color: #444;} #rubriques ul {position: relative; float: left; clear: both; list-style: none; margin-top: 10px; margin-bottom: 10px; background-color: transparent; padding-left: 10px; margin-left: 0px;} #rubriques #rub_statistiques ul li {padding-left: 20px; background: transparent url(images/box-stats-arrow.gif) no-repeat 0 2px;} #rubriques #rub_parametrage ul li {padding-left: 20px; background: transparent url(images/box-params-arrow.gif) no-repeat 0 2px;} #rubriques #rub_statistiques ul li a {color: orange; text-decoration: underline; font-weight: bold;} #rubriques #rub_parametrage ul li a {color:purple;} #rubriques ul li a:hover {color: #444; text-decoration: none;} #rubriques #rub_parametrage ul li a:hover {color: #444; text-decoration: none;} div.inner { margin: 0; padding: 10px; border:0; zoom:1; z-index: 1;} div.outer { float: left; margin: 15px; background: orange; padding: 8px;} #menu_semaine_mois {position: relative; float: left; margin-top: 10px; margin-bottom: 10px; width: 100%;} #menu_semaine_mois ul {list-style: none;} #menu_semaine_mois a {color: orange; text-decoration: underline;} #menu_semaine_mois a:hover {color: #444; text-decoration: none;} #menu_periode {position: relative; float: left; clear: both; padding: 5px 0px 5px 5px; background-color:#F2F2F2; margin-top: 30px; margin-bottom: 30px; font-size:13pt; color:#333333; border-bottom:solid 1px #CCCCCC; width: 805px; font-weight: bold;} #lienunique {margin-bottom: 40px;} #lienunique a {color: #444; text-decoration: underline;} #lienunique a:hover {color: orange;} /*** Moniteur ***/ #lienuniqueMoniteur {position: relative; float: left; width: 100%; text-align: left; height: 50px;} #lienuniqueMoniteur #activationOperateur {position: absolute; top: 0; right: 0;} table.etatoperateur {display: inline; margin-right: 20px; margin-left: 200px;} table.etatoperateur td {background-color: #efefef; color: #444; padding: 3px; padding-left: 6px; padding-right: 6px; font-weight: bold; border-top: solid 2px #ccc; border-left: solid 2px #ccc; cursor: pointer;} table.etatoperateur td.nonselect { background-color: #eee; color: #000; padding: 3px; padding-left: 6px; padding-right: 6px; font-weight: bold; border-bottom: solid 2px #ccc; border-right: solid 2px #ccc; border-top: none; border-left: none;} table.etatoperateur tr td.dispo {background-color: #ddd; color: #000; font-weight: bold; padding: 3px;} form.uneligne {position: relative; float: left; padding: 5px 0px 5px 5px; background-color:#F2F2F2; margin-top: 10px; margin-bottom: 10px; font-size:13pt; color:#333333; border-bottom:solid 1px #CCCCCC; width: 805px;} form.uneligne label {font-weight: bold; margin-right: 20px;} form.uneligne input {margin-right: 20px;} /************************* SDAs ********************/ div.ligneSDA1 {padding: 5px 0px 5px 0px; position: relative; float: left; width: 100%; clear: both; background-color:transparent; border-bottom:1px solid #CCCCCC} div.ligneSDA1 form label {position: relative; float: left; width: 180px; margin-left:5px; font-weight: bold;} div.ligneSDA1 .boutons, div.ligneSDA2 .boutons {position: absolute; top: 5px; right: 0; background-color: transparent;} div.ligneSDA1 .boutons input, div.ligneSDA2 .boutons input {margin-left: 5px; margin-right: 5px;} div.ligneSDA2 {padding: 5px 0px 5px 0px; position: relative; float: left; width: 100%; clear: both; background-color: #F7F7F7; border-bottom:1px solid #CCCCCC} div.ligneSDA2 form label {position: relative; float: left; width: 180px; margin-left:5px; font-weight: bold;} /** Stats Operateur **/ #labelStatOp {position: relative; float: left;} #selectStatOp {position: relative; float: left; margin-left: 20px;} /** Conditions avec periode de validite **/ #conditionPeriodeValidite {position: relative; float: left; clear: both; width: 810px;}