/* CSS Document - Services de Personnel Infirmier Progressif */ /* Creation : Veronique Pivetta Informatique inc - www.veroniquepivetta.com */ /* Couleurs utilisees sur le site : */ /* Background : Html, Body : #FFFFFF(blanc) - Titre des boites : #3D5B86(bleu) - Menu : #8FA0BE(gris-bleu) */ /* Textes : #41628E(bleu) - #8C9299(gris) - #999999(gris) - #666666(gris) */ /* Liens : #C48A00(ocre)- hover : #41628E(bleu) */ /* Lignes : #B2B7B1(gris) */ /* 1 - GENERAL */ html { background:#FFFFFF url("../images/bg-logo-tile.jpg") repeat; } body { width:940px; margin:0px auto; padding:0px 10px 10px 10px ; background:#FFFFFF; color:#41628E; font-family: Arial, Helvetica, sans-serif; font-size:12px; behavior:url("../dhtml/csshover3.htc"); /* pour permettre le survol des menus avec IE6 */ } h1 { color:#3D5B86; font-size:130%; margin:0px; padding:10px 0px 10px 0px; } h2 { color:#3D5B86; font-size:110%; margin:0px; padding:20px 0px 10px 0px; } h3 { color:#3D5B86; font-size:105%; margin:0px; padding:20px 0px 10px 0px; } p { margin:0px; padding:0px 0px 16px 0px; } a { color:#C48A00; font-weight:bold; text-decoration:underline; } a:hover, a:focus, a:active { color:#41628E; } img { border:none; } /* 2 - ENTETE et PIED DE PAGE */ #entete { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #banniere { width:940px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #b-index #banniere { height:320px; background:#FFFFFF url("../images/banniere-accueil.jpg") no-repeat; } #b-qsn #banniere { height:220px; background:#FFFFFF url("../images/banniere-qsn.jpg") no-repeat; } #b-serv-prive #banniere { height:220px; background:#FFFFFF url("../images/banniere-serv-prive.jpg") no-repeat; } #b-serv-public #banniere { height:220px; background:#FFFFFF url("../images/banniere-serv-public.jpg") no-repeat; } #b-serv-particuliers #banniere { height:220px; background:#FFFFFF url("../images/banniere-serv-particuliers.jpg") no-repeat; } #b-emplois #banniere { height:220px; background:#FFFFFF url("../images/banniere-emplois.jpg") no-repeat; } #b-emplois-offre #banniere { height:220px; background:#FFFFFF url("../images/banniere-emplois.jpg") no-repeat; } #b-news #banniere { height:50px; background:#FFFFFF url("../images/barre-menu.jpg") no-repeat; } /*#b-faq #banniere { height:50px; background:#FFFFFF url("/images/barre-menu.jpg") no-repeat; }*/ /*#b-infolettre #banniere { height:50px; background:#FFFFFF url("/images/barre-menu.jpg") no-repeat; }*/ #b-contact #banniere { height:220px; background:#FFFFFF url("../images/banniere-nous-joindre.jpg") no-repeat; } #retour-accueil { float:left; width:180px; height:30px; margin:10px 0px 0px 0px; } #b-extranet #banniere { height:50px; background:#FFFFFF url("../images/barre-menu.jpg") no-repeat; } #piedpage { clear:both; margin:0px; padding:0px; text-align:center; font-size:11px; color:#999999; } #piedpage a { color:#999999; text-decoration:none; } #piedpage a:hover, #piedpage a:focus, #piedpage a:active { text-decoration:underline; } /* 3 - MENU */ #barre-menu { margin:0px 0px 0px 180px; padding:0px 0px 0px 0px; z-index:+1; font-size:12px; } /* Menu Deroulant - Attention pour IE6, les 'div' sont requis au fonctionnement */ #menuGauche { } #menuGauche ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #menuGauche ul li { float:left; list-style:none; margin:0px 0px 0px 0px; padding:18px 5px 0px 5px; height:30px; border-right:1px solid #FFFFFF; color:#FFFFFF; font-weight:bold; } #menuGauche ul li.lastItem { background-image:none; } div#menuGauche ul li:hover { background:url("../images/menu-bg-over.jpg") repeat-x; } #menuGauche li a { display:block; text-decoration:none; color:#FFFFFF; } #menuGauche li.sousmenu ul li {margin:0px 0px 0px 0px; padding:5px 5px 5px 0px; background-color:#41628E; border-top:1px solid #B2B7B1; border-right:none; height:15px; } #menuGauche li.sousmenu ul li.lastItem { border-bottom:1px solid #B2B7B1; } #menuGauche li.sousmenu ul li:hover { background:#8FA0BE; } /* fond different au survol de la souris pour les sous-menus */ #menuGauche ul ul { position: absolute; margin-top:2px; margin-left:-5px; width:225px; display:none; /* On cache les sous-menus avec la propriete display none */ } #menuGauche li.sousmenu ul li a { width:225px; padding:0px 5px; display:block; text-decoration:none; text-align:left; } div#menuGauche ul.menuNiv1 li.sousmenu:hover ul.menuNiv2 { display:block; } /* Les sous-menus apparaissent au survol de la souris */ #menuDroite { float:right; } #menuDroite ul { list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #menuDroite ul li { float:right; margin:0px 0px 0px 0px; padding:18px 5px 0px 5px; height:28px; border-left:1px solid #FFFFFF; } #menuDroite ul li:hover { background:url("../images/menu-bg-over.jpg") repeat-x; } #menuDroite ul li a { color:#FFFFFF; text-decoration:none; } /* Identification du menu actif */ #b-index li#m-index, #b-qsn li#m-qsn, #b-serv-prive li#m-services, #b-serv-public li#m-services, #b-serv-particuliers li#m-services, #b-emplois li#m-emplois, #b-emplois-offre li#m-emplois, #b-news li#m-news, /*#b-faq li#m-faq,*/ /*#b-infolettre li#m-infolettre,*/ #b-contact li#m-contact { background:url("../images/menu-bg-over.jpg") repeat-x; } /* 4 - CONTENU */ #contenu { width:940px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; } #b-qsn #contenu { width:900px; min-height:250px; margin:10px 0px 0px 0px; padding:20px 20px 0px 20px; background:#FFFFFF url("../images/contenu-bg.jpg") no-repeat; line-height: 16px; } #b-news #contenu { width:900px; min-height:250px; margin:10px 0px 0px 0px; padding:75px 20px 0px 20px; background:#FFFFFF url("../images/contenu-entete-news.jpg") no-repeat; } /*#b-faq #contenu { width:900px; min-height:250px; margin:10px 0px 0px 0px; padding:75px 20px 0px 20px; background:#FFFFFF url("/images/contenu-entete-faq.jpg") no-repeat; }*/ /*#b-infolettre #contenu { width:900px; min-height:250px; margin:10px 0px 0px 0px; padding:75px 20px 0px 20px; background:#FFFFFF url("/images/contenu-entete.jpg") no-repeat; }*/ #b-serv-prive #contenu, #b-serv-public #contenu, #b-serv-particuliers #contenu { width:900px; min-height:250px; margin:10px 0px 0px 0px; padding:20px 20px 0px 20px; background:#FFFFFF url("../images/contenu-bg.jpg") no-repeat; line-height: 16px; } #b-contact #contenu { width:900px; min-height:250px; margin:10px 0px 0px 0px; padding:20px 20px 0px 20px; background:#FFFFFF url("../images/contenu-bg.jpg") no-repeat; } .filet { width:900px; clear:both; margin:10px 0px 0px 0px; border-bottom:1px solid #CCCCCC; } #contenu ul { margin:0px 0px 10px 0px; padding:0px 0px 0px 20px; } #contenu li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-image:url(/images/bullet.gif); } #b-extranet #contenu { width:900px; min-height:250px; margin:10px 0px 0px 0px; padding:75px 20px 0px 20px; background:#FFFFFF url("../images/contenu-bg.jpg") no-repeat; } /* Boites - largeur 702px, 624px, 465px, 227px et 228px */ /* Possibilites de layout - Pour un total de 940px : col-227-m10 + col-228-m10 + col-465 (ou variantes) */ /* col-702-m10 + col-228 (ou variantes) */ /* col-306-m10 + col-624 (ou variantes) */ /* col-342-m10 + col-352-m10 + col228 (ou variantes) */ .col-702 { float:left; width:702px; min-height:290px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .col-702-m10 { float:left; width:702px; min-height:290px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; } .col-702 .box-titre, .col-702-m10 .box-titre { width:682px; height:30px; line-height:30px; padding:0px 10px 0px 10px; background:#3D5B86 url("../images/box-702-titre.jpg") no-repeat; font-size:16px; font-weight:bold; color:#FFFFFF; } .col-702 .box-contenu, .col-702-m10 .box-contenu { width:662px; min-height:260px; padding:20px 20px 20px 20px; background:#FFFFFF url("../images/box-702-contenu.jpg") no-repeat; } .col-624 { float:left; width:624px; min-height:290px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .col-624-m10 { float:left; width:624px; min-height:290px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; } .col-624 .box-titre, .col-624-m10 .box-titre { width:604px; height:30px; line-height:30px; padding:0px 10px 0px 10px; background:#3D5B86 url("../images/box-624-titre.jpg") no-repeat; font-size:16px; font-weight:bold; color:#FFFFFF; } .col-624 .box-contenu, .col-624-m10 .box-contenu { width:584px; min-height:260px; padding:20px 20px 20px 20px; background:#FFFFFF url("../images/box-624-contenu.jpg") no-repeat; } .col-465 { float:left; width:465px; min-height:290px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .col-465-m10 { float:left; width:465px; min-height:290px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; } .col-465 .box-titre, .col-465-m10 .box-titre { width:445px; height:30px; line-height:30px; padding:0px 10px 0px 10px; background:#3D5B86 url("../images/box-465-titre.jpg") no-repeat; font-size:16px; font-weight:bold; color:#FFFFFF; } .col-465 .box-contenu, .col-465-m10 .box-contenu { width:425px; min-height:260px; padding:20px 20px 20px 20px; background:#FFFFFF url("../images/box-465-contenu.jpg") no-repeat; } .col-342 { float:left; width:342px; min-height:290px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .col-342-m10 { float:left; width:342px; min-height:290px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; } .col-342 .box-titre, .col-342-m10 .box-titre { width:322px; height:30px; line-height:30px; padding:0px 10px 0px 10px; background:#3D5B86 url("../images/box-465-titre.jpg") no-repeat; font-size:16px; font-weight:bold; color:#FFFFFF; } .col-342 .box-contenu, .col-342-m10 .box-contenu { width:302px; min-height:260px; padding:20px 20px 20px 20px; background:#FFFFFF url("../images/box-465-contenu.jpg") no-repeat; } .col-350-m10 { float:left; width:350px; min-height:290px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; } .col-306 { float:left; width:306px; min-height:290px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .col-306-m10 { float:left; width:306px; min-height:290px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; } .col-306 .box-titre, .col-306-m10 .box-titre { width:286px; height:30px; line-height:30px; padding:0px 10px 0px 10px; background:#3D5B86 url("../images/box-306-titre.jpg") no-repeat; font-size:16px; font-weight:bold; color:#FFFFFF; } .col-306 .box-contenu, .col-306-m10 .box-contenu { width:266px; min-height:260px; padding:20px 20px 20px 20px; background:#FFFFFF url("../images/box-306-contenu.jpg") no-repeat; } .col-228 { float:left; width:228px; min-height:290px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .col-228-m10 { float:left; width:228px; min-height:290px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; } .col-228 .box-titre, .col-228-m10 .box-titre { width:208px; height:30px; line-height:30px; padding:0px 10px 0px 10px; background:#3D5B86 url("../images/box-228-titre.jpg") no-repeat; font-size:16px; font-weight:bold; color:#FFFFFF; } .col-228 .box-contenu, .col-228-m10 .box-contenu { width:188px; min-height:260px; padding:20px 20px 20px 20px; background:#FFFFFF url("../images/box-228-contenu.jpg") no-repeat; } .col-227 { float:left; width:227px; min-height:290px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .col-227-m10 { float:left; width:227px; min-height:290px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; } .col-227 .box-titre, .col-227-m10 .box-titre { width:207px; height:30px; line-height:30px; padding:0px 10px 0px 10px; background:#3D5B86 url("../images/box-227-titre.jpg") no-repeat; font-size:16px; font-weight:bold; color:#FFFFFF; } .col-227 .box-contenu, .col-227-m10 .box-contenu { width:187px; min-height:260px; padding:20px 20px 20px 20px; background:#FFFFFF url("../images/box-227-contenu.jpg") no-repeat; } /* 4 - TABLES */ /* Accueil */ #b-index table.tbl-news { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #b-index table.tbl-news tr td { padding: 5px 0px 5px 0px; } #b-index table.tbl-news tr td.dates { width:18%; color:#8C9299; font-weight:bold; vertical-align:top; } #b-index .dates { color:#8C9299; font-weight:bold; } /* Actualites */ #b-news table td.dates { width:25%; color:#8C9299; font-weight:bold; vertical-align:top; padding:5px 5px 5px 0px; } #b-news table td.resume { width:80%; font-weight:bold; vertical-align:top; padding:5px 5px 5px 0px; } #b-news table td.resume a { width:80%; font-weight:bold; vertical-align:top; color:#41628E; text-decoration:none; } #b-news table td.resume a:hover { text-decoration:underline; } /* Table des postes affiches */ table.tbl-postes { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-collapse: separate; /* work-around for IE */ border-spacing:0px 10px; *border-collapse: expression('separate', cellSpacing = '1px'); /* work-around for IE */ } table.tbl-postes tr { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } table.tbl-postes tr td { border-right:1px solid #B2B7B1; margin:0px 0px 0px 0px; padding:5px 5px 5px 5px; line-height:16px; vertical-align:top; background:#FFFFFF url("../images/table-top.jpg") top repeat-x; } table.tbl-postes tr td.nobg { background:none; border-right:none; } /* Dans la page d'accueil */ #b-index table.tbl-postes tr td.col1 { width:15%; background:#FFFFFF url("../images/table-top-left.jpg") top left no-repeat; color:#8C9299; font-weight:bold; } #b-index table.tbl-postes tr td.col2 { width:39%; font-weight:bold; } #b-index table.tbl-postes tr td.col3 { width:18%; } #b-index table.tbl-postes tr td.col4 { width:18%; background:#FFFFFF url("../images/table-top-right.jpg") top right no-repeat; border-right:none; } #b-index table.tbl-postes tr td.col5 { width:10%; background:none; border-right:none; } /* Dans la page Emplois */ #b-emplois table.tbl-postes { margin:0px -5px 0px -5px; } #b-emplois table.tbl-postes tr td.col0 { width:5%; background:none; border-right:none; } #b-emplois table.tbl-postes tr td.col1 { width:15%; background:#FFFFFF url("../images/table-top-left.jpg") top left no-repeat; color:#8C9299; font-weight:bold; } #b-emplois table.tbl-postes tr td.col2 { width:45%; font-weight:bold; } #b-emplois table.tbl-postes tr td.col3 { width:25%; } /* Dans les pages des offres */ table.tbl-offre-detail tr { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } table.tbl-offre-detail tr td { padding:5px 5px 5px 5px; vertical-align:top; } table.tbl-offre-detail tr td.col0 { width:20%; padding:5px 5px 5px 0px; font-weight:bold; } /* Dans la page d'accueil */ #b-extranet table.tbl-postes tr td.col1 { width:15%; background:#FFFFFF url("../images/table-top-left.jpg") top left no-repeat; color:#8C9299; font-weight:bold; } #b-extranet table.tbl-postes tr td.col2 { width:39%; font-weight:bold; } #b-extranet table.tbl-postes tr td.col3 { width:18%; } #b-extranet table.tbl-postes tr td.col4 { width:18%; background:#FFFFFF url("../images/table-top-right.jpg") top right no-repeat; border-right:none; } #b-extranet table.tbl-postes tr td.col5 { width:10%; background:none; border-right:none; } /* 5 Formulaires */ label { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; } #form-postulez { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:25px; } #form-postulez .bg-input-text { width:187px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:18px; background:url("../images/input-text.jpg") top left no-repeat; border:none; } #form-postulez .bouton { width:102px; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; height:20px; } #form-postulez .drop-box { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:21px; text-align:left; } #form-postulez p.bouton-send { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; } #form-postulez p.bouton-send input { width:100px; } #form-postulez .inputFile { width:185px; } /* 6 - DIVERS */ .carte { width:70%; float:right; text-align:center; margin-bottom:20px; } .clearB { clear:both; } .col50Ga { width:47%; float:left; } .col50Dr { width:47%; float:right; } .col35Ga { width:32%; float:left; } .col65Dr { width:62%; float:right; } .col33Ga { width:30%; float:left; } .col33Ce { width:35%; float:left; margin:0px 2%; } .col33Dr { width:30%; float:right; } .colImgDr { float:right; padding:0px 10px 20px 20px; } .colImgGa { float:left; padding:0px 20px 20px 0px; } .gras { font-weight:bold; } .gris { color:#999999; } .rouge { color:#CC0000; } .ital { font-style:italic; } .date { color:#8C9299; font-weight:bold; } .ocre { color:#C48A00; } .pad10 { padding:10px 10px 10px 10px; } .photo-cadre { background:url("../images/photo-cadre.gif") top left no-repeat; padding:5px 5px 10px 5px; } .titre { font-weight:bold; text-transform:uppercase; } .txtUp { text-transform:uppercase; }