html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {	outline: 0;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
img {line-height:0;}
body,td,th, label {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height:18px;
}
body {background: #eeefdf;}
a:link, a:visited, a:active {	color: #0075A2;	}
a:hover { 	color: #0075A2; }
form {	margin: 0;}
h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
	font-family: Arial, 'Times new roman';
	color:#d86e08;
}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
blockquote {padding-left:25px; font-style:italic;}
.clear {clear:both;}
strong {color:#d86e08; font-weight:bold;}

table {
  border-collapse: collapse;	
  border-spacing: 0;
  margin: 2px;
	padding: 0;
}
tbody, tfoot, thead, tr, th, td {
 	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

#header {
	width:960px;
	height: 170px;
	margin:0;
	padding:0;	
}
#anim{
	margin:0;
	padding:0;
}

#container { 
	width:960px; 
	margin:0 auto; 
	margin-top:18px;
	margin-bottom:20px;
}

.highlight {
	background-color: #D0D0D0;
}	
#main {margin-top:10px;}

.content {
	width:665px; float:left; 
	padding:25px;
	background:#fff;
	border:1px solid #d6d7c7;
	margin-bottom:10px;
}
.content img {padding:5px 10px;}
.content p {padding:5px 0 3px 0;}
.content li {padding:3px 0;}
.content ul, .content ol { padding-left:30px;}
.content ul {list-style : disc;}
.content ol { list-style : decimal;}
.content td {padding:5px;}

#col {
	width:233px;
	margin-right:10px;
	float:left; 
}
#col a {
	text-decoration:none; 
	color:#d86e08; 
	font-size:16px; 
}
#col p {padding:2px 0;}
.bloc {
	border:5px solid #dcddcb; 
	margin-bottom:10px;
	padding:10px 5px 10px 55px;
	min-height:55px;
}

.un {background:url('images/bloc_1.jpg') no-repeat bottom left;}
.deux {background:url('images/bloc_2.jpg') no-repeat bottom left;}
.trois {background:url('images/bloc_3.jpg') no-repeat bottom left;}
.quatre {background:url('images/bloc_4.jpg') no-repeat bottom left; }

#footer {
	background: #b8b89c url('images/bg_footer.jpg') repeat-x top left;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	color:#fff;
}
#footer a {color:#fff;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer { 
	width: auto; 
	display:block;
	clear:both; 
	background: url('images/bg_menu.jpg') repeat-x;
}

/* Header menu */

#header_menu {position: absolute; z-index: 10; clear: both; }
#header_menu li {line-height: normal; padding:0 5px;}
ul#header_menu  {  }

#nav {
	height:37px;
	border-top: 0;
	padding:0;
}
#nav ul {
	list-style-type: none; 
	padding: 0; 
	font-size: 12px; 
	width:auto;
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {
	float: left; 
	color: #fff; 
	text-align: center; 
	font-weight: normal; 
	background:url('images/brd_menu.gif') no-repeat left top;
}
#nav ul li.menu-first {background:none;}

#nav ul li a {
	/*width:86px; */
	display: block; 
	padding: 0 20px; 
	line-height:37px; 
	color: #fff; 
	text-decoration: none;
}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {color: #8be4f7; }
#nav li a:active, #nav ul li a.active {color: #8be4f7;}

/* Current page Customisations*/
/*#nav li.menu-current a {color: #8be4f7; font-weight: bold;}*/

/* 2nd Child menu */
#nav .menu li ul {
	position: absolute; 
	/*width: 110px; */
	margin: 0; 
	display: none; 
	text-transform: none; 
	border-top: 0; 
	font-size: 100%;
	top: 37px; left: 3%;/* ces deux là sont pour IE7 : le menu déroul doit s'afficher sous le menu principal */
}

#nav .menu li ul li {
	width: 130px; 
	text-align: left; 
	font-weight: normal; 
	margin: 0; 
	padding: 0; 
	line-height:18px; 
	border-top: 1px solid #5C5C5C; 
	background: #383838;
}

#nav .menu li ul a {width: 106px; padding: 2px 10px; line-height:16px; }

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #8be4f7; }

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}
#nav .menu_current {color: #8be4f7; font-weight: bold; }

/*#nav .menu-current li a{ color:#fff; font-weight:normal;}*/

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */