Subversion Repositories Sites.tela-botanica.org

Rev

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

        /* 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'); }
        
        /* 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;}
        
        
        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 */

                /* 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; 
                                                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}
                
                #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; }
                #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; }
                #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 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;   
                        padding:0 0 0 450px; margin:0; cursor:pointer; }
                .motsclefs      h3 { position:absolute; margin-top:17px; font-size:60px; font-weight:lighter; color:#5c5950; left:240px; line-height:35px; font-family:helveticaneue}
                .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_botanique.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-actualites {background:url(../images/image_bandeau_actualites.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;}


/*
        Actualités - Flux RSS
*/

.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;}

/* 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 .menuHautActif a{
color: #5e5852;
width:20px;
font-weight: bold;
font-size: 14px;
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;        
}

#menuHaut a     {color:white}

#menuHaut{
width:auto;
margin-bottom:10px;
margin-top:10px;
margin-left:15px;
float:left;
/* list-style:none; */
text-decoration:none;
text-align:center;
font-size: 14px;
font-family:arial;
line-height:20px;

}



#menuAccueil{
/* background:  URL(images/menuAccueil.jpg)  no-repeat top ; */
background: #fd8c13; 
color:#fd8c13;
text-decoration: none; 
-moz-border-radius: 7px 7px 7px 7px; 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ 
border-radius: 7px 7px 7px 7px;       
-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 */ 
 zoom: 1; /* pour ie8 */ 
width:160px;
height:20px;
text-align:center;
float:left;
margin-right:15px;

}

.down{
margin-top:8px;
}
#menuAccueil a:link , #menuAccueil a:visited , #menuAccueil a :active  {
font-weight:normal;
color: #fff;
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;        

}

#menuBotanique{
/* background:  URL(images/menuBotanique.jpg)  no-repeat top ;
 */
 background: #9ac243; 
color:#9ac243;
text-decoration: none; 
-moz-border-radius: 7px 7px 7px 7px; 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ 
border-radius: 7px 7px 7px 7px;       
-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 */ 
 zoom: 1; /* pour ie8 */   
width:160px;
height:20px;
text-align:center;
float:left;
margin-right:15px;
}

#menuBotanique a:link , #menuBotanique a:visited , #menuBotanique a :active  {
font-weight:normal;
color:#fff;
text-decoration:none;
}

#menuBotanique a:hover, #menuBotanique 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;        

}

#menuActualites{
/* background:  URL(images/menuActualites.jpg)  no-repeat top ;
 */ 
background: #c2c0ad; 
color:#c2c0ad;
text-decoration: none; 
-moz-border-radius: 7px 7px 7px 7px; 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ 
border-radius: 7px 7px 7px 7px;       
-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 */ 
 zoom: 1; /* pour ie8 */ 
width:160px;
height:20px;
text-align:center;
float:left;
margin-right:15px;
}

#menuActualites a:link , #menuActualites a:visited , #menuActualites a :active  {
font-weight:normal;
text-decoration:none;
}

#menuActualites a:hover, #menuActualites 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;        

}

#menuReseau{
/* background:  URL(images/menuReseau.jpg)  no-repeat top ; */
background: #e16039; 
color:#e16039;
text-decoration: none; 
-moz-border-radius: 7px 7px 7px 7px; 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ 
border-radius: 7px 7px 7px 7px;       
-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 */ 
 zoom: 1; /* pour ie8 */ 
width:160px;
height:20px;
text-align:center;
float:left;
margin-right:15px;
}

#menuReseau a:link , #menuReseau a:visited , #menuReseau a :active  {
font-weight:normal;
color:#fff;
text-decoration:none;
}

#menuReseau a:hover, #menuReseau 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{
/* background:  URL(images/menuProjets.jpg)  no-repeat top ; */
background: #a89d80; 
color:#a89d80;
text-decoration: none; 
-moz-border-radius: 7px 7px 7px 7px; 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ 
border-radius: 7px 7px 7px 7px;       
-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 */ 
 zoom: 1; /* pour ie8 */ 

width:160px;
height:20px;
text-align:center;
float:left;
margin-right:0px;
}

#menuProjets a:link , #menuProjets a:visited , #menuProjets a :active  {
font-weight:normal;
color:#fff;
text-decoration:none;
}

#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;
}
        
#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;
                        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;
                        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;
                        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;
        
}
.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;
}

#projets{
width:440px;
float:left;
margin-left:0px;
margin-top:0px;
padding-top:5px;
/* border:1px solid #baad8b;
    -moz-border-radius: 7px; */
}

#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;
} */