/**
 * @file
 * Navigation Styling
 */
#navigation {display:none}

@media (max-width:800px) {
	.region-navigation,
	#block-system-main-menu {
	 display:none;
	}
}

/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
.page-widgets #navigation {
  /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */
	width:775px;
}

#navigation .block-title{
	display:none;
}

#header ul.links, /* Main menu and secondary menu links */
#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu, /* Main menu and secondary menu links */
#navigation .content ul /* Menu block links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

/* #main-menu{
	position: absolute;
	top: -65px;
	left: 160px;
}


@media (min-width:800px) and (min-device-width : 800px){
	#main-menu{
		position: absolute;
		top: -65px;
		left: 160px;
	}
}

@media (min-width:1000px) {
	#main-menu{
		position: absolute;
		top: 0px;
		left: 0px;
	}
} */


#block-system-main-menu .content  ul  li, /* A simple method to get navigation links to appear in one line. */
#navigation li { /* A simple method to get navigation links to appear in one line. */
  //float: left; /* LTR */
  padding: 0 10px; /* LTR */
	list-style-image: none;
	list-style-type: none;
}

@media (min-width:1000px) {
	#main-menu li, /* A simple method to get navigation links to appear in one line. */
	#navigation li { /* A simple method to get navigation links to appear in one line. */
	  padding: 0 10px 0 0; /* LTR */
	}
}

#header ul.links {
	position:absolute;
	top:62px;
	right:0;
}

@media (min-width:1000px) {
	#header ul.links {
		top:80px;
	}
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#block-system-main-menu {
/*padding-top:40px;*/
}

#block-system-main-menu .content ul {
	display:flex;
    justify-content: center;
	align-items: end;
}

#block-system-main-menu .content ul {
}

#block-system-main-menu .content ul li {
	/*float:left;*/
}

#block-system-main-menu .content ul li a {
	display:block;
	background-color:#e77c1b;
	font-family: 'Carme', sans-serif;
	font-size:17px;
	color:#ffffff;
	text-transform:uppercase;
	line-height:30px;
	text-decoration:none;
	word-spacing:0.2em;
	letter-spacing:0.05em;
}


#addWidgetLink {
	margin-top:-461px;
	float:right;
	display:inline-block;
	/*width:230px;*/
	padding:0px 15px;
	/*background-color:#e77c1b;*/
	
	font-family: 'Carme', sans-serif;
	font-size:14px;
	color:#3a3a3a;
	text-transform:uppercase;
	line-height:30px;
	text-decoration:none;
	word-spacing:0.2em;
	/*
	letter-spacing:0.1em;
	*/
	
	background: #ffffff; /* for non-css3 browsers */
	
	background-image:url('../images/mon-agglo-ajouter.png');
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:40px;
}

#block-system-main-menu ul ul li a {
	display:block;
	height:30px;
	padding:0px 2px;
	background:#e77c1b;
	
	font-family: 'Carme', sans-serif;
	font-size:14px;
	color:#ffffff;
	text-transform:uppercase;
	line-height:30px;
	text-decoration:none;
	word-spacing:0.2em;
	letter-spacing:0.1em;
}

@media (min-width:1000px) {
	#block-system-main-menu ul li a {
		padding:4px 14px;
	}
}

#block-system-main-menu ul li a {
	background-position:right center;
	background-repeat:no-repeat;
	padding:4px 20px;
	line-height:30px;
	transition:all 0.2s ease;
}

#block-system-main-menu ul li a.active,
#block-system-main-menu ul li:hover a {
	padding:10px 20px;
	position:relative;
}

#block-system-main-menu ul li a.active:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#block-system-main-menu ul li a.active:after { border-top-color: #e77c1b; border-width: 10px; left: 50%; margin-left:-10px;}

#block-system-main-menu ul li.last {
	padding-right:0;
}

#block-system-main-menu ul li.menu-295 a,
#block-system-main-menu ul li.menu-1002085 a {background-color:#6d3e91;}
#block-system-main-menu ul li.menu-295 a.active:after,
#block-system-main-menu ul li.menu-1002085 a.active:after { border-top-color: #6d3e91; border-width: 10px; left: 50%; margin-left:-10px;}

#block-system-main-menu ul li.menu-305 a {background-color:#6d3e91;}
#block-system-main-menu ul li.menu-305 a.active:after { border-top-color: #6d3e91; border-width: 10px; left: 50%; margin-left:-10px;}

#block-system-main-menu ul li.menu-306 a {background-color:#6d3e91;}
#block-system-main-menu ul li.menu-306 a.active:after { border-top-color: #6d3e91; border-width: 10px; left: 50%; margin-left:-10px;}

#block-system-main-menu ul li.menu-307 a {background-color:#6d3e91;}
#block-system-main-menu ul li.menu-307 a.active:after { border-top-color: #6d3e91; border-width: 10px; left: 50%; margin-left:-10px;}


#block-system-main-menu ul ul.menu li.active-trail a  {
	background-color:#ea5b0c !important;
}

#secondary-menu {
  float: right;
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
.block-menu-block {
}


.buttonLink a, a.buttonLink, .view-blog-president .node .links li a {
	font-family: 'Carme';
	/*display:block;*/
	/*border:1px solid black;*/
	/*width:120px;
	height:25px;*/
	line-height:15px;
	font-size:15px;
	text-transform:uppercase;
	/*margin:0 auto;*/
	text-align:center;
	text-decoration:underline;
	background:url('../images/button_orange_eye.png') 0 2px no-repeat;
	color:#6d3e91;
	padding-left:30px;
	font-weight: normal !important;
}

a.buttonEye{color:#6d3e91;background-image:url('../images/button_orange_eye.png');}
.book-296 .buttonEye a, .book-296 a.buttonEye, .view-blog-president .buttonEye a{color:#6d3e91;background-image:url('../images/button_rouge_eye.png');}
.book-303 .buttonEye a, .book-303 a.buttonEye{color:#6d3e91;background-image:url('../images/button_bleu_eye.png');}
.book-304 .buttonEye a, .book-304 a.buttonEye{color:#6d3e91;background-image:url('../images/button_vert_eye.png');}

.buttonArrow a, a.buttonArrow{color:#6d3e91;background-image:url('../images/button_orange_arrow.png');}
.book-296 .buttonArrow a, .book-296 a.buttonArrow{color:#6d3e91;background-image:url('../images/button_rouge_arrow.png');}
.book-303 .buttonArrow a, .book-303 a.buttonArrow{color:#6d3e91;background-image:url('../images/button_bleu_arrow.png');}
.book-304 .buttonArrow a, .book-304 a.buttonArrow{color:#6d3e91;background-image:url('../images/button_vert_arrow.png');}

#monagglo-mag .buttonDownload a, .buttonDownload a, a.buttonDownload{color:#6d3e91;background-image:url('../images/button_orange_dl.png');}
.book-296 .buttonDownload a, .book-296 a.buttonDownload{color:#6d3e91;background-image:url('../images/button_rouge_dl.png');}
.book-303 .buttonDownload a, .book-303 a.buttonDownload, .type--communique a.buttonDownload{color:#6d3e91;background-image:url('../images/button_bleu_dl.png');}
.book-304 .buttonDownload a, .book-304 a.buttonDownload{color:#6d3e91;background-image:url('../images/button_vert_dl.png');}


section.cr-container {display:none;}

#navigation .menu li a:hover {
    background-color: #996abd !important;
}

#main-menu li a:hover{
    background-color: #996abd;
}

#navigation ul.menu li.active-trail a:hover {
    background-color: #d97a46 !important;
}

/* Fond */

.region-navigation {
	padding:110px 20px 20px;
	background: url("../images/fond-home.jpg") center center no-repeat;
	background-size:cover;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	position:relative;
}

.region-navigation:before {
	content:'';
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: -1;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	transition:all 0.3s ease;
	
	
}
.region-navigation:hover:before {
	-webkit-backdrop-filter: blur(0px);
	backdrop-filter: blur(0px);
}

.region-navigation .content {

}