/* fichier: reset.css */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* fichier: copix.css */
.errorMessage {
border: 2px solid #a00;
margin: 5px;
}
.errorMessage h1 {
background: #792206 url(themes/espacepro2009/styles/../img/titre_rouge.gif) no-repeat top right;
color: #fff;
text-align: center;
font-size: 1em;
margin-top: 0;
}
.CopixTable,
.CopixVerticalTable {
width: 100%;
border: 1px solid #7ab800;
}
.CopixTable tr:hover,
.CopixVerticalTable tr:hover {
background-color: #fff0b2;
}
.nohover tr:hover {
background-color: transparent !important;
}
.CopixTable thead th,
.CopixVerticalTable thead th {
color: #093;
}
.CopixTable tbody th,
.CopixTable tbody td,
.CopixVerticalTable tbody th,
.CopixVerticalTable tbody td {
border-bottom: 1px solid #e4f1cc;
}
.CopixTable thead th.first,
.CopixVerticalTable thead th.first,
.CopixVerticalTable tbody th {
vertical-align: bottom;
text-align: center;
color: #fff;
background-color: #7ab800;
border-top: none;
}
.CopixVerticalTable thead th.first {
border-bottom-color: #fff;
}
.CopixTable tbody th,
.CopixVerticalTable tbody th {
text-align: center;
}
.CopixTable tbody th.right,
.CopixVerticalTable tbody th.right {
text-align: right;
}
.CopixVerticalTable tbody th {
border-right: 1px solid #7ab800;
}
.CopixTable ul {
margin-top: 0;
}
/** Mootools **/
.resizable {
padding-bottom: 24px;
padding-right: 20px;
background: url(themes/espacepro2009/styles/../img/modules/wiki/resize.png) no-repeat bottom right;
}
.moocolumn {
padding-right: 4px;
}
.moocolumn2 {
padding-left: 4px;
border-left: 1px dotted #AEAEAE;
}
/* CopixForms */
.copixforms_error {
color:red;
}
/* AutoCompleter */
div.autocompleter-loading {
float: left;
clear: right;
background: #fff url(themes/espacepro2009/styles/../img/spinner.gif) no-repeat center center;
width: 50px;
height: 16px;
}
ul.autocompleter-choices {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #eee;
background-color: #fff;
border-right-color: #ddd;
border-bottom-color: #ddd;
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
z-index: 50;
overflow: auto;
height: 150px;
}
ul.autocompleter-choices li {
position: relative;
padding: 0.1em 1.5em 0.1em 1em;
cursor: pointer;
font-weight: normal;
font-size: 1em;
}
ul.autocompleter-choices li.autocompleter-selected {
background-color: #444;
color: #fff;
}
ul.autocompleter-choices span.autocompleter-queried {
font-weight: bold;
}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
color: #9FCFFF;
}
/* Calendar (combine les styles des popupinformation et les couleurs des CopixTable)
HTML :
Calendrier
*/
.calContainer {
display: inline;
}
.calBackground {
padding: 10px;
width: auto;
height: auto;
position: absolute;
color: #000;
border: 1px solid #fc0 !important;
background: #ffe681 url(themes/espacepro2009/styles/../img/bg_tooltip.png) repeat-x left top !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 8px #666;
-moz-box-shadow: 2px 2px 8px #666;
box-shadow: 2px 2px 8px #666;
}
.calBackground:hover {
-webkit-box-shadow: 2px 2px 20px #666;
-moz-box-shadow: 2px 2px 20px #666;
box-shadow: 2px 2px 20px #666;
}
.calendar_title {
font-weight: bold;
color: #000;
padding: 5px 0 0 10px;
}
.calendar_closeButton {
cursor: pointer;
position: absolute;
top: 2px;
right: 5px;
font-weight: normal;
}
table.calendar {
font-family: Arial, Verdana, Helvetica, Sans-Serif;
margin: 0 10px 10px 10px;
}
.calendar th,
.calendar td {
text-align: center;
vertical-align: center;
padding: 5px 5px 5px 0;
}
.calendar_header {
font-weight: bold;
color: #093;
}
.calendar td.calendar_noday,
.calendar td.calendar_day,
.calendar td.calendar_today {
background: #ffe681;
border-top: 1px solid #fecc00;
padding: 0;
}
.calendar td.calendar_today a {
background: #fff0b2;
}
.calendar a {
cursor: pointer;
display: block;
width: 100%;
height: 100%;
padding: 5px 5px 5px 0;
text-align: center;
background: #ffcf0;
}
.calendar td.calendar_value,
.calendar a:hover,
.calendar td.calendar_today a:hover {
background-color: #e4f1cc;
color: #000;
font-style: bold;
}
/* Tag popupInformation : infobulles d'information
HTML :
[...]
*/
.popupInformation {
padding: 10px;
width: 15em;
cursor: help;
color: #000;
border: 1px solid #fc0;
background: #ffe681 url(themes/espacepro2009/styles/../img/bg_tooltip.png) repeat-x left top;
position: absolute;
}
/*****************COPIX WINDOW*************/
/*
@copixwindow fenetres pseudo modales javascript
Structure HTML :
Titre de la fenetre
*/
/**************************************************/
.copixwindow {
background: #fff;
border: 1px solid #ccc;
padding-bottom: 5px;
position: absolute;
text-align: left;
font-family: Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
font-size: 12px;
line-height: 1.5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 8px #666;
-moz-box-shadow: 2px 2px 8px #666;
box-shadow: 2px 2px 8px #666;
}
.copixwindow_title {
background: #0f9b32 url(themes/espacepro2009/styles/../img/bg_nav_sprite.png) repeat-x left top;
color: #fff;
padding: 3px 5px;
font-weight: bold;
cursor: move;
border-bottom: 1px solid #ccc;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.copixwindow_title img {
cursor: pointer;
}
.copixwindow_content {
padding: 3px;
overflow: auto;
}
.copixwindow:hover {
-webkit-box-shadow: 2px 2px 20px #666;
-moz-box-shadow: 2px 2px 20px #666;
box-shadow: 2px 2px 20px #666;
}
.unfocus {
opacity: 0.65;
border-color: #bebebe;
color: #999;
}
.unfocus .copixwindow_title {
color: #ddd;
}
.copixwindow_content .CopixTable,
.copixwindow_content .CopixVerticalTable {
width: auto !important;
}
.unfocus thead th {
background: #cf844d;
}
/* @telechargement
Images pour telechargement
*/
.pdf, .ps, .PDF,
.exe, .bin, .bat, .cmd, .db, .EXE,
.doc, .docx, .ocx, .odt, .rtf, .txt,
.xls, .xlsx, .lsx, .ods, .csv, .tsv,
.ppt, .pps, .pptx, .ppsx, .ptx, .psx, .odp,
.jpg, .jpeg, .peg, .gif, .png, .mng, .tiff, .iff, .bmp,
.swf, .fla,
.avi, .wmv, .wma,
.mov, .mpg, .mpeg,
.zip, .tar, .gz, .bz {
background-repeat: no-repeat;
background-position: left top;
padding-left: 48px;
height: auto !important;
height: 48px;
min-height: 48px;
}
.pdf, .ps , .PDF{
background-image: url(themes/espacepro2009/styles/../img/cms/type_pdf.gif);
}
.exe, .bin, .bat, .cmd, .db, .EXE {
background-image: url(themes/espacepro2009/styles/../img/cms/type_exe.gif);
}
.doc, .docx, .ocx, .odt, .rtf, .txt {
background-image: url(themes/espacepro2009/styles/../img/cms/type_doc.gif);
}
.xls, .xlsx, .lsx, .ods, .csv, .tsv {
background-image: url(themes/espacepro2009/styles/../img/cms/type_xls.gif);
}
.ppt, .pps, .pptx, .ppsx, .ptx, .psx, .odp {
background-image: url(themes/espacepro2009/styles/../img/cms/type_ppt.gif);
}
.jpg, .jpeg, .peg, .gif, .png, .mng, .tiff, .iff, .bmp {
background-image: url(themes/espacepro2009/styles/../img/cms/type_jpg.gif);
}
.swf, .fla {
background-image: url(themes/espacepro2009/styles/../img/cms/type_swf.gif);
}
.avi, .wmv, .wma {
background-image: url(themes/espacepro2009/styles/../img/cms/type_avi.gif);
}
.mov, .mpg, .mpeg {
background-image: url(themes/espacepro2009/styles/../img/cms/type_mov.gif);
}
.zip, .tar, .gz, .bz {
background-image: url(themes/espacepro2009/styles/../img/cms/type_zip.gif);
}
ul.documents {
margin: 0;
list-style: none none;
}
.documents li {
background-position: left top;
padding-top: 10px;
margin-bottom: 1em;
list-style: none none;
margin: 0;
}
.documents div {
background-position: right bottom;
padding: 0 1em;
}
.documents li .content {
display: block;
}
.documents a:link,
.documents a:visited {
text-decoration: none;
width: 100%;
display: block;
padding-bottom: 10px;
}
.documents a:active,
.documents a:focus,
.documents a:hover {
text-decoration: underline;
}
.documents a * {
cursor: pointer;
}
.cursor{
cursor:pointer;
}
/* Pour que les images flottantes du CMS ne soient pas collees au texte */
p.imgcenter img {
padding: 0 1em;
}
/* fichier: tables.css */
table {
border-collapse: separate;
}
table.large {
width: 100%;
}
.ie6 table,
.ie7 table {
border-collapse: collapse;
}
.CopixTable img,
.CopixVerticalTable img {
vertical-align: baseline;
}
tr.group {
background-color: #fff0b2;
}
tbody tr.alternate {
background: #fffcf0;
}
th {
font-weight: bold;
vertical-align: top;
}
th,
td {
padding: 5px;
}
th.left,
td.left {
text-align: left !important;
}
th.right,
td.right,
th.numeric,
td.numeric {
text-align: right;
}
td.negative {
color: #e10000;
}
td.positive {
color: #009933;
}
th.highlight,
td.highlight {
font-weight: bold;
background: #fff0b2;
}
thead th {
color: #666;
background: #e4f1cc;
border-top: 1px solid #fff;
border-bottom: 1px solid #fecc00;
}
tr.total th,
tr.total td {
color: #333;
font-size: 1.083em;
}
/* Tableaux non styles */
.structure {
border: none;
}
.structure tr.alternate,
.structure tr:hover {
background: none;
}
.structure th,
.structure td {
padding: 0;
}
.structure thead th {
background: none;
border: none;
}
/* Tableaux verticaux */
table.vertical {
border: 2px solid #d0e0e2;
}
table.vertical tbody th {
text-align: right;
border-right: 1px solid #d0e0e2;
}
/* Tableau specifique Offre sante */
table.typologie {
border: none;
}
table.typologie thead th {
border-top: 3px solid #7ab800;
}
table.typologie tbody.last td,
table.typologie tbody.last th.produit {
border-bottom: 3px solid #7ab800;
}
table.typologie thead th,
table.typologie tbody th.first {
color: #000;
padding: 10px;
border-bottom: 2px solid #fff;
}
table.typologie thead td.first {
background: #fff;
border-top: none;
}
table.typologie thead th,
table.typologie tbody.alternate {
background: #fff7d9;
}
table.typologie tbody.odd {
background: #f1f1c3;
}
table.typologie tr.first th,
table.typologie tr.first td {
border-top: 1px solid #7ab800;
}
table.typologie tbody.odd th.first {
background: #f1f8e5;
}
table.typologie tbody th.produit,
table.typologie tbody td {
border-bottom: 2px solid #fff;
}
table.typologie tbody th.produit {
padding: 5px 10px;
}
table.typologie a.standalone {
color: #093;
}
table.typologie a,
table a.fillcell {
display: block;
width: 100%;
}
/* Tableau de bord */
.tableaudebord tbody {
background: #ffffc3 url(themes/espacepro2009/styles/../img/bg_form_tab.png) repeat-x left top;
}
.tableaudebord thead th,
.tableaudebord thead img {
vertical-align: bottom;
}
.tableaudebord thead th.first {
text-align: left;
}
.tableaudebord thead th.last {
text-align: right;
}
.tableaudebord tbody th,
.tableaudebord tbody td {
border: 0 solid #7ab800;
}
.tableaudebord tr.first th {
padding: 20px 0 0 15px;
border-width: 1px 0 0 1px;
}
.tableaudebord tr.last th {
padding: 0 0 20px 15px;
border-width: 0 0 1px 1px;
}
.tableaudebord tr.first td {
padding: 20px 25px 0 15px;
border-width: 1px 1px 0 0;
}
.tableaudebord tr.last td {
padding: 0 25px 20px 15px;
border-width: 0 1px 1px 0;
}
.tableaudebord a:link,
.tableaudebord a:visited {
color: #156570;
}
/* Tableau tarificateur sante */
.tarificateur th,
.tarificateur td {
font-weight: normal;
padding: 5px;
}
.tarificateur thead th {
color: #093;
vertical-align: bottom;
}
.tarificateur tbody th {
text-align: right;
}
/* Tableau telechargement de documentation */
.telechargement_doc a.toggler {
margin: 4px 0 0 0;
background: url(themes/espacepro2009/styles/../img/picto_plus.png) no-repeat left top;
}
.telechargement_doc a.toggler-open {
margin: 4px 0 0 0;
background: url(themes/espacepro2009/styles/../img/picto_moins.png) no-repeat left top;
}
.telechargement_doc table {
border-top-width: 0;
}
.telechargement_doc table.first {
border-top-width: 1px;
}
.telechargement_doc thead th {
border-bottom: none;
}
.telechargement_doc tr.group th,
.telechargement_doc tr.group td {
text-align: left;
border: none;
border-top: 1px solid #fecc00;
}
.telechargement_doc tbody th.first,
.telechargement_doc tbody td.first {
text-align: center;
padding-right: 0;
}
.telechargement_doc tbody th.quantite {
font-weight: normal;
width: 5em;
}
.telechargement_doc label {
display: block; /* Pour que la ligne entiere soit cliquable */
}
.telechargement_doc td label {
padding-left: 10px;
background: url(themes/espacepro2009/styles/../img/bg_arrow.png) no-repeat left 0.4em;
}
/* fichier: typography.css */
table {
font-size: inherit;
font: 100%;
}
pre,
code,
kbd,
samp,
tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}
body {
color: #666;
font: 75%/1.5 Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
vertical-align: baseline;
}
legend {
color: #666;
}
h1, .h1 {font-size: 1.666em; line-height: 1.4; margin: .5em 0; color: #7ab800; }
h2, .h2 {font-size: 1.166em; line-height: 1.3; margin: .5em 0; font-weight: bold; }
h3, .h3 {font-size: 1.000em; line-height: 1.2; margin: .5em 0; color: #7ab800; font-weight: bold; }
h4, .h4 {font-size: 1.000em; line-height: 1.2; margin: .5em 0; font-weight: bold; }
h5, .h5 {font-size: 1.000em; line-height: 1.2; margin: .5em 0; color: #7ab800; }
h6, .h6 {font-size: 1.000em; line-height: 1.0; margin: .5em 0; font-style: italic; }
p { line-height: 1.4; margin: 1.1em 0;}
ul, ol { margin: 1.1em 0; }
li ul, li ol { margin-top: 0.1em; margin-bottom: 0.1em; }
#logo,
#logoAlptis {
font-size: 1.666em;
}
.nav,
.header .top,
.column .top {
font-size: 1.083em;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.topbar,
.column .content {
font-size: .917em;
font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}
p.small {
font-size: .833em;
}
/* fichier: layout.css */
/* 950px centre dans la page. 10 colonnes de 75px + 20 pixels de gouttiere droite. */
.container {
width: 950px;
margin: 0 auto 2em;
}
/* appliquer cette classe pour voir comment les blocs s'alignent avec la grille sous-jacente */
.showgrid {
background: url(themes/espacepro2009/styles/../img/grid.png) repeat left top;
}
/* cree un "block formatting context", qui va prendre la place restante entre les colonnes (flottantes)
http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/
*/
body,
.main {
overflow: auto;
_overflow: visible;
_zoom: 1;
}
.ie8 .main {
overflow: hidden;
}
.container:after,
.box:after,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.container,
.box,
.clearfix {
display: block;
}
.hide {
display: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.floatRight {
float: right;
}
.structure {
margin: 0;
}
.structure ul {
margin: 0 0 1em 1em;
}
.ie6 .structure ul,
.ie7 .structure ul {
margin: 0 0 0.5em 1em;
}
.structure li {
margin: 0;
list-style: none none;
}
.horizontal li {
display: inline;
float: left;
}
.horizontal li a,
.horizontal li.separator {
display: block;
float: left;
}
.inline li {
display: inline;
}
.ie .linklist li {
height: 1%; /* corrige le visible whitespace bug sur ie6 */
}
.linklist a {
display: block;
line-height: 1.2;
margin: 0.5em 2px;
padding-left: 10px;
background: url(themes/espacepro2009/styles/../img/bg_arrow.png) no-repeat left .3em;
}
.ie6 .linklist a,
.ie7 .linklist a {
margin: 0.2em 0 0.2em 2px;
}
.column .linklist a {
background-image: url(themes/espacepro2009/styles/../img/bg_arrow_sprite.png);
}
.linklist a.current {
font-weight: bold;
}
li.separator {
height: 0;
font-size: 1px; /* indispensable pour IE, sinon la ligne fait 20px de haut */
overflow: hidden;
margin: 0 -5px;
border-bottom: 1px solid #ccc;
}
.ie li.separator {
display: block;
}
li.separator hr {
display: none;
}
.column,
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10 {
float: left;
margin-right: 20px;
}
.prepend-right { margin-right: 20px; }
.span-1 { width: 75px; }
.span-2 { width: 170px; }
.span-3 { width: 265px; }
.span-4 { width: 360px; }
.span-5 { width: 455px; }
.span-6 { width: 550px; }
.span-7 { width: 645px; }
.span-8 { width: 740px; }
.span-9 { width: 835px; }
.span-10 { width: 930px; }
.span-10,
.last { margin-right: 0 !important; clear: right; }
.clear {
clear: both;
}
.prepend-1 { margin-left: 75px; }
.prepend-2 { margin-left: 170px; }
.prepend-3 { margin-left: 265px; }
.prepend-4 { margin-left: 360px; }
.prepend-5 { margin-left: 455px; }
.prepend-6 { margin-left: 550px; }
.prepend-7 { margin-left: 645px; }
.prepend-8 { margin-left: 740px; }
.prepend-9 { margin-left: 835px; }
.prepend-top { margin-top: 1.1em; }
.prepend-bottom { margin-bottom: 1.1em; }
/* ======== Columns. leftCol, rightCol "extend" column */
.leftCol,
.rightCol {
width: 170px;
}
.rightCol {
float: right;
margin-left: 20px;
}
.ie6 .column {
margin-right: 17px;
}
.ie6 .rightCol {
margin-right: 10px;
margin-left: 17px;
}
/* Colborder remplace les 20px de margin-right pour afficher une bordure verticale d'1px entre padding et margin */
.colborder {
padding-right: 5px;
margin-right: 15px;
background: url(themes/espacepro2009/styles/../img/bg_content_column_separator.png) repeat-y right top;
}
.ie6 .colborder {
margin-right: 11px;
}
.breadcrumb a:link,
.breadcrumb a:visited {
color: #666;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
color: #093;
}
img.left {
float: left;
display: block;
margin: 0 1em 1em 0;
}
img.right {
display: block;
float: right;
margin: 0 0 1em 1em;
}
img.center {
display: block;
float: none;
clear: both;
margin: 0 auto;
}
/* Classe mal nommee ajoutee par l'editeur Wiki/Wysiwyg, l'image doit flotter dans le texte */
.imgcenter img.center {
display: inline;
margin: 0;
}
/* ====== box ====== */
.box {
position: relative;
height: 1%;
margin-bottom: 20px;
}
.box .top {
padding: 0 25px 0 10px;
height: auto !important;
height: 23px;
min-height: 23px;
position: relative;
}
.box .top strong {
display: block;
padding-top: 2px;
}
.box .content {
padding: 5px 5px 5px 10px;
}
.box h2,
.box .h2 {
padding-right: 40px;
}
/* La classe "picto" permet de positionner en haut à droite. Surcharger l'image pour inclure le visuel.
* Si c'est un lien, donner la classe "picto" au lien et utiliser une image.
* Pour simplifier le positionnement de l'image, decouper à partir du coin supérieur droit.
*/
.box .picto {
display: block;
width: 50px;
height: 50px;
position: absolute;
right: 0;
top: 0;
background: transparent none no-repeat right top;
}
.box .documentation {
background-image: url(themes/espacepro2009/styles/../img/picto_documentation_content.png);
}
.box .prospection {
background-image: url(themes/espacepro2009/styles/../img/picto_prospection_content.png);
}
.box .tarification {
background-image: url(themes/espacepro2009/styles/../img/picto_tarification_content.png);
}
.box .recherche {
background-image: url(themes/espacepro2009/styles/../img/picto_recherche_content.png);
}
a.toggler,
a.toggler-open {
display: block;
text-indent: -9999px;
overflow: hidden;
float: left;
margin: 3px 5px 0 -7px;
width: 17px;
height: 16px;
background: url(themes/espacepro2009/styles/../img/bg_arrow_sprite.png) no-repeat -850px 0px;
}
a.toggler-open {
background-position: -1020px 0;
}
.ie6 a.toggler,
.ie6 a.toggler-open {
margin-left: -4px;
}
#monEspace a.toggler {
background-position: -501px 4px;
}
#monEspace a.toggler-open {
background-position: -675px 4px;
}
#tarification a.toggler {
background-position: -501px 5px;
}
#tarification a.toggler-open {
background-position: -675px 5px;
}
/* standout extends box */
.standout,
.main .standout {
border: 2px solid;
margin: 13px 23px 1em 0;
background: #fff repeat-x left bottom;
}
.standout .picto {
top: -13px;
right: -22px;
}
.ie6 .standout .picto {
right: -23px;
}
.standout .content {
border: 2px solid #fff;
}
/* ====== Tooltips ==== */
.layout {
position: relative;
height: 1%;
}
.tooltip {
position: absolute;
right: -14em;
top: -15px;
display: none;
padding: 10px;
width: 15em;
cursor: help;
color: #000;
border: 1px solid #fc0;
background: #ffe681 url(themes/espacepro2009/styles/../img/bg_tooltip.png) repeat-x left top;
z-index:1;
}
a:focus .tooltip,
a:hover .tooltip {
display: block;
color: #000;
text-decoration: none!important;
}
.notie .tooltip .arrow {
position: absolute;
left: -8px;
top: 10px;
display: block;
width: 8px;
height: 15px;
background: url(themes/espacepro2009/styles/../img/bg_tooltip_arrow.png) no-repeat left top;
}
/* ====== header ====== */
.header {
position: relative;
padding: 0 210px 0 190px;
height: 1%;
background: #fff url(themes/espacepro2009/styles/../img/bg_page.png) no-repeat center top;
}
.topbar {
color: #156570;
margin: 0 auto 1em;
background: #f4f9ee url(themes/espacepro2009/styles/../img/bg_topbar.png) repeat-y left bottom;
}
.topbar .content {
padding: 9px;
}
#logo,
#logoAlptis {
position: absolute;
color: #068835;
}
#logo {
left: -15px;
top: 40px;
}
#logoAlptis {
right: 40px;
top: 28px;
}
#slogan {
float: left;
width: 200px;
font-size: 1.166em;
color: #029933;
}
.header form {
margin: 3em 0 1em 275px;
clear: right;
text-align: right;
}
/* ====== Footer ====== */
.footer {
clear: both;
margin: 2em auto 0;
padding: 10px 120px 0;
background: url(themes/espacepro2009/styles/../img//bg_footer.png) no-repeat center top;
}
/* fichier: forms.css */
label,
button {
cursor: pointer;
}
button {
vertical-align: baseline;
}
label:hover {
color: #000;
-webkit-text-shadow: 2px 2px #e4f1cc;
-moz-text-shadow: 2px 2px #e4f1cc;
text-shadow: 2px 2px #e4f1cc;
}
input,
textarea,
select {
vertical-align: middle;
}
input.image {
vertical-align: middle;
}
abbr.instruction {
color: #e10000;
}
/* boutons contenant une image */
button.img {
margin: 0;
padding: 0;
background: none;
border: none;
vertical-align: middle;
}
.success {
color: #7ab800;
border-color: #7ab800;
}
.warning {
color: #156570;
border-color: #156570;
}
.error {
color: #e10000;
border-color: #e10000;
margin-bottom: 5px;
}
input.text,
.surveyText,
textarea,
select {
border: 1px solid #a5acb2;
background: #ecf3f4;
color: #4f4f4f;
}
textarea,
select {
overflow: auto;
}
.ie6 input.text,
.ie6 select,
.ie6 textarea {
background: #fff;
}
.numeric {
text-align: right;
}
.ie input.numeric {
padding-right: 2px;
}
textarea.large {
width: 100% !important;
min-height: 5em;
}
input.success,
textarea.success,
select.success {
background: #fff;
color: #4f4f4f;
border-color: #7ab800;
}
input.error,
textarea.error,
select.error {
background: #fff;
color: #e10000;
border-color: #e10000;
}
input.warning,
textarea.warning,
select.warning {
border-color: #156570;
color: #156570;
background: #fff;
}
input.text:hover,
input.text:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
border-color: #e5b917;
color: #4f4f4f;
background: #fff;
-webkit-box-shadow: 2px 2px #e4f1cc;
-moz-box-shadow: 2px 2px #e4f1cc;
box-shadow: 2px 2px #e4f1cc;
}
/* Organisation des formulaires
1. form.toplabel => les labels sont au-dessus des champs
2. form.rightlabel => les labels sont dans la colonne gauche, alignes à droite
3. form.leftlabel => les labels sont dans la colonne gauche, alignes à gauche
Pour les groupes d'options (radio, checkbox), les entourer par un