body, html {
   	/* pour corriger le bug de centrage IE */
    text-align: center; 
    /* pour corriger le bug des marges dans firefox */
	margin:0px;
    padding:0px;
    height:100%;
	font-size:12px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p
{
	margin:0;
	padding: 6px 0px 6px 0px;	
}

html{
	overflow-x: auto; 
	overflow-y: scroll; 
}


object {
	margin:0px;
    padding:0px;
}

radio {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

textarea {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

title {
	font-size:1.4em;
	color: #FED11E;
	font-style : italic;
	background-color: transparent;
}

#content {
	text-align: center;
	width: 770px;
	margin: 0 auto;
	background-color: #FFF;
}

.breadCrumb
{
	text-align: left;
	padding: 0 0 0 3px;
	font-size: 10px;
	float: left
}

.RectArron{
	/*font-size:1em;*/
	font-weight : bold;
	color: #000000;
}

.RectArronMax{
	font-size:1.5em;
	font-weight : bold;
	color: #000000;
}

.impot{
	font-size:15px;
	font-weight : bold;
	color: #F47920;
}

.surtitre1{
	font-size:25px;
	font-weight : bold;
	color: #F47920;
}

.surtitre2{
	font-size:15px;
	font-weight : bold;
	color: #F47920;
}

.surtitre3{
	font-size:12px;
	font-weight : bold;
	color: #F47920;
}

.surtitre4{
	font-size:10px;
	font-weight : bold;
	color: #F47920;
}

label {
	/*width: 100px;
	float: left;
	display: block;*/
}

label.contact {
	width: 250px;
	display: block;
	float: left;
}

#formbutton {
	margin-left: 100px;
}

.li {
	font-size: 12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*
*	Formulaires
*/
#form {
	 padding:  0px 6px 0px 6px;
	 margin: 0;
	 text-align: left;
}

#form p{
	display: block;
	clear: both;
	margin: 2px 0;
	padding: 0;
}

#form
textarea,
#surname, #firstname, #profession, #dateDe, #dateNaissance, #codePostal, #superficie, #codePostalCab,
#surnameConjoint, #firstnameConjoint, #dateNaissanceConjoint, #ville, #telBureau, #dateEffetRC, #dateEffetSante,
#surnameEnfant1, #surnameEnfant2, #surnameEnfant3, #surnameEnfant4, #surnameEnfant5, #surnameEnfant6, 
#surnameEnfant7, #surnameEnfant8, #surnameEnfant9, #surnameEnfant10, #firstnameEnfant1, #firstnameEnfant2,
#firstnameEnfant3, #firstnameEnfant4, #firstnameEnfant5, #firstnameEnfant6, #firstnameEnfant7, #firstnameEnfant8,
#firstnameEnfant9, #firstnameEnfant10, #villeCab, #nom, #nomNovanet, #numClientNovanet, #dateEffet,
#dateNaissanceEnfant1, #dateNaissanceEnfant2, #dateNaissanceEnfant3, #dateNaissanceEnfant4, #dateNaissanceEnfant5, 
#dateNaissanceEnfant6, #dateNaissanceEnfant7, #dateNaissanceEnfant8, #dateNaissanceEnfant9, #dateNaissanceEnfant10,
#telPortable, #telDomicile, #retraiteMens, #cotMens, #email, #caBrutAn, #objet, #numSS, #numSSConjoint, #nomSCI,
#montantGaranti, #optionPertExplCABrutAn, #autreQualiteOccupCab, #autreProtectVol, #numSSEnfant1, #numSSEnfant2,
#numSSEnfant3, #numSSEnfant4, #numSSEnfant5, #numSSEnfant6, #numSSEnfant7, #numSSEnfant8, #numSSEnfant9, #numSSEnfant10,
#codeOrgSS, #codeOrgSSConjoint, #codeOrgSSEnfant1, #codeOrgSSEnfant2, #codeOrgSSEnfant3, #codeOrgSSEnfant4, 
#codeOrgSSEnfant5, #codeOrgSSEnfant6, #codeOrgSSEnfant7, #codeOrgSSEnfant8, #codeOrgSSEnfant9, #codeOrgSSEnfant10,
#emplacementCabAutre, #dateEffetDependance, #capitalFractureAutre, #indemnHospiAutre, #capitalDecesAutre, #renteDepAutre,
#dateDebutDevis, #dateFinDevis, #immatVehicule, #marqueVehicule, #typeVehicule, #num_novanet, #professionConjoint, #ecole
{
	width: 203px;
}

#form #kineselect, #recommandation, #adhSynd, #statut, #nbdepKids, #contratSelect,  #typeRc, #niveauGarantie,
#sexeEnfant1, #sexeEnfant2, #sexeEnfant3, #sexeEnfant4, #sexeEnfant5, #sexeEnfant6, #sexeEnfant7, #sexeEnfant8, #sexeEnfant9, #sexeEnfant10,
#document, #emplacementCab, #qualiteOccupCab, #sci, #sciGerant, #optionMatPortable, #optionPertExpl, #numSSConjointSelect, #rattachementNumSSEnfants1, #rattachementNumSSEnfants2,
#rattachementNumSSEnfants3, #rattachementNumSSEnfants4, #rattachementNumSSEnfants5, #rattachementNumSSEnfants6, #rattachementNumSSEnfants7, #rattachementNumSSEnfants8, #rattachementNumSSEnfants9, 
#rattachementNumSSEnfants10, #sexe, #numSSConjointRattacht, #loiMadelin, #loiMadelinConjoint, #sexeConjoint, #loiMadelinEnfant1, #loiMadelinEnfant2, #loiMadelinEnfant3,
#loiMadelinEnfant4, #loiMadelinEnfant5, #loiMadelinEnfant6, #loiMadelinEnfant7, #loiMadelinEnfant8, #loiMadelinEnfant9, #loiMadelinEnfant10,
#niveauGarantieDependance, #capitalFracture, #indemnHospi , #capitalDeces, #renteDep, #loiMadelinDependance,
#loiMadelinDependanceConjoint, #typeContrat, #itmp, #statutProf
{
	width: 209px;
}


.asterix {
	color:  #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	float: left;	
}

.noasterix {
	color:  #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	float: left;
}

.fieldUnit{
	color:  #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	
}

#form label
{
	display: block;
	width: 250px;
	float: left;
	padding-right: 10px;
	text-align: left;
	line-height: 20px
}

#form .buttonRadioHorizontal
{
	display: block;
	width: auto;
	float: left;
	padding:  0px 3px 0px 0px;
}

#form .buttonRadioHorizontal input.error {
	background: white;
	border: white;
	color: green;
}
#form .buttonRadioVertical input.error {
	background: white;
	border: white;
	color: green;
}

#form .button {
	float: right;
	margin: 0 15px 15px 0;
}

.chapeau {
	text-align: left;
	padding: 6px;
}

.text {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.titreProduit {
	color:#000000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.tableau1 {
	border-left: 1px solid;
	border-top: 1px solid;
	border-color:  #ff850c;
	border-bottom:0;
	border-right:0;
	width: 100%;
}

.tableau1 th, .tableau1 td {
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color:  #ff850c;
	border-left:0;
	border-top:0;
	text-align: center;
	padding: 3px;
}

.comment {
	color:#7f9db9;
	font-size:9px;
	font-weight:bold;
}

.titreEncadre {
	background-color: #f47920;
	margin: -6px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}

.liste li, .infobox .body .liste ul{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 100%;
  color: black;
  margin-left: 25px;
  display: list-item;
  list-style-image: url(/images/puceOrange.png);
}

.liste li:hover{
  background-color: transparent;
  color: black;
}

#boutton {
	border-color:  #000000; 
}

#boutton a:hover {
  background-color: #F47920;
  border-color:  #000000; 
}

#boutton a:link {
   font-size: 12px;
   font-weight: normal;
   font-variant: small-caps;
   text-align: center;
   background-color: #FFFFFF;
   width: 120px;
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid;
   border-color: #000000; 
}

#boutton a:active {
   background-color: #333333;
   width: 120px;
   border-color: gray; 
}

#boutton a:visited {
   font-size: 12px;
   font-weight: normal;
   font-variant: small-caps;
   text-align: center;
   width: 120px;
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid;
   border-color: gray; 
}

.message_blank {
	font-size:13px;
	font-weight : bold;
	color: #black;
	border: 1px solid gray;
	width: 400px;
	/*height: 130px;*/
	padding: 6px;
	background-color: #EEEEEE;
}

a:link {
	text-decoration:none;
	color:#000000;
}

a:hover {
	text-decoration:none;
	color: #F47920;
}

a:visited {
	text-decoration:none;
	color:#000000;
}

a:active {
	text-decoration:none;
	color:#000000;
}

.emailLink:link, .emailLink:visited {
	text-decoration:none;
	color: #000000;
}

.emailLink:hover, .emailLink:active {
	text-decoration:none;
	color: #F47920;
}



li a:hover {
	text-decoration:none;
	color: white;
}

#mainaccueil a:link
{
	text-decoration:none;
	color:#000000;
}

#mainaccueil a:hover
{
	text-decoration:none;
	color:#FFFFFF;
}

#mainaccueil a:active
{
	text-decoration:none;
	color:#515151;
}

/*menus showmenu*/

div#menuhautpage { 
  width:100%;
  display: block;
  border-left: 1px solid #F47920;
  height:12px; 
  text-align: center;
}

div#menuhautpage .nav {
	font-size: 10px;
}

.nav a:hover, li:hover {
	background-color: #F47920;
	color: #ffffff;
}

.nav li {
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
	border-right: 1px solid #F47920;
	padding-left: 4px;
	padding-right: 4px;	
}

.nav li li a {
	display: block;
}

.nav img {
	vertical-align: bottom;
	margin-right: 2px;
}

.nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	border: solid 1px #979797;
	left: -1px;
}

.nav li li {
	display: block;
	float: none;
	background-color: transparent;
	padding: 0px;
	border: 0px;
	white-space: nowrap;
}

.nav li:hover ul, li.over ul {
	display: block;
}

/*menu bas de page*/

.mainlevel {
	color: #ffffff;
	font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	white-space: nowrap;
	border-right: 1px solid #F47920;
  	position:relative;
  	display:block;
}

ul#mainlevel-nav li.firstCell {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	white-space: nowrap;
	border-left: 1px solid #F47920;
}

ul#mainlevel-nav li a {
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
	background: transparent;
}

ul#mainlevel-nav li a:hover {
	color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
	background: #F47920;
	display: block;
}

ul#mainlevel-nav li a.invisible {
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	white-space: nowrap;
	color: #ffffff;
	background: transparent;
}

ul#mainlevel-nav li a.invisible:hover {
	cursor : default;
	color: #eeeeee;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
	background: #ffffff;
}

.contentheading {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:800;
	background-color:#F47920;
	height :30px;
	text-align:center;
	vertical-align:middle;
}

h1 {
	margin-top:0;
	margin-bottom:0;	
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:800;
	
}

.contentpaneopen {
	width:100%;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.formCell {
	text-align: left;
	vertical-align: middle;
	height: 25px;
	/*white-space:  nowrap;*/
}

.contentpane {
	width:100%;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #7f9db9;
	background-color: #ffffff;
}

#RCP, #RCPPJVP, #RCPPJ,  #RCPJSNMKR, #confiance, #serenite, #premium, #volets, #persiennes, #alarme, #serrurSurete, .error {
	background-color: white;
	border: white;
}

.loginInputBox {
	padding: 1px;
	border:solid 1px #979797;
	background-color: #ffffff;
}

.sectiontableheader {
	background: #ffffff;
}

#zenTRG_messages {
	border: 1px solid #528489;
	margin-bottom:10px;
}

#zenTRG_messages .t0 {
	background: #FFEEEE;
}

#zenTRG_messages .t1 {
	background: #FFFFEE;
}

#zenTRG_messages .t2 {
	background: #EEEEFF;
}

#filAriane {
	
}

#filAriane ul {
	list-style:none;
}

#filAriane ul li {
	display:inline;
	padding-left: 1em;
	background: url(images/arrow_right.gif) no-repeat;
}

div.calendarWrapper {
	position: absolute;
	z-index: 1000;
	display: none;
}

/* HACK IE 6 */
div.calendarWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 300px;
	height: 300px;
}

div.calendarWrapper table.calendar {
	border-collapse: collapse;
	border: 1px solid gray;
}

div.calendarWrapper table.calendar thead {
	background: #a0a0a0;
}

div.calendarWrapper table.calendar thead img {
	cursor: pointer;
}

div.calendarWrapper table.calendar thead td.dateSelectors {
	white-space: nowrap;
}

div.calendarWrapper table.calendar .days td {
	padding: 2px 4px;
	background: #bacfe8;
	color: black;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.calendarWrapper table.calendar thead .close {
	text-align: right;
	line-height: 10px
}

div.calendarWrapper table.calendar thead table {
	width: 100%;
}

div.calendarWrapper table.calendar thead table td {
	border: 0;
	text-align: center;
}

div.calendarWrapper table.calendar .dayList td {
	background: white;
	padding: 2px 4px;
	cursor: pointer;
	color: #505050;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.calendarWrapper table.calendar .dayList td.today {
	background: #ffffc0;
}

div.calendarWrapper table.calendar .dayList td.current {
	font-weight: bold;
	border: 1px solid #ff8400;
	padding: 1px 3px;
}

div.calendarWrapper table.calendar .dayList td.outOfRange {
	text-decoration: line-through;
}

div.calendarWrapper table.calendar .dayList td:hover {
	background: #e0eaf4;
	color: black;
}

.formError {
	/*display: block;*/
	font-size: 10px;
	color: #cc0000;
	/*vertical-align: middle;
	height: 25px;*/
	padding-left: 4px;
}

.formInfos {
	padding-right: 8px;
	font-size: 10px;
	
}

.spaceInfosForm{
	display:block;
	float:left;
	width:24px;
}

.error {
	background-color: #f5c9c9;
	padding: 2px;
	border:solid 1px #7f9db9;
	color: #cc0000;
}

img {
	border: 0;
}

ul, .infobox .body .liste ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*###################################################################################*/
/*#######                                                                    ########*/
/*#######            *******CSS - Liste des villes Ajax******                ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

.cityListArea {
	position: absolute;
}

.cityListArea select.cityList {
    position: absolute;
    top: 0;
    display: none;
    height: 80px;
}

.prlvt {
	border-style:solid;
	border-width:1px;
	border-color:black;
}

/*###################################################################################*/
/*#######                                                                    ########*/
/*#######            *******CSS - Boites infos******                         ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

.infobox {
	margin-right: 0px;
}


.infobox .body {
	display: none;
  	font-size: 12px;
  	color: black;
  	padding:0px 0px 0px 0px;
  	margin-top: 5px
}

.infobox .title {
  	font-size: 11px;
	color: #000000;
  	cursor:pointer;
  	margin-top: 5px;
}

.toggleImage {
	vertical-align: middle;
}

.synthese {
	border-collapse:	collapse;
	width:100%;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.synthese thead th {
	background-color: #979797;
	border:solid 1px #000000;
	text-align : left;
	font-style : normal;
	color:#cc0000;
}

.synthese tbody td {
	background-color: #eeeeee;
	border:solid 1px #000000;
	text-align : right;
	padding:1px;
}

.synthese .titre {
	font-weight: bold;
	color: #ffffff;
	background-color: #515151;
	border:solid 1px #000000;
	text-align : right;
	white-space:nowrap;
}

.synthese .total {
	font-weight: bold;
	color: #cc0000;
	background-color: #979797;
	border:solid 1px #000000;
	text-align : right;
	white-space:nowrap;	
}

.synthese .chiffres td {
	background-color: #ffffff;
	border:solid 1px #000000;
	text-align : right;
	white-space:nowrap;	
}

/*###################################################################################*/
/*#######                                                                    ########*/
/*#######            *******CSS - helper Tooltip******                       ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

span.tooltip em {
    display:none;
}
span.tooltip:hover {
    cursor:pointer;
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
span.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:200px;
}
span.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(/images/infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}
/*###################################################################################*/
/*#######                                                                    ########*/
/*#######            *******CSS - Menus alternatif flash******               ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

a.alternatifMenuBtretraite  {
	width: 65px;
	height: 32px;
	background :url(/images/menuHTML/boutonRetraite.png);
	border: 0;
	display:block;
	background-repeat: no-repeat;
}

a.alternatifMenuBtretraite:hover
{
	background:url(/images/menuHTML/boutonRetraiteOver.png);
}

a.alternatifMenuBtPrevoyance  {
	width: 83px;
	height: 32px;
	background :url(/images/menuHTML/boutonPrevoyance.png);
	border: 0;
	display:block;
	background-repeat: no-repeat;
}

a.alternatifMenuBtPrevoyance:hover
{
	background:url(/images/menuHTML/boutonPrevoyanceOver.png);
}

a.alternatifMenuBtSante  {
	width: 47px;
	height: 32px;
	background :url(/images/menuHTML/boutonSante.png);
	border: 0;
	display:block;
	background-repeat: no-repeat;
}

a.alternatifMenuBtSante:hover
{
	background:url(/images/menuHTML/boutonSanteOver.png);
}

a.alternatifMenuBtRc  {
	width: 158px;
	height: 32px;
	background :url(/images/menuHTML/boutonRc.png);
	border: 0;
	display:block;
	background-repeat: no-repeat;
}

a.alternatifMenuBtRc:hover
{
	background:url(/images/menuHTML/boutonRcOver.png);
}

a.alternatifMenuBtMultirisque  {
	width: 83px;
	height: 32px;
	background :url(/images/menuHTML/boutonMultirisque.png);
	border: 0;
	display:block;
	background-repeat: no-repeat;
}

a.alternatifMenuBtMultirisque:hover
{
	background:url(/images/menuHTML/boutonMultirisqueOver.png);
}

a.alternatifMenuBtContact  {
	width: 64px;
	height: 32px;
	background :url(/images/menuHTML/boutonContact.png);
	border: 0;
	display:block;
	background-repeat: no-repeat;
}

a.alternatifMenuBtContact:hover
{
	background:url(/images/menuHTML/boutonContactOver.png);
}