Rev 816 | Rev 819 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed
/* 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:black;}
img, form, td, div, a, h1, h2 {
padding:0;
border:0;
text-decoration:none;}
ul, form, li, td, div, a {
margin: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:13px;
text-transform:uppercase;
color:#FD8C13;}
h3 {
margin:20px 0 12px;
font-size:14px;
color:#6C6865;}
h4 {
margin:2px 2px 2px 0;
font-size:11px;
font-weight:normal;
color:#6C6865;
}
h1 a, h2 a, h3 a, h4 a {
color:inherit;
border-bottom: dotted 1px;
}
p {
font-size:12px;
line-height:18px;
text-align:justify;}
strong, b {
font-weight:bold;
color:#222222;}
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;}
dd {
width:auto;
margin:0.5em 0;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Liens */
a {
color:#7B9C35;
border-bottom:1px solid transparent;}/* �vite l'effet de d�calage. */
a:hover {
color:#FD8C13;
border-bottom:1px dotted #7B9C35;}
a.lien-ext:after {
content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);}
a.pdf:before {
content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";}
a[href ^="mailto:"]:after {/* CSS3 : ajout d'un espace entre href et ^ pour konqueror */
content:" "url(/sites/commun/generique/images/icones/mail.png);}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Classes & couleurs */
.icone-erable {
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;}
.nodisplay {
display:none;}
.hidden {
visibility:hidden;}
.spacer125 {
width:125px;
float:left;}
.cadreRondVert h1 {
margin:0 0 10px 0;}
.cadreRondVert {
width:685px;
float:left;
margin-bottom:20px;
background-color:#eaedcd;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:2px 2px 5px #aaa;
-webkit-box-shadow:7px 7px 11px #aaa;
box-shadow:7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
zoom:1;/* pour ie8 */
padding:8px;}
.cadreRondGris h1 {
margin:0 0 10px 0;}
.cadreRondGris h3 {
margin:0;}
.cadreRondGris {
width:685px;
float:left;
margin-top:20px;
background-color:#e5e4d4;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:2px 2px 5px #aaa;
-webkit-box-shadow:7px 7px 11px #aaa;
box-shadow:7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
zoom:1;/* pour ie8 */
padding:8px;}
.floatLeft {
float:left;}
.notext {
display:none;
left:-5000px;
top:-5000px;
text-indent:-5000px;}
.petitcarre {
padding-left:15px;
background:url(../images/petitCarre.jpg) no-repeat 5px 4px;}
.troiscarre {
padding-left:30px;
background:url(../images/troisCarre.png) no-repeat 5px 5px;}
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {
padding:10px 0 0 30px;
background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
.champs {
font-family:arial;
font-size:11px;
background-color:#fff;
border:dotted 1px #7b9c35;
color:#3a3633;
margin-bottom:7px;}
.champs2 {
font-family:arial;
font-size:11px;
color:#3a3633;}
.ok {
font-family:arial;
font-size:11px;
font-weight:bold;
background-color:#fff;
border:dotted 1px #7b9c35;
color:#fd8c13;
margin-left:242px;
font-variant:small-caps;}
.clear,.nettoyage {
clear:both;}
/* Cadre rond gris :mise en page */
.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {
width:320px;
padding:20px;
border-right:1px dotted #959486;
float:left;}
.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {
width:284px;
float:left;
padding:18px;}
/* 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:#7b9c35;
font-family:arial;
font-size:11px;
font-weight:bold;}
.grispetit {
color:#3a3633;
font-family:arial;
font-size:11px;
font-weight:bold;}
.gris {
color:#3a3633;
font-family:arial;
font-size:12px;}
.overflow-hidden {
overflow:hidden;}
#contenu a {
color:#7B9C35;}
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {
color:#FD8C13;}
.boutonJaune {
background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
padding:4px 10px 4px 30px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:#6C6865;
font-family:helveticaneue;
font-size:15px;}
#zone_contenu_corps h1, #contenu h1 {
background:url(../images/troisCarre.png) no-repeat 0 5px;}
.ajout_2point dt:after {
content:" :";}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau :encadr� */
.table_cadre {
border:1px solid #9ac342;
border-collapse:collapse;}
.table_cadre thead, .table_cadre tfoot {
background-color:#EEE;
border:1px solid #9ac342;}
.table_cadre tbody {
background-color:#FFF;
border:1px solid #9ac342;}
.table_cadre th {
font-family:monospace;
border:1px dotted #9ac342;
padding:5px;
background-color:#EEE;}
.table_cadre td {
font-family:arial;
border:1px dotted #9ac342;
padding:5px;
text-align:left;}
.table_cadre caption {
font-family:sans-serif;}
.table_cadre th[title]:after {
content:" "url(/sites/commun/generique/images/icones/aide.png);}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* D2fintion des styles de l'applette syndication */
.contenu_RSS h3 {
margin:0;
font-size:12px;}
.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;
color:#3a3633;
font-family:arial;
font-size:11px;
font-weight:bold;}
.traitTela li a {
color:#3a3633;
font-family:arial;
font-size:11px;
font-weight:bold;}
/* Ombres */
.ombre2 {
-moz-box-shadow:4px 4px 7px #aaa;
-webkit-box-shadow:7px 7px 11px #aaa;
box-shadow:7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Arrondis */
.arrondi7 {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;}
.arrondi30 {
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* 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);}
#zone-menu-haut ul li {
float:left;}
#zone-visiteur ul {
padding:0;}
#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:#7b9c35;}
#zone-menu-haut a:hover, #zone-menu-haut a:focus {
color:#fd8c13;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
#zone-principale {
width:960px;
margin-left:auto;
margin-right:auto}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Logo Tela Botanica */
#zone-logo-tela {
position:absolute;
margin-top:3px;
background: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)" ";}
/*+-----------------------------------------------------------------------------------------------------------------+*/
.zone-haut {
height:123px;
width:885px;
margin:32px 0 0 0;
text-align:center;}
.zone-haut h2 {
position:absolute;
top:135px;
margin:0 0 0 90px;
font-size:16px;
font-family:arial;
text-transform:none;
color:white;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
.motsclefs {
position:absolute;
/* N�cessaire pour IE */
width:0;
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;}
#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;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* 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 #7b9c35;
padding-left:2px;}
#zone-menu-gauche ul {
padding: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 #7b9c35;
border-bottom:1px solid #7b9c35;
border-right:1px solid #7b9c35;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
font-weight:bold;
color:#7b9c35;
display:block;
background:url(../images/petitCarre.jpg) no-repeat 3px 7px;}
#zone-menu-gauche ul li ul {
list-style:disc inside;
color:#7b9c35;
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:#7b9c35;
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;
background:url(../images/carreorange.png) no-repeat 9px -9px;}
#zone-menu-connexion fieldset {
text-align:left;
width:165px;
background:white;
padding:28px 0 0 10px;
border:solid 1px #99C242;
text-decoration:none;
-moz-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
border-radius:0 10px 10px 10px;}
#zone-menu-connexion fieldset input {
font-size:11px;}
#zone-menu-connexion fieldset p {
text-align:left;}
#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;
-moz-border-radius:0 10px 0 0;
-webkit-border-radius:0 10px 0 0;
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 lat�ral :Zone gauche **/
#zone-gauche {
width:170px;
float:left;
margin-left:0;
padding-bottom:100px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** 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:690px}
#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;}
#zone_contenu_corps ul li ul {
margin-bottom:10px;}
.filetVert {
width:300px;
margin-left:0;
margin-top:5px;
padding:20px;
border:1px solid #9ac342;
-moz-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;}
#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;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
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;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0; /* pour Chrome */
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 h1,#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;}
.cadreInvisible {
float:left;
margin-left:10px;
margin-top:10px;}
.cadreInvisible h1 {
margin:0 0 10px 0;}
.cadreRondOmbre {
float:left;
margin-bottom:10px;
padding:20px;
background-color:#fff;
border:1px solid #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:2px 2px 9px #aaa;
-webkit-box-shadow:7px 7px 11px #aaa;
box-shadow:7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
zoom:1;/* pour ie8 */}
.filetRouge {
border:solid 1px red;}
#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;
border:dotted 1px #fd8c13;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
float:left;
padding-left:65px;}
#bandeauProjets ul {
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 a {
color:#7B9C35;
font-weight:bold;}
#bandeauProjets ul li h3 {
padding:5px 0;
margin:0;
color:#fd8c13;}
#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;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
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 53px 8px;
border:dotted 1px #fd8c13;
border-left-style:none;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
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:#7b9c35;
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;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* 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 {
margin:0 10px;
overflow:hidden;
float:left;
display:inline;}
.row {
width:960px;
margin:0 auto;
overflow:hidden;}
.row .row {
margin:0 -10px;
width:auto;
display:inline-block;}