/********************************************* ********** C O N S U L T A T I O N *********** *********************************************/ /* Red�ition des balises HTML */ *{margin:0;padding:0;} body{font: normal 62.5%/1.5em "Trebuchet MS", Verdana, sans-serif;background:#e0efec;text-align:center} img{border:none;} a{text-decoration:none;} a:hover{text-decoration:underline;} .liens{text-decoration:underline; color:#007861} .error{color:#FC6623} #droite select, #droite input, #droite textarea{color:#007861; font-size:11px} .textes{color:#007861} ul, li{list-style:none;} input, textarea, select{font-family:Arial, "Trebuchet MS", Verdana, sans-serif;font-size:1.1em} fieldset legend{display:none;} br.cleaner {margin:0;padding:0;clear:both} #droite .puce{margin-right:10px} .lien_picto1{background:url(/img/puces/site.gif) 0 0 no-repeat; display:block; height:20px; padding:10px 0 0 40px; color:#007861} .lien_picto2{background:url(/img/puces/site.gif) 0 0 no-repeat; display:block; height:20px; padding:10px 0 0 40px} .liste02 li, .liste02 li.intit{list-style-type:none; color:#007861; font-size:11px; margin:5px 0 5px 30px} .liste02 li.intit{margin-left:0; font-weight:bold} #header_nav ul{position:relative;width:100%;z-index:4;} /* Donne une hauteur au bloc en float sous Firefox et IE/Mac */ #header_nav ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;} * html #header_nav ul{height: 1%;} /* --------------------------------------------------------- */ /* STRUCTURE */ #global{position:relative;width:955px;margin:0 auto;text-align:left;background:#fff;border-top:1px solid #fff} /* TOP */ #top{position:relative;width:955px;padding:0 0 6px 0;} #header{position:relative;width:955px;height:61px;margin:9px 0 0 0px;background:url(../img/fonds/bg-header.jpg) no-repeat 7px 0;} #header #logos {float:left;display:inline;width:450px;} #header #logos img {margin:0 15px;vertical-align:top} #header #recherche {float:left;display:inline;margin:0 0 0 25px;} #header #recherche.intpro {float:left;display:inline;margin:0 0 0 250px} #header #recherche fieldset {border:0;border:none;margin:6px 0 0 0} #header #recherche label {display:block;font-size:1.2em;color:#fff;background:url(../img/puces/carre-orange.gif) no-repeat 0 5px;margin:0;padding-left:10px;font-weight:bold} #header #recherche input {background:#007861;border:1px solid #fff;width:194px;height:20px;color:#fff;line-height:1.8em} #header #recherche #ok {position:absolute;top:22px;left:910px} #header h2 {float:left;display:inline;font-size:1.4em;width:460px;margin:45px 0 0 -170px;color:#fff} /* MIDDLE */ #middle {width:955px;float:left;background:white;display:block;} /***************************************************** Styles guides laio *****************************************************/ #laio {float:left;display:inline;height:500px; position:relative; font: normal 8pt "Trebuchet MS", Verdana, sans-serif} #laioImpression {float:left;display:inline;position:relative; font: normal 8pt "Trebuchet MS", Verdana, sans-serif} #laio #Lgauche {float:left;display:inline;width:200px;margin:2px; padding:2px;} #Lgauche #menu_laio {margin-top:15px;border:solid 1 #000000;width:200px;height:80px} #Lgauche #menu_laio ul.menu {border:1px solid #b6d9d3; background:#e6f2ef; margin:0 0 4px 0; padding:3px 0;background:url(../img/fonds/bg-dia-vert-1.gif) repeat 0 0;} #Lgauche #menu_laio ul.menu li{padding:4px 0px 4px 10px;background:url(../img/puces/carre-orange.gif) no-repeat 0 9px;margin:0 6px 0px 6px} #Lgauche #menu_laio ul.menu li.menu_public {border-bottom:1px solid #b6d9d3;padding:4px 0px 4px 10px;background:url(../img/puces/carre-orange.gif) no-repeat 0 9px;margin:0 6px 0px 6px} #laio #Ldroite {float:left;display:inline; height:490px;width:730px;background:url(../img/fonds/bg-main-pro.gif) repeat-y;margin:2px; padding:2px;} #Ldroite .sstitre{display:block; margin:auto; padding:0; height:25px; font-size:14px; font-weight:bold; color:#4A9F8F; clear:both;background:url(../img/puces/puce_AIO.gif) no-repeat 0 0px;display:block;padding-left:25px;border-bottom:solid 2px #f6f1a5} #Ldroite #titre_section {float:left;width:550px;display:inline;margin:0px; height:40px;font:12px;} .pdf {float:right;height:35px;width:150px;display:inline;margin:0px;padding-top:15px;background:url(../img/acrobat.jpg) no-repeat 0px 10px;text-align:right;} .imprimer {float:right;height:35px;width:80px;display:inline;margin:0px;padding-top:2px;background:url(../img/print.jpg) no-repeat;text-align:right;} .imprimer:hover{cursor:pointer;font-weight:bold} #laioImpression #LdroiteImpression {float:left;display:inline; width:800px;margin:2px; padding:2px;} #Lgauche #definitions {float:left;margin-top:5px;width:98%; display:inline;padding:2px;} #Lgauche #definitions .defTitre {float:left;display:block;padding-left:20px;padding-top:2px;height:20px; width:90%;margin-top:15px;background:url(../img/interrogation.gif) no-repeat} #Lgauche #definitions .defdef {float:left;display:block;font-style:italic;color:gray;padding-bottom:5px} #defInfo,#defConseil,#defAccompagnement {position:absolute; height:140px;overflow:hidden; width:190px;background:#FFFFFF;z-index:1;visibility:hidden} #definition_info,#definition_conseil,#definition_accompagnement {text-align:justify} .mot {float:left;width:90%;display:block;margin-top:5px;color:#4A9F8F;font-weight:bold} .erreur {color:red} /*** Page "moteur de recherche" **/ #laio_moteur {float:left;display:inline;height:400px; position:relative; font: normal 8pt "Trebuchet MS", Verdana, sans-serif} #laio_moteur #Lgauche {float:left;display:inline;width:200px;margin:2px; padding:2px;} #laio_moteur #Ldroite {float:left;display:inline; height:395px;width:730px;background:url(../img/fonds/bg-main-pro.gif) repeat-y;margin:2px; padding:2px;} #laio_moteur #Ldroite #recherche_reseau {float:left;display:inline; padding:10;margin:30px 5px} #laio_moteur #Ldroite #recherche_lieu {float:left;display:inline; padding:10;margin:0px 5px} #recherche_lieu .sstitre {margin-left:10px;} .nomchamp {float:left;display:block; width:200px;margin:2px 0px 2px 5px;} .champ {float:left;display:block; width:250px;height:30px} #recherche_reseau .sstitre {margin-left:10px;} .nomchamp {float:left;display:block; width:200px;margin:2px 0px 2px 5px;} .champ {float:left;display:block; width:250px;height:30px} #form_reseau {float:left;display:inline;width:310px;margin:5px 5px 5px 25px;border-right:solid 2px #f6f1a5} #form_lieu {float:left;display:inline;width:310px;height:160px;margin:5px 5px 5px 25px;border-right:solid 2px #f6f1a5} #form_lieu select {float:left;width:280px;} #form_reseau select {float:left;width:280px} #submit_lieu {float:left;display:block;margin:68px 0px;width:355px;text-align:center} #submit_reseau {float:left;display:block;margin:18px 0px;width:355px;text-align:center} /*** Page recherche cartographique ***/ #laio #Ldroite #carte {float:left} /*** Page fiche réseau ***/ #laio #Ldroite #conteneur_reseau {float:left; display:block;width:100%} #laio #Ldroite #conteneur_reseau #reseau {margin-left:5px;display:block;width:95%;font-size:10pt;} #laio #Ldroite #conteneur_reseau #reseau .element {float:left;display:block; width:100%; margin:5px 0px 5px 1px;padding:0px} #laio #Ldroite #conteneur_reseau #reseau #elementPublic {float:left;display:inline;height:140px; width:49%; margin:5px 5px 5px 1px;padding:0px} .sElementCommentaire {font-size:8pt;color:#4A9F8F;margin-top:15px} #laio #Ldroite #conteneur_reseau #reseau #elementService {float:left;display:inline;height:140px; width:49%; margin:5px 5px 5px 1px;padding:0px} #laio #Ldroite #conteneur_reseau #reseau #elementOrga {float:left;display:block; width:100%; margin:5px 0px 5px 1px;padding:0px;background:#fdfbe3} #laio #Ldroite #conteneur_reseau #reseau #elementMission {float:left;display:block; width:100%; margin:5px 0px 5px 1px;height:45px} .champFiche {background:url(../img/puces/puce_AIO.gif) no-repeat 0 0px;color:#4A9F8F;font-size:1.2em;display:block;padding-left:25px;padding-bottom:2px;border-bottom:solid 2px #f6f1a5} .data {display:block;padding:0px} .data div {display:block;margin:0 2px 0 2px;padding:0px} .text {display:block;height:60px;width:100%;margin:1px 0px 15px 0px} .textOrga {display:block;height:100px;width:100%;margin:1px 0px 15px 0px;font-size:9pt} .champ_lieux {display:block;font-size:1.2em} #laio #Ldroite #conteneur_reseau #reseau #coordonnees {color:#4A9F8F;display:inline;margin-right:4px;font-size:8pt} ul.contact {width:400px;} ul.contact li {width:400px} .tableServices {border-collapse: collapse;font-family:Arial;color:#4A9F8F;font-size:0.8em;margin-top:10px} .tableServices td {width:60px;text-align:center;border-bottom:solid 1px #4A9F8F} .tableServices td.intitule {width:80px;text-align:left} /*** Page "résultats réseaux" ***/ #laio #Ldroite #liste_reseaux {float:left;display:block;overflow:scroll;width:690px;height:440px;margin-left:10px; margin-right:10px} .reseau {display:block;width:400px;} .titreReseau {float:left;display:block;background:#007861;color:#FFFFFF;font-weight:bold;margin-top:5px;width:400px} .infosReseau {width:400px;display:inline;} .infoReseau {float:left;display:block;width:340px; background:#FFFFFF} .nomChampReseau {float:left;display:inline; width:60px;background:#FFFFFF} /*** Page résultats lieux ***/ #laio #Ldroite #liste_lieux {float:left;display:block;overflow:scroll;width:690px;height:430px;margin-left:10px; margin-right:10px} .lieu {display:inline;width:500px;} .lieuImpression {display:block;width:800px;} .titreLieu {float:left;display:inline;color:#FFFFFF;font-weight:bold;margin-top:5px;width:500px;background:#007861} .titreLieuImpression {float:left;display:block;color:#FFFFFF;font-weight:bold;margin-top:5px;width:800px;background:#007861} .infosLieu {float:left;width:500px;display:inline} .infosLieuImpression {float:left;width:800px;display:inline} .infoLieu {float:left;display:block;width:380px;} .nomChampLieu {float:left;display:inline; width:120px;} .prc {float:left;display:block;width:100%;} #laioImpression #LdroiteImpression #liste_lieux {float:left;display:block;overflow:scroll;width:800px;height:430px;margin-left:10px; margin-right:10px} .lieu {display:inline-block;width:500px;} .lieuImpression {display:block;width:800px;} .titreLieu {float:left;display:inline-block;color:#FFFFFF;font-weight:bold;margin-top:5px;width:500px;background:#007861} .titreLieuImpression {float:left;display:block;color:#FFFFFF;font-weight:bold;margin-top:5px;width:800px;font-size:11pt} .infosLieu {float:left;width:500px;display:inline} .infosLieuImpression {float:left;width:800px;display:inline;font-size:11pt} .infoLieu {float:left;display:block;width:380px;} .nomChampLieu {float:left;display:inline; width:120px;} .prc {float:left;display:block;width:100%;} #laio #Ldroite #legende_prc {float:left; width:100%} /*** Page d'affichage des villes ***/ #main {background:#FFFFFF;color:#4A9F8F;width:100%} #main .colvilles {float:left; display:inline; width:25%;background:#FFFFFF} #main .colvilles div {display:block;text-align:left;background:#FFFFFF} #main .colvilles div:hover {color:#000000;font-weight:bold} #main-bottom {float:left;display:block;width:955px;height:25px;background:url(../img/fonds/bg-main-bottom.jpg) no-repeat 0 0;} #main-bottom ul {float:left;display:inline;margin:0 0 0 340px;width:400px;} #main-bottom ul li {float:left;display:inline;line-height:2.6em; width:120px; } #main-bottom ul li a {font-size:1.1em;color:#007861;margin:0 14px 0 16px} #main-bottom ul li.tiret {background:url(../img/puces/rectangle-vert.gif) no-repeat 0 13px;} /********************************************* ********** A D M I N I S T R A T I O N ******* *********************************************/ /*** Pages authentification ***/ #msg-error {float:left;display:inline;font-style:italic;font-weight:bold;color:red;padding:5px;} #laio_moteur #Ldroite #formulaire_login {float:left;width:500px;display:inline; padding:10;margin:0px 5px 5px} #form_login {float:left;display:inline;width:500px;height:300px; margin-top:5px;} .nomchamplog {float:left;display:inline;width:70px;margin:2px 10px 2px 5px;} .champlog {float:left;display:inline;width:150px;height:30px} .welcome_connection{padding:5px;font-weight:bold; font-size:1.5em;} .msg_connection{margin-top:10px;font-style:italic;} /*** Liens ajout ***/ a#lien_ajout{float:right;display:inline;margin:10px; padding:5px;text-decoration: none; background:#abd3cb;color: #2b8e7c;border: 1px solid #2b8e7c; text-align:center; width:100px;} a#lien_ajout:hover{background:#2b8e7c;color:#abd3cb;} /*** Liste des réseaux ***/ #laio #Ldroite #liste_reseaux_adm {float:left;display:block;overflow:auto;width:690px;height:400px;;margin-left:10px;margin-right:10px;} .AcroListe {font-weight:bold;padding:2px;margin-left:4px;margin-right:4px;} .NomListe {font-style:italic;padding:2px;margin-left:4px;margin-right:4px;} .NbAccueilListe {padding:2px;margin-left:4px;margin-right:4px;} .imgReseau {margin-left:4px;margin-right:4px;} /*** Listage des lieux ***/ #laio #Ldroite #liste_lieux_adm {float:left;display:block;overflow:auto;width:690px;height:400px;;margin-left:10px;margin-right:10px;} .NomLieu {padding:2px;margin-left:5px;margin-right:5px;font-weight:bold;} .Nom2Lieu {padding:2px;margin-left:5px;margin-right:5px;font-style:italic;} .AdresseLieu {padding:2px; margin-left:5px;margin-right:5px;} .CPLieu {padding:2px;margin-left:5px;margin-right:5px;} .VilleLieu {padding:2px;margin-left:5px;margin-right:5px;font-weight:bold;} .imgLieu {margin-left:4px;margin-right:4px;} /*** Listage des publics ***/ #laio #Ldroite #liste_public_adm {float:left;display:block;overflow:auto;width:690px;height:250px;margin-left:10px; margin-right:10px} .champPublic {padding:5px;margin-left:5px;margin-right:5px;} .imgPublic {padding:5px;} /*** Formulaire Ajout Public ***/ #form_public .nomchampPub { margin:5px; } .champPub {margin:5px;} .submitPub { } /*** Formulaire Ajout Reseau ***/ #laioReseau {width:100%;float:left;display:inline;height:600px; position:relative; font: normal 8pt "Trebuchet MS", Verdana, sans-serif} #laioReseau #LgaucheReseau {float:left;display:inline;width:190px;margin:2px; padding:2px;} #LgaucheReseau #menu_laio {margin-top:15px;border:solid 1 #000000;width:100%;height:80px} #LgaucheReseau #menu_laio ul.menu {border:1px solid #b6d9d3; background:#e6f2ef; margin:0 0 4px 0; padding:3px 0;background:url(../img/fonds/bg-dia-vert-1.gif) repeat 0 0;} #LgaucheReseau #menu_laio ul.menu li{padding:4px 0px 4px 10px;background:url(../img/puces/carre-orange.gif) no-repeat 0 9px;margin:0 6px 0px 6px} #LgaucheReseau #menu_laio ul.menu li.menu_public {border-bottom:1px solid #b6d9d3;padding:4px 0px 4px 10px;background:url(../img/puces/carre-orange.gif) no-repeat 0 9px;margin:0 6px 0px 6px} #laioReseau #LdroiteReseau {float:left;display:inline; height:600px;width:710px;background:url(../img/fonds/bg-main-pro.gif) repeat-y;margin:5px; padding:2px;} #LdroiteReseau .sstitre{display:block; margin:auto; padding:0; height:25px; font-size:14px; font-weight:bold; color:#4A9F8F; clear:both;background:url(../img/puces/puce_AIO.gif) no-repeat 0 0px;display:block;padding-left:25px;border-bottom:solid 2px #f6f1a5} #LdroiteReseau #titre_section {float:left;width:550px;display:inline;margin:0px; height:40px;} #ajoutReseauRes {float:left;width:330px;display:inline; padding:5px;margin:0px 0px;} #ajoutReseauCon {float:left;width:340px;height:190px;display:inline; padding:5px;margin:0px 0px;border-left:solid 2px #f6f1a5;} #ajoutReseauSer {float:left;width:340px;height:120px;display:block; padding:5px;margin:5px 0px 5px 0px;border-left:solid 2px #f6f1a5;} #ajoutReseauPub {float:left;width:340px;height:140px;display:block; padding:5px;margin:5px 0px 5px 0px;border-left:solid 2px #f6f1a5;} #form_reseau_adm{margin:5px 0px 5px 0px;} .nomchampadm { margin:1px;display:inline; } .nomchampadmob {font-weight:bold; margin:1px; } .champadm {margin:1px;display:inline;} .champadm input {float:left} .nomchampadmct { margin:4px; } .champadmct {margin:4px;} .submitRes { } .colonnecell{ width:55px;text-align:center;} .titrecell{ width:100px;} .checkboxcell{text-align:center;} div.icon { float:left; background: url(../img/loupe.jpg) no-repeat 0px 0px; width:16px; height:20px; cursor:pointer; } /*** Formulaire Ajout Lieu ***/ #ajoutLieuLi {float:left;width:330px;height:380px;display:inline; padding:1px;margin:0px 5px} #ajoutLieuCo {float:left;width:340px;height:380px;display:inline; padding:2px;margin:0px 10px;border-left:solid 2px #f6f1a5} #ajoutLieuFo {float:left;width:95%;height:100px;display:block; padding:2px;margin:0px 10px;} #form_lieu_adm .nomchampadml { margin:4px; } .champadml {margin:4px;} .nomchampadmctl { margin:4px; } .champadmctl {margin:4px;} .submitResl { } .champobligatoire{font-weight:bold; padding:10px;} /********************************************* ************* I M P R E S S I O N ************ *********************************************/ @media print{ #header #recherche {display:none} #laio #Lgauche {display:none} #laio #Ldroite #liste_reseaux {float:left;display:block;overflow:visible;} .reseau {display:block;} #laio #Ldroite #liste_lieux {float:left;display:block;overflow:visible;} .lieu {display:block;} #laio #Ldroite #liste_lieux_Impression {float:left;display:block;overflow:visible;} .imprimer {display:none} }