/* CSS Document */
body, div, hr, p, ul, li, h1, h2, h3, img {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:#9a4dbe; }
/* Entete de page */
#entete {width:771px; background-color:#fff; height:165px; text-align:left; font-family:Arial, Helvetica, sans-serif;}
#menu {width:216px; text-align:left; float:left; background: url(../img/fond/bg-menu.jpg) 0 0 repeat; font-size:12px; font-weight:bold; }
#menu li {list-style-type:none; border-bottom:1px solid #fff; }
#menu li a {line-height:21px; text-decoration:none; color:#fff; display:block; width:100%; height:21px; border-right:6px solid #5a9c33;  }
#menu li a:hover, #menu li a.active { background: url(../img/fond/bg-bouton-over.jpg) 0 0 no-repeat; border-right:6px solid #9a4dbe; }
#menu li.nobord {border-bottom:0;}
a span.puce {color:#5a9c33; padding-left:10px; }
a:hover span.puce, a.active span.puce {color:#9a4dbe;}

#headflash {width:548px; height:149px; background-color:#ccc; float:right; margin-top:4px; }
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 span.med { font-size:11px; }
#pied p {float:left;}
#mentions { width:640px; padding:5px 0 0 5px;}
#rea {text-align:right; padding:40px 0 0 10px;}
#pied a { color:#fff; text-decoration:none;}
#pied a:hover {color:#5a9c33;}

/* 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.nodeco { text-decoration:none; }
a.nodeco:hover { text-decoration:underline;}
a.plus {display:block; padding:5px 10px 0 0; text-decoration:none; color:#743592; text-align:right; }
a.plus:hover {color:#524949;}
a.rss {display:block; background:url(../img/icones/rss-10x10.gif) 100% 50% no-repeat; margin-right:10px; padding-right:15px; text-decoration:none; color:#743592; text-align:right; }
a.rss:hover {color:#524949;}

.ifleft {float:left; padding:2px 30px 10px 8px;}
.icentre { margin-left:10px; }
.ifright { float:right; padding:8px 8px 8px 30px;}
.aleft { text-align:left;}

#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:10px;} /* pour les flèches blanches des titres */
#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 :#743592; }
#page .centre {margin-top:10px; text-align:center;}
a.lienPdf { color:#743592; background:url(../img/icones/pdf.gif) 0 0 no-repeat; padding-left:40px; display:block; }
a.iconePdf { color:#743592; background:url(../img/icones/icone-pdf.gif) 0 0 no-repeat; padding-left:25px; line-height:25px; display:block; }
a.lienPdf:hover, a.iconePdf:hover { color:#524949; }

/* autres titres */
#page h3 { font-size:12px; padding:10px 10px 0 10px;   }
#page h4 { font-size:12px; padding:10px 0 0 10px; }

/* actus */
.actuBox { border-bottom:1px solid #ccc; margin:5px; padding-bottom:5px; }
.actuBox h3 { padding:0 0 0 10px;}

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

/* 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:#743592;}
.blocCouleur .pointe strong { color:#000; }
.pointe li ul li { list-style-image:none; list-style-type:circle; margin-bottom:0;}

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

/* mise en page un seul bloc en longueur avec image à droite */
.bloc-large {float:left; width:530px; margin-left:10px; padding-bottom:20px; }
.fondCouleur { border-left:5px solid #743592; margin-left:10px; background-color:#f0e3f4; padding-bottom:10px; width:45%; height:130px; float:left; }
.blocCouleur { border-left:5px solid #743592; margin-left:10px; background-color:#f0e3f4; padding-bottom:10px; width:530px; float:left; }

.bgCouleur {  border:1px solid #743592; margin:0 10px 20px 10px; background-color:#f0e3f4; padding-bottom:10px; }
.large { width:530px;  }

/* tarifs */
table.tarifs { margin:20px auto; border-collapse:collapse; border:1px solid #743592; text-align:right; }
table.tarifs td {border:1px solid #743592; }
table.tarifs th { background-color:#f2f2f2; border:1px solid #743592;}
.infos { text-align:center; font-style:italic; font-size:11px;}

.blocCouleur p, .blocCouleur ul, .blocCouleur li { padding-right:10px; }

#telecharger a { background:url(../img/icones/icone-pdf.gif) 0 0 no-repeat; padding-left:30px; color:#524949; display:block; line-height:20px; margin-top:2px; margin-left:10px; }
#telecharger a:hover { color:#743592; }

/* 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 #743592;}
.bloc-gris-g p, .bloc-gris-d p { margin-top:-3px; border-left:17px solid #743592; }
.bloc-gris-g a.plus, .bloc-gris-d a.plus {border-bottom:1px solid #743592; border-left:17px solid #743592; 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 h2 { color:#9a4dbe; 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;  }

/* Bloc RSS */
#rss { margin-top:10px; text-align:left; font-size:11px; border-top:1px solid #743592;   }
#rss h2 { color:#9a4dbe; font-size:12px; margin-top:15px; padding:0 0 0 15px; background: url(../img/icones/puce-breve.gif) 3px 2px no-repeat; }
#rss p { padding:0 5px 0 15px; }
#rss ul { padding:5px 5px 0 15px; list-style-type:none; }
#rss li { padding-top:5px;}

#rss hr { visibility:hidden; }

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

/* formulaires */
form { clear:both; width:520px; margin-left:20px;}
label { display:block; width:110px; float:left; text-align:right; padding-right:10px; margin-left:40px;}
fieldset {background-color:#f0e3f4; border:0; display:block; margin-top:10px; padding-bottom:10px; }
legend { font-size:12px; font-weight:bold; color:#743592; padding-left:5px; }
#groupe label, #ressourcesH label { width:220px; margin-left:-10px; padding-left:0; }
#groupe label.labMax, #ressourcesH label.labMax { margin-left:-10px; padding-left:0; width:380px; }
.labCourt {width:200px;}
.labLong {width:350px; }
.labXL {  margin-left:0; width:490px; }
.labMax { margin-left:-10px; padding-left:0; width:380px; }
.labMax.aleft { margin-left:15px; padding-left:0; width:400px; }
.labAuto {width:auto; padding-right:10px; float:left;  margin-left:10px; }
.labDate { text-align:left; width:290px; margin-left:15px;}
input.inputDate { width:60px; }
form table { width:500px;}
form table input { width:100px; }

textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; width:480px;}
textarea.court { width:220px;  }

.infoQuestionnaire { font-size:10px; font-style:italic;}

form p#oblig {clear:both; text-align:right; color:#CC0000; font-style:italic; }
.err {color:#f00;}
.conf {clear:both; background-color:#f0e3f4; width:520px; margin-left:20px;  }
.conf p { padding-left:30px; float:left; }
.conf a { width:270px; float:left; padding-top:15px; background-position:0 20px; color:#000; text-decoration:none;  }
.conf a:hover { text-decoration:underline;}
#btnEnvoyer { width:250px; }

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


/* 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:10px; }
.prox ul { list-style-type:none; }
.loc { position:relative; display:block; float:left; display:inline;  width:70px; font-weight:bold; }
p.coordBas { position:relative; clear:both; margin-top:30px; }