/****** Propriété globale *******/
*{margin:0;	padding:0;}

/****** Propriétés des balises *******/
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
ul{list-style-type: none;}
li{float: left;}

/****** Propriétés des indentifiants *******/
/*Centrage du site*/
 #wrap
 {
	left:50%;
	margin-left:-509px;
	position:absolute;
	top:0;
	width:1018px;
}
/*Partie haute contenant le logo+Menu+encart + slogan */
#header
{
	height:390px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}
#home_contact
{
	position:absolute;
	left:934px;
	top:367px;
	height:24px;
	width:50px;
	background-image:url(../images/contact&connexion.gif);
	background-repeat:no-repeat;
	background-position:-50px 0px;
}
#home_contact_co
{
	position:absolute;
	left:944px;
	top:367px;
	height:24px;
	width:50px;
	background-image:url(../images/contact&compte.gif);
	background-repeat:no-repeat;
	background-position:-68px 0px;
	z-index:1000;
}
ul#home_contact  li a, ul#home_contact_co  li a
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	line-height: 24px;
	height: 24px;
	text-indent:-10000px;
}

ul#home_contact a#contact,ul#home_contact_co a#contact{width:50px;}
ul#home_contact a#accueil,ul#home_contact_co a#accueil{width:50px;}
#slogan
{
	position:absolute;
	left:630px;
	top:40px;
	height:146px;
	width:300px;
	background-image:url(../images/slogans.gif);
	background-repeat:no-repeat;
}
div#credit_en_cours ul{float:left;}
div#logopartenaire
{
	position:absolute;
	width:327px;
	height:72px;
	left:650px;
	top:550px;
	background-image:url(../images/partenaires.png);
	background-repeat:no-repeat;
}

div#login_box
{
	position:absolute;
	width:327px;
	height:150px;
	left:650px;
	top:400px;
	background-image:url(../images/login_box.png);
	background-repeat:no-repeat;
}
div#login_box_text
{
	padding:10px;
	width:300px;
	height:90px;

}
#login_box_text p
{
color:#FF9900;
font-size:18px;
}


div#imagepartenaire
{
	width:121px;
	height:48px;
	margin-left:180px;
	margin-top:13px;
	background-image:url(../images/logosPartenaires.gif);
	background-repeat:no-repeat;
}


ul#etape {
	position:absolute;
	top:250px;
	font-size:16px;
}

ul#etape li{color:#ffffff;padding-left:40px;}
ul#etape li+li{color:#ffffff;padding-left:17px;}
ul#etape li+li+li{padding-left:45px;}
ul#etape strong{font-size:18px;color:#ff6600;}


p#encart strong.orange{color:#ff6600;}
p#encart strong.vert{color:#6fa121;}

#menu
{
	position:absolute;
	background-image: url(../images/menu.png);
	background-repeat:no-repeat;
	left:42px;
	height:20px;
	width:100%;
	top:363px;
}


#menu li a
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	text-align:center;
	color:#666666;
	text-indent:-10000px;
}
#menu li a#lien1{width: 117px;}
#menu li a#lien2{width: 144px;}
#menu li a#lien3{width: 144px;}
#menu li a#lien4{width: 146px;}
#menu li a#lien5{width: 131px;}
#menu li a#lien6{width: 156px;}
#menu li a#lien7{width: 84px;}



#menu li a:hover {background: transparent url(../images/menu.png) top left no-repeat;}
#menu li a#lien1:hover{background-position: 0px -20px;}
#menu li a#lien2:hover{background-position: -116px -20px;}
#menu li a#lien3:hover{background-position: -260px -20px;}
#menu li a#lien4:hover{background-position: -404px -20px;}
#menu li a#lien5:hover{background-position: -550px -20px;}
#menu li a#lien6:hover{background-position: -681px -20px;}
#menu li a#lien7:hover{background-position: -837px -20px;}


#bodyform
{
	background-image:url(../images/back.gif);
	background-repeat:repeat-y;
	padding-left:50px;
	padding-top:10px;
}

div#home
{
	width:850px;
	height:430px;
	margin-left:40px;

}
div#home ul.bloc {clear:both;}
ul.bloc li a
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	line-height: 140px;
	width: 260px;
	text-decoration: none;
	text-align:center;
	color:#666666;
	text-indent:-10000px;
	float:left;
	margin-left:10px;
	background-image: url(../images/boutonsHome.png);
	background-repeat:no-repeat;

}

ul.bloc li a#bloc1{
background-position: 0px 0px;
}
ul.bloc li a#bloc2{
background-position:0px -140px;
}
ul.bloc li a#bloc3{
background-position:0px -280px;

}
ul.bloc li a#bloc4{
background-position: 0px -420px;
}
ul.bloc li a#bloc5{
background-position:0px -560px;
}
ul.bloc li a#bloc6{
background-position:0px -700px;

}
ul.bloc li a#bloc7{
background-position:0px -840px;

}
#footer
{
	background-image:url(../images/footer.png);
	height:70px;
	background-repeat:no-repeat;
}
 span.mention
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */

	padding-top:35px;
	text-align:center;
}

/** DEBUT DU FORMULAIRE: INTEGRE DANS #bodyform **/

dl.mid_field dd{padding-left:17px;}

/****** Propriétés des classes *******/

.rubrik{padding-bottom:10px;width:575px;}

div.top_field
{
	background-image:url(../images/top_field.gif);
	background-repeat:no-repeat;
	height:10px;
	width:576px;
	font-size:2px;
}
.titre_rub
{
	margin-left:17px;
	margin-bottom:8px;
	color:#FF6600;
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
}
.titre_rub2
{
	margin-left:17px;
	margin-bottom:8px;
	color:#92b81a;
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
}
.mid_field
{
	background-image:url(../images/mid_field.gif);
	background-repeat:repeat-y;
	width:576px;
}
div.bottom_field
{
	background-image:url(../images/bottom_field.gif);
	background-repeat:no-repeat;
	height:10px;
	padding-bottom:4px;
	font-size:2px;
	width:579px;
}

.projet{width:400px; border:1px solid #00A8E6}
ul.perso{clear:left;}
li.civil{padding-right:25px;float:left;}

.projet2{clear:right;float:left; width:250px;padding-bottom: 10px;}
.civil2{padding-right:5px;float:left;}
.t_txtarea{width: 300px;}

select.t_naissance{width:52px;}
select.t_mois{width:58px;}
select.t_jour{width:39px;}
.proj{color:#666666;font-weight:bold;}
li.info {margin-right:22px;}
.supprimer
{
	padding-top:10px;
	padding-right:80px;
	padding-left:60px;
}

#btn
{
	/*background-image: url(http://www.3w-online.net/vivo/images/validate.jpg);
	background-repeat: no-repeat;*/
	background-color: white;
	height: 58px;
	width: 582px;
	text-decoration: none;
	border: none;
	cursor: pointer;

		}

#formContact{padding-top:20px;}

.ajouter{padding-top:10px;}
.t_champ{width:153px; border:1px solid #00A8E6; text-align: left;}
.t_Select{width:133px;}
.clear{float:none;clear:both;}
input{text-align:left;}
.btn_radio{margin-left:150px;margin-top:10px}
.TxtBouton{text-align:center;}
.bien{clear: both; float: left; border:1px solid red;}
li.confirmation{float:none;}
.affiche{padding-left: 4px; color: #6FA121; font-weight: bold;}

p#valid_modif{
	background-image: url(../images/modif_valid.jpg);
	background-repeat: no-repeat;
	width: 582px;
	height: 58px;
	}
	.info2
	{
		margin-left: 25px;
	}
	.espace{margin-left: 20px;clear:right;}


	p#valid_modif a{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	height: 58px;
	float:left;
	/*margin-left: 10px;*/
	}

a
{
	color:#666666;
}
p#valid_modif	a#modif{width: 280px;}
p#valid_modif	a#valid{margin-left: 15px; width: 280px;}

p#valid_modif	a#modif:hover
	{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	background-image: url(../images/modifier_valider_over.jpg);
	background-repeat: no-repeat;
	height: 58px;
	width: 277px;
	float:left;
	margin-left: 1px;
	cursor: pointer;
	}
p#valid_modif	a#valid:hover
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	background-image: url(../images/modifier_valider_over.jpg);
	background-repeat: no-repeat;
	background-position: -280px 0px;
	float:left;
	margin-left: 1px;
	cursor: pointer;
	width: 290px;
	height: 58px;
	}


p.Txtconfirmation{text-align: center; font-weight: bold;}
a#lien_logo{
	text-decoration: none;
	height:110px;
	width: 400px;
	position: absolute;
	top: 30px;
	left: 30px;
	text-indent:-10000px;
}
.titre_plan
{
	float: none;

}
.plan
{
	/*float: left;*/
	margin-left: 15px;
	background-image: url(../images/t.gif);
	background-repeat: no-repeat;
}
ul.plan_site li{
	clear: both;
}
p.page{
	background-image: url(../images/page.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	margin-left: 10px;
	margin-right: 5px;
	}
a.ma_page,a.mon_lien {float:left;}
a.ma_page
{
	display:block;
	height: 17px;
	width: 30px;

}
.fin_plan{
	margin-left: 15px;
	background-image: url(../images/l.gif);
	background-repeat: no-repeat;

}
.mon_lien
{
		text-decoration: none;
		float: left;
}
.taille_prof{width:185px;}
.taille_anc{width:110px;}
.taille_pourc{width:50px;}