WebSVN – Sites.tela-botanica.org – /trunk/sites/commun/generique/styles/commun.css

/* STYLE COMMUN */ /* Définition des polices exotiques */
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
  Pour windows, elle est remplacée par la police Helveticaneue2 */
@font-face {
        font-family:Helveticaneue;
        src:url('/commun/polices/helvetica_light.ttf');
}
@font-face {
        font-family:Helveticaneue2;
        src:url('/commun/polices/helvetica_light.eot');
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Redéfinition des styles par défaut des balises */
body {
        margin:0;
        padding:0;
        font-family:arial;
        font-weight:normal;
        font-size:12px;
        color:#222222;
}
img, form, td, div, a, h1, h2 {
        padding:0;
        border:0;
        text-decoration:none;
}
form, li, td, div, a {
        margin:0;
}
ul{
        margin:15px 0;
}
h1, h2, h3, h4 {
        font-weight:bold;
        letter-spacing:0;
}
h1 {
        padding:0 0 0 25px;
        margin:20px 0 10px 0;
        font-size:15px;
        text-transform:uppercase;
        color:#fd8c13;
}
h2 {
        margin:20px 0 12px 0;
        font-size:15px;
        color:#FD8C13;
}
h3 {
        margin:20px 0 12px;
        font-size:14px;
        color:#454341;
}
h4 {
        margin:2px 2px 2px 0;
        font-size:11px;
        font-weight:normal;
        color:#AAAAAA;
}
h1 a, h2 a, h3 a, h4 a {
        color:inherit;
        border-bottom: dotted 1px;
}
h3 a {
        border-color:#CCCCCC;
}
p {
        font-size:12px;
        line-height:18px;
        text-align:justify;
}
strong, b {
        font-weight:bold;       
}
hr {
        border:0;
        border-bottom:1px dotted #C2C0AD;
}
/* Prï¿½sentation des listes de définitions */
dl {
        width:100%;
}
dt {
        float:left;
        font-weight:bold;
        text-align:top left;
        margin-right:0.3em;
}
dt:after {      /* Remplace la classe ajout_2points  */
        content:" :";
}
dd {
        width:auto;
        margin:0.5em 0;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Liens */
a {
        color:#598000;
        border-bottom:1px dotted #95ae5d;
}
a:hover {
        color:#FD8C13;
        border-bottom:1px dotted #95ae5d;
}
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
a.lien-ext:after {
        content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
}
/* Les liens externes doivent être précédés d'une icone */
a[href^="http://www."][target]:before{
        content:url(/sites/commun/generique/images/icones/fichier_htm.png)" ";
}
/* Les liens internes ne doivent pas être précédés d'une icone */
a[href^="http://www.tela-botanica.org"][target]:before{
        content:" ";
}
/* Gestion des fichiers PDF */
a[href$=".pdf"]:before , a.pdf:before {
        content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";
}
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilité Konqueror */
        content:" "url(/sites/commun/generique/images/icones/mail.png);
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Classes & couleurs */
.rejoindre {
        display:inline-block;
        line-height:30px;
        padding-left:30px;
        background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;
}
.cacher {
        display:none;
}
.transparent {
        visibility:hidden;
}
.sous-titre {
        font-size:11px;
        font-weight:normal;     
        color:#AAAAAA;
        margin:0
}

/* Classes d'importance */

/* Mise en colonnes */
.importance1 {
        margin:10px 10px 20px 10px;             
        background-color:#eaedcd;       
        padding:8px;
        font-family:arial;
        font-size:11px;
        color:#3a3633;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        box-shadow:7px 7px 11px #555;
        -moz-box-shadow:2px 2px 5px #aaa;
        -webkit-box-shadow:7px 7px 11px #aaa;
        filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
        zoom:1;/* pour ie8 */
}
.importance1 input, .importance1 select {
        font-family:arial;
        font-size:11px;
        background-color:#fff;
        border:dotted 1px #7b9c35;
        color:#3a3633;
        margin-bottom:7px;
}
.importance1 .row .gauche       {
        width:45%;
        padding-left:4%;
}
.importance1 .row .gauche:first-child {
    border-right:dotted 1px #AAAAAA
}
.importance2 {
        margin:10px;
        padding:10px;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        box-shadow:7px 7px 11px #555;
        -moz-box-shadow:2px 2px 9px #aaa;
        -webkit-box-shadow:7px 7px 11px #aaa;
        filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
        zoom:1;/* pour ie8 */
}
.importance3 {
        margin:10px;
        padding:20px;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        zoom:1;/* pour ie8 */
}
.importance4 {
        margin:10px;
        padding:20px;
        background-color:#fff;
        border:1px solid #fff;
        border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
        box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
        filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
        zoom:1;/* pour ie8 */
}
.importance1 h1,.importance2 h1,.importance3 h1,.importance4 h1{
        margin:0 0 10px 0;
        padding:0 0 0 25px;
}
.importance1 h2,.importance1 h3,.importance2 h2,.importance2 h3,.importance3 h2,.importance3 h3,.importance4 h2,.importance4 h3 {
        margin:0;
}

/* Flottant */
.gauche {
        float:left;
}
.droite {
        float:right;
}
.floatLeft {
        float:left;
}
.petitcarre, .lire-suite {
        padding-left:10px;
        background:url(../images/petitCarre.jpg) no-repeat 0px 4px;
}
.voir-tout {
        padding:10px 0 0 30px;
        background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
}
.troiscarre {
        padding-left:30px;
        background:url(../images/troisCarre.png) no-repeat 5px 5px;
}
.voir-tout, .telecharger, .acceder {
        padding:10px 0 0 30px;
        background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
}
#zone_contenu_corps li.telecharger, #zone_contenu_corps li.voir-tout, #zone_contenu_corps li.acceder {
        list-style:none;
}

/* OBSOLETE : A ENLEVER*/
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {
        padding:10px 0 0 30px;
        background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
}
.nettoyage {
        clear:both;
}
hr.nettoyage {
        visibility:hidden;
}

/* Taille des cadres */
.demi {
        width:50%;
}
.tiers {
        width:33%
        
}
.deux-tiers {
        width:66%;
}
/*.plein {
        width:620px;
}*/
/* Typographies */
/*.orange {
        color:#fd8c13;
        font-family:arial;
}*/
/*p.orange {
        line-height:12px;
}*/
/*.blanc {
        color:#fff;
}
p.blanc {
        font-size:11px;
        line-height:12px;
}*/
.vertpetit {
        color:#598000;
        font-family:arial;
        font-size:11px;
        font-weight:bold;
}
.discretion {
        color:#3a3633;
        font-family:arial;
        font-size:11px;
        font-weight:bold;
}
/*.gris {
        color:#3a3633;
        font-family:arial;
        font-size:12px;
}*/
/*.overflow-hidden {
        overflow:hidden;
}*/
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {
        color:#FD8C13;
}
.acceder-outil {
        background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
        padding:4px 10px 4px 30px;
        border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
        color:#6C6865;
        font-family:helveticaneue;
        font-size:15px;
        border:none
}
#zone_contenu_corps img {
        margin:0 5px 0 5px;
}
#zone-accueil img {
        margin:0;
}
#zone_contenu_corps h1, #contenu h1 {
        background:url(../images/troisCarre.png) no-repeat 0 5px;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau :encadré */
/* Ancien table_cadre */
table {
        border:1px solid #9ac342;
        border-collapse:collapse;
}
table thead, table tfoot {
        background-color:#EEE;
        border:1px solid #9ac342;
}
table tbody {
        background-color:#FFF;
        border:1px solid #9ac342;
}
table th {
        font-family:monospace;
        border:1px dotted #9ac342;
        padding:5px;
        background-color:#EEE;
}
table td {
        font-family:arial;
        border:1px dotted #9ac342;
        padding:5px;
        text-align:left;
}
table caption {
        font-family:sans-serif;
}
table th[title]:after {
        content:" "url(/sites/commun/generique/images/icones/aide.png);
}
.alterner tr:nth-child(even) {
        background-color: #CFCFCF ;
}
.alterner-pair tr:nth-child(odd) {
        background-color: #CFCFCF ;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Défintion des styles de l'applette syndication */
.contenu_RSS h3 {
        margin:0;
}
.contenu_RSS h4 {
        font-size:11px;
        font-weight:normal;
}
#contenu h2:before, #zone_contenu_corps h2:before {
        content:"> ";
}
#zone_contenu_corps .traitTela li {
        list-style:none;
        padding:10px 0 0 30px;
        background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
        font-family:arial;
        font-size:11px;
        font-weight:bold;
}
.traitTela li a {
        font-family:arial;
        font-size:11px;
        font-weight:bold;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Menu supérieur */
/* TODO :mettre les petits carrés à la bonne place */
#zone-menu-haut {
        position:absolute;
        top:0;
        width:880px;
        height:12px;
        margin:8px auto 0 0;
        text-align:center;
        font-family:arial;
        font-size:12px;
        color:#3a3633;
}
#zone-menu-haut ul {
        list-style-image:url(../images/petitCarre.jpg);
        margin:0;
        padding:0;
}
#zone-menu-haut ul li {
        float:left;
}
#zone-visiteur li {
        text-align:left;
        display:block;
        width:130px;
        padding-left:10px;
        background:url(../images/petitCarre.jpg) no-repeat left center;
}
#zone-acces-rapide {
        float:right;
}
#zone-menu-haut #seconnecter {
        margin:0;
        padding-left:10px;
}
#zone-menu-haut #don {
        width:110px;
        margin:0;
}
#zone-menu-haut #lettre {
        width:120px;
        margin:0;
}
#zone-menu-haut #recherche, .drapeau{
        list-style:none;
}
#zone-menu-haut #recherche {
        width:185px;
        padding-left:5px;
        text-align:left;
}
#zone-menu-haut #recherche fieldset {
        width:185px;
        padding:0;
        border-style:none;
}
#zone-menu-haut #recherche input {
        height:13px;
        width:150px;
        font-size:12px;
        margin:-15px 0 0 -2px;
}
#zone-menu-haut #recherche legend, #recherche label {
        display:none;
}
#zone-menu-haut #recherche #more_ok {
        width:25px;
        height:20px;
}
#zone-menu-haut .drapeau {
        width:15px;
        margin-left:10px;
}
#zone-menu-haut a {
        font-family:arial;
        font-size:12px;
}
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active {
        color:#598000;
}
#zone-menu-haut a:hover, #zone-menu-haut a:focus {
        color:#fd8c13;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
#zone-principale {
        width:960px;
        margin-left:auto;
        margin-right:auto
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Bandeau Haut des Univers */
.zone-haut {
        height:123px;
        width:885px;
        margin:32px 0 0 0;
}

/* Logo Tela Botanica */
#zone-logo-tela {
        position:absolute;
        margin-top:3px;
        background:none;
}
#zone-logo-tela a {
        border:none;
}
#zone-logo-tela img:hover {
  border:1px dotted white;
  width:144px;
  height:98px;
}
#zone-logo-tela a:hover:after {
  font-size:12px;
  color:white;
  content:" "attr(title)" ";
}

/* Sous-titre du réseau */
.zone-haut h2 {
        position:absolute;
        top:135px;
        margin:0 0 0 90px;
        font-size:16px;
        font-family:arial;
        text-transform:none;
        color:white;
}

/* Mots-clés des univers */
.motsclefs {
        position:absolute;
        font-family:Helveticaneue;
        letter-spacing:-1px;
        font-weight:lighter;
}
.motsclefs h3 {
        position:absolute;
        left:200px;
        margin-top:17px;
        font-family:helveticaneue;
        font-size:60px;
        font-weight:lighter;
        color:#5c5950;
}
.motsclefs h4 {
        margin-top:60px;
        margin-left:540px;
        text-align:left;
        font-family:helveticaneue;
        color:#f2f2f2;
}
.motsclefs span {
        position:absolute;
        top:85px;
        font-weight:normal;
        text-transform:lowercase;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Menu de navigation entre univers **/
#zone-menu-navigation {
        width:900px;
        margin:10px 0 10px 15px;
        float:left;
        text-decoration:none;
        text-align:center;
        font-size:14px;
        font-family:arial;
        line-height:20px;
}
#zone-menu-navigation a:link,#zone-menu-navigation a:visited,#zone-menu-navigation a:active {
        text-decoration:none;
}
#zone-menu-navigation .menuHautActif a {
        color:#6C6865;
        width:20px;
        font-weight:bold;
        font-size:14px;
        text-transform:uppercase;
        padding-bottom:5px;
        border-bottom:4px solid grey;
}
#zone-menu-navigation a {
        color:white;
        border:none;
}
#zone-menu-navigation ul {
        padding:0;
}
#zone-menu-navigation ul li {
        float:left;
        width:160px;
        height:20px;
        margin-right:15px;
        text-align:center;
        text-decoration:none;
        list-style-type:none;
        padding:0;
        zoom:1; /* pour ie8 */
}
#zone-menu-navigation a:hover,#zone-menu-navigation a:focus {
        font-weight:bold;
        color:#6C6865;
        text-decoration:none;
        text-transform:uppercase;
        padding-bottom:5px;
        border-bottom:4px solid grey;
        border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
}

/*Ancienne classe arrondi7 & ombre2*/
#zone-menu-navigation ul li {
        -moz-border-radius:7px; -webkit-border-radius:7px;      border-radius:7px;
        box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
        filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Couleurs des différents menus */
#menuAccueil {
        background:#fd8c13;
}
#menuBotanique {
        background:#9ac243;
}
#menuActualites {
        background:#c2c0ad;
}
#menuReseau {
        background:#e16039;
}
#menuProjets {
        background:#a89d80;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Menus */
#zone-menu-gauche {
        font-family:arial;
        font-size:12px;
        width:170px;
        margin-top:10px;
        border-left:1px solid #598000;
        padding-left:2px;
}
#zone-menu-gauche ul {
        padding:0;
        margin:0;
        list-style:none;
}
#zone-menu-gauche ul li {
        padding:0 0 5px 0;
}
#zone-menu-gauche ul li a {
        margin:0;
        padding:2px 0 2px 14px;
        border-top:1px solid #598000;
        border-bottom:1px solid #598000;
        border-right:1px solid #598000;
        border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
        font-weight:bold;
        color:#598000;
        display:block;
        background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
}
#zone-menu-gauche ul li ul {
        list-style:disc inside;
        color:#598000;
        padding:0 0 0 15px;
}
#zone-menu-gauche ul li ul li {
        padding:0;
}
#zone-menu-gauche ul li ul li a {
        border:none;
        background:none;
        padding:0;
        display:inline;
        font-weight:normal;
}
#zone-menu-gauche .menu_actif a {
        color:#FD8C13;
}
#zone-menu-gauche .menu_inactif a {
        color:#598000;
        font-weight:normal;
}
#zone-menu-gauche ul.menu_deroulant_n1 > li > a {
        font-weight:bold;
}
#zone-menu-gauche a:hover {
        color:#FD8C13;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
#cheminDeFer {
        width:500px;
        margin-left:34px;
        margin-top:12px;
        margin-bottom:10px;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Zone menu connexion **/
#zone-menu-connexion {
        height:122px;
        width:178px;
        padding:25px 0 0 0;
        font-family:arial;
        text-align:right;
        font-size:11px;
        margin-bottom:100px; /* Eviter un chevauchement des cadres en bas*/
}
#zone-menu-connexion fieldset {
        text-align:left;
        width:165px;
        background:white;
        padding:28px 0 0 10px;
        border:solid 1px #99C242;
        text-decoration:none;
        border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;
        
}
#zone-menu-connexion fieldset input {
        font-size:11px;
}
#zone-menu-connexion fieldset p {
        text-align:left;
        padding-left:3px
}
#zone-menu-connexion h3 {
        position:absolute;
        width:162px;
        padding:5px 5px 5px 9px;
        margin:-29px 0 0 -10px;
        color:white;
        text-align:left;
        text-transform:uppercase;
        font-size:12px;
        background-color:#99C242;
        border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;
}
#zone-menu-connexion fieldset label {
        position:relative;
        width:12em;
        display:block;
        margin:.1em 0;
}
#zone-menu-connexion label input {
        position:absolute;
        left:100%;
        top:0;
        width:15px;
}
#zone-menu-connexion #username,#zone-menu-connexion #password {
        width:80px;
}
#zone-menu-connexion fieldset #connexion {
        border:solid 1px #8eb533;
        padding:0;
}
#zone-menu-connexion #persistant,#zone-menu-connexion #persistant_label {
        float:left;
        margin-left:0;
}
#zone-menu-connexion #persistant_label {
        padding-top:2px;
}
#zone-menu-connexion #colonneDroite {
        padding:15px 0;
}

/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Menu contribution **/
#selecteur_liens_rapides {
  width:135px;
  background-color: #FFFFFF;
  border: 1px dotted #7B9C35;
  color: #3A3633;
  font-family: arial;
  font-size: 11px;
}

/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Menu latéral :Zone gauche **/
#zone-gauche {
        width:170px;
        float:left;
        margin-left:0;
        padding-bottom:60px;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Zone principale :zone droite **/
#zone-droite {
        width:730px;
        margin-left:20px;
        float:left;
        height:auto;
        overflow:hidden;
}
#contenu {
        border:none;
}
#zone_contenu_corps {
        border:none;
        width:695px
}
#zone_contenu_corps li,#contenu li {
        list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);
        line-height:18px;
}
#zone_contenu_corps li ul li,#contenu li ul li {
        list-style:none;
        background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;
        padding-left:25px;
        line-height:18px;
}
#zone_contenu_corps form li,#contenu form li {
        background:none;
}
#zone_contenu_corps .alpha,#contenu .alpha {
        background:none;
        padding-left:25px;
        list-style-type:upper-alpha;
}
#zone_contenu_corps .listeSimple li,#contenu .listeSimple li {
        list-style:inherit;
        background:none;
        padding:0;
}
#zone_contenu_corps .listeNumerique li,#contenu .listeNumerique li {
        list-style:upper-alpha inside;
        background:none;
        padding:0;
}
.listeNumerique li h3 {
        display:inline;
}
#zone_contenu_corps ul li ul {
        margin:5px 0 10px 0;
        padding:0;
}
.filetVert {
        width:300px;
        margin-left:0;
        margin-top:5px;
        padding:20px;
        border:1px solid #9ac342;
        border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
        float:left;
}
.filetVert h1 {
        margin:0 0 10px 0;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/*Onglets*/
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets { 
        display:inline-block;
        padding:0;
}
.onglets {
        margin:0;
}
.onglets a {
        border:none
}
#zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {
        list-style-image:none;
        padding:5px 3px 5px 3px;
        margin-top:2px;
        background-color:#C2C0AD;
}
#zone_contenu_corps #BAZ_menu li, #zone_contenu_corps .menu_classique_n3 li, .onglets li {
        cursor:pointer;
        float:left;
        list-style:none;
        margin-right:5px;
        font-size:13px;
        text-transform:uppercase;
        letter-spacing:0;
        padding:5px 2px 5px 5px;
        margin:0 1px 0 0;
        background:none no-repeat 5px 9px #C2C0AD;
        color:#fd8c13;
        border:1px solid #c2c0ad;
        border-bottom:0px solid #c2c0ad;
        text-decoration:none;
        border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
#zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {
        background:none;
        color:#FD8C13;
        font-weight:bold;
}
#zone_contenu_corps #BAZ_menu .menu_actif, #zone_contenu_corps .menu_classique_n3 .menu_actif, #zone_contenu_corps .onglets .menu_actif {
        background:none;
        border:1px solid #C2C0AD;
        border-bottom:0 solid #c2c0ad;
        text-decoration:none;
        border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
#zone_contenu_corps #BAZ_menu .menu_inactif a,#zone_contenu_corps .menu_classique_n3 .menu_inactif a,#zone_contenu_corps .menu_classique_n3 ,#zone_contenu_corps .onglets .menu_inactif a,#zone_contenu_corps .onglets h1 {
        color:#6C6865;
}
#zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 {
        color:#FD8C13;
}
#zone_contenu_corps .onglets li:hover, #zone_contenu_corps .menu_classique_n3 li:hover{
        background:white;
        border-bottom:0;
}
#zone_contenu_corps .onglets li a:hover,  #zone_contenu_corps .menu_classique_n3 a:hover{
        color:#FD8C13;
        background:white
}
#cartographieVolante {
        position:absolute;
        z-index:10;
        background:white;
        border:solid 1px #AAAAAA;
        padding:15px;
        margin:-300px 0 0 -300px;
}
#cartographieVolante #masquerLaCarte {
        float:right;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Bandeau Projets */
#bandeauProjets{
        width:845px;
        margin:20px 0 20px 0;
        border:dotted 1px #fd8c13;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        float:left;
        padding-left:65px;
        margin-left:30px;
}
#bandeauProjets ul {
        margin:0;
        height:98px;
        padding:0px;
        list-style:none;
        font-family:arial;
}
#bandeauProjets ul li {
        width:250px;
        margin-left:15px;
        border:double 1px orange;
        border-width:0 4px 0 0;
        display:inline;
        height:95px;
        float:left;
}
#bandeauProjets ul li, #bandeauProjets ul li p {
        font-family:arial;
        font-size:10px;
        line-height:13px;
}
#bandeauProjets ul li p {
        padding-right:2px;
}
#bandeauProjets ul li h3 {
        padding:5px 0;
        margin:0;
        color:#598000;
        font-size:11px;
}
#bandeauProjets ul li img {
        float:right;
        padding:10px;
}
#bandeauProjets ul .bouton {
        width:20px;
}
#boutonPrecedent,#boutonSuivant {
        position:absolute;
}
#boutonPrecedent {
        margin-left:-66px;
        margin-top:-99px;
        height:100px;
        background:white;
        cursor:pointer;
        width:70px;
        border:dotted 1px #fd8c13;
        border-right-style:none;
        border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;
        background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px;
}
#boutonSuivant {
        margin-left:799px;
        margin-top:-99px;
        width:30px;
        cursor:pointer;
        background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
        padding:28px 8px 58px 8px;
        border:dotted 1px #fd8c13;
        border-left-style:none;
        border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Zone-bas-page :footer **/
#zone-bas-page {
        width:960px;
        clear:both;
}
#zone-bas-page div {
        width:900px;
        margin:20px 0 10px 0;
        text-align:center;
}
#zone-bas-page div ul li {
        display:inline;
        margin-left:10px;
        padding:6px 0 0 20px;
        line-height:22px;
        text-align:center;
        font-size:12px;
        font-family:arial;
        text-decoration:none;
        list-style:none;
}
#zone-bas-page #accueil {
        background:url(../images/accueil.png) no-repeat 0 2px;
}
#zone-bas-page #faq {
        background:url(../images/faq.png) no-repeat 0 2px;
}
#zone-bas-page #contact {
        background:url(../images/contact.png) no-repeat 0 2px;
}
#zone-bas-page #plan {
        background:url(../images/plan.png) no-repeat 0 2px;
}
#zone-bas-page #rss {
        background:url(../images/rss.png) no-repeat 0 2px;
}
#zone-bas-page #telechargement {
        background:url(../images/telechargement.png) no-repeat 0 2px;
}
#zone-bas-page #visite {
        background:url(../images/visite.png) no-repeat 0 2px;
}
#zone-bas-page #mentions {
        background:url(../images/mentions.gif) no-repeat 0 2px;
}
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active {
        font-weight:normal;
        color:#598000;
        text-decoration:none;
}
#zone-bas-page > div a:hover, #menupied a:focus {
        font-weight:normal;
        color:#fd8c13;
        text-decoration:none;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Contact Tela **/
#coordonees {
        width:905px;
        text-align:center;
        margin:auto;
        background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right;
        height:15px;
}
#coordonees span {
        float:left;
        padding-left:15px;
        background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px;
        font-family:arial;
        font-size:12px;
        font-weight:normal;
        font-style:normal;
}
#coordonees a {
        font-family:arial;
        font-size:12px;
        text-align:justify;
        font-weight:normal;
        line-height:16px;
        list-style:none;
}
#coordonees a:link, #coordonees a:visited, #coordonees a:active {
        color:#3a3633;
}
#coordonees a:hover, #coordonees a:focus {
        color:#fd8c13;
}

/* 
 Style pour les lien pliage/depliage automatique
/*      */
.lien_pliage {
        padding-left:20px;
        cursor: pointer;
}

.lien_pliage.plie {
        background:url(../../../commun/generique/images/plus.png) no-repeat 0px 0px;
}

.lien_pliage {
        background:url(../../../commun/generique/images/moins.png) no-repeat 0px 0px;
}

/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Mise en page en colonne depuis www.1kbgrid.com */
/* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
.grid_1 {
        width:60px;
}
.grid_2 {
        width:140px;
}
.grid_3 {
        width:220px;
}
.grid_4 {
        width:300px;
}
.grid_5 {
        width:380px;
}
.grid_6 {
        width:460px;
}
.grid_7 {
        width:540px;
}
.grid_8 {
        width:620px;
}
.grid_9 {
        width:700px;
}
.grid_10 {
        width:780px;
}
.grid_11 {
        width:860px;
}
.grid_12 {
        width:940px;
}
.column, .colonne {
        margin:0 10px;
        overflow:hidden;
        float:left;
        display:inline;
}
.row, .ligne {
        width:695px;
        margin:0 auto;
        overflow:hidden;
}
.row .row, .ligne .ligne {
        margin:0 -10px;
        display:inline-block;
}
Subversion Repositories Sites.tela-botanica.org

(root)/trunk/sites/commun/generique/styles/commun.css – Rev 1038
