/*h1{margin-top:15;font-family:arial;color:black;font-size:12px;font-weight:lighter; line-height : 10px;letter-spacing : 6px;}*/

/* containeur */

body { background-image: url(fond.jpeg); text-align: center; margin-top:8px;}

.page { border: 0px solid red;width: 662px;text-align: left; font-weight:bold; visibility: visible; margin-left: auto; margin-right: auto;margin-top:0px;}

/* .text1{padding:20px;text-align: justify ; font-family: arial,Helvetica,sans-serif;font-size: 16px;font-weight : 700; height:300px";} */

/* font-family:arial; color:#500} */

hr{width:550px; color: red; background-color: red; height: 1px; border: 0; }

span{color:red;}

/* menu */

ul#menu li ul{ display:none; }

ul#menu li:hover>ul{ display:block; }

ul#menu{text-align: left;
  margin:0px;
  padding:0px 0  0 20px;
  list-style:none;
  width:100%; height:16px ;
  background:#db9 url(icon.gif) no-repeat;
  float:left;
  font-family: arial;font-size:12px;font-weight:bold;
}

ul#menu hr{height:0;width:148px;
 margin-right: 6px;
 margin-left: 6px;
color:red;
}

ul#menu li{
  float:left;
  display:block;
  padding:0px 0px 0 0;
}

ul#menu li.first{
  padding-left:0px;
}

ul#menu li.last{
  padding-right:0px;
}

ul#menu li a{
  display:block;
  padding:0 1px 0 3px;
  border:1px solid #db9;

  color:#100;
  text-decoration:none;
}

ul#menu li a:hover{
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#000;
  border-bottom-color:#000;
  color:#fff;
  background-color:#900;
}

ul#menu ul{   
  position:absolute;
  background:#ccc url(m1.gif) repeat-y -160px 0%;
  list-style:none;
  margin:0 0 0 -1px;
  padding:0px;
  width:160px;
  z-index:1;
}

ul#menu ul ul{ /* décalle le 2ème ss menu */
  top:0px;
  left:160px;
  z-index:1;
}

ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  display:inline;
}

ul#menu ul li a{background-color:white;
  display:block;
	margin:0px;
	padding:0px;
	width:160px;
  border:none;
  cursor:pointer;
  cursor:hand;
}
ul#menu ul li a span{background-color:#dcb;color:#200;
  display:block;
  width:144px;
  width:156px;
	padding:1px 0px 1px 8px;   /*hauteur cell ss menu , marge texte dans la cell */
  margin:0px 2px;
  border:none;

}
ul#menu ul li a.next span{
  background: #dcb url(fleche.gif) no-repeat ;
background-position: -3% 50%; /* fleche et fond si possède 2eme ss menu*/
}
ul#menu ul li a.next:hover span{
  background-position: -155px 50%;
}

ul#menu ul li a:hover span{
  background-color:#900; /* hover>joue sur le fond ss menu*/
  color:#fff;
  border:none;
}

ul#menu ul li.first{
  padding-left:0px;
}

ul#menu ul li.first a{text-align:left;
  padding-top:3px;
  padding-bottom:2px;
	background:url(m1.gif) no-repeat ; /* -320px equivalent right; */
background-position:-320px 1%;
}

ul#menu ul li.last{
  padding-right:2px;
}

ul#menu ul li.last a{
  padding-bottom:2px;
	background:url(m1.gif) no-repeat;
	background-position:-320px 1%;
  padding-top:2px;
}

/* formatage éléments en-tête */

	A:link {color:#000; text-decoration:none;}
	A:visited {color:#000; text-decoration:none;}
	A:hover {color:#fff; text-decoration:none;background-color:#a00;}

.cadre{width:95%;background-color:#Fd6;border:solid 1px red; padding:2px;margin-top:-10px;font-family:arial;font-size:11px; font-weight:bold; line-height : 10px;letter-spacing : 0;}

.cel1 {width:230px; padding:0px; float:left;text-align:center;}

.cel2 {width:265px; font-family:arial; text-align:center; padding:0px; height:80px; float:left;}

.cel3 {width:167px;  padding:0px; float:left; height:80px; text-align:right;font-family:times; font-size:13px; font-style:italic; font-weight:bold;}


/* formatage éléments zone texte */

.zone{width:620;margin:20; border: 0px solid red; padding:20px 0; text-align: justify ; font-family: arial,Helvetica,sans-serif;font-size: 16px;font-weight : bold;}

.zone A:link {color:#00F; text-decoration:underline;background-color:transparent;}
.zone A:visited {color:#80D; text-decoration:underline;background-color:transparent;}
.zone A:hover {color:#F00; text-decoration:none;background-color:transparent;}

/* formatage éléments pied */

.cel{border:solid 1px black; width:570px; height:21px;padding:0px;font-family:arial; text-align:center;} /*cadre sommaire */

.pied{text-align:center;}
.pied A:link {color:#00F; text-decoration:underline;background-color:transparent;}
.pied A:visited {color:#80D; text-decoration:underline;background-color:transparent;}
.pied A:hover {color:#F00; text-decoration:none;background-color:transparent;}