==========================================================================================*/ .div-principal{ margin-left: auto; margin-right: auto; margin-top: 10px; width: 946px; height: 769px; } .div-menu-gauche { background: url(../images/interface/bg-div-menu-gauche.gif) top left no-repeat; padding: 0 2px 5px 3px; float: left; width: 161px; } .div-menu-gauche-contenu{ background-color: #FFFFFF; padding: 5px 5px 5px 5px; } .div-bg-centre { background: url(../images/interface/bg-div-contenu-top.gif) top left no-repeat; width: 606px; float: left; padding: 0 2px 5px 3px; } .div-bg-interne { background: url(../images/interface/bg-div-contenu-interne.gif) top left no-repeat; width: 774px; float: left; padding: 0 2px 5px 3px; } .div-contenu { float: left; width: 606px; background-color: #FFF; margin: 0 0 0 0; /*IE6*/ padding: 0 0 20px 0; } *>.div-contenu { margin: 0 0 5px 0; /*FF*/ !margin: 0 0 0 0; /*IE7*/ } .div-contenu-interne { float: left; width: 774px; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 20px 0; } *>.div-contenu-interne { margin: 0 0 5px 0; /*FF*/ !margin: 0 0 0 0; /*IE7*/ } .div-contenu-top { height: 485px; background-color: #FFF; padding: 0 11px 0 15px; margin-top: 15px; } *>.div-contenu-top { min-height: 487px; height: auto; background-color: #FFF; padding: 15px 11px 0 15px; } .div-contenu-footer { background-color: #FFF; height: 76px; padding-top: 15px; text-align: center; margin-top: 0px; clear: both; } .div-contenu-footer-uk { background-color: #FFF; min-height: 122px; padding-top: 10px; padding-bottom: 10px; text-align: center; clear: both; margin-top: 5px; } .div-menu-droite { background: url(../images/interface/bg-div-menu-droite.gif) top left no-repeat; padding: 0 2px 5px 3px; float: left; width: 130px; height: 632px; } *>.div-menu-droite { background: #FFFFFF url(../images/interface/bg-div-menu-droite.gif) top left no-repeat; padding: 0 2px 5px 3px; float: left; width: 163px; height: 632px; } .div-menu-droite-contenu{ background-color: #FFFFFF; padding: 0 5px 10px 5px; } /*====== encarts ====== */ .div-newsletter { display: block; background-color: #c3cf2a; padding: 6px 5px 5px 5px; margin: 6px 0 0 0; text-transform: uppercase; font-size: 10px; } .div-newsletter-interne { display: block; background-color: #c3cf2a; padding: 3px 5px 3px 5px; margin: 1px 0 0 0; text-transform: uppercase; font-size: 10px; width: 153px; margin-left: 606px; } *>.div-newsletter-interne { display: block; background-color: #c3cf2a; padding: 5px 5px 5px 5px; !padding: 3px 5px 3px 5px; margin: 5px 0 0 0; !margin: 1px 0 0 0; text-transform: uppercase; font-size: 10px; width: 153px; margin-left: 606px; } .div-actualites{ background-color: #f2f2f2; width: 376px; border-bottom: #4d4d4d 4px solid; float: left; margin-top: 6px; height: 180px; font-size: 11px; } .div-agenda{ background-color: #f2f2f2; width: 178px; border-bottom: #4d4d4d 4px solid; float: left; margin-left: 20px; margin-top: 6px; height: 180px; overflow: hidden; font-size: 11px; } .div-focus{ width: 178px; float: left; margin: 15px 20px 0 0; font-size: 11px; } .div-plus-informations{ background: #e9f8fe url(../images/interface/bg-div-informations.gif) repeat-y; padding: 13px 20px 13px 0; } .div-vert-clair{ background-color: #e8eda9; padding: 10px; } /*========================================================================================== ==========================================================================================*/ img.img-logo{ margin: 0 0 0 0; /*IE6*/ } *>img.img-logo{ margin: 0 0 3px 0; /*FF*/ !margin: 0 0 0 0; /*IE7*/ } img.img-banniere{ margin: 5px 0 0 5px; /*IE6*/ } *>img.img-banniere{ margin: 5px 0 0 5px; /*FF*/ !margin: 5px 0 0 5px; /*IE7*/ display: block; } img.img-logo-deficients{ margin: 5px 0 0 5px; } .div-contenu-footer img{ margin-left: 50px; } .div-contenu-footer-uk img{ margin-left: 15px; } .div-menu-droite-contenu img{ margin-top: 5px; } img.img-border-bleu{ border: 1px solid #0884a2; } img.img-border-bleu-right{ border: 1px solid #0884a2; padding: 0 0 0 0; margin: 0 0 0 10px; } img.img-border-bleu-left{ border: 1px solid #0884a2; padding: 0 0 0 0; margin: 0 10px 0 0; } /*==========================================================================================

==========================================================================================/ h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 14px; color: #333333; text-align: left; text-transform: uppercase; background: url(../images/interface/picto-fleche-rouge-trans.gif) 0 5px no-repeat; padding-left: 9px; } /==========================================================================================

==========================================================================================/ ul.ul-ss-menu-gauche { display: none; } ul.ul-ss-menu-gauche-actif { display: block; } ul.ul-liens-annexes{ list-style-type: none; margin-top: 5px; } ul.ul-div-accueil-top{ padding: 0 6px 5px 10px; } li.li-div-accueil{ list-style-type: none; background: url(../images/interface/picto-fleche-rouge-trans.gif) 0 3px no-repeat; margin-top: 11px; text-indent: 9px; } ul.ul-div-accueil-bottom{ display: block; width: 162px; height: 153px; /background-color: #ebedd3;/ background-color: #e9f8fe; padding: 0 8px 10px 8px; /border: #d6d8b9 1px solid;/ border-top: #FFFFFF 1px solid; height: 187px; } li.li-div-plus-informations{ list-style-type: none; background: url(../images/interface/picto-fleche-rouge-trans.gif) 0 3px no-repeat; margin-top: 11px; text-indent: 9px; } /========================================================================================== ==========================================================================================/ span.span-fleche-bleue { padding: 12px 0 5px 22px; display: block; font-style: italic; font-size: 9px; color: #009ee0; text-transform: uppercase; background: #FFFFFF url(../images/interface/picto-fleche-bleue.gif) 5px 12px no-repeat; } span.span-titre-actualites { display: block; background-color: #4d4d4d; } span.span-titre-focus { display: block; background-color: #009ee0; width: 178px; height: 20px; border-bottom: #FFFFFF 1px solid; } span.span-div-plus-informations{ background: url(../images/interface/bg-span-div-informations.gif) top left no-repeat; display: block; text-transform: uppercase; color: #00a6eb; font-weight: bold; padding-left: 20px; margin: 0; } span.span-td-breves{ background-color: #C4CF29; color: #FFFFFF; font-weight: bold; font-size: 12px; display: block; height: 33px; padding: 7px 0 0 20px; } span.span-block-bleu{ background-color: #009ee0; color: #FFFFFF; font-weight: bold; font-size: 11px; display: block; min-height: 33px; padding: 7px; } span.span-block-bleu .lnkBlancSimple { color:#fff; } /==========================================================================================
==========================================================================================/ p{ margin: 0 0 10px 0; } p.p-flag { text-align: left; padding: 0; margin: 11px 0 0 0; } p.p-intro{ margin: 0 0 9px 0; } p.p-block-bleu{ background-color:#e9f8fe; padding:10px; color:#000000; text-align:justify; } /========================================================================================== ==========================================================================================/ a {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal;} > a:link {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal;} > a:visited {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal;} > a:hover {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal;} a.a-menu-gauche{ 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; } 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; } a.a-ss-menu-gauche{ display: block; background-color: #66caf3; padding: 5px 0 5px 7px; text-decoration: none; color: #FFFFFF; font-size: 11px; } 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:link{ 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; } a.a-liens-annexes{ display: block; background: #FFFFFF url(../images/interface/picto-fleche-rouge.gif) 0 10px no-repeat; border-bottom: #ebedd3 1px solid; padding: 6px 0 5px 10px; color: #333333; text-decoration: none; } a.a-liens-annexes:hover{ display: block; background: #FFFFFF url(../images/interface/picto-fleche-rouge.gif) 0 10px no-repeat; border-bottom: #ebedd3 1px solid; padding: 6px 0 5px 10px; color: #333333; text-decoration: underline; } a.a-liens-annexes:link{ display: block; background: #FFFFFF url(../images/interface/picto-fleche-rouge.gif) 0 10px no-repeat; border-bottom: #ebedd3 1px solid; padding: 6px 0 5px 10px; color: #333333; text-decoration: none; } a.a-liens-annexes:visited{ display: block; background: #FFFFFF url(../images/interface/picto-fleche-rouge.gif) 0 10px no-repeat; border-bottom: #ebedd3 1px solid; padding: 6px 0 5px 10px; color: #333333; text-decoration: none; } a.a-lire-suite{ display: block; background: url(../images/interface/picto-carre-rouge.gif) 0 9px no-repeat; padding: 6px 0 5px 10px; color: #e60029; font-weight: bold; text-decoration: underline; } a.a-lire-suite:hover{ text-decoration: none; } a.a-savoir-plus-actualites{ position: absolute; margin-top: 165px; left: 50%; margin-left: -12px; 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; font-size: 11px; text-decoration: none; } >a.a-savoir-plus-actualites{ margin-left: -12px; !margin-left: -13px; font-size: 11px; } a.a-savoir-plus-actualites:hover{ text-decoration:underline; font-size: 11px; } a.a-savoir-plus-technopolitains{ position: absolute; margin-top: 165px; left: 50%; margin-left: 185px; width: 60px; 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; font-size: 11px; text-decoration: none; } >a.a-savoir-plus-technopolitains{ margin-left: 185px; !margin-left: 184px; font-size: 11px; } a.a-savoir-plus-technopolitains:hover{ text-decoration:underline; font-size: 11px; } /**/a.a-savoir-plus-agenda{ position: absolute; margin-top: 171px; left: 50%; margin-left: 185px; width: 60px; 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; font-size: 11px; text-decoration: none; } *>a.a-savoir-plus-agenda{ margin-left: 185px; !margin-left: 184px; font-size: 11px; } a.a-savoir-plus-agenda:hover{ text-decoration:underline; font-size: 11px; } /**/ /== UK ==/ a.a-more-news{ position: absolute; margin-top: 165px; left: 50%; margin-left: -18px; 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-more-news{ margin-left: -18px; !margin-left: -19px; } a.a-more-news:hover{ text-decoration:underline; } a.a-more-press{ position: absolute; margin-top: 171px; left: 50%; margin-left: 180px; background: #4d4d4d url(../images/interface/bg-span-savoir-plus.gif) 0 0 no-repeat; display: block; width: 65px; padding: 1px 10px 0 30px; color: #FFFFFF; font-weight: bold; text-decoration: none; } >a.a-more-press{ margin-left: 180px; !margin-left: 179px; } a.a-more-press:hover{ text-decoration:underline; } /========================================================================================== ==========================================================================================/ table.table-collapse{ border-collapse: collapse; margin-top: 20px; } td.td-border{ border: 1px solid #666666; text-align: center; } /========================================================================================== ==========================================================================================/ select { width: 150px; font-size: 9px; } input { margin: 6px 0 0 0; font-size: 9px; } input.input-newsletter { margin: 0 0 0 0; font-size: 9px; } /========================================================================================== STYLE GLOBAL DE LA PAGE HTM from technolac.css ==========================================================================================/ //////MENU///// .main{ background-color: #00A0C6; height: 17px; vertical-align: middle; text-align: left; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; } .main-newsletter{ background-color: #00A0C6; height: 17px; vertical-align: middle; text-align: left; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; } .li-arrow{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 14px; color: #000000; font-weight: normal; text-align: left; padding-left: 25px; margin-left:0; list-style-image:none; list-style:none; background: url("../images/arrow.gif") top left no-repeat; } .li2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: normal; color: #0884A2; list-style-type:none; list-style: url("../images/puce_bleu.gif"); background-repeat:no-repeat; background-position:0% 65%; padding-left:0px; text-align: left; margin-left:30px; margin-bottom:2px; } .bluemenu { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #00A0C6; vertical-align: bottom; text-align: left; } .bluegros { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #044366; } .bleuclairgros { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #01AEF0; } .rougegros { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FF0000; padding:20px 0 0 10px; } .blue { background-image: url("../images/dotline_horizontal.gif"); height: 22px; vertical-align: bottom; text-align: left; } .videos_mois{ background-color: #00A0C6; color:#FFFFFF; background-image:url(../images/communication/fond_video_mois.gif); background-position:top left; background-repeat:no-repeat; } .videos{ background-color: #00A0C6; color:#FFFFFF; background-image:url(../images/communication/fond_video.gif); background-position:top left; background-repeat:no-repeat; } .image-border{ border:1px solid #FFFFFF; } .image-border-left{ border:1px solid #FFFFFF; padding:0 10px 0 0; margin:0 10px 0 0; } .image-border-right{ border:1px solid #FFFFFF; padding:0 0 0 10px; margin:0 0 0 10px; } ////// TEXTES DE LA PAGE ////// .h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: bold; line-height: 14px; color: #333333; text-align: left; } .h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #FF0033; text-align: left; } .h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; text-align: left; } .h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 14px; color: #FF0033; text-align: left; } .h5 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: bold; color: #333333; text-align: left; margin:15px 0 5px 0; display:block; } .h6 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: bold; color: #666666; text-align: left; } p.legende{ padding:0; margin:0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #0884A2; } .bluetext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: normal; color: #0884A2; text-align: justify; } .bluetext-bold { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: bold; color: #0884A2; text-align: left } .champ_contact { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: left } .texte-gris { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: normal; color: #666666; text-align: left } .texte-legende { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #666666; display:block; } .texte-gris-bold { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: bold; color: #666666; text-align: left } .black-text { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: normal; color: #000000; text-align: justify } .black-text-bold { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: bold; color: #000000; text-align: justify } .redtext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF0033; } .bluetext-agenda { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: normal; color: #0884A2; text-align: left } .bluetext-bold-agenda { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; /font-size: 11px;/ font-weight: bold; color: #0884A2; text-align: left } .black-text-meteo { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: left } .black-text-bold-meteo { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: left } .numero_carte{ background-color: #FF1E39; height: 14px; width: 14px; vertical-align: middle; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; } .numero_carte_bleu{ background-color: #00A0C6; height: 14px; width: 14px; vertical-align: middle; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; } ////// LIENS DE LA PAGE ////// .lien-bleu:link {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0884A2; font-weight: normal;} .lien-bleu:visited {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0884A2; font-weight: normal;} .lien-bleu:hover { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0884A2; font-weight: normal;} .lien-rouge:link { text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF0033; } .lien-rouge:visited { text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF0033; } .lien-rouge:hover { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF0033; } .redtext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF0033; } .dynamique a{text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0884A2; font-weight: normal;} .dynamique a:visited {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0884A2; font-weight: normal;} .dynamique a:hover { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0884A2; font-weight: normal;} .lien-carte:link { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FF1E39; font-weight: normal;} .lien-carte:visited { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FF1E39; font-weight: normal;} .lien-carte:hover { text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FF1E39; font-weight: normal;} .lien-carte-bleu:link {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #00A0C6; font-weight: normal;} .lien-carte-bleu:visited {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #00A0C6; font-weight: normal;} .lien-carte-bleu:hover { text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #00A0C6; font-weight: normal;} .lien-noir:link { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal;} .lien-noir:visited {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; } .lien-noir:hover {text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal;} .lien-gris {text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: normal; } .lien-gris:link {text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: normal; } .lien-gris:visited {text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: normal; } .lien-gris:hover {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: normal;} .menuresto {text-decoration: underline; font-size: 13px; color: #044366; font-weight: bold; } .menuresto:link {text-decoration: underline; font-size: 13px; color: #044366; font-weight: bold;} .menuresto:visited {text-decoration: underline; font-size: 13px; color: #044366; font-weight: bold; } .menuresto:hover {text-decoration: underline; font-size: 13px; color: #044366; font-weight: bold;} .menurestoencours {text-decoration: none; font-size: 13px; color: #FC001A; font-weight: bold; } .lien-retour:link { text-decoration: none; background-color: #00A0C6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: normal;} .lien-retour:visited {text-decoration: none; background-color: #00A0C6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;font-weight: normal;} .lien-retour:hover {text-decoration: none; background-color: #00A0C6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: normal;} .lien-menu-principal:link{text-decoration: none; background-color: #00A0C6; height: 17px; vertical-align: middle; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; } .lien-menu-principal:visited{text-decoration: none; background-color: #00A0C6; height: 17px; vertical-align: middle; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; } .lien-menu-principal:hover{text-decoration: none; background-color: #00A0C6; height: 17px; vertical-align: middle; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; } ////// Cadres, bordures et fonds ////// .fond-generale{ background-image: url("../images/fond_generale.gif"); background: repeat-y; } .fond-barre-bleu{ background-image: url("../images/barre_bleu_bas.gif"); background: repeat-x; } .fond-barre-bleu-droite{ background-image: url("../images/barre_bleu_droite.gif"); background: no-repeat; right: auto; } .fond-pointille-gauche{ background-image: url("../images/dotline_gauche.gif"); background: repeat-y; } .fond-pointille-droite{ background-image: url("../images/dotline_droite.gif"); background: repeat-y; } .actu, focus { background-color: #CCCCCC; border: #999999 1px solid; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #333333; } .agenda { background-color: #FFFFFF; border: #999999 1px solid; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #333333; } .bordures-images{ border: #000000 1px solid; } .bordure-noir{ border: #000000 1px solid; } a.bluelink { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #00A0C6; text-decoration:none; } a.petit-lien-gris {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: normal; letter-spacing:0em; } a.petit-lien-gris:link {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: normal; letter-spacing:0em; } a.petit-lien-gris:visited {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: normal; letter-spacing:0em; } a.petit-lien-gris:hover {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: normal; letter-spacing:0em; } /* PAGE EMPLOI / span.span-gras-rouge { color:#FF0000; font-weight:bold; } span.span-gras-rouge a { color:#FF0000; font-weight:bold; text-decoration:underline; } span.span-gras-rouge a:hover { color:#FF0000; font-weight:bold; text-decoration:none; } .contenu_0 { background-color:#FFFFFF; clear:both; padding:10px; margin:15px 0 0 0; min-height:120px; } .contenu_1 { background-color:#dfeff4; clear:both; padding:10px; margin:15px 0 0 0; min-height:120px; height:auto; } .contenu_image { width:20%; float:left; text-align:center; padding-top:15px; height:100%; } .contenu_description { float:left; width:80%; padding-top:15px; } .contenu_image_0_labase { width:130px; float:right; text-align:center; padding-top:15px; height:100%; } .contenu_description_0_labase { float:left; width:325px; padding-top:15px; } .contenu_image_1_labase { width:130px; float:left; text-align:center; padding-top:15px; height:100%; } .contenu_description_1_labase { float:right; width:325px; padding-top:15px; } .include_contenu_principal { width:100%; padding-top:10px; } .include_image_principale { width:30%; padding-top:10px; float:left; text-align:center; } span.clear_both { display:block; clear:both; } span.include_titre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 14px; color: #333333; text-align: left; background: url(../images/interface/picto-fleche-rouge-trans.gif) 0 5px no-repeat; padding-left: 9px; display:block; } span.include_legende { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #666666; } .image_content { border:solid; border-width:1px; border-color:#0884a2 } / fete de la science / .div-grise-science{ background-color:#a39e9a; padding:10px; margin-top:10px; margin-left:10px; color:#FFFFFF; } .div-grise-science h2{ padding:0; margin:0; font-size:15px; color:#FFFFFF; } .div-grise-science a{ color:#FFFFFF; } .div-contour-bleu{ border:#0884A2 1px solid; height:80px; padding:10px; margin-bottom:15px; } .span-titre-noir{ color:#000000; font-size:16px; font-weight:bold; margin-top:10px; display:block; height:35px; background:url(../technopole/evenements/fete-sciences-2008/img-separateur.gif) bottom left no-repeat; } .span-titre-rouge{ font-size:14px; color:#E60028; font-weight:bold; display:block; text-align:center; margin-top:45px; } .club-ecolac { margin-bottom: 5px; } img.logo-partenaires { border: 1px dashed #00A0C6; float: left; margin-bottom: 10px; } p.description-partenaires { text-align: justify; margin-left: 120px; padding-right: 10px; } / plans d'acces / p.p-footer-acces{ text-align:center; margin-top:30px; font-size:10px; } td.td-right-acces{ padding-top:30px; } / VIE TECHNOPOLE : gestion des déchets */ .table-dechets-recycles{ border-collapse: collapse; margin: 15px 0 15px 0; color: #000000; } .table-dechets-recycles td{ border: 1px solid #000000; padding: 2px; } .table-dechets-recycles .tr-1 { background-color: #95b3d7; } .table-dechets-recycles .tr-2 { background-color: #538ed5; } .table-dechets-recycles .tr-3 { background-color: #ffff00; } .table-dechets-recycles .tr-4 { background-color: #92d050; } .table-dechets-recycles .tr-5 { background-color: #dbeef3; } .table-dechets-recycles .tr-6 { background-color: #b6dde8; } .div-block-bleu-dechets{ background-color: #e9f8fe; padding: 10px; color :#31849b; text-align: justify; border: #31849b double; text-align:left; } .div-block-jaune-dechets{ background-color: #ffecb2; padding: 10px; color :#e77e25; text-align: justify; border: #e77e25 double; text-align:left; } .div-block-vert-dechets{ background-color: #def1ca; padding: 10px; color :#9fc278; text-align: justify; border: #9fc278 double; text-align:left; }