/*1488px */

.TroisNiv {
	display: none;
}

@media screen and (max-width: 93em) {

	
}

@media screen and (max-width: 88em) {
	.slider .owl-caption {
    	right: 3%;
    	width: 40em;
	}
	
	.slider .owl-dots {
    	right: 4%;
	}
}

/*1296px */
@media screen and (max-width: 81em) {
	
	html{
		font-size: 15px;
	}
	#menu_principal a {
		font-size: 1em;
    	height: 4.55em;
    	line-height: 4.1em;
	}
	#menu_principal ul li a {
		font-size: 0.85em;
    	height: 4.5em;
    	line-height: 4.72em;
	}
	.banniere__baseline {
		margin-left: 2em;
	}
	
	
	.row--0, .row--2, .row--1 .card {
		max-width: none;
	}
	
	div[class*="row--0"] div:first-child .card{
		padding-left: 0.5em;
	}
	
	div[class*="row--2"] div:last-child .card{
		padding-right: 0.5em ;
	}
	
	div.row--1 div .card{
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.slider .owl-caption {
    	right: 5%;
    	width: 40em;
	}
	
	.slider .owl-dots {
    	right: 6%;
	}
	
	.second-pied-page .box-logo img{
		width: 90%;
	}
	
	.second-pied-page .box-logo li {
		display: table-cell;
	}
	
	.js #haut_page {
    	font-size: 1.5em;
	}
	
}

/*1080px */
@media screen and (max-width: 72em) {
	
	.owl-carousel .owl-caption .resume_actu{
		display:none;
	}
	
	#loader {
	  top: 6%;
	  border: 0.7em solid #f3f3f3;
	  border-top: 0.7em solid #DC0814;
	  width: 5em;
	  height: 5em;
	}

	#logo-site {
	    box-shadow: 0 0 0 0;
	    height: 3em;
	    margin-top: 28%;
	    margin-left: 5%;
	    transition: all 0.2s ease 0s;
	    width: 3em;
	}
	
	.flex-caption {
    background-color: rgba(0, 0, 0, 0.5);
    max-width: 100%;
    min-height: 13%;
    padding: 1.5em;
    position: static;
    box-sizing: border-box;
    width: 100%;
	}
	
	.flex-viewport{
		overflow: visible!important;
	}
	
	ul.liste-actualites li.titre-date .date-liste::before{
		left: 12%;
	}
}


/* menu mobile 1072px */
@media screen and (max-width: 72.5em) {
	
	.banniere__logo, #navigation{
	display: none;
	}
	
	#acces-directs-profil .icon_libelle, #acces-directs .icon_libelle, ul.liste-menu, #acces-directs-profil .icon-play3, #acces-directs .icon-play3{
		display: none;
	}
	
	.js .cartouche .plier-deplier__contenu--ouvert {
    	top: auto;
	}
	
	#recherche-simple, #menu-cartouche, #versions {
    	background: #979693 none repeat scroll 0 0;
	}
	
	.js .cartouche .plier-deplier__bouton, #menu-cartouche-bouton, #versions{
		height: 3.2em;
	}
	
	#versions, #acces-directs, #recherche-simple, #acces-directs-profil, #menu-cartouche {
		margin: 0;
	}
	
	.js #recherche-simple .plier-deplier__bouton, .js #menu-cartouche .plier-deplier__bouton, .js #acces-directs .plier-deplier__bouton, .js #acces-directs-profil .plier-deplier__bouton {
		padding: 0.25em 1em;
		border-right: 1px solid #303030;
	}
	
	/*#acces-directs, #acces-directs-profil  {
		margin-right: 0.8em;
	}*/
	
	#versions{
		box-sizing: border-box;
    	height: 2.611em;
    	padding: 0.5em;	
    	margin-right: 0;
	}
	
	.versions__item, .versions__item a {
		 color:  #484848;
		 font-size: 1em;
	}

	
	#menu-cartouche-bouton{
		display: block;
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	}
	
	#menu-cartouche .menu-cartouche-ouvert{
	display:block;
	background: #979693 none repeat scroll 0 0;
	left: 0;
    position: fixed;
    top: 2.611em;
    width: 100%;
    padding: 1em 0;
    text-align: right;
	}
		

	#logo img {
	    max-height: 5em;
	    max-width: 5em;
	}
	.js #menu-principal-bouton {
	    display: inline-block;
	}
	.js .icon {
	    margin: 0;
	}
	.js .icon-libelle {
	    margin: 1.5em 0 0;
	    position: absolute;
	    text-indent: -1000em;
	}
	
	.header_nav #menu.mean-container{
		height: auto;
	}
	
	.header_nav #menu {
		    box-shadow: 0 3px 10px -4px black;
		    position: fixed;
		    top: 2.611em;
		    transition: height 0.2s linear 0s;
		    width: 100%;
		    z-index: 800;
			width: 100%;
	}
	
	.header_nav #menu.open {
		  overflow-y: scroll;
		  -webkit-overflow-scrolling:touch; /*mobile safari*/
		  height: 410px;
	}
		
	#contenu {
		    padding-top: 5.55em;
		}
	
	.mean-nav ul , .mean-nav ul li{
		list-style-type: none;
		list-style: none;
	}
	
	.mean-container .mean-bar {
		background: #FFFFFF;
		color: #DC0814;
		padding: 0;
		min-height: none;
	}
	
	.mean-container .mean-nav {
		margin-top: 0;
		background: #FFFFFF none repeat scroll 0 0;	
	}
	
	.mean-container.open .mean-nav {
		padding-bottom: 4.05em;
	}
	
	.mean-container .mean-bar .icon-home{
		box-sizing: border-box;
	    color: #DC0814;
	    display: block;
	    float: left;
	    height: 100%;
	    margin-right: 0.7em;
	    padding-top: 0.1em;
	    text-decoration: none;
	}
	
	.mean-container .mean-bar .mean-title{
	    padding: 0.9em 1.2em;
	    box-sizing: border-box;
	    font-weight: bold;
	    height: 3.25em
	}
	
	.mean-container a.meanmenu-reveal span {
		background: #DC0814;
	}
	
	.mean-container .mean-bar .meanclose{
		color: #DC0814;
	}
	
	.mean-container a.meanmenu-reveal {
		padding: 13px 16px 11px;
	}
	
	.mean-container .mean-nav ul li:first-child a {
		border-top: 1px solid rgba(0, 0, 0, 0.075);
	}
	
	.mean-container .mean-nav ul li a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.075);
		color: #DC0814;
		padding: 0.7em 5%;
		font-size: 1.2em;
	}
	
	.mean-container .mean-nav ul li a:hover {
		background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
	}
	
	.mean-container .mean-nav ul li a.mean-expand {
		background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
		padding: 13px !important;
		height: auto;
		margin-top: 0;
	}
	
	.mean-container .mean-nav ul li a.mean-expand:hover {
    	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	}
	
	.mean-container .mean-nav ul li li a {
		padding: 0.7em 10%;
		background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
		font-size: 1em;
	}
	
	/*3niveau*/
	.mean-container .mean-nav ul li ul li a.mean-expand {
    padding: 9px 13px !important;
    background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
	}
	
	.mean-container .mean-nav ul li ul li ul li a{
    	padding: 0.5em 14%;
    	width: 80%;
		background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
	}
	
	.accueil ul.liste-actualites li.titre-date .date-liste{
		width: 12%;
	}
	
	.accueil ul.liste-actualites li.titre-date .date-liste::before{
		left: 11.5%;
	}
	
	.accueil ul.liste-actualites li.titre-date .titre-liste{
		width: 84%;
	}
	
	.accueil ul.liste-actualites li.titre-date .date-liste .jour {
    	font-size: 1.238em;
	}
	
	.accueil ul.liste-actualites li.titre-date .date-liste .mois.mois-double {
    	font-size: 0.89em;
	}
	
	
	.accueil ul.liste-actualites li.titre-date .date-liste .mois {
	    font-size: 1.3em;
	}
	
	#avec_nav_avec_encadres, #avec_nav_sans_encadres, #sans_nav_sans_encadres, #sans_nav_avec_encadres{
		margin-left: auto;
		width: 100%;
		box-sizing:border-box;
	}
	
	#encadres {
    	margin: 0;
    	padding: 1em 1em 0 1em;
    	width: 100%;
    	box-sizing:border-box;
	}
	
	#menu_pied_page {
		text-align: center;
		list-style: outside none none;
	}
	
	.second-pied-page ul.box-adresse-pied_page li.boxcontent-pied_page {
		max-width: none;
		width: 100%;
		text-align: center;
		margin-bottom: 1.5em;
	}
	
	.boxcontent-pied_page ul.box-reseaux-sociaux:last-child {
		margin-left: 0;
	}
	
	.second-pied-page .box-logo li {
		display: inline-block;
	}
	
	.titre-pied-page {
		padding-bottom: 1em;
	}
	
	.box-logo {
    	margin-top: 0.5em;
	}
	
}

/* diapo 1023px */
@media screen and (max-width: 63.938em) {
	
		
	.slider .owl-stage{
		background: #4f4f4f none repeat scroll 0 0;
	}
	
	.slider .owl-caption{
		min-height: 20%;
		height: 30%;
		width: 100%;
		right: 0;
		bottom: 0;
		top: auto;
		max-width: none;
		padding: 0.5em 1em;
		box-sizing: border-box;
		position: relative;
		background:none;
	}
	
	.slider .owl-caption .titre_actu{
	    font-size: 0.8em;
	}
	
	.slider .owl-nav div{
		top: 30%;
	}
	
	
	.slider .owl-nav .owl-next::before, .slider .owl-nav .owl-prev::before {
    	font-size: 30px;
	}
	
	.slider .owl-dots {
	    text-align: center;
	    width: 100%;
	    z-index: 5;
	    padding-top: 0.5em;
	    max-width: none;
		position: initial;
	}
	
	.slider {
		margin-bottom: 1em;
	}
}

/* card en 100% 912px */
@media screen and (max-width: 57em) {
	div[class*="row--"] .layout__slot{
		width: 100%;
	}
	
	.row--0 .style1{
		margin-bottom: 2em;
	}
	
	.row--0 .layout__slot--columnspan6 .card {
		padding-right: 0.5em;
	}
	.boxcontent-pied_page ul{
		padding: 0;
	}
	
	.slider {
    	margin-bottom: 0.5em;
	}
	
}

/* card en 100%  tablette 800px */
@media screen and (max-width: 50em) {
	
	.owl-caption p.resume_actu {
		display: none;
	}
	
	.layout__slot--columnspan10 ul li{
		box-sizing: border-box;
		padding: 0 1.5em;
		width: 100%;
	}
	
	
	.accueil ul.liste-actualites li.titre-date .date-liste::before {
	 content: none;
	}
}

/* petite tablette 640px */
@media screen and (max-width: 40em) {
	
	.galerie-verticale{ 
	width: 90%;
	margin: auto;
}
	
	#loader {
	  top: 40%;
	  border: 0.4em solid #f3f3f3;
	  border-top: 0.4em solid #DC0814;
	  width: 3em;
	  height: 3em;
	}
	
	#page ul.liste-actualites li.titre-date div{
		width: 100%;
		text-align: left;
		min-height: auto;
	}
	
	.accueil ul.liste-actualites li.titre-date .titre-liste{
		width:100%;
	}
	
	#page ul.liste-actualites li.titre-date div.more-liste{
	text-align: right;
	}
	
	#page ul.liste-actualites li.titre-date div span{
		display: inline-block;
		font-size: 1.338em;
		font-weight: normal;
		padding: 0;
	}
	#page ul.liste-actualites li.titre-date div span.jour{
		margin-right: 0.2em;
	}
	
	ul.liste-actualites li.titre-date .date-liste::before {
		content: none;
	}
	
	
	#car-recherche, #car-formation {
		display: block;
    	float: none;
    	max-width: 100%;
	}
	
	#car-formation {
		margin-top: 2em;
	}
	
	.row--2 .layout__slot--columnspan6 .card {
    padding-left: 0.5em;
}
}

/* mobile 496px */
@media screen and (max-width: 31em) {
	#page ul.liste-actualites li.titre-date div span{
		font-size: 1.138em;
	}
	
	.titre-pied-page {
    	font-size: 1em;
	}
	
	.accueil .row--0 .style1 a[class^="type_rubrique"]{
		 position: unset;
    	display: block;
	}
	
	div.row--1 div .card {
		padding-left: 0em;
		padding-right: 0em;
	}
	iframe {
	max-width:100%;
	height:100%;
}
}

/* petit mobile 416px */
@media screen and (max-width: 26em) {

	.mean-container .mean-bar .mean-title{
		font-size: 0.89em;
	}
	
	.mean-container .mean-bar .icon-home{
	    padding-top: 0.12em;
	}
	
	.mean-container a.meanmenu-reveal {
		padding: 11px 14px 11px;
	}
	
	.banniere__baseline{
		display: none;
	}
	
	.accueil .row--2 h2.toolboxCard__title {
		 font-size: 1.2em;
		 line-height: 2.5em;
	}
	
	
	#form_recherche select, #form_recherche input[type="text"] {
	    width: 100%;
	}
	
	.second-pied-page .box-logo li{
		display: table-cell;
	}
	
	iframe {
	max-width:100%;
	height:100%;
}
}