/*#0D5D7D;*/
/* @file global.styles  Styles you add here will load for all device sizes, they are "global", as opposed to "responsive" styles, which only load for a given breakpoint (media query) that you set in theme settings. See the README for more details.   How to use this file: --------------------  There are many empty selectors and some basic styles to act as a guide. Nothing is set in stone and you can change anything - even delete all of it and start with your own clean slate.  To FORCE PRINT all selectors you can search and replace a single { (opening curly brace) and insert an empty comment. This is very useful in conjuction with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/  See global.base also which includes normalize.css and some additional helper classes and base styles. */
/* ============================================================================= Base ========================================================================== */
/*  To preserve theme settings never apply font properties to the HTML element. This is critically important if you are using the Responsive JavaScript feature as this relies on being able to set a pseudo font family on the HTML element. If you need to set default font properties of any kind use the BODY element as these can be overridden using font theme settings. */
@font-face { font-family: 'Century Gothic Regular'; src: url("webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/CenturyGothicRegular/1105886371.ttf") format("truetype"); }

@font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; src: url("../fonts/fontawesome-pro-5.1.0-web/webfonts/fa-solid-900.eot"); src: url("../fonts/fontawesome-pro-5.1.0-web/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-pro-5.1.0-web/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome-pro-5.1.0-web/webfonts/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome-pro-5.1.0-web/webfonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome-pro-5.1.0-web/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

html { background: white; }

body { font-size: 85%; background-color: #dde1e4; color: black; font-family: 'Century Gothic Regular', 'Didact Gothic', sans-serif; }

#columns { background-color: #fff; }

.hide { display: none; }

/* ============================================================================= HTML Elements ========================================================================== */
pre, code, tt, samp, kbd, var { font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif; }

/* ============================================================================= Wrappers ========================================================================== */
/* Page wrapper, includes the .container class which sets the overall page or section width Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it! */
/* Wraps all header elements - branding and .region-header */
/* Wraps the sidebars the content column */
/* Main content column wrapper */
/* Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column */
/* Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style */
/* Footer wrapper */
/* Panels may need additional margin wrangling when in the $content region */
/* Full Width Wrappers These are used in the optional page--full-width-wrappers.tpl.php template. All have internal .container classes. In the full width wrapper template the .container classes set the width or max-width of the contained element - you can style this but never add any width/margin/padding/borders etc to .container */
/* Wraps #page */
/* Wraps the leaderboard */
/* Wraps the header */
#header-wrapper { /* Debug styles, is this working */ background: rgba(255, 192, 203, 0.5); }

/* Wraps the nav elements */
/* Wraps breadcrumb */
/* Wraps messages and help */
/* Wraps the secondary content/preface region */
/* Wraps the main content column */
/* Wraps the tertiary content/postfix region */
/* Footer wrapper */
#footer-wrapper { /* Debug styles, is this working? */ background: rgba(255, 192, 203, 0.5); }

/* ============================================================================= Branding ========================================================================== */
/* Wraps all the branding elements, logo, name and slogan */
/* Logo */
#logo { padding: 10px 0; float: left; }
#logo img { vertical-align: bottom; }

/* Wrapper for the site name and slogan (hgroup) */
/* Site name (h1) */
#site-name { margin: 0; float: left; }
#site-name a:link, #site-name a:visited { text-decoration: none; }
#site-name a:hover, #site-name a:focus { text-decoration: underline; }

/* Site slogan (h2) */
/* ============================================================================= Page content header ========================================================================== */
/* Main content header wraps the page title, tabs and actions links */
/* The main page title (h1) */
/*#page-title { margin: 0;
}*/
/* ============================================================================= Misc Global Styles ========================================================================== */
/* Feed icons */
/* Aggregator feed source */
#aggregator .feed-source .feed-icon { display: inline; float: none; margin-right: 10px; }

.feed-details dt, .feed-details dd { display: inline; margin: 0; }

/* Generic styles for the more link */
/* Generic styles for links. See the ul.links declaration in node and comment stylesheets */
ul.links { margin: 0; padding: 0; }
ul.links.inline { display: block; }
ul.links li { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Search results are an ordered list so reset the margin */
.search-results { margin: 0; }

/* ============================================================================= Regions ========================================================================== */
/* Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc */
/* Regions have an inner div - perfect for adding margin, padding or borders */
/* Regions can be nested, such as when using Panels */
/* Header region, embedded in the #header */
/* Generally used to output Drupals help block, if the help module is enabled */
/* Secondary content */
/* Sits above the main content header, like a content-top region */
/* Sits below the main content, like a content-bottom region */
/* Sidebars - targets both */
/* First sidebar */
/* Second sidebar */
/* Tertiary content */
/* Footer region */
/* ============================================================================= Links ========================================================================== */
a:link, a:visited { text-decoration: underline; color: #AF272F; }
a:hover, a:focus { text-decoration: none; }

/* lien "voir tout" ou "voir plus" after >> */
a.voir-tout::after { content: "\0020\003E\003E"; /* unicode for " >>" */ }

/* link no txt deco */
.contact a, ul.menu.clearfix a, .banner-title a, #footer-info a, #footer-sociaux a, .views-dossier a, .troussesvirtuelles a, .more-link a, .BlockP a.BoutonR { text-decoration: none; }

/* gray links no txt deco */
#secondary-menu-bar a, .calendar-calendar .item, .calendar-calendar .monthview a, .Footer-Drupal a { color: #52606C; text-decoration: none; }

/* title links - bold+gray */
.views-field-field-kentika-titre-1 a, .views-field-title a, ul.links.inline a, .section-compas .rapport-titre a { color: #52606c; font-weight: bold; text-decoration: none; }

/* hover txt deco underline */
.views-field-field-kentika-titre-1 a:hover, .views-field-title a:hover, ul.links.inline a:hover, .banner-title a:hover, .calendar-calendar .item a:hover, #footer-info a:hover, #footer-sociaux a:hover, .more-link a:hover, .Footer-Drupal a:hover, .section-compas .rapport-titre a:hover, .BlockP a.BoutonR:hover { text-decoration: underline; }

/*boite a outils employabilité en-vedette*/
.page-node #main-content #boite_outil a { color: white; text-decoration: none; font-weight: bold; }

.page-node #main-content #boite_outil .plus a { font-weight: normal; }

.page-node #main-content #boite_outil a:hover { text-decoration: underline; }

/* ============================================================================= Primary, Secondary and Menu Bar region menus ========================================================================== */
/* Use one of the following id's for granular control: - #menu-bar (menu bar region) - #primary-menu (main menu) - #secondary-menu (secondary/user menu) You can target all of these with .nav or div[id$="menu-bar"] */
.nav { clear: both; margin: 10px 0; }
.nav ul, .nav ul.menu { margin: 0; padding: 0; }
.nav li, .nav ul.menu li { display: inline; float: left; list-style: none; margin: 0; padding: 0; }
.nav li a, .nav ul.menu li a { display: block; white-space: nowrap; padding: 0 10px; }
.nav .block { margin-bottom: -1px; }

/* ============================================================================= Superfish ========================================================================== */
ul.sf-menu { margin-bottom: 0; }
ul.sf-menu a { border-left: 0; border-top: 0; padding: 0 10px; text-decoration: none; height: 2.5em; line-height: 2.5em; }
ul.sf-menu li:hover, ul.sf-menu li.sfHover { outline: 0; }
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { outline: 0; }

/* Superfish blocks */
.block-superfish ul { margin: 0 !important; padding: 0 !important; }
.block-superfish li { margin: 0 !important; padding: 0 !important; }

/* Vertical style */
.sf-vertical { width: 100%; }
.sf-vertical li { width: 100%; }
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; margin: 0; padding: 0; }
.sf-vertical li a { padding: 0 10px; }

/* Navbar style */
.sf-navbar { padding-bottom: 0 !important; }

/* Sensible padding for the default style */
.sf-menu.sf-style-default a { padding: 0 10px; }

/* ============================================================================= Menus, usually blocks ========================================================================== */
ul.menu { padding-left: 15px; }
ul.menu ul { padding-left: 15px; }
ul.menu li { margin: 0; }

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content { padding: 0; }

/* ============================================================================= Book navigation menu ========================================================================== */
.book-navigation .page-up { /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */ min-width: 2em; white-space: nowrap; }
.book-navigation .menu { margin-left: 0; }

/* ============================================================================= Breadcrumbs ========================================================================== */
#breadcrumb { margin: 10px 0; /* If the label is set to show in theme settings the label class is added */ }
#breadcrumb .breadcrumb-label { font-size: 1em; display: inline; padding-right: 10px; }
#breadcrumb .breadcrumb-label:after { content: ":"; }
#breadcrumb ol { margin: 0; padding: 0; }
#breadcrumb .with-breadcrumb-label ol { display: inline; }
#breadcrumb li { list-style: none; display: inline; color: #667f92; }

/* ============================================================================= Pagers ========================================================================== */
ul.pager { clear: both; margin: 0; text-align: center; }

.item-list ul.pager li { margin: 0; }

ul.pager li { background-image: none; display: inline; list-style-type: none; padding: .5em; }
ul.pager li.pager-current { font-weight: 700; }

.block ul.pager li { margin: 0; }

/* Theme the various states of pager links */
/* ============================================================================= Skip Navigation ========================================================================== */
#skip-link { left: 50%; margin-left: -6.5em; margin-top: 0; padding: 0 0.5em; position: absolute; width: 12em; z-index: 50; }
#skip-link a { background: #444; background: rgba(0, 0, 0, 0.6); color: white; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }
#skip-link a:link, #skip-link a:visited { background: #444; background: rgba(0, 0, 0, 0.6); color: white; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }
#skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; }

/* ============================================================================= Tabs (local tasks) ========================================================================== */
#tasks { margin-bottom: 15px; }

ul.primary { border-bottom-color: #cccccc; margin: 20px 0; padding: 0 0 0 5px; }
ul.primary li { display: block; float: left; margin: 0 1px -1px; }
ul.primary li a { background-color: whitesmoke; border-color: #cccccc; margin-right: 1px; padding: 0 10px; display: block; float: left; height: 1.5em; line-height: 1.5em; }
ul.primary li a:hover, ul.primary li a:focus { background-color: #eeeeee; border-color: #cccccc; }
ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background-color: white; border-bottom-color: white; }

ul.secondary { border-bottom: 1px solid #cccccc; margin: 1em 0 0; padding: 0 .3em 1em; }
ul.secondary li { border-right: 0; list-style: none; padding: 0 10px 0 0; }
ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; }

/* ============================================================================= Action links ========================================================================== */
ul.action-links { margin: 20px 0 0; list-style: none; }

/* ============================================================================= Field Styling ========================================================================== */
/* Wrapper for any field */
/* Above and inline classes are on the field wrapper */
/* When labels are set to inline in field display settings the clearfix class is automatically added */
/* Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues */
.field-label { font-size: 1em; font-weight: 700; font-family: inherit; line-height: inherit; margin-bottom: 0; }

/* Field types (Core) */
/* Image fields use the <figure> and <figcaption> elements from HTML5 */
/* Taxonomy */
.field-type-taxonomy-term-reference { /* The same bottom margin as p, blockquote, ul, ol and dl */ margin-bottom: 1.5em; }
.field-type-taxonomy-term-reference.field-label-inline .field-items { margin: 0; padding: 0; }
.field-type-taxonomy-term-reference.field-label-inline .field-item { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Text */
/* Long text */
/* Text with summary */
/* File */
/* Number/Integer */
/* Decimal */
/* Number float */
/* List */
/* List boolean */
/* List integer */
/* List float */
/* Field types (Contrib) */
/* Named fields */
/* Underscores in field name are replaced with dashes */
/* Image Alignment Theme Settings - included here so you can easily override  */
/* Float none setting */
/* Float left setting */
.ia-l .field-type-image figure, .iat-l .field-type-image figure { margin: 5px 20px 15px 0; }

/* Centered setting */
.ia-c .field-type-image figure, .iat-c .field-type-image figure { margin: 5px auto 15px; }

/* Float right setting */
.ia-r .field-type-image figure, .iat-r .field-type-image figure { margin: 5px 0 15px 20px; }

/* ============================================================================= Block Styling ========================================================================== */
/* Main wrapper for most blocks, block_system_main does not have it */
/*Enlever le Rem 27 mars 2018 Alex */
.block { margin-bottom: 20px; }

/* Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it */
/* The first block in the region */
/* The last block in the region */
/* Zebra striping for each block in the region */
/* Zebra striping for each block in the region */
/* Block title */
.block-title { margin: 0; }

/* Block content wrapper */
/* Match item list and block menu margin and padding */
.block-content ul, .block-content ol { padding: 0 0 0 15px; }
.block-content li { margin: 0; padding: 0; }

/* Block for the latest news items in the first category */
/* Block for the latest news items in the first feed */
/* First block created with "Add block" link */
/* "Recent blog posts" block */
/* "Book navigation" block for the current book's table of contents */
/* "Recent comments" block */
/* "Active forum topics" block */
/* "New forum topics" block */
/* Language switcher block */
/* Custom menu block */
/* "Recent content" block */
/* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
/* "Most recent poll" block */
/* "Author information" block for the profile of the page's author */
/* "Search form" block */
/* "Shortcuts" block */
/* "Popular content" block */
/* "Main menu" block */
/* "Management" block for Drupal management menu */
/* "Navigation" block for Drupal navigation menu */
/* "User menu" block for Drupal user menu */
/* "System help" block */
/* "Main page content" block */
/* "Powered by Drupal" block */
/* "User login form" block */
/* "Who's new" block for a list of the newest users */
/* "Who's online" block for a list of the online users */
/* ============================================================================= Node Styling ========================================================================== */
.node { margin-bottom: 20px; }
.node .node-title { margin: 0; }

/* All nodes are given a node-FOO class that describes the type of content that it is. If you create a new content type called "my-custom-type", it will receive a "node-my-custom-type" class. */
/* ============================================================================= Media Video responsive styling 16:9 ========================================================================== */
.video-container { position: relative; padding: 25px 0px 56.25% 0px; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ============================================================================= Comment Styling - Comments, comment wrapper, comment form ========================================================================== */
/* Wrapper for the list of comments and its titles */
#comments { margin: 1.5em 0; }
#comments h2.comment-title { margin: 0; }
#comments h2.comment-form { margin: 0; }

/* Wrapper for a single comment */
.comment { margin-bottom: 20px; }

/* Comment title */
.comment-title { margin: 0; }

/* Comment states */
/* Preview of the comment before submitting new or updated comment */
/* "New" marker for comments that are new for the current user */
.new { color: #cc0000; }

/* Nested comments are indented */
.indented { margin-left: 40px; }

/* ============================================================================= Forms ========================================================================== */
/* Wrapper for a form element (or group of form elements) and its label */
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #cc0000; }
.form-item label { font-weight: 700; }
.form-item .description { font-size: 0.85em; }

/* Highlight marks and form required mark */
.marker, .form-required { color: #cc0000; }

/* The submit button */
.container-inline div, .container-inline label { display: inline; }

/* Define consistent borders */
fieldset { border: 1px solid #cccccc; }

/* Tips for Drupal's input formats */
/* Buttons used by contrib modules like Media */
a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; }

/* Password confirmation */
.password-parent, .confirm-parent { margin: 0; }

/* ============================================================================= Tables ========================================================================== */
table { margin: 10px 0; padding: 0; width: 100%; }
table.sticky-header { z-index: 10; }

table, thead, tbody, tr, th, td { border-color: #cccccc; }

table, td, th { vertical-align: middle; }

caption, th, td { text-align: left; }

thead tr { font-weight: 700; background-color: #e5e5e5; }

td, th { border-bottom: 0; margin: 0; padding: 5px 7px; }

th { font-weight: bold; background-color: #768692; text-transform: uppercase; color: #FFF; }

tbody tr { border-top: 1px solid #cccccc; }

tr { /* Table row striping */ }
tr.odd { background: white; }
tr.info, tr.even, tr:nth-child(2n+2) { border-bottom: 0; background-color: whitesmoke; }
tr.odd td.active { background-color: #eeeeee; }
tr.even td.active { background-color: #ebebeb; }

/* Forum tables Core sets white-space to nowrap, which makes no sense */
#forum td .created, #forum td .posts, #forum td .topics, #forum td .last-reply, #forum td .replies, #forum td .pager { white-space: normal; }

/* ============================================================================= Messages ========================================================================== */
div.messages { margin-bottom: 10px; margin-top: 10px; }
div.messages ul { margin-top: 0; margin-bottom: 0; }

/* Unpublished nodes */
.node-unpublished p.unpublished, .comment-unpublished p.unpublished { color: pink; color: rgba(239, 170, 170, 0.4); font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; font-size: 50px; font-weight: 700; line-height: 1.2; height: 0; margin: 0; padding: 0; overflow: visible; text-align: center; text-transform: uppercase; word-wrap: break-word; }
.ie6-7 .node-unpublished p.unpublished > *, .ie6-7 .comment-unpublished p.unpublished > * { position: relative; }

/* ============================================================================= Maintenance pages ========================================================================== */
.maintenance-page .container { padding: 40px 0; }
.maintenance-page #site-name, .maintenance-page #page-title { margin: 0; }

.db-offline .container { margin: 0 auto; padding: 40px 0; width: 100%; max-width: 960px; }
.db-offline div.messages { margin: 20px 0 0; }
.db-offline #content { padding: 20px 0; }

/* ============================================================================= Misc overrides for contrib modules ========================================================================== */
/* Admin menu overrides */
#admin-menu { margin: 0; padding: 0; }

/* Devel Module */
.dev-query { background: #eeeeee; padding: 30px; }

/* Styleguide module tweaks */
#styleguide-header { padding: 0 10px; }
#styleguide-header .item-list { font-family: inherit; margin: 0 20px 20px 0; min-height: 260px; width: auto; }

/* ========== DIVERS ========== */
.TitreActu { margin-bottom: 10px; display: block; font-weight: bold; font-size: 110%; }

/* banniere titre des espaces thematiques */
#banner-condition-femmes { background: url("../images/sprite-cdeacf.png") no-repeat scroll -57px -208px; padding-left: 52px; }

#aec.banner-title { background: url("../images/sprite-cdeacf.png") no-repeat 15px -389px; padding-left: 52px; }

#efa.banner-title { background: url("../images/sprite-cdeacf.png") no-repeat 15px -421px; padding-left: 52px; color: #005D7C; }

/* En vedette espaces thematiques */
.TitreActuTheme { font-size: 15px; }
.TitreActuTheme a { color: #FFF; }

.pane-en-vedette-thematique-panel-femmes .views-field-title { position: absolute; margin-top: -76px; background-color: rgba(202, 123, 40, 0.85); padding: 15px 25px; width: 571px; }

.pane-en-vedette-thematique-panel-alpha .views-field-title { position: absolute; margin-top: -76px; background-color: rgba(193, 35, 44, 0.85); padding: 15px 25px; width: 571px; }

.pane-en-vedette-thematique-panel-efa .views-field-title { position: absolute; margin-top: -76px; background-color: rgba(0, 92, 126, 0.85); padding: 15px 25px; width: 571px; }

/*acc*/
.pane-en-vedette-thematique-panel-acc .views-field-title { position: absolute; margin-top: -76px; background-color: rgba(143, 42, 30, 0.85); padding: 15px; width: 571px; }

.page-acc .vedette { margin-bottom: 20px; }

.cdeacf_citation { width: 298px; color: #537600; font-size: 17px; line-height: 24px; float: right; color: #000000; background-color: #DDE1E4; border-left: 2px solid #768692; margin-left: 3px; padding: 15px; }

.auteur_citation { font-size: 13px; line-height: 20px; }

.panels-flexible-row-13-3-inside .block { margin-bottom: 0px; }

/*Bouton action*/
a.BoutonAction, a.boutonaction { border-radius: 5px; cursor: pointer; color: #FFF; font-size: 15px; font-weight: bold; background-color: #AF272F; border: medium none; padding: 7px 20px; text-decoration: none; }

a:hover.BoutonAction, a:hover.boutonaction { background-color: #7C2529; }

/*equipe dans page contact */
.block-equipe-block-1 .views-row { margin-top: 10px; }

/*liste formations */
.view-formations .views-field-title { font-weight: bold; }

#block-views-formations-block-1 .views-row { margin-top: 15px; }

/*formulaire alpha famille */
#views-exposed-form-RepertoireAF-page { font-size: 80%; border-bottom: 1px solid #DDD; padding-bottom: 10px; }
#views-exposed-form-RepertoireAF-page input { margin: 0; font-size: 10px; }
#views-exposed-form-RepertoireAF-page label[for=edit-field-theme-rep-alpha-value] { color: #7C2529; margin: 8px 0px; }
#views-exposed-form-RepertoireAF-page label[for=edit-field-cat-rep-alpha-value] { color: #7C2529; margin: 8px 0px; }
#views-exposed-form-RepertoireAF-page label[for=edit-field-doc-rep-alpha-value] { color: #7C2529; margin: 8px 0px; }
#views-exposed-form-RepertoireAF-page label[for=edit-field-org-alpha-id-nid] { color: #7C2529; margin: 8px 0px; }
#views-exposed-form-RepertoireAF-page .views-submit-button { clear: left; }

.view-RepertoireAF h3 { margin: 20px 0 0; }
.view-RepertoireAF h3 a:before { content: ">"; }
.view-RepertoireAF table { margin: 0; }

.page-documents-ressources-alphafamille-recherche #content { font-size: 1.2em; }

/*organismes */
.field-name-field-coordonnees { margin-top: 20px; }

/* affiche image premiere actu espaces thematiques */
.view-display-id-block_2 .views-field-field-image-resume { display: none; }

.not-front .view-display-id-block_2 .views-row-first { border: none; }

.view-display-id-block_2 .views-row-first .views-field-field-image-resume { display: block; }

.view-display-id-block_2 .views-row-first { padding-top: 15px; clear: both; }

/*affiche premiere images actu 8mars */
.views-row-first .vue8mars { display: block !important; }

.views-row .vue8mars { display: none; }

/*SECTION ACC */
/*
.section-acc .pane-actualites {
margin-left: 22px;
width: 285px;
float:left;
}
*/
.page-acc #page-title { display: none; }

/*12jours*/
.page-node-185560 #page-title { display: none; }

.page-node-185560 .views-field-field-date-evenement .field-content { font-weight: bold; margin-top: 5px; border-top: 1px solid #EEE; padding-top: 10px; }

/* Pour filtered html Monde Alpha */
.art_citation { color: #537600; font-family: 'Noticia Text', Georgia, serif; font-size: 15px; font-style: italic; line-height: 25px; text-align: justify; }

.art_exergue1 { color: #d43b00; line-height: 24px; }

.art_exergue2 { color: #537600; font-family: 'Noticia Text', Georgia, serif; font-size: 15px; font-style: italic; line-height: 25px; }

.art_sousnormal1 { color: #e24f16; }

.art_sousnormal2 { color: #d43b00; font-weight: bold; line-height: 26px; }

/*** Page securite en ligne ***/
.page-securite-en-ligne .views-row { margin-top: 8px; border-top: 1px solid #CCC; }

/*
==============================================
****** New page avec Panel 2017 - Annie *****
==============================================
*/
/*
================
*   General    *
================
*/
/*
++++++++++++++
***_Icones_***
++++++++++++++
*/
/* Icons : External Link // White, Grey, Black*/
.icoExtW, .icoExtG, .icoExtB { width: 21px; height: 16px; padding: 0px 5px; border: none !important; }

/* Icons : Catalog // White, Grey, Black*/
.icoCatW, .icoCatG, .icoCatB { width: 29px; height: 16px; padding: 0px 5px; border: none !important; }

/*
++++++++++++++***
*  Padding fix  *
*  Margin fix   *
++++++++++++++***

Pour les pages avec background img qui doit prendre la largueur complète 
ex: #block_color .block-color-outils ++ 
*/
/* Removes atomatic padding  */
.page-acc-documents #columns, .page-acc-timeline #columns, .page-fpt #columns, .section-ftp #columns, .boite-outils-js #columns, .page-tab-navigation #columns, .section-services #columns, .section-formation #columns, .node-type-pleine-page #columns { padding: 0px; }

/* Removes atomatic margins. Does not change for panels, only for nodes  */
.node-type-pleine-page #main-content, .node-type-pleine-page .block-inner, .section-services #main-content, .section-services .block-inner, .section-formation #main-content, .section-formation .block-inner { margin-left: 0px; margin-right: 0px; }
.node-type-pleine-page #page-title, .section-services #page-title, .section-formation #page-title { display: none; }

/* fixes margin for views in services pages */
.section-services .more-link, .node-type-pleine-page .more-link { margin-right: 38px; }

/*
================
*   PALO+FPT   *
*       +      *
* OUTILS ACCES *
================
*/
/* Columns fix (pour les backgrounds) */
.page-acc-documents #columns, .page-acc-timeline #columns { text-align: center; }

/*
================
*  New Look    *
================

utilise sur : 
- dossier/peica
- fpt/
- acc/ (a venir)
- acc/documents
- services/ 
- boite-outils-js (accessibilite, cybersecurite)

*/
/*Intro page*/
#page-intro { text-align: center; }
#page-intro .manual-breadcrumbs { font-family: 'Muli', sans-serif; font-size: 14px; color: #263746; line-height: 1.5em; text-align: left; padding: 10px 0px 0px 28px; }
#page-intro .manual-breadcrumbs a { font-weight: 400; color: #52606C; text-decoration: underline; }
#page-intro .manual-breadcrumbs a:hover { text-decoration: none; }
#page-intro .manual-breadcrumbs #titre-page-active { font-weight: 700; }
#page-intro img, #page-intro .logofpt { height: auto; width: 470px; padding-top: 85px; }
#page-intro h1 { font-size: 34px; line-height: 1.3; text-transform: none; }
#page-intro h2 { color: #263746; text-align: center; }
#page-intro .surtitre { font-family: 'Century Gothic Regular', 'Didact Gothic', sans-serif; font-size: 22px; text-transform: uppercase; color: #263746; font-weight: normal; margin-top: 50px; }

/**** block Intro/desc page ****/
#block_color { font-family: 'Muli', sans-serif; text-align: center; color: #FFFFFF; text-align: center; font-weight: 700; font-size: 16px; /* Verifer le line-height par défaut*/ line-height: 1.625; padding: 85px 145px; }

/* Wrapper  Ressources + Revues */
.wrapR { display: grid; grid-template-columns: repeat(3, 1fr); align-content: space-between; justify-items: center; }
.wrapR .BlockR { max-width: 292px; vertical-align: top; text-align: left; margin: 0px; }
.wrapR .BlockR img { border: 1px solid lightgrey; }
.wrapR .BlockR .titreR a { font-family: 'Muli', sans-serif; font-size: 18px; color: #52606C; font-weight: 900; line-height: 1.45; max-width: 292px; }

/*
++++++++++++++++
***_À propos_***
++++++++++++++++
*/
.wrapAP { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 25px; grid-row-gap: 35px; text-align: left; padding-left: 28px; padding-right: 28px; /*
padding-bottom: 85px;       
*/ }
.wrapAP .center img { display: block; margin: 0 auto; }
.wrapAP p, .wrapAP ul { font-family: 'Muli', sans-serif; font-size: 16px; color: #2C2C2C; line-height: 1.625; }
.wrapAP .AproposTitre img { max-width: 75%; }
.wrapAP .AproposTitre h3 { margin-top: 0; text-align: center; }
.wrapAP .APropos1 { display: table; grid-column: 1; background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/cdeacf-bg-jaune.jpg") center no-repeat; text-align: center; }
.wrapAP .APropos1 .AproposTitre { display: table-cell; vertical-align: middle; }
.wrapAP .APropos2 { grid-column: 1; }
.wrapAP .APropos3 { grid-column: 2; grid-row-start: 1; }
.wrapAP .APropos4 { grid-column-start: 2; }

/*texte+titres*/
.page-acc-documents h2, .page-acc-documents h3, .page-acc-timeline h2, .page-acc-timeline h3, .page-fpt h2, .page-fpt h3, .section-ftp h2, .section-ftp h3, .boite-outils-js h2, .boite-outils-js h3, .section-ressources h2, .section-ressources h3 { font-family: 'Century Gothic Regular', 'Didact Gothic', sans-serif; color: #263746; text-align: center; }
.page-acc-documents .italic p, .page-acc-timeline .italic p, .page-fpt .italic p, .section-ftp .italic p, .boite-outils-js .italic p, .section-ressources .italic p { font-style: italic; }

/*
================
* ACC DOC PALO *
================
*/
.page-acc-documents, .page-acc-timeline { /* linkacc Lien retour */ /* .spacer { clear:both; border-top: 1px solid #EEE; }
*/ /* Bouton Rouge Outils*/ /* Titre section */ /* NavCompetences grille */ /* Block Navigation + Bouton Rouge */ /*Fin ressources */ }
.page-acc-documents .AproposaccTimeline, .page-acc-timeline .AproposaccTimeline { text-align: left; margin: 15px; font-size: 16px; font-family: 'Muli', sans-serif; }
.page-acc-documents h3, .page-acc-timeline h3 { margin: 1px 0px 10px 0px; }
.page-acc-documents .linkacc a, .page-acc-timeline .linkacc a { text-align: left; font-family: 'Muli', sans-serif; font-weight: 400; font-size: 16px; display: block; padding-left: 38px; margin-top: 30px; }
.page-acc-documents .pane-5, .page-acc-timeline .pane-5 { margin-top: 0px; }
.page-acc-documents h1, .page-acc-timeline h1 { font-size: 34px; line-height: 1.3; text-transform: none; margin-bottom: 85px; }
.page-acc-documents #block_color, .page-acc-timeline #block_color { background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/cdeacf-bg-rouge.jpg") center no-repeat; background-size: cover; }
.page-acc-documents #block_color .accroche, .page-acc-timeline #block_color .accroche { line-height: 1.5; font-size: 20px; }
.page-acc-documents #block_color .linkaccJ a, .page-acc-timeline #block_color .linkaccJ a { color: #E0D568; text-decoration: underline; }
.page-acc-documents #block_color a.BoutonJ:visited, .page-acc-timeline #block_color a.BoutonJ:visited { color: #2C2C2C; }
.page-acc-documents #block_color a.BoutonJ:link, .page-acc-timeline #block_color a.BoutonJ:link { /*height: 42px;*/ border-radius: 5px; background-color: #E0D568; color: #2C2C2C; font-weight: 800; padding: .5em 1em; text-decoration: none; margin-left: auto; margin-right: auto; }
.page-acc-documents #NavCompetence, .page-acc-documents #NavPublic, .page-acc-documents #NavOutils, .page-acc-timeline #NavCompetence, .page-acc-timeline #NavPublic, .page-acc-timeline #NavOutils { font-family: 'Muli', sans-serif; padding-left: 28px; padding-right: 28px; font-size: 16px; color: #2C2C2C; font-weight: normal; line-height: 1.625; }
.page-acc-documents #NavCompetence a, .page-acc-documents #NavPublic a, .page-acc-documents #NavOutils a, .page-acc-timeline #NavCompetence a, .page-acc-timeline #NavPublic a, .page-acc-timeline #NavOutils a { color: #FFFFFF; }
.page-acc-documents #NavPublic, .page-acc-timeline #NavPublic { margin-top: 0px; padding-top: 85px; padding-bottom: 85px; }
.page-acc-documents #NavPublic .wrapR, .page-acc-timeline #NavPublic .wrapR { grid-template-columns: repeat(4, 1fr); }
.page-acc-documents #NavPublic .wrapR .titleB, .page-acc-timeline #NavPublic .wrapR .titleB { text-align: center; }
.page-acc-documents #NavOutils, .page-acc-timeline #NavOutils { /*
margin-bottom: 50px;
*/ }
.page-acc-documents a.BoutonR:link, .page-acc-timeline a.BoutonR:link { height: 42px; border-radius: 5px; font-size: 16px; font-weight: 800; padding: 11px 10px; background-color: #AD2933; }
.page-acc-documents .BoutonR img, .page-acc-timeline .BoutonR img { width: 29px; height: 16px; padding-left: 5px; }
.page-acc-documents .pane-title, .page-acc-timeline .pane-title { font-family: 'Century Gothic Regular', 'Didact Gothic', sans-serif; }
.page-acc-documents .wrapC, .page-acc-timeline .wrapC { text-align: left; display: grid; grid-template-columns: 1fr 3fr; grid-auto-rows: max-content; grid-gap: 25px 25px; }
.page-acc-documents .wrapC .BlockP .typeNav, .page-acc-timeline .wrapC .BlockP .typeNav { display: grid; }
.page-acc-documents .titleA, .page-acc-timeline .titleA { text-align: left; font-size: 16px; color: #52606C; font-weight: 700; line-height: 1.625; }
.page-acc-documents .titleB, .page-acc-timeline .titleB { text-align: left; font-size: 26px; color: #52606C; font-weight: 700; line-height: 1.3; }
.page-acc-documents .BlockP, .page-acc-timeline .BlockP { display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: 1fr; grid-row-gap: 25px; align-items: flex-start; }
.page-acc-documents .Ressources, .page-acc-timeline .Ressources { background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/cdeacf-bg-gris-pale.jpg") center no-repeat; font-family: 'Muli', sans-serif; }
.page-acc-documents .Ressources .pane-title, .page-acc-timeline .Ressources .pane-title { font-family: 'Century Gothic Regular', 'Didact Gothic', sans-serif; }
.page-acc-documents .inside.panels-flexible-region-inside.panels-flexible-region-19-autres_ressources-inside.panels-flexible-region-inside-first.panels-flexible-region-inside-last, .page-acc-timeline .inside.panels-flexible-region-inside.panels-flexible-region-19-autres_ressources-inside.panels-flexible-region-inside-first.panels-flexible-region-inside-last { padding-right: 28px; padding-left: 28px; }

/*
================
*      FPT     *
================
*/
.page-fpt, .section-fpt { /* Block Bleu */ /* Fin Block Bleu */  /*   #NouvFPT {
 .view-content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2,minmax(25px, auto)); justify-items: center; padding-left: 28px; padding-right: 28px; font-family: 'Muli', sans-serif; font-size: 14px; color: #2c2c2c; font-weight: 400; line-height: 1.6; text-align: left; margin-top: 28px; .views-row:not(:nth-child(1)) { .coverkentika { display:none; }         }  .views-row { border-bottom: 1px solid #DDE1E4; padding-bottom: 0px 11px 25px; width: 294px; margin: 0px; }
 .views-row.views-row-1.views-row-odd.views-row-first { grid-row: 1 /3;  } .views-row.views-row-2.views-row-even { grid-column: 2; grid-row:1; }  .views-row.views-row-3.views-row-odd { grid-column: 2; grid-row:2; padding-top:48px; } .views-row.views-row-4.views-row-even { grid-column: 3; grid-row: 1;                 }  .views-row.views-row-5.views-row-odd.views-row-last { grid-column: 3; grid-row: 2; padding-top:48px; } .views-row-even {  }  .titlekentika a { font-size: 18px; color: #52606c; font-weight: 900; line-height: 1.45; } } }  
*/ }
.page-fpt #block_color, .section-fpt #block_color { background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/efa-bg-bleu-motif.jpg") center no-repeat; background-size: cover; background-position: left top; padding-top: 160px; /* recherche dans le fonds documentaire fpt */ /* navigation par sujets */ }
.page-fpt #block_color h2, .section-fpt #block_color h2 { color: white; font-size: 24px; }
.page-fpt #block_color .accroche, .section-fpt #block_color .accroche { font-size: 20px; line-height: 1.5; /* padding: 85px 145px 0px;*/ }
.page-fpt #block_color .linkaccJ a, .section-fpt #block_color .linkaccJ a { color: #E0D568; text-decoration: underline; }
.page-fpt #block_color #fpt-search, .section-fpt #block_color #fpt-search { margin-bottom: 4em; margin-top: 4em; }
.page-fpt #block_color #fpt-search #fpt-search-box, .section-fpt #block_color #fpt-search #fpt-search-box { border: none; width: 400px; margin-bottom: 0px; margin-top: 0px; -moz-box-shadow: inset 0 0 2px 2px lightgrey; -webkit-box-shadow: inset 0 0 2px 2px lightgrey; box-shadow: inset 0 0 2px 2px lightgrey; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; height: 35px; background: url("../images/loupe_grise.png") no-repeat 97% center white; }
.page-fpt #block_color .NavSujets .wrapS, .section-fpt #block_color .NavSujets .wrapS { display: flex; flex-flow: row wrap; justify-content: center; margin-left: -122px; margin-right: -122px; line-height: 1.75; }
.page-fpt #block_color .NavSujets .wrapS .BlockS, .section-fpt #block_color .NavSujets .wrapS .BlockS { margin-right: 10px; }
.page-fpt #block_color .NavSujets .wrapS .BlockS .BoutonS, .section-fpt #block_color .NavSujets .wrapS .BlockS .BoutonS { border-radius: 5px; background-color: #E0D568; padding: .5em 1em; font-weight: 800; }
.page-fpt #block_color .NavSujets .wrapS .BlockS .BoutonS img, .section-fpt #block_color .NavSujets .wrapS .BlockS .BoutonS img { width: 29px; height: 16px; padding-right: 5px; padding-left: 5px; }
.page-fpt #block_color .NavSujets .wrapS .BlockS .BoutonS a, .section-fpt #block_color .NavSujets .wrapS .BlockS .BoutonS a { color: #2c2c2c; }
.page-fpt #block_color .NavSujets .wrapS .BlockS:last-child, .section-fpt #block_color .NavSujets .wrapS .BlockS:last-child { margin-right: 0px; }
.page-fpt #Revues, .section-fpt #Revues { padding-left: 28px; padding-right: 28px; }

/*
===============================
* BOITE A OUTILS - JAVASCRIPT *
===============================
Utilisée sur les pages 
* boite-outils-accessibilite
* boite-outils-cybersecurite
Configuration panel 
* Ajout classe boite-outils-js
*/
.boite-outils-js { /* Description de la section */ /* Bloc Catalogue : bouton vers le catalogue*/ /**/ /* Grille Catalogue : liens plus descriptif     .wrapC { text-align: left; display: grid; grid-template-columns: 1fr 3fr; grid-auto-rows: max-content; grid-gap: 25px 25px; padding: 10px 38px; margin-left: auto; margin-right: auto; .BlockP { display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: 1fr; grid-row-gap: 25px; align-items: flex-start; } .titleA { font-size: 16px; color: #52606C; font-weight: 700; line-height: 1.625;         } .titleB { text-align: left; font-size: 26px; color: #52606c; line-height: 1.5 ;                 } .BoutonR { height: 42px; border-radius: 5px; font-size: 16px; font-weight: 800; padding: 11px 10px; background-color: #253746; color: #fff; text-decoration: none; } }  .wrapC-2 { grid-template-columns: 3fr 1fr; }*/ /* Grille Outils*/ /* Pour afficher tous les ImageResume */ /* Fix pour les views IMG + Description de classe .vies-grid-33-66 */ }
.boite-outils-js blockquote { margin: 1em 40px 1em 80px; background: #dde1e4; padding: 25px; }
.boite-outils-js #page-intro img.logo-boite-outils { height: auto; width: 38px; }
.boite-outils-js #page-intro .surtitre { font-size: 22px; margin: 0px; }
.boite-outils-js #page-intro h2 { font-size: 35px; text-transform: none; margin-top: 0px; }
.boite-outils-js #page-intro p.accroche { font-weight: 700; color: #253746; padding-left: 102px; padding-right: 102px; }
.boite-outils-js .block-color-outils { background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/cdeacf-bg-bleu-fonce.jpg") center no-repeat; background-size: auto auto; background-size: cover; font-family: 'Muli', sans-serif; text-align: left; font-weight: 700; font-size: 16px; line-height: 1.625; color: #FFFFFF; padding: 50px 38px; margin-bottom: 1px; }
.boite-outils-js .block-color-outils h2 { color: #E0D568; text-align: left; font-size: 18px; }
.boite-outils-js .block-color-outils .wrapT { display: grid; grid-template-columns: 3fr 1fr; }
.boite-outils-js .block-color-outils .wrapT .block-outils-1 { align-self: center; }
.boite-outils-js .block-color-outils .wrapT .block-outils-2 { align-self: center; justify-self: center; }
.boite-outils-js input.btnOutils { height: 42px; border-radius: 5px; border: none; background-color: #E0D568; color: #2C2C2C; font-weight: 800; padding: .5em 1em; text-decoration: none; margin-left: auto; margin-right: auto; }
.boite-outils-js input.btnOrg { height: 42px; border-radius: 5px; background-color: #253746; color: #FFF; font-weight: 800; padding: .5em 1em; text-decoration: none; margin-left: auto; margin-right: auto; }
.boite-outils-js [aria-hidden="true"] { display: none; }
.boite-outils-js .block-color-jaune { background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/cdeacf-bg-jaune.jpg") center no-repeat; }
.boite-outils-js .block-color-jaune h2 { color: #253746; }
.boite-outils-js .wrap-outils { margin: 50px auto; }
.boite-outils-js .block-description { font-weight: 700; color: #253746; padding-left: 102px; padding-right: 102px; }
.boite-outils-js .block-catalogue { text-align: center; }
.boite-outils-js .bouton-catalogue[role="button"] { height: 42px; border-radius: 5px; font-size: 16px; font-weight: 800; padding: 11px 10px; background-color: #253746; color: #fff; text-decoration: none; }
.boite-outils-js .bouton-catalogue:hover { text-decoration: underline; background-color: #253746; }
.boite-outils-js [role="button"]:visited { color: #fff; text-decoration: none; }
.boite-outils-js .pane-organisme, .boite-outils-js .pane-sites-web { margin-top: 50px; }
.boite-outils-js .view-organisme .view-content, .boite-outils-js .view-sites-web .view-content { display: grid; grid-template-columns: repeat(3, 1fr); align-content: space-between; justify-items: center; row-gap: 1.5em; }
.boite-outils-js .view-organisme .view-content .BlockR, .boite-outils-js .view-sites-web .view-content .BlockR { max-width: 292px; vertical-align: top; text-align: left; margin: 0px; padding: 0px; }
.boite-outils-js .view-organisme .view-content .BlockR img, .boite-outils-js .view-sites-web .view-content .BlockR img { border: 1px solid lightgrey; }
.boite-outils-js .view-organisme .view-content .BlockR .titreR a, .boite-outils-js .view-sites-web .view-content .BlockR .titreR a { font-family: 'Muli', sans-serif; font-size: 18px; color: #52606C; font-weight: 900; line-height: 1.45; max-width: 292px; }
.boite-outils-js .views-field.views-field-field-image-resume { display: initial; margin: 0px; }
.boite-outils-js .view-grid-33-66 .view-content { display: inherit; }

/*
======================
*Tab navigation pages*
** Peica 2018 
** ACC 
======================

Les pages avec une navigation interne
Ajouter la classe de canevas .page-tab-navigation 

Drupal > Structure > Pages > Général > Ajouter des classes CSS au corps > « page-tab-navigation »

Ajouter javascript : 
Drupal > Structure > Pages > CSS & JV > JS code [x] Use jQuery wrapper with document.ready handler > *ajout tab-navigation.js*
*/
.page-tab-navigation { /* Pour avoir background du titre en pleine-colone */ /* Boutons navigation panel AKA tabs */ /*    button.panel-nav-prev p::before { content: "← "; font-family: 'Font Awesome 5 Pro'; float: left; }*/ /*    button.panel-nav-next p::after { content: " →"; font-family: 'Font Awesome 5 Pro'; float: right; }*/ /**/ /* Block titre */ /*Panels activés par les tabs, sous-sections*/ }
.page-tab-navigation #columns { padding: 0px 0px 38px 0px; }
.page-tab-navigation button.panel-nav { font-size: 16px; font-family: 'Muli', sans-serif; color: #52606C; background-color: #fff; font-weight: 400; margin: 0px; }
.page-tab-navigation button.BtnSousMenu { font-size: 18px; color: #263746; }
.page-tab-navigation button.BtnSousMenu[aria-selected="true"] { border-bottom: 3px solid #D9C756; font-weight: 700; }
.page-tab-navigation button.panel-nav:hover { background-color: #FFF; font-weight: 700; }
.page-tab-navigation button.panel-nav-prev { float: left; }
.page-tab-navigation button.panel-nav-next { float: right; }
.page-tab-navigation #page-intro ul.sous-menu { list-style: none; }
.page-tab-navigation #page-intro ul.sous-menu li { display: inline; }
.page-tab-navigation #block_color { display: flex; justify-content: center; flex-direction: column; padding: 0px; }
.page-tab-navigation #block_color h2 { font-size: 24px; color: #fff; }
.page-tab-navigation .sous-sections { width: 72%; margin-left: auto; margin-right: auto; font-family: 'Muli', sans-serif; font-size: 20px; color: #263746; line-height: 1.625em; }
.page-tab-navigation .sous-sections .accroche { font-weight: bold; line-height: 1.5em; }
.page-tab-navigation .sous-sections h2 { font-family: 'Century Gothic Regular'; font-size: 24px; line-height: 1.5em; }

/*
==============
**PEICA 2018**
**Specifics***
==============
*/
.page-dossier-peica #block_color { background: url("/sites/all/themes/custom/cdeacf2013/images/peica/bandeau-peica-1024X440.jpg") no-repeat scroll 100% 55%/100% auto; height: 196px; }

/*
===================
**Pour javaScript**
===================
*/
/* Cache les sections non sélectionnées */
.hidden { display: none; }

/*
==================
**Entete de page**
==================

Utilise sur:
* .page-tab-navigation
* .node-type-service

*/
                                                           /*
======================
**Pages /services
/services/formation(s)
modèle pleine page
======================
.node-type-service, .node-type-formation, pages /ressources/*
*/
.section-services, .section-formation, .page-services-formations, .node-type-pleine-page { /* Pour le contenu ajouté directement avec l'éditeur de la page */ /* Pour les vues ajoutées en blocs sur la page */ /* Pour le contenu qui passe par le field-collection */ }
.section-services #page-title, .section-formation #page-title, .page-services-formations #page-title, .node-type-pleine-page #page-title { display: none; }
.section-services #page-intro, .section-formation #page-intro, .page-services-formations #page-intro, .node-type-pleine-page #page-intro { /*margin-top: -30px;*/ }
.section-services #page-intro .manual-breadcrumbs, .section-formation #page-intro .manual-breadcrumbs, .page-services-formations #page-intro .manual-breadcrumbs, .node-type-pleine-page #page-intro .manual-breadcrumbs { padding: 20px 0px 0px 38px; }
.section-services #page-intro .block-titre, .section-formation #page-intro .block-titre, .page-services-formations #page-intro .block-titre, .node-type-pleine-page #page-intro .block-titre { width: 72%; margin-left: auto; margin-right: auto; }
.section-services #page-intro #block_color, .section-formation #page-intro #block_color, .page-services-formations #page-intro #block_color, .node-type-pleine-page #page-intro #block_color { background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/cdeacf-bg-bleu-fonce.jpg") center no-repeat; color: #fff; padding: 65px 85px 41px 85px; }
.section-services #page-intro #block_color a, .section-formation #page-intro #block_color a, .page-services-formations #page-intro #block_color a, .node-type-pleine-page #page-intro #block_color a { color: #E0D568; }
.section-services h2, .section-services .field-label, .section-formation h2, .section-formation .field-label, .page-services-formations h2, .page-services-formations .field-label, .node-type-pleine-page h2, .node-type-pleine-page .field-label { text-align: center; font-family: 'Century Gothic Regular', 'Didact Gothic', sans-serif; font-size: 24px; line-height: 1.5em; margin: 20px auto; }
.section-services .contact-infos, .section-formation .contact-infos, .page-services-formations .contact-infos, .node-type-pleine-page .contact-infos { text-align: center; margin: 50px auto; width: 72%; }
.section-services .contact-infos-bottom, .section-formation .contact-infos-bottom, .page-services-formations .contact-infos-bottom, .node-type-pleine-page .contact-infos-bottom { padding-top: 50px; border-top: 1px solid #ddd; }
.section-services .contact-infos-top, .section-formation .contact-infos-top, .page-services-formations .contact-infos-top, .node-type-pleine-page .contact-infos-top { padding-bottom: 10px; border: none; }
.section-services article, .section-formation article, .page-services-formations article, .node-type-pleine-page article { width: 72%; margin: 50px auto 30px; padding: 0px; }
.section-services article .field-items, .section-formation article .field-items, .page-services-formations article .field-items, .node-type-pleine-page article .field-items { border: none; font-family: 'Muli', sans-serif; font-size: 20px; color: #263746; line-height: 1.625em; margin: 50px auto 10px; }
.section-services article .contact-infos, .section-formation article .contact-infos, .page-services-formations article .contact-infos, .node-type-pleine-page article .contact-infos { width: inherit; }
.section-services .views-node-content, .section-formation .views-node-content, .page-services-formations .views-node-content, .node-type-pleine-page .views-node-content { border: none; width: 72%; font-family: 'Muli', sans-serif; font-size: 20px; color: #263746; line-height: 1.625em; padding: 0px; margin: 50px auto 10px; }
.section-services .field-collection-container, .section-services .field-collection-view, .section-formation .field-collection-container, .section-formation .field-collection-view, .page-services-formations .field-collection-container, .page-services-formations .field-collection-view, .node-type-pleine-page .field-collection-container, .node-type-pleine-page .field-collection-view { border: none; }
.section-services .view-formations-liste .view-description-block, .section-formation .view-formations-liste .view-description-block, .page-services-formations .view-formations-liste .view-description-block, .node-type-pleine-page .view-formations-liste .view-description-block { font-size: 16px; margin-top: 10px; margin-bottom: 24px; border-bottom: 1px dotted lightgrey; }
.section-services .view-formations-liste .views-field-title, .section-formation .view-formations-liste .views-field-title, .page-services-formations .view-formations-liste .views-field-title, .node-type-pleine-page .view-formations-liste .views-field-title { font-weight: bold; line-height: 1.5em; font-size: 17px; }
.section-services .view-formations-liste .view-content, .section-formation .view-formations-liste .view-content, .page-services-formations .view-formations-liste .view-content, .node-type-pleine-page .view-formations-liste .view-content { margin-top: 50px; }

/*
==================
** Pages Vues   **
==================
Pour les views de type page, qui n'ont pas de description pour le #block_color
*/
.page-services-formations .view-content { padding: 0px; width: 72%; margin-left: auto; margin-right: auto; }
.page-services-formations .view-footer, .page-services-formations .contact-infos { text-align: center; margin: 50px auto; padding-top: 50px; border-top: 1px solid #ddd; width: 72%; }

.section-services #page-title, .node-type-pleine-page #page-title { display: none; }
.section-services #page-intro #block_color.empty, .node-type-pleine-page #page-intro #block_color.empty { background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/cdeacf-bg-bleu-fonce.jpg") center no-repeat; padding: 18px; margin: 50px 0px; }
.section-services #page-intro .block-titre, .node-type-pleine-page #page-intro .block-titre { margin: 75px auto; }
.section-services table, .node-type-pleine-page table { border: 1px solid lightgrey; }
.section-services table td, .node-type-pleine-page table td { text-align: center; }
.section-services table.title-row-1 tr:first-child p, .node-type-pleine-page table.title-row-1 tr:first-child p { font-weight: bold; }
.section-services table.title-column-1 tr td:first-child p, .node-type-pleine-page table.title-column-1 tr td:first-child p { font-weight: bold; }

/* Page Interactive content */
.section-services.node-type-h5p-content article.node-h5p-content { width: 90%; }
.section-services.node-type-h5p-content article.node-h5p-content .field-name-field-description-video { width: 72%; margin: 25px auto 25px; font-size: 18px; }
.section-services.node-type-h5p-content article.node-h5p-content .field-name-field-description-video .field-items { margin-top: 25px; }

/* Service accueil */
.page-node-139316.sidebar-second #main-content { margin-right: 0px; }
.page-node-139316.sidebar-second #content-column .content-inner { border-right: none; }
.page-node-139316.sidebar-second .content-inner { margin-right: inherit; }

/* Border removal */
.section-services #content-column, .node-type-pleine-page #content-column { background: none; margin-bottom: 50px; padding-bottom: 0px; }

/*
********* Grilles  
*********
*/
/*
.section-services  .view-grid-3c { width:90%;
}

.section-services  .view-grid-3c .view-content {  display: grid; grid-template-columns: repeat(3, 1fr); align-content: space-between; justify-items: center; row-gap: 1.5em;
}
*/
/*
Grille 3 colonnes avec image + titre ou image + très courte description 
292 px max width
*/
.view-grid-3c { margin: 50px auto; }
.view-grid-3c .view-content .views-field-field-image-resume { float: none; width: 292px; height: auto; margin: inherit; }
.view-grid-3c .view-content .views-field-title { width: 292px; }

.view-grid-3c .view-content { display: grid; grid-template-columns: repeat(3, 1fr); align-content: space-between; justify-items: center; grid-gap: 25px; margin-right: 38px; margin-left: 38px; }
.view-grid-3c .view-content .views-row, .view-grid-3c .view-content .grid-item { max-width: 292px; vertical-align: top; text-align: left; margin: 0px; padding: 0px; text-align: center; /* overlay */ /* fin overlay */ }
.view-grid-3c .view-content .views-row .views-field-field-image-resume img, .view-grid-3c .view-content .grid-item .views-field-field-image-resume img { border: 1px solid lightgrey; width: 292px; height: auto; }
.view-grid-3c .view-content .views-row img.icone-interactive-content, .view-grid-3c .view-content .grid-item img.icone-interactive-content { width: 100px; height: auto; margin-left: auto; margin-right: auto; display: block; position: relative; top: 35px; border: none; }
.view-grid-3c .view-content .views-row img.interactive-content, .view-grid-3c .view-content .grid-item img.interactive-content { -moz-box-shadow: 0px 0px 10px 1px #ca7b28; -webkit-box-shadow: 0px 0px 10px 1px #ca7b28; box-shadow: 0px 0px 10px 1px #ca7b28; }
.view-grid-3c .view-content .views-row .img-container:hover .overlay, .view-grid-3c .view-content .grid-item .img-container:hover .overlay { opacity: .75; }
.view-grid-3c .view-content .views-row .img-container, .view-grid-3c .view-content .grid-item .img-container { width: 292px; position: relative; }
.view-grid-3c .view-content .views-row .overlay, .view-grid-3c .view-content .grid-item .overlay { position: absolute; top: 0; background: #ca7b28; width: 294px; transition: .5s ease; opacity: 0; color: white; font-size: 20px; padding: 0px; text-align: center; height: 167px; }
.view-grid-3c .view-content .views-row .img-container::hover .overlay, .view-grid-3c .view-content .grid-item .img-container::hover .overlay { opacity: .75; }
.view-grid-3c .view-content .views-row .item-title a, .view-grid-3c .view-content .grid-item .item-title a { font-family: 'Muli', sans-serif; font-size: 18px; color: #52606C; font-weight: 900; line-height: 1.45; max-width: 292px; }

/*
Grille 3 colones dans une vue qui se place dans la balise article
Avec ajustements pour les marges, donc.
*/
.view-playlist.view-grid-3c .view-content { margin: 0px -25px 25px; }

/*
Grille nouveautés au catalogue : 
5 éléments
Display de la premiere couverture seulement
*/
.view-grid-catalog .view-content, .page-fpt #NouvFPT .view-content, .section-fpt #NouvFPT .view-content { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, minmax(25px, auto)); justify-items: center; padding-left: 28px; padding-right: 28px; font-family: 'Muli', sans-serif; font-size: 14px; color: #2c2c2c; font-weight: 400; line-height: 1.6; text-align: left; margin-top: 28px; }
.view-grid-catalog .view-content .views-row:not(:nth-child(1)) .coverkentika, .page-fpt #NouvFPT .view-content .views-row:not(:nth-child(1)) .coverkentika, .section-fpt #NouvFPT .view-content .views-row:not(:nth-child(1)) .coverkentika { display: none; }
.view-grid-catalog .view-content .views-row, .page-fpt #NouvFPT .view-content .views-row, .section-fpt #NouvFPT .view-content .views-row { border-bottom: 1px solid #DDE1E4; padding-bottom: 0px 11px 25px; width: 294px; margin: 0px; }
.view-grid-catalog .view-content .views-row.views-row-1.views-row-odd.views-row-first, .page-fpt #NouvFPT .view-content .views-row.views-row-1.views-row-odd.views-row-first, .section-fpt #NouvFPT .view-content .views-row.views-row-1.views-row-odd.views-row-first { grid-row: 1 /3; }
.view-grid-catalog .view-content .views-row.views-row-2.views-row-even, .page-fpt #NouvFPT .view-content .views-row.views-row-2.views-row-even, .section-fpt #NouvFPT .view-content .views-row.views-row-2.views-row-even { grid-column: 2; grid-row: 1; }
.view-grid-catalog .view-content .views-row.views-row-3.views-row-odd, .page-fpt #NouvFPT .view-content .views-row.views-row-3.views-row-odd, .section-fpt #NouvFPT .view-content .views-row.views-row-3.views-row-odd { grid-column: 2; grid-row: 2; padding-top: 48px; }
.view-grid-catalog .view-content .views-row.views-row-4.views-row-even, .page-fpt #NouvFPT .view-content .views-row.views-row-4.views-row-even, .section-fpt #NouvFPT .view-content .views-row.views-row-4.views-row-even { grid-column: 3; grid-row: 1; }
.view-grid-catalog .view-content .views-row.views-row-5.views-row-odd.views-row-last, .page-fpt #NouvFPT .view-content .views-row.views-row-5.views-row-odd.views-row-last, .section-fpt #NouvFPT .view-content .views-row.views-row-5.views-row-odd.views-row-last { grid-column: 3; grid-row: 2; padding-top: 48px; }
.view-grid-catalog .view-content .titlekentika a, .page-fpt #NouvFPT .view-content .titlekentika a, .section-fpt #NouvFPT .view-content .titlekentika a { font-size: 18px; color: #52606c; font-weight: 900; line-height: 1.45; }

/*
Grille avec une colonne prenant un tier et l'autre deux tiers
Titre en pleine largeur (span 3) centré
Premier tier: image, max-width 292px
deux et troisième tier : description.
*/
.wrap-grid-33-66 { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 15px 25px; margin-left: 38px; margin-right: 38px; font-family: 'Muli', sans-serif; color: #2c2c2c; margin-top: 28px; }
.wrap-grid-33-66 .description { font-size: initial; }
.wrap-grid-33-66 .grid-head { grid-column: span 3; font-size: 18px; color: #451813; font-weight: bold; text-decoration: none; text-align: center; margin: 15px auto; }
.wrap-grid-33-66 .grid-head a { font-size: 18px; color: #52606c; font-weight: bold; text-decoration: none; }
.wrap-grid-33-66 .grid-head a:hover { text-decoration: underline; }
.wrap-grid-33-66 .grid-item-left { width: 292px; }
.wrap-grid-33-66 .grid-item-left img { border: 1px solid lightgrey; }
.wrap-grid-33-66 .grid-item-left img.icone-interactive-content { width: 100px; height: auto; margin-left: auto; margin-right: auto; display: block; position: relative; top: 35px; border: none; }
.wrap-grid-33-66 .grid-item-left img.interactive-content { -moz-box-shadow: 0px 0px 10px 1px #ca7b28; -webkit-box-shadow: 0px 0px 10px 1px #ca7b28; box-shadow: 0px 0px 10px 1px #ca7b28; }
.wrap-grid-33-66 .grid-item-left .img-container:hover .overlay { opacity: .75; }
.wrap-grid-33-66 .grid-item-left .img-container { width: 292px; position: relative; }
.wrap-grid-33-66 .grid-item-left .overlay { position: absolute; top: 0; background: #ca7b28; width: 294px; transition: .5s ease; opacity: 0; color: white; font-size: 20px; padding: 0px; text-align: center; height: 167px; }
.wrap-grid-33-66 .grid-item-left .img-container:hover .overlay { opacity: .75; }

/* Grille pour les page utilisantt 2/3 de largeur (celles avec colonne à droite).   */
.wrap-grid-33-33 { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 15px 25px; margin-left: 38px; margin-right: 38px; font-family: 'Muli', sans-serif; color: #2c2c2c; margin-top: 28px; }
.wrap-grid-33-33 .grid-item-left img { max-width: 125px; height: auto !important; width: auto !important; }

/* 
*************************** Calendrier des évènements
***************************
/calendar
*/
.calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents { position: initial; width: inherit; left: 5px; }

.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff { position: absolute; top: 2px; right: 5px !important; width: auto; text-align: left; background: none; height: 1.9em; padding-left: inherit; z-index: 1; }

.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .month-view .full td.single-day div.monthview { height: auto; padding: 3px 5px; margin: 5px auto; }