Subversion Repositories Sites.tela-botanica.org

Rev

Rev 616 | Rev 762 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

/*POLICES */
body{
        behavior:url(/commun/htc/csshover3.htc)}
/*Définition des polices exotiques.*/
@font-face{
        font-family:optima;
        src:url('/commun/polices/optima_demi_bold.ttf');}
@font-face{
        font-family:Helveticaneue;
        src:url('/commun/polices/helvetica_light.ttf');}
@font-face{
        font-family:optima2;
        src:url('/commun/polices/optima_demi_bold.eot');}
@font-face{
        font-family:Helveticaneue2;
        src:url('/commun/polices/helvetica_light.eot');}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BALISES HTML */
body{
        margin-top:8px;
        background-color:white;}
img,ul,form,li,td,div,p,br,a,h1,h2,body{
        margin:0;
        padding:0;
        border:0;
        text-decoration:none;}
p{
        color:#3a3633;
        font-family:arial;
        font-size:12px;
        font-weight:normal;
        line-height:16px;}
label input {
        position:absolute;
        left:100%;
        top:0px;
        width:15px;}
a:link, a:visited, a:active{
        color:#3a3633;}
a:hover, a:focus{
        color:#fd8c13;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* CLASSES & COULEURS */
.arrondi30{
        -moz-border-radius:30px;
        -webkit-border-radius:30px;
        border-radius:30px;}
.ombre{
        -moz-box-shadow:2px 2px 9px #6c6865;
        -webkit-box-shadow:2px 2px 9px #6c6865;
        box-shadow: 2px 2px 9px #6c6865; 
        filter:progid:DXImageTransform.Microsoft.Shadow(color='#6c6865', Direction=135, Strength=4); /* pour ie8 */}
.nodisplay{
        display:none}
.hidden{
        visibility:hidden}
.spacer125{
        width:125px;
        float:left;}
p.connectgris{
        color:#5e5852;
        font-family:arial;
        font-size:11px;
        font-weight:normal;
        text-align:left;
        line-height:12px;}
p.connectvert,a.connectvert{
        color:#7b9c35;
        font-family:arial;
        font-size:11px;
        font-weight:normal;
        text-align:left;
        margin-top:10px;}
p.connectvertpetit,a.connectvertpetit{
        color:#7b9c35;
        font-family:arial;
        font-size:11px;
        font-weight:normal;
        text-align:left;}
p.orange,a.orange{
        color:#fd8c13;
        font-family:arial;
        font-size:11px;
        font-weight:normal;
        text-align:left;
        margin:7px 0 3px 0;}
p.accueil{
        color:#3a3633;
        font-family:arial;
        font-size:13px;
        text-align:justify;
        font-weight:normal;
        line-height:17px;}
.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}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/*ZONE PRINCIPALE*/
#zone-principale{
        position:absolute;
        width:960px;
        margin:30px 0 0 -450px;
        left: 46%;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE MENU HAUT */
#zone-menu-haut{
        width:745px;
        height:12px;
        text-align:center;
        margin:0 auto 0 90px;
        position:absolute;
        top:-25px;
        color:#3a3633;
        font-family:arial;
        font-size:12px;}
#zone-menu-haut ul{
        list-style:none;}
#zone-menu-haut ul li{
        background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 3px 5px;
        float:left}
#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, p a{
        font-family:arial;
        font-size:12px;
        color:#7B9C35;}
.drapeau{
        width:15px;
        margin-left:10px}
/* Recherche */
#zone-menu-haut #form_more_recherche label, #zone-menu-haut #form_more_recherche legend{
        display:none}
#zone-menu-haut #form_more_recherche #more_ok{
        background:white;
        border:none;
        color:#7B9C35;
        text-transform:uppercase;
        width:25px;cursor:pointer}
#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;}

/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE TITRE */
#zone-titre{
        padding:0 0 25px 23px;
        margin:0 0 5px 0;}
#zone-titre h1{
        position:absolute;
        top:15px;
        left:155px;
        font-family:Optima;
        font-size:32px;
        letter-spacing:0px;
        color:#348237;}
#zone-titre h2{
        position:absolute;
        top:50px;
        left:146px;
        font-family:optima;
        font-size:19px;
        text-align:right;
        letter-spacing:0px;
        color:#ff8c0d;
        line-height:24px;
        width:386px;}
#zone-titre h2 strong{
        font-size:32px;
        font-weight:normal}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : GÉNÉRALITÉS*/
.motsclefs{
        float:left;
        width:330px;
        height:105px;
        font-family:Helveticaneue;
        letter-spacing:-1px;
        font-weight:lighter;
        text-align:left;
        background:url(../images/carres.png) no-repeat 106px 0px;
        padding:0 0 0 146px;
        margin:0;
        cursor:pointer;}
.motsclefs a {
        color:#5C5950}
.motsclefs h2{
        position:absolute;
        margin-top:13px;
        font-size:52px;
        font-weight:normal;
        color:#5c5950;
        left:200px;
        line-height:35px;}
.motsclefs h2:hover,.motsclefs a:hover{
        color:white;}
.motsclefs h3{
        text-align:left;
        color:#f2f2f2;
        margin-left:141px;
        margin-top:69px}
.motsclefs span{
        position:absolute;
        font-weight:normal;
        text-transform:lowercase}
.texteRectangle{
        padding:8px 25px 0 0;
        height:75px;}
/* Liens des univers */
.menuRectangle{
        position:absolute;
        left:0;
        width:960px;
        margin-top:0;
        text-align:right;}
.menuRectangle ul{
        text-align:right;
        position:absolute;
        right:25px}
.menuRectangle ul li {
        text-decoration:none;
        text-align:center;
        font-size: 12px;
        font-family:arial;
        float:left;
        margin-left:10px;
        padding:3px 0 0 20px;}
.menuRectangle ul li a{
        position:relative;
        margin-left:-4px;
        top:-3px;
        font-weight:normal;}
.menuRectangle a:link, .menuRectangle a:visited, .menuRectangle a:active{
        color:#fff;
        text-decoration:none;}
.menuRectangle a:hover, .menuRectangle a:focus{
        color:#5e5852;
        text-decoration:none;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : BOTANIQUE*/
#zone-botanique{
        background:url(../images/imageAccueilCarres.jpg) no-repeat #9ac343;
        height:105px;
        width:960px;
        margin:0 0 15px 5px;}
#menuRectangleBotanique ul li{
        background:url(../images/carreVert.jpg) no-repeat;
        list-style:none;}
/* Mots clefs Botanique */
#zone-botanique .motsclefs .mot1{
        font-size:32px;
        margin:-22px 0 0 -101px;}
#zone-botanique .motsclefs .mot2{
        font-size:18px;
        margin:-15px 0 0 74px;}
#zone-botanique .motsclefs .mot3{
        font-size:23px;
        margin:5px 0 0 -46px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : ACTUALITÉS*/
#zone-actualites{
        background:url(../images/imageAccueilCarres.jpg) no-repeat 0px -211px #c2c0ad;
        height:105px;
        width:960px;
        margin:0 0 15px 5px;}
#menuRectangleActualites ul li{
        background:url(../images/carreGris.jpg) no-repeat;
        list-style:none;}
/* 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;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : RÉSEAU*/
#zone-reseau{
        background:url(../images/imageAccueilCarres.jpg) no-repeat 0 -316px #e16039;
        height:105px;
        width:960px;
        margin:0 0 15px 5px;}
#menuRectangleReseau ul li{
        background:url(../images/carreRouge.jpg) no-repeat;
        list-style:none;}
/* Mots clefs Réseau */
#zone-reseau .motsclefs .mot1{
        font-size:32px;
        margin:-24px 0 0 -92px;}
#zone-reseau .motsclefs .mot2{
        font-size:26px;
        margin:0px 0 0 -81px;}
#zone-reseau .motsclefs .mot3{
        font-size:20px;
        margin:3px 0 0 39px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : PROJETS*/
#zone-projets{
        background:url(../images/imageAccueilCarres.jpg) no-repeat 0 -105px #a89d80;
        height:105px;
        width:960px;
        margin:0 0 15px 5px;}
#menuRectangleProjets ul li{
        background:url(../images/carreBeige.jpg) no-repeat;
        list-style:none;}
/* Mots clefs Projets */
#zone-projets .motsclefs .mot1{
        font-size:32px;
        margin:-20px 0 0 -46px;}
#zone-projets .motsclefs .mot2{
        font-size:20px;
        margin:5px 0 0 -101px;}
#zone-projets .motsclefs .mot3{
        font-size:20px;
        margin:5px 0 0 24px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE MENU CONNEXION */
#zone-menu-connexion{
        height:122px;
        width:320px;
        position:absolute;
        top:0;
        right:0;
        padding:0;
        font-family:arial;
        text-align:right;
        font-size:11px;
        background:url(../images/carreorange.png) no-repeat 9px -9px;}
/* Formulaire connexion */
#zone-menu-connexion fieldset{
        text-align:left;
        width:273px;
        float:right;
        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 h3{
        position:absolute;
        width:270px;
        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:15em;
        display:block;
        margin:.1em 0em;}
#username, #password{
        width:80px;}
#zone-menu-connexion fieldset #connexion{
        border:solid 1px #8eb533;
        padding:0;}
#persistant, #persistant_label{
        float:left;
        margin-left:0;}
#persistant_label{
        padding-top:2px}
#zone-menu-connexion #colonneDroite{
        width:150px;
        position:absolute;
        left:165px;
        top:21px;}
#zone-menu-connexion #colonneDroite .connectgris{
        padding-top:5px;
        padding-bottom:5px}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE BANDEAU PROJETS */
#bandeauProjets{
        width:845px;
        margin:20px 0 20px 0;
        border:dotted 1px #fd8c13;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        float:left;
        padding-left:65px;
        margin-left:30px}

#bandeauProjets ul{
        height:98px;
        padding:0;
        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:right;
        padding:10px}
#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 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;}
#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:0 10px 10px 0;
        -webkit-border-radius:0 10px 10px 0;
        border-radius:0 10px 10px 0;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE BAS PAGE */
#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{
        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 > 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{
        font-weight:normal;
        color:#fd8c13;
        text-decoration:none;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE BAS PAGE : MENUS COMMUNS */
#accueil{
        background:url(../images/accueil.png) no-repeat 0 2px;}
#faq{
        background:url(../images/faq.png) no-repeat 0 2px;}
#contact{
        background:url(../images/contact.png) no-repeat 0 2px;}
#plan{
        background:url(../images/plan.png) no-repeat 0 2px;}
#rss{
        background:url(../images/rss.png) no-repeat 0 2px;}
#telechargement{
        background:url(../images/telechargement.png) no-repeat 0 2px;}
#visite{
        background:url(../images/visite.png) no-repeat 0 2px;}
#mentions{
        background:url(../images/cc.gif) no-repeat 0 2px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE BAS PAGE : COORDONNEES */
#coordonees{
        width:900px;
        text-align:center;
        margin:auto;
        background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right;
        padding-right:5px;
        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;}