/****************************/
#onglets_top_site {
  overflow: hidden; 
  font-size:13px;font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
#onglets_top_site ul {
  float: left;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
  
}
#onglets_top_site ul li {
  float: left;
  margin-right: 1px;
  height:30px;
  
}
#onglets_top_site ul li.innactif a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(images/coin-gauche.png);
  background-position: 0% -250px;
  background-repeat: no-repeat; font-weight:bold;

 
}
#onglets_top_site ul li.actif a{text-decoration: none;}
#onglets_top_site ul li.actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(images/coin-gauche.png);
  background-position: 0% 0%;
  background-repeat: no-repeat; 
}
#onglets_top_site ul li.innactif a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(images/coin-droit.png);
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #000;
  font-weight:bold;
   height:30px;

}

#onglets_top_site ul li.actif a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(images/coin-droit.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #000;
  height:30px;
  font-weight:bold;
  margin-bottom:-2px;
}

#onglets_top_site ul li.innactif a:hover {
  background-position: 0% -500px;
}
#onglets_top_site ul li.innactif a:focus {
  background-position: 0% -500px;
}
#onglets_top_site ul li.innactif a:hover span {
  background-position: 100% -500px;
}
#onglets_top_site ul li.innactif a:focus span {
  background-position: 100% -500px;
}
/****************************/
.onglets_top{
	width:625px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	height:30px;
	position:relative;

}
.onglets_top ul{
	
	list-style: none;
	height:inherit;

}
.onglets_top ul li{	
	background-image:url(images/onglet_top_debut.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-position:left;
	float: left;
	height:inherit;
	/*width:14%;*/
	line-height:31px;;
	text-align:center;	
	/*border: thin solid #F00;*/
margin-right:12px;
	
}

.onglets_top ul li a{
	font-family:inherit;
	font-size:inherit;
	color:#666666;
	height:inherit;
	width:auto;
	height:auto;
	margin:auto;
	line-height:31px;;
	text-decoration:none;
	margin-left:2px;
	margin-right:2px;
	padding-left:6px;
	padding-right:6px;
	
}
.onglets_top ul li a:hover{
	text-decoration:underline;
	color:#000;
}
.onglets_top ul div{	
	background-image:url(images/onglet_top_fin.gif);
	/*background-color:#f6f6f6;*/
	background-position:top;
	background-repeat:no-repeat;
	background-position:right;
	height:inherit;
	width:12px;
	height:30px;
	float:right;
	z-index:300;
	float:right;

}
.selected_special{	
	background-image:url(images/onglet_top_debut_empty.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-position:left;
	float: left;
	height:inherit;
	width:15%;
		line-height:31px;;
	color:#000;
	border-bottom:#fff thin solid;
	
}

.onglets_top  ul  #selected{	
	background-image:url(images/onglet_top_debut_empty.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-position:left;
	float: left;
	height:inherit;
	width:15%;
	line-height:31px;;
	color:#000;
	border-bottom:#fff thin solid;
	
}
.onglets_top  ul  #selected a:hover{	
	text-decoration:none;
	
}
.onglets_top #selected div{	
	background-image:url(images/onglet_top_fin_empty.gif);
	background-color:#f6f6f6;
	background-repeat:no-repeat;
	background-position:right;
	height:inherit;
	width:12px;
	height:30px;
	float:right;
}

 .order_by{
               padding-left:5px;
               padding-right:5px;
               height:36px; width:620px;
               /*
               border-bottom-color: #0065cd;
               border-bottom-style: solid;
               border-bottom-width: 1px;
               */
               font-size: 11px;
               color: #000;
               font-weight: bold;
               text-align: left;
                background-image: url(images/order_by_fondX.png);
               /*line-height: 25px;*/
            }

            .order_by ul{
                 margin-left:-30px;
                list-style: none;
                height:inherit;
                line-height:20px;;
            }
            .order_by li{
                float: left;
                padding-right:20px;
                padding-left:20px;
                height:inherit;
            }


            .order_by li a{
                color:inherit;
                text-decoration: none;
            }
            .order_by li:hover{
                color:#1b568e; 
                background-image: url(images/order_by_fond.png);
                background-position: center top;
            }
            .order_by .first{
                float: left;
                padding-right:20px;
                margin-left:-20px;
            }
            .order_by .first:hover{
                float: left;
                padding-right:20px;
                margin-left:-20px;
                background-color: #FFF;
                color:#000;
               background-image: url(images/order_by_fondX.png);

            }

            .order_by  #selected{
              background-color: #FFF;
              background-image: url(images/order_by_fond.png);
              background-position: center top;
              height: inherit;
            }
            .order_by ul li:hover > ul {visibility: visible;display: block}

            .order_by ul ul {visibility: hidden; position: absolute; }
            .order_by ul ul li {width:100%; background: #FFF;
                               border-bottom: 1px solid #ccc;
                               border-right: 1px solid #ccc;
                               border-left: 1px solid #ccc;
                               float: none;
                               display: inline-block;
                               display: block; background-image: url(images/order_by_fondD.png);}
            .order_by ul ul li:hover {color:#000;background-image: url(images/order_by_fondD.png); background-color: #f1f8fb}
            .order_by ul ul li:last-child a {margin-bottom:5px;}
			
.onglet_doc {
	padding:0;
	margin:0;
	list-style-type:none;
}
.onglet_doc ul{
	padding:0;
	/*margin:-1px;*/ /*modif*/

}

.onglet_doc li {
	width:100px;
	background-color:#FFF;
	padding-right:15px;
	display:block;
	line-height: 22px;
	
	border-color:#000;
	border-width:1px;
	border-style:solid;
	
	border-bottom:none;
	
	text-align:center;
	float:left;
}
.onglet_doc li:hover {
	width:100px;
	background-color:#333; /* modif */
	color:#fff;
	padding-right:15px;
	display:block;
	line-height: 22px;
	/*
	border-color:#000;
	border-width:1px;
	border-style:solid;
	*/
	text-align:center;
	float:left;
}
.onglet_doc li:hover a{
	color:#fff;
}
.onglet_doc #selected {
	width:100px;
	background-color:#333; /* modif */
	color:#FFF;
	padding-right:15px;
	display:block;
	line-height: 22px;
	/*border-color:#000;
	border-width:0px;
	border-style:solid;
	margin-bottom:-2px;*/
/*	border-bottom-color:#333;  modif */
	float:left;
}
.onglet_doc #selected a {
	text-decoration:none;
	color:#FFF;
}

.onglet_doc li a {
	text-decoration:none;
	color:#333;
}			

/*************/
#en-tete {
  overflow: hidden;
  background-color: #FFFFFF;
  background-repeat: repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:10px;
  color:#000;
}
#en-tete ul {
  float: left;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 2px;
  padding-right: 0px;
  list-style: none;
}
#en-tete ul li {
  float: left;
  margin-left: 2px;
}
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 2px;
  background-image: url(http://www.ameqenligne.com/AQ/theme3/images/coin-gauche.png);
  background-position: 0% -250px;
  background-repeat: no-repeat;
}
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 0px;
  background-image: url(http://www.ameqenligne.com/AQ/theme3/images/coin-gauche.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#en-tete ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(http://www.ameqenligne.com/AQ/theme3/images/coin-droit.png);
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #333;
}
#en-tete ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(http://www.ameqenligne.com/AQ/theme3/images/coin-droit.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color:#000;
}
#en-tete ul li a:hover {
  background-position: 0% -500px;
  color:#BBB;
}
#en-tete ul li a:focus {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}
#en-tete ul li a:focus span {
  background-position: 100% -500px;
}
