
/*---------------------------------------------------------------------
				bloc header
----------------------------------------------------------------------*/


#blocHeader {
	z-index:20;
	width:997px;
	font-family:Verdana, Geneva, sans-serif;

	overflow:visible;
	height:287px;
	position:relative;
	top:0px;
		margin-left:auto;
	margin-right:auto;
}

#blocHeader .header {
	position:relative;
	left:0px;
	overflow:visible;
	top:90px;/**/
	z-index:50;
	padding-right:8px;
}


/*---------------------------------------------------------------------
				zone recherche
----------------------------------------------------------------------*/

#blocHeader #recherche {
	position:absolute;
	top:2px;
	/*left:660px;*/
	right:0px;
	font-size:10px;
	color:#e6e2e3;
	/*width:350px;*/
}

#blocHeader #recherche form {
}

#blocHeader #recherche form label {
	vertical-align:middle;
}

#blocHeader #recherche form input {
	background-color:#bdc0b0;
	border:1px solid #80807e;
	font-size:11px;
	
	vertical-align:middle;
	/*color:#fff;*/
}
#blocHeader #recherche form input:hover{
	/*	background-color:#bdc0b0;*/
}
#blocHeader #recherche form button {
	vertical-align:middle;
	margin-left:5px;
	color:#18309a;
	background-color:#eff4f7;
	border:1px solid #80807e;
	font-size:11px;
	background-image:url(../../../../images/pictoLoupeRecherche.gif);
	background-repeat:no-repeat;
	background-position:2px center;
	cursor:pointer;
	padding-left:14px;
	padding-right:4px;
	text-align:left;
	width:85px;
}

#blocHeader #recherche form button:hover {
	text-decoration:underline;
}
#blocHeader #recherche table.gsc-branding {
	position:absolute;
	left:220px;
	top:0px;
	display:block;width:123px;
}

#blocHeader #recherche form.gsc-search-box {
	width:212px;
}
#blocHeader #recherche table.gsc-search-box {
	width:auto;
}
#blocHeader #recherche td.gsc-input input{
	padding-right:8px;padding:1px;
	
}
#blocHeader #recherche form.gsc-search-box { 
	font-size:11px;
}

#blocHeader #recherche form.gsc-search-box td.gsc-input input.gsc-input {
	width:118px;
}
#blocHeader #logo {
	position:absolute;
	width:130px;
	height:122px;
	margin-left:58px;
	margin-top:0px;
	top:21px;
}
#blocHeader #logo a{
	width:147px;
	height:76px;
	display:block;
	background-image:url(../../../../images/logo.gif);
	background-repeat:no-repeat;
}
#blocHeader #zoneAnimation{
	position:relative; position:absolute;
	width:997px;
	margin-left:auto;
	margin-right:auto;
	top:117px;
}

/*---------------------------------------------------------------------
				le menu principal
----------------------------------------------------------------------*/
#blocHeader .header  #Nav {
	position:relative;
	height:27px;
	overflow:visible;
	width:inherit;
	
}

#blocHeader .header  #Nav a.mere {
	
font-size:10px;
	text-decoration:none;
	color:#e6e2e3;
	display:block;
	padding-right:20px;
	padding-left:12px;
	background-image:url(../../../../images/fd_ongletMenu.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:27px;
	line-height:27px;
	margin-right:4px;
	font-weight:normal;
	position:relative;
	float:left;
	

	}
#blocHeader .header  #Nav a span.richtext{
	margin-top:7px;overflow:hidden; height:14px;
}
#blocHeader .header   #Nav a#accueil {
}

#blocHeader .header  #Nav a:hover {
	text-decoration:underline
}

#blocHeader  #Nav li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
	position:relative;
	overflow:visible;
	float:right;
	padding:0px;
	margin:0px;


}


/*jhack ie7*/
/*
*+html #blocHeader  #Nav li {
	width:130px
	
}
*+html #blocHeader  #Nav li li{
	width:inherit
	
}
*+html #blocHeader  #Nav li a{
	width:96px
	
}
*+html #blocHeader  #Nav li li a{
	width:inherit
	
}*/
/*---------------------------------------------------------------------
				le sous menu
----------------------------------------------------------------------*/
#blocHeader #Nav .Menu {
	position:relative;
	position:absolute;
	background-repeat:no-repeat;
	width:146px;

	padding-top:10px;
	padding-bottom:6px;
	padding-left:5px;
	left:-5000px;
	
	margin-top:23px;
	background-position:center 0px ;
	background-image:url(../../../../images/fd_sousMenu.gif);
	background-repeat:no-repeat;background-color:#bfbfc0;
	
	
}

/*ajustement par profil */

#blocHeader  #Nav .Menu li {
	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:none;
	margin:0px;
	padding:0px;
	padding:1px;
	line-height:12px;
	padding-bottom:5px;
}

#blocHeader  #Nav .Menu li a {
	/*display:block;*/
	display:inline;
	color:#fff;
	font-size:10px;
	margin:0px;
	padding:0px;

	padding-right:2px;
	text-decoration:none;
	float:none;
	background-image:none;
	line-height:12px;
	height:12px;
}

#blocHeader #Nav .Menu li a:hover {
	text-decoration:underline;
}

#blocHeader .header #Nav .Menu .Menu{
	top:0px; left:5px; 
	margin:0px; padding:0px;position:relative;
	background-color:transparent;
	font-weight:normal;
	text-transform:none;
	font-style:italic;
	font-size:10px;
	line-height:10px;
}
/*---------------------------------------------------------------------
				le sous menu langue
----------------------------------------------------------------------*/
#blocHeader #langue {
	position:absolute;
	top:10px;
	right:10px
}
#blocHeader #langue a{
	font-size:10px;
	color:#818285;
	text-decoration:none;
	padding-top:10px;
	float:left;
	display:block;
	width:20px;
	height:13px;
	text-indent:-200px;
	position:relative;
	overflow:hidden;
	margin-right:5px;
}
#blocHeader #langue a:hover{
	text-decoration:underline;
}

#blocHeader #langue a#francais {
	background-image:url(../../../../images/drapeauFrancePetit.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#blocHeader #langue a#english{
	background-image:url(../../../../images/drapeauAnglaisMini.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

