www/plugins/skel_ptitvelo/css/structure.css.html

   1 #CACHE{3600*100,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
#HTTP_HEADER{Vary: Accept-Encoding}
/* ----------------------------------------------
  Beespip 3
      Contingences
   2011    
 ------------------------------------------------ */
/* Valeurs par defaut :
#SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]
#SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]
#SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]
#SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]
#SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]
#SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]
#SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]
#SET{couleur_menu_fond,#CONFIG{BeeSpip/couleur/couleur_menu_fond,#f5f4f3}} [ couleur_menu_fond: (#GET{couleur_menu_fond});]
#SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]
#SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]
#SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});]
#SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]

*/
/* Evitement */
#evitement {line-height:1;z-index:100;font-size:1.1em;font-weight:bold;}
#evitement a {position:absolute;left:0;top:-10em;padding:.5em 1em;box-shadow:0 10px 10px rgba(0, 0, 0, 0.4);}
#evitement a:focus, #evitement a:active {top:0;z-index:999 !important;background-color:#GET{couleur_menu_fond} !important;border-color:#GET{couleur_cadres} !important;text-decoration:none;outline:none; color:#GET{couleur_menu_liens};}

#conteneur {
  width: 100%;
   padding: 0 0 5px 0;
    border-bottom: 1px solid #E8E8E8;
      border-top: 1px solid #E8E8E8;
 text-align: left;               
}
#conteneur-wrapper {
        background: #fff;
      margin: 0 auto; 
       padding: 5px 0 35px 0;
 overflow: auto;
}
#entete-wrap {
       width: 100%;
   
       margin: 0; padding: 0; 
}
#entete {
    position: relative;
    margin: 0 auto;
        height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;
   background: #GET{couleur_principale};
  border-right: 1px solid #E8E8E8;
       border-left: 1px solid #E8E8E8;
}
#entete p#logo-text { margin: 0; padding: 0; }
#entete p#logo-text a {
       position: absolute; 
   margin: 0; padding: 0 5px 0 0;
 font-size: 55px;
       #GET{typo_titre}
       letter-spacing: -1px;
  color: #GET{couleur_liens};
    text-decoration: none;
 line-height:1em;
               
       /* change the values of top and left to adjust the position of the logo*/
      top: 90px; left: 20px;  
}
#entete h1#logo-text a:hover { border: none; }
#entete p#intro {
    position: absolute;
    margin: 0; padding: 0;
 #GET{typo_titre}
       font-weight: normal;
   font-size: 14px;
       line-height: 1.6em;
    font-style: italic;
    letter-spacing: -.5px;
 color: #GET{couleur_secondaire_foncee};
        width: 700px;
  
       /* change the values of top and left to adjust the position */
 top: 65px; left: 5px;           
}
#entete #entete-image {
     position: absolute;
    width: 960px;
  height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;
   left: 0px; top: 0px;
   2         text-align: left;
}
#entete #entete-image a {
   3         padding-top: 5px;
   4         padding-left: 5px;
}
   5 #entete #entete-image #logo {
   6         float:right;
   7 }
/* Entete recherche */
#entete #formulaire_recherche form, #conteneur #formulaire_recherche form {
   float:right;
   padding: 0; margin: 0;
 border: 1px solid #e3e3e3;
     width: 210px; height: 25px;
    background: #fcfcfc;    
       z-index: 50;
}
#entete #formulaire_recherche form {
    position: absolute;
    top: 2px; right: 10px;
}
#conteneur #formulaire_recherche form {
       margin:0 10px 10px 10px;
}
#entete #formulaire_recherche input, #conteneur #formulaire_recherche input {
       border: none;
  background: transparent;
       color: #bababa;
        float: left;
   margin: 0; padding: 5px;
}
#entete #formulaire_recherche input:focus, #conteneur #formulaire_recherche input:focus {
   color: #GET{couleur_secondaire_claire};
}
#entete #formulaire_recherche .saisie, #conteneur #formulaire_recherche .saisie {
    margin: 4px 0 0 5px; 
  width: 156px;
  display: inline;
}
#entete #formulaire_recherche .submit, #conteneur #formulaire_recherche .submit {
   width: 24px; height: 24px;
     border: none;
  font-size:0;
   background: [(#GET{couleur_principale})] url(#CHEMIN{/images/recherche.png}) no-repeat center center;
}
#entete #formulaire_recherche label, #conteneur #formulaire_recherche label {
  display: none;
}

/*  navigation  */
#entete #nav {
    position: absolute;
    margin: 0; padding: 0;
 width: 960px;
  height:#CONFIG{BeeSpip/affichage/taille_menu}px;
       left: 0;        top: 5px;
      z-index:99;
    background:#GET{couleur_menu_fond};
}/*
#entete #nav ul {
      float: left;    
       list-style: none;
      margin: 5px 0 0 0;
     height: 45px;
  padding: 0 0 0 15px;                                    
}
#entete #nav ul li {
        float: left;
   margin: 0; padding: 0 0 0 10px;         
}
#entete #nav ul li a {
      float: left;
   margin: 0;
     padding: 0 15px 0 5px;
 color: #GET{couleur_principale_texte};
 font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
      /*text-transform: uppercase;*/
/*}*/
/*#entete #nav ul li a:hover, 
#entete #nav ul li a:active {
      border: none;
  color: #111;
   background: transparent;
       border
}*/
#entete #nav ul li#current {
        background:#FFF;
       border: 1px solid #E8E8E8;
     border-bottom:0;
}
#entete #nav ul li#current a {       
       color: #GET{couleur_titres};
}


/* Contenu */
#hierarchie {font-size:0.8em; padding: 0 15px; }
#contenu h1, #contenu_presentation h1 {
       font-weight: normal;
   /*font-size: 3.7em;*/
  #GET{typo_titre}
       line-height: 1em;
      color: #GET{couleur_titres};
   letter-spacing: -1px;   
       margin-left: 5px;       
       margin-right: 15px;
    padding-left: 5px;
     padding-bottom: 3px;
   border-bottom: 1px solid #GET{couleur_filets_titres};   
}
#contenu h1 a {
     color: #GET{couleur_titres};
   border: none;
}
#contenu h2.sommaire, #contenu h3.sommaire {
   color: #GET{couleur_titres};
   letter-spacing: -0.6px; 
       /*line-height: 1em;*/
  margin-left: 5px;       
       margin-right: 15px;
    padding-left: 5px;
     padding-bottom: 3px;
   border-bottom: 1px solid #GET{couleur_filets_titres};   
}
/* Colonne en bandeau */
#colonne_bandeau {border-top: 1px solid #GET{couleur_filets_colonnes};}
/* Colonne de droite */
#colonne .grid_4 {border-left: 1px solid #GET{couleur_filets_colonnes};}
#colonne .grid_4 .grid_4 {border-left: none;}
#colonne h3, #colonne_bandeau h3 {
  color: #GET{couleur_titres};
   font-size: 2em;
        font-weight: normal;
   line-height: 1em;
      #GET{typo_titre}
       letter-spacing: -0.5px;
        padding: 5px 10px;
     margin: 12px 0 5px 0;
}
/* Pied de page */
#pied-wrapper {
     clear: both;
   margin: 0 auto;
        text-align: left;       
}
#pied-wrapper h3 {
  color: #GET{couleur_titres};
   font: normal 1.8em 'Lucida Grande', Verdana, Helvetica, sans-serif;
    text-transform: none;
  letter-spacing: -0.5px; 
}
#pied-wrapper h3, 
#pied-wrapper p {
        padding-left: 0;
}
#pied-wrapper a:link, #pied-wrapper a:visited{
      color: #333;
   background: transparent;
}

/* Pied liste */
#pied-wrapper ul.pied-list {
      border-top: 1px solid #E6E6E6;
 list-style: none;
      padding: 0;
    margin-left: 0;
}
#pied-wrapper ul.pied-list li {
      border-bottom: 1px solid #E6E6E6;
}
#pied-wrapper ul.pied-list li a {
  display: block;
        width: 98%;
    line-height: 2em;
      font-weight: bold;
     padding: 7px 0;
        margin-left: 0;
        padding-left: 0;
       color: #888;
   border: none;
}
#pied-wrapper ul.pied-list li a span {
 font-style: italic;
    font-weight: normal;
   font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
#pied-wrapper ul.pied-list li a:hover, #pied-wrapper ul.pied-list li a:hover span,
#pied-wrapper ul.pied-list li a:focus, #pied-wrapper ul.pied-list li a:focus span  {
        color: #333;    
}

/* pied contenu */
#pied-content {
 float: left;    
       width: 100%;    
       padding: 0 0 35px 0;                            
       margin: 10px 0 0 5px;                   
}

/* pied-bottom */
#pied-bottom {
   clear: both;
   /*border-top: 1px solid #dadada;*/
     width: 940px;
  margin: 0 auto; 
       font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
}
#pied-bottom a:hover, #pied-bottom a:focus { color: #GET{couleur_liens_survol};border: none }
#pied-bottom ul.bottom-left {
        float: left;
   list-style: none;
      margin:0;
      padding: 5px 0 10px 5px;
}
#pied-bottom ul.bottom-left li {display: inline;}
#pied-bottom .bottom-right {
      text-align: right;
     padding-right: 0;
}
.pieddate {text-align:center;clear:both;background:#F8F8F8;border:1px solid #EBEBEB;}

/* Alignement */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }

/* clear */
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after {
    display:block; 
        visibility:hidden; 
    clear:both; 
   height:0; 
     content: "."; 
}