*{

	padding: 0;

	margin: 0;

}

body a { 

	outline: 0;

}

body {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 900px;
	font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
	font-size: 85%; /* Resets 1em to 10px */
	color: #000;
	behavior: url("../CSS/csshover.htc");
}



#load {
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:500px;
background-color:#FFFFFF;
z-index:100;
font-size: medium;
}


#menu{
position:relative;
	margin: auto;
	padding: auto;
	font-size: 1.2em;
	width:900px;

}

#head{
	width: 900px;
	margin: auto;
	height: 100px;
	background: url(../images/bg_head.png) no-repeat;
	padding: 10px;
	position: relative;
}

#container {
position:relative;
	width: 900px;
	margin: auto;
	padding: auto;
	font-size: 1.2em;
	
}

#foot {
	width: 900px;
	margin: auto;
	background: url(../images/bg_foot_80x900.png) no-repeat;
	text-align: center;
	padding-top: 13px;
	height: 100px;
	color: #fff;
	
}

#list_hier1 li a {

  display:block;

  height:23px;

  text-decoration:none;

  color:#696969;

  background-color:#FFFFFF;

  font-size: 70%; /* Resets 1em to 10px */

}

#list_hier1 {

  width:auto;

  margin:10px 0px;

  padding:0px;

  z-index:100;

}

#list_hier1 ul.lettre {

  width:60px;

  list-style:none;

  padding:0px;

  margin:0px;

  border-right:1px solid silver;

}



#list_hier1 ul.donnee {

  width:450px;

  list-style:none;

  padding:0px;

  margin:0px;

  border-right:1px solid silver;

}

#list_hier1 ul.lettre li {

  width:auto;

  margin-left:5px;

  padding-left:25px;

  text-indent:5px;

  height:23px;

  background:url("../images/bordure.png") no-repeat;

}

#list_hier1 ul.lettre li ul.donnee {

  display:none;

}

#list_hier1 ul.lettre li:hover ul.donnee {

  display:block;

  position:relative;

  top:-24px;

  left:25px;

}

#list_hier1 ul li ul, #list_hier1 ul li:hover ul li ul, #list_hier1 ul li:hover ul li:hover ul li ul{

  display:none;

}

#list_hier1 ul li:hover ul, #list_hier1 ul li:hover ul li:hover ul, #list_hier1 ul li:hover ul li:hover ul li:hover ul{

  display:block;

  position:relative;

  top:-24px;

  left:115px;

}

#list_hier1 ul.lettre li.extend a {

  background:white url("../images/suite.gif") right no-repeat;

}

#list_hier1 ul.lettre li.extend:hover ul.donnee li.end a {

  background-image:none;

}

#list_hier1 ul.lettre li:hover,  ul.donnee li:hover  {

  background:url("../images/fleche_survol.png") no-repeat;

}

#list_hier1  ul.lettre li a:hover,  ul.donnee li a:hover {

  color:black;

  background-color:#BBB7C7;

}

#list_hier1 ul li.extend:hover a, #list_hier1 ul li.extend:hover ul li:hover a, #list_hier1 ul li.extend:hover ul li.extend:hover ul li:hover a, #list_hier1 ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{

  background-color:#BBB7C7;

}

#list_hier1 ul li.extend:hover ul li a, #list_hier1 ul li.extend:hover ul li:hover ul li a, #list_hier1 ul li.extend:hover ul li.extend:hover ul li:hover ul li a{

  background-color:#FFFFFF;

}



#list_hier2 li a {

  display:block;

  height:23px;

  text-decoration:none;

  color:#696969;

  background-color:#FFFFFF;

  font-size: 70%; /* Resets 1em to 10px */

}

#list_hier2 {

  width:auto;

  margin:10px 0px;

  padding:0px;

  z-index:100;

}

#list_hier2 ul.lettre {

  width:60px;

  list-style:none;

  padding:0px;

  margin:0px;

  border-right:1px solid silver;

}



#list_hier2 ul.donnee {

  width:450px;

  list-style:none;

  padding:0px;

  margin:0px;

  border-right:1px solid silver;

}

#list_hier2 ul.lettre li {

  width:auto;

  margin-left:5px;

  padding-left:25px;

  text-indent:5px;

  height:23px;

  background:url("../images/bordure.png") no-repeat;

}

#list_hier2 ul.lettre li ul.donnee {

  display:none;

}

#list_hier2 ul.lettre li:hover ul.donnee {

  display:block;

  position:relative;

  top:-24px;

  left:25px;

}

#list_hier2 ul li ul, #list_hier2 ul li:hover ul li ul, #list_hier2 ul li:hover ul li:hover ul li ul{

  display:none;

}

#list_hier2 ul li:hover ul, #list_hier2 ul li:hover ul li:hover ul, #list_hier2 ul li:hover ul li:hover ul li:hover ul{

  display:block;

  position:relative;

  top:-24px;

  left:115px;

}

#list_hier2 ul.lettre li.extend a {

  background:white url("../images/suite.gif") right no-repeat;

}

#list_hier2 ul.lettre li.extend:hover ul.donnee li.end a {

  background-image:none;

}

#list_hier2 ul.lettre li:hover,  ul.donnee li:hover  {

  background:url("../images/fleche_survol.png") no-repeat;

}

#list_hier2  ul.lettre li a:hover,  ul.donnee li a:hover {

  color:black;

  background-color:#BBB7C7;

}

#list_hier2 ul li.extend:hover a, #list_hier2 ul li.extend:hover ul li:hover a, #list_hier2 ul li.extend:hover ul li.extend:hover ul li:hover a, #list_hier2 ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{

  background-color:#BBB7C7;

}

#list_hier2 ul li.extend:hover ul li a, #list_hier2 ul li.extend:hover ul li:hover ul li a, #list_hier2 ul li.extend:hover ul li.extend:hover ul li:hover ul li a{

  background-color:#FFFFFF;

}



/* Form */



select, input {

	padding: 2px;

	margin-top: 1px;

	margin-right: 0;

	margin-bottom: 1px;

	margin-left: 0;

	font-size: 1em;
	
}



textarea {

	padding: 2px;

}
#infolegal{
	top:0px;
	left:0px;
	overflow:auto;
	height: 200px;
	width: 100%;
	position: relative;
	border: outset 5px #CCCCCC;
	 }


   .onglet {
    width: 15%;
    text-align: center;
    background: #F3F3F3;
    /*border-left:solid 1px #DDDDDD;*/
    border-top-right-radius: 10% 30%;
   }
   .onglet a font {
    color: #999999;
   }
   .onglet a {
    text-decoration:none ;
   }

   .active {
    width: 20%;
    height: 30px;
    text-align: center;
    background:#999999;
    border-top-right-radius: 5% 30%;
    
   }
   .active a font{
    color: #F3F3F3;
    }
    .active-sous-onglet {
      width: 25%;
      text-align: center;
      height: 30px;
      background: #999999;
      border-top-right-radius: 5% 30%;
    }
    .active-sous-onglet a {
    text-decoration:none ;
   }
    .active-sous-onglet a font{
    color: #FFFFFF;
    }
    .sous-onglet {
      width: 25%;
      text-align: center;
      height: 30px;
      background: #F3F3F3;
    
      border-top-right-radius: 5% 30%;
    }
    .sous-onglet a {
    text-decoration:none ;
   }
    .sous-onglet a font{
    color: #999999;
    }
    .text{
      width: 15%;
    }