/* Theme Name: Agipi Theme URI: http://www.itnetwork.fr/ Description: Template pour le site Agipi Version: 1.0 Author: ITNetwork */ @charset "UTF-8"; body {font-family: Arial, Verdana;background: #EAEAEB} html, body {margin: 0 auto; padding: 0; width: 100%; height: 100%; font-family: Arial, Verdana;} body {font-size: 13px; color: #646464;} form, ul {margin: 0; padding: 0;list-style-type: none;} #All {width: 995px; margin: 0 auto;background: #FFF} .clear {clear:both} img {border:none} p {margin:12px 0 0 0;padding:0} input {font-size: 13px !important; font-family:Arial,Verdana !important;} select {font-size: 13px !important; font-family:Arial,Verdana !important;} #col01 {width:215px;float:left;margin:25px 0 0 0} #col02 {width:565px;float:left;margin:20px 0 0 0;text-align:justify;padding: 0 0 20px 0} #col03 {width:195px;float:left;margin:47px 0 0 0} /*h1 {font-weight:normal;float:left;font-size:22px;width:494px;color:#f38022;margin:0;padding:0 0 3px 0}*/ h1 {font-weight:normal;font-size:22px;color:#f38022;margin:0;padding:0 80px 0 0;} h2 {font-weight:normal;font-size:17px;color:#0069B0;margin:0;padding:0;} /** BANDEAU **/ #bandeau {float:left;width:995px;height:75px;display:block;background: #FFF url(img/bandeau-fond.jpg) no-repeat 0 0;} #logo {float:left;width:800px;height:75px;display:block;text-indent:-2000px} #logo span {width:132px;height:75px;} #logo a {margin:0 0 0 20px;display:block;width:132px;height:75px;} #space {float:left;width:175px;display:block;padding:14px 0 0 0} /** BANDEAU CONSEILLER **/ #bandeauConseiller {float:left;width:995px;height:75px;display:block;background:url(img/espace-conseiller/bandeau-fond.jpg) no-repeat 0 0;} #bandeauConseiller #logo {float:left;width:605px;height:75px;display:block;text-indent:-2000px} #bandeauConseiller #logo span {width:132px;height:75px;} #bandeauConseiller #logo a {margin:0 0 0 20px;display:block;width:132px;height:75px;} #bandeauConseiller #space {float:left;width:370px;display:block;padding:14px 0 0 0;text-align:right;} /** BANDEAU ADHERENT **/ #bandeauAdherent {float:left;width:995px;height:75px;display:block;background:url(img/espace-adherent/bandeau-fond.jpg) no-repeat 0 0;} #bandeauAdherent #logo {float:left;width:605px;height:75px;display:block;text-indent:-2000px} #bandeauAdherent #logo span {width:132px;height:75px;} #bandeauAdherent #logo a {margin:0 0 0 20px;display:block;width:132px;height:75px;} #bandeauAdherent #space {float:left;width:370px;display:block;padding:14px 0 0 0;text-align:right;} #logoPrint {display :none; } /** MENU **/ #search {float:right;display:block;padding:2px 20px 0 0} #search input.champ {border: solid 1px #ccc;font:11px Arial;color:#555;padding:2px;width:152px; margin:0} #search input.ok {width:23px;height:20px;display:block;background: #FFF url(img/search-ok.gif) no-repeat 0 0;border:none;} /** COLONNE 01 **/ #nav {width:195px;display:block;margin:0 0 20px 0;} #nav a {text-decoration:none} #nav a:hover {text-decoration:none} #nav ul li a {width:195px;display:block;background: url(img/nav-off.png) repeat-y bottom right;color:#47494A;padding:5px 0 6px 0 } #nav ul li a:hover {width:195px;display:block;background: url(img/nav-on.gif) no-repeat right 50%;color:#FFF;padding:5px 0 6px 0 } #nav li a.on {width:195px;display:block;background: url(img/nav-on.gif) no-repeat right 50%;color:#FFF;padding:5px 0 6px 0 } #nav ul li a span {padding:0 0 0 20px} #nav ul li a:hover {} #nav ul li a span.N2 {display:block;background: url(img/li-menu.gif) no-repeat 30px 2px;padding:0 0 0 40px} #nav ul li a:hover span.N2 {display:block;background: none;color:#FFF;padding:0 0 0 40px} #nav li a.on span.N2 {display:block;background: none;color:#FFF;padding:0 0 0 40px} #nav #pictoFaire {width:195px;display:block;background: url(img/nav-connaissance-picto.jpg) no-repeat top left;padding:0 0 507px 0} #nav #pictoDecouvrir {width:195px;display:block;background: url(img/nav-decouvrir-picto.jpg) no-repeat top left;padding:0 0 480px 0} #nav #pictoConsulter {width:195px;display:block;background: url(img/nav-consulter-picto.jpg) no-repeat top left;padding:0 0 516px 0} #nav #pictoActualite {width:195px;display:block;background: url(img/nav-actualite-picto.jpg) no-repeat top left;padding:0 0 499px 0} #nav #pictoContacter {width:195px;display:block;background: url(img/nav-contacter-picto.jpg) no-repeat top left;padding:0 0 484px 0} #nav #pictoTrouver {width:195px;display:block;background: url(img/nav-trouver-picto.jpg) no-repeat top left;padding:0 0 440px 0} #nav #pictoRejoindre {width:195px;display:block;background: url(img/nav-rejoindre-picto.jpg) no-repeat top left;padding:0 0 474px 0} #nav #pictoIdentifier {width:195px;display:block;background: url(img/nav-identifier-picto.jpg) no-repeat top left;padding:0 0 484px 0} #nav #pictoMentions {width:195px;display:block;background: url(img/nav-mentions-picto.jpg) no-repeat top left;padding:0 0 492px 0} #nav #pictoPlanSite {width:195px;display:block;background: url(img/nav-plansite-picto.jpg) no-repeat top left;padding:0 0 492px 0} #nav #pictoActu {width:195px;display:block;background: url(img/nav-actu-picto.jpg) no-repeat top left;padding:0 0 480px 0} #nav #pictoVendre {width:195px;height:600px;display:block;background: url(img/nav-vendre-picto.jpg) no-repeat top left;} #nav #pictoMener {width:195px;height:600px;display:block;background: url(img/nav-mener-picto.jpg) no-repeat top left;} #nav #pictoInformer {width:195px;height:600px;display:block;background: url(img/nav-informer-picto.jpg) no-repeat top left;} #nav #pictoFormer {width:195px;height:600px;display:block;background: url(img/nav-former-picto.jpg) no-repeat top left;} #nav #pictoVeille {width:195px;height:600px;display:block;background: url(img/nav-concurrence-picto.jpg) no-repeat top left;} #nav #pictoParrainage {width:195px;height:600px;display:block;background: url(img/nav-parrainage-picto.jpg) no-repeat top left;} #nav #pictoReferences {width:195px;height:600px;display:block;background: url(img/nav-references-picto.jpg) no-repeat top left;} #nav #pictoRencontres {width:195px;height:600px;display:block;background: url(img/nav-rencontres-picto.jpg) no-repeat top left;} #nav #pictoCommandeImprimes {width:195px;height:600px;display:block;background: url(img/nav-commande-imprimes.jpg) no-repeat top left;} /** COLONNE 02 **/ /*#Entete {float:left;display:block;background: url(img/h1-lg.gif) repeat-x bottom left;padding:0 0 2px 0;margin:0 0 20px 0} #print {float:right;width:61px;display:block;padding:5px 0 0 0;}*/ #title_space {float:left; display:block; width:10px;} #taille {float:left;width:31px;height:17px;display:block;} #Entete { position: relative; width: 565px; background: url(img/h1-lg.gif) repeat-x bottom left; padding:0 0 6px 0; margin: 0 0 24px 0; } #print { position: absolute; bottom: 6px; right: 0px; } a.tailleMoins {float:left;display:block;width:15px;height:17px;background: url(img/a.gif) no-repeat 0 0;text-indent:-2000px} a.tailleMoins:hover {float:left;display:block;width:15px;height:17px;background: url(img/a-hover.gif) no-repeat 0 0;} a.taillePlus {float:left;display:block;width:16px;height:17px;background: url(img/aa.gif) no-repeat 0 0;text-indent:-2000px} a.taillePlus:hover {float:left;display:block;width:16px;height:17px;background: url(img/aa-hover.gif) no-repeat 0 0;} #imprimer {float:left;width:22px;height:19px;display:block;text-indent:-2000px;background: #FFF url(img/print.gif) no-repeat 0 0;margin:0 0 0 8px;} #imprimer:hover {float:left;width:22px;height:19px;display:block;text-indent:-2000px;background: #FFF url(img/print-hover.gif) no-repeat 0 0;margin:0 0 0 8px;} #col02 .photoTxt {float:left;margin:4px 0 20px 0;} #vertical_container .photoTxt {float:left;margin:0 0 20px 0;} #col02 .photoTxt .photo {float:left;width:195px;font-size:10px} #col02 .photoTxt div.data {float:left;width:370px; color:#3C3C3C;clear:none; margin:0} #col02 .photoTxt div.data p {margin:0;} #col02 p.data {margin:0 0 20px 0;padding:0} #col02 p.data b {color:#3C3C3C;} #col02 .data b {color:#3C3C3C;} #col02 ul.data {margin:0 0 20px 0;padding:0} #col02 .data a {color:#f38022;text-decoration:underline} #col02 .data a:hover{color:#f38022;text-decoration:none} #col02 ul.data ul {margin:0 0 0 30px;padding:0} #col02 ul.data li {display:block;background: url(img/li-col02.gif) no-repeat 0 6px;padding:0 0 10px 12px} #col02 ul.data li li {display:block;background: url(img/lili-col02.gif) no-repeat 0 6px;padding:0 0 0 12px} #col02 ul.data ul b {color:#3C3C3C;} #col02 ul.offres {margin:4px 0 10px 0;padding:0;width:100%} #col02 ul.offres li {display:block;background: url(img/li-col02.gif) no-repeat 0 6px;padding:0 0 0 12px} #col02 ul.offres li b {color:#3C3C3C;} #col02 ul.offres li span.left {float:left;} #col02 ul.offres li span.right {float:right;} #col02 ul.offres li span a {color:#f38022;text-decoration:underline} #col02 ul.offres li span a:hover {color:#f38022;text-decoration:none} .trombi {float:left;margin:0 48px 20px 0} .trombi p {width:140px;display:block} .trombi p a {color:#f38022;text-decoration:none} .trombi p a:hover {color:#646464;text-decoration:none} table.grise {margin: 4px 0 21px 0;background:#f5f5f5} table.grise td {padding: 8px 20px 5px 20px;} table.grise td.img {padding:0;width:175px;height:130px;} table.grise td h2 {font-size:15px;color:#0069B0;margin:0;padding:0;font-weight:normal;} table.grise td p {margin:0;padding:6px 0 0 0} table.grise td a {font-size:11px;color:#f38022;text-decoration:underline;padding:0 0 0 20px} table.grise td a:hover {font-size:11px;color:#f38022;text-decoration:none} table.grise td h2 a {font-size:15px;color:#0069B0;margin:0;padding:0;font-weight:normal;text-decoration:none;} table.grise td h2 a:hover {font-size:15px;color:#f38022;margin:0;padding:0;font-weight:normal;text-decoration:none;} .tableGrise { background-color:#F5F5F5; margin:0 0 12px; padding:0 0 8px 10px; } /** ADHERENTS PARRAINAGE **/ .parrainageTop {background: url(img/parrainage-TOP.gif) no-repeat 0 0;margin:0;padding:0;width:565px;height:30px;display:block} .parrainageTop div {padding:0 0 0 21px;line-height:30px;color:#3C3C3C} .parrainageBot {background: #fcdebb url(img/parrainage-BOT.gif) no-repeat bottom left;margin:0 0 20px 0;padding:0;width:565px;display:block;text-align:left} .parrainageBot b {color:#3C3C3C} #col02 .data .parrainageBot ul {padding:5px 0 10px 0; float:none;} #col02 .data .parrainageBot ul li {display:block;background: url(img/li-parrainage.gif) no-repeat 0 6px;padding:0 20px 0 20px} #col02 .data #bulletinLeft p { margin-top:14px; } #bulletinLeft {float:left;width:194px} #bulletinLeft a.pdf {background: url(img/_icones/pdf-simple.gif) no-repeat 0 0;padding:5px 0 20px 20px;color:#868686;} #bulletinLeft a.pdf:hover {text-decoration:none;color:#868686;} #bulletinRight {float:left;width:371px;text-align:left} #bulletinRight b {color:#3C3C3C} #bulletinRight ul {padding:0 0 10px 0} #bulletinRight ul li {display:block;background: url(img/li-col02.gif) no-repeat 0 6px;padding:0 20px 0 10px} /** CATALOGUE **/ #flashContent a {color:#868686;text-decoration:underline} #flashContent a:hover {color:#868686;text-decoration:none} .ongletFD {float:left;background: url(img/ongletFD.gif) repeat-y 0 0;margin:20px 0 0 0} .onglet {float:left;padding:0 20px 0 0} .ongletDernier {float:left;padding:0 } h3 {text-align:left;} .onglet .data h3 {font-weight:normal;font-size:14px;color:#0069B0;margin:0;padding:0 10px 10px 10px;} .onglet .data {width:175px;display:block;;font-size:11px;padding:10px 0 10px 0;} .onglet .data p {padding: 0 10px 0 10px;margin:0;text-align:justify} .ongletDernier .data h3 {font-weight:normal;font-size:14px;color:#0069B0;margin:0;padding:0 10px 10px 10px;} .ongletDernier .data {width:175px;display:block;;font-size:11px;padding:10px 0 10px 0;} .ongletDernier .data p {padding: 0 10px 0 10px;margin:0;text-align:justify} .ongletFD .data p a {color:#f38022;text-decoration:underline!important} .ongletFD .data p a:hover {color:#f38022!important;text-decoration:none!important} .suivante {color:#3C3C3C;margin:0 0 20px 0} .suivante a {color:#f38022;text-decoration:underline} .suivante a:hover {color:#f38022;text-decoration:none} #formulairecontact {color:#3C3C3C;} .nousContacter input, .nousContacter .NonOui, .nousContacter select, .nousContacter textarea {color:#3C3C3C; font-size:13px !important; font-family:Arial,Verdana !important;} .obligatoire {color:#AFAFB1;font-size:11px} .doit {color:#ff0000; font-weight:bold;font-size:16px} .lois {color:#AFAFB1;font-size:11px;text-align:justify} #nousRejoindre input, #nousRejoindre select, #nousRejoindre textarea {color:#3C3C3C; font-size:13px !important; font-family:Arial,Verdana !important;} .nousContacter textarea, #nousRejoindre textarea { width:300px;} .captcha { border:1px solid #ddd; } .ConseillerResultat {width:565px;background:#f5f5f5;display:block; margin:0 0 20px 0} #col02 .ConseillerResultat div.data {padding:10px;} #col02 .ConseillerResultat div.data .fond {background: url(img/conseiller-fd.gif) repeat-y 0 0;} #col02 .ConseillerResultat div.data .left {float:left;width:398px} #col02 .ConseillerResultat div.data .right{float:left;width:146px} #col02 .ConseillerResultat div.data h2 { color:#0069B0; font-size:17px; font-weight:normal; margin:0; padding:0;} #col02 .ConseillerResultat a.no {color:#646464!important;text-decoration:none!important} #col02 .ConseillerResultat a.no:hover {color:#646464!important;text-decoration:underline!important} #col02 .ConseillerResultat .phone {font-weight:normal;font-size:17px;color:#0069B0;margin:0;padding:0;} input.envoyer {width:80px;height:21px;display:block;border:none;background: url(img/contacter-submit.gif) no-repeat 0 0;color:#ffffff!important;padding:0 0 3px 0;text-align:center;float:right} input.reset {width:80px;height:21px;display:block;border:none;background: url(img/contacter-reset.gif) no-repeat 0 0;color:#ffffff;padding:0 auto;padding:0 0 3px 0;text-align:center;margin:0 0 0 15px;float:right} .orange {color:#f38022;} .erreur {color:#D7173A;float:right;padding:2px 30px 0 0} #nousRejoindre {color:#3C3C3C;} .FondGris {background:#f5f5f5;padding:10px} .offresVoir {width:90px;height:21px;display:block;background: url(img/offres-voir.gif) no-repeat 0 0;color:#ffffff;padding:0 auto;text-align:center;margin:0 0 0 15px;float:right;text-decoration:none;line-height:18px; } .offresPostuler {width:90px;height:21px;display:block;border:none;background: url(img/offres-postuler.gif) no-repeat 0 0;color:#ffffff;padding:0 auto;text-align:center;margin:0 0 0 15px;float:right;text-decoration:none;line-height:18px;} table.grise td a.voirlesoffres {width:91px;height:21px;display:block;background: url(img/td-offres-voir.gif) no-repeat 0 0;font-size:12px;color:#fff;text-decoration:none;text-align:center;line-height:18px;margin:0 0 10px 0; padding:0; } table.grise td a.voirlesoffres:hover {width:91px;height:21px;display:block;background: url(img/td-offres-voir-on.gif) no-repeat 0 0;font-size:12px;color:#fff;text-decoration:none;text-align:center;line-height:18px; padding:0; } .tableRencontres {width:565px;display:block} th .evenement {width:184px;height:30px;background: url(img/espace-adherent/evenement-fond.gif) no-repeat 0 0;display:block} th .evenement span {padding:0 0 0 27px;line-height:30px;font-weight:bold} th .rdv {width:195px;height:30px;background: url(img/espace-adherent/rdv-fond.gif) no-repeat 0 0;display:block} th .rdv span {padding:0 0 0 28px;line-height:30px;font-weight:bold} th .lieu {width:186px;height:30px;background: url(img/espace-adherent/lieu-fond.gif) no-repeat 0 0;display:block} th .lieu span {padding:0 0 0 28px;line-height:30px;font-weight:bold} .tableRencontres tr {text-align:left} .tableRencontres tr.grise {background:#f5f5f5;text-align:left} .tableRencontres td div {padding:9px;color:#f38022} .tableRencontres td span {padding:9px;display:block} .tableRencontres td p {padding:9px;margin:0;display:block} tr.grise {background:#f5f5f5;text-align:left} tr.blanche {background:#fff;text-align:left} tr.orange {background:#f9ece3; margin:0; padding:0;color:#646464 !important} td.cache {margin:0; padding:0; color:#646464 !important} td.cache div {padding:10px; color:#646464 !important} td.center {text-align:center} #col02 .data a.lien_desactive {color:#b3b3b3; text-decoration:underline;} #col02 .data a.lien_desactive:hover {color:#b3b3b3; text-decoration:none;} /** FOOTER **/ #footer {float:left;background:#FFF url(img/footer-fd.gif) no-repeat 0 0;width:995px;height:197px;display:block;} #footer .decal {margin:0 0 0 20px;} #footer .data {float:left;padding:20px 0 0 0;width:195px;display:block} #footer .data03 {float:left;padding:20px 0 0 0;width:200px;display:block} #footer .data04 {float:left;padding:16px 0 0 0;width:200px;display:block} #footer .data05 {float:left;padding:20px 0 0 0;width:170px;display:block} #footer .tem a {color:#0069B0;text-decoration:none} #footer .tem a:hover {color:#0069B0;text-decoration:underline} #footer a {color:#646464;text-decoration:none} #footer a:hover {color:#646464;text-decoration:underline} /** BANDEAU **/ #bandeau {float:left;width:995px;height:75px;display:block;background: #FFF url(img/bandeau-fond.jpg) no-repeat 0 0;} #logo {float:left;width:605px;height:75px;display:block;text-indent:-2000px} #logo span {width:132px;height:75px;} #logo a {margin:0 0 0 20px;display:block;width:132px;height:75px;} #space {float:left;width:370px;display:block;padding:14px 0 0 0;text-align:right;} /** CONNECTION **/ .spaceconnecte_adherent {width:370px;height:25px;display:block;background: url(img/espace-adherent-fd.gif) no-repeat 0 0;text-align:left} .spaceconnecte_conseiller {width:370px;height:25px;display:block;background: url(img/espace-conseiller-fd.gif) no-repeat 0 0;text-align:left} .spaceconnecte .left {float:left;line-height:24px;height:24px;font-size:11px;color:#4D4D4D;width:268px; overflow:hidden;} .spaceconnecte .left span {padding:0 0 0 30px;} .spaceconnecte .right {float:left;line-height:24px;font-size:10px;color:#4D4D4D;width:102px} .spaceconnecte .right a {padding:0 0 0 4px;line-height:24px;color:#4D4D4D;text-align:right;text-decoration:none} .spaceconnecte .right a:hover{color:#4D4D4D;text-align:right;text-decoration:underline} .spaceconeiller {width:370px;height:25px;display:block;background: url(img/espace-conseiller-fd-bottom.gif) no-repeat 0 0;text-align:left} .spaceconeiller a {padding:0 0 0 28px;text-decoration:none;color:#FFFFFF;line-height:22px} .spaceconeiller a:hover {text-decoration:none;color:#FFFFFF} /** Plan site **/ .plansitetop {background: url(img/plansite-top.gif) no-repeat 0 0;width:565px;display:block;padding:3px 0 0 0} .plansitefond {background: url(img/plansite-bg.gif) repeat-y 0 0;display:block;width:565px;} .plansite .tem {color:#0069B0;} .plansite .tem a {color:#0069B0;text-decoration:none} .plansite .tem a:hover {color:#0069B0;text-decoration:underline} .plansite ul li a {color:#3C3C3C;text-decoration:none} .plansite ul li a:hover {color:#3C3C3C;text-decoration:underline} .plansite ul li ul li a {color:#646464;text-decoration:none;font-size:12px} .plansite ul li ul li a:hover {color:#646464;text-decoration:underline;font-size:12px} .plansite ul {margin:0 0 12px 0;text-align:left} .plansite ul li {display:block;background: url(img/li-col02.gif) no-repeat 0 6px;padding:0 0 0 12px} .plansite ul li ul {margin:0 0 0 0;text-align:left} .plansite ul li ul li {display:block;background: url(img/lili-col02.gif) no-repeat 0 6px;padding:0 0 0 12px} .vl_public {text-align:justify; padding:10px 20px 10px 4px;border-bottom:1px solid #d9d9d9;} .vl_public strong {color:#0069B0 !important}