/* -------------------------------------------------------------------------------- Cette feuille permet de définir la structure générale des différentes pages du site - en-tête - zone centrale de la page - pied de page ATTENTION : - les unités sont en em - pour plus de simplicité, on définit la largeur du conteneur principal en cadratins et celles des sous-conteneurs en %. - quand un élément flotte avec des marges horizontales, on rajoute display: inline pour corriger bug des doubles marges sous IE /* -------------------------------------------------------------------------------- */ /* ------------------------------------- /* ------------------------------------- /* Initialisation de certains paramètres /* ------------------------------------- /* ------------------------------------- */ /* ------------------------------------------------------ /* Méthode d'Alsett pour retour à la ligne après un float /* ------------------------------------------------------ */ .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* On cache ce hack pour IE Mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* fin du hack*/ /* -------------------------- /* Marges et remplissages à 0 /* -------------------------- */ * {margin: 0em; padding: 0em;} /* ------------------------------------------ /* ------------------------------------------ /* Typographie générale (styles transversaux) /* ------------------------------------------ /* ------------------------------------------ */ /* Définition de la taille de base des polices à 1em = 10px (cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/) */ html {font-size: 100%;} body {font: 0.625em "Trebuchet MS", sans-serif; text-align: center; background-color: #7F9AAD;} a {text-decoration : none;} a:hover {text-decoration : underline;} ul, li {list-style-type: none;} /* ------------------------------- /* ------------------------------- /* Structuration des pages du site /* ------------------------------- /* ------------------------------- */ /* ---------------------------------------------------------------------------- /* Conteneur global d'une page (englobe en-tête, corps de page et pied de page) /* ---------------------------------------------------------------------------- */ #conteneur {position:relative; width: 100em; margin: 0em auto; color: #032328; text-align: left; background: #FFF url(../images/fond_bas_page.gif) repeat-x bottom left;} img#background_entete {width: 100%; position: absolute; top: 2.8em;} /* --------------- /* En-tête de page /* --------------- */ #entete {position: relative; height: 25.2em; /*background: url(../images/entete_bandeau_arriere_plan.jpg) no-repeat 0em 2.8em;*/} /* position : relative est obligatoire pour que ce bloc apparaisse par dessus l'image qui sert de bandeau d'en-tête qui est en position absolute */ #entete ul li {display: inline;} #entete ul li a {display: block;} /* Zone d'identification */ #entete #identification p {margin: .6em 2.5em .6em 0em; float: right; display: inline;} #entete #identification a {cursor: pointer; margin-left: 1em; color: #0C318C; display: inline-block; background: url(../images/entete_btn_identification_arrondi_centre.gif) repeat-x top left;} #entete #identification a span {display: block; height: 1.6em;} #entete #identification a span.btn_center {margin: 0em 0.8em 0em 2.3em; padding: 0em .5em .1em; background: url(../images/entete_btn_identification_arrondi_centre.gif) repeat-x top left;} #entete #identification a span.btn_right {background: url(../images/entete_btn_identification_arrondi_droit.gif) no-repeat top right;} #entete #identification a.connexion {width: 9em;} #entete #identification a.connexion span.btn_left {background: url(../images/entete_btn_identification_arrondi_gauche.gif) no-repeat top left;} #entete #identification a.deconnexion {width: 11.5em;} #entete #identification a.deconnexion span.btn_left {background: url(../images/entete_btn_deconnexion_arrondi_gauche.gif) no-repeat top left;} /* Logo du site */ #entete #bandeau_image #logo_site {float: left; width: 26%;} /* la largeur est complémentaire du bloc nav_secondaire (le total vaut 100%) */ #entete #bandeau_image #logo_site a img {margin: 5.2em 0em 0em 3.6em; width: 13.1em; height: 4.8em;} /* redéfinition de width et height nécessaires pour IE */ /* Zone de navigation dans l'en-tête */ #entete #bandeau_image #nav_secondaire {float: right; width: 74%; font-size: 1.4em;} #entete #bandeau_image #nav_secondaire ul {float: left; display: inline; margin: 0.42em 0em 0em 2.9em; text-transform: uppercase; font-weight: bold;} #entete #bandeau_image #nav_secondaire ul li {float: left; border-right: .2em solid #FFF;} #entete #bandeau_image #nav_secondaire ul li.dernier_item {border-right: none;} #entete #bandeau_image #nav_secondaire ul li a {padding: 0em 1.06em;} #entete #bandeau_image #nav_secondaire a, #entete #bandeau_image #nav_secondaire form label {color: #FFF; background-color: #3567B0;} /* Formulaire de recherche */ #entete #bandeau_image #nav_secondaire .formulaire_recherche {clear: none; float: right; margin: 0.3em 3em 0em 0em; display: inline;} /* clear: none pour surcharge du fichier spip_formulaires.css */ #entete #bandeau_image #nav_secondaire #formulaire_recherche form label, #entete #bandeau_image #nav_secondaire #formulaire_recherche form input {display: inline;} #entete #bandeau_image #nav_secondaire #formulaire_recherche form input#recherche {margin-right: 0.2em;} #entete #bandeau_image #nav_secondaire #formulaire_recherche form label {font-size: 0.9em; font-weight: normal; cursor: pointer;} #entete #bandeau_image #nav_secondaire #formulaire_recherche form button.submit {cursor: pointer; border: .1em solid #0C318C; padding-bottom: .1em; background: url(../images/entete_btn_recherche_fond_centre.gif) repeat-x top left; color: #0C318C; width: 1.8em; height: 1.8em; font-size : 0.8em;} /* Slogan du site */ #entete #bandeau_image p#slogan_site {width: 78%; float: right; display: inline; margin: 2.42em 5% 0em 17%; color: #0D2C65; font-size: 1.4em; text-transform: uppercase; font-weight: bold; text-align: center; letter-spacing: .08em;} /* Menu de navigation principale (navigation par cibles) */ /* cf. tutoriel : http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html */ #entete ul#nav_principale {margin: .5em 0em 0em 16.1%/*12%*/;} #entete #nav_principale, #entete #nav_principale ul {line-height: 2em;} #entete #nav_principale a {display: block; font-size: 1.4em; font-weight: bold; color: #0E2D66;} #entete #nav_principale li {line-height: 3.32em; float: left;} #entete #nav_principale li a span {display: block;} #entete #nav_principale li a span.btn_center {margin: 0em .2em 0em 1.5em;} #entete #nav_principale li.cible_1 {background: url(../images/entete_fond_centre_cible_1.gif) repeat-x top left;} #entete #nav_principale li.cible_1 a span.btn_left {background: url(../images/entete_fond_gauche_cible_1.gif) no-repeat top left;} #entete #nav_principale li.cible_1 ul li {background-color: #B2DCDC;} #entete #nav_principale li.cible_2 {background: url(../images/entete_fond_centre_cible_2.gif) repeat-x top left;} #entete #nav_principale li.cible_2 a span.btn_left {background: url(../images/entete_fond_gauche_cible_2.gif) no-repeat top left;} #entete #nav_principale li.cible_2 ul li {background-color: #C8DD9F;} #entete #nav_principale li.cible_3 {background: url(../images/entete_fond_centre_cible_3.gif) repeat-x top left;} #entete #nav_principale li.cible_3 a span.btn_left {background: url(../images/entete_fond_gauche_cible_3.gif) no-repeat top left;} #entete #nav_principale li.cible_3 ul li {background-color: #F5D4E9;} #entete #nav_principale li.cible_4 {background: url(../images/entete_fond_centre_cible_4.gif) repeat-x top left;} #entete #nav_principale li.cible_4 a span.btn_left {background: url(../images/entete_fond_gauche_cible_4.gif) no-repeat top left;} #entete #nav_principale li.cible_4 ul li {background-color: #F7DC97;} #entete #nav_principale li.cible_5 {background: url(../images/entete_fond_centre_cible_5.gif) repeat-x top left;} #entete #nav_principale li.cible_5 a span.btn_left {background: url(../images/entete_fond_gauche_cible_5.gif) no-repeat top left;} #entete #nav_principale li.cible_5 ul li {background-color: #FCBEBF;} #entete #nav_principale li.cible_6 {background: url(../images/entete_fond_centre_cible_6.gif) repeat-x top left;} #entete #nav_principale li.cible_6 a span.btn_center {margin-right: 1.5em;} #entete #nav_principale li.cible_6 a span.btn_left {background: url(../images/entete_fond_gauche_cible_6.gif) no-repeat top left;} #entete #nav_principale li.cible_6 a span.btn_right {background: url(../images/entete_fond_droit_cible_6.gif) no-repeat top right;} #entete #nav_principale li.cible_6 ul li {background-color: #D7DCDD;} #entete #nav_principale li ul {position: absolute; width: 20em; left: -999em; margin-left: 2.4em; z-index: 2;} /* z-index permet sous IE 6 que le menu déroulant apparaisse par dessus les contenus */ #entete #nav_principale li ul li {line-height: 2em; border-top: .1em solid #FFF;} #entete #nav_principale li ul li a {width: 20em; font-size: 1.3em; font-weight: normal; padding: 0em .5em;} /*#entete #nav_principale li ul li a em.new_rub {font-weight: bold; color: red;}*/ #entete #nav_principale li:hover ul, #entete #nav_principale li.sfhover ul {left: auto; min-height: 0;} /* -------------------------------------------------------------------------------- /* Zone de contenu englobe : /* - colonne de gauche /* - colonne centrale /* - colonne de droite /* -------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------- /* Définition des différents conteneurs de la zone centrale de page /* ---------------------------------------------------------------- */ /* Conteneur qui englobe les contenus (colonne de gauche, colonne centrale et colonne de droite) */ #contenu {font-size: 1.2em; word-spacing: -.05em;} #contenu a:link, #contenu .secondaire .bloc_acces_rapides.bloc_contextuel .spip_documents a:link, .page_rubrique #contenu .secondaire .bloc_contextuel a:link {color: #1515FF;} /* la 2e règle concerne les documents dans les corps de page et colonnes de droite des squelettes de rubriques et d'articles */ #contenu a:visited, #contenu .secondaire .bloc_acces_rapides.bloc_contextuel .spip_documents a:visited, .page_rubrique #contenu .secondaire .bloc_contextuel a:visited {color: #800080;/*#6197DA*/} /* la 2e règle concerne les documents dans les corps de page et colonnes de droite des squelettes de rubriques et d'articles */ #contenu span.spip_documents span.spip_doc_titre {font-size: 1em; font-weight: normal;} #contenu dl.spip_documents dt.spip_doc_titre {font-size: .9em;} #contenu #docs_rub li {height: 1%;} /*pour ne pas avoir des espaces verticaux trop importants entre les items de liste sous IE 7 */ #contenu .principal .secondaire ul#docs_rub .spip_documents, #contenu .principal .secondaire ul#docs_art .spip_documents, #contenu .secondaire .bloc_contextuel ul .spip_documents {text-align: left;} /* Conteneur englobant colonne de gauche + corps de page */ #contenu .principal {width: 75%; float: left; display: inline; margin-left: 1.7%;} /* Conteneur colonne de droite */ #contenu .secondaire {width: 21%; float: right; display: inline;} /* Conteneur colonne de gauche */ #contenu .principal .principal {width: 29%; margin-left: 0%;} /* Conteneur colonne centrale */ #contenu .principal .secondaire {width: 68.3%;} /* ------------ /* Fil d'ariane /* ------------ */ #contenu .principal #fil_ariane {font-size: .9em;} #contenu .principal #fil_ariane span.chevron {color: #E86F00; font-size: 1.6em; font-weight: bold;} /* ----------------- /* Colonne de gauche /* ----------------- */ #contenu .principal .principal #menu_rub a, #contenu .secondaire .bloc_acces_rapides.bloc_contextuel a {color: #102963;} /* En-tête du menu déroulant (rubrique parent) */ #contenu .principal .principal div#rub_parent, .page_plan #contenu .principal .secondaire ul li div {margin-top: .7em; font-size: 1.08em; text-transform: uppercase; font-weight: bold;} /*.page_plan #contenu .principal .secondaire ul li div {margin-top: .7em; padding: .2em 0em .2em 1.4em; font-size: 1.08em; color: #FFF; text-transform: uppercase; font-weight: bold;}*/ #contenu .principal .principal div#rub_parent span, #contenu .principal .principal div#rub_parent a {display: block; height: 1%; padding: .2em 0em .2em 1.4em; color: #FFF;} /* Couleur de l'en-tête du menu déroulant en fonction de la cible */ .cible_secteur_neutre .principal .principal div#rub_parent, #contenu.cible_secteur_neutre .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_neutre div {background-color: #3567B0;} .cible_secteur_1 .principal .principal div#rub_parent, #contenu.cible_secteur_1 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_1 div {background-color: #1F95A9;} .cible_secteur_2 .principal .principal div#rub_parent, #contenu.cible_secteur_2 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_2 div {background-color: #56821E;} .cible_secteur_3 .principal .principal div#rub_parent, #contenu.cible_secteur_3 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_3 div {background-color: #B45588;} .cible_secteur_11 .principal .principal div#rub_parent, #contenu.cible_secteur_11 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_11 div {background-color: #F6AA22;} .cible_secteur_4 .principal .principal div#rub_parent, #contenu.cible_secteur_4 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_4 div {background-color: #AF084C;} .cible_secteur_709 .principal .principal div#rub_parent, #contenu.cible_secteur_709 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_709 div {background-color: #57757E;} /* Menu déroulant */ #contenu .principal .principal ul#menu_rub {margin-top: 1em;} #contenu .principal .principal ul#menu_rub li {font-size: 1.1em; font-weight: bold; border-bottom: .1em solid #6785A7;} #contenu .principal .principal ul#menu_rub li.dernier {border-bottom-width: 0em;} #contenu .principal .principal ul#menu_rub li a, #contenu .principal .principal ul#menu_rub li span, #contenu .secondaire .bloc_contextuel ul li a, #contenu .principal .secondaire ul#docs_rub li a, #contenu .principal .secondaire ul#docs_art li a {display: block; height: 1%; padding: .2em 0em .2em 1.42em; background-repeat: no-repeat; background-position: left .6em;} /*#contenu .principal .principal ul#menu_rub li a {color: #102963;}*/ #contenu .principal .principal ul#menu_rub li span {color: #3F5B86;} #contenu .principal .principal ul#menu_rub li li {font-size: .9em; font-weight: normal; border-bottom-width: 0em;} /* on surcharge le font-size par rapport à celui de l'item de liste parent */ #contenu .principal .principal ul#menu_rub li.non_depliable a, #contenu .principal .principal ul#menu_rub li.non_depliable_actif a, #contenu .principal .principal ul#menu_rub li.non_depliable span, #contenu .principal .principal ul#menu_rub li.non_depliable_actif span, #contenu .secondaire .bloc_contextuel ul li a, #contenu .principal .secondaire ul#docs_rub li a, #contenu .principal .secondaire ul#docs_art li a {background-image: url(../images/menu_verti_item_rub_sans_ssrub.gif);} /* pour les rubriques qui n'ont pas de sous-rubriques */ #contenu .principal .principal ul#menu_rub li.repliee a {background-image: url(../images/menu_verti_item_rub_avec_ssrub_repliee.gif);} #contenu .principal .principal ul#menu_rub li.repliee li a, #contenu .principal .principal ul#menu_rub li.depliee li a, #contenu .principal .principal ul#menu_rub li.depliee_actif li a {line-height: 1.2em; padding-left: 2.25em; padding-top: .3em; padding-bottom: .3em; background-image: url(../images/menu_verti_item_ssrub.gif); background-position: .7em .5em;} #contenu .principal .principal ul#menu_rub li.depliee a, #contenu .principal .principal ul#menu_rub li.depliee_actif a, #contenu .principal .principal ul#menu_rub li.depliee span, #contenu .principal .principal ul#menu_rub li.depliee_actif span {background-image: url(../images/menu_verti_item_rub_avec_ssrub_depliee.gif);} #contenu .principal .principal ul#menu_rub li span.evt_date {font-size: .9em; font-weight: normal; color: inherit; padding: 0em; background-image: none;} /* Couleur du menu déroulant en fonction de la cible */ /* Cible secteur neutre */ .cible_secteur_neutre .principal .principal ul#menu_rub {background-color: #DEE7FA;} /*.cible_secteur_neutre .principal .principal ul#menu_rub li span,*/ .cible_secteur_neutre .principal .principal ul#menu_rub li.non_depliable_actif, .cible_secteur_neutre .principal .principal ul#menu_rub li.depliee_actif, .cible_secteur_neutre .principal .principal ul#menu_rub li.depliee_actif ul {background-color: #C2D3F5;} /*.cible_secteur_neutre .principal .principal ul#menu_rub li.depliee_actif li a {background-color: #C2D3F5;}*/ /* Cible patients */ .cible_secteur_1 .principal .principal ul#menu_rub {background-color: #D8EDED;} /*.cible_secteur_1 .principal .principal ul#menu_rub li span,*/ .cible_secteur_1 .principal .principal ul#menu_rub li.non_depliable_actif, .cible_secteur_1 .principal .principal ul#menu_rub li.depliee_actif, .cible_secteur_1 .principal .principal ul#menu_rub li.depliee_actif ul {background-color: #B2DCDC;} /*.cible_secteur_1 .principal .principal ul#menu_rub li.depliee_actif li a {background-color: #B2DCDC;}*/ /* Cible professionnels */ .cible_secteur_2 .principal .principal ul#menu_rub {background-color: #DEEBC7;} /*.cible_secteur_2 .principal .principal ul#menu_rub li span,*/ .cible_secteur_2 .principal .principal ul#menu_rub li.non_depliable_actif, .cible_secteur_2 .principal .principal ul#menu_rub li.depliee_actif, .cible_secteur_2 .principal .principal ul#menu_rub li.depliee_actif ul {background-color: #C8DD9F;} /*.cible_secteur_2 .principal .principal ul#menu_rub li.depliee_actif li a {background-color: #C8DD9F;}*/ /* Cible étudiants */ .cible_secteur_3 .principal .principal ul#menu_rub {background-color: #FBEEF7;} /*.cible_secteur_3 .principal .principal ul#menu_rub li span,*/ .cible_secteur_3 .principal .principal ul#menu_rub li.non_depliable_actif, .cible_secteur_3 .principal .principal ul#menu_rub li.depliee_actif, .cible_secteur_3 .principal .principal ul#menu_rub li.depliee_actif ul {background-color: #F5D4E9;} /*.cible_secteur_3 .principal .principal ul#menu_rub li.depliee_actif li a {background-color: #F5D4E9;}*/ /* Cible chercheurs */ .cible_secteur_11 .principal .principal ul#menu_rub {background-color: #FBEDC8;} /*.cible_secteur_11 .principal .principal ul#menu_rub li span,*/ .cible_secteur_11 .principal .principal ul#menu_rub li.non_depliable_actif, .cible_secteur_11 .principal .principal ul#menu_rub li.depliee_actif, .cible_secteur_11 .principal .principal ul#menu_rub li.depliee_actif ul {background-color: #F7DC97;} /*.cible_secteur_11 .principal .principal ul#menu_rub li.depliee_actif li a {background-color: #F7DC97;}*/ /* Cible partenaires */ .cible_secteur_4 .principal .principal ul#menu_rub {background-color: #F3DAEB;} /*.cible_secteur_4 .principal .principal ul#menu_rub li span,*/ .cible_secteur_4 .principal .principal ul#menu_rub li.non_depliable_actif, .cible_secteur_4 .principal .principal ul#menu_rub li.depliee_actif, .cible_secteur_4 .principal .principal ul#menu_rub li.depliee_actif ul {background-color: #EAB9D9;} /*.cible_secteur_4 .principal .principal ul#menu_rub li.depliee_actif li a {background-color: #EAB9D9;}*/ /* Cible presse */ .cible_secteur_709 .principal .principal ul#menu_rub {background-color: #E8EBEC;} /*.cible_secteur_709 .principal .principal ul#menu_rub li span,*/ .cible_secteur_709 .principal .principal ul#menu_rub li.non_depliable_actif, .cible_secteur_709 .principal .principal ul#menu_rub li.depliee_actif, .cible_secteur_709 .principal .principal ul#menu_rub li.depliee_actif ul {background-color: #D7DCDD;} /*.cible_secteur_709 .principal .principal ul#menu_rub li.depliee_actif li a {background-color: #D7DCDD;}*/ /* ---------------- /* Colonne centrale /* ---------------- */ /* Conteneur du corps de page d'une rubrique ou d'un article */ .page_rubrique #contenu .principal .secondaire, .page_article #contenu .principal .secondaire, .page_plan #contenu .principal .secondaire, .page_recherche #contenu .principal .secondaire, .page_doc_protege #contenu .principal .secondaire {font-size: 1.1em;} #contenu .principal .secondaire .art_dates {font-size: .8em; color: #737373; margin: .2em 0em .5em 1.25em;} #contenu .principal .secondaire .art_chapo, #contenu .principal .secondaire .art_texte {margin: .8em 0em 1em 1em; text-align: justify;} #contenu .principal .secondaire .art_docs {margin: 0em 0em 1em 1em;} #contenu .principal .secondaire .art_notes {font-size: .8em; color: #737373; text-align: justify; margin: .5em 0em 1em 2em;} .page_rubrique #contenu .principal .secondaire h1, .page_article #contenu .principal .secondaire h1, .page_plan #contenu .principal .secondaire h1, .page_recherche #contenu .principal .secondaire h1, .page_doc_protege #contenu .principal .secondaire h1 {font-size: 1.6em; margin: .3em 0em .46em;} #contenu .principal .secondaire h3.spip {margin: 0em 0em .5em; text-align: left;} #contenu .principal .secondaire p {margin: 0em 0em .8em;} /*#contenu .principal .secondaire img.puce {margin-left: 0em;}*/ #contenu .principal .secondaire blockquote.spip {/*background: #EEF;*/ border-style: solid; border-width: .1em .2em .2em .1em; /*border-bottom: .2em solid #06C; border-left: .1em solid #39F; border-right: .2em solid #06C; border-top: .1em solid #39F;*/ margin: 1em 0em 1em 1em; padding: .25em; position: relative;} #contenu .principal .secondaire table {font-size: 1em; margin: 1em 0em; width: 100%;} /* on reprécise font-size pour IE 6 */ #contenu .principal .secondaire table caption {font-size: 1.2em; font-weight: bold; margin-bottom: .5em; text-align: left;} #contenu .principal .secondaire table.spip {border-width: .3em; border-style: solid; border-collapse: separate; border-spacing: .2em; background-color: #FFF;} #contenu .principal .secondaire table.spip th, #contenu .principal .secondaire table.spip td {border-width: 0em;} #contenu .principal .secondaire table.spip td ul.spip:first-child, #contenu .principal .secondaire table.spip td ol.spip:first-child {margin-top: 0em;} #contenu .principal .secondaire table.spip td ul.spip:last-child, #contenu .principal .secondaire table.spip td ol.spip:last-child {margin-bottom: 0em;} #contenu .principal .secondaire table.spip th {vertical-align: middle; text-align: center;} #contenu .principal .secondaire ul.spip, #contenu .principal .secondaire ol.spip {margin: 1em 0em 1em 2em;} #contenu .principal .secondaire ul.spip ul.spip, #contenu .principal .secondaire ol.spip ol.spip {margin: 0em 0em 0em 2em;} #contenu .principal .secondaire ul.spip li {list-style-image: url("../images/puce_liste.gif");} #contenu .principal .secondaire ol.spip li {list-style-type: decimal;} #contenu .principal .secondaire hr.spip {margin: 1.5em auto;} #contenu .principal .secondaire a.retour_haut_page {font-size: .9em; display: block; float: right; padding-right: 1.1em; text-align: right; background: url(../images/puce_retour_haut_page.gif) no-repeat center right;} /* Annuaire des spécialités médicales (coordonnées, annuaires, ...) */ /* #contenu .principal .secondaire .annuaire_spemed p.spemed_coord span.intitule {font-size: 1.1em;} */ #contenu .principal .secondaire .annuaire_spemed p.spemed_coord span.intitule, #contenu .principal .secondaire .annuaire_spemed p.spemed_coord span.etablissement {font-weight: bold;} #contenu .principal .secondaire .annuaire_spemed table.spip {margin-top: 0em;} #contenu .principal .secondaire .annuaire_spemed table.spip caption {font-size: 1em; color: #032328;} #contenu .principal .secondaire .annuaire_spemed table.spip caption span.maj {font-size: .9em; font-style: italic; font-weight: normal;} #contenu .principal .secondaire .annuaire_spemed table.spip thead th {background-color: #4075C6; color: #FFF; text-align: center;} #contenu .principal .secondaire .annuaire_spemed table.spip tbody th, #contenu .principal .secondaire .annuaire_spemed table.spip tbody td {font-size: .9em; text-align: left; font-weight: normal; vertical-align: top;} /*background-color: transparent;*/ /*#contenu .principal .secondaire .annuaire_spemed table.spip td.intitule {text-align: center;}*/ /*#contenu .principal .secondaire .annuaire_spemed table.spip tbody th.medecin,*/ #contenu .principal .secondaire .annuaire_spemed table.spip tbody tr th {background-color: transparent;} #contenu .principal .secondaire .annuaire_spemed table.spip tbody tr.row_odd th {background-color: #EEE;} #contenu .principal .secondaire .annuaire_spemed table.spip tbody tr.row_even th {background-color: #DDD;} #contenu .principal .secondaire .annuaire_spemed table.spip tbody th.type_cs, #contenu .principal .secondaire .annuaire_spemed table.spip tbody th.type_hospit {font-weight: bold; text-align: center; font-size: 1em; background-color: #C2D3F5;} #contenu .principal .secondaire .annuaire_spemed table.spip tbody .medecin {white-space: nowrap; font-weight: bold;} #contenu .principal .secondaire .annuaire_spemed table.spip tbody .extra {font-weight: normal;} #contenu .principal .secondaire .annuaire_spemed table.spip tbody .lieu {text-align: right;} #contenu .principal .secondaire .annuaire_spemed table.spip tbody .extra, #contenu .principal .secondaire .annuaire_spemed table.spip tbody .lieu, #contenu .principal .secondaire .annuaire_spemed table.spip tbody .type {color: #525252;} /*#contenu .principal .secondaire .annuaire_spemed table.spip tbody td.coordonnees, #contenu .principal .secondaire .annuaire_spemed table.spip tbody td.telephone {text-align: center;}*/ #contenu .principal .secondaire .annuaire_spemed table.spip tbody td.telephone {white-space: nowrap;} /* Zone de restriction d'accès */ #contenu .principal .secondaire .acces_restreint {margin-left: 1em;} #contenu .principal .secondaire .acces_restreint blockquote {background-color: transparent; border-color: red; border-width: .3em;} /* cf. #contenu .principal .secondaire blockquote */ #contenu .principal .secondaire .acces_restreint form#formulaire_login {border: .3em solid red; padding: .25em;} /* Couleur de la colonne centrale en fonction de la cible */ /* Cible secteur neutre */ .cible_secteur_neutre .principal .secondaire h1, .cible_secteur_neutre .principal .secondaire h2, .cible_secteur_neutre .principal .secondaire #bloc_arts_a_la_une_rub h3, .cible_secteur_neutre .principal .secondaire table caption, .cible_secteur_neutre .principal .principal div#rubs_transversales span {color: #3567B0;} .cible_secteur_neutre .principal .secondaire h3.spip {color: #4075C6;} .cible_secteur_neutre .principal .secondaire table th {background-color: #C2D3F5;} .cible_secteur_neutre .principal .secondaire table th, .cible_secteur_neutre .principal .secondaire table tr {border-color: #C2D3F5;} .cible_secteur_neutre .principal .secondaire table td {border-color: #C2D3F5;} .cible_secteur_neutre .principal .secondaire table.spip {border-color: #C2D3F5;} .cible_secteur_neutre .principal .secondaire blockquote.spip {border-color: #39F #06C #06C #39F; background-color: #DEE7FA;} /* Cible patients */ .cible_secteur_1 .principal .secondaire h1, .cible_secteur_1 .principal .secondaire h2, .cible_secteur_1 .principal .secondaire #bloc_arts_a_la_une_rub h3, .cible_secteur_1 .principal .secondaire table caption, .cible_secteur_1 .principal .principal div#rubs_transversales span {color: #2B819C;} .cible_secteur_1 .principal .secondaire h3.spip {color: #24ACC4;} .cible_secteur_1 .principal .secondaire table th {background-color: #B2DCDC;} .cible_secteur_1 .principal .secondaire table th, .cible_secteur_1 .principal .secondaire table tr, .cible_secteur_1 .principal .secondaire table td {border-color: #B2DCDC;} .cible_secteur_1 .principal .secondaire table.spip {border-color: #B2DCDC;} .cible_secteur_1 .principal .secondaire blockquote.spip {border-color: #1F95A9 #2B819C #2B819C #1F95A9; background-color: #D8EDED;} /* Cible professionnels */ .cible_secteur_2 .principal .secondaire h1, .cible_secteur_2 .principal .secondaire h2, .cible_secteur_2 .principal .secondaire #bloc_arts_a_la_une_rub h3, .cible_secteur_2 .principal .secondaire table caption, .cible_secteur_2 .principal .principal div#rubs_transversales span {color: #3A560A;} .cible_secteur_2 .principal .secondaire h3.spip {color: #6BA426;} .cible_secteur_2 .principal .secondaire table th {background-color: #C8DD9F;} .cible_secteur_2 .principal .secondaire table th, .cible_secteur_2 .principal .secondaire table tr, .cible_secteur_2 .principal .secondaire table td {border-color: #C8DD9F;} .cible_secteur_2 .principal .secondaire table.spip {border-color: #C8DD9F;} .cible_secteur_2 .principal .secondaire blockquote.spip {border-color: #56821E #3A560A #3A560A #56821E; background-color: #DEEBC7;} /* Cible étudiants */ .cible_secteur_3 .principal .secondaire h1, .cible_secteur_3 .principal .secondaire h2, .cible_secteur_3 .principal .secondaire #bloc_arts_a_la_une_rub h3, .cible_secteur_3 .principal .secondaire table caption, .cible_secteur_3 .principal .principal div#rubs_transversales span {color: #A5467C;} .cible_secteur_3 .principal .secondaire h3.spip {color: #BE6B97;} .cible_secteur_3 .principal .secondaire table th {background-color: #F5D4E9;} .cible_secteur_3 .principal .secondaire table th, .cible_secteur_3 .principal .secondaire table tr, .cible_secteur_3 .principal .secondaire table td {border-color: #F5D4E9;} .cible_secteur_3 .principal .secondaire table.spip {border-color: #F5D4E9;} .cible_secteur_3 .principal .secondaire blockquote.spip {border-color: #B44588 #A5467C #A5467C #B44588; background-color: #FBEEF7;} /* Cible chercheurs */ .cible_secteur_11 .principal .secondaire h1, .cible_secteur_11 .principal .secondaire h2, .cible_secteur_11 .principal .secondaire #bloc_arts_a_la_une_rub h3, .cible_secteur_11 .principal .secondaire table caption, .cible_secteur_11 .principal .principal div#rubs_transversales span {color: #E85F17;} .cible_secteur_11 .principal .secondaire h3.spip {color: #F8B841;} .cible_secteur_11 .principal .secondaire table th {background-color: #F7DC97;} .cible_secteur_11 .principal .secondaire table th, .cible_secteur_11 .principal .secondaire table tr, .cible_secteur_11 .principal .secondaire table td {border-color: #F7DC97;} .cible_secteur_11 .principal .secondaire table.spip {border-color: #F7DC97;} .cible_secteur_11 .principal .secondaire blockquote.spip {border-color: #F6AA22 #E85F17 #E85F17 #F6AA22; background-color: #FBEDC8;} /* Cible partenaires */ .cible_secteur_4 .principal .secondaire h1, .cible_secteur_4 .principal .secondaire h2, .cible_secteur_4 .principal .secondaire #bloc_arts_a_la_une_rub h3, .cible_secteur_4 .principal .secondaire table caption, .cible_secteur_4 .principal .principal div#rubs_transversales span {color: #AF084C;} .cible_secteur_4 .principal .secondaire h3.spip {color: #CD0A58;} .cible_secteur_4 .principal .secondaire table th {background-color: #EAB9D9;} .cible_secteur_4 .principal .secondaire table th, .cible_secteur_4 .principal .secondaire table tr, .cible_secteur_4 .principal .secondaire table td {border-color: #EAB9D9;} .cible_secteur_4 .principal .secondaire table.spip {border-color: #EAB9D9;} .cible_secteur_4 .principal .secondaire blockquote.spip {border-color: #AF084C #8C0035 #8C0035 #AF084C; background-color: #F3DAEB;} /* Cible presse */ .cible_secteur_709 .principal .secondaire h1, .cible_secteur_709 .principal .secondaire h2, .cible_secteur_709 .principal .secondaire #bloc_arts_a_la_une_rub h3, .cible_secteur_709 .principal .secondaire table caption, .cible_secteur_709 .principal .principal div#rubs_transversales span {color: #384B4C;} .cible_secteur_709 .principal .secondaire h3.spip {color: #648791;} .cible_secteur_709 .principal .secondaire table th {background-color: #D7DCDD;} .cible_secteur_709 .principal .secondaire table th, .cible_secteur_709 .principal .secondaire table tr, .cible_secteur_709 .principal .secondaire table td {border-color: #D7DCDD;} .cible_secteur_709 .principal .secondaire table.spip {border-color: #D7DCDD;} .cible_secteur_709 .principal .secondaire blockquote.spip {border-color: #57757E #384B4C #384B4C #57757E; background-color: #E8EBEC;} /* Moteur de recherche de l'annuaire */ #contenu .principal .secondaire #moteur_annuaire h3.spip {margin-top: 1em;} #contenu .principal .secondaire #moteur_annuaire form fieldset {padding: .3em;} #contenu .principal .secondaire #moteur_annuaire form fieldset legend {font-weight: bold;} #contenu .principal .secondaire #moteur_annuaire form label {display: block;} #contenu .principal .secondaire #moteur_annuaire form input {width: 99%;} #contenu .principal .secondaire #moteur_annuaire form select {width: 100%;} #contenu .principal .secondaire #moteur_annuaire p.formulaire_erreur, #contenu .principal .secondaire #moteur_annuaire form span.erreur {color: red; font-weight: bold;} #contenu .principal .secondaire #moteur_annuaire div.separateur_form {margin: .5em 0em; text-align: center; font-style: italic; text-transform: uppercase;} #contenu .principal .secondaire #moteur_annuaire div.resultats_recherche_annuaire {margin: .5em 0em;} #contenu .principal .secondaire #moteur_annuaire div.resultats_recherche_annuaire ol {margin: .5em 0em 0em 1.5em;} #contenu .principal .secondaire #moteur_annuaire div.resultats_recherche_annuaire ol li {list-style-type: decimal; margin: .3em 0em;} /* Formulaire de contact */ #contenu .principal .secondaire .formulaire_ecrire_auteur form fieldset {border: .2em solid #000; padding: .4em;} #contenu .principal .secondaire .formulaire_ecrire_auteur form fieldset legend {padding: 0em .2em;} /* Liste de fils RSS du site */ #contenu .principal .secondaire ul#rss_tous li {margin: .1em 0em;} #contenu .principal .secondaire ul#rss_tous li img.rss {vertical-align: text-top;} /* ----------------- /* Colonne de droite /* ----------------- */ /* Définition générale des titres de blocs d'informations (cela concerne aussi les blocs d'informations de la page d'accueil) */ #contenu .bloc h1 {font-size: 1.06em; width: 100%; text-transform: uppercase; color: #FFF; margin-bottom: .6em;} #contenu .bloc h1 span.conteneur_titre {display: block; background: url(../images/som_bord_arrondi_titre_h1.gif) no-repeat top left; padding: .2em 0em .2em 1.9em;} /* Définition générale des blocs de la colonne de droite */ #contenu .secondaire .bloc_acces_rapides {margin-bottom: 1.8em; background-color: #DEE7FA;} #contenu .secondaire .bloc_acces_rapides h1 {margin-bottom: 0em; background-color: #3567B0;} #contenu .secondaire .bloc_acces_rapides h1 span.conteneur_titre {padding: .4em 0em .4em 1.9em;} #contenu .secondaire .bloc_acces_rapides ul {font-size: 1.06em; font-weight: bold;} #contenu .secondaire .bloc_acces_rapides ul li {border-bottom: .1em solid #FFF;} #contenu .secondaire .bloc_acces_rapides ul li.dernier {border-bottom-width: 0em;} #contenu .secondaire .bloc_acces_rapides a, #contenu .secondaire .bloc_acces_rapides span.actif {display: block; height: 1%; color: #2F416B; padding: .79em 0em .79em 2.6em; background-repeat: no-repeat;} #contenu .secondaire .bloc_acces_rapides a.voir_tout {padding-right: 1.3em;} /* Coloration des blocs contextuels en fonction de la cible */ #contenu .secondaire .bloc_acces_rapides.bloc_contextuel {background-color: transparent;} #contenu .secondaire .bloc_acces_rapides.bloc_contextuel ul {margin-top: .5em;} #contenu.cible_secteur_1 .secondaire .bloc_contextuel h1 {} /* cf. .cible_secteur_1 .principal .principal div#rub_parent */ #contenu.cible_secteur_1 .secondaire .bloc_contextuel {} /* cf. .cible_secteur_1 .principal .principal ul#menu_rub */ /* Bloc "infos pratiques" (annuaire, téléphones, ...) présent sur toutes les pages */ #contenu #infos_pratiques ul {text-transform: uppercase;} #contenu #infos_pratiques a, #contenu #infos_pratiques span.actif {background-position: left center;} #contenu #infos_pratiques span.actif {background-color: #C2D3F5; color: #3F5B86;} #contenu #infos_pratiques .rub_25 {background-image: url(../images/vign_telephone_annuaire.gif);} #contenu #infos_pratiques .rub_214 {background-image: url(../images/vign_hopitaux_plans.gif);} #contenu #infos_pratiques .rub_252 {background-image: url(../images/vign_urgences.gif);} #contenu #infos_pratiques a span.minuscules, #contenu #infos_pratiques span.actif span.minuscules {display: block; text-transform: lowercase; font-weight: normal;} /* Bloc "Partage vers les réseaux sociaux" */ #contenu #socialtags .socialtags {margin: .5em 0em 0em .5em !important;} #contenu #socialtags .socialtags ul {list-style-type: none;} #contenu #socialtags .socialtags ul li {float: left; border-bottom: none;} #contenu #socialtags .socialtags ul li a {display: inline; background-image: none; padding: 0em;} /* ------------ /* Pied de page /* ------------ */ #pied {font-size: 1.2em; margin-top: 2.5em; padding-bottom: 2em; text-align: center;} #pied a {color: #245A9A;} #pied span {font-weight: bold;} #pied img {vertical-align: top;} /*#pied img.rss {margin-left: .5em;}*/