/*--===-FONTS---*/
/*-===-COLORS---*/
/*-===-GENERAL---*/
/*-===-GENERIC TAGS AND ZONES---*/
/*-===-TOP PAGE/FRONT NAVBAR MAIN MENU---*/
/*-===-BREADCRUMB---*/
/*-===-HOME PAGE---*/
  /*-==-PROJETS UNE---*/
  /*-==-ACTU UNE---*/
  /*-==-AGENDA HOME---*/
  /*-==-GALERIE HOME---*/
  /*-==-PUBLICATIONS HOME---*/
/*-===-PAGE BASIQUE---*/
  /*-==-PAGE INTRO---*/
  /*-==-SIDEBAR MENU---*/
  /*-==-PAGE CENTER---*/
  /*-=-ACCUEIL DE RUBRIQUE---*/
/*-===-PAGE ACTU---*/
/*-===-PAGES MOTEUR---*/
/*-===-PAGE GALERIE---*/
/*-===-PAGE DEMARCHES---*/
/*-===-PAGES PROFILS---*/
/*-===-PAGES MARCHES PUBLICS---*/
/*-===-TABLES---*/
/*-===-FORMS---*/
/*-===-SEARCH GENERAL---*/
/*-===-SEARCH ENGINES---*/
  /*-==-PAGINATION---*/
  /*-==-SEARCH RESULTS---*/
/*-===-LEXIQUE---*/
/*-===-CARTO---*/
/*-===-FOOTER---*/
/*-===-PLAN DU SITE---*/
/*-===-SPRITES---*/
/*-===-PHOTOBOX CSS---*/
/*-===-MEDIA QUERIES---*/

/*-===----------------------------------------------------------------*/
/*-------------------- FONTS --------------------*/

@font-face {
  font-family: 'roboto_regular';
  src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
       url('../fonts/roboto-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto_bold';
  src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
       url('../fonts/roboto-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto_medium';
  src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
       url('../fonts/roboto-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotolight';
  src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
       url('../fonts/roboto-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotothin';
  src: url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
       url('../fonts/roboto-thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'hind_vadodararegular';
  src: url('../fonts/hindvadodara-regular-webfont.woff2') format('woff2'),
       url('../fonts/hindvadodara-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'hind_vadodarabold';
  src: url('../fonts/hindvadodara-bold-webfont.woff2') format('woff2'),
       url('../fonts/hindvadodara-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*-===----------------------------------------------------------------*/
/*-------------------- COLORS ----------------------------------------*/

.blue{
  background-color: #00B8DE;
}

.orange{
  background-color: #ef7d00;
}

.dark-orange{
  background-color: #db7405;
}

.dark-blue{
  background-color: #0b1f39;
}

.dark-gray{
  background-color: #2a2d34;
}

.green{
  background-color: #85B000;
}

.purple{
  background-color: #662d91;
}

/*-===----------------------------------------------------------------
    CK EDITOR CSS
----------------------------------------------------------------------*/
/* General indentation & positioning classes */

.rteindent1 {
    margin-left: 40px;
}
.rteindent2 {
    margin-left: 80px;
}
.rteindent3 {
    margin-left: 120px;
}
.rteindent4 {
    margin-left: 160px;
}
.rteleft {
    text-align: left;
}
.rteright {
    text-align: right;
}
.rtecenter {
    text-align: center;
}
.rtejustify {
    text-align: justify;
}
.ibimage_left {
    float: left;
}
.ibimage_right {
    float: right;
}

/* Editor classes */

/* CKEditor padding in IE */
table.cke_editor fieldset {
    padding: 0 !important;
}
/* hack with ie and garland editing area size fix - [#733512] */
.cke_editor{
    display: table !important;
}
.cke_editor,#ie#bug {
    display: inline-table !important;
}
/* Fix table border for Drupal's Seven theme - [#1020612] */
.cke_dialog tr td:last-child {
    border-right: 0;
}
/* Panels in IE11 [#2244835] */
.cke.cke_chrome {
    visibility: inherit;
}
.cke.cke_panel {
    visibility: visible;
}

/*-===----------------------------------------------------------------*/
/*-------------------- GENERAL ---------------------------------------*/

/*Remove blue outline chrome inputs */

input:focus,
select:focus,
textarea:focus,
button:focus{
  outline: none;
}

.select-firefox:after{
  position: relative;
  float: right;
  margin-top: -28px;
  margin-right: 10px;
  content: '\25BC';
  z-index: 0;
}

.select-firefox select{
  position: relative;
  background: none;
  z-index: 1;
}

input.form-control{
  border: none;
  border-radius: 0;
}

/*Remove statistic counter */
.statistics_counter{
  display: none !important;
}

.gmnoprint img {
  max-width: none !important; 
}

/*- Remove Scald Authors and Tags -*/
.field-name-scald-authors,
.field-name-scald-tags{
  display: none;
}

/*- Remove Scald Authors and Tags -*/
.field-name-scald-authors,
.field-name-scald-tags{
  display: none;
}

.file-icon {
  display: none;
}

/* -- SCALD -- */
.dnd-library-wrapper .editor-item .meta.type-file {
  background-image: url('icons/file.png');
}

.scald-menu .add-buttons .add-file {
  background: url('icons/file-large-inverted.png') 50% 50% no-repeat;
}

.scald-menu .add-buttons .add-file:hover {
  background-image: url('icons/file-large-color.png');
}

.dnd-drop-wrapper img.scald-file-icon,
img.scald-file-icon {
  height: 16px;
  vertical-align: top;
}

iframe.pdf,
.dnd-drop-wrapper iframe.pdf {
  width: 100%;
}



/**
 * @file
 * Generic theme-independent base styles.
 */

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
  zoom: 1; /* IE7 */
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../../misc/throbber-inactive.png);
  background-position: 100% center; /* LTR */
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-image: url(../../misc/throbber-active.gif);
  background-position: 100% center; /* LTR */
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
  display: none;
}
fieldset.collapsible {
  position: relative;
}
fieldset.collapsible .fieldset-legend {
  display: block;
}

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.resizable-textarea .grippie {
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag {
  cursor: move;
}
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin-left: -1em; /* LTR */
  overflow: hidden;
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  background: url(../../misc/draggable.png) no-repeat 6px 9px;
  height: 13px;
  margin: -0.4em 0.5em; /* LTR */
  padding: 0.42em 0.5em; /* LTR */
  width: 13px;
}
a.tabledrag-handle-hover .handle {
  background-position: 6px -11px;
}
div.indentation {
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  padding: 0.42em 0 0.42em 0.6em; /* LTR */
  width: 20px;
}
div.tree-child {
  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url(../../misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
  text-align: right; /* LTR */
}

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header {
  background-color: #fff;
  margin-top: 0;
}

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar {
  background-color: #fff;
  border: 1px solid;
}
.progress .filled {
  background-color: #000;
  height: 1.5em;
  width: 5px;
}
.progress .percentage {
  float: right; /* LTR */
}
/* Throbber */
.ajax-progress {
  display: none;
}
.ajax-progress .throbber {
  background: transparent url(../../misc/throbber-active.gif) no-repeat 0px center;
  float: left; /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}
.ajax-progress .message {
  padding-left: 20px;
}
tr .ajax-progress .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/**
 * Inline items.
 */
.container-inline div,
.container-inline label {
  display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
  display: block;
}

/**
 * Prevent text wrapping.
 */
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}

/**
 * @file
 * Stylesheet used to provide align and wrap functionality for atoms
 *
 * It is automatically included when the DnD plugin is used.
 */

.atom-align-right {
  float: right;
}

.atom-align-left {
  float: left;
}

.atom-align-center {
  margin: 0 auto;
  display: table;
}

/**
 * The following rules make legend look nice with responsive images.
 */
.dnd-atom-wrapper {
  display: table;
}
.dnd-drop-wrapper img {
  max-width: 100%;
  height: auto;
}
.dnd-legend-wrapper {
  display: table-caption;
  caption-side: bottom;
}

/* Field display */
.field .field-label {
  font-weight: bold;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
  float:left; /*LTR*/
}
.field-label-inline{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

/* Form display */
form .field-multiple-table {
  margin: 0;
}
form .field-multiple-table th.field-label {
  padding-left: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag {
  width: 30px;
  padding-right: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
  padding-right: .5em; /*LTR*/
}

form .field-add-more-submit {
  margin: .5em 0 0;
}


/* -- CUSTOM SEARCH -------------------------------------------- */
input.custom-search-default-value {
  color: #999;
}

#elements tr.region-message {
  font-weight: normal;
  color: #999;
}

#elements tr.region-populated {
  display: none;
}

fieldset.custom_search-popup {
  display: none;
  position: absolute;
  top: auto;
  margin: 0;
  z-index: 1;
  background-color: #fff;
}


/* -- DATE REPEAT ------------------------------------- */
.date-repeat-input {
  float: left; /* LTR */
  margin-right: 5px; /* LTR */
  width: auto;
}
.date-repeat-input select {
  min-width: 7em;
}
.date-repeat fieldset {
  clear: both;
  float: none;
}

.date-repeat-radios {
  margin-bottom: 1em;
}

.date-repeat-radios input[type=radio] {
  float: left;
  margin: 0.75em 0.75em 0 0;
}

.date-repeat-radios .form-wrapper {
  float: left;
}

.date-repeat-radios .form-type-checkboxes .form-type-checkbox {
  width: 15%;
  float: left;
  margin: 0;
}

.date-repeat-radios .date-repeat-radios-item {
  margin-bottom: 1em;
}

.weekly .form-type-checkboxes .form-type-checkbox {
  float: left;
  margin-right: 10px;
}

.date-repeat-input.byday-count label,
.date-repeat-input.byday-count select,
.date-clear.bymonthday label,
.date-clear.bymonthday select {
  display: inline;
}

.date-repeat-input.byday-day label,
.date-clear.bymonthday .field-suffix {
  font-weight: bold;
}

.range-of-repeat .form-radios > div {
  margin-top: 0.5em;
}

.range-of-repeat .count input[type=text] {
  margin: 0 0.5em;
}

.range-of-repeat .until .form-wrapper {
  margin: 0 0.5em;
  display: inline-block;
  vertical-align: middle;
}

.range-of-repeat .until .form-radio,
.range-of-repeat .until .date-prefix-inline {
  margin: 0 0 1.4em 0;
  vertical-align: middle;
}

.range-of-repeat .until.widget-date_popup.label-above .form-radio,
.range-of-repeat .until.widget-date_popup.label-above .date-prefix-inline {
  margin: 0;
  vertical-align: middle;
}

.range-of-repeat .until.widget-date_select.label-within .form-radio,
.range-of-repeat .until.widget-date_select.label-within .date-prefix-inline {
  margin: 0;
  vertical-align: middle;
}

.range-of-repeat .until.widget-date_select.label-above .form-radio,
.range-of-repeat .until.widget-date_select.label-above .date-prefix-inline {
  margin: 1.4em 0 0 0;
  vertical-align: middle;
}

.range-of-repeat .until .form-type-date-text .date-padding {
  padding: 0;
}

.range-of-repeat .until.widget-date_select.label-within .date-padding {
  padding: 0;
}

.range-of-repeat .until.widget-date_select.label-above .date-padding {
  padding: 0;
}

.range-of-repeat .until .form-type-date-select,
.range-of-repeat .until .form-type-date-popup,
.range-of-repeat .until .form-type-date-text {
  border: none;
  margin: 0;
}

/* -- LEXICON -- */
abbr.lexicon-indicator,
acronym.lexicon-indicator,
sup.lexicon-indicator,
span.lexicon-indicator,
a.lexicon-indicator,
a.lexicon-icon,
dfn.lexicon-indicator,
img.lexicon-indicator {
  cursor: help;
}
span.lexicon-term {
  text-decoration: none;
  border-bottom: 1px dotted;
  cursor: help;
}

a.lexicon-term {
  text-decoration: none;
  border-bottom: 1px dotted #080;
  color: #080;
  cursor: help;
}
.lexicon-links {
  text-align: center;
  background-color: #eeeeff;
  color: #888888;
}
.lexicon-links a {
  font-size: 140%;
  text-transform: uppercase;
}
.lexicon-extralinks a{
  background-color: #cccccc;
  font-size: 0.6em;
}

.nav > li {
  display: inline-block;
}

.views-exposed-form .views-exposed-widget {
  float: left; /* LTR */
  padding: .5em 1em 0 0; /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
  margin-top: 0;
  margin-bottom: 0;
}

.views-exposed-form label {
  font-weight: bold;
}

.views-exposed-widgets {
  margin-bottom: .5em;
}

/* table style column align */
.views-align-left {
  text-align: left;
}
.views-align-right {
  text-align: right;
}
.views-align-center {
  text-align: center;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
  border-top: none;
}

/*
.view .progress-disabled {
  float: none;
}
*/

/*--===---------------------------------------------------------------*/
/*-------------------- GENERIC TAGS AND ZONES ------------------------*/
body {
  margin:0;
  padding:0;
  font-weight:normal;
  color:#2a2d34;
  font-family:'roboto_regular', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.not-front{
  padding-top: 35px;
}
body.not-front.rapsodee{
  padding-top: 0;
}
#navbar{
  border-radius: 0;
}
.col-lg-12{
  padding: 0;
}

.container,
.navbar.container {
  margin: 0 auto;
  max-width: 1170px;
}

.main-container {
  margin-top: 70px;
}

.main-container > .row{
  margin-bottom: 30px;
  padding: 40px 0 0 0
}

.section-gray{
  background-color: #f2f2f2;
}

p{
  margin: 10px 0;
	letter-spacing: 0
}

a{
	color: #ef7d00;
}

a:visited {
  transition:all 0.2s ease 0s;
}

a:hover, a:focus, a:active {
  color: #000;
  outline: none;
}

#block-views-contacts-block a:link{
  color: #2a2d34;
  text-decoration: underline;
}

img{
  max-width: 100%;
  height: auto;
}

ul{
  padding: 0;
}

.center-content ul{
  padding-left: 40px;
}

.clear-both {
  clear: both;
}

.center-content .tabs--primary {
  clear: both;
  padding: 0;
}

iframe{
  max-width: 100%;
  max-height: 400px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: inherit;
  line-height: 1.1;
  color: inherit;
  letter-spacing: 1px;
}

.views-field-title{
	letter-spacing: 1px;
}

.page-header{
  margin: 0;
  border-bottom: none;
}

h1, h2, h3, .h3, h4{
	font-family: 'robotolight', Arial, sans-serif;
}

h1, h2 {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  font-size: 2em;
}

/* clearfix for floats */
h1:after,
h2:after,
h2 {
  content: "";
  display: table;
  clear: both;
}

h2.block-title{
  position: relative;
  padding-left: 60px;
  color: #ffffff;
  font-weight: normal;
  font-size: 1.3em;
}

h3, .h3{
  margin: 0;
  margin-bottom: 10px;
  background: none !important;
}

li{
  list-style-type: none;
}

.strong{
  font-family: 'roboto_bold', Arial, sans-serif;
}

.backlink{
  display: none;
  padding: 7px;
}

.backlink:before{
  content: "\25C4";
  margin-right: 10px;
  color: #fff;
}

/*--Enleve le surlignement au focus des liens/boutons (bootstrap)--*/
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus{
  outline: none;
}

.quicktabs-wrapper ul.quicktabs-tabs{
  padding: 0;
  margin-left: 40px;
  border-bottom: 1px solid #e2e2e2;
}
.quicktabs-wrapper ul.quicktabs-tabs li{
  margin-right:  5px;
  display: inline-block;
  padding: 0;
}

.quicktabs-wrapper ul.quicktabs-tabs li a{
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #fff;
  background-color: #00B8DE;
}
.quicktabs-wrapper ul.quicktabs-tabs li.active a,
.quicktabs-wrapper ul.quicktabs-tabs li a:focus,
.quicktabs-wrapper ul.quicktabs-tabs li a:hover{
  background-color: #ef7d00;
}
#quicktabs-container-quicktabs_filiere_etudiant div.item-list>ul>li{
  background: none;
}



/*---------------------------------------------------------------------------------
    HEADER - Top
-----------------------------------------------------------------------------------*/

.bandeau-top {
  height: 350px;
  background-image: url('../img/albi-mines-bandeau-defaut.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.front .bandeau-top,
.page-node-2528 .bandeau-top {
  height: 450px;
}

.section-top{
  position: relative;
  padding-top: 35px;
  background: #f2f2f2;
}

.page-node-2528 .section-top{
  padding-top: 0;
}

header#navbar{
  position: static;
  width: 100%;
  max-width: none;
  margin:0;
  padding: 0;
  background-color: #ffffff;
}

.rapsodee header#navbar.fixed{
  max-width: inherit;
}

#navbar{
  background: none;
  border: none;
}

#navbar h1.h1-logo{
  max-width: 200px;
  padding: 0;
}


#navbar h1.h1-logo::after{
  content: url(../img/triangle_blanc2.png);
  display: block;
  position: absolute;
  bottom: -7px;
  right: -60px;
}

.rapsodee #navbar h1.h1-logo::after{
  display: none;
}

.front #navbar h1.h1-logo::after{
  bottom: -4px;
  right: -60px; 
}

.rapsodee #navbar h1.h1-logo{
  width: 240px;
}

.rapsodee #navbar.fixed .rapsodee-twitter-bandeau,
.rapsodee #navbar.fixed .rapsodee-recherche-bandeau,
.rapsodee #navbar.fixed .rapsodee-intro-bandeau{
  display: none;
}

.rapsodee #navbar.fixed .menu-block-8 > ul.menu.nav > li > a{
  font-size: 16px;
  padding: 40px 12px;
}

#lang_dropdown_form_language{
  display: inline-block;
  float: right;
}

.rapsodee #lang_dropdown_form_language{
  position: absolute;
  top: 0;
  right: 0;
}

.i18n-en.rapsodee .menu-block-8 .menu-mlid-1316,
.i18n-en.rapsodee .menu-block-8 .menu-mlid-1317,
.i18n-en.rapsodee .menu-block-8 .menu-mlid-1318,
.i18n-en.rapsodee .menu-block-8 .menu-mlid-1319,
.i18n-en.rapsodee .menu-block-8 .menu-mlid-1320{
  display: none;
}

.rapsodee #navbar.fixed .menu-block-8 > ul.menu.nav > li > ul.menu.nav{
  padding-left: 250px;
  top: 90px;
}

#navbar h1.h1-logo.fixed{
  position: fixed;
  top: 28px;
  left: 10px;
  z-index: 100;
}

#navbar .navbar-header{
  position: relative;
  float: left;
}

#navbar .langage-choice{
  position: absolute;
  top: 0;
  right: 0;
}

#navbar .langage-choice li{
  display: inline-block;
  font-family: 'roboto_bold', Arial, sans-serif;
  font-size: 16px;
}

#navbar .langage-choice li a{
  color: #a5b1cc;
}

#navbar .langage-choice li a.active{
  color: #2a2d34;
} 

.navbar .logo {
  display: block;
  max-width: 100%;
  z-index: 13;
}

#block-block-20{
  margin-top: 20px;
  color: #ef7d00;
  font-size: 15px;
}

#block-block-20 p {
  text-align: center;
}

#block-block-20 .recrutement-date{
  text-align: center;
}

#block-block-20 .recrutement-date span{
  display: inline-block;
  padding: 3px 10px;
  font-family: "roboto_bold", Arial, sans-serif;
  font-size: 17px;
  color: #fff;
  background: #ef7d00;
}

.rapsodee-intro-bandeau{
  padding: 4px 0 0 50px;
  font-family: 'roboto_regular', Arial, sans-serif;
  font-size: 20px;
  color: #0b1f39;
}

.rapsodee-intro-bandeau span{
  color: #85B000;
}

.rapsodee-intro-bandeau span.strong{
  font-family: 'roboto_bold', Arial, sans-serif;
  color: #0b1f39;
}

.rapsodee-twitter-bandeau{
    padding-top: 50px;
    padding-left: 30px;
}

.rapsodee .search-form .form-group{
  display: none;
}

#navbar div.navbar-header{
  position: absolute;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 35px;
  background-color: #fff;
  z-index: 99;
}

.rapsodee #navbar div.navbar-header{
  padding-top: 11px;
  padding-bottom: 11px;
}
#navbar .navbar-collapse{
  position: relative;
}
#navbar .navbar-collapse.fixed{
  position: fixed;
}
#block-menu-block-3{
  clear: both;
}

#block-block-8{
  display: inline-block;
  width: inherit;
  position: absolute;
  top: -40px;
  right: 324px;
}

#lang_dropdown_form_language{
  position: relative;
}

#lang_dropdown_form_language>div>img{
  height: 12px;
  position: absolute;
  top: 11px;
  left: -30px;
} 

#block-lang-dropdown-language{
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 9;
}

#lang-dropdown-select-language{
  text-transform: uppercase;
  border: none;
}

#block-block-8 ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

#block-block-8 ul li{
  display: inline-block;
}

#block-block-8 ul li a{
  display: block;
  background: none;
  text-indent: 0;
  transition: all 0.2s ease-in-out;
}
/*
#block-block-8 ul li a:hover{
  background-color: #ef7d00;
}
*/
#block-block-8 ul li a:hover::before{
  color: #ef7d00;
}
#block-block-8 ul li a::before{
  display: inline-block;
  padding: 8px 14px;
  font-family: 'FontAwesome';
  font-size: 19px;
  color: #919191;
  transition: all 0.2s ease-in-out;
}
#block-block-8 ul li a.logo-twitter::before{
  content: "\f099";
}
#block-block-8 ul li a.logo-fbk::before{
  content: "\f09a";
}
#block-block-8 ul li a.logo-yt::before{
  content: "\f167";
}
#block-block-8 ul li a.logo-in::before{
  content: "\f0e1";
}
#block-block-8 ul li a.logo-ig::before {
    content: "\f16d";
}

#block-block-8 ul li a span{
  display: none;
}
#block-block-8 ul li:first-child a span{
  display: block;
  padding: 8px;
}

#block-block-8 ul li:first-child a:hover{
  text-decoration: none;
  color: #fff;
  background-color: #ef7d00;
}

.navbar #block-search-form,
.rapsodee .navbar #search-block-form,
.navbar #search-block-form--2 {
  display: inline-block;
  margin: 2px 0;
  position: absolute;
  top: -37px;
  right: 6px;
  width: inherit;
}
.rapsodee .navbar #search-block-form,
.rapsodee .navbar #search-block-form--2{
  top: 50px;
  right: 0;
}

form#search-block-form,
form#search-block-form--2{
	margin: 0;
  width: 280px;
}

form#search-block-form .input-group-btn,
form#search-block-form--2 .input-group-btn{
	display: inline-block;
}

.rapsodee #search-block-form .input-group,
#block-search-form .input-group,
#search-block-form--2 .input-group{
  display: inline-block;
	border: 0;
}

.rapsodee #search-block-form .input-group,
#search-block-form--2 .input-group{
  border-bottom: 1px solid #85B000;
}

#search-block-form input[type="text"],
#block-search-form input[type="text"],
#search-block-form--2 input[type="text"]{
  display: inline-block;
	height: 35px;
	width: 230px;
	margin-right: 1px;
	padding-left: 20px;
	border: none;
	border-radius: 0;
	font-size: 15px;
  background: none;
  outline: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}
#block-search-form input[type="text"]{
  float: right;
}
#search-block-form input[type="text"]::-webkit-input-placeholder,
#block-search-form input[type="text"]::-webkit-input-placeholder,
#search-block-form--2 input[type="text"]::-webkit-input-placeholder {
  color: #555;
}

#search-block-form input[type="text"]::-moz-placeholder,
#block-search-form input[type="text"]::-moz-placeholder,
#search-block-form--2 input[type="text"]::-moz-placeholder{
  color: #555;
}

#search-block-form input[type="text"]:-ms-input-placeholder,
#block-search-form input[type="text"]:-ms-input-placeholder,
#search-block-form--2 input[type="text"]:-ms-input-placeholder{
  color: #555;
}

#search-block-form button,
#block-search-form button,
#search-block-form--2 button{
  width: 35px;
  height: 35px;
  background: none;
  color: #fff;
  background-color: #ef7d00;
  border-radius: 0;
  border: none;
  text-indent: 0;
  transition: all 0.2s ease-in-out;
}

.rapsodee #search-block-form button,
#search-block-form--2 button{
  background-color: #85B000;
}

#search-block-form button i,
#block-search-form button i,
#search-block-form--2 button i{
  margin-top: -5px;
}

#block-search-form button:focus,
#block-search-form button:hover{
  background-color: #f2f2f2;
  color: #d87001;
}

.rapsodee #search-block-form button:focus,
.rapsodee #search-block-form button:hover,
#search-block-form--2 button:focus,
#search-block-form--2 button:hover{
  background-color: #769c03;
}

#search-block-form .form-item,
#block-search-form .form-item,
#search-block-form--2 .form-item{
  display: none;
}

.link-annuaire a{
  float: right;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 145px;
  font-family: 'roboto_bold', Arial, sans-serif;
  font-size: 16px;
  color: #85B000;
  text-decoration: none;
  text-transform: uppercase;
}

.link-annuaire a:focus,
.link-annuaire a:hover{
  text-decoration: underline;
}

#navbar.burger-menu .navbar-collapse.collapse {
  display: none !important;
}

#navbar.burger-menu .navbar-header {
  float: none;
}

#navbar.burger-menu .navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

#navbar.burger-menu .navbar-nav {
  float: none!important;
  margin: 7.5px -15px;
}

#navbar.burger-menu .navbar-nav>li {
  float: none;
}

#navbar.burger-menu .navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}

#navbar.burger-menu .navbar-text {
  float: none;
  margin: 15px 0;
}

#navbar.burger-menu .navbar-collapse.collapse.in {
  display: block!important;
}

#navbar.burger-menu .collapsing {
  overflow: hidden!important;
}

#navbar.burger-menu .navbar-toggle{
  display: block;
  text-align: left;
  z-index: 1000;
  padding: 15px 15px 10px 15px;
  margin: 0;
  background-color: #f2f2f2;
}

#navbar.burger-menu .navbar-toggle {
  position: fixed;
  top: 0;
  right: 0;
  width: 100px;
}

#navbar.burger-menu .navbar-default .navbar-toggle:focus, 
#navbar.burger-menu .navbar-default .navbar-toggle:hover {
  background-color: #f2f2f2;
}

#navbar.burger-menu .navbar-default .navbar-toggle {
  position: fixed;
  left: 0;
  width: 100%;
  height: 48px;
  z-index: 10000;
  top: 150px;
  margin-top: 0;
  padding: 0 10px;
  line-height: 1;
  -webkit-overflow-scrolling: touch; 
}

#navbar.burger-menu .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

#navbar.burger-menu .sr-only {
  display: inline-block;
  float: right;
  width: auto;
  height: auto;
  position: static;
  font-family: 'roboto_bold', Arial, sans-serif;
  text-transform: uppercase;
  color: #ef7d00;
}

#navbar.burger-menu .navbar-default .navbar-toggle .icon-bar {
  width: 25px;
  height: 4px;
  float: left;
  clear: both;
  margin-right: 15px;
  background-color: #ef7d00;
}


#block-menu-block-3.vertical {
  position: fixed;
  width: 250px;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #ffffff
}

.navbar-collapse{
  padding-left: 0;
  padding-right: 0;
}

.navbar-collapse .menu-block-3 > ul.menu.nav.secondary,
.navbar-collapse .menu-block-8 > ul.menu.nav.secondary{
  display: none;
}

/*
#block-menu-block-3,
#block-menu-block-8,
.menu-block-3 > ul.menu.nav > li > ul.menu.nav,
.menu-block-8 > ul.menu.nav > li > ul.menu.nav{
	position: absolute;
}
*/
#block-menu-block-8{
  position: absolute;
  top: 516px;
  right: calc(50% - 585px);
}

.rapsodee #navbar div.navbar-header{
  position: relative;
  z-index: 99;
}


.menu-block-3 > ul.menu.nav,
.menu-block-8 > ul.menu.nav,
.menu-block-3 > ul.menu.nav ul.menu.nav > li,
.menu-block-8 > ul.menu.nav ul.menu.nav > li{
	position: relative;
}

/*
#block-menu-block-3,
#block-menu-block-8{
  left: 0;
	right: 0;
  margin-top: 490px;
	z-index: 12;
	background-color: #ffffff;
}
*/

/*
.front #block-menu-block-3,
.page-node-2528 #block-menu-block-8{
  margin-top: 590px;
}
*/

#block-menu-block-3.fixed,
#block-menu-block-8.fixed {
  position: fixed;
  top: 0;
  margin: 0;
}

/*
#block-menu-block-3 .logo,
#block-menu-block-8 .logo{
  display: none;
  z-index: 13;
  margin: 0 -250px 0 15px;
  width: 150px;
}
*/

#block-menu-block-3.fixed .logo.show,
#block-menu-block-8.fixed .logo.show{
  display: block;
  border: 10px solid #ffffff;
}

/*
.logged-in #block-menu-block-3.fixed,
.logged-in #block-menu-block-8.fixed,
*/
#navbar.fixed
{
  position: fixed;
  top: 0;
  z-index: 98;
  width: 100%;
  left: 0;
  background-color: #ffffff;
}

/*
.logged-in #block-menu-block-3.fixed::before,
.logged-in #block-menu-block-8.fixed::before{
  content: " ";
  display: block;
  position: absolute;
  top: 17px;
  left: 100px;
  width: 130px;
  height: 60px;
  background: url(../img/logo-top-am.jpg) no-repeat;
  background-size: contain;
}
*/
#navbar.fixed #block-menu-block-8{
  position: static;
}

.page-node-2528 #navbar.fixed

.nav>li{
  position: static;
}

.menu-block-3 > ul.menu.nav,
.menu-block-8 > ul.menu.nav{
  max-width: 1170px;
}
.menu-block-8 > ul.menu.nav{
  margin: 0 auto;
}
.menu-block-3 > ul.menu.nav{
  margin-left: 300px;
}

#block-menu-block-3.vertical .menu-block-3 > ul.menu.nav {
  text-align: left;
}

.menu-block-3 > ul.menu.nav > li,
.menu-block-8 > ul.menu.nav > li{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}

.menu-block-3 > ul.menu.nav > li > a:hover,
.menu-block-3 > ul.menu.nav > li> a:focus ,
.menu-block-3 > ul.menu.nav > li a.active-trail,
#block-menu-menu-menu-pied-de-page > ul > li > a:hover{
  color: #ef7d00;
}

.menu-block-8 > ul.menu.nav > li > a:hover,
.menu-block-8 > ul.menu.nav > li > a:focus,
.menu-block-8 > ul.menu.nav > li a.active-trail{
  color: #85B000;
}

.menu-block-3 > ul.menu.nav > li > a:hover,
.menu-block-8 > ul.menu.nav > li > a:hover,
.menu-block-3 > ul.menu.nav > li > a:focus,
.menu-block-8 > ul.menu.nav > li > a:focus{
  background: none;
  cursor: default;
}

.menu-block-3 > ul.menu.nav > li > a,
.menu-block-8 > ul.menu.nav > li > a{
  display: inline-block;
  padding: 22px 20px;
  text-align: center;
  font-family: 'roboto_bold', Arial, sans-serif;
  color: #2a2d34;
  font-size: 16px;
  text-transform: uppercase;
  background: none;
}

#block-menu-block-3.vertical .menu-block-3 > ul.menu.nav > li > a {
  border: none;
}

.menu-block-8 > ul.menu.nav > li > a{
  font-size: 17px;
  padding: 19px 24px;
}

.menu-block-3 > ul.menu.nav ul.menu.nav,
.menu-block-8 > ul.menu.nav ul.menu.nav{
  display: none;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav,
.menu-block-8 > ul.menu.nav > li > ul.menu.nav{
  position: absolute;
  width: 270px;
  top: 61px;
  height: auto;
  margin: 0;
  border: 3px solid #ef7d00;
  border-top: none;
  border-radius: 0;
  background: #fff;
  z-index: 2;
  text-align: left;
}

.menu-block-8 > ul.menu.nav > li > ul.menu.nav{
  border: 3px solid #85B000;
  border-top: none;
}

.menu-block-8 > ul.menu.nav ul.menu.nav > li,
.menu-block-3 > ul.menu.nav ul.menu.nav > li{
  display: block;
}

.menu-block-8 > ul.menu.nav ul.menu.nav > li{
  display: block;
  margin: 0;
}

.menu-block-3 > ul.menu.nav ul.menu.nav > li a,
.menu-block-8 > ul.menu.nav ul.menu.nav > li a{
  display: block;
  height: 100%;
  margin: 0;
  padding: 10px 20px;
  font-family: 'hind_vadodararegular', Arial, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  white-space: normal;
  text-decoration: none;
  color: #2a2d34;
  background: none;
}

.menu-block-3 > ul.menu.nav ul.menu.nav ul.menu.nav  > li a,
.menu-block-8 > ul.menu.nav ul.menu.nav ul.menu.nav  > li a{
  font-size: 16px;
  line-height: 1;
}

.menu-block-3 > ul.menu.nav ul.menu.nav > li.active-trail a span,
.menu-block-3 > ul.menu.nav ul.menu.nav > li a span:hover{
	text-decoration: underline;
}

.menu-block-8 > ul.menu.nav ul.menu.nav > li.active-trail a,
.menu-block-8 > ul.menu.nav ul.menu.nav > li a:hover{
  color: #fff;
  text-decoration: underline;
}

.menu-block-3 > ul.menu.nav ul.menu.nav>li>a:focus,
.menu-block-8 > ul.menu.nav ul.menu.nav>li>a:focus,
.menu-block-3 > ul.menu.nav ul.menu.nav>li>a:hover,
.menu-block-8 > ul.menu.nav ul.menu.nav>li>a:hover{
  background-color: transparent;
}


.menu-block-8 > ul.menu.nav > li.hover-in > ul.menu.nav,
.menu-block-8 > ul.menu.nav > li.hover-in > ul.menu.nav > li.hover-in > ul.menu.nav {
  display: block;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.menu-block-3 > ul.menu.nav > li.hover-in > ul.menu.nav,
.menu-block-3 > ul.menu.nav > li.hover-in > ul.menu.nav > li.hover-in > ul.menu.nav{
  display: block;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/*
.menu-block-3 > ul.menu.nav > li.hover-in > ul.menu.nav:before,
.menu-block-8 > ul.menu.nav > li.hover-in > ul.menu.nav:before {
  display: block;
  height: 10px;
  background: url('../img/arrow-menu.png') center top no-repeat;
}
*/

.menu-block-8 > ul.menu.nav > li.hover-in > ul.menu.nav:before {
  background: url('../img/arrow-menu-rapsodee.png') center top no-repeat;
}

/* Parole experts button */
.menu-block-3 > ul.menu.nav > li.last{
  padding: 10px 0 10px 50px;
}

.menu-block-3 > ul.menu.nav > li.last a{
  padding: 10px;
  color: #fff;
  background: #00b8de;
  border: 1px solid #00b8de;
  transition: all 0.2s ease-in-out;
}

.menu-block-3 > ul.menu.nav > li.last a:focus,
.menu-block-3 > ul.menu.nav > li.last a:hover{
  cursor: pointer;
  color: #00b8de;
  background: #fff;
}

#lang-dropdown-select-language option[value=en]::before{
  content: 'test';
}
#lang-dropdown-select-language option[value=fr]::before{
  content: 'test';
}

@media screen and (min-width:1200px){
  #navbar>.menu-wrapper{
    max-width: 1800px;
    margin: auto;
  }
}

@media screen and (min-width:1024px) and (max-width:1200px){
  .menu-block-3 > ul.menu.nav > li > a,
  .menu-block-8 > ul.menu.nav > li > a{
    padding: 22px 15px;
    font-size: 15px;
  }
  #block-menu-block-8{
    right: calc(50% - 485px);
  }
}

@media screen and (min-width:991px){
  .menu-block-3 > ul.menu.nav > li::after{
    top: 34%;
  }

}
@media screen and (min-width:768px){
  .menu-block-3 > ul.menu.nav > li:first-child::before,
  .menu-block-3 > ul.menu.nav > li::after{
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 39%;
    float: right;
    height: 10px;
    width: 2px;
    margin: 5px auto;
    background-color: #ef7d00;
  }

  .menu-block-3 > ul.menu.nav > li.last::after{
    display: none;
  }

  .menu-block-8 > ul.menu.nav > li::after{
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 40%;
    float: right;
    height: 10px;
    width: 2px;
    margin: 5px auto;
    background-color: #85B000;
  }

  .rapsodee #navbar.fixed h1.h1-logo{
    width: 120px;
    margin: 0;
    padding: 0;
  }
}

@media screen and (max-width:991px){
  .menu-block-8 > ul.menu.nav{
    padding: 0; 
  }
  .rapsodee-intro-bandeau{
    font-size: 19px;
  }
  #block-menu-block-8{
    right: calc(50% - 375px);
  }
}

@media screen and (min-width: 768px) and (max-width: 991px){
  #block-lang-dropdown-language{
    top: 0;
  }
}

@media screen and (max-width:767px){
  #navbar h1.h1-logo::after{
    display: none;
  }
  .rapsodee #navbar div.navbar-header {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
  }
  .menu-block-3 > ul.menu.nav > li.hover-in > ul.menu.nav{
    column-count: inherit;
  }
  #block-lang-dropdown-language{
    top: 4px;
  }
  .sidebar-left h2.menu-title,
  #block-menu-block-2{
    display: none;
  }
  .navbar #block-search-form{
    display: none;
  }
}



/*-===-RECHERCHE AVANCEE------------------------------------------------------*/
.region-content .search-form{
  width: 50%;
  margin: 0 auto;
}

.region-content .search-form #edit-basic{
  width: 300px;
  margin: 0 auto 30px auto;
  border-bottom: 1px solid #ef7d00;
}

.region-content .search-form #edit-basic button {
    width: 35px;
    height: 35px;
    padding-left: 0px;
    border-radius: 0;
    background-color: #ef7d00;
    border: none;
    transition: all 0.2s ease-in-out;
}

.region-content .search-form #edit-basic button:focus,
.region-content .search-form #edit-basic button:hover{
    background-color: #d87001;
}

/*-===-SIDEBAR------------------------------------------------------*/

.home-galerie .col-sm-4{
  padding-right: 0;
}

#block-block-1 h2.block-title{
  width: 225px;
  font-size: 36px;
  text-align: center;
  padding: 7px 0;
  letter-spacing: 4px;
  margin: 0 auto 30px auto;
  background-color: #ef7d00;
}

.not-front #block-block-1 h2.block-title{
  display: none;
}

#block-block-1 ul#ul-en1clic{
  padding: 10px;
  margin-bottom: 0; 
}

ul#ul-en1clic li{
  position: relative;
  font-family: 'roboto_bold', Arial, sans-serif;
  list-style-type: none;
  line-height: 2;
  padding: 5px 0;
  width: 180px;
  height: 144px;
  float: left;
}

#ul-en1clic li a{
  display: block;
  color: #ffffff;
  font-size: 1.1em;
}

#ul-en1clic li a:focus,
#ul-en1clic li a:hover{
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#ul-en1clic li a span{
  margin-right: 5px;
}

#ul-en1clic li a span{
  display: block;
  margin: 15px auto 0 auto;
}

#ul-en1clic li a {
  text-decoration: none;
}

#ul-en1clic li a span.txt{
  position: absolute;
  left: -10px;
  right: -10px;
  top: 120px;
  text-align: center;
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
}

#ul-en1clic li a span.txt{
  position: static;
  margin: 0 auto;
  text-indent: 0;
  font-size: 15px;
}

#ul-en1clic li a:focus > span.txt,
#ul-en1clic li a:hover > span.txt{
  display: block;
}

#ul-en1clic li a:focus,
#ul-en1clic li a:hover{
  -webkit-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: scale3d(0.97, 0.97, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
}

.region-sidebar-first.well{
  padding: 0;
  margin-bottom: 20px;
  background: transparent;
  border: none;
  border-radius: 0;
}

.page-node .quicktabs_main ul li{
  margin: 0;
  padding: 0 0 0 15px;
  list-style: none;
/*  clear: both;*/
  background: url(../img/puce.png) no-repeat 0 7px;
}

.page-node .content ul li{ 
  position: relative;
  padding-left: 20px;
}

.page-node .content ul li::before{
  content: "";
  display: inline-block;
  position: absolute;
  margin-top: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  width: 16px;
  clear: both;
  background: url(../img/puce.png) no-repeat 0 7px;
}
.page-node .center-content ul li a{
  line-height: 1;
}

.page-node.rapsodee .content ul li{
  background: url(../img/puce-green.png) no-repeat 0 7px;
}

body #ul-en1clic>li{
  display: table;
  background-color: #fff;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
body #ul-en1clic>li>a{
  display: table-cell;
  vertical-align: middle;
}
body #ul-en1clic>li>a>span:first-child{
  display: block;
  text-indent: -99999px;
}
body #ul-en1clic>li>a>span:nth-child(2){
  margin-top: 22px;
  color: #0b1f39;
}
body #ul-en1clic li::before {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  content: " ";
  background-image: url(../img/sprites_2.png)
}

body #ul-en1clic li.formation::before,
body #ul-en1clic li.poste-pourvoir::before{
  background-position: -496px -157px ;
  width: 36px;
  height: 36px;
  top: 0;
  left: 0;
}

body #ul-en1clic li.espace-presse-2::before,
body #ul-en1clic li.marches-publics::before{
  background-position: -368px -158px ;
  width: 36px;
  height: 36px;
  top: 0;
  right: 0;
}

/*-===-FORM ANNUAIRE MAIL---*/

#email-mail-page-form input{
  margin: 10px 0;
  width: 50%;
  border: 1px solid #555555; 
}

/*-===-LEXIQUE---*/

.lexicon-alphabar-instructions{
  margin-top: 20px;
  text-align: center;
  font-style: italic;
}


/*-===-WORKBENCH---------------------------------------------------*/
.workbench-info-block{
  min-height: 140px;
  width: 350px;
}

#workbench-moderation-moderate-form #edit-state{
  width: 210px;
}

.workbench-info-block em{
  text-transform: uppercase;
  color: #000;
}

.workbench-info-block .form-submit{
  float: right; 
}

/*-===-FOOTER------------------------------------------------------*/
.footer {
  padding: 0;
  margin: 0;
  border-top: none;
  background: #fff;
}

.back-to-top{
  float: right;
  margin-top: -30px;
  margin-right: 10px;
}

.back-to-top a{
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

.back-to-top a:focus,
.back-to-top a:hover{
  color: #df2044;
  text-decoration: none;
}

.back-to-top a span.retour-haut{
  display: inline-block;
  margin: 10px;
  font-size: 1.1em;
}

.footer-global{
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  font-family: 'roboto_regular', Arial, sans-serif;
}

.footer-global img.iso-9001{
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  width: 200px;
  height: 93px;
}

.footer-global h2,
.footer-sub-global h2{
  font-family: 'roboto_bold', Arial, sans-serif;
  font-size: 16px;
  color: #48bde8;
}

.footer-global h2 a{
  color: #ef7d00;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}

.footer-global h2 a:focus,
.footer-global h2 a:hover{
  text-decoration: none;
}

.footer-global p{
  line-height: 1.5;
}

.footer-global ul li a{
  color: #2a2d34;
  font-size: 17px;
}

.footer-global .footer-sites  ul li{
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 0 10px 0 20px;
  list-style: none;
  background: url(../img/coin_orange_hg.png) no-repeat 0 4px;
}

.footer-global .footer-infos{
  display: flex;
}

.footer-global .footer-infos > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-bandeau{
  background: #0c2340;
}
.bloc-nous-suivre > section{
  width: 50%;
  float: right;
}
#sub-footer .footer-bandeau h2{
  color: #fff;
}

.footer-nous-suivre ul{
  margin-top: 7px;
}

.footer-nous-suivre ul li{
  display: inline-block;
}

.footer-newsletter form{
  position: relative;
}

.footer-newsletter form #mailchimp-newsletter-6911d05c83-mergefields{
  float: right;
}

.footer-newsletter input{
  width: 370px;
  height: 40px;
  padding-left: 10px;
  border: none;
  font-style: italic;
  color: #fff;
  background: #ef7d00;
  border-radius: 0;
  box-shadow: none;
}

[type="text"] {
  -moz-appearance:    textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.footer-newsletter input:-moz-placeholder{
    color: #fff;
    opacity: 1; 
}
.footer-newsletter input::-moz-placeholder{
    color: #fff;
    opacity: 1; 
}

.footer-newsletter input::-webkit-input-placeholder{ 
    color: #fff;
}
.footer-newsletter input::placeholder { 
    color: #fff;
}
.footer-newsletter input::-ms-input-placeholder{ 
    color: #fff;
}
.footer-newsletter input:-ms-input-placeholder { 
    color: #fff;
}

.footer-newsletter button{
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  font-family: 'roboto_bold', Arial, sans-serif;
  color: #fff;
  background: #ef7d00;
  border: none;
  border-radius: 0;
}

.footer-button{
  display: inline-block;
  width: 180px;
  text-align: center;
}

.footer-button a{
  display: inline-block;
  width: 100%;
  padding: 7px 15px;
  font-size: 17px;
  color: #000;
  border: 1px solid #ef7d00;
  background: transparent;
}

.footer-button a:focus,
.footer-button a:hover{
  text-decoration: none;
  background: #ef7d00;
  color: #fff;
}

.footer-rapsodee{
  display: flex;
  flex-wrap: wrap;
  font-family: 'robotolight', Arial, sans-serif;
}

.footer-rapsodee a{
  color: #85B000;
  font-size: 20px;
}

.footer-rapsodee .logo-bas-rapsodee{
  display: flex;
  align-items: center;
  padding-right: 50px;
  border-right: 1px solid #85B000;
}

.footer-rapsodee .footer-adresse-rapsodee{
  padding-left: 50px;
}

.nous-suivre-rapsodee{
  float: right;
  color: #85B000;
  font-size: 20px;
}

#block-menu-menu-menu-pied-de-page{
  text-align: center;
}

#block-menu-menu-menu-pied-de-page a{
  display: inline-block;
  padding: 12px 3px 10px 0;
  font-size: 12px;
  font-family: 'roboto_bold', Arial, sans-serif;
  color: #2a2d34;
}

.rapsodee #block-menu-menu-menu-pied-de-page a:focus,
.rapsodee #block-menu-menu-menu-pied-de-page a:hover{
  color: #85B000;
}

#block-menu-menu-menu-pied-de-page a:after{
  content: " - ";
}

#block-menu-menu-menu-pied-de-page li.last a:after{
  content: "";
}

#sup-footer{
  /*background: #242424;*/
}

/*.region-footer a{
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
}*/

#sup-footer .nav>li>a:hover,
#sup-footer.nav>li>a:focus {
  background-color: transparent;
}
.front .region-footer section{
  padding-bottom: 0;
}

#sub-footer{
  background: #fff;
  padding-bottom: 20px;
}

.rapsodee #sub-footer{
  padding-top: 25px;
}


#sub-footer .media-footer-wrapper{
  background-image: url(../img/fond-restons-connectes.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-sub-global{
  display: flex;
  justify-content: space-around;
}

/*.footer-sub-global .logo-separator{
  border-right: 1px solid #48bde8;
}*/

.footer-sub-global ul li{
  display: inline-block;
  margin: 10px;
}

#sub-footer h2,
#sub-footer h2 a{
  float: none;
  padding-top: 0;
}
#sub-footer h2{
  display: block;
  margin-bottom: 10px;
  padding: 0;
}
#sub-footer h2 a{
  text-decoration: none;
}
#sub-footer .footer-bandeau{
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: transparent;
}
#sub-footer .footer-bandeau .bloc-nous-suivre{
  max-width: 100%;
}
#sub-footer .bloc-nous-suivre>h2{
  margin-bottom: 30px;
  font-family: 'robotolight', arial, sans-serif;
  font-size: 44px;
  text-transform: uppercase;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-newsletter{
  padding-right: 50px;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre{
  padding-left: 50px;
  text-align: left;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre>h2{
  padding-left: 22px;
  font-family: 'roboto_bold', arial, sans-serif;
  font-size: 24px;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li{
  margin: 0 14px;
  text-align: left;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li a span{
  display: block;
  text-indent: -99999px;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li a::before{
  display: inline-block;
  float: left;
  width: 50px;
  height: 50px;
  font-family: 'FontAwesome';
  font-size: 35px;
  color: #fff;
  border-radius: 50%;
  transition: all .2s ease;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li a:hover::before,
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li a:focus::before{
  color: #ef7d00;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li.twitter-footer a::before{
  content:"\f099";
  padding: 4px 7px;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li.fb-footer a::before{
  content:"\f09a";
  padding: 4px 11px;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li.yt-footer a::before{
  content:"\f167";
  padding: 3px 8px;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li.ig-footer a::before{
  content:"\f16d";
  padding: 3px 8px;
}
#sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre ul li.in-footer a::before{
  content:"\f0e1";
  padding: 2px 9px;
}
#sub-footer #block-block-21 .footer-sites,
#sub-footer #block-block-21 .footer-button-wrapper{
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  float: left;
}
#sub-footer #block-block-21 .footer-sub-global{
  padding-top: 40px;
  clear: both;
}
#sub-footer #block-block-21 .footer-sub-global>div{
  display: inline-block;
  float: left;
}
#sub-footer #block-block-21 .footer-sub-global>div.footer-logo-wrapper{
  margin-right: 40px; 
  float: right;
}
#sub-footer #block-block-21 .footer-logo-wrapper>div{
  display: inline-block;
  margin-right: 15px;
}
#sub-footer #block-block-21 .footer-adresse,
#sub-footer #block-block-21 .footer-horaires,
#sub-footer #block-block-21 .footer-contact{
  padding:  0 15px;
}
#sub-footer #block-block-21 .footer-adresse,
#sub-footer #block-block-21 .footer-horaires{
  border-right: 1px solid #48bde8;
}
#sub-footer #block-block-21 .footer-adresse>span{
  color: #48bde8;
  font-size: 16px;
}

#sub-footer #block-block-21 .footer-adresse p,
#sub-footer #block-block-21 .footer-horaires p{
  margin: 0;
}
#sub-footer #block-block-21 .footer-contact p{
  margin: 0;
  color: #48bde8;
}

#sub-footer #block-block-21 ul.footer-logo-wrapper li{
  display: inline-block;
  margin: 0 3px;
}

#sub-footer #block-block-21 ul.footer-logo-wrapper li.logo-separator{
  padding-right: 20px;
  border-right: 1px solid #48bde8;
}

#sub-footer .footer-newsletter h2.newsletter-h2{
  margin-bottom: 15px;
  font-family: 'roboto_bold', arial, sans-serif;
  font-size: 24px;
}

.footer-newsletter .newsletter-link-button{
  display: flex;
  justify-content: center;
}

.footer-newsletter .newsletter-link-button a,
.footer-newsletter .newsletter-link-button-2 a{
  display: inline-block;
  padding: 7px 25px;
  font-family: 'roboto_bold', arial, sans-serif;
  font-size: 20px;
  color: #fff;
  background: #ef7d00;
  border: 1px solid #ef7d00;
  transition: all 0.2s ease-in-out;
}

.footer-newsletter .newsletter-link-button-2 a{
  float: right;
  display: block;
  width: 400px;
  margin-top: 15px;
  text-align: right;
}

.footer-newsletter .newsletter-link-button-2 a:focus,
.footer-newsletter .newsletter-link-button-2 a:hover,
.footer-newsletter .newsletter-link-button a:focus,
.footer-newsletter .newsletter-link-button a:hover{
  text-decoration: none;
  color: #ef7d00;
  background: #fff;
}

#block-mailchimp-signup-inscription-newsletter{
  text-align: right;
}
#block-mailchimp-signup-inscription-newsletter>h2,
#block-mailchimp-signup-inscription-newsletter>h2::before{
  margin-bottom: 10px;
  font-family: 'roboto_bold', arial, sans-serif;
  font-size: 24px;
}
.i18n-fr #block-mailchimp-signup-inscription-newsletter>h2::before{
  content: 'Recevez la ';
}

.i18n-en #block-mailchimp-signup-inscription-newsletter>h2::before{
  content: 'Receive ';
}
#mailchimp-newsletter-6911d05c83-mergefields .form-type-textfield>label{
  display: none;
}
#edit-newsletters{
 visibility: hidden;
}

.nous-suivre{
  text-transform: uppercase;
  font-weight: 700;
}

.nous-suivre span{
  margin-right: 3px;
  vertical-align: middle;
}

#sup-footer .menu-footer-rapsodee a,
#sup-footer .menu-footer a{
  display: inline-block;
  padding: 12px 3px 10px 0;
  font-size: 12px;
  font-family: 'roboto_bold', Arial, sans-serif;
  color: #2a2d34;
}

#sup-footer .menu-footer-rapsodee a:hover,
#sup-footer .menu-footer a:hover{
  text-decoration: underline;
}

#sup-footer .menu-footer-rapsodee a::after,
#sup-footer .menu-footer a::after{
  content: " - ";
}

#sup-footer .menu-footer-rapsodee li:last-child a::after,
#sup-footer .menu-footer li:last-child a::after{
  content: "";
}

#sup-footer .menu-footer-rapsodee,
#sup-footer .menu-footer{
  text-align: center;
}

@media only screen and (max-width : 1199px) {

  #sub-footer #block-block-21 .footer-contact{
    clear: both;
    margin-bottom: 30px;
  }

  #sub-footer #block-block-21 ul.footer-logo-wrapper{
    clear: both;
  }

}

@media only screen and (max-width : 991px) {

  .footer-global{
    flex-direction: column;
  }

  #sub-footer .footer-global h2{
    width: 100%;
    text-align: center;
  }

}

@media only screen and (max-width : 767px) {
    
    #sub-footer #block-block-21 .footer-contact{
      display: flex;
      justify-content: center;
      width: 100%;
      margin-top: 30px;
    }

     #sub-footer #block-block-21 .footer-contact p{
      width: 100%;
      text-align: center;
     }

  #sub-footer #block-block-21 ul.footer-logo-wrapper li {
      display: flex;
      justify-content: center;
      margin: 0;
      width: 100%;
  }



}
/*-===-PLAN DU SITE------------------------------------------------------*/

#site-map .site-map-box ul{
  padding-left: 40px;
}

.site-map-menu li a{
  line-height: 2;
}

.site-map-menu a.menu_icon{
  background-image: none !important;
  padding-left: 0 !important;
}

.site-map-box-menu-main-menu ul.site-map-menu > li.expanded > a{
	font-size: 16px;
  font-weight: 700;
}

.site-map-box-menu-main-menu ul.site-map-menu > li.expanded > ul > li ul li > a{
  font-size: 0.85em;
}

.back-to-top {
	display: none;
	position: fixed;
	right: 0;
	bottom: 50px;
	padding: 10px 13px;
	margin: 0;
	background-color: #ef7d00;
	text-align: center;
	cursor: pointer;
}

.rapsodee .back-to-top{
  background-color: #85B000;
}

.back-to-top a:before{
	content: "\25B2";
	color: #fff;
}

.back-to-top:hover a:before{
	color: #000;
}

.back-to-top a span, .back-to-top a span.retour-haut{
	display: none;
}

/*-===-SPRITES------------------------------------------------------*/

.galerie-rapsodee-titre,
.page-lines,
.page-job,
.rapsodee-mail,
.admissions-bg,
.espace-presse-bg,
.le-campus-bg,
.payer-bg,
.plaquettes-bg,
.vie-etudiante-bg,
.entete-orange,
#block-views-agenda-block .block-title,
.view-galerie .block-title,
.admission,
.espace-presse,
.le-campus,
.payer,
.plaquettes,
.vie-etudiante,
.big-plus,
.big-plus-hover,
.leaf-icon,
.leaf-icon-hover,
.shake-hands,
.shake-hands-hover,
.plane,
.plane-hover,
.contact,
.plaquette,
.share-corners,
.center-content .page-shortcuts-wrapper:after,
.page-top,
.corner-blue,
.fb-top,
.in-top,
.twitter-top,
.yt-top,
.fb-top-hover,
.in-top-hover,
.twitter-top-hover,
.yt-top-hover,
.fb-white,
.in-white,
.twitter-white,
.yt-white,
.arrow-white-left,
#block-views-agenda-block .slick-prev,
.arrow-white-right,
#block-views-agenda-block .slick-next,
.arrow-white-up,
#block-views-agenda-block .wrapper-dots:after,
.contrast-button,
.contrast-hover,
.share-fb,
.share-fb-hover,
.share-mail,
.share-mail-hover,
.share-print,
.share-print-hover,
.share-twitter,
.share-twitter-hover,
.dot-off,
/*
#block-views-actualit-s-block .slick-dots > li,
#block-views-actualit-s-block-1 .slick-dots > li,
*/
.dot-on,
/*
#block-views-actualit-s-block .slick-dots > li.slick-active,
#block-views-actualit-s-block-1 .slick-dots > li.slick-active,
*/
.pause-off,
.pause-on,
.play-off,
.play-on,
.pause-slick,
.pause-slick.paused,
.play-slick,
.play-slick.paused,
.folder,
.loupe-white,
.megaphone,
.photo-icon,
.plaquettes-icon,
.video-icon,
.twitter-rapsodee,
.twitter-rapsodee-hover,
.region-sidebar-first.well > .block:after,
#block-menu-block-2:after {
  display: inline-block;
  vertical-align: middle;
  background: url(../img/sprites.png) no-repeat;
  text-indent: -99999px;
}


.galerie-rapsodee-titre{
  background-position: -450px -580px;
  width: 140px;
  height: 42px;
}
.page-lines{
  background-position: -300px -580px;
  width: 50px;
  height: 50px;
}
.page-job{
  background-position: -350px -580px;
  width: 50px;
  height: 50px;
}
.rapsodee-mail{
  background-position: -400px -580px;
  width: 50px;
  height: 50px;
}

.admissions-bg{
  background-position: 0 0;
  width: 180px;
  height: 144px;
}

.not-front .admissions-bg{
  background-position: 0 -461px;
  width: 180px;
  height: 144px;
}

.espace-presse-bg{
  background-position: 0 -150px ;
  width: 180px;
  height: 144px;
}

.not-front .espace-presse-bg{
  background-position: -433px -461px;
  width: 180px;
  height: 144px;
}

.le-campus-bg{
  background-position: 0 -299px ;
  width: 180px;
  height: 144px;
}

.not-front .le-campus-bg {
  background-position: -144px -461px;
  width: 180px;
  height: 144px;
}

.payer-bg{
  background-position: -186px 0;
  width: 180px;
  height: 144px;
}

.not-front .payer-bg{
  background-position: -721px -462px;
  width: 180px;
  height: 144px;
}

.plaquettes-bg{
  background-position: -186px -150px ;
  width: 180px;
  height: 144px;
}

.not-front .plaquettes-bg{
  background-position: -579px -462px;
  width: 180px;
  height: 144px;
}

.vie-etudiante-bg{
  background-position: -185px -300px ;
  width: 180px;
  height: 144px;
}

.not-front .vie-etudiante-bg{
  background-position: -290px -462px;
  width: 180px;
  height: 144px;
}

.entete-orange,
#block-views-agenda-block .block-title,
.page-node-2528 .view-galerie .block-title,
.view-galerie .block-title {
  background-position: -371px 0;
  width: 140px;
  height: 42px;
  text-indent: 0
}

.page-node-2528 .view-galerie .block-title {
  background-position: -450px -580px;
}

/*
.je-suis-bg{
  background-position: -370px -48px ;
  width: 180px;
  height: 97px;
  text-indent: 0;
}
*/

.admission{
  background-position: -371px -151px ;
  width: 64px;
  height: 64px;
}

.not-front .admission{
  background-position: -682px -283px;
  width: 50px;
  height: 50px;
}

.espace-presse{
  background-position: -440px -155px ;
  width: 64px;
  height: 64px;
}

.not-front .espace-presse{
  background-position: -682px -340px;
  width: 50px;
  height: 50px;
}

.le-campus{
  background-position: -504px -153px ;
  width: 64px;
  height: 64px;
}

.not-front .le-campus{
  background-position: -740px -283px;
  width: 50px;
  height: 50px;
}

.payer{
  background-position: -369px -223px ;
  width: 64px;
  height: 64px;
}

.not-front .payer{
  background-position: -790px -338px;
  width: 50px;
  height: 50px;
}

.plaquettes{
  background-position: -440px -224px ;
  width: 64px;
  height: 64px;
}

.not-front .plaquettes{
  background-position: -737px -339px;
  width: 50px;
  height: 50px;
}

.vie-etudiante{
  background-position: -508px -222px ;
  width: 64px;
  height: 64px;
}

.not-front .vie-etudiante{
  background-position: -792px -283px;
  width: 50px;
  height: 50px;
}

.big-plus{
  background-position: -372px -300px ;
  width: 66px;
  height: 66px;
}

.big-plus-hover{
  background-position: -371px -374px ;
  width: 66px;
  height: 66px;
}

.leaf-icon{
  background-position: -444px -302px ;
  width: 66px;
  height: 66px;
}

.leaf-icon-hover{
  background-position: -443px -374px ;
  width: 66px;
  height: 66px;
}

.shake-hands{
  background-position: -515px -301px ;
  width: 66px;
  height: 66px;
}

.shake-hands-hover{
  background-position: -515px -372px ;
  width: 66px;
  height: 66px;
}

.plane{
  background-position: -586px -302px ;
  width: 66px;
  height: 66px;
}

.plane-hover{
  background-position: -588px -373px ;
  width: 66px;
  height: 66px;
}

.campus{
  background-position: -561px 0;
  width: 50px;
  height: 50px;
}

.contact{
  background-position: -561px -51px ;
  width: 50px;
  height: 50px;
}

.plaquette{
  background-position: -559px -96px ;
  width: 50px;
  height: 50px;
}

.share-corners,
.center-content .page-shortcuts-wrapper:after {
  content: "";
  background-position: -576px -167px;
  width: 33px;
  height: 30px;
}

.rapsodee .share-corners,
.rapsodee .center-content .page-shortcuts-wrapper:after {
  background-image: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #84b000 transparent transparent transparent;
}

.center-content .page-shortcuts-wrapper:after {
  position: absolute;
  top: 0;
  right: -30px;
}

.page-top{
  background-position: -585px -212px ;
  width: 32px;
  height: 65px;
}

.corner-blue{
  background-position: -576px -167px ;
  width: 33px;
  height: 33px;
}

.fb-top{
  background-position: -616px 0;
  width: 46px;
  height: 46px;
}

.fb-top:focus,
.fb-top:hover{
  background-position: -617px -49px ;
}

.in-top{
  background-position: -663px 0;
  width: 46px;
  height: 46px;
}

.in-top:focus,
.in-top:hover{
  background-position: -664px -48px ;
}

.twitter-top{
  background-position: -711px 0;
  width: 46px;
  height: 46px;
}

.twitter-top:focus,
.twitter-top:hover{
  background-position: -711px -47px ;
}

.yt-top{
  background-position: -758px 0;
  width: 46px;
  height: 46px;
}

.yt-top:focus,
.yt-top:hover{
  background-position: -759px -47px ;
}

.fb-top-hover{
  background-position: -617px -49px ;
  width: 46px;
  height: 46px;
}

.in-top-hover{
  background-position: -664px -48px ;
  width: 46px;
  height: 46px;
}

.twitter-top-hover{
  background-position: -711px -47px ;
  width: 46px;
  height: 46px;
}

.yt-top-hover{
  background-position: -759px -47px ;
  width: 46px;
  height: 46px;
}

.fb-white,
.in-white,
.twitter-white,
.yt-white,
.twitter-rapsodee,
.twitter-rapsodee-hover{
  width: 46px;
  height: 47px;
  transition: all 0.4s ease-in-out;
}

.fb-white{
  background-position: -48px -580px;
}

.in-white{
  background-position: -96px -580px;
}

.twitter-white{
  background-position: -144px -580px;
}

.yt-white{
  background-position: 0 -580px;
}

.twitter-rapsodee{
  background-position: -240px -580px;
  transition: none;
}

.twitter-rapsodee-hover,
.twitter-rapsodee:focus,
.twitter-rapsodee:hover{
  background-position: -192px -580px;
}

.fb-white:focus,
.fb-white:hover,
.in-white:focus,
.in-white:hover,
.twitter-white:focus,
.twitter-white:hover,
.yt-white:focus,
.yt-white:hover{
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8); /* IE 9 */
}

.arrow-white-left,
#block-views-agenda-block .slick-prev{
  width: 50px;
  background-position: -821px 36px;
  background-color: #db7405;
}

.arrow-white-right,
#block-views-agenda-block .slick-next{
  background-position: -817px -42px;
  width: 50px;
  background-color: #db7405;
}

.arrow-white-up,
#block-views-agenda-block .wrapper-dots:after{
  display: block;
  background-position: -624px -165px ;
  width: 16px;
  height: 11px;
}

.contrast-button{
  background-position: -622px -98px ;
  width: 30px;
  height: 30px;
}

.contrast-button:hover,
.contrast-button:hover,
.contrast-hover{
  background-position: -622px -129px ;
  width: 30px;
  height: 30px;
}

.share-fb{
  background-position: -659px -99px ;
  width: 30px;
  height: 30px;
}

.share-fb:hover,
.share-fb:focus,
.share-fb-hover{
  background-position: -658px -128px ;
  width: 30px;
  height: 30px;
}

.share-mail{
  background-position: -687px -99px ;
  width: 30px;
  height: 30px;
}

.share-mail:hover,
.share-mail:focus,
.share-mail-hover{
  background-position: -686px -129px ;
  width: 30px;
  height: 30px;
}

.share-print{
  background-position: -717px -99px ;
  width: 30px;
  height: 30px;
}

.share-print:hover,
.share-print:focus,
.share-print-hover{
  background-position: -719px -130px ;
  width: 30px;
  height: 30px;
}

.share-twitter{
  background-position: -748px -100px ;
  width: 30px;
  height: 30px;
}

.share-twitter:hover,
.share-twitter:focus,
.share-twitter-hover{
  background-position: -748px -129px ;
  width: 30px;
  height: 30px;
}

.dot-off,
#block-views-actualit-s-block .slick-dots > li,
#block-views-actualit-s-block-1 .slick-dots > li {
  background-position: -787px -108px ;
  width: 10px;
  height: 10px;
}

.dot-on,
#block-views-actualit-s-block .slick-dots > li.slick-active,
#block-views-actualit-s-block-1 .slick-dots > li.slick-active {
  background-position: -788px -127px ;
  width: 10px;
  height: 10px;

}

.pause-slick {
  background-position: -661px -171px ;
  width: 19px;
  height: 19px;
  background-color: #fff;
}

.page-node-2528 .pause-slick{
  background: #fff;
  text-indent: inherit;
}

.pause-slick.paused,
.pause-slick:hover,
.pause-slick:focus {
  background-position: -661px -190px ;
  width: 19px;
  height: 19px;
  background-color: #fff;
  border: 1px solid #db7405;
}

.page-node-2528 .pause-slick.paused,
.page-node-2528 .pause-slick:hover,
.page-node-2528 .pause-slick:focus{
  border: 1px solid #85B000;
}

.play-slick {
  background-position: -684px -169px ;
  width: 19px;
  height: 19px;
  background-color: #fff;
}
.page-node-2528 .play-slick{
  text-indent: inherit;
  background: #fff;
}
.page-node-2528 .play-slick::before{
  content: "\f04b";
  display: block;
  padding: 2px 5px;
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #85B000;
}

.page-node-2528 .pause-slick{
  text-indent: inherit;
}
.page-node-2528 .pause-slick::before{
  content: "\f04c";
  display: block;
  padding: 2px 4px;
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #85B000;
}

.play-slick.play,
.play-slick:hover,
.play-slick:focus {
  background-position: -684px -189px ;
  width: 19px;
  height: 19px;
  background-color: #fff;
  border: 1px solid #db7405;
}

.page-node-2528 .play-slick.play,
.page-node-2528 .play-slick:hover,
.page-node-2528 .play-slick:focus{
  border: 1px solid #85B000;
}

.folder{
  background-position: -768px -168px ;
  width: 40px;
  height: 40px;
}

.loupe-white{
  background-position: -826px -162px;
  width: 35px;
  height: 35px;
}

.megaphone{
  background-position: -716px -170px ;
  width: 40px;
  height: 40px;
}

.photo-icon{
  background-position: -660px -224px ;
  width: 40px;
  height: 40px;
}

.plaquettes-icon{
  background-position: -712px -224px ;
  width: 40px;
  height: 40px;
}

.video-icon{
  background-position: -766px -222px ;
  width: 40px;
  height: 40px;
}

.region-sidebar-first.well > .block.clearfix:after {
  display: none;
  visibility: visible;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  background-position: -723px -404px;
}

.region-sidebar-first.well > #block-block-1:before,
.region-sidebar-first.well > #block-block-1:after {
  position: static;
  height: 0;
  visibility: hidden;
}

#block-menu-block-2:after {
  display: none;
  visibility: visible;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  background-position: -682px -404px;
}

.rapsodee #block-menu-block-9:after,
.rapsodee #block-menu-block-2:after {
  background-position: -763px -404px;
}

/*--------------------------------------------------
  SPRITES 2
----------------------------------------------------*/


.s-1clic_document_blanc,
.s-1clic_document_orange,
.s-1clic_formation_blanc,
.s-1clic_formation_orange,
.s-1clic_hat_blanc,
.s-1clic_hat_orange,
.s-1clic_malette_blanc,
.s-1clic_malette_orange,
.s-1clic_marches_blanc,
.s-1clic_marches_orange,
.s-1clic_news_blanc,
.s-1clic_news_orange,
.coin_gris_b_d,
.coin_gris_b_g,
.coin_orange_b_d,
.je_suis_apprenti,
.je_suis_apprenti_blanc,
.je_suis_chercheur_blanc,
.je_suis_chercheur_orange,
.je_suis_etudiant_blanc,
.je_suis_etudiant_orange,
.short_cut_admission,
.short_cut_campus{
	background: url(../img/sprites_2.png) no-repeat;
}

.s-1clic_document_blanc{
	background-position: -425px -92px ;
	width: 38px;
	height: 45px;
}

.s-1clic_document_orange{
	background-position: -365px -90px ;
	width: 38px;
	height: 45px;
}

.s-1clic_formation_blanc{
	background-position: -94px -91px ;
	width: 58px;
	height: 42px;
}

.s-1clic_formation_orange{
	background-position: -20px -89px ;
	width: 58px;
	height: 42px;
}

.s-1clic_hat_blanc{
	background-position: -98px -161px ;
	width: 55px;
	height: 37px;
}

.s-1clic_hat_orange{
	background-position: -21px -164px ;
	width: 55px;
	height: 37px;
}

.s-1clic_malette_blanc{
	background-position: -261px -89px ;
	width: 49px;
	height: 42px;
}

.s-1clic_malette_orange{
	background-position: -185px -90px ;
	width: 49px;
	height: 42px;
}

.s-1clic_marches_blanc{
	background-position: -261px -155px ;
	width: 56px;
	height: 42px;
}

.s-1clic_marches_orange{
	background-position: -185px -156px ;
	width: 56px;
	height: 42px;
}

.s-1clic_news_blanc{
	background-position: -521px -26px ;
	width: 43px;
	height: 53px;
}

.s-1clic_news_orange{
	background-position: -444px -21px ;
	width: 43px;
	height: 53px;
}

.coin_gris_b_d{
	background-position: -496px -157px ;
	width: 36px;
	height: 36px;
}

.coin_gris_b_g{
	background-position: -368px -158px ;
	width: 36px;
	height: 36px;
}

.coin_orange_b_d{
	background-position: -433px -158px ;
	width: 36px;
	height: 36px;
}

.je_suis_apprenti{
	background-position: -291px -21px ;
	width: 38px;
	height: 35px;
}

.je_suis_apprenti_blanc{
	background-position: -360px -19px ;
	width: 38px;
	height: 35px;
}

.je_suis_chercheur_blanc{
	background-position: -224px -21px ;
	width: 36px;
	height: 34px;
}

.je_suis_chercheur_orange{
	background-position: -168px -20px ;
	width: 36px;
	height: 34px;
}

.je_suis_etudiant_blanc{
	background-position: -102px -20px ;
	width: 33px;
	height: 31px;
}

.je_suis_etudiant_orange{
	background-position: -46px -21px ;
	width: 33px;
	height: 31px;
}

.je_suis_entreprises_orange{
  background-position: -32px -243px ;
  width: 34px;
  height: 29px;
}
.je_suis_entreprises_blanc{
  background-position: -89px -243px ;
  width: 34px;
  height: 29px;
}
.short_cut_admission{
	background-position: -495px -99px ;
	width: 20px;
	height: 30px;
}
.short_cut_campus{
	background-position: -183px -244px ;
	width: 27px;
	height: 25px; 
}




/*-----===---- TRADUCTIONS ----------------------------------------*/

.link-wrapper{
  display: none;
}

/*-----===---- MEDIA QUERIES ----------------------------------------*/

/*--- Chrome hack with admin menu ---*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .view-id-nodequeue_1 .views-field-view-node{
    margin-right: 49px;
  }
}*/

/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1366px) {


}

@media only screen and (max-width : 1280px) {

  .menu-block-8 > ul.menu.nav > li > a {
    font-size: 15px;
    padding: 19px 15px;
  }

}

@media screen and (min-width:768px) and (max-width:1199px){
  #sub-footer .footer-bandeau{
    float: none;
    margin: 25px auto;
  }
  #sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre{
    text-align: left;
  }
}
@media screen and (max-width:1199px){
  .logged-in #block-menu-block-3.fixed>div.menu-block-wrapper,
  .logged-in #block-menu-block-8.fixed>div.menu-block-wrapper{
    max-width: 970px;
    margin: auto;
  }
  .logged-in #block-menu-block-3.fixed>div.menu-block-wrapper ul.menu,
  .logged-in #block-menu-block-8.fixed>div.menu-block-wrapper ul.menu{
    padding-left: 20px;
  }
  .rapsodee #navbar.fixed .menu-block-8 > ul.menu.nav > li > a{
    padding: 40px 10px;
    font-size: 14px;
  }
  #search-block-form input[type="text"],
  #block-search-form input[type="text"],
  #search-block-form--2 input[type="text"]{
    width: 180px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {

  h1.h1-logo {
    margin: 20px 0 0 0;
    padding: 0
  }
  
  .menu-block-3 > ul.menu.nav{
    margin-left: 242px;
  }
  
  .rapsodee h1.h1-logo{
    margin: 0;
  }
  
  .rapsodee .navbar .logo{
    margin-right: 10px;
  }
  
  .menu-block-8 > ul.menu.nav > li > ul.menu.nav{
    top: 52px;
  }
  
  .rapsodee #navbar.fixed .menu-block-8 > ul.menu.nav > li > a{
    padding: 50px 8px;
    font-size: 10px;
  }

  .rapsodee-intro-bandeau {
    padding: 26px 0 0 50px;
  }

  .navbar-header {
    width: 20%;
  }

/*
  .navbar #block-search-form, 
  .rapsodee .navbar #search-block-form, 
  .navbar #search-block-form--2 {
    width: 20%
  }
*/

  #block-views-actualit-s-block .cover-slider{
    left: 0;
  }

  #block-views-actualit-s-block .list-actu li .wrapper-infos-slider {
    right: 250px;
  }

  #block-views-actualit-s-block .slick-dots, 
  #block-views-actualit-s-block-1 .slick-dots {
    margin-left: 0
  }

  #block-views-agenda-block .view-agenda .agenda-home-infos{
    position: relative;
    top: 0;
    width: 100%;
  }

  #block-views-agenda-block .views-field-nothing img{
    width: 100%;
  }

  #block-views-agenda-block .wrapper-dots {
    position: relative;
    margin: 0 auto;
  }

  #block-views-agenda-block .view-footer {
    bottom: 105px;
  }

  .home-galerie .container{
    width: auto;
  }

  .view-galerie .galerie-home-infos {
    right: 2%;
  }

  #block-views-publications-block-1 .view-header div{
		position: absolute;
		top: 0;
		width: 100%;
		right: 0;
	}

	.front .main-container > .row > aside.col-sm-3 {
		width: 100%;
		padding-top: 0;
	}

	.well, #block-block-1{
		box-shadow: none;
	}

	#block-block-1 h2.block-title{
		width: 220px;
	}

	.not-front #block-block-5 ul li a {
		padding: 7px 0 5px 53px;
		font-size: 0.85em;
		height: 32px;
	}

	.demarche-links ul{
		margin-left: -20px;
	}

	#block-block-2{
		padding-right: 15px;
	}

	#block-block-3{
		padding: 0 15px;
	}

	.navbar-header {
		float: none;
	}

	.page-intro.container .h1-wrapper h1.page-header{
		padding: 35px 0 0 0;
		font-size: 30px;
	}

	.not-front #block-block-5 ul li a {
		padding: 7px 0 5px 60px;
		font-size: 1em;
		height: 32px;
	}

	#block-menu-block-2{
		background-color: #ffffff;
	}

	.front .main-container > .row > aside{
		padding: 0;
	}

	.front .region-sidebar-first #block-block-1{
		margin: 100px 0 0 0;
		background: none;
	}

	#block-block-1 h2.block-title{
		margin: -65px 0 0 0;
	}

  .view-contacts .views-row{
    text-align: center;
  }

  .region-sidebar-first.well > #block-views-contacts-zc-publi .views-row > div {
    text-align: center;
  }

  #block-block-1 ul#ul-en1clic{
    margin: 0;
    padding-top: 0;
    text-align: center;
    height: auto;
  }

/*
  .front ul#ul-en1clic li {
    width: 50%;
    height: 124px;
    background: none;
    background-color: #ef7d00;
  }

  .front ul#ul-en1clic li + li {
    background-color: #001a43
  }

  .front ul#ul-en1clic li + li + li{
    background-color: #8dc642
  }

  .front ul#ul-en1clic li + li + li + li{
    background-color: #48bde8
  }

  .front ul#ul-en1clic li + li + li + li + li{
    background-color: #939598
  }

  .front ul#ul-en1clic li + li + li + li + li + li{
    background-color: #662d91
  }
*/

  .expertise-txt{
    font-size: 15px;
  }

  .je-suis li {
    display: block;
    width: 100%;
  }

  .je-suis .je-suis-bg {
    display: block;
    margin-bottom: -100px;
    position: relative;
    z-index: 10;
  }

  .footer-global h2{
    width: 100%;
    text-align: inherit;
  }

  .footer-adresse,
  .footer-global p{
    text-align: center;
  }

  .footer-global ul {
    float: none;
    margin: 0 auto 20px;
  }

  .footer-bandeau h2{
    float: none;
    width: 100%;
    margin: 0;
    text-align: left;
  }


  .footer-newsletter form{
    margin: 20px auto;
  }

  .footer-button{
    margin: 7px auto;
  }

}

@media screen and (max-width:991px){

  .rapsodee header.fixed #lang_dropdown_form_language{
    right: 0;
  }
  .rapsodee #navbar h1.h1-logo {
    width: 165px;
  }
  .rapsodee #navbar div.navbar-header{
    padding-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .rapsodee-intro-bandeau{
    width: 60%;
  }
  .rapsodee-twitter-bandeau{
    padding-top: 24px;
  }
  .rapsodee .navbar #search-block-form, 
  .rapsodee .navbar #search-block-form--2{
    top: 70px;
  }
  #block-menu-block-8{
    top: 465px;
  }
  #sub-footer #block-block-21 .footer-sub-global>div.footer-logo-wrapper{
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  #sub-footer #block-block-21 .footer-logo-wrapper>div{
    margin: 10px;
  }
  #sub-footer #block-block-21 .footer-adresse, 
  #sub-footer #block-block-21 .footer-horaires, 
  #sub-footer #block-block-21 .footer-contact{
    width: 100%;
    padding: 10px;
    border: none;
    text-align: center;
  }
  #sub-footer #block-block-21 .footer-sub-global{
    align-items: flex-start;
  }
  .footer-newsletter input{
    width: 100%;
  }
  .footer-newsletter form #mailchimp-newsletter-6911d05c83-mergefields{
    float: none;
  }
  #sub-footer .footer-sites h2{
    text-align: center;
  }
  .footer-global ul{
    width: 550px;
    padding-left: 50px;
    text-align: center;
  }
  #sub-footer #block-block-21 .footer-button-wrapper{
    text-align: center;
  }
  .footer-global .footer-sites  ul li{
    width: 48%;
    text-align: left;
  }
}


@media screen and (min-width: 768px){
  .menu-block-3 > ul.menu.nav, 
  .menu-block-8 > ul.menu.nav{
    position: static;
  }
  .menu-block-3 > ul.menu.nav{
    text-align: left;
  }
  .menu-block-3 > ul.menu.nav > li, 
  .menu-block-8 > ul.menu.nav > li{
    position: static;
  }
  
  .menu-block-8 > ul.menu.nav{
    text-align: right;
  }
  .menu-block-3 > ul.menu.nav > li > ul.menu.nav, 
  .menu-block-8 > ul.menu.nav > li > ul.menu.nav{
    width: 100%;
    padding-bottom: 20px;
    left: inherit!important;
    right: 0!important;
    color: #fff;
  }
  
  #block-menu-block-8 .menu-block-8 > ul.menu.nav >  li:nth-child(4) > a:hover,
  #block-menu-block-8 .menu-block-8 > ul.menu.nav > li:nth-child(4) > a:focus{
    cursor: pointer;
  }
  
  .menu-block-3 > ul.menu.nav > li > ul.menu.nav{
    flex-wrap: wrap;
    background-color: #ef7d00;
    padding-left: 290px;
  }
  
  .menu-block-8 > ul.menu.nav > li > ul.menu.nav{
    flex-wrap: wrap;
    background-color: #85B000;
  }
  
  .menu-block-3 > ul.menu.nav ul.menu.nav > li a, 
  .menu-block-8 > ul.menu.nav ul.menu.nav > li a{
    color: #fff;
  }
  body{
    position: relative;
  }
  #navbar .navbar-collapse{
    z-index: 9;
  }
  #div-overlay{
    display: none;
    background-color: #fff;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #div-overlay.play{
    display: block;
  }
  .rapsodee #div-overlay.play{
    display: none;
  }
  .menu-block-3 > ul.menu.nav ul.menu.nav > li a::before, 
  .menu-block-8 > ul.menu.nav ul.menu.nav > li a::before{
    content: url('../img/coin_blanc_hg.png');
    margin-right: 7px;
  }
}
	
@media only screen and (max-width : 767px) {
  #navbar .rapsodee-intro-bandeau,
  #navbar .rapsodee-twitter-bandeau,
  #navbar .rapsodee-recherche-bandeau{
    display: none;
  }
  
  .page-node-2528 .main-container{
    margin-top: 0;
  }
  
  .rapsodee #navbar div.navbar-header{
    padding: 0;
  }

  #block-menu-block-3 .logo, #block-menu-block-8 .logo {
    position: relative;
    z-index: 1;
    width: 60px;
    margin: 15px -250px 0 10px;
  }

  .menu-block-3 > ul.menu.nav > li.first > ul.menu.nav, 
  .menu-block-8 > ul.menu.nav > li.first > ul.menu.nav {
    left: 0 !important
  }

  .menu-block-3 > ul.menu.nav > li.last > ul.menu.nav, 
  .menu-block-8 > ul.menu.nav > li.last > ul.menu.nav {
    right: 0 !important
  }

  #block-menu-block-3.fixed .menu-block-wrapper > ul.menu.nav {
    padding-left: 60px;
  }

  #block-menu-block-3.fixed .menu-block-wrapper > ul.menu.nav {
    text-align: left;
  }

  #navbar .navbar-header {
    float: none;
    position: relative;
    margin: 0 auto;
    width: 240px;
  }

  #wrapper-breadcrumb {
    width: auto;
    float: none;
    margin: 50px -20px 50px -20px;
  }
  #block-views-actualit-s-block{
    margin-top: 40px;
  }
  #block-views-actualit-s-block-1{
    margin-top: 60px;
  }
  #block-views-actualit-s-block .cover-slider{
    display: none;
  }

  #block-views-actualit-s-block .list-actu li .wrapper-infos-slider{
    position: relative;
    right: 0;
    margin: 10px 40px 0;
  }
  
  #block-views-actualit-s-block .list-actu li .blue-wrapper-slider, 
  #block-views-actualit-s-block-1 .list-actu li .blue-wrapper-slider{
    width: 400px;
    padding: 10px 15px 100px;
  }
  
  #block-views-actualit-s-block .list-actu li .white-wrapper-slider, 
  #block-views-actualit-s-block-1 .list-actu li .white-wrapper-slider{
    right: -20px;
    padding: 20px 5px;      
  }
  
  #block-views-actualit-s-block .list-actu li.slick-slide .wrapper-infos-slider h2:first-child, 
  #block-views-actualit-s-block-1 .list-actu li.slick-slide .wrapper-infos-slider h2:first-child{
    font-size: 30px;
  }
  #block-views-actualit-s-block .list-actu li.slick-slide .wrapper-infos-slider h2:nth-child(2), 
  #block-views-actualit-s-block-1 .list-actu li.slick-slide .wrapper-infos-slider h2:nth-child(2){
    font-size: 25px;
  }
  #block-views-actualit-s-block .list-actu li .wrapper-infos-slider p, 
  #block-views-actualit-s-block-1 .list-actu li .wrapper-infos-slider p{
    font-size: 16px;
  }
  
  #block-views-actualit-s-block .wrapper-infos-slider .white-wrapper-slider a span.plus+span, 
  #block-views-actualit-s-block-1 .wrapper-infos-slider .white-wrapper-slider a span.plus+span{
    font-size: 16px;
  }
  #block-views-actualit-s-block .wrapper-infos-slider .white-wrapper-slider a span.plus, 
  #block-views-actualit-s-block-1 .wrapper-infos-slider .white-wrapper-slider a span.plus{
    font-size: 30px;
    line-height: 0.8;
  }

  #block-views-actualit-s-block-1 .slick-dots,
  #block-views-actualit-s-block .slick-dots{
    display: none !important;
  }

  #block-views-actualit-s-block-1 .wrapper-btn-slick,
  #block-views-actualit-s-block .wrapper-btn-slick{
    display: none;
  }

  #block-views-actualit-s-block-1 .wrapper-infos-slider > a + p + a + div + a,
  #block-views-actualit-s-block .wrapper-infos-slider > a + p + a + div + a{
    float: right;
  }

  .view-galerie .galerie-home-infos {
    top: 100px;
    right: 10%;
  }

  .center-content .page-shortcuts-wrapper:after{
    display: none;
  }

  .expertise-txt{
    font-size: 19px;
  }

  .front ul#ul-en1clic li {
    width: 33%;
  }
  #sub-footer .footer-bandeau{
    padding-top: 0;
    margin: 45px 0 0;
    flex-wrap: wrap;
  }
  #sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre{
    text-align: center;
  }
  .section-top{
    padding-top: 0;
  }
  #navbar div.navbar-header{
    position: static;   
  }
  #navbar h1.h1-logo{
    margin: 10px auto;
  }
  .rapsodee #navbar h1.h1-logo{
    margin: 0 auto;
  }
  #block-block-8{
    display: none;
  }
  #sub-footer #block-block-21 .footer-sub-global>div{
    flex-basis: 50%;
  }
  #sub-footer #block-block-21 .footer-sub-global{
    flex-wrap: wrap;
  }
  
  .footer-global img.iso-9001{
    position: relative;
    margin: 0 auto 30px;
  }
  
  .footer-global h2{
    width: 100%;
    margin-top: 50px;
    text-align: center;
  }

  .footer-global ul{
    width: inherit;
  }



}

@media screen and (max-width:575px){
  #block-views-actualit-s-block-1 .list-actu li .wrapper-infos-slider{
    top: 30px;
    left: 0;
    width: inherit;
  }
  #sub-footer .footer-bandeau .bloc-nous-suivre .footer-newsletter,
  #sub-footer .footer-bandeau .bloc-nous-suivre .footer-nous-suivre{
    padding: 10px 0;
    width: 100%;  
  }
  #sub-footer #block-block-21 .footer-sites, 
  #sub-footer #block-block-21 .footer-button-wrapper{
    width: 100%;
    margin-bottom: 20px;
  }
    #sub-footer #block-block-21 .footer-button-wrapper{
    text-align: center;
  }
  #sub-footer #block-block-21 .footer-sub-global>div.footer-logo-wrapper{
    margin-right: 0;
  }
  #sub-footer #block-block-21 .footer-sub-global>div{
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border-right: none;
  }
  #sub-footer #block-block-21 .footer-sub-global{
    padding: 0;
  }
    .footer-global .footer-sites  ul li{
    width: 100%;
  }
  #sub-footer .footer-sites h2{
    font-size: 16px;
  }
  .footer-rapsodee .logo-bas-rapsodee{
    display: block;
    margin:0 auto 25px;
    border: none;
  }

}

/* Extra Small Devices, Phones -------------------------------------------*/ 
@media only screen and (max-width : 480px) {

  form#search-block-form {
    width: auto
  }

  #block-search-form input[type="text"] {
    display: none;
    width: 222px;
    height: 48px;
    background-color: #ffffff
  }

  .navbar #block-search-form {
    position: fixed;
    width: auto;
    top: 170px;
    right: 0;
    /* left: 105px; */
    margin: 0;
    padding: 0;
    z-index: 10001;
  }

  #block-search-form .input-group {
    float: right;
    border: none;
  }

  form#search-block-form .input-group-btn {
    float: right;
  }

  #block-search-form button {
    width: 48px;
    height: 48px;
    float: right;
    padding: 0;
    text-indent: 0;
    border: none;
    background: none;
    font-size: 20px;
    color: #ef7d00;
  }

  #block-search-form button:focus, 
  #block-search-form button:hover {
    background: none;
  }

  #block-search-form button:before {
    display: none;
  }

  .bandeau-top {
    height: 250px;
    margin-top: 30px;
  }
		
	header#navbar > .container{
    width: 100%;
    -webkit-backface-visibility: hidden;
  }

  header#navbar {
    position: static;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 15px 0 15px;
  }

  h1.h1-logo {
    display: block;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-brand {
    display: none;
  }

  .link-page-facebook {
    display: none;
  }
  
  .main-container,
  .main-container.container {
    margin-top: 0;
  }

  .page-search,
  .page-search404{
    padding: 0 15px;
  }

  .page-search .page-shortcuts-wrapper,
  .page-search404 .page-shortcuts-wrapper,
  .page-search #wrapper-breadcrumb,
  .page-search404 #wrapper-breadcrumb {
    display: none;
  }

  .region-content .search-form{
    width: 100%;
    margin: 0;
  }

  .region-content .search-form #edit-basic{
    width: 100%;
    margin: 0 0 30px 0;
  }

	.page-node .page-shortcuts-wrapper{
		position: static;
    width: auto;
    float: none;
    margin: 0 -20px 20px -20px;
    padding: 35px 0 0 0;
    text-align: center;
	}

	.page-node .page-shortcuts-wrapper li{
		width: 40px;
		display: inline-block;
    vertical-align: middle;
		margin: 10px 0 0 0
	}

  body .center-content .zoom-dezoom a {
    font-size: 18px;
  }

  .page-node .page-shortcuts-wrapper li.zoom-font{
    width: 70px;
  }

  .page-node .center-content li.title-share {
    position: absolute;
    top: 5px;
    left: 25px;
  }

	.page-node .h1-wrapper{
		padding: 0;
	}

	.sidebar-left{
		padding-right: 15px;
		padding-left: 15px;
    background: none;
	}

	.front .main-container > .row > aside{
		margin-top: 100px;
		background: none;
	}

	#block-block-1 h2.block-title{
		width: 250px;
		margin: 0 auto;
	}

	#block-block-1 ul#ul-en1clic{
		margin: 0;
		padding-top: 0;
		text-align: center;
		height: auto;
	}

/*
  ul#ul-en1clic li {
    width: 50%;
    background: none;
    background-color: #ef7d00
  }

  ul#ul-en1clic li + li {
    background-color: #001a43
  }

  ul#ul-en1clic li + li + li{
    background-color: #8dc642
  }

  ul#ul-en1clic li + li + li + li{
    background-color: #48bde8
  }

  ul#ul-en1clic li + li + li + li + li{
    background-color: #939598
  }

  ul#ul-en1clic li + li + li + li + li + li{
    background-color: #662d91
  }
*/

	#block-block-1 ul#ul-en1clic li{
		float: none;
    display: inline-block;
    height: auto;
    width: 100% !important;
		text-align: left;
	}

	.front #block-block-1 ul#ul-en1clic li {
		margin-left: 5px;
	}

	#block-block-1 ul#ul-en1clic li span{
		display: block !important;
		position: static;
		font-family: 'roboto_bold', Arial, sans-serif;
	}

	#first-li-en1clic{
		position: relative;
	}

	#first-li-en1clic{
		margin: 25px 15px 0 15px;
	}

	#first-li-en1clic ul{
		margin: 0;
	}

	#first-li-en1clic ul li{
		width: 100% !important;
		height: auto;
		padding: 15px;
	}

	#first-li-en1clic{
		border: 1px solid #dddedf;
	}

	#first-li-en1clic.on{
		border-bottom: 0;
	}

	#first-li-en1clic ul li span{
		font-family: 'opensansregular', Arial, sans-serif;
		font-size: 18px;
		color: #2a2d34;
	}

	.demarche-links ul{
		padding-left: 0;
		margin-left: 0;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}

	.page-node .page-intro.container .h1-wrapper h1.page-header {
	  padding: 47px 15px 15px 15px;
    text-align: center;
	}

	#block-views-agenda-block h2.block-title{
    margin: 0 auto;
    position: relative;
    display: block;
    background: none #ef7d00;
	}

	#block-views-agenda-block .view-agenda .view-header{
		bottom: -100px;
		left: 0;
	}

	#block-views-agenda-block .agenda-home-intro img,
	#block-views-moteurs-all-actu .views-field-field-image-intro img{
		width: 100%;
	}

	#block-views-agenda-block .view-agenda .view-header .tout-agenda{
		width: 212px;
		margin: 0 auto;
	}

	#block-views-agenda-block .ul-agenda-home li{
		margin-bottom: 20px;
		padding: 0;
	}

	.front .main-container > .row > aside.col-sm-3,
	.region-sidebar-first #block-block-1{
		background: none;
	}

	#block-views-moteurs-all-publi .view-moteurs .views-row-1{
		position: relative;
		padding-bottom: 70px;
	}

	#block-views-moteurs-all-publi .view-moteurs .item-list .views-field-view-node,
	#block-views-moteurs-all-publi .view-moteurs .views-field-view-node{
		left: 0;
		bottom: 0;
	}

  .backlink{
    display: block;
  }

	.views-exposed-form .views-exposed-widget{
		padding-right: 0;
		float: none;
	}

	.container-inline-date .form-item .form-item,
	.container-inline-date .date-padding,
	.container-inline-date .form-item, .container-inline-date .form-item input{
		width: 100%;
		float: none;
	}

	.views-exposed-form .form-select, 
	.views-exposed-form input,
	.views-exposed-form .form-type-textfield  input.hasDatepicker{
		width: 100%;
	}

  .views-exposed-form .form-select#edit-shs-term-node-tid-depth-select-2{
    margin-top: 10px;
    margin-left: 0;
  }

	.view-moteurs .views-field-field-image-evenement, 
	.view-moteurs .views-field-field-image-intro, 
	.view-moteurs .link-video-wrapper {
		margin: 0;
		float: none;
	}

  .view-moteurs .views-field-field-photo-trombi{
    margin-right: 10px;
  }

  #block-views-moteurs-all-elus .view-moteurs .views-field-nothing{
    position: static;
    width: 200px;
    height: auto;
    float: right;
  }

	.views-field-title{
		margin-top: 15px;
	}

  #block-views-march-s-choix-marches .views-field-title{
    margin-top: 0;
  }

	.view-moteurs .views-field-view-node{
		position: static;
    margin-top: 20px;
	}

	#ul-portails li{
		width: 100%;
		margin: 15px 0 !important;
	}

	.footer-block-form {
		width: 100% !important;
		margin-top: 5px;
	}

	.region-sub-footer #block-block-2 .wrapper-adresse-footer, 
	.region-sub-footer #block-block-7 .wrapper-marches-footer, 
	.region-sub-footer #block-block-3 .horaires-footer{
		border-left: 0;
		border-bottom: 1px solid #5d5d5d;
	}

	.region-sub-footer #block-block-2 .wrapper-adresse-footer,
	.region-sub-footer #block-block-7 .wrapper-marches-footer,
	.region-sub-footer #block-block-3 .horaires-footer{
		margin: 0;
		padding: 15px 0;
	}

	.page-node .main-container .webform-client-form input[type="text"], 
	.page-node .main-container .webform-client-form input[type="email"], 
	.page-node .main-container .webform-client-form select{
		width: 100%;
	}

  #sub-footer h2.block-title{
    margin: 0 auto;
  }

  .region-sub-footer #block-block-2 p{
    text-align: center;
  }

  .region-sub-footer #block-block-2 a.nous-ecrire{
    margin: 0 auto;
  }

  .region-sub-footer #block-block-3 .horaires-footer li{
    text-align: center;
  }

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

  #block-search-form input[type="text"] {
    width: 170px
  }
}