/* © InitiativeWeb @import url(reset.css); Also see: http://ryanfait.com/articles/breaking-floats-without-hacks/  */

* { margin:0; padding:0; outline:0; } /* mac hide \*/
html, body { height:100%; width:100%; font-size: 100%; }
body { font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:1.0em; margin:0; padding:0; color:#38322F; /* background-color:aquamarine; */ }
	
h1 { font-size: 1.1em; text-align:left; font-weight:bold; color:#310577; letter-spacing:0.2px; }
h2 { font-size: 1.0em; text-align:left; font-weight:bold; color:#310577; letter-spacing:0.1px; }
h3 { font-size: 1.0em; text-align:left; font-weight:bold; color:#310577; letter-spacing:0px; }

p  { margin:5px 0; padding:0px ; text-align:justify; font-size: 1.0em; color:#FEFEFE; }
em { color:#FFF; font-weight: bold; display: inline; }
acronym { cursor: help; border-bottom: 1px solid #777; }
embed {margin: 0; padding: 0; } /* swf */ 
a img	{border:none; }
ul 	{ margin:0px ; padding:0px ; font-size: 0.95em; color:#38322F; }
li 	{ list-style-type:none; /* or disc */ }

a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; color: #230277; }
a:hover { color: #310577; }

#header { height:160px; width:100%; background-color:#FFFFFF; text-align: justify; }
#head	{ height:100%; width:950px; display:table; vertical-align:middle; margin: 0 auto; }
#logo	{ position: relative; float:left; width: 150px; height: 125px; background-position:left; 
		background-image:url(img/Logo_iw2.gif); background-repeat:no-repeat; }
#anim	{ position: relative; float:right; width: 720px; height: 160px; background-position:right; 
	/* background-image:url(img/hw-anim.gif); background-repeat:no-repeat; */ }

#separator { background-color:#D4D2B7; width:100%; height: 8px; border-top: solid 0px #310577; border-bottom: solid 0px #4b4b4d; }

#maindiv {position:relative; vertical-align:middle;  width:100%; background-image:url(img/background.gif); background-repeat:repeat-x;  }
#container { position:relative; margin: 0 auto; vertical-align:middle; color:#FFF; text-align: justify; width:950px; height:475px; background-color:#66CDAA; }
#newsticker { position:absolute; left:0; top:0; width:650px; height:20px; } /* inside 0,0 into #container */

#scroller { width: 390px; height: 445px; margin:0 auto; overflow: hidden; float:right; } /* height ~idem #container */
#content { width: 4500px; font-size:1.0em; margin-top:50px; color:#FFFFFF; } /* Horizontal sliding */
.section  { width: 380px; margin-left:5px; margin-right:5px; padding:0; float: left; } /* width ~idem #scroller - margin */

#ymenu { position: relative; width: 150px; height:160px; float:left; margin:50px 0 0 0; text-align: right; padding:0; border:solid 0px #000; }
ul.tabs li a	{ color:#FFF; text-decoration:none; letter-spacing:0.5px; font-size:1.0em; font-weight:bold; padding-right:5px; margin-top:5px; border-right:5px solid #ccc; }
ul.tabs li a:focus { border-left:5px solid #310577; color:#310577; padding-left:5px; }
ul.tabs li a:hover, ul.tabs li a.current { border-left:5px solid #3105AF; color:#3105AF; padding-left:5px; }

#winfos	{ position: relative; width: 150px; float:left; margin:10px 0 0 0; text-align:right; font-size:0.9em; padding:5px 5px 0 0; }
#winfos a	{ color:#FFF; }
#winfos a:hover	{ color:#310577; }
#w3c	{ margin:10px 5px ; text-align:right; }
#rss	{ margin:10px ; text-align:right; }
#rss a { padding : 0 25px 0 0px; background : url(img/feed.gif) no-repeat 25px 0.2em; }
#rss a:hover{ background : url(img/feeds.gif) no-repeat 25px 0.2em; }

#swflash { height:250px; font-size:85%; text-align:left; color:white; margin:0; padding:0; overflow:hidden}  /* case js off ! */ 
#slideshow	{ position: relative; width: 345px; height: 400px; float:right; color:#554D49; margin:40px 0 0 0; padding:0; text-align: right; }

/* zoom pics */
ul.pics { list-style: none; margin: 10px auto 10px auto; clear: both; text-align: left; }
ul.pics li { display: inline; list-style: none; }
ul.pics li a img { float: none; margin: 0 10px; }

.link 		{ margin:10px 0 0 0; text-align:right; font-size:0.85em; color:#38322F; }
.link a, .link a:visited, .link a:active, .link a:focus { color:#FEFEFE; border-bottom:#005FFF 1px dotted; }
.link a:hover { color:#310577; }
.client 	{ text-align:justify;	font-style: italic;	font-size:0.9em;	padding-top:10px; padding-bottom:5px; }

#footer			{ clear:both; width:100%; height:25px; position:relative; text-align:center; color:#222222; font-size:0.7em; margin:0 auto; padding-top:5px; }
#footer img	{ vertical-align:middle; }
#footer a		{color:#230277; }
#footer a:hover { color:#554D49; }

a.loading { background: #fff url(img/ajax_small.gif) no-repeat center; }
.cache { display: none; }

/* Couleurs & fonds */
.jaune { color: #FFFF00}
.orange { color: #FF4400}
.vert { color: #006600}
.gris_clair { color: #9c9c9c}
.gris { color: #7e7e7e}
.gris_fonce { color: #3a3a3a}