@charset "iso-8859-1";

html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background-color:#339900;
	margin: 0; 
	padding: 0;
	}
p { 
	margin-top: 0; 
	text-align: justify;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

/* specific divs */
#container { position:relative;
	background: url(../images/coingauche2.jpg) no-repeat top left; 
	padding: 0 165px 0 100px;  
	margin: 0 auto; border:2px solid #FFCC00;
	width:540px;background-color:#fff;
	}


#intro { 
	min-width: 470px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(../images/h1-fr.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 219px; 
	height: 87px; 
	float: left;
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: transparent url(../images/.gif) no-repeat top left; 
	margin-top: 0px; 
	margin-bottom: 10px; 
	width: 100px; 
	height: 130px; 
	float: right;
	}
#pageHeader h2 span {
	display:none
	}
#pageHeader {
	padding-top: 20px;
}

#menu {
	clear:both; 
	margin: 20px 20px 20px 0px; 
	width: 160px; 
	float: left;
	background: transparent url(../images/fdvigne.gif) no-repeat bottom left; 
	}
#menu p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}
#menu ul {
list-style-type:square; display:block;  }



li.lienchoisi {color:#ffcc00;}

#menu a:hover {text-decoration: underline;font: georgia, sans-serif; 
	color: #9685BA;}
#menu a:link {font-weight: bold; font: georgia, sans-serif;
	text-decoration: none; 
	color: #B7A5DF;}
#menu a:visited {font-weight: bold;font: georgia, sans-serif;
	text-decoration: none; 
	color: #D4CDDC;}
#menu a:active {text-decoration: underline; font:  georgia, sans-serif;
	color: #9685BA;}
	
#preamble {
	clear: right; height:auto;
	padding: 0px 10px 0 10px;
	}
#supportingText {
	padding-left: 40px; 
	margin-bottom: 40px;
	z-index:5;
	}

#footer { background-color:transparent;position:relative;z-index:8;
	text-align: center; padding:5px 0 0 0;color:#fff;margin:0 auto;
	}
#footer a:link, #footer a:visited { 
	margin-right: 0px; 
	}

#linkList {
	margin-left: 600px; 
	position: absolute; 
	top: 0; 
	right: 0;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(../images/texture.gif) top left repeat-y; 
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}
#linkList3 { 
	background: transparent url(../images/texturedegrade.gif) no-repeat top left; 
	margin: 0 0 0 0; 
	width: 148px; 
	height: 124px; 
	
	}
#linkList h3.select span {color:#B7A5DF;
	display:none
	}




#linkList ul {
	margin: 0;
	padding: 0;
	}
#linkList li {
	line-height: 2.5ex; 
	background: transparent url(../images/cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkList li a:link {font: 100% arial, sans-serif;
	color: #000;
	}
#linkList li a:visited {font: 100% arial, sans-serif;
	color: #666;
	}


#extraDiv1 {
	background: transparent url(../images/enseigne.gif) top left no-repeat; 
	position: absolute; 
	top: 0px; 
	right: 2px; 
	width: 148px; 
	height: 191px;
	}
	
#extraDiv2 {
	background: transparent url(../images/coinbas.gif) no-repeat bottom right; 
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	width: 350px; 
	height: 288px;
	}
#extraDiv3 {
	background-color:transparent; 
	position: absolute; 
	bottom: 130px; 
	right: 180px; 
	width: 100px; 
	height: 100px;
	}
	
h4 {font:arial,sans-serif;
	font-size:90%;}
div#footer span {font-family : verdana, arial, helvetica, sans-serif;
font-size : 9px;}	

#monForm
{color : #555753;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 9pt;
	width: 500px;border:0px;
}

#monForm p
{text-align:left;
	margin: 2px 0;width:500px;
}

/* fieldset , legend */




#monForm fieldset 
{
	padding: 0 10px;width:500px;
	border:0px;
	font-size: 1.2em;
	color: #555753;
	font-family : verdana, arial, helvetica, sans-serif;
font-size : 9pt;
}


 


/* Input */
#monForm input, #monForm select, #monForm textarea
{
	background-color: #EEEEEE;
	width: 300px;
	border: #CCC 1px solid;
}

#monForm input:hover, #monForm select:hover,#monForm textarea:hover,  #monForm input:focus, #monForm select:focus,#monForm textarea:focus
{
	border: #999 1px solid;width: 300px;
	background-color: #ffcc00;
}


  

/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 150px;background-color:#9D0132;
	color:#fff;
}



#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 150px;background-color:#9D0132;
	color:#fff;
}