/* CSSICPrint */
/* bleu clair : #63b9e8 */
/* bleu       : #327eb0 */
/* bleu fonce : #09539a */

.noPrint { display: none; }

body {
  background-color: #ffffff;
  margin: 0px 0px 0px 8px;
  padding: 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px; 
}

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

input, select, textarea {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid black; 
}

input.number { text-align: right; }

.style_center { text-align: center; }
.borderRight { border-right: 1px solid #ffffff; }
.ob { color: #C00000; }

.blockquotestyle1 { margin: 10px 10px 10px 10px; }
.blockquotestyle2 { margin: 5px 10px 5px 10px; }
.blockquotestyle3 { margin: 0px 30px 0px 0px; }
.blockquotestyle4 { margin: 5px 7px 5px 6px; }
.blockquotestyle_illustrindex { margin: 0px 0px 0px 6px; }
.blockquotestyle_menu { margin: 0px 4px 0px 4px; }

.colortexte { color: #09539a; }
.noligne { text-decoration: none; }

.style_Arial { font-family: Arial, Helvetica, sans-serif, Verdana, Geneva; }

.style_mediumBold { font-size: 14px; font-weight: bold; }
.style_12pxBlackBold { color: #000000; font-size: 12px; font-weight: bold; }
.style_12pxWhiteBold { color: #ffffff; font-size: 12px; font-weight: bold; }
.style_12pxBleuBold { color: #1a4e9a; font-size: 12px; font-weight: bold; }

.style_10px { font-size: 10px; }
.style_11px { font-size: 11px; }
.style_12px { font-size: 12px; }
.style_14px { font-size: 14px; }
.style_16px { font-size: 16px; }
.style_17px { font-size: 17px; }
.style_27px { font-size: 27px; }
.style_37px { font-size: 37px; }

.style_white { color: #ffffff; }
.style_bleu { color: #1a4e9a; }
.style_black { color: #000000; }

.style_9px { font-size: 9px }
.style_16pxBold { font-size: 16px; font-weight: bold; }
.style_16px { font-size: 16px; }
.style_17px { font-size: 17px; }
.style_largeWhiteBold { color: #ffffff; font-weight: bold; font-size: 17px; }
.style_mediumBleu2Bold { color: #87a6ce; font-weight: bold; font-size: 14px; }

.style_24pxBold { font-size: 24px; font-weight: bold; }
.style_12pxBleu3Bold { font-size: 12px; font-weight: bold; color: #bfe2f6; }
.style_largeBold { font-size: large; font-weight: bold; }
.style_14pxBold { font-size: 14px; font-weight: bold; }
.style_12pxBold { font-size: 12px; font-weight: bold; }
.style_whiteBold { font-size: 10px; color: #ffffff; }

.style_22pxBleu4 { font-size: 22px; color: #5386bd; text-decoration: none; }
.style_18pxBleu4 { font-size: 18px; color: #5386bd; text-decoration: none; }
.style_16pxBleu4 { font-size: 16px; color: #5386bd; text-decoration: none; }
.style_14pxBleu4 { font-size: 14px; color: #5386bd; text-decoration: none; }
.style_12pxBleu4 { font-size: 12px; color: #5386bd; text-decoration: none; }
.style_10pxBleu4 { font-size: 10px; color: #5386bd; text-decoration: none; }

.style_14pxVertBold { color: #58ae41; font-weight: bold; font-size: 14px; }
.style_vert { color: #58ae41; }
.style_11pxWhiteBold { color: #ffffff; font-size: 11px; font-weight: bold; }
.style_10pxWhiteItalic { color: #ffffff; font-style: italic; font-size: 10px; }
.style_10pxGrisBold { color: #838c95; font-weight: bold; font-size: 10px; }

.style_bold { font-weight: bold; }
.underline { text-decoration: underline; }
.textLegend { 
  color: #09539a;
  font-size: 12px;
  font-weight: bold; 
}

.textLegendFormulaire { 
  color: #58ae41;
  font-size: 12px;
  font-weight: bold; 
}

/**************************/
.alert { 
  color: #C00000;
  font-weight: bold;
  font-size: 11px
}

.alertVerte { 
  color: #59B337;
  font-weight: bold;
  font-size: 11px
}

/**************************/
/* BOITES PARTIE PUBLIC */
/**************************/
.bodyLeftPublic { 
  width: 757px;
  float: left; 
}
  
.bodyLeftTopPublic { 
  width: 757px;
  min-height: 247px;
  height: auto;
  _height: 247px;
  float: left; 
}
  
.bodyLeftTopLeftPublic { 
  width: 206px;
  min-height: 247px;
  height: auto;
  _height: 247px;
  float: left; 
}
  
.bodyLeftTopLeftTopPublic { 
  background-color: #e6f3fb;
  width: 206px;
  min-height: 152px;
  height: auto;
  _height: 152px;
  float: left; 
}
  
.bodyLeftTopLeftBottomPublic { 
  width: 206px;
  min-height: 95px;
  height: auto;
  _height: 95px;
  float: left; 
}
  
.bodyLeftTopRightPublic { 
  border: 1px;
  width: 551px;
  min-height: 246px;
  height: auto;
  _height: 246px;
  float: left; 
}
  
.bodyLeftBottomPublic { 
  width: 757px;
  min-height: 246px;
  height: auto;
  _height: 246px;
  float: left; 
}
  
.bodyLeftBottomLeftPublic { 
  width: 243px;
  float: left;
  padding: 0px 0px 10px 10px;
}
  
.bodyLeftBottomLeftPublicBack { 
/*
  background-color: #FDF8E6;
  background-image: url("/WR/IC/Fond_besoin.jpg"); 
  background-repeat: repeat-x;
  background-position: 0px 0px;
*/
}

.bodyLeftBottomCenterPublic { 
  width: 252px;
  float: left; 
}

.bodyLeftBottomRightPublic {
  width: 252px;
  float: left; 
}

.bodyRightPublic { 
  background-color: #1a4d9c;
  width: 209px;
  min-height: 493px;
  height: auto;
  _height: 493px;
  float: left; 
}

.bodyRightTopPublic { 
  background-color: #e3e7e6;
  width: 209px;
  min-height: 135px;
  height: auto;
  _height: 135px;
  float: left; 
}

.bodyRightMiddlePublic { 
  background-color: #a4d6f2;
  width: 209px;
  min-height: 246px;
  height: auto;
  _height: 246px;
  float: left; 
}

.bodyRightBottomPublic { 
  width: 209px;
  min-height: 112px;
  height: auto;
  _height: 112px;
  float: left; 
}

/************* header *************/
div.header {
  width: 95%;
  float: left;
  background-color: #ffffff;
}

div.logo {
  float: left;
  width: 20%;
}

div.bandeau {
  float: right;
  text-align: right;
  width: 80%;
}

div.infoPrintPrive {
  text-align: center;
  width: 100%;
  padding: 10px 0px 10px 0px;
}

/************* top menu  *************/

div.topMenuParent { display: none; }

/************* main content *************/

div.bodyPriveAccueil { 
  width: 95%;
  clear: both;
  float: left;
  display: block;
  padding-left: 8px; 
  min-height: 493px;
  height: auto;
  _height: 493px;
  background-color: #ffffff;
}

div.bodyPrive {
  width: 95%;
  clear: both;
  float: left;
  display: block;
  padding-left: 8px; 
  min-height: 493px;
  height: auto;
  _height: 493px;
  background-color: #ffffff;
}

div.prudentielleAccueil {
  width: 100%;
  padding: 20px 0px 3px 0px;
  font-size: 10px;
  color: #09539a;
}

div.prudentielle {
  padding: 20px 0px 3px 0px;
  font-size: 10px;
  color: #09539a;
}

div.bodyPriveContent {
  width: 100%;
  float: left;
  min-height: 493px;
  height: auto;
  _height: 493px;
}

div.bodyPriveContentFooterLeft {
  width: 100%;
  float: left;
  min-height: 20px;
  height: auto;
  _height: 20px;
}

/* Attention au padding sous IE 5.5 */
div.bodyAccueilPublic { 
  width: 95%;
  clear: both;
  float: left;
  display: block;
  padding-left: 8px; 
  min-height: 493px;
  height: auto;
  _height: 493px;
  background-color: #ffffff;
  background-image: url("/WR/IC/Fond_accueil_public.gif");
  background-repeat: repeat-y; 
}

div.bodyPublic { 
  width: 95%;
  clear: both;
  float: left;
  display: block;
  padding-left: 8px; 
  min-height: 493px;
  height: auto;
  _height: 493px;
  background-color: #ffffff;
}

div.bodyPublicContent { 
  width: 100%;
  float: left;
  min-height: 493px;
  height: auto;
  _height: 493px; 
}

div.content {
  width: 100%;
  clear: right;
}

div.contentPrive {
  width: 100%;
  float: left;
  padding: 10px 0 10px 20px; 
}

div.leftContent { display: none; }

/************* left menu  *************/

div.leftMenu { display: none; }

/************* RIGHT CONTENT *************/

div.rightContent {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 10px;
  clear: right;
  margin: 0px;
  padding: 0px; 
}

div.textRightContent {
  width: 100%;
  clear: left;
  padding: 0px;
  margin: 0px;
}

div.conventionSite { 
  width: 95%;
  padding: 10px;
}

/* ********************** */

div.thx {
  clear: both;
  display: block;
  padding: 210px 0px 220px 0px;
  text-align: center;
  vertical-align: middle;
}

div.thx60 { 
  clear: both;
  display: block;
  padding: 60px 0px 60px 0px;
  text-align: center;
  vertical-align: middle;
}

div.thx160 {
  clear: both;
  display: block;
  padding: 160px 0px 160px 0px;
  text-align: center;
  vertical-align: middle;
}

div.thx180 {
  clear: both;
  display: block;
  padding: 180px 0px 180px 0px;
  text-align: center;
  vertical-align: middle;
}

div.thx200 {
  clear: both;
  display: block;
  padding: 200px 0px 200px 0px;
  text-align: center;
  vertical-align: middle;
}

.heigth410px {
  min-height: 410px; 
  height: auto; 
  _height: 410px;
}

.heigth460px {
  min-height: 460px; 
  height: auto; 
  _height: 460px;
}

div.alertePannel { display: none; }

/************* footer *************/

div.footer { display: none; }

input.contentInputEmailNewsLetter {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #000000;
  width: 195px;
}

.textStyle {
  color: #09539a;
  font-size: 10px;
  font-weight: bold;
}

.textLegend { 
  color: #09539a;
  font-size: 12px;
  font-weight: bold; 
}

table.idTable {
  color: #09539a;
  font-size: 10px;
  font-weight: bold;
}

table.idTable input,select,textarea {
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid #000000;
}

table.idTable input.noBorder {
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  border-color : white;
}

/* BOITES PARTIE PRIVEE */
div.leftPriveContent { display: none; }

div.rightPriveContent {
  width: 95%;
  float: left;
  min-height: 493px;
  height: auto;
  _height: 493px;
  background-color: #ffffff;
}

div.enteteClient {
  padding: 0px 0px 10px 20px; 
  width: 100%;
  clear: left;
}

div.enteteContrat { display: none; }

div.detailContrat {
  width: 100%;
  float: left;
}

div.headerContrat {
  width: 100%;
/*
  padding: 0px 0px 0px 20px; 
*/
  float: left;
}

.headerContratTitre {
  font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
  font-size: 16px;
  color: #1a4e9a; 
}

div.headerContrat ul {
  margin: 0px;
  padding: 0px;
}

div.headerContrat ul li {
  display: inline;
  float: left;
/*
  color: #1a4e9a;
*/
  font-weight: bold;
  text-decoration: none;
  padding: 0px 10px 0px 0px;
  background-color: #ffffff;
}

div.contentContrat {
  width: 100%;
  padding: 0px 0px 10px 0px; 
/*
  padding-left: 20px; 
  width: 95%;
  float: left;
  background-color: #f00;
*/
}
  
div.menuContrat { display: none; }

div.infosParent {
  width: 100%;
  float: left;
}

div.infos {
  width: 100%;
  background-color: #c1d4e5;
  float: left;
  clear: left;
}

div.infosImpression {
  width: 100%;
  background-color: #c1d4e5;
  float: left;
  clear: left;
}

div.infosSupports { 
  padding-top: 24px;
  float: left;
}

div.infosContent {
  padding-top: 24px;
  float: left;
}

div.infosSvg { display: none; }

div.infoPrintGraph {
  width: 100%;
  float: left;
}

div.graph {
  width: 100%;
  float: left;
  text-align: center;
}

/* Bloc deconnexion */ 
div.decoListe { display: none; }

div.decoDetail { display: none; }

/* ***************** */ 
div.listeContrat {
  width: 100%;
}

div.contentNewsLetter { display: none; }

div.newsLetter { display: none; }

div.topMenuContrat { display: none; }

/* **************************** */
/* plan du site */
/* **************************** */
div.planDuSite {
  width: 95%;
  float: left; 
  color: #09539a;
}

div.demiPlanDuSite {
  width: 95%;
  float: left; 
}

div.planDuSitePublicSeparateur {
  width: 95%;
  clear: left; 
  min-height: 15px;
  height: auto;
  _height: 15px;
}

div.planDuSitePriveSeparateur {
  width: 95%;
  clear: left; 
  min-height: 60px;
  height: auto;
  _height: 60px;
}

div.listesPlan ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.listesPlan ul ul { padding: 0px 0px 0px 10px; }
div.listesPlan ul ul ul { padding: 0px 0px 0px 20px; }
div.listesPlan ul ul ul ul { padding: 0px 0px 0px 30px; }

/* **************************** */
/* PARTIE QUESTIONNAIRE */
/* **************************** */
.question { font-size: 11px; color: #000000; font-weight: bold; }
.questionSansReponse { font-size: 11px; color: #C11E1E; font-weight: bold; }
.questionReponseInvalide { font-size: 11px; color: green; font-weight: bold; }
.questionAvecFamille { font-size: 11px; color: #000000; }
.questionSansReponseAvecFamille { font-size: 11px; color: #C11E1E; }
.questionReponseInvalideAvecFamille { font-size: 11px; color: green; }
.reponseQuizz { font-size: 11px; color: white; }
.quizzStatique { font-size: 10px; color: white; }

.titre { font-size: 15px; color: #000000; font-weight: bold; text-align: center; margin: 5px; padding-bottom: 1em; padding-top: 1em; border-color: #0066CC; border-width: 1px; border-style: solid; }
.sousTitre { font-size: 13px; color: #000000; font-weight: bold; text-align: center; padding-bottom: 1em; padding-top: 1em; }
.accroche { font-size: 11px; color: #000000; text-align: justify; }

.categorieNiveau01 { font-size: 15px; color: #ffffff; background-color: #0066CC; }
.categorieNiveau02 { font-size: 15px; color: #000000; font-weight: bold; }
.categorieNiveau03 { font-size: 12px; color: #000000; font-weight: bold; }
/* **************************** */
/* PARTIE QUESTIONNAIRE */
/* **************************** */