/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		text-decoration:none;
		list-style:none
	}
	body {
		font-size:68.75%;
		font-family:arial, helvetica, sans-serif;
		background:#286dbb url(../../images/structure/background/body.jpg) repeat-x;
		padding:6px 0
	 }
	img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	p {margin:0 0 10px 0}
/* --------------------------------------------------------------------------------------------- Boutons extensibles */
	div.bouton {
		height:20px;
		background:url(../../images/boutons/left.gif) no-repeat;
		padding:0 0 0 2px
	}
	div.bouton a {
		float:left;
		display:block;
		height:17px;
		padding:3px 4px 0 3px;
		background:url(../../images/boutons/middle.gif) repeat-x;
		color:#fff
	}
	div.bouton a:hover {background:url(../../images/boutons/middle_hover.gif) repeat-x}
	div.bouton div.right {
		float:left;
		width:2px;
		height:20px;
		background:url(../../images/boutons/right.gif)
	}
/* --------------------------------------------------------------------------------------------- Défilant horizontal */
	#dhtmlgoodies_marquee{
		height:20px;
		/* End general marquee layout */
		position:absolute;
		left:50%;
		top:197px;		
		display:none;		
		width:920px;
		overflow:hidden;
		color:#e63f3f;
		font-weight:bold;
		margin:0 0 0 -460px
	}	
	#dhtmlgoodies_marquee .textObj {	/* Layout for the marquee text */
		position:absolute;	
		white-space:nowrap
	}
/* --------------------------------------------------------------------------------------------- Global */
	#page {
		width:974px;
		margin:0 auto
	}
	#global {
		float:left;
		width:974px;
		background:url(../../images/structure/background/global.png) repeat-y;
		padding:6px 0 0 0
	}
	* html #global {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/wallart/design/wallart/images/structure/background/global.png',sizingMethod='scale');
		background-image:none
	}
/* ------------------------------------------------------------------------------ Header */
	#header {
		width:932px;
		height:173px;
		background:url(../../images/structure/background/header.jpg) no-repeat;
		margin:0 0 20px 6px;
		padding:9px 7px 0 9px
	}
/* ---------------------------------------------------------------- Logo */
	#header #logo {
		float:left;
		margin:0 0 20px 0
	}
/* ---------------------------------------------------------------- Drapeaux */
	#header #drapeaux {float:right}
/* ---------------------------------------------------------------- Adresse */
	#header #adresse {
		float:left;
		clear:both;
		color:#fff;
		font-size:1.1em;
		line-height:14px
	}
	#header #adresse li a {color:#fff}
	#header #adresse li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------------ Left */
	#left {
		float:left;
		width:185px;
		background:url(../../images/elements/dotted.gif) repeat-x;
		padding:7px 0 0 0
	}
/* ---------------------------------------------------------------- Champs */
	#left input.champ {
		float:left;
		width:125px;
		height:14px;
		color:#4e5459;
		font-size:1em;
		padding:2px 0 0 3px;
		margin:0 5px 0 10px
	}
	#left div.bouton {float:left}
	#left label {
		float:left;
		width:100%;
		display:block;
		background:url(../../images/elements/dotted.gif) repeat-x;
		color:#4e5459;
		text-indent:11px;
		margin:10px 0 3px 0;
		padding:7px 0 0 0
	}
	#left label span {font-size:.6em}
/* ---------------------------------------------------------------- Menu */
	#left #menu {
		float:left;
		width:100%;
		background:url(../../images/elements/dotted.gif) repeat-x;
		font-size:1.1em;
		font-weight:bold;
		margin:10px 0 15px 0
	}
	* html #left #menu {float:none}
	*+html #left #menu {float:none}
	#left #menu li {
		background:url(../../images/elements/dotted.gif) repeat-x bottom;
		padding:1px 0
	}
	#left #menu li a {
		display:block;
		color:#00269e;
		padding:5px 0 5px 15px
	}
	#left #menu li a:hover {background:url(../../images/elements/fleche.gif) no-repeat 0 4px}
/* ---------------------------------------------------------------- Boutons images */
	#left img.bouton {
		clear:both;
		display:block;
		margin:0 auto 10px auto
	}
/* ------------------------------------------------------------------------------ Right */
	#right {
		float:left;
		width:789px
	}
/* ---------------------------------------------------------------- Compass */
	#right #compass {
		width:765px;
		color:#4e5459;
		font-size:.9em;
		background:url(../../images/elements/dotted.gif) repeat-x;
		padding:2px 10px 2px 0
	}
	#right #compass ul {display:inline} 
	#right #compass li {
  		padding-left:2px;
  		display:inline
 	}
	#right #compass li a {
		color:#00269e;
		font-size:1.1em
	}
	#right #compass li a:hover {text-decoration:underline}
/* ---------------------------------------------------------------- Arrondi */
	#right #arrondi_top, #right #arrondi_bottom {
		float:left;
		width:789px;
		font-size:0em
	}
/* ------------------------------------------------- Top */
	#right #arrondi_top {
		height:8px;
		background:url(../../images/structure/background/arrondi_top.png)
	}
	* html #right #arrondi_top {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/wallart/design/wallart/images/structure/background/arrondi_top.png',sizingMethod='crop');
		background-image:none
	}
/* ------------------------------------------------- Bottom */
	#right #arrondi_bottom {
		height:11px;
		background:url(../../images/structure/background/arrondi_bottom.png)
	}
	* html #right #arrondi_bottom {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/wallart/design/wallart/images/structure/background/arrondi_bottom.png',sizingMethod='crop');
		background-image:none
	}
/* ------------------------------------------------- Middle */
	#right #arrondi_middle {
		float:left;
		background:url(../../images/structure/background/arrondi_middle.png);
		color:#4e4e4e
	}
	* html #right #arrondi_middle {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/wallart/design/wallart/images/structure/background/arrondi_middle.png',sizingMethod='scale');
		background-image:none
	}
/* --------------------------------- Titres */
	h1 {
		font-size:1.7em;
		font-weight:normal;
		color:#538ac9;
		margin:0 0 10px 0
	}
	h2 {
		color:#286dbb;
		font-size:1.4em;
		font-weight:normal;
		margin:0 0 7px 0
	}
	h3 {
		font-size:1.2em;
		font-weight:normal;
		margin:0 0 7px 0
	}
/* --------------------------------- Haut de page */
	#right #arrondi_middle span.haut_page {
		display:block;
		width:100%;
		background:url(../../images/elements/fleche_haut.gif) no-repeat right;
		text-align:right;
		font-family:"tahoma", verdana, arial, helvetica, sans-serif;
		font-size:.8em;
		text-transform:uppercase;
		margin:0 0 10px 0
	}
	#right #arrondi_middle span.haut_page a {
		color:#0287C8;
		text-decoration:none;
		padding:0 10px;
		background:url(../../images/elements/fleche_haut.gif) no-repeat 0 3px
	}
	#right #arrondi_middle span.haut_page a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------------ Footer */
	#footer {
		float:left;
		width:960px;
		height:18px;
		text-align:center;
		background:url(../../images/structure/background/footer.gif) repeat-x;
		font-size:.9em;
		color:#4e5459;
		padding:1px 0 0 0;
		margin:10px 0 0 0
	}
	#footer li {display:inline}
	#footer li a {color:#4e5459}
	#footer li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------------ Copyright */
	#copyright {
		float:left;
		width:100%;
		text-align:center;
		padding:5px 0
	}
	#copyright li {
		display:inline;
		margin:0 5px
	}
	#copyright li img {
		vertical-align:middle
	}
	#copyright li a {
		color:#fff;
		text-decoration:underline
	}
	#copyright li a:hover {text-decoration:none}