body { 
	margin:0px 0; 
	padding:0; 
	font: 74% Arial, Sans-Serif; 
	color:#ccc;  
	background:url(../media/bg.jpg) repeat-x #707173;
	background-position:top;
	line-height: 1.4em; 
}

.content { 

	color: #ffffff; 
	margin: 0 auto; 
	padding: 0; 
	width: 800px;
}

.img {
	padding: 0 8px 8px 0;
	float: left;
}

.img2 {
	padding: 0 0 3px 3px;
	float: right;
}

#haut {
height:32px;

}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header { 
	margin: 0; 
	width: 800px; 
	background:url(../media/header.jpg) no-repeat center top;
	height: 259px; 
	color: #FFF; 
}

/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 

	height: 32px;
	color: #FFF;

	
}
/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left ; padding: 20px 0 0 0px; width: 180px; }
.nav li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px dotted #ccc; 
	
	list-style: none;
}
.nav li a { color: #ffffff; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px;}
.nav li a:hover { color:#ffffff; text-decoration: none; background: #0787C6; display: block; margin-bottom: 2px;}

#nav {
position : relative;
margin:0;
height :32px;
/*background:url(../media/menu.png) no-repeat  #7D8085;*/
border-bottom:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
}

#nav li {
display:inline;
padding:0;
margin:0;
}

#nav a:link, #nav a:visited {
padding:10px 20px 0px 15px;
text-decoration:none;
color:#ffffff;
font:1em Verdana, Helvetica, sans-serif;
float:left;
height : 19px;
text-align:center;
}

#nav a:hover {
color:#FFFFFF;
border-bottom:2px solid #FFFFFF;
background-position:center;
}
/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main {  width: 760px; margin: 0 20px 0 20px; color: #808080; }  
#main .right_side {
	float: right;
	margin:0;
	background:url(../media/droite.png) no-repeat;
	width: 210px;
	height:440px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

#main .right_side .hitems { margin: 0; 	padding: 0; }
#main .right_side .hitems ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	color: #a90000;
	list-style-image: url(../media/arrow.gif);
}
	
#main .right_side .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
	 
}

#main .left_side { float: left; width: 540px;  padding:15px 0 0 0; margin:0; }
#main h3 {  font: 120% Arial, Sans-Serif; margin: 0 0 10px 0px; padding: 0; color: #ffffff; background: inherit; 
			border-bottom: 1px solid #0787C6;
}

#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .right_side  .padding {
margin: 0 0 20px 15px;
	padding: 0 0 0 0px;
	color: #555;
}


/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { 
	clear:both;
	height: 92px;
	color:#ccc;  
	background:url(../media/footer.png) top no-repeat; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}

#footer a { color: #E0F5FF; }

/*  Top Menu */

#menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li { float:left; color: #FFF; background: #000; margin:0; padding:0 0 0 0px; }
#menu a:hover { text-decoration:underline;}  
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }




/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/
ul { margin-left: 0; padding-left: 5px; list-style : square; }
li { 	margin: 0 0 2px 15px; padding: 0 0 0 0px;	color: #ffffff; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }

p { margin: 0 0 5px 0; padding: 0; color: #ffffff; background: inherit; }
a { color: #0787C6; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }

h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 { 
	/*background: url(../media/h.gif) no-repeat left;*/
	color:#FFFFFF;
	font-size:140%; 
	font-weight:bold; 
	margin: 5px 0 5px 0; 
	padding:0 0 0 0; 
}

h2 a { color:#ffffff; }
h2 a:hover {text-decoration:none;  }

fieldset {	border: 1px solid #075181; }
textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #0787C6; 
	background: #FFF; 
	color: #354D5F;
}

textarea.text:hover { 
	border: 1px solid #A70000; 
	background: #FFFFF4; 
	color: #000;
}

.date { 
	color: #808080; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}
.imgtit{
margin:0 0 0 15px;}
.Style1 {color: #FFFFFF;
margin-right:697px;}