@font-face {
	

    font-family: 'ensba_monoregular';
    src: url('fonts/ensba_mono_regular-webfont.eot');
    src: url('fonts/ensba_mono_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ensba_mono_regular-webfont.woff') format('woff'),
         url('fonts/ensba_mono_regular-webfont.ttf') format('truetype'),
         url('fonts/ensba_mono_regular-webfont.svg#ensba_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
	

}

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

}




@font-face {
    font-family: 'ensbaitalic';
    src: url('fonts/ensba-italic-webfont.woff2') format('woff2'),
         url('fonts/ensba-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




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

}




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

}




@font-face {
    font-family: 'ensba_monoitalic';
    src: url('fonts/ensbamono-italic-webfont.woff2') format('woff2'),
         url('fonts/ensbamono-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ensba_monoregular';
    src: url('fonts/ensbamono-outline-webfont.woff2') format('woff2'),
         url('fonts/ensbamono-outline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




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

}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #1A171B;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: bottom;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ---------------------------------------------------------
--- Reset */

	html { -webkit-tap-highlight-color: transparent; }

	figure { 
		margin: 0; 
/* 		padding: 1em; */
	}
	
	article { position: relative; }
	
	table { 
		table-layout: fixed;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	h1 + p,
	h2 + p,
	h3 + p { margin-top: 0; }
	
	p:first-child { margin-top: 0; }
	
	*,
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
		
	/* max values */
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	video,
	svg { max-width: 100%; outline:none}

	body > script { display: none !important; }
	
	
/* reset form */

	button,
	input,
	optgroup,
	select,
	textarea {
	  margin: 0;
	  font: inherit;
	  color: inherit;
	}
	
	button {
	  overflow: visible;
	}
	
	button,
	select {
	  text-transform: none;
	}
	
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
	  -webkit-appearance: button;
	  cursor: pointer;
	}
	
	button[disabled],
	html input[disabled] {
	  cursor: default;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	  padding: 0;
	  border: 0;
	}
	
	input {
	  line-height: normal;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
	  -webkit-box-sizing: border-box;
	          box-sizing: border-box;
	  padding: 0;
	}
	
	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
	  height: auto;
	}
	
	input[type="search"] {
	  -webkit-box-sizing: content-box;
	          box-sizing: content-box;
	  -webkit-appearance: textfield;
	}
	
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
	  -webkit-appearance: none;
	}
	
	legend {
	  padding: 0;
	  border: 0;
	}
	
	textarea {
	  overflow: auto;
	}
	
	optgroup {
	  font-weight: bold;
	}
	
	button,
	[role="button"],
	input,
	label,
	select,
	summary,
	textarea {
	  -ms-touch-action: manipulation;
	      touch-action: manipulation;
	}
	

	input,
	button,
	select,
	textarea {
	  margin: 0;
	  line-height: inherit;
	  border-radius: 0;
	  
	  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding:5px;
  text-align: center;
	}
	
	textarea {
		 text-align: left;
	}
	
	select {
	text-align-last:center;
	}
	
	input[type="text"], input[type="password"],
	textarea, select {
	  font-size: 16px;
	}
	
	textarea {
	  resize: vertical;
	}
	
	fieldset {
	  min-width: 0;
	  padding: 0;
	  margin: 0;
	  border: 0;
	}
	
	
	input[type="search"] {
	  -webkit-box-sizing: inherit;
	          box-sizing: inherit;
	  -webkit-appearance: none;
	}
	
	/* Formulaire */

	.b-form__grp { 
		display: block; 
		overflow: hidden;
	}
	
	.b-form__grp > * { float: left; }

	.b-form__input,
	.b-form__textarea {
		border: 1px solid #1A171B;
	}



	/* tableaux */

	table th,
	table td {
		padding: 1.725em 0;
	}


/* ---------------------------------------------------------
--- Typo */

 	html { 
		font-size: .625em; 
		font-size: calc(1em * .625); 
	}
	
	body,
	.body {
		font-family: 'ensbaregular', sans-serif;
		font-weight: normal;
		font-size: 1.2rem;
		line-height: 1.3;	
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-style: normal;
	}
	

	
	.bigger { font-size: 1.4em; }
	
	.smaller { font-size: .8em; }
	
	
	strong,.strong { 
		font-family: 'ensba_monobold', sans-serif; 
		font-weight: normal;
	}
	
	ul {
		list-style-type: none;
		padding: 0;
		margin:0;
	}
	
	input,textarea {
		border:0;
		background-color: #f8d3d3;
		padding-left:5px;
	}
	
	a {
		text-decoration: none !important;
	}
	
	input::-webkit-input-placeholder {
	color: #ff4040 !important;
	}
	 
	textarea:-moz-placeholder { /* Firefox 18- */
	input: #ff4040 !important;  
	}
	 
	textarea::-moz-placeholder {  /* Firefox 19+ */
	input: #ff4040 !important;  
	}
	 
	textarea:-ms-input-placeholder {  
	input: #ff4040 !important;  
	}
	
	.clear {
		clear:both;
	}
	

	h1 {
		color:#ff4040;
		width:100%;
		line-height:1.3;
		margin-bottom:10px;
		font-size: 1.6rem;
		
	}
	
	.sep-page {
		background-color: #ff4040;
		margin-bottom:13px;
		width:100%;
		height:1px;
		overflow: hidden !important;
		
	}
	
	p {
		line-height:1.3;
	}
	
	.underline:hover {
		text-decoration: underline;
	}
	
	.showBloc {
		text-decoration: none !important;
	}
	
	.hide {
		display: none;
	}

/* ---------------------------------------------------------
--- Layout -- */

	html,
	body { 
		position: relative;
	}

	
	.l-wrapper {
		position: relative;
		width:100%;
		max-width:962px;
		margin-left:auto;
		margin-right:auto;
		margin-top:5px;
	}
	
	.l-main {
		width:100%;
		padding-top:20px;
		overflow: hidden;
		position: relative;
	}
	
	.fil-ariane {
		display: block;
		margin-bottom:10px;
	}
	
	
	
/* ---------------------------------------------------------
--- Blocs */

/*! Navigation */


		nav[role=navigation] {
			clear: both;
			
		}
		
		
	#hamburger { 
		height:24px;
		width: 53px;
		display: none;
		cursor: pointer;
		position: relative;
		margin-left:-10px;
		margin-top:10px;
		float:left;
	} 

	
 	#hamburger::after {
		content: '';
		position: absolute; left: 0; top: 0; right: 0; bottom: 0;
		background-image: url(../img/bt-hamburger.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out; 
		-o-transition: all .3s ease-in-out; 
		-ms-transition: all .3s ease-in-out;
	}
	#hamburger.active::after {
		-webkit-transform: rotate(90deg); 
		-moz-transform: rotate(90deg); 
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg); 	
	}
	
		
		ul.l-nav {
			clear:both;
			height:46px;
			width: 100%;
			padding-top:20px;
		}
		
		
		
		ul.l-nav > li {
			width:152px;
			max-width:100%;
			border:1px dotted #ff4040;
			margin-right:10px;
			float:left;
			position:relative;
			text-align:center;
			font-size: 1.4rem;
			padding-top:2px;
			padding-bottom:2px;
		}
		
		ul.l-nav > li:last-child {
			margin-right:0;
		}
		
		ul.l-nav ul  {
			min-width:200px !important;
			background: rgba(255, 255, 255, 1);
			position: absolute;
			left: -1px; 
			top: 24px;
			display:none;
			font-size: 1.2rem;
			z-index:100;
		}
		
		ul.l-nav ul  {
			padding-top:14px;
			padding-bottom:10px;

		}
		
	
		ul.l-nav ul li ul {
			
			max-width:240px !important;
			position:relative;
			left:0;
			top:0;
			margin-left:10px;
			background: transparent;
			padding-top:5px;
			padding-bottom:5px;
			
		}
		
		
		
		ul.l-nav ul li {
			display:block;
			text-align: left;
			border:0;
			padding-left:10px;
			padding-right:10px;
			
		}
		
		ul.l-nav ul a:hover, .page-lien a:hover, a:hover {
			color:#9d0000;
			
		}
		
		
		
		header a, a,ul.l-nav > li {
			color:#ff4040;
		}
		
		.head  {
			float:left;
			width:100%;
		}
		
		.head div {
			float:left;
		}
		
		.head .recherche,.head .langue {
			float:right;
			font-size: 1.2rem;
		}
		
		.head .langue {
			font-size: 1.2rem;
			padding-left:15px;
			margin-top:8px;
			color:#ff4040;
		}
		
		.head .langue a:hover {
			text-decoration: underline !important;
		}
		
		.head .langue .selected {
			text-decoration: underline !important;
		}
		
		.head .recherche {
			/*padding-right:20px;*/
			margin-top:3px;
			
		}
		
		.head .recherche input,.tools input {
			width:152px;
			height:27px;
			font-size: 1.2rem;
		}
		
		.selectedInput{
			border:2px solid #ff4040;
		}
		
		.head .logo {
			font-size: 2.0rem;
			font-family: 'ensba_monoregular';
		}
		
		footer {
			width:100%;
			margin-top:20px;
			padding-top:15px;
			border-top:1px dotted #ff4040;
		}
		
		footer .l-inner--footer {
			width:100%;
			padding-bottom:40px;
		}
		
		footer .l-inner--footer div {
			float:left;
			width:20%;
			padding-right:20px;
		}
		
		footer .l-inner--footer .footer-liens {
			margin-right:0;
			width:40%;
		}
		
		footer .footer-liens-partenaires {
			clear:both;
			width:100% !important;
			
			padding-right: 0 !important;
			
		}
		
		footer .footer-liens-partenaires .footer-partenaires {
			clear:both;
			padding-top:15px;
			float:right !important;
			text-align:right;
		}
		
		footer .footer-liens-partenaires .footer-partenaires ul li {
			float:right;
			margin-right:20px;
			
		}
		
		footer .footer-liens-partenaires .footer-partenaires ul li:first-child {
			margin-right:0;
		}
		
		footer .footer-partenaires img {
				width:75px;
		}
		
		footer .footer-liens-partenaires .footer-partenaires .vert {
			width:auto;
			height:75px; ¶
		}
		footer .footer-telephone .handicap {
			width:auto;
			height:25px; ¶
		}
		
		footer .footer-liens ul li {
			float:left;
			margin-right:40px;
		}
		
		footer .footer-liens-partenaires ul li {
			float:right;
			margin-left:40px;
		}
		
		footer .footer-rs ul li {
			float:left;
			margin-right:10px;
		}
		
		footer .footer-rs ul li:last-child,footer .footer-liens ul li:last-child {
			margin-right:0;
		}
		
		.rs {
			float:right;
			width:100px;
			position: relative;
			height: 100%;
		}
		
		.rs .jssocials-share {
			display:inline-block;
			margin-bottom: 5px;
			width:25px;
		}
		
		.rs .shareRS {
			    position: absolute;
		    left: 0;
		    bottom:0;
			width:25px;
		}
		
		 .swiper-container-home {
	        width: 716px;
	        position: relative;
			overflow: hidden;
			z-index: 1;
	    }
	    
	    .swiper-container-news {
		    /*height: 508px;*/
		    position: relative;
			overflow: hidden;
			z-index: 1;
			/*padding-right:10px;*/
	    }
	    
		.swiper-legende {
			padding-top:3px;
			padding-left:10px;
			width:100%;
			color:#d8d8d8;
		}
	    
	    .swiper-container-news .swiper-slide {
		    height: auto;
		}

		.page-lien {
			float:left;
			margin-top:15px;
			margin-left:12px;
			width:100%;
		}
		
		.page-lien.etudiant {
		     width:auto;
		     padding-top:10px;
	    }
		
		.page-lien.home {
			float:none !important;
			display:block;
		}
		
		.page-lien a {
			color:#ff4040;
			
		}
		
		.page-lien ul {
			list-style-image: url('../img/fleche.png');
		}
		
		
		
		
		.home-diapo {
			float:left;
			margin-right:10px;
		}
		
		.home-news {
			float:left;
			width:235px;
		}
		
		.home-news .home-news-block {
			border-top:1px solid #ff4040;
			margin-bottom:10px;
			margin-top:10px;
			padding-top:10px;
			overflow: hidden;
			
		}
		
		.home-news .home-news-block:first-child {
			margin-top:0;
		}
		
		.home-news .home-news-block article {
			
			/*margin-right:10px;*/
		}
		
		.home-news img {
			width:70px;
			float:left;
			border:1px solid #000;
		}
		
		.home-news .home-news-block div{
			font-size: 1.2rem;
			overflow: hidden;
			padding-left:5px;
			vertical-align: top;
		}
		
		.home-news .home-news-block .vignette{
			float: left;
		}
		
		.page-texte {
			position: relative;
			width:475px;
			float:left;
			margin-right:10px;
			
		}
		
		.zoom {
			position: relative;
			left:0;
			top:0;
			z-index:500;
			width:100%  !important;
			background-color:#fff;
			display:none;
			cursor: pointer;
		}
		
		.zoom img{
			width:100%  !important;
		}
		
		.Zonedroite {
			width:475px !important;
			float:right;
			margin-right:0;
		}
		
		.Zonedroite > div {
			display:block;
			float:none;
			
		}
		
		.Zonedroite .page-lien
		{
			
			margin-top:0;
			margin-bottom:10px;
		}

		
		.page-diapo {
			width:475px;
			float:left;
		}
		
		.swiper-container-page {
	        width: 475px;
	        position: relative;
			overflow: hidden;
			z-index: 1;
			cursor: pointer;
	    }
	    
	    /*.swiper-container-texte {
	        width: 475px;
	        position: relative;
			overflow: hidden;
			z-index: 1;
			height:200px;
			
	    }*/
	    
	    .swiper-container-texte {
	        width: 475px;
	        position: relative;
			overflow: hidden;
			z-index: 1;
			height:500px;
			padding-right:77px;
	   }
	   
	   .long {
	        width: 80%;
	   }
	    
	    .swiper-slide {
		    height:auto;
	    }
	    
	    .Bnav-tri {
		    float:left;width:163px;
	    }
	    
	    .nav-tri {
		float:none;
		display:block;
		padding-right:10px;
		width:163px;
		font-size: 1.4rem;
		margin-bottom:10px;
	}
	
	 .nav-tri ul  {
		margin-left:10px;
	}
	
	.nav-tri a  {
		color:#000;
	} 
	.nav-tri .selected  {
		color:#ff4040;
	}
	
	
	
	.liste {
		float:left;
		position:relative;
		width: 298px;
	}
	
	.liste.full {
		width:770px;
	}
	
	.liste article  {
		display:inline-block;
			margin-bottom:10px;
			margin-right:10px;
			vertical-align: top;
			/*width:100%;*/
		}
		
	.liste.liste_presse article  {
		display:block;
		margin-right:0px;
	}
	
	.liste.liste_presse article .titre {
		width:100%;
		font-size: 1.4rem;
		}
	
	.liste.liste_presse p  {
		color:#000;
		padding:0;
		margin:0;
	}
	
	.liste.liste_presse .maj  {
		    font-size: 1.2rem;
		    line-height: 1.3;
	}
	
	
	
	.liste article img {
		width:150px;
	}
	
	.liste article .titre {
		width:150px;
	}
	
	.liste.liste_presse article img {
		display:block;
		width:100px !important;
	}
	
	.liste.liste_presse article .titre {
		margin-bottom:5px;
	}
	
	#detail .liste article img {
		width:70px;
	}
	
	#detail .info {
		margin-top:66px;
	}
	
	.liste article .visuel{
			display:inline-block;
			margin-right:12px;
			margin-bottom:12px;
		}
		
	.liste.liste_presse article .visuel{
			display:block;
			margin-right:0;
			margin-bottom:0;
		}
		
	.liste article .visuel img{
			width:210px;
		}
		
	#diplome .liste article .visuel img{
			width:140px;
		}
		
	#diplome .liste article{
			display:block;
			float:left;
		}
	
	.plan-site .page-texte {
		
	}
	.plan-site .liste,.plan-site  .page-texte {
		width:100%;
	}
	
	.plan-site ul > li {
		margin-bottom:5px;
		font-size: 1.4rem;
	}
	
	.plan-site ul * li {
		margin-top:5px;
		font-size: 1.2rem;
	}

	
	.plan-site .niv1 {
		margin-left:10px;
		display:none;
	}
	
	.plan-site .niv1.open {
		display:block;
	}
	
	.plan-site .niv2 {
		margin-left:10px;
	}
	
	.plan-site .openPlan {
		cursor: pointer;
	}
	

	.mention {
		color:#000;
	}
			
	.liste article, .liste article .contenu  {
			overflow: hidden;
		}
		
	.liste article .titre a,.liste article .titre a:hover  {
			color:#ff4040;
			font-size: 1.4rem;
		}
		
		
	.liste article a:hover  {
			color:#000;
		}
		
	.more a {
		color:#ff4040;
	}
	
	.more {
		margin-top:10px;
	}
	
	.detail {
		float:left;
		width:478px;
		margin-right:10px;
	}
	
	.liste.diplome.detail h2 {
		color:#ff4040;
	}
	
	.liste.diplome.detail span {
		color:#000;
	}
	
	.detail.diplome_bloc,#diplome .liste.diplome.detail {
		float:left;
		width:100%;
		max-width:1000px !important;
		margin-right:0;
	}
	
	.swiper-container-detail {
        width: 100%;
        position: relative;
		overflow: hidden;
		z-index: 1;
		margin-bottom:7px;
    }
    
    .long-col.liste,.long-col.page-texte {
		width:100%;
	}
    
    #map {
        height: 100%;
      }

	
	.detail h2 {
		font-size: 1.4rem;
		margin-bottom:5px;
	}
	
	/*.swiper-container-texte {
		margin-bottom:10px;
		overflow: visible;
		height:auto;
		width:90%;
		padding-right:0;
	}*/
	
	#search .liste ul li {
		margin-bottom:10px;
		font-size: 1.4rem;
	}
	
	#search .liste ul li {
		margin-bottom:10px;
		font-size: 1.4rem;
	}
	
	#search .liste,#search .sep-page  {
		width:472px;
	}

	#search .more {
		margin-top:25px;
	}
	
	#diplome .sep-page {
		overflow: hidden !important;
		width:100%;
	}
	
	#diplome .liste {
		width:476px;
	}
	
	.diplome .tools {
		display: block;
		margin-bottom:16px;
		height:30px;
	}
	
	.diplome .tools div {
		float:left;
		margin-right:10px;
	}
	
	.evenement .tools,.evenement .tools  {
		float:left;
		width:163px;
	}
	
	.diplome .tools select, .nav-tri select,.form select {
		border: 1px dotted #ff4040;
		font-size: 1.2rem;
		background-color: #fff;
		color:#ff4040;
		outline: none;
	}
	
	.diplome .tools select option,.nav-tri select option { 
		color:#ff4040; 
	}
	
	
	.diplome h2{
		font-size: 1.4rem;
		padding-bottom: 3px;
	}
	
	.diplome h2 span{
		font-size: 1.2rem;
	}
	
	.diplome article .visuel img{
		margin-right:5px;
	}
	
	.information {
		float:right;
		width:312px;
		margin-top:30px;
	}
	
	
	
    
    .diplome .result .swiper-container-detail img,.liste article .swiper-container-detail img{
		width:100% !important;
	}
	
	.swiper-container-detail-thumb {
        height: 20%;
    }
    .swiper-container-detail-thumb .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.7;
    }
    .swiper-container-detail-thumb .swiper-slide-active {
        opacity: 1;
    }

	.etude .sous_titre {
		font-size: 1.2rem;
	}
	 
	.showBloc {
			color:#ff4040 !important;
		}
	    
	    
	 .form label {
		 display:block;
	 }
	 
	 .form div {
		 margin-bottom:5px;
	 }
	 
	 .form label span {
		 color:#ff4040;
	 }
	 
	 .form input {
		 width:100%;
		 max-width:475px;
		 color:#ff4040;
		 font-size: 1.2rem;
	 }
	 
	 .form textarea {
		  width:100%;
		 max-width:475px;
		 color:#ff4040;
		 font-size: 1.2rem;
		 height:70px;
	 }
	 
	 .form input[type="submit"] {
		 border:1px solid #ff4040;
		  border-bottom:2px solid #ff4040;
		  border-right:2px solid #ff4040;
		 width:50%;
		 background-color: #fff;
		 margin-top:4px;
		 max-width:237px;
	 }
	 
	 .suivez-nous {
		 line-height: 0;
	 }
	 
	 .erreur {
		color:#ff4040;
	}
	
	.cours_niv1 > li {
		       font-family: 'ensbabold';
		       margin-top:20px;
		       margin-bottom:20px;
		       font-size:18px;
	        } 
	        
	        .cours_niv2 > li {
		       font-family: 'ensbabold';
		       font-size:16px;
		       margin-top:20px;
		       margin-bottom:20px;
		       margin-left:20px;
		       color:#ff4040;
	        } 
	        
	        .cours_niv3 > li {
		       font-family: 'ensbabold';
		       font-size:14px;
		       margin-top:20px;
		       margin-bottom:20px;
		       margin-left:20px;
		       color:#000;
	        } 
	        
	        .cours_niv4 li {
		       font-family: 'ensba_monoregular';
		       font-size:12px;
		       margin-top:20px;
		       margin-bottom:20px;
		       margin-left:20px;
		       color:#000;

	        } 
	        
	        .cours_niv5 > li {
		       font-family: 'ensba_monoregular';
		       font-size:12px;
		        margin-top:0px;
		       margin-bottom:0px;
		       margin-left:20px;
	        } 
	        
	       

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}
table {
    border-collapse: collapse;
    background-color: transparent;
    border: 2px solid #e1dfe6 !important;
}

.table tr {
    
    padding-bottom:5px;
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.table td, .table th {
   padding: .75rem;
    vertical-align: top;
        display: table-cell;
background-color: #fff;

text-align:left;
}

.table tr.detail_cours {
		        display:none;
	        }

.table tr.displayDetail {
    display: table-row;
}

.table thead {
	margin-bottom:5px;
}

#cours .border {
    border-top:1px solid #e1dfe6 !important;
}

#cours .liste.full {
    width:798px;
}

.table td {
    cursor:pointer;
}

.table .bold {
    font-family: 'ensbabold';
}


#cours .table thead  {
    border: 2px solid #e1dfe6 !important;
    font-family: 'ensbabold';
}

#cours .semestre {
	font-family: 'ensbabold';
	text-align: center;
	color:#ff4040;
}

.open-zoom {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
}

.lien-off {
	color:#000;
}

.required_field {
	color:#0c7ef3;
}

.mes_form {
	color:#0c7ef3;
}

.lien-off:hover {
	color:#000;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #f8d3d3 !important;
    background: #f8d3d3 !important;
    color: #fff !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ff4040 !important;
    background: #ff4040 !important;
    font-weight: normal !important;
    color: #ffffff !important;
}

.cote {
	color: #ff4040;
	font-family: 'ensba_monobold', sans-serif; 
		font-weight: normal;
}


/*.o-embed {
		display: block;
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 0;
	}
	.o-embed--third 	{ padding-bottom : 33.33333%; }
	.o-embed--half 		{ padding-bottom : 50%; }
	.o-embed--16ninth	{ padding-bottom : 56.25%; } / 9:16 = 0.5625 > 56.25% /
	.o-embed--4thirds 	{ padding-bottom : 75%; }
	.o-embed--equal		{ padding-bottom : 100%; }		
	
		.o-embed iframe {
		    position: absolute;
		    top:0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}*/
		
		.res-footer-partenaires {
			display:none;
		}
		
		ul.l-nav > li.resp-recherche {
			
			display:none;

		}
		
	 .ui-tooltip {
    padding: 10px 20px;
    color: #ff4040;
  }	
		
@media all and (min-width: 961px) {
	ul.l-nav > li:hover { border:2px dashed #ff4040; }
	
	ul.l-nav > .selected { border:2px dashed #ff4040; }
}

		
			
			
@media all and (max-width: 961px) {
	
	#hamburger { 
		display: block;
	} 
	
	.rs {
		display:none;
	}
	
	.fil-ariane {
		margin-left:10px;
	}
	
	ul.l-nav { display:none;height: auto; width: 100%;padding-top:0; }
	ul.l-nav > li { float: none; width: 100%;font-size: 1.6rem; }
	ul.l-nav a { line-height: 30px; }
	ul.l-nav ul { position: relative;left:0;top:0;margin-left:30px;padding-top:0px;margin-bottom:0px;font-size: 1.4rem;}
	ul.l-nav ul a { line-height: 20px !important; }

	.head div {
		float:none !important;
		display:block;
	}
	.head .logo {
		width:100%;
		text-align: center;
		font-size: 2.0rem;
		margin-bottom:15px;
		clear:both;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.head .langue {
		float:right !important;
		margin-right: 10px;
		margin-top:0;
	}
	
	.head .recherche {
		display:none;
	}
	
	ul.l-nav > li.resp-recherche {
		display:block;
		padding-top:2px;
		padding-bottom:5px;
	}
	
	.resp-recherche  input {
		width:120px;
		height:18px;
		font-size: 1.2rem;
		margin-bottom:3px;
	}
	
	ul.l-nav > li {
		border-left:0;
		border-right:0;
		border-top:0;
		cursor: pointer;
	}
	
	
	
	footer .l-inner--footer {
		margin-left:10px;
	}
	
	footer .footer-liens ul li {overflow: hidden;display:block;width:100%}
	
	footer .l-inner--footer  .footer-liens,footer .l-inner--footer  .footer-rs {
			width:20%;
		}
		
	footer .l-inner--footer  .footer-adresse,footer .l-inner--footer  .footer-telephone {
			width:30%;
		}
	
	.footer-liens .footer-partenaires {
		display:none;
	}
	.res-footer-partenaires {
			display:block;
			width:100% !important;
		}
		
	.res-footer-partenaires ul li {
			float:left;
			margin-right:20px;
		}
		
		
		
	.swiper-container-home {
	        width: 100%;
	    }
		
	.home-diapo,.home-news {
			display:block;
			width:100%;
			margin-bottom:20px;
		}
	
	.home-diapo img,.swiper-container-page img {
			width:100%;
		}
		
	.home-news .home-news-block {
			height:auto;
			width:100%;
			padding-left: 10px;
		}
		
	.home-news .home-news-block img {
			width:40%;
		}
		
	.home-news .home-news-block h2{
			left:41%;
		}
		
		.swiper-container-news {
		    height: auto;
	    }
		
	.l-main {
		padding-top:10px;
	}
	
	.page-diapo {
			width:100%;
		}
		
	.swiper-container-page,.swiper-container-detail {
        width: 100%;
        position: relative;
		overflow: visible;
		z-index: 1;
    }
    
    #page h1 {
	    width: 100%;
    }
    
    #page .sep-page,#detail .sep-page {
	    width: 100%;
	    overflow: hidden !important;
    }
    .page-texte, .liste .info {
	    width:95%;
    }

	.home-diapo, .home-news {
    	margin-bottom:0;
	}
	
	#page h1,#page .swiper-container-texte, #page .bloc {
	    margin-left:10px;
    }
    
       
    #page .page-lien, .page-lien {
	    margin-left:25px;
    }
    
       
    
    
   
    
	
	.detail {
		display:block;
		width:100%;
	}
	
	.nav-tri, .Bnav-tri {
		clear:both;
		float:none;
		width:100%;
		margin-bottom:10px;
		display:block;
	}
	
	.nav-tri,.liste h1,.liste h2,.liste .contenu,.liste ul,.liste .visuel,.liste .more,.liste .tools, #detail .page-texte, #detail h1, #detail h2  {
		margin-left:10px;
	}
	
	.nav-tri li {
		float:left;
		margin-right:5px;
	}
	
	.liste {
		width:auto;
	}
	
	#detail .liste article img {
		width:150px;
	}
	
	#detail .info {
		margin-left:10px;
		margin-top:10px;
	}
	
	.swiper-container-detail {
        width: 100%;
        position: relative;
		overflow: hidden;
		z-index: 1;
		margin-bottom:7px;
    }
    
    .swiper-container-detail img {
        width: 100%;
    }
    
    #search .liste,#search .sep-page  {
		width:100%;
		overflow: hidden !important;
	}
	
	.information {
		display:block;
		float:left;
		width:90%;
		margin-top:20px;
		margin-left:10px;
	}
	
	#diplome .liste {
		width:100%;
	}
	
	.diplome .result img{
		width:150px;
		margin-bottom:5px;
	}
	
	.diplome .tools div {
		display:block;
		margin-bottom:10px;
	}
	
	.Zonedroite {
			width:100% !important;
			float:left;
			display: block;
			margin-right:0;
		}
		
	.Zonedroite .page-texte {
			width:90% !important;
		}

	.Zonedroite > div:first-child {
		}
		
	.swiper-container-texte {
		height:auto;
		overflow: visible;
	}
	
	.evenement .tools  {
		float:none;
		display:block;
		width:100%;
	}
	
	.liste.full {
    width: 100%;
    margin-top:20px;
	}
	
	/*tito*/
	.evenement .nav-tri div {
		margin-top:5px;
	}
	
	.page-diapo {
		float:left !important;
	}
	
	body {
		overflow-x: hidden;
	}
	
	.evenement .nav-tri div {
		float:left;
		margin-right:10px;
	}
	
	.evenement .nav-tri div:last-child {
		margin-right:0;
	}
	
	.evenement .nav-tri .block {
		float:none !important;
		display: block;
		margin-bottom:5px;
	}
	
	.suivez-nous {
		 line-height: 1rem;
	 }
	 
	 #detail .Bnav-tri {
		 display: none;
	 }
	 
	 #diplome .liste article {
	    width: 100%;
	}
	
	.resultat-recherche {
		width:95%;
	}
	
	.plan-site,.form {
		margin-left:10px;
	}
	
	.plan-site,.form {
		margin-left:10px;
	}
	
	.page-texte.newsletter {
		width: 475px !important;
	}
	
		.liste.liste_presse article img
		{
			width:100% !important;
		}
		
		footer .footer-liens-partenaires {
		display:none !important;
	}

}

@media all and (max-width: 640px) {
	footer .footer-liens ul li {float:left;}
	
	.page-texte.newsletter {
		width: 95% !important;
	}
	
	footer .l-inner--footer div {
		float:none;
		overflow: hidden;
		display:block;
		width:100%;
		margin-bottom:15px;
	}
	
	
	
	footer .l-inner--footer .footer-adresse, footer .l-inner--footer .footer-telephone,footer .l-inner--footer .footer-liens, footer .l-inner--footer .footer-rs {
    width: 100%;
}


	
	.home-news .home-news-block h2{
			left:42%;
		}
	
	.liste article .visuel img {
		width:100%;
		 
	}
	
	#diplome .liste article .visuel img {
		width:100%;
	}
	
	.liste article .contenu .titre {
		width:90%;
	}
	
	.resp-recherche input {
    width: 120px;
    height: 22px;
    font-size: 1.2rem;
    margin-bottom: 3px;
}
	
}





@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
	    
	    height:auto;
        max-width: 100% !important;
    }
	
	.page-texte,.page-diapo {
		float:none;
		display:block;
		margin-bottom:20px;
	}
	
	.swiper-container-detail .swiper-slide,.swiper-container-page .swiper-slide {
		display:none;
	}
	
	
	.swiper-container-page {
		display:none;
	}
	
	/*.swiper-container-page .swiper-slide.swiper-slide-active {
		display:block;
		float:none;
		margin-bottom:20px;
		width:100% !important;
		overflow: visible !important;
	}*/
	
	.swiper-container-detail .swiper-wrapper,.swiper-container-page .swiper-wrapper,.swiper-container-texte .swiper-wrapper,.swiper-container-texte {
		height:auto !important;
	}
	
	
	
	
	.swiper-container-detail .swiper-slide.swiper-slide-active {
		display:block !important;
		float:none;
		margin-bottom:20px;
		width:30% !important;
		overflow: visible !important;
		page-break-after: always;
		}
		
	
	.swiper-container-page {
		
	}
	
	

	
	.nav-tri,.diplome-tri,#evenement,#presse,#menu,.head .recherche {
		display:none;
	}

	.page-lien {
		display:none;
	}
	
	.l-main {
		overflow: visible;
	}
	.head .logo {
		display:block;
		padding:0px;
		margin:0px;
		margin-bottom:20px
	}
	
	.head div {
		display:block;
    float: none;
    padding:0px;
		margin:0px;
		text-align: left;
}

head  {
    float: none;
}
		
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    footer {
	    display:none;
    }
    
    .detail,.liste {
	    display:block !important;
    }
    
 
}