/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0
	}
	body {
		font-size:75%;
		font-family:arial, FreeSans, helvetica, sans-serif;
		color:#646464;
		background:#f5f5f5 url(../../images/structure/background/global.gif) repeat-x;
		text-shadow:#fff 0 0 0;
	}
	ul {list-style:none}
	a {text-decoration:none; color:#259BBD}
	a:hover, a:focus {text-decoration:underline}
	a img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.bouton {
		font-family:tahoma;
		font-size:1em;
		/**/color:#fff;
		/**/background:#000;
		/**/border:1px solid #000;
		padding:1px;
		cursor:pointer
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:980px;
		padding:4px 0 0 0;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Recherche */
	#recherche {
		float:right;
		padding:0 8px 0 0;
		margin:0 0 5px 0;
		position:relative;
		height:24px;
	}
	#recherche input.champ_recherche {
		float:left;
		width:170px;
		height:18px;
		font-size:1em;
		color:#969696;
		border:none;
		background:url(../../images/structure/background/champ_recherche_total.gif) no-repeat left top;
		padding:2px 0 0 5px;
	/*	margin:2px 86px 0 0;*/
		position:absolute;
		right:85px;
		top:1px;
	}
	*+html #recherche input.champ_recherche {padding-top:4px}
	* html #recherche input.champ_recherche {padding-top:4px}
	#recherche input.bouton_recherche {
		float:left;
	/*	background:url(../../images/structure/background/bouton_recherche.gif) no-repeat left;*/
		padding:0 0 0 18px;
		position:absolute;
		right:6px;
		top:0;
	/*	margin-top:1px*/
	}
	* html #recherche input.bouton_recherche {margin-top:0}
	*+html #recherche input.bouton_recherche {margin-top:0}
/* --------------------------------------------------------------------------------------------- Liens top */
	#liens_top {
		font-weight:bold;
		padding:4px 0 0 11px
	}
	#liens_top li {display:inline}
	#liens_top li a {
		color:#259bbd;
		text-decoration:underline
	}
	#liens_top li #site_anglais {
		background:url(../../images/structure/background/version_anglaise.gif) no-repeat right 50%;
		padding:0 24px 0 0
	}
	#liens_top li #anglaise {}
	#liens_top li #francaise {background-image:url(../../images/structure/background/version_francaise.gif)}
	#liens_top li a:hover, #liens_top li a:focus, #liens_top li a.focus {text-decoration:none}
/* --------------------------------------------------------------------------------------------- Visuel */
	#visuel {vertical-align:middle}
/* --------------------------------------------------------------------------------------------- Menu */
/* ------------------------------------------------------------------------- Premier niveau */
	#menu {
		position:relative;
		float:left;
		width:980px;
		height:25px;
		font-size:1.3em;
		background:#f5f5f5 url('../../images/structure/background/menu.gif') repeat-x;
		border-bottom:10px solid #e04942;
	}

	.hauteur_vous_etes { /* RAJOUT VCO */
		height:100px;
	}

	.hauteur_vous_recherchez { /* RAJOUT VCO */
		height:90px;
	}

	#menu li {
		float:left;
		width:126px;
		position:relative;
		text-align:center;
		background:url('../../images/structure/background/menu_li.gif') no-repeat right top;
	}

	#menu li a {
		display:block;
		width:100%;
		color:#dcdcdc;
		padding:2px 0 4px 0
	}

	#menu li a:hover, #menu li a:focus, #menu li a.on {
		color:#fff;
		background:url('../../images/structure/background/menu_a_on.gif') repeat-x;
		text-decoration:none;
	}

	#menu .menu-long {
		width:164px;
	}

	#menu li.last {
		width:140px;
		background:none;
		padding-right:0
	}

	#menu li.home {
		width:46px;
	}

	#menu li.home a{
		display:block;
		height:20px;
		padding:5px 0 0 0
	}

/* ------------------------------------------------------------------------- Second niveau */

	#menu li .sous_menu {
		display : none;
		position:absolute;
		left:0;
		top:24px;
		width:132px;
		line-height : normal;
		z-index : 105;
		list-style-position:inside;
	}

	#menu li ul li {
		position:relative;
		width:132px;
		background:url(../../images/structure/background/menu.png) repeat 0 0;
		display:block;
		border-bottom:1px solid #c0c0c0;
		border-left:1px solid #c0c0c0;
		border-right:1px solid #c0c0c0;
		font-size:0.7em !important;
		height:auto;
		min-height:20px;
		/*padding-left:10px;*/
		text-align:left;
		z-index:105;
		padding:4px 0;
		/*Mozilla (<= 1.6) et une partie des navigateurs Gecko :*/
		/*-moz-opacity:0.9;
		/*mozilla firefox et les navigateurs le supportant*/
		/*opacity: 0.9;
		/*Pour IE :*/
		/*filter:alpha(opacity=90);*/
	}
	#global #menu li.menu-long ul.sous_menu {
		width:158px;
	}#global #menu li.menu-long ul.sous_menu li {
		width:156px;
	}
	#menu li ul li a, #menu li ul li span {
		color:#3c3c3c;
		padding:1px 0 3px 6px;
		width:126px;
		white-space:normal;
		display:block
	}
	#menu li ul li span {
		font-weight:bold;
	}
	#menu li ul li a span {
		font-weight:normal;
	}
	* html #menu li ul li span {
		display:block;
		width:132px;
	}
	#menu li ul li a span {
		padding:0;
		display:inline;
		width:auto;
	}
	#menu li ul li a:hover {
		color:#FFFFFF !important;
		background:none !important;
		font-weight:bold !important;
		font-size:1em;
		padding-left:6px;
	}
	#menu li ul li a:hover span{
		font-weight:bold !important;
	}
	#menu li li.withVisible  > a {
		background:#d74640;
		padding:2px 6px;
	}
	/** html #menu li li {
		padding:0;
	}*/
	* html #menu li li a {
		display:block;
		width:100%;
		margin:0;
	}
	* html #menu li .sous_menu li.withVisible a {
		background:#d74640;
		padding:2px 6px;
	}

	#menu li.menu-long ul li a {
		width:150px;
}
/* ------------------------------------------------------------------------- troisieme niveau */

	#menu li .sous_menu2 {
		display : none;
		position:absolute;
		left:137px;
		top:0;
		line-height : normal;
		z-index : 105;
		list-style-position:inside;
		font-size:1.4em;
	}
	#global #menu li.menu-long ul.sous_menu2 li {
		width:156px;
		left:20px;
	}
	* html #global #menu li ul.sous_menu2 li {
		left:5px;
	}
	* html #menu li .sous_menu li.withVisible li a {
		background:none;
		color:#666666;
		padding:2px 6px;
	}
	* html #menu li .sous_menu li.withVisible li a:hover {
		background:#d74640;
		color:#FFF;
		padding:2px 6px;
	}

/* --------------------------------------------------------------------------------------------- Compass */
	#compas {
		background:white none repeat scroll 0 0;
		border-bottom:1px solid #DEDEDE;
		border-left:1px solid #DEDEDE;
		border-right:1px solid #DEDEDE;
		clear:both;
		font-size:0.9em;
		padding:9px 0 4px 10px;
		margin:0 0 12px;
		float:left;
		width:968px;
	}
	#compas a {color:#259bbd}
/* --------------------------------------------------------------------------------------------- Nuage de tags */
	#nuage_tags {
		float:left;
		width:820px;
		/*line-height:1.6em;*/
		text-align:center;
		padding:0 80px;
		margin:0 0 8px 0
	}
	#nuage_tags.off {
		display:none;
	}
	#nuage_tags li {
		display:inline;
		margin:0 1px
	}
	#nuage_tags li a {color:#259bbd}
/* --------------------------------------------------------------------------------------------- Bottom */
	#bottom {
		float:left;
		width:100%;
		height:92px;
		background:url(../../images/structure/background/bottom.gif) repeat-x;
		padding:18px 0 0 0;
		margin:20px 0 0 0
	}
/* ------------------------------------------------------------------------- Footer */
	#bottom #footer {
		display:inline;
		float:left;
		color:#fff;
		font-weight:bold;
		background:url(../../images/structure/background/footer_left.gif) no-repeat;
		padding:0 0 0 17px;
		margin:0 0 5px 315px
	}
	#bottom #footer ul {
		float:left;
		background:url(../../images/structure/background/footer_middle.gif) repeat-x
	}
	#bottom #footer ul li {
		float:left;
		background:url(../../images/structure/background/footer_li.gif) no-repeat right 14px;
		padding:9px 17px 16px 8px
	}
	#bottom #footer ul li.last {
		background:url(../../images/structure/background/footer_right.gif) no-repeat right top;
		padding-right:25px
	}
	#bottom #footer ul li a {
		font-weight:normal;
		color:#fff;
		text-decoration:underline
	}
	#bottom #footer ul li a:hover {text-decoration:none}
/* --------------------------------------------------------------------------------------------- Copyright */
	#bottom #copyright {
		float:left;
		width:100%;
		text-align:center;
		font-size:.8em;
		font-weight:bold;
		color:#787878
	}
	#bottom #copyright img {
		vertical-align:middle;
		margin:0 0 0 3px
	}