/* CSS Document */

p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
	font-size: 100%;
}


.ccc {background:url(../images/css/center-contrat.gif) left top repeat-y; width:730px;}
.cct {background:url(../images/css/top-contrat.gif) left top no-repeat;}
.ccb {background:url(../images/css/bt-contrat.gif) left bottom no-repeat; padding:0px 10px;}
* html .ccb {height:1%;}
*:first-child+html .ccb {height:100%;}
.ccb:after {content:"."; display:block;	height:0; clear:both; color:#FFFFFF;}

.txt {
	font-size: 80%;
	color: #0B004A;
	padding: 10px 5px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}


.maj {float:left; color:#464A92; font-size:70%; margin:5px 10px;}

.formongl {}
* html .formongl {height:1%;}
*:first-child+html .formongl {height:100%;}
.formongl:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}

.formongl div.gauche {
	width:100%;
	margin-bottom:15px;
}
.formongl fieldset{
	border:none;
	margin:0;
	padding:6px 5px 6px 12px;
}
.formongl div.gauche fieldset{

}
.formongl div.droite fieldset{
	padding:6px 5px 6px 12px;
}
.formongl div.droite p{
	padding:0px 0px 0px 7px;
}
.formongl div.droite input, .formongl div.droite select, .formongl div.droite textarea {
	width:220px;
}
.formongl div.droite div.radio, .formongl div.droite div.checkbox{font-size:70%; float:left; margin:2px 0; _margin:0;}
.formongl div.droite div.radio input, .formongl div.droite div.checkbox input {width:auto; margin-bottom:5px; _margin-bottom:0; vertical-align:middle;}
.formongl div.droite {
	width:90%;
	float:left;
	margin-bottom:15px;
}
.formongl label {
	display:block;
	color:#0B004A;
	font-size:70%;
	padding:2px 5px 0px 0px;
}
.formongl p {
	clear:both;
	margin:3px 0 0 0;
}
.formongl p.plus {
	margin-bottom:10px;
}
.formongl div.gauche label {
	width:180px;
	float:left;
	text-align:right;
}

#jour,#Mois,#Annee,#lab1{
	width:80px;
	}

.formongl div.gauche input, .formongl div.gauche textarea {
	width:300px;
}

.formongl div.gauche em{
	font-size:70%;
	font-style:normal;
	color:#0B004A;
	width:280px;
	text-align:right;
}

#JourN ,#MoisN, #AnneeN, #AnneeA, #AnneeR,#indice,#isAdhrent ,#noAdhrent,#status1,#status2,#status3,#JourNC,#MoisNC,#AnneeNC,
#Offre1 ,#Offre2, #Offre3,#calculdevis{
	width:50px;
}

.formongl div.gauche div.radio, .formongl div.gauche div.checkbox {font-size:70%; float:left; margin:2px 0; _margin:0;}
.formongl div.gauche div.radio input, .formongl div.gauche div.checkbox input {width:auto; margin-bottom:5px; _margin-bottom:0; vertical-align:middle;}
.formongl legend {
	background:#E3E4EE url(../images/css/legend-left.gif) left top no-repeat;
	display:block;
	color:#464A92;
	font-size:90%;
	padding:0;
	margin:0 0 5px 0;
	width:660px;
}
.formongl legend span{
	background:url(../images/css/legend-right.gif) right top no-repeat;
	display:block;
	padding:2px 5px;
	width:660px; _width:650px;
}

*:first-child+html .formongl legend span {width:690px;}

.valider {
	width:auto;
	background:#E3E4EE url("../images/css/bk-valid-left.gif") left top no-repeat;
	clear:both;
	text-align:center;
	margin:0 15px 15px 15px;
}

.valider div {
	background:url("../images//css/bk-valid-right.gif") right top no-repeat;
	padding:2px 0px 6px 0px;
}
*:first-child+html .valider div {padding:2px 0px 6px 0px;}

.valider div input {
	font-size: 70%;
	border: none;
	background-color: #464A92;
	color: #FFFFFF;
	cursor: pointer;
	padding: 3;
	margin: 0;
}

.info {
	font-size:75%;
	font-weight:bold;
	color:#0B004A;
	padding:3px 10px 10px 30px;
	width:80%;
	background:url("../images/css/bk-h2-focus.gif") left top no-repeat;
}

.connexion {
	margin:5px 8px 0 0;
}

.err {
	font-size:75%;
	font-weight:bold;
	color:#0B004A;
	padding:3px 10px 10px 30px;
	width:80%;
	background:url(../images/css/exclam.gif) left top no-repeat;
}

.contrat_onglet {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: -1px;
	margin-left: 10px;
	list-style-image: none;
	list-style-type: none;
}
.contrat_onglet:after{content:"."; display:block;	height:0; clear:both; color:#FFFFFF;}
.contrat_onglet li {
	background:url(../images/css/bk-menu-centre-off.gif) left top repeat-x;
	float:left;
}
.contrat_onglet li p {
	background:url(../images/css/bk-menu-left-off.gif) left top no-repeat;
	padding:5px 0px;
}
.contrat_onglet li p span {
	background:url(../images/css/bk-menu-right-off.gif) right top no-repeat;
	color:#0B004A;	
	font-size:70%;
	padding:5px 0;
}
.contrat_onglet li p span a {
	color:#0B004A;
	
	padding:0 10px;
}
.contrat_onglet li.on {
	background:url(../images/css/bk-menu-centre-on.gif) left top repeat-x;
}
.contrat_onglet li.on p {
	background:url(../images/css/bk-menu-left-on.gif) left top no-repeat;
}
.contrat_onglet li.on p span {
	background:url(../images/css/bk-menu-right-on.gif) right top no-repeat;
	color:#FFFFFF;
	margin-left: 5px;
}
.contrat_onglet li.on p span a {
	color:#FFFFFF;
}

h4 {
	font-weight:bold;
	font-size:80%;
	color:#0B004A;
	margin-bottom:5px;
}

.titresection {
	background-color: #E3E4EE;
	border-bottom: 1px solid #BCBDD7;
	clear: both;
	margin: 0px 10px 0px 0px;
	padding: 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.titresection h4 {
	float: left;
	color: #0B004A;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}
.titresection a {
	display:block;
	float:right;
	color:#464A92;
	font-size:80%;
	padding-top:2px;
}
* html .titresection {
	height:1%;
	width: 99%;
}
*:first-child+html .titresection {height:100%;}
.titresection:after {content:"."; display:block;	height:0; clear:both; color:#FFFFFF;}

.detailsection, .detailsection div p {clear:both; margin:0px 0px 2px 0px;}
.detailsection div {width:47%; float:left; padding:8px 5px 20px 5px;}

.detailsection2 p {align:left; color:#464A92; font-size:70%; font-weight:bold; padding:10px 0px 00px 0px;}

/* NDA : styles ajoutes pour l'onglet 4 de la page 'Votre contrat' */
.detailsectiontext p {align:left; color:#0B004A; font-size:80%; font-weight:normal; padding:10px 0px 00px 0px;}
.detailsectiontext img {
	float:left;
	margin:0 10px 10px 0;
}
.detailsectiontext ul
{
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}
.detailsectiontext ul li
{
	color:#0B004A;
	font-size:70%;
	list-style-type:disc;
	list-style-position:outside;
	margin:0;
	padding:0;
}

.detailsectiontext ul ul li
{
	color:#0B004A;
	font-size:100%;
	list-style-type:circle;
	list-style-position:outside;
	margin:0;
	padding:0;
}

.detailsectiontext ul ul ul li
{
	color:#0B004A;
	font-size:100%;
	list-style-type:square;
	list-style-position:outside;
	margin:0;
	padding:0;
}

.detailsectiontext ul li a
{
	color:#0B004A;
	font-weight:bold;
}
.detailsectiontext ul ul
{
	margin:0 0 0 10px;
	padding:0;
}
.detailsectiontext li li
{
	font-size:100%;
	margin:0;
	padding:0;
}
* html .detailsection {height:1%;}
*:first-child+html .detailsection {height:100%;}
.detailsection:after {content:"."; display:block;	height:0; clear:both; color:#FFFFFF;}

* html .detailsection, .detailsection div p {height:1%;}
*:first-child+html .detailsection, .detailsection div p {height:100%;}
.detailsection, .detailsection div p:after {content:"."; display:block;	height:0; clear:both; color:#FFFFFF;}
.detailsection2 p {align:left; color:#464A92; font-size:70%; font-weight:bold; padding:10px 0px 00px 0px;}
.detailsection div p span {
	display:block;
	float:left;
	text-align:right;
	width:110px;
	padding-right:5px;
	color:#0B004A;
	font-size:70%;
}
.detailsection div p strong {
	display:block;
	width:50%;
	float:left;
	color:#0B004A;
	font-size:70%;
}
.detailsection div p span.sstitsection {
	color:#464A92;
	font-size:70%;
	font-weight:bold;
	padding-bottom:5px;
}
.detailsection div p span.sstitsectiondouble {
	width:240px;
	text-align:left;
	color:#464A92;
	font-size:70%;
	font-weight:bold;
	padding-bottom:5px;
}
.tableau {
	border-collapse: collapse;
	border-bottom: 1px solid #464A92;
	font-size: 70%;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

td span {
	display:block;

	padding-right:5px;
	color:#0B004A;
	font-size:100%;

}	

td span  div{
    text-align:right;
}

th {
	color: #0B004A;
	font-family: Arial, Helvetica, sans-serif;
}