==========================================================================================*/ .div-principal{ margin-left: auto; margin-right: auto; margin-top: 10px; background: url(../images/interface/bg-principal.gif) no-repeat; width: 768px; min-height: 552px; } .div-bandeau{ width: 752px; height: 120px; padding: 5px 8px 5px 8px; } .div-gauche{ width: 166px; min-height: 423px; float: left; margin: 0 0 0 1px; padding: 0 0 0 0; } *>.div-gauche{ width: 166px; !width: 168px; margin: 0 0 0 3px; padding: 0 0 0 0; } .div-menu{ /*background: url(../images/interface/logo-savoie-iso.gif) bottom right no-repeat;*/ width: 160px; /*160*/ min-height: 425px; float: left; margin: 0 0 0 2px; padding: 0 0 0 2px; } *>.div-menu{ margin: 0 0 0 4px; !margin: 0 0 0 4px; width: 160px; !width: 160px; } .div-logo-gauche{ background-color:#EBEDD3; width:161px; padding:0; margin-top:10px; margin-left:1px; } *>.div-logo-gauche{ width:167px; !width:168px; } .div-contenu{ background-color: #FFF; width: 580px; float: left; margin-left: 6px; margin-bottom: 5px; padding: 0 5px 4px 5px; } *>.div-contenu{ margin-left: 6px; !margin-left: 4px; } .div-footer{ background: url(../images/interface/bandeau-footer.jpg) bottom left no-repeat; width: 580px; text-align: center; color: #666666; padding: 0 0 15px 0; margin: 25px 0 0 0; } .div-actualites{ background-color: #f2f2f2; width: 569px; border-bottom: #4d4d4d 4px solid; margin: 28px 0 25px 5px; height: 139px; } .div-fille{ background: url(../images/interface/bg-div-fille.jpg) top right no-repeat; width: 570px; height: 120px; margin: 0 0 30px 5px; color: #333333; } .div-contenu-bleue{ width: 570px; min-height: 250px; margin: 0 0 0 5px; } .div-bleue{ width: 255px; height: 210px; background-color: #e9f8fe; padding: 10px; float: left; } .div-bleue-large{ width: 550px; background-color: #e9f8fe; padding: 10px; padding-left: 0px; margin-bottom: 7px; float: left; } .div-blanche-large{ width: 550px; padding: 10px; padding-left: 0px; float: left; } .div-liens-footer{ background-color:#FFFFFF; float:right; width:580px; margin-right:3px; margin-bottom:15px; padding:5px; text-align:center; } .div-liens-footer span{ display:block; margin-top:5px; } /*========================================================================================== ==========================================================================================*/ h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#009900; margin:0 0 7px 7px; text-transform:uppercase; } h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0089B6; margin:10px 0 7px 0; padding-left: 10px; } /*==========================================================================================

==========================================================================================*/ p{ margin: 0 0 10px 10px; } .p-div-actualites { margin: 10px 15px 10px 0; } .bleu-technolac{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0089B6; margin:0 0 7px 10px; } .vert{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#009900; margin:0; padding-bottom: 5px; } .vert-pointilles{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#009900; padding-bottom:3px; display:block; margin:0 0 10px 10px; border-bottom-color:#009900; border-bottom-style:dotted; border-bottom-width:2px; line-height:30px; vertical-align:top; text-decoration:none; } .vert-pointilles:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#009900; padding-bottom:3px; margin:0 0 5px 10px; border-bottom-color:#009900; border-bottom-style:dotted; border-bottom-width:2px; line-height:30px; vertical-align:top; text-decoration:none; } #navlist { list-style-image: url(../images/interface/fleche-clair.gif); margin-left:45px; } #navlist2 { list-style-image: url(../images/interface/fleche-fonce.gif); margin-left:25px; } .texte-10px-gris{ font-size:10px; color:#999999; } /*========================================================================================== ==========================================================================================*/ .img-border-left{ border: #000000 1px solid; margin: 10px; } /*========================================================================================== ==========================================================================================*/ span.span-titre-actualites { display: block; background-color: #4d4d4d; } .span-fleche-bleue{ display: block; color: #009ee0; background: url(../images/interface/picto-fleche-bleue.gif) left 4px no-repeat; margin: 0 0 0 10px; padding-left: 7px; } .span-liens{ display: block; color: #333333; font-weight: bold; margin: 28px 0 55px 0; } /*==========================================================================================

==========================================================================================*/ ul.ul-ss-menu-gauche { display: none; /*display: block;*/ } ul.ul-ss-menu-gauche-actif { display: block; } li.li-div-bleue{ list-style-type: none; background: url(../images/interface/picto-fleche-rouge-trans.gif) 0 3px no-repeat; margin-bottom: 11px; text-indent: 9px; } ul.ul-liens-annexes{ list-style-type: none; margin-top: 5px; /*margin-left:-5px; margin-right:-1px;*/ } *>ul.ul-liens-annexes{ list-style-type: none; margin-top: 5px; !margin-left:0px; !margin-right:0px; margin-left:-5px; margin-right:-1px; } /*========================================================================================== ==========================================================================================*/ a {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #509f33; font-weight: normal;} a:hover {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #509f33; font-weight: normal;} *> a:link {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #509f33; font-weight: normal;} *> a:visited {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #509f33; font-weight: normal;} *> a:hover {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #509f33; font-weight: normal;} a.a-bleu{text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #009ee0; font-weight: normal;} a.a-bleu:hover{text-decoration: none;} a.a-noir{text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal;} a.a-noir:hover{text-decoration: underline;} a.a-333333{text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal;} a.a-333333:hover{text-decoration: none;} a.a-menu-gauche{ display: block; height: 10px; width: 151px; background-color: #009ee0; border-bottom: #007eb3 1px solid; border-top: #40b6e8 1px solid; padding: 3px 0 8px 6px; text-decoration: none; text-transform: uppercase; color: #FFF; font-size: 10px; } a.a-menu-gauche:hover{ font-size: 10px; background-color: #66caf3; color: #FFF; text-decoration: none; } a.a-menu-gauche:link{ font-size: 10px; color: #FFF; text-decoration: none; } a.a-menu-gauche:visited{ font-size: 10px; color: #FFF; text-decoration: none; } a.a-menu-gauche-actif { display: block; height: 10px; background-color: #009ee0; border-bottom: #007eb3 1px solid; border-top: #40b6e8 1px solid; padding: 3px 0 8px 6px; text-decoration: none; text-transform: uppercase; color: #FFF; font-size: 10px; font-weight: bold; width: 151px; } a.a-ss-menu-gauche{ display: block; background-color: #66caf3; padding: 5px 0 5px 7px; text-decoration: none; color: #FFFFFF; font-size: 11px; width: 150px; } a.a-ss-menu-gauche:hover{ display: block; background-color: #66caf3; padding: 5px 0 5px 7px; text-decoration: none; color: #FFFFFF; font-size: 11px; background: #66caf3 url(../images/interface/picto-fleche-blanche.gif) 0 9px no-repeat; } a.a-ss-menu-gauche:visited{ text-decoration: none; color: #FFFFFF; } a.a-ss-menu-gauche:active{ text-decoration: none; color: #FFFFFF; } a.a-ss-menu-gauche-actif{ display: block; background-color: #66caf3; padding: 5px 0 5px 7px; text-decoration: none; color: #FFFFFF; font-size: 11px; background: #66caf3 url(../images/interface/picto-fleche-blanche.gif) 0 9px no-repeat; width: 150px; } a.a-savoir-plus-actualites{ position: absolute; margin-top: 124px; left: 50%; margin-left: 273px; background: #4d4d4d url(../images/interface/bg-span-savoir-plus.gif) 0 0 no-repeat; display: block; padding: 1px 10px 0 30px; color: #FFFFFF; font-weight: bold; text-decoration: none; } *>a.a-savoir-plus-actualites{ margin-left: 272px; !margin-left: 271px; } a.a-savoir-plus-actualites:hover{ position: absolute; margin-top: 124px; left: 50%; margin-left: 273px; background: #4d4d4d url(../images/interface/bg-span-savoir-plus.gif) 0 0 no-repeat; display: block; padding: 1px 10px 0 30px; color: #FFFFFF; font-weight: bold; text-decoration: underline; } *>a.a-savoir-plus-actualites:hover{ margin-left: 272px; !margin-left: 271px; } a.lien-9px-gris{ font-size:9px; color:#999999; text-decoration:underline; } a.lien-9px-gris:hover{ font-size:9px; color:#999999; text-decoration:none; } a.a-liens-annexes{ display: block; background: #FFFFFF url(../images/interface/picto-fleche-rouge.gif) 5px 10px no-repeat; border-bottom: #ebedd3 1px solid; padding: 6px 0 5px 15px; color: #333333; text-decoration: none; } a.a-liens-annexes:hover{ display: block; background: #FFFFFF url(../images/interface/picto-fleche-rouge.gif) 5px 10px no-repeat; border-bottom: #ebedd3 1px solid; padding: 6px 0 5px 15px; color: #333333; text-decoration: underline; } a.a-liens-annexes:link{ display: block; background: #FFFFFF url(../images/interface/picto-fleche-rouge.gif) 5px 10px no-repeat; border-bottom: #ebedd3 1px solid; padding: 6px 0 5px 15px; color: #333333; text-decoration: none; } a.a-liens-annexes:visited{ display: block; background: #FFFFFF url(../images/interface/picto-fleche-rouge.gif) 5px 10px no-repeat; border-bottom: #ebedd3 1px solid; padding: 6px 0 5px 15px; color: #333333; text-decoration: none; } /*========================================================================================== ==========================================================================================*/ input, option, select, textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#333333; background-color:#EAF8DB; border:#A0B0B8 1px solid; }