body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
padding: 0;
margin: 0;
background-color: #FC0;
width: 680px;
}
div, h1, h2, h3, h4, h5, h6, p, ul, li {
margin: 0;
padding: 0;
list-style: none
}
h1, h2, h3 {
font-size: 11px;
}
img {
border: none;
margin-bottom: -3px;
_margin-bottom: 0;
}
a, a:link, a:visited, a:hover {
text-decoration: none;
color: #215082;
white-space: nowrap;
cursor: pointer !important;
/* POUR IE 5.5 */
_cursor: hand !important;
}
a.dis, a.dis:link, a.dis:visited, a.dis:hover {
color: #999 !important;
cursor: default !important;
}
a.disAndSelected, a.disAndSelected:link, a.disAndSelected:visited, a.disAndSelected:hover {
font-weight: bold;
cursor:default;
}
.trait {
margin: 0;
padding: 0;
vertical-align: middle;
float: left;
position: relative;
clear: both;
}
.tooltip {
text-align: center;
font-size: 10px;
line-height: 10px;
background-color: #FFF;
padding: 3px 3px;
z-index: 1000000;
position: absolute;
display: inline;
visibility: hidden;
border: 1px solid #000;
white-space: nowrap;
}
#manips .trait {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
#affichage .trait {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
/* boutons */
.buttons {
padding: 0 !important;
line-height: 14px;
line-height/**/:/**/13px;
text-align: right;
background-color: #daeaf1;
position: absolute;
bottom: 0;
_bottom: -1px;
left: 0;
width: 100%;
}
.buttons a.action {
color: White;
text-transform: uppercase;
padding: 0 12px 0 25px;
background/**/: #215082 url(../../img/flech_white.gif) center left no-repeat;
background-color: #215082;
font-size: 11px;
margin: 0;
}
.buttons a.action:hover {
text-decoration: none;
}
/* boites */
.boites {
border: 1px solid #98C3DA;
clear: both;
background-color: #EEE;
}
.boites div {
padding: 10px;
}
.boites div div {
padding: 0;
}
.aplat {
overflow: auto;
height: 107px;
}
.aplat strong {
float: right;
width: 45%;
}
.tit_boites {
font-weight: bold;
font-size: 12px;
background: #E5F0F6 url(../../img/fd_titboite.gif) top left repeat-x;
padding: 5px 10px;
}
.tit_boites .aide, p.aide {
float: right;
margin-top: -3px;
position: relative;
}
/* formulaires */
form, fieldset {
margin: 0;
padding: 0;
border: 0px solid white;
}
label, .label {
cursor: pointer;
}
input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1A7AAC;
background-color: White;
margin: 3px 0;
padding: 1px 2px;
vertical-align: middle;
}
select {
padding: 0;
}
input.button {
margin: 0;
padding: 0;
margin-left: 4px;
}
input:focus, select:focus, textarea:focus {
background-color: #daeaf1;
}
input.inputtext, textarea.inputtext {
border: 1px solid #7F9DB9;
}
input.radio, input.radio:focus {
background-color: transparent;
margin: 0;
padding: 0;
}
input.court, select.court, textarea.court {
width: 38px;
}
input.moyen, select.moyen, textarea.moyen {
width: 80px;
}
input.moyenlong, select.moyenlong, textarea.moyenlong {
width: 150px;
}
input.long, select.long, textarea.long {
width: 230px;
}
.oblig {
float: right;
font-size: 10px;
line-height: 24px;
margin-right: -20px;
_margin-right: 5px;
}
.erreur {
color: Red;
}
input.erreur {
border: 1px solid red;
}
span.erreur {
display: block;
}
/* footer */
#fermer {
margin: 5px 0;
text-align: center;
}
#fermer a {
padding-right: 20px;
background: transparent url(../../img/carto/picto_fermer.gif) top right no-repeat;
font-size: 11px;
color: #333;
}
#footer {
text-align: center;
font-size: 10px;
color: #666;
padding: 5px 0;
border-bottom: 1px solid #666;
clear: both;
}
/* �l�ments de la carte */
.full #conteneur_carte #liens_carte_full {
display: block;
}
#conteneur_carte #liens_carte_full {
float: right;
margin: 2px 5px 0 5px;
display: none;
}
#conteneur_carte #liens_carte_full li {
display: inline;
}
.full #conteneur_carte #liens_carte {
display: none;
}
#conteneur_carte #liens_carte {
float: right;
margin: 2px 5px 0 5px;
display: block;
}
#conteneur_carte #liens_carte li {
display: inline;
}
#conteneur_carte h2, .onglets_tools h2 {
background: #ECECEC url(../../img/carto/bg_titcarte.gif) top left repeat-x;
line-height: 11px;
}
#conteneur_carte h2 span, .onglets_tools h2 span {
background: transparent url(../../img/carto/bg_titcarte_g.gif) top left no-repeat;
display: block;
}
#conteneur_carte h2 span span, .onglets_tools h2 span span {
background: transparent url(../../img/carto/bg_titcarte_d.gif) top right no-repeat;
padding: 4px 10px;
}
.onglets_tools h2 span span {
padding: 4px 3px;
}
#conteneur_carte #carte {
border: 1px solid #999;
border-bottom: none;
background-color: White;
position: absolute;
left: 0;
top: 19px;
}
#conteneur_carte #carte p {
padding: 2px 10px 3px 15px;
background-color: #EEE;
color: #999;
border-bottom: 1px solid #999;
text-align: center;
}
#conteneur_carte #carte #infos_carte span#num_feuille {
float: left;
text-align: left;
}
#conteneur_carte #carte #infos_carte span#projection {
float: right;
text-align: right;
margin-right: 15px;
}
#conteneur_carte #carte #infos_carte span#coords {
float: right;
text-align: right;
}
#conteneur_carte #carte #instruct {
color: #1A7AAC;
padding-left: 15px;
background: #EEE url(../../img/carto/puce_instruc.gif) center left no-repeat;
text-align: left;
}
.full #carte #instruct {
display: none;
}
#carte_img {
_margin-bottom: -3px;
}
/* zone de saisie du texte sur carte */
#conteneur_carte #carte p#zone_saisie {
z-index: 99999999;
padding: 0;
background-color: transparent;
border: none;
display: none;
position: absolute;
top: 10px;
left: 10px;
/*opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);*/
}
#conteneur_carte #carte p#zone_saisie input {
color: Black !important;
/*opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;*/
}
#conteneur_carte #carte p#zone_saisie a {
/*opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;*/
}
/* fleches & coins */
#carte_img {
position: relative;
height: 345px;
width: 484px;
}
.full #carte_img {
height: 485px;
width: 678px;
}
#fleches li, img.chargement_carte {
position: absolute;
z-index: 1000;
}
img.chargement_carte {
top: 50%;
left: 50%;
margin-top: -11px;
margin-left: -11px;
}
#nd img, #ndo img, #nde img {
position: absolute;
top: 0px;
}
#sud img, #sudo img, #sude img {
position: absolute;
bottom: 3px;
_bottom: -1px;
}
#ndo img, #sudo img {
position: absolute;
left: 0px;
}
#nde img, #sude img {
position: absolute;
right: 0px;
}
#ndo, #nd, #nde {
top: 0;
}
#sudo, #sud, #sude {
bottom: 0;
}
#ndo, #sudo, #ouest {
left: 0;
}
#nde, #sude, #est {
right: 0;
}
#nd, #sud {
left: 50%;
margin-left: -10px;
}
#ouest, #est {
top: 50%;
margin-top: -7px;
}
/* outils */
.onglets_tools {
min-height: 19px;
_height: 19px;
}
.onglets_tools li {
float: left;
}
.onglets_tools a {
color: #999 !important;
}
.onglets_tools a.on, .onglets_tools a:hover {
color: #333 !important;
}
.full #outils {
display: none;
}
#outils h3 {
background: transparent url(../../img/carto/puce_plus.gif) center right no-repeat;
padding: 3px 0;
margin: 0;
cursor: pointer;
float: left;
clear: both;
width: 100%;
}
#outils h3 a {
color: #333;
float: left;
}
#outils h3.on, #outils h3:hover {
background-image: url(../../img/carto/puce_moins.gif);
}
#outils h3.on a, #outils h3 a:hover {
color: #1A7AAC;
}
#simples, #advanced {
clear: both;
border: 1px solid #999;
border-top: none;
background-color: #EEE;
padding: 0 4px;
width: 170px;
width/**/:/**/160px;
overflow/**/:hidden;
}
.outils {
border-top: 1px solid #CCC;
margin: 0;
padding-bottom: 4px;
clear: both;
display: none;
min-height: 0;
height: auto;
_height: 1%;
}
.outils img {
vertical-align: middle;
cursor: pointer;
}
.outils a {
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #CCC;
height: 22px;
}
.outils a, .outils span {
padding-top: 4px;
padding-bottom: 4px;
display: block;
float: left;
position: relative;
vertical-align: middle;
cursor: default;
}
#tools_advanced_legendes a {
border-bottom:1px solid #CCCCCC;
padding:5px 0;
height:25px;
width:79px;
white-space:normal;
text-align:center;
}
#tools_advanced_legendes a.bottom {
border-bottom:none;
}
#tools_simples_legendes a {
border-bottom:1px solid #CCCCCC;
padding:5px 0;
height:25px;
width:79px;
white-space:normal;
text-align:center;
}
#tools_simples_legendes a.bottom {
border-bottom:none;
}
#tools_advanced_dessin a, #tools_dessin a {
padding: 4px 7px;
}
#tools_mesure a {
padding: 4px 11px;
}
.outils a.last {
border-right: none;
padding-right: 0 !important;
}
/* manips _ bloc haut-gauche */
#manips {
border: 1px solid #999;
background-color: #EEE;
padding: 4px;
margin-bottom: 5px;
}
#manips #mini_carte {
border: 1px solid #999;
height: 112px;
position: relative;
}
#manips #mini_carte img {
_margin-bottom: -3px;
}
#zoom {
height: 25px;
}
#zoom #curseur_tooltip {
border: 1px solid #999;
background-color: #EEE;
top: -18px;
}
#zoom #curseur {
position: absolute;
height: 8px;
_top: 3px;
}
#zoom #curseur img {
vertical-align: middle;
}
#zoom #moins {
float: left;
}
#zoom #suivant {
position: relative;
left: 86px;
}
#zoom #plus {
float: right;
}
#zoom #curseur_box {
display: block;
position: absolute;
top: 0;
left: 37px;
margin: 0;
padding: 0;
background: url(../../img/carto/zoom_curseur_pas.gif) top left no-repeat;
height: 25px;
width: 86px;
}
#zoom, #tools, #manips ul, #affichage ul {
clear: both;
position: relative;
}
#tools a, #zoom a {
float: left;
}
#tools a {
cursor: default;
}
#tools img {
cursor: pointer;
}
#manips ul {
margin: 5px 0 0 0;
}
/* affichage */
#affichage {
border: 1px solid #999;
background-color: #EEE;
padding: 4px;
margin-top: 5px;
margin-bottom: 5px;
}
#screens {
clear: both;
position: relative;
}
#screens a {
float: left;
}
#screens a {
cursor: default;
}
#screens img {
cursor: pointer;
}
#
.full #affichage {
display: none;
}
/* Mise en page */
#conteneur_carte, #all_tools, #infos_texte, #bas_page {
position: absolute;
}
#conteneur_carte {
top: 10px;
left: 190px;
width: 486px;
}
.full #conteneur_carte {
top: 0;
left: 0;
width: 680px;
z-index: 100;
}
#all_tools {
top: 50px;
left: 10px;
width:170px;
z-index:100;
}
#infos_texte {
top: 425px;
left: 190px;
width: 484px;
height: 165px;
}
#infos_texte > div > p {
margin-bottom: 11px;
}
.full #infos_texte {
display: none;
}
#bas_page {
top: 600px;
left: 0;
width: 680px;
}
.full #bas_page {
top: 530px;
}
.tableDetailInvi {
padding: 0px;
margin: 0px;
width: 100%;
border: 0px;
}
/* Légendes */
a.legende {
width: 150px;
display: block;
float: left;
}
.legende_entete {
font-style: italic;
text-decoration:underline;
height: 20px;
width: 100%;
border: solid 1px #CCCCCC;
}
.legende_entete span {
height: 100%;
}
.legende_ligne {
clear:both;
}
.legende_colonne1 {
width: 250px;
float: left;
padding-left:5px;
}
.legende_colonne2 {
width: 200px;
border-left: solid 1px #CCCCCC;
float: left;
}
.legende_contenu {
overflow: auto;
height: 75px;
width: 100%;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
}
.legende_contenu .legende_colonne1 {
padding-bottom: 15px;
text-align:justify;
}
.legende_contenu .legende_colonne2 {
padding-bottom: 15px;
padding-left: 50px;
text-align: left;
}
/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */