/* Style dédié au menu (arrangement du menu en desktop et mobile) */
@font-face {
	font-family: 'DINOT';
	src: url('fonts/DINOT/DINOT.eot?#iefix') format('embedded-opentype'), url('fonts/DINOT/DINOT.otf') format('opentype'),
		url('fonts/DINOT/DINOT.woff') format('woff'), url('fonts/DINOT/DINOT.ttf') format('truetype'),
		url('fonts/DINOT/DINOT.svg#DINOT') format('svg');
	font-weight: normal;
	font-style: normal;
}

#header {
	position: fixed;
	z-index: 200;
}

.wrap-header-top {
	line-height: 0;
	margin-right: -2em;
	padding-right: 2em;
	position: relative;
	text-align: right;
	z-index: 1;
}

.wrap-header-top::after {
	background: #f1f1f1 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	left: 100%;
	margin-left: -2em;
	position: absolute;
	top: 0;
	width: 99999em;
}

.clearfix::before, .field::before, .wrap-header-main::before, .wrap-content::before, .text-content::before,
	.filter-range::before, .list-dimensions-product-level-1::before, .wrap-locator-main::before, .wrap-focus::before,
	.list-focus::before, .clearfix::after, .field::after, .wrap-header-main::after, .wrap-content::after, .text-content::after,
	.filter-range::after, .list-dimensions-product-level-1::after, .wrap-locator-main::after, .wrap-focus::after,
	.list-focus::after {
	content: " ";
	display: table;
}

.clearfix::after, .field::after, .wrap-header-main::after, .wrap-content::after, .text-content::after, .filter-range::after,
	.list-dimensions-product-level-1::after, .wrap-locator-main::after, .wrap-focus::after, .list-focus::after {
	clear: both;
}

.clearfix, .field, .wrap-header-main, .wrap-content, .text-content, .filter-range, .list-dimensions-product-level-1,
	.wrap-locator-main, .wrap-focus, .list-focus {
	
}

#logo {
	float: left;
	margin: 0 0 0 2em;
	width: 26%;
}

.wrap-logo {
	color: #7a003c;
	display: block;
	font-size: 2em;
	padding: 5px 0;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

.wrap-logo[href]:hover .text-logo, .wrap-logo[href]:focus .text-logo {
	opacity: 1;
}

.wrap-logo img {
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}

.text-logo {
	background: #fff none repeat scroll 0 0;
	font-size: 0.5em;
	left: 0;
	margin: -5px 0 0;
	opacity: 0;
	position: absolute;
	text-transform: none;
	top: 100%;
	transition: all 0.15s ease-in-out 0s;
}

ul.main-menu li a, ul.nav li a, ul.bottommenu-lvl1 li a {
	text-transform: uppercase;
}

ul.main-menu li li a, ul.nav li li a, ul.bottommenu-lvl1 li li a {
	text-transform: none;
}

/*Strip the ul of padding and list styling*/
ul.topmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.topmenu, ul.topmenu-lvl1 {
	position: relative;
}
/*Create a horizontal list with spacing*/
ul.topmenu li {
	display: inline-block;
	float: left;
	margin-right: 1px;
	background: black;
}

/*Style for menu links*/
ul.topmenu li a {
	display: block;
	min-width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}

/*Style for menu links*/
ul.topmenu-lvl1  li a {
	min-width: 100px;
}
/*Hover state for top level menu*/
ul.topmenu-lvl1 li:hover a {
	background: #fff;
	color: orange;
}

/*Hover state for top level menu*/
ul.cpv_head_link li:hover a {
	background: #fff;
	color: #000;
}
/*Hover state for lanquge*/
ul.cpv_head_langue li:hover a {
	background: #fff;
	color: #000;
}
/*Style for dropdown links*/
ul.topmenu-lvl1 li:hover ul.topmenu-lvl2 a {
	background: #fff;
	color: #919191;
	height: 30px;
	line-height: 30px;
	text-align: left;
	min-width: 200px;
}

/*Hover state for dropdown links*/
ul.topmenu-lvl1 li ul.topmenu-lvl2 a:hover {
	background: #fff;
	color: #000;
}
/*dropdown links until they are needed*/
ul.topmenu-lvl1 li ul.topmenu-lvl2 {
	position: absolute;
	display: none;
	box-sizing: border-box;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	border-bottom: 1px solid #919191;
}

/*Make dropdown links vertical*/
ul.topmenu-lvl1 li ul.topmenu-lvl2 li {
	display: block;
	top: 5px;
	text-align: center;
	float: none;
}

ul.topmenu-lvl1 li ul.topmenu-lvl2 li:hover {
	color: #000;
}
/*Prevent text wrapping*/
ul.topmenu-lvl1 li ul.topmenu-lvl2 li a {
	width: auto;
	min-width: 50px;
}

.bottommenu-center-lvl1 .dropdown {
	position: relative;
	float: left;
	width: 25%;
}

/*Display the dropdown on hover*/
.nav>li>a:focus {
	color: black;
}

.navbar-nav>li>a {
	padding: 10px 10px;
}

ul.navbar-nav li a:hover+.dropdown-menu, .dropdown-menu:hover, ul.navbar-nav li a:hover+.dropdown-menu-box,
	.dropdown-menu-box:hover {
	display: block;
}

ul.topmenu-lvl1 li a:hover ul.topmenu-lvl2 li {
	width: 140px;
}

ul.main-menu {
	margin-left: 20pt;
}

#main-menu-top {
	float: left;
	text-align: right;
	/* extends menu to the right */
	width: 100%;
}

#main-menu-top .main-menu {
	background-color: #000;
	list-style: outside none none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#main-menu-top .main-menu>li {
	display: inline-block;
	background: #000;
}

/* changing width for searchbar in topMenu */
.cpv-topMenu .searchbox {
	width: 100%;
	position: relative;
}

.dropdown-menu-box {
	background: #d5d5d5;
	display: none;
	position: absolute;
	right: 0;
	width: 280px;
	z-index: 200;
	padding: 10px;
}

.top-link-search.open .dropdown-menu-box, .dropdown-menu-box:hover {
	display: block;
}

#main-menu-top .main-menu li a {
	display: block;
	white-space: normal;
	padding: 18px 20px;
	font-size: 16px;
	font-family: 'DINOT', arial, sans-serif;
}

#main-menu-top .main-menu li ul li a {
	display: block;
	white-space: normal;
	padding: 20px 20px;
	font-size: 16px;
	font-family: 'DINOT', arial, sans-serif;
	height: 58px;
	line-height: 16px;
}

/* the very last block of the top-menu has no border on his right */
#main-menu-top .main-menu li:last-child li:last-child a {
	border-right: none;
}

.top-link-search {
	border: white;
	background: black;
	color: white;
}

.nav li button.btn-default:hover {
	color: #333;
	/* 	background: #fff 80% 50% url("/cpv/images/icons/loupe.png") no-repeat; */
	background-size: 18px;
}

#header.stuck-sticky {
	background: #fff none repeat scroll 0 0;
	position: fixed;
	top: 0;
	z-index: 999;
}

.logo {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	position: relative;
}

.logo-wrapper {
	position: relative;
	padding: 5.5px 20px 5.5px 60px;
	background: black;
	margin: 0px;
}

.logo-wrapper:hover {
	opacity: 0.8;
}

/* logo sizing */
.logo-wrapper-desktop .img-responsive {
	max-height: 70px;
	max-width: 165px;
}

.logo a {
	display: inline-block;
}

.logo a .logo-img {
	background: #000 none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	height: 40px;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: 18px;
	width: 40px;
}

.logo a .logo-img span {
	bottom: -10px;
	color: #fff;
	display: block;
	font-size: 22px;
	font-weight: 700;
	left: 0;
	margin-top: 10px;
	position: absolute;
	right: 0;
}

.logo a .logo-img.logo-white {
	background: #fff none repeat scroll 0 0 !important;
}

.logo a .logo-img.logo-white span {
	color: #000 !important;
}

ul.cpv_head_link {
	display: block;
}

ul.cpv_head_langue {
	display: block;
}

.cpv_search_form {
	display: block;
	background: #fff;
}

/*menu bar*/
.navbar {
	background: transparent none repeat scroll 0 0;
	border: none;
}

.navbar-toggle {
	background-color: black;
}

.navbar-header {
	height: 5%;
}

.navbar-brand {
	padding: 0px;
}

.navbar-collapse {
	float: left;
	padding-top: 1%;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-family: Din, Arial;
	font-size: 18px;
}

.nav>li {
	background: #000 none repeat scroll 0 0;
}

.nav>li>a, .nav>li>button {
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding-top: 3px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
	line-height: 16.8px;
}

.nav>li>button {
	background: none;
	font-family: Verdana, Arial, sans-serif;
	padding-bottom: 10px;
}

.navbar-default .navbar-nav>li>a {
	color: white;
}

.navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
	{
	color: orange;
	background: #fff;
}

.main-menu-top>li {
	border-right: 1px solid white;
}

.dropdown>li>a {
	color: #888;
	font-size: 14px;
}

.cpv_search_form {
	display: block;
	background: #fff;
}

.form-control {
	text-align: center;
	color: gray;
	border-right: 1px solid white;
	float: left;
}

.cpv_search_submit button {
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 0px;
	border-radius: 0px;
	height: 25px;
	/*     background: #fff 80% 50% url("/cpv/images/icons/loupe.png") no-repeat; */
	background-size: 18px;
}

.navbar-form .form-control, .form-control, .navbar-form {
	width: 100%;
	margin: 0;
	padding: 0;
}

.navbar-form {
	border: 0px;
	border-radius: 0px;
	height: auto;
}

.form-control {
	height: 25px;
}

#main-menu-top .main-menu .navbar-separator {
	width: 8px;
	background-color: #fff;
}

/* Eduthèque home button */
/* displayed only for Eduthèque users */
.edutheque-home-button {
	margin-left: 10px;
	top: 0;
	z-index: 50;
}

.edutheque-home-link {
	background: url("/extension/ezcpv/design/ezcpv/images/edutheque-badge.svg") no-repeat;
	border: none;
	height: 82px;
	text-align: center;
	width: 58px;
	min-width: 58px;
	display: block;
}

.edutheque-home-link:hover {
	background: url("/extension/ezcpv/design/ezcpv/images/edutheque-badge.svg") no-repeat;
}

.langButtons {
	float: right !important;
	height: 58px !important;
}

/*Hover state for dropdown links*/
.navbar-nav>li>a:hover {
	color: orange;
}

.navbar-nav>li.open {
	color: orange;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

/**
 * Languages menu
 */
#main-menu-top .top-menu__dropdown--lang__link {
	font-family: 'Verdana', arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
}

#main-menu-top .top-menu__dropdown--lang:hover .dropdown--lang__box, .dropdown--lang__box:hover {
	display: block;
}

.dropdown--lang__box {
	background: #d5d5d5;
	display: none;
	position: absolute;
	right: 0;
	width: 280px;
	z-index: 200;
}

.dropdown__separator {
	border-top: 1px solid white;
}

#main-menu-top .dropdown--lang__list__item__link--translate, #main-menu-top .dropdown--lang__list__item__link--redirect
	{
	display: block;
	line-height: 30px;
	height: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

#main-menu-top .dropdown--lang__list__item__link--translate {
	color: #000;
	font-family: 'Verdana', arial, sans-serif;
	font-size: 14px;
	text-transform: capitalize !important;
}

#main-menu-top .dropdown--lang__list__item__link--redirect {
	color: #666666;
	font-family: 'DINOT', arial, sans-serif;
	font-size: 12px;
	text-transform: initial;
}

#main-menu-top .right-to-left {
	direction: rtl;
	text-align: right;
}

/* End of languages menu */
ul.bottommenu-lvl1>li {
	padding: 10px 20px;
}

.bottommenu .dropdown {
	position: relative;
}

.bottommenu .dropdown a {
	position: relative;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	color: #000;
}

.bottommenu .expand {
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 10;
}

.bottommenu .expand .caret {
	margin: 15px 30px 0 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid white;
}

.bottommenu .expand[aria-expanded="true"] .caret {
	margin: 15px 30px 0 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid white;
}

.dropdown-menu {
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	margin-top: 0px;
	padding: 0;
	width: 200pt;
}

@media ( max-width : 960px) {
	.col-md-height {
		display: table-cell;
		float: left;
	}
	#message_information {
		width: 100%;
		left: 0;
	}
	.img-resp {
		width: 100%;
	}
	.block-separator, .top-block-separator {
		margin: 1em 12em 2em 1em;
	}
}

@media ( max-width : 1200px) {
	.mediumblock {
		min-height: 305px;
	}
}

/* min-width from 960px to 1px in order to always apply desktop view */
@media ( min-width : 1px) {
	.bottommenu-lvl1 {
		width: 200px;
	}
	.mediumblock {
		/* 		min-height:388px; */
		
	}
	.col-bas .littlemixblock {
		min-height: 405px;
		*/
	}
	.col-md-height {
		display: table-cell;
		float: none !important;
	}
	.zone-separator-right {
		border-right: 3px solid #fff;
	}
	.zone-separator-top {
		border-top: 3px solid #fff;
	}
	.mainblock {
		min-height: 405px;
		max-height: 688px;
	}

	/* no max-height if width < 960px : we display because we show all image content */
	.col-top {
		max-height: 688px;
	}
	.cpv-topMenu .langButtons [name='modificationLocale'] button {
		font-size: 11px;
		padding-left: 3px;
	}
}

.mediumblock .img-responsive, .mainblock .img-responsive {
	width: 100%;
}

.navbar-form input[type=text] {
	border: none;
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	font-family: Verdana;
	font-size: 11px;
}

#main-menu-collapse .nav-stacked>li {
	float: none;
	height: auto;
}

#main-menu-collapse .nav-stacked>li>a {
	font-size: 24px;
	padding: 3px 15px;
	text-align: left;
}

#main-menu-collapse .dropdown-menu {
	float: none;
	position: relative;
	margin: 0;
	border-radius: 0;
}

#main-menu-collapse .dropdown-menu a {
	font-size: 14px;
}

.bottommenu .caret {
	border-top-color: #fff;
}

#sub-menu .container-fluid {
	margin: 2px 0 2px 0;
	padding: 0;
}

.top-link-search>a {
	width: 100%;
	height: 100%;
	background-size: 18px;
	padding: 19px 20px;
}

.top-link-search>a>img {
	width: 18px;
}

.top-link-search-img {
	color: #333;
	background: black 80% 50% url("/cpv/images/icons/loupeWhite.png") no-repeat;
	background-size: 18px;
	width: 22px;
	height: 22px;
}

.footer-bottommenu {
	padding: 10px 0px;
}

.footer-bottommenu-center {
	padding: 5px 20px;
	width: 1100px;
	float: left;
}

.footer-bottommenu-right .img-responsive {
	width: 140px;
	max-height: 140px;
}

.footer-bottommenu-right {
	padding: 5px 20px;
	width: auto;
	float: right;
}

.bottommenu-right-lvl1 .dropdown {
	text-align: right;
}

.activePage {
	background: white !important;
	color: black !important;
}

.headerCmsLinks {
	display: flex;
}

.float_r {
	float: right !important;
}

.link_iframe {
	background: #008AC9;
	color: white;
	padding: 10px 10px;
	text-transform: capitalize !important;
	cursor: pointer;
	border-radius: 30px;
	font-weight: bold;
	font-family: 'DINOT' !important;
}

.link_iframe:hover {
	background: #005D98;
}

.link_iframe:focus, .link_iframe:active {
	background: #5CBAFC;
}

.headerCmsLinksResponsive {
	display: none !important;
}

.footerChevronMobile {
	display: none;
}

/* NAV burger */
.cd-primary-nav-trigger {
	margin-top: 4px;
	position: absolute;
	height: 50px;
	right: 20px;
	width: 50px;
	background-color: black;
	z-index: 1;
}

.cd-primary-nav-trigger .cd-menu-icon {
	/* this span is the central line of the menu icon */
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 20px;
	height: 3px;
	background-color: white;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	/* these are the upper and lower lines in the menu icon */
}

.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s;
}

.cd-primary-nav-trigger .cd-menu-icon::before {
	top: -7px;
}

.cd-primary-nav-trigger .cd-menu-icon::after {
	top: 7px;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
	background-color: rgba(255, 255, 255, 0);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	background-color: white;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	top: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}

.headerBurgerMenu {
	height: 58px;
	width: 100%;
	margin: 0 auto;
	display: none;
}
/* END NAV burger */
#footer {
	z-index: 10;
	position: relative;
}

.bottommenu-lvl1>li>span, .bottommenu-lvl1>li>a {
	color: white;
	text-transform: uppercase;
	font-size: 12px !important;
}

.li-block-networks-separator:nth-child(1) {
	width: 500px;
	float: left;
}

.li-block-networks-separator:nth-child(2) {
	width: 500px;
	float: right;
}

.li-block-networks-separator:nth-child(3) {
	width: 150px;
	float: right;
}

.social-networks-logos img:hover {
	opacity: 0.5;
}

.rotate90 {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

.top-menu__dropdown--lang.open>ul>.dropdown--lang__box {
	display: block !important;
}

.dropdown--lang__box {
	right: -5px;
}

.top-menu__dropdown--lang__link:hover+ul {
	display: none;
}

.open>.top-menu__dropdown--lang__link:hover+ul {
	display: block !important;
}

.navbar-nav-right {
	display: flex;
	justify-content: flex-end;
}

.navbar-nav-right>li {
	border-bottom: 1px solid #a5a5a5;
	position: relative;
}

.navbar-nav-right>li>a {
	color: white;
}

.navbar-nav-right>li>a:hover {
	color: black;
}

.top-link-search>a {
	display: flex !important;
}

.link-search-span {
	display: none;
	padding: 0px 10px 0px 0px;
}

.chevronMenuHead {
	padding: 5px;
	display: none;
}

/* PART RESPONSIVE // PART RESPONSIVE */

/* Pour les médias non mobiles ou tablette a écran large */
@media ( min-width : 1158px) {
	#menu-res>li>a:hover, #menu-res>.navbar-nav-right>li>a:hover {
		background: #d5d5d5 !important;
	}
	.nav li a:hover, .nav li button:hover, #main-menu-top .main-menu li a:hover, #main-menu-top .main-menu li a.active {
		border: black;
		background-color: white;
		color: black;
	}
	#menu-res li>.dropdown-menu>li>a {
		padding: 14px 20px;
		background-color: #d5d5d5;
		text-transform: initial;
	}
	ul.dropdown-menu li a {
		color: #000;
		background-color: white;
		font-size: 18px;
	}
	.navbar-default .navbar-nav li:hover  a.dropdown-toggle {
		color: black;
		background-color: #d5d5d5;
	}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
		background-color: #d5d5d5 !important;
	}
	#main-menu-top .top-menu__dropdown--lang__link:hover {
		color: #666666;
		background: #d5d5d5 !important;
	}
	.top-link-search.open>a>span {
		color: black;
		text-decoration: none;
	}
	.top-link-search.open>a>.top-link-search-img {
		color: #333;
		background: #d5d5d5 80% 50% url(/cpv/images/icons/loupe.png) no-repeat;
		background-size: 18px;
		width: 22px;
		height: 22px;
	}
	.top-link-search.open:hover .top-link-search-img {
		color: #333;
		background: #d5d5d5 80% 50% url(/cpv/images/icons/loupe.png) no-repeat;
		background-size: 18px;
		width: 22px;
		height: 22px;
	}
	.top-link-search:hover .top-link-search-img {
		background: #d5d5d5 80% 50% url("/cpv/images/icons/loupe.png") no-repeat;
		background-size: 18px;
		width: 22px;
		height: 22px;
	}
}

@media all and (max-width: 1397px) {
	.footer-bottommenu-center {
		width: 900px;
	}
}

@media all and (max-width: 1381px) {
	.bottommenu {
		width: 1094px;
		margin: 0 auto;
	}
	.footer-bottommenu {
		display: block;
	}
	.footer-bottommenu-center {
		padding: 0px 5px;
		width: 900px;
	}
	ul.bottommenu-lvl1>li {
		padding: 10px 12px 14px 12px;
	}
	.footer-bottommenu-right {
		padding: 0;
	}
}

/* tablette et téléphone */
@media ( max-width : 1157px) {
	.navbar-default .navbar-nav li:hover  a.dropdown-toggle {
		color: #fff;
		background-color: #000;
	}
	.dropdown--lang__box {
		right: 0px;
	}
	#main-menu-top .main-menu li ul li a {
		padding: 10px 20px;
		height: 100%;
		color: #777;
		line-height: 1.2;
		font-size: 16px;
	}
	.dropdown-menu-box {
		left: 0px;
		width: 100%;
		margin-top: 0px;
	}
	#menu-res li a.dropdown-toggle {
		padding-left: 0px;
	}
	.chevronMenuHead {
		display: inline;
	}
	.navbar-nav-right {
		display: block;
	}
	.link-search-span {
		display: block;
	}
	.langButtons {
		border-bottom: 1px solid #a5a5a5 !important;;
		box-sizing: content-box !important;;
		width: 100% !important;;
		float: none !important;
	}
	.top-menu__dropdown--lang__link {
		text-align: left !important;
	}
	.social-networks-logos {
		height: 52px !important;
	}
	.bottommenu_networks .social-networks-logos a {
		padding: 0px !important;
	}
	.headerCmsLinksResponsive {
		border: none !important;
	}
	.dropdown--lang__box {
		width: 100%;
	}
	.footer-bottommenu-right {
		width: 100%;
	}
	.footer-bottommenu-center {
		width: 100%;
	}
	.footerChevronMobile {
		display: block;
	}
	.li-block-networks-separator:nth-child(2), .li-block-networks-separator:nth-child(1) {
		float: none;
		margin: 0 auto;
	}
	ul.bottommenu_networks, ul.bottommenu_networks-lvl1 {
		display: flex;
		margin-top: 25px;
	}
	.bottommenu {
		width: 100%;
	}
	.bottommenu_networks>li {
		margin: 0 auto;
	}
	.bottommenu-right-lvl1 .dropdown {
		text-align: center;
	}
	.dropdown-menu-box {
		float: right;
	}
	#main-menu-top .main-menu>li {
		display: block;
	}
	.headerCmsLinks {
		display: none
	}
	.headerCmsLinksResponsive {
		display: block !important;
	}
	.navbar-nav>li {
		float: none;
	}
	.float_r {
		float: none !important;
	}
	.headerBurgerMenu {
		display: block;
	}
	#menu-res {
		display: none;
		overflow-y: scroll;
	}
	#menu-res>li:nth-child(1) {
		border-top: 1px solid #a5a5a5;
	}
	#menu-res>li {
		border-bottom: 1px solid #a5a5a5;
	}
	#menu-res>li>a {
		text-align: left;
	}
	#menu-res li ul {
		width: 100%;
		position: relative;
		margin-bottom: 20px;
	}
	#menu-res .dropdown-menu {
		float: none;
	}
	.logo-wrapper-desktop {
		position: absolute;
	}
	ul.navbar-nav li a:hover+.dropdown-menu, .dropdown-menu:hover {
		display: none;
	}
	.open>.dropdown-menu {
		display: block;
		top: 0%;
	}
	#menu-res {
		padding: 0px 10px;
	}
	#main-menu-top .main-menu {
		padding: 0px 20px;
	}
	.activePage {
		background: black !important;
		color: white !important;
	}
	.open>ul.navbar-nav li a:hover+.dropdown-menu, .open>.dropdown-menu:hover, .open>.dropdown-menu {
		display: block;
	}
	.open:hover>.dropdown-menu {
		display: block !important;
	}
	.bottommenu_networks {
		width: 100%;
	}
	.bottommenu_networks>li {
		background: black !important;
	}
	.bottommenu_networks>li>a {
		height: 100% !important;
		float: left;
	}
	.bottommenu_networks>li>a:hover {
		background: black !important;
	}
	.headerCmsLinksResponsive .bottommenu_networks>li>a>div>img {
		filter: invert(100%);
		-webkit-filter: invert(100%);
		background: white;
	}
	#main-menu-top ul.main-menu li a {
		background: #000;
		color: #fff;
	}

	/* Eduthèque home button */
	/* displayed only for Eduthèque users */
	.edutheque-home-button {
		margin-left: 10px;
		position: absolute;
		top: 0;
		left: 175px;
	}
	.edutheque-home-link {
		background: url("/extension/ezcpv/design/ezcpv/images/edutheque-badge.svg") no-repeat;
		border: none;
		height: 82px;
		text-align: center;
		width: 58px;
		display: block;
	}
	.edutheque-home-link:hover {
		background: url("/extension/ezcpv/design/ezcpv/images/edutheque-badge.svg") no-repeat;
	}
}

@media ( max-width : 897px) {
	.bottommenu {
		width: 582px;
	}
	.bottommenu-center-lvl1 .dropdown {
		float: none;
		width: 100%;
		display: block;
		border-top: 1px solid #ffffff2e;
	}
	.footer-bottommenu-right>.bottommenu_networks, .footer-bottommenu-right>nav {
		border-top: 1px solid #ffffff2e;
	}
	.footer-bottommenu-right>.bottommenu_networks>.social-networks-logos, .footer-bottommenu-right>nav {
		padding: 13px;
	}
	.li-block-networks-separator:nth-child(2), .li-block-networks-separator:nth-child(1) {
		width: 100%;
	}
	.footer-bottommenu-right>nav {
		border-bottom: 1px solid #ffffff2e;
	}
}

@media ( max-width : 627px) {
	.bottommenu {
		width: 100%;
	}
	.li-block-networks-separator:nth-child(1), .li-block-networks-separator:nth-child(2) {
		width: 100%;
	}
	.li-block-networks-separator>.block-networks-separator>li:nth-child(1) {
		width: 100%;
	}
	.li-block-networks-separator>.block-networks-separator>li {
		width: 50%;
	}
	/*     li:nth-child(1) > .block-networks-separator > li:nth-child(4){ */
	/*     display:none;} */
	.bottommenu-right-lvl1 .footerChevronMobile {
		display: none !important;
	}
	.bottommenu-lvl2 {
		display: none;
	}
}