body {
background:url(fondBody.gif) 0 0 repeat-y;
}
html {
background:transparent;
}
/*****************************************************/
/*           C O R P S    D E    P A G E             */
/*****************************************************/
#corps {
}
div#depth1 #accueil #menuEtContenu {
background:url(fond1.jpg) 790px 20px no-repeat;
}
div#depth1 #accueil #menuEtContenu div.texte {
width:510px;
padding-right:20px;
border-right:1px solid #000;
}

div#depth3 #fruits_des_antilles #menuEtContenu {
/*background:url(fond2.jpg) 790px 10px no-repeat;*/
}

/*---------------------------------------------------*/
/*                  Bandeau titre                    */
/*---------------------------------------------------*/
#bandeau {
background: url(imgTitre.jpg) 0 0 no-repeat;
height:139px;
border-bottom:2px solid #fff;
}

/*---------------------------------------------------*/
/*               Menu Accessibilite, Menu            */
/*---------------------------------------------------*/
ul#accessmenu {
position:absolute;
top:-5000px;
left:-5000px;
overflow:hidden:
width:1px;
height:1px;
}



#menu {
display:none;
height:25px;
font-size:12px;
font-weight:bold;
background:#A49A5F;
padding-left:50px;
}
#menu ul li {
float:left;
list-style-type:none;
line-height:25px;
border-right:1px solid #fff;
}
#menu ul li:last-child {
border:none;
}
#menu ul li a {
text-decoration:none;
display:block;
padding:0 25px;
color:#fff;
}
#menu ul li a:focus,
#menu ul li a:focus,
#menu ul li a:hover {
background:#017b96;
}
#menu ul li a.courant {
color:#fff;
background:#017b96;
cursor:default;
}

/*---------------------------------------------------*/
/*                   Menu principal                  */
/*---------------------------------------------------*/
#menuprincipal {
font-family:Verdana, Arial, Helvetica, sans-serif; 
 padding:3px;
 width:222px;
 float:left;
 padding-bottom:150px;
font-weight:1.2em;
}
#menuprincipal a {
text-decoration:none;
color:#003366;
}
#menuprincipal a:focus,
#menuprincipal a:hover {
color:#000;
background:yellow;
}
#menuprincipal a.courant {
color:#000;
font-weight:bold;
}

#menuprincipal ul ul a {
}
#menuprincipal ul li {
/*margin-bottom:10px;
background:url(fondMenu.gif) 0 0 no-repeat;*/
padding:15px 0 15px 10px;
letter-spacing:1px;
border-bottom:1px solid #017b96;
font-weight:bold;
}
li.menulong ul {
width:210px;
margin-top:20px;
padding:5px 0 5px 10px;
height:95px;
overflow:auto;
}
#menuprincipal ul ul {
width:190px;
margin-top:20px;
padding:5px 0 5px 0;
}
#menuprincipal ul ul li {
font-size:1.1em;
background:none;
padding:0;
letter-spacing:0;
margin-bottom:7px;
border:none;
font-weight:normal;
}
#menuprincipal ul ul ul {
width:180px;
padding:0;
margin:10px 0 10px 20px;
}
#menuprincipal ul ul ul li {
margin-bottom:2px;
font-size:1em;
padding:2px 0;
}

/*---------------------------------------------------*/
/*                    BreadCrumbs                    */
/*---------------------------------------------------*/
#chemin {
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size:11px;
padding:7px 0 10px 10px;
margin-left:250px;
background:#fff url(fondBreadcrumbs.gif) 0 100% repeat-x;
}
#chemin span {
 font-weight:bold;
 color:#094F83;
}
.delimiteur {
 padding-left:5px;
 padding-right:5px;
}
#chemin a {
 text-decoration:none;
 color:#094F83;
}
#chemin a:focus,
#chemin a:hover {
 color:#F60;
}

/*****************************************************/
/*                     C O N T E N U                 */
/*****************************************************/
#menuEtContenu {
width:965px;
}
#contenu {
padding:0 20px 20px 20px;
min-height:500px;
margin-left:240px;
}
#contenu h1 {
color:#A49A5F;
padding:10px 0 15px 50px;
background:url(icon1.gif) 0 0 no-repeat;
}
#contenu div.introduction {
margin:15px 0 20px 0;
}
#contenu h2, h3 {
color:#A49A5F;
}

#contenu div.description h2 {
color:#9E5000;
}
#contenu div.description h3 {
color:#9E5000;
}
#contenu div.description p {
}
#contenu div.description ul {
}
#contenu div.description ul li {
list-style-type: disc;
margin:0 0 5px 35px;
}

#contenu table {
border-collapse:collapse;
}
#contenu table tr td {
padding:4px;
}
#contenu table td,
#contenu table p {
text-align:left;
}
#contenu table h2 {
font-size:13px;
}
#contenu table h4 {
font-size:1em;
font-weight:normal;
}

/*---------------------------------------------------*/
/*                  CONTENU > #TEXTE                 */
/*---------------------------------------------------*/
div.texte {
text-align:justify;
}
div#depth2 div.texte {
width:290px;
float:left;
line-height:17px;
}
div.texte p {
}
div.texte h1 {
}
div.texte h2 {
}
div.texte h2,
div.texte h3 {
text-align:left;
color:#9E5000;
}
div.texte h4 {
color:#9E5000;
}

/*....................................................*/
/*       Fruits des antilles  --> Liste espèces       */
div.articles,
div.fichiers {
margin-left:315px;
background:url(filetV.gif) 0 0 repeat-y;
}
div.articles ul#liensarticles li,
div.fichiers ul#liensfichiers li {
list-style-type:none;
}
div.articles ul#liensarticles li a,
div.fichiers ul#liensfichiers li a {
color:#336699;
text-decoration:none;
}
div.articles ul#liensarticles li a:focus,
div.articles ul#liensarticles li a:hover,
div.fichiers ul#liensfichiers li a:focus,
div.fichiers ul#liensfichiers li a:hover {
color:#000;
background:yellow;
}
div.articles ul#liensarticles a span,
div.fichiers ul#liensfichiers a span {
display:none;
padding-left:5px;
font-style:italic;
}
div.articles ul#liensarticles a:focus span,
div.articles ul#liensarticles a:hover span,
div.fichiers ul#liensfichiers a:focus span,
div.fichiers ul#liensfichiers a:hover span {
color:#000;
background:#fff;
display:inline;
}
div.fichiers ul#liensfichiers ul {
 margin-bottom:1em;
 padding-bottom:1em;
 border-bottom:solid 1px gray;
}

/*....................................................*/
/*                Outil Tri par noms C/S              */
div.articles div.listevues {
background:#e5e5e5;
margin:0 0 25px 20px;
padding:13px 0;
font-weight:bold;
letter-spacing:1px;
width:350px;

}
div.articles div.listevues a {
display:list-item;
 list-style:none;
 padding:0 0 0 40px;
 color:#999999;
 text-decoration:none;
}
div.articles div.listevues a:focus,
div.articles div.listevues a:hover {
 color:black;
background:yellow;
 background:url(fleche1.gif) 20px 1px no-repeat;
}
div.articles div.listevues a.courant {
 color:black;
 cursor:default;
 background:url(fleche1.gif) 20px 1px no-repeat;
}

/*....................................................*/
/*          Productions fruitières  --> menu          */
div.dossiers {
margin-left:325px;
background:url(filetV.gif) 0 0 repeat-y;
padding-left:25px;
}
div.liensdossiers div {
overflow:auto;
_overflow:visible;
_height:1%;
margin-bottom:20px;
}
div.liensdossiers div img {
float:left;
padding:7px;
border:1px solid #ccc;
margin:0 20px 0 0;
}
div.liensdossiers div p {
margin:20px 0 0 0;
}
div.liensdossiers div p a {
text-decoration:none;
font-weight:bold;
color:#017b96;
padding-left:15px;
background:url(fleche2.gif) 0 1px no-repeat;
}
div.liensdossiers div p a:focus,
div.liensdossiers div p a:hover {
color:#000;
background:yellow;
}

/*.....................................................*/
/*    Publications                                     */
div.dossiers ul#liensdossiers,
div.dossiers ul#liensdossiers ul {
list-style-type:none;
margin:4px 0;
padding-left:20px;
}
div.dossiers ul li,
div.dossiers li li small {
font-size:12px;
}
div.dossiers ul li {
margin:0 0 35px 0;
}
div.dossiers li li {
margin:0 0 10px 0;
}





/*....................................................*/
/*    Productions fruitières  --> menu --> depth3     */
div.texte div.imgdossier {
width:300px;
float:left;
margin:0 20px 0 0 ;
}

/*.....................................................*/
/*    Productions fruitières  --> theme --> depth4     */
li.theme {
list-style-type:none;
margin-left:50px;
font-weight:bold;
}

/*....................................................................*/
/*    Productions fruitières  --> Protection raisonnée --> depth4     */
ul.donnees {
text-align:right;
margin:10px 0 20px 0;
letter-spacing:1px;
}
ul.donnees li {
list-style-type:none;
}
ul.donnees li span {
font-weight:bold;
color:#A49A5F;
}



div.infosphyto {
display:none;
}


/*....................................................................*/
/*     Productions fruitières  --> Fiche synthetiques --> depth4      */
#contenu div.type_paragrapheillustre {
border-bottom:1px solid #A49A5F;
overflow:auto;
_overflow:visible;
_height:1%;
margin-bottom:5px;
}
#contenu div.type_paragrapheillustre img {
float:left;
margin:10px 10px 10px 0;
}
#contenu div.type_ficheillustree h2 {
margin-bottom:15px;
}
#contenu div.type_paragrapheillustre h3 {
margin:15px 0 5px 0
}



/*---------------------------------------------------*/
/*           CONTENU > #TYPE FICHE FRUIT             */
/*---------------------------------------------------*/
div.type_fichefruit h2 {
color:#9E5000;
margin:0 0 15px 0;
}
div.type_fichefruit div.description p {
margin:10px 0 0 0 ;
}

/*....................................................*/
/*         Famille, nom, floraison, fructi ....       */
div.donnees {
margin-top:20px;
margin-bottom:30px;
padding:0;
}
#contenu div.donnees p {
border-bottom:1px solid #D1C6A8;
margin:0;
padding:2px 0;
font-weight:bold;
color:#9E5000;
}
div.donnees p span {
font-weight:normal;
color:#000;
margin-right:10px;
}
div.type_fichefruit div.important {
color:#9E5000;
 margin:5px 0;
}

#trifichesfruits h2 {
 margin:0 0 0.3em 10px;
 color:#ccc;
}
#trifichesfruits a {
 margin-left:10px;
 padding-left:20px;
 background:url(fleche.gif) 2px 50% no-repeat;
 color:#EC8A00;
}
#trifichesfruits a:focus,
#trifichesfruits a:hover {
 color:#000;
background:yellow;
}


/*---------------------------------------------------*/
/*                 Logos en page ACCUEIL             */
/*---------------------------------------------------*/
#logos {
 height:70px;
 margin-bottom:50px;
}
#logo1 {
 position:absolute;
 left:250px;
}
#logo2 {
 position:absolute;
 left:440px;
}
#logo3 {
 position:absolute;
 left:550px;
}
#logo4 {
 position:absolute;
 left:630px;
}

/*****************************************************/
/*        Avertissement, Copyright, PiedPage         */
/*****************************************************/
#avertissement {
font-size:11px;
clear:both;
border-top:1px solid #D1C6A8;
padding:10px 0 0 0 ;
margin-top:20px;
}
#avertissement p.copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
text-align:center;
}
#avertissement p span {
font-weight:bold;
}
/*---------------------*/
div.copyright {
margin:20px 0 0 0;
padding-top:10px;
border-top:1px solid #aaa;
}
div.copyright p {
color:#9E5000;
}
/*---------------------*/
#piedPage {
clear:both;
height:80px;
background: url(fondPiedPage.gif) 0 0 no-repeat;
padding:30px 0 0 250px;
}
#piedPage p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
}
#piedPage p a {
color:#FF9900;
text-decoration:none;
}
#piedPage p a:focus,
#piedPage p a:hover {
color:#000;
background:yellow;
}


/*---------------------------------------------------*/
/*              D I A P O S I T I V E S              */
/*---------------------------------------------------*/
#diapositives {
overflow:auto;
height:1%;
}
.diapo {
 float:left;
/* height:92px;*/
 width:92px;
 padding:15px;
 margin-left:15px;
padding-bottom:70px;
 background:url(diapositive-h.gif) 0 0 no-repeat;
}
div.type_ficheprotectionverger .diapo {
float:none;
margin-bottom:20px;
margin-left:50px;
}
.diapo img {
 border:1px solid;
 border-color:#444 #AAA #AAA #444;
}
.verticale {
 background:url(diapositive-v.gif) 0 0 no-repeat;
}
.horizontale img {
 height:68px;
 width:90px;
 margin:10px 0;
}
.verticale img {
 height:90px;
 width:68px;
 margin:0 10px;
}
.diapo span.legende {
 display:block; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:1.1em;
}
.horizontale .legende {
margin-top:22px;
}
.verticale .legende {
margin-top:20px;
} 
div.type_ficheprotectionverger .horizontale .legende,
div.type_ficheprotectionverger .verticale .legende {
 margin-top:-70px;
 margin-left:120px;
 width:400px;
}






/*---------------------------------------*/

div#titre h1 {
 /* On cache le texte... puisque l'image de fond contient le titre */
 margin:0px;
 padding:0px;
 background:transparent;
 text-indent:-9000px;
}

.imagev1, .imagev2, .imageh1, .imageh2, .imageh3, .imageh4 {
 display: none;
} 

#piedPage hr {
 display: none;
}





div.type_fichefruit p.notes {
}

ins {
 text-decoration:none;
 border:dotted 1px black;
}

del {
 text-decoration:none;
 background:yellow;
}

tt {
 font-family:monospace;
 font-weight:bold;
 color:#666;
}*/



/***** AJOUTS GF POUR TESTS DES NOUVELLES PAGES *****/

div#liensexternes {
}
div#liensexternes p {
 display:none;
}
div#liensexternes li a {
 background:#edc; 
 color:blue;
 text-decoration:none;
}
div#liensexternes li a:focus,
div#liensexternes li a:hover {
 background:blue; 
 color:#edc;
}
div#liensexternes li#lien_wds {
 display:block;
 position:absolute;
 left:0;
 top:0;
}
div#liensexternes li#lien_cirad {
 display:block;
 position:absolute;
 left:0;
 top:20px;
}

div.articles div.infosphyto {
 width:80%;
 margin:0 10% 10px;
 border:groove 3px #ccc;
}
div.articles div.infosphyto p {
 color:#999;
 margin-top:0;
}


div.type_ficheprotectionverger div.infosphyto {
 width:80%;
 margin:0 auto 10px;
 border:groove 3px #ccc;
 padding:0;
}
div.type_ficheprotectionverger div.infosphyto p {
 border-right:dotted 1px #666;
 float:left;
 width:40%;
 color:#999;
 margin:0;
 padding:0;
}
div.type_ficheprotectionverger div.infosphyto ul {
 float:right;
 width:50%;
 margin:0;
 padding:0;
 background:transparent;
}


#fwi div.dossiers h2 {
 margin:60px 0 25px 10px;
 color:#d1c6a8;
 text-align:left;
}
#fwi div.dossiers li {
 margin-bottom:25px;
}

/*---------------------------------------------------*/
/*                     Formulaire FWI                */
/*---------------------------------------------------*/
#formulaireFWI #inforesultats {
position:fixed;
left:870px;
top:350px;
 background:white;
 width:100px;
 margin:5px 10px;
 padding:10px 0;
 text-align:center;
}

#formulaireFWI {
}
#formulaireFWI fieldset {
 width:550px;
 border:none;
 border-bottom:1px solid #A49A5F;
 margin:0 0 20px 0;
 padding:20px 0;
}
#formulaireFWI fieldset p {
position:relative;
padding-bottom:12px;
margin:0;
}
#formulaireFWI fieldset p select {
position:absolute;
left:250px;
width:300px;
}
#formulaireFWI fieldset legend {
padding:5px 50px 2px 50px ;
 font-size:larger;
 font-weight:bold;
 background:#A49A5F;
 color:#fff;
}
#formulaireFWI fieldset label {
 width:200px;
 margin-top:5px;
}
#formulaireFWI fieldset label br {
 display:none;
}

/*....................................................*/
/*                Menu annexe FWI                     */
ul#menuFWI {
overflow:auto;
width:600px;
margin-left:170px;
}
ul#menuFWI li {
list-style-type:none;
float:left;
line-height:2.5em;
padding:0 0 0 12px;
margin-right:25px;
font-weight:bold;
background:url(puce3.gif) 0 50% no-repeat;
}
ul#menuFWI li a {
text-decoration:none;
color:#3366CC;
}
ul#menuFWI li a:focus,
ul#menuFWI li a:hover {
color:#000;
background:yellow;
}


/*....................................................*/
/*            FWI - Resultats recherche               */
#ficheFWI div.dump {
}
#ficheFWI li {
}
#ficheFWI li span {
 color:gray;
}
#ficheFWI #photos {
 float:right;
 padding:10px 0 0 0;
 border:solid 1px #ccc;
 background:#fcfcfc url('degvertic.png') repeat-x;
}
#ficheFWI #photos > p {
 text-align:center;
 font-weight:bold;
 margin-bottom:0;
 color:#fff;
 background:#999;
}
#ficheFWI #photos > p span {
 display:block;
 font-size:80%;
}

#ficheFWI div.photo {
 text-align:center;
 margin:0 0 10px 0;
}
#ficheFWI div.photo p {
 margin;0;
 padding:0;
}
#ficheFWI div.photo img {
 display:block;
 padding:0 10px;
}



#listefichesFWI span {
}
#listefichesFWI span span {
 color:#333;
}
#listefichesFWI li a {
 text-decoration:none;
}
#listefichesFWI ul {
 margin:0;
 padding:0;
 list-style-type:none;
 marker-offset:0;
}
#listefichesFWI li.fiche {
 display:block;
 width:45%;
 height:20ex;
 overflow:auto;
 float:left;
 margin:5px;
 padding:5px;
 border-bottom:solid 1px #EEE6B2;
}
#listefichesFWI li.fiche a {
 display:block;
 font-size:150%;
 font-weight:bold;
 padding:0 0 1px 13px;
 background:url(puce3.gif) 0 50% no-repeat;
}
#listefichesFWI li.espece {
 display:block;
 background:white;
 font-style:italic;
 margin:0;
 padding:0;
}
#listefichesFWI li.nomcommun {
 display:block;
 background:white;
 margin:0;
 padding:0;
}
#listefichesFWI li.variete {
 background:#f7f2d1;
 font-weight:bold;
 margin:5px 0;
 padding:8px 0 8px 10px;
 letter-spacing:1px;
}
#listefichesFWI span.espece span {
 display:none;
}
#listefichesFWI span.nomcommun span {
 display:none;
}
#listefichesFWI span.variete span {
 display:none;
} 
#listefichesFWI span.espece span br {
 display:none;
}
#listefichesFWI span.nomcommun span br {
 display:none;
}
#listefichesFWI span.variete span br {
 display:none;
}









div.type_ficheillustree {
 margin:0 10px;
}

div.type_ficheillustree div.introduction {
 font-style:italic;
}

div.type_paragrapheillustre {
 margin:0 0 0 0;
}
div.type_paragrapheillustre .image span.legende {
display:block;
width:150px;
color:#A49A5F;
line-height:1.2em;
}

div.type_paragrapheillustre h3 {
 margin-top:0px;
}

div.type_paragrapheillustre div.texte {
 width:auto;
 float:none;
 margin:0;
 padding:0;
}


div.type_ficheillustree div.odd div.image {
 float:right;
 margin-left:20px;
}

div.type_ficheillustree div.even div.image {
 float:left;
 margin-right:20px;
}

div.type_ficheillustree div.image {
}

div.type_ficheillustree div.image img {
}