/* CSS Document */
body, div, hr, p, ul, li, h1, h2, h3, h4, img, ol, dl, dt, dd, fieldset, legend {padding:0; margin:0;}
body { background-color:#524949; width:771px; margin-left:auto; margin-right:auto; text-align:center; font-family:Arial, Helvetica, sans-serif; border-left:1px solid #000; border-right:1px solid #000; }
#hautpage {width:771px; padding-top:10px; background-color:#fff; border-bottom:1px solid #000; text-align:left; color:#524949; }
#pisano img { padding:0 20px 0 10px; vertical-align:middle; }
#pisano {float:left; width:600px; font-size:16px; line-height:18px; font-family:GillSans, Helvetica, Arial, sans-serif; font-weight:bold; padding-bottom:5px; }
#print {float:left;  margin-top:10px;   } 
#print a { display:block; color:#524949; text-decoration:none; padding-left:30px; background:#fff url(../img/icones/icone-print.gif) 0 50% no-repeat; font-size:11px; line-height:18px; }
#print a:hover { color:#eb570d; }
/* Entete de page */
#entete {width:771px; background-color:#fff; height:165px; text-align:left; font-family:GillSans, Arial, Helvetica, sans-serif;}
#menu {width:216px; text-align:left; float:left; background: url(../img/fond/bg-menu.jpg) 0 0 repeat; font-size:16px; }
#menu li {list-style-type:none; border-bottom:1px solid #fff; }
#menu li a {line-height:29px; text-decoration:none; color:#fff; display:block; width:100%; height:29px; border-right:6px solid #524949;  }
#menu li a:hover, #menu li a.active { background: url(../img/fond/bg-bouton-over.jpg) 0 0 no-repeat; border-right:6px solid #eb570d; }
#menu li.nobord {border-bottom:0;}
a span.puce {color:#524949; padding-left:10px; }
a:hover span.puce, a.active span.puce {color:#eb570d;}

#headflash {width:548px; height:149px; background-color:#ccc; float:right; }
h1 {height:18px; font-size:14px; border-top:1px solid #000; background: url(../img/fond/bg-h1-pisano-assurances.jpg) 0 0 no-repeat; text-align:left; text-indent:-3000px; clear:both;}
/* pied de page */
#pied { width:771px; background: url(../img/fond/bg-menu.jpg) bottom left repeat; height:40px; color:#fff; font-size:11px; text-align:left; clear:both; border-bottom:1px solid #000; }
#pied p {float:left;}
#pied a { color:#fff; text-decoration:none;}
#pied a:hover {color:#524949;}
#mentions { width:640px; padding:5px 0 0 5px;}
#rea {text-align:right; padding:15px 0 0 10px;}

/* Elements communs de mise en page */
.nof {clear:both; visibility:hidden; }
.rouge {color:#cf3736;}
.vert {color:#5a9c33;}
.violet {color:#743592;}
.orange {color:#eb570d;}
.ferme {  vertical-align:text-top;  } /* pour illustration guillements fermants */
a.plus {display:block; padding:5px 10px 0 0; text-decoration:none; color:#eb570d; text-align:right; }
a.plus:hover {color:#524949;}
a.lienPdf { background:url(../img/icones/ico-pdf.gif) 0 0 no-repeat; padding-left:40px; display:block; }

#conteneur { width:771px; background: url(../img/fond/bg-pisano-assurances.gif) 0 0 repeat-y; text-align:left; }
#page { width:570px; float:left; margin:20px 0 20px 20px; font-size:11px; display:inline;  }  /*inline pour fixer bug doubles marges IE */

/* titres avec arrière plan rouge ombré */
#page h2 { font-size:12px; background: url(../img/fond/bg-titres-pisano-assurances.gif) top right no-repeat; height:29px; line-height:20px; color:#fff; }
#page h2 img {float:left;} /* pour les flèches blanches des titres */
/* autres titres */
#page h3 { font-size:12px; padding:10px 10px 0 10px;   }
#page h4 { font-size:12px; padding:10px 0 0 10px; }

#page p { padding:10px 10px 0 10px; text-align:justify; }
#page ul { padding:5px 0 0 30px; }
#page p a, #page ul li a, #page ol li a { color:#000; }
#page p a:hover, #page ul li a:hover, #page ol li a:hover {color :#cf3736; }
#page .centre {margin-top:10px; text-align:center;}

/* mise en page 2 colonnes dans la zone page */
.colonne-g {clear:left; float:left; width:260px; margin-left:10px; padding-bottom:20px; display:inline; }
.colonne-d {float:left; width:260px; margin-left:20px; padding-bottom:20px; display:inline; }

ul.aere li { margin:8px 0 0 0; }

/* mise ne page 3 colonnes dans la zone page */
.tiers-g {clear:both; float:left; width:170px; margin-left:10px; padding-bottom:20px; display:inline;  }
.tiers-d {float:left; width:170px; margin-left:10px; padding-bottom:20px; display:inline; }
#page .tiers-g h3, #page .tiers-d h3 {background:url(../img/icones/esa.gif) 0 0 no-repeat; padding:5px 0 5px 30px; color:#eb570d; }

/* mise en page un seul bloc en longueur avec image à droite */
.bloc-large {float:left; width:530px; margin-left:10px; padding-bottom:20px; }
.ifright { float:right; padding:8px 8px 0 30px;}

.ifleft {float:left; padding:2px 20px 10px 8px;}
.icentre { margin-left:10px; }


/* à voir avec illustration concercnée */
.bloc-large-ill {float:left;  width:530px; margin-left:10px; padding-bottom:20px; background: url(../img/illustrations/ill-poignee-mains.jpg) -30px 0 no-repeat; }
.bloc-large-ill p {width:300px; }

/* mise en page type bloc gris */
.bloc-gris-g { clear:left; float:left; width:250px; margin-left:10px; padding-bottom:20px;  }
.bloc-gris-d { float:left; width:250px; margin-left:20px; padding-bottom:20px;  }
.bloc-gris-g img, .bloc-gris-d img { width:250px; border-bottom:1px solid #000;}
.bloc-gris-g p, .bloc-gris-d p { margin-top:-3px; border-left:17px solid #5b565d; }
.bloc-gris-g a.plus, .bloc-gris-d a.plus {border-bottom:1px solid #000; border-left:17px solid #5b565d; padding-bottom:10px; }

/* Colonne bon à savoir */
#bonasavoir { float:left; text-align:left; width:145px; margin:10px 0 20px 32px;  font-size:11px; background: url(../img/fond/bg-bon-a-savoir.gif) 0 0 no-repeat; padding-top:50px; }
#bonasavoir.lesbreves { background:url(../img/fond/bg-bon-a-savoir.gif) 0 0 no-repeat;}
#bonasavoir.lexique { background: url(../img/fond/bg-lexique.gif) 0 0 no-repeat;}
#bonasavoir h2 { color:#eb570d; font-size:12px; margin-top:15px; padding:0 0 0 15px; background: url(../img/icones/puce-breve.gif) 3px 2px no-repeat; }
#bonasavoir p {padding:0 5px 0 15px;  }

/* garanties */
ol { margin-left:30px;}
ol li {margin-top:5px;}
h3.gar { cursor: help;}
#garanties0, #garanties1, #garanties2, #garanties3, #garanties4, #garanties5, #garanties6, #garanties7 { display:none; cursor:pointer; border-left:5px solid #eb570d; margin-left:10px; background-color:#feeee3; padding-bottom:10px; width:95%;}

/* formulaires */
form { clear:both; width:520px; margin-left:20px;}
label { display:block; width:100px; float:left; text-align:right; padding-right:10px; margin-left:50px; }
fieldset {background-color:#feeee3; border:0; display:block; margin-top:10px; padding-bottom:10px; }
legend { font-size:12px; font-weight:bold; color:#eb570d; padding-left:5px; }
#encours label{width:260px;}
#assureur p { padding-left:30px; width:220px; float:left; }
form p#oblig {clear:both; text-align:right; color:#CC0000; font-style:italic; }
.err {color:#f00;}
.conf {clear:both; background-color:#feeee3; width:520px; margin-left:20px;  }
.conf p { padding-left:30px; float:left; }
.conf a { width:270px; float:left; padding-top:10px; background-position:0 10px; color:#000; text-decoration:none;  }
.conf a:hover { text-decoration:underline;}
#btnEnvoyer { margin-left:20px; }

#errors_form { background-color: #FEEEE3; border:0; clear: both; display:block; margin-top:10px; padding-bottom:10px; width:520px; }
#errors_form h3 { color:#f00; font-size:14px; }
#errors_form .form_error { padding-left: 30px; padding-top: 5px; }

.download a {
background-position:0pt 20px;
color:#000000;
float:left;
padding-top:15px;
text-decoration:underline;
width:270px;
}