*{margin:0; padding:0; border:0;}
a{text-decoration:none; color:#8d8d8d; font-size:8pt}
a:hover{text-decoration:underline; color:#699a0a;}

body {
	width: 887px;
	margin:0 auto;
	font: normal 1em Verdana, Tahoma, sans-serif, Arial ;
	color:#232323;
	background: #ededed;
	
}

/*///////////////////////////////////  GLOBAL  //////////////////////////*/
#global {
	margin:0 auto;
	float:left;
	width:900px;
	background:#ededed url(images/fondcontenu.png) repeat-y left top;
}

/*///////////////////////////////////  HEADER  //////////////////////////*/
#header {
	width:900px;
	height:301px;
	font-weight:bold;
	text-transform:uppercase;
	background:#ededed url(images/tete.jpg) no-repeat;
	top: 120px;

}

/*///////////////////////////////////  MENU  A GAUCHE //////////////////////////*/
#menu {
	float:left;
	display:inline;
	width:177px;
	text-align:left;
	margin:0 0 0 50px;
}
#menu2{
	float:right;
	display:block;
	width:177px;
	text-align:left;
	margin:0 0 0 50px;
}
#menu h2 {
	width:180px;
	height:30px;
	line-height:30px;
	font-size:9pt;
	margin:0;
	padding:0 0 0 3px;
	color:#8d8d8d;
	background: url(images/rubrique.png) no-repeat left top;
}
#menu ul {
	margin:0 0 15px 0;
	width:162px;
	font-size:10pt;
	list-style:none;
}

#menu ul li {
    width:177px;
}

#menu ul li a {
	display:block;
	margin:0px;
	padding:0 0 0 20px;
	width:177px;
	height:29px;
	line-height:29px;
	text-decoration:none;
	color:#040f9b;
	font-size:.8em
	background: url(images/lien.png) no-repeat left top;
}

#menu ul li a:hover {
	color:#03095b;
	font-size:.9em;
}

/*///////////////////////////////////  CORPS  //////////////////////////*/
#corps {
	margin:0 40px 0 225px;
	padding-left:7px;
	padding-right:7px;
	zoom:1; 
}

#corps li{
margin: 0 0 0 50px;


}
.floatl {
	float:left;
	padding-right:1em;
	margin:0;
}


#corps h2 {
color:#555;
background:#d5d5d5 url('./images/spit.jpg') 0 0 repeat-x;
	//padding:0 5px;
	font-family:"Times New Roman", Times, serif; 
	font-size:1.5em;
	font-stretch:semi-expanded;
	font-weight:bold;
}

#corps h3 {
	color:#19a103;
	margin:0 10px 0 10px;
	padding:0 5px;
	font: bold 1.1em Tahoma,Verdana,sans-serif, Arial;
}

/*corps p {
	color:#232323;
	text-indent:30px;
	margin:5px 5px 5px 0;
}*/
#corps p a {
	color:#699a0a;
}

#corps p.right {
	margin-right:15px;
	text-align:right;
	font-weight:bold;
	font-size:9px;
	letter-spacing:1px;
	color:#8d8d8d;
}

/*///////////////////////////////////  FOOTER  //////////////////////////*/
p#footer {
	clear:both;
	width:900px;
	height:98px;
	padding-top:30px;
	font-size:9px;
	text-align:center;
	color:#8d8d8d;
	background:#ededed url(images/footer.png) no-repeat left top;
}

p#footer a{
color:#699a0a;
}
table#connexion{
font-size:.8em;
}
.button {
	background-color: #f3f3f3;
	font-size:.9em;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}
textArea.fields, input.fields {display: block;
		font-family:Times, serif;
		font-size:0.9em;
        background:#f3f3f3;
		border-top:#999 2px solid;
		border-left:#999 2px solid;
		border-bottom:#ccc 1px solid;
		border-right:#ccc 1px solid;
}
table#formulaire{
font-family:Verdana, "Times New Roman", Times, serif;
}
tr#entete{
display:block;
line-height:30px;
background: #ff0 url(./images/fondtete.jpg) 0 0 repeat-x;
color:#000;
}
tr#entete a{
text-decoration:none;
color:#222;
font-size:1em;
}
tr#entete a:hover{
text-decoration:none;
color:#555;
font-size:1.1em;
}
.sary {
float:inherit;
}
.conteneur {
border: #ddd solid 1px;
}
tr#tetecontenu{
background:#d5d5d5 url('./images/spit.jpg') 0 0 repeat-x;
margin:2px; 
}
td#titre{
font-family:"Times New Roman", Times, serif;
text-transform:capitalize;
font-variant: small-caps ; 
font-size:1.2em;
color:#333;
padding:5px;
}
td#date{
font-size:.7em;
}
td#cont{
text-align:justify;
padding:2px;
font-family:"Times New Roman", Times, serif;
font-size:.9em;
}
.petit{
margin:4px;
}
table#repo{
border: #ddd solid 1px;
padding-left:10px; padding-right:10px;
position:relative;
}
.stat {
font-size:.8em; color:#444; margin:15px;}
.portrait{
zoom:1;
display:inline;
margin:3px;
}

.rollover		{ LEFT: 0px; position: relative; top: 0px; margin-bottom: 3px; 
}

.rolloveron		{ LEFT: 2px; position: relative; top: 2px;  margin-bottom: 3px;}
.drop { position: absolute; width: 3;  filter: flipV(), flipH(); font-size: 40; color: blue }
