/*text*/
body {
 font-size: 12px;
font-family: Arial, Helvetica, Verdana, sans-serif;
 background: rgb(105,105,105);
 margin: 0;
 padding: 0;
}


/*bande haut et bas*/

#header {
	border-top: 6px solid #222A2F;
	width:100%;
	height: 70px;
	background-color: #999999;
}

#footer { 
	width:100%;
	height: 6px;
	background-color: #222A2F;
	left: 0px;
}


/*menu deroulant*/

#support {
  position: absolute;
  top: 90px;
  width: 100%;
  z-index: 8;
 }

#menuList1 { 
  width: 970px;
  height: 21px;
  list-style-type: none;
  margin: auto;
  padding: 0;
  border: 0;
}

#menuList1 .s1 {
  float: left;
  width: 105px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s1 a:link, #menuList1 .s1 a:visited {
  display: block;
  height: 1%;
  background-color: rgb(220,220,220);
  color: rgb(50,50,50);
  border: 0;
  border-right: 1px solid rgb(105,105,105);
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s1 a:hover{
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s1 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}
#menuList1 .s1 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 130px;
	border-top: 1px solid transparent;
}
#menuList1 .s1 .sousmenu li a:link, #menuList1 .s1 .sousmenu li a:visited {
  color: rgb(50,50,50);
  border: 0;
  margin: 0;
  display: block;
  text-decoration: none;
}

#menuList1 .s1 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}

#menuList1 li:hover > .sousmenu { display: block; }

/*deuxiemme colonne*/

#menuList1 .s2 {
  float: left;
  width: 100px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s2 a:link, #menuList1 .s2 a:visited {
  display: block;
  height: 1%;
  background-color: rgb(220,220,220);
  color: rgb(50,50,50);
  border: 0px;
  border-right: 1px solid rgb(105,105,105);
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s2 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s2 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
	text-align: left;
}
#menuList1 .s2 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 195px;
	border-top: 1px solid transparent;
}
#menuList1 .s2 .sousmenu li a:link, #menuList1 .s2 .sousmenu li a:visited {
  color: rgb(50,50,50);
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s2 .sousmenu li a:hover {
  background-color: #990000;
  color: #ffffff;
}


/*troisieme colonne*/

#menuList1 .s3 {
  float: left;
  width: 170px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s3 a:link, #menuList1 .s3 a:visited {
  display: block;
  height: 1%;
  background-color: rgb(220,220,220);
  color: rgb(50,50,50);
  border: 0px;
  border-right: 1px solid rgb(105,105,105);
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s3 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s3 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
        text-align: left;
	
}
#menuList1 .s3 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 215px;
	border-top: 1px solid transparent;
}
#menuList1 .s3 .sousmenu li a:link, #menuList1 .s3 .sousmenu li a:visited {
  color: rgb(50,50,50);
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s3 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}


/*4eme colonne*/

#menuList1 .s4 {
  float: left;
  width: 185px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s4 a:link, #menuList1 .s4 a:visited {
  display: block;
  height: 1%;
  background-color: rgb(220,220,220);
  color: rgb(50,50,50);
  border: 0px;
  border-right: 1px solid rgb(105,105,105);
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s4 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s4 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
        text-align: left;
	
}
#menuList1 .s4 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 295px;
	border-top: 1px solid transparent;
}
#menuList1 .s4 .sousmenu li a:link, #menuList1 .s4 .sousmenu li a:visited {
  color: rgb(50,50,50);
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s4 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}


/*5eme colonne*/

#menuList1 .s5 {
  float: left;
  width: 135px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s5 a:link, #menuList1 .s5 a:visited {
  display: block;
  height: 1%;
  background-color: rgb(220,220,220);
  color: rgb(50,50,50);
  border: 0px;
  border-right: 1px solid rgb(105,105,105);
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s5 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s5 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
        text-align: left;
	
}
#menuList1 .s5 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 230px;
	border-top: 1px solid transparent;
}
#menuList1 .s5 .sousmenu li a:link, #menuList1 .s5 .sousmenu li a:visited {
  color: rgb(50,50,50);
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s5 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}


/*6eme colonne*/

#menuList1 .s6 {
  float: left;
  width: 105px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s6 a:link, #menuList1 .s6 a:visited {
  display: block;
  height: 1%;
  background-color: rgb(220,220,220);
  color: rgb(50,50,50);
  border: 0px;
  border-right: 1px solid rgb(105,105,105);
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s6 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s6 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
        text-align: left;
	
}
#menuList1 .s6 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 160px;
	border-top: 1px solid transparent;
}
#menuList1 .s6 .sousmenu li a:link, #menuList1 .s6 .sousmenu li a:visited {
  color: rgb(50,50,50);
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s6 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}


/*7eme colonne*/

#menuList1 .s7 {
  float: left;
  width: 170px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s7 a:link, #menuList1 .s7 a:visited {
  display: block;
  height: 1%;
  background-color: rgb(220,220,220);
  color: rgb(50,50,50);
  border: 0px;
  border-right: 1px solid rgb(105,105,105);
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s7 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s7 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
        text-align: left;
	
}
#menuList1 .s7 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 110px;
	border-top: 1px solid transparent;
}
#menuList1 .s7 .sousmenu li a:link, #menuList1 .s7 .sousmenu li a:visited {
  color: rgb(50,50,50);
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s7 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}