body {
background: #C9BC9A; /*;*/ /*background-color: #45453E; #C9BC9A; #DAE1D3*/ 
margin: 0;
}

img {
	border: 0px;
}

.BlocRestriTete .image {
	width: 917px;
	margin: 0 auto;
}

.BlocRestriTete .image img {
	border: 1px solid #545552;
}

.BlocTete {
	border-top: 2px solid #000000;
	border-bottom: 1px solid #595959;
}

.contenu_orchidees img {
border: 2px solid white;
}

.EnTete {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 4px;
	margin-top: 5px;
	font-family: Verdana, sans-serif;
	font-size: 0.65em;
	color: #F2F2F2;
}

.CheminTete {
	width: 500px;
	float: left;
	color: #000000;
	display: inline;
	}

.PanelCouleurs {
	margin-left: 410px;
	text-align: right;
	padding-top: 2px;
	}

.BlocPereTete {
	height: 30px;
	background-color: #45453E;
	border: 0px transparent solid;
	background-image: url(img/structurelles/degradeNB_menu.jpg);
	background-repeat: repeat-x;
}

.BlocRestriTete {
	background-color: #191917; /*background-color: #191917;*/ 
}

.ImageTete {
	margin: 0 auto;
	margin-left: 5px;
	margin-top: 10px;
	height: 184px;
	width: 900px;
}
.BlocNavigateur {
	width: 180px;
	margin-left: 720px;
	position: fixed;
	bottom: 10px;
	text-align: center;
	color: #202020;
	font-family: Verdana;
	font-size: 0.6em;
}

.BlocNavigateur a {
	width: 180px;
	text-decoration: none;
	color: #000000;
}

.BlocNavigateur a:hover {
	background: #8B0E64;
	color: #fff;
	width: 180px;
}

h1 {
	font-family: Courier New, Arial, sans-serif;
	color: #2D2D2D;
	color: #090946;
	font-size: 1.80em;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin-left: 10px;
}

h2 {
	font-family: Courier New;
	font-size: 0.9em;
	color: #606060;
	margin-left: 2em;
	margin-top: -20px;
	font-weight: normal;
}

#intitule {
	border: 0px #000000 solid;
	/*background-color: #EDE6CB; #EDE6CB;*/ 
	/*background-image: url(degrade.jpg);*/
	background-repeat: repeat-y;
	padding: 1em;
}

.blabla {
	font-family: Courier New;
	font-size: 1.0em;
	margin-left: 2em;
	font-weight: bold;
	color: #101010;
}

.ChapeauPage {
	width: 650px;
	font-family: Courier New;
	position: relative;
	left: 0%;
	padding-left: 30px;
	padding-bottom:0.5em;
	padding-top: 0.5em;
	background: #2B2B2B; /*#2B2B2B E7E7E7;*/
	background-image: url();
	background-position: right;
	background-repeat: no-repeat;
	/*color: #1616a0;  C'est un pourcentage, penser au signe */
	color: #fff;
	border-left: 20px #8B0E64 solid;
	font-size: 1.10em;
	font-weight: Xbold;
	letter-spacing:0.1em;
}

.img_index {
	width: 26px;
	height: 21px;
}

hr {
	color: #AB7F54;
	background-color: #AB7F54;
}

.fond_menu
{
   width:100%;
}

.menu_centrer
{
   width:900px; /* largeur menu */
   margin:auto;
}

.descr_statik {
	font-family: Courier New;
	color: #8B0E64;
	color: #404040;
	font-size: 0.75em;
	font-weight: bold;
}

.bas_de_page {
	font-family: Arial;
	font-size: 0.65em;
	text-align: center;
	color: #000000;
}

.page_billet a {
	text-decoration: none;
	color: #303030;
	font-family: Georgia;
}

.contenu_billet a {
	text-decoration: none;
	background-color: #fff;
	color: #8B0E64;
	font-family: Arial, sans-serif;
	font-size: 14px;
	border: 1px dotted #8B0E64;
	padding: 5px;
	font-weight: bold;
	line-height: 27px;
}

/* .contenu_billet a {
	text-decoration: none;
	background-color: #fff;
	color: #8B0E64;
	font-family: Arial, sans-serif;
	font-size: 14px;
	border: 1px dotted #8B0E64;
	padding: 5px;
	font-weight: bold;
	line-height: 27px;
} */

.contenu_billet a:hover {
	background-color: #8B0E64;
	color: white;
}

.inter {
	font-family: Courier New;
	font-size: 0.9em;
	color: #606060;
	margin-left: 2em;
}

.titre {
	font-family: Courier New;
	color: #8B0E64;
	/*color: #7A1A36;*/
	font-size: 1.80em;
	font-weight: bold;
}



.ss-titre {
	font-family: Courier New;
	font-size: 1.0em;
	margin-left: 2em;
	font-weight: bold;
	color: #101010;
}

.date {
	font-family: Georgia;
	font-size: 0.9em;
	color: #202020;
}

.auteur {
	font-family: Arial;
	font-size: 0.9em;
}

.mots_clefs {
	visibility: hidden;
}

.message {
	font-family: Georgia;
	font-size:1em;
}



/*===================== MENU HORIZONTAL =======*/

#menu, #menu ul 
{
        padding : 0; 
        margin : 0; 
        list-style : none; 
        line-height : 30px; 
        text-align : center; /* centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; 
        font-family : Arial; 
        font-size : 11px;
		position: relative;
		text-transform: uppercase;
}

#menu a /* Contenu des listes */
{
        display : block; 
        padding : 0; 
        color : #E2E7D4; 
        text-decoration : none; 
        width : 144px; 
}

#menu a:hover /* Contenu des listes */
{     
        color : #fff; 
		/*background: #7A1A36;*/
		/*background-color: #8B0E64;*/
		border-bottom: 4px solid #8B0E64;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* bordure blasnche à droite de chaque élément */
        background : #45453E;  /* AVANT : #151515 plus foncé */   
		background-image: url(img/structurelles/degradeNB_menu.jpg);
		background-repeat: repeat-x;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; 
        width: 144px; 
        left: -999em; /* loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; 
		text-transform: capitalize;
		font-size: 12px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE */
        border-left     : 1px solid #fff ;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* bordure transparente sur la gauche de chaque élément */
}



#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


/*============= POUR GALERIES HIERARCHISEES ==========*/

/*.orchidees td {
	padding-left: 0px;
	}

.sous_tribu, .genre {
	width: 200px;
	font-weight : bold; 
	font-family : Arial; 
	font-size : 14px;
	text-transform: uppercase;
	color:  #191917;
    background : #1D1D1D; 
	padding-left: 30px;
}

.sous_tribu {
	font-size: 19px;
	color: #776C51;
	text-transform: none;
}

.espece {
	font-family : Arial; 
	font-size : 14px;
	width: 150px;
	font-style: italic;
	background-image: url(img/structurelles/orchid_leftpanel.jpg);
	background-repeat: repeat-y;
	padding-left: 0px;
}*/

.bgleft {
	background-image: url(img/structurelles/orchid_bgleft.jpg);
	background-repeat: repeat;
}

.orchidees {
	background-color: #2F2E2A; /* 2F2E2A    !!!! COULEUR BG DU PANNEAU DE DROITE */
	display: block;
	width: 900px;
	margin: 0 auto;
	margin-top: -30px;
	background-image: url(img/structurelles/orchid_leftpanel.png);
	background-repeat: repeat-y;
	border: 1px solid #4E4E4E;
	border-radius: 10px;
}

.orchidees .sous_tribu {
	margin-left: 20px;
	font-weight: bold;
	color: #819250;
	margin-top: 20px;
	font-family: Bitstream Vera Sans Mono, Times New Roman, serif; 
	font-size: 0.9em;
	font-variant: small-caps; 
}
.orchidees .genre {
	margin-left: 150px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	color: #DFDE72;
		font-family: Bitstream Vera Sans Mono, Times New Roman, serif; 
	font-size: 1.1em;
}
.orchidees .espece {
	margin-left: 180px;
	margin-top: 25px;
	font-family: Bitstream Vera Sans Mono, Times New Roman, serif; 
	font-size: 15px;
	font-style: italic;
	color: #FAFAFA;
}
.orchidees .vignettes {
margin-left: 380px;
}
.orchidees .vignettes img {
	border: 2px solid #DEDEDE;
}

/*============= POUR SHOW ===========*/

.affich_photos {
	background-color: #000000;
	text-align: center;
	width: 100%;
}

.tete_photo {
	margin-left: -30%;
	padding-top: 1.7%;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 18px;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}

.tete_photo a {
	color: #fff;
	text-decoration: none;
}

.tete_photo a:hover {
	color: #954019;
}

.titre_photo {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	word-spacing: 10px;
	font-size: 16px;
	color: #E3D7BA;
	font-style: italic;
	margin-left: 40%;
	margin-top: -6px;
}

.comment_photo {
	width: 600px;
	margin: 0 auto;
	font-family: Times New Roman, sans-serif;
	font-size: 15px;
	text-align: justify;
	color: #000000;
}

.comment_photo_inline {
	font-family: Times New Roman, sans-serif;
	font-size: 13px;
	color: #000000;
	margin-left: 10px;
	text-transform: none;
	font-weight: normal;
	word-spacing: 1px;
}


.annonce_comment {
	width: 600px;
	margin: 0 auto;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 10px;
	text-transform: uppercase;
	font-size: 10px;
	color: #954019;
}

.precedent, .suivant {
	display: inline;
	width: 30%;
	margin: 0 auto;
}

.precedent {
position: absolute;
left: 0;
}

.suivant {
position: absolute;
right: 0;
}

.aimg {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	color: #A87731;
	visibility: visible;
	}
	
.aimgstop {
	visibility: hidden;
	}
	
.aimg:hover {
	color: #954019;
	}
	
.aimgstop:hover {
	visibility: hidden;
	}
	
	
/*=============== POUR INDEX ===============*/

.BlocPere {
	display: block;
	width: 910px;
	margin: 0 auto;
	/*background-color: #fff;*/
	/*border: 1px #000 solid;
	border-radius: 10px;*/
}

.BlocContenu {
	overflow: hidden;
	margin-left: 0px;
}

#billet {
	width: 908px;
	margin-bottom: 2em;
	background-color: #fff;
	border-radius: 10px;
	border: 1px #000 solid;
	padding-top: 10px;
}

.tete_billet {
	margin-left: 20px;
	margin-right: 20px;
}

.puce {
	position: absolute;
	margin-left: -28px; /* AVANT, herbe : -156px */
	margin-top: 0px;
	width: 30px; /* AVANT, herbe : 150px */
	cursor: pointer;
}

.puce2 {
	position: absolute;
	margin-left: -156px; /* AVANT, herbe : -156px */
	margin-top: 0px;
	width: 150px; /* AVANT, herbe : 150px */
	cursor: pointer;
}

.BlocBillets {
	display: block;
	margin-top: 20px;
	text-align: justify; 
	width: 700px;
	float: left;
}

 .date_billet {	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #8B0E64;
	display: inline;
}

 .titre_billet {
	margin-left: 10px;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 3px;
	/* text-transform: uppercase; */
	font-size: 16px;
	color: #191917;
	display: inline;
}

.page_billet {
	margin-left: 20px;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 2px;
	font-size: 10px;
	color: #161617;
}

.contenu_billet {
	display: block;
	width: 800px;
	margin-top: 20px;
	margin-left: 37px;
	/* border-left: 5px dashed #C9BC9A; */
	font-family: Times New Roman;
	font-size: 0.97em;
	padding-left: 17px;
}

.contenu_billet p {
	text-indent: 40px;
}
	
/* .message img {
	width: 800px;
} */
	
/*=============== POUR PHOTOS_DIVERSES ===============*/


#table_photodiv {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #00000;
	font-size: 10px;
}

#table_photodiv td {
	padding: 0;
	height: 150px;
	vertical-align: top;
	width: 150px;
}

#table_photodiv img {
	border: 2px solid white;
}

/*=============== POUR GALERIES CLASSIQUES ===============*/

.classik_expli {
	background-color: #BEB293;
	border-radius: 15px;
	border: 1px solid #D3C5A1;
	color: #black;
	width: 150px;
	margin: 0 auto;
}

/*=============== POUR VOYAGES ===============*/

.pays {
	margin-left: 30%;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 10px;
	text-transform: uppercase;
	font-size: 20px;
	color: #954019;
}


.intro {
	margin-left: 31%;	
	display: block;
	width: 600px;
	text-align: justify;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 3px;
	font-size: 11px;
	color: #72371D;
	margin-bottom: 30px;
}


/*=============== POUR ADMINISTRATION ===============*/
.administration  table {
	border: medium solid #000000;
	width: 50%;
}

.administration  td, th {
	border: thin solid #6495ed;
	font-family: monospace;
	border: thin solid #6495ed;
	width: 50%;
	padding: 5px;
	background-color: #D0E3FA;
	vertical-align: top;
}

.administration fieldset {
	padding: 20px;
	margin-bottom: 10px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

.administration legend {
	color: #a0522d;
	}

.administration label {
	display: block;
	}

.administration label.inline {
	display: inline;
	font: 12px Verdana;
	}
	

 /*============ POUR BARRE DE RECHERCHE ============*/
 
 /* POUR barre_rech1.png */
 /*fieldset.search {
	border: none;
	width: 200px;
	margin-top: -7px;
	}
	
.search input, .search button {
	border: none;
	float: left;
	}
	
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 140px;
	height: 19px;
	padding: 1px 5px 0;
	background: url(img/structurelles/barre_rech2.png) no-repeat;
	}
	
.search input.box:focus {
	background: url(img/structurelles/barre_rech2.png) no-repeat left -20px;
	outline: none;
	}
	
.search button.btn {
	width: 25px;
	height: 20px; /* Il faut jouer ici si on veut faire apparaître la flèche en entier ou faire sinon une espèce de "bras" dynamique ac 15px */
/*	cursor: pointer;
	text-indent: -9999px;
	background: url(img/structurelles/barre_rech2.png) no-repeat top right;
	}
	
.search button.btn:hover {
	background: url(img/structurelles/barre_rech2.png) no-repeat bottom right;
	}*/
	

fieldset.search {
	border: none;
	width: 200px;
	margin-top: -7px;
	margin-left: -8px;
	}
	
.search input {
	border: none;
	float: left;
	background-color: transparent;
	}
	
.search input.box:hover {
	background: url(img/structurelles/barre_rech3.png) no-repeat left -20px;
	outline: none;
	}

.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 115px;
	height: 19px;
	padding: 1px 27px 0;
	padding-right: -100px;
	background: url(img/structurelles/barre_rech3.png) no-repeat;
	}
	
.search input.btn {
	width: 35px;
	height: 20px;
	cursor: pointer;
	margin-left: -27px;
	background-color: transparent;
	font-family: Courier New, Verdana, sans-serif;
	font-weight: bold;
	color: #929292;
	}
	
.search input.btn:hover {
	color: #8B0E64;
	}
	
.renvoi {
margin-top: 1px;
word-spacing: 10px;
}

.renvoi .bottom:hover {
margin-top: 5px;
}