@charset "utf-8";
/* CSS Document */

#accueil {
	background-image: url(imgs/menu_up.jpg);
}
#intro {
	background-image: url(imgs/fond_intro_accueil.png);
	height: 183px;
}

#txt {
	width: 580px;
}
#txt input, #txt textarea, #txt select {
	width: 142px;
	background: url(imgs/input.jpg) no-repeat;
	/*background-attachment : fixed;*/
	height: 20px;
	padding-right: 4px;
	padding-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-bottom: 5px;
}

#txt select
{
	height: 22px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	width: 148px;
	border: 0px none #FFF;
}

label {
	width: 124px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor: pointer;
	margin-top: 3px;
}

label.radio {
	width		: 90px;
	float		: left;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 13px;
	cursor		: pointer;
	margin-top	: 3px;
	text-align 	: left;
}

label.radio2 
{
	width		: 50px;
	float		: left;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 13px;
	cursor		: pointer;
	margin-top	: 3px;
	text-align 	: left;
}

#vous, #conjoint, #admail {
	width: 290px;
	float: left;
}
#enfant, #besoin, #erreur, #validate, #contrat{
	width: 580px;
	float: left;
}
#erreur, #validate
{
	margin-bottom	: 15px; 
}
#vous span, #conjoint span, #admail span {
	font-family: Arial, Helvetica, sans-serif;
	color: #007FB4;
	font-size: 20px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007FB4;
	margin-bottom: 5px;
	width: 271px;
}
#erreur span 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #D02D32;
	font-size: 20px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D02D32;
	margin-bottom: 5px;
	width: 550px;
}
#validate  
{	
	font-size: 1.2em;	
}
#validate span 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #47BF4C;
	font-size: 20px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #47BF4C;
	margin-bottom: 5px;
	width: 550px;
}
#enfant span, #besoin span, #contrat span  {
	font-family: Arial, Helvetica, sans-serif;
	color: #007FB4;
	font-size: 20px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007FB4;
	margin-bottom: 5px;
	margin-top: 20px;
	width: 550px;
}

#enfant input, #enfant select{
	vertical-align	: middle;	
	margin			: 5px 0 0 0;
	float			: left;	
}

#enfant label {
	vertical-align	: middle;
	width			: 124px;
	float			: left;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 13px;
	cursor			: pointer;
	margin 			: 8px 0 0 0;
}
#besoin label.puce  {
	padding-left		: 30px;
	font-weight			: 700;
	margin 				: 9px 0 0 0 ;
	vertical-align		: middle;
	width				: 94px;
	float				: left;
	display				: block;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 13px;
	cursor				: pointer;
	background-image	: url(imgs/flechebleu.jpg);
	background-repeat	: no-repeat;
	background-position	: left center;
}

#besoin label.puce.width_250
{
	width : 250px;
}

#besoin select, #contrat select
{
	vertical-align	: middle;
	margin 			: 5px 0 0 0;
	float			: left;	
}

#besoin p, #contrat p
{		
	float			: left;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 13px;	
	margin			: 10px 0;
	padding			: 0;
}

#besoin input, #contrat input
{	
	margin			: 1px 0 0 0 ;
	background  	: none;
	width			: 20px;
	float			: left;	
}

#besoin input.margin_top_9 
{
	margin : 9px 0 0 0;
}

#button input
{
	cursor				: pointer;
	width				: 109px;
	height				: 109px;
	border				: none;
	background-image	: url(imgs/validation_form.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	position 			: absolute;
	float				: right;
	margin				: 5px auto auto 420px;		
}	


#blockbleu {
	height: 122px;
	width: 570px;
	background-image: url(imgs/blocksup.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 10px;
	margin-top: 20px;
}

#vous select.date, #conjoint select.date, #enfant select.date, #contrat select.date 
{
	background 			: none;
	margin 				: 0 0 5px 0;
	padding				: 1px 0px;
	width				: auto;
	height				: 22px;
	border				: 1px solid #DFDFDF;
	border-top-color	: #AFAFAF;
	vertical-align		: top;
	float				: left;
}

.red
{
	color : #D02D32;
}
.green
{
	color : #47BF4C;
}

.float_left
{
	float : left;
}

.float_right
{
	float : right;
}

.clear
{
	clear : both;
}

.vertical_spacer_5
{
	height : 5px;
}

.vertical_spacer_40
{
	height : 40px;
}


.horizontal_spacer_25
{
	width : 25px;
}

.horizontal_spacer_30
{
	width : 30px;
}

.horizontal_spacer_166
{
	width : 166px;
}

.width_150
{
	width : 150px;
}

.width_310
{
	width : 310px;
}

.width_250
{
	width : 250px;
}

label.margin_top_11 
{
	margin : 11px 0 0 0;
}

select#optique
{
	width : 150px;
}

.margin_top_9
{
	margin : 9px 0 0 0;
}

.margin_vertical_9
{
	margin : 9px 0 9px 0;
}


