/*
	STYLES COMMUNS
*/
* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
}

a, a:link, a:visited, a:hover, a:active {
	color:#55ac15;
}

img {
	border-width: 0;
}

br.clear {
	clear: both;
}

table.gen {
	margin: 20px auto;
	width: 80%;
}

.tabs .tab-body .inner th, table.gen th {
	font-weight: normal;
	color: #ffffff;
	height: 30px;
	font-size: 15px;
	padding: 2px;
	font-size: 13px;
	border-bottom: 1px #c8c8c8 solid;
}

#info-grippe table.pca th 
{
	color:#555555;
	font-size:13px;
	padding: 6px;
	height:18px;
}

table.gen th.eurofil-bg {
	background: transparent url(../../images/assurance/thead2.gif) repeat-x;
}

.tabs .tab-body .inner td, table.gen td {
	border-width: 1px;
	border-color: #cdcdd0;
	border-style: dashed solid;
	font-size: 12px;
	color: #676767;
	height: 32px;
	padding: 2px;
	text-align:center;
}

table.pca thead
{
	vertical-align: middle;
}

#info-grippe table.pca td 
{
	padding:3px 15px;
	text-align:left;
	border-width: 1px;
	border-color: #C8C8C8;
	border-style: solid;
	color:#676767;
	font-size:12px;	
}

.tabs .tab-body .inner td.fourchette {
	width: 70px;
}
/* gestions sinistres */
.requip {
	background: transparent url(../../images/habitation/requip.bg.gif) no-repeat;
	height: 37px;
	line-height: 37px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-indent: 25px;
}
.requip img {
	vertical-align: middle;
	margin: 1px;
}

.text_courant {
	padding-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

.text_erreur {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:18px;
	margin-left:5px;
	margin-right:30px;
	padding-top:10px;
	color: #FF0000;
}

.form-title {
	color:#2D93D6;
}

.form .body label.explain {
	color:#000000;
	float:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	margin-left:6px;
	width:410px;
	padding-left: 10px;
}
.explain_normal {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.text_petit {
	padding-top:10px;
	margin-right:30px;
	margin-left:30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}
.text_petit_pca {
	padding-top:10px;
	margin-right:30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}
.mentions {
	font-weight: bolder;
	font-size: 11px;
}

.annotations {
	font-size: 9px;
	text-align: right;
}

.habitation {
	color: #2D93D6;
}
.auto {
	color: #7DB510;
}
.sante {
	color:#F5BE01;
}
.eurofil {
	color: #F5BE01;
}
.error {
	color: #a82e00;
}
.num_vert {
	color: #080;
}
.habitation-bg {
	background : #2D93D6 url(../../images/habitation/thead2.gif) bottom repeat-x;
}
.auto-bg {
	background : #7DB510 url(../../images/auto/thead2.gif) bottom repeat-x;
}
.eurofil-bg {
	background: #F5BE01 url(../../images/assurance/thead2.gif) bottom repeat-x;
}
.solid {
	border-top-style: solid !important;
}

input.text {
	border: 1px solid #D4CCC7;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	margin: 1px;
	padding: 1px;
	width: 145px;
}
input.button {
	border: 1px solid #D4CCC7;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	margin: 1px;
	padding: 1px;
}

a.habitation:link, a.habitation:visited {
	color: #2D93D6;
}
a.habitation:hover, a.habitation:active {
	color: #2D93D6;
}
.hidden {
	overflow: hidden;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.va-middle {
	vertical-align: middle;
}

/*
	HEADER
*/
#header {
	height: 152px;
	width: 925px;
	margin: auto;
	overflow: hidden;
}
/* bloc logo */
#logo {
	float: left;
}
/* bloc appel */
#appel {
	float: left;
	width: 460px;
	height: 146px;
}
#accueil #appel {
	background: transparent url(../../images/assurance/appel.bg-accueil.gif) no-repeat; 
	font-size: 0;
}
#appel {
	background: transparent url(../../images/assurance/appel.bg-v.gif) no-repeat; 
	font-size: 0;
}
#appel a {
	display: block;
	margin-left: 78px;
	margin-top: 67px;
	height: 44px;
	width: 125px;
}
/* bloc appel : client/prospect */
#bonjour {
	float:left;
	height:146px;
	width:460px;
	background: transparent url(../../images/espace-client/client.bg.gif) no-repeat;
	font-size: 0;
}
#appelvide {
	float:left;
	height:146px;
	width:460px;	
	background: transparent url(../../images/espace-client/appelvide.bg.gif) no-repeat;
	font-size: 0;	
}

#bonjour div.texte-bonjour {
	width: 265px;
	float: left;
	padding:30px 15px 5px 50px;
}

#appelvide div.texte-bonjour {
	width: 265px;
	float: left;
	padding:30px 15px 5px 50px;
}
#bonjour div.texte-bonjour h2 {
	color:#1E72AB;
	float:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:20px;
	height:35px;
	width:210px;
}
#bonjour div.texte-bonjour h2.nomInternaute {
	color: #2D93D6;
	font-size: 16px;
	padding-top: 6px;
	width: 185px;
	line-height:16px;
	font-variant: small-caps;
}

#appelvide div.texte-bonjour h2 {
	color:#1E72AB;
	float:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:20px;
	height:35px;
	width:400px;
}
#appelvide div.texte-bonjour h2.nomInternaute {
	color: #2D93D6;
	font-size: 16px;
	padding-top: 6px;
	width: 185px;
	line-height:16px;
	font-variant: small-caps;
}

#login .refInternaute {
	padding-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;	
	color: #6F6F6F;
	text-align: center;
}

#logoff p {
	padding-top: 10px;
	margin-right: 30px;
	margin-left: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;	
	color: #555555;
}

#login p {
	padding-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;	
	color: #555555;
	text-align: center;
}

#bonjour div.texte-bonjour p {
	clear: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 11px;
	width: 265px;
}

#bonjour div.texte-ballon {
	float:left;
	height:60px;
	padding:25px 0 0 20px;
	overflow:hidden;
	width:100px;
}
#bonjour div.texte-ballon p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #fff;
}
#bonjour div.texte-ballon p strong {
	font-size: 14px;
}

/* bloc login */

#login, #logoff {
	float: left;
	width: 196px;
	height: 148px;
	margin-left: 15px;
	background: transparent url(../../images/assurance/login.bg.gif) no-repeat;
	font-size: 0;
}
#login p {
	color: #1E72AB;
	font-family: "Trebuchet MS",sans-serif;
	font-size: 13px;
	margin: 15px 25px 0px;
	text-align: left;
}
#login p.titLogin {
	color: #1E72AB;
	font-family: "Trebuchet MS",sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin: 0px 25px 0px;
	padding-top: 0;
	text-align: left;
}
#login div {
	text-align: center;
	height: 30px;
	padding: 0px 0px 25px 4px;
	padding-top:10px;
}
#login div a {
	display:block;
	height:35px;
	margin:0 43px;
	width:100px;
}
#logoff h2 {
	color:#555555;
	font-family: "Trebuchet MS",sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.1em;
	margin: 35px 0 -15px 40px;
	overflow: hidden;
	padding-bottom:5px;
	width:142px;
}
#login .fields {
	margin-left: auto;
	margin-right: auto;
	height: 71px;
	width: 145px;
	font-size: 0;
}
#login label {
	font-size: 0;
}
#login input.text {
	border: 1px solid #d4ccc7;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
	width: 145px;
	padding: 1px;
	margin: 1px;
}
#login .buttons {
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	overflow: hidden;
}
#login .retrievePwd {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
	background: transparent url(../../images/assurance/menu.arrow.gif) no-repeat center left;
	height: 20px;
	text-indent: 8px;
	line-height: 20px;
	float: left;
	cursor: pointer;
	color: #555;
}
#login .loginButton {
	float: left;	
}
#login .loginButton input {
	width: 48px;
	height: 47px;
	background: transparent url(../../images/assurance/login.button.gif) no-repeat;
	border-width: 0;
	cursor: pointer;
}
#logoff .deconnect {
	color: #1E72AB;
	font-weight: bold;
	font-size: 13px;
}

/*
	PIED DE PAGE
*/
#footer {
	width: 100%;
	clear: both;
}
#footer .inner {
	width: 925px;
	margin: auto;
	text-align: center;
}
#footer .inner {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
}
#footer .inner a {
	text-decoration: none;
}
#footer .inner .quicklinks, #footer .inner .quicklinks a {
	color: #9d9d9d;
}
#footer .inner .infos, #footer .inner .infos a {
	color: #edd00b;
}

/*
	CORPS DE PAGE
*/
#body {
	background: transparent url(../../images/assurance/header.bg.gif) repeat-x top;
	width: 100%;
	overflow: hidden;
}

#page {
	width: 925px;
	margin: auto;
	overflow: hidden;
}
html > #page {
	width: 925px;
	margin: auto;
	overflow: hidden;
}
#content {
	width: 551px;
	float: left;
	margin-left: 27px;
	margin-top: 25px;
}
#content .formTitle {
	font-size: 0;
}
#content .formTitle h2 img {
	vertical-align: bottom;
}
#content .formBody {
	background: transparent url(../../images/assurance/form.border.gif) repeat-y;
}
#content .formInner {
	background: #fbfbfd url(../../images/assurance/form.bg.gif) repeat-x bottom;
	margin-left: 7px;
	margin-right: 7px;
	padding: 3px 10px 8px; 
	overflow: hidden;
}
#content .formBottom {
	background: transparent url(../../images/assurance/form.bottom.gif) no-repeat;
	height: 8px;
	clear: both;
}
#content .formBody .element {
	padding: 3px 8px; 
	width: 350px;
}
#content .formBody #marqueAuto {
	width: 200px;
	margin-left: 5px;
}
#content .formBody #objetHabi {
	width: 200px;
	margin-left: 5px;
}
#content .formBody #cpHabi {
	width: 200px;
	margin-left: 5px;
}
#content .formBody input.text, #content .formBody select {
	border: 1px #c3b9b5 solid;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
}
#accueil #content #devisAuto {
	margin-top: -2px;
}
#accueil #content #devisHabi {
	margin-top: 4px; 
}
#accueil #content #devisSante {
	margin-top: 4px;
}
#accueil #content .formElements {
	float: left;
}

#accueil #content #devisAuto .formElements {
	width: 250px;
}
#accueil #content #devisAuto .formElements .element {
	width: auto;
}
#accueil #content #devisAuto .autoRight {
	float: left;
	width: 265px;
}
#accueil #content #devisAuto p {
	float: left;
	width: 252px;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	padding: 26px 6px 6px 7px;
	text-align: justify;
}
#accueil #content #devisAuto div.button {
	padding: 9px 0 3px 120px;
	text-align: left;
}
#submitAuto {
	display: block;
	background: transparent url(../../images/assurance/devis-assurance-auto.gif) no-repeat;
	width: 125px;
	height: 44px;
	border-width: 0;
	cursor: pointer;
}

#accueil #content #devisHabi .formElements {
	width: 250px;
}
#accueil #content #devisHabi .formElements .element {
	width: auto;
}
#accueil #content #devisHabi div.button {
	padding: 47px 0 0 112px;
	width: 133px;
	text-align: left;
}
#content .formBody #submitHabi {
	display: block;
	background: transparent url(../../images/assurance/devis-assurance-habitation.gif) no-repeat;
	width: 133px;
	height: 46px;
	border-width: 0;
	cursor: pointer;
}

#accueil #content #devisSante .formElements {
	width: 335px;
}
#accueil #content #devisSante .formElements .element {
	width:335px;
}
#accueil #content #devisSante div.button {
	padding: 6px 2px 6px 25px;
	text-align: left;
}
#content .formBody #submitSante {
	display: block;
	width: 133px;
	height: 46px;
	border-width: 0;
	cursor: pointer;
}

#content .formBody label.fieldname {
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	background: transparent url(../../images/assurance/fieldname.arrow.gif) no-repeat left center;
	text-indent: 12px;
	padding-bottom: 2px;
}
#devisSante .formBody label.fieldname {
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	padding-bottom: 2px;
	background: none;
	text-indent: 0;
}
#devisSante .formBody .element {
	margin-top: 8px;
}
#devisSante .formBody .button {
	padding-top: 8px;
	margin-bottom: 0px;
}

#content .formBody label.input {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	width: 100px;
	display: block;
	float: left;
	margin-left: 5px;
}
#content .formBody label.input input.radio {
	vertical-align: middle;
}
#content .formBody .floatLeft {
	float: left;
}
#content .formBody .clearBoth, #content .body .clearBoth {
	clear: both;
}
#content .formBody .button {
	text-align: right;
}
/*
	MISE EN PAGE COMMUNE
*/
.content-inner  {
	width: 765px;
}
.content-inner .header {
	width: 100%;
	height: 100px;
	overflow: hidden;
}
.content-inner .header.savoir {
	background: transparent url(../../images/eurofil/formtitle_engagements.gif) no-repeat;
}

.content-inner .header.contact {
	background: transparent url(../../images/eurofil/formtitle_contact.gif) no-repeat;
}

.content-inner .header.pca {
	background: transparent url(../../images/assurance/formtitle-pca.gif) no-repeat;
}

.content-inner .header.qui {
	background: transparent url(../../images/eurofil/formtitle_quisommesnous.gif) no-repeat;
}

.content-inner .header.infos-soc {
	background: transparent url(../../images/eurofil/formtitle_mentionslegales.gif) no-repeat;
}

.content-inner .header.error {
	background: transparent url(../../images/habitation/formtitle_rouge.gif) no-repeat;
}

.content-inner .content-text {
	width: 100%;
	background: transparent url(../../images/habitation/formbody.gif) repeat-y;
}
.content-inner .content-bottom {
	width: 100%;
	height: 6px;
	background: transparent url(../../images/habitation/formfooter.gif) no-repeat;
}

.content-inner .content-text h2, .form .body h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: transparent url(../../images/habitation/formstep_title.gif) no-repeat left bottom;
	font-size: 18px;
	padding-left: 20px;
	margin-left: 20px;
	height: 40px;
	line-height: 40px;
}

.content-inner .content-text h1, .form .body h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: transparent url(../../images/habitation/formstep_title.gif) no-repeat left bottom;
	font-size: 18px;
	padding-left: 20px;
	margin-left: 20px;
	height: 40px;
	line-height: 40px;
}
.content-inner .content-text h3, .form .body h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 20px;
}
ul.text_courant {
	padding-left: 5px;
}
ul.no_disc {
	list-style-type: none;
}
ul.text_courant.border {
	list-style-type: none;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #E8E8E8;
}
ul.text_courant li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	overflow: hidden;
	margin-bottom: 2px;
}
ul.text_courant li.retrait {
	padding-left: 20px;
}
ul.text_courant li label, .forgotpwd {
	width: 200px;
	float: left;
	display: block;
}
.forgotpwd {
	font-size: 12px;
	text-indent: 10px;
}


/*
	BLOC GAUCHE
*/
#left {
	width: 130px;
	float: left;
}
/* menu */
#menu {
	width: 130px;
}
#menu {
	background: transparent url(../../images/assurance/menu.border-130.gif) repeat-y top;
}
#menu .inner {
	background: transparent url(../../images/assurance/menu.bg.gif) repeat-x bottom;
	width: 124px;
	margin: auto;
	padding-top: 25px;
}
#menu .bottom {
	background: #ffffff url(../../images/assurance/menu.bottom-130.gif) no-repeat;
	height: 15px;
}
#menu .inner h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	padding-left: 6px;
	font-weight: bold;
}

#menu .inner .titespace {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	padding-left: 6px;
	font-weight: bold;
	color:#1E72AB;
}

#menu .inner .rub {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	padding-left: 6px;
	font-weight: bold;
}

#menu .inner h3.auto {
	color: #7db510;
}
#menu .inner h3.habitation {
	color: #2d93d6;
}
#menu .inner h3.sante {
	color: #F5BE01;
}
#menu .inner h3.eurofil {
	color: #f5be01;
}
#menu .inner .habitation a {
	text-decoration: none;
	color: #2D93D6;
}
#menu .inner .sante a {
	text-decoration: none;
	color: #F5BE01;
}
#menu .inner .eurofil a {
	color: #f5be01;
	text-decoration: none;
}
#menu .inner h3.client {
	color: #1E72AB;
}
#menu .inner ul {
	list-style-type: none;
	padding-bottom: 10px;
	margin-left: 8px;
}
#menu .inner ul li {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	background: transparent url(../../images/assurance/menu.arrow.gif) no-repeat;
	padding-left: 8px;
	line-height: 15px
}
#menu .inner ul li a {
	color: #000000;
	text-decoration: none;
}
#menu .inner .auto a
{
	text-decoration: none;
	color: #55ac15;
}
/* demo client */
#demo {
	height: 112px;

}
#demo {
	background: transparent url(../../images/assurance/demo.bg.gif) no-repeat;
	padding: 8px;
}
#demo h3 {
	color: #000000;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.8em;
	padding-top: 45px;
	font-weight: bold;
}
#demo a {
	color: #edd00b;
	font-size: 12px;
	display: block;
	text-align: right;
	font-family: "Trebuchet MS", sans-serif;
	font-style: italic;
}

/*
	BLOC DROITE
*/
#right {
	width: 191px;
	float: left;
	margin-left: 21px;
}
#pub {
	margin-top: 25px;
}

#pub #pub_191x415 {
	margin-top: 20px;
}
#label {
	text-align: center;
}

/* tabs.css */
.tabs {

}

#gestion-sinistre .tabs .tab-body .inner h1 
{
	background:transparent url(../../images/auto/tab.arrow.gif) no-repeat scroll 0 0;
	border-bottom:1px solid #D8D9DB;
	color:#809C04;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:20px;
	margin:10px;
	text-indent:20px;
}

#gestion-sinistre .tabs .tab-body .inner h2 
{
	color:#809C04;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:16px;
	margin:10px;
}

.tabs .tabs-list {
	overflow: hidden;
	background: transparent url(../../images/habitation/tab.bg.gif) no-repeat;
	list-style-type: none;
	padding-left: 23px;
	height: 63px;
	width: 528px;
}
.tabs .tabs-list li {
	float: left;
}
.tabs .tabs-list li.on {
	background: transparent url(../../images/habitation/tab.on.124.gif) no-repeat;
	width: 131px;
	height: 63px;
}
.tabs .tabs-list li.off {
	background: transparent url(../../images/habitation/tab.off.124.gif) no-repeat;
	width: 131px;
	height: 63px;
}
.tabs .tabs-list li .tab-label {
	display: block;
	height: 20px;
	margin: 17px auto;
	padding: 13px 13px;
	text-align: center;
	line-height: 13px;
	color: #8a8a8a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
.tabs .tab-body {
	background: transparent url(../../images/habitation/tab.body.gif) repeat-y;
}
.tabs .tab-body .inner {
	margin: 0 6px;
	padding: 10px;
}

.tabs .tab-body .inner h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 10px;
}
.tabs .tab-body .inner .texte {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 20px;
}
.tabs .tab-body .inner dl {
	margin: 0 20px;
}
.tabs .tab-body .inner dt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.tabs .tab-body .inner dt img {
	vertical-align: bottom;
}
.tabs .tab-body .inner dd {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 12px;
	color: #373838;
}
.tabs .tab-body .inner table, table.gen {
	border-collapse: collapse;
	border: 1px #c8c8c8 solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: auto;
}
.tabs .tab-body .inner table, table.pca {
	border-collapse: collapse;
	border: 1px #c8c8c8 solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: auto;
	width: 88%;
	border-width: 1px;
}
.tabs .tab-body .inner table {
	width: 470px;
}

.tabs .tab-body .inner td.fourchette {
	width: 70px;
}
.tabs .tab-bottom {
	background: transparent url(../../images/habitation/tab.bottom.gif) no-repeat;
	height: 7px;
	width: 551px;
}


/* popups divers du site */
.popup_cover {
    display: none; /*sorry for IE5*/
    position: absolute; /*must have*/
    filter: mask(); /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
    top: 0;
    left: 0;
}
.help_cover {
    display: none; /*sorry for IE5*/
    position: absolute; /*must have*/
    filter: mask(); /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
    top: 0;
    left: 0;
    border: 1px solid red;
}

.error_cover {
    display: none; /*sorry for IE5*/
    position: absolute; /*must have*/
    filter: mask(); /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
    top: 0;
    left: 0;
}

img.imghelp {
	vertical-align: middle;
	cursor: pointer;
}
div.help {
	width: 367px;
	padding-bottom: 14px;
	background: transparent url(../../images/habitation/arrowtooltip.gif) no-repeat bottom center;
	display: none;
}
div.help div.inner {
	border: 1px #bcbcbc solid;
	width: 365px;
	overflow: hidden;
	background-color: white;
}
div.help div.popupTitle {
	overflow: hidden;
	background-color: #f3c200;
	height: 22px;
}
div.help div.inner div.popupTitle h2 {
	background : transparent;
	height: 22px;
	line-height: 22px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	float: left;
	width: 285px;
	margin: 0;
	padding: 0;
}
div.help div.inner div.popupTitle .titPopup {
	background : transparent;
	height: 22px;
	line-height: 22px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	float: left;
	width: 285px;
	margin: 0;
	padding: 0;
}
div.help div.close {
	width: 80px;
	float: left;
	line-height: 22px;
	font-size: 10px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
div.help div.close a {
	color: #ffffff;
	text-decoration: none;
	padding-left: 22px;
}
div.help div.close img {
	vertical-align: middle
}
div.help div.icon {
	width: 115px;
	height: 115px;
	float: left;
	background: transparent url(../../images/habitation/iconhelp.gif) no-repeat center;
}
div.help p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	padding: 10px;
	text-align: justify;
}

img.error {
	cursor: pointer;
}
div.error {
	width: 367px;
	padding-bottom: 14px;
	background: transparent url(../../images/habitation/arrowtooltip.gif) no-repeat bottom center;
	display: none;
}
div.error div.inner {
	border: 1px #bcbcbc solid;
	width: 365px;
	overflow: hidden;
	background-color: white;
}
div.error div.inner div.popupTitle {
	overflow: hidden;
	background-color: #d60014;
	height: 22px;
}
div.error div.inner div.popupTitle h2 {
	background: none;
	height: 22px;
	line-height: 22px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	float: left;
	width: 305px;
	margin-left:0;
	padding-left:0;
}
div.error div.inner div.popupTitle div.close {
	width: 60px;
	float: left;
	line-height: 22px;
	font-size: 10px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div.error div.inner div.popupTitle div.close a {
	color: #ffffff;
	text-decoration: none;
}
div.error div.inner div.popupTitle div.close img {
	vertical-align: middle
}
div.error div.icon {
	width: 115px;
	height: 115px;
	float: left;
	background: transparent url(../../images/habitation/iconerror.gif) no-repeat center;
}
div.error p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	padding: 10px;
	text-align: justify;
}

div.infos {
	width: 367px;
	padding-bottom: 14px;
	background: transparent url(../../images/habitation/arrowtooltip.gif) no-repeat bottom center;
	display: none;
}
div.infos div.inner {
	border: 1px #bcbcbc solid;
	width: 365px;
	overflow: hidden;
	background-color: white;
}
div.infos div.popupTitle {
	overflow: hidden;
	background-color: #005bd6;
	height: 22px;
}
div.infos h2 {
	height: 22px;
	line-height: 22px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	float: left;
	width: 285px;
}
div.infos div.close {
	width: 80px;
	float: left;
	line-height: 22px;
	font-size: 10px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div.infos div.close a {
	color: #ffffff;
	text-decoration: none;
}
div.infos div.close img {
	vertical-align: middle
}
div.infos div.icon {
	width: 115px;
	height: 115px;
	float: left;
	background: transparent url(../../images/habitation/iconinfo.gif) no-repeat center;
}
div.infos p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	padding: 10px;
	text-align: justify;
}
#divActiverJavascript {
	position:absolute;
	background-color:white;
	border:1px solid #BCBCBC;
	overflow:hidden;	
    left: 50%; 
    top: 50%;
    width: 300px;
    height: 150px;
    margin-top: -75px; /* moitié de la hauteur */
    margin-left: -150px; /* moitié de la largeur */ 
	}

#divActiverJavascript .popupTitle {
	background-color:#D60014;
	height:22px;
	overflow:hidden;
}
#divActiverJavascript .popupTitle p {
	color:#FFFFFF;
	float:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	height:22px;
	line-height:22px;
	text-align:center;
	width:300px;
	padding:0;
}
#divActiverJavascript div.icon {
	background:transparent url(../../../images/habitation/iconerror.gif) no-repeat scroll center;
	float:left;
	height:115px;
	width:115px;
}
#divActiverJavascript p {
	color:#7D7D7D;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:10px;
}

/* formulaires */
.form {
	width : 765px;
}

/* Entête formulaire */
.form .header {
	width: 100%;
	height: 100px;
	overflow: hidden;
}
.formheader_rouge {
	width: 100%;
	height: 100px;
	background: transparent url(../../images/auto/formtitle_rouge.gif) no-repeat;
	overflow: hidden;
}
.formheader_ident {
	width: 100%;
	height: 99px;
	background:transparent url(../../images/espace-client/formtitle_sspub.gif) no-repeat scroll 0 0;
	overflow: hidden;
	text-indent: -9000px;
}

input#confirmerIdent {
	background:transparent url(../../images/assurance/confirmer.gif) no-repeat scroll 0 0;
	border-width:0;
	height:44px;
	width:125px;
}

.retrievePwdIdent a {
	color: #2D93D6;
}

.form .header .steps {
	display: inline;
	text-align: center;
	width : 267px;
	height: 30px;
	float: left;
	color: #095774;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 70px;
	margin-left: 315px;
}
.form .header .steps img {
	vertical-align: middle;
}
.form .header a {
	display: block;
	width : 180px;
	height: 100px;
	float: left;
}

.formtitle .title_rouge h2 {
	height: 40px;
	line-height: 50px;
	background: transparent url(../../images/habitation/formstep_title.gif) no-repeat 15px bottom;
	color:#BB524D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-left: 35px;
	width: auto;
}


/* Corps formulaire */
.form .body {
	width: 100%;
	background: transparent url(../../images/habitation/formbody.gif) repeat-y;
	font-size: 0;
}

.form .body select {
	border: 1px #cac2c2 solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 250px;
}
.form .body select option {
	padding-left: 2px;
}
.form .body .text {
	width: 244px;
}
.form .body input.text {
	border: 1px #cac2c2 solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
}

.form .body .tel {
	margin-bottom: 4px;
}
.form .body .adr1 {
	margin-bottom: 4px;
}

.form .body .adr2 {
	margin-bottom: 4px;
}

.form .body .Email
{	
	margin-bottom: 4px;
}
.form .body .EmailConf
{
	margin-bottom: 4px;
}
.form .body .cp {
	margin-bottom: 4px;
	width: 70px;
}
.form .body .cp option {
	width: 80px;
}

.form .body input.commune {
	margin-bottom: 4px;
	width: 162px;
}

.form .body select.commune {
	margin-bottom: 4px;
	width: 170px;
}
.form .body .commune option {
	width: 200px;
}
img.ajaxwait {
	position: relative;
	top: -20px;
}
.form .body .date {
	width: 50px;
}
.form .body .datepickertype {
	width: 225px !important;
}
.form .datepickertype + img {
	cursor: pointer;
}

.form .body ul {
	list-style-type: none;
	padding-top: 10px;
	margin-left: 7px;
	margin-right: 7px;
}

.form .body ul li {
	overflow: hidden;
	padding: 10px 0 10px 10px;
}
.form .body ul li h2 {
	margin-left: 0px;
}

.form .body label.question {
	width: 410px;
	margin-left: 6px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	float: left;
}

.form .body div.field {
	width: 270px;
	font-size: 12px;
	padding-left: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
}

.form .body div.field label {
	display: inline-block;
}

.form .body div.validate {
	float: left;
	display: inline;
	width: 15px;
}
.form .body .row1 {
	background-color: #efeef5;
}
.form .body .row2 {
	background-color: #f6f5fa;
}

.form .body .explain {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}
.form .body .explain a {
	font-size: 10px;
}

/* pavés affichés sur click lien "savoir plus" */
.form .body a.savoir-plus {
	display: inline;
}
.form .body .savoir-plus {
	display: none;
	float:none;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
}
.form .body .savoir-plus p {
	width : 650px;
	margin-bottom : 10px
}
.form .body .savoir-plus ul {
	margin-top: 0;
	padding-top: 0;
}
.form .body .savoir-plus ul li {
	width : 650px;
	margin-top: 0;
	padding-top: 0;
}


/* Pied formulaire */
.form .footer {
	width: 100%;
	height: 6px;
	background: transparent url(../../images/habitation/formfooter.gif) no-repeat;
}

/* Boutons */
.un-bouton, .deux-boutons, .trois-boutons {
	clear: left;
	overflow: hidden;
	height: 60px;
	line-height: 60px;
}
.un-bouton {
	text-align: center;
}
.un-bouton input, .deux-boutons input, .trois-boutons input {
	cursor: pointer;
}
.deux-boutons input, .trois-boutons input {
	float: left;
}
#qClient .PaveAvantagesClient {
	display: none;
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 10px 10px 10px;
	border: dashed #aaa 1px;
	background: #fff;
	width: 700px;
	margin-top: 25px;
	margin-left: 5px;
}
#qClient .PaveAvantagesClient p {
	clear: both;
	margin-top: 6px;
}
#qClient .PaveAvantagesClient p strong {
	font-weight: normal;
}
#qClient .PaveAvantagesClient p em {
	font-size: 12px;
	font-style: normal;
	color: red;
}
#qClient .PaveAvantagesClient p em a {
	color: red;
}

#connexion input#numero {
		
}
#connexion input#refOK {
	width: 81px;
	height: 27px;
	background: transparent url(../../images/espace-client/modifier.gif) no-repeat;
	border-style: none;
	cursor: pointer;
	vertical-align: bottom;
}
#connexion .PaveAvantagesClient {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height: 16px;
	padding: 10px 10px 2px;

}
#connexion .PaveAvantagesClient strong {
	font-size:12px;
}
#connexion .PaveAvantagesClient a {
	color: #2D93D6;
}
#connexion .PaveAvantagesClient p {
	padding-top: 6px;
}
input#retour {
	height: 44px;
	width: 125px;
	background: transparent url(../../images/assurance/bouton.retour.gif) no-repeat;
	border-width: 0;
}
input#confirmer {
	height: 44px;
	width: 125px;
	background: transparent url(../../images/assurance/bouton.confirmer.gif) no-repeat;
	border-width: 0;
}
.deux-boutons #retour {
	margin-left: 385px;
	margin-right: 10px;
}
.trois-boutons #retour {
	margin-left: 285px;
	margin-right: 10px;
}
