/*body {margin:25px; font:11px Verdana,Arial; background:#eee;}*/
*
{font-size:10px;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	
	font-family: inherit;
	vertical-align: baseline;
	z-index:0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*****ensemble***/
body {
font-family: Arial,Verdana,sans-serif;
margin: 0;
padding: 0;
color: #333;
}

#cont {
/*position:absolute;*/
position: relative;
margin: auto;
padding: 0 0 0 0;
width: 800px;

}
/*** ensemble*****/
/****menu haut**************************/

ul.menu {list-style:none; background:url(images/fond_menu.jpg); color:#FFFFFF ; width : 800px;height:37px; border-bottom:solid 1px #B9B47D}
ul.menu a {display:block; color:#FFFFFF; text-decoration:none;}
ul.menu li {position:relative; color:white; float :left;}
.menulink {padding:5px; font-weight:bold;  font-size: 14px; background:url(images/bouton.jpg); height:26px; color:#FFFFFF ; border-left:solid 1px #DDD692;border-right:solid 1px #DDD692;}
.menulink:hover ,.menulink:active, .menulink:focus {padding:5px; font-weight:bold; background:url(images/bouton_over.jpg);  height:28px;color:#FFFFFF; border-left:solid 1px #B9B47D;	border-right:solid 1px #B9B47D;}

.menuhover {padding:5px; font-weight:bold; font-size: 14px; background:url(images/bouton_over.jpg);  height:28px;color:#FFFFFF; border-left:solid 1px #B9B47D;	border-right:solid 1px #B9B47D;}

#header 
{

	background: url(images/header.jpg) top left no-repeat;
	height:436px;
	width:800px;
	margin: 0;	
	z-index:1;
	/*border: 2px solid red;*/
}

#header h1 {
	color: #E019AA;
	/*padding: 40px 10px 10px 450px;*/
	padding: 40px 25px 10px 460px;
	width : 300px;
	height:110px;
	font-weight:900;
	font-size:22px;
	/*border:1px solid black*/
	
	}
/******end menu haut***********************/
/*la vrai contenu*****/
#main 
{
	position: relative;
	margin-left: 45px;
	margin-top: -235px;
	margin-bottom: -130px;	
	width: 710px;
	background: transparent;
	z-index:3;
	padding-bottom :20px;
	/*border: 4px solid green;*/

}
#text
{
	margin-top:10px;
	float:right;
	width: 490px;
	padding:10px;
	z-index:3;
	/*
	border: 1px solid black;
	background: pink;
	*/
}

#list
 {
	margin-top:10px;
	display:inline;
	padding-top: 10px;
	float: right;	
	width: 190px;
	border-left: 1px solid #DDD692;
	z-index:3;
	/*background: yellow;*/

 }

h2 
{
	background: url(images/icon16.jpg) no-repeat;
	color: #E019AA;
	text-indent:20px;	
	height : 30px;
	font-weight:900;
	font-size: 16px;
	vertical-align: middle;
	
}


p {
padding: 5px;
margin: auto;
line-height: 16px;
font-size: 10px;
}


/***menu droite*/
.titremenu
{
	padding:10px;
	font-size: 14px;
	color: #E019AA;
}
  
hr 
{
	width: 100%;
	height: 1px;
	background-color: #DDD692;
	border: 0;  

}


#list ul {
font-size: 10px;
margin: 10px 0 0 20px;
list-style: circle;
color: #941751;
padding-left: 10px;

}

#list ul li {
background: transparent;
margin: 0;
padding: 0 5px 0 1px;
line-height: 14px;
}


#list a, #list a:link, #list a:visited {
color: #000000 ;
text-decoration: none;
font-weight: bold;
background: transparent;
}

#list a:hover {
text-decoration: underline overline;
color: #CE88AD;
background: transparent;
}

/**#list #menugauche a:link, #list menugauche a:visited { display: inline; }**/
/****end menu droite***/


/****footer****/
#footer {
margin: 0;
background:url(images/footer.jpg) top center no-repeat;
height: 160px;
width:800px;
text-align: center;
z-index:2;
/*border: 2px solid blue;*/
}
#footer p {
	padding: 80px 10px 20px 10px;
	/*border: 1px solid black; */
}

/***end footer**/


/*formulaire*/

#form_container
{
	background:#fff;
	/*border:1px solid #ccc;*/
	margin:0 auto;
	text-align:left;
	width:490px;
}

#top
{
	display:block;
	height:10px;
	/*margin:5px auto 0;*/
	width:500px;
}

#bottom
{
	display:block;
	height:10px;
	margin:0 auto;
	width:500px;
}
.boutton
{
	float: right;
	width:80px;
	height:20px;
	padding:2px;
	border:2px solid #C1BA76; 
	color:#C1BA76; 
	text-align:center;
	font-size:14px;
	font-weight:900;
	cursor: pointer;
}


.file
        {
        position :absolute ;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        }



form div.left
{
	display:inline;
	float:left;
	width:48%;
}

form div.right
{
	display:inline;
	float:right;
	width:48%;
}

textarea.textarea
{
	
	width:95%;
}
 
input:focus, textarea:focus
{
   background-color: #FFF8B4;
}
 
label
{
     font-family:Verdana, Arial, Helvetica, sans-serif; 
	 font-size:10px;
	 font-weight:900;
}
 
legend
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #C1BA76;
   font-weight: bold;
   font-size:12px;
}
 
fieldset
{
   margin-bottom: 15px; 
   border:2px solid #C1BA76;  
   width:470px;
   padding:5px;
   
}



/*end formulaire */