/*---------------------------------------------------- li menu---------------------------------------------------------*/

#menu_principal a{
	font-family: "AgencyFBRegular", arial, sans-serif;
	font-size:16px;
	text-decoration:none;
	line-height:15px;
}

/*--------------------------------menu agence-----------------------------------*/
#li_agence{
	width:42px; 
	height:72px;
}

#li_agence > a{
	display:block;
	padding-top:42px;
	padding-bottom:12px;
	white-space:nowrap;
}

#li_agence > a:hover{
	color:#ff6633;
}

.li_agence_hover{
	background-image:url(design/menu/petit_picto_agence_gr.png); 
}

.li_agence_hover > a{
	color:#8A8A8B;
}

.li_agence_hover:hover{
	background-image:url(design/menu/petit_picto_agence_on.png); 
}

.li_agence{
	background-image:url(design/menu/petit_picto_agence_off.png); 
}

.li_agence:hover{
	background-image:url(design/menu/petit_picto_agence_on.png); 
}

.li_agence > a{
	color:#018ea9;
}

/*--------------------------------menu metiers-----------------------------------*/

#li_metiers{
	width:57px; 
	height:72px;
}

#li_metiers > a{
	display:block;
	padding-top:42px;
	padding-bottom:12px;
	white-space:nowrap;
}

#li_metiers > a:hover{
	color:#ff6633;
}

.li_metiers_hover{
	background-image:url(design/menu/petit_picto_metier_gr.png); 
}

.li_metiers_hover > a{
	color:#8A8A8B;
}

.li_metiers_hover:hover{
	background-image:url(design/menu/petit_picto_metier_on.png); 
}

.li_metiers{
	background-image:url(design/menu/petit_picto_metier_off.png); 
}

.li_metiers:hover{
	background-image:url(design/menu/petit_picto_metier_on.png); 
}

.li_metiers > a{
	color:#018ea9;
}

/*--------------------------------menu portfolio-----------------------------------*/

#li_portfolio{
	width:60px; 
	height:72px;
}

#li_portfolio > a{
	display:block;
	padding-top:42px;
	padding-bottom:12px;
	white-space:nowrap;
	padding-left:2px;
}

#li_portfolio > a:hover{
	color:#ff6633;
}

.li_portfolio_hover{
	background-image:url(design/menu/petit_picto_folio_gr.png); 
}

.li_portfolio_hover > a{
	color:#8A8A8B;
}

.li_portfolio_hover:hover{
	background-image:url(design/menu/petit_picto_folio_on.png); 
}

.li_portfolio{
	background-image:url(design/menu/petit_picto_folio_off.png); 
}

.li_portfolio:hover{
	background-image:url(design/menu/petit_picto_folio_on.png); 
}

.li_portfolio > a{
	color:#018ea9;
}

/*--------------------------------menu reference-----------------------------------*/

#li_ref{
	width:73px; 
	height:72px;
}

#li_ref > a{
	display:block;
	padding-top:42px;
	padding-bottom:12px;
	white-space:nowrap;
	padding-left:2px;
}

#li_ref > a:hover{
	color:#ff6633;
}

.li_ref_hover{
	background-image:url(design/menu/petit_picto_ref_gr.png); 
}

.li_ref_hover > a{
	color:#8A8A8B;
}

.li_ref_hover:hover{
	background-image:url(design/menu/petit_picto_ref_on.png); 
}

.li_ref{
	background-image:url(design/menu/petit_picto_ref_off.png); 
}

.li_ref:hover{
	background-image:url(design/menu/petit_picto_ref_on.png); 
}

.li_ref > a{
	color:#018ea9;
}

/*--------------------------------menu bonus-----------------------------------*/

#li_bonus{
	width:51px; 
	height:72px;
}

#li_bonus > a{
	display:block;
	padding-top:42px;
	padding-bottom:12px;
	white-space:nowrap;
	padding-left:2px;
}

#li_bonus > a:hover{
	color:#ff6633;
}

.li_bonus_hover{
	background-image:url(design/menu/petit_picto_bonus_gr.png); 
}

.li_bonus_hover > a{
	color:#8A8A8B;
}

.li_bonus_hover:hover{
	background-image:url(design/menu/petit_picto_bonus_on.png); 
}

.li_bonus{
	background-image:url(design/menu/petit_picto_bonus_off.png); 
}

.li_bonus:hover{
	background-image:url(design/menu/petit_picto_bonus_on.png); 
}

.li_bonus > a{
	color:#018ea9;
}



#billiotte_menu {
	margin-left: 213px;
	position: relative;
	height: auto;
	width: auto;
	margin-top: 3px;
}
#billiotte_menu UL {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#billiotte_menu UL LI {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#billiotte_menu UL LI IMG:hover {
	cursor: pointer;
}
#minilogo {
	float: right;
	margin-top: -1px;
}
#petit_menu_agence {
	width:150px;
	display:none;
	z-index:11;
	font-size:x-small;
}

#petit_menu_agence a{
	width:150px;
	display:block;
	font-size: x-small;
	font-family:Verdana, Geneva, sans-serif;
}

#petit_menu_metiers {
	display:none;
	z-index:11;
	font-size:x-small;
	width:100px;
}
#petit_menu_metiers a{
	display:block;
	width:100px;
	font-size: x-small;
	font-family:Verdana, Geneva, sans-serif;
}
#petit_menu_portfolio {
	font-size:x-small;
	width:130px;
	display:none;
	z-index:11;
}
#petit_menu_portfolio a{
	display:block;
	width:130px;
	font-size: x-small;
	font-family:Verdana, Geneva, sans-serif;
}
#petit_menu_ref {
	font-size:x-small;
	width:140px;
	display:none;
	z-index:11;
}
#petit_menu_ref a{
	display:block;
	width:140px;
	font-size: x-small;
	font-family:Verdana, Geneva, sans-serif;
}
#petit_menu_bonus {
	font-size:x-small;
	width:100px;
	display:none;
	z-index:11;
}
#petit_menu_bonus a{
	display:block;
	width:100px;
	font-size: x-small;
	font-family:Verdana, Geneva, sans-serif;
}
#Logo_rubrique {
	position: absolute;
	left: 0px;
	top: 4px;
	width: 168px;
}
.ssmenu A {
	font-size: x-small;
	text-decoration: none;
	color: #018EA9;
}
.ssmenu A:visited {
	font-size: x-small;
	text-decoration: none;
	color: #018EA9;
}
.ssmenu A:hover {
	font-size: x-small;
	text-decoration: none;
	color: #FF6633;
}