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

html, body {
	width:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
html {
	/*margin-top:20px;*/
	/*background:url(page_bg.jpg) bottom left repeat-x;*/
	background:#afc1d7 url("../astria2009/css/img/page_background.jpg") top left repeat-x;
}
a {
	outline:none;
}
h1 {
	font-size:13px;
	font-weight:bold;
	/*color:#739dd2;*/
	color:#FFF;
	text-transform:uppercase;
}
.formulaire {
	width:800px;
	margin:20px auto 0 auto;
	padding:0;
}
#arianne {
	float:left;
	text-align:left;
	width:100%;
	height:130px;
	display:block;
	background-color:#739dd2;
	background-color:#f15f22;
	/*background:#f15f22 url(header_conseil_form_5.gif) top left no-repeat;*/
	background:#f15f22 url(header.gif) top left no-repeat;
	color:#FFF;
	color:#262626;
	font-weight:bold;
	margin:0;
	padding:0;
	position:relative;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

#arianne #messageSpecial {
	color:#FFF;
	border:1px solid #FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:250px;
	padding:10px 15px;
	position:absolute;
	top:22px;
	right:200px;
	font-size:larger;
	text-align:center;
}

#arianne #logo {
	width:176px;
	height:88px;
	display:block;
	float:right;
	background:url(images/astria_services.png) top left no-repeat;
	margin:5px 10px 0 0;
}

#arianne #logo_al {
	width:176px;
	width:250px;
	height:88px;
	display:block;
	float:right;
	/*background:url(images/action_logement.png) top left no-repeat;*/
	background:url(images/al.png) top left no-repeat;
	background-size:contain;
	margin:12px 10px 0 0;
}

#arianne #title {
	color:#FFF; 
	float:left;
	padding:20px 0 0 25px;
	font-size:20px;
}

#mentions, #mentions_legales {
	clear:both;
	width:800px;
	margin:0 auto;
	padding:5px 0;
	text-align:left;
	font-size:11px;
	color:#333;
}

#mentions_legales {
	text-align:center;
}

#mentions a, #mentions_legales a {
	color:#232323;
	text-decoration:none;
}

#mentions a:hover, #mentions_legales a:hover {
	text-decoration:underline;
}

#partenaires {
	float:left;
	clear:both;
	text-align:center;
	padding:10px 0 0 0;
	width:100%;
}

#partenaires a {
	color:#232323;
	text-decoration:none;
	outline:none;
}

#partenaires a:hover {
	text-decoration:underline;
}

#link {
	position:absolute;
	right:15px;
	top:15px;
	display:block;
}
#arianne h1 {
	position:absolute;
	left:25px;
	top:60px;
}
#arianne a {
	color:#FFF;
	color:#262626;
	text-decoration:none;
	height:30px;
	width:100%;
	display:block;
}
#arianne ul {
	margin:0 5px;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:0;
	left:0;
	width:790px;
}
#arianne ul li {
	font-size:12px;
	float:left;
	clear:none;
	display:inline;
	width:auto;
	height:30px;
	margin:0px 1px;
	padding:0px 0px 0 10px;
	background:none;
	/*line-height:22px;*/
	line-height:28px;
}
/* IE 6 */
#arianne #ongletPresentation {
	_width:105px;
}
#arianne .title {
	_width:80px;
}
#arianne #onglet1 {
	_width:90px;
}
#arianne #onglet2 {
	_width:85px;
}
#arianne #onglet3 {
	_width:85px;
}
#arianne #onglet4 {
	_width:100px;
}
#arianne #onglet5 {
	_width:65px;
}
#arianne #onglet6 {
	_width:80px;
}
/* fin IE 6 */
#arianne ul li.title, #arianne ul li.title:hover  {
	/*background-color:#739dd2;
	background-color:#f15f22;*/
	background:none;
	color:#FFF;
	color:#262626;
	color:#999;
}
#arianne ul li .onglet {
	background:none;
	padding:0 10px 0 0;
	margin:0;
	height:30px;
	display:block;
}
#arianne ul li.actif, #arianne ul li:hover {
	/*background-color:#C2D5EB;
	background-color:#fcd7c8;*/
	/*background-color:#FFF;*/
	/*background-color:#f15f22;*/
	background:url(onglet_left.gif) top left no-repeat;
}
#arianne ul li.actif .onglet, #arianne ul li:hover .onglet {
	background:url(onglet_right.gif) top right no-repeat;
}
#arianne ul li.actif a, #arianne ul li:hover a {
	color:#002B55;
	color:#f15f22;
	/*color:#d94e14;*/
	/*color:#FFF;*/
}
#topPage {
	/*float:left;
	clear:both;
	width:800px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background-color:#f15f22;
	z-index:1000;*/
	display:none;
}
.form {
	margin:0;
	padding:0;
	background-color:#C2D5EB;
	background-color:#fcd7c8;
	/*background-color:#FFF;*/
}
.stage {
	width:770px;
	/*width:760px;*/
	float:left;
	/*clear:left;
	display:block;*/
	background-color:#C2D5EB;
	background-color:#fcd7c8;
	/*background-color:#FFF;*/
	/*color:#002B55;*/
	color:#262626;
	/*margin:0 10px;*/
	margin:0;
	/*padding:0px 15px;*/
	padding:0;
	/*padding:0;*/
	/*border:1px solid #000;*/
	overflow:hidden;
}

.stage table {
	background-color:#FFF;
	/*background-color:#fcd7c8;*/
}
.stage table tr td {
	padding:2px;
}
.stage .hide, .stage .conjoint {
	/*display:none;*/
}
.conjoint, .enfant {
	width:350px !important;
}
.formTitle {
	font-size:13px;
	font-weight:bold;
	color:#739dd2;
	color:#f15f22;
	padding:2px 7px;
	/*margin:10px 0 0 0;*/
	margin:0;
	background-color:#f15f22;
	color:#FFF;
	width:756px;
	display:block;
}
.formTitleEmpty {
	padding:2px 7px;
	margin:10px 0 0 0;
	width:756px;
	display:block;
	background:none;
}
.formTable {
	width:756px !important;
	margin:0 0 10px 0;
	padding:5px 7px;
	background-color:#FFF;
}
#maskBackground {
	width:770px;
	margin:0 auto;
	padding:10px 15px 15px 15px;
	background-color:#C2D5EB;
	background-color:#fcd7c8;
	/*background-color:#FFF;*/
	float:left;
	/*border:1px solid #f15f22;
	border-top:0;*/
}
#mask {
	width:770px !important;
	overflow:hidden !important;
	/*margin:20px auto 0 5px;
	padding:0 10px 20px 10px;*/
	margin:0;
	padding:0;
	position:relative;
	float:left;
	background-color:#C2D5EB;
	background-color:#fcd7c8;
	/*background-color:#FFF;*/
	/*z-index:0;*/
	
}
#formButton {
	float:left;
	clear:left;
	width:770px;
	margin:10px 0 0 0;
	display:block;
	text-align:center;
}
#footer {
	clear:both;
	display:block;
	margin:5px auto;
	padding:0;
	font-size:11px;
	/*font-style:italic;*/
	color:#333;
	width:800px;
	text-align:center;
}
.msgResult {
	width:600px;
	padding:25px;
	height:200px;
	margin:20px auto;
	background-color:#FFF;
}
#msgResult {
	padding:25px;
	width:720px !important;
	height:175px;
}
.hide {
	display:none;
}
label.erreur {
	color:#cc0000;
	font-weight:bold;
}
input.erreur, span.erreur, select.erreur {
	border:1px solid #CC0000;
	background-color:#FFE1E1;
}
textarea.erreur {
	border:1px solid #CC0000;
	background-color:#FFE1E1;
}
input[type=radio].erreur {
	border:1px solid #CC0000;
	background-color:#FFE1E1;
}
#msg {
	background-color:#FFF;
	padding:7px 10px;
	color:#CC0000; 
	font-weight:bold;
}
#requestFields {
	font-size:11px;
	color:#333;
	padding:0;
	margin:0;
}
#msgFinal {
	width:350px !important;
	position:relative;
	display:block;
	border:1px solid #f15f22;
	margin:7px 5px;
	padding:5px 7px;
}
#presentation {
	min-height:300px;
	/*_height:200px;*/
	background-color:#FFF;
}
.presentation {
	background-color:#FFF !important;
	border:1px solid #fcd7c8 !important;
	border-top:20px solid #fcd7c8 !important;
	border-bottom:20px solid #fcd7c8 !important;
	width:768px !important;
	/*position:relative;*/
}
.presentation ul {
	list-style-image:url(http://astria.com/astria2009/css/orange_proprietaire/img/puce.png);
	margin:3px 0px 3px 25px;
	padding:0;
}
.presentation ul li {
	margin:3px 0;
}
.presentation p {
	margin:0;
	padding:5px 7px;
}
.presentation .formGuide {
	color:#FFF;
	/*background-color:#f15f22;*/
	color:#f15f22;
	border:1px solid #f15f22;
	margin:10px 5px;
	padding:5px 7px;
	position:relative;
	width:485px !important;
	float:left;
	display:block;
}
.presentation .visuel {
	width:245px !important;
	height:350px;
	float:right;
	display:block;
	background:url(visud_2.jpg) top left no-repeat;
	margin:0 0 0 10px;
	/*z-index:500;
	position:absolute;
	right:0;
	top:15px;*/
	/*display:none;*/
}
.presentation h1 {
	color:#f15f22;
}
/* angles arrondis blancs pleins */
.agh_p {
	position:absolute;
	left:0;
	top:0;
	left:-1px;
	top:-1px;
	width:5px;
	height:5px;
	background:url(http://astria.com/astria2009/css/img/agh_p.png) top left no-repeat;
	background:url(http://astria.com/astria2009/css/orange_proprietaire/img/bgh_v.png) top left no-repeat;
	display:block;
}
.adh_p {
	position:absolute;
	right:0;
	top:0;
	right:-1px;
	top:-1px;
	width:5px;
	height:5px;
	background:url(http://astria.com/astria2009/css/img/adh_p.png) top right no-repeat;
	background:url(http://astria.com/astria2009/css/orange_proprietaire/img/bdh_v.png) top right no-repeat;
	display:block;
}
.agb_p {
	position:absolute;
	left:0;
	bottom:0;
	left:-1px;
	bottom:-1px;
	width:5px;
	height:5px;
	background:url(http://astria.com/astria2009/css/img/agb_p.png) top left no-repeat;
	background:url(http://astria.com/astria2009/css/orange_proprietaire/img/bgb_v.png) top left no-repeat;
	display:block;
}
.adb_p {
	position:absolute;
	right:0;
	bottom:0;
	right:-1px;
	bottom:-1px;
	width:5px;
	height:5px;
	background:url(http://astria.com/astria2009/css/img/adb_p.png) top right no-repeat;
	background:url(http://astria.com/astria2009/css/orange_proprietaire/img/bdb_v.png) top right no-repeat;
	display:block;
}
/**/
.dateFormat {
	border:1px solid #a5acb2;
	/*width:154px;*/
	width:150px;
	/*height:20px;*/
	padding:1px;
	display:block;
}
.dateFormat input {
	border:0;
	margin:0;
	padding:0;
	text-align:center;
}
.msgEmailConfirm, .msgEmailErreur {
	font-weight:bold;
	color:#cc0000;
}

#tooltip {
	position:absolute;
	z-index:30000;
	border:1px solid #599ec3;
	background-color: #d8f5f9;
	/*color:#599ec3;*/
	color:#004189;
	font-size:11px;
	font-weight:normal !important;
	padding:5px 7px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
}
#tooltip h3 {
	font-size:12px;
	font-weight:normal;
}
input.right {
	text-align:right;
}

.conjointSubtitle {
	color:#E85611;
	font-weight:bold;
}

.notice_info {
	clear:both;
	width:720px;
	border:1px solid #e85611;
	/*background:#ebebeb;*/
	text-align:left;
	padding:5px 10px 5px 30px;
	margin:5px auto;
	position:relative;
	font-size:larger;
}

.notice_info .warning {
	background:url(../astria2009/images/ico/warning.png) top left no-repeat;
	position:absolute;
	top:15px;
	left:5px;
	width:18px;
	height:18px;
	display:block;
}
.notice_info strong {
	color:#CC0000;
}

.notice_info a, .notice_info a:hover {
	color:#000;
}

a.addBanque {
	color:#232323;
	text-decoration:none;
	background:url(../astria2009/images/ico/savoirplus.png) top left no-repeat;
	padding-left:17px;
}

a.addBanque:hover {
	text-decoration:underline;
}

.ie7Only {
	color:#FFF;
	display:none;
}

#formButton { margin-top:0; padding-top:10px; }