/* 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:#edefef; 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:#1f9376; }
/* 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 no-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 #c4d276;  }
#menu li a:hover, #menu li a.active { background:url(../img/fond/bg-menu.jpg) 0 -151px no-repeat; border-right:6px solid #1f9376; }
#menu li.nobord {border-bottom:0;}
a span.puce {color:#c4d276; padding-left:10px; }
a:hover span.puce, a.active span.puce {color:#1f9376;}

#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) 0 0 repeat-x; height:60px; color:#fff; font-size:10px; text-align:left; clear:both; border-bottom:1px solid #000; }
#pied span.med { font-size:11px; }
#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:40px 0 0 10px;}

/* Elements communs de mise en page */
a:focus { outline:none;}
.nof {clear:both; visibility:hidden; }
.rouge {color:#cf3736;}
.vert {color:#1f9376;}
.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:#1f9376; text-align:right; }
a.plus:hover {color:#5b565d;}
.lienPdf { background:url(../img/icones/pdf.gif) 0 0 no-repeat; padding:0 0 5px 40px; display:block; margin:0; }
.lienPdf:hover {color:#1f9376;}
.demi { width:44%; margin-right:5px; float:left; display:inline; }

#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 */
/* 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 :#5a9c33; }
#page .centre {margin-top:10px; text-align:center;}

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

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

/* spécificités des liens */
a.lien-vert, a.lien-orange, a.lien-violet, a.lien-gris {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:#1f9376; }
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-vert:hover, a.lien-orange:hover, a.lien-violet:hover, a.lien-gris:hover  {color:#524949;}

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

/* liste avec puces image et texte strong de la couleur dominante */
#page ul.pointe { list-style-image:url(../img/icones/coche.gif);}
.pointe strong {color:#1f9376;}
#page ul.feuilles { margin-left:0; padding-left:5px;}
#page ul.feuilles li { list-style-type:none; background:url(../img/icones/feuille.gif) 0 0 no-repeat; padding:2px 0 10px 30px; }



/* mise ne page 3 colonnes dans la zone page */
.tiers-g { clear:both; float:left; width:170px; margin-left:10px; padding-bottom:10px; display:inline;  }
.tiers-d {float:left; width:170px; margin-left:10px; padding-bottom:10px;  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:#1f9376; }

/* 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;}


.bloc-large-ill {float:left;  width:530px; margin-left:10px; padding-bottom:20px; background:url(../img/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; }
.bloc-gris-g ul { border-left:17px solid #5b565d; }

/* Colonne bon à savoir */
#bonasavoir { float:left; text-align:left; width:145px; margin:10px 0 20px 32px;  font-size:11px; 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:#1f9376; 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 { display:none; cursor:pointer; border-left:5px solid #1f9376; margin-left:10px; background-color:#f5f5f5; padding-bottom:10px; width:95%;}
table {width:60%; margin-left:auto; margin-right:auto; margin-top:10px; border-left:1px solid; border-right:1px solid; border-top:1px solid; }
td, th { border-bottom:1px solid; padding:3px;}
#garanties15 a { margin-left:400px; color:#000; }


/* formulaires */
#assureur p { padding-left:30px; width:220px; float:left; }


#tagPub { border:1px solid #1F9376; width:120px; height:240px; margin:20px 0 0 15px;}

/* Flux actualites */
#rss {
	border-top:1px solid #1F9376;
	font-size:11px;
	margin-top:10px;
	text-align:left;
	width: 103%;
}
#rss h2 {
	background:transparent url(../img/icones/puce-breve.gif) no-repeat scroll 3px 2px;
	color: #1F9376;
	font-size:12px;
	margin-top:15px;
	padding:0pt 0pt 0pt 15px;
}
#rss p {	padding:0pt 5px 0pt 15px; }
#rss ul { list-style-type:none;	padding:5px 5px 0pt 15px; }
#rss li {	padding-top:5px; }
#rss hr {	visibility:hidden; }

/* contact */
.prox {  background:url(../img/bgAgences.gif) 50% no-repeat; position:relative; width:200px; height:129px; float:left; margin:10px 5px;  }
.prox p { text-align:left; padding:5px; }
.prox ul { list-style-type:none; padding:0; }
.loc { position:relative; display:block; float:left; display:inline;  width:70px; font-weight:bold; }
p.coordBas { position:relative; clear:both; margin-top:30px; }