/*generated on Mon, 16 Nov 2020 09:59:19 +0100*/ /* Reset css */ @charset "utf-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ /** * Remove default margin. */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Improve readability when focused and also mouse hovered in all browsers. */ /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in Safari and Chrome. */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in IE 8/9. */ /** * Address inconsistent and variable font size in all browsers. */ /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ /** * Correct overflow not hidden in IE 9/10/11. */ /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ /** * Address odd `em`-unit font size rendering in all browsers. */ /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ /* 1 */ /** * Re-set default cursor for disabled elements. */ /** * Remove inner padding and border in Firefox 4+. */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /** * Define consistent border, margin, and padding. */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ /* Librairie eolas */ /* =================================================================== * CLASS STANDARD CMS * =================================================================*/ /* LEGENDE - CREDIT */ /* AUTHENTIFICATION ET VALIDATION DES MOTS DE PASSE */ /* GESTION AFFICHAGE DESKTOP ET MOBILE */ /* CLEARFIX */ /* Class utile pour responsive */ /* =================================================================== * CONTENU * =================================================================*/ /* Vidéos responsive */ /* =================================================================== * @mobile STYLES D'ÉDITEUR * =================================================================*/ /* =================================================================== * BULLE D'AIDE au sein des formulaires * =================================================================*/ /* it will work better with this box-sizing, you may adapt it to your needs */ /*html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }*/ /* Tooltip hidden by default */ /* position relative for containers */ /* tooltip styles */ /* =================================================================== * CLASS LESS * =================================================================*/ /* * Simplification de la déclaration d'une image de fond * => @a : nom du fichier image * => @b : couleur de fond, repétition... * Exemple : * .backgroundImage('puce.png', no-repeat 0 0 #fff); */ /* * Simplification de la déclaration d'une police spécifique * => @family: nom de la police déclarée ensuite avec font-family * => @police: nom des fichiers ttf, eot etc... * => @font-weight: graisse de la police (normal, 600...) * => @font-style: style de la police (normal, italic...) * Exemple : * @font-face { .font-face('ExempleFont', 'ExempleFont-webfont'); } */ /* * Effets graphiques simples : */ /* * Formulaires : */ /* * Checkbox : * => @checkboxSize: largeur et hauteur de la case * => @checkboxBgColor: couleur de fond de la case * => @checkboxBgColorHover: couleur de fond de la case au survol * => @checkboxBgCheckedColor: couleur de fond de la case cochée * => @checkboxLeft: position absolue left de la case * => @checkboxTop: position absolue top de la case * => @coche: motif à afficher pour la coche, code hexa ou image, ex: .checkbox(url("@{cssDir}images/barreHaut_puce.gif")) * => @cocheFontsize: taille de la coche * => @cocheLeft: position absolue left de la coche * => @cocheTop: position absolue top de la coche * => @cocheColor: couleur de la coche * => @contourSize: largeur du contour * => @contourColor: couleur du contour * => @contourRadius: arrondi du contour * => @contourHoverColor: couleur du contour au survol */ /* Cachons la case à cocher */ /* * Radio bouton : * => @radioSize: largeur et hauteur du bouton radio * => @radioBgColor: couleur de fond du bouton radio * => @radioBgColorHover: couleur de fond du bouton radio au survol * => @radioBgCheckedColor: couleur de fond du bouton radio coché * => @radioLeft: position absolue left de la case * => @radioTop: position absolue top de la case * => @cocheLeft: position absolue left de la coche * => @cocheTop: position absolue top de la coche * => @cocheSize: largeur et hauteur de la coche * => @cocheColor: couleur de la coche * => @contourColor: couleur du contour * => @contourSize: largeur du contour * => @contourHoverColor: couleur du contour au survol */ /* Cachons le bouton radio */ /* * Custom select : * => @arrow: nom du fichier image * => @taille: width du background en pixels permettant de calculer le padding-right * => @right: espacement de l'image par rapport au bord droit */ /* * Alignement : Permet d'aligner en pourcentage un élément via absolute et tranform * !! Attention !! Il faut que le bloc container soit en position relative ou absolute. * => @x: alignement sur l'axe x * => @y: alignement sur l'axe y */ /* * Colonnage grille * => @nbCol: nombre de colonne de la grille * => @nbMargin: nombre de gouttières de la grille */ /* * Liens d'évitement accessibilité * => @color: couleur des liens + couleur de la bordure basse du bloc * => @colorHover: couleur des liens au survol * => @bgColor: couleur de fond des liens * => @bgColorHover: couleur de fond des liens au survol * => @bgGlobal: couleur de fond du bloc */ /* * Bouton standard (validation des formulaires) * => @fontSize: taille du libellé * => @lineHeight: line-height du libellé * => @color: couleur du libellé * => @bgColor: couleur de fond du bouton * => @borderColor: couleur du contour * => @borderSize: largeur du contour * => @colorHover: couleur du libellé au survol * => @bgColorHover: couleur de fond du bouton au survol * => @borderColorHover: couleur du contour au survol * => @radius: arrondi des angles * => @paddingH: padding haut/bas * => @paddingV: padding gauche/droite */ /* * Bouton haut de page * => @pictoFA: picto Font Awesome Solid * => @fontSize: taille du picto FA * => @width: largeur du bouton * => @height: hauteur du bouton * => @color: couleur du picto FA * => @bgColor: couleur de fond du bouton * => @borderColor: couleur du contour du bouton * => @borderSize: largeur du contour du bouton * => @radius: arrondi des angles * => @right: position droite * => @bottom: position bas * => @colorHover: couleur du picto FA au survol * => @bgColorHover: couleur de fond du bouton au survol * => @borderColorHover: couleur du contour du bouton au survol * => @shadow: shadow du bouton */ /* Variables */ /* =================================================================== * VARIABLES * =================================================================*/ /* Breakpoints */ /* Couleurs */ /* Colonnage */ /* Polices de caractères */ /* =================================================================== * POLICES DE CARACTERES * =================================================================*/ /* Icones */ /*each(@icons,{ .icon-@{value}{ &:before{ content:url('@{cssDir}images/icon_@{value}.png'); display: inline-block; } } });*/ /* Mixins */ /* =================================================================== * MIXINS SPECIFIQUES AU GABARIT * =================================================================*/ /* * Colonnage grille */ /* Layout général */ /* =================================================================== * LAYOUT GENERAL * =================================================================*/ /* Charte graphique générale */ /* =================================================================== * CHARTE GRAPHIQUE GENERALE * =================================================================*/ /* Bandeau Haut */ /* =================================================================== * BANDEAU HAUT * =================================================================*/ /* Bandeau Bas */ /* =================================================================== * BANDEAU BAS * =================================================================*/ /* Recherche dans le site */ /* =================================================================== * RECHERCHE DANS LE SITE * =================================================================*/ /*#btnMenuMobile[aria-expanded=true] ~ #menu { // Menu ouvert en mobile #blocRecherche { opacity: 1; } }*/ /* Navigation (Principale, secondaire, fil d'ariane) */ /* =================================================================== * LIENS D'ÉVITEMENT (ACCESSIBILITÉ) * =================================================================*/ /* =================================================================== * BOUTON DE MENU MOBILE * =================================================================*/ /* =================================================================== * MENU PRINCIPAL * =================================================================*/ /* =================================================================== * MENU SECONDAIRE * =================================================================*/ /* =================================================================== * FIL D'ARIANE * =================================================================*/ /* Contenu */ /* Définitions des styles génériques dans les paragraphes */ /* GOOGLE MAP */ /* Formulaires dynamiques */ /* =================================================================== * FORMULAIRES * =================================================================*/ /* Messages d'erreur */ /* Bouton retour (formulaire à étape) */ /* Confirmation de soumission du formulaire */ /* tooltip d'aide */ /* Styles de paragraphe */ /* =================================================================== * STYLES DE PARAGRAPHE * =================================================================*/ /* Listes par défaut et spécifiques + pagination */ /* =================================================================== * PAGINATION DES LISTES * =================================================================*/ /* =================================================================== * LISTE * =================================================================*/ /* Templates du core (Sommaire, plan de site, accroches des pages filles, haut de page) */ /* =================================================================== * TEMPLATES CORE CMS * =================================================================*/ /* Styles de la lightbox */ /* =================================================================== * IMPORT DES FEUILLES DE STYLE DES MODULES * =================================================================*/ html { /* 1 */ font-family: sans-serif; /* 2 */ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { /* 1 */ display: inline-block; /* 2 */ vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { /* 1 */ color: inherit; /* 2 */ font: inherit; /* 3 */ margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { /* 2 */ -webkit-appearance: button; /* 3 */ cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { /* 1 */ box-sizing: border-box; /* 2 */ padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { /* 1 */ -webkit-appearance: textfield; -moz-box-sizing: border-box; /* 2 */ -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { /* 1 */ border: 0; /* 2 */ padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .withJS .js_hidden { position: absolute; top: -999px; left: -999px; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .clear { clear: both; } .invisible { display: none; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } .alignjustify { text-align: justify; } .inlineBlock { display: inline-block; zoom: 1; } object.alignleft, img.alignleft, table.alignleft, span.alignleft, iframe.alignleft, embed.alignleft, .videocontainer.alignleft { float: left; margin: 0 1% 1rem 0; } object.alignright, img.alignright, table.alignright, span.alignright, iframe.alignright, embed.alignright, .videocontainer.alignright { float: right; margin: 0 0 1rem 1%; text-align: left; } table.aligncenter { margin: auto; text-align: left; } acronym { border-bottom: 1px dotted; cursor: help; } img { max-width: 100%; height: auto; } .spanImgContainer { display: inline-block; text-align: center !important; line-height: 0; } .spanImgOuter { display: block; position: relative; } .spanImgOuter img { display: block; } .spanCredit { background: rgba(255,255,255,0.75) repeat 0 0; left: 0; bottom: 0; font-style: italic; font-size: 90%; max-width: 75%; padding: 0.5rem; position: absolute; line-height: 1em; text-align: left; } .imgLoupe { position: absolute; bottom: 0; right: 0; } .spanLegende { display: block; border: 1px solid #dedede; padding: 0.5rem; line-height: 1em; } .message_error { color: red; margin-bottom: 1.5rem; text-align: center; } .helper { cursor: help; } input[type=password].pwdcheck:required:invalid, input[type=password].pwdcheck:focus:invalid { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC"); background-position: right center; background-repeat: no-repeat; box-shadow: none; } input[type=password].pwdcheck:required:valid { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII="); background-position: right center; background-repeat: no-repeat; } @media (max-width: 1320px) { .desktop_hidden { display: none !important; } } @media (max-width: 1024px) { .tablet_hidden { display: none !important; } } @media (max-width: 767px) { .mobile_hidden { display: none !important; } .txt_mobile_hidden { border: 1px solid #000; padding: 0.5rem; margin: 0.5rem; border-radius: 2px; } } .clearfix { zoom: 1; } .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; overflow: hidden; } .clearfix::after { clear: both; } .resetColonne { clear: both; float: none; width: 100%; margin-left: 0; margin-right: 0; } .paragraphe .innerParagraphe { zoom: 1; } .paragraphe .innerParagraphe::before, .paragraphe .innerParagraphe::after { content: "."; display: block; height: 0; overflow: hidden; } .paragraphe .innerParagraphe::after { clear: both; } .iframe-ratio { position: relative; margin-bottom: 2rem; } .iframe-ratio::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 56.25%; } .iframe-ratio.width_left { width: 48%; float: left; margin-right: 2%; } .iframe-ratio.width_right { width: 48%; float: right; margin-left: 2%; } .iframe-ratio.width_middle { width: 50%; margin: auto; } .iframe-ratio iframe, .iframe-ratio embed, .iframe-ratio object, .iframe-ratio video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media screen and (max-width: 767px) { .iframe-ratio.width_left, .iframe-ratio.width_right, .iframe-ratio.width_middle { width: 100%; float: none; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 767px) { .tableauContainer { overflow-x: scroll; position: relative; width: 100%; margin-bottom: 2rem; } .tableauContainer > table { min-width: 767px; margin-bottom: 1rem !important; } } .helper { cursor: help; } .paragraphe .helper img { border: none; padding: 0; margin: 0; } .simpletooltip[aria-hidden="true"] { display: none; } .simpletooltip_container { position: relative; } .simpletooltip { position: absolute; z-index: 666; right: auto; left: 100%; width: 10em; margin-left: .5em; border-radius: .5em; background: rgba(0,0,0,0.9); color: #eee; padding: .5em; text-align: left; line-height: 1.3; } @font-face { font-family: "Font Awesome 5 Solid"; src: url("/include/css/GAB_NANTERRE/police/fa-solid-900.eot"); src: url("/include/css/GAB_NANTERRE/police/fa-solid-900.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/fa-solid-900.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/fa-solid-900.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/fa-solid-900.svg#Font Awesome 5 Solid") format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: "Font Awesome 5 Regular"; src: url("/include/css/GAB_NANTERRE/police/fa-regular-400.eot"); src: url("/include/css/GAB_NANTERRE/police/fa-regular-400.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/fa-regular-400.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/fa-regular-400.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/fa-regular-400.svg#Font Awesome 5 Regular") format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: "Font Awesome 5 Brands"; src: url("/include/css/GAB_NANTERRE/police/fa-brands-400.eot"); src: url("/include/css/GAB_NANTERRE/police/fa-brands-400.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/fa-brands-400.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/fa-brands-400.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/fa-brands-400.svg#Font Awesome 5 Brands") format('svg'); font-weight: normal; font-style: normal; } .fas { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; } .far { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; } .fab { font-family: 'Font Awesome 5 Brands', Arial, sans-serif; } @font-face { font-family: "Montserrat"; src: url("/include/css/GAB_NANTERRE/police/montserrat-extralight-webfont.eot"); src: url("/include/css/GAB_NANTERRE/police/montserrat-extralight-webfont.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/montserrat-extralight-webfont.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/montserrat-extralight-webfont.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/montserrat-extralight-webfont.svg#Montserrat") format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/include/css/GAB_NANTERRE/police/montserrat-light-webfont.eot"); src: url("/include/css/GAB_NANTERRE/police/montserrat-light-webfont.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/montserrat-light-webfont.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/montserrat-light-webfont.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/montserrat-light-webfont.svg#Montserrat") format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/include/css/GAB_NANTERRE/police/montserrat-regular-webfont.eot"); src: url("/include/css/GAB_NANTERRE/police/montserrat-regular-webfont.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/montserrat-regular-webfont.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/montserrat-regular-webfont.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/montserrat-regular-webfont.svg#Montserrat") format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/include/css/GAB_NANTERRE/police/montserrat-medium-webfont.eot"); src: url("/include/css/GAB_NANTERRE/police/montserrat-medium-webfont.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/montserrat-medium-webfont.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/montserrat-medium-webfont.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/montserrat-medium-webfont.svg#Montserrat") format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/include/css/GAB_NANTERRE/police/montserrat-semibold-webfont.eot"); src: url("/include/css/GAB_NANTERRE/police/montserrat-semibold-webfont.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/montserrat-semibold-webfont.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/montserrat-semibold-webfont.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/montserrat-semibold-webfont.svg#Montserrat") format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/include/css/GAB_NANTERRE/police/montserrat-bold-webfont.eot"); src: url("/include/css/GAB_NANTERRE/police/montserrat-bold-webfont.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/montserrat-bold-webfont.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/montserrat-bold-webfont.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/montserrat-bold-webfont.svg#Montserrat") format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/include/css/GAB_NANTERRE/police/montserrat-extrabold-webfont.eot"); src: url("/include/css/GAB_NANTERRE/police/montserrat-extrabold-webfont.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/montserrat-extrabold-webfont.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/montserrat-extrabold-webfont.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/montserrat-extrabold-webfont.svg#Montserrat") format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/include/css/GAB_NANTERRE/police/montserrat-black-webfont.eot"); src: url("/include/css/GAB_NANTERRE/police/montserrat-black-webfont.eot?#iefix") format('embedded-opentype'), url("/include/css/GAB_NANTERRE/police/montserrat-black-webfont.woff") format('woff'), url("/include/css/GAB_NANTERRE/police/montserrat-black-webfont.ttf") format('truetype'), url("/include/css/GAB_NANTERRE/police/montserrat-black-webfont.svg#Montserrat") format('svg'); font-weight: 900; font-style: normal; } .icon-compte:before { content: url('/include/css/GAB_NANTERRE/images/icon_compte.png'); display: inline-block; } .icon-horaire:after { content: url('/include/css/GAB_NANTERRE/images/icon_horaire.png'); display: inline-block; } .icon-map:after { content: url('/include/css/GAB_NANTERRE/images/icon_map.png'); display: inline-block; } .icon-money:after { content: url('/include/css/GAB_NANTERRE/images/icon_money.png'); display: inline-block; } .fa-caret-right:before { content: "\f0da"; } .fa-facebook-f:before { content: "\f39e"; } .fa-twitter:before { content: "\f099"; } .fa-youtube:before { content: "\f167"; } .fa-instagram:before { content: "\f16d"; } .fa-volume-up:before { content: "\f028"; } .fa-print:before { content: "\f02f"; } .fa-envelope:before { content: "\f0e0"; } .fa-rss:before { content: "\f09e"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-search:before { content: "\f002"; } .fa-phone:before { content: "\f095"; } .fa-times-circle:before { content: "\f057"; } .fa-calendar-alt:before { content: "\f073"; } .fa-address-book:before { content: "\f2b9"; } .fa-map-marker-alt:before { content: "\f3c5"; } .flex { display: -webkit-flex; display: flex; } .align-items-center { -webkit-align-items: center; align-items: center; } .justify-content-center { -webkit-justify-content: center; justify-content: center; } .justify-content-space-between { -webkit-justify-content: space-between; justify-content: space-between; } .justify-content-space-around { -webkit-justify-content: space-between; justify-content: space-between; } .flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .flex-direction-column { -webkit-flex-direction: column; flex-direction: column; } #document { overflow: hidden; } #corps { position: relative; } .innerCenter { zoom: 1; max-width: 1320px; margin: 0 auto; padding: 0 2rem; position: relative; box-sizing: border-box; } .innerCenter::before, .innerCenter::after { content: "."; display: block; height: 0; overflow: hidden; } .innerCenter::after { clear: both; } @media screen and (max-width: 767px) { .innerCenter { padding: 0 1rem; } } .innerCenterIntern { zoom: 1; max-width: 880px; margin: 0 auto; padding: 0 2rem; position: relative; box-sizing: border-box; } .innerCenterIntern::before, .innerCenterIntern::after { content: "."; display: block; height: 0; overflow: hidden; } .innerCenterIntern::after { clear: both; } @media screen and (max-width: 767px) { .innerCenterIntern { padding: 0 1rem; } } .spacing-50 { margin-bottom: 5rem; } html { /*10px*/ font-size: 62.5%; } body { font-size: 1.6rem; background-color: #fff; color: #333; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; line-height: 1em; } .titrePage h1 { font-size: 3.6rem; margin: 4rem 0 3rem; text-transform: uppercase; line-height: normal; font-weight: bold; } @media screen and (max-width: 767px) { .titrePage h1 { font-size: 2.4rem; margin: 3rem 0 2rem; } } .paragraphe a { text-decoration: none; color: #333; word-break: break-word; } .paragraphe a:hover, .paragraphe a:focus, .paragraphe a:active { text-decoration: underline; } .paragraphe h1 { font-size: 3.6rem; margin: 4rem 0 3rem; text-transform: uppercase; line-height: normal; font-weight: bold; } .paragraphe h2 { font-size: 2.4rem; margin: 0 0 2rem; text-transform: uppercase; line-height: normal; font-weight: bold; } .paragraphe h3 { font-size: 2rem; margin: 0 0 2rem; text-transform: uppercase; line-height: normal; font-weight: bold; } .paragraphe h4 { font-size: 1.8rem; margin: 0 0 1rem; text-transform: uppercase; line-height: normal; font-weight: bold; } .paragraphe h5 { font-size: 1.4rem; margin: 0 0 1rem; text-transform: uppercase; line-height: normal; font-weight: bold; } .paragraphe ol, .paragraphe ul { margin: 0; padding: 0; list-style: none; } .paragraphe p { margin: 0 0 2rem; font-size: 1.6rem; line-height: 2.7rem; } .paragraphe i { font-style: normal; } @media (max-width: 767px) { .paragraphe p { font-size: 1.4rem; line-height: 2.4rem; font-weight: 300; } } .IMF_30 { max-width: 30%; } @media screen and (max-width: 767px) { .IMF_30 { max-width: 100%; } } .IMF_50 { max-width: 49%; } @media screen and (max-width: 767px) { .IMF_50 { max-width: 100%; } } .IMF_100 { max-width: 100%; } #bandeauHaut .innerCenter > div { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex: 0 0 100%; flex: 0 0 100%; padding: 4.3rem 0; border-bottom: 1px solid #EBE3E4; } @media (max-width: 1024px) { #bandeauHaut .innerCenter > div { justify-content: normal; } } @media (max-width: 767px) { #bandeauHaut .innerCenter > div { -webkit-justify-content: space-between; justify-content: space-between; padding: 2.5rem 0; } } #bandeauHaut #logo h1 { margin: 0; } #bandeauHaut #logo img { display: block; max-width: 20.5rem; } @media (max-width: 1024px) { #bandeauHaut #logo img { max-width: 14rem; } } #bandeauHaut .btnMonCompte { margin-right: 3rem; } @media (max-width: 1320px) { #bandeauHaut .btnMonCompte { margin-right: 1rem; } } @media (max-width: 767px) { #bandeauHaut .btnMonCompte { margin-right: 0; } } #bandeauHaut .btnMonCompte > .btn { position: relative; white-space: nowrap; } #bandeauHaut .btnMonCompte > .btn i { margin-right: 1rem; } #bandeauHaut .btnMonCompte > .btn i:before { position: relative; top: 4px; } @media (max-width: 1024px) { #bandeauHaut .btnMonCompte > .btn { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: white; width: 50px; height: 50px; border: 2px solid #D81E41; padding: 0; } #bandeauHaut .btnMonCompte > .btn i { color: #D81E41; margin-right: 0; } #bandeauHaut .btnMonCompte > .btn i:before { content: url("/include/css/GAB_NANTERRE/images/icon_compte_rouge.png"); } #bandeauHaut .btnMonCompte > .btn span { display: none; } } .navDroite { display: -webkit-flex; display: flex; margin-left: auto; } @media (max-width: 767px) { .navDroite { margin-left: initial; } } .zoneRecherche i { color: #D81E41; font-size: 3.6rem; } .sousHautDePage { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-end; margin-top: 1.5rem; line-height: 1em; } .sousHautDePage a { text-decoration: none; color: #333; } .sousHautDePage a:hover, .sousHautDePage a:focus, .sousHautDePage a:active { text-decoration: underline; } .sousHautDePage ol, .sousHautDePage ul { margin: 0; padding: 0; list-style: none; } .sousHautDePage i { font-style: normal; } .sousHautDePage .partagerContent { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .sousHautDePage .addthis_toolbox { display: -webkit-flex; display: flex; } @media screen and (max-width: 767px) { .sousHautDePage { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; margin-top: 1rem; } .sousHautDePage .partagerContent { -webkit-justify-content: center; justify-content: center; width: 100%; } } .partagerContent a:hover, .partagerContent a:active, .partagerContent a:focus { text-decoration: none; } .partagerContent a:hover i, .partagerContent a:active i, .partagerContent a:focus i { color: #333; } .partagerContent i { color: #D81E41; font-size: 2rem; margin: 0 1rem; line-height: 1em; transition: color 150ms ease-in-out; } .partagerContent .rsbtn { height: auto; margin-bottom: 0; z-index: auto; } #bandeauBas { background: #0E1113; color: #fff; padding: 40px 0 0; /*.lienApplication{ &:not(:last-of-type){ margin-right: 10px; } }*/ } #bandeauBas a { text-decoration: none; color: #333; } #bandeauBas a:hover, #bandeauBas a:focus, #bandeauBas a:active { text-decoration: underline; } #bandeauBas ol, #bandeauBas ul { margin: 0; padding: 0; list-style: none; } #bandeauBas i { font-style: normal; } #bandeauBas h5 { font-size: 1.4rem; margin: 0 0 1rem; text-transform: uppercase; line-height: normal; font-weight: bold; } #bandeauBas .innerCenter > div { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex: 0 0 100%; flex: 0 0 100%; } #bandeauBas a { color: #fff; } #bandeauBas ul { font-size: 1.4rem; line-height: 2.4rem; } #bandeauBas ul li { position: relative; padding-left: 1.2rem; } #bandeauBas ul li:before { content: "\2022"; position: absolute; left: 0; margin-right: 8px; } #bandeauBas .tableAdresse { display: block; } #bandeauBas .tableAdresse td, #bandeauBas .tableAdresse .tableCell { border: 2px solid #fff; } #bandeauBas .tableAdresse td .tableCell, #bandeauBas .tableAdresse .tableCell .tableCell { width: 100%; display: block; border: none; border-top: 2px solid #fff; } #bandeauBas .tableAdresse td + .tableCell, #bandeauBas .tableAdresse .tableCell + .tableCell { border-left: none; padding: 5px 10px 0; } #bandeauBas .tableAdresse .logoMairie { padding: 5px 10px 0; } #bandeauBas .tableAdresse .logoMairie img { max-width: 180px; } #bandeauBas .tableRow { display: -webkit-flex; display: flex; } #bandeauBas .tableCell { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; } #bandeauBas .adresse p { text-align: center; font-size: 1.4rem; padding: 20px 0; margin: 0; line-height: 1.3em; } #bandeauBas .telephone { font-size: 1.8rem; font-weight: 700; white-space: nowrap; transition: color 150ms ease-in-out; } #bandeauBas .telephone i { display: block; margin-bottom: 1.5rem; font-size: 2.4rem; text-align: center; color: #444F56; } #bandeauBas .telephone:hover, #bandeauBas .telephone:active, #bandeauBas .telephone:focus { color: #D81E41; text-decoration: none; } #bandeauBas .suivezNousFooter { text-align: center; } #bandeauBas .lienIcone { display: block; font-size: 2rem; margin-bottom: 2rem; transition: color 150ms ease-in-out; } #bandeauBas .lienIcone:last-of-type { margin-bottom: 0; } #bandeauBas .lienIcone:hover, #bandeauBas .lienIcone:active, #bandeauBas .lienIcone:focus { color: #D81E41; text-decoration: none; } #bandeauBas .blocApplicationMobile { background-color: #D81E41; border-radius: 3rem; text-align: center; padding: 25px; } #bandeauBas .titreApplication { text-transform: uppercase; font-size: 1.6rem; line-height: 1.2em; margin-bottom: 2rem; } #bandeauBas .liensApplication { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; } #bandeauBas .lienPiedPage { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.5rem; width: 100%; font-size: 1.3rem; } #bandeauBas .lienPiedPage li { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #bandeauBas .lienPiedPage li:before { content: "|"; position: relative; margin: 0 15px; font-weight: 200; } #bandeauBas .lienPiedPage li:first-child:before { content: ""; margin: 0; } #bandeauBas .colAdresse { width: 21.969696969697%; } #bandeauBas .colHoraire { width: 21.969696969697%; } #bandeauBas .colHoraire h5 { margin-bottom: 3rem; } #bandeauBas .colSuivezNous { width: 13.636363636364%; } #bandeauBas .colSuivezNous h5 { margin-bottom: 2rem; } #bandeauBas .colBlocAppli { width: 30.30303030303%; } @media (min-width: 1025px) and (max-width: 1320px) { #bandeauBas .tableAdresse .logoMairie img { max-width: 130px; } } @media (max-width: 1024px) { #bandeauBas .colAdresse { width: 49%; margin-bottom: 3rem; } #bandeauBas .colHoraire { width: 49%; margin-bottom: 3rem; } #bandeauBas .colSuivezNous { width: 49%; } #bandeauBas .colBlocAppli { width: 49%; } } @media (max-width: 575px) { #bandeauBas .colAdresse { width: 100%; margin-bottom: 3rem; } #bandeauBas .colHoraire { width: 100%; margin-bottom: 3rem; } #bandeauBas .colSuivezNous { width: 100%; margin-bottom: 3rem; } #bandeauBas .colBlocAppli { width: 100%; margin-bottom: 3rem; } #bandeauBas .suivezNousFooter h5 { margin-bottom: 2.5rem; text-align: left; } #bandeauBas .lienIcone { display: inline-block; margin-right: 2rem; } #bandeauBas .lienIcone:last-of-type { margin-right: 0; } #bandeauBas .lienPiedPage { -webkit-flex-direction: column; flex-direction: column; } #bandeauBas .lienPiedPage li { text-align: center; padding-left: 0; margin-bottom: 1rem; } #bandeauBas .lienPiedPage li:before { display: none; } #bandeauBas .spacing-50 { margin-bottom: 0; } } #btnRecherche { border: none; display: inline-block; background-color: transparent; color: #D81E41; min-width: 45px; } #btnRecherche::before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: '\f002'; font-size: 3rem; } #btnRecherche[aria-expanded="true"]::before { content: '\f00d'; } @media (max-width: 767px) { #btnRecherche { display: none; } } #searchString { width: 100%; height: 66px; padding: 0.5rem 4rem; background-color: #F2F2F2; appearance: none; border: none; border-radius: 6rem; box-sizing: border-box; } #searchString::-webkit-input-placeholder { color: #D81E41; font-size: 1.8rem; font-weight: 700; font-style: italic; } #searchString::-moz-placeholder { color: #D81E41; font-size: 1.8rem; font-weight: 700; font-style: italic; } #searchString:-ms-input-placeholder { color: #D81E41; font-size: 1.8rem; font-weight: 700; font-style: italic; } #searchString:-moz-placeholder { color: #D81E41; font-size: 1.8rem; font-weight: 700; font-style: italic; } #searchSubmit { width: 66px; /* border-radius: 6rem; border: none; background-color: @red; color: @white; font-size: 1.4rem; font-weight: 800;*/ padding: 0; } .searchContainer { position: relative; } .searchContainer #searchSubmit { position: absolute; right: 0; top: 0; height: 100%; } #blocRecherche { display: none; position: absolute; top: 100%; left: 2rem; right: 2rem; background-color: #fff; padding: 2rem 4rem; z-index: 10; border: 1px solid #EBE3E4; } #blocRecherche label { color: #333; font-weight: 700; margin-bottom: 1rem; display: block; font-size: 2rem; } @media (max-width: 767px) { #blocRecherche { display: block; position: absolute; width: 100%; top: initial; bottom: 0; left: initial; right: initial; padding: 1rem; border: none; background-color: #F5F4F4; box-sizing: border-box; } #blocRecherche #searchString { background-color: #fff; border: 1px solid #E4E4E4; border-radius: 0; height: 52px; padding-left: 2rem; } #blocRecherche #searchString::-webkit-input-placeholder { color: #777; font-size: 1.6rem; font-weight: 400; font-style: italic; } #blocRecherche #searchString::-moz-placeholder { color: #777; font-size: 1.6rem; font-weight: 400; font-style: italic; } #blocRecherche #searchString:-ms-input-placeholder { color: #777; font-size: 1.6rem; font-weight: 400; font-style: italic; } #blocRecherche #searchString:-moz-placeholder { color: #777; font-size: 1.6rem; font-weight: 400; font-style: italic; } #blocRecherche #searchSubmit { border-radius: 0; width: 52px; } } #btnRechercheClose { border: none; display: inline-block; padding: 1.5rem; background-color: transparent; position: absolute; bottom: 0; right: 0; } #btnRechercheClose::before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: '\f057'; font-size: 2rem; font-weight: 700; color: #D81E41; } @media (max-width: 767px) { #btnRechercheClose { display: none; } } #lienEvitement { position: fixed; z-index: -1; top: -20px; width: 100%; transition: all 0.3s; background-color: #fff; border-bottom: 3px solid #D81E41; opacity: 0; } #lienEvitement.focus { top: 0; z-index: 100; opacity: 1; } #lienEvitement ul { list-style: none; } #lienEvitement ul li { display: inline-block; margin-right: 1em; } #lienEvitement ul a { display: block; padding: 0.5em 1em; color: #D81E41; background-color: #fff; text-decoration: none; } #lienEvitement ul a:hover, #lienEvitement ul a:focus { color: #fff; text-decoration: none; background-color: #D81E41; } #btnMenuMobile { display: none; } @media (max-width: 767px) { #btnMenuMobile { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; float: left; border: none; padding: 1.5rem; background-color: #D81E41; border-radius: 50%; width: 50px; height: 50px; } #btnMenuMobile::before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: url("/include/css/GAB_NANTERRE/images/burger.png"); font-size: 2.5rem; font-weight: 700; color: #fff; } #btnMenuMobile[aria-expanded="true"]::before { content: '\f00d'; } } #menu { margin-left: auto; } #menu a { text-decoration: none; color: #333; } #menu a:hover, #menu a:focus, #menu a:active { text-decoration: underline; } #menu .menuNiv1 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 1rem; } #menu ul.niv1 { padding: 0; } #menu ul.niv2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #menu ul.niv3 { padding-left: 0; } #menu li { list-style: none; } #menu li.niv1 { display: inline-block; padding: 0 1.5rem; } @media (max-width: 1024px) { #menu li.niv1 { padding: 0 0.8rem; } } #menu li.niv1 > a { font-weight: 700; font-size: 1.6rem; padding: 1.4rem 0; position: relative; white-space: nowrap; } @media (max-width: 1024px) { #menu li.niv1 > a { font-size: 1.4rem; } } #menu li.niv1 a[aria-expanded="true"]:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #D81E41; } #menu li.niv1.selected > a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #D81E41; } #menu li.niv2 { width: 25%; margin: 0 0 4rem 0; } @media (max-width: 1024px) { #menu li.niv2 { width: 50%; } } #menu li.niv2 a:hover::before { left: 5px; } #menu li.niv2 > a:hover { font-weight: 700; text-decoration: none; } #menu li.niv3 a { margin-bottom: 1rem; margin-left: 3rem; } #menu .sousMenu:not([style*="hidden"]) .fondBlanc { left: -100%; right: -100%; } #menu .sousMenu { position: absolute; top: calc(100% - 1px); width: 100%; left: 50%; margin-left: -50%; background-color: #fff; z-index: 5; display: none; border-bottom: 2px solid #D81E41; } #menu .sousMenu .fondBlanc { position: absolute; top: 0; bottom: -2px; left: 0; right: 0; background-color: #fff; border-bottom: 2px solid #D81E41; transition: all 250ms ease-in; } #menu .sousMenu:focus { outline: none; } #menu .sousMenu a { display: block; font-weight: 500; position: relative; padding: 0 0.5rem 0 2.5rem; transition: all 80ms ease-in-out; } #menu .sousMenu a.withChild { margin-bottom: 1rem; } #menu .sousMenu a:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f30b"; position: absolute; left: 0; color: #D81E41; margin-right: 1rem; font-size: 1.6rem; transition: all 150ms ease-in-out; display: inline-block; } #menu .sousMenu a.jump { position: absolute; right: 1.5rem; bottom: 1.5rem; border: none; padding: 0; background-color: transparent; transition: opacity 120ms ease-in-out; margin: 0; } #menu .sousMenu a.jump::before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: '\f057'; font-size: 2.4rem; color: #D81E41; position: relative; } #menu .sousMenu a.jump:hover, #menu .sousMenu a.jump:active, #menu .sousMenu a.jump:focus { text-decoration: none; opacity: 0.8; } #menu .sousMenu .selected > a { font-weight: 700; } @media (max-width: 767px) { #menu { clear: both; display: none; margin-left: -1rem; margin-right: -1rem; background-color: #F5F4F4; position: fixed; top: 104px; bottom: 0; width: 100%; z-index: 5; overflow: auto; } #menu .inner { padding-bottom: 70px; height: calc(100% - 174px); z-index: 2; overflow: auto; } #menu .withChild { position: relative; } #menu .withChild:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; line-height: 2rem; font-size: 1.5rem; position: absolute; right: 0; color: #D81E41; display: inline-block; } #menu .withChild[aria-expanded=false]:after { content: "\f067"; } #menu .withChild[aria-expanded=true]:after { content: "\f068"; } #menu li.niv1 a[aria-expanded="true"]:before { height: 0; } #menu .sousMenu { position: relative; top: 0; background-color: #F5F4F4; border: none; } #menu .sousMenu .innerCenter { padding: 0 0 3rem; } #menu .sousMenu .fondBlanc { display: none; } #menu .sousMenu a { margin: 1rem 1rem 1rem 0; font-size: 1.4rem; } #menu .sousMenu a.jump { right: 0; } #menu .sousMenu a.jump:before { font-size: 2rem; margin: 0; } #menu .sousMenuFermer { display: none; } #menu ul.niv1 { margin: 0.5rem 1rem; padding: 1rem 2rem 1.5rem; } #menu ul.niv1 li.niv1 { display: block; } #menu ul.niv1 li.niv1 > a { display: block; font-size: 1.6rem; } #menu ul.niv1 li.niv1.selected > a:before { display: none; } #menu ul.niv2, #menu ul.niv3 { padding: 0; } #menu li.niv2 { float: none; width: 100%; margin: 0.5rem 0; } #menu li.niv2:not(:last-child) { margin-bottom: 0rem; } } @media (max-width: 767px) { #menuSecondaire { display: none; } } #ariane ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #ariane a { font-size: 1.2rem; font-weight: 700; } #ariane i { margin: 0 1rem; color: #D81E41; font-size: 1.2rem; } #ariane span { font-size: 1.2rem; font-weight: 400; font-style: italic; } @media (max-width: 767px) { #ariane ul { display: inline-block; margin-bottom: 2rem; } #ariane ul li { display: inline; } } .PRS_DEMARCHE { display: none; } body:not(.user-is-tabbing) div:focus, body:not(.user-is-tabbing) nav:focus, body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) textarea:focus { outline: none; } .accueil #contenu { margin-bottom: 0; } .accueil #bandeauHaut { margin-bottom: 3.5rem; } .accueil #bandeauHaut .innerCenter > div { border: none; } @media (max-width: 1320px) { .accueil #bandeauHaut .innerCenter > div { margin-bottom: 0; } } .accueil .sousHautDePage { margin: 0; } .accueil .innerParagraphe > h2 { padding: 0 1rem; } .accueil h2 { text-align: center; position: relative; display: inline-block; font-size: 3.6rem; margin-bottom: 3rem; } .accueil h2 span { position: relative; z-index: 1; display: inline; } .accueil h2 span:before { content: url('/include/css/GAB_NANTERRE/images/points_pour_titre.svg'); position: absolute; left: -15px; top: -10px; z-index: -1; } @media (max-width: 767px) { .accueil h2 { font-size: 2.4rem; margin-bottom: 1.5rem; padding: 0 1rem; display: block; } .accueil .innerCenter h2 { padding: 0; } } .themeBleu .TPL_EVENEMENT .categorie { color: #16729A; } .accrochePage { border-bottom: 2px solid #D81E41; margin-bottom: 2rem; } .accrochePage .image { text-align: center; } .accrochePage .texte, .accrochePage .texteLarge, .accrochePage .resume { text-align: center; font-weight: 700; font-size: 2.4rem; line-height: 3.5rem; margin-bottom: 2rem; } @media (max-width: 767px) { .accrochePage .texte, .accrochePage .texteLarge, .accrochePage .resume { font-size: 1.8rem; line-height: 2.6rem; } } .btn { font-size: 1.4rem; line-height: 2.4rem; color: #fff !important; background-color: #D81E41; border: 1px solid #333; padding: 1.5rem 3.8rem; border-radius: 6rem; display: inline-block; vertical-align: middle; text-transform: uppercase; text-decoration: none !important; transition: all 0.2s; letter-spacing: 0.1em; border: none; font-weight: 800; } .btn:hover, .btn:active, .btn:focus { text-decoration: none; background-color: #e25671; color: #fff !important; border-color: #666666; } .btn.btnBleu { font-size: 1.6rem; line-height: 2.4rem; color: #fff !important; background-color: #16729A; border: 1px solid #333; padding: 1rem 5%; border-radius: 6rem; display: inline-block; vertical-align: middle; text-transform: uppercase; text-decoration: none !important; transition: all 0.2s; border: none; } .btn.btnBleu:hover, .btn.btnBleu:active, .btn.btnBleu:focus { text-decoration: none; background-color: #5095b3; color: #fff !important; border-color: #666666; } @media (max-width: 767px) { .btn { font-size: 1.2rem; line-height: 1.2em; padding: 1.2rem 2rem; } } #cms_titrePage { text-align: center; } #cms_titrePage + .categorie { margin-top: -1.5rem; margin-bottom: 1.5rem; } .titrePage { text-align: center; } .titrePage .categorie { font-size: 1.2rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; margin-top: 7rem; margin-bottom: 0.7rem; color: #D81E41; } .titrePage .categorie.bleu { color: #16729A; } .titrePage .categorie + h1 { margin-top: 0; } .txt a, .partage a, .description a { color: #D81E41; text-decoration: underline; } .txt a:hover, .txt a:focus, .txt a:active, .partage a:hover, .partage a:focus, .partage a:active, .description a:hover, .description a:focus, .description a:active { text-decoration: none; } .txt ul, .partage ul, .description ul { overflow: hidden; margin: 0 0 2rem; padding: 0; line-height: 2.4rem; font-size: 1.4rem; } .txt ul li, .partage ul li, .description ul li { position: relative; padding-left: 1.6rem; } .txt ul li:before, .partage ul li:before, .description ul li:before { content: "\f0da"; position: absolute; top: 2px; left: 0; font-family: 'Font Awesome 5 Solid'; color: #D81E41; font-size: 1.4rem; line-height: 2rem; padding: 0 1rem 0 0; } .txt ul ul, .partage ul ul, .description ul ul { padding: 0 0 0 2.8rem; margin: 0; } .txt ol, .partage ol, .description ol { /*IE 7- hack*/ list-style-type: decimal !ie; margin: 0 0 2rem; padding: 0; counter-reset: li-counter; overflow: hidden; font-size: 1.4rem; line-height: 2.4rem; } .txt ol > li, .partage ol > li, .description ol > li { position: relative; padding-left: 1.6rem; } .txt ol > li::before, .partage ol > li::before, .description ol > li::before { content: counter(li-counter,decimal) ". "; position: absolute; left: 0; counter-increment: li-counter; color: #D81E41; font-family: 'Montserrat', sans-serif; } .txt ol > li li, .partage ol > li li, .description ol > li li { position: relative; padding-left: 1.6rem; } .txt ol > li li::before, .partage ol > li li::before, .description ol > li li::before { content: counter(li-counter,lower-alpha) ". "; position: absolute; left: 0; color: #D81E41; } .txt ol ol, .partage ol ol, .description ol ol { margin: 0rem 0 1rem 2rem; } .txt table, .partage table, .description table { background-color: #fff; border-collapse: collapse; margin: 0 0 2rem; width: 100%; border: 1px solid #D81E41; font-family: Arial, sans-serif; } .txt table p, .partage table p, .description table p { margin-bottom: 0; } .txt table thead td, .txt table thead th, .partage table thead td, .partage table thead th, .description table thead td, .description table thead th { text-align: center; color: #fff; font-weight: 700; border: 1px solid #D81E41; background-color: #D81E41; } .txt table th, .partage table th, .description table th { padding: 1rem; font-size: 1.6rem; color: #000; font-weight: 700; text-align: left; border-bottom: 1px solid #333; } .txt table td, .partage table td, .description table td { font-size: 1.6rem; border-top: 1px solid #CCD6DA; border-right: 1px solid #CCD6DA; padding: 1rem; } .txt table td:last-of-type, .partage table td:last-of-type, .description table td:last-of-type { border-right: none; } .txt table tr:first-of-type td, .partage table tr:first-of-type td, .description table tr:first-of-type td { border-top: 0; } @media (max-width: 767px) { .txt ul li, .partage ul li, .description ul li { font-weight: 300; } .txt table, .partage table, .description table { max-width: 100%; } .txt iframe, .partage iframe, .description iframe { max-width: 100%; } } .txt .spanImgContainer, .partage .spanImgContainer, .description .spanImgContainer { max-width: 100%; } .txt .spanImgContainer img, .partage .spanImgContainer img, .description .spanImgContainer img { border-bottom: none; } .txt .spanLegende, .partage .spanLegende, .description .spanLegende { padding: 3rem 1.5rem; font-weight: 700; font-size: 1.4rem; border-color: #EBE3E4; max-width: 100%; } html, body { height: 100%; } #document { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 100vh; } #corps { -webkit-flex: 1 0 auto; flex: 1 0 auto; } @media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) { #document { display: block; } } #contenu { margin-bottom: 6rem; } #contenu .partagerContent { display: none; } #bandeauBas { flex-shrink: 0; } .paragraphe { clear: both; margin: 0 0 2rem; } @media (max-width: 767px) { .paragraphe { margin-bottom: 4rem; } } .paragraphe p { margin: 0 0 2rem; } .paragraphe .categorie { font-size: 1.2rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: #D81E41; } .paragraphe .misenavantnew a { font-size: 1.4rem; line-height: 2.4rem; color: #fff !important; background-color: #D81E41; border: 1px solid #333; padding: 1.5rem 3.8rem; border-radius: 6rem; display: inline-block; vertical-align: middle; text-transform: uppercase; text-decoration: none !important; transition: all 0.2s; letter-spacing: 0.1em; border: none; line-height: 1.3em; font-weight: 800; text-align: center; color: #fff; } .paragraphe .misenavantnew a:hover, .paragraphe .misenavantnew a:active, .paragraphe .misenavantnew a:focus { text-decoration: none; background-color: #e25671; color: #fff !important; border-color: #666666; } @media (max-width: 767px) { .paragraphe .misenavantnew a { font-size: 1.2rem; line-height: 1.2em; padding: 1.2rem 2rem; } } .paragraphe .btnBlanc { color: #fff; } .paragraphe .btnLight { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-radius: 6rem; background-color: #F9EBEE; min-height: 60px; font-weight: 500; padding: 1rem 3rem 1rem 1rem; box-sizing: border-box; margin-bottom: 2rem; margin-right: 2rem; text-align: left; opacity: 1; transition: all 120ms ease-in-out; } .paragraphe .btnLight .icon { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-right: 2rem; width: 40px; height: 40px; background-color: #D81E41; border-radius: 50%; flex-shrink: 0; transition: all 120ms ease-in-out; } .paragraphe .btnLight .icon:after { color: #fff; font-size: 1.6rem; } .paragraphe .btnLight:hover, .paragraphe .btnLight:active, .paragraphe .btnLight:focus { text-decoration: none; background-color: #fae7eb; } .paragraphe .btnLight:hover .icon, .paragraphe .btnLight:active .icon, .paragraphe .btnLight:focus .icon { background-color: #e66d84; } @media (max-width: 767px) { .paragraphe .btnLight { margin-right: 0; margin-bottom: 1rem; } } .paragraphe .feuilleter, .paragraphe .telecharger, .paragraphe .ecouter { display: -webkit-flex; display: flex; } .paragraphe .feuilleter a, .paragraphe .telecharger a, .paragraphe .ecouter a { margin-bottom: 0; margin-right: 0; min-width: 100%; flex-shrink: 0; } .paragraphe .owl-carousel.imagePortofolio { margin-bottom: 2rem; } .paragraphe .owl-carousel.imagePortofolio .owl-nav { transform: translateY(-50%); top: 50%; position: absolute; width: 100%; right: 0; } .paragraphe .owl-carousel.imagePortofolio .owl-nav .owl-prev, .paragraphe .owl-carousel.imagePortofolio .owl-nav .owl-next { position: absolute; top: -25px; } .paragraphe .owl-carousel.imagePortofolio .owl-nav .owl-prev { left: 0; } .paragraphe .owl-carousel.imagePortofolio .owl-nav .owl-next { right: 0; } .paragraphe .owl-carousel .owl-item img { width: auto; margin: 0 auto; } .paragraphe .owl-carousel .owl-nav { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: absolute; right: -23px; top: -50px; margin: 0; } .paragraphe .owl-carousel .owl-nav .owl-prev, .paragraphe .owl-carousel .owl-nav .owl-next { width: 50px; height: 50px; border: 2px solid #D81E41; background-color: #fff; padding: 0; margin: 0; border-radius: 0; transition: all 120ms ease-in-out; } .paragraphe .owl-carousel .owl-nav .owl-prev:before, .paragraphe .owl-carousel .owl-nav .owl-next:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; color: #D81E41; font-size: 1.8rem; transition: all 120ms ease-in-out; margin: auto; } .paragraphe .owl-carousel .owl-nav .owl-prev:hover, .paragraphe .owl-carousel .owl-nav .owl-prev:active, .paragraphe .owl-carousel .owl-nav .owl-prev:focus, .paragraphe .owl-carousel .owl-nav .owl-next:hover, .paragraphe .owl-carousel .owl-nav .owl-next:active, .paragraphe .owl-carousel .owl-nav .owl-next:focus { background-color: #fff; border-color: #e66d84; } .paragraphe .owl-carousel .owl-nav .owl-prev:hover:before, .paragraphe .owl-carousel .owl-nav .owl-prev:active:before, .paragraphe .owl-carousel .owl-nav .owl-prev:focus:before, .paragraphe .owl-carousel .owl-nav .owl-next:hover:before, .paragraphe .owl-carousel .owl-nav .owl-next:active:before, .paragraphe .owl-carousel .owl-nav .owl-next:focus:before { color: #e66d84; } .paragraphe .owl-carousel .owl-nav .owl-prev:before { content: "\f0d9"; } .paragraphe .owl-carousel .owl-nav .owl-next { margin-top: -2px; } .paragraphe .owl-carousel .owl-nav .owl-next:before { content: "\f0da"; } .paragraphe .owl-carousel .owl-nav .disabled { opacity: 1; } .paragraphe .owl-carousel .owl-nav .disabled.owl-prev, .paragraphe .owl-carousel .owl-nav .disabled.owl-next { background-color: #fff; border-color: #ec8fa0; } .paragraphe .owl-carousel .owl-nav .disabled.owl-prev:before, .paragraphe .owl-carousel .owl-nav .disabled.owl-next:before { color: #ec8fa0; } .paragraphe .owl-carousel .owl-nav .disabled.owl-next { border-top-color: #D81E41; } @media (max-width: 767px) { .paragraphe .owl-carousel .owl-nav { right: 0; flex-direction: row; } .paragraphe .owl-carousel .owl-nav .owl-next { margin-top: 0; margin-left: -2px; } } .categorie.toAppend { visibility: hidden; } .titrePage .categorie.toAppend { visibility: visible; } .date { margin: 0; } .date .jour { font-weight: 800; display: block; font-size: 3.6rem; line-height: 3.3rem; color: #1EA0D8; } .date .mois { color: #1EA0D8; line-height: 1.3rem; font-size: 1.2rem; letter-spacing: 0.29em; text-transform: uppercase; } .bordure { box-shadow: 4px 4px 0px #F8DAE0; } .encadre { border: 1px solid #F8DAE0; box-shadow: 4px 4px 0px #F8DAE0; padding: 34px 40px 14px; margin: 0 -4rem; margin-bottom: 7.8rem; } @media (max-width: 1320px) { .encadre { margin: 0 0 7rem; } } @media (max-width: 767px) { .encadre { padding: 1.5rem 1.8rem; margin: 0 0 3.3rem; } } .encadreBleu { border: 1px solid #C2E5F5; box-shadow: 4px 4px 0px #C2E5F5; padding: 34px 40px 14px; margin: 0 -4rem; margin-bottom: 7.8rem; } @media (max-width: 1320px) { .encadreBleu { margin: 0 0 7rem; } } @media (max-width: 767px) { .encadreBleu { padding: 1.5rem 1.8rem; margin: 0 0 3.3rem; } } .accrochePage + .encadre { margin-top: 4rem; } .ressourcesConteneur { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .ressourcesConteneur > div { width: 46.969696969697%; position: relative; padding-left: 4rem; margin-bottom: 4rem; box-sizing: border-box; } .ressourcesConteneur > div:before { content: ""; position: absolute; height: 100%; width: 2px; background-color: #D81E41; left: 0; } .ressourcesConteneur h3, .ressourcesConteneur h4 { text-transform: initial; font-size: 2.4rem; margin-bottom: 2rem; } .ressourcesConteneur h3:before, .ressourcesConteneur h4:before { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; content: "\f15b"; color: #D81E41; font-size: 2.4rem; margin-right: 1.5rem; font-weight: 400; } .ressourcesConteneur a { position: relative; padding-left: 4.5rem; display: block; line-height: 1.2em; color: #333; text-decoration: none; } .ressourcesConteneur a .separateurVertical { position: absolute; left: 2rem; margin: 0 1rem; } .ressourcesConteneur a:before { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; content: "\f1c1"; font-size: 1.6rem; position: absolute; left: 0; top: 0; line-height: 1.2em; } .ressourcesConteneur a:hover, .ressourcesConteneur a:focus { text-decoration: underline; } .ressourcesConteneur .ressources h3:before { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; content: "\f15b"; } .ressourcesConteneur .ressources a:before { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; content: "\f1c1"; } .ressourcesConteneur .lienUtiles h3:before, .ressourcesConteneur .lienUtiles h4:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f0c1"; } .ressourcesConteneur .lienUtiles a:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f35d"; } @media (max-width: 767px) { .ressourcesConteneur { -webkit-flex-direction: column; flex-direction: column; } .ressourcesConteneur > div { width: 100%; } .ressourcesConteneur h4 { font-size: 2rem; } } @media (max-width: 575px) { .ressourcesConteneur > div { padding-left: 2rem; } } .ressourcesLiees > div { width: 100%; margin-bottom: 3rem; } .ressourcesLiees h3, .ressourcesLiees h4 { text-transform: initial; font-size: 2.4rem; margin-bottom: 1.5rem; } .ressourcesLiees a { display: block; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-radius: 6rem; background-color: #C2E5F5; height: 60px; font-weight: 500; font-size: 1.4rem; padding: 0.5rem 7rem; position: relative; line-height: normal; box-sizing: border-box; } .ressourcesLiees a i { position: absolute; left: 1rem; transform: translateY(-50%); top: 50%; } .ressourcesLiees a i:before { content: ""; border-radius: 50%; width: 40px; height: 40px; background-color: #1EA0D8; display: block; transition: background-color 120ms ease-in-out; } .ressourcesLiees a i:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f054"; position: absolute; top: 50%; left: 50%; transform: translateX(-45%) translateY(-50%); color: #fff; font-size: 1.6rem; } .ressourcesLiees a:hover, .ressourcesLiees a:active, .ressourcesLiees a:focus { text-decoration: none; } .ressourcesLiees a:hover i:before, .ressourcesLiees a:active i:before, .ressourcesLiees a:focus i:before { background-color: #16729A; } .ressourcesLiees .evenementLien a { background-color: #C2E5F5; } .ressourcesLiees .evenementLien a i:before { background-color: #1EA0D8; } .ressourcesLiees .actualiteLien a { background-color: #F8DAE0; } .ressourcesLiees .actualiteLien a i:before { background-color: #D81E41; } @media (max-width: 1024px) { .ressourcesLiees a { height: auto; min-height: 60px; } } .datePublication { display: block; font-size: 1.2rem; font-weight: 300; text-transform: uppercase; color: #777; margin-top: 0.6rem; } .aLaUne { position: absolute; top: 12px; left: 10px; background-color: #fff; text-transform: uppercase; font-size: 2rem; font-weight: 700; padding: 5px 7px 3px; } @media (max-width: 767px) { .aLaUne { font-size: 1.4rem; } } .btnFleche { font-size: 1.2rem; letter-spacing: 0.1em; font-weight: 500; text-transform: uppercase; } .btnFleche:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f30b"; color: #D81E41; font-size: 1.4rem; margin-left: 0.9rem; display: inline-block; position: relative; right: 0; transition: all 150ms ease-in-out; } .btnFleche:hover::after { right: -0.5rem; } .btnFleche.retour:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f30a"; color: #D81E41; font-size: 1.4rem; margin-right: 0.9rem; display: inline-block; position: relative; left: 0; transition: all 150ms ease-in-out; } .btnFleche.retour:after { display: none; } .btnFleche.retour:hover::before { left: -0.5rem; } .feuilleter .icon:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f518"; } .ecouter .icon:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f025"; } .telecharger .icon:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f56d"; } .plier .showRecherche:after { content: "\f0d7"; } .showRecherche { font-size: 1.6rem; letter-spacing: 0.1em; margin-bottom: 1.5rem; } .showRecherche:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f0d8"; color: #D81E41; font-size: 1.6rem; margin-left: 1rem; } #viewDiv { height: 470px; overflow: hidden; margin-bottom: 4rem; } @media (max-width: 767px) { #viewDiv { height: 270px; } } .infoPratiques h3 { margin-top: 5rem; font-size: 2.4rem; margin-bottom: 4rem; } .infoPratiques h4 { text-transform: initial; font-size: 1.8rem; display: inline-block; } .infoPratiques .icon { padding-left: 4rem; position: relative; margin-bottom: 1.5rem; } .infoPratiques .icon p { display: inline-block; font-weight: 300; max-width: 100%; } .infoPratiques .icon:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; position: absolute; left: 0; top: 0; color: #D81E41; font-size: 2.4rem; } .infoPratiques .flexConteneur { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .infoPratiques .gauche, .infoPratiques .droite { width: 44.69696969697%; } .infoPratiques .tel:before { content: "\f095"; transform: scaleX(-1); } .infoPratiques .fax:before { content: "\f1ac"; } .infoPratiques .adresse:before { content: "\f3c5"; } .infoPratiques .email:before { content: "\f0e0"; } .infoPratiques .horaires:before { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; content: "\f017"; } .infoPratiques .site:before { content: "\f35d"; } .infoPratiques .prix:before { content: "\f153"; } .infoPratiques .accessible:before { font-family: 'Font Awesome 5 Brands', Arial, sans-serif; content: "\f368"; } .infoPratiques .location:before { content: "\f274"; } .infoPratiques .quartier:before { content: "\f124"; } .infoPratiques .president:before { content: "\f007"; } @media (max-width: 767px) { .infoPratiques h3 { font-size: 2rem; margin-bottom: 2rem; } .infoPratiques .gauche, .infoPratiques .droite { width: 100%; } } .accrochePageAvecCadre .image img { display: block; margin: 0 auto; } .accrochePageAvecCadre .categorie { color: #D81E41; } .accrochePageAvecCadre .datePublication { margin-top: 0.6rem; } .accrochePageAvecCadre .cadre { box-shadow: 4px 4px 0px #F8DAE0; margin: -13rem 7rem 4rem; background-color: #fff; position: relative; padding: 3rem 110px; text-align: center; box-sizing: border-box; } .accrochePageAvecCadre .cadre a:hover, .accrochePageAvecCadre .cadre a:active, .accrochePageAvecCadre .cadre a:focus { text-decoration: none; } .accrochePageAvecCadre .cadre a:hover h2, .accrochePageAvecCadre .cadre a:active h2, .accrochePageAvecCadre .cadre a:focus h2 { color: #D81E41; } .accrochePageAvecCadre .cadre h2 { font-size: 3rem; text-transform: none; margin: 0; transition: color 120ms ease-in-out; } .accrochePageAvecCadre .cadre .accroche { font-size: 1.6rem; font-weight: 300; line-height: normal; margin-top: 2.5rem; } @media (max-width: 767px) { .accrochePageAvecCadre { margin-bottom: 3rem; } .accrochePageAvecCadre .cadre { padding: 0; margin: 0; text-align: left; box-shadow: none; } .accrochePageAvecCadre .cadre h2 { text-align: left; font-size: 2rem; text-transform: initial; } .accrochePageAvecCadre .categorie { margin: 1.5rem 0 1rem; } .accrochePageAvecCadre .accroche { display: none; } } .noScroll { overflow: hidden; position: relative; height: 100%; } @media (min-width: 768px) { .noScroll { overflow: visible; height: auto; } } .noBorder { border: none; } .pastille { font-size: 1.2rem; line-height: 1em; color: #fff; background-color: #D81E41; border-radius: 3rem; padding: 0.8rem 2rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; margin-right: 1.5rem; display: inline-block; margin-bottom: 0.8rem; } .pastilleBleu { background-color: #16729A; color: #fff; } .lightboxVideo { position: relative; display: block; } .lightboxVideo .masque { background: url(/include/css/GAB_NANTERRE/images/grandMasqueVideo.png) center center no-repeat transparent; transform: translateX(-50%); left: 50%; position: absolute; top: 0; width: 100%; height: 100%; -webkit-background-size: 60%; background-size: 60%; } #alerteAccueil { background-color: #D81E41; color: #fff; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 1rem 5rem 1rem 2rem; position: relative; height: 60px; box-sizing: border-box; } @media (max-width: 767px) { #alerteAccueil { height: auto; } #alerteAccueil .separateur { display: none; } #alerteAccueil .information { margin-bottom: 1rem; } #alerteAccueil .message { -webkit-flex-direction: column; flex-direction: column; } } #alerteAccueil .table { width: 100%; } #alerteAccueil .message { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } #alerteAccueil .separateur { font-size: 3.6rem; font-weight: 200; margin: 0 2rem; } #alerteAccueil .lien { color: #fff; font-weight: 700; text-decoration: underline; } #alerteAccueil .btnFermer { color: #fff; position: absolute; right: 20px; text-decoration: none; line-height: 2.4rem; transform: translateY(-50%); top: 50%; } #alerteAccueil .btnFermer i { font-style: normal; font-size: 2.4rem; } #alerteAccueil .btnFermer:hover, #alerteAccueil .btnFermer:active, #alerteAccueil .btnFermer:focus { text-decoration: none; } #alerteAccueil .information { font-weight: 800; font-size: 1.8rem; letter-spacing: 0.2em; text-transform: uppercase; flex-shrink: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } #alerteAccueil .information:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f06a"; color: #A3001F; font-size: 2.4rem; margin-right: 2rem; } @media (max-width: 767px) { #alerteAccueil .information { font-size: 1.6rem; letter-spacing: 0.1em; } } #alerteAccueil .description { font-size: 1.4rem; } #alerteAccueil ~ #bandeauHaut #menu { top: 187px; } #alerteAccueil[style*=none] ~ #bandeauHaut #menu { top: 104px; } .portofolio .vignettes { display: -webkit-flex; display: flex; } .portofolio .vignette { cursor: pointer; margin-right: 40px; } .portofolio .vignette:last-of-type { margin-right: 0; } .portofolio .imagePortofolio + .titreDiaporama { margin: -6rem auto 2rem; } .portofolio .titreDiaporama { position: relative; z-index: 1; padding: 2.5rem 2rem; font-size: 2.4rem; font-weight: 700; background-color: #fff; width: 50%; line-height: normal; text-align: center; box-sizing: border-box; } .portofolio .owl-carousel.vignettes .owl-nav { position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .portofolio .owl-carousel.vignettes .owl-nav .owl-prev, .portofolio .owl-carousel.vignettes .owl-nav .owl-next { position: absolute; transform: translateY(-50%); top: 50%; width: auto; height: auto; border: none; background-color: transparent; } .portofolio .owl-carousel.vignettes .owl-nav .owl-prev:before, .portofolio .owl-carousel.vignettes .owl-nav .owl-next:before { color: #333; } .portofolio .owl-carousel.vignettes .owl-nav .owl-prev:hover, .portofolio .owl-carousel.vignettes .owl-nav .owl-prev:active, .portofolio .owl-carousel.vignettes .owl-nav .owl-prev:focus, .portofolio .owl-carousel.vignettes .owl-nav .owl-next:hover, .portofolio .owl-carousel.vignettes .owl-nav .owl-next:active, .portofolio .owl-carousel.vignettes .owl-nav .owl-next:focus { background-color: transparent; } .portofolio .owl-carousel.vignettes .owl-nav .owl-prev:hover:before, .portofolio .owl-carousel.vignettes .owl-nav .owl-prev:active:before, .portofolio .owl-carousel.vignettes .owl-nav .owl-prev:focus:before, .portofolio .owl-carousel.vignettes .owl-nav .owl-next:hover:before, .portofolio .owl-carousel.vignettes .owl-nav .owl-next:active:before, .portofolio .owl-carousel.vignettes .owl-nav .owl-next:focus:before { color: #D81E41; } .portofolio .owl-carousel.vignettes .owl-nav .owl-prev.disabled, .portofolio .owl-carousel.vignettes .owl-nav .owl-next.disabled { opacity: 0; } .portofolio .owl-carousel.vignettes .owl-nav .owl-prev { left: -40px; } .portofolio .owl-carousel.vignettes .owl-nav .owl-next { right: -40px; } @media (max-width: 1024px) { .portofolio .vignettes { padding: 0 2rem; box-sizing: border-box; } .portofolio .owl-carousel.vignettes .owl-nav .owl-prev { left: 0; } .portofolio .owl-carousel.vignettes .owl-nav .owl-next { right: 0; } } @media (max-width: 767px) { .portofolio .titreDiaporama { width: 80%; } } @media (max-width: 575px) { .portofolio .titreDiaporama { width: 100%; } .portofolio .imagePortofolio + .titreDiaporama { margin: -2rem auto 2rem; } } .rsbtn { position: relative; } #rs_1 { right: 0px; top: 0px; position: absolute; z-index: 3; } #rs_1 .rsbtn_exp { top: 5px; right: -50px; } #rs_1 .rsbtn_play { float: right; } .rsContainer { position: relative; width: 40px; height: 20px; } .gmaps { width: 100%; height: 400px; } .TPL_FORMULAIRE fieldset.groupeQuestion, .TPL_FORMULAIRE div.groupeQuestion, .TPL_NEWSLETTER fieldset.groupeQuestion, .TPL_NEWSLETTER div.groupeQuestion { border: 0; padding: 0; } .TPL_FORMULAIRE .innerGroupeQuestion, .TPL_NEWSLETTER .innerGroupeQuestion { padding: 1rem 0 0; } .TPL_FORMULAIRE .groupeQuestion legend, .TPL_NEWSLETTER .groupeQuestion legend { font-size: 1.8rem; font-weight: 700; width: 100%; position: relative; margin-bottom: 1rem; } .TPL_FORMULAIRE .groupeQuestion legend span, .TPL_NEWSLETTER .groupeQuestion legend span { background-color: #fff; padding-right: 15px; margin-right: 3rem; position: relative; display: inline-block; max-width: 80%; } .TPL_FORMULAIRE .groupeQuestion legend:before, .TPL_NEWSLETTER .groupeQuestion legend:before { transform: translateY(-50%); top: 50%; position: absolute; content: ""; display: block; height: 2px; width: 100%; background-color: #D81E41; } .TPL_FORMULAIRE .groupeQuestion p, .TPL_NEWSLETTER .groupeQuestion p { position: relative; } .TPL_FORMULAIRE .newsletterListe, .TPL_NEWSLETTER .newsletterListe { float: left; width: 50%; } .TPL_FORMULAIRE form, .TPL_NEWSLETTER form { /* on prépare le label */ /* Aspect des boutons radios */ /* :before sert à créer le bouton radio */ /* Aspect général de la coche */ /* Aspect si "pas cochée" */ /* Aspect si "cochée" */ /* aspect désactivée */ /* styles de la coche (si cochée/désactivée) */ /* on style aussi le label quand désactivé */ /* aspect au hover de l'élément */ /* Aspect des checkboxes */ /* :before sert à créer la case à cocher */ /* calcul l'espace nécessaire entre l'image et le texte dans le select */ } .TPL_FORMULAIRE form [type="radio"]:not(:checked), .TPL_FORMULAIRE form [type="radio"]:checked, .TPL_NEWSLETTER form [type="radio"]:not(:checked), .TPL_NEWSLETTER form [type="radio"]:checked { position: absolute; opacity: 0; } .TPL_FORMULAIRE form [type="radio"]:not(:checked) + label, .TPL_FORMULAIRE form [type="radio"]:checked + label, .TPL_NEWSLETTER form [type="radio"]:not(:checked) + label, .TPL_NEWSLETTER form [type="radio"]:checked + label { /* permet de positionner les pseudo-éléments */ position: relative; /* fait un peu d'espace pour notre bouton à venir */ padding: 0 1.5rem 0 3rem; /* affiche un curseur adapté */ cursor: pointer; vertical-align: middle; } .TPL_FORMULAIRE form [type="radio"]:not(:checked) + label:before, .TPL_FORMULAIRE form [type="radio"]:checked + label:before, .TPL_NEWSLETTER form [type="radio"]:not(:checked) + label:before, .TPL_NEWSLETTER form [type="radio"]:checked + label:before { content: ''; position: absolute; top: 6px; left: 0; width: 16px; /* dim. du bouton */ height: 16px; border: 2px solid #D81E41; background-color: #ffffff; /* angles arrondis */ border-radius: 100%; box-sizing: border-box; } .TPL_FORMULAIRE form [type="radio"]:not(:checked) + label:after, .TPL_FORMULAIRE form [type="radio"]:checked + label:after, .TPL_NEWSLETTER form [type="radio"]:not(:checked) + label:after, .TPL_NEWSLETTER form [type="radio"]:checked + label:after { position: absolute; content: ''; width: 6px; height: 6px; border-radius: 100%; top: 11px; left: 5px; background-color: #fff; /* on prévoit une animation */ transition: all .2s; } .TPL_FORMULAIRE form [type="radio"]:not(:checked) + label:after, .TPL_NEWSLETTER form [type="radio"]:not(:checked) + label:after { /* mise à l'échelle à 0 */ transform: scale(0); /* coche invisible */ opacity: 0; } .TPL_FORMULAIRE form [type="radio"]:checked + label:before, .TPL_NEWSLETTER form [type="radio"]:checked + label:before { background-color: #D81E41; } .TPL_FORMULAIRE form [type="radio"]:checked + label:after, .TPL_NEWSLETTER form [type="radio"]:checked + label:after { /* mise à l'échelle 1:1 */ transform: scale(1); /* coche opaque */ opacity: 1; } .TPL_FORMULAIRE form [type="radio"]:disabled:not(:checked) + label:before, .TPL_FORMULAIRE form [type="radio"]:disabled:checked + label:before, .TPL_NEWSLETTER form [type="radio"]:disabled:not(:checked) + label:before, .TPL_NEWSLETTER form [type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .TPL_FORMULAIRE form [type="radio"]:disabled:not(:checked) + label:after, .TPL_FORMULAIRE form [type="radio"]:disabled:checked + label:after, .TPL_NEWSLETTER form [type="radio"]:disabled:not(:checked) + label:after, .TPL_NEWSLETTER form [type="radio"]:disabled:checked + label:after { background-color: #999; } .TPL_FORMULAIRE form [type="radio"]:disabled:checked + label:after, .TPL_NEWSLETTER form [type="radio"]:disabled:checked + label:after { color: #999; } .TPL_FORMULAIRE form [type="radio"]:disabled + label, .TPL_NEWSLETTER form [type="radio"]:disabled + label { color: #aaa; } .TPL_FORMULAIRE form [type="radio"]:checked:not(:disabled):hover + label:before, .TPL_NEWSLETTER form [type="radio"]:checked:not(:disabled):hover + label:before { border-color: #D81E41; background-color: #D81E41; } .TPL_FORMULAIRE form [type="radio"]:not(:checked):not(:disabled):hover + label:before, .TPL_NEWSLETTER form [type="radio"]:not(:checked):not(:disabled):hover + label:before { border-color: #e66d84; background-color: #ffffff; } .TPL_FORMULAIRE form [type="radio"]:not(:disabled):focus + label:before, .TPL_NEWSLETTER form [type="radio"]:not(:disabled):focus + label:before { outline: 1px dotted black; } .TPL_FORMULAIRE form [type="checkbox"]:not(:checked), .TPL_FORMULAIRE form [type="checkbox"]:checked, .TPL_NEWSLETTER form [type="checkbox"]:not(:checked), .TPL_NEWSLETTER form [type="checkbox"]:checked { position: absolute; opacity: 0; } .TPL_FORMULAIRE form [type="checkbox"]:not(:checked) + label, .TPL_FORMULAIRE form [type="checkbox"]:checked + label, .TPL_NEWSLETTER form [type="checkbox"]:not(:checked) + label, .TPL_NEWSLETTER form [type="checkbox"]:checked + label { /* permet de positionner les pseudo-éléments */ position: relative; /* fait un peu d'espace pour notre case à venir */ padding: 0 1.5rem 0 3rem; /* affiche un curseur adapté */ cursor: pointer; } .TPL_FORMULAIRE form [type="checkbox"]:not(:checked) + label:before, .TPL_FORMULAIRE form [type="checkbox"]:checked + label:before, .TPL_NEWSLETTER form [type="checkbox"]:not(:checked) + label:before, .TPL_NEWSLETTER form [type="checkbox"]:checked + label:before { content: ''; left: 0; top: 6px; position: absolute; width: 16px; /* dim. de la case */ height: 16px; border: 2px solid #D81E41; background-color: #ffffff; /* angles arrondis */ border-radius: 3px; box-sizing: border-box; } .TPL_FORMULAIRE form [type="checkbox"]:not(:checked) + label:after, .TPL_FORMULAIRE form [type="checkbox"]:checked + label:after, .TPL_NEWSLETTER form [type="checkbox"]:not(:checked) + label:after, .TPL_NEWSLETTER form [type="checkbox"]:checked + label:after { position: absolute; content: '✔'; left: 3px; top: 1px; font-size: 10px; color: #fff; /* on prévoit une animation */ transition: all .2s; } .TPL_FORMULAIRE form [type="checkbox"]:not(:checked) + label:after, .TPL_NEWSLETTER form [type="checkbox"]:not(:checked) + label:after { /* mise à l'échelle à 0 */ transform: scale(0); /* coche invisible */ opacity: 0; } .TPL_FORMULAIRE form [type="checkbox"]:checked + label:before, .TPL_NEWSLETTER form [type="checkbox"]:checked + label:before { background-color: #D81E41; } .TPL_FORMULAIRE form [type="checkbox"]:checked + label:after, .TPL_NEWSLETTER form [type="checkbox"]:checked + label:after { /* mise à l'échelle 1:1 */ transform: scale(1); /* coche opaque */ opacity: 1; } .TPL_FORMULAIRE form [type="checkbox"]:disabled:not(:checked) + label:before, .TPL_FORMULAIRE form [type="checkbox"]:disabled:checked + label:before, .TPL_NEWSLETTER form [type="checkbox"]:disabled:not(:checked) + label:before, .TPL_NEWSLETTER form [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .TPL_FORMULAIRE form [type="checkbox"]:disabled:checked + label:after, .TPL_NEWSLETTER form [type="checkbox"]:disabled:checked + label:after { color: #999; } .TPL_FORMULAIRE form [type="checkbox"]:disabled + label, .TPL_NEWSLETTER form [type="checkbox"]:disabled + label { color: #aaa; } .TPL_FORMULAIRE form [type="checkbox"]:checked:not(:disabled):hover + label:before, .TPL_NEWSLETTER form [type="checkbox"]:checked:not(:disabled):hover + label:before { border-color: #D81E41; background-color: #D81E41; } .TPL_FORMULAIRE form [type="checkbox"]:not(:checked):not(:disabled):hover + label:before, .TPL_NEWSLETTER form [type="checkbox"]:not(:checked):not(:disabled):hover + label:before { border-color: #e66d84; background-color: #ffffff; } .TPL_FORMULAIRE form [type="checkbox"]:not(:disabled):focus + label:before, .TPL_NEWSLETTER form [type="checkbox"]:not(:disabled):focus + label:before { outline: 1px dotted black; } .TPL_FORMULAIRE form select, .TPL_NEWSLETTER form select { background-image: url("/include/css/GAB_NANTERRE/images/select_arrow.png"); text-overflow: ellipsis; /* Firefox */ -moz-appearance: none; /* Safari and Chrome */ -webkit-appearance: none; appearance: none; background-repeat: no-repeat; background-position: 100% 50%; background-position: calc(100% - 5px) center; padding-right: 35px; } .TPL_FORMULAIRE form select[size], .TPL_NEWSLETTER form select[size] { background-image: none; padding-right: 0; height: auto; vertical-align: top; } .TPL_FORMULAIRE form select::-ms-expand, .TPL_NEWSLETTER form select::-ms-expand { display: none; } .TPL_FORMULAIRE form.formBleu, .TPL_NEWSLETTER form.formBleu { /* on prépare le label */ /* Aspect des boutons radios */ /* :before sert à créer le bouton radio */ /* Aspect général de la coche */ /* Aspect si "pas cochée" */ /* Aspect si "cochée" */ /* aspect désactivée */ /* styles de la coche (si cochée/désactivée) */ /* on style aussi le label quand désactivé */ /* aspect au hover de l'élément */ /* Aspect des checkboxes */ /* :before sert à créer la case à cocher */ /* calcul l'espace nécessaire entre l'image et le texte dans le select */ } .TPL_FORMULAIRE form.formBleu [type="radio"]:not(:checked), .TPL_FORMULAIRE form.formBleu [type="radio"]:checked, .TPL_NEWSLETTER form.formBleu [type="radio"]:not(:checked), .TPL_NEWSLETTER form.formBleu [type="radio"]:checked { position: absolute; opacity: 0; } .TPL_FORMULAIRE form.formBleu [type="radio"]:not(:checked) + label, .TPL_FORMULAIRE form.formBleu [type="radio"]:checked + label, .TPL_NEWSLETTER form.formBleu [type="radio"]:not(:checked) + label, .TPL_NEWSLETTER form.formBleu [type="radio"]:checked + label { /* permet de positionner les pseudo-éléments */ position: relative; /* fait un peu d'espace pour notre bouton à venir */ padding: 0 1.5rem 0 3rem; /* affiche un curseur adapté */ cursor: pointer; vertical-align: middle; } .TPL_FORMULAIRE form.formBleu [type="radio"]:not(:checked) + label:before, .TPL_FORMULAIRE form.formBleu [type="radio"]:checked + label:before, .TPL_NEWSLETTER form.formBleu [type="radio"]:not(:checked) + label:before, .TPL_NEWSLETTER form.formBleu [type="radio"]:checked + label:before { content: ''; position: absolute; top: 6px; left: 0; width: 16px; /* dim. du bouton */ height: 16px; border: 2px solid #16729A; background-color: #16729A; /* angles arrondis */ border-radius: 100%; box-sizing: border-box; } .TPL_FORMULAIRE form.formBleu [type="radio"]:not(:checked) + label:after, .TPL_FORMULAIRE form.formBleu [type="radio"]:checked + label:after, .TPL_NEWSLETTER form.formBleu [type="radio"]:not(:checked) + label:after, .TPL_NEWSLETTER form.formBleu [type="radio"]:checked + label:after { position: absolute; content: ''; width: 6px; height: 6px; border-radius: 100%; top: 11px; left: 5px; background-color: #fff; /* on prévoit une animation */ transition: all .2s; } .TPL_FORMULAIRE form.formBleu [type="radio"]:not(:checked) + label:after, .TPL_NEWSLETTER form.formBleu [type="radio"]:not(:checked) + label:after { /* mise à l'échelle à 0 */ transform: scale(0); /* coche invisible */ opacity: 0; } .TPL_FORMULAIRE form.formBleu [type="radio"]:checked + label:before, .TPL_NEWSLETTER form.formBleu [type="radio"]:checked + label:before { background-color: #16729A; } .TPL_FORMULAIRE form.formBleu [type="radio"]:checked + label:after, .TPL_NEWSLETTER form.formBleu [type="radio"]:checked + label:after { /* mise à l'échelle 1:1 */ transform: scale(1); /* coche opaque */ opacity: 1; } .TPL_FORMULAIRE form.formBleu [type="radio"]:disabled:not(:checked) + label:before, .TPL_FORMULAIRE form.formBleu [type="radio"]:disabled:checked + label:before, .TPL_NEWSLETTER form.formBleu [type="radio"]:disabled:not(:checked) + label:before, .TPL_NEWSLETTER form.formBleu [type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .TPL_FORMULAIRE form.formBleu [type="radio"]:disabled:not(:checked) + label:after, .TPL_FORMULAIRE form.formBleu [type="radio"]:disabled:checked + label:after, .TPL_NEWSLETTER form.formBleu [type="radio"]:disabled:not(:checked) + label:after, .TPL_NEWSLETTER form.formBleu [type="radio"]:disabled:checked + label:after { background-color: #999; } .TPL_FORMULAIRE form.formBleu [type="radio"]:disabled:checked + label:after, .TPL_NEWSLETTER form.formBleu [type="radio"]:disabled:checked + label:after { color: #999; } .TPL_FORMULAIRE form.formBleu [type="radio"]:disabled + label, .TPL_NEWSLETTER form.formBleu [type="radio"]:disabled + label { color: #aaa; } .TPL_FORMULAIRE form.formBleu [type="radio"]:checked:not(:disabled):hover + label:before, .TPL_NEWSLETTER form.formBleu [type="radio"]:checked:not(:disabled):hover + label:before { border-color: #16729A; background-color: #16729A; } .TPL_FORMULAIRE form.formBleu [type="radio"]:not(:checked):not(:disabled):hover + label:before, .TPL_NEWSLETTER form.formBleu [type="radio"]:not(:checked):not(:disabled):hover + label:before { border-color: #68a3bd; background-color: #68a3bd; } .TPL_FORMULAIRE form.formBleu [type="radio"]:not(:disabled):focus + label:before, .TPL_NEWSLETTER form.formBleu [type="radio"]:not(:disabled):focus + label:before { outline: 1px dotted black; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:not(:checked), .TPL_FORMULAIRE form.formBleu [type="checkbox"]:checked, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:not(:checked), .TPL_NEWSLETTER form.formBleu [type="checkbox"]:checked { position: absolute; opacity: 0; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:not(:checked) + label, .TPL_FORMULAIRE form.formBleu [type="checkbox"]:checked + label, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:not(:checked) + label, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:checked + label { /* permet de positionner les pseudo-éléments */ position: relative; /* fait un peu d'espace pour notre case à venir */ padding: 0 1.5rem 0 3rem; /* affiche un curseur adapté */ cursor: pointer; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:not(:checked) + label:before, .TPL_FORMULAIRE form.formBleu [type="checkbox"]:checked + label:before, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:not(:checked) + label:before, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:checked + label:before { content: ''; left: 0; top: 6px; position: absolute; width: 16px; /* dim. de la case */ height: 16px; border: 2px solid #16729A; background-color: #ffffff; /* angles arrondis */ border-radius: 3px; box-sizing: border-box; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:not(:checked) + label:after, .TPL_FORMULAIRE form.formBleu [type="checkbox"]:checked + label:after, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:not(:checked) + label:after, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:checked + label:after { position: absolute; content: '✔'; left: 3px; top: 1px; font-size: 10px; color: #fff; /* on prévoit une animation */ transition: all .2s; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:not(:checked) + label:after, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:not(:checked) + label:after { /* mise à l'échelle à 0 */ transform: scale(0); /* coche invisible */ opacity: 0; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:checked + label:before, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:checked + label:before { background-color: #16729A; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:checked + label:after, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:checked + label:after { /* mise à l'échelle 1:1 */ transform: scale(1); /* coche opaque */ opacity: 1; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:disabled:not(:checked) + label:before, .TPL_FORMULAIRE form.formBleu [type="checkbox"]:disabled:checked + label:before, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:disabled:not(:checked) + label:before, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:disabled:checked + label:after, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:disabled:checked + label:after { color: #999; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:disabled + label, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:disabled + label { color: #aaa; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:checked:not(:disabled):hover + label:before, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:checked:not(:disabled):hover + label:before { border-color: #16729A; background-color: #16729A; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:not(:checked):not(:disabled):hover + label:before, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:not(:checked):not(:disabled):hover + label:before { border-color: #68a3bd; background-color: #ffffff; } .TPL_FORMULAIRE form.formBleu [type="checkbox"]:not(:disabled):focus + label:before, .TPL_NEWSLETTER form.formBleu [type="checkbox"]:not(:disabled):focus + label:before { outline: 1px dotted black; } .TPL_FORMULAIRE form.formBleu select, .TPL_NEWSLETTER form.formBleu select { background-image: url("/include/css/GAB_NANTERRE/images/select_arrow_blue.png"); text-overflow: ellipsis; /* Firefox */ -moz-appearance: none; /* Safari and Chrome */ -webkit-appearance: none; appearance: none; background-repeat: no-repeat; background-position: 100% 50%; background-position: calc(100% - 5px) center; padding-right: 35px; } .TPL_FORMULAIRE form.formBleu select[size], .TPL_NEWSLETTER form.formBleu select[size] { background-image: none; padding-right: 0; height: auto; vertical-align: top; } .TPL_FORMULAIRE form.formBleu select::-ms-expand, .TPL_NEWSLETTER form.formBleu select::-ms-expand { display: none; } .TPL_FORMULAIRE form select, .TPL_NEWSLETTER form select { background-position: calc(100% - 1.5rem) center; } .TPL_FORMULAIRE form [type="checkbox"]:not(:checked) + label:after, .TPL_FORMULAIRE form [type="checkbox"]:checked + label:after, .TPL_NEWSLETTER form [type="checkbox"]:not(:checked) + label:after, .TPL_NEWSLETTER form [type="checkbox"]:checked + label:after { content: "\f00c"; font-family: "Font Awesome 5 Solid"; } .TPL_FORMULAIRE form p, .TPL_NEWSLETTER form p { clear: both; } .TPL_FORMULAIRE form p.action, .TPL_NEWSLETTER form p.action { text-align: center; padding: 0 2rem; margin-bottom: 0; } .TPL_FORMULAIRE form p.action a, .TPL_FORMULAIRE form p.action input.submit, .TPL_NEWSLETTER form p.action a, .TPL_NEWSLETTER form p.action input.submit { margin-bottom: 1rem; } .TPL_FORMULAIRE form label, .TPL_NEWSLETTER form label { display: block; vertical-align: middle; box-sizing: border-box; font-size: 1.6rem; font-weight: 500; margin-bottom: 5px; } .TPL_FORMULAIRE form label.enLigne, .TPL_NEWSLETTER form label.enLigne { float: none; width: auto; } .TPL_FORMULAIRE input[type="tel"], .TPL_FORMULAIRE input[type="url"], .TPL_FORMULAIRE input[type="date"], .TPL_FORMULAIRE input[type="file"], .TPL_FORMULAIRE input[type="text"], .TPL_FORMULAIRE input[type="email"], .TPL_FORMULAIRE input[type="number"], .TPL_FORMULAIRE input[type="search"], .TPL_FORMULAIRE input[type="password"], .TPL_FORMULAIRE textarea, .TPL_FORMULAIRE select, .TPL_NEWSLETTER input[type="tel"], .TPL_NEWSLETTER input[type="url"], .TPL_NEWSLETTER input[type="date"], .TPL_NEWSLETTER input[type="file"], .TPL_NEWSLETTER input[type="text"], .TPL_NEWSLETTER input[type="email"], .TPL_NEWSLETTER input[type="number"], .TPL_NEWSLETTER input[type="search"], .TPL_NEWSLETTER input[type="password"], .TPL_NEWSLETTER textarea, .TPL_NEWSLETTER select { width: 100%; height: 60px; padding: 0.5rem 1.8rem; background-color: #DCE5E9; appearance: none; border: none; border-radius: 3px; box-sizing: border-box; vertical-align: middle; } .TPL_FORMULAIRE textarea, .TPL_NEWSLETTER textarea { vertical-align: top; height: auto; } .TPL_FORMULAIRE input[type="file"], .TPL_NEWSLETTER input[type="file"] { padding: 0; box-sizing: content-box; } .TPL_FORMULAIRE input.captchaInput, .TPL_NEWSLETTER input.captchaInput { width: auto; } .TPL_FORMULAIRE span.cases, .TPL_NEWSLETTER span.cases { display: inline-block; } .TPL_FORMULAIRE span.cases label, .TPL_NEWSLETTER span.cases label { display: inline-block; margin-bottom: 0; font-weight: 300; } .TPL_FORMULAIRE input.case, .TPL_NEWSLETTER input.case { border: 0; margin-right: 0.5rem; } .TPL_FORMULAIRE input.submit, .TPL_NEWSLETTER input.submit { font-size: 1.6rem; line-height: 2.4rem; color: #fff !important; background-color: #D81E41; border: 1px solid #D81E41; padding: 1.5rem 5%; border-radius: 3rem; display: inline-block; vertical-align: middle; text-transform: uppercase; text-decoration: none !important; transition: all 0.2s; font-weight: 700; word-wrap: break-word; white-space: pre-wrap; } .TPL_FORMULAIRE input.submit:hover, .TPL_FORMULAIRE input.submit:active, .TPL_FORMULAIRE input.submit:focus, .TPL_NEWSLETTER input.submit:hover, .TPL_NEWSLETTER input.submit:active, .TPL_NEWSLETTER input.submit:focus { text-decoration: none; background-color: #e25671; color: #fff !important; border-color: #e25671; } .TPL_FORMULAIRE span.counter, .TPL_NEWSLETTER span.counter { display: block; font-size: 1.2rem; } @media screen and (max-width: 767px) { .TPL_FORMULAIRE fieldset.groupeQuestion, .TPL_FORMULAIRE div.groupeQuestion, .TPL_NEWSLETTER fieldset.groupeQuestion, .TPL_NEWSLETTER div.groupeQuestion { margin: 0 0 2rem; padding: 2rem 1rem 0; } .TPL_FORMULAIRE form label, .TPL_NEWSLETTER form label { width: 100%; display: block; padding: 0; margin-bottom: 0.5rem; text-align: left; } .TPL_FORMULAIRE form .cases label, .TPL_NEWSLETTER form .cases label { line-height: 2.7rem; } .TPL_FORMULAIRE form p.action, .TPL_NEWSLETTER form p.action { text-align: center; } .TPL_FORMULAIRE input[type="tel"], .TPL_FORMULAIRE input[type="url"], .TPL_FORMULAIRE input[type="date"], .TPL_FORMULAIRE input[type="file"], .TPL_FORMULAIRE input[type="text"], .TPL_FORMULAIRE input[type="email"], .TPL_FORMULAIRE input[type="number"], .TPL_FORMULAIRE input[type="search"], .TPL_FORMULAIRE input[type="password"], .TPL_FORMULAIRE textarea, .TPL_FORMULAIRE select, .TPL_FORMULAIRE span.cases, .TPL_NEWSLETTER input[type="tel"], .TPL_NEWSLETTER input[type="url"], .TPL_NEWSLETTER input[type="date"], .TPL_NEWSLETTER input[type="file"], .TPL_NEWSLETTER input[type="text"], .TPL_NEWSLETTER input[type="email"], .TPL_NEWSLETTER input[type="number"], .TPL_NEWSLETTER input[type="search"], .TPL_NEWSLETTER input[type="password"], .TPL_NEWSLETTER textarea, .TPL_NEWSLETTER select, .TPL_NEWSLETTER span.cases { width: 100%; display: block; } .TPL_FORMULAIRE span.case, .TPL_NEWSLETTER span.case { display: block; margin-right: 0; } .TPL_FORMULAIRE input.captchaInput, .TPL_NEWSLETTER input.captchaInput { width: auto; display: inline-block; } .TPL_FORMULAIRE input.submit, .TPL_NEWSLETTER input.submit { max-width: 100%; } } .TPL_FORMULAIRE .tooltiptrigger, .TPL_NEWSLETTER .tooltiptrigger { position: absolute; top: 5px; right: 0; } .TPL_FORMULAIRE .tooltiptrigger img, .TPL_NEWSLETTER .tooltiptrigger img { margin-left: auto; display: block; } .TPL_FORMULAIRE .enLigne, .TPL_NEWSLETTER .enLigne { display: -webkit-inline-flex; display: inline-flex; } .TPL_FORMULAIRE .tooltip, .TPL_NEWSLETTER .tooltip { position: absolute; top: 0 !important; right: 30px !important; left: initial !important; font-size: 1.2rem; line-height: normal; background-color: #F5F4F4; padding: 1rem; border-radius: 3px; } .TPL_FORMULAIRE .tooltip:after, .TPL_NEWSLETTER .tooltip:after { content: ""; position: absolute; right: -5px; top: 10px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #F5F4F4; } .TPL_NEWSLETTER ul { display: flex; flex-wrap: wrap; } .TPL_NEWSLETTER ul .newsletterTitle { width: 100%; } .TPL_NEWSLETTER ul .newsletterListe { float: left; width: 50%; } .placeholder { font-weight: 600; font-style: italic; font-size: 1.6rem; color: #666; opacity: 1; } p.mention_cnil { font-style: italic; font-size: 1rem; line-height: 1.2em; padding: 0 0rem; } @media screen and (max-width: 767px) { p.mention_cnil { padding: 0 1rem; } } span.obligatoire { color: red; } p.notice { color: red; padding: 0; margin-bottom: 1rem; } @media screen and (max-width: 767px) { p.notice { padding: 0 1rem; } } .captchaImg { vertical-align: bottom; border: 1px solid #000; } .captchaOperation { font-weight: bold; } .form_error { color: red; padding: 0 2rem; margin-bottom: 2rem !important; font-size: 1.4rem; } .form_error li { list-style: inside; } @media screen and (max-width: 767px) { .form_error { padding: 0 1rem; } } .form_retour { font-size: 1.6rem; line-height: 2.4rem; color: #fff !important; background-color: #333; border: 1px solid #333; padding: 1rem 5%; border-radius: 0; display: inline-block; vertical-align: middle; text-transform: uppercase; text-decoration: none !important; transition: all 0.2s; margin-right: 2rem; } .form_retour:hover, .form_retour:active, .form_retour:focus { text-decoration: none; background-color: #666666; color: #fff !important; border-color: #666666; } .merci { border: 1px solid #000; padding: 3rem; text-align: center; } .merci .retour { margin: 0; } .merci .retour a { font-size: 1.6rem; line-height: 2.4rem; color: #fff !important; background-color: #333; border: 1px solid #333; padding: 1rem 5%; border-radius: 0; display: inline-block; vertical-align: middle; text-transform: uppercase; text-decoration: none !important; transition: all 0.2s; } .merci .retour a:hover, .merci .retour a:active, .merci .retour a:focus { text-decoration: none; background-color: #666666; color: #fff !important; border-color: #666666; } .ui-tooltip { font-size: 12px !important; line-height: normal !important; } .PRS_WIDTH_50G { width: 48.5%; float: left; clear: both; } @media screen and (max-width: 767px) { .PRS_WIDTH_50G { clear: both; float: none; width: 100%; margin-left: 0; margin-right: 0; } } .PRS_WIDTH_50D { width: 48.5%; float: right; clear: right; } @media screen and (max-width: 767px) { .PRS_WIDTH_50D { clear: both; float: none; width: 100%; margin-left: 0; margin-right: 0; } } .PRS_FONDROUGE { background-color: #D81E41; margin-left: -110px; margin-right: -110px; padding: 3rem 3.5rem; margin-bottom: 4rem; color: #fff; } .PRS_FONDROUGE a { color: #fff; } .PRS_FONDROUGE ul li:before, .PRS_FONDROUGE ol li:before { color: #fff; } .PRS_FONDROUGE table { background-color: transparent; border: 1px solid #fff; } .PRS_FONDROUGE table td { border-top: 1px solid #fff; border-right: 1px solid #fff; } .PRS_FONDROUGE hr { border-color: #fff; } @media (max-width: 1320px) { .PRS_FONDROUGE { margin-left: -70px; margin-right: -70px; } } @media (max-width: 1024px) { .PRS_FONDROUGE { margin-left: 0; margin-right: 0; } } @media (max-width: 767px) { .PRS_FONDROUGE { padding: 2rem; } } .blocNavigation { margin-bottom: 1.5rem; padding-bottom: 1rem; text-align: center; } .resultatNavigation { margin: 1rem 0; } .regletteNavigation { margin: 1rem 0; } .regletteNavigation span a, .regletteNavigation span strong { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #D81E41; border-radius: 30px; color: #ffffff; padding: 0 1rem; transition: all 0.2s ease 0s; margin: 0 0.3rem 0.3rem; height: 30px; min-width: 30px; box-sizing: border-box; } .regletteNavigation span a { background-color: #333; } .regletteNavigation span a:hover, .regletteNavigation span a:focus, .regletteNavigation span a:active { text-decoration: none; background-color: #D81E41; } .liste .evenement.item { box-shadow: 4px 4px 0px #C2E5F5; } .liste .evenement .categorie { color: #16729A; } .liste .evenement .pastille { background-color: #16729A; } .liste .image { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex: 0 0 287px; flex: 0 0 287px; margin-bottom: 0; } .liste .image img { display: block; margin: 0 auto; max-width: 287px; } .liste .item { box-shadow: 4px 4px 0px #F8DAE0; min-height: 215px; margin-bottom: 2.4rem; display: -webkit-flex; display: flex; } .liste .date { align-self: flex-end; } .liste h3 { text-transform: initial; margin-bottom: 1rem; } .liste .categorie { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; color: #D81E41; font-size: 1.2rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 1rem; line-height: 1.2em; position: relative; } .liste .categorie .pastille { margin-bottom: 0; } .liste .categorie .date { position: absolute; top: 0; right: -3rem; color: #777; font-size: 1.2rem; font-weight: 300; } .liste .itemContent { margin-top: auto; margin-bottom: auto; padding-left: 4rem; padding-right: 7rem; } .liste .resume { font-weight: 300; font-size: 1.6rem; margin-bottom: 2.5rem; line-height: normal; display: block; } .liste .resume p { font-weight: 300; font-size: 1.6rem; margin-bottom: 0.8rem; line-height: normal; } @media screen and (max-width: 767px) { .liste .item { -webkit-flex-direction: column; flex-direction: column; } .liste .image { -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 2rem; } .liste .image img { max-width: 100%; max-height: 415px; } .liste .itemContent { padding: 0 1rem 0 0; } .liste .categorie .date { position: relative; right: 0; display: block; text-align: right; } } .annuaireListe .item h3 { transition: color 120ms ease-in-out; } .annuaireListe .item a { display: -webkit-flex; display: flex; width: 100%; } .annuaireListe .item a:hover h3, .annuaireListe .item a:active h3, .annuaireListe .item a:focus h3 { color: #D81E41; } @media screen and (max-width: 767px) { .annuaireListe .item { box-shadow: none; } .annuaireListe .item a { -webkit-flex-direction: column; flex-direction: column; } } .itemList { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .itemList.annuaireListe .item { width: 100%; } .itemList .categorie { color: #D81E41; } .itemList .item { width: 46.969696969697%; margin-bottom: 5.5rem; } .itemList .item.actu h3 { margin-bottom: 1.2rem; } .itemList a:hover, .itemList a:active, .itemList a:focus { text-decoration: none; } .itemList a:hover .titreItem, .itemList a:active .titreItem, .itemList a:focus .titreItem { color: #D81E41; } .itemList img { display: block; } .itemList .date { min-width: 55px; position: absolute; bottom: 2rem; right: 2rem; background-color: #fff; padding: 0.5rem 0.5rem 0.2rem 0.8rem; text-align: center; } .itemList .date .mois { display: block; margin-top: 2px; } .itemList .dateFin:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f078"; font-size: 1.7rem; display: block; margin: 0.5rem auto 0; color: #16729A; } .itemList .avecBordure { display: block; box-shadow: 4px 4px 0px #F8DAE0; padding: 2rem; position: relative; box-sizing: border-box; } .itemList .sansBordure { display: block; padding: 1.7rem 1.7rem 1.7rem 0; } .itemList .sansBordure .categorie { display: block; margin-bottom: 1.8rem; text-align: left; } .itemList .titreItem { font-weight: 700; font-size: 2rem; line-height: 1.2em; transition: color 120ms ease-in-out; } @media (max-width: 767px) { .itemList .avecBordure { padding: 0; box-shadow: none; } .itemList .date { bottom: 0; right: 0; } .itemList .sansBordure .categorie { margin-bottom: 0.5rem; } .itemList .titreItem { font-size: 1.6rem; } } @media (max-width: 575px) { .itemList .item { width: 100%; } } .listAnnuaire .quartier { color: #777; font-size: 1.2rem; margin-bottom: 1rem; line-height: 1.2em; text-transform: uppercase; font-weight: 700; } .listAnnuaire .quartier:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f3c5"; margin-right: 0.7rem; display: inline-block; } .rechercheListe { margin-bottom: 4rem; } .rechercheListe fieldset { border: none; padding: 0; } .rechercheListe fieldset legend { font-weight: 700; font-size: 1.8rem; text-transform: uppercase; flex-shrink: 0; margin-right: 2.2rem; } .rechercheListe .filters { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } @media (max-width: 767px) { .rechercheListe .filters { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .rechercheListe .filters .filter { border-bottom: 1px solid #DECDD1; position: relative; -webkit-flex: 1; flex: 1; } @media (max-width: 767px) { .rechercheListe .filters .filter { width: 50%; } } .rechercheListe .filters .filter:before, .rechercheListe .filters .filter:after { content: ""; position: absolute; bottom: 0px; height: 6px; width: 1px; background-color: #DECDD1; } .rechercheListe .filters .filter:before { left: 0; } .rechercheListe .filters .filter:after { right: 0; } .rechercheListe .filters .filter:not(:last-of-type) { margin-right: 22px; } .rechercheListe .filters .filter input, .rechercheListe .filters .filter select { background-color: transparent; height: 35px; } .rechercheListe .filters input { /* Chrome/Opera/Safari */ /* Firefox 19+ */ /* IE 10+ */ /* Firefox 18- */ } .rechercheListe .filters input::-webkit-input-placeholder { font-weight: 600; font-style: italic; font-size: 1.6rem; color: #666; opacity: 1; } .rechercheListe .filters input::-moz-placeholder { font-weight: 600; font-style: italic; font-size: 1.6rem; color: #666; opacity: 1; } .rechercheListe .filters input:-ms-input-placeholder { font-weight: 600; font-style: italic; font-size: 1.6rem; color: #666; opacity: 1; } .rechercheListe .filters input:-moz-placeholder { font-weight: 600; font-style: italic; font-size: 1.6rem; color: #666; opacity: 1; } .rechercheListe .filters input.hasDatepicker { font-weight: 600; font-style: italic; font-size: 1.6rem; color: #666; opacity: 1; text-align: center; padding-right: 4rem; } .rechercheListe .filters select { font-weight: 600; font-style: italic; font-size: 1.6rem; color: #666; opacity: 1; } .rechercheListe .filters .action { margin-top: 5px; margin-bottom: 0; } .rechercheListe .filters .submit input { height: 60px; width: 60px; text-transform: uppercase; font-weight: 800; font-size: 1.4rem; letter-spacing: 0.1em; padding: 0; } @media (max-width: 767px) { .rechercheListe fieldset legend { width: 100%; margin-bottom: 1rem; } .rechercheListe .filters { -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; } .rechercheListe .filters .filter { margin-bottom: 1rem; width: 100%; } .rechercheListe .filters .filter:not(:last-of-type) { margin-right: 0; } } .nbResultats { color: #333; font-size: 1.8rem; margin-bottom: 3.5rem; display: block; font-weight: 500; } .nbResultats span { color: #D81E41; font-size: 2.4rem; font-weight: 800; } .nbResultSee { font-style: italic; display: block; font-size: 1.4rem; margin-top: 5rem; margin-bottom: 2rem; line-height: 1.2em; } #annuaireMore { font-size: 1.4rem; } #tpl_accesRapide .liste .image { flex: 1 0 auto; display: block; margin-bottom: 0; } .tpl .accrochePage .image { text-align: center; margin-bottom: 2rem; } .tpl .accrochePage .image img { display: block; margin: 0 auto; } .TPL_SOMMAIREPAGE h2:before { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; content: "\f02e"; color: #D81E41; padding-right: 2rem; } .TPL_SOMMAIREPAGE a { font-weight: 500; font-size: 1.4rem; line-height: 2.5rem; display: block; position: relative; padding-left: 2.5rem; } .TPL_SOMMAIREPAGE a:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f30b"; padding-right: 1rem; display: inline-block; position: absolute; left: 0; } .TPL_SOMMAIREPAGE ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .TPL_SOMMAIREPAGE ul li { width: 50%; } .TPL_ACCESRAPIDE { text-align: center; margin-bottom: 9.5rem; /* peut être à généraliser */ } .TPL_ACCESRAPIDE .liste { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 80%; margin: 0 auto 0; position: relative; } .TPL_ACCESRAPIDE .liste:before { background-image: url("/include/css/GAB_NANTERRE/images/mediator_big.png"); transform: translateY(-50%); top: 50%; position: absolute; content: ""; background-repeat: no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; width: 279px; height: 297px; left: -25px; z-index: -1; } .TPL_ACCESRAPIDE .btnLight { font-size: 1.4rem; } @media (max-width: 1024px) { .TPL_ACCESRAPIDE .liste { width: 90%; } } @media (max-width: 767px) { .TPL_ACCESRAPIDE { margin-top: 1rem; margin-bottom: 3rem; } .TPL_ACCESRAPIDE .liste { width: 100%; } .TPL_ACCESRAPIDE .liste:before { display: none; } .TPL_ACCESRAPIDE .liste li { width: 100%; } } .TPL_DEMARCHE { margin-bottom: 7rem; padding: 8rem 0 7rem; text-align: center; position: relative; background-color: #DCE5E9; } .TPL_DEMARCHE h2 { margin-bottom: 6rem; } .TPL_DEMARCHE h2 span:before { content: url("/include/css/GAB_NANTERRE/images/points_pour_titre_gris.svg"); } .TPL_DEMARCHE #tpl_accesRapide .image { margin-bottom: 2.5rem; height: 100px; } .TPL_DEMARCHE .libelle { font-size: 1.4rem; font-weight: 700; text-align: center; transition: color 120ms ease-in-out; } .TPL_DEMARCHE .liste { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 3rem; } .TPL_DEMARCHE .liste li { width: 13.636363636364%; box-sizing: border-box; } .TPL_DEMARCHE .liste a { display: block; text-decoration: none; } .TPL_DEMARCHE .liste a:hover .libelle, .TPL_DEMARCHE .liste a:active .libelle, .TPL_DEMARCHE .liste a:focus .libelle { color: #D81E41; } @media (max-width: 767px) { .TPL_DEMARCHE { padding: 4rem 0 4rem; } .TPL_DEMARCHE p { margin-bottom: 0; } .TPL_DEMARCHE h2 { margin-bottom: 4rem; } .TPL_DEMARCHE .liste li { width: 50%; margin-bottom: 2rem; } } .TPL_GRANDPROJET { padding: 5rem 0 8rem; margin-bottom: 0; text-align: center; position: relative; background-color: #DCE5E9; background-image: linear-gradient(45deg,#eaf1f4 45%,#DCE5E9 45%,#DCE5E9 50%,#eaf1f4 50%,#eaf1f4 95%,#DCE5E9 95%,#DCE5E9 100%); background-size: 14px 14px; } .TPL_GRANDPROJET h2 { margin-bottom: 3rem; } .TPL_GRANDPROJET h2 span:before { content: url("/include/css/GAB_NANTERRE/images/points_pour_titre_gris.svg"); } .TPL_GRANDPROJET .liste li { width: 30.30303030303%; border: 20px solid #fff; box-shadow: 4px 4px 0 #CCD6DA; position: relative; box-sizing: border-box; margin-bottom: 2rem; float: left; } .TPL_GRANDPROJET .liste .image { position: relative; } .TPL_GRANDPROJET .liste .image:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: linear-gradient(359.62deg,#000000 -15.01%,rgba(0,0,0,0) 50.3%); } .TPL_GRANDPROJET .liste .image img { max-width: 100%; } .TPL_GRANDPROJET .liste .itemTitre { position: absolute; font-size: 2rem; color: #fff; font-weight: 700; bottom: 1.5rem; left: 2rem; line-height: normal; text-align: left; } .TPL_GRANDPROJET .liste .projetEnAvant { width: 66.666666666667%; margin-right: 3.030303030303%; } .TPL_GRANDPROJET .liste .projetEnAvant .image:after { background: none; } .TPL_GRANDPROJET .liste .projetEnAvant .itemTitre { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: absolute; bottom: -70px; left: 5rem; width: 396px; height: 380px; font-size: 3.6rem; } .TPL_GRANDPROJET .liste .projetEnAvant .itemTitre .mediator { background-image: url("/include/css/GAB_NANTERRE/images/bg_titre_grandsprojets.png"); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .TPL_GRANDPROJET .liste .projetEnAvant .itemTitre .titre { position: relative; padding: 7rem 4.5rem 4rem 9rem; text-align: left; line-height: normal; } .TPL_GRANDPROJET .alignright { margin: -4rem 0 0 0; } @media (max-width: 1024px) { .TPL_GRANDPROJET .liste { max-height: 500px; } .TPL_GRANDPROJET .liste .projetEnAvant { width: 49%; margin-right: 2%; } .TPL_GRANDPROJET .liste .projetEnAvant .itemTitre { position: absolute; font-size: 2rem; bottom: 1.5rem; left: 2rem; width: auto; height: auto; } .TPL_GRANDPROJET .liste .projetEnAvant .itemTitre .mediator { display: none; } .TPL_GRANDPROJET .liste .projetEnAvant .itemTitre .titre { padding: 0; } .TPL_GRANDPROJET .liste .projetEnAvant .image:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: linear-gradient(359.62deg,#000000 -15.01%,rgba(0,0,0,0) 50.3%); } .TPL_GRANDPROJET .liste li { width: 49%; } } @media (max-width: 767px) { .TPL_GRANDPROJET { padding-bottom: 2rem; } .TPL_GRANDPROJET .liste { max-height: initial; } .TPL_GRANDPROJET .liste .projetEnAvant { width: 100%; } .TPL_GRANDPROJET .liste li { width: 100%; } .TPL_GRANDPROJET .liste .image img { width: 100%; } } .TPL_VIDEOHOME { position: relative; text-align: center; color: #fff; padding: 8rem 0; margin: 0; } .TPL_VIDEOHOME:before { background-image: url("/include/css/GAB_NANTERRE/images/bg_webtv.jpg"); content: ""; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; } .TPL_VIDEOHOME h2 { margin-bottom: 4.5rem; } .TPL_VIDEOHOME h2 span:before { content: url("/include/css/GAB_NANTERRE/images/points_pour_titre_noir.svg"); } .TPL_VIDEOHOME .webTvContent { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .TPL_VIDEOHOME .image { width: 46.969696969697%; margin-right: 40px; } .TPL_VIDEOHOME .image img { width: 100%; } .TPL_VIDEOHOME .iframeContainer { width: 46.969696969697%; margin-right: 40px; height: 0; padding-bottom: 26.5%; position: relative; } .TPL_VIDEOHOME .iframeContainer iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .TPL_VIDEOHOME .content { width: 30.30303030303%; text-align: left; } .TPL_VIDEOHOME .content p { font-size: 1.8rem; line-height: 2.6rem; font-weight: 300; } .TPL_VIDEOHOME .titre { font-size: 3rem; line-height: 4.4rem; font-weight: 700; } .TPL_VIDEOHOME .btnFleche { margin-right: 110px; } @media (max-width: 1024px) { .TPL_VIDEOHOME .titre { font-size: 2.4rem; line-height: 1.2em; margin-bottom: 1rem; display: block; } } @media (max-width: 767px) { .TPL_VIDEOHOME { padding: 3rem 0; } .TPL_VIDEOHOME p { margin: 0; } .TPL_VIDEOHOME h2 { margin-bottom: 2rem; } .TPL_VIDEOHOME .image { width: 100%; margin-right: 0; margin-bottom: 1rem; } .TPL_VIDEOHOME .webTvContent .content { display: none; } .TPL_VIDEOHOME .btnFleche { margin-right: 0; } .TPL_VIDEOHOME .iframeContainer { padding-bottom: 56%; width: 100%; margin: 0 0 2rem 0; } } .TPL_ANNUAIREHOME { text-align: center; margin-top: 10rem; margin-bottom: 3rem; } .TPL_ANNUAIREHOME .annuaireContent { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 2.5rem; } .TPL_ANNUAIREHOME .lienAnnuaire, .TPL_ANNUAIREHOME .lienPlan { width: 46.969696969697%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 1rem; height: 360px; -webkit-background-size: cover; background-size: cover; box-sizing: border-box; box-shadow: 0 0 0 rgba(0,0,0,0.4); transition: all 120ms ease-in-out; } .TPL_ANNUAIREHOME .lienAnnuaire:hover, .TPL_ANNUAIREHOME .lienAnnuaire:active, .TPL_ANNUAIREHOME .lienAnnuaire:focus, .TPL_ANNUAIREHOME .lienPlan:hover, .TPL_ANNUAIREHOME .lienPlan:active, .TPL_ANNUAIREHOME .lienPlan:focus { box-shadow: 4px 4px 15px rgba(0,0,0,0.4); transform: translate(-2px,-2px); } .TPL_ANNUAIREHOME .lienAnnuaire { background-image: url("/include/css/GAB_NANTERRE/images/annuaire.jpg"); } .TPL_ANNUAIREHOME .lienPlan { background-image: url("/include/css/GAB_NANTERRE/images/plan.jpg"); } .TPL_ANNUAIREHOME a { width: 46.969696969697%; position: relative; } .TPL_ANNUAIREHOME p { margin-bottom: 0; } .TPL_ANNUAIREHOME .title { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border: 2px solid #fff; border-radius: 6rem; height: 60px; padding: 0 4rem; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 800; font-size: 1.4rem; color: #fff; transition: all 120ms ease-in-out; } .TPL_ANNUAIREHOME .title i { margin-right: 1rem; } @media (max-width: 1024px) { .TPL_ANNUAIREHOME .title { white-space: normal; padding: 0 2rem; } } @media (max-width: 767px) { .TPL_ANNUAIREHOME { margin-top: 3rem; } .TPL_ANNUAIREHOME .annuaireContent { -webkit-flex-direction: column; flex-direction: column; } .TPL_ANNUAIREHOME .annuaireContent a { width: 100%; } .TPL_ANNUAIREHOME .annuaireContent a:not(:last-of-type) { margin-bottom: 10px; } .TPL_ANNUAIREHOME .title { padding: 0 3rem; width: 70%; -webkit-justify-content: center; justify-content: center; } } @media (max-width: 575px) { .TPL_ANNUAIREHOME .lienAnnuaire, .TPL_ANNUAIREHOME .lienPlan { height: 175px; } } .TPL_ANNUAIRE .categorie { text-align: center; } .TPL_ANNUAIRE .agenda .categorie { text-align: left; color: #16729A; } .TPL_ANNUAIRE .agenda .liste .item { -webkit-align-items: center; align-items: center; min-height: initial; padding: 3rem 0; box-shadow: 4px 4px 0 #C2E5F5; } .TPL_ANNUAIRE .encartEnSavoirPlus h3 { font-size: 2.4rem; } .TPL_ANNUAIRE .annuaireLink { margin-top: -4rem; margin-bottom: 2rem; } @media (max-width: 767px) { .TPL_ANNUAIRE .annuaireLink { margin-top: 0; } } .TPL_RESEAUX { margin-top: 8rem; margin-bottom: 8rem; text-align: center; } .TPL_RESEAUX h2 { margin-bottom: 5rem; } .TPL_RESEAUX .innerCenter { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; } .TPL_RESEAUX .innerCenter:before, .TPL_RESEAUX .innerCenter:after { display: none; } .TPL_RESEAUX .reseauContent { width: 100%; } .TPL_RESEAUX .reseauContent a:hover, .TPL_RESEAUX .reseauContent a:active, .TPL_RESEAUX .reseauContent a:focus { text-decoration: none; } .TPL_RESEAUX .reseauContent a:hover .nombre, .TPL_RESEAUX .reseauContent a:active .nombre, .TPL_RESEAUX .reseauContent a:focus .nombre { color: #D81E41; } .TPL_RESEAUX .reseauContent .external { display: block; } .TPL_RESEAUX .blocNewsletter { display: -webkit-flex; display: flex; border-radius: 70px; background-color: #DCE5E9; box-sizing: border-box; text-align: left; margin: 0 auto; -webkit-align-self: flex-start; align-self: flex-start; } .TPL_RESEAUX .blocNewsletter .image { flex: 0 0 130px; margin-bottom: 0; } .TPL_RESEAUX .blocNewsletter .rightSide { padding: 2rem 3rem 2rem 2rem; height: 130px; box-sizing: border-box; } .TPL_RESEAUX .blocNewsletter:hover .btnFleche:after { right: -0.5rem; } .TPL_RESEAUX .blocNewsletterText { font-size: 1.4rem; line-height: 1.7rem; font-weight: 700; margin-bottom: 1rem; } .TPL_RESEAUX .blocNewsletterLogo { margin-bottom: 1rem; } .TPL_RESEAUX .logoNanterreActu { margin-left: 0; mix-blend-mode: darken; width: 150px; } .TPL_RESEAUX .liste { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .TPL_RESEAUX .liste li { text-align: center; margin: 2rem 0; } .TPL_RESEAUX .liste li:not(:last-child) { margin-right: 20px; } .TPL_RESEAUX .image { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 130px; height: 130px; border-radius: 50%; background-color: #D81E41; margin-bottom: 0.6rem; } .TPL_RESEAUX .nombre { font-weight: 700; font-size: 1.4rem; transition: color 120ms ease-in-out; } .TPL_RESEAUX .libelle { font-size: 1.4rem; font-weight: 300; } @media (max-width: 1320px) { .TPL_RESEAUX .liste li { margin-top: 0; } } @media (max-width: 1024px) { .TPL_RESEAUX h2 { white-space: nowrap; } } @media (max-width: 767px) { .TPL_RESEAUX { margin-bottom: 0; } .TPL_RESEAUX h2 { text-align: center; margin-bottom: 2rem; } .TPL_RESEAUX h2 span:before { content: ""; } .TPL_RESEAUX .innerParagraphe { -webkit-flex-direction: column; flex-direction: column; } .TPL_RESEAUX .reseauContent { margin-left: 0; width: 100%; } .TPL_RESEAUX .image { width: 90px; height: 90px; margin: 0 auto 1rem; } .TPL_RESEAUX .liste { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .TPL_RESEAUX .liste li { -webkit-align-items: center; align-items: center; margin: 0 1.5rem 2.5rem; } .TPL_RESEAUX .blocNewsletter { width: 100%; min-width: 320px; max-width: initial; } .TPL_RESEAUX .blocNewsletter .image { height: 130px; margin: 0; } .TPL_RESEAUX .blocNewsletter .rightSide { padding-left: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .TPL_RESEAUX .blocNewsletterText { font-size: 1.4rem; } } @media (max-width: 575px) { .TPL_RESEAUX .blocNewsletter { -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; background-color: transparent; min-width: initial; } .TPL_RESEAUX .blocNewsletter .rightSide { height: auto; padding: 1rem 0; text-align: center; } .TPL_RESEAUX .blocNewsletter .image { width: 90px; height: 90px; -webkit-flex: 0 0 90px; flex: 0 0 90px; } } .TPL_AUTRESITE { position: relative; margin: 0; text-align: center; padding: 3rem 0; } .TPL_AUTRESITE:before { content: ""; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; background-color: #DCE5E9; z-index: -1; } .TPL_AUTRESITE h2 { margin-bottom: 2rem; } .TPL_AUTRESITE h2 span:before { content: url("/include/css/GAB_NANTERRE/images/points_pour_titre_gris.svg"); } .TPL_AUTRESITE .owl-carousel { position: relative; padding: 0 4rem; box-sizing: border-box; } .TPL_AUTRESITE .owl-carousel .owl-stage { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .TPL_AUTRESITE .owl-carousel .owl-stage-outer { z-index: 1; } .TPL_AUTRESITE .owl-carousel .owl-item img { width: auto; margin: 0 auto; } .TPL_AUTRESITE .owl-carousel a { display: block; } .TPL_AUTRESITE .owl-carousel .owl-nav { position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next { position: absolute; transform: translateY(-50%); top: 50%; width: auto; height: auto; border: none; background-color: transparent; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev.disabled, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next.disabled { background-color: transparent; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev.disabled:before, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next.disabled:before { color: #333; opacity: 0.5; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev:before, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next:before { color: #333; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev:hover, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev:active, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev:focus, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next:hover, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next:active, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next:focus { background-color: transparent; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev:hover:before, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev:active:before, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev:focus:before, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next:hover:before, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next:active:before, .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next:focus:before { color: #D81E41; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev { left: -10px; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next { right: -10px; } @media (max-width: 1320px) { .TPL_AUTRESITE .owl-carousel .owl-nav .owl-prev { left: 0; } .TPL_AUTRESITE .owl-carousel .owl-nav .owl-next { right: 0; } } .TPL_OFFREEMPLOILISTE .liste { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .TPL_OFFREEMPLOILISTE .liste .item { -webkit-flex-direction: column; flex-direction: column; margin-bottom: 3rem; padding-right: 1rem; width: 44.69696969697%; } .TPL_OFFREEMPLOILISTE .liste .item .lireLaSuite { align-self: center; width: auto; margin-bottom: 2rem; } .TPL_OFFREEMPLOILISTE .liste .item .label { display: inline-block; font-weight: 700; } .TPL_OFFREEMPLOILISTE .itemTitre { font-size: 2.4rem; font-weight: 700; } @media (max-width: 767px) { .TPL_OFFREEMPLOILISTE .liste .item { width: 100%; } } .TPL_OFFREEMPLOI p { margin-bottom: 0; } .TPL_OFFREEMPLOI .label { font-weight: 700; } .TPL_OFFREEMPLOI .description { margin-top: 2rem; } .TPL_OFFREEMPLOI .btn { margin: 2rem 0; } .TPL_OFFREEMPLOI .deposerCandidatureBloc { text-align: center; } .TPL_ASSOCIATIONLISTE .depot { margin-top: 1rem; display: block; } .TPL_ASSOCIATIONLISTE .associationListe .image { box-shadow: 4px 4px 0 #F8DAE0; border: 20px solid #fff; display: block; margin-bottom: 1.5rem; } .TPL_ASSOCIATION .accrochePage { display: -webkit-flex; display: flex; margin-top: 4rem; } .TPL_ASSOCIATION .accrochePage .image { flex-shrink: 0; margin-bottom: 4rem; } .TPL_ASSOCIATION .accrochePage .resume { margin-left: 4rem; text-align: left; } .TPL_ASSOCIATION .infoPratiques ul { margin-bottom: 2rem; } .TPL_ASSOCIATION .infoPratiques .adresse h4 { display: block; } .TPL_ASSOCIATION .ressourcesConteneur h4 { text-transform: uppercase; } .TPL_ASSOCIATION .ressourcesConteneur .lienUtiles a { text-align: left; } .TPL_ASSOCIATION .ressourcesConteneur .lienUtiles a:before { content: "\f044"; } .TPL_ASSOCIATION .infosDescription { margin-top: 6rem; } .TPL_ASSOCIATION .retour { display: block; } .TPL_ASSOCIATION .btn + .btn { margin-left: 2rem; } .TPL_ASSOCIATION .btnFlecheContainer { margin-top: -6rem; } @media (max-width: 767px) { .TPL_ASSOCIATION .accrochePage { -webkit-flex-direction: column; flex-direction: column; } .TPL_ASSOCIATION .accrochePage .image { margin: 0 auto 2rem; } .TPL_ASSOCIATION .accrochePage .resume { margin-left: 0; } .TPL_ASSOCIATION .btnFlecheContainer { margin-top: 0; } } @media (max-width: 575px) { .TPL_ASSOCIATION .infosDescription { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .TPL_ASSOCIATION .infosDescription a { margin-bottom: 2rem; } .TPL_ASSOCIATION .btn + .btn { margin-left: 0; } .TPL_ASSOCIATION .infoPratiques .icon { padding-left: 2.8rem; } .TPL_ASSOCIATION .infoPratiques .icon:before { font-size: 1.8rem; } } .TPL_ASSOCIATIONDEPOT .tpl_association .action a { margin-bottom: 0; } .TPL_VIDEO h2 { text-align: center; } .TPL_VIDEO .iframeContainer { width: 100%; height: 0; padding-bottom: 56.3%; position: relative; display: block; } .TPL_VIDEO .iframeContainer iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .TPL_VIDEOLISTE .item a { display: -webkit-flex; display: flex; width: 100%; } .TPL_VIDEOLISTE .item a:hover, .TPL_VIDEOLISTE .item a:active, .TPL_VIDEOLISTE .item a:focus { text-decoration: none; } .TPL_VIDEOLISTE .item a:hover h3, .TPL_VIDEOLISTE .item a:active h3, .TPL_VIDEOLISTE .item a:focus h3 { color: #D81E41; } .TPL_VIDEOLISTE .item h3 { transition: 120ms ease-in-out; } .TPL_CINEMA p { margin-bottom: 0; } .TPL_CINEMA h2 { margin-bottom: 4rem; text-transform: initial; } .TPL_CINEMA .liste .item { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .TPL_CINEMA .liste .image { flex: 0 0 22%; -webkit-align-items: flex-start; align-items: flex-start; } .TPL_CINEMA .liste .itemContent { flex: 1 0 78%; padding-right: 4rem; box-sizing: border-box; margin: 0; } .TPL_CINEMA .liste .resume { margin-top: 5px; } .TPL_CINEMA .horaires, .TPL_CINEMA .description { position: relative; padding-left: 3rem; } .TPL_CINEMA .horaires:before, .TPL_CINEMA .description:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; position: absolute; left: 0; top: 0.5rem; font-size: 2rem; } .TPL_CINEMA .description:before { content: "\f27a"; } .TPL_CINEMA .horaires:before { content: "\f017"; } .TPL_CINEMA .bottomContent { margin-top: 3rem; flex: 1 0 100%; padding: 0 2rem 0 0; box-sizing: border-box; } .TPL_CINEMA .titre, .TPL_CINEMA .jour { font-weight: 700; } .TPL_CINEMA .btnFleche { margin: 1rem 0; text-align: right; display: block; } .TPL_CINEMA .top { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .TPL_CINEMA .top h3 { margin-right: 1.5rem; color: #D81E41; } @media (max-width: 767px) { .TPL_CINEMA h2 { font-size: 1.8rem; } .TPL_CINEMA .liste .item { -webkit-flex-direction: row; flex-direction: row; } .TPL_CINEMA .liste .itemContent { padding-left: 2rem; } .TPL_CINEMA .bottomContent { padding: 0 2rem; } } @media (max-width: 575px) { .TPL_CINEMA .liste .image { min-width: inherit; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .TPL_CINEMA .liste .image img { max-height: 200px; width: auto !important; margin: 0 auto; } .TPL_CINEMA .liste .item { -webkit-flex-direction: column; flex-direction: column; } .TPL_CINEMA .description { display: none; } .TPL_CINEMA .horaires { padding-left: 0; } .TPL_CINEMA .horaires:before { position: relative; font-size: 1.4rem; top: 0; margin-right: 0.5rem; } } .TPL_SIG #HomeButton { position: relative; top: 125px; } .TPL_SIG ul { overflow: hidden; margin: 0 0 2rem; padding: 0; line-height: 2.4rem; font-size: 1.4rem; } .TPL_SIG ul li { position: relative; padding-left: 1.6rem; } .TPL_SIG ul li:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f0da"; position: absolute; top: 2px; left: 0; color: #D81E41; font-size: 1.4rem; line-height: 2rem; padding: 0 1rem 0 0; } .TPL_SIG ul ul { padding: 0 0 0 2.8rem; margin: 0; } .TPL_SIG .resultat p { margin-bottom: 0; } .TPL_PERMANENCELISTE div.liste { overflow-x: auto; } .TPL_PERMANENCELISTE table { background-color: #fff; border-collapse: collapse; margin: 0 0 2rem; width: 100%; border: 1px solid #333; font-family: Arial, sans-serif; } .TPL_PERMANENCELISTE table thead td, .TPL_PERMANENCELISTE table thead th { text-align: center; color: #fff; font-weight: 700; border: 1px solid #D81E41; background-color: #D81E41; } .TPL_PERMANENCELISTE table th { padding: 1rem; font-size: 1.6rem; color: #000; font-weight: 700; text-align: left; border-bottom: 1px solid #333; } .TPL_PERMANENCELISTE table td { font-size: 1.6rem; border: 1px solid #333; padding: 1rem; } .TPL_PERMANENCELISTE table a { color: #D81E41; text-decoration: underline; } .TPL_PERMANENCELISTE table a:hover, .TPL_PERMANENCELISTE table a:active, .TPL_PERMANENCELISTE table a:focus { text-decoration: none; } .TPL_PERMANENCELISTE .aucunResultat { font-style: italic; margin: 5rem 0; display: block; } .TPL_FAQLISTE .liste .item, .TPL_FAQLISTECATEGORIE .liste .item { min-height: 1px; padding: 1.5rem 0; } .TPL_FAQLISTE .liste .itemInfo, .TPL_FAQLISTECATEGORIE .liste .itemInfo { width: 100%; } .TPL_FAQLISTE .liste h4, .TPL_FAQLISTECATEGORIE .liste h4 { text-transform: initial; font-weight: 500; } .TPL_FAQLISTE .liste .question a, .TPL_FAQLISTECATEGORIE .liste .question a { color: #D81E41; display: block; position: relative; transition: color 120ms ease-in-out; padding-right: 4rem; } .TPL_FAQLISTE .liste .question a:after, .TPL_FAQLISTECATEGORIE .liste .question a:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f067"; position: absolute; right: 1.5rem; font-size: 1.6rem; transition: color 120ms ease-in-out; } .TPL_FAQLISTE .liste .question a:hover, .TPL_FAQLISTE .liste .question a:active, .TPL_FAQLISTECATEGORIE .liste .question a:hover, .TPL_FAQLISTECATEGORIE .liste .question a:active { color: #333; text-decoration: none; } .TPL_FAQLISTE .liste .question a:hover:after, .TPL_FAQLISTE .liste .question a:active:after, .TPL_FAQLISTECATEGORIE .liste .question a:hover:after, .TPL_FAQLISTECATEGORIE .liste .question a:active:after { color: #333; } .TPL_FAQLISTE .liste .question a:focus, .TPL_FAQLISTECATEGORIE .liste .question a:focus { text-decoration: none; } .TPL_FAQLISTE .liste .question.open a:after, .TPL_FAQLISTECATEGORIE .liste .question.open a:after { content: "\f068"; } .TPL_FAQLISTE .reponse, .TPL_FAQLISTECATEGORIE .reponse { position: relative; width: 100%; padding-right: 4rem; box-sizing: border-box; } .TPL_FAQLISTE .fermer, .TPL_FAQLISTECATEGORIE .fermer { position: absolute; right: 1.5rem; top: 0; } .TPL_FAQLISTE .fermer:after, .TPL_FAQLISTECATEGORIE .fermer:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f057"; font-size: 1.6rem; color: #D81E41; transition: color 120ms ease-in-out; } .TPL_FAQLISTE .fermer:hover, .TPL_FAQLISTE .fermer:active, .TPL_FAQLISTE .fermer:focus, .TPL_FAQLISTECATEGORIE .fermer:hover, .TPL_FAQLISTECATEGORIE .fermer:active, .TPL_FAQLISTECATEGORIE .fermer:focus { text-decoration: none; } .TPL_FAQLISTE .fermer:hover:after, .TPL_FAQLISTE .fermer:active:after, .TPL_FAQLISTE .fermer:focus:after, .TPL_FAQLISTECATEGORIE .fermer:hover:after, .TPL_FAQLISTECATEGORIE .fermer:active:after, .TPL_FAQLISTECATEGORIE .fermer:focus:after { color: #333; } .TPL_ELULISTE .maire { text-align: center; margin-bottom: 5rem; } .TPL_ELULISTE .fonction { font-weight: 500; text-transform: initial; } @media (max-width: 767px) { .TPL_ELULISTE .item { text-align: center; } .TPL_ELULISTE .liste .itemContent { margin-bottom: 2rem; } } .TPL_ELU .maire { text-align: center; margin-bottom: 5rem; } .TPL_ELU .maire .select { margin-bottom: 3rem; } .TPL_ELU .maire img { margin-bottom: 1rem; } .TPL_PLANSITE .innerParagraphe ul > li { margin: 2rem; } .TPL_PLANSITE .innerParagraphe ul > li a { background: #D81E41; color: #fff; font-size: 2rem; display: block; padding: 1rem; } .TPL_PLANSITE .innerParagraphe ul > li a + ul { margin: 2rem 0 2rem; } .TPL_PLANSITE .innerParagraphe ul > li a + ul > li { margin: 0; } .TPL_PLANSITE .innerParagraphe ul > li a + ul > li a { background: none; position: relative; padding: 0 0 0 1.6rem; font-size: 1.4rem; line-height: 2rem; color: #333; margin-top: 1rem; } .TPL_PLANSITE .innerParagraphe ul > li a + ul > li a:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f0da"; position: absolute; top: -1px; left: 0; color: #D81E41; padding: 0 1rem 0 0; } .TPL_PLANSITE .innerParagraphe ul > li a + ul > li a + ul { margin: 0; } .TPL_PLANSITE .innerParagraphe ul > li a + ul > li a + ul > li > a { padding-left: 4rem; margin-top: 0; } .TPL_PLANSITE .innerParagraphe ul > li a + ul > li a + ul > li > a:before { content: "\f0da"; position: absolute; top: -1px; left: 27px; color: #D81E41; } .TPL_RECHERCHEAVANCEE form { position: relative; margin-bottom: 3rem; } .TPL_RECHERCHEAVANCEE span.submit { transform: translateY(-50%); top: 50%; position: absolute; right: 2.2rem; } .TPL_RECHERCHEAVANCEE span.submit:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f002"; color: #D81E41; font-size: 2.4rem; } .TPL_RECHERCHEAVANCEE input.submit { position: absolute; visibility: visible; right: -15px; width: 60px; height: 60px; top: -15px; color: transparent; background-color: transparent; border: none; } .TPL_RECHERCHEAVANCEE input[type=text] { width: 100%; height: 60px; border-radius: 6rem; padding: 0.5rem 4rem; border: none; background-color: #f2f2f2; box-sizing: border-box; } .TPL_RECHERCHEAVANCEE .filtrerPar { font-size: 1.8rem; font-weight: 700; text-transform: uppercase; flex-shrink: 0; margin-right: 1.5rem; } .TPL_RECHERCHEAVANCEE .searchFilterContainer { display: -webkit-flex; display: flex; margin-bottom: 5rem; } .TPL_RECHERCHEAVANCEE .btnFiltreContainer { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .TPL_RECHERCHEAVANCEE .filtreRecherche { border: 2px solid #D81E41; color: #D81E41; font-size: 1.2rem; font-weight: 700; border-radius: 3rem; text-transform: uppercase; height: 30px; padding: 0 1rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-right: 0.9rem; margin-bottom: 0.9rem; transition: all 120ms ease-in-out; } .TPL_RECHERCHEAVANCEE .filtreRecherche.selected { background-color: #D81E41; color: #fff; } .TPL_RECHERCHEAVANCEE .filtreRecherche:hover, .TPL_RECHERCHEAVANCEE .filtreRecherche:active, .TPL_RECHERCHEAVANCEE .filtreRecherche:focus { text-decoration: none; background-color: #D81E41; color: #fff; } .TPL_RECHERCHEAVANCEE .liste .itemContent { width: 100%; } .TPL_RECHERCHEAVANCEE .image { position: relative; } .TPL_RECHERCHEAVANCEE .date { position: absolute; bottom: 0; right: 0; background-color: #fff; padding: 0.2rem 0.5rem 0.2rem 1.4rem; text-align: center; } .TPL_RECHERCHEAVANCEE .dateFin:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f078"; font-size: 1.7rem; display: block; margin: 0.5rem auto 0; color: #16729A; } .TPL_RECHERCHEAVANCEE .moreResult { cursor: pointer; } @media screen and (min-width: 768px) { .TPL_RECHERCHEAVANCEE .liste .image img { max-width: 287px; } } @media screen and (max-width: 767px) { .TPL_RECHERCHEAVANCEE .liste .itemContent { width: auto; } .TPL_RECHERCHEAVANCEE .searchFilterContainer { -webkit-flex-direction: column; flex-direction: column; } } .TPL_EXTERNALFEED a { font-size: 1.4rem; position: relative; padding: 0 0 0 1.6rem; margin-top: 1rem; line-height: 2rem; color: #333; display: inline-block; } .TPL_EXTERNALFEED a:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f0da"; position: absolute; top: -1px; left: 0; color: #D81E41; padding: 0 1rem 0 0; } .TPL_PAGERUBRIQUE .itemList .item { margin-bottom: 1.8rem; } .TPL_PAGERUBRIQUE .itemList .titreItem { text-transform: initial; margin-bottom: 0; } .TPL_PAGERUBRIQUE .itemList a:hover h3, .TPL_PAGERUBRIQUE .itemList a:active h3, .TPL_PAGERUBRIQUE .itemList a:focus h3 { color: #D81E41; } .TPL_PAGERUBRIQUE2 h3 { text-transform: initial; font-weight: 400; font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 0; } .TPL_PAGERUBRIQUE2 a { color: #D81E41; text-decoration: underline; } .TPL_PAGERUBRIQUE2 a:hover { text-decoration: none; } .TPL_PAGERUBRIQUE2 ul { overflow: hidden; margin: 0 0 2rem; padding: 0; line-height: 2.4rem; font-size: 1.4rem; } .TPL_PAGERUBRIQUE2 ul li { position: relative; padding-left: 1.6rem; } .TPL_PAGERUBRIQUE2 ul li:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f0da"; position: absolute; top: 2px; left: 0; color: #D81E41; font-size: 1.4rem; line-height: 2rem; padding: 0 1rem 0 0; } #hautDePage { font-size: 1.6rem; width: 40px; height: 40px; color: #fff; background-color: #333; border: 1px solid #333; border-radius: 100%; right: 20px; bottom: 20px; position: fixed; z-index: 1000; text-align: center; box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.3); transition-duration: 0.3s; transition-timing-function: ease; transition-property: box-shadow, background-color, color, border-color; } #hautDePage:hover { color: #fff; background-color: red; border-color: red; } #hautDePage::before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: '\f062'; transform: translate(-50%,-50%); top: 50%; left: 50%; position: absolute; } @media screen and (max-width: 767px) { #hautDePage { width: 26.666666666667px; height: 26.666666666667px; right: 10px; bottom: 10px; } } #hautDePage:hover, #hautDePage:active, #hautDePage:focus { background-color: #D81E41; } #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight { display: none; } #cboxContent { border: 0 solid #fff; line-height: normal; background-color: transparent !important; } #cboxContent h2 { position: absolute; bottom: 0; margin-bottom: 0; left: 0; font-size: 2rem; padding: 1.5rem 1rem 1rem 0; min-height: 65px; box-sizing: border-box; color: #fff; } @media (max-width: 575px) { #cboxContent h2 { margin: 5px 0; font-size: 2rem; } } #cboxLoadedContent { margin-bottom: 0 !important; } #cboxClose { top: 0; right: 0 !important; bottom: inherit; background-image: none !important; background-color: #fff !important; text-indent: 0 !important; color: #fff; line-height: 1em; z-index: 2; } #cboxClose:before { content: "+"; font-family: 'Arial', sans-serif; font-size: 30px; color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-52%,-50%) rotate(45deg); transition: color 120ms ease-in-out; } #cboxClose:hover:before, #cboxClose:active:before, #cboxClose:focus:before { color: #D81E41; } #colorbox { max-width: 100%; } #colorbox .gv_panel, #colorbox .gv_panelWrap, #colorbox .gv_gallery, #colorbox .gv_galleryWrap { box-sizing: border-box; max-width: 100%; } #colorbox .gv_galleryWrap { padding: 0 !important; box-sizing: content-box; border-bottom: 2px solid #fff; } #colorbox .gv_panel img { left: 50%; transform: translateX(-50%); } #colorbox .gv_panelWrap { z-index: 1; } #colorbox .gv_navWrap { z-index: 2; top: 50%; transform: translateY(-50%); width: 100% !important; height: 30px !important; } #colorbox .gv_navPrev, #colorbox .gv_navNext { background-color: #fff !important; background-image: none !important; position: absolute; opacity: 1 !important; height: 30px !important; width: 30px !important; } #colorbox .gv_navPrev:before, #colorbox .gv_navNext:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; color: #000; font-size: 24px; line-height: 30px; transition: color 120ms ease-in-out; } #colorbox .gv_navPrev:hover:before, #colorbox .gv_navPrev:active:before, #colorbox .gv_navPrev:focus:before, #colorbox .gv_navNext:hover:before, #colorbox .gv_navNext:active:before, #colorbox .gv_navNext:focus:before { color: #D81E41; } #colorbox .gv_navPrev { left: 1px; } #colorbox .gv_navPrev:before { content: "\f053"; padding-right: 3px; } #colorbox .gv_navNext { right: 1px; } #colorbox .gv_navNext:before { content: "\f054"; padding-left: 3px; } #colorbox .gv_filmstripWrap { left: 50% !important; transform: translateX(-50%); } @media (max-width: 767px) { #cboxContent, #cboxLoadedContent { width: 100% !important; } } .TPL_ACTUALITE .datePublicationTitre { display: block; font-size: 1.2rem; font-weight: 300; text-transform: uppercase; color: #777; margin-top: 0.6rem; text-align: center; margin: 0 0 3.7rem; font-weight: 700; letter-spacing: 0.1em; } .TPL_ACTUALITE .datePublicationTitre:before { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; content: "\f017"; font-size: 1.2rem; color: #777; font-weight: normal; } .TPL_ACTUALITE .ressourcesConteneur h4 { text-transform: uppercase; } .TPL_ACTUALITE .encartLocalisation { margin-bottom: 4rem; } .TPL_ACTUALITE .encartLocalisation h4 { text-transform: initial; } .TPL_ACTUALITEALAUNE { text-align: center; margin-bottom: 0; } .TPL_ACTUALITEALAUNE h2 { margin-bottom: 7rem; } .TPL_ACTUALITEALAUNE .actuLink { display: block; } .TPL_ACTUALITEALAUNE .actuLink:hover, .TPL_ACTUALITEALAUNE .actuLink:active, .TPL_ACTUALITEALAUNE .actuLink:focus { text-decoration: none; } .TPL_ACTUALITEALAUNE .actuLink:hover h2, .TPL_ACTUALITEALAUNE .actuLink:active h2, .TPL_ACTUALITEALAUNE .actuLink:focus h2 { color: #D81E41; } .TPL_ACTUALITEALAUNE .accrochePageAvecCadre .cadre { margin: -13rem auto 6rem; max-width: 780px; } .TPL_ACTUALITEALAUNE .accrochePageAvecCadre h2:before { display: none; } .TPL_ACTUALITEALAUNE .image { position: relative; } @media (max-width: 1024px) { .TPL_ACTUALITEALAUNE .accrochePageAvecCadre .cadre { margin-top: -6rem; } } @media (max-width: 767px) { .TPL_ACTUALITEALAUNE { margin-bottom: 3rem; } .TPL_ACTUALITEALAUNE h2 { margin-bottom: 1.5rem; } .TPL_ACTUALITEALAUNE .accrochePageAvecCadre .cadre { margin: 0; } } .TPL_ACTUALITEALADEUX { margin-bottom: 15rem; } .TPL_ACTUALITEALADEUX .innerParagraphe > div { display: -webkit-flex; display: flex; } .TPL_ACTUALITEALADEUX .innerParagraphe:before, .TPL_ACTUALITEALADEUX .innerParagraphe:after { display: none; } .TPL_ACTUALITEALADEUX h2 { display: none; } .TPL_ACTUALITEALADEUX .colLeft { width: 25%; padding-right: 1rem; box-sizing: border-box; } .TPL_ACTUALITEALADEUX .colLeft h3 { font-size: 2.4rem; position: relative; padding-top: 15rem; text-transform: uppercase; margin-bottom: 1.5rem; } .TPL_ACTUALITEALADEUX .colLeft h3:before { content: ""; background-image: url("/include/css/GAB_NANTERRE/images/mediator_big.png"); background-repeat: no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; width: 205px; height: 198px; position: absolute; top: -1rem; left: 0; z-index: -1; } .TPL_ACTUALITEALADEUX .btnFleche { width: 25%; } .TPL_ACTUALITEALADEUX .owlActualite { width: 75%; } .TPL_ACTUALITEALADEUX .owlActualite a { display: block; } .TPL_ACTUALITEALADEUX .owlActualite a:hover, .TPL_ACTUALITEALADEUX .owlActualite a:active, .TPL_ACTUALITEALADEUX .owlActualite a:focus { text-decoration: none; } .TPL_ACTUALITEALADEUX .owlActualite a:hover h3, .TPL_ACTUALITEALADEUX .owlActualite a:active h3, .TPL_ACTUALITEALADEUX .owlActualite a:focus h3 { color: #D81E41; } .TPL_ACTUALITEALADEUX .owl-carousel .owl-item .video { position: relative; width: 100%; height: 0; padding-bottom: 57.5%; } .TPL_ACTUALITEALADEUX .owl-carousel .owl-item .video iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .TPL_ACTUALITEALADEUX .owl-carousel .owl-item .imgContainer { min-height: 167px; } .TPL_ACTUALITEALADEUX .categorie { margin-top: 0.8rem; margin-bottom: 1rem; } .TPL_ACTUALITEALADEUX h3 { text-transform: initial; font-size: 2rem; margin: 0; transition: color 120ms ease-in-out; } @media (max-width: 1024px) { .TPL_ACTUALITEALADEUX { margin-bottom: 10rem; } .TPL_ACTUALITEALADEUX .colLeft h3 { padding-top: 10rem; } .TPL_ACTUALITEALADEUX .colLeft h3:before { -webkit-background-size: 80% auto; background-size: 80% auto; } } @media (max-width: 767px) { .TPL_ACTUALITEALADEUX { margin-bottom: 3rem; } .TPL_ACTUALITEALADEUX .colLeft { width: 100%; } .TPL_ACTUALITEALADEUX .colLeft h3 { padding: 2rem 0 2rem 4rem; font-size: 1.8rem; } .TPL_ACTUALITEALADEUX .colLeft h3:before { -webkit-background-size: 45% auto; background-size: 45% auto; } .TPL_ACTUALITEALADEUX .btnFleche { width: 100%; } .TPL_ACTUALITEALADEUX .owlActualite { width: 100%; margin-top: 55px; } .TPL_ACTUALITEALADEUX .innerParagraphe { max-height: none; } .TPL_ACTUALITEALADEUX .innerParagraphe > div { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .TPL_ACTUALITEALADEUX .btnFleche { order: 2; text-align: right; margin-top: 2rem; } } @media (max-width: 575px) { .TPL_ACTUALITEALADEUX .owl-carousel .owl-item img { width: 100%; } } .TPL_EVENEMENT .datePublicationTitre { display: block; font-size: 1.2rem; font-weight: 300; text-transform: uppercase; color: #777; margin-top: 0.6rem; text-align: center; margin: 0 0 3.7rem; font-weight: 700; } .TPL_EVENEMENT .datePublicationTitre:before { font-family: 'Font Awesome 5 Regular', Arial, sans-serif; content: "\f017"; font-size: 1.2rem; color: #777; } .TPL_EVENEMENT .accrochePage { border-color: #16729A; } .TPL_EVENEMENT .categorie { color: #16729A; text-align: center; } .TPL_EVENEMENT .description a { color: #1EA0D8; } .TPL_EVENEMENT .description ul li:before { color: #16729A; } .TPL_EVENEMENT .infosPratique { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; font-size: 1.4rem; font-weight: 300; line-height: 2.4rem; margin: 3rem 0; } .TPL_EVENEMENT .infosPratique li { display: -webkit-flex; display: flex; max-width: 33%; padding-right: 10px; } .TPL_EVENEMENT .infosPratique li:last-child { padding-right: 0; } .TPL_EVENEMENT .infosPratique i { position: relative; margin-right: 1.5rem; } .TPL_EVENEMENT .infosPratique i:before { content: url('/include/css/GAB_NANTERRE/images/mediator_bleu_petit.png'); width: 69px; height: 64px; display: block; } .TPL_EVENEMENT .infosPratique i:after { position: absolute; top: 13px; left: 50%; transform: translateX(-50%) scale(0.7); } .TPL_EVENEMENT .infosPratique .titreInfosPratique { font-size: 1.6rem; font-weight: 700; line-height: 2rem; display: block; } .TPL_EVENEMENT .linkEvenement { display: block; text-align: right; text-transform: uppercase; font-weight: 500; font-size: 1.2rem; letter-spacing: 0.1em; } .TPL_EVENEMENT .linkEvenement:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f30b"; position: relative; right: 0; color: #1EA0D8; font-size: 1.4rem; margin-left: 1rem; display: inline-block; transition: all 150ms ease-in-out; } .TPL_EVENEMENT .linkEvenement:hover:after { right: -0.5rem; } .TPL_EVENEMENT .separateurVertical { margin: 0 1rem; } .TPL_EVENEMENT .itemList .avecBordure { box-shadow: 4px 4px 0 #C2E5F5; } .TPL_EVENEMENT .itemList .date { margin-bottom: 0; } .TPL_EVENEMENT .itemList a:hover .titreItem, .TPL_EVENEMENT .itemList a:active .titreItem, .TPL_EVENEMENT .itemList a:focus .titreItem { color: #1EA0D8; } .TPL_EVENEMENT .ressourcesConteneur > div:before { background-color: #1EA0D8; } .TPL_EVENEMENT .ressourcesConteneur h3:before, .TPL_EVENEMENT .ressourcesConteneur h4:before { color: #1EA0D8; } .TPL_EVENEMENT .prochainsEvenements h3:before { color: #1EA0D8; } @media (max-width: 767px) { .TPL_EVENEMENT .infosPratique { -webkit-flex-direction: column; flex-direction: column; } .TPL_EVENEMENT .infosPratique li { margin-bottom: 2rem; max-width: 100%; padding-right: 0; } .TPL_EVENEMENT .infosPratique li:last-child { margin-bottom: 0; } .TPL_EVENEMENT .itemList .avecBordure { box-shadow: none; } } .TPL_EVENEMENT .encartLocalisation { margin-bottom: 3rem; } .TPL_EVENEMENT .encartLocalisation h4 { text-transform: none; font-size: 1.6rem; font-weight: 400; margin: 0; line-height: 2.7rem; text-decoration: underline; } .TPL_EVENEMENT .encartLocalisation p { margin-bottom: 1rem; } .TPL_EVENEMENT .encartLocalisation a { display: block; line-height: 2.7rem; } .TPL_EVENEMENTALAUNE { text-align: center; margin-bottom: 10rem; } .TPL_EVENEMENTALAUNE h2 { margin-bottom: 2rem; } .TPL_EVENEMENTALAUNE h2 span:before { content: url("/include/css/GAB_NANTERRE/images/points_pour_titre_bleu.svg"); } .TPL_EVENEMENTALAUNE .image { width: 63.636363636364%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: relative; } .TPL_EVENEMENTALAUNE .categorie { color: #16729A; } .TPL_EVENEMENTALAUNE .agendaAccueil { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .TPL_EVENEMENTALAUNE .date { text-align: right; margin: 1.5rem 110px 1rem 0; display: -webkit-flex; display: flex; justify-content: flex-end; -webkit-align-items: center; align-items: center; } .TPL_EVENEMENTALAUNE .date .dateFin { padding-left: 3.2rem; position: relative; } .TPL_EVENEMENTALAUNE .date .dateFin:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; transform: translateY(-50%); top: 50%; position: absolute; left: 0; content: "\f054"; color: #16729A; margin: 0 1.2rem; font-size: 1.7rem; } .TPL_EVENEMENTALAUNE .date .jour, .TPL_EVENEMENTALAUNE .date .mois { color: #fff; } .TPL_EVENEMENTALAUNE a:hover, .TPL_EVENEMENTALAUNE a:active, .TPL_EVENEMENTALAUNE a:focus { text-decoration: none; } .TPL_EVENEMENTALAUNE a:hover h2, .TPL_EVENEMENTALAUNE a:active h2, .TPL_EVENEMENTALAUNE a:focus h2 { color: #1EA0D8; } .TPL_EVENEMENTALAUNE .infosAgenda { width: 33.333333333333%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: #1EA0D8; padding-bottom: 8rem; z-index: 1; } .TPL_EVENEMENTALAUNE .infosAgenda .bordure { background-color: #fff; margin-right: 110px; margin-left: -70px; padding: 3.6rem 70px; display: block; text-align: left; box-shadow: 4px 4px 0px #C2E5F5; } .TPL_EVENEMENTALAUNE .infosAgenda h2 { text-align: left; font-size: 3rem; text-transform: initial; margin: 0; transition: color 120ms ease-in-out; } .TPL_EVENEMENTALAUNE .infosAgenda h2:before { display: none; } @media (max-width: 1024px) { .TPL_EVENEMENTALAUNE .image { width: 50%; } .TPL_EVENEMENTALAUNE .infosAgenda { width: 50%; } } @media (max-width: 767px) { .TPL_EVENEMENTALAUNE { margin-bottom: 5rem; } .TPL_EVENEMENTALAUNE .agendaAccueil { min-height: initial; } .TPL_EVENEMENTALAUNE .image { width: 100%; } .TPL_EVENEMENTALAUNE .infosAgenda { width: 100%; background-color: transparent; position: relative; padding-bottom: 0; } .TPL_EVENEMENTALAUNE .infosAgenda .bordure { margin-right: 0; box-shadow: none; padding: 1.5rem 0 0; margin: 0; } .TPL_EVENEMENTALAUNE .infosAgenda h2 { font-size: 2rem; } .TPL_EVENEMENTALAUNE .date { margin-right: 0; position: absolute; top: -63px; right: 0; background-color: #fff; padding-left: 1rem; } .TPL_EVENEMENTALAUNE .date .jour, .TPL_EVENEMENTALAUNE .date .mois { color: #1EA0D8; } } .TPL_EVENEMENTALADEUX { margin-bottom: 8rem; } .TPL_EVENEMENTALADEUX .innerParagraphe > div { display: -webkit-flex; display: flex; } .TPL_EVENEMENTALADEUX .innerParagraphe:before, .TPL_EVENEMENTALADEUX .innerParagraphe:after { display: none; } .TPL_EVENEMENTALADEUX h2 { display: none; } .TPL_EVENEMENTALADEUX h3 { font-size: 2.4rem; margin: 2rem 0 3.5rem; max-width: 200px; } .TPL_EVENEMENTALADEUX .categorie { color: #16729A; display: block; margin-bottom: 2rem; } .TPL_EVENEMENTALADEUX .itemTitle { font-size: 2rem; font-weight: 700; line-height: normal; transition: color 120ms ease-in-out; } .TPL_EVENEMENTALADEUX .colLeft { width: 25%; padding-right: 2rem; box-sizing: border-box; position: relative; } .TPL_EVENEMENTALADEUX .colLeft:before { background-image: url("/include/css/GAB_NANTERRE/images/mediator_bleu.png"); content: ""; background-repeat: no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; width: 205px; height: 198px; position: absolute; top: -5px; left: 0; z-index: -1; } .TPL_EVENEMENTALADEUX .owlEvenement { width: 75%; } .TPL_EVENEMENTALADEUX .owlEvenement a:hover, .TPL_EVENEMENTALADEUX .owlEvenement a:active, .TPL_EVENEMENTALADEUX .owlEvenement a:focus { text-decoration: none; } .TPL_EVENEMENTALADEUX .owlEvenement a:hover .itemTitle, .TPL_EVENEMENTALADEUX .owlEvenement a:active .itemTitle, .TPL_EVENEMENTALADEUX .owlEvenement a:focus .itemTitle { color: #1EA0D8; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-prev, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-next { border: 2px solid #1EA0D8; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-prev:before, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-next:before { color: #1EA0D8; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-prev:hover, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-prev:active, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-prev:focus, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-next:hover, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-next:active, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-next:focus { border-color: #6dc1e6; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-prev:hover:before, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-prev:active:before, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-prev:focus:before, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-next:hover:before, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-next:active:before, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .owl-next:focus:before { color: #6dc1e6; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .disabled { opacity: 1; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .disabled.owl-prev, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .disabled.owl-next { background-color: #fff; border-color: #8fd0ec; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .disabled.owl-prev:before, .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .disabled.owl-next:before { color: #8fd0ec; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-nav .disabled.owl-next { border-top-color: #1EA0D8; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-item { overflow: hidden; } .TPL_EVENEMENTALADEUX .owlEvenement .owl-item .imgContainer { min-height: 167px; } .TPL_EVENEMENTALADEUX .owlEvenement .layer { padding-top: 1.6rem; padding-right: 5.5rem; position: relative; } .TPL_EVENEMENTALADEUX .owlEvenement .layer .date { min-width: 55px; text-align: center; box-sizing: border-box; right: 0; position: absolute; top: -57px; background-color: #fff; padding: 0.5rem 0 0.5rem 0.8rem; } .TPL_EVENEMENTALADEUX .owlEvenement .layer p { line-height: 1.5rem; } .TPL_EVENEMENTALADEUX .dateFin { margin-top: 1rem; } .TPL_EVENEMENTALADEUX .dateFin:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f078"; font-size: 1.7rem; display: block; margin: 1rem auto; color: #16729A; } .TPL_EVENEMENTALADEUX .pastille { color: #fff; margin: 0 0 1.4rem; letter-spacing: 0; transition: background-color 120ms ease-in-out; } .TPL_EVENEMENTALADEUX .pastille:hover, .TPL_EVENEMENTALADEUX .pastille:active, .TPL_EVENEMENTALADEUX .pastille:focus { text-decoration: none; background-color: #1EA0D8; } .TPL_EVENEMENTALADEUX .table { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; max-width: 280px; margin: auto; } .TPL_EVENEMENTALADEUX .btnFleche { display: block; } .TPL_EVENEMENTALADEUX .btnFleche:after { color: #1EA0D8; } @media (max-width: 1024px) { .TPL_EVENEMENTALADEUX .colLeft::before { -webkit-background-size: 80% auto; background-size: 80% auto; } } @media (max-width: 767px) { .TPL_EVENEMENTALADEUX .innerParagraphe { max-height: initial; } .TPL_EVENEMENTALADEUX .innerParagraphe > div { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .TPL_EVENEMENTALADEUX .colLeft { width: 100%; padding-right: 0; } .TPL_EVENEMENTALADEUX .colLeft:before { -webkit-background-size: 45% auto; background-size: 45% auto; top: 0; } .TPL_EVENEMENTALADEUX h3 { padding: 0.5rem 2rem 2rem 4rem; font-size: 1.8rem; margin-bottom: 0; } .TPL_EVENEMENTALADEUX .btnFleche { order: 2; text-align: right; margin-top: 2rem; width: 100%; } .TPL_EVENEMENTALADEUX .owlEvenement { width: 100%; margin-top: 55px; } } @media (max-width: 575px) { .TPL_EVENEMENTALADEUX .owl-carousel .owl-item img { width: 100%; } } .TPL_EVENEMENTLISTE .accrochePageAvecCadre .cadre { box-shadow: 4px 4px 0px #C2E5F5; min-height: 160px; } .TPL_EVENEMENTLISTE .accrochePageAvecCadre .cadre a:hover h2, .TPL_EVENEMENTLISTE .accrochePageAvecCadre .cadre a:active h2, .TPL_EVENEMENTLISTE .accrochePageAvecCadre .cadre a:focus h2 { color: #16729A; } .TPL_EVENEMENTLISTE .accrochePageAvecCadre .date { transform: translateY(-50%); top: 50%; position: absolute; right: 1.8rem; } .TPL_EVENEMENTLISTE .accrochePageAvecCadre .date .jour { line-height: 2rem; } .TPL_EVENEMENTLISTE .accrochePageAvecCadre .dateDebut { display: block; } .TPL_EVENEMENTLISTE .accrochePageAvecCadre .dateFin { display: block; } .TPL_EVENEMENTLISTE .accrochePageAvecCadre .dateFin:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f078"; font-size: 2.4rem; display: block; margin: 0rem auto 1rem; color: #16729A; } .TPL_EVENEMENTLISTE .categorie { color: #16729A; } .TPL_EVENEMENTLISTE .rechercheListe .filters { margin-bottom: 2rem; } .TPL_EVENEMENTLISTE .rechercheListe .filters .filter { border-color: #C2E5F5; } .TPL_EVENEMENTLISTE .rechercheListe .filters .filter:before, .TPL_EVENEMENTLISTE .rechercheListe .filters .filter:after { background-color: #C2E5F5; } .TPL_EVENEMENTLISTE .rechercheListe .colEspace { min-width: 132px; margin-right: 1rem; } .TPL_EVENEMENTLISTE .rechercheListe p.action { padding: 0 0 0 2rem; } .TPL_EVENEMENTLISTE .rechercheListe .periode .top { display: -webkit-flex; display: flex; margin-bottom: 2rem; } @media (max-width: 767px) { .TPL_EVENEMENTLISTE .rechercheListe .periode .top { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .TPL_EVENEMENTLISTE .rechercheListe .periode .date { font-size: 1.8rem; font-weight: 700; text-transform: uppercase; flex-shrink: 0; margin-right: 1rem; line-height: 2.7rem; } .TPL_EVENEMENTLISTE .rechercheListe .cases { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .TPL_EVENEMENTLISTE .rechercheListe .cases label { font-size: 1.6rem; font-weight: 600; line-height: 2.7rem; padding-left: 2.5rem; color: #666; } .TPL_EVENEMENTLISTE .rechercheListe #dateChoose { -webkit-align-items: center; align-items: center; } .TPL_EVENEMENTLISTE .rechercheListe #dateChoose label { font-size: 1.6rem; color: #666; font-weight: 600; margin: 0 3.5rem; } .TPL_EVENEMENTLISTE .rechercheListe #dateChoose label.entre { margin-left: 0; flex-shrink: 0; } .TPL_EVENEMENTLISTE .rechercheListe #dateChoose .filter i { position: absolute; right: 0.8rem; bottom: 1rem; color: #16729A; font-size: 1.8rem; } .TPL_EVENEMENTLISTE .nbResultats span { color: #16729A; } .TPL_EVENEMENTLISTE .invisible { display: none; } .TPL_EVENEMENTLISTE .itemList .avecBordure { box-shadow: 4px 4px 0px #C2E5F5; } .TPL_EVENEMENTLISTE .itemList a:hover .titreItem, .TPL_EVENEMENTLISTE .itemList a:active .titreItem, .TPL_EVENEMENTLISTE .itemList a:focus .titreItem { color: #1EA0D8; } @media (max-width: 767px) { .TPL_EVENEMENTLISTE .accrochePageAvecCadre .cadre { box-shadow: none; } .TPL_EVENEMENTLISTE .accrochePageAvecCadre .date { background-color: #fff; padding: 1.5rem 0.5rem 0 1rem; bottom: 100%; top: inherit; transform: none; } .TPL_EVENEMENTLISTE .rechercheListe #dateChoose label { margin: 0; } .TPL_EVENEMENTLISTE .itemList .avecBordure { box-shadow: none; } } .prochainsEvenements h3 { font-size: 2.4rem; } .prochainsEvenements h3:before { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; content: "\f138"; margin-right: 1.5rem; color: #D81E41; font-size: 2.4rem; } @media (max-width: 767px) { .prochainsEvenements h3 { font-size: 2rem; } .prochainsEvenements h3:before { font-size: 2rem; } } .listePublication { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } .listePublication.itemOne { -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: center; justify-content: center; margin: 4rem 0 6rem; } .listePublication .publicationContainer { display: -webkit-flex; display: flex; } .listePublication p { margin-bottom: 0; } .listePublication .feuilleter, .listePublication .ecouter { margin-bottom: 1rem; } .listePublication h3 { margin-bottom: 0; } .listePublication li { display: -webkit-flex; display: flex; width: 44.69696969697%; margin-bottom: 4rem; } .listePublication .content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; text-align: left; margin-left: 1.5rem; padding-bottom: 0.5rem; flex: 0 0 195px; } .listePublication .content .top { margin: 0 0 1rem; } @media (max-width: 1024px) { .listePublication li { -webkit-justify-content: center; justify-content: center; } .listePublication .publicationContainer { -webkit-flex-direction: column; flex-direction: column; } .listePublication .content .top { margin-top: 1rem; text-align: center; max-width: 200px; } } @media (max-width: 767px) { .listePublication { -webkit-flex-direction: column; flex-direction: column; } .listePublication.itemOne { -webkit-align-items: center; align-items: center; } .listePublication.itemOne .content .top { text-align: center; } .listePublication.itemOne a { margin-left: auto; margin-right: auto; } .listePublication h3 { font-size: 2rem; text-transform: initial; } .listePublication li { -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; width: 100%; margin-bottom: 5rem; } .listePublication .content .top { margin: 0 0 1rem; text-align: left; } } .listePublication .image img { padding: 6px; border: 1px solid #ccc; box-sizing: border-box; } .TPL_PUBLICATIONACCUEIL { text-align: center; padding: 10rem 0 8rem; } .TPL_PUBLICATIONACCUEIL h2 { margin-bottom: 6rem; } .TPL_PUBLICATIONACCUEIL .listePublication li { display: block; width: 33.333333333333%; } .TPL_PUBLICATIONACCUEIL .listePublication li .publicationContainer { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .TPL_PUBLICATIONACCUEIL .listePublication li:first-child { order: 0; } .TPL_PUBLICATIONACCUEIL .listePublication li:nth-child(2) { order: 2; } .TPL_PUBLICATIONACCUEIL .listePublication .content { padding-bottom: 1rem; } .TPL_PUBLICATIONACCUEIL .listePublication .nanterreInfo { -webkit-flex-direction: column; flex-direction: column; width: 21.969696969697%; order: 1; } .TPL_PUBLICATIONACCUEIL .listePublication .nanterreInfo .top { background-color: #CF0A66; padding: 2.6rem 3.6rem; } .TPL_PUBLICATIONACCUEIL .listePublication .nanterreInfo .bottom { border: 2px solid #CF0A66; padding: 2.6rem 3.6rem; position: relative; } .TPL_PUBLICATIONACCUEIL .listePublication .nanterreInfo .bottom:after { font-family: 'Font Awesome 5 Solid', Arial, sans-serif; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; content: "\f06a"; position: absolute; border: 2px solid #CF0A66; width: 50px; height: 50px; left: -25px; bottom: -25px; background-color: #fff; color: #CF0A66; font-size: 1.8rem; box-sizing: border-box; } .TPL_PUBLICATIONACCUEIL .listePublication .nanterreInfo p { margin-bottom: 0; font-size: 1.8rem; color: #D81E41; font-style: italic; font-weight: 400; line-height: normal; } .TPL_PUBLICATIONACCUEIL .listePublication .nanterreInfo a { color: #CF0A66; font-style: normal; font-weight: 700; text-decoration: underline; } .TPL_PUBLICATIONACCUEIL p { margin-bottom: 0; } .TPL_PUBLICATIONACCUEIL .date { font-size: 2rem; font-weight: 700; color: #333; } .TPL_PUBLICATIONACCUEIL .btnFleche { display: block; } @media (max-width: 1024px) { .TPL_PUBLICATIONACCUEIL { padding: 10rem 0 3rem; } .TPL_PUBLICATIONACCUEIL .listePublication .nanterreInfo { width: 30.30303030303%; padding-left: 25px; box-sizing: border-box; } } @media (max-width: 767px) { .TPL_PUBLICATIONACCUEIL { padding: 3rem 0; } .TPL_PUBLICATIONACCUEIL .publicationContainer { -webkit-align-items: center; align-items: center; } .TPL_PUBLICATIONACCUEIL .listePublication li { width: 100%; } .TPL_PUBLICATIONACCUEIL .listePublication .nanterreInfo { width: 100%; max-width: 330px; margin-left: auto; margin-right: auto; } .TPL_PUBLICATIONACCUEIL .listePublication .content { flex: 1 0 auto; -webkit-align-items: center; align-items: center; } .TPL_PUBLICATIONACCUEIL .listePublication .content .top { text-align: center; } .TPL_PUBLICATIONACCUEIL .btnLight { font-size: 1.4rem; padding: 0.2rem 2rem 0.2rem 0.2rem; min-height: initial; } .TPL_PUBLICATIONACCUEIL .btnLight .icon { margin-right: 1rem; } .TPL_PUBLICATIONACCUEIL .btnFleche { margin-top: 0; } } .TPL_PUBLICATIONLISTE .itemOne.listePublication .content { max-width: 200px; display: -webkit-flex; display: flex; } .TPL_PUBLICATIONLISTE .listePublication .content { flex: 1 0 200px; } @media (max-width: 1024px) { .TPL_PUBLICATIONLISTE .listePublication .content { flex: 1 0 auto; } } .TPL_PORTFOLIOHOME { position: relative; padding: 2rem 0 3rem; color: #fff; background-color: #1D2326; } .TPL_PORTFOLIOHOME .innerParagraphe > h2 { display: none; } .TPL_PORTFOLIOHOME .titre { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; line-height: normal; } .TPL_PORTFOLIOHOME h2 { display: inline-block; color: #fff; } .TPL_PORTFOLIOHOME h2 span:before { content: ""; } .TPL_PORTFOLIOHOME .sousTitre { -webkit-align-items: center; align-items: center; display: -webkit-inline-flex; display: inline-flex; font-size: 1.8rem; font-weight: 700; margin-bottom: 2rem; } .TPL_PORTFOLIOHOME .sousTitre .separator { font-size: 3.6rem; margin: 0 2rem 0 2.5rem; font-weight: 200; } .TPL_PORTFOLIOHOME p { margin-bottom: 0; } .TPL_PORTFOLIOHOME .liste { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .TPL_PORTFOLIOHOME .liste .item { box-shadow: none; position: relative; width: calc(16.666666666667%); margin-bottom: 0; } .TPL_PORTFOLIOHOME .liste .item img { width: 100%; } .TPL_PORTFOLIOHOME .liste .item a { width: 100%; } .TPL_PORTFOLIOHOME .liste .item a:hover .hover, .TPL_PORTFOLIOHOME .liste .item a:active .hover, .TPL_PORTFOLIOHOME .liste .item a:focus .hover { opacity: 1; } .TPL_PORTFOLIOHOME .liste .categorie { -webkit-justify-content: center; justify-content: center; } .TPL_PORTFOLIOHOME .hover { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; position: absolute; text-align: center; color: #fff; padding: 1rem; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.8); opacity: 0; transition: opacity 120ms ease-in-out; } .TPL_PORTFOLIOHOME .btnFleche { margin-top: 2rem; display: block; } @media (max-width: 1024px) { .TPL_PORTFOLIOHOME .eventListe { overflow-x: auto; overflow-y: hidden; } .TPL_PORTFOLIOHOME .liste { min-width: 1440px; } } @media (max-width: 767px) { .TPL_PORTFOLIOHOME h2 span:before { content: ""; } } .TPL_PORTFOLIODIAPORAMA { margin-bottom: 4rem; } .TPL_PORTFOLIODIAPORAMA .titreDiaporama h3 { margin-bottom: 0; } .TPL_PORTFOLIOREPORTAGELISTE .liste .item { -webkit-flex-direction: column; flex-direction: column; max-width: 620px; margin: 0 auto 5rem; box-shadow: none; } .TPL_PORTFOLIOREPORTAGELISTE .liste .categorie { display: block; } .TPL_PORTFOLIOREPORTAGELISTE .liste .categorie .date { display: block; position: relative; right: 0; } .TPL_PORTFOLIOREPORTAGELISTE .imagePortofolio a { display: block; text-align: center; } @media (max-width: 767px) { .TPL_PORTFOLIOREPORTAGELISTE .liste .categorie .date { display: inline-block; } }