body
{
	background-color: #E7E7E7; 
	text-align: center;
}

.container
{
	/*position: relative;
	width: 750px;
	margin: 0 auto;
	background-image: url(images/style/frame_middle.jpg);		*/
}				   

.frame_top
{
	width: 820px;
	height: 193px;				   
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;		
	background-image: url(images/style/frame_top.jpg);	
}			

.frame_left
{			   				 
	/*position: absolute;
	left:0;
	width: 230px;	 
	padding-left: 25px;		
	padding-right: 15px;
	background-image: url(images/style/frame_middle_menu.jpg);		
	background-color: #FFFFFF;			 */
			  
	vertical-align: top;
	width: 235px;	
	text-align: left;	   
	/*border: solid 1px black; */
}					  

.frame_right
{
	/*background-color:#FFFFFF;
	margin-left: 271px;		 
	width: 519px;
	padding-left: 10px;
	padding-right: 20px;
	background: url(images/style/frame_middle.jpg) right;		
	font-size: small;*/			 
	vertical-align: top;	
	padding-left: 15px;
	padding-right: 15px;	 
	text-align: left;	 
	/*border: solid 1px blue;	  */
}			   


.frame_middle
{			   			 
	width: 800px;		   
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;	
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 40px;
	background-color: #FFFFFF;
	background-image: url(images/style/frame_middle_menu.jpg);
}		

.frame_bottom
{					
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;										
	width: 820px;
	height: 28px;
	background-image: url(images/style/frame_bottom.jpg);	
}			 

.miniatures_produit {
	text-align: center;
	color: #999999;		   
	font-size: small;	
}			   

.margin
{
	margin-left: 30px;
}

td.title {
	padding-left: 5px;	 
}					  	 

font.title {
	color: #FF0000;
	font-size: x-large;	
}

font.subtitle {
	color: #BB0000;
	font-size: small;	
}					  

font.title2 {
	color: #CC0000;
	font-size: medium;
}	   						  

font.selection_menus_regions
{
	color: #FF0000;				   
	font-weight: bold;
}		  

font.site_region
{
	font-size: 2;
}

td.title2text {
	padding-left: 10px;
}					

td.documentation_left {

}

td.documentation {
	padding-left: 10px;	
	background: none;
}

/*a.lien:link {
	/*color: #BB0000;*//*
	color: #000000BB;		
	text-decoration: none;
}		*/

a:link {
	/*color: #BB0000;*/
	color: #000000BB;		
	text-decoration: none;
}	

a:visited {
	/*color: #770000;*/
	color: #000077;	   
	text-decoration: none;	
}						  

a:hover {
	/*color: #0000BB;*/		
	background: #DDDDFF;	
	/*text-decoration: none;*/
}

p.margin {
	margin-left: 1cm;
}

a.miniature_arbre:hover
{
	color: #FFFFFF;
	background: #FFFFFF;
}


img.miniature_produit {
	margin-left: 15px;
	margin-right: 15px;	
	cursor: help;
}

img{
	border: none;
}

.centrer{
	/*margin-left: 185px; /*centrer l'image */
	position: relative;
	left: 185px;
    
}

img.ico{
	position: relative;
	top: 5px
}

img.center:hover,
a.centrer:hover,
 .centrer:hover{
	color: #FFFFFF;
	background: #FFFFFF;
}


/*
 * Styles pour le menu
 */

#menu {
	/*border-left: #AA0000 7px solid;	*/
	/*height: 130px; /* Parade, mettre la taille des menus */
}							  

#menu ul {		  
	list-style: none;
	margin: 0;
	padding: 0;
}			   

#menu a, #menu h2 {		 
	border-left:  #AA0000 7px solid;
	display: block;
	margin: 0;
	padding: 3px 3px 3px 3px;
}	
  
/* pour mettre une image en gise de bordure mais ne marche pas...
/*#menu a  :before, 
#menu h2:before {		 
	content: url(images/style/bar_small.jpg);
}*/


#menu h2 {
	color: #FFFFFF;
	background-color: #000000;
}

#menu a {
	color: #000000;
	background: #DBDBDB url(images/style/hbar_gray.jpg);
	opacity: 0.8;
}							  

#menu a:hover {
	color: #FFFFFF;			
	background: #DBDBDB url(images/style/hbar.jpg);
	opacity: 1.0;	
}				

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 0;
}				 

#menu li {
	position: relative;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;	  
	width: 190px;
}								

/* Cache les popups */
#menu ul ul ul,
#menu ul ul li:hover ul ul,
#menu ul ul ul li:hover ul ul,
#menu ul ul ul ul li:hover ul ul
{
	display: none;
}

/* Affichage des popups si besoin */
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul, 
#menu ul ul ul ul li:hover ul,
#menu ul ul ul ul ul li:hover ul
{
	display: block;
}						   

/* Pour régler les problèmes avec IE */
#menu ul li {
	float: left; width: 100%;
}

#menu ul li a {
	height: 1%;
}

/*pour le menu du site
  * affiche une image indiquant que l'onglet du menu va souvrir sur plusieur sous menu 
  */
.menu_open:after{
/*	content: url("images/style/fleche_rouge.jpg"); *//* image a refaire */ 

}

/* Pour le menu2 de page_menu
  * permet d'afficher des sous menu
  */
.title3 {
	color: #CC0000;
	font-size: medium;
	margin-left: 20px;
	
}

/* Pour le menu2 de page_menu
  * permet d'afficher des sous menus
  */
.title4 {
	color: #CC0000;
	font-size: medium;
	margin-left: 40px;

}
/* Pour le menu2 de page_menu  
  * permet d'afficher des sous menus
  */
.title3:before,
.title4:before{
	content: url("images/style/bar_small.jpg");

}
/* Pour le menu2 de page_menu
  * marge et puce de la liste du sous menu
  */
.item_menu2{
	margin-left: 63px;
	list-style-image: url("images/style/puce.jpg");
}
/* Pour le menu2 de page_menu
  * marge et puce de la liste du sous menu
  */
.element_menu2 
{
	margin-left: 23px;
	list-style-image: url("images/style/puce.jpg");
}
/* Pour le menu2 de page_menu
  * marge et puce de la liste du sous menu
  */
.element_menu2spec
{
	margin-left: -20px;
	list-style-image: url("images/style/bar_small.jpg");
}