/* GENERAL */
BODY {
	background-color:#FFFFFF;
	background-image:url(../img/bg_filet.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	padding:0;
	margin:0;
	
	font-family:Arial, Helvetica, sans-serif;
}

#content-home {

width:985px;

margin: 0 auto 0 auto;

}

A {	color:#00a7ff; text-decoration:none; }
A:hover { color:#00a7ff; text-decoration:underline; }

#copyright {
	color:#ff9a03;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:20px;
	margin-bottom:5px;
}

/* HOME */
#visuelChoix {
	margin:auto;
	margin-top:33px;
}

#logo {
	margin:auto;
}

#phraseAlgo {
	margin:auto;
}


/* FORMULAIRE */
#content {
	width:985px;
	padding-top:10px;
	display:table;
	margin:auto;
}

#colGauche {
	float:left;
	width:375px;
	text-align:left;
}

#colDroite {
	float:left;
	width:610px;
}

#titreFormulaire {
	margin-top:35px;
}

.titre {
	width:100%;
	float:left;
}

.titre IMG {
	float:left;
	margin-top:35px;
}

.titre P {
	float:left;
	font-family:'Trebuchet MS';
	font-size:20px;
	line-height:20px;
	text-align:left;
	width:100%;
}

#lui .titre P {
	color:#00a7ff;
}

#elle .titre P {
	color:#fa5ba2;
}

#vous .titre P {
	color:#ff9a03;
}

.titre LABEL {
	margin-left:6px;
	color:#4c4c4c;
	font-family:'Trebuchet MS';
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

.box {
	width:320px;
	height:187px;
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
}

#lui .box {
	background-image:url(../img/box_lui.png);
}

#elle .box {
	background-image:url(../img/box_elle.png);
}

#vous .box {
	background-image:url(../img/box_vous.png);
}

.boxRight {
	width:290px;
	overflow:hidden;
}

.boxLine {
	width:320px;
	height:44px;
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	margin-top:22px;
}

.boxLineRight {
	width:290px;
}

#lui .boxLine {
	background-image:url(../img/boxline_lui.png);
}

#elle .boxLine {
	background-image:url(../img/boxline_elle.png);
}

#vous .boxLine {
	background-image:url(../img/boxline_vous.png);
}

H2 {
	color:#FFFFFF;
	font-family:'Trebuchet MS';
	font-size:16px;
	line-height:8px;
	font-weight:bold;
	text-align:left;
	margin-left:10px;
	margin-bottom:22px;
}

.boxLine H2 {
	float:left;
	width:143px;
}

DIV.item {
	float:left;
	height:25px;
}

.boxLine SELECT {
	margin-top:7px;
	width:125px;
	border:none;
	height:20px;
}

.box INPUT {
	float:left;
	margin-left:18px;
	margin-top:8px;
	padding:1px;
}

.box LABEL {
	float:left;
	width:112px;
	margin-left:5px;
	margin-top:7px;
	text-align:left;
	color:#4c4c4c;
	font-family:'Trebuchet MS';
	font-size:12px;
	font-weight:bold;
}

.boxRight LABEL {
	width:105px;
}

#valider {
	float:right;
	margin-right:5px;
}

#infosPersos {
	color:#ff9a03;
	font-size:20px;
	margin-top:20px;
	float:left;
}

#infosPersos INPUT {
	border-color:#ff9a03;
	border-style:solid;
	border-width:3px;
	
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	height:18px;
}

#infosPersos LABEL {
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}

.moi_prenom {
	width:324px;
	float:left;
}

.moi_code_postal {
	width:282px;
	float:left;
}

.moi_email {
	float:left;
}

.moi_prenom INPUT {
	width:130px;
	margin-right:37px;
}

.moi_code_postal INPUT {
	width:78px;
}

.moi_email INPUT {
	width:450px;
}

.moi_prenom LABEL {
	width:148px;
}

.moi_code_postal LABEL {
	width:196px;
}

.moi_email LABEL {
	width:148px;
}

.validation {
	float:right;
	margin-top:20px;
	color:#ff9a03;
	font-size:16px;
	font-weight:normal;
	margin-top:20px;
}

.validation P {
	float:right;
	line-height:12px;
	margin-right:15px;
}

.asterisk {
	color:#ffd493;
	font-size:16px;
	font-weight:normal;
}

#separateur {
	font-size:1px;
	line-height:1px;
	height:2px;
	width:100%;
	background-image:url(../img/sep_tiret.png);
	background-position:left;
	background-repeat:repeat-x;
	float:left;
	margin-top:30px;
}

/* Errors */

div.error {
	color:#FF0000;
	font-size:12px;
	text-align:left;
}

div.error p {
	color:#FF0000;
	display:none;
	margin:0;
	line-height:14px;
}

.box .error {
	margin-left:15px;
}

.boxLine .error P {
	float:left;
	line-height:10px;
	margin:0;
	margin-left:5px;
}

#infosPersos .error P {
	margin-bottom:10px;
}

#infosPersos .error {
	float:left;
}

/* Page de fin */
TEXTAREA {
	border-color:#ff9a03;
	border-style:solid;
	border-width:3px;
	
	width:420px;
	height:110px;
}

#msgConfirmation {
	margin-top:15px;
}

.confirmation H2 {
	color:#ff9a03;
	text-align:center;
	padding-top:20px;
	font-size:20px;
}

.confirmation H3 {
	color:#ff9a03;
	text-align:center;
	font-size:20px;
	margin:auto;
	margin-top:10px;
	margin-bottom:2px;
	width:425px;
	text-align:left;
}

#envoyer {
	margin-top:12px;
	margin-left:318px;
}

.confirm {
	color:#9dcf15;
	font-weight:bold;
}

.confirmation .error {
	font-weight:bold;
	color:#FF0000;
	margin-bottom:0px;
}

/* Mentions légales */
.mentions P {
	text-align:left;
	font-size:12px;
	text-align:justify;
}

/* Révélation */

#ideeMaresidence {
	margin-top:20px;
	margin-left:40px;
}