body {
 background: #fff url(../images/pattern1.png) 0 0 repeat-x;
 font: 12px/normal Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#centre {
	border-bottom:0;
	border-top:0;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #4A1C25;
	text-align:justify;
	margin: 20px 20px 20px 20px;
}


#conteneur {
	
	background-image: url(/projects/images/back_archive.gif);
	margin:auto;
	width:800px;
	border: 1px solid #999999;
}

#centre  a{
color:#D00418;
font-weight:normal;
text-decoration: none;
}

#centre  a:hover{
color:#D00418;
font-weight:normal;
text-decoration: underline;
}

#centre  h1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
    color:#253D35;
    font-weight:bold;
}

#centre  h2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#620000;
/*    color:#325247; */
    font-weight:bold;
	
}

#centre  h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#620000;
	font-weight:bold;
	font-style: italic;
}

#centre  h4{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color:#4A1C25;
    font-weight:bold;
}

#centre ul {
list-style-type: square;
padding: 0px 10px 10px 15px;
}

#centre ol {
	padding: 0px 20px 40px 30px;
	list-style-position: outside;
}

#centre ol li{
	padding: 0px 10px 10px 20px;
	margin-bottom: 10px;
	list-style-type: decimal;
	list-style-position: inside;
	}


#haut {
	height:20px;
	padding-left: 7px;
	vertical-align: middle;
	padding-top: 0px;
}

#header {
	font-size:2em;
	height:135px;
	background-image: url(../images/header-e.jpg);
}

#pied {
border-top:1px solid #999999;
padding:0.5em;
text-align:center;
}

#column {
	font: 11px/normal Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 18px;
}

#header h1 {
	font-size: 18px;
	font-weight: normal;
	color: #634A12;
}

#header h3 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 4px 0 5px 143px;
	color: #620000;
}

#header h3 a {
    color: #620000;
	text-decoration: none;
	}
	
#header h3 a:hover {
    color: #990000;
	text-decoration: none;
	}	
	
#header h1 a {
color: #634A12;
text-decoration: none;
}

#header h1 a:hover {
color: #999999;
text-decoration: none;
}
.haut_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#header h2 {
color: #926C1F;
font-size: 15px;
font-weight: normal;
padding: 0 0 0 11px;
letter-spacing: -1px;
}

.displaytext{opacity: 0.5; filter: alpha(opacity = 50);}
.normaltext{opacity: 1; filter: alpha(opacity = 100); }
   
.img-left-noborder {

	float: left; margin: 0.3em 7px 3px 0px;

}

.middle {

	margin: auto;

}

.img-right-noborder {

	float: right; margin: 0.3em 0px 3px 7px;

}

/* Border */

.img-left-border {

	float: left; margin: 0.3em 7px 3px 0px; border: 1px solid black;

}

.img-right-border {

	float: right; margin: 0.3em 0px 3px 7px; border: 1px solid black;	

}

.img-inline-left-noborder {

	float: left; margin: 0.3em 20px 3px 0px;

}

.img-inline-right-noborder {

	float: right; margin: 0.3em 0px 3px 20px;

}

.img-inline-left-border {

	float: left; margin: 0.3em 10px 3px 0px; border: 1px solid black;

}

.img-inline-right-border {

	float: right; margin: 0.3em 0px 3px 20px; border: 1px solid black;	

}

/*default.css*/

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */
 
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 vertical-align: middle;
 position: relative;
 float: left;
  vertical-align: middle;
}

ul.dropdown {
 position: relative;
 float: left;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 background-color: #eee;
 color: #000;
}

	/* -- level mark -- */

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 vertical-align: middle;
  margin-top: 0px;
}


ul.dropdown ul li {
 float: none;
 font-weight: normal;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}



ul.dropdown li {
 float: left;
 line-height: 10px;
 vertical-align: middle;
 font-weight: bold;
 font-style: normal;
 padding: 0px 10px;
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #fff #d9d9d9 #d9d9d9;
 background-color: #f6f6f6;
 color: #000;
}


	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #f6f6f6; }



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(../images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(../images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(../images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(../images/nav-arrow-left.png);
 background-position: 0 50%;
}

/*dropdown.css*/

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */



ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}
/*default.ultimate.css*/

/** 
 * Default Ultimate Linear CSS Drop-Down Menu Theme
 *
 * @file		default.ultimate.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */


/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 20px;
}



/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
 padding: 0;
 border: none;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 background: url(../images/grad2.png) 0 100% repeat-x;
 color: #000;
}

ul.dropdown ul a,
ul.dropdown ul span {
 padding: 7px;
}

ul.dropdown li a:active {
 background: url(/..images/grad1.png) repeat-x;
}



/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #fff #d9d9d9 #d9d9d9;
}



/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open {
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #ffa500 #d9d9d9 #d9d9d9;
 background-color: #fff; 
 color: #000;
}

ul.dropdown ul li.hover *.open,
ul.dropdown-vertical li.hover *.open {
 padding-left: 15px;
 border-top-color: #fff;
 border-left: solid 1px #ffa500;
}

ul.dropdown-vertical-rtl li.hover *.open {
 padding-right: 15px;
 border-right-color: #ffa500;
 border-left: none;
}

ul.dropdown-upward li.hover *.open {
 border-top-color: #fff;
 border-bottom-color: #ffa500;
}

ul.dropdown-upward ul li.hover *.open {
 border-bottom-color: #d9d9d9;
}


	/* CSS2 clone */

	ul.dropdown li:hover > *.dir {
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #f6f6f6 #d9d9d9 #d9d9d9;
	 background-color: #fff; 
	 color: #000;
	}

	ul.dropdown ul li:hover > *.dir,
	ul.dropdown-vertical li:hover > *.dir {
	 padding-left: 15px;
	 border-top-color: #fff;
	 border-left: solid 1px #f6f6f6;
	}

	ul.dropdown-vertical-rtl li:hover > *.dir {
	 padding-right: 15px;
	 border-right-color: #f6f6f6;
	 border-left: none;
	}

	ul.dropdown-upward li:hover > *.dir {
	 border-top-color: #fff;
	 border-bottom-color: #f6f6f6;
	}

	ul.dropdown-upward ul li:hover > *.dir {
	 border-bottom-color: #d9d9d9;
	}
	/*helper.css*/
	* {
 margin: 0;
 padding: 0;
}

p { margin-bottom: 1em; }

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}


.dropdown-upward {
 margin-top: 400px !important;
}
/*other*/

.spacing {
 letter-spacing: 3px;
 }