.breadcrumbs{
margin:0 0 0 195px;
/margin:0 0 0 195px;
-margin:0 0 0 185px;
width:580px;
height:25px;
}
.breadcrumbs ul{margin:0; padding:0;}
.breadcrumbs ul li {display:inline; padding-right:5px;}
.breadcrumbs ul li a:hover{text-decoration:underline;}
/******************
Generique
******************/
.rightcolumn{float:left; margin-top:10px; width:180px;}
.rightcolumn_2{float:left; height:551px; width:180px;}
.actif{position:relative; top:5px; color:#FFF;line-height:2.4em; font-weight:bold;}
/******************
Homepage
******************/
.actualites .entete{background:url(/vitrines-integration-resources-webapp/skin/images/homepage/actualites_entete.gif) no-repeat; height:22px;}
.actualites ul{margin:10px 0 0 0; padding:0; list-style-type:none; }
.actualites ul li{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #b22c1b;}
.banniere{margin-top:15px;}
/******************
Generique
******************/
.leftcolumn{float:left; width:185px; /width:185px; -width:175px; margin:0 10px 0 0; min-height:551px; /min-height:551px; -min-height:551px; -height:551px;}
.leftcolumn p{margin:2px 0; padding:0;}
/******************
Homepage
******************/
/* Espace Agence */
.espAgence{background:#F0EDED; border:2px solid #B22C1B; margin-bottom:10px; padding:2px 2px 0;}
.espAgence .entete{height:22px; width:162px; /width:162px; -width:152px; background:#b22c1b url(/vitrines-integration-resources-webapp/skin/images/homepage/votre-conseiller_entete.gif) no-repeat 10px 0px; padding-left:15px; margin-bottom:5px;}
.espAgence p{margin-left:3px;}
.espAgence p img{align:left; margin:0 5px 0 0;}
/* Liens d'actions internes */
.actions{padding:0 7px 7px 7px;}
.actions ul{padding:0; margin:0; list-style-type:none;}
.actions ul li{padding:5px 0;}
ul.actionExt{padding-top:5px;} ul#actionExt a{font-weight:bold;}
.contact{margin:15px; width:125px;}
/******************
Generique
******************/
.content{float:left; width:580px; margin:10px 10px 0 0; /*height:478px;*/}
.contentPlus{float:left; width:750px; margin:10px 10px 0 0; /*height:478px;*/}
.content_2{float:left; width:580px; margin:0; margin:0 10px 0 0; /margin:0 10px 0 0; -margin:0 0px 0 0;} /* associ� au gabarit 2 */
.corps{float:left; width:580px; height:750px; margin:0 10px 0 0; height:250px;}
/******************
Homepage
******************/
.banner{height:155px; background:url(/vitrines-integration-resources-webapp/skin/images/homepage/banner_pub.jpg) no-repeat; margin-bottom:25px;}
.metierBtn{float:left; margin:0 0 25px 10px;}
.accesDirect{height:85px; background:url(/vitrines-integration-resources-webapp/skin/images/homepage/accesDirect_bg.gif) no-repeat; clear:both; width:560px; margin:0 0 25px 10px;}
.declaration{width:284px; height:208px; float:left; margin:0;}
.etude{float:left; width:284px; height:208px; margin-left:10px;}
/*********************
Pages internes
**********************/
img.picture{margin:0 10px 10px 0; float:left;}
/* btn */
.largebtn{background:url(/vitrines-integration-resources-webapp/skin/images/generique/large_btn.gif) no-repeat; width:153px; height:19px; clear:both; padding:3px 0 0 25px;}
/* page produit */
.media{float:left; margin-top:30px;}
.listSlide{float:left; margin:18px 0 0 10px; width:385px;}
.listSlide ul{margin:0; padding:0;} .listSlide ul li{margin:0 0 10px 0; padding:6px 0 10px 7px;}
.listSlide ul li.puce1{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_num.png) no-repeat;}
.listSlide ul li.puce2{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_num2.png) no-repeat;}
.listSlide ul li.puce3{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_num3.png) no-repeat;}
.listSlide ul li.puce4{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_num4.png) no-repeat;}
.listSlide ul li.puce5{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_num5.png) no-repeat;}
span.numListe{font-size:13px; font-weight:bold;margin:0 15px 15px 0; float:left;}
/* plan du site */
.rub{float:left; width:255px; margin:0 0 10px 20px; /margin:0 0 10px 20px; -margin:0 0 10px 10px;} .rub ul{margin:0; padding:0;}
.rub h3{font-size:1.1em;}
.rub ul li{padding:0 0 3px 15px;} .rub ul li a{text-decoration:underline;}
h2.enteteRubBiens{padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/vos-biens_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center;}
ul.biens li{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_bien.gif) no-repeat 0 3px;}
h2.enteteRubFamille{padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/famille_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center;}
ul.famille li{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_famille.gif) no-repeat 0 3px;}
h2.enteteRubPlacements{padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/vos-placements_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center;}
ul.placement li{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_placements.gif) no-repeat 0 3px;}
h2.enteteRubPratique{padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/cote-pratique_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center;}
ul.pratique li{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_pratique.gif) no-repeat 0 3px;}
h2.enteteRubGenerali{padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/infosgenerali_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center;}
ul.generaliInfos li{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_generali.gif) no-repeat 0 3px;}
/* FAQ */
.faqselect{background:url(/vitrines-integration-resources-webapp/skin/images/generique/faq_open.png) no-repeat 0 3px; padding-left:12px;}
.faqclose{background:url(/vitrines-integration-resources-webapp/skin/images/generique/faqclose.png) no-repeat 0 3px; padding-left:12px;}
.reponse{padding:0 0 10px 15px;}
#faq p.dottedRed { padding-bottom: 5px; }
#faq ul {list-style-type: disc;}
/* Plan du site */
.plandusite ul { padding-left:0px; margin-left:0px; margin-top:5px; margin-bottom:10px;}
.plandusite li { padding-left:0px; margin-left:0px; }
.plandusite div.rubrique { float:left; width:261px; margin:10px; }
.plandusite h4 { margin-bottom:5px; margin-top:20px; }
.sitemap_protection_de_la_famille h3 { padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/famille_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center; }
.sitemap_protection_de_la_famille h4 { color:#09ab6a; }
.sitemap_protection_de_la_famille li li { background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_famille.gif) no-repeat 0 3px; padding-left:10px;}
.sitemap_la_gamme_pro h3 { padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/infosgenerali_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center; }
.sitemap_la_gamme_pro h4 { color: #CC0000; }
.sitemap_la_gamme_pro li li{background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_generali.gif) no-repeat 0 3px; padding-left:10px; }
.sitemap_vos_biens h3 { padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/vos-biens_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center; }
.sitemap_vos_biens h4 { color:#0c60ff; }
.sitemap_vos_biens li li{ background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_bien.gif) no-repeat 0 3px; padding-left:10px; }
.sitemap_epargne_et_retraite h3 { padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/vos-placements_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center; }
.sitemap_epargne_et_retraite h4 { color:#078f7e; }
.sitemap_epargne_et_retraite li { background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_pratique.gif) no-repeat 0 3px; padding-left:10px; }
.sitemap_cote_pratique h3 { padding-top:2px; color:#fff; background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/cote-pratique_entete.gif) no-repeat; width:261px; height:19px; font-size:1.1em; text-align:center; }
.sitemap_cote_pratique h4 { color:#078f7e; }
.sitemap_cote_pratique li { background:url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_pratique.gif) no-repeat 0 3px; padding-left:10px; }
div.sitemap_cote_pratique { margin-top:-100px !important; }
/* Mentions Legales */
div#mentionslegales ul { list-style-type:disc; margin-left:30px;}
html,body{
margin:0;padding:0;border:0;line-height:1.3em;font-size:80%;}
body {
background:white url(/vitrines-integration-resources-webapp/skin/images/generique/fond_motif.gif) repeat left top;
font-family:Verdana,Arial;
padding:0;
/padding:10px 0; -padding:10px 0; /* pr IE */
color:#333333;
}
.page {
text-align:left;
margin:0px auto;
width:965px;
padding:10px;
background:#fff;
/*height:600px; a retirer */
}
div {
margin: 0;
padding: 0;
}
/******************
Titres
******************/
h1.titre1, h2.titre2, h3.titre2 {color:#008FA6;}
h2,h3{font-size:1.2em;} .titre3{color:#333333;}
h3.souligne {border-bottom:1px dotted #cc0000; padding-bottom:5px;}
h4{font-size:1.3em;} .titre4 {color:#333333;}
h4.souligne {border-bottom:1px dotted #cc0000; padding-bottom:5px;}
/******************
Listes
******************/
ul{list-style-type:none;}
.dottedRed{border-bottom:1px dotted #cc0000;}
/************************************
Classes de positionnement
************************************/
.floatL{float:left;} .clear{clear:both;}
/************************************
Classes de coloration et graisse
************************************/
.red{color:#b22c1b;} .blue{color:#02423a;}
.Colorplacement{color:#078f7e;}
.Colorfamille{color:#09ab6a;}
.Colorbiens{color:#0c60ff;}
.Colorpratique{color:#02423a;}
/**/
.bold{font-weight:bold;} .italic{font-style:italic;} .maj{text-transform:uppercase;}
/**************
Ancres
***************/
a img{border:0; margin:0;}
a {text-decoration:none; font-weight:normal; color:#333333;}
a:hover{text-decoration:underline;}
a.pdf{font-weight:bold; background:url(/vitrines-integration-resources-webapp/skin/images/generique/picto_pdf.gif) no-repeat 0 0; padding:5px 0 10px 25px;}
/********************
Btn form
*********************/
.retourBtn{background:url(/vitrines-integration-resources-webapp/skin/images/generique/retour_btn.gif) no-repeat 0 0; height:17px; width:49px; float:left; padding:2px 0 0 10px;}
.confirmBtn{background:url(/vitrines-integration-resources-webapp/skin/images/generique/confirmation_btn.gif) no-repeat 0 0; height:17px; width:92px; float:right; padding:2px 0 0 20px;}
.largebtn a, .retourBtn a, .confirmBtn a {color:#FFFFFF; font-weight:bold;}
/******************
Gabarit 1
******************/
.head {float:left; width:770px; height:64px; background:url(/vitrines-integration-resources-webapp/skin/images/generique/tetiereLarge.jpg) no-repeat;}
ul.onglets{float:left; list-style-type:none; margin:0 0 0 10px; padding:0;}
/* onglets Vous - famille */
li.ongletsFamille{float:left; margin:0 0 0 2px; background:url(/vitrines-integration-resources-webapp/skin/images/onglets/onglet-famille.gif) no-repeat; height:19px; text-align:center; width:125px;
padding-top:2px;}
li.ongletsFamilleSelect{float:left; margin:0 0 0 2px; background:url(/vitrines-integration-resources-webapp/skin/images/onglets/onglet-famille_select.gif) no-repeat; height:19px; text-align:center; width:125px;
padding-top:2px;}
/* ancres */
li.ongletsFamille a{color:#b22c1b; font-weight:bold; font-size:9px;}
li.ongletsFamilleSelect{color:#fff; font-weight:bold; font-size:9px;}
/* onglets Vos biens */
li.ongletsBiens{float:left; margin:0 0 0 2px; background:url(/vitrines-integration-resources-webapp/skin/images/onglets/onglet-biens.gif) no-repeat; height:19px; text-align:center; width:125px;
padding-top:2px;}
li.ongletsBiensSelect{float:left; margin:0 0 0 2px; background:url(/vitrines-integration-resources-webapp/skin/images/onglets/onglet-biens_select.gif) no-repeat; height:19px; text-align:center; width:125px;
padding-top:2px;}
/* ancres */
li.ongletsBiens a{color:#b22c1b; font-weight:bold; font-size:9px;}
li.ongletsBiensSelect{color:#fff; font-weight:bold; font-size:9px;}
/* onglets Vos Placements */
li.ongletsPlacements{float:left; margin:0 0 0 2px; background:url(/vitrines-integration-resources-webapp/skin/images/onglets/onglet-placements.gif) no-repeat; height:19px; text-align:center; width:125px;
padding-top:2px;}
li.ongletsPlacementsSelect{float:left; margin:0 0 0 2px; background:url(/vitrines-integration-resources-webapp/skin/images/onglets/onglet-placements_select.gif) no-repeat; height:19px; text-align:center; width:125px; padding-top:2px;}
/* ancres */
li.ongletsPlacements a{color:#b22c1b; font-weight:bold; font-size:9px;}
li.ongletsPlacementsSelect{color:#fff; font-weight:bold; font-size:9px;}
/* onglets Generation responsable */
li.ongletsGeneration{float:left; margin:0 0 0 2px; background:url(/vitrines-integration-resources-webapp/skin/images/onglets/onglet-infosgenerali.gif) no-repeat; height:19px; text-align:center; width:125px;
padding-top:2px;}
li.ongletsGenerationSelect{float:left; margin:0 0 0 2px; background:url(/vitrines-integration-resources-webapp/skin/images/onglets/onglet-infosgenerali_select.gif) no-repeat; height:19px; text-align:center; width:125px; padding-top:2px;}
/* ancres */
li.ongletsGeneration a{color:#b22c1b; font-weight:bold; font-size:9px;}
li.ongletsGenerationSelect{color:#fff; font-weight:bold; font-size:9px;}
/* picto dans la tetiere */
/*
div.epargne h2 {
background:url(/vitrines-integration-resources-webapp/skin/images/generique/picto_epargne.png) no-repeat;
padding-left: 50px;
}
div.santeis h2 {
background:url(/vitrines-integration-resources-webapp/skin/images/generique/picto_sante.png) no-repeat;
padding-left: 50px;
}
div.logiplus h2 {
background:url(/vitrines-integration-resources-webapp/skin/images/generique/picto_autohabitation.png) no-repeat;
padding-left: 50px;
}
*/
/******************
Gabarit 2
******************/
.head_2 {float:left; width:580px; height:64px; background:url(/vitrines-integration-resources-webapp/skin/images/generique/tetiere.jpg) no-repeat; margin:0 0 10px 0;}
.header{
background:#fff url(/vitrines-integration-resources-webapp/skin/images/header/degrade_header.png) no-repeat left top;
width:985px;
margin:10px auto 0 auto;
}
.logo{float:left; margin-left:10px;}
.HeaderNav{
float:right;
color:#b22c1b;
margin-right:10px; padding:0;
}
.HeaderNav span {line-height:3em; padding:0 1px;}
.HeaderNav input {width:80px;height:14px;border:1px solid #b22c1b;}
.HeaderNav form {float:left;margin-top:0.6em; margin-right:4px;}
.HeaderNav p.btn {background:url(/vitrines-integration-resources-webapp/skin/images/header/btn_bg.gif) no-repeat; height:15px; width:135px; text-align:center; margin:9px 0 0 0; padding-top:2px;}
.HeaderNav p.btn a {color:#fff; font-weight:bold;}
.elementsTop{border-bottom:1px dotted #b22c1b;}
.elementsTop select{font-size:10px;}
.ongletTop{float:left; background:url(/vitrines-integration-resources-webapp/skin/images/header/main_onglet.gif) no-repeat 210px 28px; width:800px;}
/*********************************
MENU navigation principal
**********************************/
#monmenu {
background:#B12B1A url(/vitrines-integration-resources-webapp/skin/images/header/barre_nav.png) repeat-x left top;/*Modif MOE*/
font-weight:bold; height:25px; clear:both; margin:0;
padding:1px 0 5px 0px; border-bottom:2px solid #d4bdbd;
}
#monmenu ul ul {display: none; position: absolute; left: 139px; /left: 99px; -left: 99px; top: -1px; padding:0px;}
ul.niveau3 li {margin:0; /margin:-2px 0 0 0; -margin:-2px 0 0 0;}
#monmenu li {list-style-type: none; position: relative; width: 135px; background-color: #f0eded; padding:1px 2px 2px 2px; margin:0px; text-align:center;}
#monmenu li.parent{float:left; background:#B12B1A; color:#fff; border-left:1px solid red; margin:0; /margin:10px 0 0 0; -margin:10px 0 0 0; }
#monmenu li.end{border-right:1px solid red;}
#monmenu li:hover {background-color:#d5d5d3;}
/*#monmenu li.parent:hover{float:left; background:#f0eded; color:#b12b1a;}*/
#monmenu li.parent:hover{float:left; background:url(/vitrines-integration-resources-webapp/skin/images/header/niv1_rollover.gif) no-repeat; color:#b12b1a; height:23px; width:136px; border:none;}
#monmenu li.sfhover div.niv1 {background:#f0eded; color:#b12b1a;display: block;text-align: center;}
#monmenu li.sfhover{background:#f0eded;}
#monmenu ul.niveau2 li.sfhover {background-color:#d5d5d3;}
#monmenu li a {text-decoration:none; font-weight:bold;}
#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block;}
#monmenu li.plus, #monmenu ul.niveau3 li{border-bottom: 1px dotted #b12b1a; padding:2px 2px 2px 2px; margin-top:0;}
#monmenu ul.niveau2{margin:5px 0px 0px 0px; /margin:7px 0px 0px 0px; -margin:0;}
#monmenu li.plus{margin:0; /margin:-2px 0 0 0; -margin:-2px 0 0 0;}
/* RVITSAL-81 */
#monmenu ul.niveau1 {padding-left:0px;margin-left:200px;}
#monmenu ul.niveau1:hover,#monmenu ul.sfhover{background-color:#d5d5d3;}
#monmenu li.plus a{display:block;color:#b12b1a;}
/* RVITSAL-146 */
#monmenu ul.niveau2 li { text-align :left ; }
.footer {margin:0px auto; width:985px; background:#fff; border-top:4px solid #B22C1B;}
/*.footer ul {text-align:center; margin:10px 0; padding-bottom:10px; /padding-bottom:0px; -padding-bottom:0px;}*/
.footer ul {text-align:center; margin: 5px 0px 0px 0px; padding-bottom:5px; /padding-bottom:0px; -padding-bottom:0px;} /*modif MOA*/
.footer li {display:inline;}
.footer a { line-height:2.1em;} #footer a:hover {text-decoration:underline; background:none;color:#333;}
.footer span {color:#B22C1B;}
table.modele1 {
border: 1px;
border-color: #049280;
width:98%;border-collapse:collapse; margin-bottom:20px; margin-left:10px;margin-right:10px;
}
th {
background-color: #049280;
color: white;
font-family: Arial, Helvetica, sans-serif;
padding : 10px;
font-weight:bold; font-size:12px; width:auto;
border-bottom-width :1px;
border-bottom-style: solid;
border-bottom-color:white;
}
th.N2 {
background-color: #049280;
color: white;
font-family: Arial, Helvetica, sans-serif;
padding : 10px;
font-weight:bold; font-size:11px; width:auto;
border-bottom-width :1px;
border-bottom-style: solid;
border-bottom-color:white;
text-align: left;
}
th.FL {
background-color: #049280;
color: white;
font-family: Arial, Helvetica, sans-serif;
padding : 10px;
font-weight:bold; font-size:12px; width:auto;
border-bottom-width :1px;
border-bottom-style: solid;
border-bottom-color:white;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #049280;
}
th.LL {
background-color: #049280;
color: white;
font-family: Arial, Helvetica, sans-serif;
padding : 10px;
font-weight:bold; font-size:12px; width:auto;
border-bottom-width :1px;
border-bottom-style: solid;
border-bottom-color:#049280;
}
td.impair {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 10px;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
}
td.impairFL {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding : 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #049280;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
}
td.impair2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding : 10px;
text-align: center;
border-right-style: solid;
border-right-color: #049280;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
}
td.impair2FL {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding : 10px;
text-align: center;
border-right-style: solid;
border-right-color: #049280;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #049280;
}
td.impair2LL {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding : 10px;
text-align: center;
border-right-style: solid;
border-right-color: #049280;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #049280;
}
td.pair {
background-color: #cfe7e4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding : 10px;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
}
td.pair2 {
background-color: #cfe7e4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding : 10px;
text-align: center;
border-right-style: solid;
border-right-color: #049280;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
}
td.pairLL {
background-color: #cfe7e4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding : 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #049280;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
}
td.pair2LL {
background-color: #cfe7e4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding : 10px;
text-align: center;
border-right-style: solid;
border-right-color: #049280;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #049280;
border-left-width: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #049280;
}
/** Pour utiliser dans les Garanties & Services */
div.etoiles_vert {
background: url("/vitrines-integration-resources-webapp/skin/images/pages-internes/etoiles_vert.png");
width: 15px;
height: 14px;
margin:auto;
padding:0;
}
/** RVITSAL-87 : puces */
th.LL ul {
list-style-type: disc;
margin-bottom: 0px;
}
th.LL ul li {
list-style-type: disc;
padding-bottom: 15px;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
visibility: hidden;
}
.sIFR-hasFlash h2 {
visibility: hidden;
letter-spacing: -9px;
/*font-size: 55px;*/
margin-left: 15px;
margin-top: 8px;
padding-top: 10px;
height: 49px;
}
/*
.sIFR-hasFlash h3 {
visibility: hidden;
letter-spacing: -6px;
font-size: 25px;
}
.sIFR-hasFlash h4 {
visibility: hidden;
letter-spacing: -5px;
font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
letter-spacing: -4px;
visibility: hidden;
font-size: 24px;
}*/
/*body {display:none !important;}*/
/*correction pour les tableau*/
table .green a {color:#333;}
.turquoise, .turquoise a {color:#078f7e;}
/* ---------- Style des boutons ------------*/
/*.btn {width:136px;color:#fff; font-size:10px;font-weight:bold;display:block;line-height:21px;text-align:center;margin-bottom:5px;}
.btn span {line-height:21px;}
#formNav a.btn span{color:#fff !important; position:relative; top:-2px;}*/
background:#B12B1A url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_acces_groupe.png) no-repeat scroll 0%;line-height:17px;width:132px;
.accesGroupe span {line-height:17px;}
background:#b12b1a url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_acces_pro.png) no-repeat;
background:#b12b1a url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_standard.gif) no-repeat;line-height:18px;
background:#c5dee3 url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_red_home.gif) no-repeat;line-height:18px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_next.png) no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_previous.png) no-repeat;
.btns {text-align:left;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_red_bgl.gif) no-repeat left top; text-align:center; display:block;line-height:16px; padding-bottom:2px;font-weight:bold; color:#fff; padding-left:5px;width:170px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_red_bgr.gif) no-repeat right top;width:auto !important; display:block;line-height:16px; padding-bottom:2px;
/* font */
.font14b {font-size:14px; font-weight:bold; color:#333;}
.devis {float:right;margin-top:67px;margin-right:15px}
.argu {margin-bottom:20px;margin-left:20px;margin-right:20px; float:left; width:36em;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x left bottom;padding-bottom:10px;min-height:20px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x left bottom;
.toggleParent .toggleContent {background:none;}
.argu .toggleTit {margin-top:10px; margin-bottom:5px;}
.argu .one {line-height:20px}
.argu img {float:left; margin-right:15px}
.quizz {margin-left:10px;margin-right:10px; overflow:hidden; width:731px; position:relative;}
.quizz p {zoom:1;margin:8px 0;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/formulo_quizz.png) no-repeat;width:731px; height:31px;
.quizz h1 span {display:none}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille_sante.gif) no-repeat left bottom;display:block;width:540px;margin-left:35px;margin-top:10px;font-size:13px;line-height:18px;color:#09ab6a;
.colorSante {color:#09ab6a;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille_gris.gif) no-repeat left bottom;
.numero {float:left;margin:6px }
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/fond_quizz.png) no-repeat;margin-top:10px;text-align:justify;
.contenuQuizz h6 img{margin-bottom:-5px;}
.contenuQuizz input {margin-bottom:-3px;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/parenthese.png) no-repeat;
.form{float:right;width:400px;margin-top:20px;margin-left:20px;margin-right:10px}
.info p {width:200px;}
.toggleTit {cursor:pointer; overflow:hidden; _overflow:visible; zoom:1;}
/*.toggleTit:hover {text-decoration: underline;} */
.offrePDF {text-align:right; clear:both;}
/* CONTENU Quizz */
.contenuQuizz{float:left;}
.quizz{overflow:hidden;}
#formNav{margin:0;}
#formNav input{border:1px solid #fff;cursor:pointer;}
/* BLOCK */
.block{text-align:left;}
.block .bold{font-weight:bold; !important}
.block .flash object{display:block; margin-left:auto;}
.block .floatL img, .block .floatR img{margin-right:10px;}
.btSpace{padding-bottom:30px;}
.text{padding-bottom:10px;}
/* TABLE */
.offerTab{width:98%;_width:96%; color:#333; border-collapse:collapse; margin-bottom:20px; margin-left:10px;margin-right:10px;}
.offerTab caption{text-align:left; padding:12px 0; font-size:12px; margin-left:10px;}
.offerTab .green th,.offerTab .green td{background-color:#e5f4f6; color:#333;}
.offerTab .odd th,.offerTab .odd td{background-color:#e5f4f6; color:#333;}
.offerTab th img{float:right; margin:5px 2px 0 5px;}
.offerTab .lastLine{text-align:center; padding:0 !important;}
.offerTab .lastLine td, .offerTab .lastLine th{border-bottom:3px solid #7fc7d2;}
.offerTab thead {border-bottom:1px solid #fff;}
.offerTab thead p.classement{}
.offerTab thead th {font-size:10px; font-weight:normal; margin:3px 0; text-align:center;background:#e5f4f6; border-left:1px solid #7fc7d2; vertical-align:text-top; padding:5px 0;}
.offerTab thead th:first-line,.offerTab thead th strong,.offerTab thead td:first-line{font-weight:bold;text-align:center; font-size:12px;}
.offerTab thead td{background:#fff !important;}
.offerTab thead th span{color:#09ab6a;}
.gp_bien .offerTab thead th span{color:#0c60ff;}
.offerTab thead.order th div{display:block; text-align:center; margin:5px 0;}
.offerTab thead.order th div img {float:none; margin:0;}
.offerTab tbody th, .offerTab tbody td {padding:4px 5px;line-height:15px;}
.offerTab tbody th{font-weight:normal; text-align:left; white-space:nowrap;}
.offerTab tbody th.greenLine{background:#7fc7d2; color:#fff; font-weight:bold; font-size:12px; width:auto;}
.offerTab tbody td{text-align:center; color:#09ab6a; border-left:1px solid #7fc7d2; font-weight:bold;}
.gp_bien .offerTab tbody td {color:#0c60ff;}
.offerTab tbody td.imgPrio {text-align:center;}
.offerTab tbody span{font-size:12px;}
.offerTab tfoot td p{font-size:8.5px; margin:0; text-align:left;}
.offerTab tfoot th{padding:8px 0; border-top:5px solid #7fc7d2;}
.offerTab tfoot td{border-top:5px solid #7fc7d2; border-left:1px solid #7fc7d2; border-bottom:1px solid #7fc7d2; padding-left:45px; background:#e5f4f6;}
.offerTab tfoot th.outInfos, .outInfos {border-top:0; font-weight:normal; font-size:8.5px;}
/* Nouvelle version des tableaux */
.offerTabMSE{width:97%; color:#333; border-collapse:collapse; margin:20px auto; border-bottom:1px solid #7fc7d2;}
.offerTabMSE caption{text-align:left; padding:12px 0; font-size:12px; margin-left:10px;}
.offerTabMSE .green th,.offerTab .green td{background-color:#e5f4f6; color:#333;}
.offerTabMSE .odd th,.offerTabMSE .odd td{background-color:#e5f4f6; color:#333;}
.offerTabMSE th img{margin:5px 0px 0 5px;}
.offerTabMSE .lastLine{text-align:center; padding:0 !important;}
.offerTabMSE .lastLine td, .offerTabMSE .lastLine th{border-bottom:3px solid #7fc7d2;}
.offerTabMSE thead {border-bottom:1px solid #fff;}
.offerTabMSE thead th {text-align:center; background:#008FA6; color:white; border-left:1px solid white; border-top:1px solid white; padding:5px; font-size:1.2em;}
.offerTabMSE thead th a {color:white;text-decoration:none;}
.offerTabMSE thead th.first {border-left:1px solid #7FC7D2;}
.offerTabMSE thead th:first-line,.offerTabMSE thead th strong,.offerTabMSE thead td:first-line{font-weight:bold;text-align:center; font-size:12px;}
.offerTabMSE thead td{background:#fff !important;}
.offerTabMSE thead th span{color:#09ab6a;}
.offerTabMSE thead.order th div{display:block; text-align:center; margin:5px 0;}
.offerTabMSE thead.order th div img {float:none; margin:0;}
.offerTabMSE tbody td, .offerTab tbody th {text-align:left; padding:0 5px; font-size:1.1em; border-left:1px solid #7FC7D2;border-right:1px solid #7FC7D2; height:40px; vertical-align:middle;}
.offerTabMSE tbody th{font-weight:normal; white-space:nowrap;line-height:21px;}
.offerTabMSE tbody th.greenLine{background:#7fc7d2; color:#fff; font-weight:bold; font-size:12px; width:auto;}
.offerTabMSE tbody td.imgPrio {text-align:left; padding-left:60px; width:160px;}
.offerTabMSE tbody span{font-size:12px;}
.offerTabMSE tfoot td p{font-size:8.5px; margin:0; text-align:left;}
.offerTabMSE tfoot th{padding:8px 0; border-top:5px solid #7fc7d2;}
.offerTabMSE tfoot td{border-top:5px solid #7fc7d2; border:1px solid #7fc7d2; border-top:none; padding-left:45px; background:#e5f4f6;}
.offerTabMSE tfoot th.outInfos, .outInfos {border-top:0; font-weight:normal; font-size:8.5px;}
.tableBorder {border:1px solid #7FC7D2}
.tableBorder thead th {border-left-color:#7FC7D2}
.tableBorder2 {border:2px solid #7FC7D2}
.tableFullWidth table {width:100%;}
.contentEpargne .offerTab thead th span{color:#078f7e;}
.contentEpargne .offerTab thead th span{color:#078f7e;}
.contentEpargne .offerTab tbody td {color:#078f7e;}
.offerTab .green td{color:#333 !important;}
.colLeft {text-align:left !important; line-height:1.4em !important;padding:5px !important;}
p.outInfos {border-top:0; font-weight:normal; font-size:8.5px; margin:-10px 10px 20px;}
.infobulle-tip, .infobulle-tip-right{background: url(/img/infobulles/infobulle.png) no-repeat left top; width:350px; text-align:left; border-bottom:1px solid #09ab6a; padding:13px 5px 5px; margin:0 0 0 0;}
.infobulle-tip-normal {margin-left:-27px;}
.infobulle-tip-right{background: url(/img/infobulles/info_bulle_right.png) no-repeat right top;margin-left:27px;}
.infobulle-tip-inverted, .infobulle-tip-right-inverted {background: url(/img/infobulles/infobulle_inverted.png) no-repeat left bottom;border-top:1px solid #09ab6a;border-bottom:0;padding-top:5px;padding-bottom:13px; margin-top:10px;margin-left:-27px;}
.infobulle-tip-right-inverted {background: url(/img/infobulles/infobulle_right_inverted.png) no-repeat right bottom;}
.small-infobulle-tip-normal, .small-infobulle-tip-right, .small-infobulle-tip-inverted, .small-infobulle-tip-right-inverted {width:190px;}
.small-infobulle-tip-normal {margin-left:-27px;}
.small-infobulle-tip-normal,.small-infobulle-tip-right{background: url(/img/infobulles/small_infobulle.png) no-repeat left top; text-align:left; border-bottom:1px solid #09ab6a; padding:13px 5px 5px; margin:0 0 0 0;}
.small-infobulle-tip-right{background: url(/img/infobulles/small_infobulle_right.png) no-repeat right top;margin-left:27px;}
.small-infobulle-tip-inverted, .small-infobulle-tip-right-inverted {background: url(/img/infobulles/small_infobulle_inverted.png) no-repeat left bottom;border-top:1px solid #09ab6a;border-bottom:0;padding-top:5px;padding-bottom:13px; margin-top:10px;margin-left:-27px;}
.small-infobulle-tip-right-inverted {background: url(/img/infobulles/small_infobulle_right_inverted.png) no-repeat right bottom;}
/*
PAGES FORMULAIRE
-- GENERIQUE -- (via id 'globalForm')
- r?gle g?n?rique -
- cas speciaux -
-- SANTE -- (gestion des codes couleurs)
*/
/* -- GENERIQUE -- */
/* -- r?gle g?n?rique -- */
#globalForm h2 {color:#333; font:bold 12px verdana; background:none; display:block; margin-left:10px; }
#globalForm h2 strong {color:#09ab6a;}
.gp_bien #globalForm h2 strong {color:#0c60ff;}
#globalForm .accroche {margin-left:10px; font-size:12px;}
#globalForm fieldset {border:0 none;clear:both; margin-left:0; _margin-left:10px;}
#globalForm legend, #formScr .legend, h4.legend{text-transform:uppercase; color:#09ab6a; font:bold 12px verdana; margin-bottom:0; _margin-bottom:2px; margin-top:10px; _margin-left:-8px;}
h4.legend {margin-bottom:5px}
h3.legend, span.legend {display:block; margin-left:0 !important;}
.gp_bien #globalForm legend, .gp_bien #formScr .legend {color:#0c60ff;}
div.hr, #globalForm div.hrgrey{height:2px; margin:0 0 10px 10px; clear:both; font-size:0;}
#globalForm fieldset div.hr, #globalForm fieldset div.hrgrey{margin:0 0 10px;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/legend_bg.gif) repeat-x bottom;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/hrgrey_bg.gif) repeat-x bottom; padding-bottom:10px;
#globalForm {zoom:1;position:relative;clear:both;}
#globalForm dl {color:#333;zoom:1;}
#globalForm dt, #globalForm dd {display:block; float:left; line-height:14px; margin-bottom:8px;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat 0 2px; text-indent:12px; font-weight:bold;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat 0 2px; text-indent:12px; font-weight:bold;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_bleu.gif) no-repeat 0 2px;
#globalForm.label200 dt.fleche {width:200px; clear:left; text-indent:12px; font-weight:bold;}
#globalForm dt img{position:relative; top:2px; margin-left:4px;}
#globalForm dd {width:auto;}
#globalForm dd label {margin-right:10px;}
#globalForm dd#priorites label, #globalForm dd#produits label {margin-right: 0;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/hrgrey_bg.gif) repeat-x bottom;text-transform:uppercase; color:#09ab6a; clear:both; padding:0 0 4px 165px; margin:15px 0 10px; font:bold 10px verdana;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat 0 2px; padding-left:12px; font-weight:bold;
#globalForm dl.enfant{float:left;;margin-left:10px;width:180px;}
#globalForm dl.enfant dt{display:none;}
#globalForm dl.enfant dt.ttr{display:block; padding:0 0 4px 0;}
#globalForm dl.enfant dd{display:block;clear:left;}
#globalForm ul.histogramme li {background-image:none; display:block; float:left; width:24%; clear:none; margin-top:20px;}
#globalForm ul.histogramme li img{display:block; margin:20px;}
#globalForm ul.histogramme label {color:#078f7e; font-size:12px;}
#globalForm ul.legendeHisto li{background-image:none; line-height:14px; margin-bottom:0; font-weight:normal; margin:0;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat 0 2px; text-indent:12px; font-weight:bold;line-height:14px; margin-bottom:8px; color:#333;list-style:none;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_bleu.gif) no-repeat 0 2px;
#globalForm li img {position:relative; top:2px; margin-left:4px; margin-right:4px;}
#globalForm li p {text-align:center;}
#globalForm li p img {margin:0;}
#globalForm li h4 {background:none; border:0 none; color:#333; font:bold 10px verdana; padding:0; margin:0 0 10px;}
#globalForm ol li {list-style:none; background:none; color:#333;font-weight:normal;}
#globalForm li.liBlock {display:block; float:left; width:100px; margin-right:10px; clear:none;}
#globalForm li.liBlock input{margin:4px 0 0 12px;}
#globalForm .flush li{margin:0; padding:0; font-style:normal; background:none; text-indent:0;font-weight:normal;}
#globalForm dl input, .inputSizeAuto input{vertical-align:middle;margin-right:5px; position:relative;}
#globalForm dd.inlineInputs input, #globalForm dd input#clientOui, #globalForm dd input#clientNon{bottom:3px;_bottom:1px;}
#globalForm li input, #globalForm li select{vertical-align:middle;margin-right:5px; margin-left:4px; position:relative;}
input.txt, input.txtlong, input.txtmedium, input.txtshort, textarea {border:1px solid #333;}
input.txt{width:110px;}
select.txt{width:110px;}
input.txtlong{width:240px;}
input.txtmedium{width:170px;}
input.txtshort{width:80px;}
select.slct {width:110px;}
.fixMFF .fixDD{*width:100% !important;}
/* correction bug IE */
#globalForm dd {*float:none; *zoom:1; *overflow:visible;}
#globalForm .clearnone {margin-left:5px;}
#globalForm .col2form { width:330px;float:left;}
.gp_bien #globalForm .col2form { width:370px;}
#globalForm .left60marge {margin-left:60px;}
#globalForm p.out2accroche{display:block; font:bold 12px verdana; width:588px; color:#333; margin-left:10px;}
#globalForm .devList {margin-bottom:200px; clear:both;margin-left:10px;}
#globalForm .devList li {font:normal 12px verdana; background-position:0 4px;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/hrgrey_bg.gif) repeat-x bottom; padding-bottom:4px; width:716px; display:block; float:right;
#globalForm .devList li label.noPuce{padding-bottom:4px; width:716px; display:block; float:right;}
#globalForm .devList li input {margin-left:14px;}
/* cas speciaux */
#globalForm .ie6_140px {width:140px;}
#globalForm .ie6_240px {width:240px;}
#globalForm .ie6_260px {width:260px !important;}
#globalForm .ie6_280px {width:280px;}
#globalForm .ie6_330px {width:330px !important;}
#globalForm .ie6_370px {width:370px !important;}
#globalForm .ie6_480px {width:480px !important;}
.infoIns .show dd, .infoIns .hide dd{font-weight:bold; }
input.valider, input.modifier {border:0 !important;}
/* Erreur */
.divError {color:red; padding:0 5px; border:1px solid red; margin:5px 0 10px; font-weight:bold; width:90%;}
.divError li {margin: 8px 0; text-indent:0 !important; background:none !important; color:red !important; font-weight:normal !important; line-height: 14px;}
.error {background-color: #FFB6C1;}
/* -- SANTE -- */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/h1_devis_santes.gif) no-repeat 20px 10px; display:block; height:63px; width:100%;margin-bottom:10px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/h1_bg_devis_sante.gif) no-repeat;display:block;width:309px;height:60px;position:relative;top:0px;right:0px;margin-left:auto;
/* SOUCRIPTION */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/etape_form_bg.png) repeat-x top;margin: 10px 11px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/etape_form.png) no-repeat;width:130px;height:36px;float:left;color:#008fa6;padding-top:4px;margin-right:75px;
ul#etape_form li.last{margin-right:0 !important;}
background:#b12b1a url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/sante/etape_form_current.png) no-repeat;color:#fff;
ul#etape_form.steps5 {width:735px;margin-left:auto; margin-right:auto;}
ul#etape_form.steps5 li {margin-right:21px;}
ul#etape_form.steps5 li.beforelast {margin-right:22px;}
div.recap, p.recap{font-size:13px;}
div.recap .price,p.recap .price{font-size:14px;color:#09ab6a;font-weight:bold;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat left 10px;zoom:1;
span.offer{background:#09ab6a;color:#fff;font-weight:bold;padding:0 40px;}
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x bottom;margin-bottom:5px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat left 10px;zoom:1;
#formScr .tit {_height:30px;}
#formScr legend{color:#09ab6a;font-weight:bold;font-size:16px;line-height:30px; _height:30px;}
#formScr label{vertical-align:middle;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat left 2px;font-weight:bold;padding-left:10px;
#formScr dt img{margin:2px 0 0 6px;}
#formScr dt,#formScr dd{min-height:24px;_height:24px;}
#formScr input{font-size:10px;border:1px solid #333;width:140px;}
#formScr input.readonly,#globalForm dl input.readonly{border:none;}
#formScr select{font-size:10px;border:1px solid #333;width:140px; _border:0; _margin:-1px;}
#formScr input.date{width:90px;}
#formScr select.civilite{width:100px;}
#formScr input.radio{width:12px;border:0;vertical-align:middle;}
#formScr fieldset{float:left;border:0;margin:0;}
#formScr .parent fieldset{}
* html #formScr .parent fieldset{background-position:0 26px;}
*:first-child+html #formScr .parent fieldset{background-position:0 26px;}
#formScr fieldset.hide dl dt{display:none;}
#formScr fieldset.hide dl dd{float:none;}
#formScr .parent fieldset.show{width:420px;}
#formScr .parent fieldset dd{float:left;width:150px;}
#formScr .parent fieldset.show dt{float:left;width:250px;}
#formScr .parent fieldset.hide dt{float:left;width:250px;}
#formScr .parent fieldset.show legend{padding-left:250px;padding-right:205px;}
#formScr div.enfant, #formScr div.parent {zoom:1; }
#formScr .enfant fieldset.show{width:360px;float:left;}
#formScr .enfant fieldset.hide{width:150px;padding-left:10px}
#formScr .enfant fieldset dd{float:left;width:auto;}
#formScr .enfant fieldset.show dt{float:left;width:190px;}
#formScr .enfant fieldset.hide dt{float:left;width:280px;}
#formScr .enfant fieldset.show legend{padding-left:190px;}
#formScr .enfant fieldset legend{font-size:13px;}
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x left top;padding:6px 0;zoom:1;
p.submit input, #globalForm p.submit input{font-weight:bold;border:0;color:#fff;cursor:pointer;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_standard.gif) no-repeat; width:136px; height:19px; font:bold 10px verdana;
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_standard.gif) no-repeat;width:136px;height:19px;float:right; font:bold 10px verdana; position:relative; top:-2px; *position:static;zoom:1;
input.modifier, input.valider {border:0 !important;}
/* CONTACT */
.formContact { width:auto !important;}
.formContact textarea { width:220px; height:64px; margin:0 0 10px; overflow:auto;}
.formContact h1 img {margin:24px 0 40px 18px;}
.formContact fieldset { margin-top:20px;}
.formContact .btns a {width:80px !important; float:left; margin-left:8px; margin-right:auto; }
.formContact .btns a span{line-height:16px; padding-bottom:2px;}
.formContact h3.lien {font-size:12px; margin-bottom:20px; margin-top:20px;}
.formContact dl{width:auto;}
.formContact dt { width:228px !important;float:left;margin-bottom:8px;font-weight:bold;line-height:14px;margin-top:1px;}
.formContact dt.noback {background:none !important;}
.formContact dd {width:332px !important;*width:auto !important;float:left;margin-bottom:8px;line-height:14px;}
.formContact dd p {margin:0; padding:0; line-height:16px;}
.souhait li { background:none !important; text-indent:0 !important; font-weight: normal !important; }
.souhait li span {color:#b22c1b;}
/* OFFRES FINANCIERE */
#offer table{width:750px !important;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat left 2px;font-weight:bold;padding-left:10px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x bottom;color:#09ab6a;margin:25px 0 7px 0 !important; line-height:24px;
#offer h5 {}
#offer p {margin:0 !important;}
/* DOSSIER CONSEIL
#dossier {width:580px;margin-top:10px;}
#dossier p {text-align:justify;}
#dossier a.suite span {font-weight:bold;color:#b12b1a;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_red_bgr.gif) no-repeat top right;float:left;_width:205px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_red_bgl.gif) no-repeat top left;
#dossier div.footer {clear:both;}
#dossier div.footer a.lien{float:right;}
#dossier h2 {margin:0;text-transform:uppercase;font-size:14px;padding-left:33px;line-height:30px;height:34px;text-align:left;}
#dossier h3 {margin:9px 0;font-size:14px;text-align:left;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x left bottom;padding-bottom:5px;text-align:left;
#dossier ul.footBtn {list-style-type:none;margin:0;padding:0; clear:both;}
#dossier ul.footBtn li {float:left;_width:186px;margin:0;padding:0;}
#dossier ul.footBtn li a{display:block;}
#dossier ul.footBtn li a.btn_grey {text-align:center;}
#dossier ul.footBtn li a.line2 {line-height:18px;}
#dossier ul.footBtn li a.line2 span {color:#b12b1a;padding-right:5px;}
#dossier div.famille, #dossier div.biens, #dossier div.placement{padding-bottom:27px;}
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pictos/famille/icon.png) no-repeat left top;
#dossier div.famille h3 {color:#09ab6a;}
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pictos/biens/icon.png) no-repeat left top;
#dossier div.biens h3 {color:#0c60ff;}
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pictos/placements/icon.png) no-repeat left top;
#dossier div.placement h3 {color:#078f7e;}
*/
/* EPARGNE DIVERS */
.contentEpargne h5 {font-size:11px;margin:10px 0 0 0;color:#078f7e;}
.contentEpargne h4 {color:#078f7e !important;}
#colCenterRightFusion button { display:block; margin:20px auto; border:1px solid #333;}
#critRecherche {}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pictos/placements/arrow.png) no-repeat left;
#critRecherche select{margin:0 15px 0 0;}
ol.listNum {margin-top:30px;}
ol.listNum li {padding-left:35px;clear:left; margin-bottom:30px;}
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pictos/sante/picto1.png) no-repeat; border-bottom:1px dotted #ccc; margin-bottom:10px;
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pictos/sante/picto2.png) no-repeat;
/* wait */
#wait {position:absolute; background:#333; width:100%; min-height:100%; height: 100%; top:0; bottom:0;z-index:8888; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; left:0;}
.wait {position:absolute; z-index:9999; width:100%; text-align:center; top:40%; color:#fff;}
/** formy : framework CSS pour les formulaires **/
.formy {}
/* holders */
.formy fieldset {border:0; padding:0; margin:5px; padding:5px 0}
.formy fieldset legend{font-size:15px; color:#09AB6A; font-weight:bold;}
background:transparent url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x scroll left top;
.formy .ctrl, .formy .field, .formy .misc {display:block; overflow:hidden; _overflow:visible; zoom:1;}
.formy .ctrl {margin:0 0 5px;zoom:1;}
/*labels */
background:transparent url(/vitrines-integration-resources-webapp/skin/generalifr/skin/blocs/arrow_green.gif) no-repeat scroll left 2px;padding-left:10px;
.formy .label {font-weight:normal;}
.formy .label label {float:none;margin:0;background:none;padding-left:0;}
/* fields inputs, selects */
.formy input, .formy textarea {vertical-align:middle;margin:0; padding:0;border:0;font-family:Arial, verdana}
.formy span.field, .formy input.text, .formy span.field select ,.formy textarea {padding:1px 0; margin:0; border:1px solid #333; color:#000;}
.formy span.field input, .formy span.field select, .formy span.field textarea {border:0;padding:0; width:100%;display:block;}
/* select special pour corriger IE */
.formy span.field select {border:1px solid #333;width:99%}
.formy span.select {border:0 !important}
.formy .check {}
/*position label */
.formy .labelTop {float:none;display:block;width:auto;margin-bottom:5px;}
/* groupes de checkbox ou boutons radio */
.formy .checkLeft .check {float:left;margin-right:5px; *margin-right:2px; *height:11px;*margin-top:2px;*position:relative; *top:1px;}
.formy .checkLeft .label, .formy .checkLeft label {float:none; width:auto !important; overflow:hidden; _overflow:visible; zoom:1;background:0;padding-left:0;*line-height:1.3em;}
/* champs sur la m?me ligne */
.formy .inlineFields .field, .formy .inlineFields label, .formy .inlineFields input {display:inline; width:auto;float:none;vertical-align:middle;margin:0;}
.formy .inlineFields label{padding-left:0; background:none;} /* on supprime la puce en mode inline */
.errormsg {color:#f00; clear:both; display:block; position:relative; top:-8px;float:none !important; margin-bottom:0 !important; height:auto !important; min-height:0 !important; width:auto !important;}
/* largeurs label + inputs */
.label10 label {width:10% } .label20 label {width:20%} .label30 label {width:30%} .label33 label {width:33%} .label40 label {width:40%} .label50 label {width:50%}
.label60 label {width:60%} .label70 label {width:70%} .label80 label {width:80%} .label90 label {width:90%}
.input10 {width:10% !important} .input20 {width:20% !important} .input30 {width:30% !important} .input40 {width:40% !important} .input50 {width:50% !important}
.input60 {width:60% !important} .input70 {width:70% !important} .input80 {width:80% !important} .input90 {width:90% !important}
/* fixed sizes */
.labelsize1 label, .labelsize1 .label {width:100px}
.labelsize2 label, .labelsize2 .label {width:140px}
.inputsize1 .field, .inputsize1 input.text {width:120px}
/* button */
.formy button {border:1px outset #333;}
/* boutons et conteneur de boutons (correctif) */
.formy p.submit {overflow:hidden; zoom:1; _overflow:visible; clear:both;}
.formy p.submit input {position:static;}
.formy input.button {border:1px solid #000;}
/* systeme de colonnees + lignes */
.formy .line {overflow:hidden; zoom:1;height:auto; font-size:1em; width:auto; background:none; clear:none;margin:0;}
.formy .unit {float:left; margin-right:10px;}
.formy .lastunit {float:none; width:auto !important; overflow:hidden; zoom:1;}
.formy .withLeftCol { float:none; width:768px !important; _width:760px !important; overflow:hidden; zoom:1;}
.size1on2 {width:49% !important}
.size1on3 {width:32% !important} .size2on3 {width:64% !important}
.size1on4 {width:24% !important} .size3on4 {width:72% !important}
/* listes et autres ?l?ments propres au formulaire */
.formy ol {margin-left:25px;}
.formy ol li {list-style:decimal outside;}
.puces, .puces li{list-style:disc outside;}
.puces {margin-left:15px;}
/* classes vraiments sp?ciales car on a pas de temps ? perdre : */
.special3boutonsClicablesAvecBordures {overflow:hidden; zoom:1;}
.special3boutonsClicablesAvecBordures li {float:left; margin:0 20px 0 6px; width:30% !important; border:0 !important;clear:none !important}
.special3boutonsClicablesAvecBordures li.last {margin-right:0;}
.special3boutonsClicablesAvecBordures li a.lien {display:block;}
.subInformations {}
dl.unit {padding-top:3px !important;}
.labelTop {float:none !important; clear:left !important; display:block; width:auto !important;margin-bottom:0 !important;}
#globalForm .inputSizeAuto input {width:auto !important;}
#globalForm .presentationHalf {overflow:hidden; zoom:1; width:auto;}
#globalForm .presentationHalf dd.left {clear:left;float:left; width:48%; }
#globalForm .presentationHalf dd {overflow:hidden; zoom:1; margin-right:15px; }
input.text {padding-bottom:1px;}
/* bouton extensible en largeur */
.button, .button strong, .button input, .button button {
display:-moz-inline-stack; display:inline-block;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/button_bg.png) no-repeat left top;
vertical-align:middle; line-height:18px; _width:1%;
white-space:nowrap;color:#fff; font-weight:bold !important; text-decoration:none !important;font-size:10px !important;font-weight:bold;
cursor:pointer;
}
.button strong{display:block;background-position:right top;margin-left:7px;padding:0 7px 0 0;width:auto;}
.button input, .button button {
border:0 !important;background:none;padding:0 !important;width:auto !important;overflow:visible !important;height:17px !important;
position:relative;_left:-3px;top:-1px;margin:0 !important;
font-family:Verdana, arial;
}
.button button {position:static;_width:1% !important;}
/* calendar */
div.calendar {background:#fff; border:1px solid #000;color:#000;width:160px;position:absolute;}
div.calendar caption {text-align:center;}
div.calendar caption .prev , div.calendar caption .next {position:absolute; top:-1px; cursor:pointer;font:bold 12px Arial;background:none;text-decoration:none !important;}
div.calendar caption .prev {left:5px;}
div.calendar caption .next {right:5px;}
div.calendar caption .month {margin-right:5px;}
div.calendar caption .month, div.calendar caption .year{font-weight:bold; color:#da0000; font-size:11px;}
div.calendar table{width:100%;}
div.calendar thead{color:#da0000}
div.calendar tbody td.invalid, div.calendar tbody td{text-decoration:none; color:#ccc;}
div.calendar tbody td.valid{text-decoration:underline; color:#16387C;cursor:pointer;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/calendar_icon.png) no-repeat left top;border:none;vertical-align:middle;cursor:pointer;position:relative; z-index:10; top:-2px;_top:-1px;//top:-1px;margin-right:2px;padding:0;
/* boutons de souscription */
span.souscription_gav_F1_1 ,span.souscriptionF1_1 , span.souscriptionF1_2, span.souscriptionF1_3 {display:-moz-inline-stack; display:inline-block;background:no-repeat left top;vertical-align:middle;}
span.souscription_gav_F1_1 input,span.souscriptionF1_1 input, span.souscriptionF1_2 input, span.souscriptionF1_3 input{padding:0; overflow:hidden;opacity:0; filter:alpha(opacity=0); height:63px;cursor:pointer;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_souscrire_ligne.gif);
strong .souscriptionF1_1 span, span.souscriptionF1_1 input, span.souscriptionF1_1 strong { width:199px;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_souscrire_conseiller.gif);
span.souscriptionF1_2 input, span.souscriptionF1_2 strong {width:177px;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_souscrire_agence.gif);
span.souscriptionF1_3 input, span.souscriptionF1_3 strong {width:144px;}
span.souscriptionFixLink strong {display:block; height:63px;vertical-align:middle;overflow:hidden; text-indent:-5000px;cursor:pointer;}
/* corrections a l'arrache */
p.checkLeft {margin-top:0; margin-bottom:0;}
body.popup{margin:0;padding:0;}
/* corrections */
.widthAuto {width:auto;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_souscrire.gif);vertical-align:middle;
span.souscription_gav_F1_1 input, span.souscription_gav_F1_1 strong { width:199px;}
.labelFix {margin-bottom:9px;}
.lineRadio {margin-right:0;margin-left:0;position:static;}
.inlineLabel {background:none !important; display:inline !important; padding:0 !important;float:none !important}
.nomrgL {margin-left:0 !important}
.boutRetour {text-decoration:none;}
a.boutRetour {text-decoration:none;}
a.hover:boutRetour {text-decoration:none;}
.formfixIE {position:relative;zoom:1;}
.soulGreen{background:#09ab6a;color:#000000;}
.grasVert{color:#09ab6a;font-weight:bold;}
.grasVert2{clear:left;color:#09ab6a;font-weight:bold;text-transform:uppercase;}
.boutRadio{margin-top:10px;}
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x top;text-align:right;padding:9px 0;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/pointille.gif) repeat-x left bottom;color:#333;font-size:12px;margin:3px 0;padding:0;line-height:18px;font-weight:bold;
*/
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_standard.gif) no-repeat;width:170px;height:19px;float:right; font:bold 10px verdana; position:relative; top:-2px; *position:static;
.essai {color:#fff; top:-2px;line-height:21px;}
.souscr {clear:left;}
.agent{clear:top;margin-top:10px;}}
.posD{margin-left:180px;}
.lienIE{position:relative;zoom:1;}
#globalForm .inlineFields label {margin-right:10px;}
#globalForm .inlineFields label.inlineOnTheLeft {margin-right:0;margin-left:10px;}
#globalForm .inlineFields input {margin-right:0; margin-left:0; vertical-align:middle;}
background: url(/vitrines-integration-resources-webapp/skin/generalifr/skin/btn_standard.gif) no-repeat;width:136px;height:19px;float:left; font:bold 10px verdana; position:relative; top:-2px; *position:static;zoom:1;
.errormsgFixer .errormsg {position:static !important; margin:0 !important; padding:0 !important;}
.curseur {cursor:pointer !important;}
a.curseur span{cursor:pointer !important;}
.labelSizeCustomCivilite {width:165px !important;}
.labelSizeCustomDateNaissance {width:155px !important;}
/* fixe pour corriger les decalages dans le formulaire de recap du GAV */
#fixedFormRecap fieldset {}
#fixedFormRecap ul.recap {margin-left:6px; margin-right:6px;}
/*#fixedFormRecap fieldset div.tit {margin-left:-6px;}*/
#fixedFormRecap div.tit {margin-bottom:5px;}
.dspNone {display: none;}
#conjoint {float:right !important;}
.meaRTE k.rte{overflow:visible !important;}
/* ******* COULEURS TRANSVERSE ******* */
/* ************************************** */
/* Bloc Produits de la page d'accueil */
.Produits h2 {color:#008fa6; }
/* plan de site */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_tetiere_transverse.png) left center no-repeat;
.PlanSite h3 span{background-position:right center;}
/* ************** COULEURS ************* */
/* ************************************** */
/* ** Charte **
Classes a appliquer pour obtenir une couleur differente.
* .color01 : pour une surchage de bleu gras (ex : Bloc Lien sur la colonne de droite)
* .color02 : pour les elements de type societaire.
* .color03 : Au besoin.
* .univers01 : Vert clair - A appliquer sur un conteneur parent
* .univers02 : Bleu fonce - A appliquer sur un conteneur parent
* .univers03 : Vert fonce - A appliquer sur un conteneur parent
* .univers04 : Rouge - A appliquer sur un conteneur parent
* .univers05 : Orange - A appliquer sur un conteneur parent
* .univers06 : Grenat - A appliquer sur un conteneur parent
* .univers07 : Marron - A appliquer sur un conteneur parent
* .univers08 : Jaune - A appliquer sur un conteneur parent
*/
/* ********* COULEURS DEFAULT ********** */
/* ************************************ */
/* COULEURS d�faut */
/* bleu gras */ .color01 {color:#008fa6; font-weight:bold;}
/* rouge */ .color02 {color:#b22c1b;}
/* gris */ .color03 {color:#F0EDED;}
.SemiRond , .puce_couleur {background-color:#008FA6;}
/* ********* COULEURS UNIVERS ********** */
/* ************************************ */
/* UNIVERS 01 */
.univers01 .PlanSite h4, /*.univers01 h1,*/ .univers01 h2, .univers01 h3, .univers01 h4 em, #boxes .univers01 a {color:#09AB6A;}
.univers01 .SemiRond , .univers01 .puce_couleur {background-color:#09AB6A;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_tetiere_univers01.png);
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/puce_rte01.png);
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ1_nonactive.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ1_nonactive.png) left bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ1_active.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ1_active.png) left bottom no-repeat;
background:#a9d1d8 url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_univers01.png) right top;
/* UNIVERS 02 */
.univers02 .PlanSite h4, /*.univers02 h1,*/ .univers02 h2, .univers02 h3, .univers02 h4 em, #boxes .univers02 a { color:#0C60FF;}
.univers02 .SemiRond , .univers02 .puce_couleur {background-color:#0C60FF;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_tetiere_univers02.png);
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/puce_rte02.png);
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ2_nonactive.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ2_nonactive.png) left bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ2_active.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ2_active.png) left bottom no-repeat;
background:#abc0e9 url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_univers02.png) right top;
/* UNIVERS 03 */
.univers03 .PlanSite h4, /*.univers03 h1,*/ .univers03 h2, .univers03 h3, .univers03 h4 em, #boxes .univers03 a { color:#078F7E;}
.univers03 .SemiRond , .univers03 .puce_couleur {background-color:#078F7E;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_tetiere_univers03.png);
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/puce_rte03.png);
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ3_nonactive.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ3_nonactive.png) left bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ3_active.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ3_active.png) left bottom no-repeat;
background:#aad9c5 url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_univers03.png) right top;
/* UNIVERS 04 */
.univers04 .PlanSite h4, .univers04 h1, .univers04 h2, .univers04 h3, .univers04 h4 em, #boxes .univers04 a {color:#b22c1b;}
.univers04 .SemiRond , .univers04 .puce_couleur {background-color:#b22c1b;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_tetiere_rouge.png);
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/puce_rte04.png);
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ4_nonactive.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ4_nonactive.png) left bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ4_active.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ4_active.png) left bottom no-repeat;
/* ******** COULEURS SURCHARGE ********* */
/* ************************************ */
/* SURCHARGE ROUGE */
.rouge .PlanSite h4, /*.rouge h1,*/ .rouge h2, .rouge h3, .rouge h4 em {color:#b22c1b;}
.rouge div.SemiRond, .rouge .puce_couleur {background-color:#b22c1b!important;}
.rouge .PlanSite h3, .rouge .PlanSite h3 span {background-image:url(skin/block/fond_tetiere_rouge.png)}
/* SURCHARGE BLEUE */
.bleu .PlanSite h4, /*.bleu h1,*/ .bleu h2, .bleu h3, .bleu h4 em {color:#008fa6;}
.bleu div.SemiRond , .bleu .puce_couleur {background-color:#008fa6!important;}
background-image:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_tetiere_transverse.png);
/*
** @author : F6
* A. Librairies (CSS reset...)
* B. Styles generaux (declarations defaut des Hx, strong)
* C. Styles helpers (margins, paddings, txtX)
* D. Structure principale
- Structure de base
- Header
- Menu Nav
- Chemin de Fer
- Footer
* E. Structure des blocks (line, unit, .block, .blockSimple, corners). On ne trouve ici que les declarations structurelles de base
* F. Contenus (listes ul.listPuce, .mea, dataArray...)
*/
/****
* B. Styles generaux (declarations defaut des Hx, strong, a (liens) )
****/
/* Puces de listes */
.puce {float:left;}
.puce_couleur {display:-moz-inline-box; display:inline-block; *display:inline;_font-size:1%;zoom:1;} /* Inline-block pour Safari et Opera, inline pour IE */
/* Styles pour le RTE */
.rte p, .rte ul, .rte ol, .rte dl {margin-bottom:1em;}
.rte {}
.rte ul {margin-left: 15px;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/puce_rte00.png) no-repeat 0 0.6em;
.rte li span {vertical-align:middle;}
.rte ul ul li {list-style-type:disc; list-style-position:inside; background:none !important;}
.rte dt {font-weight: bold;}
.rte dd {margin-left: 1em; padding-top: 0.2em;}
/* Flash et PNG */
.swfFont {letter-spacing:-1px; padding-right:1px;} /* Classe permettant d'appeler la fonction de remplacement de font gr�ce au flash */
.pngfix {filter:expression(pngFix(this));} /* Classe pour forcer la transparence des PNGs pour IE6 */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/px.gif) no-repeat left top;filter:expression(pngFix(this));
/* Liens specifiques */
/* Non soulignes */
/*
#header a, #header_vdeux a, a.btn, .btns a, a.btn2, a.color01, #breadcrumbs a, .etaussi a, .BlocConseil a, #footer a, .slideIdentitaire a, .BlocLien a, .ListeLiens a, .depliable a, a.nodecoration, #boxes p a {text-decoration:none;}
#header a:hover, #header_vdeux a:hover, a.btn:hover, .btns a:hover, a.btn2:hover, a.color01:hover, #breadcrumbs a:hover, .etaussi a:hover, .BlocConseil a:hover, #footer a:hover, .slideIdentitaire a:hover, .BlocLien a:hover, .ListeLiens a:hover, .depliable a:hover, a.nodecoration:hover, #boxes p a:hover {text-decoration:underline;}
*/
/* Chevron */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/puce01.png) no-repeat center left; padding-left:15px; line-height:1.8em;
/* Liens rouges */
.etaussi div a {color:#B22C1B; font-weight:bold;}
/****
* Helpers (declarations defaut des Hx, strong, a (liens) )
****/
/* alignement (vertical-align, text-align) */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}
/* Mise en avant de texte */
.gras {font-weight:bold !important;}
/* Soulignage des titres */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/pointille.gif) repeat-x left bottom; padding-bottom:3px;
/* positionnement flottant */
.floatL {float:left !important;}
.floatR {float:right !important;}
.context {overflow:hidden; _overflow:visible; zoom:1;}
.clear {clear:both;}
.clearL {clear:left;}
/* fullWidth (force une image ou un flash a prendre toute la largeur de son conteneur, ) */
.mediaFullSize object, .mediaFullSize embed, .mediaFullSize img {width:100%;display:block;vertical-align:top;}
/* largeurs des blocs */
.size1on1{float:none !important;margin-right:0; width:auto}
.size1on5{width:18.8% !important;}
.size1on4{width:23.8% !important;}
.size1on3{width:32.3% !important;}
.size2on5{width:39% !important;}
.size6on13{width:46% !important;}
.size1on2{width:49% !important;}
.size3on5{width:58% !important;}
.size2on3{width:66% !important;}
.size3on4{width:74.8% !important;}
.size4on5{width:78% !important;}
.sizeleftcol { width:180px; overflow:hidden;}
.sizecolcenter { width:583px;}
/* marges des blocs */
.Vspace, .Tspace {margin-top:10px !important}
.Vspace, .Bspace {margin-bottom:10px !important}
.VspaceLg, .TspaceLg {margin-top:20px !important}
.VspaceLg, .BspaceLg {margin-bottom:20px !important}
/* margins pour les contenus, XmarginYY*/
.Nomargin {margin:0 !important;}
.marginSm {margin:5px !important}
.margin{margin:10px !important}
.marginLg {margin:20px !important}
.marginMax {margin:40px !important}
.VmarginSm, .TmarginSm {margin-top:5px !important} .VmarginSm, .BmarginSm {margin-bottom:5px !important} .HmarginSm, .LmarginSm {margin-left:5px !important} .HmarginSm, .RmarginSm {margin-right:5px !important}
.Vmargin, .Tmargin {margin-top:10px !important} .Vmargin, .Bmargin {margin-bottom:10px !important} .Hmargin, .Lmargin {margin-left:10px !important} .Hmargin, .Rmargin {margin-right:10px !important}
.VmarginLg, .TmarginLg {margin-top:20px !important} .VmarginLg, .BmarginLg {margin-bottom:20px !important} .HmarginLg, .LmarginLg {margin-left:20px !important} .HmarginLg, .RmarginLg {margin-right:20px !important}
.VmarginMax, .TmarginMax {margin-top:40px !important} .VmarginMax, .BmarginMax {margin-bottom:40px !important} .HmarginMax, .LmarginMax {margin-left:40px !important} .HmarginMax, .RmarginMax {margin-right:40px !important}
/* paddings pour les contenus */
.Nopadding {padding:0 !important;}
.paddingSm {padding:5px !important}
.padding{padding:10px !important}
.paddingLg {padding:20px !important}
.paddingMax {padding:40px !important}
.VpaddingSm, .TpaddingSm {padding-top:5px !important} .VpaddingSm, .BpaddingSm {padding-bottom:5px !important} .HpaddingSm, .LpaddingSm {padding-left:5px !important} .HpaddingSm, .RpaddingSm {padding-right:5px !important}
.Vpadding, .Tpadding {padding-top:10px !important} .Vpadding, .Bpadding {padding-bottom:10px !important} .Hpadding, .Lpadding {padding-left:10px !important} .Hpadding, .Rpadding {padding-right:10px !important}
.VpaddingLg, .TpaddingLg {padding-top:20px !important} .VpaddingLg, .BpaddingLg {padding-bottom:20px !important} .HpaddingLg, .LpaddingLg {padding-left:20px !important} .HpaddingLg, .RpaddingLg {padding-right:20px !important}
.VpaddingMax, .TpaddingMax {padding-top:40px !important} .VpaddingMax, .BpaddingMax {padding-bottom:40px !important} .HpaddingMax, .LpaddingMax {padding-left:40px !important} .HpaddingMax, .RpaddingMax {padding-right:40px !important}
/****
* E. Structure des contenus (line, unit, .block, .blockSimple, corners). On ne trouve ici que les declarations structurelles de base
****/
/* line, unit */
.line, .lastunit {overflow: hidden; _overflow: visible; _zoom:1; margin:0; padding:0; display:block; }
.unit{float:left; margin-right:8px; _zoom:1;overflow:hidden;position:relative;}
.lastunit {float:none; width:auto !important; margin-right:0 !important;/* _margin-right:0px !important;*/}
/* ** block** */
.withLeftCol { float:none; width:768px !important; _width:760px !important; overflow:hidden; zoom:1;}
.block { margin-bottom:10px;}
.blockInside {position:relative; _zoom:1;}
.head {}
.foot {}
.filled {background-color:#f0eded;}
/****
* F. Contenus (listes ul.listPuce, .mea, dataArray...)
****/
/* mea : image + texte */
.mea,.mea .text,.meaRight, .meaRight .text,.meaWrap{overflow:hidden; _overflow:visible; _zoom:1; padding-bottom:5px; }
.mea .media{float:left; margin-right:10px; _margin-right:7px;}
.mea .media img {margin-bottom:8px;}
.mea .media a{/*font-weight:bold;*/}
.meaRight .media {float:right; margin-left:10px; _margin-left:7px;}
/* boutons : texte bouton ou */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/buttons/fondrouge.png) left center no-repeat;color:#FFF;cursor:pointer;text-align:center; font-weight:bold;
.btn{padding-left:12px;_width:1%;}
.btn span{display:block;background-position:right center;padding-right:12px; padding-bottom:1px;}
.btn span input{border:none;background:none;padding:5px 6px 5px 13px;margin-left:-13px;line-height:0;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;_width:1%;*margin-left:-11px;!padding-right:8px;}
.btnBlock{display:block; width:auto;}
/* bouton type2 bouton 2 */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/buttons/fondrouge.png) left center no-repeat;color:white;cursor:pointer;text-align:center; font-weight:bold;
.btn2 span{display:block; background-position:right center; padding-bottom:1px; margin-left:8px;}
/* listes */
/* liste default */
.list {overflow:hidden; _zoom:1;}
.list li {margin:0; padding:0; float:left; list-style:none;}
.list3cols li {width:33%;}
/* liste Chevron */
.BlocConseil li {line-height:1.8em; _height:1.8em;}
.BlocConseil li a { margin-left:7px;}
/****
* G. Custom (Styles sp�cifiques)
****/
/* Bloc Produits de la page d'accueil */
.Produits {
width:49%;
background-repeat:no-repeat;
background-position:top right;
}
.Produits .blockInside {
background-repeat:no-repeat;
background-position:top left;
height:129px;
overflow:hidden;
position:relative;
}
.Produits .head {background-repeat:no-repeat; background-position:top right; height:51px; position:relative;}
.Produits h2 {
position:absolute;
left:126px;
bottom:0px;
font:bold 21px "Century Gothic",Verdana;
text-transform:none;
line-height:1em;
padding-bottom:2px;
}
.hasJS .Produits h2 {
font:bold 26px "Century Gothic",Verdana; line-height:1em;
}
/* Boutons rouges sur la page d'accueil */
.HomeBoutons {position:absolute; bottom:2px; right:10px;}
.HomeBoutons p {margin:8px 0;}
.HomeBoutons .btn span {
min-width:12.7em; /* Agrandissement du bouton (en largeur) proportionnellement � la taille de police */
width: auto;
_width:12.7em; /* hack IE 6 */
}
/* Et aussi */
/*.hasJS .etaussi .head {}*/
.etaussi .head {float:left; font-family:"Century Gothic", Verdana; color:#B22C1B; font-size:1.6em; font-weight:bold; padding:9px 0 0 8px;}
.etaussi li, .etaussi span {display:inline; line-height:3.2em; vertical-align:middle;white-space:nowrap; *zoom:1;}
.etaussi span a {padding-right:7px;}
.etaussi img {vertical-align:middle;}
/* slideIdentitaire */
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/fond.png) right top no-repeat; zoom:1;
.slideIdentitaire h1 {padding-top:9px; padding-left:13px; padding-bottom:6px; width:auto;}
.slideIdentitaire h1 span {width:auto;}
/*.hasJS .slideIdentitaire h1, .hasJS .slideIdentitaire h1 span {font-size:28px;}*/
.slideIdentitaire img, .slideIdentitaire h1 span { vertical-align:middle;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/fond.png) no-repeat left top;
/*--- Onglets */
.slideIdentitaire .tabs ul {float: left;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ0_nonactive.png) right bottom no-repeat; margin: 0px 5px;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ0_nonactive.png) left bottom no-repeat; line-height:2.1em; padding: 0px 7px; display:block; color:#b22c1b; font-weight:bold;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ0_active.png) right bottom no-repeat;
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/slideIdentitaire/tab_univ0_active.png) left bottom no-repeat; color:#FFFFFF;
.slideIdentitaire .tabs ul li.first {margin-left: 10px;}
.slideIdentitaire .tabs ul li.last {margin-right: 0px;}
.slideIdentitaire .bouton {float: right; margin-top: 14px;}
/* BLOC de G�olocalisation */
.blockGeoloc .body p,.blockGeoloc .body li {padding:10px 0px 10px 5px;}
/* BLOC Conseil */
.BlocConseil table {width:100%;}
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/fond_tetiereconseil.png) left center no-repeat;text-align:center; border:none; padding:0;
.BlocConseil .header h3 {font:bold 16px/15px "Century Gothic",Verdana; padding-bottom:4px; text-align:center; background-color:transparent; white-space:normal;}
.BlocConseil td.titre{background-position:right center; padding-right:15px;}
.BlocConseil td.spacer {width:15px; background:none;}
/*.hasJS .BlocConseil h3 {font:bold 20px "Century Gothic",Verdana;height:39px;padding-bottom:0;line-height:10px;}
.hasJS .BlocConseil h3.twoLines {line-height:1.2em;font-size:1.4em;} */
.hasJS h3.swfFont {font-size:14px;}
/* Bloc Semi-rond */
.SemiRond {
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/arrond_droite.png) no-repeat right top;
position:relative;
padding-right:6px;
}
.SemiRond h3 {
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/block/arrond_gauche.png) no-repeat left top;
color:white !important;
font-size:1.4em;
line-height:1.7em;
text-indent:8px;
white-space:normal;
}
/* Bloc Plan du Site */
.PlanSite .body {padding:0px 4px; }
.PlanSite li {_height:1.8em;} /* Hack Pour la hauteur de ligne sous IE6 */
.PlanSite ul {margin-bottom:10px;}
.PlanSite h3, .PlanSite h3 span{display:-moz-inline-stack;display:inline-block;line-height:2em;color:white;text-align:center; font-weight:bold;}
.PlanSite h3 {font-size:1.1em; margin-bottom:10px; overflow:visible;width:100%}
.PlanSite h3 span{display:block;padding-bottom:1px;margin-left:8px; width:auto;}
.PlanSite h4 {
background:url(/vitrines-integration-resources-webapp/skin/generalifr/skin/misc/pointille.gif) repeat-x bottom left;
padding-bottom:3px;
font-size:1em;
margin-bottom:10px;
}
.PlanSite li span, .PlanSite a {
vertical-align:middle;
}
.PlanSite a { line-height:1.8em; margin-left:5px;}
/* Bloc Actu | Conseil */
.actu .head {margin-top:5px;}
.actu .head h3, .actu .head h3 a {color:#b22c1b;}
.actu .body, .conseil .body {padding:6px 5px 0;}
.conseil .head h3, .conseil .head h3 {color:#333333;}
/* Liens du titre */
.actu .head h3 a, .conseil .head h3 a {font-weight:bold; text-decoration:none;}
.actu .head h3 a:hover, .conseil .head h3 a:hover {text-decoration:underline;}
/* Bloc Document attache, Bloc Lien */
.BlocLien p { margin-bottom:5px;}
.BlocLien img {padding-right:5px; vertical-align:middle;margin-bottom:0px !important;}
.BlocLien a {font-weight:bold; vertical-align:middle;padding:5px; line-height:2.5em;}
/* Bloc iframe */
body#iframe {
background:white;
margin:0;
padding:0;
width:735px;
}
#globalLayer {position:relative; width:980px; margin:0 auto; text-align:left;background-color:#fff;}
body#iframe #globalLayer{width:auto; margin:0;}
/* Bloc ListeLiens */
ul.ListeLiens {padding:0px 4px;}
.ListeLiens li {
margin:6px 0px;
*height:1%; /* R�solution de Bug HasLayout sur flottants enfants */
}
.ListeLiens a {
display:block;
overflow:hidden;
*zoom:1;
}
.ListeLiens span {
float:left;
margin:3px 5px 0px 3px;
}
/* Bloc depliable */
.depliable {margin-bottom:10px;}
.depliable .contenu {padding:6px 0;color:#333333;font-weight:normal;}
.depliable .titre {overflow:hidden; zoom:1;}
.depliable .titre a {overflow:hidden; _overflow:visible; zoom:1; display:block;}
.faq .open a {font-weight:bold;}
.raisons .puce { margin-right:15px;}
/*.raisons .titre a:hover {:none;}*/
.raisons .titre {padding:10px 0px; cursor:pointer;}
.faq .titre { padding-top:3px;}
.faq .puce { margin:3px 6px 0 0;}
.faq .contenu { padding-left:22px;line-height:1.3em;}
.hidden {display:none;}
/* ajouter un .hasJS sur cette classe, quand un hasFlash sera mis en place. */
/* Bloc Manifeste */
#manifeste {margin-left:4.5%;margin-right:21%;text-align:justify;}
#manifeste h2 {font:normal 4.1em "Times New Roman",Times,serif;text-transform:none;line-height:1em;margin-bottom:0.5em;margin-top:10px;color:black;}
#manifeste h2 span {color:#B3071B;}
#manifeste p {font-size:1.3em;line-height:1.4em;margin:0 0 1.3em;}
/* Boxes */
#boxes div {overflow:hidden; _overflow:visible; zoom:1; margin-bottom:10px; padding-bottom:10px;}
#boxes p {display:block; width:335px; font-size:12px; text-transform:uppercase; margin-bottom:5px; _margin-bottom:0; position:relative; top:17px;}
#boxes p a {font-weight:bold;}
#boxes p.twoLines {top:8px;}
#boxes img {float:right;}
/* ************* POP UP **************** */
/* ************************************* */
body#popup {background:#FFFFFF none; padding:0px;}
#popup #content { padding:10px;}
#popup #closePop {float: right; margin: 10px 10px 0px 0px;}
background:transparent url(/vitrines-integration-resources-webapp/skin/generalifr/skin/header/barre_nav.png) repeat-x left bottom; padding-top:21px;
/*********************************/
/***** TEMPLATE FORMULAIRE *****/
/*********************************/
div.cmsForm input, div.cmsForm label {vertical-align: middle;}
div.cmsForm a:hover {text-decoration: none;}
/* CSS Surcharg�es en attendant ajout/correction WebMasters */
/* Acc�s Direct */
.simulation{background:#ededed; width:178px; margin: -8px 0px 20px 2px; /margin:0 0 20px 0; -margin:0 0 20px 0;}
.simulation h5{
background:url(/vitrines-integration-resources-webapp/skin/images/generique/entete_simulation.jpg) no-repeat;
height:19px; width:170px; display:block; padding:2px 0 0 8px; /padding:5px 0 0 8px; -padding:5px 0 0 8px; margin-bottom:5px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.simulation form{padding:3px 0px 6px 3px; font-size:10px; margin:0;}
.simulation form select{font-size:11px;}
.simulation input{border:0; background:url(/vitrines-integration-resources-webapp/skin/images/generique/valid_btn.png) no-repeat; margin:0 0 0 3px; width:18px; height:16px; cursor:pointer;}
.puceFormulaire{
background:transparent url(/vitrines-integration-resources-webapp/skin/images/pages-internes/puce_placements.gif) no-repeat scroll 0 3px;
padding:0 0 3px 15px;
line-height:14px;
margin-bottom:8px;
margin-top:1px;
}
/* Styles copies de generali.fr pour le formulaire */
.formContact h2,.formContact h3{
color:#008fa6;
font-size:1.5em;
}
.formContact h2{
text-transform:uppercase;
font-weight:bold;
}
.formContact{
border:0 none;
font-size:100%;
line-height:1.3em;
margin:0;
padding:0;
}
.formContact fieldset, dd, dl, dt{
margin:0;
padding:0;
border:0;
font-size:100%;
line-height:1.3em;
font-family:inherit;
}
.formContact input{
font-family:Verdana,Arial;
font-size:99%;
}
.formContact select{
font-family:Verdana,Arial;
font-size:99%;
border:1px solid #333333;
margin:0;
}
.errormsg {color:#f00; clear:both; display:block; position:relative; top:-8px;float:none !important; margin-bottom:0 !important; height:auto !important; min-height:0 !important; width:auto !important;position:static !important; margin:0 !important; padding:0 !important;}
div.media {
width: 180px;
height: 140px;
}
h3.titre3 em {
/*color:#02423a;*/
color: #008fa6;
text-decoration: none;
font-style: normal;
}
/* RVITSAL-75 : vilain hack pour IE6 pour les onglets sous la tetiere */
.head h2 {-margin-bottom:-4px;}
h4.sousSectionChapeau {
color:#02423A;
font-size:17px;
}
