/* Les éléments (X)HTML en général
-------------------------------------------------------- */
html {
    height :         100%;
	background:      url('images/bg.jpg') repeat;
}
body {
	margin:          0;
	padding:         0;
	background:      url('images/bg-red.png') 0 59px repeat-x;
	background:      url('images/bg-red.jpg') 0 59px repeat-x;
	font-family:     Arial, Helvetica, sans-serif;
	font-size:       12px;
	height:          100%;
	color:           rgb(111,111,111);
}
#main {
    float:           left;
	width:           1000px;
	height:          100%;
}
p {
	color:           rgb(111,111,111);
}
a {
	color:           rgb(111,111,111);
}

/* Header
-------------------------------------------------------- */
#header {
	width:           218px;
	height:          59px;
	background:      url('images/logo.jpg') no-repeat center center;
	position:        absolute;
	left:            22px;
	top:             150px;
}

/* Left
-------------------------------------------------------- */
#left-cont {
	width:           235px;
	height:          auto;
	float:           left;
	margin:          290px 0px 0px 20px !important;
	margin:          290px 0px 0px 10px;
}
#left {
	width:           235px;
	background:      url('images/menu-ml.png') repeat-y !important;
	background:      url('images/menu-ml.jpg') center repeat-y; 
	height:          auto;
	float:           left;
	margin:          0px;
	padding:         0px;
}
#left_top {
	width:           235px;
	height:          auto !important;
	height:          20px;
	background:      url('images/menu-top.png') top no-repeat !important;
	background:      url('images/menu-top.jpg') top center no-repeat; 
	float:           left;
	margin:          -3px 0px 0 !important;
	margin:          0px 0px 0;
	padding:         20px 0px 0;
}
#left_bottom {
	width:           235px;
	height:          20px;
	margin-bottom:   -3px !important;
	margin-bottom:   -1px;
	clear:           none !important;
	clear:           both;
	float:           left;
	background:      url('images/menu-bas.png') no-repeat !important;
	background:      url('images/menu-bas.jpg') center no-repeat; 
}
#left h2 {
   text-align:       center;
   font-size:        14px;
   font-weight:      normal;
   width:            213px;
   padding:          0px 0px 0px 5px;
   color:            rgb(65,65,65);
   margin-left:      8px;
   background:       url('images/dotted.jpg') bottom repeat-x;
}
#left ul {
    display:        block;
	list-style-type:none;
	margin:         7px 0px 0px 10px;
	padding-left:   0px;
}
#left ul li {
	display:        block;
	margin:         0px;
	width:          215px;
	margin:         0px 0px 7px 0px;
	border-bottom:  solid rgb(222,222,222) 1px;
}
#left ul li a {
    text-decoration: none;
	background:      url('images/fleche.jpg') left no-repeat;
	padding-left:    15px;
	color:           rgb(111,111,111);
}
#left ul li a:hover {
    text-decoration: none;
	color:           rgb(111,111,111);
}
#left ul li a.star {
    text-decoration: none;
	background:      url('images/star.jpg') left no-repeat;
	padding-left:    15px;
	color:           rgb(111,111,111);
}
#left ul li a.star:hover {
    text-decoration: none;
	color:           rgb(111,111,111);
}
#left ul li a.doc {
    text-decoration: none;
	background:      url('images/doc.jpg') left no-repeat;
	padding-left:    15px;
	color:           rgb(111,111,111);
}
#left ul li a.doc:hover {
    text-decoration: none;
	color:           rgb(111,111,111);
}

/* right
-------------------------------------------------------- */
#right-cont {
	width:           710px;
	height:          auto;
	float:           left;
	height:          100%;
	margin:          40px 0px 60px 20px;
}
#right {
	width:           700px;
	float:           left;
	background:      url('images/cont-ml.png') repeat-y;
	background:      url('images/cont-ml.jpg') center repeat-y;
}
#right_top {
	width:           700px;
	min-height:      800px !important;
    height:          auto !important;
    height:          800px;
	text-align:      center;
	float:           left;
	margin:          -4px 0px 0;
	margin:          -0px 0px 0;
	padding:         20px 0px 0;
	background:      url('images/cont-top.png') no-repeat;
	background:      url('images/cont-top.jpg') top center no-repeat;
}
#right_bottom {
	width:           710px;
	height:          26px;
	background:      url('images/cont-bas.png') no-repeat;
	background:      url('images/cont-bas.jpg') center no-repeat;
	margin-bottom:   -4px !important;
	margin-bottom:   -2px;
	clear:           none !important;
	clear:           both;
	float:           left;
}
#right p {
    margin:          12px !important;
	margin:          35px 15px 15px 35px; 
}

/* Footer
-------------------------------------------------------- */
#footer {
	background:      url('images/footer.png') repeat-x !important;
	background:      url('images/footer.jpg') repeat-x; 
	text-align:      center;
	clear:           both;
    margin:          auto !important;
	margin:          25px auto 0px auto;
	height:          36px !important;
	height:          27px;
	padding:         6px 0px 0 !important;
	padding:         18px 0px 0;
}
#footer p {
    color:           rgb(255,255,255);
	text-align:      center;
}