/* =============================================================================
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit; 
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.4;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =============================================================================
   Some defintions from the HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a:focus { outline: thin dotted; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
small { font-size: 92%; }
small.t { color: #666; }

/* For IE7 & IE8 */
img { -ms-interpolation-mode: bicubic; }

/* svg style. */
svg:not(:root) { overflow: hidden; }

/* Reset for buttons */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { 
  cursor: pointer; 
  color: #fff;
  background-color: #000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.77em;
  padding: 5px 15px;
  border-radius: 20px;
  -webkit-appearance: button; 
  *overflow: visible; 
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background-color: #666;
} 


button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* chromeframe style */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* =============================================================================
   AA Studio Pre-code
   ========================================================================== */

body { text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
/* for tabulation navigation */
input:focus, select:focus, textarea:focus, form select.form-select:focus { outline:1px #000 dotted; }
input:focus, select:focus, textarea:focus, form select.form-select:focus /*, input[type="text"]:focus */ { background: #fe57a1; color: #fff; }
a:focus img { opacity: .5; }
/* for responsive images */
img { max-width: 100%; _width: 100%; }

/* ===== Primary Styles ========================================================
   Author: AURÉLIEN ARIES // aastudio.fr
   ========================================================================== */

/* === LAYOUT == */
body { position: relative; width: 100%; margin:0 auto; }


/* === TYPOGRAPHY == */
body { font: 400 .7em/1.4em Arial, Helvetica, sans-serif; color: #000; }
a[class$="-section"], .title, #studheader { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; }

/* === A:LINK; OBJECT == */
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }


/* === HR OBJECT == */
hr { border-top:none; border-bottom: 1px #000 solid; margin-bottom: 20px; }


/* === NAV OBJECT == */
nav li { float: left; text-transform: uppercase; }


/* === PAGINATION OBJECT == */
.pagination { clear: both; margin: 15px 0; font-size: .85rem; font-weight: 400; }
.pagination li { margin-right: 10px; display: inline; }
.pagination li.pager-current { opacity: .5; /* prefix */ filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }


/* === INPUT OBJECT == */
form { position: relative; }
input { color: #000; }


/* === ARROW OBJECT == */
.arrow, .not-logged-in .newsletter .form-submit { display: inline-block; margin-left: 5px; width: 5px; height: 11px; background: url(../img/sprite.png) -334px -55px no-repeat; text-indent: -999em; }
.arrow:hover, .not-logged-in .newsletter .form-submit:hover { background-position: -341px -55px; }


/* === MAGNIFYING GLASS OBJECT == */
.wen { width: 18px; height: 19px; background: url(../img/sprite.png) -286px -56px no-repeat; }
.wen:hover { background-position: -310px -56px; } 


/* === BLACK & GREY BUTTON OBJECT == */
a[class$="-btn"], .user-grid-info a { display: inline-block; padding: 5px 15px 4px; border-radius: 20px; font-weight: 700; color: #fff; text-transform: uppercase; }
a[class$="-btn"]:hover, .user-grid-info a:hover { background-color: #666; text-decoration: none; }
a.black-btn, .user-grid-info a { background-color: #000; }
a.grey-btn { background-color: #eae9e6; color: #000; }


/* === SELECT OBJECT == */
.select-wrapper, .tax-filter-form .form-type-select { float: left; width: 172px; height: 22px; margin: 0 15px 20px 0; overflow: hidden; border-top: 1px solid #848484; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #e1e1e1; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABBJREFUCB1j+Mf8l/kX8xcAD/ED8xFviYYAAAAASUVORK5CYII=) 160px 10px no-repeat #fff; }
.select, .select:focus, .tax-filter-form .select, .tax-filter-form .select:focus, #views-exposed-form-jobs-page select { width: 204px; height: 22px; padding: 4px 15px 4px 10px; font-size: 0.77em; border:none; background: transparent; -webkit-appearance: none; -webkit-border-radius: 0; color: #000; }
.right-col .tax-filter-form .select, .right-col .tax-filter-form .select:focus, .right-col #views-exposed-form-jobs-page select { font-size: 0.9em; }
.right-col .tax-filter-form .form-type-select { margin: 0 5px 5px 0; }


/* === LANG FLAG OBJECT == */
.translate-this-button { display: inline-block; width: 115px; height: 20px; margin-top: 2px; background: url(../img/bt-languages.png) no-repeat; background-position: right; }


/* === SUPERFISH == */
.js-menu ul { position: absolute; top: -999em; left: 0; }
.js-menu ul li { width: 100%; }
/* .lt-ie8 .js-menu li:hover { visibility: inherit; } */
.js-menu a { display: block; position: relative; }
.js-menu a:focus {outline: none;}
.js-menu li:hover ul, .js-menu li.sfHover ul { z-index: 99; }
.js-menu a:active,/* .js-menu a:hover,*/ .sfHover a { text-decoration: none; }


/* === TOP NAV == */
.top-nav { margin-bottom: 15px; padding-right: 170px; font-size: 1.1em; line-height: 2em; }
.top-nav li { position: relative; margin-right: 12px; }
.top-nav a { padding: 0 0 4px 0; }
.top-nav a:active,/* .top-nav a:hover, */.top-nav .sfHover a, .highlight { font-weight: 700; }
.top-nav .highlight { padding: 0 10px; border-radius: 10px; background-color: #eae9e6; }
.top-nav .myaccount { background-color: #FE57A1; }
.top-nav .active-trail .myaccount { color: #000; }
.top-nav li ul { min-width: 180px;  padding: 20px 30px 15px 22px; background-color: #fff; box-shadow: 0 0 50px #aaa; /* prefix */ -webkit-box-shadow: 0 0 50px #aaa; }
/*.top-nav li:hover ul,*/ .top-nav li.sfHover ul { left: 0; top: 2.5em; }
.top-nav li li { clear: both; padding: 5px 2px 0; font-size: 1.2em; text-transform: none; border-top: 1px #8e8e8e solid; }
/*.top-nav li li:hover { background-color: #f7f6f4; }*/
.top-nav li img { float: left; margin: 2px 10px 5px 0; }


/* === SECONDARY NAV == */
.secondary-nav { padding: 8px 20px; background-color: #e7e8e7; font-size: 1.1em; }
.secondary-nav ul { margin-bottom: 8px; }
.secondary-nav li { float: none; }
.secondary-nav a { display: block; padding: 10px 0 7px; border-bottom: 1px #fff solid; }
.secondary-nav .translate-this-button { height: 0; margin-top: 12px; border-bottom: none; }


/* === SEARCH BOX == */
.searchbox { position: absolute; top: 15px; right: 20px; }
.searchbox input[type="submit"] { position: absolute; height: 21px; border: none; top: 0; right: 7px; 
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.searchbox input[type="text"] { margin-top: -5px;  }
input/*[type="text"]*/, select, textarea, form select.form-select { padding: 7px 10px; border: 1px #e5e2de solid; background-color: #f7f6f5; color: #000; }


/* === HEADER == */
/* -- homepage -- */
.main-header { margin: 20px; }
.website-title-wrapper { width: 168px; height: 60px; background: url(../img/sprite.png) -286px -296px no-repeat; }
.website-title { margin-left: 53px; }
.website-title-wrapper .website-title:before { content:''; float:left; width: 92px; height: 40px; margin-top: 10px; background: url(../img/sprite.png) -286px -96px no-repeat; }
.website-subtitle { text-transform: uppercase; line-height: 1.8em; }
.show-menu { position: absolute; font-weight: 700; color: #666; top: 50px; right: 20px; }
/* -- pages -- */
.page-header { height: 115px; }
.page-header .website-title:before { content:''; float:left; width: 175px; height: 84px; margin: 15px 0 15px 40px; background: url(../img/sprite.png) -348px -55px no-repeat; }


/* === CAROUSEL == */
.js-flexslider { z-index: 0; width: 100%; margin-bottom: 5px; }
.news { display: block; margin: 20px; }
.news li { position: relative; overflow: hidden; margin: 10px 0 20px; padding-top: 10px; border-top: 1px #000 solid; }
/* === DETAILS == */
.js-flexslider .slide-details { position: absolute; top:0; right: 0; width: 275px; /*height: 60px;*/ padding: 50px 20px 20px; background-color: #c0b19c; }
.js-flexslider .slide-details:before, .js-flexslider .slide-details:after { content: ""; display: table; }
.js-flexslider .slide-details:after { clear: both; }
.js-flexslider .slide-details { *zoom: 1; }
.rubriqua { font-size: 1.2em; text-transform: uppercase; padding-top: 10px; }
.slide-details h3 { font-weight: 600; font-size: 1.6em; line-height: 1.3em; margin-bottom: 0.3em; }
.date { font-weight: 400; font-size: 1.1em; color: #000; }


/* === PRIMARY NAV == */
/* --- 1st level --- */
.primary-nav { position: relative; font-size: 1.5em; line-height: 2em; color: #fff; }
.primary-nav li { float: none; }
.primary-nav li:last-child { margin-right: 0; }
.primary-nav li:hover a, .primary-nav li.sfHover a { color: #fff; }
.front .primary-nav li:hover a, .front .primary-nav li.sfHover a { color: #fff; }
.primary-nav a { display: block; position: relative; padding: 7px 20px; }
.primary-nav .first-level li a { text-align: left; }
.region-megamenu-1-4.primary-nav-col a { font-weight: 300; }
.primary-nav-no-mobile .active-trail a:before { position: absolute; bottom:2px; left: 40%; content: ''; display: block; width: 18px; height: 11px; background: url(../img/sprite.png) -348px -140px no-repeat; }
.primary-nav-no-mobile .active-trail ul a:before { background: none; }
/* --- 2d level --- */
.primary-nav .active-trail:hover a:before, .primary-nav .sfHover a:before { background-image: none; }
.primary-nav-col { float: left; width: 29.3%; margin:0 2%; padding-bottom: 20px; border-bottom: 1px #fff solid; font-weight: 400; font-size: .75em; }
.submenu-title, #main-menu-links .title { font-weight: 700; font-size: 1.2em; }
.primary-nav-col a { text-transform: none; }
/* subnav */
.subnav-at-bottom > li { margin-bottom: 30px; }
.subnav-at-bottom li a { margin: 0 20px; padding: 8px 0; border-bottom: 1px #fff solid; font-weight: 700; font-size: 1.1em; line-height: 1.4em; text-transform: none; }
.subnav-at-bottom li li a { font-weight: 400; }
/* --- specific submenus --- */
.menu-275 h2 { font-size: 1.1em; font-weight: 700; text-transform: uppercase; } 
.primary-nav-list, .region-megamenu-1-2, .region-megamenu-2-2, .region-megamenu-3-2, .region-megamenu-1-4 { border-bottom: none; }
.primary-nav-list li, #block-custom-mm-student-sections li { height: 40px; padding: 10px 0; border-top: 1px #fff solid; font-weight: 700; font-size: 1.1em; line-height: .5em; }
.primary-nav-list li:last-of-type, #block-custom-mm-student-sections li:last-of-type { border-bottom: 1px #fff solid; }
.menu-277 li, #block-custom-mm-student-sections li { height: inherit; }
.primary-nav-list img { float: left; margin-right: 10px; }
.submenu-logo { margin-bottom: 10px; }
.js-menu .region-megamenu-2-4 li { float: left; width: 55px; margin: 0 5px 5px 0; }
.js-menu .region-megamenu-2-4 a { margin: 0; line-height: 0; }
.region-megamenu-2-4 a:hover img { opacity: .5; }
.region-megamenu-3-4 .submenu-title { margin-bottom: 10px; border-bottom: 1px #fff solid; }
.js-menu .region-megamenu-3-4 a { line-height: 2em; }
.job-type { font-weight: 700; }
.region-megamenu-3-4 .black-btn { display: inline-block; margin-top: 30px; padding: 0 10px; }
.region-megamenu-3-4 .black-btn:hover { background-color: #666; text-decoration: none; }


/* === MAIN COLUMN == */
.main-col { margin: 10px 20px; }
.not-front header { font-size: 1.3em } 
.main-col > header h1 { margin-bottom: 20px; font-weight: 700; font-size: 1.67em; text-transform: uppercase; line-height: 1em; }
.front .main-col > header h1 { margin-bottom: 10px; }
.front .main-col > header h1 {
  font-weight: 700;
  font-size: 1.3em;
}


/* === LE MUR - HP == */
.publish.black-btn { display: none; }
.publish { float: right; }
.mur-items { clear: both; border-top: 1px #000 solid; padding: 1em 0; }
.mur-items-img { float: left; margin:0 35px 20px 0; }
.mur-items h1 { margin-bottom: 10px; font-weight: 700; font-size: 1.2em; line-height: 1.4em; color: #000}
.mur-items p { margin-bottom: 15px; line-height: 1.4em;  color: #999; }
.mur-items > h1 a:hover, .mur-items > p a:hover { color:#a79070; text-decoration: none; }
.mur-items .breadcrumb { padding-top: 0; }
.mur-items footer { padding-bottom: 1em; }



/* === BREADCRUMB === */
.breadcrumb, .top-breadcrumb { padding: 10px 10px 10px 0; font-weight: 400; /*font-size: .85em;*/ }
.mur .breadcrumb a, .view-display-id-block_1 .breadcrumb a { font-weight: 700; font-size: 0.87em; line-height: 2em; }
.mur .breadcrumb a:first-of-type { text-transform: uppercase; }
.breadcrumb a:last-of-type, .breadcrumb a.tax-not-bold { font-weight: 300; }
.content .breadcrumb { margin-bottom: 5px; }
.top-breadcrumb a { color: #666; }
.top-breadcrumb { font-size: .9em; }


/* === TITLES == */
.title { font-size: 1.6em; line-height: 1.2em; text-transform: uppercase; margin-bottom: 20px; }
.uppercase-title { display: block; margin: 5px 0; font-weight: 700; font-size: .75rem; text-transform: uppercase; }
.subtitle { font-size: 1.167em; }
.wrapped .subtitle { font-weight: 700; }
.unwrapped .subtitle { color: #999; }


/* === RIGHT COLUMN == */
.right-col { padding: 10px 20px 20px; font-size: 1.1em; line-height: 1.5em; }
.right-col > section { margin-bottom: 20px; }
.unwrapped a { font-weight: 700; color: #000; }
.unwrapped p { color: #999; }
.unwrapped img { margin-bottom: 5px; }
.wrapped p { margin-bottom: 30px; }
/* -- FIL INFO -- */
.fil, .offre-block { padding: 20px 20px 5px; background-color: #e74b93; }
.tax-block { padding: 10px 10px 5px; background-color: #a8207b; color: #fff; }
.offre-block { background-color: #eeeff1; }
.plus { float: right; }
/* -- OFFRES D'EMPLOI -- */
.job { padding: 20px; background-color: #76c4be; }
.job h2 { margin: -20px 0 20px; line-height: 2.5em; }
.job li { margin-bottom: 20px; }
.job time { display: block; }
.job article > h1,
.job article > p { display: inline; }
.job-more { margin-top: 10px; font-size: .92em; }


/* === LES VIDÉOS == */
.videos, .page-videos .view-display-id-page { clear: both; background-color: #eeeff1; padding: 20px 15px; }
.videos-items { float:left; width: 23.5%; margin-right: 2%; line-height: 1.4em; font-size: 1em; position: relative }
.videos-items:last-of-type { margin-right: 0; }
.videos-items > h1 { line-height: 1.3em; }
.page-videos .videos-items { font-size: 0.77em; } 
.videos-items span img {min-width: auto;}


/* === CONTENT - PAGES == */
.content { margin-bottom: 30px; font-size: 1.3em; line-height: 1.4em; }
.content .fb-like { margin-bottom: 20px; }
.field-name-field-subheadline.field-label-hidden { font-weight: 700; font-size: 1.33em; line-height: 1.4em; margin: 20px 0; }
.visual { margin-bottom: 20px; }
.content p { margin-bottom: 1em; }
.text { margin-right: 25px; }
.infos { margin-bottom: 30px; }
.author { font-weight: 700; }
.related-content { width: 100%; margin-top: 5px; padding: 20px 0; border-top: 1px #000 solid; border-bottom: 1px #000 solid; font-size: .8em; }
.node-type-publication .related-content { border-bottom: 0 none; } 
.related-content h2 { font-weight: 700; }
.related-content p { margin-bottom: 10px; }
.related-content .field-item { margin-bottom: 20px; }
.related-content .field-item:last-of-type { margin-bottom: 0; }
.related-content hr { margin: 15px 0 0; }
.in-the-section { margin: 0 0 20px; padding: 0; }
.in-the-section .title { margin-left: 20px; }
.in-the-section li { float: none; }
.in-the-section a { display: block; padding-left: 20px; border-bottom: 1px #d1d1d1 solid; font-size: 1.3em; line-height: 2.5em; text-transform: none; color: #666; }
.in-the-section li li a { font-size: 1.1em; padding-left: 30px; }
.in-the-section li li ul a { font-size: 1.1em; padding-left: 40px; }


/* === FIGURE == */
.figure { margin-bottom: 20px; }
figure { position: relative; }
figcaption { opacity: 0; position: absolute; bottom: 20px; left: 20px; min-width: 200px; padding: 10px; background-color: rgba(255,255,255,.4); font-size: .8em; transition:opacity .3s; /* prefix */ -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -o-transition:opacity .3s; }
figure:hover figcaption { opacity: 1; }


/* === COORDONNEES & SITEMAP == */
.sumo-footer { padding: 20px; font-size: 1.1em; background: #d6d3cd; }
.sumo-footer ul { margin-bottom: 30px; }
.sumo-footer .footer-col-2 ul { margin-bottom: 8px; }
.vcard { margin-bottom: 30px; }
.location-info { font-size: .92em; }
.adr { text-transform: uppercase; }
.footer-content { line-height: 1.3em; }
.footer-content li { margin: 5px 0; }
.footer-col-1 { float: left; width: 100%; }
.footer-col-2 { float: left; width: 20.641666666667%; /* 226px */ padding:0 2.9%; margin-right: 2.292%; border-left: 1px #fff solid; border-right: 1px #fff solid; }
.footer-col-3 { float: left; }
.newsletter { float: left; width: 228px; margin-bottom: 20px; }
.newsletter input[type="text"] { width: 172px; height: 18px; margin-bottom: 8px; padding: 0 0 1px 10px; border: 1px #d6d3cd solid; }
.not-logged-in .newsletter input[type="submit"] { position: absolute; border: none; top: 5px; right: 57px; padding: 0; background-color: transparent; }
.newsletter label[for="edit-mail"] { display: none; visibility: hidden; }
.newsletter .form-item { margin: 0; }


/* -- NOS RÉSEAUX -- */
.network { float: left; width: 170px; }
.network ul { margin-bottom: 6px; }
.network li a { float: left; margin-right: 5px; text-indent: -999em; width: 24px; height: 24px; background: url(../img/sprite.png) no-repeat; }
.network .rss { background-position: -286px -136px; }
.network .facebook { background-position: -286px -168px; }
.network .twitter { background-position: -286px -200px; }
.network .flickr { background-position: -286px -232px; }
.network .vimeo { background-position: -286px -264px; }
.network .rss:hover { background-position: -317px -136px; }
.network .facebook:hover { background-position: -317px -168px; }
.network .twitter:hover { background-position: -317px -200px; }
.network .flickr:hover { background-position: -317px -232px; }
.network .vimeo:hover { background-position: -317px -264px; }


/* === MAIN FOOTER == */
.main-footer { margin: 20px 0 40px; } 
.main-footer a { font-weight: 700; }
.main-footer-content { width: 65%; }
.main-footer .links { display: inline-block; }
.logo-footer { float:left; margin-top: -10px; }
.logo-footer img { float: right; max-width: 46%; margin-right: 2%; margin-bottom: 20px; }


/* ======= COLOURS  ====== */
/* -- École -- */
.mobile .menu-274 a,
.menu-274 a:hover, 
.menu-274.active-trail a:before,
.menu-274:hover,
.menu-274.sfHover,
.menu-274 ul,
.color-274 .page-header,
.color-274 .color { background-color: #e74b93; }
.color-274 a.active, .color-274 .text a, .color-274 .main-col .block-block a, .view-dashboard a, .color-274 .main-col table a, .color-274 .main-col dt a, .page-search404 #block-system-main a { color: #e74b93; }
/* -- La vie culturelle -- */
.mobile .menu-275 a,
.menu-275 a:hover, 
.menu-275.active-trail a:before,
.menu-275:hover,
.menu-275.sfHover,
.menu-275 ul,
.color-275 .page-header,
.color-275 .color { background-color: #5fb4de; }
.color-275 a.active, .color-275 .text a, .color-275 .main-col .block-block a, .color-275 .main-col table a { color: #5fb4de; }
/* -- Les ateliers & formations -- */
.mobile .menu-276 a,
.menu-276 a:hover,
.menu-276.active-trail a:before,
.menu-276:hover,
.menu-276.sfHover,
.menu-276 ul,
.color-276 .page-header,
.color-276 .color { background-color: #a8207b; }
.color-276 .right-col .active-trail ul a,
.color-276 .right-col ul .active-trail .active-trail ul a { 
  color: #666; 
} 
.color-276 .right-col ul ul a { 
  line-height: 1.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
} 
.color-276.no-mobile .active-trail a, .color-276 .right-col ul .active-trail .active-trail a,
.color-276 .right-col .active-trail ul a.active, .color-276 .right-col ul .active-trail .active-trail ul a.active, 
.color-276 .right-col ul .active-trail .active-trail ul a.active-trail,
.color-276 a.active, .color-276 .text a, .color-276 .main-col .block-block a, .color-276 .main-col table a { color: #a8207b; }
/* -- Les diplômés -- */
.mobile .menu-277 a,
.menu-277 a:hover,
.menu-277.active-trail a:before,
.menu-277:hover,
.menu-277.sfHover,
.menu-277 ul,
.color-277 .page-header,
.color-277 .color { background-color: #76c4be; }
.color-277 .active-trail a, .color-277 a.active, .color-277 .text a, .color-277 .main-col .block-block a, .color-277 .main-col table a { color: #76c4be; }


/* === MOBILE / TABLET / DESKTOP == */
.mobile { display: block !important; visibility: visible; }
.no-mobile, .desktop, .galleryformatter { display: none !important; visibility: hidden; }
.primary-nav-mobile a.active { color: #fff; }
ul.menu li { margin: 0; }
ul li.leaf {
  list-style-image: none;
  list-style-type: none;
}
/* =============================================================================
   Media Queries
   ========================================================================== */

/* TABLET PORTRAIT */
@media only screen and (min-width: 35em), (min-width: 35em) and (orientation: portrait) {
  /* === MOBILE / TABLET / DESKTOP == */
  .mobile { display: none !important; visibility: hidden; }
  .no-mobile { display: block !important; visibility: visible; }
  /* == STYLES == */
  body { width: 96%; margin: 20px auto; padding:0 2%; }
  #bodywrapper { max-width: 689px; margin: 0 auto; position: relative; z-index: 0; }
  .searchbox { top: 2px; right: 0; }
  .header-slider-container { position: relative; }
  .main-header { z-index:1; position: absolute; top: 10px; left: 20px; margin: 0; }
  .website-title-wrapper { width: 184px; height:198px; margin-top: 5px; padding: 17px 12px 63px; background-position: 0 0; background-size: 400px auto; /* prefix */ -webkit-background-size: 400px auto; -moz-background-size: 400px auto; }
  .website-title-wrapper h1 { padding-top: 63px; }
  .website-title { margin-left: 0; margin-bottom: 20px; } 
  .website-subtitle { margin-bottom: 10px; }
  .website-title-wrapper .website-title:before { margin-top: 0; height: 40px; background-position: -285px -92px;  } 
  .news { display: inherit; margin: 0; }
  .news li { margin: 0; padding: 0; border-top: none; }
  .rubriqua { padding-top: 0; }
  .date { font-weight: 700; color: #fff; }
  .pagination { font-size: 1.2rem; }
  .publish.black-btn { display: block; }
  /* nav 1st level */
  /*.primary-nav li:hover ul,*/ .primary-nav li.sfHover ul { position: absolute; left: 0; top: 2.85em; }
  .primary-nav { padding-top:1px; }
  .primary-nav a { height: auto; /*padding: 10px 38px; */ font-size: .85em; color: #000; }
  .primary-nav li { float: left; }
  .primary-nav > ul > li:last-child { float: right; }
  .primary-nav span.first-level { text-align: center }
  .primary-nav span.first-level ul { text-align: left }
    /* nav 2d level */
  .primary-nav li ul { width: 90.1%; padding: 30px 5%; }
  .primary-nav-col a { line-height: 1.8em; margin: 0; padding: 0; }
  .primary-nav-col a:hover { text-decoration: underline; }
  .menu-274 { width: 15%; }
  .menu-275 { width: 26%; }
  .menu-276 { width: 38%; }
  .menu-277 { width: 21%; }
  .front .menu-274 a.first-level, 
  .front .menu-275 a.first-level, 
  .front .menu-276 a.first-level,
  .front .menu-277 a.first-level { background-color: #fff; }
  .main-col { margin: 0; padding-top: 20px; border-top: 1px #000 solid; padding-bottom: 2em; }
  .front .main-col { padding-bottom: .5em; }
  .front .main-col { padding-top: 0; }
  .related-content { float: left; width: 25%; min-height: 15px; }
  .related-content a { font-size: .9em; }
  .right-col { width: 100%; clear: both; padding: 20px 0 0;  }
  .buzz { width: 30%; float: left; border-top: 1px #000 solid; padding-top: 20px; }
  .fil, .tax-block, .offre-block { float: right; width: 60%; }
  .in-the-section .title { display: none; }
  .in-the-section > ul > li > a { font-weight: 700; } 
  .content .fb-like { float: right; margin-bottom: 0; }
  .text { float: left; width: 71.2%; }
  .text.no_related_content { width: 100%; }
  /* videos */
  .videos, .page-videos .view-display-id-page { padding: 20px 15px; }
  /* footer */
  .footer-col-1 { width: 21.458333333333%; /* 206px */ padding-right: 2.92%; }
  .logo-footer { float:right; width: 46%; margin-top: -40px; margin-left: 0; text-align: right; }
  .logo-footer img { float: right; max-width: 46%; margin-right: 0; margin-left: 2%; margin-bottom: 20px; }
  /* flexslider */
  .js-flexslider { min-height: 295px; background-color: #ccc; }
  .flex-control-nav { width: 300px; }
  .galleryformatter { display: block !important; visibility: visible; }
  .galleryformatter-mobile { display: none !important; visibility: hidden; }
}


/* DESKTOP AND TABLET LANDSCAPE */
@media only screen and (min-width: 65em), (min-width: 35em) and (orientation: landscape) {
  /* === MOBILE / TABLET / DESKTOP == */
  .desktop { display: block !important; visibility: visible; } 
  /* == STYLES == */
  #bodywrapper { max-width: 960px; }
  .main-header { top: 15px; }
  .website-title-wrapper { width: 246px; height: 250px; padding: 25px 20px 95px; background-size: inherit; /* prefix */ -webkit-background-size: inherit; -moz-background-size: inherit; }
  .website-title-wrapper h1 { padding-top: 95px; }
  .website-title, 
  .website-subtitle { margin-bottom: 40px; }
  .website-title-wrapper .website-title:before { height: 51px; background-position: -286px 0; background-size: inherit; /* prefix */ -webkit-background-size: inherit; -moz-background-size: inherit; }
  .date { font-size: 1.3em; }
  .primary-nav-list a { line-height: 1.4em; }
  .primary-nav a { font-size: 1em; }
  .main-col { float: left; width: 70.833333333333%; /* 680px */ margin-right: 5%; /* 48px */ }
  .no-sidebar .main-col { width: 100%; margin-right: 0; }
  .breadcrumb { font-size: .9em; }
  .videos { padding: 20px 10px; }
  .logo-footer { margin-top: -25px; }
  .sumo-footer { padding: 30px 0 30px 48px; }
  .title { font-size: 2.2em; }
  .right-col { float: left; clear: none; width: 24.166666666667%; /* 232px */ border-top: 1px #000 solid; }
  .right-col .title { display: block; font-size: 1.8em; line-height: 1.2em; }
  .right-col #block-views-students-block-1 .title { font-size: 1.6em; margin-bottom: 5px;}
  #block-views-students-block-1 #studheader {font-size: 1.35em; font-weight: 500; color: #666;}
  #block-views-students-block-1 .view-content {margin-top: 10px;}
  .buzz { border-top: none; padding-top: 0; }
  .buzz, .fil, .tax-block, .offre-block { float: none; width: auto; } 
  .in-the-section { margin: 0; padding: 0; }
  .in-the-section .title { margin-top: 30px; margin-left: 0; }
  .in-the-section li { float: none; }
  .in-the-section a { display: block; margin-left: 0; padding-left: 0; border-bottom: none; font-size: 1.3em; line-height: 2.1em; }
  .in-the-section li li ul { margin: 10px 0 10px 10px; padding: 7px 0; border-top: 1px #333 solid; border-bottom: 1px #333 solid;  }
  .in-the-section li li a { font-size: 1em; margin-left: 10px; padding-left: 0; }
  .in-the-section li li ul a { font-size: 1em; padding-left: 0; color: #666; }
  .in-the-section > ul > li > a { font-weight: 400; } 
  /* flexslider */
  .js-flexslider { min-height: 410px; }
  .js-flexslider .slide-details { width: 402px; /*height: 84px;*/ padding: 60px 20px 20px; }
  .flex-control-nav { width: 427px; }
  .color-275 .active-trail a { color: #5fb4de; }
  .color-274 .active-trail a { color: #e74b93; }
}

@media only screen and (min-width: 65em) {
  .videos-items span img {min-width: 220px;}
  .view-display-id-page .videos-items span img {min-width: 200px;}
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir, .translate-this-button { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3, h4 { orphans: 3; widows: 3; }
  h2, h3, h4 { page-break-after: avoid; }
}