/*
 * @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.
 */
/* line 41, ../sass/global.styles.scss */
html {
    background: #fff;
}

/* line 45, ../sass/global.styles.scss */
body {
    /*font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;*/
    font-size: 18px;
    color:#222222;
    font-family: 'Avenir Light', sans-serif;
    font-weight: 300;
}

/* =============================================================================
 *   HTML Elements
 * ========================================================================== */
/* line 135, ../sass/global.styles.scss */
pre,
code,
tt,
samp,
kbd,
var {
    font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
}

button,
input,
select,
textarea {
    font-family: 'Avenir Light', sans-serif;
    font-weight: 300;
}
/* =============================================================================
 *   Wrappers
 * ========================================================================== */
/*
 * Outer wrappers:
 * - #page-wrapper: body > #page-wrapper
 * - #page: body > #page-wrapper > #page
 * - .container: body > #page-wrapper > #page.container
 *
 * The .container class holds the page width value from theme settings. You can
 * style the .container class but do not add width such as border, padding,
 * margins etc.
 */
/*
 * 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 - you can style this but never
 * add any width/margin/padding/borders etc to .container
 */
/*
 * Wraps the leaderboard
 */
/*
 * Wraps the header
 */
/* line 231, ../sass/global.styles.scss */
#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
 */
/* line 289, ../sass/global.styles.scss */
#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
 */
/* line 310, ../sass/global.styles.scss */
#logo {
    padding: 10px 0;
}
/* line 313, ../sass/global.styles.scss */
#logo img {
    vertical-align: bottom;
}

/*
 * Wrapper for the site name and slogan
 */
/*
 * Site name (h1)
 */
/* line 328, ../sass/global.styles.scss */
#site-name {
    margin: 0;
    font-family: 'Avenir Black';
}
/* line 333, ../sass/global.styles.scss */
#site-name a:link, #site-name a:visited {
    text-decoration: none;
    color:#333;
}
/* line 338, ../sass/global.styles.scss */
#site-name a:hover, #site-name a:focus {
    text-decoration: none;
    color:#333;
}

/*
 * Site slogan (h2)
 */
/* line 349, ../sass/global.styles.scss */
#site-slogan {
    margin: 0;
}

/* =============================================================================
 *   Page content header
 * ========================================================================== */
/*
 * Main content header wraps the page title, tabs and actions links
 */
/*
 * The main page title (h1)
 */
/* line 367, ../sass/global.styles.scss */
#page-title {
    margin: 0 0 40px 0;
}

/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */
/*
 * Feed icons
 */
/*
 * Aggregator feed source
 */
/* line 385, ../sass/global.styles.scss */
#aggregator .feed-source .feed-icon {
    display: inline;
    float: none;
    margin-right: 10px;
}

/* line 392, ../sass/global.styles.scss */
.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
 */
/* line 408, ../sass/global.styles.scss */
ul.links {
    margin: 0;
    padding: 0;
}
/* line 412, ../sass/global.styles.scss */
ul.links.inline {
    display: block;
}
/* line 416, ../sass/global.styles.scss */
ul.links li {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
/* line 427, ../sass/global.styles.scss */
.search-results {
    margin: 0;
    padding: 0;
}
.search-api-page-results h2 {
    display: none;
}
/*
 * Attribution message and link
 */
/* line 436, ../sass/global.styles.scss */
.attribution {
    display: block;
    opacity: 0.65;
    padding: 1em 0;
    text-align: center;
}
/* line 442, ../sass/global.styles.scss */
.attribution a {
    text-decoration: none;
    color: inherit;
}
/* line 446, ../sass/global.styles.scss */
.attribution a:hover, .attribution a:focus {
    text-decoration: underline;
}

/* =============================================================================
 *   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
 * ========================================================================== */
/* line 540, ../sass/global.styles.scss */
a {
    text-decoration: none;
    color:#60B5B1;
}
/* line 549, ../sass/global.styles.scss */
a:hover, a:focus {
    text-decoration: underline;
}

a.bouton {
    padding: 5px 15px;
    background: rgba(96, 181, 177, 1);
    color: #fff;
    text-decoration: none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.bouton:hover {
    background: rgba(96, 181, 177, 0.7);
}

/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */
/* line 560, ../sass/global.styles.scss */
.nav {
    clear: both;
    margin: 10px 0;
}
/* line 564, ../sass/global.styles.scss */
.nav ul,
.nav ul.menu {
    margin: 0;
    padding: 0;
}
/* line 570, ../sass/global.styles.scss */
.nav li,
.nav ul.menu li {
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* line 579, ../sass/global.styles.scss */
.nav li a,
.nav ul.menu li a {
    display: block;
    white-space: nowrap;
    padding: 0 10px;
}
/* line 591, ../sass/global.styles.scss */
.nav .block {
    margin-bottom: 0;
}

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

/*
 * Superfish blocks
 */
/* line 640, ../sass/global.styles.scss */
.block-superfish ul {
    margin: 0 !important;
    padding: 0 !important;
}
/* line 651, ../sass/global.styles.scss */
.block-superfish li {
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Vertical style
 */
/* line 661, ../sass/global.styles.scss */
.sf-vertical {
    width: 100%;
}
/* line 664, ../sass/global.styles.scss */
.sf-vertical li {
    width: 100%;
}
/* line 669, ../sass/global.styles.scss */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
}
/* line 677, ../sass/global.styles.scss */
.sf-vertical li a {
    padding: 0 10px;
}

/*
 * Navbar style
 */
/* line 687, ../sass/global.styles.scss */
.sf-navbar {
    padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */
/* line 695, ../sass/global.styles.scss */
.sf-menu.sf-style-default a {
    padding: 0 10px;
}

/* =============================================================================
 *   Menu Toggles
 * ========================================================================== */
/* line 705, ../sass/global.styles.scss */
.at-mt .at-menu-toggle,
.at-mt .at-menu-toggle ul,
.at-mt .at-menu-toggle ul.menu {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
/* line 713, ../sass/global.styles.scss */
.at-mt .at-menu-toggle-button {
    margin: 0;
}
/* line 717, ../sass/global.styles.scss */
.at-mt .at-menu-toggle ul a {
    padding: 0 10px;
    white-space: nowrap;
}

/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */
/* line 728, ../sass/global.styles.scss */
ul.menu {
    padding-left: 15px;
}
/* line 731, ../sass/global.styles.scss */
ul.menu ul {
    padding-left: 15px;
}
/* line 739, ../sass/global.styles.scss */
ul.menu li {
    margin: 0;
}

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

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

/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */
/* line 801, ../sass/global.styles.scss */
#breadcrumb {
    margin: 10px 0;
    /* If the label is set to show in theme settings the label class is added */
}
/* line 805, ../sass/global.styles.scss */
#breadcrumb .breadcrumb-label {
    font-size: 1em;
    display: inline;
    padding-right: 10px;
}
/* line 810, ../sass/global.styles.scss */
#breadcrumb .breadcrumb-label:after {
    content: ":";
}
/* line 815, ../sass/global.styles.scss */
#breadcrumb ol {
    margin: 0;
    padding: 0;
}
/* line 820, ../sass/global.styles.scss */
#breadcrumb .with-breadcrumb-label ol {
    display: inline;
}
/* line 824, ../sass/global.styles.scss */
#breadcrumb li {
    list-style: none;
    display: inline;
}

/* =============================================================================
 *   Pagers
 * ========================================================================== */
/* line 851, ../sass/global.styles.scss */
ul.pager {
    clear: both;
    margin: 0;
    text-align: center;
}

/* line 858, ../sass/global.styles.scss */
.item-list ul.pager li {
    margin: 0;
}

/* line 863, ../sass/global.styles.scss */
ul.pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: .5em;
}
/* line 869, ../sass/global.styles.scss */
ul.pager li.pager-current {
    font-weight: 700;
}

/* line 875, ../sass/global.styles.scss */
.block ul.pager li {
    margin: 0;
}

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

/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */
/* line 955, ../sass/global.styles.scss */
#tasks {
    margin-bottom: 15px;
}

/* line 960, ../sass/global.styles.scss */
ul.primary {
    border-bottom-color: #ccc;
    margin: 20px 0;
    padding: 0 0 0 5px;
}
/* line 965, ../sass/global.styles.scss */
ul.primary li {
    display: block;
    float: left;
    margin: 0 1px -1px;
}
/* line 970, ../sass/global.styles.scss */
ul.primary li a {
    background-color: #f5f5f5;
    border-color: #ccc;
    margin-right: 1px;
    padding: 0 10px;
    display: block;
    float: left;
    height: 1.5em;
    line-height: 1.5em;
}
/* line 980, ../sass/global.styles.scss */
ul.primary li a:hover, ul.primary li a:focus {
    background-color: #eee;
    border-color: #ccc;
}
/* line 989, ../sass/global.styles.scss */
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
    background-color: #fff;
    border-bottom-color: #fff;
}

/* line 999, ../sass/global.styles.scss */
ul.secondary {
    border-bottom: 1px solid #ccc;
    margin: 1em 0 0;
    padding: 0 .3em 1em;
}
/* line 1004, ../sass/global.styles.scss */
ul.secondary li {
    border-right: 0;
    list-style: none;
    padding: 0 10px 0 0;
}
/* line 1010, ../sass/global.styles.scss */
ul.secondary li a:hover, ul.secondary li a.active {
    border-bottom: none;
    text-decoration: underline;
}

/* =============================================================================
 *   Action links
 * ========================================================================== */
/* line 1024, ../sass/global.styles.scss */
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
 */
/* line 1051, ../sass/global.styles.scss */
.field-label-inline {
    /* Remove the margin on inline field lables to preserve vertical formatting */
}
/* line 1054, ../sass/global.styles.scss */
.field-label-inline .field-label {
    margin: 0;
}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */
/* line 1062, ../sass/global.styles.scss */
.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
 */
/* line 1091, ../sass/global.styles.scss */
.field-type-taxonomy-term-reference {
    /* The same bottom margin as p, blockquote, ul, ol and dl */
    margin-bottom: 1.5em;
}
/* line 1096, ../sass/global.styles.scss */
.field-type-taxonomy-term-reference.field-label-inline .field-items {
    margin: 0;
    padding: 0;
}
/* line 1101, ../sass/global.styles.scss */
.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
 */
/* line 1215, ../sass/global.styles.scss */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
    margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
/* line 1224, ../sass/global.styles.scss */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
    margin: 5px auto 15px;
}

/*
 * Float right setting
 */
/* line 1233, ../sass/global.styles.scss */
.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
 */
/* line 1247, ../sass/global.styles.scss */
.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
 */
/* line 1285, ../sass/global.styles.scss */
.block-title {
    margin: 0;
}

/*
 * Block content wrapper
 */
/*
 * Match item list and block menu margin and padding
 */
/* line 1301, ../sass/global.styles.scss */
.block-content ul,
.block-content ol {
    padding: 0 0 0 15px;
}
/* line 1306, ../sass/global.styles.scss */
.block-content li {
    margin: 0;
    padding: 0;
}

.block-content .field-name-field-section .item-list li {
    margin: 0;
    padding: 0;
    float: left;
}
.block-content .field-name-field-section .item-list li:after{
    padding-right: 5px;
}

/* Article pro */
.block-content .field-name-field-section-professionnel .item-list li {
    float: left;
    margin: 0;
    padding: 0;
}
.block-content .field-name-field-section-professionnel .item-list li:after {
    padding-right: 5px;
}


/*
 * 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
 * ========================================================================== */
/* line 1479, ../sass/global.styles.scss */
.node {
    margin-bottom: 20px;
}
/* line 1496, ../sass/global.styles.scss */
.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.
 */
/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */
/*
 * Wrapper for the list of comments and its titles
 */
/* line 1554, ../sass/global.styles.scss */
#comments {
    margin: 1.5em 0;
}
/* line 1558, ../sass/global.styles.scss */
#comments h2.comment-title {
    margin: 0;
}
/* line 1562, ../sass/global.styles.scss */
#comments h2.comment-form {
    margin: 0;
}

/*
 * Wrapper for a single comment
 */
/* line 1572, ../sass/global.styles.scss */
.comment {
    margin-bottom: 20px;
}

/*
 * Comment title
 */
/* line 1603, ../sass/global.styles.scss */
.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
 */
/* line 1635, ../sass/global.styles.scss */
.new {
    color: #c00;
}

/*
 * Nested comments are indented
 */
/* line 1643, ../sass/global.styles.scss */
.indented {
    margin-left: 40px;
}

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

/*
 * Highlight marks and form required mark
 */
/* line 1683, ../sass/global.styles.scss */
.marker,
.form-required {
    color: #c00;
}

/*
 * The submit button
 */
/* line 1697, ../sass/global.styles.scss */
.container-inline div,
.container-inline label {
    display: inline;
}

/*
 * Define consistent borders
 */
/* line 1706, ../sass/global.styles.scss */
fieldset {
    border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
/*
 * Buttons used by contrib modules like Media
 */
/* line 1720, ../sass/global.styles.scss */
a.button {
    -moz-appearance: button;
    -webkit-appearance: button;
}

/*
 * Password confirmation
 */
/* line 1728, ../sass/global.styles.scss */
.password-parent,
.confirm-parent {
    margin: 0;
}

/* =============================================================================
 *   Tables
 * ========================================================================== */
/* line 1738, ../sass/global.styles.scss */
table {
    margin: 10px 0;
    padding: 0;
    width: 100%;
}
/* line 1743, ../sass/global.styles.scss */
table.sticky-header {
    z-index: 10;
}

/* line 1749, ../sass/global.styles.scss */
table,
thead,
tbody,
tr,
th,
td {
    border-color: #ccc;
}

/* line 1759, ../sass/global.styles.scss */
table,
td,
th {
    vertical-align: middle;
}

/* line 1766, ../sass/global.styles.scss */
caption,
th,
td {
    text-align: left;
}

/* line 1773, ../sass/global.styles.scss */
thead tr {
    font-weight: 700;
    background-color: #e5e5e5;
}

/* line 1779, ../sass/global.styles.scss */
td,
th {
    border-bottom: 0;
    margin: 0;
    padding: 5px 7px;
}

/* line 1790, ../sass/global.styles.scss */
tbody tr {
    border-top: 1px solid #ccc;
}

/* line 1795, ../sass/global.styles.scss */
tr {
    /* Table row striping */
}
/* line 1797, ../sass/global.styles.scss */
tr.odd {
    background: #fff;
}
/* line 1802, ../sass/global.styles.scss */
tr.info, tr.even, tr:nth-child(2n+2) {
    border-bottom: 0;
    background-color: #f5f5f5;
}
/* line 1813, ../sass/global.styles.scss */
tr.odd td.active {
    background-color: #eee;
}
/* line 1817, ../sass/global.styles.scss */
tr.even td.active {
    background-color: #ebebeb;
}

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

/* =============================================================================
 *   Messages
 * ========================================================================== */
/* line 1856, ../sass/global.styles.scss */
div.messages {
    margin-bottom: 10px;
    margin-top: 10px;
}
/* line 1861, ../sass/global.styles.scss */
div.messages ul {
    margin-top: 0;
    margin-bottom: 0;
}

/*
 * Unpublished nodes
 */
/* line 1902, ../sass/global.styles.scss */
.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;
}
/* line 186, ../sass/_custom.scss */
.ie6-7 .node-unpublished p.unpublished > *, .ie6-7
                                             .comment-unpublished p.unpublished > * {
    position: relative;
}

/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */
/* line 1913, ../sass/global.styles.scss */
.maintenance-page .container {
    padding: 40px 0;
}
/* line 1917, ../sass/global.styles.scss */
.maintenance-page #site-name,
.maintenance-page #page-title {
    margin: 0;
}

/* line 1925, ../sass/global.styles.scss */
.db-offline .container {
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    max-width: 960px;
}
/* line 1932, ../sass/global.styles.scss */
.db-offline div.messages {
    margin: 20px 0 0;
}
/* line 1936, ../sass/global.styles.scss */
.db-offline #content {
    padding: 20px 0;
}

/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */
/*
 * Admin menu overrides
 */
/* line 1949, ../sass/global.styles.scss */
#admin-menu {
    margin: 0;
    padding: 0;
}

/*
 * Devel Module
 */
/* line 1958, ../sass/global.styles.scss */
.dev-query {
    background: #eee;
    padding: 30px;
}

/*
 * Styleguide module tweaks
 */
/* line 1967, ../sass/global.styles.scss */
#styleguide-header {
    padding: 0 10px;
}
/* line 1970, ../sass/global.styles.scss */
#styleguide-header .item-list {
    font-family: inherit;
    margin: 0 20px 20px 0;
    min-height: 260px;
    width: auto;
}

/*# sourceMappingURL=global.styles.css.map */

/* HEADER */
#block-menu-menu-top-menu {
    display: none;
}
#branding {
    display: none;
}
#site-name {
    font-size: 24pt;
}

/*## MOBILE MAIN MENU **/
#mobileBar {
    height: 60px;
    width: 100%;
    position: relative;
    z-index: 20;
    background-color: white;
}
#name-and-slogan {
    display: none;
}
.bloc-num-entete {
    display: none;
}
#mobile-menu-burger {
    height: 60px;
    background-color: #89B7B3;
    float: left;
}
#mobile-search-icon {
    float: right;
    height: 60px;
    width: 60px;
    background-color: white;
    background-image: url(images/svg/icon-recherche.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 15px;
    cursor: pointer;
}
#mobile-site-name {
    float: left;
    margin-left: 0;
    font-family: 'Avenir Black';
    z-index: 20;

}
#mobile-site-name h1 {
    margin: 0 0px 0 10px;
    line-height: 60px;
}

#mobile-site-name a:link, #mobile-site-name a:visited {
    text-decoration: none;
    color:#333;
}

#mobile-site-name a:hover, #mobile-site-name a:focus {
    text-decoration: none;
    color:#333;
}

.block-search-api-page {
    float: left;
    margin-left: 20px;
    width: 90%;
    z-index: 10;
    overflow-y: hidden;
    height: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.block-search-api-page.shown {
    height: 54px;
}

#search-api-page-search-form-recherche > div {
    text-align: left;
    font-size: 0;
}

.block-search-api-page .form-type-textfield {
    display: inline-block;
    vertical-align: top;
    width: 80%;
    margin:0;
    border: none;
    padding: 0;
}

.block-search-api-page .form-type-textfield input{
    background: url(images/search-bg.png) no-repeat;
    border: none;
    font-style: italic;
    font-size: 14px;
    padding-left: 20px;
    box-sizing: border-box;
    width: 100%;
    background-color: white;
    height: 36px;
}

.block-search-api-page input.form-submit{
    display: inline-block;
    width: 42px;
    height: 36px;
    padding: 0;
    margin: 0;
}


.page-recherche #block-system-main > h1 {
    display: none;
}

.page-recherche #main-content-header {
    margin-top: 20px;
}

/** MAIN MENU ***/
#menu-bar .menu-bar-wrapper  {
    position: relative;
}


#page {
    position: relative;
}
#desktop-menu-bar {
    display: none;
}
#menu-bar {
    margin: 0;
    /* replaced by search box */
/*
    overflow: hidden;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    height: 400px;
    z-index: -10;
*/
}
#menu-bar.is-visible {
    z-index: 5;
}

#menu-bar ol,
#menu-bar ul,
.field-type-taxonomy-term-reference ul {
    list-style: none
}
#menu-bar h2 {
    display: none;
}
#menu-bar nav {
    text-align: left;
    width: 100%;
    font-family: 'Garamond Three', serif;
    font-style: italic;
    font-size: 24px;
    line-height: 24px;
    margin: 0 ;
    z-index: 1000;
}
#menu-bar ul {
    position: absolute;
    padding: 0px;
    width: 100%;
    min-height: 300px;
    color: #ededed;
    background-color: #89B7B3;
}
#menu-bar ul li {
    display: list-item;
    width: 100%;
}

#menu-bar ul li a {
    opacity: 0;
    display: block;
    padding: 10px 20px 10px 60px;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
    transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
    transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out;
    transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
}
/*#menu-bar ul li.has-children>div {
  position: relative;
}*/
#menu-bar ul li.first {
    margin-top: 40px;
}
#menu-bar ul li.last {
    margin-bottom: 40px;
}
#menu-bar ul li.has-children span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 12px 25px;
    text-indent: -9999px;

    z-index: 2000;
}

#menu-bar ul li.has-children span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 0;
    margin: auto 20px;
    padding: 5px;
    width: 0px;
    height: 0px;
    cursor: pointer;
    font-size: 0;
    border-bottom: 2px solid #ededed;
    border-right: 2px solid #ededed;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

    z-index: 2000;
}

#menu-bar ul li.has-children span:hover:after { border-color: #bababa; }


#menu-bar>nav> .menu {
    opacity: 0;
    -webkit-transition: background-color 0.3 ease-out, opacity 0.3s ease-out;
    transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
}

#menu-bar>nav> .menu.is-visible { opacity: 1; }

#menu-bar>nav> .menu.is-visible li a {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.view-submenu>nav> .menu { background-color: #3e3e3e; }

.view-submenu>nav> .menu > li > a {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}

#menu-bar>nav>.menu .submenu {
    position: absolute;
    left: 100%;
    top:0;
}

#menu-bar>nav>.menu .submenu li {
    margin-left: 60px;
}

.hide-submenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    cursor: pointer;
    background-color: #6D9391;
    -webkit-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out;
}

.hide-submenu:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    padding: 4px;
    width: 6px;
    height: 6px;
    cursor: pointer;
    font-size: 0;
    border-bottom: 2px solid #ededed;
    border-right: 2px solid #ededed;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 0;
    right: -6px;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.view-submenu .hide-submenu { background-color: #6D9391; }

.view-submenu .hide-submenu:before {
    opacity: 1;
    -webkit-transition: opacity 0.15s 0.3s ease-out;
    transition: opacity 0.15s 0.3s ease-out;
}



.toggle {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    padding: 0 17px;
}

.toggle span {
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 0;
    width: 26px;
    height: 2px;
    background-color: #ededed;
    border-radius: 100px;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.toggle span:before, .toggle span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    border-radius: 100px;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.toggle span:before { bottom: calc(100% + 6px); }

.toggle span:after { top: calc(100% + 6px); }

.is-visible .toggle span { background-color: transparent; }

.is-visible .toggle span:before {
    bottom: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.is-visible .toggle span:after {
    top: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
#menu-bar  nav a {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
  border-bottom: 3px solid transparent;
  padding: 10px 0px 10px 60px;
  margin:0;
}*/

#menu-bar nav a:link,
#menu-bar nav a:visited
{
    color:white;
}
#menu-bar nav a:hover,
#menu-bar nav a:focus
{
    text-decoration: none;
}


.header-colorbar {
    width: 100%;
    height: 30px;
    background-image: url('images/header-top-colors-hug.jpg');
    background-size: contain;
    z-index: 20;
    position: relative;
}
/* Block Homepage cover */

.region-highlighted .block, .region-highlighted .node {
    margin:0;
}
.region-highlighted img {
    display: block;
}
.region-highlighted #articlesBar {
    background-color: rgba(95, 181, 177,0.7);
}
.region-highlighted #articlesBar > div.node-content > div.field-name-field-dossier-thematique {
    background-color: rgba(95, 181, 177,0.7);
}
#block-views-couverture-accueil-block > bloc-inner{
    margin:0;
}
#block-views-couverture-accueil-block .node-numero > header {
    display: none;
}
.region-highlighted #articlesBar article a,
.region-highlighted #articlesBar article a:hover,
.region-highlighted #articlesBar article a:active,
.region-highlighted #articlesBar article a:focus {
    text-decoration: none;
    color: inherit;
    display: block;
}
.region-highlighted #articlesBar .field-name-field-dossier-thematique article a,
.region-highlighted #articlesBar .field-name-field-dossier-thematique article a:hover,
.region-highlighted #articlesBar .field-name-field-dossier-thematique article a:active,
.region-highlighted #articlesBar .field-name-field-dossier-thematique article a:focus {
    color: white;
}
.region-highlighted #articlesBar > div.node-content > div.field:not(.field-name-field-dossier-thematique) {
    background-color: transparent;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.region-highlighted #articlesBar > div.node-content > div.field {
    padding: 20px 10px 25px 20px;
}

.region-highlighted #articlesBar > div.node-content > div.field:hover{
    background-color: rgba(255, 255, 255,0.3);
}
.region-highlighted #articlesBar ul {
    padding:0;
    margin:0;
}
.region-highlighted #articlesBar li {
    list-style: none;
}
.region-highlighted #articlesBar .field-name-field-section,
.region-highlighted #articlesBar .field-name-field-section-professionnel{
    font-family: "Avenir Black";
    font-size: 22px;
    margin:0;
}
.region-highlighted #articlesBar h2 {
    font-family: "Garamond Three";
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
}

/* FOOTER */
#footer {
    background-color: #f2f2f2;
    color: #222;
    font-family: 'Garamond Three', serif;
    font-style: italic;
    padding-top: 20px;
}
#footer span.ext {
    display: none;
}
#footer .menu li {
    list-style: none;
}

.logo-footer {
    width: 25%;
    float: right;
}
.block-menu-footer-first-menu {
    font-size: 20px;
    width: 100%;
    float: left;
}
.block-menu-footer-first-menu .expanded li {
    font-size: 16px;
}

.block-menu-footer-first-menu ul {
    margin:0px;
}

.block-menu-footer-first-menu div.content > ul > li {
    display: block;
    float: left;
    margin-right:20px;
}
.block-menu-footer-first-menu a {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-bottom: 1px solid transparent;
}
.block-menu-footer-first-menu a:link,
.block-menu-footer-first-menu a:visited
{
    color:#222;
}
.block-menu-footer-first-menu a:hover,
.block-menu-footer-first-menu a:focus
{
    color:#60B5B1;
    border-bottom: 1px solid #EEE;
    text-decoration: none;
}

.block-menu-footer-second-menu a {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-bottom: 1px solid transparent;
}
.block-menu-footer-second-menu a:link,
.block-menu-footer-second-menu a:visited
{
    color:#555;
}
.block-menu-footer-second-menu a:hover,
.block-menu-footer-second-menu a:focus
{
    color:#60B5B1;
    border-bottom: 1px solid #EEE;
    text-decoration: none;
}
.block-menu-footer-second-menu .block-content {
    text-align: center;
}
.block-menu-footer-second-menu .block-content ul {
    display: inline-block;
}
.block-menu-footer-second-menu .block-content li{
    display: inline-block;
    padding: 0 20px;
}
.block-menu-footer-second-menu li+li {
    border-left: 1px solid #AAA;
}

.block-menu-footer-second-menu {
    font-size: 18px;
    line-height: 18px;
    float: left;
    width: 100%;
}
/* Highlighted region */
.region-highlighted .block-inner {
    margin:0;
}
.front .region-highlighted .field-name-field-image {
    display:none;
}


/***** FRONT ****/
.front #columns {
    margin-top: 20px;
}
.view-accueil .views-row {
    margin: 30px 0;
}
.view-accueil .views-row .field-name-field-section,
.view-accueil .views-row .field-name-field-section-professionnel {
    color:#60B5B1;
}
.view-accueil .views-row article{
    font-family: "Avenir Medium";
}
.view-accueil .views-row img {
    display: block;
    width: 100%;
    height: auto;
}
.view-accueil .views-row  ul {
    padding:0;
    margin:0;
}
.view-accueil .views-row  li {
    list-style: none;
}
.view-accueil .views-row  .field-name-field-section,
.view-accueil .views-row  .field-name-field-section-professionnel {
    font-family: "Avenir Black";
    font-size: 22px;
    margin:0;
}
.view-accueil .views-row h2 {
    font-family: "Avenir Medium";
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    margin:10px 0 5px 0;
}
.view-accueil .views-row h2 a,
.view-accueil .views-row h2 a:hover,
.view-accueil .views-row h2 a:active,
.view-accueil .views-row h2 a:focus {
    text-decoration: none;
    color: inherit;
    display: block;
}
.view-accueil .views-row article {
    margin:0;
}
.view-accueil .auteur {
    font-family: "Avenir Light";
    font-size: 12px;
    text-transform: uppercase;
}
.item-list-pager {
    margin: 20px;
}


.region-secondary-content {
    margin:40px 0;
    float: left;
    width: 100%;
}

.region-tertiary-content h2.block-title,
.region-secondary-content h2.block-title{
    text-align: right;
    font-family: "Garamond Three";
    font-style: italic;
    font-size: 1.6em;
    border-bottom: 2px solid #DDD;
    padding-bottom: 5px;
    margin: 10px 0;
    font-weight: normal;
}
.region-secondary-content>div,
.region-tertiary-content>div {
    margin-right: 10px;
    margin-left: 10px;
}
.region-tertiary-content {
    margin:40px 0;
    width: 100%;
    float: left;
}

/************/
/* ARTICLES
/************/
h1 {
    font-size: 28px;
    line-height: 28px;
    font-family: "Avenir Medium";
    color: #222;
    font-weight: normal;
}
.block-inner {
    margin:0;
}

.article-auteur, .article-creditsphotos, .article-date  {
    text-transform: uppercase;
    font-size: 12px;
}
.article-auteur .field h2.field-label, .article-creditsphotos .field h2.field-label{
    font-weight: normal;
}
.article-auteur section, .article-creditsphotos section{
    margin:0;
}

.field-name-field-introduction {
    font-family: "Avenir Medium";
    font-size: 18px;
    line-height: 20px;
}
.node-type-article .field-name-field-section,
.node-type-article-pro .field-name-field-section-professionnel {
    font-family: "Avenir Black";
    font-size: 22px;
    color:#60B5B1;
    margin: 0;
}
.field-name-field-section ul,
.field-name-field-section-professionnel ul {
    padding: 0;
    margin: 30px 0 0 0;
}
.field-name-field-section a,
.field-name-field-section-professionnel a {
    color:#60B5B1;
    text-decoration: none;
}
.side-top-bloc {
    display: none;
}
/* blocs image + text */
.node-content-image-and-text {
    background-color: #eff7f7;
}
.node-content-image-and-text .field-name-field-blocimagetexte-image  {
    float: left;
    width: 100%;
    margin-bottom:20px;
}
.node-content-image-and-text .field-name-field-blocimagetexte-image img {
    display: block;
    width: 100%;

}
.node-content-image-and-text .field-name-body .field-items{
    padding:20px;
}
/* bloc gallery */
.field-name-field-galleybloc-images .field-item {
    float: left;
    width: 100%;
}
.field-name-field-galleybloc-images .field-item img {
    width: 100%;
}
/* blocs stat + text */
.node-content-stat-bloc {
    background-color: #eff7f7;

}
.node-content-stat-bloc .node-content {
    display: table-row;
}
.node-content-stat-bloc .field-name-field-blocstat-statistique  {
    display: table-cell;
    color:#60B5B1;
    height: 100%;
    font-style: italic;
}
.node-content-stat-bloc .field-name-field-blocstat-statistique p {
    margin: 0;
    padding: 20px;
    font-size: 40%;
    line-height: 120%;
    white-space: nowrap;
}
.node-content-stat-bloc .field-name-body {
    display:table-cell;
    padding: 20px;
    vertical-align: bottom;
    font-family: "Baskerville Italic";
    font-size: 18px;
}
.mobile-display-only {
    margin-bottom: 30px;
}
.article-side-column .article-partager {
    display: none;
}
.article-partager .partager-title{
    text-align: right;
    font-family: "Garamond Three";
    font-style: italic;
    font-size: 1.6em;
    border-bottom: 2px solid #DDD;
    padding-bottom: 5px;
    margin: 10px 0;
    background-image: url('images/svg/partage.svg');
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 36px;
}
.rrssb-buttons {
    margin:0;
    margin: 0;
    padding: 0;
    text-align: left;
}
.rrssb-buttons >li span:not(.rrssb-icon) {
    display: none;
}
.rrssb-buttons >li {
    margin-right: 26px;
    margin-bottom: 15px;
    width: 30px!important;
}
.rrssb-buttons >li a .rrssb-icon svg {
    height: 25px;
    width: auto;
    fill: #666;
}
.rrssb-buttons.small-format li a .rrssb-icon svg {
    top:0;
    height: 25px;
}
.rrssb-icon svg path {
    fill: #666!important;
}
.rrssb-buttons li  a {
    background-color: transparent!important;
}
.rrssb-print svg path {
    fill: white!important;
}


.article-side-column .ensavoirplus-title {
    text-align: right;
    font-family: "Garamond Three";
    font-style: italic;
    font-size: 1.6em;
    border-bottom: 2px solid #DDD;
    padding-bottom: 5px;
    margin: 50px 0 20px 0;
    background-image: url('images/svg/ensavoirplus.svg');
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-size: 30px;
}
.field-name-field-tags, .field-name-field-tags ul {
    padding: 0;
}
.field-name-field-tags a {
    color:#222;
    text-decoration: none;
}
.field-name-field-tags ul {
    margin:0 0 30px 0;
}
.node-content-side-bloc h3 {
    font-size:1em;
}
.node-content-side-bloc p {
    margin-bottom: 1em;
    line-height: 1.3em;
}
.node-content-side-bloc .field-name-field-sidebloc-cta a {
    color:#60B5B1;
    text-decoration: none;

}
/* AUTRES ARTICLES */
.bloc-autres-articles .views-row {
    margin-bottom: 40px;
}
.bloc-autres-articles h2 {
    text-align: right;
    font-family: "Garamond Three";
    font-style: italic;
    font-size: 1.6em;
    border-bottom: 2px solid #DDD;
    padding-bottom: 5px;
    margin: 10px 0;
    font-weight: normal;
}
.bloc-autres-articles .views-row .views-field-name A {
    color:#60B5B1;
    text-decoration: none;
    font-family: "Avenir Black";
    font-size: 22px;
}
.bloc-autres-articles .views-row .views-field-field-image img{
    width: 100%;
    max-width: none;
}
.bloc-autres-articles .views-row .views-field-title {
    font-family: "Avenir Medium";
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    color:#222;
}
.bloc-autres-articles .views-row .views-field-title a {
    text-decoration: none;
    display: block;
    color:#222;
}
.bloc-autres-articles .views-row .views-field-created,
.bloc-autres-articles .views-row .views-field-field-auteur {
    text-transform: uppercase;
    display: inline-block;
    font-family: "Avenir Light";
    font-size: 12px;
}
.bloc-autres-articles .views-row .views-field-field-auteur>div:before {
    content:" - ";
}

/*** SPECIAL COLOR FOR DOSSIER THEMATIQUE (termID = 3) */
.bloc-section-3 {
    background-color: #e0f0f0;
}
.bloc-section-3 .views-field-name{
    background-color: #60b5b2;
}
.bloc-section-3 .views-field-name a{
    color: white!important;
}
.bloc-section-3 .field-name-field-section,
.bloc-section-3 .field-name-field-section-professionnel {
    background-color: #60b5b2;
}
.bloc-section-3 .field-name-field-section a,
.bloc-section-3 .field-name-field-section-professionnel a{
    color: white!important;
}

/***** PAGE SECTION ***/
/* commun */
.page-taxonomy-term #page-title {
    display: none;
}
.view-sections-view .views-field-field-section a,
.view-sections-view .views-field-field-section-professionnel a {
    color:#60B5B1;
    text-decoration: none;
    font-family: "Avenir Black";
    font-size: 22px;
}
.view-sections-view .views-field-field-image img{
    width: 100%;
    max-width: none;
}
.view-sections-view .views-field-title {
    font-family: "Avenir Medium";
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    color: #222;
    margin: 20px 0 10px 0;
}
.view-sections-view .views-field-title a {
    text-decoration: none;
    display: block;
    color:#222;
}
.view-sections-view .views-field-created,
.view-sections-view .views-field-field-auteur {
    text-transform: uppercase;
    font-family: "Avenir Light";
    font-size: 14px;
}

/* bloc entete de section */
.view-display-id-block_entete_section,
.view-display-id-block_entete_pro {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.view-display-id-block_entete_section .views-field-field-image-1,
.view-display-id-block_entete_pro .views-field-field-image-1 {
    display: none;
}
/* affichage taxonomie */
.view-display-id-page_section,
.view-display-id-page_section_pro {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

/*********************/
/*** Breadcrumb desactivé poru l'instant **/
#breadcrumb {
    display: none;
}

/*********************/
/*** page Recherche **/

/*********************/
/*** WEBFORM **/
.node-webform textarea {
    width: 100%;
    max-width: 500px;
}
.node-webform input[type=text],
.node-webform input[type=email] {
    width: 100%;
    max-width: 500px;
}

/*********************/
/*** Override css module rrssb **/

/*********************/
/* Auto-generated RRSSB CSS file. */
.rrssb-buttons li.rrssb-facebook a { background-color: #306199; }
.rrssb-buttons li.rrssb-facebook a:hover { background-color: #244872; }
.rrssb-facebook .rrssb-icon { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath fill='grey' d='M26.4 0H2.6C1.714 0 0 1.715 0 2.6v23.8c0 .884 1.715 2.6 2.6 2.6h12.393V17.988h-3.996v-3.98h3.997v-3.062c0-3.746 2.835-5.97 6.177-5.97 1.6 0 2.444.173 2.845.226v3.792H21.18c-1.817 0-2.156.9-2.156 2.168v2.847h5.045l-.66 3.978h-4.386V29H26.4c.884 0 2.6-1.716 2.6-2.6V2.6c0-.885-1.716-2.6-2.6-2.6z'/%3E%3C/svg%3E") !important;height: 25px;width: 25px;}
.rrssb-buttons li.rrssb-linkedin a { background-color: #007bb6; }
.rrssb-buttons li.rrssb-linkedin a:hover { background-color: #005983; }
.rrssb-linkedin .rrssb-icon { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='grey' d='M25.424 15.887v8.447h-4.896v-7.882c0-1.98-.71-3.33-2.48-3.33-1.354 0-2.158.91-2.514 1.802-.13.315-.162.753-.162 1.194v8.216h-4.9s.067-13.35 0-14.73h4.9v2.087c-.01.017-.023.033-.033.05h.032v-.05c.65-1.002 1.812-2.435 4.414-2.435 3.222 0 5.638 2.106 5.638 6.632zM5.348 2.5c-1.676 0-2.772 1.093-2.772 2.54 0 1.42 1.066 2.538 2.717 2.546h.032c1.71 0 2.77-1.132 2.77-2.546C8.056 3.593 7.02 2.5 5.344 2.5h.005zm-2.48 21.834h4.896V9.604H2.867v14.73z'/%3E%3C/svg%3E"); !important;height: 25px;width: 25px;}
.rrssb-buttons li.rrssb-twitter a { background-color: #26c4f1; }
.rrssb-buttons li.rrssb-twitter a:hover { background-color: #0eaad6; }
.rrssb-twitter .rrssb-icon { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='grey' d='M24.253 8.756C24.69 17.08 18.297 24.182 9.97 24.62a15.093 15.093 0 0 1-8.86-2.32c2.702.18 5.375-.648 7.507-2.32a5.417 5.417 0 0 1-4.49-3.64c.802.13 1.62.077 2.4-.154a5.416 5.416 0 0 1-4.412-5.11 5.43 5.43 0 0 0 2.168.387A5.416 5.416 0 0 1 2.89 4.498a15.09 15.09 0 0 0 10.913 5.573 5.185 5.185 0 0 1 3.434-6.48 5.18 5.18 0 0 1 5.546 1.682 9.076 9.076 0 0 0 3.33-1.317 5.038 5.038 0 0 1-2.4 2.942 9.068 9.068 0 0 0 3.02-.85 5.05 5.05 0 0 1-2.48 2.71z'/%3E%3C/svg%3E"); !important;height: 25px;width: 25px;}
.rrssb-buttons li.rrssb-email a { background-color: #0a88ff; }
.rrssb-buttons li.rrssb-email a:hover { background-color: #006ed6; }
.rrssb-email .rrssb-icon { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='grey' d='M20.11 26.147c-2.335 1.05-4.36 1.4-7.124 1.4C6.524 27.548.84 22.916.84 15.284.84 7.343 6.602.45 15.4.45c6.854 0 11.8 4.7 11.8 11.252 0 5.684-3.193 9.265-7.398 9.3-1.83 0-3.153-.934-3.347-2.997h-.077c-1.208 1.986-2.96 2.997-5.023 2.997-2.532 0-4.36-1.868-4.36-5.062 0-4.75 3.503-9.07 9.11-9.07 1.713 0 3.7.4 4.6.972l-1.17 7.203c-.387 2.298-.115 3.3 1 3.4 1.674 0 3.774-2.102 3.774-6.58 0-5.06-3.27-8.994-9.304-8.994C9.05 2.87 3.83 7.545 3.83 14.97c0 6.5 4.2 10.2 10 10.202 1.987 0 4.09-.43 5.647-1.245l.634 2.22zM16.647 10.1c-.31-.078-.7-.155-1.207-.155-2.572 0-4.596 2.53-4.596 5.53 0 1.5.7 2.4 1.9 2.4 1.44 0 2.96-1.83 3.31-4.088l.592-3.72z'/%3E%3C/svg%3E"); !important;height: 25px;width: 25px;}
.rrssb-buttons li.rrssb-print a { background-color: #8d98a2; }
.rrssb-buttons li.rrssb-print a:hover { background-color: #717f8b; }
.rrssb-print .rrssb-icon { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='grey' d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3Cpath fill='%23FFF' d='M0 0h24v24H0z' style='fill:none'/%3E%3C/svg%3E"); !important;height: 25px;width: 25px;}
.rrssb {padding-right: unset !important;}

/* BLOC RESEAU DE SANTE */
.bloc_reseau_de_sante {
  margin : 0;
}
.bloc_reseau_de_sante p {
  margin-top: 0px;
  padding: 0;
}

.node-type-article-pro .bloc_reseau_de_sante p {
  margin-top: 0;
}