/* CSS Document */
body, div, hr, p, ul, h1, h2, h3, img, script, object {padding:0; margin:0;}
body { position:relative; width:771px; margin-left:auto; margin-right:auto; text-align:center; background-color:#524949; font-family:Arial, Helvetica, sans-serif; border-left:1px solid #000; border-right:1px solid #000;}
#hautpage {position:relative; 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:#cf3736; }
/* Entete de page */
#entete {position:relative; width:771px; background-color:#fff; height:165px; text-align:left; font-family:GillSans, Arial, Helvetica, sans-serif;}
#menu {font-family:GillSans, Arial, Helvetica, sans-serif; position:relative; width:216px; text-align:left; float:left; background:url(../img/fond/bg-menu.jpg) 0 0 no-repeat; font-size:16px;  }
#menu li {list-style-type:none; border-bottom:1px solid #fff; }
#menu li a {line-height:36px; text-decoration:none; color:#fff; display:block; width:100%; height:36px; border-right:6px solid #524949; }
#menu li a:hover, #menu li a.active {background:url(../img/fond/bg-menu.jpg) 0 -151px no-repeat; border-right:6px solid #cf3736; }
#menu li.nobord {border-bottom:0;}
a span.puce {color:#524949; padding-left:20px;}
a:hover span.puce, a.active span.puce {color:#cf3736;}
#headflash {position:relative;  width:548px; height:147px; background-color:#ccc; float:right; display:inline; }
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) 0 -80px repeat-x; height:60px; color:#fff; font-size:10px; text-align:left; clear:both; border-bottom:1px solid #000; }
#pied p {float:left;}
#mentions { width:640px; padding:5px 0 0 5px;}
#pied span.med { font-size:11px; }
#rea {text-align:right; padding:40px 0 0 10px;}
#pied a { color:#fff; text-decoration:none;}
#pied a:hover {color:#524949;}

/* 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:#cf3736; text-align:right; }
a.plus:hover {color:#524949;}
a.lienPdf { color:#cf3736; background:url(../img/icones/ico-pdf.gif) 0 0 no-repeat; margin-left:10px; padding:0 0 10px 40px; display:block; }
a.lienPdf:hover {color:#524949;}

#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; padding-right:5px;} /* pour les flèches blanches des titres */
#page h3 { font-size:12px; padding:10px 10px 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 { color:#000; }
#page p a:hover, #page ul 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; }
.colonne-g.large { width:540px; margin-left:10px; padding-bottom:20px; }

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


/* spécificités des liens */
a.lien-vert, a.lien-orange, a.lien-violet, a.lien-gris, a.lien-vertEnv, a.lien-or, a.lien-bet {display:block; text-align:right; padding:0 10px 0 0; text-decoration:none; line-height:25px; margin-top:10px; background: url(../img/icones/puces-liens-garanties.gif) no-repeat;}
a.lien-vert { background-position:150px 0; color:#5a9c33; }
a.lien-orange {background-position:150px -75px; color:#eb570d;}
a.lien-violet {background-position:150px -25px; color:#9a4dbe;}
a.lien-gris {background-position:150px -50px; color:#5b565d;}
a.lien-vertEnv { background-position:150px -100px; color:#1f9376; }
a.lien-or { background-position:150px -125px; color:#c3ba85; }
a.lien-bet { background-position:0 -150px; color:#5567a2; }
a.lien-vert:hover, a.lien-orange:hover, a.lien-violet:hover, a.lien-gris:hover, a.lien-vertEnv:hover, a.lien-or:hover, a.lien-bet:hover  {color:#524949;}

a.lien-bet { float:left; width:100px; margin-left:150px; display:inline; }
ul.aere li { margin:8px 0 0 0; }

/* mise ne page 3 colonnes dans la zone page */
.tiers-g {clear:left; 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:#cf3736; }

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

.bgCouleur { font-size:13px; font-weight:bold; border:1px solid #d13837; margin:0 10px 20px 10px; background-color:#fdafaf; padding-bottom:10px; }
.large { width:530px;  }

/* mise en page type bloc gris */
.bloc-gris-g { clear:left; float:left; width:250px; margin-left:20px; 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; padding-top:50px; background:url(../img/fond/bg-bon-a-savoir.gif) 0 0 no-repeat;}
#bonasavoir h2 { color:#cf3736; 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;  }

.tagPub { border:1px solid #BA1F1F; width:120px; /*height:240px;*/ margin:20px 0 0 15px;}