/* init */ * { margin: 0; padding: 0; } img{ border:0;} .clear { clear:both; } body { font: 11px/17px verdana, arial, "sans serif"; background: #ffffff url('../../images/bg-header.gif') repeat-x top left; } #container { width: 952px; margin: 0 auto; } /* Contient la navtop et la nav flash*/ #header { margin-bottom: 2px; } #navtop_container { height: 30px; } #navtop { width: 952px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-top: 7px; } #navtop ul { list-style: none; float: right; margin-right: -10px; } #navtop li { float: left; margin-left: 10px; color: #ffffff; } #navtop li a { margin-right: 10px; } /* s'occupe du spacing entre les pipes | */ #navtop a:link, #navtop a:visited { color: #fff; text-decoration: none; } #navtop a:hover, #navtop a:active { color: #fff; text-decoration: underline; } #nav_container { height: 135px; } #nav { width: 952px; margin: 0 auto; } #nav img.logo { float: left; margin: 29px 0 0 21px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Nav HTML --- */ #nav_flash { float: right; margin: 0; width: 698px; height: 135px; position: relative; } #nav_flash li { list-style: none; text-transform: uppercase; } #nav_flash #categories { float: left; width: 142px; border-right: 1px #666 solid; margin: 40px 19px 0 0; height: 70px; } #nav_flash #categories a { display: block; padding-left: 30px; font: 12px/12px Georgia, Garamond, serif; color: #fff; font-weight: bold; letter-spacing: -1px; } #nav_flash #categories a:link, #nav_flash #categories a:visited { text-decoration: none; border-top: 1px #051214 solid; border-bottom: 1px #051214 solid; padding: 2px 0 2px 20px; } #nav_flash #categories a:hover, #nav_flash #categories a:active { text-decoration: none; border-top: 1px #697172 solid; border-bottom: 1px #697172 solid; padding: 2px 0 2px 20px; background:url("../../images/bt-faq-ferme.gif") no-repeat left 7px; } /* Boutons sections */ #nav_flash #navhtml div.vert { height: 2px; background-color: #99cc33; width: 111px; margin-bottom: 18px; } #nav_flash #section1 div.sel, #nav_flash #section2 div.sel, #nav_flash #section3 div.sel, { height: 2px; background-color: #99cc33; width: 111px; margin-bottom: 18px; } #nav_flash #section1, #nav_flash #section2, #nav_flash #section3 { float: left; margin-top: 35px; } #nav_flash #navhtml li { float: left; width: 111px; margin: 9px 5px 0 5px; } #nav_flash #navhtml a { display: block; padding-left: 5px; font: 12px/14px Verdana, Arial, "sans serif"; color: #fff; font-weight: bold; letter-spacing: -1px; } #nav_flash #navhtml .diviseur { background-color: #3f4445; width: 1px; height: 59px; } /* Container de la portion principale du site */ #body_container { width: 952px; } /* Éléments de la colone de gauche */ #col_gauche { float: left; width: 189px; margin-top: 6px; } #conseiller_rmr { margin-top: 10px; margin-left: 18px; } #conseiller_rmr p { font-size: 9px; line-height: 12px; margin-top: 10px; } #conseiller_rmr_bloccouleur { background-color: #d6ebad; margin-top: 30px; padding: 17px 17px 14px 17px; color: #505d3a; font-weight: bold; } #conseiller_rmr_trouver { background-color: #003e45; padding: 15px 17px 9px 17px; font-weight: bold; color: #ffffff; font-size: 9px; line-height: 11px; float:left; width:155px;} #conseiller_rmr_trouver select { margin-top: 10px; border: 1px #999999 solid; font-size: 10px; color: #999999; width: 132px; } #conseiller_rmr_trouver select option.headline{ background-color: #003e45; color: #ffffff; } #conseiller_rmr_trouver select option{ color: #000000; padding: 0 6px; } #col_index_droite { float: left; width: 763px; height: 450px; position: relative; } div.tab_index span { float:left; background:url("../../images/index_tab_droit.gif") no-repeat right top; height: 24px; width: 140px; padding-top: 1px; } div.tab_index { background:url("../../images/index_tab_gauche.gif") no-repeat left top; padding:0 20px 0 17px; margin-left: 17px; height: 24px; font-size: 10px; line-height: 24px; color: #000000; font-weight: bold; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Sous-nav générique gauche --- */ ul#subnav_generique { background-color: #cee7ea; margin-top: 10px; padding: 30px 0; min-height: 55px; list-style: none; font-size: 11px; color: #051214; } #subnav_generique li { display: inline; } /*pour glitch ie6*/ #subnav_generique a { display: block; background:url('../../images/bullet-flechebleue.gif') no-repeat 13px 11px; padding: 6px 5px 7px 28px; } #subnav_generique a:link, #subnav_generique a:visited { color: #051214; text-decoration: none; } #subnav_generique a:hover, #subnav_generique a:active { background-color: #fff; color: #051214; text-decoration: none; } #subnav_generique a.sel { background-color: #fff; color: #051214; text-decoration: none; } #coldroite_sante { background:url('../../images/bg-coldroite_tab.gif') repeat-x left 23px; } #col_centrale { float: left; width: 402px; position: relative; padding: 39px 40px 0 68px; } #col_droite { float: left; width: 253px; position: relative; margin-top: 14px;} div.tab_coldroite span { float:left; background: url("../../images/index_tab_droit.gif") no-repeat right top; height: 24px; padding-top: 1px; padding-right: 20px; } div.tab_coldroite { background: url("../../images/index_tab_gauche.gif") no-repeat left top; padding:0 0 0 17px; margin-left: 17px; height: 24px; font-size: 10px; line-height: 24px; color: #1f2728; font-weight: bold; } #diagno #col_centrale { float: left; width: 491px; position: relative; padding: 33px 20px 0 68px; } #diagno #col_droite { float: right; width: 184px; position: relative; margin-top: 33px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Éléments génériques --- */ p { margin-bottom: 15px!important;} #index p { margin-bottom: 0; } blockquote { border: 3px #ebf5d8 solid; margin: 0 -15px 15px -15px; padding: 7px 12px; font-weight: bold; color: #1f2728; } #col_centrale ul { margin-bottom: 10px; } #col_centrale ul li { list-style-type: none; background:url('../../images/bullet_carrebleu.gif') no-repeat 25px 6px; margin: 0 0 5px 0; padding-left: 40px; } .h { background-color: yellow; text-transform: uppercase; } .date { font-size: 10px; color: #a7a7a7; } .texteLarge { font-size: 12px; } .underline { text-decoration: underline; } .liens { text-decoration: none !important; color:#000000 !important;} a:link, a:visited { color: #228994; text-decoration: none; } a:hover, a:active { color: #228994; text-decoration:underline; } #errorsBox {color:red; padding:0px 0 0px 0px;float:left;display:inline;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;margin-left:0px;line-height:12px;width:100px;} #errorsBox2 li {padding-left:0px !important;background:none !important;} .error{color:red;} .inactif{color:#CCCCCC;} /*------------------------------------------------------------------------------------------------------------------------------------------------------ Diagnostic --- */ /* Boite bleue diagnostic */ /* #diagno .boitebleue_container { border: 1px #d9d9d9 solid; padding: 5px; clear:both; margin-top: 30px; } #diagno .boitebleue { background: #c6e3e6 url('../../images/bg-diagnobleu.gif') no-repeat left top; padding: 17px; } #diagno .boitebleue_container .note { float: left; margin-left: 20px; display: inline; padding: 5px 0 2px 0; } #diagno form input { border: 1px #b6d4d8 solid; color: #003e45; height: 18px; line-height: 18px; padding: 2px 2px 0 2px; } #diagno form select { border: 1px #b6d4d8 solid; color: #003e45; height: 21px; padding: 0; } */ /*Style des tab*/ /* Note: Afin d'ajouter un code de couleur aux tabs lors de la validation du formulaire, simplement qu'à dupliquer les 2 styles ci-dessous, les renommer et modifier les 2 .gif avec la nouvelle couleur */ /* Ensuite, simplement qu'à utiliser le nouveau style au besoin */ /* #diagno #tab_container li { float:left; background:url("../../images/diag_tab_gauche.gif") no-repeat left 5px; margin-right: 2px; margin-top: -7px; padding:0 0 0 2px; height: 29px; list-style: none; } #diagno #tab_container a { font-size: 11px; color: #a7a7a7; line-height: 10px; float:left; display:block; background:url("../../images/diag_tab_droite.gif") no-repeat right 5px; padding:15px 6px 4px 4px; text-decoration:none; color:#a7a7a7; } */ /*Comportement lors du roll-over sur un tab*/ /* #diagno #tab_container li:hover { background-position:left 0; color:#000; } #diagno #tab_container li:hover a { background-position:right 0; color:#000; padding:10px 6px 9px 4px; } #diagno #tab_container a:hover { background-position:right 0; color:#000; } #diagno #tab_container ul { border-bottom: 1px #dadada solid; padding-left: 5px; margin-bottom: 30px; } */ /* Styles lorsqu'un tab doit être highlighté au départ (ajouter la class .sel sur le
  • */ /* #diagno #tab_container li.sel { background-position:left 0; color:#000; } #diagno #tab_container li.sel a { background-position:right 0; color:#000; padding:10px 6px 9px 4px; } .choixRadio { float: right; display: inline; } .choixRadio input { border: 1px #ffffff solid; } */ /* Tooltip */ #tooltip { position:absolute; z-index:3000; border:1px solid #000000; background-color:#cee7ea; padding:10px 10px 0 10px; color:#003e45; font-size:10px; width:160px; margin:0; } #tooltip p, #tooltip div { margin: 0; } #tooltip p { font-size:1.1em; font-weight:bold; } /* Formualire budget */ @media projection, screen { .ui-tabs-hide { display: none; } } @media print { .ui-tabs-nav { display: none; } } #budget .boitebleue { background: #c6e3e6 url('../../images/bg-diagnobleu.gif') no-repeat left top; padding: 18px; } #budget .note { float: left; margin-left: 20px; display: inline; padding: 5px 0 2px 0; } #budget input { border: 1px #b6d4d8 solid; color: #003e45; height: 18px; line-height: 18px; padding: 2px 2px 0 2px; } #budget select { border: 1px #b6d4d8 solid; color: #003e45; height: 21px; padding: 0; width:150px; } #budget p { margin:0; padding:0; } #budget .choixRadio { float: right; display: inline; } #budget .choixRadio input { border: 1px #ffffff solid; } #budget .clear { clear:both; } #budget fieldset, #resultats { border:1px solid #d9d9d9; padding:5px; margin:10px 0; background: #fff; clear:both; } #budget fieldset table { border:0; } #budget fieldset table, #budget fieldset table tr, #budget fieldset table th, #budget fieldset table td { border:0; } #budget fieldset table th, #budget fieldset table td { padding:5px 5px 15px 5px; vertical-align:top; } #budget fieldset table th { text-align:left; width:150px; } #budget fieldset table th label { display:block; width:160px; font-weight:normal; } #budget fieldset label { padding:0 0 3px 0; display:block; } #budget h3 { font-size:11px; line-height:14px font-weight: bold; font-style:normal; display:inline; } /* Général */ #budget .ui-tabs-nav, #budget .ui-tabs-panel { font-size:11px; } /* Onglets état normal */ #budget .ui-tabs-nav { border-bottom:1px #dadada solid; padding:0 0 5px 5px; margin:0 0 30px 0; } #budget .ui-tabs-nav:after { display:block; clear:both; content:" "; } #budget .ui-tabs-nav ul { border-bottom: 1px #dadada solid; padding-left: 5px; margin-bottom: 30px; } #budget .ui-tabs-nav li { float:left; background:url("../../images/diag_tab_gauche.gif") no-repeat left 5px; margin-right: 2px; margin-top:-2px; padding:0 0 0 2px; height: 29px; list-style-type: none; } #budget .ui-tabs-nav li:hover { background-position:left 0; color:#000; } #budget .ui-tabs-nav li:hover a { background-position:right 0; color:#000; padding:10px 6px 9px 4px; } .ui-tabs-nav a { font-size: 11px; color: #a7a7a7; line-height: 10px; float:left; display:block; background:url("../../images/diag_tab_droite.gif") no-repeat right 5px; padding:15px 6px 4px 4px; text-decoration:none; color:#a7a7a7; } .ui-tabs-nav a:hover { background-position:right 0; color:#000; } /* État sélectionné */ #budget .ui-tabs-nav .ui-tabs-selected { background-position:left 0; color:#000; } #budget .ui-tabs-nav .ui-tabs-selected a { background-position:right 0; color:#000; padding:10px 6px 9px 4px; z-index:2; } /* État désactivé */ #budget .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } #budget .ui-tabs-nav .ui-tabs-disabled { background-position:left 5px; color:#000; } #budget .ui-tabs-nav .ui-tabs-disabled:hover { background-position:left 5px; color:#000; } #budget .ui-tabs-nav .ui-tabs-disabled a:link, #budget .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; background-position:right 5px; color:#000; padding:15px 6px 9px 4px; } /* Gestion du curseur */ .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor: pointer; } /* Onglet Ajax */ .ui-tabs-loading em { padding: 0 0 0 20px; } /* Fix */ * html .ui-tabs-nav { display: inline-block; } *:first-child+html .ui-tabs-nav { display: inline-block; } /* Légende au bas du formulaire */ #diagno .legende { padding: 10px; margin-top: 20px; font-size: 10px; color: #7f7f7f; line-height: 12px; clear: both; } #diagno .legende ul { margin-top: -7px; } #diagno .legende li { float: left; list-style: none; width: 130px; margin-top: 2px; margin-right: 10px; padding: 0 0 0 15px; height: 30px; } #diagno .legende li.vert { background:url("../../images/legende-vert.gif") no-repeat left 4px; } #diagno .legende li.turquoise { background:url("../../images/legende-turquoise.gif") no-repeat left 4px; } #diagno .legende li.jaune { background:url("../../images/legende-jaune.gif") no-repeat left 4px; } #diagno .legende li.orange { background:url("../../images/legende-orange.gif") no-repeat left 4px; } #diagno .legende li.rouge { background:url("../../images/legende-rouge.gif") no-repeat left 4px; } #diagno .legende li.gris { background:url("../../images/legende-gris.gif") no-repeat left 4px; } /* Boutons sous le formulaire float gauche ou droit */ .diag_bt_gauche { margin: 16px 0 0 -5px; float: left; } .diag_bt_gauche img{ margin-right: 5px; } .diag_bt_droit { float: right; margin-top: 16px; } .diag_bt_gauche img{ margin-left: 5px; } /* Calculatrice*/ #calculatrice_container { height: 206px; } #calculatrice input { width: 128px; margin:0 0 5px 2px; text-align: right; padding: 1px 5px 0 5px; font-size: 9px; height: 25px; line-height: 25px; background: url('../../images/bg-champ-calcu.gif') no-repeat left top; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Section FAQ --- */ /* Spécifique aux templates génériques (Body id = gen) */ #gen .faq_container span { display: block; float: left; width: 50px; } #gen .faq_container span.q { display: block; float: left; width:310px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Joindre un conseiller RMR (en lien avec la nav style FAQ) --- */ /* Spécifiques aux 2 pages Bureau et Équipe dans JOINDRE UN CONSEILLER RMR*/ #joindre .faq_container span.q { display: block; width: 345px; } #joindre ol.formation li { list-style-type: decimal; list-style: decimal; margin-left: 60px; } #joindre ol { margin-bottom: 15px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Page d'accueil seulement (index) --- */ #thumbs_index { position: absolute; top: 337px; left: 0; background:url('../../images/index_tab_underline.gif') repeat-x right 22px; font-size: 10px; line-height: 14px; color: #10565f; } #nouvelles { width: 255px; height: 169px; float: left; background:url('../../images/index_boitetab_sep.gif') no-repeat right 24px; } #rmrsyndic { width: 255px; height: 169px; float: left; background:url('../../images/index_boitetab_sep.gif') no-repeat right 24px; } #sante { width: 253px; height: 169px; float: left; background:url('../../images/index_boitetab_sep.gif') no-repeat right 24px; } #thumbs_index ul { margin-bottom: -15px; } #thumbs_index li { list-style: none; background:url('../../images/bullet_flechecarrebleu.gif') no-repeat left 2px; margin: 0 0 15px -17px; padding-left: 20px; font-weight: bold; } #thumbs_index img { margin-top: 10px; } #flashcontainer_index { background-color: #f2f2f2; height: 359px; text-align: center; } #flashcontainer_index p { margin-left:10px; margin: } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Carte du site --- */ #sitemap ul li { background: none; } #sitemap ul ul { margin: 0 0 20px 40px; } #sitemap ul ul li { background:url('../../images/bullet_carrebleu.gif') no-repeat 25px 6px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Footer --- */ #footer_container { border-top: 1px #d1d1d1 solid; margin-top: 20px; padding-top: 10px; }/* div qui fait 100% du width du browser bay */ #footer { width: 952px; margin: 0 auto; color: #5e5b5b; font-size: 9px; height: 30px; } #footer_gauche { width: 423px; float: left; margin-left: 7px; } /* Élément de gauche */ #footer_centre { float: left; } /* Élément du centre */ #footer_droite { float: right; margin-right: -4px; text-align: right; } /* Élément de droite */ #footer a:link, #footer a:visited { color: #228994; text-decoration: none; } #footer a:hover, #footer a:active { color: #228994; text-decoration: underline; } #footer a { margin: 0 7px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Styles SiFR --- */ /* Styles propres à SiFR, pas touche! */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-unloading .sIFR-flash { visibility: hidden !important; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } .sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; } /* /Styles propres à SiFR, pas touche! */ h1 { font-family: Georgia, Garamond, serif; font-size: 23px; color: #0b8896; line-height: 1em; margin-bottom: 25px; } .sIFR-active h1 { visibility: hidden; font-size: 23px; color: #0b8896; line-height: 1em; margin-bottom: 25px; font-weight: bold; } #index h1 { font-family: Georgia, Garamond, serif; font-size: 18px; color: #ed1b2f; line-height: 1em; letter-spacing: -1.5px; } .sIFR-active #index h1 { visibility: hidden; font-size: 18px; color: #ed1b2f; line-height: 1em; text-transform: uppercase; } .vert18 { font-family: Georgia, Garamond, serif; font-size: 18px; color: #10565f; line-height: 1em; text-transform: uppercase; font-weight: bold; } .sIFR-active .vert18 { visibility: hidden; font-size: 18px; color: #10565f; line-height: 1em; text-transform: uppercase; } .vert16 { font-family: Georgia, Garamond, serif; font-size: 16px; color: #4f7a25; line-height: 1em; font-weight: bold; } .sIFR-active .vert16 { visibility: hidden; font-size: 16px; color: #4f7a25; line-height: 1em; } h2 { font-family: Georgia, Garamond, serif; font-size: 12px; color: #4f7a25; line-height: 1em; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; } .sIFR-active h2 { visibility: hidden; font-size: 12px; color: #4f7a25; line-height: 1em; margin-bottom: 0; } #joindre h2 { margin-bottom: 10px; margin-top: 30px; } #joindre h3 { display: block; margin-bottom: -15px; margin-top: 10px; } h3 { font-size: 11px; line-height: 14px font-weight: bold; font-style: italic; display: inline; } h4 { font-size: 11px; line-height: 14px font-weight: bold; } h5 { font-family: Georgia, Garamond, serif; font-size: 14px; color: #000000; line-height: 1em; float: left; margin-left: 5px; } .sIFR-active h5 { visibility: hidden; font-size: 14px; color: #000000; line-height: 1em; float: left; margin-left: 5px; } .rouge16 { font-family: Georgia, Garamond, serif; font-size: 16px; color: #cc3333; line-height: 1em; font-weight: bold; } .sIFR-active .rouge16 { visibility: hidden; font-size: 16px; color: #cc3333; line-height: 1em; } .gris12 { font-family: Georgia, Garamond, serif; font-size: 12px; color: #006666; line-height: 1em; margin-top: 2px; font-weight: bold; } .sIFR-active .gris12 { visibility: hidden; font-size: 12px; color: #006666; line-height: 1em; margin-top: -3px; } .numtel { font-family: Georgia, Garamond, serif; font-size: 16px; color: #4f7a25; line-height: 1em; font-weight: bold; margin: 0 0 0 17px; } .sIFR-active .numtel { visibility: hidden; font-size: 16px; color: #10565f; line-height: 1em; font-weight: bold; margin: 0 0 -8px 17px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------ Fix pour les div avec float --- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } s/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*------------------------------------------------------------------------------------------------------------------------------------------------------ Photos --- */ img.photos { margin:0 0 12px 0px; border:1px solid #CCCCCC; padding:1px; } .commentaires input, .commentaires textarea, #form_mail input { width:164px; padding:2px; padding-left:7px; padding-bottom:3px; border:1px solid #CCCCCC; color:#7f7f7f; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:14px; } .commentaires textarea { height:69px; } .pointer { cursor:pointer !important; cursor:hand; } #types_actifs{ list-style:0px; margin:0; padding:0; padding-left:30px; } #types_actifs li{ float:left; width:160px; clear:none; background:none !important; padding-left:10px !important; } .actifs_p ul{margin-top:-8px !important;padding-bottom:10px !important;}