/**
 * EDS - Fichier CSS commun à toutes les pages.
 * Chargé dans le .info
 *
 * @file
 */

/**
 * GENERAL
 */

.center, #system-elements { margin: 0 auto; width: 940px; }
html body.admin-menu { margin-top: 0 !important; }
#admin-menu { z-index: 9000; }

/**
 * MENU TOP
 */

#top { background-color: #f2f1f0; }
.menu-top { float: right; }
.menu-top ul.menu li { float: right; margin-left: 55px; }
.menu-top ul.menu li.first { margin-right: 10px; }
.menu-top ul.menu li.last { margin-left: 0; }
.menu-top ul.menu li a {
  line-height: 40px;
  font-family: 'Electrolize', Arial, sans-serif;
  font-size: .9em;
  color: #3d404a;
}

/**
 * RECHERCHE GÉNÉRALE
 */

.region-search { position: relative; margin: 0 auto; width: 940px; z-index: 1100; }
.block-main-search {
  position: absolute;
  top: 20px; right: 0;
  padding: 15px 25px;
  border-left: 2px solid #dedede;
}
.block-main-search a.lien {
  display: block;
  width: 31px;
  height: 34px;
  background: url('../images/common/loupe-noire.png') no-repeat;
  background: url('../images/common/loupe-noire.svg') no-repeat;
}

/**
 * MENU GENERAL
 */

/*#admin-menu, .webmaster-menu, .messages { display: none; }*/

#menu {
  position: relative;
  min-height: 100px;
  z-index: 100;
  -webkit-box-shadow: 0 15px 20px -10px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 15px 20px -10px rgba(0,0,0,0.3);
  box-shadow: 0 15px 20px -10px rgba(0,0,0,0.3);
}
#menu a { color: #3d404a; }
#menu.shadow-off { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.menu-general { position: relative; overflow: hidden; padding-top: 40px; z-index: 1000; }
.menu-general a.navmob { display: inline-block; margin-left: 45%; }
.menu-general a.navmob h2 {
  float: left;
  margin-right: 10px;
  line-height: 1;
  font-size: 1.5em;
  color: #3d404a;
}
.menu-general a.navmob:hover h2 { text-decoration: underline; }
.menu-general a.navmob .bars {
  position: relative;
  float: left;
  margin-top: 4px;
  width: 25px; height: 17px;
}
.menu-general a.navmob .bar {
  position: absolute;
  width: 100%; height: 3px;
  background-color: #3d404a;
  -webkit-border-radius: 20%;
  -moz-border-radius: 20%;
  border-radius: 20%;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.menu-general a.navmob .bar-1 { top: 0; }
.menu-general a.navmob .bar-2 { top: 40%; }
.menu-general a.navmob .bar-3 { top: 80%; }
.menu-general a.navmob.on .bars div { top: 40%; }
.menu-general a.navmob.on .bars div.bar-1 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-general a.navmob.on div.bar-2 { display: none; }
.menu-general a.navmob.on div.bar-3 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu-general .content {
  display: none;
  clear: left;
  margin: 0 auto;
  margin-right: -300px;
  padding-top: 50px;
  padding-right: 300px;
  overflow-y: scroll !important;
  overflow-x: auto !important;
}
.menu-general ul.menu { margin: 0 auto; width: 400px; }
.menu-general ul.menu li.level-1 { margin-bottom: 25px; }
.menu-general ul.menu li a { display: inline-block; line-height: 1; }
.menu-general ul.menu li a.level-1 { padding-left: 40px; font-size: 2em; }
.menu-general ul.menu li.expanded a.level-1 { background-repeat: no-repeat; }
.menu-general ul.menu li.expanded.off a.level-1 {
  background-position: 0 5px;
  background-image: url('../images/common/fleche-menu-off.png');
  background-image: url('../images/common/fleche-menu-off.svg');
}
.menu-general ul.menu li.expanded.on a.level-1 {
  background-position: 0 12px;
  background-image: url('../images/common/fleche-menu-on.png');
  background-image: url('../images/common/fleche-menu-on.svg');
}
.menu-general ul.menu li.level-1 ul { display: none; margin-top: 15px; padding-left: 70px; }
.menu-general ul.menu li.yourvisit {
  margin-left: 40px;
  margin-right: 3%;
  padding-top: 25px;
  border-top: 2px solid #adadad;
}
.menu-general ul.menu li.yourvisit a { padding-left: 0; }
.menu-general ul.menu li.level-2 { margin-bottom: 15px; }
.menu-general ul.menu li a.level-2 { font-size: 1.2em; }
.menu-general ul.menu li a.level-2:hover { text-decoration: underline; }

/**
 * LOGO
 */

#container { background-position: left top; background-repeat: repeat-x; }
#container-inner { background-position: center top; background-repeat: no-repeat; }
/*html.svg #container-inner { background-size: 1850px 266px; }*/
#logo-wrapper { position: relative; }
#logo {
  display: block;
  position: absolute;
  left: 0; top: -80px;
  width: 97px; height: 136px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 97px 136px;
  background-image: url('../images/common/logo.png');
  background-image: url('../images/common/logo.svg');
  -webkit-box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
  z-index: 2000;
}

/**
 * REGION FOOTER
 */

#footer { border-top: 2px solid #fff; background-color: #f2f1f0; }
#footer-inner { padding-bottom: 65px; }
#footer .block h2 { font-size: 1em; }

/*** SOCIAL ***/

.block-social { float: left; padding-top: 60px; width: 39%; }
.block-social h2, .block-social .content {  }
.block-social h2 { margin-bottom: 30px; line-height: 1; letter-spacing: 1px; }
.block-social .content a {
  display: block;
  float: left;
  margin-right: 15px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.block-social a.facebook {
  width: 12px;
  background-image: url('../images/footer/social/facebook.png');
  background-image: url('../images/footer/social/facebook.svg');
}
.block-social a.twitter {
  width: 31px;
  background-image: url('../images/footer/social/twitter.png');
  background-image: url('../images/footer/social/twitter.svg');
}
.block-social a.youtube {
  width: 61px;
  background-image: url('../images/footer/social/youtube.png');
  background-image: url('../images/footer/social/youtube.svg');
}
.block-social a.soundcloud {
  width: 59px;
  background-image: url('../images/footer/social/soundcloud.png');
  background-image: url('../images/footer/social/soundcloud.svg');
}
.block-social a.flickr {
  width: 30px;
  background-position: 0 5px;
  background-image: url('../images/footer/social/flickr.png');
  background-image: url('../images/footer/social/flickr.svg');
}
.block-social a.flux {
  margin-right: 0;
  width: 25px;
  background-image: url('../images/footer/social/rss.png');
  background-image: url('../images/footer/social/rss.svg');
}

/*** NEWSLETTER ***/

.block-newsletter-footer { float: left; padding-top: 95px; width: 43%; }
.block-newsletter-footer h2 {
  float: left;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 2px solid #232425;
  letter-spacing: 1px;
}
.block-newsletter-footer .content { float: left; margin-top: 7px; }
.block-newsletter-footer .form-item { float: left; margin-bottom: 0; }
.block-newsletter-footer .form-item label { display: none; }
.block-newsletter-footer .webform-component-email input {
  margin-right: 5px;
  padding: 0;
  width: 165px; height: auto;
  line-height: 1.5;
  outline: none;
  border: none;
  background-color: transparent;
}
.block-newsletter-footer .form-actions { float: left; margin: 0; }
.block-newsletter-footer .form-submit {
  line-height: 1.3;
  font-family: 'Helvetica Neue bold', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #232425;
}
.block-newsletter-footer .form-submit:hover { background-color: transparent; color: #555; }

/*** ECHOSCIENCES ***/

.block-echo { float: left; padding-top: 97px; }
.block-echo a.echo {
  display: block;
  width: 159px; height: 33px;
  background: url('../images/footer/echosciences/echosciences.gif') no-repeat;
}

/*** PARTENAIRES ***/

.block-partenaires { clear: both; padding-top: 55px; }
.block-partenaires h2 { margin-bottom: 30px; line-height: 1; letter-spacing: 1px; }
.block-partenaires .content a, .block-partenaires .content div {
  display: block;
  float: left;
  margin: 0 45px 10px 0;
  height: 61px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.block-partenaires .rennes {
  width: 118px;
  background-image: url('../images/footer/partenaires/rennes.png');
}
.block-partenaires .bretagne {
  width: 56px;
  background-image: url('../images/footer/partenaires/bretagne.png');
}
.block-partenaires .ille-vilaine {
  width: 86px;
  background-image: url('../images/footer/partenaires/ille-vilaine.png');
}
.block-partenaires .finistere {
  width: 90px;
  background-image: url('../images/footer/partenaires/finistere.png');
}
.block-partenaires .morlaix-ville {
  width: 113px;
  background-image: url('../images/footer/partenaires/morlaix-ville.png');
}
.block-partenaires .morlaix-communaute {
  width: 46px;
  background-image: url('../images/footer/partenaires/morlaix-communaute.png');
}
.block-partenaires .academie {
  width: 48px;
  background-image: url('../images/footer/partenaires/academie.png');
}
.block-partenaires .investissements {
  margin-right: 0 !important;
  width: 55px;
  background-image: url('../images/footer/partenaires/investissements.png');
}

/*** MENU BOTTOM ***/

.menu-bottom { padding-top: 65px; }
.menu-bottom .content { text-align: center; }
.menu-bottom ul.menu { display: inline-block; }
.menu-bottom ul.menu li { float: left; margin-right: 60px; line-height: 1; }
.menu-bottom ul.menu li.last { margin-right: 0; }
.menu-bottom ul.menu li a,
.menu-bottom ul.menu li.copyright {
  font-size: 1em;
  letter-spacing: 1px;
  font-size: .8em;
  color: #adadad;
}
.menu-bottom ul.menu li a { line-height: 1; }
.menu-bottom ul.menu li.copyright { padding-top: .3em; }

/**
 * DIVERS
 */

/*** WEBMASTER MENU ***/

.webmaster-menu { position: fixed; top: 0; padding: 0 10px; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.75) ; z-index: 2000; }
.webmaster-menu > ul.menu { margin: 0 auto; width: 100%; }
.webmaster-menu ul.menu li a { padding: 5px 10px; line-height: 30px; font-size: 1.1em; }
.webmaster-menu ul.menu li a.active { color: #fff; }
.webmaster-menu ul.menu li li a { line-height: 25px; font-size: 1em; }
.webmaster-menu ul.menu li ul li,
.webmaster-menu ul.menu li:hover li { width: 200px !important; }
.webmaster-menu ul.menu li:hover ul li ul { margin-left: 200px; }
.webmaster-menu ul.menu li li a { font-size: .9em; }

/*** TITRES DES PAGES ***/

h1#page-title {
  margin: 0 auto;
  padding-bottom: .3em;
  width: 940px;
  line-height: 1;
  font-family: 'Trebuchet bold', Helvetica, Arial, sans-serif;
  font-size: 4em;
  letter-spacing: normal;
  color: #fff;
}

/*** TITRE DES BLOCS ***/

#main h2.block-title {
  margin-bottom: 20px;
  font-family: 'Helvetica Neue light', Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  letter-spacing: 2px;
}

/** COLORBOX ***/

#cboxWrapper, #cboxContent { background: transparent; }
#cboxLoadedContent { margin-bottom: 40px; }
#cboxClose { width: 30px; height: 30px; }
#cboxClose, #cboxClose:hover {
  background: url('../images/common/fermer-blanc.png') no-repeat;
  background: url('../images/common/fermer-blanc.svg') no-repeat;
}

/*** AJAX PROGRESS ICON ***/

.ajax-progress .throbber {
  background: transparent url('../images/common/ajax-loader-small.gif') no-repeat;
}

/*** WYSIWYG ***/

body.contenu .field .sous-titre {
  line-height: 1.2;
  font-family: 'Helvetica Neue bold', Helvetica, Arial, sans-serif;
}
body.contenu .field h2.sous-titre { margin-bottom: .3em; font-size: 1.4em; }
body.contenu .field h3.sous-titre { margin-bottom: .5em; font-size: 1.2em; }
body.contenu.prets-expositions .field h2.sous-titre { color: #5c2d78; }
body.contenu .field .credit-legende { font-size: .9em; color: #ababab; }
body.so.contenu .field .courriel-site {
  padding-left: 20px;
  background: url('../images/so/fleche-puce.png') left .25em no-repeat;
}
body.contenu .field .gris, body.contenu .field .gris a { color: #999; }
body.contenu .field .sep { margin: 2em 0 .5em 0; border-top: 2px solid #f2f1f0; }

/*** BACK TO TOP ***/

#back-to-top {
  display: none;
  position: fixed;
  bottom: 0; right: 1.65em;
  width: 4.8em; height: 4.8em;
  background: #40424b url('../images/common/fleche-back-top.png') center center no-repeat;
  background: #40424b url('../images/common/fleche-back-top.svg') center center no-repeat;
  z-index: 900;
}
#back-to-top:hover { cursor: pointer; }

/*** ALERTE COOKIE ***/

.cookie-alert {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  padding: 20px 0;
  background-color: #3d404a;
  font-family: 'Helvetica Neue bold', Helvetica, Arial, sans-serif;
  color: #fff;
  z-index: 8000;
}
.cookie-alert .inner { position: relative; padding-right: 70px; }
.cookie-alert a {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-decoration: underline;
  font-size: .9em;
  color: #fff;
}
.cookie-alert a:hover { text-decoration: none; }
.cookie-alert .close {
  position: absolute;
  right: 20px; top: -5px;
  width: 30px; height: 30px;
  background: url('../images/accueil/close.png') no-repeat;
  background: url('../images/accueil/close.svg') no-repeat;
}
.cookie-alert .close:hover { cursor: pointer; }

/*** INFO COOKIE ***/

.cookie-info {
  padding: 20px 0;
  background-color: #ea8021;
  font-size: .9em;
  color: #fff;
}
.cookie-info .inner { position: relative; padding-right: 70px; }
.cookie-info .prefixe {
  margin-right: 10px;
  font-family: 'Helvetica Neue bold', Helvetica, Arial, sans-serif;
}
.cookie-info .info { margin-right: 10px; }
.cookie-info a { text-decoration: underline; color: #fff; }
.cookie-info a:hover { text-decoration: none; }
.cookie-info .close {
  position: absolute;
  right: 20px; top: -5px;
  width: 30px; height: 30px;
  background: url('../images/accueil/close.png') no-repeat;
  background: url('../images/accueil/close.svg') no-repeat;
}
.cookie-info .close:hover { cursor: pointer; }

/*** SERVICE LINKS : Forward page */

body.page-forward #main { margin: 0 auto; margin-top: 65px; width: 940px; }
body.page-forward h1#page-title { margin-bottom: 30px; font-size: 4.2em; color: #232425; }
body.page-forward .left { float: left; width: 49%; }
body.page-forward .form-item-recipients { float: right; width: 49%; }
body.page-forward .left input { width: 100%; }
body.page-forward #edit-instructions { margin-bottom: 30px; }
body.page-forward #edit-page, body.page-forward #edit-subject,
body.page-forward #edit-body { font-weight: bold; }
body.page-forward #edit-page label, body.page-forward #edit-subject label,
body.page-forward #edit-body label { font-weight: normal; }

/*** SLIDER DOWN ***/

.slider-down {
  margin-bottom: 20px;
  padding: 10px 140px 10px 20px;
  background-repeat: no-repeat;
  background-position: 95% center;
  color: #fff;
  -webkit-transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -o-transition: background .3s ease-in;
  transition: background .3s ease-in;
}
.slider-down.off { background-image: url('../images/common/fleche-slider-off.png'); }
.slider-down.on { background-image: url('../images/common/fleche-slider-on.png'); }
.slider-down:hover { cursor: pointer; }

/*** CATÉGORIES DE CONTENU ***/

.categorie-contenu { text-transform: uppercase; }
.categorie-contenu ul { padding-left: 0; }
.categorie-contenu ul li {
  display: block;
  float: left;
  margin-right: 15px;
  line-height: 1.4;
  background-position: right center;
  background-repeat: no-repeat;
  list-style: none;
  font-size: .95em;
}
.categorie-contenu ul li.last { margin-right: 0; }
.categorie-contenu ul li.article { padding-right: 21px; }
.categorie-contenu ul li.audio { padding-right: 23px; }
.categorie-contenu ul li.breve { padding-right: 24px; }
.categorie-contenu ul li.diapos { padding-right: 42px; }
.categorie-contenu ul li.jeux { padding-right: 37px; }
.categorie-contenu ul li.photos { padding-right: 26px; }
.categorie-contenu ul li.video { padding-right: 27px; }
.categorie-contenu.noir ul li.article {
  background-size: 12px 17px;
  background-image: url('../images/common/categorie/article-noir.png');
  background-image: url('../images/common/categorie/article-noir.svg');
}
.categorie-contenu.noir ul li.audio {
  background-image: url('../images/common/categorie/audio-noir.png');
  background-image: url('../images/common/categorie/audio-noir.svg');
}
.categorie-contenu.noir ul li.breve {
  background-image: url('../images/common/categorie/breve-noir.png');
  background-image: url('../images/common/categorie/breve-noir.svg');
}
.categorie-contenu.noir ul li.diapos {
  background-image: url('../images/common/categorie/diapos-noir.png');
  background-image: url('../images/common/categorie/diapos-noir.svg');
}
.categorie-contenu.noir ul li.jeux {
  background-image: url('../images/common/categorie/jeux-noir.png');
  background-image: url('../images/common/categorie/jeux-noir.svg');
}
.categorie-contenu.noir ul li.photos {
  background-image: url('../images/common/categorie/photos-noir.png');
  background-image: url('../images/common/categorie/photos-noir.svg');
}
.categorie-contenu.noir ul li.video {
  background-image: url('../images/common/categorie/video-noir.png');
  background-image: url('../images/common/categorie/video-noir.svg');
}
.categorie-contenu.gris ul li.article {
  background-size: 12px 17px;
  background-image: url('../images/common/categorie/article-gris.png');
  background-image: url('../images/common/categorie/article-gris.svg');
}
.categorie-contenu.gris ul li.audio {
  background-image: url('../images/common/categorie/audio-gris.png');
  background-image: url('../images/common/categorie/audio-gris.svg');
}
.categorie-contenu.gris ul li.breve {
  background-image: url('../images/common/categorie/breve-gris.png');
  background-image: url('../images/common/categorie/breve-gris.svg');
}
.categorie-contenu.gris ul li.diapos {
  background-image: url('../images/common/categorie/diapos-gris.png');
  background-image: url('../images/common/categorie/diapos-gris.svg');
}
.categorie-contenu.gris ul li.jeux {
  background-image: url('../images/common/categorie/jeux-gris.png');
  background-image: url('../images/common/categorie/jeux-gris.svg');
}
.categorie-contenu.gris ul li.photos {
  background-image: url('../images/common/categorie/photos-gris.png');
  background-image: url('../images/common/categorie/photos-gris.svg');
}
.categorie-contenu.gris ul li.video {
  background-image: url('../images/common/categorie/video-gris.png');
  background-image: url('../images/common/categorie/video-gris.svg');
}
.categorie-contenu.blanc ul li.article {
  background-size: 12px 17px;
  background-image: url('../images/common/categorie/article-blanc.png');
  background-image: url('../images/common/categorie/article-blanc.svg');
}
.categorie-contenu.blanc ul li.audio {
  background-image: url('../images/common/categorie/audio-blanc.png');
  background-image: url('../images/common/categorie/audio-blanc.svg');
}
.categorie-contenu.blanc ul li.breve {
  background-image: url('../images/common/categorie/breve-blanc.png');
  background-image: url('../images/common/categorie/breve-blanc.svg');
}
.categorie-contenu.blanc ul li.diapos {
  background-image: url('../images/common/categorie/diapos-blanc.png');
  background-image: url('../images/common/categorie/diapos-blanc.svg');
}
.categorie-contenu.blanc ul li.jeux {
  background-image: url('../images/common/categorie/jeux-blanc.png');
  background-image: url('../images/common/categorie/jeux-blanc.svg');
}
.categorie-contenu.blanc ul li.photos {
  background-image: url('../images/common/categorie/photos-blanc.png');
  background-image: url('../images/common/categorie/photos-blanc.svg');
}
.categorie-contenu.blanc ul li.video {
  background-image: url('../images/common/categorie/video-blanc.png');
  background-image: url('../images/common/categorie/video-blanc.svg');
}

/*** HANDICAP ***/

.handicap ul { padding-left: 0; }
.handicap ul li {
  display: block;
  float: left;
  margin-right: 30px;
  height: 45px;
  list-style: none;
  background-repeat: no-repeat;
  background-position: left center;
}
.handicap ul li.last { margin-right: 0; }
.handicap ul li.visuel {
  width: 45px;
  background-image: url('../images/common/handicap/visuel.png');
  background-image: url('../images/common/handicap/visuel.svg');
}
.handicap ul li.surdite {
  width: 40px;
  background-image: url('../images/common/handicap/surdite.png');
  background-image: url('../images/common/handicap/surdite.svg');
}
.handicap ul li.mental {
  width: 45px;
  background-image: url('../images/common/handicap/mental.png');
  background-image: url('../images/common/handicap/mental.svg');
}

/**
 * GESTION
 */

/*** COMMON ***/

body.gestion.liste #main { margin: 0 auto; margin-top: 80px; width: 940px; }
body.gestion.liste h1#page-title { color: #232425; }
body.gestion.liste .view-filters { margin-bottom: 20px; }
body.gestion.liste .view-filters .description { font-style: italic; font-size: .9em; color: #ababab; }
body.gestion.liste .views-field a { color: #0080a5; }
body.gestion.liste .views-field a:hover { color: #232425; }

/*** SO ***/

body.gestion.liste.sciences-ouest .remove-filter .view-filters { display: none !important; }
body.gestion.liste.sciences-ouest .vbo-views-form fieldset {
  border: none;
  background-color: antiquewhite;
}
body.gestion.liste.sciences-ouest .vbo-views-form fieldset legend {
  padding: 3px 5px;
  background-color: #f07900;
  color: #fff;
}
body.gestion.liste.sciences-ouest .vbo-views-form th {
  background-color: #e8e9ea;
}
body.gestion.liste.sciences-ouest .vbo-views-form th,
body.gestion.liste.sciences-ouest .vbo-views-form td { padding-top: .3em; padding-bottom: .3em; }


/**
 * RESPONSIVE
 */

/*--------- <= 1100px ---------*/

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

  html { position: relative; overflow-x: hidden; overflow-y: auto; } /* évite marge droite */

}

/*--------- <= 980px ---------*/

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

  #logo { left: 3%; }
  h1#page-title, .title-prefix, .center, #system-elements, .title-revoir {
    width: 100% !important;
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
  h1#page-title { padding-left: 2.5%; }
  .cookie-info .inner,
  .cookie-alert .inner{ padding-right: 70px !important; }
  .region-search { width: 100%; }

  #footer .block-social { float: none; margin-bottom: 55px; width: 100%; }
  .block-social .content a { margin-right: 20px; }
  .block-newsletter-footer, .block-echo { padding-top: 0; }
  .block-newsletter-footer { width: 390px; }
  .block-echo { float: right; }

  body.page-forward #main {
    width: 94% !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
  }
  body.page-forward h1#page-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}

/*--------- <= 640px ---------*/

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

  .menu-top ul.menu li { margin-left: 25px; }
  .menu-top ul.menu li.first { margin-right: 0; }
  .menu-top ul.menu li.last { margin-left: 0; }
  .menu-top ul.menu li a { font-size: .8em; }
  .block-newsletter-footer,
  .block-echo { float: none !important; clear: both;  }
  .block-newsletter-footer { margin-bottom: 55px; }
  .block-partenaires .content a { margin-right: 20px; }

  body.page-forward .left,
  body.page-forward .form-item-recipients { float: none; width: 100%; }

}

/*--------- <= 500px ---------*/

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

  .menu-bottom ul.menu li { margin-right: 30px; }
  .menu-bottom ul.menu li.last { margin-right: 0; }

}

/*--------- <= 480px ---------*/

@media only screen and (max-width: 480px) {  /* eq. 384px */

  .menu-general a.navmob { margin-left: 40%; }
  #main { padding-top: 80px !important; }
  body.page-forward #main { padding-top: 0 !important; }

}

/*--------- <= 440px ---------*/

@media only screen and (max-width: 440px) {  /* eq. 352px */

  .menu-bottom ul.menu li { margin-right: 20px; }
  .menu-bottom ul.menu li.last { margin-right: 0; }

}

/*--------- <= 425px ---------*/

@media only screen and (max-width: 425px) { /* eq. 340px */

  .menu-top { display: none; }
  #logo { top: -100px; }
  .menu-general ul.menu { width: 100%; padding-left: 3%; }
  .menu-general ul.menu li.level-1 ul { margin-top: 20px; }
  .menu-general ul.menu li.level-2 { margin-bottom: 20px; }
  .menu-general ul.menu li a.level-2 { font-size: 1.4em; }
  .block-social .content a {  background-size: 100% 100%; }
  .block-social .content a.flux { margin-right: 0; }
  .block-newsletter-footer .webform-component-email input { width: 120px; }

}

/*--------- <= 412px ---------*/

@media only screen and (max-width: 412px) {  /* eq. 330px */

  .menu-bottom .content { text-align: left; }
  .menu-bottom ul.menu li { float: none; margin: 0 0 1em 0; }

}