/* ==== OLD BROWSERS / almost the same as Media Queries' definitions ==== */ 
/* === MOBILE / TABLET / DESKTOP == */
.mobile { display: none !important; visibility: hidden; }
.no-mobile { display: block !important; visibility: visible; }
.desktop { display: block !important; visibility: visible; } 


/* == STYLES == */
body { max-width: 960px; width: 96%; margin: 20px auto; padding:0 2%; }
img { max-width: none; } /* max-width: 100%; not work in IE9 */
.videos-items img { max-width: 100%; }
.searchbox { top: 2px; right: 22px; }
.header-slider-container { position: relative; }
.main-header { z-index:1; position: absolute; top: 15px; left: 20px; margin: 0; }
.website-title-wrapper { width: 246px; height: 250px; margin-top: 5px; padding: 120px 20px 0; background: url(../img/ie7/logo-ie7.png) no-repeat;  }
.website-title { margin-left: 0; }
.website-title, .website-subtitle { margin-bottom: 40px; }
.website-title-wrapper .website-title:before { height: 51px; margin-top: 0; background-position: -286px 0; }
.news { display: inherit; margin: 0; }
.news li { margin: 0; padding: 0; border-top: none; }
.rubriqua { padding-top: 0; }
.date { font-size: 1.3em; font-weight: 700; color: #fff; }
.pagination { font-size: 1.2rem; }
/* nav 1st level */
.primary-nav { padding-top: 1px; }
.primary-nav a {  height: auto; font-size: 1em; color: #000; }
.primary-nav li { float: left; }
.primary-nav li:hover ul, .primary-nav li.sfHover ul { position: absolute; left: 0; top: 2.9em; }
/* nav 2d level */
.primary-nav li ul { width: 90.1%; padding: 30px 5%; }
.primary-nav-col { width: 29%; }
.primary-nav-col a { line-height: 1.8em; margin: 0; padding: 0; }
.primary-nav-col a:hover { text-decoration: underline; }
.primary-nav-list a { line-height: 1.4em; }
.ecole-section { width: 15%; }
.culturelle-section { width: 26%; }
.formations-section { width: 38%; }
.diplomes-section { width: 21%; }
.homepage .ecole-section a, 
.homepage .culturelle-section a, 
.homepage .formations-section a,
.homepage .diplomes-section a { background-color: #fff; }
.main-col { float: left; width: 70.833333333333%; /* 680px */ margin: 0 5% 0 0; /* 48px */ padding-top: 20px; border-top: 1px #000 solid; padding-bottom:20px;}
.right-col { float: left; clear: none; width: 24.166666666667%; /* 232px */ padding: 20px 0 0; border-top: 1px #000 solid; }
.right-col .title { display: block; font-size: 1.8em; line-height: 1.2em; }
#block-views-students-block-1 #studheader {font-size: 1.35em; font-weight: 500; color: #666;}
#block-views-students-block-1 .view-content {margin-top: 20px;}
.related-content { float: left; width: 25%; }
.related-content a { font-size: .9em; }
.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; } 
.breadcrumb a { font-size: .9em; }
.title { font-size: 2.2em; }
.content .fb-like { float: right; margin-bottom: 0; }
.text { float: left; width: 71.2%; }
.videos { padding: 20px 10px; }
.videos-items { width: 23%; }
.footer-col-1 { width: 21.458333333333%; /* 206px */ padding-right: 2.92%; }
.logo-footer { float:right; width: 46%; margin-top: -25px; margin-left: 0; text-align: right; }
.logo-footer img { float: right; max-width: 46%; margin-right: 0; margin-left: 2%; margin-bottom: 20px; }
.sumo-footer { padding: 30px 0 30px 48px; }
/* flexslider */
.js-flexslider { min-height: 410px; background-color: #ccc; }
.flex-control-nav { width: 427px; }
.js-flexslider .slide-details { width: 402px; height: 84px; padding: 60px 20px 20px; }
.js-flexslider .slide-details h3 { font-size: 2em; }
.flex-control-nav { width: 427px; }
/* correction des bugs */
p.chromeframe { display: none; visibility: hidden; }
.profile-left { width: 70%; float: left; font-size: 1.1em; height: 215px; }
.profile-left.no-userphoto { width: 100%; height: auto; padding-bottom: 2em; }
.profile-right { width: 30%; float: right; min-height: 225px; }
.profile-bottom h3 { margin-bottom: 15px; }
.select, .select:focus, .tax-filter-form .select, .tax-filter-form .select:focus, #views-exposed-form-jobs-page select { padding: 0 15px 4px 10px; }

/* IE7 & IE6 */
.lt-ie8 a { color: #000; }
.lt-ie8 .top-nav { position: absolute; z-index: 999; margin-top: 10px; }
.lt-ie8 .top-nav li ul { border: 1px #ccc solid; }
.lt-ie8 .top-nav a { padding: 5px 10px 0; }
.lt-ie8 #translate-this { margin-top: 5px; }
.lt-ie8 .header-slider-container { margin-top: 50px; }
.lt-ie8 .front .website-title { width: 92px; height: 55px; margin-top: 10px; background: url(../img/ie7/titre-ie7.png) no-repeat; }
.lt-ie8 .not-front .website-title { width: 175px; height: 84px; margin-top: 15px; margin-left: 32px; background: url(../img/ie7/logo-page-ie7.png) no-repeat; }
.lt-ie8 .ecole-section { width: 14%; }
.lt-ie8 .black-btn { color: #fff; }
.lt-ie8 .search { margin: -8px 4px 0 0; zoom: 1; position: relative; height: 21px; }
.lt-ie8 .email { width: 172px; }
.lt-ie8 .network li { float:left; }
.lt-ie8 .primary-nav { z-index: 999; }
.lt-ie8 .select-wrapper { height: 34px; border-color: #fff; background: none; }
.lt-ie8 .select { border-color: #fff; width: 172px; }
.lt-ie8 .content { display: block; }
.lt-ie8 .main-footer .links { display: inline; }
.lt-ie8	.newsletter label { display: none; visibility: hidden; }
.lt-ie8 .searchbox { position: relative; float: right; top: 15px; right: -4px; }
.lt-ie8 .searchbox input { padding: 7px 10px 0 10px; }
.lt-ie8 .wen { margin-top: 3px; }