/* -------------------------------------------------------------------------------- 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 'Nunito', sans-serif; text-align: center; background-color: #7F9AAD;} a {text-decoration : none;} a:hover {text-decoration : underline;} ul, li {list-style-type: none;} /* Personnalisation des styles de la mediabox pour images agrandissables */ #cboxTitle {color: #032328; font-size: 1.1em; margin-top: -25px; width: 95%; position: relative; bottom: 0;} img.spip_logos_left {float: left; display: inline;} /* ------------------------------- /* ------------------------------- /* Structuration des pages du site /* ------------------------------- /* ------------------------------- */ /* ---------------------------------------------------------------------------- /* Conteneur global d'une page (englobe en-tête, corps de page et pied de page) /* ---------------------------------------------------------------------------- */ #alerte_urgence, #conteneur {position:relative; width: 100em; margin: 0em auto; color: #032328; text-align: left; background-color: #FFF;} img#background_entete {width: 100%; position: absolute; top: 3.9em;} /* ------------------------------------------------------------------------------------ /* Bloc du plugin alerte d'urgence (cf. https://contrib.spip.net/Alerte-d-urgence-4606) /* ------------------------------------------------------------------------------------ */ #alerte_urgence {background-color: #FFD338; color: #032328; text-shadow: none;} #alerte_urgence.alerte_urgence {padding: 0em;} #alerte_urgence .alerte_urgence-texte {font-size : 1.4em; padding: 1.5em;} #alerte_urgence .alerte_urgence-texte h3 {margin: 0em; text-align: left;} /* -------------------------------------- /* Contenu de la pop-up en page d'accueil /* -------------------------------------- */ #popup_contenu {margin: 1.5em 0;} #popup_contenu h1 {} /* cf. .cible_secteur_neutre .principal .secondaire h1 */ #popup_contenu p.go_to_site {margin-top: 3em;} #popup_contenu p.go_to_site a {font-size: 1.6em;} /* ----------------- /* Liens d'évitement /* ----------------- */ #evitement ul {margin: 0em 0em 0em 1.9em;} #evitement ul li {display: inline;} #evitement ul li:after {content: " | ";} #evitement ul li.dernier_item:after {content: none;} /* --------------- /* En-tête de page /* --------------- */ #entete {position: relative; height: 31.4em;} /* 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: .4em 2.5em .6em 0em; float: right; display: inline;} #entete #identification a {cursor: pointer; margin-left: 1em; color: #0C318C; display: inline-block;} #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 .2em;} #entete #identification a.connexion {width: 9em;} #entete #identification a span.btn_left {border-radius: 2em; border: .1em solid #E1EAF3; background: #E1EAF3 no-repeat top left;} #entete #identification a.connexion span.btn_left {background-image: url(../images/entete_btn_identification_arrondi_gauche.png);} #entete #identification a.deconnexion {width: 11.5em;} #entete #identification a.deconnexion span.btn_left {background-image: url(../images/entete_btn_deconnexion_arrondi_gauche.png);} /* Logo du site */ #entete #bandeau_image #logo_site {float: left; width: 20%;} /* la largeur est complémentaire du bloc nav_secondaire (le total vaut 100%) */ #entete #bandeau_image #logo_site a img {margin: 7em 0em 0em 2.2em;} /* Zone de navigation dans l'en-tête */ #entete #bandeau_image #nav_secondaire {float: right; width: 80%; font-size: 1.2em; font-family: 'Montserrat', sans-serif;} #entete #bandeau_image #nav_secondaire ul {float: left; display: inline; margin: 1em 0em 0em 13.2em; text-transform: uppercase; font-weight: bold;} #entete #bandeau_image #nav_secondaire ul li {float: left; border-right: .215em solid #18375a;} #entete #bandeau_image #nav_secondaire ul li:first-child {border-left: .215em solid #18375a;} /* #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: #18375a;} /* Formulaire de recherche */ #entete #bandeau_image #nav_secondaire .formulaire_recherche {clear: none; float: right; margin: 0.6em 0em 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; width: 10em;} #entete #bandeau_image #nav_secondaire #formulaire_recherche form label {font-weight: bold; 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 {font-family: 'Montserrat', sans-serif; font-weight: normal; float: left; display: inline; margin: 2.4em 0em 0em 8.7em; font-size: 1.8em;} #entete #bandeau_image p#slogan_site abbr[title] {text-decoration: none;} /* Bouton "fonds de dotation" ISJ */ #entete #bandeau_image #fonds_dotation {float: right; margin-top: 5.5em;} /* Menu de navigation principale (navigation par cibles) */ #entete #menu_principal {margin-top: 9em;} /* cf. tutoriel : http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html */ #entete #nav_principale {margin: 0em 0em 0em 9.9em; line-height: 2em;} #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: 2.4em; float: left;} #entete #nav_principale li a span {display: block;} #entete #nav_principale li a span[lang] {display: inline;}/* Surcharge pour la barre de navigation principale si le titre comporte un changement de langue */ #entete #nav_principale li a span.btn_center {text-align: center; color: #07142E;} /* Accessibilité : surcharge de la couleur de police pour que le contraste de l'intitulé "Partenaires" soit suffisant par rapport à l'arrière-plan + augmentation de la marge de droite pour permettre la superposition avec les menus de droite */ #entete #nav_principale li.cible_1, #entete #nav_principale li.cible_2, #entete #nav_principale li.cible_3, #entete #nav_principale li.cible_4, #entete #nav_principale li.cible_5, #entete #nav_principale li.cible_6 {font-family: 'Montserrat', sans-serif; border-bottom: 1.2em solid #FFF; width: 11.6em;} /* Ajout d'une bordure basse blanche pour ne pas avoir de difficultés d'affichage du sous-menu sous IE, d'un arrondi inférieur gauche et de margin-left pour permettre le chevauchement avec le menu de droite */ #entete #nav_principale li.cible_1, #entete #nav_principale li.cible_2 {width: 17em;} /* Surcharge de la largeur qui est plus importante pour les 2 premières cibles */ #entete #nav_principale li.cible_1>a, #entete #nav_principale li.cible_2>a {font-size: 1.9em; font-weight: 700;} #entete #nav_principale li.cible_3>a, #entete #nav_principale li.cible_4>a, #entete #nav_principale li.cible_5>a, #entete #nav_principale li.cible_6>a {font-size: 1.2em; font-weight: 600; text-transform: uppercase;} #entete #nav_principale li.cible_1 {border-bottom-color: #168596;} #entete #nav_principale li.cible_1 ul li {background-color: #B2DCDC;} #entete #nav_principale li.cible_2 {border-bottom-color: #56833B;} #entete #nav_principale li.cible_2 ul li {background-color: #C8DD9F;} #entete #nav_principale li.cible_3 {border-bottom-color: #B5548A;} #entete #nav_principale li.cible_3 ul li {background-color: #F5D4E9;} #entete #nav_principale li.cible_4 {border-bottom-color: #DB4226;} #entete #nav_principale li.cible_4 ul li {background-color: #FFC4AA;} /*Accessibilité : modification de la couleur originale d'arrière-plan #F7DC97*/ #entete #nav_principale li.cible_5 {border-bottom-color: #B01E50;} #entete #nav_principale li.cible_5 ul li {background-color: #FCC2C4;} /*Accessibilité : modification de la couleur originale d'arrière-plan #FCBEBF*/ #entete #nav_principale li.cible_6 {border-bottom-color: #58767F;} #entete #nav_principale li.cible_6 ul li {background-color: #D7DCDD;} #entete #nav_principale li ul {position: absolute; width: 20em; margin-top: 1.2em; z-index: 2;} /* z-index permet sous IE 6 que le menu déroulant apparaisse par dessus les contenus */ #entete #nav_principale li ul.cache {left: -999em;} #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.cible_5 ul, #entete #nav_principale li.cible_6 ul {width: 15em;} #entete #nav_principale li.cible_5 ul li a, #entete #nav_principale li.cible_6 ul li a {width: 15em;} /* -------------------------------------------------------------------------------- /* 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;} #alerte_urgence a:link, #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 */ #alerte_urgence a:visited, #contenu a:visited, #contenu .secondaire .bloc_acces_rapides.bloc_contextuel .spip_documents a:visited, .page_rubrique #contenu .secondaire .bloc_contextuel a:visited {color: #800080;} /* la 2e règle concerne les documents dans les corps de page et colonnes de droite des squelettes de rubriques et d'articles */ #contenu .secondaire .spip_documents .spip_doc_metadonnees, #contenu .secondaire .spip_documents .spip_doc_links {font-size: .9em;} #contenu .secondaire span.spip_documents_ligne a .spip_doc_titre, #contenu .secondaire .spip_documents_ligne a .spip_doc_metadonnees, #contenu .secondaire span.spip_documents a {font-size: 1em; font-weight: normal;} #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%;} /* 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.2em; width: 100%; text-transform: uppercase; color: #FFF; margin-bottom: .6em;} #contenu .bloc h1 span.conteneur_titre {display: block; padding: .7em 0em 0em 1.2em;} /* ------------ /* Fil d'ariane /* ------------ */ #contenu .principal #fil_ariane {font-size: .95em;} #contenu .principal #fil_ariane span.chevron {color: #E86F00; font-size: 1.6em; font-weight: bold;} /* ------------------------------------ /* Colonne de gauche + colonne centrale /* ------------------------------------ */ /* Surcharge des titres de blocs d'informations pour avoir l'angle bleu en haut à gauche */ #contenu #contenu_page .bloc h1 span.conteneur_titre {font-family: 'Montserrat', sans-serif; background: url(../images/som_bord_angle_bleu_titre_h1.gif) no-repeat top left;} /* ----------------- /* 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 h1#rub_parent, .page_plan #contenu .principal .secondaire ul li h2 {margin-top: .7em; font-size: 1.08em; text-transform: uppercase; font-weight: bold;} #contenu .principal .principal h1#rub_parent>span, #contenu .principal .principal h1#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 h1#rub_parent, #contenu.cible_secteur_neutre .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_neutre h2 {background-color: #3567B0;} .cible_secteur_1 .principal .principal h1#rub_parent, #contenu.cible_secteur_1 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_1 h2 {background-color: #1B8294;} /*Accessibilité : modification de la couleur originale d'arrière-plan #1F95A9*/ .cible_secteur_2 .principal .principal h1#rub_parent, #contenu.cible_secteur_2 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_2 h2 {background-color: #56821E;} .cible_secteur_3 .principal .principal h1#rub_parent, #contenu.cible_secteur_3 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_3 h2 {background-color: #B45588;} .cible_secteur_11 .principal .principal h1#rub_parent, #contenu.cible_secteur_11 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_11 h2 {background-color: #D93F0A;} /*Accessibilité : modification de la couleur originale d'arrière-plan #F6AA22 puis #D94100*/ .cible_secteur_4 .principal .principal h1#rub_parent, #contenu.cible_secteur_4 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_4 h2 {background-color: #AF084C;} .cible_secteur_709 .principal .principal h1#rub_parent, #contenu.cible_secteur_709 .secondaire .bloc_contextuel h1, .page_plan #contenu .principal .secondaire ul li.cible_secteur_709 h2 {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>span {color: #3C5C83;} #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_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.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 patients */ .cible_secteur_1 .principal .principal ul#menu_rub {background-color: #D8EDED;} .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 professionnels */ .cible_secteur_2 .principal .principal ul#menu_rub {background-color: #DEEBC7;} .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 étudiants */ .cible_secteur_3 .principal .principal ul#menu_rub {background-color: #FBEEF7;} .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 chercheurs */ .cible_secteur_11 .principal .principal ul#menu_rub {background-color: #FFECE3;} /*Accessibilité : modification de la couleur originale d'arrière-plan #FBEDC8*/ .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: #FFC4AA;} /*Accessibilité : modification de la couleur originale d'arrière-plan #F7DC97*/ /* Cible partenaires */ .cible_secteur_4 .principal .principal ul#menu_rub {background-color: #FEDADB;} /*Accessibilité : modification de la couleur originale d'arrière-plan #F3DAEB*/ .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: #FCC2C4;} /*Accessibilité : modification de la couleur originale d'arrière-plan #EAB9D9*/ /* Cible presse */ .cible_secteur_709 .principal .principal ul#menu_rub {background-color: #E8EBEC;} .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;} /* ---------------- /* 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.15em;} #contenu .principal .secondaire .art_dates {font-size: .8em; color: #737373; margin: .2em 0em .5em 1.25em;} #contenu .principal .secondaire .art_date_archive {font-size: 1.1em; font-style: italic; color: red; margin: .5em 0em .5em .85em; text-align: justify;} #contenu .principal .secondaire .art_chapo, #contenu .principal .secondaire .art_texte, #contenu .principal .secondaire .acces_restreint {margin: .8em 0em 1em 1em; text-align: justify;} #contenu .principal .secondaire .art_chapo {font-weight: bold;} #contenu .principal .secondaire .art_docs {margin: 0em 0em 1em 1em;} #contenu .principal .secondaire .art_notes {font-size: .9em; 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 h2.spip, #contenu .principal .secondaire h3.spip {margin: 0em 0em .5em; text-align: left; font-size: 1.2em;} /* Accessibilité : augmentation de la taille de la police à 1.2em et on a rajouté h2.spip si des intertitres sont utilisés dans le texte introductif d'une rubrique */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne, #contenu .principal .secondaire div.carte_gis, #contenu .principal .secondaire p, #contenu .principal .secondaire center, #contenu .principal .secondaire button.toutmarker, #contenu .principal .secondaire iframe[src^="https://www.youtube.com"] {margin: 0em 0em .8em;} #contenu .principal .secondaire iframe[src^="https://www.youtube.com"] {display: block; margin-left: auto; margin-right: auto;} /* pour centrer les vidéos YouTube intégrées en iframe */ #contenu .principal .secondaire blockquote.spip:before {color: #7F7F7F; content: "\201C"; font: 7em/1em normal; position: absolute; top: 0; left: 0.1em;} #contenu .principal .secondaire blockquote.spip:after {color: #7F7F7F; content: "\201D"; font: 7em/0em normal; position: absolute; bottom: 0; right: 0.1em;} #contenu .principal .secondaire blockquote.spip {font-size: 1.04em; font-style: italic; background-color: #fff; margin: 1em 0em; padding: 1em 4.8em; position: relative; border-width: .1em .1em .1em .2em; border-style: solid;} #contenu .principal .secondaire .texteencadre-spip {border-style: solid; border-width: .1em .2em .2em .1em; 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 {margin-bottom: .3em;} #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, #contenu .principal .secondaire ul.spip ol.spip, #contenu .principal .secondaire ol.spip ul.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.spip_in, #contenu .principal .secondaire a.spip_out, #contenu .principal .secondaire a.spip_url, #contenu .principal .secondaire a.spip_ancre {padding-right: .9em;} #contenu .principal .secondaire a.spip_in {background: url(../images/spip_in.gif) no-repeat right center;} #contenu .principal .secondaire a.spip_out, #contenu .principal .secondaire a.spip_url {background: url(../images/spip_out.gif) no-repeat right center;} #contenu .principal .secondaire a.spip_ancre {background: url(../images/puce_sommaire_page.gif) no-repeat right center;} #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;} #contenu .principal .secondaire .spip_documents_left, #contenu .principal .secondaire .spip_documents_right {display: table; width: 9.09em;} /* cf. : http://www.alsacreations.com/tuto/lire/625-Adapter-legende-largeur.html . Ces 2 attributs permettent d'adapter la légende à la largeur de l'image, sachant qu'au minimum l'image fera 120px de large. */ #contenu .principal .secondaire .spip_documents .spip_doc_titre p {margin-bottom: 0em;} #contenu .principal .secondaire .spip_documents .spip_doc_descriptif {font-style: italic;} #contenu .principal .secondaire .spip_document_erreur {font-weight: bold; color: red;} #contenu .principal .secondaire p#cnil_infos_demande_rdv {margin: 1em 0em; text-align: justify; font-size: .9em; font-style: italic;} #contenu .principal .secondaire span.clic_consult {display: inline-block; border-width: .1em; border-style: solid; border-color: #59C9DD #145763 #145763 #59C9DD; border-radius: .3em; background-color: #EBF5F5; font-size: .8em; font-weight: bold; padding: 0em .2em;} #contenu .principal .secondaire span.clic_consult span.clic {color: #C54403;} #contenu .principal .secondaire span.clic_consult span.consult {color: #217990;} #contenu .principal .secondaire span.mychu_toulouse, #contenu .principal .secondaire span.rdv_patient {display: inline-block; border-width: .1em; border-style: solid; border-radius: .3em; font-size: .8em; font-weight: bold; padding: 0em .2em;} #contenu .principal .secondaire span.mychu_toulouse {border-color: #FFBA8C #FF6600 #FF6600 #FFBA8C; background-color: #ffede1; color: #274089;} #contenu .principal .secondaire span.rdv_patient {border-color: #228AF2 #094E96 #094E96 #228AF2; background-color: #D9E8F3; color: #274089;} /* Carte GIS interative */ #contenu .principal .secondaire ul.filtres_gis_interactive li {display: inline-block; width: 20%; vertical-align: text-top; margin: 0 2% 1em; font-size: .8em; text-align: center; cursor: pointer;} #contenu .principal .secondaire p#filtre_actif span {font-weight: bold;} #contenu .principal .secondaire button.toutmarker {cursor: pointer;} /* Annuaire des spécialités médicales (coordonnées, annuaires, ...) */ .ui-menu .ui-menu-item a, ul.ui-menu li.ui-menu-item div {text-align: left;} /* Surcharge du fichier css/jquery-ui.css pour l'autocompletion */ #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 th, */ #contenu .principal .secondaire .annuaire_spemed table.spip tr.row_odd th {background-color: #EEE;} #contenu .principal .secondaire .annuaire_spemed table.spip tr.row_even th {background-color: #DDD;} #contenu .principal .secondaire .annuaire_spemed table.spip th.entete_niv_1 {background-color: #4075C6; color: #FFF; text-align: center;} #contenu .principal .secondaire .annuaire_spemed table.spip th#telephone, #contenu .principal .secondaire .annuaire_spemed table.spip th.telephone {width: 1%;} /* #contenu .principal .secondaire .annuaire_spemed table.spip th#medecin, #contenu .principal .secondaire .annuaire_spemed table.spip th#lieu, #contenu .principal .secondaire .annuaire_spemed table.spip th#orientation, #contenu .principal .secondaire .annuaire_spemed table.spip th#jour, #contenu .principal .secondaire .annuaire_spemed table.spip th#horaire, #contenu .principal .secondaire .annuaire_spemed table.spip th#telephone, */ #contenu .principal .secondaire .annuaire_spemed table.spip th.entete_niv_2 {font-size: .9em; color: #000; background-color: #C2D3F5;} #contenu .principal .secondaire .annuaire_spemed table#annuaire_cs.spip th#medecin {text-align: left; padding-left: 4em;} #contenu .principal .secondaire .annuaire_spemed table#annuaire_cs.spip th#lieu {text-align: right; padding-right: 4em;} #contenu .principal .secondaire .annuaire_spemed table.spip th.medecin, #contenu .principal .secondaire .annuaire_spemed table#annuaire_eq.spip th.autre, #contenu .principal .secondaire .annuaire_spemed table#annuaire_cs.spip th.orientation {color: #000; font-size: .9em; text-align: left; vertical-align: top;} #contenu .principal .secondaire .annuaire_spemed table#annuaire_eq.spip th.autre, #contenu .principal .secondaire .annuaire_spemed table#annuaire_cs.spip th.orientation {font-weight: normal;} #contenu .principal .secondaire .annuaire_spemed table#annuaire_cs.spip th.lieu {font-size: .9em; text-align: right;} #contenu .principal .secondaire .annuaire_spemed table.spip td {font-size: .9em; text-align: left; font-weight: normal; vertical-align: top; color: #000;} #contenu .principal .secondaire .annuaire_spemed table.spip .medecin {white-space: nowrap; font-weight: bold;} #contenu .principal .secondaire .annuaire_spemed table.spip .extra {font-weight: normal;} #contenu .principal .secondaire .annuaire_spemed table.spip .extra, #contenu .principal .secondaire .annuaire_spemed table.spip .lieu, #contenu .principal .secondaire .annuaire_spemed table.spip .type {color: #525252;} #contenu .principal .secondaire .annuaire_spemed table.spip td.telephone {white-space: nowrap; text-align: center;} /* Zone de restriction d'accès */ #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 */ #popup_contenu h1, .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 h2.spip, .cible_secteur_neutre .principal .secondaire h3.spip {color: #4075C6;} /* Accessibilité : ajout de h2.spip si des intertitres sont utilisés dans le texte introductif d'une rubrique */ .cible_secteur_neutre .principal .secondaire table th {background-color: #C2D3F5;} .cible_secteur_neutre .principal .secondaire table th, .cible_secteur_neutre .principal .secondaire table tr, .cible_secteur_neutre .principal .secondaire table td, .cible_secteur_neutre .principal .secondaire table.spip {border-color: #C2D3F5;} .cible_secteur_neutre .principal .secondaire blockquote.spip {box-shadow: .3em .3em .6em #0066CC; filter:progid:DXImageTransform.Microsoft.Shadow(color=#0066CC, Direction=135, Strength=6);} /* pour citations avec raccourci typo */ .cible_secteur_neutre .principal .secondaire blockquote.spip, .cible_secteur_neutre .principal .secondaire .texteencadre-spip {border-color: #39F #06C #06C #39F; background-color: #DEE7FA;} /* pour encadrés de texte faits avec raccourci typo [(...)] */ /* 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: #2B809B;} /*Accessibilité : modification de la couleur originale du texte #2B819C*/ .cible_secteur_1 .principal .secondaire h2.spip, .cible_secteur_1 .principal .secondaire h3.spip {color: #35A0C4;} /* Accessibilité : modification de la couleur originale du texte #24ACC4 et ajout de h2.spip si des intertitres sont utilisés dans le texte introductif d'une rubrique */ .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 {box-shadow: .3em .3em .6em #2B819C; filter:progid:DXImageTransform.Microsoft.Shadow(color=#2B819C, Direction=135, Strength=6);} /* pour citations avec raccourci typo */ .cible_secteur_1 .principal .secondaire blockquote.spip, .cible_secteur_1 .principal .secondaire .texteencadre-spip {border-color: #1F95A9 #2B819C #2B819C #1F95A9; background-color: #D8EDED;} /* pour encadrés de texte faits avec raccourci typo [(...)] */ /* 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 h2.spip, .cible_secteur_2 .principal .secondaire h3.spip {color: #6BA426;} /* Accessibilité : ajout de h2.spip si des intertitres sont utilisés dans le texte introductif d'une rubrique */ .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 {box-shadow: .3em .3em .6em #3A560A; filter:progid:DXImageTransform.Microsoft.Shadow(color=#3A560A, Direction=135, Strength=6);} /* pour citations avec raccourci typo */ .cible_secteur_2 .principal .secondaire blockquote.spip, .cible_secteur_2 .principal .secondaire .texteencadre-spip {border-color: #56821E #3A560A #3A560A #56821E; background-color: #DEEBC7;} /* pour encadrés de texte faits avec raccourci typo [(...)] */ /* 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 h2.spip, .cible_secteur_3 .principal .secondaire h3.spip {color: #BE6B97;} /* Accessibilité : ajout de h2.spip si des intertitres sont utilisés dans le texte introductif d'une rubrique */ .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 {box-shadow: .3em .3em .6em #A5467C; filter:progid:DXImageTransform.Microsoft.Shadow(color=#A5467C, Direction=135, Strength=6);} /* pour citations avec raccourci typo */ .cible_secteur_3 .principal .secondaire blockquote.spip, .cible_secteur_3 .principal .secondaire .texteencadre-spip {border-color: #B44588 #A5467C #A5467C #B44588; background-color: #FBEEF7;} /* pour encadrés de texte faits avec raccourci typo [(...)] */ /* 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 .principal div#rubs_transversales span {color: #E85F17;} .cible_secteur_11 .principal .secondaire table caption {color: #C75212;} /*Accessibilité : rajout de cette ligne*/ .cible_secteur_11 .principal .secondaire h2.spip, .cible_secteur_11 .principal .secondaire h3.spip {color: #FF5F1A;} /* Accessibilité : modification de la couleur originale du texte #F8B841 et ajout de h2.spip si des intertitres sont utilisés dans le texte introductif d'une rubrique */ .cible_secteur_11 .principal .secondaire table th {background-color: #FFC4AA;} /*Accessibilité : modification de la couleur originale d'arrière-plan #F7DC97*/ .cible_secteur_11 .principal .secondaire table th, .cible_secteur_11 .principal .secondaire table tr, .cible_secteur_11 .principal .secondaire table td {border-color: #FFC4AA;} /*Accessibilité : modification de la couleur originale d'arrière-plan #F7DC97*/ .cible_secteur_11 .principal .secondaire table.spip {border-color: #FFC4AA;} /*Accessibilité : modification de la couleur originale d'arrière-plan #F7DC97*/ .cible_secteur_11 .principal .secondaire blockquote.spip {box-shadow: .3em .3em .6em #E85F17; filter:progid:DXImageTransform.Microsoft.Shadow(color=#E85F17, Direction=135, Strength=6);} /* pour citations avec raccourci typo */ .cible_secteur_11 .principal .secondaire blockquote.spip, .cible_secteur_11 .principal .secondaire .texteencadre-spip {border-color: #F6AA22 #E85F17 #E85F17 #F6AA22; background-color: #FFECE3;} /* Accessibilité : modification de la couleur originale d'arrière-plan #FBEDC8 - pour encadrés de texte faits avec raccourci typo [(...)] */ /* 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 h2.spip, .cible_secteur_4 .principal .secondaire h3.spip {color: #CD0A58;} /* Accessibilité : ajout de h2.spip si des intertitres sont utilisés dans le texte introductif d'une rubrique */ .cible_secteur_4 .principal .secondaire table th {background-color: #FCC2C4;} /*Accessibilité : modification de la couleur originale d'arrière-plan #EAB9D9*/ .cible_secteur_4 .principal .secondaire table th, .cible_secteur_4 .principal .secondaire table tr, .cible_secteur_4 .principal .secondaire table td {border-color: #FCC2C4;} /*Accessibilité : modification de la couleur originale de bordure #EAB9D9*/ .cible_secteur_4 .principal .secondaire table.spip {border-color: #FCC2C4;} /*Accessibilité : modification de la couleur originale de bordure #EAB9D9*/ .cible_secteur_4 .principal .secondaire blockquote.spip {box-shadow: .3em .3em .6em #8C0035; filter:progid:DXImageTransform.Microsoft.Shadow(color=#8C0035, Direction=135, Strength=6);} /* pour citations avec raccourci typo */ .cible_secteur_4 .principal .secondaire blockquote.spip, .cible_secteur_4 .principal .secondaire .texteencadre-spip {border-color: #AF084C #8C0035 #8C0035 #AF084C; background-color: #FEDADB;} /*Accessibilité : modification de la couleur originale d'arrière-plan #F3DAEB - pour encadrés de texte faits avec raccourci typo [(...)] */ /* 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 h2.spip, .cible_secteur_709 .principal .secondaire h3.spip {color: #648791;} /* Accessibilité : ajout de h2.spip si des intertitres sont utilisés dans le texte introductif d'une rubrique */ .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 {box-shadow: .3em .3em .6em #384B4C; filter:progid:DXImageTransform.Microsoft.Shadow(color=#384B4C, Direction=135, Strength=6);} /* pour citations avec raccourci typo */ .cible_secteur_709 .principal .secondaire blockquote.spip, .cible_secteur_709 .principal .secondaire .texteencadre-spip {border-color: #57757E #384B4C #384B4C #57757E; background-color: #E8EBEC;} /* pour encadrés de texte faits avec raccourci typo [(...)] */ /* Moteur de recherche de l'annuaire */ #contenu .principal .secondaire #moteur_annuaire h3.spip {margin-top: 1em;} #contenu .principal .secondaire #moteur_annuaire form {text-align: justify;} #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 #form_liste_spe_rdv_ligne form select , #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 p.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;} /* Tous formulaires */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne form fieldset legend, #contenu .principal .secondaire .formulaire_spip form fieldset legend {font-weight: bold; background-color: #DEE7FA; padding: .5em; border-radius: 1em; color: #102963;} #contenu .principal .secondaire #form_liste_spe_rdv_ligne form fieldset, #contenu .principal .secondaire .formulaire_spip form li, #contenu .principal .secondaire .formulaire_spip form div.editer {margin-bottom: .8em;} #contenu .principal .secondaire #form_liste_spe_rdv_ligne form label, #contenu .principal .secondaire .formulaire_spip form label {display: block; font-weight: bold;} #contenu .principal .secondaire .formulaire_spip form input + label {display: inline; font-weight: normal;} #contenu .principal .secondaire .formulaire_spip form input[type=text], #contenu .principal .secondaire .formulaire_spip form textarea {width: 100%;} #contenu .principal .secondaire .formulaire_spip form input.date[type=text], #contenu .principal .secondaire .formulaire_spip form input.heure[type=text] {width:inherit;} #contenu .principal .secondaire #form_liste_spe_rdv_ligne form span.erreur_message, #contenu .principal .secondaire .formulaire_spip form span.erreur_message {display: block; color: #CC3300; font-weight: bold; text-align: left;} #contenu .principal .secondaire .formulaire_spip .reponse_formulaire_ok {font-weight: bold; color: green;} #contenu .principal .secondaire .formulaire_spip .reponse_formulaire {text-align: justify;} /* Formulaire de contact */ #contenu .principal .secondaire .formulaire_ecrire_auteur form fieldset, #contenu .principal .secondaire #form_liste_spe_rdv_ligne form, #contenu .principal .secondaire .formulaire_formidable form {border-width: .1em; border-style: solid; border-color: #000; padding: .8em; border-radius: .5em;} #contenu .principal .secondaire .formulaire_ecrire_auteur p.reponse_formulaire_erreur, #contenu .principal .secondaire .formulaire_formidable div.reponse_formulaire_erreur p {color: #CC3300; font-weight: bold;} #contenu .principal .secondaire .formulaire_ecrire_auteur form fieldset legend {padding: .5em;} #contenu .principal .secondaire .formulaire_ecrire_auteur form label .obligatoire {} /* cf. Formulaire Formidable */ #contenu .principal .secondaire .formulaire_ecrire_auteur form p.explication {} /* cf. Formulaire Formidable */ /* Formulaire "liste déroulante" des spécialités médicales Clic & consult' */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne {} /* cf. #contenu .principal .secondaire p */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne form {} /* cf. Formulaire de contact */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne form fieldset {} /* cf. Formulaires Formidable et Tous formulaires */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne form fieldset legend {} /* cf. Tous formulaires */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne form label {} /* cf. Tous formulaires */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne form label .obligatoire {} /* cf. Formulaires Formidable */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne form span.erreur_message {} /* cf. Tous formulaires */ #contenu .principal .secondaire #form_liste_spe_rdv_ligne form select {} /* cf. Moteur de recherche de l'annuaire */ /* Formulaires Formidable */ #contenu .principal .secondaire .formulaire_formidable div.reponse_formulaire_erreur p {} /*cf. Formulaire de contact */ #contenu .principal .secondaire .formulaire_formidable form {} /*cf. Formulaire de contact */ #contenu .principal .secondaire .formulaire_formidable form p.explication, #contenu .principal .secondaire .formulaire_ecrire_auteur form p.explication {margin-bottom: 0em; font-size: .9em; color: #806D80; text-align: justify;} #contenu .principal .secondaire #form_liste_spe_rdv_ligne form fieldset, #contenu .principal .secondaire .formulaire_formidable form fieldset {border : .1em dashed #102963; padding: .6em; margin-bottom: 1em;} #contenu .principal .secondaire #form_liste_spe_rdv_ligne form label .obligatoire, #contenu .principal .secondaire .formulaire_ecrire_auteur form label .obligatoire, #contenu .principal .secondaire .formulaire_formidable form label .obligatoire {font-size: .9em; color: #CC3300; font-weight: normal;} #contenu .principal .secondaire .formulaire_formidable form li em.attention {display: block; text-align: justify;} /* 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;} /* Formulaire recherche personnalisée Google pour BIP31 */ #contenu .principal .secondaire div.gsc-input-box table {margin: 0em;} /* ----------------- /* Colonne de droite /* ----------------- */ /* 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 .8em;} #contenu .secondaire .bloc_acces_rapides ul {font-size: 1.12em; 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 h1#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 .2em center;} #contenu #infos_pratiques span.actif {background-color: #C2D3F5; color: #3F5B86;} #contenu #infos_pratiques .rub_25 {background-image: url(../images/vign_telephone_annuaire.png);} #contenu #infos_pratiques .rub_214 {background-image: url(../images/vign_hopitaux_plans.png);} #contenu #infos_pratiques .rub_252 {background-image: url(../images/vign_urgences.png);} #contenu #infos_pratiques .rub_2091 {background-image: url(../images/vign_depistage_COVID.png);} #contenu #infos_pratiques .rub_2149 {background-image: url(../images/vign_vaccination_COVID.png);} #contenu #infos_pratiques .rub_2202 {background-image: url(../images/vign_passe_sanitaire.png);} #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;} /* Bloc "Documents à télécharger" */ #contenu .secondaire span.spip_documents a {} /* cf. #contenu span.spip_documents span.spip_doc_titre */ /* ------------ /* Pied de page /* ------------ */ #pied {font-size: 1.2em; margin-top: 5em; padding-bottom: 2em; text-align: center;} #pied ul li, #pied div#suivez_nous p, #pied div#suivez_nous ul, #pied ul#labels li {display: inline;} #pied ul li:after {content: " | ";} #pied ul li.dernier_item:after {content: none;} #pied a {color: #245A9A;} #pied img {vertical-align: top;} #pied ul#labels, #pied div#suivez_nous {border-top: 0.1em solid #628CBC; margin: .5em auto 0; padding: .5em 1em 0;} #pied div#suivez_nous ul li:after {content: none;} #pied div#suivez_nous ul img, #pied ul#labels li img, #pied ul#labels li p#honcode {vertical-align: middle;} #pied ul#labels, #pied div#suivez_nous {width: 58em;} #pied ul#labels li p#honcode {display: inline-block; text-align: left;} #pied ul#labels li p#honcode img {margin-right: .4em;}