/* CSS Document */


*{
  margin:0;
  padding:0;
  }

img{
    border:0;}
#w3c_html{position:absolute;

right:0px;z-index:320;
}  
#w3c_css{position:absolute;
z-index:320;
right:60px;
}  
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #d1d1d0;

	}

#page{
    position:relative;
    margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	height:768px;
	width:1000px;
	background-repeat:no-repeat;
	background-position:left bottom;
  z-index:100;	
}
/********************************/
/*  ENTETE                      */
/********************************/
#entete{
    position: relative;
    height:141px;
   background: url('NEw images/entete.jpg') no-repeat ;    
    }
#entete embed{
position:relative;

  width :1000px;
  height:141px;


}   
 /********************************/
/*  MENU  HORIZONTAL              */
/********************************/        
#menu-horiz{ 
background: url('images/button1a.gif') repeat-x;
position:relative;
height:25px;
}



 #menu{
        list-style:none;
        width :140px; 
        z-index:100;     
        }
#menu a{
  width:60px;
	height:19px;	
	display:block;
	z-index:100; 
}
/*************************************/
/*************************************/

li{
  float:left;
  width: 63px;
  list-style-type:none;
  }
    
  ul#menu{
  position:absolute;
  left:215px;
  width:660px;
  height:25px;
  }
  
  ul#menu a{
  font-family: "calibri", Helvetica, sans-serif ;
  font-size:13px;
  color:white;
  z-index:140;
  
  text-decoration:none; 
  display:block;
  text-align:center;
  }

  ul#menu a:hover {display:block;
  
  }  
  
  #menu li:hover .smenu{
  display:block;
  }
  
  .bgmarron{position:relative;  
  }

    .bgmarron a:hover{ 
  list-style-type:none;
  display:none;
background: url('images/button4.gif');

  }
  
  .smenu{margin-top:6px;}
  
  .smenu a:hover{
  list-style-type:none;
  display:none;
  background:#982021 ;  
  }
  
  .smenu li{
  border-bottom:1px solid #fff;
  }

  .ssmenu{display:none;
  background-color:#dbdbdb;
  opacity:0.92;
  }

/*******************SOUS-SOUS-MENU***********/
/********************************************/
 #menu li:hover .ssmenu{
  display:block;
  z-index:140;
  }
   .smenu li:hover .sssmenu{
  display:block;z-index:140;
  }
.sssmenu{
  list-style-type:none;
  display:none;
  margin-left:0px;z-index:140;
  }
  .sssmenu li{border-bottom:1px solid #fff;}
.sssmenu{background-color:#8d8d8d;
z-index:140;
}

.Smenu{
  list-style-type:none;
  display:none;
  
  margin-left:-100px;z-index:300;
  background-color:white;

  }
  /**************************************************************/
   #menuconseil li:hover .SSmenu{
  display:block;
  z-index:350;
  border:none;
  margin-left:-130px;
  top:100px;
  }
   #menuconseil li:hover .SSSmenu{
  display:block;
  z-index:350;
  border:none;

  margin-left:-40px;
  margin-top:80px;
  background-color:white;
  }
   .SSmenu li:hover .Smenu{
  display:block;
  z-index:350;
  border:none;
  background-color:white;
  }
  .SSSmenu{background-color:#ffffff;
  z-index:350;opacity:1;}
  
.Smenu{border:none;
  list-style-type:none;
  display:none;
  margin-left:0px;
  background-color:white;
  z-index:350;
  }
.Smenu li{background-color:white;
  z-index:350;border-bottom:1px solid #fff;}

.Smenu{background-color:white;
  

z-index:350;
}
.Smenu{
  list-style-type:none;
  display:none;
  margin-left:-100px;
  z-index:300;
  }
/*********************************************************************************************************************/

/********************************/
/*  MENU GAUCHE                 */
/********************************/
#menuconseil{

position:relative;
left:0;
top:0;
}
#menuconseil li{
width:180px;
line-height:22px;
list-style-type:none;
float:left;
clear:both;
}
#menuconseil li ul{
display:none;
position:absolute;
left:150px !important;
margin-top:-22px !important;
left:0;
margin-top:-129px;
}
#menuconseil li a{position:relative;
color:black;
text-align :left;
font-family:calibri;
font-size:15px;
text-decoration:none;
margin-top:5px;
margin-left:20px;
display:block;
width:230px;
}
#menuconseil li a:hover{
color:#982021;
}
#menuconseil li:hover>ul{
display:block;
}
#menuconseil li ul li{
background:url(votre_image.gif);
}
#menuconseil li ul li a{
padding-left:20px;
width:160px;
}
#menuconseil li ul li a:hover{
background:url(autre_image.gif);
}
#menuconseil .ssc{
background:url(autre_image.gif);
}
#menuconseil .ssc a:hover{
background:url(autre_image.gif);
}
#menuconseil li.cat,#menu li.cat2{

text-indent:2em;
}
#menuconseil li.cat{
background:url(image_autre.gif);
}
#menuconseil li.cat2{
background:url(encore_une_image.gif);
}


/********************************/
/*  CONTENU                     */
/********************************/
#contenu{
    position: relative;
    height:525px;
   background-color: white;	     
    }
/********************************/
/*  ZONE GAUCHE                 */
/********************************/
#zonegauche{position:absolute;
height:525px;
width:259px;
left:0;
top:0;

}  
#titregauche{position:relative;
height:100px;
}
#epi{position:absolute;
top:20px;
left:5px;
height:76px;
width:41px;
}
#menugauche{
position:relative;
height:239px;
z-index:80;
}



#clavier{position:relative;
height:180px;
margin-left:-21px;
}
/********************************/
/*   STRUCT                     */
/********************************/
#struct{position:absolute;
left:259px;
height:525px;
width:558px;
top:0;
}
#chemin{position:relative;
height:15px;
}
#chemin b{position:absolute;
left:0px;
top:3px;
font-family:calibri;
font-size:12px;
color:#565657;
text-align:left;
z-index:2;
}
#virgule{position:absolute;
top:30px;
left:10px;}

#texte{position:relative;
height:510px;
width:558px;
left:0px;
top:0px;
z-index:10;
}
#commentaires{position:absolute;
height:150px;
width:530px;

top:350px;
left:0;}

#soluc{position:absolute;
top:96px;
left:280px;}
#soluc2{position:absolute;
top:312px;
left:280px;}
#soluc1{position:absolute;
top:212px;
left:280px;}
/********************************/
/*  ZONE DROITE                 */
/********************************/
#zonedroite{position:absolute;
left:817px;
top:0;
height:525px;
width:183px;
/*background:url('NEw images/regardxb.jpg') no-repeat;*/
}
#resume{position:relative;
height:305px;
margin-top:0px;

}
#banniereDroite{position:relative;
height:80px;
width:179px;
margin-top:40px;
}


#pubAgora{position:relative;
height:180px;
width:179px;
margin-top:40px;
}

#plaquette{position:relative;
height:133px;
margin-top:40px;
border:1px solid #dbdbdb;}



/*..............................................................*/
/*                     PAGE ACCUEIL                             */
/*..............................................................*/

#oeil {background:url('images/regardb.jpg') no-repeat;
height:130px;
width:213px;
top:30px;
left:320px;
position:absolute;
}
#texte p{
width:534px;
font-size:12px;
font-family:calibri;
text-align:justify;
z-index:100;

}
/*..............................................................*/
/*                     PAGE CONTACT                             */
/*..............................................................*/
#contact{position:relative;
height:510px;
width:558px;
left:0px;
top:0px;
}
#contact p{
width:534px;
font-size:12px;
font-family:calibri;
text-align:justify;
z-index:103;

}
#lieukalidev{position:absolute;
left:240px;
top:25px;
}
#carte{position:absolute;
left:240px;
top:120px;
}
#lieukalidev p{
width:534px;
font-size:12px;
font-family:calibri;

}
/********************************/
/*  PIED DE PAGE                */
/********************************/        

#pied{
    position:relative;
	width:1005px;
    height:83px;
    background: url('NEw images/pied.jpg') no-repeat ; 
    }


#pied p{
position:relative;
font-family:calibri;
font-size:9px;
color:#494848;
text-align:center;
top:20px;


}


	
#pied a{
list-style-type:none;
color:#494848;
text-decoration:none;
}