<style type="text/css">	 
  
.fake {
 	font-family: Sans-serif;
}

body {
	text-align: center;
	font-family: Myriad, Geneva, Arial, Sans-serif;
	color:#4F280D;			 /*couleur pa rdéfaut du texte*/
	background-color: #FFF;
	background-image: url(background.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:center;
}  

a {					 
	color:#4F280D;		/*couleur par défaut des liens*/
	text-decoration:none;	/*liens ne sont pas soulignés*/
}

table.fenetre {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%; 
} 
 
div.boite{ 	
/*couleur du rectangle*/
	height:400px;		/*si changer, ne pas oublier de changer aussi tableau du contenu*/
	width:800px;		/*si changer, ne pas oublier de changer aussi tableau du contenu*/
	margin:auto; 
} 

table.contenu{ 
width:770px;			/*si changer, ne pas oublier de changer aussi div boite (div boite doit être +grand)*/
height:360px;			/*si changer, ne pas oublier de changer aussi div boite (div boite doit être +grand)*/
margin-left:20px;																		 
margin-right:10px;
margin-top:20px; 
border-collapse:collapse;
} 

.ligne_menu {
	border-bottom: 2px solid #A4C46D;	/* LIGNE DU MENU */
	height:2em;
	vertical-align:bottom;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size: 13px;	/* taille du texte du menu */
	letter-spacing: 0.1em;
}  

div.menu{
	float:left; 	/*ne pas changer*/
	border-right: 2px solid #A4C46D;  /* petite ligne à droite des items du menu*/
	vertical-align:top;
	padding:0px 10px 5px 10px;
	text-transform:uppercase;	 /* pour que menu soit toujours en MAJUSCULES */
	margin-top:5px;
} 

div.menu_last{		   /* pour qu'il n'y est pas de ligne verticale pour le dernier élément, pour le reste valeurs doivent être les même que div.menu */
    float:left;	
	vertical-align:top;
	padding:0px 10px 5px 10px;
	text-transform:uppercase;
	margin-top:5px;
}	

a.item{
	vertical-align:top;		/* même valeur pour a.item_active et a.item_on */
	padding:1px 12px; 		/* même valeur pour a.item_active et a.item_on */
}	 

a.item_active { 
	padding:1px 12px;
	vertical-align:top;
	background-color:#A4C46D;
	text-decoration:none;
}

a.item_on { 
	padding:1px 12px;
	vertical-align:top;
	color:#A4C46D;
	background-color:#4F280D;
	text-decoration:none;
}

div.copyright{
	position:relative;		/* ne pas changer */
	text-align:center;
	font-size: 8px;
	color:#333;
	width:auto;
	background-color: #FFF;
} 

div.copyright_abs{
	position:absolute;		 /* ne pas changer */
	bottom:7px;
	left:6px;
	text-align:center;
	font-size: 8px;		 /* taille du texte du copyright */
	color:#666;
	width:100%;
	height: 22px;
}

a.copyright {
   color:black;
} 

td.contenu_principal{
	height:auto; 
	padding-top:20px;
	font-size: 12px;		/* taille du texte dans le contenu principal */
} 
  
td.boutons{
	padding-left:555px;	   	   /* changer si largeur fenêtre texte est changée dans texte_top.html */
} 
  
div.fleches_texte_cont{
	position: relative;	
}

div.fleches_texte{
	position: absolute;	
	top: -40px;
	z-index:5;
} 

.stepcarousel{ 
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 576px; /*Width of Carousel Viewer itself*/	 /* si changer, changer aussi dans .stepcarousel .panel */
height: 288px; /*Height should enough to fit largest content's */	 /* si changer, changer aussi dans .stepcarousel .panel */
text-align:center;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;	
text-align:center;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 576px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ /* si changer, changer aussi dans .stepcarousel */
height: 288px;			 /* si changer, changer aussi dans .stepcarousel */
text-align:center; 
vertical-align:bottom; 
background:white;
}  

img.galerie{
	margin-bottom:0px; 
	padding-bottom:0px;
	vertical-align:bottom;
} 

.thumbnail_galerie{
text-align:left; 
position: relative;		/* ne pas changer */
width:770px; 			/* si changé, changer aussi valeur de largeur dans thumbnails.html */ 
}  

.thumbnails{
position: absolute;	   /* ne pas changer */ 
top:10px;
}

img.thumbnail{
	width:40px;
	height:40px;
	margin-right:15px;
	border: none;
}  

div.fleches_cont{
position:relative; 		  /* ne pas changer */
}

#fleches{	  
position:absolute;		 /* ne pas changer */
top:-42px;	 
right:-75px;
height:20px;
width:70px;	 
}  

a.fleches_thumb {
color:#A4C46D;	  /* couleur des flèches pour les thumbnails */
font-size:15px;
font-weight:bold;
}

</style>
vert Pistache {
	color: #8EB950;
}
