/* -- -- -- -- -- -- -- Rémy Savard [iXmedia.com] global.css - Mise en page Dernière modification: 5 jan 08 -- -- -- -- -- -- -- */ /* -- Imports -- */ @import url("reset.css"); /* Éric Meyer's Reset */ /* -- Styles générales -- */ * {margin: 0; padding: 0;} html, body {height: 100%;} html {font-size: 62.5%; /* Resets 1em to 10px */} body { font-size:1.2em; /* 12px => Base font */ line-height:1.5; /* line-height de base */ font-family: Arial, Helvetica, Verdana, sans-serif; color:#353535; background:#093158 url(/img/fond-degrade.jpg) repeat-x top left; } h3 {color:#1fa345;margin: 20px 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #b4c3d2;font-weight:normal;font-size:1.9em;line-height:1;} h4 {border-bottom:1px solid #b4c3d2;padding:0 0 10px 2px;font-size:1.5em;font-weight:normal;line-height:1;margin-bottom:32px;} h5 {padding:18px 0 0 0;margin-bottom:1em;font-size:1.4em;border-top:1px solid #b4c3d2;color:#1fa345;} h5.premier {padding:0 0 0 2px;border-top:none;} #colonne-gauche h5.premier, .une-colonne h5.premier {padding:18px 0 0 2px;border-top:none;} h6 {font-size:1.2em;margin:1em 0 0.3em 0;color:#000;line-height:1;} a, a:visited {color:#06396b;text-decoration:none;} /* Liens de base */ a:hover, a:active {text-decoration:underline;} /* Lien:hover de base */ a img {border: none;} abbr, acronym {border-bottom:.1em dotted;cursor:help;} em {font-style:italic;} strong {font-weight:bold;} p {margin:0 0 1em 0;} ul, ol {margin:0 0 1em 0;padding:0;} sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;} hr {height:1px;border:none;clear:both;background:#b4c3d2;color:#b4c3d2;margin:0;padding:0;width:100%;} /* -- Wrap -- */ #enrobage {width:100%;background:url(/img/fond.jpg) no-repeat top center;height:auto!important;height:100%;min-height:100%; z-index:999;} #page { width:962px; margin: 0 auto; } /* -- Publicité du top -- */ div#publicite-top {width: 100%;text-align:center;margin:17px 0 0 0;} div#publicite-top a, div#publicite-top img {margin: 0 auto;} /* -- A la droite -- */ #outils ul.a-droite {margin:0; padding:0; height:35px; position:absolute; top:7px; right:17px;} ul.a-droite li.sous-titre {margin:0; padding:0; height:35px; color:#fff; padding-top:5px; padding-right:10px; font-size:1.6em;} /* -- Outils -- */ #outils {height:42px;position:relative;z-index:2500;} #outils ul {padding:0;} #outils ul li {float:left;} #outils ul li a, #outils ul li a:visited {float:left;} #outils .menu-secondaire {float:left;font-size:.9em;} #outils .menu-secondaire li a, #outils .menu-secondaire li a:visited {color:#fff;margin-right:32px;line-height:42px;} #outils .menu-secondaire li a:hover, #outils .menu-secondaire li a:active {text-decoration:underline;} #outils .prive-panier {float:right;font-size:.9em;font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;} #outils .prive-panier li {position:relative;} #outils .prive-panier li a, #outils .prive-panier li a:visited {height:19px;color:#80a6cc;width:144px;border-left:1px solid #3371ad;background:url(/img/image-cadenas.gif) no-repeat 134px 14px;line-height:1;padding:16px 0 0 10px;} #outils .prive-panier li a:hover, #outils .prive-panier li a:active, #outils .prive-panier li.active a, #outils .prive-panier li.active a:visited {color:#fff;background:#1fa345 url(/img/image-cadenas-h.gif) no-repeat 134px 14px;} #outils .prive-panier li a.panier:link, #outils .prive-panier li a.panier:visited {background:url(/img/image-panier.gif) no-repeat 132px 14px;} #outils .prive-panier li a.panier:hover, #outils .prive-panier li a.panier:active, #outils .prive-panier li.active a.panier:link, #outils .prive-panier li.active a.panier:visited {color:#fff;background:#1fa345 url(/img/image-panier-h.gif) no-repeat 132px 14px;} /* États */ #outils .prive-panier li a.ouvert {color:#fff;border-bottom:1px solid #fff;background:#1fa345 url(/img/image-cadenas-h.gif) no-repeat 134px 14px;} #outils .prive-panier li.connecte a, #outils .prive-panier li.connecte a:visited {color:#fff;background: url(/img/image-cadenas-o.gif) no-repeat 134px 14px;} #outils .prive-panier li.connecte a:hover, #outils .prive-panier li.connecte a:active {color:#fff;background:#1fa345 url(/img/image-cadenas-o.gif) no-repeat 134px 14px;} #outils .prive-panier li.active a, #outils .prive-panier li.active a:visited {color:#fff;background:#1fa345 url(/img/image-cadenas-o.gif) no-repeat 134px 14px;} #outils .prive-panier li.connecte a.ouvert {color:#fff;border-bottom:1px solid #fff;background:#1fa345 url(/img/image-cadenas-o.gif) no-repeat 134px 14px;} /* 2e Niveau */ #outils .prive-panier li ul {display:none;border-top:1px solid #fff;position:absolute;top:35px;left:1px;float:none;clear:none;padding:0 0 3px 0;width:154px;margin:0;} #outils .prive-panier li ul li {display:block;margin:0 0 1px 0;} #outils .prive-panier li ul li a, #outils .prive-panier li ul li a:visited {width:139px;height:23px;line-height:23px;padding:0 0 0 15px;background:#d1dce6!important;margin:0;color:#1b4e80!important;border:none;} #outils .prive-panier li ul li a:hover, #outils .prive-panier li ul li a:active {color:#fff!important;background:#57b7df!important;} #outils .prive-panier li.active ul li.active a, #outils .prive-panier li.active ul li.active a:visited {background:#FFFFFF none repeat scroll 0 0!important;color:#1FA345!important;} /* Accès */ #outils div {display:none;position:absolute;background:#1fa345;top:36px;right:255px;z-index:3000;padding:15px 12px 11px 12px;border-bottom:2px solid #fff;width:185px;} #outils div.dossier {right:100px;} #outils div li {float:none;} #outils div li label {float:none;text-transform:uppercase;color:#fff;text-align:left;width:auto;font-size:.85em;line-height:2;} #outils div li input {float:none;} #outils div button {float:right;width:90px;margin-bottom:8px;margin-top:-6px;} #outils div p {clear:both;margin:0;} #outils div a, #outils div a:visited {color:#fff;font-size:.8em;} #outils .erreurs {background:#177F34;padding:2px 5px; color:#fff;margin:0;} /* -- Entete -- */ #entete {position:relative;z-index:3333;padding:38px 17px 0 20px;height:159px;background:#fff url(/img/fond-entete.gif) repeat-x left bottom;} #entete h1 {float:left;display:block;} #entete h1 a {float:left;width:291px;height:114px;background:#fff url(/img/logo-entete.gif) no-repeat center center;display:block;text-indent:-9999px;} #entete h1 img {display:none;} #entete #deconnecte {position:absolute;top:44px;left:335px;font-size:.9em;margin:0;} #entete div {float:right;padding:5px 4px 0 0;} #entete form {width:208px;} #entete form #recherche-evenement {float:right;padding:2px;border:1px solid #000;color:#000;margin:1px 0 0 0;font-size:.8em;width:165px;} #entete form #recherche-evenement.couleurValeurParDefault {border:1px solid #acacac;color:#acacac;} #entete form #soumettre-recherche {float:right;background:#1fa345 url(/img/image-loupe-h.gif) no-repeat center center;text-indent:-9999px;border:none;display:block;width:24px;height:21px;cursor:pointer; margin-left:13px;} #entete form #soumettre-recherche:hover {background:#1fa345 url(/img/image-loupe.gif) no-repeat center center;} #entete form div {padding:0;float:left;margin:8px 0 0 0;width:100%;height:22px;} #entete form span {font-size:.9em;float:left;} #entete form select {float:right;} #boite-de-recherche {position:absolute;right:17px;bottom:87px;} #boite-de-recherche form { width:auto;} #boite-de-recherche form { width:auto;} /* -- Menu -- */ /* Menu => Premier niveau */ #entete ul {z-index:10;font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;padding:0;background:#fff;margin:0;width:610px; position:absolute; right:17px; bottom:9px;} #entete ul.ajuste {margin-top:36px;} #entete ul li {float:left;display:block;position:relative;margin-right:1px;} #entete ul li a, #entete ul li a:visited {height:27px;width:104px;padding:31px 0 0 17px;background:url(/img/fond-menu.gif) repeat-x left center;float:left;display:block;color:#8aa4bd;line-height:1;} #entete ul li.active a {font-weight:bold;color:#fff;background:#1fa345;} #entete ul li a:hover, #entete ul li a:active {color:#fff;} /* Menu => Deuxième niveau */ #entete ul li ul {display:none;position:absolute;top:58px;left:-5px;float:none;clear:none;padding:1px 0 3px 0;width:210px;margin:0; background-color:#fff;} #entete ul li ul li {display:block;padding:0; padding-bottom:1px!important; background-color:#fff;} #entete ul li ul li a, #entete ul li ul li a:visited {height:auto;line-height:1.25;width:195px;padding:10px 8px;background:#d1dce6;margin:0;color:#1b4e80;} #entete ul li ul li a:hover, #entete ul li ul li a:active {color:#fff!important;background:#57b7df!important;} /* deuxieme niveau active*/ #entete ul li ul li.active a, #entete ul li.active ul li a:visited {color:#fff;background:#57b7df;} /* premier niveau active*/ #entete ul li.active ul li a, #entete ul li.active ul li a:visited {font-weight:normal;color:#1b4e80;background:#d1dce6;} /* Menu => Troisième niveau */ #entete ul li ul li ul {display:block;position:relative;top:0;left:0;float:none;clear:none;padding:0;width:210px;} #entete ul li ul li ul li a, #entete ul li ul li ul li a:visited {font-size:.8em;background:#e3e9ed url(/img/bullet.gif) no-repeat 19px 8px;width:170px;padding:5px 5px 5px 35px; font-size:102%;} #entete ul li ul li ul li a:hover, #entete ul li ul li ul li a:active {color:#fff!important;background:#57b7df url(/img/bullet.gif) no-repeat 19px 8px!important;} /* deuxième niveau active*/ #entete ul li.active ul li.active a, #entete ul li.active ul li.active a:visited {color:#1fa345;background:#e7eef4;} /* troisieme niveau active*/ #entete ul li.active ul li.active ul li a, #entete ul li.active ul li.active ul li a:visited {color:#1b4e80;background:#e3e9ed url(/img/bullet.gif) no-repeat 19px 8px;} #entete ul li.active ul li ul li.active a, #entete ul li.active ul li ul li.active a:visited {color:#1fa345;background:#fff url(/img/bullet-verte.gif) no-repeat 19px 8px;} /* premier niveau active*/ #entete ul li.active ul li ul li a, #entete ul li.active ul li ul li a:visited {background:#e3e9ed url(/img/bullet.gif) no-repeat 19px 8px;} /* -- Tete -- */ #tete {height:104px;position:relative;z-index:1;} #tete #fil {color:#fff;font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;font-size:.9em;margin:0;position:absolute;top:20px;left:20px;padding:0;} #tete #fil li {float:left;display:inline;line-height:1;} #tete #fil li a, #fil li a:visited {color:#6dd7fe;float:left;} #tete h2 {width:942px;z-index:2;font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;font-size:1.5em;position:absolute;top:46px;left:20px;color:#fff;line-height:0.8;} #tete h2 strong {font-size:1.7em;font-weight:normal;line-height:1.1;} #tete a.plus:link, #tete a.plus:visited {position:absolute;bottom:3px;right:1px;width:34px;height:34px;display:block;text-indent:-9999px;background:#395c7d url(/img/image-plus.gif) no-repeat center center;} #tete a.plus:hover, #tete a.plus:active {background:#395c7d url(/img/image-plus-h.gif) no-repeat center center;} /* Connexion => Premier niveau */ div#boite-de-connexion { float:none; margin:0; padding:0; padding-left:8px; width:610px; position:absolute; top:0; right:17px; background:#1da342;} div#boite-de-connexion form { width:auto;} div#boite-de-connexion ul#formulaire-de-connexion { float:left; margin:0; padding:0; position:relative; background:#1da342; bottom:auto; right:auto;} div#boite-de-connexion ul#formulaire-de-connexion li { margin:0; padding:8px 0;float:left; width:175px; } div#boite-de-connexion ul#formulaire-de-connexion li input{ float:left; margin:0; padding:0; width:165px;} div#boite-de-connexion ul#formulaire-de-connexion li.connexion {width:100px; } div#boite-de-connexion ul#formulaire-de-connexion li input {padding:2px 0;} div#boite-de-connexion ul#formulaire-de-connexion li.connexion input{width:90px; padding-bottom:5px; background:url(../media/img/interface/bkg-bouton-2tons.jpg) no-repeat 0 100%; font-size:0.9em; font-weight:bold; border:0; color:#fff;} div#boite-de-connexion ul#formulaire-de-connexion li.connexion input:hover { color:#8AA4BD; cursor:pointer;} div#boite-de-connexion ul#formulaire-de-connexion li#oubli-mot-de-passe { position:absolute; right:1px; top:5px; float:none; padding:7px 0 0 0; margin:0;} div#boite-de-connexion ul#formulaire-de-connexion li#oubli-mot-de-passe a { color:#fff; margin:0; padding:0;float:none; width: auto; background:none; font-size:0.9em; text-align:center;} #entete div#boite-de-connexion ul#connecte { float:left; margin:0; padding:0; position:relative; background:#1da342; bottom:auto; right:auto;} #entete div#boite-de-connexion ul#connecte li { float:left; margin:0; padding:0; position:relative; background:#1da342; background-image:none; bottom:auto; right:auto;} #entete div#boite-de-connexion ul#connecte li#deconnexion { float:right;} #entete div#boite-de-connexion ul#connecte li a { float:left; width:auto; margin:0; padding:15px; padding-top:11px; padding-bottom:0; position:relative; background:#1da342; background-image:none; bottom:auto; right:auto; font-size:1.2em; color:#8fd1a2; font-weight:normal;} #entete div#boite-de-connexion ul#connecte li a:hover {color:#fff;} #entete div#boite-de-connexion ul#connecte li a.fleche-bas { padding-right:30px; background-image:url(../media/img/interface/ico-triangle-fond-vert.jpg); background-repeat: no-repeat; background-position: 95% 50%;} #entete div#boite-de-connexion ul#connecte li a.fleche-bas:hover { background-image:url(../media/img/interface/ico-triangle-fond-vert-over.jpg); text-decoration:none;} #entete div#boite-de-connexion ul#connecte li a.panier { padding-right:22px; background-image: url(../media/img/interface/ico-panier.jpg); background-repeat: no-repeat; background-position: 100% 50%;} #entete div#boite-de-connexion ul#connecte li a.panier:hover {background-image: url(../media/img/interface/ico-panier-over.jpg);text-decoration:none;} /* Connexion => Second niveau */ #entete div#boite-de-connexion ul#connecte li ul{ float:left; position:absolute; top:36px; left:12px; display:none; width:600px; padding-top:4px; background:none; } #entete div#boite-de-connexion ul#connecte li:hover ul{ /*display: block;*/ } #entete div#boite-de-connexion ul#connecte li ul.exep { left:-117px; } #entete div#boite-de-connexion ul#connecte li ul li{ float:left; display:block; width:auto; background:none; padding-left:0; } #entete div#boite-de-connexion ul#connecte li ul li a{ float:left; display:block; width:auto; background:none; color:#06396B; padding:3px 5px; border-right:1px solid #06396B; } #entete div#boite-de-connexion ul#connecte li ul li a:hover, #entete div#boite-de-connexion ul#connecte li:hover ul li a:hover { background:#1f659d!important; } div#boite-erreur { float:none; margin:0; padding:0; margin:0; position:absolute; top:42px; left:335px; color: #F00;} /* -- Contenu -- */ #entete #boite-de-recherche #select-box-recherche { float:right; width: 120px; margin:0;} #contenu {background:#fff;padding:62px 25px 130px 20px;min-height:280px;height:auto !important;height:280px;} #contenu ul li, #contenu ol li {background: url(/img/bullet.gif) no-repeat 1em .5em;padding-left: 2.5em;margin-bottom:.5em;} #page #contenu .une-colonne ul li, #page #contenu .une-colonne ol li {margin:0; padding:0; list-style:none; list-style-type:none; background:none;} #page #contenu .une-colonne ul.liste-calendrier li, #page #contenu .une-colonne ul.perfectionnement li {margin-bottom:1em;} #page #contenu .une-colonne ul.perfectionnement li a {font-weight:bold; line-height:1.2;} #colonne-gauche, .une-colonne {width:698px;float:left;} #colonne-droite {width:206px;float:right;} #colonne-droite div.block {padding:14px 2px 17px 17px;background:#f0fbff;border-top:1px solid #b4c3d2;border-bottom:1px solid #b4c3d2;margin-bottom:1em;} #colonne-droite div.premier {border-top:none;} #colonne-droite div.block dl {margin:0;padding:0;} #colonne-droite div.block dt {font-weight:bold;font-size:1.2em;line-height:1;margin-bottom:18px;} #colonne-droite div.block dd {margin-bottom:18px;} #colonne-droite div.block dd.dernier {margin-bottom:0;} /* -- Accueil -- */ #accueil #tete {height:185px;overflow:hidden;} #accueil #contenu {padding:62px 35px 130px 14px;} #accueil h4 {margin-bottom:0;} /* Section => colonne-gauche */ #accueil #colonne-gauche, #enrobage #page #contenu .une-colonne {width:290px;} #enrobage #page #contenu .une-colonne {width:283px; margin: 0 10px;} #accueil #congres-inscription {padding:0;margin-bottom:30px;line-height:1.2;} #accueil #congres-inscription a, #accueil #congres-inscription a:visited {font-size:1.5em;} #accueil #formation-resume h4 {line-height:1.2;} #accueil #formation-resume ul {padding:0;margin-bottom:108px;line-height:1.2;} #accueil #formation-resume ul li {margin:0;padding:0;background:none;float:left;display:block;} #accueil #formation-resume ul li a, #accueil #formation-resume ul li a:visited {width:210px;background:url(/img/bullet2.gif) no-repeat 2px 10px;float:left;display:block;padding:10px 0 10px 47px;border-bottom:1px solid #b4c3d2;font-size:1.2em;font-weight:bold;} #accueil #sondage {margin-bottom:15px;line-height:1.2;font-weight:bold;} #accueil #sondage h4 {color:#5a5a5a;border-bottom:none;} #accueil #sondage form {padding:15px 16px 18px 16px;border-bottom:1px solid #b4c3d2;} #accueil #sondage ul {padding:0;} #accueil #sondage ul li {padding:0;background:none;margin-bottom:24px;} #accueil #sondage ul li input {float:left;width:auto;border:none;} #accueil #sondage ul li label {color:#06396b;display:block;margin:0 0 0 30px!important;text-align:left!important;float:none!important;line-height:1.2!important;} #accueil #sondage #soumettre-sondage {margin:-6px 0 0 31px;width:107px;font-weight:bold;} /* Section => colonne-droite */ #accueil #colonne-droite, #accueil #c0lonne-droite {width:604px;} #accueil #c0lonne-droite {width:604px; float:right;} #accueil .calendrier {width:227px;float:left;} #accueil #calendrier-resume {margin-bottom:63px;border-bottom:1px solid #b4c3d2;} #accueil #calendrier-resume ul.liste-calendrier {float:right;width:315px;} #accueil #calendrier-resume ul.liste-calendrier li {;background:none;padding:7px 0 10px 0;border-bottom:1px solid #b4c3d2;} #accueil #calendrier-resume ul.liste-calendrier li.dernier {padding:7px 0 10px 0;border-bottom:none;} #accueil #salle-presse-resume ul {padding:0;} #accueil #salle-presse-resume ul li {background:#f0fbff url(../media/img/interface/bkg-degrade-bleu.jpg) repeat-x 0 100%;padding:10px 5px 3px 8px;border-bottom:1px solid #b4c3d2;margin-bottom:3px;} #accueil #salle-presse-resume p {padding-left:3px;} #accueil #salle-presse-resume p.titre {font-size:1.2em;} #accueil .calendrier .entete-calendrier {width:100%;overflow: hidden;margin-bottom:10px;} #accueil .calendrier .entete-calendrier li {list-style:none;float:left;padding:0;height:20px;background:none;} #accueil .calendrier .entete-calendrier li.mois a {text-align: center;width: 237px;color: #7f7f7f;line-height:20px;font-size:1.2em;display:block;} #accueil #accueil .calendrier .entete-calendrier li.mois a {color: #1b4664;text-decoration:none;} #accueil .calendrier .entete-calendrier li span {display: block;width: 20px;height: 20px;text-indent:-9999px;} #accueil .calendrier .entete-calendrier li.precedent span {background: url(../img/calendrier-precedent.gif) no-repeat center center;} #accueil .calendrier .entete-calendrier li.suivant span {background: url(../img/calendrier-suivant.gif) no-repeat center center;} #accueil .calendrier .entete-calendrier li.precedent a, #accueil .calendrier .entete-calendrier li.precedent a:visited {display: block;width: 20px;height: 20px;background: url(../img/calendrier-precedent-a.gif) no-repeat center center;text-indent:-9999px;} #accueil .calendrier .entete-calendrier li.suivant a {display: block;width: 20px;height: 20px;background: url(../img/calendrier-suivant-a.gif) no-repeat center center;text-indent:-9999px;} #accueil .calendrier table {width: 100%;margin: 0;font-size:1.4em;} #accueil .calendrier table td {text-align: center; width:36px; padding:0 4px 4px 0; line-height: 35px;} #accueil .calendrier table td.dernier {padding-right:0;} #accueil .calendrier table td span, .calendrier table td a, .calendrier table td a:visited {display: block;text-decoration:none;width: 36px;height: 35px;line-height: 35px;background:#878787;color:#fff;} #accueil .calendrier table td.vide span, .calendrier table td.vide a, .calendrier table td.vide a:visited {background:#efefef;} #accueil .calendrier table td.passe span, .calendrier table td.passe a, .calendrier table td.passe a:visited {background:#cbcbcb;} .calendrier table td a, .calendrier table td a:visited {background:#1fa345;} /* -- Boîte des actualités en images -- */ div#actualite-en-image { margin:0; padding:0; display:block; position:relative; height:226px;} #page #actualite-en-image img {display:none; margin:0; padding:0; position:absolute; top:0; left:0; width:225px; z-index:10; padding-top:1px;} #accueil #page #actualite-en-image img#afficher {display:block;} #page #actualite-en-image ul {display:block; margin:0; padding:0; position:absolute; top:0; right:0; width:408px; z-index:111; list-style:none; list-style-type:none;} #page #actualite-en-image ul li {display:block; height:75px; margin:0 0 0 2px; margin-bottom:0; padding:0; padding-left:28px; list-style:none; list-style-type:none; position: relative; background:none;} #page #actualite-en-image ul li div.fond { margin:0; padding:0; width:100%; height:75px; background:#f0fbff url(../media/img/interface/bkg-degrade-bleu.jpg) repeat-x 0 100%; } #page #actualite-en-image ul li div.wrap { margin:0; padding:0 5px 0 25px; width:350px; font-size:1.1em; line-height:1.1; position:absolute; top:75%; height: 38px; margin-top: -37px; color:#06396B; } #page #actualite-en-image ul li .carre-plus { display:none;} #page #actualite-en-image ul li .carre-plus span { display:block; margin:0; padding:0;} /* ACTIF */ #page #actualite-en-image ul li#hilight, #page #actualite-en-image ul li:hover {background:url(../media/img/interface/bkg-degrade-vert-fleche-gauche.gif) no-repeat 0 1px;} #page #actualite-en-image ul li#hilight div.fond, #page #actualite-en-image ul li:hover div.fond { background:#f0fbff url(../media/img/interface/bkg-degrade-vert.gif) repeat-x 0 100%; } #page #actualite-en-image ul li#hilight div.wrap, #page #actualite-en-image ul li:hover div.wrap {color:#fff; } #page #actualite-en-image ul li#hilight .carre-plus, #page #actualite-en-image ul li:hover .carre-plus { display:block; position:absolute; bottom:-13px; right:5px; width:20px; height:20px; text-indent:-9999px; z-index:2222; background:url(../media/img/interface/bkg-carre-vert-croix-blanche.gif) no-repeat 0 0;} #page #actualite-en-image ul li#hilight .carre-plus:hover, #page #actualite-en-image ul li:hover .carre-plus:hover { background:url(../media/img/interface/bkg-carre-blanc-croix-verte.gif) no-repeat 0 0;} /* -- À propos -- */ #a-propos .directeurs {margin-bottom:1em;} #a-propos .directeurs th {text-align:left;} #a-propos td.directeur {width:400px; padding-bottom: 20px;} #a-propos tr.titre-zone.no-border td{ border-top: none; padding-top: 0; } #a-propos td.mrc {width:515px;} #a-propos tr.titre-zone td{ font-weight: bold; font-size:1.2em; border-top: 1px solid #CCC; padding: 20px 0 5px 0;} #a-propos td.mrc ul li {margin-bottom:0!important;} #a-propos td.mrc div.clearfix ul{ float: left; width: 150px; margin-right: 20px;} /* -- activites -- */ #activites .octroi {text-align:left;margin-bottom:1em;} #activites .octroi .formation {padding-left:40px;width:550px;background:url(/img/bullet.gif) no-repeat 12px center;color:#093158;} #activites .dates-endroits {margin-bottom:25px;} #activites .dates-endroits p {margin:0;} #activites .dates-endroits th {color:#000;text-align:left;padding:0 0 13px 11px;} #activites .dates-endroits th.dates {padding:0;} #activites .dates-endroits tr.impair td {background:#f0fbff;} #activites .dates-endroits td {height:47px;padding-left:11px;vertical-align:middle;} #activites .dates-endroits td.espace {background:#fff!important;width:1px;padding:0;} #activites .dates-endroits .dates {width:133px;} #activites .dates-endroits td.inscription {width:184px;padding:0;text-align:center;} #activites .dates-endroits td.inscription a, #activites .dates-endroits td.inscription a:visited {font-weight:bold;} #activites .dates-endroits tr.complet td.lieux {color:#9a9a9a;} #activites .dates-endroits tr.complet td.inscription span {font-weight:bold;text-transform:uppercase;display:block;height:27px;width:136px;line-height:27px;text-align:center;margin:0 auto;color:#fff;background:url(/img/fond-bouton-c.gif) repeat-x left center;} #activites .accreditations {margin-bottom:1em;} #activites .accreditations th {text-align:left;} #activites .accreditations .prenom-nom, #activites .accreditations .employeur {width:300px;} #activites #zone {margin-bottom:1em;} #activites .colloques-zones {margin-bottom:1em;} #activites .colloques-zones th {text-align:left;} #activites .colloques-zones td {padding:5px 0;vertical-align:middle;} #activites .colloques-zones tr.impair td {background:#F0FBFF;} #activites .colloques-zones .zones {padding-left:5px;width:195px;} #activites .colloques-zones .dates {width:250px;} #activites .colloques-zones .dates2 {width:250px;} #activites #inscription-membre { margin:0 18px; } #activites .msgNon{ display: none; border: 1px solid #999; padding: 10px; font-weight: bold; width: 80%; font-size: 1.2em; color: #F00; } #activites .certification a{ display: block; padding: 5px; border: 1px solid #ccc; font-size: 1.2em; margin: 2px 0; width: 50%; text-align: center; font-weight: bold; } #activites .certification a#oui:hover{ background-color: #7DE07D; } #activites .certification a#non:hover, #activites .certification a.actif{ background-color: #FFBABA; } #activites #acceder-compte{ margin-top: 10px; } #activites div.choix{ padding: 5px; margin: 5px; border: 1px solid #CCC; width: 430px; float: left; min-height: 50px; } * html #activites div.choix{ height: 50px; } #activites div.choix input{ margin-right: 3px; } #activites div.choix span.date{ display: block; font-size: 0.8em; margin-left: 20px; } #activites div.choix span.maximum{ display: block; font-size: 0.8em; margin-left: 20px; color: #F00; font-weight: bold; } #activites div.actif{ background-color: #CCFCCE; } #activites div.plein{ background-color: #F2F2F2; } table.competances td{ height: auto; } .reconnaissance-texte h4 a.lien-section span{ padding-left: 20px; font-size: 0.8em; } .reconnaissance-texte h5{ border: none; font-weight: normal; padding: 10px 0 5px 0; margin-bottom: 2px; } .reconnaissance-texte a.bouton-pdf{ padding: 5px 5px 5px 30px; border: 1px solid #ccc; margin: 0 0 5px 0; background-position: 5px 5px; width: auto; } .reconnaissance-texte a.bouton-pdf:hover{ border-color: #333; } .reconnaissance-texte h6{ font-size: 1.1em; margin: 2em 0 0.5em 0; } .reconnaissance-texte table p.date sup{ font-size: 0.5em; } form.acces-reconnaissance{ } form.acces-reconnaissance button{ margin-left: 195px; } form.acces-reconnaissance .oubli{ clear:both; color:#439CCD; display:block; font-size:0.95em; margin-top: 20px; } #contenu.congres { padding-top:165px; position:relative; } #activites #bandeau-congres { background: url(/img/bandeau-congres.png) no-repeat left bottom; height:222px; left:16px; overflow:hidden; position:absolute; top:-90px; width:930px; } #activites #bandeau-congres p { color:#f4b119; font-weight:bold; left:389px; position:relative; top:135px; } #activites .prix {background:#fff;margin-bottom:1em;width:100%;} #activites .prix td { padding:12px 0 12px 20px; background:#f0fbff; vertical-align:top; } #activites .prix tr.espace td { padding:0; height:3px; } #activites .prix tr.blanc td { background:#fff; } #activites .prix td.check { width:18px; } #activites .prix td.nocheck { width:40px; background:#fff; } #activites .prix td input { } #activites .prix td label, #activites .prix td span.label { color:#1fa345; font-size:1.5em; line-height:.7; } #activites .prix td p { font-size:.9em; margin:5px 0 0 0; } #activites .prix td.montant { border-left:3px solid #fff; line-height:1.1; padding:31px 0 12px 17px; vertical-align:top; width:133px; } #activites .prix tr.sans-description td.montant { padding-top:12px; } #activites table.option-conjoint { margin-left:40px; width: 880px; margin-top: -15px; } #activites table.option-conjoint .ouvert{ display: block; } #activites tr.infos-conjoint label { width: 160px; display: inline-block; font-size: 1.2em; } #activites div.conjoint{ display: none; } span.congres-inscription-limite-atteinte{ font-weight: bold; color: #F00; } #activites .prix td.montant strong{ font-size:1.2em; } #activites .prix td.montant span{ color:#666666; font-size:.9em; } #activites .prix td.sous-total { font-size:1.2em; font-weight:bold; padding-right:20px; text-align:right; vertical-align:middle; } #activites .prix td.no-pad { padding-left:8px; } .congres .rappel { color:#353535; margin:0 0 2.5em 60px; padding-left:20px; width:604px; } .congres .rappel p{ font-size:1.2em; margin-bottom: .8em; } .congres .bouton { float:right; margin-top:2em!important; width:168px!important; } .congres .bouton span { background: url(/img/bullet-bouton.gif) no-repeat 98% center!important; } /* -- Manuel des activités passées -- */ ul#liste-publications h4{ margin: 20px 0;} ul#liste-publications h5{ border: none; padding-top: 10px; margin-bottom: 0.5em; } ul#liste-publications li{ background: none; padding-left: 0; } ul#liste-publications li img.couverture{ float: left; padding: 0 10px 10px 0; } ul#liste-publications li div.concepteur{ float: right; margin: 0 0 10px 10px; text-align: center; } ul#liste-publications li div.concepteur span{ display: block; } ul#liste-publications li div.concepteur img{ margin-bottom: 10px; } /* -- Dossier -- */ #dossier .dates-calendrier td { height:28px; } /* -- Panier -- */ #panier #colonne-droite {width:350px;} #panier .panier {margin-bottom:19px;} #panier .panier thead tr th {border-bottom:1px solid #b4c3d2;font-size:1.2em;} #panier .panier tbody tr td {border-bottom:1px solid #b4c3d2;} #panier .panier th {text-align:left;padding:7px 0;} #panier .panier th.supprimer {width:232px;} #panier .panier th.prix {width:217px;} #panier .panier td.supprimer {vertical-align:middle;padding-left:29px;} #panier .panier td.supprimer a, #panier .panier td.supprimer a:visited {display:block;width:17px;height:17px;line-height:17px;font-size:.8em;font-weight:bold;text-transform:uppercase;text-align:center;background: url(/img/panier-case.gif) no-repeat center center;color:#bdc9d5;} #panier .panier td.supprimer a:hover, #panier .panier td.supprimer a:active {color:#fff;} #panier .panier td.description {padding:17px 60px 10px 0;} #panier .panier td.description a.couverture {border:1px solid #06396B;display:block;width:75px;margin-bottom:1em;} #panier .panier td.prix {vertical-align:middle;font-weight:bold;} #panier .panier td.description p.titre {margin-bottom:1em!important;} #panier .panier td.description p.date{float:none!important;} #panier .panier tr.tfoot td {font-size:1.1em;background:#f2f2f2;height:68px;border:none;} #panier .panier td.sous-total {text-align:right;padding-right:15px;font-weight:bold;vertical-align:middle;} #panier a.bouton {float:right;} #panier a.inactif {float:left!important;} #panier .block {margin-top:33px;} #inscription #acces {margin:42px 0 35px 0;padding:0 56px 47px 5px;border-bottom:1px solid #b4c3d2;} #inscription #acces h3 {height:19px;background:url(/img/petit-logo.gif) no-repeat 270px center;font-weight:bold;font-size:1.4em;border:none;margin-bottom:29px;padding:16px 0 0;} #inscription #acces form {padding:0 26px 18px 20px;width:380px;border-right:1px solid #b4c3d2;} #inscription #acces form li {padding:0;background:none;} #contenu #acces-membres li {padding:0;background:none;} #inscription #acces #acces-membres {float:left;border-left:1px solid #b4c3d2;} #inscription #acces #acces-comptes {float:right;} #inscription #acces #acces-comptes h3 {background:none;} #inscription #acces form button {margin:0 49px 12px 0;float:right;text-align:left;clear:both;display:inline;} #inscription #acces form button span {padding-left:20px;} #inscription #acces form a.oubli:link, #inscription #acces form a.oubli:visited {display:block;clear:both;color:#439ccd;font-size:.95em;} #confirmation .commande {margin-bottom:19px;border-bottom:1px solid #b4c3d2;} #confirmation .commande td, #facture .commande td, #facture2 .commande td {text-align:left;padding:5px 0;font-weight:bold;vertical-align:top;} #confirmation .commande td.border, #facture .commande td.border, #facture2 .commande td.border {border-top:1px dotted #b4c3d2;padding-top:10px} #confirmation .commande td.description, #facture .commande td.description, #facture2 .commande td.description {width:700px;} #confirmation .commande td.prix, #facture .commande td.prix, #facture2 .commande td.prix {width:217px;} #confirmation .commande td.total, #facture .commande td.total, #facture2 .commande td.total {padding-left:7px;width:290px;} #confirmation .commande td.grand-total, #facture .commande td.grand-total, #facture2 .commande td.grand-total {width:280px;padding-right:17px;text-align:right} #confirmation .bouton {margin:0 20px 0 0;float:right;clear:both;} #facture .bouton, #facture2 .bouton {text-transform:uppercase;font-size:0.8em;float:right;margin:12px 0 0 0;} #facture h3, #facture2 h3 {margin-bottom:0;padding:0;border:none;} #facture .titre-plus, #facture2 .titre-plus {margin-top:3em;} #facture .titre-plus a, #facture .titre-plus a:visited, #facture2 .titre-plus a, #facture2 .titre-plus a:visited {margin:0 0 12px 0;} #facture h5, #facture2 h5 {margin-top:2em;padding:0;border:0;} #facture .signature li, #facture2 .signature li {padding:0;background:none;} #facture .signature span, #facture2 .signature span {float:left;} #facture .signature span.ligne, #facture2 .signature span.ligne {margin-left:10px;border-bottom:1px solid #000000;display:block;width:350px;} #facture h6, #facture2 h6 {font-size:2em;text-align:center;margin-top:1em;} /* -- Publication -- */ #services #liste-publications li {background:none!important;padding:0!important;border-bottom:1px solid #b4c3d2;margin-bottom:31px;} #services #liste-publications li img {float:left;} #services #liste-publications li .description {margin-left:165px;width:717px;padding:0 35px 24px 0;} #services #liste-publications li h4 {border:none;padding:0;margin-bottom:1em;} #services #liste-publications li .date {font-size:.9em;} #services #liste-publications li h5 {border:none;} #services #liste-publications .prix {background:#fff;width:100%;} #services #liste-publications .prix td {padding-left:20px;background:#f0fbff;height:47px;vertical-align:middle;} #services #liste-publications .prix td.membre {width:176px;} #services #liste-publications .prix td.ajouter {border-left:3px solid #fff;width:189px;padding:0;} #services #liste-publications .prix .bouton {width:165px!important;} /* -- Pied -- */ #pied {font-size:.8em;background:#fff;width:962px;margin:0 auto;height:114px;clear:both;position:relative;margin-top:-114px;} #pied div {padding:39px 0 0 68px;} #pied a.logo {float:left;margin-right:13px;} #pied p {color:#06396b;margin:0;} /* -- Formulaires -- */ form ul li {width:100%;margin-bottom:7px;padding:0;background:none} form ul li label, form ul li span {text-align:right;width:180px;float:left;margin-right:15px;line-height:20px;} form ul li input, form ul li select, form ul li textarea {display:block;float:left;width:178px;border:1px solid #c7c7c7;padding:2px;} form ul li select {width:182px;} form ul li label.radio {margin-left:0px; width: 30px; text-align: left; vertical-align: middle;} form ul li input.radio {display:block;border:1px solid #c7c7c7;padding:2px;width:auto; margin-top: 3px;} /* Erreurs */ div.erreurs { background:#FFF2F2; color:#AA0000; border-bottom:1px solid #AA0000; border-top:1px solid #AA0000; padding:10px 10px 0; } div.erreurs p { background:url(/img/attention.gif) no-repeat left center; padding:0 0 0 27px; } div.erreurs ul { margin-left:17px; } p.erreurs { background:#990000 url(/img/attention.gif) no-repeat 15px center; color:#fff; padding:10px 40px; } ul.erreur { background:#FFF2F2!important; border-bottom:1px solid #AA0000!important; border-top:1px solid #AA0000!important; } li.erreur { background:#FFF2F2!important; border-bottom:1px solid #AA0000; border-top:1px solid #AA0000; padding:10px 0 5px 0!important; } /* input.erreur, select.erreur, textarea.erreur { border:1px dotted #FF0000; } */ label.erreur { background:url(/img/attention.gif) no-repeat left center; color:#AA0000; clear:both; line-height:2; margin:0 0 0 227px!important; padding:0 0 0 23px!important; width:auto!important; text-align:left; font-weight:bold; } #inscription #acces label.erreur { margin:0 0 0 200px!important; } span.erreur { color:#F00; font-weight:bold; } /* -- Class -- */ #graphique {margin-top:1.5em;border-bottom: 1px solid #B4C3D2;padding-bottom:20px!important;} #graphique li {margin-bottom:15px!important;} #graphique p {color:#06396B;margin-bottom:8px;} #graphique .barre {float:left;display:block;background: url(/img/barre-sondage.gif) no-repeat left center;height:15px;margin-right:10px;} #graphique .pourcentage {float:left;color:#666666;font-weight:normal} .impression-span {display:block;font-size:.8em;color:#353535;font-weight:normal;} .cache {display:none;font-weight:bold;} .cache span {text-decoration:underline;} #nouveau-compte #compteExistant{ border: 1px solid #900; font-weight: bold; margin-bottom: 20px; margin-left: 220px; padding: 20px 20px 10px; display: none; } #nouveau-compte #compteExistant #noMembre{ float: none; line-height: normal; margin: 0; text-align: left; width: auto; } #nouveau-compte {padding:0 0 34px 0;border-bottom:1px solid #b4c3d2;} #nouveau-compte div {padding-left:27px;} #nouveau-compte h3 {font-size:1.4em;font-weight:bold;margin:0 0 5px 0;padding:0;border:none;} #nouveau-compte ul {border-bottom:1px solid #b4c3d2;margin-bottom:31px;} #nouveau-compte ul li {margin:0!important;padding:0;background:none;} #nouveau-compte ul li ul { padding:20px 0 13px 0; border-top:1px solid #b4c3d2; margin:0; border-bottom:none; } #nouveau-compte ul li ul li { margin-bottom:7px!important; } #nouveau-compte ul li ul li label { margin-left:27px; } #nouveau-compte ul li ul li label.radio { margin-left:0px; } #nouveau-compte ul li ul li p.statique { line-height:20px; margin:0; font-weight:bold; } #nouveau-compte input.radio{margin-right: 5px; width: auto;} #nouveau-compte input, #nouveau-compte select, #nouveau-compte textarea {margin-right:15px; width: 284px;} #nouveau-compte input[type=checkbox]{ width: auto; } #nouveau-compte button {margin:0 0 0 223px;} #nouveau-compte select{ width: 290px;} #nouveau-compte select#profil-date-naissance, #nouveau-compte select#profil-annees-employe, #nouveau-compte select#profil-annees-cadre, #nouveau-compte select#profil-annees-fonction{ width: 80px;} #nouveau-compte h2{ padding-bottom: 20px; font-size: 1.2em; } #nouveau-compte .deroulable{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #CCC; } #nouveau-compte #info-ville{ border-bottom: none; } /* Question profil (JS) */ #li-profil-conges-retribution label.radio{ width: 80px;} li#li-profil-scolarite-collegial, li#li-profil-scolarite-universitaire, li#li-profil-scolarite-autre, li#li-profil-pompiers-nb, li#li-profil-eau-potable-entretien, li#li-profil-eau-usee-entretien, li#li-profil-eau-usee-traitement-par, li#li-profil-assurance-type, li#li-profil-assurance-assumee, li#li-profil-assurance-assumee-pourcent, li#li-profil-fonction-complement, li#li-profil-loi-assujetti-pouvoirs-gestion, li#li-profil-loi-assujetti-responsabilite{ display: none; } form ul li.checkbox div.choix label{ float: none; } ul li.checkbox div.choix{ margin-left: 220px; } #nouveau-compte li.checkbox div.choix{ display: block; width: 400px; padding-left: 0; } #nouveau-compte li.checkbox input{ margin-right: 5px; } #nouveau-compte li.checkbox div.choix label{ margin-left: 0; } #nouveau-compte li.checkbox>label{ margin-right: 0; } li#li-profil-scolarite{ width: 375px; float: left; } li#li-profil-scolarite select { width: 125px; } li#li-profil-scolarite-collegial select, li#li-profil-scolarite-universitaire select, li#li-profil-retraite-participation select{ width: 150px; } li#li-profil-retraite-type select, #profil-retraite-participation{ width: 165px; } #li-profil-retraite-participation{ clear: both; } #li-profil-retraite-type, #li-profil-retraite{ float: left; } #li-profil-retraite{ width: 420px; } #li-profil-retraite-type label{ /*width: 140px;*/ } li#li-profil-retraite-type{ width: 450px; } select#profil-retraite{ width: 165px; } li#li-profil-scolarite-collegial label, li#li-profil-scolarite-universitaire label, li#li-profil-scolarite-autre label{ text-align: left; } li#li-profil-scolarite-autre label{ width: 90px; } li#li-profil-ordre, li#li-profil-assurance{ clear: left; } div.note.profil{ width: 400px; float: right; margin: 10px 40px 0 0; } li#li-profil-annees-employe{ width: 325px; float: left; } form ul#profil-champs div h6{ margin: 10px 0 20px 0; } ul li ul li.nouveau, #nouveau-compte ul li ul li.nouveau{ padding: 10px; margin-right: 20px!important; width: 92%; border: 2px solid #1DA342; box-shadow: 0 1px 4px #CCCCCC; } .dates-calendrier {margin-bottom:25px;} .dates-calendrier p {margin:0;} .dates-calendrier th {color:#000;text-align:left;padding:0 0 13px 11px;} .dates-calendrier th.dates {padding:0;} .dates-calendrier tr.impair td {background:#f0fbff;} .dates-calendrier td {height:47px;padding:5px 10px 5px 11px;vertical-align:top;} .dates-calendrier td.espace {background:#fff!important;width:1px;padding:0;} .dates-calendrier .credits-uec {width:65px;text-align:center;} .dates-calendrier .dates {width:120px;} .dates-calendrier .poids {width:60px;} .dates-calendrier .categorie {font-size:.8em;} .dates-calendrier td.description {padding:0;text-align:center;} div.publications-categorie {margin-bottom:10px;} .publications {text-align:left;border-bottom: 1px solid #B4C3D2;} .publications p {margin:0;} .publications td.marge {padding:0!important;height:3px;} .publications th {padding:10px 0 10px 11px;line-height:1.2;border-bottom: 1px solid #B4C3D2;color:#000;font-size:1.1em;} .publications th a, .publications th a:visited {color:#000;} .publications th a:hover, .publications th a:active {text-decoration:underline;} .publications caption {color:#1FA345;font-size:1.4em;font-weight:bold;text-align:left;padding-left:11px;padding-top:30px;} .publications caption a, .publications caption a:visited {color:#1FA345;} .publications caption a:hover, .publications caption a:active {text-decoration:underline;} .publications tr.impair td {background:#f0fbff;} .publications td {padding:5px 10px 5px 11px;vertical-align:top;} .publications td.espace {background:#fff!important;width:1px;padding:0;} .publications .poids {width:60px;} .pagination li {background:none!important;display:inline;margin:0!important;padding:0!important;} .pagination li a, .pagination li a:visited, .pagination li span {display:block;float:left;padding:1px 8px;} .pagination li span {background:#F0FBFF; border:1px solid #06396B;} .pagination li a, .pagination li a:visited {color:#666;} .pagination li a:hover, .pagination li a:active {color:#57b7df;} .images li {margin:0 23px 25px 0!important;background:none!important;} .images li span {border:1px solid #B4C3D2;margin-right:10px;padding:5px;float:left;} .images li span img {float:left;} .images li div {float:left;width:500px;} .images li p {margin-left:6px;} .images li.dernier {margin:0!important;} .marge-bas-1px {margin-bottom:1px!important;} .telephone {margin-right:30px;} .pdf {background:url(/img/icone-pdf.gif) no-repeat left center;padding-left:26px;width:400px;display:block;} .ombre {padding:1px;border-top:1px solid #b4c3d2;border-bottom:1px solid #b4c3d2;margin-bottom:1em;} .ombre p {display:block;background:#f2f2f2;margin:0;font-weight:bold;font-size:1.2em;height:68px;line-height:68px;padding-left:5px;} .ombre span {margin-right:17px;} .sans-marge {margin:0!important;} .sans-padding-top {padding-top:0!important;} .note {color:#9a9a9a;} .encadre{ border-left :4px solid #B4C3D2; padding: 0 20px; font-weight: bold; color: #06396B; } .encadre.devenir-membre{ margin-bottom: 10px; font-weight:normal; } .encadre.devenir-membre label{ padding-left: 10px; } button.bouton, a.bouton, a:visited.bouton {height:27px;line-height:27px;text-align:center;margin:0 auto;color:#fff;background:url(/img/fond-bouton.gif) repeat-x left center;border:none;cursor:pointer;display:block;width:136px;} button.inactif, a.inactif {background:url(/img/fond-bouton2.gif) repeat-x left center;} button.bouton span{background:url(/img/bullet-bouton.gif) no-repeat 95% center;display:block;} a.bouton span{background:url(/img/bullet-bouton.gif) no-repeat 90% center;display:block;} .important {color:#1fa345;} .rappel {color:#06396b;padding:14px 85px 7px 44px;background:#f0fbff;border-top:1px solid #b4c3d2;border-bottom:1px solid #b4c3d2;margin-bottom:1em;} .rappel p {margin:0;} .fil-panier {color:#9a9a9a;font-weight:bold;margin:0 0 35px 0;padding:0;} .fil-panier li {float:left;display:block;display:inline;background:none!important;margin:0 10px 0 0!important;padding:0!important;} .fil-panier li.dernier {margin:0!important;} .fil-panier li a, .fil-panier li a:visited, .fil-panier li span {float:left;background: url(/img/fond-liste-panier.gif) repeat-x left center;width:165px;height:27px;padding:38px 0 0 10px;display:block;} .fil-panier.etapes-4 li a, .fil-panier.etapes-4 li a:visited, .fil-panier.etapes-4 li span{ width: 210px!important;} .fil-panier li a, .fil-panier li a:visited {color:#696969;} .fil-panier li.active span, .fil-panier li a:hover, .fil-panier li a:active {color:#fff;background: url(/img/fond-liste-panier-h.gif) repeat-x left center;} .liste-description {width:585px;padding:0;margin-bottom:1em;} .liste-description li {clear:left;float:left;background:url(/img/bullet2.gif) no-repeat 6px 13px!important;padding:0!important;margin:0!important;width:100%;} .liste-description li a, .liste-description li a:visited {line-height:1.2;float:left;display:block;padding:10px 0 0 51px;font-size:1.2em;font-weight:bold;background:none;} .liste-description li p {padding-left:51px;float:left;display:block;width:534px;} .liste-description li p a, .liste-description li p a:visited {width:auto;float:none;display:inline;padding:0;border-bottom:none;font-size:1em;font-weight:normal;} .titre-plus {border-bottom:1px solid #b4c3d2;margin-bottom:15px;} .titre-plus h3 {float:left;border-bottom:none;margin:0;} .titre-plus a, .titre-plus a:visited {float:right;margin-top:12px;font-size:.8em;} .sous-titre-plus {border-top:1px solid #b4c3d2;margin-bottom:1em;} .sous-titre-plus h5 {float:left;border-top:none;margin:0;} .sous-titre-plus a, .sous-titre-plus a:visited {float:right;margin:12px 20px 0 0;font-size:.8em;} #page p.date {color:#666666;font-size:.75em;font-weight:normal;line-height:1;float:left; margin-bottom:3px;} p.date span {color:#1fa345;font-weight:bold;font-size:2.5em;} .type:link, .type:visited {float:right;margin:16px 5px 0 0;font-size:.8em;line-height:1;} p.titre, p.lieu {margin:0;line-height:1.2;} .a-complete {font-weight:bold;font-size:1.4em;color:red;} .centre { text-align:center;} .slogan { text-align:center; color:#06396B; font-weight:bold; font-size:1.1em;} .ombre-portee {float: left;background-color: #B4C3D2; margin:5px 15px 5px 5px;} .ombre-portee img {margin: -4px 4px 4px -4px;display: block;position: relative;padding: 4px;background-color: #fcfcfc;border-left: 1px solid #B4C3D2;border-top: 1px solid #B4C3D2;border-right: 1px solid #888;border-bottom: 1px solid #888;} .signatures p { float:left; margin-right:50px; } .liste-check li { background:none!important; padding:0!important; } /* * @section Overlay ******************************************************************************/ #overlay { display: none; position: fixed !important; position: absolute; background: #010f1d; width: 100%; height: 100%; top: 0; left: 0; z-index: 10000; } .form-overlay { display: none; position: fixed !important; position: absolute; left: 50%; top: 100px; width: 300px; margin-left: -150px; background: #fff; z-index: 10010; color: #000; text-align: left; } .form-overlay a.fermer { position: absolute; top: 10px; right: 15px; text-decoration: none; float: right; display: block; color: #aaa; } .form-overlay a.fermer:hover { color: #083763; } .form-overlay a.fermer strong { float: right; font-size: 140%; } .form-overlay a.fermer span { float: right; margin-top: 5px; margin-left: 4px; font-size: 90%; } .form-overlay h1 { font-size: 130%; margin: 0 0 0.8em; color: #083763; } .form-overlay form { padding: 15px 20px 10px; position: relative; } .form-overlay form ul { margin: 0 0 1.3em; } .form-overlay form ul li { margin: 0; } .form-overlay form input, .form-overlay form textarea { width: 250px; } .form-overlay form label { text-align: left; } .form-overlay p.bouton { margin: 0; padding: 0 0 0.5em; } .form-overlay button { margin: 0; } .form-overlay .loading { text-align: center; background: url("/img/interface/bg-loading.gif") no-repeat 50% 10px; padding: 35px 0 0 0; height: 1%; } .form-overlay .confirmation, .form-overlay .form-erreur { text-align: center; padding: 5px 0 0 0; } .form-overlay .loading p { margin: 0; } .cadre { float:left; width:160px; } .partenaires2, .partenaires3 { margin:5em 0 0 70px!important; } .partenaires2 li, .partenaires3 li { background:none!important; float:left; height:115px; margin:0 0 35px 0!important; padding:0!important; width:400px; } .partenaires3 li { height:121px; width:270px; } .partenaires2 li.slim, .partenaires3 li.slim { height:70px; margin:0 0 10px 0!important; } .partenaires2 li img.mince, .partenaires3 li img.mince{ padding-top:15px; } .partenaires2 li img.mince2, .partenaires3 li img.mince2{ padding-top:65px; } .partenaires2 li img.mince, .partenaires3 li img.mince{ padding-top:15px; } .partenaires2 li img.mince3, .partenaires3 li img.mince3{ padding-top:45px; } #page #contenu p.bouton-bleu { text-align:center; } #page #contenu p.bouton-bleu a { display:block; margin:30px 0;background:#f0fbff url(../media/img/interface/bkg-degrade-bleu.jpg) repeat-x 0 100%; padding:10px 0; text-align:center; } body .accueil { margin-top:10px;} #page #contenu .indentation { padding:0 13px;} #activites div.tableau-exposants { margin:0; padding:0;} div.tableau-exposants img { margin:0 auto; padding:15px 0; border:0; display:block;} div.tableau-exposants table {padding:0; margin:0 0 0 200px; border:none; background: #D7FFD8;} div.tableau-exposants table td { margin:10px 0; padding:0; padding:0 15px; font-size:1.1em; font-weight:bold; border:1px solid #093; text-align:center;} div.tableau-exposants table td.colonne-de-gauche {color:#1FA345; text-align:left;} h6.devenir { margin-left:200px;} h6.devenir a {color:#1FA345; } h6.devenir a:hover { text-decoration:underline!important;} .no-margin-bottom { margin-bottom:1.2em!important;} .plus-petit { font-size:0.8em!important; font-weight:normal!important;} .avec-fleche-droite { padding-right:15px; background:url(../media/img/interface/ico-triangle-droite.gif) no-repeat 100% 65%;} .clear {clear: both!important;} .plus-grand { font-size:1.2em!important; display:block; padding:7px 0;} #page .separation-section { border-bottom:1px solid #B4C3D2; margin-bottom:1.5em;} a.type { display:none!important;} .pas-de-padding { padding:0!important;} .bordure-droite { border-right:1px solid #fff;} .pas-de-bordure { border:none!important;} input#password-clear { display:none; color:#8AA4BD;} .etat-ordinaire { color:#8FD1A2; background-image:url("../media/img/interface/ico-triangle-fond-vert.jpg");} .etat-over { color:#fff!important; background-image:url("../media/img/interface/ico-triangle-fond-vert-over.jpg")!important;} .bordure-bottom { border-bottom:1px solid #fff;} /* -- Clearfix -- */ /* Ajouter à un contenant pour ne pas que le contenu déborde */ .clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; } #enrobage #page .pas-de-bordure { border:none;} #message-popup { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/vide.png) repeat 0 0; } #le-message { width:300px; height:130px; background:#fff; } #le-message #bouton-fermer { position:absolute; top:7px; right:10px; font-size:1.2em; } #le-message #bouton-fermer a{ color:#F00; } #le-message p { text-align:center; font-size:1.2em; padding:25px; margin:5px; border:1px solid #093158; color: #093158; } #li-profil-conges-retribution, #li-profil-conges-retribution-pourcent { display:none; } .f-left{ float: left; } .f-right{ float: right; } .col-3 div{ width: 300px; padding-right: 20px; } /* -------------------------*/ /* Reconnaissance des acquis */ .reconnaissance-fiches form ul#fiches li{ clear: both; display: block; margin-top: 10px; } /*.reconnaissance-fiches form ul#fiches li input, .reconnaissance-fiches form ul#fiches li label{ float: none; }*/ .reconnaissance-fiches form ul#fiches li input{ width: auto; margin: 2px 1px 0 0; vertical-align: middle; } .reconnaissance-fiches form ul#fiches li label{ width: auto; vertical-align: middle; padding-left: 20px; } .reconnaissance-fiches form input.bouton{ background: url("/img/fond-bouton.gif") repeat-x scroll left center transparent; border: medium none; color: #FFFFFF; cursor: pointer; display: block; height: 27px; line-height: 27px; margin: 10px 65px; text-align: center; width: 136px; clear: both; margin-top: 20px; } .ouvert { display:block;} /* --- Bibliothque --- */ #contenu.bibliotheque ul li{ font-size: 14px; color: #1FA345; font-weight: bold; background: none; padding-left: 0; } #contenu.bibliotheque ul>li>span{ display: block; background: url(/img/ico-down.gif) top right no-repeat; cursor: pointer; } #contenu.bibliotheque ul li ul li span{ cursor: auto; } #contenu.bibliotheque ul>li.visible span{ background: url(/img/ico-up.gif) top right no-repeat; } #contenu.bibliotheque ul>li span.vide{ color: #666!important; background: none!important; font-weight: normal!important; } #contenu.bibliotheque ul li ul li{ font-size: 12px; font-weight: normal; background: url("/img/bullet.gif") no-repeat scroll 1em 0.5em transparent; padding-left: 2.5em; color: #000; } #contenu.bibliotheque ul li ul li span, #contenu.bibliotheque ul li.visible ul li span{ background: none; } #contenu.bibliotheque ul li.visible>ul>li>span{ font-weight: bold; font-size: 1.1em; color: #06396B; background: url(/img/ico-down-petit.gif) center right no-repeat; display: inline-block; padding-right: 20px; cursor: pointer; } #contenu.bibliotheque ul>li>ul>li>span{ background: url(/img/ico-up-petit.gif) top right no-repeat; } #contenu.bibliotheque ul li.visible>ul>li>ul>li>span{ font-weight: bold; background: none; } #contenu.bibliotheque ul li ul li ul li span{ background: none; } #contenu.bibliotheque ul>li>ul, #contenu.bibliotheque ul>li>ul>li>ul{ display: none; } #contenu.bibliotheque ul>li>ul>li>ul>li>ul{ display: block; } /* -------------------------*/ /* videos */ #contenu div.menu{ margin-bottom: 2em; background: url("../media/img/interface/bkg-degrade-bleu.jpg") repeat-x scroll 0 100% #F0FBFF; padding: 10px; } #contenu div.menu h2{ font-size:1.4em; color: #1FA345; } #contenu div.menu span.expiration{ color: #900; display: block; font-weight: bold; }