@charset "UTF-8";
/* CSS Document */

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {  
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
a img { border: none; }

 
a:link {
	color: #42413C;
	text-decoration: none; }
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { text-decoration: underline;
}

/* ~~ Surrounds all other divs ~~ */
.container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;  
}

/* ~~ The header is not given a width.   */
.header {
	background: #ADB96E;
}
.hoore {
width: 950px;
text-align: center;
}
 
 .junction  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
 	text-align: center;  
	 font-weight: bold;
	 text-decoration: none;
}

.sidebar1 {
	float: left;
	width: 180px;
	background: #fff;
	padding-bottom: 10px;
}
.content {

	padding: 10px 0;
	width: 600px;
	float: left;
}
.sidebar2 {
	float: left;
	width: 180px;
	background: #fff;
	padding: 10px 0;
}
.notes {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px; 
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px;  
}

ul.nav {
	list-style: none;  
	border-top: 1px solid #666; 
	margin-bottom: 15px;  
}

.rubriques {
font-family: Verdana, "Arial Black", Helvetica, sans-serif;
	font-variant: small-caps;
	font-style: normal;
	font-weight: bold;
	font-size: 19px;
}

.manchettes {
font-family: Verdana, "Arial Black", Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;}

.manchettes2 {
margin-top: -5px;
margin-bottom: +7px;
text-align: center;
}

ul.nav li {
	border-bottom: 1px solid #666; /* button separation */
}
ul.nav a, ul.nav a:visited { /* selectors grouping  */
	padding: 5px 5px 5px 15px;
	display: block;  
	width: 160px;   
	text-decoration: none;
	background: #A8938B;
	color: black;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /*  background and text color for both mouse and keyboard navigators */
	background: #F4C542;
	color: #FFF;
}

/* ~~ The footer styles ~~ */
.copyright {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}

.footer {
	padding: 10px 0;
	background: #FFFFE6;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {  
	float: left;
	margin-right: 8px;
}
.clearfloat {  
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}