/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		list-style:none
	}
	body {
		font-size:68.75%;
		font-family:arial, helvetica, sans-serif
	}
	a, a:hover {text-decoration:none}
	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.btn {
		font-family:'tahoma', arial, helvetica, sans-serif;
		font-size:.9em;
   		font-weight:bold;
		color:#fff;
		/**/background:#1b3252;
		/**/border:1px solid #1b3252;
		cursor:pointer;
		padding:1px 0
   }
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		position:relative;
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		width:955px;
		height:240px;
		background:url(../../../images/design_01/structure/background/header.jpg) repeat-x;
		padding:5px 25px 0 15px
	}
/* ------------------------------------------------------------------------- Liens d'évitement */
	#header #liens_evitement {
		float:left;
		width:975px;
		text-align:center;
		font-family:'tahoma', arial, helvetica, sans-serif;
		font-size:.9em;
		color:#003b8c
	}
	#header #liens_evitement li {display:inline}
	#header #liens_evitement li a {color:#003b8c}
	#header #liens_evitement li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Logo */
	#header #logo {
		float:left;
		padding:12px 0 0 7px
	}
/* ------------------------------------------------------------------------- Visuels */
	#header #visuels {
		position:relative;
		float:left;
		width:495px;
		height:152px;
		margin:14px 0 0 25px
	}
	.visu01 {background:url(../../../images/design_01/visuels/visu01.gif)}
	.visu02 {background:url(../../../images/design_01/visuels/visu02.gif)}
	.visu03 {background:url(../../../images/design_01/visuels/visu03.gif)}
	#header #visuels img {
		position:absolute;
		left:0px;
		top:0px
	}
/* ------------------------------------------------------------------------- Outils */
	#header #outils {
		float:right;
		display:inline;
		width:200px;
		background:#fff;
		padding:8px 5px;
		margin:2px 6px 0 0
	}
/* ----------------------------------------------------- Pictos */
	#header #outils ul {
		float:left;
		width:190px;
		font-family:'tahoma', arial, helvetica, sans-serif;
		font-size:.9em;
		background:url(../../../images/communs/dotted.gif) repeat-x bottom;
		padding:0 0 2px 10px;
		margin:0 0 5px 0
	}
	#header #outils ul li {margin:0 0 8px 0}
	#header #outils ul li a {
		color:#797979;
		padding:2px 0 2px 30px
	}
	#header #outils ul li a:hover {color:#333}
	#header #outils ul li #diminuer_police {background:url(../../../images/communs/a_moins.gif) no-repeat 8px 6px}
	#header #outils ul li #augmenter_police {background:url(../../../images/communs/a_plus.gif) no-repeat 0 4px}
	#header #outils ul li #imprimer_page {background:url(../../../images/communs/imprimer.gif) no-repeat 4px 3px}
	#header #outils ul li #envoyer_ami {background:url(../../../images/communs/enveloppe.gif) no-repeat 3px 3px}
	#header #outils ul li #ajouter_favoris {background:url(../../../images/communs/ajout_favoris.gif) no-repeat 2px 0}
/* ----------------------------------------------------- Zone de recherche */
	#header #outils #zone_recherche {
		float:left;
		width:100%;
		background:url(../../../images/communs/dotted.gif) repeat-x bottom;
		padding:0 0 6px 0;
		margin:0 0 7px 0
	}
	#header #outils #zone_recherche label {
		float:left;
		/**/color:#1b3252;
		font-weight:bold;
		line-height:19px;
		margin:0 3px 0 5px
	}
	#header #outils #zone_recherche input.champ_recherche {
		float:left;
		width:90px;
		height:15px;
		font-size:1em;
		color:#444;
		border:1px solid #797979;
		padding:2px 0 0 5px;
		margin:0 4px 0 0
	}
	#header #outils #zone_recherche input.btn {float:left}
/* ----------------------------------------------------- Contactez-nous */
	#header #outils #contactez_nous {
		/**/color:#1b3252;
		font-weight:bold;
		margin:0 0 0 5px
	}
	#header #outils #contactez_nous:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	#header #menu {
		float:left;
		width:100%;
		text-align:center;
		font-size:1.3em;
		text-transform:uppercase;
		/**/background:#1b3252;
		padding:12px 0 3px 0;
		margin:22px 0 0 0
	}
	#header #menu li {
		position:relative;
		display:inline;
		margin:0 8px
	}
	#header #menu li a {
		color:#fff;
		/**/border-top:5px solid #1b3252;
		padding:2px 0 3px 0
	}
	#header #menu li a:hover {/**/border-top:5px solid #fedc00}
/* ----------------------------------------------------- Second niveau */
	#header #menu div {
		display:none;
		position:absolute;
		top:19px;
		left:0;
		border-top:1px solid #fff
	}
	* html #header #menu div {top:26px}
	*+html #header #menu div {top:26px}
	#header #menu li ul {
		width:150px;
		text-align:left;
		font-size:.8em;
		text-transform:none;
		/**/background:#1b3252;
		padding:8px 8px 4px 8px;
		/**/border:1px solid #fedc00;
		margin:0
	}
	#header #menu li ul li {
		display:block;
		background:url(../../../images/communs/carre_blanc.gif) no-repeat 0 6px;
		padding:0 0 0 7px;
		margin:0 0 4px 0
	}
	#header #menu li ul li a {
		border:none;
		padding:0
	}
	#header #menu li ul li a:hover {
		text-decoration:underline;
		border:none
	}
/* --------------------------------------------------------------------------------------------- Compass */
	#compass {
		float:left;
		width:980px;
		font-size:.9em;
		color:#797979;
		background:url(../../../images/design_01/structure/background/trait.gif) no-repeat 14px bottom;
		padding:8px 0 8px 15px 
	}
	#compass ul {display:inline} 
	#compass li {
		padding-left:2px;
		display:inline
	}
	#compass li a {color:#797979}
	#compass li a:hover {
		color:#333;
		text-decoration:underline
	}
	#compass li.last {
		/**/color:#3b86bb;
		font-size:1.1em;
		font-weight:bold
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:952px;
		background:url(../../../images/design_01/structure/background/main.gif) repeat-y 14px;
		padding:0 25px 0 18px
	}
/* -------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:142px;
		background:url(../../../images/design_01/structure/background/degrade.jpg) repeat-x;
		padding:4px 5px 0 5px;
		margin:3px 0 0 0
	}
/* ------------------------------------------------------- Actualités */
	#main #left span.actualites {
		display:block;
		/**/color:#1b3252;
		font-size:1.7em;
		/**/border-bottom:1px solid #88867b;
		text-indent:5px;
		margin:0 0 85px 0
	}
	#main #left span.actualites:first-letter {
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold
	}
	#news {
		width:135px;
		position:absolute;
		top:315px;
		left:28px
	}
	#news p {
		line-height:16px;
		margin:0 0 10px 0
	}
	#news.hasJS {
		height:70px;
		overflow:hidden
	}
	#news.hasJS p {
		position:absolute;
		top:310px;
		left:0
	}
/* ------------------------------------------------------- Liens utiles */
	#main #left span.liens_utiles {
		display:block;
		/**/color:#1b3252;
		font-size:1.7em;
		/**/border-top:1px solid #88867b;
		text-indent:5px;
		padding:14px 0 0 0
	}
	#main #left span.liens_utiles:first-letter {
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold
	}
	#main #left #liens_utiles {
		font-weight:bold;
		padding:8px 0 30px 12px
	}
	#main #left #liens_utiles li {
		background:url(../../../images/design_01/elements/carre_clair.gif) no-repeat 0 6px;
		padding:0 0 0 7px;
		margin:0 0 4px 0
	}
	#main #left #liens_utiles li a {color:#3b86bb}
	#main #left #liens_utiles li a:hover {text-decoration:underline}
/* -------------------------------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		width:513px;
		padding:5px 25px 0 40px
	}
	#main #contenu.large {width:729px}
/* ------------------------------------------------------ Titres */
	#main #contenu h1 {
		font-size:2.3em;
		font-weight:normal;
		border-bottom:1px solid #000;
		padding:0 0 2px 0;
		margin:0 0 8px -15px
	}
	#main #contenu h2 {
		font-size:1.3em;
		margin:0 0 6px 0
	}
	#main #contenu h3 {
		font-size:1.1em;
		margin:0 0 4px 0
	}
	#main #contenu h4 {
		font-size:1em;
		margin:0 0 2px 0
	}
/* -------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:214px;
		/**/border:1px solid #3c86bb;
		padding:3px
	}
/* --------------------------------------------------------------------------------------------- Footer */
/* ------------------------------------------------------------------------- Gauche */
	#footer_left {
		float:left;
		width:166px;
		font-size:.9em;
		background:url(../../../images/design_01/structure/background/trait.gif) no-repeat 14px top;
		padding:10px 0 0 14px
	}
	#footer_left li {margin:0 0 4px 0}
	#footer_left li img {vertical-align:middle}
	#footer_left li a {/**/color:#797979}
	#footer_left li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Droite */
	#footer_right {
		float:left;
		width:805px;
		text-align:right;
		font-size:.9em;
		font-family:'tahoma', arial, helvetica, sans-serif;
		color:#fff;
		/**/background:#1b3252;
		padding:3px 10px 3px 0;
		margin:27px 0 0 0
	}
	#footer_right li {display:inline}
	#footer_right li a {color:#fff}
	#footer_right li a:hover {text-decoration:underline}