| 1,70 → 1,77 |
|---|
| /* Définition des polices exotiques */ |
| @font-face { font-family:Helveticaneue; src:url('/commun/polices/helvetica_light.ttf'); } |
| @font-face { font-family:Helveticaneue2; src:url('/commun/polices/helvetica_light.eot'); } |
| |
| /********* STYLE COMMUN A TOUTES LES PAGES *********/ |
| |
| /* Marges */ |
| img,ul,form,li,td,div,p,br,a,h1,h2 { margin:0; padding:0; border:0; text-decoration:none;} |
| /** 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('../polices/helvetica_light.eot'); } |
| |
| /* Optima n'est pas utile dans les pages intèrieures. |
| @font-face { font-family: optima; src: url('/commun/polices/optima_demi_bold.ttf'); } |
| @font-face { font-family: optima2; src: url('../polices/optima_demi_bold.eot'); } |
| */ |
| |
| /** Classes **/ |
| /* Marges */ |
| img,ul,form,li,td,div,p,br,a,h1,h2 { margin:0; padding:0; border:0; text-decoration:none;} |
| |
| /* Classes & couleurs */ |
| .nodisplay {display:none} |
| .hidden {visibility:hidden} |
| .spacer125 {width:125px; float:left;} |
| |
| /* Ombres */ |
| .ombre2 { -moz-box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ box-shadow: 7px 7px 11px #555; |
| /* Classes & couleurs */ |
| .nodisplay {display:none} |
| .hidden {visibility:hidden} |
| .spacer125 {width:125px; float:left;} |
| .cadreRondVert { width:685px; float:left; margin-top:20px; background-color:#eaedcd; |
| -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 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 { width:685px; float:left; margin-top:20px; background-color:#e5e4d4; |
| -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 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; } |
| |
| .notext { display:none; left:-5000px; top:-5000px; text-indent:-5000px; } |
| |
| .petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 3px;} |
| .troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;} |
| .puceFleche {padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;} |
| |
| /** 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:20px; } |
| |
| |
| /* typographies */ |
| p { color:#5e5852; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; } |
| p.orange{ color:#fd8c13; line-height:12px; } |
| p.blanc { color:#fff; 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; } |
| |
| h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;} |
| h1 {padding:0px 0 0 25px; background:url(../images/troisCarre.png) no-repeat 0px 5px; color:#fd8c13; font-size:13px; |
| text-transform:uppercase; margin-bottom:8px; } |
| h1 a:link, h1 a:visited, h1 a:active { color:#fd8c13; } |
| h1 a:hover, h1 a:focus { color:#7b9c35; } |
| |
| h2 { color:#6c6865; font-size:12px; margin-bottom:0px; } |
| h2 a:link, h2 a:visited,h2 a:active { color:#5e5852; } |
| h2 a:hover, h2 a:focus { color:#fd8c13; } |
| |
| h3 { color:#6c6865; font-size:11px; letter-spacing:0px; margin:2px; } |
| h4 { font-size:11px; margin:2px; color:#7b9c35; font-weight:normal;} |
| |
| /* Ombres */ |
| .ombre2 { -moz-box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ 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 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ border-radius: 7px 7px 7px 7px;} |
| .arrondi30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;} |
| /*Arrondis*/ |
| .arrondi7 {-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ border-radius: 7px 7px 7px 7px;} |
| .arrondi30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;} |
| |
| |
| p { color:#3a3633; font-family:arial; font-size:12px; font-weight:normal; line-height:16px; } |
| .lireTout {padding:10px 0 0 30px; background:url(../images/traitTela.jpg) no-repeat 0 6px;} |
| .lireTout a:after{content:" des articles";} |
| #commentaires .lireTout a:after{content:" des commentaires";} |
| |
| p.connectgris { color:#5e5852; font-family:arial; font-size:11px; font-weight:normal; text-align:left; line-height:12px; } |
| p.connectvert { color:#7b9c35; font-family:arial; font-size:11px; font-weight:normal; text-align:left; margin-top:10px;} |
| p.orange { color:#fd8c13; font-family:arial; font-size:11px; font-weight:normal; text-align:left; margin:7px 0 3px 0;} |
| .orange {color:#fd8c13; font-family:arial;} |
| p.accueil { color:#3a3633; font-family:arial; font-size:13px; text-align:justify; font-weight:normal; line-height:16px; } |
| .overflow-hidden { overflow:hidden;} |
| .gris{ color:#3a3633; font-family:arial; font-size:12px; } |
| .vert, p.vert a, p.vert { color:#7b9c35; font-family:arial; font-size:12px; } |
| .grisclair {color:#f2f2f2} |
| .grisfonce {color:#5c5950} |
| |
| |
| |
| .petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 3px;} |
| #zone-droite h1, .troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;} |
| body { behavior: url(csshover.htc); /*pour internet explorer propriete hover*/} |
| |
| /* Fond en fonction de la page choisie */ |
| body#botanique { background: url(../images/traitVerticalBotanique.jpg) repeat-x;} |
| body#actualites { background: url(../images/traitVerticalActualites.jpg) repeat-x;} |
| body#reseau { background: url(../images/traitVerticalReseau.jpg) repeat-x;} |
| body#projets { background: url(../images/traitVerticalProjets.jpg) repeat-x;} |
| |
| /* Menus */ |
| #zone-menu-gauche {font-family:arial; font-size:12px; width: 170px; margin-top:10px; border-left: 1px solid #7b9c35;} |
| #zone-menu-gauche ul { list-style:none;} |
| #zone-menu-gauche ul li { padding-bottom:5px;} |
| #zone-menu-gauche ul li a{margin:0px 0 0 0px; padding:2px 0 2px 12px; border-top:1px solid #7b9c35; border-bottom:1px solid #7b9c35; |
| border-right:1px solid #7b9c35; -moz-border-radius: 7px;-webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 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:0px 0 0 0;} |
| #zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline} |
| |
| .recherche_eflore .champs { |
| display:block; width:280px |
| } |
| |
| /* Menu haut */ |
| /* Menu supèrieur */ |
| |
| /* TODO : mettre les petits carrés à la bonne place*/ |
| #zone-menu-haut { width:830px; height:12px; text-align:center; margin: 0 auto 0 40px; position:absolute; top:0px; color:#3a3633; |
| 71,21 → 78,18 |
|---|
| font-family:arial; font-size:12px;} |
| #zone-menu-haut ul { list-style:none; } |
| #zone-menu-haut ul li {background:url(../images/petitCarre.jpg) no-repeat 3px 5px;float:left} |
| #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 #inscrits { width:110px; margin:0} |
| #zone-menu-haut #connectes { width:115px; margin:0} |
| #zone-menu-haut #recherche { width:185px; padding-left:15px; text-align:left; margin:0} |
| #zone-menu-haut #recherche fieldset {width:185px; padding:0; border-style:none;} |
| #zone-menu-haut #recherche input { height:13px; width:155px; font-size:12px; margin:-15px 0 0 -2px; } |
| #zone-menu-haut #recherche legend, #recherche label {display:none;} |
| #zone-menu-haut #recherche input[type="submit"]{width:25px; height:20px} |
| #zone-menu-haut .drapeau { width:15px; margin-left:10px} |
| |
| #seconnecter { margin:0; padding-left:10px} |
| #don { width:110px; margin:0} |
| #lettre { width:120px; margin:0} |
| #inscrits { width:110px; margin:0} |
| #connectes { width:115px; margin:0} |
| #recherche { width:185px; padding-left:15px; text-align:left; margin:0} |
| #recherche fieldset {width:185px; padding:0; border-style:none;} |
| #recherche input { height:13px; width:155px; font-size:12px; margin:-15px 0 0 -2px; } |
| #recherche legend, #recherche label {display:none;} |
| #recherche input[type="submit"]{width:25px; height:20px} |
| |
| |
| .drapeau { width:15px; margin-left:10px} |
| |
| #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-menu-haut a { font-family:arial; font-size:12px; } |
| 95,7 → 99,7 |
|---|
| #zone-principale { position: absolute; width:900px; margin-left:-450px; left: 50%; padding-top:20px;} |
| |
| .zone-haut {height:123px; margin:4px 0 0 0; width:885px; text-align:center; } |
| .zone-haut h1 {float:left; padding:4px 0 0 29px} |
| .zone-haut h1 {float:left; padding:4px 0 0 29px; background:none} |
| .zone-haut h2 {position:absolute; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial} |
| |
| .motsclefs { position:absolute; font-family:Helveticaneue; letter-spacing:-1px; font-weight:lighter; text-align:left; |
| 104,1602 → 108,119 |
|---|
| .motsclefs h4 { text-align:left; color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue} |
| .motsclefs span{position:absolute; font-weight:normal;text-transform:lowercase; top:85px} |
| |
| /* Mots clefs Botanique */ |
| #zone-botanique .motsclefs .mot1 { font-size:32px; margin:-22px 0 0 -101px; width:150px} |
| #zone-botanique .motsclefs .mot2 { font-size:18px; margin:-15px 0 0 74px; width:250px} |
| #zone-botanique .motsclefs .mot3 { font-size:23px; margin:5px 0 0 -46px; width:280px} |
| #zone-botanique {background:url(../images/image_bandeau_botanique.png) right center no-repeat; } |
| |
| /* Mots clefs actualités */ |
| #zone-actualites .motsclefs .mot1 { font-size:28px; margin:-20px 0 0 -81px; } |
| #zone-actualites .motsclefs .mot2 { font-size:32px; margin:-10px 0 0 14px; } |
| #zone-actualites .motsclefs .mot3 { margin:10px 0 0 -101px;} |
| #zone-actualites {background:url(../images/image_bandeau_actualites.png) right center no-repeat; } |
| |
| #zone-reseau .motsclefs .mot1 { font-size:32px; margin:-25px 0 0 -102px; } |
| #zone-reseau .motsclefs .mot2 { font-size:26px; margin:0px 0 0 -81px; } |
| #zone-reseau .motsclefs .mot3 { font-size:20px; margin:3px 0 0 39px; } |
| #zone-reseau {background:url(../images/image_bandeau_reseau.png) right center no-repeat; } |
| |
| #zone-projets .motsclefs .mot1 { font-size:32px; margin:-45px 0 0 -126px; } |
| #zone-projets .motsclefs .mot2 { font-size:20px; margin:-20px 0 0 -171px; } |
| #zone-projets .motsclefs .mot3 { font-size:20px; margin:-15px 0 0 -60px; } |
| |
| #zone-projets {background:url(../images/image_bandeau_projets.png) right center no-repeat;} |
| |
| #zone-bas-page { width:900px; clear:both;} |
| #zone-bas-page div { width:900px; margin:20px 0 10px 0;text-align:center;} |
| #zone-bas-page div ul li {list-style:none;text-decoration:none;text-align:center;font-size: 12px;font-family:arial;display:inline;margin-left:10px;padding :6px 0 0 20px} |
| #accueil { background:url(../images/accueil.png) no-repeat 0px 2px; } |
| #faq { background:url(../images/faq.png) no-repeat 0px 2px; } |
| #contact { background:url(../images/contact.png) no-repeat 0px 2px; } |
| #plan { background:url(../images/plan.png) no-repeat 0px 2px; } |
| #rss { background:url(../images/rss.png) no-repeat 0px 2px; } |
| #telechargement { background:url(../images/telechargement.png) no-repeat 0px 2px; } |
| #visite { background:url(../images/visite.png) no-repeat 0px 2px; } |
| #mentions { background:url(../images/mentions.gif) no-repeat 0px 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;} |
| |
| #coordonees { width:888px; text-align:center; margin:auto; background:url(../images/petitCarre.jpg) no-repeat right; height:15px; } |
| #coordonees span { float:left; padding-left:15px; background:url(../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;} |
| /** Menu de navigation entre univers **/ |
| #zone-menu-navigation { width:auto; margin-bottom:10px; margin-top:10px; margin-left: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: #5e5852; 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; } |
| |
| /* |
| Actualités - Flux RSS |
| */ |
| #zone-menu-navigation ul li {float:left; width:160px; height:20px; margin-right:15px; text-align:center; text-decoration: none; list-style-type:none; |
| /* pour ie8 */ zoom: 1;} |
| |
| .contenu_RSS img {height:81px} |
| .flux_RSS h1 {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;} |
| .cadreRondGris h1 {padding:0px 0 0 25px; background:url(../images/troisCarre.png) no-repeat 0px 5px;} |
| #zone-menu-navigation a:hover, #zone-menu-navigation a:focus{ font-weight:bold; color: #5e5852; text-decoration:none; text-transform:uppercase; padding-bottom: 5px; border-bottom:4px solid grey; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ border-radius: 30px 30px 30px 30px; } |
| |
| /* fin menu haut */ |
| #zone-gauche { width:170px; float:left; margin-left:0px; padding-bottom:100px} |
| |
| |
| .notext{ |
| display:none; |
| left:-5000px; |
| top:-5000px; |
| text-indent:-5000px; |
| } |
| |
| #bandeauActualites { |
| background: URL(images/bandeauActualites.jpg) no-repeat center; |
| height:124px; |
| margin-top:5px; |
| width:900px; |
| text-align:center; |
| float:left; |
| } |
| |
| #bandeauReseau { |
| background: URL(images/bandeauReseau.jpg) no-repeat center; |
| height:124px; |
| margin-top:5px; |
| width:900px; |
| text-align:center; |
| float:left; |
| } |
| |
| #bandeauProjets { |
| background: URL(images/bandeauProjets.jpg) no-repeat center; |
| height:124px; |
| margin-top:8px; |
| width:900px; |
| text-align:center; |
| float:left; |
| } |
| |
| /* menu haut */ |
| #menuHaut { width:auto; margin-bottom:10px; margin-top:10px; margin-left:15px; float:left; text-decoration:none; text-align:center; font-size: 14px; font-family:arial; line-height:20px; } |
| #menuHaut a:link , #menuHaut a:visited , #menuHaut a :active { text-decoration:none; } |
| #menuHaut .menuHautActif a{ color: #5e5852; width:20px; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-bottom: 5px; border-bottom:4px solid grey;} |
| |
| #menuHaut a {color:white; } |
| |
| #menuHaut ul li {float:left; width:160px; height:20px; margin-right:15px; text-align:center; text-decoration: none; list-style-type:none; |
| /* pour ie8 */ zoom: 1;} |
| |
| #menuHaut a:hover, #menuHaut a:focus{ font-weight:bold; color: #5e5852; text-decoration:none; text-transform:uppercase; padding-bottom: 5px; border-bottom:4px solid grey; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ border-radius: 30px 30px 30px 30px; } |
| |
| |
| /* Couleurs des différents menus*/ |
| #menuAccueil { background: #fd8c13; } |
| #menuBotanique { background: #9ac243;} |
| #menuActualites{ background: #c2c0ad; } |
| #menuReseau { background: #e16039; } |
| #menuProjets{ background: #a89d80; } |
| |
| /* |
| TODO : ou est ce utilisé ? |
| .down{ |
| margin-top:8px; |
| }*/ |
| #menuAccueil a:link , #menuAccueil a:visited , #menuAccueil a :active { |
| font-weight:normal; |
| text-decoration:none; |
| } |
| |
| #menuAccueil a:hover, #menuAccueil a:focus{ |
| font-weight:bold; |
| color: #5e5852; |
| text-decoration:none; |
| text-transform:uppercase; |
| padding-bottom: 5px; |
| border-bottom:4px solid grey; |
| -moz-border-radius: 30px 30px 30px 30px; |
| -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ |
| border-radius: 30px 30px 30px 30px; |
| |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| #menuProjets a:hover, #menuProjets a:focus{ |
| font-weight:bold; |
| color: #5e5852; |
| text-decoration:none; |
| text-transform:uppercase; |
| padding-bottom: 5px; |
| border-bottom:4px solid grey; |
| -moz-border-radius: 30px 30px 30px 30px; |
| -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ |
| border-radius: 30px 30px 30px 30px; |
| |
| } |
| |
| /* menu gauche */ |
| |
| #menuGaucheBotanique { |
| width: 170px; |
| margin-top:10px; |
| border-left: 1px solid #7b9c35; |
| padding-bottom:30px |
| } |
| |
| #menuGaucheActualites { |
| width: 170px; |
| height:420px; |
| margin-top:10px; |
| border-left: 1px solid #7b9c35; |
| } |
| |
| #menuGaucheReseau { |
| width: 170px; |
| height:490px; |
| margin-top:10px; |
| border-left: 1px solid #7b9c35; |
| } |
| |
| #menuGaucheProjets { |
| width: 170px; |
| height:110px; |
| margin-top:10px; |
| border-left: 1px solid #7b9c35; |
| } |
| |
| #menuGauche { |
| width: 172px; |
| float:left; |
| color:#7b9c35; |
| text-align:left; |
| text-decoration:none; |
| font-weight:normal; |
| } |
| /* 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 { list-style:none;} |
| #zone-menu-gauche ul li { padding-bottom:5px;} |
| #zone-menu-gauche ul li a{margin:0px 0 0 0px; padding:2px 0 2px 12px; border-top:1px solid #7b9c35; border-bottom:1px solid #7b9c35; |
| border-right:1px solid #7b9c35; -moz-border-radius: 7px;-webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 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:0px 0 0 0;} |
| #zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline} |
| |
| #menuGauche .niveau1 { |
| margin-left:3px; |
| } |
| |
| #menuGauche .niveau2 { |
| margin-top:5px; |
| padding-left:3px; |
| border-top:1px solid #7b9c35; |
| border-bottom:1px solid #7b9c35; |
| border-right:1px solid #7b9c35; |
| -moz-border-radius: 7px; |
| -webkit-border-radius: 7px 7px 7px 7px; /* pour Chrome */ |
| border-radius: 7px 7px 7px 7px; |
| } |
| |
| #menuGauche .niveau2 dl,dt{ |
| background: URL(images/petitCarre.jpg) center left no-repeat ; |
| font-weight:bold; |
| } |
| |
| #menuGauche .niveau3 { |
| margin-top:3px; |
| margin-left:28px; |
| width: 142px; |
| } |
| |
| dd{ |
| list-style:disc; |
| display:list-item; |
| } |
| |
| #menuGauche a { |
| text-decoration: none; /* plus de soulignement pour les liens */ |
| } |
| |
| #menuGauche .niveau1 a:link , |
| #menuGauche .niveau1 a:visited , |
| #menuGauche .niveau1 a:active { |
| color:#7b9c35; |
| } |
| |
| #menuGauche .niveau1 a:hover, |
| #menuGauche .niveau1 a:focus{ |
| color:#fd8c13; |
| |
| } |
| |
| #menuGauche .niveau2 a:link , |
| #menuGauche .niveau2 a:visited , |
| #menuGauche .niveau2 a:active { |
| color:#7b9c35; |
| margin-left:10px; |
| margin-top:3px; |
| } |
| |
| #menuGauche .niveau2 a:hover, |
| #menuGauche .niveau2 a:focus{ |
| color:#fd8c13; |
| margin-left:10px; |
| } |
| |
| #menuGauche .niveau3 a:link , |
| #menuGauche .niveau3 a:visited , |
| #menuGauche .niveau3 a:active { |
| color:#7b9c35; |
| } |
| |
| #menuGauche .niveau3 a:hover, |
| #menuGauche .niveau3 a:focus{ |
| color:#fd8c13; |
| } |
| |
| .actifMenuGauche{ |
| font-size: 13px; |
| font-weight:bold; |
| text-transform:uppercase; |
| color: #fd8c13; |
| background:url(../images/troisCarre.png) no-repeat 3px 5px; |
| padding:0 0 10px 27px |
| } |
| .actifMenuGauche2{ |
| font-size: 12px; |
| font-weight:bold; |
| color: #fd8c13; |
| } |
| /* fin menu gauche */ |
| |
| /* pavé connexion */ |
| #zone-menu-connexion { height:122px; width:320px; padding:25px 0 0 0 ; font-family:arial; text-align:right; font-size:11px; background:url(../images/carreorange.png) no-repeat 9px -9px ;} |
| |
| /* Mise en page du formulaire*/ |
| #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: 0px 10px 10px 10px; -webkit-border-radius: 0px 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; |
| #cheminDeFer { width:500px; margin-left:35px; margin-top:12px; margin-bottom:10px; } |
| |
| /** Zone menu connexion **/ |
| #zone-menu-connexion { height:122px; width:320px; 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: 0px 10px 10px 10px; -webkit-border-radius: 0px 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: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius:0 10px 0 0;} |
| #zone-menu-connexion fieldset label { position:relative; width:12em; display:block; margin:.1em 0em; } |
| label input { position : absolute; left : 100%; top : 0px; width:15px;} |
| #username, #password { width:80px;} |
| #zone-menu-connexion fieldset #connexion {border:solid 1px #8eb533; padding:0;} |
| #persistant, #persistant_label {float:left;margin-left:-0px;} |
| #persistant_label {padding-top:2px} |
| #zone-menu-connexion #colonneDroite { padding:15px 0 15px 0px; } |
| |
| |
| #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; text-align:left} |
| |
| #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:1.3em;} |
| #bandeauProjets ul li p { padding-right:2px; text-align:left} |
| #bandeauProjets ul li a { color:#7B9C35; font-weight:bold; } |
| #bandeauProjets ul li h3 { padding:5px 0 5px 0 ; margin:0; color:#fd8c13; } |
| #bandeauProjets ul li img { float:left; } |
| |
| #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; |
| #zone-menu-connexion fieldset label { position:relative; width:12em; display:block; margin:.1em 0em; } |
| #zone-menu-connexion label input { position : absolute; left : 100%; top : 0px; 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:-0px;} |
| #zone-menu-connexion #persistant_label {padding-top:2px} |
| #zone-menu-connexion #colonneDroite { padding:15px 0 15px 0px; } |
| |
| /** Menu latéral : Zone gauche **/ |
| #zone-gauche { width:170px; float:left; margin-left:0px; padding-bottom:100px} |
| |
| |
| /** Zone principale : zone droite **/ |
| |
| #zone-droite { width:710px; margin-left:00px; float:left; height:auto; } |
| #zone-droite #main { padding-left:34px} |
| |
| #cartographie { position:absolute; z-index:10; background :white; border:solid 1px #AAAAAA; padding:15px; margin:-300px 0 0 -300px; } |
| #cartographie #masquerLaCarte { float:right } |
| |
| |
| /** Zone projets : commun avec accueil */ |
| /** TODO : mettre en place une feuille commune **/ |
| #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; } |
| #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:1.3em;} |
| #bandeauProjets ul li p { padding-right:2px; } |
| #bandeauProjets ul li a { color:#7B9C35; font-weight:bold; } |
| #bandeauProjets ul li h3 { padding:5px 0 5px 0 ; margin:0; color:#fd8c13; } |
| #bandeauProjets ul li img { float:left; } |
| #bandeauProjets ul .bouton { width:20px;} |
| #bandeauProjets #boutonPrecedent, #bandeauProjets #boutonSuivant { position:absolute;} |
| #bandeauProjets #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 0px 10px ; -webkit-border-radius: 10px 0 0px 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; |
| #bandeauProjets #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: 0px 10px 10px 0px ; -webkit-border-radius: 0px 10px 10px 0px ; |
| border-radius: 0px 10px 10px 0px ; } |
| |
| #bandeVerte { |
| height:20px; |
| width:163px; |
| margin-top:-12px; |
| margin-left:-22px; |
| float:left; |
| background-color:#99c242; |
| border: 1px solid #c2c0ad; |
| -moz-border-radius: 0px 10px 0px 0px; |
| -webkit-border-radius: 0px 10px 0px 0px; /* pour Chrome */ |
| border-radius: 0px 10px 0px 0px; |
| |
| } |
| #carreOrange { |
| height:22px; |
| width:22px; |
| background-color:#fd8c14; |
| margin-top:-1px; |
| margin-left:-1px; |
| } |
| |
| |
| p.connectblanc{ |
| color:#fff; |
| text-transform:uppercase; |
| font-family:arial; |
| font-size:12px; |
| font-weight:normal; |
| text-align:left; |
| margin-left:31px; |
| margin-top:-19px; |
| |
| } |
| |
| p.connectgris{ |
| color:#5e5852; |
| font-family:arial; |
| font-size:11px; |
| font-weight:normal; |
| text-align:left; |
| line-height:12px; |
| margin-left:10px; |
| margin-bottom:3px; |
| } |
| |
| p.connectvert{ |
| color:#7b9c35; |
| /* text-transform:uppercase; */ |
| font-family:arial; |
| font-size:11px; |
| font-weight:normal; |
| text-align:left; |
| margin-left:10px; |
| margin-top:10px; |
| } |
| |
| p.connectorange{ |
| color:#fd8c13; |
| /* text-transform:uppercase; */ |
| font-family:arial; |
| font-size:11px; |
| font-weight:normal; |
| text-align:left; |
| margin-top:7px; |
| margin-bottom:3px; |
| margin-left:10px; |
| } |
| /* fin pavé connexion */ |
| |
| /* droite commun à toutes pages */ |
| #zone-droite { width:710px; margin-left:00px; float:left; height:auto; } |
| #zone-droite #main { padding-left:34px} |
| |
| #zone-droite h1 a:link , |
| #zone-droite h1 a:visited , |
| #zone-droite h1 a:active{ |
| color:#fd8c13; /* orange */ |
| } |
| #zone-droite h1 a:hover, |
| #zone-droite h1 a:focus{ |
| color:#7b9c35; /* verd */ |
| } |
| |
| #zone-droite h2 a:link , |
| #zone-droite h2 a:visited , |
| #zone-droite h2 a:active{ |
| color:#5e5852; |
| } |
| #zone-droite h2 a:hover, |
| #zone-droite h2 a:focus{ |
| color:#fd8c13; /* orange */ |
| } |
| |
| #zone-droite h3 a:link, |
| #zone-droite h3 a:visited, |
| #zone-droite h3 a:active{ |
| color:#5e5852; |
| } |
| #zone-droite h3 a:hover, |
| #zone-droite h3 a:focus{ |
| color:#fd8c13; |
| /* border-bottom:1px dotted #fd8c13; */ |
| } |
| |
| #zone-droite h4 a:link, |
| #zone-droite h4 a:visited, |
| #zone-droite h4 a:active{ |
| color:#7b9c35; |
| border-bottom:1px dotted #7b9c35; |
| } |
| #zone-droite h4 a:hover, |
| #zone-droite h4 a:focus{ |
| color:#fd8c13; |
| border-bottom:1px dotted #fd8c13; |
| } |
| |
| #cheminDeFer{ |
| width:500px; |
| |
| margin-left:35px; |
| margin-top:12px; |
| margin-bottom:10px; |
| } |
| |
| #encart1{ |
| width:220px; |
| float:left; |
| margin:8px; |
| padding:20px; |
| background:#fff; |
| /* background:#f6e7d2; */ |
| border:1px solid #e16039; |
| -moz-border-radius: 7px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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 */ |
| /* border-bottom:1px dotted #9ac342; */ |
| } |
| #encart2{ |
| width:220px; |
| float:left; |
| margin:8px; |
| padding:20px; |
| background:#fff; |
| /* background:#f6e7d2; */ |
| border:1px solid #9ac243; |
| -moz-border-radius: 7px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 10px; |
| } |
| #encart3{ |
| width:660px; |
| float:left; |
| margin:8px; |
| padding:20px; |
| background-color:#eaedcd; |
| /* border:1px solid #e16039; */ |
| -moz-border-radius: 7px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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 */ |
| /* border-bottom:1px dotted #9ac342; */ |
| } |
| /* page intérieure */ |
| |
| #texte{ |
| width:660px; |
| margin-left:30px; |
| float:left; |
| height:auto; |
| |
| } |
| |
| |
| /* botanique */ |
| #appli{ |
| width:690px; |
| margin-left:20px; |
| float:left; |
| background-color:#eaedcd; |
| /* -moz-border-radius: 7px; */ |
| -moz-border-radius: 10px 10px 10px 10px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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 */ |
| } |
| |
| #gauche1{ |
| width:320px; |
| float:left; |
| margin-left:0px; |
| } |
| |
| #eFlore{ |
| width:300px; |
| height:200px; |
| padding:20px; |
| /* margin-top:10px; */ |
| float:left; |
| /* margin-left:25px; */ |
| border-right:1px dotted #7b9c35; |
| } |
| |
| #droite1{ |
| width:300px; |
| float:left; |
| } |
| |
| #plantesDepartement{ |
| width:300px; |
| padding:20px; |
| /* margin-top:10px; */ |
| float:left; |
| margin-left:40px; |
| } |
| |
| #rejoindrePlantesDepartement{ |
| width:71px; |
| height:35px; |
| margin-left:200px; |
| margin-top:-35px; |
| } |
| |
| .champs{ |
| font-family:arial; |
| font-size:11px; |
| background-color:#ffffff; |
| 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:#ffffff; |
| border:dotted 1px #7b9c35; |
| color:#fd8c13; |
| margin-left:242px; |
| font-variant:small-caps; |
| } |
| |
| #fluxRSS{ |
| width:680px; |
| margin-left:20px; |
| margin-top:20px; |
| float:left; |
| } |
| |
| #gauche2{ |
| width:340px; |
| float:left; |
| margin-left:0px; |
| margin-top:0px; |
| } |
| |
| .filetVert{ |
| width:300px; |
| margin-left:00px; |
| margin-top:5px; |
| padding:20px; |
| border:1px solid #9ac342; |
| -moz-border-radius: 10px; |
| float:left; |
| } |
| |
| #OutilSaisieCarnet{ |
| width:71px; |
| height:35px; |
| margin-left:210px; |
| margin-top:0px; |
| margin-bottom:-10px; |
| } |
| |
| #droite2{ |
| width:320px; |
| float:left; |
| } |
| |
| #galeriePhoto{ |
| width:320px; |
| float:left; |
| margin-left:40px; |
| margin-top:20px; |
| /* border-bottom:1px dotted #9ac342; */ |
| } |
| |
| #block3{ |
| width:680px; |
| margin-left:40px; |
| margin-top:20px; |
| float:left; |
| /* border:1px solid #d4e5af; |
| -moz-border-radius: 7px; */ |
| /* background-color:#d4e5af; */ |
| } |
| |
| #gauche3{ |
| width:340px; |
| float:left; |
| } |
| |
| #initier{ |
| width:320px; |
| float:left; |
| /* border-bottom:1px dotted #9ac342; */ |
| border-right:1px dotted #7b9c35; |
| } |
| |
| #rejoindreInitier{ |
| width:71px; |
| height:35px; |
| margin-left:200px; |
| margin-top:-8px; |
| } |
| |
| #droite3{ |
| width:320px; |
| float:left; |
| } |
| |
| #herbier{ |
| width:320px; |
| margin-left:20px; |
| float:left; |
| /* border-bottom:1px dotted #9ac342; */ |
| } |
| |
| #rejoindreHerbiers{ |
| width:71px; |
| height:35px; |
| margin-left:185px; |
| margin-top:-35px; |
| } |
| |
| /* fin droite botanique */ |
| |
| /* actualites */ |
| #dernieresActualites{ |
| width:760px; |
| margin-left:30px; |
| /* padding:20px; */ |
| float:left; |
| height:auto; |
| /* border:1px solid #c2c0ad; |
| -moz-border-radius: 7px; */ |
| } |
| |
| .flux_RSS .contenu_RSS .actualites1{ |
| width:674px; |
| padding-top:5px; |
| padding-bottom:5px; |
| height:auto; |
| border-bottom:1px dotted #c2c0ad; |
| |
| } |
| |
| .flux_simple h2 { |
| width:320px; |
| |
| } |
| |
| .flux_simple h4 { |
| text-transform:capitalize; |
| margin-bottom:15px; |
| } |
| .texteActualites1 { width:535px; height:auto; text-align:justify } |
| |
| .texteActualites1 p, #texteActualites1 a {display:inline; text-align:justify} |
| .texteActualites1 br {position:absolute} |
| |
| .imageActualites1{ width:130px; text-align:center; margin-top:0px; float:right; } |
| |
| #actualites2{ |
| width:680px; |
| padding-top:5px; |
| padding-bottom:5px; |
| height:auto; |
| float:left; |
| border-bottom:1px dotted #c2c0ad; |
| } |
| #texteActualites2{ |
| width:540px; |
| height:auto; |
| float:left; |
| } |
| #imageActualites2{ |
| width:100px; |
| margin-left:15x; |
| margin-top:0px; |
| float:left; |
| } |
| |
| #actualites3{ |
| width:680px; |
| padding-top:5px; |
| padding-bottom:5px; |
| height:auto; |
| float:left; |
| border-bottom:1px dotted #c2c0ad; |
| } |
| #texteActualites3{ |
| width:540px; |
| height:auto; |
| float:left; |
| } |
| #imageActualites3{ |
| width:100px; |
| margin-left:15px; |
| margin-top:0px; |
| float:left; |
| } |
| |
| #menuCentreActualites{ |
| width:760px; |
| margin-top:20px; |
| margin-left:30px; |
| float:left; |
| height:auto; |
| /* border:1px solid #c2c0ad; |
| -moz-border-radius: 7px; */ |
| } |
| |
| #ongletsMenuCentreActualites { |
| margin: 0; |
| padding: 0px; |
| list-style: none; |
| |
| } |
| |
| #ongletsMenuCentreActualites li { |
| display: inline; /* affichage horizontal */ |
| } |
| |
| .ongletsMenuCentre { |
| cursor:pointer; |
| float:left; |
| list-style:none; |
| margin-right:5px; |
| /* font-variant:small-caps; */ |
| color:#fd8c13; |
| font-family:arial; |
| font-size:13px; |
| font-weight:bold; |
| text-transform:uppercase; |
| letter-spacing:0px; |
| margin-bottom:5px; |
| padding: 4px 4px 4px 30px ; |
| background:url(../images/troisCarre.png) no-repeat 5px 9px #c2c0ad; |
| /* background: #e5e4d4; */ |
| |
| color:#fd8c13; |
| border-top: 1px solid #c2c0ad; |
| border-right: 1px solid #c2c0ad; |
| border-left: 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; /* pour Chrome */ |
| border-radius: 10px 10px 0 0; |
| } |
| .ongletsMenuCentreActif{ |
| background: url(../images/troisCarre.png) #fff no-repeat 5px 9px; |
| color: #fd8c13; |
| border-top: 1px solid #c2c0ad; |
| border-right: 1px solid #c2c0ad; |
| border-left: 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; /* pour Chrome */ |
| border-radius: 10px 10px 0 0; |
| } |
| |
| |
| |
| #ongletsMenuCentreActualites li a:hover, |
| #ongletsMenuCentreActualites li a:focus, |
| #ongletsMenuCentreActualites li a:active{ |
| background: #fff; |
| color: #fd8c13; |
| |
| } |
| |
| #enOnglets {margin-top:15px;} |
| |
| #enOnglets .contenu_RSS{ |
| width:697px; |
| margin-top:-5px; |
| padding:8px; |
| float:left; |
| height:auto; |
| background-color:#fff; |
| border-top: 0px solid #c2c0ad; |
| border-right: 1px solid #c2c0ad; |
| border-left: 1px solid #c2c0ad; |
| border-bottom: 1px solid #c2c0ad; |
| text-decoration: none; |
| -moz-border-radius: 0px 10px 0 0; |
| -webkit-border-radius: 0px 10px 0 0; /* pour Chrome */ |
| border-radius: 0px 10px 0 0; |
| } |
| |
| #articlesPlusLus{ |
| width:697px; |
| margin-top:-3px; |
| padding:8px; |
| float:left; |
| height:auto; |
| background-color:#fff; |
| border-top: 0px solid #c2c0ad; |
| border-right: 1px solid #c2c0ad; |
| border-left: 1px solid #c2c0ad; |
| border-bottom: 1px 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; |
| } |
| |
| #nouvellesReseau{ |
| width:697px; |
| margin-top:-3px; |
| padding:8px; |
| float:left; |
| height:auto; |
| background-color:#fff; |
| border-top: 0px solid #c2c0ad; |
| border-right: 1px solid #c2c0ad; |
| border-left: 1px solid #c2c0ad; |
| border-bottom: 1px 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; |
| } |
| |
| #planeteBota{ |
| width:697px; |
| margin-top:-3px; |
| padding:8px; |
| float:left; |
| height:auto; |
| background-color:#fff; |
| border-top: 0px solid #c2c0ad; |
| border-right: 1px solid #c2c0ad; |
| border-left: 1px solid #c2c0ad; |
| border-bottom: 1px 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; |
| } |
| |
| .cadreRondVert { width:685px; float:left; margin-top:20px; background-color:#eaedcd; -moz-border-radius: 10px 10px 10px 10px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 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; |
| /** Zone-bas-page : footer **/ |
| #zone-bas-page { width:900px; clear:both;} |
| #zone-bas-page div { width:900px; margin:20px 0 10px 0;text-align:center;} |
| #zone-bas-page div ul li {list-style:none;text-decoration:none;text-align:center;font-size: 12px;font-family:arial;display:inline;margin-left:10px;padding :6px 0 0 20px} |
| #zone-bas-page #accueil { background:url(../images/accueil.png) no-repeat 0px 2px; } |
| #zone-bas-page #faq { background:url(../images/faq.png) no-repeat 0px 2px; } |
| #zone-bas-page #contact { background:url(../images/contact.png) no-repeat 0px 2px; } |
| #zone-bas-page #plan { background:url(../images/plan.png) no-repeat 0px 2px; } |
| #zone-bas-page #rss { background:url(../images/rss.png) no-repeat 0px 2px; } |
| #zone-bas-page #telechargement { background:url(../images/telechargement.png) no-repeat 0px 2px; } |
| #zone-bas-page #visite { background:url(../images/visite.png) no-repeat 0px 2px; } |
| #zone-bas-page #mentions { background:url(../images/mentions.gif) no-repeat 0px 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;} |
| |
| } |
| .cadreRondGris { |
| width:685px; |
| float:left; |
| margin-top:20px; |
| background-color:#e5e4d4; |
| -moz-border-radius: 10px 10px 10px 10px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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; |
| } |
| |
| #cartographie { |
| position:absolute; |
| z-index:10; |
| background :white; |
| border:solid 1px #AAAAAA; padding:15px; |
| margin-top:-300px; |
| margin-left:-300px; |
| } |
| |
| #actualites #cartographie #masquerLaCarte{ |
| float:right |
| } |
| |
| .cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche{ |
| width:320px; |
| padding:20px; |
| border-right:1px dotted #959486; |
| float:left; |
| } |
| |
| .cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite { |
| width:284px;float:left; |
| padding:20px; |
| |
| } |
| |
| #rechercheEvenements{ |
| width:265px; |
| padding:20px; |
| float:left; |
| } |
| |
| #actualites .colonneDroite input, #actualites .colonneDroite select{ |
| font-family:arial; |
| font-size:11px; |
| background-color:#ffffff; |
| border:dotted 1px #7b9c35; |
| color:#3a3633; |
| margin-bottom:7px; |
| } |
| |
| #actualites .colonneDroite #afficherLaCarte { |
| display:block; |
| background:url(../../../actualites/generique/images/carteEvenements.jpg); |
| width:130px; height:133px; |
| float:right; |
| } |
| |
| #botanique .colonneDroite #afficherLaCarte { |
| display:block; |
| background:url(../../../botanique/generique/images/mini_carte_taxon.jpg); |
| width:150px; height:143px; |
| float:left; |
| } |
| |
| #evt_date_debt, #evt_date_fin { |
| width:116px; |
| } |
| |
| .filtrer{ |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| background-color:#ffffff; |
| border:dotted 1px #7b9c35; |
| color:#fd8c13; |
| margin-left:10px; |
| font-variant:small-caps; |
| } |
| |
| |
| /* fin actualites */ |
| |
| /* reseau */ |
| #blockGaucheReseau{ |
| width:425px; |
| float:left; |
| margin-left:20px; |
| } |
| |
| #carteReseau{ |
| width:435px; |
| float:left; |
| margin-left:10px; |
| margin-top:5px; |
| } |
| |
| #inscritsReseau{ |
| width:170px; |
| float:left; |
| margin-left:90px; |
| padding:2px; |
| border:1px solid #e16039; |
| -moz-border-radius: 7px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 10px; |
| margin-bottom:10px; |
| margin-top:5px; |
| } |
| |
| #derniersInscrits{ |
| width:435px; |
| float:left; |
| margin-top:10px; |
| margin-bottom:10px; |
| margin-left:20px; |
| } |
| |
| #dernieresContributions{ |
| width:370px; |
| margin-left:00px; |
| margin-top:10px; |
| padding:20px; |
| border:1px solid #9ac342; |
| -moz-border-radius: 10px; |
| float:left; |
| } |
| |
| #OutilSaisieContributions{ |
| width:71px; |
| height:35px; |
| margin-left:270px; |
| margin-top:0px; |
| margin-bottom:-5px; |
| } |
| |
| #blockDroiteReseau{ |
| width:230px; |
| margin-left:10px; |
| float:left; |
| } |
| |
| #regoignezLeReseau{ |
| width:240px; |
| float:left; |
| margin-top:-20px; |
| padding:20px; |
| background:#fff; |
| /* background:#f6e7d2; */ |
| border:1px solid #e16039; |
| -moz-border-radius: 7px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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 */ |
| /* border-bottom:1px dotted #9ac342; */ |
| } |
| |
| #suivre{ |
| margin-top:15px; |
| width:230px; |
| padding-left:15px; |
| float:left; |
| } |
| |
| #facebook{ |
| width:140px; |
| margin-top:0px; |
| margin-bottom:0px; |
| padding-left:25px; |
| } |
| /* #textefacebook{ |
| width:100px; |
| margin-left:90px; |
| margin-top:-30px; |
| } */ |
| |
| #twitter{ |
| width:150px; |
| margin-top:0px; |
| margin-bottom:0px; |
| padding-left:15px; |
| } |
| /* #textetwitter{ |
| width:100px; |
| margin-left:100px; |
| margin-top:-30px; |
| } */ |
| |
| #delicious{ |
| width:140px; |
| margin-top:0px; |
| margin-bottom:0px; |
| padding-left:25px; |
| } |
| /* #textedelicious{ |
| width:100px; |
| margin-left:90px; |
| margin-top:-30px; |
| } */ |
| |
| #netvibes{ |
| width:100px; |
| margin-top:0px; |
| margin-bottom:0px; |
| padding-left:25px; |
| } |
| /* #textenetvibes{ |
| width:100px; |
| margin-left:90px; |
| margin-top:-30px; |
| } */ |
| |
| .center{ |
| padding-left:50px; |
| } |
| |
| #nouvelles{ |
| width:250px; |
| float:left; |
| margin-left:00px; |
| margin-top:30px; |
| } |
| |
| /* fin reseau */ |
| |
| /* projets */ |
| #blockGaucheProjets{ |
| width:400px; |
| float:left; |
| margin-left:30px; |
| } |
| |
| #boutonsProjets{ |
| width:400px; |
| float:left; |
| margin-left:10px; |
| margin-top:15px; |
| |
| } |
| |
| p.blanc1{ |
| color:#fff; |
| text-transform:uppercase; |
| font-family:arial; |
| font-size:13px; |
| line-height:14px; |
| font-weight:normal; |
| text-align:left; |
| margin-left:10px; |
| padding-top:2px; |
| } |
| p.blanc2{ |
| color:#fff; |
| /* text-transform:uppercase; */ |
| font-family:verdana; |
| font-size:20px; |
| line-height:20px; |
| font-weight:normal; |
| text-align:left; |
| margin-left:10px; |
| padding-bottom:5px; |
| letter-spacing:1px; |
| } |
| |
| #boutonEchangezForums{ |
| width:180px; |
| height:80px; |
| margin-left:0px; |
| float:left; |
| background-color:#baad8b; |
| /* border: 1px solid #c2c0ad; */ |
| text-decoration: none; |
| -moz-border-radius: 10px 10px 10px 10px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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 */ |
| } |
| #imageBoutonEchangezForums{ |
| padding-top:8px; |
| padding-left:3px; |
| } |
| |
| #boutonContribuezProjets{ |
| width:180px; |
| height:80px; |
| margin-left:20px; |
| margin-bottom:15px; |
| float:left; |
| background-color:#caac5d; |
| text-decoration: none; |
| -moz-border-radius: 10px 10px 10px 10px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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 */ |
| } |
| #imageBoutonContribuezProjets{ |
| padding-top:8px; |
| padding-left:3px; |
| } |
| |
| #boutonConsultezSyntheses{ |
| width:180px; |
| height:80px; |
| margin-left:0px; |
| float:left; |
| background-color:#776a47; |
| text-decoration: none; |
| -moz-border-radius: 10px 10px 10px 10px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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 */ |
| } |
| #imageBoutonConsultezSyntheses{ |
| padding-top:9px; |
| padding-left:3px; |
| } |
| |
| #boutonConsultezDocuments{ |
| width:180px; |
| height:80px; |
| margin-left:20px; |
| /* background: URL(images/boutonEchangezForums.png) no-repeat; |
| */ |
| float:left; |
| background-color:#5d8365; |
| -moz-border-radius: 10px 10px 10px 10px; |
| -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ |
| border-radius: 10px 10px 10px 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 */ |
| } |
| #imageBoutonConsultezDocuments{ |
| padding-top:10px; |
| padding-left:3px; |
| } |
| |
| #rechercheProjet{ |
| width:445px; |
| float:left; |
| padding:5px; |
| margin-top:30px; |
| margin-bottom:10px; |
| } |
| |
| .champsRechercheProjets{ |
| font-family:arial; |
| font-size:11px; |
| background-color:#ffffff; |
| border:dotted 1px #7b9c35; |
| color:#3a3633; |
| margin-top:7px; |
| } |
| |
| .okRechercheProjet{ |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| background-color:#ffffff; |
| border:dotted 1px #7b9c35; |
| color:#fd8c13; |
| margin-left:10px; |
| font-variant:small-caps; |
| } |
| |
| |
| #projets1{ |
| width:400px; |
| height:auto; |
| float:left; |
| border-top:1px dotted #baad8b; |
| border-bottom:1px dotted #baad8b; |
| } |
| #texteProjets1{ |
| width:400px; |
| margin-top:5px; |
| float:left; |
| } |
| |
| #projets2{ |
| width:400px; |
| height:auto; |
| float:left; |
| border-bottom:1px dotted #baad8b; |
| } |
| #texteProjets2{ |
| width:400px; |
| margin-top:5px; |
| float:left; |
| } |
| |
| #projets3{ |
| width:400px; |
| height:auto; |
| float:left; |
| border-bottom:1px dotted #baad8b; |
| } |
| #texteProjets3{ |
| width:400px; |
| margin-top:5px; |
| float:left; |
| } |
| |
| #blockDroiteProjets{ |
| width:235px; |
| margin-left:20px; |
| float:left; |
| } |
| |
| #commentParticiper{ |
| width:220px; |
| float:left; |
| padding:20px; |
| /* background-color:#baad8b; */ |
| background-color:#fff; |
| border:1px solid #fff; |
| -moz-border-radius: 10px 10px 10px 10px; |
| -webkit-border-radius: 10px 10px 10px 10px; |
| border-radius: 10px 10px 10px 10px; |
| -webkit-border-top-left-radius: 10px; /* pour Chrome */ |
| -webkit-border-top-right-radius: 10px; /* pour Chrome */ |
| -webkit-border-bottom-right-radius: 10px; /* pour Chrome */ |
| -webkit-border-bottom-right-radius: 10px; /* pour Chrome */ |
| -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 */ |
| margin-bottom:10px; |
| } |
| |
| #contribution{ |
| width:240px; |
| float:left; |
| padding:20px; |
| margin-top:5px; |
| padding-bottom:22px; |
| /* border-bottom:1px dotted #baad8b; */ |
| } |
| |
| #messagesProjets{ |
| width:240px; |
| float:left; |
| padding:20px; |
| padding-top:15px; |
| } |
| |
| /* fin projets */ |
| |
| |
| |
| /* typographies */ |
| p{ |
| /* color:#3a3633; */ |
| color:#5e5852; |
| font-family:arial; |
| font-size:12px; |
| font-weight:normal; |
| line-height:18px; |
| text-align:justify; |
| } |
| |
| .vertpetit{ |
| color:#7b9c35; |
| /* text-transform:uppercase; */ |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| } |
| |
| .grispetit{ |
| color:#3a3633; |
| /* text-transform:uppercase; */ |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| } |
| |
| p.orange{ |
| color:#fd8c13; |
| /* text-transform:uppercase; */ |
| font-family:arial; |
| font-size:12px; |
| line-height:12px; |
| font-weight:normal; |
| |
| } |
| |
| p.blanc{ |
| color:#fff; |
| font-family:arial; |
| font-size:11px; |
| line-height:12px; |
| font-weight:normal; |
| } |
| |
| h1{ |
| color:#fd8c13; |
| font-family:arial; |
| font-size:13px; |
| font-weight:bold; |
| text-transform:uppercase; |
| letter-spacing:0px; |
| margin-bottom:8px; |
| } |
| |
| h2{ |
| color:#6c6865; |
| font-family:arial; |
| font-size:12px; |
| font-weight:bold; |
| letter-spacing:0px; |
| margin-bottom:0px; |
| } |
| |
| h3{ |
| color:#6c6865; |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| letter-spacing:0px; |
| margin:2px; |
| } |
| |
| h4{ |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| letter-spacing:0px; |
| margin:2px; |
| color:#7b9c35; |
| font-weight:normal; |
| } |
| |
| .petitesMajuscules{ |
| font-variant:small-caps; |
| } |
| |
| /* fin typographies */ |
| |
| |
| |
| #bandeauProjetsBas{ |
| width:900px; |
| margin-top:20px; |
| margin-bottom:20px; |
| border:dotted 1px #fd8c13; |
| -moz-border-radius: 10px; |
| float:left; |
| } |
| |
| /* pied */ |
| #pied{ |
| width:900px; |
| clear:both; |
| } |
| /* menu pied */ |
| #menupied{ |
| width:900px; |
| margin-top:20px; |
| text-align:center; |
| margin-bottom:20px; |
| |
| } |
| |
| #menupied ul li { |
| /* list-style:none; */ |
| text-decoration:none; |
| text-align:center; |
| font-size: 12px; |
| font-family:arial; |
| display:inline; |
| margin-left:10px; |
| } |
| |
| #menupied a:link , #menupied a:visited , #menupied a :active { |
| font-weight:normal; |
| color:#7b9c35; |
| text-decoration:none; |
| } |
| |
| #menupied a:hover, #menupied a:focus{ |
| font-weight:normal; |
| color: #fd8c13; |
| text-decoration:none; |
| } |
| |
| .actifbas{ |
| color:#7b9c35; |
| font-size: 13px; |
| } |
| |
| #coordonees{ |
| width:900px; |
| text-align:center; |
| margin-left:auto; |
| margin-right:auto; |
| } |
| |
| #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; |
| /* color:#327f3a;*/ |
| } |
| |
| #coordonees a:hover, |
| #coordonees a:focus{ |
| /* color:#3a3633; */ |
| color:#fd8c13; |
| /*color:#9ac342; */ |
| } |
| |
| #clearBoth{ |
| clear:both; |
| } |
| |
| |
| |
| |
| |
| |
| |
| /*autres versions*/ |
| /* #separation{ |
| width:900px; |
| height:60px; |
| margin-top:60px; |
| border-top:dotted black 2px; |
| float:left; |
| } |
| #versionCouleursDescendus{ |
| width:900px; |
| height:855px; |
| float:left; |
| background:URL(images/versionCouleursDescendus.jpg) no-repeat top; |
| } |
| #versionCouleursTresDescendus{ |
| width:900px; |
| height:855px; |
| float:left; |
| background:URL(images/versionCouleursTresDescendus.jpg) no-repeat top; |
| } |
| #versionSansCouleursFond{ |
| width:900px; |
| height:855px; |
| float:left; |
| background:URL(images/versionSansCouleursFond.jpg) no-repeat top; |
| } |
| #versionCarreCourt{ |
| width:900px; |
| height:855px; |
| float:left; |
| background:URL(images/versionCarreCourt.jpg) no-repeat top; |
| } |
| #versionCouleurGris{ |
| width:900px; |
| height:855px; |
| float:left; |
| background:URL(images/VersionCouleurGris.jpg) no-repeat top; |
| } */ |
| |
| /** Contact Tela **/ |
| #coordonees { width:888px; 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;} |
| |
| |
| |
| |
| |
| |
| |
| |