/** responsive design **/

@media screen and (max-device-width: 1024px) {
    .back_to_phone {
	display: none;
    }


    #menu_horizontal .barre_nav {
	display: none !important;
    }

    .profil_1 #menu_horizontal .barre_nav {
	/* display: block !important; */
	position: absolute;
	top: 0px !important;
	left: 50px !important;
	margin: 0;
    }


    .profil_1 #menu_horizontal .barre_nav a {
	color: #efefef;
	line-height: 3em;
    }


    .logo_gauche {
	width: auto;
	height: auto;
    }


    .menu_horizontal:not ul li ul li a {
	padding: 0 0.5em !important;
	margin: 0 0 0 1.6em !important;
	line-height: 1.6em !important;
    }


    #banniere {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #4c2990;
    }

    
    #header .boite.rech_simple + div {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
    }

    
    #header #open_accessibility {
	top: 0 !important;
	right: 0 !important;
	margin: 0 !important;
	padding: 0!important;
    }


    #header .boite.login input:first-child {
	width: 100% !important;
    }
    

    #header .boite input[type="submit"],
    #header .boite input {
	height: 2em !important;
	min-height: 2em !important;
	max-height: none !important;
	line-height: 1em !important;
	font-size: 1em !important;
	outline: none;
	padding: 0 0 0 2px;
	box-sizing: border-box;
    }


    #header .boite input[type="text"], 
    #header .boite input[type="password"], 
    .rech_simple form input[type="text"] {
	padding-left: 5%;
    }


    .boite.login div.form,
    form.rechSimpleForm > div:first-child {
	height: auto;
    }


    #header .boite input[type="text"], .boite.login input#password {
	width: 85% !important;
    }


    #header .boite a {
	float: left;
	margin: 3% 0;
    }


    #menu_horizontal.show_menu > ul {
	max-height: 250px;
	overflow-x: scroll;
    }

    
    #header div[class*="menu"].show_menu > ul,
    #menu_horizontal.show_menu > ul {
	width: 100%;
    }


    #col_wrapper div[class*="menu"]:not(.boite):after {
	height: 2em;
	width: 2em;
    }


    #col_wrapper div.show_menu[class*="menu"] > ul {
	padding: 0px 5%;
	margin: 2em 0 0;
    }


    div[class*="menu"]:not(.boite),
    div[class*="menu"]:not(.boite) > ul {
	border:1px solid #4c2990;
    }


    div[class*="menu"]:not(.boite) {
	float: left;
	width: 100%;
    }


    div[class*="menu"]:not(.boite):after,
    div:not(.boite)[class*="menu"].show_menu:after {
	float: right;
	background-color: #4c2990;
    }


    #menu_horizontal {
	background-color: transparent;
    }


    #menu_horizontal:not(.show_menu) > ul {
	z-index: -1;
    }


    #menu_horizontal.show_menu,
    #header div[class*="menu"] ,
    div[class*="menu"].show_menu > ul,
    #menu_horizontal.show_menu > ul ,
    div:not(.show_menu)[class*="menu"] li.selected_profil > a[href*="/"],
    #menu_horizontal:not(.show_menu) li.selected_profil > a[href*="/"] {
	background-color: #fff;
    }


    #menu_horizontal:not(.show_menu) li.selected_profil > a[href*="/"]:only-child {
	line-height: 1em;
	text-decoration: none;
	font-size: 2em;
	line-height: 1.5em;
	margin: 0 0 0 5px !important;
	padding: 0 !important;
    }

.menu_horizontal > ul > li:first-child {
	display:block;
}


    div[class*="menu"] > ul ul,
    div[class*="menu"] > ul li,
    div[class*="menu"] > ul li a,
    div[class*="menu"] > ul li ul li a,
    #menu_horizontal > ul ul,
    #menu_horizontal > ul li,
    #menu_horizontal > ul li a ,
    #menu_horizontal > ul li ul li a {
	color: #4c2990;
    }

    
    #col_wrapper .boite.news,
    #col_wrapper .boite.calendar,
    #col_wrapper .boite.newsletters,
    #col_wrapper .boite.rech_simple,
    .filtre_recherche > * {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
    }

    
    .article_full header, 
    .article_full .article_content, 
    .article_full footer,
    .article_full .article-img-wrapper {
	width: 100%;
    }


    .article_full .article-img-wrapper {
	margin-bottom: 10px;
    }


    .article_full .article-img-wrapper img {
	width: 100% !important;
	min-width: 100% !important;
	height: auto !important;
    }


    .footer a.goTop {
	position: fixed;
	bottom: 0;
	right: 5%;
	top: auto;
	left: auto;
	font-size: 1em;
	padding: 0 3px;
	background: #fff;
    }

    
    .footer .credit {
	display: none;
    }

.footer .credit1 {
	margin:0px;
}


    .footer .logo {
	position: inherit;
	float: left;
	margin-left: 5%;
    }


    .notice_bloc {
	overflow: hidden;
    }


    .recherche_viewnotice .boiteMilieu .blocs_notice > div{
	margin-bottom: 15px !important;
    }


    .notice_bloc .liste_vignettes,
    .boite.kiosque .contenu  {
	width: 215px !important;
	min-width: 215px !important;
	max-width: 215px !important;
	overflow: hidden;
	margin: 10px auto;
	float: none !important;
    }



    .recherche_viewnotice .notice_bloc .liste_vignettes {
	width: 100000px !important;
	min-width: 100000px !important;
	max-width: 100000px !important;
    }



    .boite.kiosque div[class*="ColMilieu"] .contenu .vignette,
    .boite.kiosque div[class*="ColMilieu"] .contenu  {
	width: 280px !important;
	min-width: 280px !important;
	max-width: 280px  !important;
    }


    .boite.kiosque div[class*="ColMilieu"] .contenu .vignette_img {
	left: 0px;
	width: 100%;
	text-align: center;
    }


    #colMilieuInner .rech_simple form input[type="text"] {
	width: 85% !important;
    }


    #colMilieuInner .rech_simple form input.submit[type="submit"] {
	width: 15% !important;
    }


    #colMilieuInner .rech_simple form input[type="text"],
    #colMilieuInner .rech_simple form input.submit[type="submit"] {
	line-height: 1.5em;
	font-size: 1.5em;
	height: 2em !important;
    }


    .liste_mur .notice > div {
	width: auto !important;
    }


    .liste_mur .notice_wrapper {
	padding: 15px 0;
	margin: 0;
    }


    .liste_mur .notice .vignette-reseaux-sociaux {
	position: absolute;
	bottom: 0;
	left: 0;
    }

    
    .liste_mur .notice .vignette-reseaux-sociaux .permalien-img {
	bottom: 5px;
    }


    .liste_mur .notice .barre-de-lien {
	right: 0;
	bottom: 0;
	left: auto;
    }


    liste_mur .notice .barre-de-lien li:first-child + li, 
    .liste_mur .notice .barre-de-lien li:first-child + li + li, 
    .liste_mur .notice .barre-de-lien li:first-child + li + li + li + li {
	bottom: 5px;
    }


    .liste_mur .notice .barre-de-lien li:first-child + li + li + li + li {
	right: 0;
	background-image: none;
	width: auto;
	height: auto;
    }


    .liste_mur .notice .barre-de-lien li:first-child + li + li + li + li a {
	font-size: 0;
	width: auto;
    }


    table.exemplaires tr > * {
	border: none !important;
    }


    table.exemplaires tr {
	border-bottom: 1px solid #4c2990 !important;
    }


    #col_wrapper .col_gauche,
    #col_wrapper .col_droite {
	margin: 0;
	padding: 0;
    }


    #col_wrapper .layout-division {
	margin-top: 15px !important;
    }


    div[class^="col"] .boite.menu_vertical {
	display: none;
    }


    .boite.news .boiteAccueil .contenu.slideshow .article_full .article_content a, 
    .boite.news .boiteAccueil .contenu.slideshow .article_full .article_content .article_read_full {
	z-index: 101;
	font-weight: 400;
    }


    .recherche_avancee .conteneur_simple {
	position: inherit;
	height: auto;
	margin-top: 15px;
    }


    .colGauche,
    .recherche_avancee .colDroite {
	display: none;
    }


    .recherche_viewnotice .navigation {
	height: 40px !important;
	overflow: visible !important;
	margin-bottom: 10px !important;
    }


    .recherche_viewnotice .boiteMilieu #reseaux-sociaux {
	top: 85px;
	left: 32%;
    }


    .recherche_viewnotice .boiteMilieu .navigation > a + a + a {
	right: 85px;
	left: auto;
	top: 150px;
    }
    

    .recherche_viewnotice .boiteMilieu .navigation div a[title*="suivant"] {
	background-image: url("../images/bouton/pagination_droite.png");
    }


    .recherche_viewnotice .boiteMilieu .notice_vignette {
	min-height: 150px !important;
    }


    .recherche_viewnotice .boiteMilieu .navigation div span {
	font-size: 2em;
	line-height: 1.3em;
    }


    .recherche_viewnotice .boiteMilieu .similaires {
	position: relative !important;
	height: auto;
    }


    .carrousel-control.go-right {
	right: 0;
	left: auto;
    }


    .boite.news .boiteAccueil .contenu.slideshow .news {
	width: 100% !important;
    }


    #col_wrapper .news .article_full {
	width: 100% !important;
    }


    [data-logged="true"] #boite_login .form > * {
	float: left;
	width: 50%;
	text-align: left;
	line-height: 1.5em;
	margin: 0 !important;
	padding: 0 10px !important;
	position: inherit;
    }

    [data-logged="true"] #boite_login  {
	margin-bottom: 10px;	
    }


    [data-logged="true"] #boite_login .account-disconnect {
	float: right; 
    }


    .recherche_viewnotice .boiteMilieu .flags_notice .nouveaute {
	top: 50px;
	left: auto;
    }

    
    .recherche_viewnotice #vignette img {
	width: 30% !important;
    }


    .recherche_viewnotice .boiteMilieu .navigation .panier {
	right: 0;
	left: auto;
	top: 50px;
	position: absolute;
    }


    .recherche_viewnotice .boiteMilieu .view_notice .image {
	left: 32%;
    }


    .recherche_viewnotice .boiteMilieu a.serie {
	right: auto;
	left: 32%;
	width: 60%;
	margin-left: 0;
	top: 120px;
    }


    .liste_mur .notice .barre-de-lien li:first-child + li + li + li + li a::before {
	font-size: 15px;
    }


    .liste_mur .notice .titre_auteur .notice_nouveaute {
	position: inherit;
	top: auto;
	left: auto;
	bottom: auto;
    }


    .liste_mur .notice .barre-de-lien li:first-child + li + li + li {
	display: block !important;
    }


    .liste_mur .notice .barre-de-lien li:first-child + li + li + li {
	right: 0 !important;
    }


    .liste_mur .notice .barre-de-lien {
	position: absolute;
	right: auto;
	left: 0;
	bottom: auto;
	top: 0;
	height: 100%;
	width: 100%;
    }


    .facette_outer > h2,
    .facette_outer > div {
	background: none !important;
	display: block !important;
    }

    
    .facette_outer:before {
	display: none;
    }

		#open_accessibility {
	display:none;
}
}