/* seulement pour l'admin */ .content_text * {margin:0; padding:0; font-family:Verdana, Arial;} /*body {background:#717171 url(/images/iqpf/bg.gif) repeat-x; color:#3c3c3c; position:relative;}*/ /* COULEUR vert lien #4d7427 orange titre #a44929 */ /* ul li avec list-style-image et margin ---- mettre tous les autres ul li avec important pour écraser celui-ci */ #container a, #col-center a {color:#4d7427;} #container a:visited, #col-center a:visited {color:#636363;} #container a:hover, #col-center a:hover {text-decoration:underline;} h2 {color:#a44929; font-size:14px; margin-bottom:15px;} /* orange */ h3 {color:#a44929; font-size:11px; margin:0;} /* orange */ h3.faq {margin:0 0 7px 15px} /* orange avec espace sur la gauche */ h4 {color:#4d7427; font-size:11px; margin-bottom:15px;} /* vert */ h4.orange, #container h4.orange a:link, #container h4.orange a:visited{color:#a44929;} /* orange */ h5 {font-size:12px; margin:20px 0 5px 0;} /* titre page carriere */ h6 {border-bottom:1px solid #ddd; color:#4d7427; font-size:11px; margin:8px 0 !important; padding-bottom:6px !important;} /* titre section plan de site */ #container img, #container fieldset, #col-center img, #col-center fieldset {border:0;} form input, #container textarea {color:#636363; font-size:11px;} input.radio { float:left; margin-right:3px; } div.clear {clear:both; height:1px; overflow:hidden;} legend {display:none;} .left {float:left;} .right {float:right;} #container {color:#3c3c3c; font-size:11px; margin:0 auto; position:relative; width:996px;} /* HEADER */ #head {background:url(/images/iqpf/bg-top.gif) no-repeat; height:122px; width:996px;} #head #logo {float:left; width:178px;} #head #headcontent {color:#fefefe; float:right; width:810px;} #head #headcontent fieldset {float:right; margin:20px 0 40px 0;} #head #headcontent a {color:#fefefe; font-size:10px; font-weight:bold; text-decoration:none;} #head #headcontent a:hover {color:#a2a2a2;} #head #headcontent label {background:url(/images/iqpf/input-left-recherche.gif) no-repeat top right; float:left; font-size:10px; padding:5px 15px 5px 0;} #head #headcontent .textboxes {background:transparent url(/images/iqpf/input-bg-recherche.gif) repeat-x; border:0; overflow:hidden; padding:4px 0; float:left; height:19px; width:136px;} #head #headcontent .bt-recherche {border:0; float:left; position:relative; left:-10px; height:19px; width:17px;} #head #headcontent ul {clear:both; float:right;} #head #headcontent ul li {background:url(/images/iqpf/separateur-menu-haut.gif) no-repeat 0 6px; float:left; list-style:none !important;} #head #headcontent ul li.first {background:none;} #head #headcontent ul li.panier a {background:url(/images/iqpf/icone-panier.gif) no-repeat 12px 2px; padding-left:40px;} #head #headcontent ul li.panier a:hover {background:url(/images/iqpf/icone-panier-hover.gif) no-repeat 12px 2px;} #head #headcontent ul li a {display:block; padding:4px 12px;} /* MAIN page interne 2 colonnes */ #main {background:url(/images/iqpf/bg-accueil2.gif) repeat-y; clear:both; position:relative; width:996px;} #main div.top {background:url(/images/iqpf/bg-accueil-top2b.gif) no-repeat; height:172px; position:absolute; top:0; left:0; width:996px;} #main div.bottom {background:url(/images/iqpf/bg-accueil-bottom2.gif) no-repeat; height:13px; width:996px;} /* MAIN page accueil 3 colonnes */ #main.accueil {background:url(/images/iqpf/bg-accueil.gif) repeat-y;} #main.accueil div.top {background:url(/images/iqpf/bg-col-centre-acc2.gif) no-repeat 252px 0px; height:5px; position:absolute; top:0; left:0; width:996px;} #main.accueil div.bottom {background:url(/images/iqpf/bg-accueil-bottom.gif) no-repeat; height:13px; width:996px;} /* MENU VERT COLONNE DE GAUCHE */ #col-left {float:left; /*margin-top:-5px;*/ overflow:hidden; position:relative; width:255px;} /** html #col-left {margin-top:-13px;}*/ #col-left ul.menu {background:url(/images/iqpf/menu-left-bg.gif) repeat-y; overflow:hidden; position:relative; width:253px;} #col-left ul.menu li {color:#fefefe; font-weight:bold; height:1%; position:relative; padding:10px 15px; list-style:none !important; width:225px;} #col-left ul.menu li.top {background:url(/images/iqpf/menu-left-top.gif) no-repeat top left;} #col-left ul.menu li span.bottom {background:url(/images/iqpf/menu-left-bottom.gif) no-repeat; display:block; padding:0; position:relative; left:-15px; top:10px; overflow:hidden; height:5px; width:255px;} #col-left ul.menu li.last span.bottom {background:url(/images/iqpf/menu-left-bottom-last.gif) no-repeat; overflow:hidden; height:9px; width:255px;} #col-left ul.menu li a {color:#fefefe; font-weight:bold; display:block; text-decoration:none;} #col-left ul.menu li a:hover, #col-left ul.menu li a.actif {color:#3c3c3c;} #col-left ul.menu li span.fleche {background:url(/images/iqpf/menu-left-fleche.gif) no-repeat; height:8px; position:absolute; bottom:6px; right:15px; width:8px;} * html #col-left ul.menu li span.fleche {bottom:4px; right:45px;} #col-left ul.menu li.last span.fleche {bottom:10px; right:15px; width:8px;} * html #col-left ul.menu li.last span.fleche {bottom:5px; right:45px; width:8px;} #col-left ul.niveau2, #col-left ul.niveau3 {padding-left:10px;} #col-left ul.niveau2 {border-top:1px solid #95af7a; margin-top:7px; padding-right:10px; width:210px;} #col-left ul.niveau2 li {width:200px; padding:7px 10px} * html #col-left ul.niveau2 li {width:190px;} #col-left ul.niveau3 li a {/*color:#3c3c3c;*/ font-weight:normal;} #col-left ul.niveau3 li {width:170px;} * html #col-left ul.niveau3 li {width:160px;} #col-left ul.menu li.open span.fleche {background:url(/images/iqpf/menu-left-fleche2-top.gif) no-repeat; float:right; position:relative; top:-1px; left:0px;} /* CALENDRIER COLONNE DE GAUCHE */ #col-left #evenement {background:url(/images/iqpf/background-evenement.gif) no-repeat; /*height:248px;*/ overflow:hidden; padding:0 15px 10px; margin-bottom:10px; width:248px;} /*#col-left h1.flash {background:transparent; color:#fff; font-size:18px; margin:15px 0; text-transform:uppercase;}*/ #col-left img.titre {margin:8px 0 18px 5px} #col-left #evenement ul {clear:both; overflow:hidden; width:200px;} #col-left #evenement ul li {list-style:none !important; margin:0 3px 3px 0; float:left;} ul.journee {margin-left:12px;} ul.journee li {color:#212121; float:left; padding-bottom:0px; text-align:center; width:25px;} * html ul.journee li {padding-bottom:3px;} * +html ul.journee li {padding-bottom:3px;} #col-left #evenement ul.mois {margin-left:20px;} #col-left #evenement ul.mois li {float:left;} #col-left #evenement ul.mois li span {display:none;} #col-left #evenement ul.mois li.precedent, #col-left #evenement ul.mois li.suivant {height:19px; width:19px;} /* lorsqu'il n'y a pas de mois precedent je dois garder la mise en page */ #col-left #evenement ul.mois li.precedent a {background:url(/images/iqpf/mois-precedent.gif) no-repeat; display:block; height:19px; width:19px;} #col-left #evenement ul.mois li.precedent a:hover {background:url(/images/iqpf/mois-precedent-over.gif) no-repeat; height:19px; width:19px;} #col-left #evenement ul.mois li.suivant a {background:url(/images/iqpf/mois-suivant.gif) no-repeat; display:block; height:19px; width:19px;} #col-left #evenement ul.mois li.suivant a:hover {background:url(/images/iqpf/mois-suivant-over.gif) no-repeat; height:19px; width:19px;} #col-left #evenement ul.mois li.month a {color:#4d7427; display:block; font-weight:bold; text-align:center; text-transform:capitalize; text-decoration:underline; width:142px;} #col-left #evenement ul.mois li.month a:hover {text-decoration:none;} #col-left #evenement ul li.autre a {color:#888785 !important;} /* chiffre mois précédent plus pale */ #col-left #evenement ul.date {margin-left:12px;} #col-left #evenement ul.date li a {background:url(/images/iqpf/calendrier-date.gif) no-repeat; color:#5a5a5a; display:block; font-size:10px; font-weight:bold; text-decoration:none; padding:5px; text-align:right; width:15px;} #col-left #evenement ul.date li.today a {background:url(/images/iqpf/calendrier-date-today.gif) no-repeat; color:#fff;} #col-left #evenement ul.date li.even a {background:url(/images/iqpf/calendrier-date-even.gif) no-repeat; color:#fff;} #col-left #evenement ul.date li a:hover {background:url(/images/iqpf/calendrier-date-hover.gif) no-repeat; color:#fff !important;} /* */ /* LIEN EVENEMENT COLONNE DE GAUCHE */ #col-left .lien-evenement {/*position:relative; top:-20px;*/ margin:0 15px 10px; width:208px;} #col-left .lien-evenement ul {margin-bottom:14px;} #col-left .lien-evenement ul li {border-bottom:1px solid #bababa; padding-bottom:10px; list-style:none !important;} #col-left .lien-evenement ul li a {background:url(/images/iqpf/fleche-rouge.gif) no-repeat bottom right; color:#2a2a2a; display:block; padding-top:10px; text-decoration:none;} #col-left .lien-evenement ul li a:hover {background:url(/images/iqpf/fleche-noir.gif) no-repeat bottom right; color:#4d7427; text-decoration:underline;} #col-left .lien-evenement p.rss {float:left;} #col-left .lien-evenement p.voir {float:right;} #col-left .lien-evenement p.rss a {background:url(/images/iqpf/icone-rss.gif) no-repeat; color:#525151; display:block; padding:2px 0 5px 20px; text-decoration:none;} #col-left .lien-evenement p.rss a:hover {color:#4d7427; text-decoration:underline;} #col-left .lien-evenement p.voir a {background:url(/images/iqpf/fleche-rouge.gif) no-repeat 100% 3px; display:block; color:#4d7427; padding-right:10px; text-decoration:underline;} #col-left .lien-evenement p.voir a:hover {background:url(/images/iqpf/fleche-noir.gif) no-repeat 100% 3px; text-decoration:none;} /* COL-CENTER */ #main #col-center {background:url(/images/iqpf/bg-contenu.gif) no-repeat; float:left; margin-left:7px; margin-top:10px; padding:10px 23px 0 20px; overflow:hidden; position:relative; width:650px;} /* 2 colonnes */ /*#main #col-center {background:url(/images/iqpf/bg-contenu.gif) no-repeat; float:left; margin-left:10px; margin-top:10px; padding:10px 20px; position:relative; width:650px;}*/ #main.accueil #col-center {background:none; padding:0; width:464px;} /* 3 colonnes width:461px; */ #col-center p {margin-bottom:10px;} #col-center h1 {clear:both; color:#a44929; font-size:16px; margin-bottom:15px; font-weight:bold;} * html #col-center h1 {padding-top:5px;} /* ie6 */ /* page accueil avec lien non souligné et des fleches */ #col-center p.lien a {color:#3c3c3c; text-decoration:none;} #col-center p.lien a:hover {color:#4d7427; text-decoration:underline;} /* fleche a la fin des nouvelles */ #col-center p.lien a span {background:url(/images/iqpf/fleche-rouge.gif) no-repeat 100% 3px; padding-right:5px;} #col-center p.lien a:hover span {background:url(/images/iqpf/fleche-noir.gif) no-repeat 100% 3px;} /* pub 2 /images/iqpf */ #col-center img.pub1 {float:left; margin:10px 0 20px 0;} #col-center img.pub2 {float:right; margin:10px 0 20px 0;} #col-center img.border {border-bottom:3px solid #858588;} /* image modifiable 1,2,3 */ #col-center .numero {background:url(/images/iqpf/image-accueil-shadow.jpg) no-repeat; height:117px; margin-top:-2px;} #col-center .numero ul {float:right; margin-right:15px;} #col-center .numero ul li {float:left; list-style:none; text-align:center; margin:0;} /* margin-left obligaoire car par defaut 20; */ #col-center .numero ul li a {background:url(/images/iqpf/numero-bg.gif) no-repeat; color:#fff; display:block; font-size:10px; font-weight:bold; padding:3px 0 10px 0; text-decoration:none; width:27px;} #col-center .numero ul li a.actif, #col-center .numero ul li a.actif:hover {background:url(/images/iqpf/numero-bg-actif.gif) no-repeat; color:#fff; width:27px;} #col-center .numero ul li.last a {background:url(/images/iqpf/numero-bg-3.gif) no-repeat; width:25px; padding-right:5px;} #col-center .numero ul li.last a.actif, #col-center .numero ul li.last a.actif:hover {background:url(/images/iqpf/numero-bg-actif-3.gif) no-repeat;} /* #col-center .numero ul li a {background:url(/images/iqpf/numero-bg.gif) no-repeat; color:#fff; display:block; font-size:10px; font-weight:bold; padding:3px 0 10px 0; text-decoration:none; width:27px;} #col-center .numero ul li.actif a, #col-center .numero ul li a:hover {background:url(/images/iqpf/numero-bg-actif.gif) no-repeat; color:#fff; width:27px;} #col-center .numero ul li.last a {background:url(/images/iqpf/numero-bg-3.gif) no-repeat; width:25px; padding-right:5px;} #col-center .numero ul li.actif.last a, #col-center .numero ul li.last a:hover {background:url(/images/iqpf/numero-bg-actif-3.gif) no-repeat;} #col-center .numero ul li#last a {background:url(/images/iqpf/numero-bg-3.gif) no-repeat; width:25px; padding-right:5px;} #col-center .numero ul li.actif#last a, #col-center .numero ul li#last a:hover {background:url(/images/iqpf/numero-bg-actif-3.gif) no-repeat;} */ #col-center .monte {margin:-80px 20px 0;} /* monter le contenu car il y shadow en bg - page acc */ /* FIL ARIANE */ ul.ariane {clear:both; overflow:hidden; margin-bottom:25px;} ul.ariane li {background:none; float:left; font-size:10px; list-style:none !important; margin:0 3px !important;} ul.ariane li a {font-size:10px; margin-right:4px;} /* COL-RIGHT */ #col-right {float:left; margin-left:7px; position:relative; width:259px;} * html #col-right {margin-top:-8px;} /* boite login page accueil */ /*#login {background:url(/images/iqpf/login-bg2.gif) no-repeat; height:214px; margin:0 0 12px -3px; overflow:hidden; position:relative; width:266px;}*/ #login {background:url(/images/iqpf/login-bg2.jpg) no-repeat; margin:0 0 12px -3px; overflow:hidden; position:relative; width:266px;} * html #login {margin-top:7px;} #login h1 {font-size:15px; color:#fff; margin-bottom:12px; text-transform:uppercase;} #login img.ouvrir {margin:10px 0 8px 0;} #login .space {margin:10px 10px 0 10px;} #login .session {background:url(/images/iqpf/session-bg-left.gif) no-repeat; display:block; margin-bottom:10px; padding-left:4px;} #login .session span {background:url(/images/iqpf/session-bg-right.gif) no-repeat; display:block; height:19px; float:left; display:block; padding-right:4px;} #login .session input {border:0; height:16px; float:left; padding-top:3px; overflow:hidden;} #login input.entrer {background:url(/images/iqpf/bt-entrer.gif) no-repeat; color:#fff; border:0; font-weight:bold; height:24px; margin:5px; padding:5px 0; float:right; text-align:center; width:79px;} /*#login input.entrer {background:url(/images/iqpf/bt-entrer.gif) no-repeat; color:#fff; border:0; font-weight:bold; height:24px; position:absolute; padding:5px 0; right:15px; text-align:center; bottom:15px; width:79px;}*/ #login label {display:block; margin-bottom:2px;} #login p.motdepasse {margin-bottom:10px;} #login input.check {float:left; margin-right:5px; position:relative; top:0;} * +html #login input.check {float:left; left:-3px; margin-right:0; position:relative; top:-3px;} * html #login input.check {float:left; left:-3px; margin-right:0; position:relative; top:-3px;} #login div.erreur {color:#b30f16; font-weight:bold; margin:-10px 0 5px 0; width:140px;} #login div.ombre {background:url(/images/iqpf/login-bg2-bottom.jpg) no-repeat bottom left; display:block; height:10px; width:266px; } /*#login .erreur {background:#fff; border:1px solid #ff0033; color:#ff0033; margin:-10px 0 5px 0; padding:5px; width:230px;}*/ /* nouveau login au centre de la page */ #login-new fieldset {margin:10px 0 0 50px; width:353px;} #login-new label {clear:left; display:block; float:left; margin-bottom:10px; width:150px;} #login-new input.txt {float:left; margin-bottom:10px; width:200px;} #login-new input.small {background:url(/images/iqpf/bt-entrer.gif) no-repeat; clear:both; color:#fff; border:0; font-weight:bold; height:24px; padding:5px 0; float:right; text-align:center; width:79px;} #login-new br {clear:both; height:1px; overflow:hidden;} /* PUB dans colonne de droit */ #col-right .pub {text-align:center;} #col-right .pub img {margin:0 auto 15px;} /* RESSOURCE dans col-right et col-left */ #col-right #ressource {background:#fff url(/images/iqpf/ressource-bg-top.gif) no-repeat; margin:0 auto; position:relative; text-align:center; width:233px;} #col-left #ressource {background:#fff url(/images/iqpf/ressource-bg-top2.gif) no-repeat; margin:0 auto; position:relative; text-align:center; width:219px;} #ressource h1 {color:#a44929; font-size:11px; text-transform:uppercase; padding:15px 0 0 10px; margin:0; text-align:left;} #col-left #ressource .border {border:solid #bababa; border-width:0 1px; display:block; width:217px;} #col-right #ressource .border {border:solid #717171 ; border-width:0 1px; display:block; width:231px;} #ressource img.bas {display:block; margin-top:-10px;} * +html #ressource img.bas {margin-top:-1px;} * html #ressource img.bas {margin-top:-1px;} #ressource ul {margin:10px; text-align:left;} #ressource ul li {border-bottom:1px solid #c7c7c7; list-style:none;} #ressource ul li.last {border:0; list-style:none;} #ressource ul li a {background:url(/images/iqpf/fleche-rouge.gif) no-repeat 0 12px; color:#2a2a2a; display:block; padding:10px; text-decoration:none;} #ressource ul li a:hover {background:url(/images/iqpf/fleche-noir.gif) no-repeat 0 12px; color:#4d7427; text-decoration:underline;} /* UTILITAIRE */ ul.utilitaire {clear:both; width:30px; position:relative;} ul.utilitaire li {list-style:none;} ul.utilitaire li a span {display:none;} ul.utilitaire li a {background:url(/images/iqpf/utilitaire-imprimer.gif) no-repeat; display:block; height:26px; width:30px;} ul.utilitaire li a:hover {background:url(/images/iqpf/utilitaire-imprimer-actif.gif) no-repeat; width:30px;} ul.utilitaire li.email a {background:url(/images/iqpf/utilitaire-email.gif) no-repeat; height:27px; width:30px;} ul.utilitaire li.email a:hover, ul.utilitaire li.actif a {background:url(/images/iqpf/utilitaire-email-actif.gif) no-repeat; height:27px; width:30px;} ul.utilitaire li.plus a {background:url(/images/iqpf/utilitaire-tailleplus.gif) no-repeat; height:27px; width:30px;} ul.utilitaire li.plus a:hover {background:url(/images/iqpf/utilitaire-tailleplus-actif.gif) no-repeat; width:30px;} ul.utilitaire li.moins a {background:url(/images/iqpf/utilitaire-taillemoins.gif) no-repeat; height:31px; width:30px;} ul.utilitaire li.moins a:hover {background:url(/images/iqpf/utilitaire-taillemoins-actif.gif) no-repeat; width:30px;} /* ACCREDITATION */ #accreditation {background:url(/images/iqpf/accre-bas.gif) no-repeat bottom; padding-bottom:3px; overflow:hidden; width:645px;} #accreditation h3 {margin-top:23px;} #accreditation ul {border-bottom:3px solid #858588; padding-bottom:1px; height:22px; /*overflow:hidden;*/} * html #accreditation ul {padding-bottom:0px;} #accreditation ul li {background:#7a9b59 url(/images/iqpf/accre-menu-left-v.gif) no-repeat; display:block; float:left; font-weight:bold; list-style:none !important; margin:0 0 0 2px !important;} #accreditation ul li.first {margin:0 !important;} #accreditation ul li a {color:#fefefe; font-size:10px; font-weight:bold; text-decoration:none;} #accreditation ul li span {background:url(/images/iqpf/accre-menu-right-v.gif) no-repeat top right; color:#fefefe; font-size:10px; padding:5px 7px 4px 4px; display:block;} * html #accreditation ul li span {padding:5px 4px 4px 3px;} #accreditation ul li span.num {background:url(/images/iqpf/accre-menu-chiffre-v.gif) no-repeat 0 3px; float:left; font-size:11px; height:18px; margin:-4px 3px 0 0; padding:4px 0 0 0; text-align:center; width:17px;} * html #accreditation ul li span.num {margin:-4px 2px 0 0;} #accreditation ul li.actif {background:#858588 url(/images/iqpf/accre-menu-left-g.gif) no-repeat;} #accreditation ul li.actif span {background:url(/images/iqpf/accre-menu-right-g.gif) no-repeat top right;} #accreditation ul li.actif span.num {background:url(/images/iqpf/accre-menu-chiffre-g.gif) no-repeat 0 3px; color:#5a5a5a;} #accreditation .space {background:#e7e7e7; padding:25px 20px; width:605px;} #accreditation .space table.rapport {width:610px;} #accreditation .listFormation{ list-style:none; } #accreditation .listFormation li input, #accreditation .listFormation li div{ float:left; } #accreditation .listFormation li input{ width:20px; margin:0 4px 0 0; } #accreditation .listFormation li div{ margin:0 0 20px; width:550px; } #accreditation .tblActivities{ background-color:#fff; border-top:1px solid #000; width:100%; } #accreditation .tblActivities tr th, #accreditation .tblActivities tr td{ border-bottom:1px solid #000; } #accreditation .tblActivities tr th:first-child, #accreditation .tblActivities tr td:first-child{ border-right:1px solid #000} #accreditation .tblActivities th{ background-color:#d1d1d1; text-align:left;} #accreditation .tblActivities td, #accreditation .tblActivities th{ vertical-align:top; padding:10px; } #accreditation .tblActivities td input, #accreditation .tblActivities td div{ float:left; } #accreditation .tblActivities td div{ width:90%; } #accreditation .tblActivities td input{ width:20px; margin:0 4px 0 0; } #accreditation .listInfo li textarea{ width:96%; height:80px; } /* FORMULAIRE */ /* repertoire des planificateurs */ fieldset.repertoire {padding-top:15px;} fieldset.repertoire .txt {margin-bottom:25px;} fieldset.repertoire .nom {float:left; margin-right:38px; overflow:hidden; width:197px;} * html fieldset.repertoire .nom {margin-right:35px;} fieldset.ami label.nom {float:left; padding-right:40px;} fieldset.ami input.txt {margin-bottom:10px;} fieldset.modification label, fieldset.modification input.txt, fieldset.modification select.txt {margin-top:5px;} fieldset.modification select.txt {width:197px;} label {display:block;} .g20 {width:20px;} .g35 {width:35px;} .g50 {width:50px;} .g60 {width:60px;} .g90 {width:90px;} .g90space {margin-top:14px; width:90px;} .g60space {margin-top:14px; width:60px;} /* page accreditation questionnaire ajout d'espace sur le input */ .g125 {width:125px;} .g140 {width:140px;} .g160 {width:160px;} .g194, .g195 {width:195px;} .g285 {width:285px;} .g285space {padding-left:12px; left:18px; position:relative; width:295px;} /* espace a gauche */ .g430 {width:430px;} .g515 {margin-top:14px; position:relative; left:5px; width:496px;} /* page accreditation questionnaire ajout d'espace sur le input */ * html .g515 {margin-top:16px; width:490px;} * +html .g515 {margin-top:16px;} .g610 {width:610px;} input.txt, select.txt, textarea.txt, input.nous {border:1px solid #969596;} textarea.g610 {height:64px; width:610px;} textarea.g430 {height:100px; margin-bottom:18px; width:430px;} #accreditation label {height:1%; margin-top:14px;} #accreditation span.n {display:block; float:left; font-weight:bold; height:1%; margin-top:14px; font-size:10px; width:20px; } /* numero 1-12 */ #accreditation label.titre2 {float:left; width:570px;} /* titre avec numero en avant */ #accreditation label.titre, #accreditation label.titre2 {font-size:10px; font-weight:bold;} /* height ie */ #accreditation label.place-toi {margin:15px 0 -10px 110px;} /* titre a la question numero 1 */ #accreditation span.heure {float:left; font-weight:normal; margin:15px 0 0 5px; width:50px;} /* a la question numero 7 */ #accreditation span.groupe {float:left;} /* regroupe label + input + % */ #accreditation span.groupe2 {float:left; margin-left:40px;} /* regroupe label + input + % + ajout espace a gauche */ #accreditation span.groupe label {float:left; width:168px;} #accreditation span.groupe2 label {float:left; width:193px;} #accreditation label.poste {margin-top:28px; width:106px} #accreditation textarea {margin-top:5px;} .num7 {float:left; width:230px;} /* question numero 7 */ .num9 {float:left; width:390px;} /* question numero 9 */ #accreditation label.unite input {width:60px;} #accreditation label.unite {width:130px;} #accreditation div.place-toi {padding:5px 0 0 50px;} #accreditation div.place-toi label {margin-top:7px;} /* moins d'espace sur ces labels */ label.check200, label.oui, label.fr85, label.unite, label.g285, label.g160, label.g285space, label.poste, span.groupe {display:block; float:left; padding-left:20px;} label.g285, label.g160 {padding-left:0;} label.check200 {width:178px;} label.oui {width:90px;} label.fr85 {width:85px;} input.check {float:left; margin-right:5px; position:relative; top:14px; } *+html input.check {top:10px; } * html input.check {top:10px; } label.madame {float:left; width:100px;} /* avec bouton radio - bon pour monsieur aussi */ input.naviguer {float:left; margin:5px 10px 10px 0; width:195px;} /* input + bouton naviguer + bouton ajouter */ /* page livraison */ input.livraison, select.livraison, input.livraison-small, select.livraison-small {float:left; margin-top:14px; } input.livraison, select.livraison {width:325px;} input.livraison-small, select.livraison-small {width:125px;} /* page demande accreditation */ label.demande {float:left; width:140px;} input.demande, p.demande {float:left; margin-top:14px; width:400px;} input.demande-small {float:left; margin-top:14px; width:125px;} /* page engagement */ input.nous {width:250px;} label.engagement {float:left; width:60px;} input.engagement, select.engagement {float:left; margin-top:14px; width:300px;} input.date {float:left; margin-top:14px; width:70px;} p.date2 {float:left; margin-top:14px;} span.date3 {float:left; margin-top:14px; width:80px;} /* page confirmation */ .detail {float:left; position:relative; width:320px;} /* detail du client et detail du marchand */ table.confirmation {margin-top:0; margin-bottom:30px !important; width:500px;} /* page paiement */ input.paiement, select.paiement {float:left; margin-top:14px; width:195px;} input.datepaiment {float:left; margin:14px 5px 0 0; width:20px;} span.barre {float:left; margin:14px 5px 0 0;} /* barre pour carte de credit mm/aa */ /* bouton input rechercher */ .rechercher, .normal, .precedente, .suivante, .precedente-big, .suivante-big {border:0; color:#fff; font-size:11px; font-weight:bold;} /* font-size:11 pour egc */ .rechercher:hover, .normal:hover, .precedente:hover, .suivante:hover, .precedente-big:hover, .suivante-big:hover {color:#000;} .bouton a, .bouton-left a, .bouton-right a {color:#fff !important; font-size:11px; text-decoration:none !important;} .bouton a:hover, .bouton-left a:hover, .bouton-right a:hover {color:#000 !important; text-decoration:none !important;} .rechercher span, .normal span, .precedente span, .suivante span, .precedente-big span, .suivante-big span {display:block; padding:5px 0; text-align:center;} .rechercher {background:url(/images/iqpf/bt-rechercher.gif) no-repeat; display:block; margin-left:334px; height:24px; width:97px;} .normal {background:url(/images/iqpf/bt-rechercher.gif) no-repeat; display:block; height:24px; width:97px;} /* bouton sans alignement */ .precedente {background:url(/images/iqpf/bt-etape-precedente.gif) no-repeat; float:left; height:24px; width:97px;} .suivante {background:url(/images/iqpf/bt-etape-suivante.gif) no-repeat; float:right; height:24px; width:97px;} .precedente-big {background:url(/images/iqpf/bt-etape-precedente-big.gif) no-repeat;float:left; height:24px; width:181px;} .suivante-big {background:url(/images/iqpf/bt-etape-suivante-big.gif) no-repeat; float:right; height:24px; width:181px;}/* */ /* .rechercher, .normal, input.precedente, input.suivante, input.precedente-big, input.suivante-big {border:0; color:#fff; font-size:11px; font-weight:bold;} .rechercher {background:url(/images/iqpf/bt-rechercher.gif) no-repeat; margin-left:334px; height:24px; width:97px;} .normal {background:url(/images/iqpf/bt-rechercher.gif) no-repeat; height:24px; width:97px;} input.precedente {background:url(/images/iqpf/bt-etape-precedente.gif) no-repeat; float:left; height:24px; width:97px;} input.suivante {background:url(/images/iqpf/bt-etape-suivante.gif) no-repeat; float:right; height:24px; width:97px;} input.precedente-big {background:url(/images/iqpf/bt-etape-precedente-big.gif) no-repeat;float:left; height:24px; width:181px;} input.suivante-big {background:url(/images/iqpf/bt-etape-suivante-big.gif) no-repeat; float:right; height:24px; width:181px;} */ /* page Options et catégories */ label.adresse {float:left; width:195px;} * +html label.adresse {position:relative; top:4px;} /* ie7 */ * html label.adresse {position:relative; top:4px;} /* ie6 */ /* bouton étape 1 et étape 2 */ div.bouton-left, div.bouton-right {display:block; float:left; margin-top:20px; width:300px;} div.bouton-right {text-align:right;} /* */ /* TABLEAUX */ #container table, #imprimer table {border-collapse:collapse; margin:15px 0;} table.deuxcouleurs {width:100%;} table.deuxcouleurs th, table.deuxcouleurs td {padding:5px 10px; vertical-align:top;} table.deuxcouleurs th {border-bottom:2px solid #979797; color:#a44929; text-align:left;} table.deuxcouleurs th a {color:#a44929; display:block; text-decoration:none;} table.deuxcouleurs th img {vertical-align:text-top;} table.deuxcouleurs td {border-bottom:1px solid #bababa;} table.deuxcouleurs tr.color td {background:#f2f2f2;} table.membre th {background:#fff; border-bottom:2px solid #979797 !important; color:#a44929; text-align:left;} table.membre td {background:#f2f2f2;} table.membre th, table.membre td {border:1px solid #bababa; padding:7px 15px; vertical-align:top;} table.personnel {margin-bottom:25px !important; display:block;} table.personnel th {border-bottom:2px solid #979797; color:#a44929; text-align:left;} table.personnel td {border-bottom:1px solid #bababa;} table.personnel tr.color td {background:#f2f2f2;} table.personnel th {padding:5px 15px;} table.personnel td {padding:10px 15px; width:400px;} table.personnel td strong, table.personnel td b {font-size:10px;} table.personnel td.poste {font-weight:bold; font-size:10px; width:200px;} table.rapport {width:648px;} table.presence {width:600px;} table.rapport th, table.presence th {background:#fff; border-bottom:2px solid #979797 !important; color:#a44929; text-align:left;} table.rapport tr.color td, table.presence tr.color td, table.materiel tr.color td {background:#f2f2f2;} table.rapport th, table.rapport td, table.presence th, table.presence td, table.materiel td {padding:4px 15px; vertical-align:top;} table.rapport td, table.presence td, table.materiel td {border-bottom:1px solid #bababa;} table.rapport td img, table.presence td img {margin-right:6px; vertical-align:middle;} table.rapport tr.noborder td {border:0;} table.rapport th.right2 {text-align:right;} table.rapport th.center {text-align:center;} table.carriere {background:url(/images/iqpf/carriere-bg.gif) repeat-y; margin:0; width:653px;} table.carriere td {padding:7px 10px; vertical-align:top;} table.carriere td.color {color:#a44929; font-weight:bold; padding-right:20px; text-align:right; width:177px;} /* texte orange */ table.carriere td.vide {background:#fff !important; height:3px; overflow:hidden; padding:0;} /* permet la bordure blanche entre deux tr */ table.carriere td label {float:left; width:135px;} /* formulaire checkbox */ table.carriere td label input {margin-right:5px;} * html table.carriere td label input {margin-right:0;} * +html table.carriere td label input {margin-right:0;} table.carriere ul li {background:url(/images/iqpf/bullet-orange.gif) no-repeat 0 4px; padding-left:10px; margin:0 0 10px 0 !important; list-style:none !important; list-style-image:none !important;} table.materiel {width:auto;} table.materiel td label, table.materiel td input {display:inline; margin:0 0 0 5px; padding:0;} table.materiel td.supprimer {width:100px;} table.paiement td.a {width:400px;} table.paiement td.b {padding-left:20px; width:300px;} /* tableau gros calendrier */ /* navigation des mois */ ul.calendrier-big {clear:both; height:25px; overflow:visible;} ul.calendrier-big li {float:left; height:1%; list-style:none !important; margin:0 !important; text-align:center; width:215px;} /*ul.calendrier-big li {float:left; list-style:none !important; margin:0 !important; text-align:center; width:33%;}*/ ul.calendrier-big li a {display:block;} ul.calendrier-big li.precedent a {background:url(/images/iqpf/fleche-left-cal-big.gif) no-repeat 0 3px; padding:5px 0 5px 25px; text-align:left;} ul.calendrier-big li.suivant a {background:url(/images/iqpf/fleche-right-cal-big.gif) no-repeat 100% 3px; padding:5px 25px 5px 0; text-align:right;} ul.calendrier-big li span {font-size:12px; font-weight:bold;} /* mois plus gros */ /* calendrier et programme de formation */ .gros-calendrier, .formation-programme {background:#e6e6e6; width:648px; text-align:center;} table.calendrier, table.programme {background:#e6e6e6; margin:0 auto !important; position:relative; text-align:left; table-layout:fixed; width:642px;} table.calendrier th, table.calendrier td {padding:0;} table.calendrier tr.haut th {color:#212121; font-weight:normal; padding:4px 0; text-align:center; width:90px;} table.programme th {text-align:left !important; padding:0 10px;} table.programme a {text-decoration:none;} table.programme a:hover {text-decoration:underline;} table.programme th.a, table.programme td.a {width:258px;} table.programme th.b, table.programme td.b {width:121px;} table.programme th.c, table.programme td.c {width:90px;} table.programme th.d, table.programme td.d {width:92px;} table.programme strong span, table.programme b span {color:#a44929;} /* orange */ table.calendrier tr.int-haut td {background:url(/images/iqpf/calendrier-big-top-int.gif) no-repeat bottom; height:5px; overflow:hidden} /* interieur background top */ table.calendrier tr.int-bas td {background:url(/images/iqpf/calendrier-big-bottom-int.gif) no-repeat top; height:5px; overflow:hidden;} /* interieur background bottom */ table.programme tr.int-haut td {background:url(/images/iqpf/programme-top-int.gif) no-repeat bottom; height:5px; overflow:hidden} /* interieur background top */ table.programme tr.int-bas td {background:url(/images/iqpf/programme-bottom-int.gif) no-repeat top; height:5px; overflow:hidden;} /* interieur background bottom */ table.calendrier table.int-bg {background:url(/images/iqpf/calendrier-big-bg-int.gif) repeat-y; margin:0 !important; table-layout: fixed;} /* interieur background milieu */ table.programme table.int-bg {background:url(/images/iqpf/programme-bg-int.gif) repeat-y; margin:0 !important; table-layout: fixed;} /* interieur background milieu */ table.calendrier table.int-bg td {padding:4px; vertical-align:top; overflow:hidden; width:84px;} table.programme table.int-bg td {padding:10px; vertical-align:top;} table.calendrier table.int-bg td, table.calendrier table.int-bg td a {color:#4d7427; text-decoration:none;} table.calendrier table.int-bg td a:hover {color:#4d7427; text-decoration:underline;} table.calendrier tr.chiffre td, table.programme tr th {background:#c7c9c9; color:#5a5a5a; font-weight:bold; text-align:center;} table.calendrier tr.chiffre td.first, table.programme tr th.first {background:#c7c9c9 url(/images/iqpf/calendrier-big-left-gris.gif) no-repeat top left; height:22px; overflow:hidden;} table.calendrier tr.chiffre td.last, table.programme tr th.last {background:#c7c9c9 url(/images/iqpf/calendrier-big-right-gris.gif) no-repeat top right; height:22px; overflow:hidden;} table.employeur td {padding:5px 0;} table.employeur td.a {width:150px;} /* BIDULE */ div.filet {border-top:3px solid #eaeaea; height:3px; overflow:hidden; margin:10px 0;} div.filet-actualite {border-top:3px solid #eaeaea; clear:both; height:3px; overflow:hidden; margin:20px 0;} /*p.erreur {border:1px solid #b30f16; color:#b30f16; height:1%; font-weight:bold; margin-top:20px; padding:10px;}*/ img.formateur {border:3px solid #d1d1d1 !important; float:left; margin:0 20px 30px 0;} span.rep {float:left; margin:-13px 0 0 125px;} div.erreur {border:1px solid #b30f16; color:#b30f16; height:1%; font-weight:bold; margin-top:20px; padding:10px;} .red {color:#e70610; margin:10px 0 -5px 0 !important; } div.confirmation {border:1px solid #690; color:#690; height:1%; font-weight:bold; margin-top:20px; padding:10px;} p.montant {background:#fff; border:1px solid #ccc; padding:10px;} /* page paiement */ /* taxe tps et tvq */ span.small {font-size:10px;} /* REMPLACER LE BOUTON INPUT FILE PAR UNE MAGNIFIQUE IMAGE */ .inputContainer {float:left; height:29px; margin:17px 5px 0 0; position:relative;} .kiki {margin-top:29px; width:310px;} /* a ajouter avec inputContainer pour lui donner un width pour la page questionnaire */ .oldInput {position:absolute; top:-16px; right:0; z-index:5; width:203px;} .oldInput input {cursor:pointer; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; width:162px;} .newInput {position:relative; margin-top:-18px; z-index:4;} .newtext {position:relative;} .newbutton {position:relative; top:1px;} /* logo carte de crédit */ .credit#aut {float:left; position:relative; top:13px; left:19px;} /* autre position */ .credit#som {display:block; float:right; margin-top:10px; position:relative;} /* page sommaire */ .credit {display:block; position:absolute; bottom:10px; right:0;} /* par defaut */ .credit span {display:none;} .credit .visa, .credit .mastercard, .credit .americanexpress {float:left; margin-right:5px; height:22px; width:36px;} .credit .visa {background:url(/images/iqpf/logo-visa.gif) no-repeat;} .credit .mastercard {background:url(/images/iqpf/logo-mastercard.gif) no-repeat;} .credit .americanexpress {background:url(/images/iqpf/logo-americanexpress.gif) no-repeat;} img.block {display:block;} #col-center p.date {margin:15px 0 0 0;} /* page actualite date espace en haut seulement */ #col-center p.month {text-transform:capitalize;} #col-center ol li, #col-center ul li {list-style-position:outside; margin:0 0 10px 30px;} #col-center ul li {list-style-image:url(/images/iqpf/bullet-orange.gif);} /* PAGINATION */ ul.pagination {float:right;} ul.pagination li {float:left; list-style:none !important; margin:0 !important; padding:0 3px; text-align:center;} ul.pagination li span {display:none;} ul.pagination li.premier-off {background:url(/images/iqpf/pagination-premier-off.gif) no-repeat 3px 3px; padding:8px 5px; height:4px; width:4px;} ul.pagination li.premier a {background:url(/images/iqpf/pagination-premier.gif) no-repeat 0 3px; padding:8px 0px; height:4px; width:8px;} ul.pagination li.premier a:hover {background:url(/images/iqpf/pagination-premier-over.gif) no-repeat 0 3px;} ul.pagination li.precedent-off {background:url(/images/iqpf/pagination-precedent-off.gif) no-repeat 3px 0; height:20px; width:20px;} ul.pagination li.precedent a {background:url(/images/iqpf/pagination-precedent.gif) no-repeat; height:20px; width:20px;} ul.pagination li.precedent a:hover {background:url(/images/iqpf/pagination-precedent-over.gif) no-repeat; height:20px; width:20px;} ul.pagination li.suivant-off {background:url(/images/iqpf/pagination-suivant-off.gif) no-repeat 3px 0; height:20px; width:20px;} ul.pagination li.suivant a {background:url(/images/iqpf/pagination-suivant.gif) no-repeat; height:20px; width:20px;} ul.pagination li.suivant a:hover {background:url(/images/iqpf/pagination-suivant-over.gif) no-repeat; height:20px; width:20px;} ul.pagination li.dernier-off {background:url(/images/iqpf/pagination-dernier-off.gif) no-repeat 3px 3px; padding:8px 5px; height:4px; width:4px;} ul.pagination li.dernier a {background:url(/images/iqpf/pagination-dernier.gif) no-repeat 0 3px; padding:8px 0px; height:4px; width:8px;} ul.pagination li.dernier a:hover {background:url(/images/iqpf/pagination-dernier-over.gif) no-repeat 0 3px;} ul.pagination li a {color:#4d7427; display:block; text-decoration:underline;} ul.pagination li a:hover {color:#4d7427; text-decoration:none;} ul.pagination li.actif a {color:#3c3c3c; font-weight:bold; text-decoration:none;} /* FAQ */ ul.faq, ul.recherche {border-top:2px solid #979797; margin-bottom:20px; overflow:hidden; width:648px;} ul.faq li, ul.recherche li {border-bottom:1px solid #bababa; list-style:none !important; list-style-image:none !important; margin:0 !important; padding:10px 10px 10px 45px;} ul.recherche li {padding:10px;} ul.faq li.color, ul.recherche li.color {background:#f2f2f2;} ul.faq li.question {color:#4d7427;} ul.faq li p {color:#3c3c3c; margin-top:20px;} ul.faq li span {color:#3c3c3c; display:block; float:left; font-weight:bold; margin-left:-35px; width:35px;} * html ul.faq li span {margin-left:-20px;} ul.faq li a {text-decoration:none;} ul.recherche li a {font-weight:bold; text-decoration:underline;} ul.recherche li a:hover {text-decoration:none !important;} ul.faq li a:hover {text-decoration:underline;} /* boite REGION */ .box-region {background:#f2f2f2 url(/images/iqpf/region-bottom.gif) no-repeat bottom; float:left; margin-top:20px; position:relative; width:317px;} .box-region table {margin:0 !important;} .box-region table td {background:#e6e6e6 url(/images/iqpf/region-top.gif) no-repeat; vertical-align:middle !important; height:41px !important; width:317px;} .box-region table td h3 {padding:0 10px;} .box-region img.photo {float:left; margin:6px 7px;} .box-region .txt {float:left; height:130px; overflow:hidden; padding:10px 10px 10px 6px; width:185px;} .box-region .activite {background:url(/images/iqpf/region-activite.gif) no-repeat; bottom:-5px; height:31px; position:absolute; right:0; text-align:center; width:205px;} .box-region .activite span {display:block; float:left; font-weight:bold; margin:4px 8px 0 -4px; width:25px;} .box-region .activite p {float:left; padding:5px;} .box-region.espace {margin-left:15px;} /* sur 2e boite faut de l'espace */ /* FOOTER */ #footer {margin:10px auto 20px auto; text-align:center;} #footer ul {margin:5px auto; clear:both; overflow:hidden; text-align:left; width:640px;} #footer ul li {float:left; list-style:none !important;} #footer ul li.first a {background:none;} #footer ul li a {background:url(/images/iqpf/separateur-footer.gif) no-repeat 0 7px; color:#fefefe; display:block; font-size:10px; padding:5px 10px; text-decoration:none;} #footer ul li a:hover {color:#fefefe; text-decoration:underline;} #footer ul li a:visited {color:#2a2a2a;} #footer p {color:#acaeaf; clear:both; font-size:10px; } #footer p a {color:#fefefe !important; font-size:10px; text-decoration:underline; } #footer p a:hover {color:#fefefe; text-decoration:none;} /* FACILE A IMPRIMER */ #imprimer {background:#fff; text-align:center;} #imp {margin:0 auto; text-align:left; width:650px;} #imp img.logo {float:left; margin:15px 0 37px 0; position:relative; left:-37px;} #imp p.retour a {background:url(/images/iqpf/pagination-precedent.gif) no-repeat; display:block; float:right; padding:0 0 7px 25px;} #imp p.retour a:hover {background:url(/images/iqpf/pagination-precedent-over.gif) no-repeat;} #imp p.retour#top {padding-top:70px;} #imp .footer {border-top:3px solid #eaeaea; color:#acaeaf; margin-top:10px; padding:10px 0;} * html #imp .footer {margin-top:0;} * +html #imp .footer {margin-top:0;} #imp .footer p {font-size:10px;} #imprimer .bouton, #imprimer .bouton-left, #imprimer .bouton-right, #imprimer .rechercher, #imprimer .normal, #imprimer .precedente, #imprimer .suivante, #imprimer .precedente-big, #imprimer .suivante-big {display:none;} /* PLAN DU SITE */ .plan {float:left; width:200px;} .plan#space {margin:0 23px;} /* colonne du milieu donne de l'espace chaque cote */ .plan ul {margin:0 0 0 10px !important;} .plan ul li {list-style:none !important; list-style-image:none !important; margin:0 0 12px 0 !important;} .plan ul ul {padding-top:10px;} .plan ul ul li {margin:0 0 8px 0 !important;} .plan a {text-decoration:none;} .plan a:hover {text-decoration:underline;} .plan ul li img {margin-bottom:2px;} /* test login ouvert - fermer */ #logincontainer {float:left; right:-4px; top:0px; position:relative; width:30px;} #loginclosed {border:0px solid red; float:right; height:210px; width:30px; position:relative; z-index:5;} #loginopen {float:right; width:30px; height:210px; background:url(/images/iqpf/login-bg.gif) no-repeat 5px 0 !important; margin-right:-30px; position:absolute; top:0; right:30px; z-index:1; overflow:hidden;} #loginopen .space {padding-left:15px;} #logincontainer #login input.entrer {color:#fff; position:absolute; right:15px; bottom:10px;} * html #logincontainer #login input.entrer {position:absolute; right:15px; bottom:30px;} .entrer:hover {color:#000 !important;} #loginopen #login {background:none; height:210px; width:271px; padding:0;} #loginopen #login a.ferme {position:absolute; top:0; right:-1px; width:20px;} #login a.rechercher {color:#fff; padding-top:4px; position:absolute; right:15px; bottom:10px; text-align:center; text-decoration:none;} #login .deconnexion {height:150px;} #login .deconnexion p {margin:10px 0; width:150px;} hr.adhesion { border:0; /*on enlève la bordure parce que sinon elle en ajoute une de plus*/ width:300px; /*détermine la dimension du séparateur*/ color:#bababa; /*détermine la couleur*//*elle est déterminer 2 fois, pour que ca fonctionne dans plusieurs navigateur*/ background-color:#bababa; /*détermine la couleur*/ height:1px; /*sont épaisseur*/ margin:0px 0px 10px 0px; /*espacement vers le bas, on eu lui ajouté un espacement vers le haut*/ }