body 
{
    /*behavior: url("csshover.htc");*/
    background-image: url(/Imagesmenu/FondCarreauxBijmatgm.jpg);
    font-size:10pt; 
    font-family:"arial", serif;
    color:black;
  
    margin: 0; padding: 0;
}
#menu 
  { display:block; float: left; margin: 0; padding: 0; border: solid 0px #d4d0c8}


#menu li a /*mise en forme des liens*/
{
	display:block;/*affichage de type bloc*/
	height:23px;/*hauteur*/
	text-decoration:none;/*pas d'effet*/
}
#menu /*mise en page de la div*/
{
	width:170;/*largeur automatique*/
	margin:0; /*marge extérieur*/
	padding:0; /*marge intérieur*/
}
#menu ul /*menu sous forme de liste*/
{
	width:auto;/*largeur automatique*/
	list-style:none;/*désactivation des puces*/
	padding:0;/*marge extérieur*/
	margin:0;/*marge intérieur*/
}
#menu ul li /*mise en forme des li*/
{
  width:auto;/*largeur automatique*/
  margin-left:0;/*marge extérieur gauche à 0*/
  padding-left:0;/*marge intérieur gauche à 10*/
  padding-top:0;/*marge dessus à -2*/
  padding-bottom:0;/*marge dessus à -2*/
  height:auto;/*hauteur automatique*/
}
#menu ul li ul /*activation désactivation des sous menu*/
{
  width:auto;/*largeur automatique*/
  display:none;/*cacher les zones indésirables*/
}
/*masque les sous-sous-menu*/
#menu ul li ul, 
#menu ul li:hover ul li ul,
#menu ul li:hover ul li:hover ul li ul
{
  width:auto;/*largeur automatique*/
  display:none;/*cacher les zones indésirables*/
}
/*affichage des zones au survol du lien*/
#menu ul li:hover ul, 
#menu ul li:hover ul li:hover ul, 
#menu ul li:hover ul li:hover ul li:hover ul
{
  width:auto;/*largeur automatique*/
  display:block;/*affichage de type bloc*/
  position:relative; /*positionnement relatif des sous-menu*/
  top:0px; /*position haute des sous menu à 0pixel en dessous du menu dont il découle*/
  left:35px;/*position des sous menu à 10pixels de la positon gauche du menu dont il découle*/
}
#menu ul li.extend:hover ul li.end a /*retire les images de fond des sous menu .end*/
{
  width:auto;/*largeur automatique*/
  background-image:none;/*pas d'image de fond*/
}
/*mise en forme du texte et du fond du menu */
#menu li a:hover 
{
  width:auto;/*largeur automatique*/
  color:black; /*couleur du texte noir*/
   background-color: transparent;/*fond transparent*/
}
/*couleur du fond au survol des menu et sous-menu*/
#menu li a:hover,
#menu ul li.extend:hover ul li.extend:hover ul li:hover a, 
#menu ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a
{
  width:auto;/*largeur automatique*/
  background-color:transparent /*orange*/ /*#e5cdff; fond violet*/
}
/*masque les extention indésirables sous IE*/
#menu ul li.extend:hover
 {
  width:auto;/*largeur automatique*/
  height::20px;/*hauteur automatique*/
  overflow:hidden;/*masque les débordement intempestif sous IE*/
}
#menu ul li.extend:hover ul li.extend:hover
 {
  width:auto;/*largeur automatique*/
  height::20px;/*hauteur automatique*/
  overflow:hidden;/*masque les débordement intempestif sous IE*/
}
/*masque les extention indésirables sous FF*/
html>body #menu ul li.extend:hover 
{
	width:auto;/*largeur automatique*/
	height::20px;/*hauteur automatique*/
	overflow:visible; /*masque les débordement intempestif sous FF*/
}
.im { border: solid 0pt }

/*Concerne la conséquence des includes de menus*/
/*Concerne les titres des catalogues pour éviter le conflit avec stylecatajuin que l'on supprime*/
h3
{border-width:2px;
 border-style:outset;
 border-color:black;
color: #452f12 ; background-color: #b6ae32 ;
word-spacing: 1px; margin: 4px; padding-top : 2px ; padding-bottom : 2px ; margin-bottom : 4px ; margin-top : 4px ;
width : 300px ; }

h2
{border-width:2px;
 border-style:inset;
 border-color:#3e2505;
color: #263d06 ; background-color: #69770c ;
word-spacing: 1px; margin: 2px; padding-top : 2px ; padding-bottom : 2px ; margin-bottom : 4px ; margin-top : 4px ;
width : 200px ;
font-size:13pt;
 font-style: normal;
 font-family:Caflisch Script, Adobe Poetica, Sanvito,cursive;
 text-decoration:none;/*pas d'effet*/
 font-weight: bold;
 text-align:center;
 }

/*INCLUDES DES MENUS*/
/*concerne les positions des includes de menus*/
/*le menu horizontal */
/*dont les boutons en CSS du menu horizontal*/

#canevas {
margin-left: auto; 
margin-right: auto;
width:950px;
 }

#menuhor
{margin-left: auto; 
margin-right: auto;
width:949px;}

#menuhor ul {
overflow:hidden;
 padding:0;
 margin:0;
 list-style-type:none;
 }
#menuhor li {
overflow:hidden;
 float:left; /*pour IE*/
 border-left: 0px solid black;
 }
 #menuhor ul li.rouge a {
overflow:hidden;
 display:block;
 float:left;   
 width:76px;
 line-height:25px; /*hauteur de l'image de fond*/
 background: url(Imagesmenu/Bouton3.png) no-repeat;
 color:#7f124b;
 font-size:8pt;
 font-style: italic;
    font-family:"arial", serif;
    text-decoration:none;/*pas d'effet*/
 font-weight: bold;
 text-align:center;
 }
 #menuhor ul li.jaune a {
overflow:hidden;
 display:block;
 float:left;   
 width:76px;
 line-height:25px; /*hauteur de l'image de fond*/
 background: url(Imagesmenu/Bouton4.png) no-repeat;
 color:#0f7213;
 font-size:8pt;
 font-style: italic;
    font-family:"arial", serif;
    text-decoration:none;/*pas d'effet*/
 font-weight: bold;
 text-align:center;
 }
 #menuhor ul li.long a {
overflow:hidden;
 display:block;
 float:left;   
 width:90px;
 line-height:25px; /*hauteur de l'image de fond*/
 background: url(Imagesmenu/Bouton2L.png) no-repeat;
 color:#7f124b;
 font-size:8pt;
 font-style: italic;
    font-family:"arial", serif;
    text-decoration:none;/*pas d'effet*/
 font-weight: bold;
 text-align:center;
 }
 #menuhor ul li.jauneL a {
overflow:hidden;
 display:block;
 float:left;   
 width:95px;
 line-height:25px; /*hauteur de l'image de fond*/
 background: url(Imagesmenu/Bouton4L.png) no-repeat;
 color:#0f7213;
 font-size:8pt;
 font-style: italic;
    font-family:"arial", serif;
    text-decoration:none;/*pas d'effet*/
 font-weight: bold;
 text-align:center;
 }
 #menuhor ul li.jauneXL a {
overflow:hidden;
 display:block;
 float:left;   
 width:120px;
 line-height:25px; /*hauteur de l'image de fond*/
 background: url(Imagesmenu/Bouton4XL.png) no-repeat;
 color:#0f7213;
 font-size:8pt;
 font-style: italic;
    font-family:"arial", serif;
    text-decoration:none;/*pas d'effet*/
 font-weight: bold;
 text-align:center;
 }
 #menuhor ul li.orange a {
overflow:hidden;
 display:block;
 float:left;   
 width:130px;
 line-height:25px; /*hauteur de l'image de fond*/
 background: url(Imagesmenu/Bouton5.png) no-repeat;
 color:#1f0f72;
 font-size:8pt;
 font-style: bold;
    font-family:"arial", serif;
    text-decoration:none;/*pas d'effet*/
 font-weight: bold;
 text-align:center;
 }

#menuhor ul li a {
overflow:hidden;
 display:block;
 float:left;   
 width:76px;
 line-height:25px; /*hauteur de l'image de fond*/
 background: url(Imagesmenu/Bouton2.png) no-repeat;
 color:#7f124b;
 font-size:8pt;
 font-style: italic;
    font-family:"arial", serif;
    text-decoration:none;/*pas d'effet*/
 font-weight: bold;
 text-align:center;
 }
#menuhor ul li a:hover {
 background: url(Imagesmenu/Bouton1.png) no-repeat;
 color:#b2f76b;
 }
 #menuhor ul li.long a:hover {
 background: url(Imagesmenu/Bouton1L.png) no-repeat;
 color:#b2f76b;
 }  
  #menuhor ul li.jauneL a:hover {
 background: url(Imagesmenu/Bouton1L.png) no-repeat;
 color:#b2f76b;
 }  
 
#containmenu
{width:170px; float: left; margin: 0; padding: 0}

#corps
{margin-left: auto; 
margin-right: auto;
margin-top: 50px;
width:800px;}

#corps a img:hover
{position: relative;
   left: 2px;
   top: 2px;
}