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-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height:20px;
}
body {background: url('images/bg_top.jpg') repeat-x center top;}
a:link, a:visited, a:active { color: #e30045;	text-decoration: underline;}
a:hover { color: #e97d01; text-decoration: none;}
form { margin: 0;}
h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ee7f01;
	font-weight:bold;
}
h1 {font-size:22px; text-transform:uppercase;}
h2 {font-size:18px;}
h3 {font-size:16px;}
blockquote {padding-left:25px; font-style:italic;}
strong {font-weight:bold; color:#e30045;}
em {font-style:italic;}
.clear {clear:both;}


#bottom {background: url('images/bg_bottom.jpg') repeat-x center bottom;}

#page {
	width:960px;
	margin:0 auto;
	position:relative;
}

#header {
	color: #FFFFFF;
	background:url('images/top.png') no-repeat center top;
	height:303px;
}
#header .logo { display:block; height:237px; width:960px;}

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



div#ruban {
	position: absolute;
	margin: 0;
	left: 830px;
	top:195px;
	background: url('images/ruban.png') no-repeat right top;
}
#ruban a {display:block ;width: 119px; height: 305px;}

.highlight {
	background-color: #D0D0D0;
}
.content { width:620px; float:left; padding:0 70px 25px 0;  }
.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 form img {border:none; padding:0; margin:10px;}
.content form table {}
.content  table td{ padding:5px 10px;}



#right {
	width:245px;
	min-height:150px;
	float:left; 
}
#right img {
	border:none;
	margin-bottom:15px;
}
#right a { text-decoration: underline;}

.services, .contact {
	margin:0px 0 40px 0;
	border-top:2px solid #777777;
	color:#555555;
}
#right .services a, #right .services a:hover, #right .services a:active {
	color:#555555;
	text-decoration:none;
}
.services h2 {
	border-bottom:1px solid #ddd;
	line-height:30px;
}
.services ul, .contact ul{}
.services li, .contact li{
	border-bottom:1px dashed #aaaaaa;
	background:url('images/puce_rightcol.gif') no-repeat 10px 8px;
	padding:5px 5px 7px 30px;
}
#right .contact a, #right .contact a:hover, #right .contact a:active  {
	color: #e30045;
	text-decoration:underline;
}

#footer {
	background:url('images/bg_bottom.jpg') repeat-x ;
	height: 80px;
	padding-top:50px;
	line-height: 15px;
	color:#fff;
	font-size: 12px;
}
#footer p{
	text-align: center;
	padding: 5px;
}
#footer a {color:#fff; text-decoration:underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	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;
	margin-right:155px;
	white-space:nowrap;
}

/* 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:32px;
	border-top: 0;
	padding:0;
	white-space:normal;
}
#nav ul {
	list-style-type: none; 
	padding: 0; 
	font-size: 15px;
	font-weight:bold;
	width:auto;
	position: relative; /* Fix the Stupid IE6 Bug */
	
}
#nav ul li {
	float: left; 
	color: #fff; 
	text-align: center; 
	font-weight: normal;
	
}
#nav ul li.menu-first {background:none;}

#nav ul li a {
	display: block; 
	padding:0 10px 0 25px; 
	line-height:32px; 
	color: #fff; 
	text-decoration: none;
	
}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {color: #fff; background: /*#CD0642*/ url('images/puce_menu.png') no-repeat 3px 8px; }
#nav li a:active, #nav ul li a.active {color: #fff;}

/* Current page Customisations*/
/*#nav li.menu-current a {color: #e97d01; 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: 32px; 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 #ccc; 
	background-color:#884f2d;
}

#nav .menu li ul a {width: 95px; padding: 6px 10px 6px 25px; line-height:16px;  background-position:4px 5px;}

/* 2nd Child link hover */
#nav .menu li ul a:hover { color:#fff; background-color: #CD0642;}

/* 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: #fff; font-weight: bold;background:url('images/puce_menu.png') no-repeat; background-position:3px 8px;}

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

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