/*  
Feuille de style Cosmic
*/

/*  
Mise en page générale
*/

BODY {
	FONT-SIZE: 7pt;
	height: 100%;
	COLOR: #FFF;
	FONT-FAMILY: 'arialMT','Lucida Grande', Verdana, Arial, Sans-Serif;
	BACKGROUND-COLOR: #FFF;
	margin: 0;
	padding: 0;
}
p {
	margin: 5px 0px;
	COLOR: #FFF;
	/*border: 1px solid #FFF;*/
}
.gris{
COLOR: #646464;
font-weight: bold;
}

.gris9{
COLOR: #646464;
font-weight: bold;
font-size:9px;
}

.gris10{
COLOR: #646464;
font-weight: bold;
font-size:10px;
}

.bleu10{
COLOR: #2FBAFB;
font-weight: bold;
font-size:10px;
}

A {
	COLOR: #CC6600; TEXT-DECORATION: none; font-weight: bold;
}
A:hover {
	TEXT-DECORATION: underline
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

input,textarea,select {
	border: 0;
	color: #000;
	margin: 0 ;
	FONT: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

input[type=text]{
/*	float: right;*/
	margin: 0 0 0 0px ;
	height: 8pt;
}


/*  
Les blocs
*/

#page {
	position: relative;
	height: 1400px;
	width: 760px;
	border: 1px solid #fff;
	margin: 0 auto;
	background-color: #FFF;
	background: url(./img/fond2.gif);
  background-repeat: no-repeat;
} 

#form {
	position: relative;
	margin: 290px auto 0 auto;
	width: 644px;
	/*border: 1px solid #000;*/
	background-color: #FFF;
	background: transparent;
}

.form-frame{
	display: bloc;
	margin: 10px 0 10px 0;
	padding: 15px;
	width: 614px;
	COLOR: #000;
	background: #000;
	opacity: .6;
	filter:alpha(opacity=45); /* IE's opacity*/ 
}

.form-frame-right{
	float: right;
	width: 255px;
	margin: 0 0 0 45px;
	/*border: 1px solid #fff;*/
}
.form-frame-field-right{
	float: right;
}