/*
Theme Name: SRBGE
Author: Kévin Furet
Author URI: http://www.kevinfuret.com/
Version: 1.0
*/

/* ---------------------------------- */
/* Fonts                              */
/* ---------------------------------- */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?3q3eji');
  src:  url('fonts/icomoon.eot?3q3eji#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?3q3eji') format('truetype'),
    url('fonts/icomoon.woff?3q3eji') format('woff'),
    url('fonts/icomoon.svg?3q3eji#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-download:after {
  content: "\e900";
}
.icon-login:after {
  content: "\e901";
}
.icon-search:after {
  content: "\e902";
}


@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('fonts/lato-regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato-regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* End Fonts */


/* ---------------------------------- */
/* Generals                           */
/* ---------------------------------- */
/* html { font-size: 62.5%; } règle existante dans base.css */
body {
	font-family: "montserratlight", sans-serif;
	font-size: 1.4rem; font-size: 14px; 
	line-height: 1.2;
	color:#747474;
	background-color:white;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfloat::after{
	clear:both;
	display: block;
	content: "";
	font-size:0;
	line-height: 0;
	visibility:hidden;
	width:0;
	height:0;
}
/* Titles */
h1, h2, h3, h4, h5, h6 {
	font-family: "latosemibold", sans-serif;
	color:#20b3bf;
	margin: 1rem 0 .5rem 0; margin: 10px 0 5px 0;
   line-height:1.2;
}
h1.entry-title, h1.entry-title a, h1.page-title, h1.page-title a{
	font-size: 2rem; font-size: 20px;
	color:#33855c;
	text-transform:uppercase;
}
h1, h1 a{
   font-size: 1.8rem; font-size: 18px;
}
h2, h2 a{
   font-size: 1.7rem; font-size: 17px;
	color:#33855c;
}
h3, h3 a{
   font-size: 1.6rem; font-size: 16px;
}
h4, h4 a{
	font-size: 1.5rem; font-size: 15px;
	color:#33855c;
}
h5, h5 a{
	font-size: 1.5rem; font-size: 15px;
}
h6, h6 a{
	font-size: 1.5rem; font-size: 15px;
	color:#747474;
}

/* Lists */
.entry-content ul, .entry-content ol {
   margin: .75rem 0 .75rem 1rem; margin: 7.5px 0 7.5px 10px;
}
header ul, footer ul, #secondary ul{
   list-style:none;
}
.entry-content h6 + ul{
   list-style:none;
   margin: .75rem 0 2rem 0; margin: 7.5px 0 20px 0;
   padding-left: 1rem; padding-left:10px;
}

/* Paragraphs */
p {
   margin: .75rem 0; margin: 7.5px 0; /* Marges plus faibles que par défaut.*/
   text-align:justify;	
}
address{
   margin: .75rem 0; margin: 7.5px 0; /* Marges plus faibles que par défaut.*/
   font-style: italic;
}
code{
	 color:#747474;
}
mark, .searchwp-highlight{
	background-color: #09dff1;
}
/* Links */
a {
   text-decoration: none;
   color:#20b3bf;
	transition: all linear 0.2s;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;   
}
a:hover, a:focus, a:active {
   color:#006633;
}
p a:hover, p a:focus, p a:active {
   text-decoration:underline;
}
/* Forms */
input + label{
	margin-left:0.7rem; margin-left:7px;
}
input, select{	
	font-size:1.3rem; font-size:13px;
	padding:0.8rem; padding:8px;
	display:inline-block;	
}
input[type="submit"], .boxes .search-form button, table.downloads form button{
	background-color:#20b3bf;
	border:none;
	color:white;
	margin:0;
	padding:0.8rem 1.2rem; padding:8px 12px;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;   		
}
input[type="submit"]:hover, .boxes .search-form button:hover, table.downloads form button:hover{
	background-color:#a0a0a0;
	color:white;   		
}
form{
	margin-top:40px; margin-top:4rem;
	margin-bottom:20px; margin-bottom:2rem;
}
fieldset{
	background-color:#eef0f2;
	margin:0;
	padding:0 1rem 1rem 1rem; padding:0 10px 10px 10px;
}
fieldset legend{
	background-color:white;
	padding:0 1rem; padding:0 10px;
}
textarea{
	width:100%;
	overflow:visible;
	resize:none;
}
.entry-content > table:last-child{
   margin: 0 ;
}
@media screen and (max-width:600px){
.entry-content table tbody tr td{
	width:auto !important;
}
}
/* Images */
.gallery img{
	border:1px solid #CCC !important;
}


article table{
	border-collapse:collapse;
	margin:20px 0 0 0; margin:2rem 0 0 0;
}
table tbody tr:nth-of-type(2n+1) {
    background-color:#eef0f2;
}
/* End Generals */

/* Cookie Bar */
.cookie{
	display:none;
	position:fixed;
	z-index:100000;
	bottom:0;
	left:0;
	right:0;
	color:#666;
	padding:1.5rem;
	background-color:rgba(0,0,0,0.8);
	font-size:1.2rem;
}
.cookie p{
	text-align:center;
	line-height: 2;
	color:white;
	margin:0;
}
.cookie a{
	text-decoration:underline;
	color:white
}
.cookie_btn{
	display:inline;
	margin-left:1rem; margin-left:10px;
	padding:0.7rem; padding:7px;
	cursor:pointer;	
	border:none;
	background-color:#20b3bf;
	color:white;
}
.visible{
	display:block;
}
/* End Cookie Bar */


/* ---------------------------------- */
/* Layout                             */
/* ---------------------------------- */
.header-content, .login-content, .search-content, .page-content, .sponsors-content, .footer-content, #notice-srbge, header#top-header .top-header-content, div#top-searchbar .top-searchbar-content{
	width:100%;
	max-width:1024px;
	margin:0 auto;
}
#page{
	margin:4rem 0; margin:40px 0;
}
#page, .page-header, .thumbnail .post-thumbnail{
	margin-bottom:4rem; margin-bottom:40px;
}
@media screen and (max-width:1024px){
#page{
	margin:2rem; margin:20px;
}
}
article.article_found{
	margin-bottom:4rem; margin-bottom:40px;
}

/* ---------------------------------- */
/* Header                             */
/* ---------------------------------- */
div#top-searchbar span, header#top-header a{
	position:relative;
	display:block;
    text-decoration: none;
	color:white;
	position:relative;
	cursor:pointer;		
}

div#top-searchbar{
	display:none;
	background:#EEE;
	text-align:center;
	position:relative;
}
div#top-searchbar .search-form-header{
	margin:0;
}
div#top-searchbar .search-form-header input.search-field{
	font-size:1.5rem; font-size:15px;
	padding:1rem 0rem; padding:10px 0;
	border:none;
	border-bottom:1px solid #939393;
	background:none;
	color:black;
	width:80%;
}
div#top-searchbar .search-form-header button.search-submit{
    background: none;
	border:none;
	padding:0;
}
div#top-searchbar .search-form-header button.search-submit span.icon{
	font-size:2rem; font-size:20px;
	color:#939393;
	padding:1.5rem 1rem 1rem 1rem; padding:15px 10px 10px 10px;
}

header#top-header{
	background-color:black;
}
header#top-header ul{
	margin:0;
	padding:0;
	text-align:right;
}
header#top-header ul li{
	position:relative;
	float:right;
}
header#top-header a.icon-search{
	padding:0.7rem 0 0.7rem 2rem; padding:7px 0 7px 20px;
}
header#top-header a.icon-login{
	padding:0.7rem; padding:7px;
}
header#top-header a.icon{
	font-size:1.7rem; font-size:17px;
}
header#top-header a:hover{
	color:#00d5e7;
}
header#top-header a#logged{
	color:black;
	background-color:white;
	padding-right:17px;
	padding-left:17px;
}
header#top-header ul li span.username{
	margin-right:1rem; margin-right:10px;
	font-family: "montserratlight", sans-serif;
	font-size: 1.3rem; font-size: 13px; 
	display:inline-block;
}
header#top-header #user_details{
	display: none;
	position:absolute;
	right:0;
	background-color:black;
	z-index:10000;
	padding: 1.5rem 1.5rem 1rem; padding:15px 15px 10px;
	width:100%;
}
header#top-header #user_details a{
	padding: 0.3rem 0; padding:3px 0;
}
header#top-header #user_details ul{
	border-top:1px solid white;
	padding-top:10px;
	margin-top:10px;
}
header#top-header #user_details ul li{
	padding:0;
	float:none;
}

header#header{
	background-color:#006633;
}
.header-content ul{
	padding:0;
	text-align:center;
}
.header-content ul li{
	float:left;
}
.header-content ul li a{
	display:block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
	color:#eef0f2;
	cursor:pointer;
	position:relative;
}
.header-content a:hover, .header-content a:focus, .header-content a:active,
.header-content ul li:hover > a,
.header-content ul li.current-menu-ancestor > a,
.header-content ul li.current-menu-item > a, .header-content ul li.current-menu-parent > a{
	color:#00d5e7;
}

.site-branding, .site-branding > a, .site-branding h1{
	float:left;
}
#site-navigation{
	float:right;
}
.site-branding h1 a{
	font-family: "latosemibold", sans-serif;
	color:#eef0f2;
   display:block;
}
#site-navigation ul li a{
	font-family: "latosemibold", sans-serif;
}
#site-navigation ul li.visible {
	display: block;
}
#site-navigation ul li ul.sub-menu{
	display:none;
	background-color:#197547;/* #006633 90% */
}
#site-navigation ul li ul.sub-menu li ul.sub-menu{
	background-color:#33855c;/* #006633 80% */
}
#site-navigation ul.sub-menu li.menu-item-has-children > a:after{
	content:">";
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);		
	margin-left:1.5rem;
	display:inline-block;
}

@media screen and (min-width:901px){
#site-navigation ul.sub-menu{
	position:absolute;
	z-index:1000;
	left: 0;
	right:0;
	height:auto;
}
#site-navigation > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 0;
    width: 100%;
    background: transparent;
    transition: height .5s ease, background-color .5s ease;
    z-index: 999;
}
#site-navigation > ul > li.current-menu-ancestor > a::after,
#site-navigation > ul > li.current-menu-item > a::after,
#site-navigation > ul > li.current-menu-parent > a::after, 
#site-navigation > ul > li > a:hover::after {
    height: 3px;
    background: #00d5e7;
}
}

@media screen and (min-width:1024px){
div#top-searchbar .search-form-header{
	padding:20px 42px;
}
.site-branding{
	width:30%;
}
#site-navigation{
	margin-left:10%;
}
.site-branding h1{
	max-width:19rem; max-width:190px;
	margin:0;
}
.site-branding h1 a{
   font-size: 1.5rem; font-size: 15px;	
   padding:1.9rem 0 1.9rem 1.5rem; padding:19px 0 19px 15px;
}

.header-content ul{
	margin:0 auto;
}
#site-navigation ul li a{
	font-size: 1.5rem; font-size: 15px;
	padding: 2.6rem 1.5rem; padding: 26px 15px;
}
#site-navigation ul.sub-menu li{
	display: inline-block;
	text-align: center;
	width: auto;
	float: none;
	height: auto;
	padding: 0;
	margin: 0;
}
#site-navigation ul.sub-menu a{
	width:auto;
	height:auto;
	font-size: 1.2rem; font-size: 12px;
	padding: 1.8rem 1rem; padding: 18px 10px;
}
#site-navigation ul.sub-menu li ul.sub-menu{
	position:absolute;
	height:auto;
}
}

@media screen and (min-width:901px) and (max-width:1023px){
#site-navigation{
	width:60%;
}
.site-branding{
	width:30%;
}
.site-branding h1{
	max-width:17.5rem; max-width:175px;
	margin:0;
}
.site-branding h1 a{
   font-size: 1.3rem; font-size: 13px;	
   padding:2.4rem 0 2.4rem 1.5rem; padding:14px 0 14px 15px;
}
.site-branding > a img {
    display: block;
	width:auto;
    height: 60px;
}

#site-navigation ul li a{
	font-size: 1.3rem; font-size: 13px;
	padding: 2rem 1.5rem; padding: 20px 15px;
}
#site-navigation ul.sub-menu li{
	display: inline-block;
	text-align: center;
	width: auto;
	float: none;
	height: auto;
	padding: 0;
	margin: 0;
}
#site-navigation ul.sub-menu a{
	width:auto;
	height:auto;
	font-size: 1.1rem; font-size: 11px;
	padding: 1.9rem 1rem; padding: 19px 10px;
}
#site-navigation ul.sub-menu li ul.sub-menu{
	position:absolute;
	height:auto;
}
} 

@media screen and (max-width:1023px){
div#top-searchbar .search-form-header{
	padding:1rem 2rem; padding:10px 20px;
}

.top-header-content{
	padding:0 2rem; padding:0 30px;
}
}

@media screen and (max-width:900px){
.menu-btn {
	float:right;
	padding-right:2rem; padding-right:20px;
	width:60px;
	margin:1.75rem 0; margin:17.5px 0;
	cursor:pointer;
}
.menu-btn span {
	display: block;
	width: 19px;
	height: 3px;
	margin: 4px auto;
	background: #eef0f2;
}
.menu-btn-close{
	width: 40px;
	height: 40px;
	display:none;
	position:absolute;
	z-index:1000;
	top:0;
	left:200px;
	float:none;
	margin:0;
	background-color:#183019;
}
.menu-btn-close.expand{
	display:block !important;
}
.menu-btn-close::before{
	background: white;
	position: absolute;
	display:block;
	content:'';
	width: 70%;
	height: 6%;
	top: 47%;
	left: 15%;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);	
} 
.menu-btn-close::after{
	background: white;
	position: absolute;
	display:block;
	content:'';
	width: 6%;
	height: 70%;
	left: 47%;
	top: 15%;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);		
} 
.open-menu-link{
	display: none;
	position: absolute;
	left: 0;
	top:0;
	margin-left:10px;
	font-size: 27px;
	cursor: pointer;
}
.header-content nav{
	position:fixed;
	bottom: 0;
	left: 0;
	top: 0;
	z-index:10000;
	width:100%;
	margin-left:-100%;
	transition: margin 0.5s;
	-webkit-transition: margin 0.5s;
	-moz-transition: margin 0.5s;
	-ms-transition: margin 0.5s;
	-o-transition: margin 0.5s;
	background-color:rgba(24,48,25,0.8)/* #006633 90% */
}
.header-content nav.expand {
	margin-left:0;
}
.header-content nav ul{
	height:100%;
	max-width:200px;
	background-color:#006633;
}
.site-branding > a img {
	width:auto;
	height:60px;
}
#site-navigation > ul > li {
	float:none;
    width:auto;
	border-bottom:1px solid #004624;
}
#site-navigation ul.sub-menu li{
	float:none;
	border-top:1px solid #006633;
	border-bottom:none;
}
#site-navigation ul li a{
	font-size: 1.3rem; font-size: 13px;
	padding: 1.4rem 0; padding: 14px 0;
	display:block;
}
}

@media screen and (min-width:481px) and (max-width:900px){
.site-branding h1{
	max-width:17.5rem; max-width:175px;
	margin:0;
}
.site-branding h1 a{
   font-size: 1.2rem; font-size: 12px;	
   padding:2.5rem 0 2.5rem 1.5rem; padding:15px 0 15px 15px;
}
}

@media screen and (max-width:480px){
.site-branding h1 a{
	display:none;
}
}



/* ---------------------------------- */
/* Homepage                           */
/* ---------------------------------- */
@media screen and (min-width:481px){
div.homepage div#primary section{
	float:left;
}
div.homepage section#articles{
	width:55%;
	padding-right:6rem; padding-right:60px;
}
section#feeds{
	width:45%;
	min-height:600px;
}
}
@media screen and (max-width:800px){
section#sponsors li {
	padding:10px;
	display:inline-block;
	vertical-align:middle;
	width:100px;
}
section#sponsors li p{
	text-align: left;
	font-size: 1rem; font-size: 10px;
}
}
@media screen and (min-width:801px){
div.homepage div#primary{
	width:80%;
	float:left;
}
div.homepage aside#secondary{
	float:left;
	width:20%;
	padding-left:2rem; padding-left:20px;
}
section#sponsors p{
   text-align:center;
   font-size:1rem; font-size:10px;
   margin:1rem 0; margin:10px 0;
}
section#sponsors li:first-child p{
   margin-top:0;
}
}

div.homepage section#articles article{
	margin-bottom:5rem; margin-bottom:50px;
	border-left:2px solid #33855c;
	padding-left:1.5rem; padding-left:15px;
}
div.homepage section#feeds{
	padding-right:2rem; padding-right:20px;
}
section#sponsors{
	text-align:center;
	padding:0 1rem 1rem 1rem; padding:0 10px 10px 10px;
}
section#sponsors li.category{
	margin-top:50px;
}
section#sponsors li.category:first-child{
	margin-top:0;
}
section#sponsors a.website{
	display:block;
}
section#sponsors img{
	width:100%;
	max-width:150px;
	max-height:150px;
}
@media screen and (max-width:800px){
.home section#sponsors{
	border-top: 5px solid #eef0f2;
	margin-top: 2rem;margin-top: 20px;
	padding: 2rem 0;padding: 20px 0;
}
}
section#sponsors ul{
	padding:0;
	margin:0 0 4rem 0; 0 0 40px 0;
}
/* End Homepage */


/* ---------------------------------- */
/* Footer                           */
/* ---------------------------------- */
footer section ul{
	padding:0;
}
@media screen and (max-width:1024px){
div.footer-content{
	padding:0 2rem; padding:0 20px;
}
footer#sponsors div.sponsors-content li {
	width:100px;
}
}
@media screen and (min-width:1025px){
footer#sponsors div.sponsors-content li p{
	max-width: 120px;
}
}
footer#sponsors{
	border-top:5px solid #eef0f2;
	background-color:white;
	padding:2rem 0; padding:20px 0;
}
footer#sponsors div.sponsors-content{
	text-align:center;
	position:relative;
	padding:0;	
}
footer#sponsors div.sponsors-content ul{
	margin:0;
	padding:0;	
}
footer#sponsors div.sponsors-content li {
	padding:10px;
	display:inline-block;
	vertical-align:middle;
}
footer#sponsors div.sponsors-content li p{
	text-align: left;
	font-size: 1rem; font-size: 10px;
}
footer#sponsors div.sponsors-content a.website{
	display:block;
	margin:10px 0;
}
footer#sponsors div.sponsors-content img{
	width:100%;
	max-width:150px;
	max-height:150px;
}
footer#footer{
	background-color:#eef0f2;
	padding:2rem 0; padding:20px 0;
	font-size:85%
}
footer .footer-content section:first-child{
	float:left;
	width:66.66666667%;
	padding-right:4rem;
}
footer .footer-content section{
	float:left;
	width:33.33333333%;
	padding-right:0;
}
footer a{
   text-decoration: none;
   color:#747474;
}
footer a:hover, footer a:focus, footer a:active{
   color:#747474;
   text-decoration:underline;
}
/* End Footer */



/* ---------------------------------- */
/* Pages                              */
/* ---------------------------------- */
.entry-content > *:last-child{
   margin: .75rem 0 0 0; margin: 7.5px 0 0 0 ;
}
.page-content{
	min-height:800px;
}
@media screen and (max-width:800px){
.pages #primary{
	width:100%;
}
.pages #secondary{
	display:none;
}
.pages.thumbnail #secondary{
	display:block !important;
	margin:50px 0 0 0 !important;
	width:100% !important;
}
}
@media screen and (min-width:801px){
.pages #primary{
	width:70%;
	float:left;
}
}
.pages div.articles article{
	margin-top:4rem; margin-top:40px;
}
.pages div.articles article:first-of-type{
	margin-top:0;
}
.entry-footer{
	margin: 4rem 0 0 0; margin: 40px 0 0 0;
}
.pages.thumbnail #secondary{
	width:20%;
	margin-left:10%;
}
.pages #secondary{
	width:30%;
	float:left;
}
.pages #secondary section#secondary-menu{
	margin:6rem 0 0 8rem; margin:60px 0 0 80px;
}
.pages #secondary section#secondary-menu > ul{
	padding:0
}
.pages #secondary section#secondary-menu ul.sub-menu{
	padding-left: 1em; padding-left: 10px;
	margin-bottom:10px; margin-bottom:1rem;
	display:none;
}
.pages #secondary section#secondary-menu ul li.current-menu-parent ul li.current-menu-parent::after {
	content:none;
}
.pages #secondary section#secondary-menu ul li.current-menu-parent::after {
	content:"";
	height:1px;
	width:50px;
	background-color:#20b3bf;
	display:block;
	margin-bottom:10px;
}

.pages #secondary section#secondary-menu li.current-menu-ancestor > ul.sub-menu{
	display:block;
}
.pages #secondary section#secondary-menu ul li ul li.menu-item-has-children > a:after{
	content:">";
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);		
	margin-left:.5rem; margin-left:5px;
	display:inline-block;
}
.pages #secondary section#secondary-menu ul li a{
	color:#747474;
	line-height:1.6;
   font-size:1.4rem; font-size:14px;
   cursor:pointer;
}
.pages #secondary section#secondary-menu > ul > li > a{
   font-size:1.5rem; font-size:15px;
	font-family: "montserratlight", sans-serif;
}
.pages #secondary section#secondary-menu li.current-menu-parent > ul.sub-menu{
	display:block;
}
.pages #secondary section#secondary-menu > ul li a:hover,
.pages #secondary section#secondary-menu > ul li.current-menu-parent > a, 
.pages #secondary section#secondary-menu > ul li.current-menu-item > a{
	color:#20b3bf !important;
}
.pages #secondary section#secondary-menu > ul li.menu-item-has-children ul.sub-menu a{
   display:inline-block;
   color:#747474;
   padding:1px 4px;
}
.pages #secondary section#secondary-menu > ul li.menu-item-has-children ul.sub-menu a:hover, .pages #secondary section#secondary-menu > ul li.menu-item-has-children ul.sub-menu a:focus,
.pages #secondary section#secondary-menu > ul li.menu-item-has-children ul.sub-menu a:active,
.pages #secondary section#secondary-menu ul.sub-menu li.current-menu-item a{
	color:#20b3bf !important;

}
/* End Pages */

/* History */
.history div.entry-content{
	border-left:2px solid #20b3bf;
	padding-left:20px;
	position:relative;
}
.history div.entry-content h3::before{
	background:white;
	border:#20b3bf 4px solid;
	display:block;
	content:'';
	width: 8px;
	height: 8px;
	border-radius:50%;
	position:absolute;
	left:-8px;
}
/* End History */

/* Calendar */
.calendar article{
	vertical-align:top;
	margin-top:4rem; margin-top:40px;
	margin-right:4%;
	position: relative;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	border:1px solid #eef0f2;
	background: #eef0f2;
}
.calendar article figure, .calendar article figure h2, .calendar article figure p {
	margin: 0;
}
.calendar article figure figcaption {
	text-align: left;
	color:black;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.calendar article figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.calendar article figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 1;	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	padding: 1rem; padding:10px;	
}
.calendar article figure h2 {
	color:black;
	font-family: "latosemibold";
	position: relative;
	margin: 0 0 0.75rem 0; margin:0 0 7.5 0;
}
.calendar article figure p:first-of-type {
	letter-spacing: 1px;
	display: inline-block;
	background: rgba(255,255,255,0.9);
	text-transform: none;
	margin: 0 0 0.75rem 0; margin:0 0 7.5 0;
	padding: 0.4rem 1rem; padding: 4px 10px;	
}
.calendar article figure p{
	color:black;
	text-align:left;
}
.calendar article figure figcaption h2, .calendar article, .calendar article figure img, .calendar article figure p {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.calendar article:hover{
	border:1px solid #20b3bf;
}
.calendar article figure:hover img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}
.calendar article figure:hover figcaption h2, .calendar article figure:hover figcaption p{
	color:#20b3bf ;
}
.calendar article figure:hover figcaption p:first-of-type{
	background: #20b3bf;
	color:white;
}

.calendar-meetings article:nth-of-type(3), .calendar-meetings article:nth-of-type(4){
	border:none;
}
.calendar-meetings article:nth-of-type(3) figure{
	background-color:#e2f5f7;
}
.calendar-meetings article:nth-of-type(4) figure{
	background-color:#e0f2e1;
}
.calendar-meetings article:nth-last-of-type(-n+2) figure figcaption{
	display:block;
	position:relative;
}
.calendar-meetings article:nth-of-type(3) figure h2, .calendar-meetings article:nth-of-type(3) figure:hover h2{
	color:#20b3bf;
}
.calendar-meetings article:nth-of-type(4) figure h2, .calendar-meetings article:nth-of-type(4) figure:hover h2{
	color:#33855c;
}
.calendar-meetings article:nth-last-of-type(-n+2) figure figcaption h2::after{
	content:"";
	width:30px;
	height:3px;
	display:block;
	margin-top:0.5rem; margin-top:5px;
	-webkit-transition: width 0.5s, -webkit-transform 0.5s;
	transition: width 0.5s, transform 0.5s;
}
.calendar-meetings article:nth-last-of-type(-n+2):hover figure figcaption h2::after{
	width:100px;
}
.calendar-meetings article:nth-of-type(3) figure figcaption h2::after{
	background-color:#20b3bf;
}
.calendar-meetings article:nth-of-type(4) figure figcaption h2::after{
	background-color:#33855c;
}
@media screen and (max-width:600px){
.calendar article, .calendar-meetings article{
	width:100%;
	margin:0 auto 2rem auto;
}
.calendar article figure figcaption {
	padding: 2rem ; padding:20px;
}
.calendar article figure figcaption h2{
    font-size: 1.7rem; font-size: 17px;
}
.calendar article figure p:first-of-type {
	font-size: 90%;	
}
.calendar article figure p{
	font-size: 110%;	
}
}
@media screen and (min-width:601px){
.calendar article{
	width:47%;
	display:inline-block;
}
.calendar article:nth-of-type(even){
	margin-right:0;
}
.calendar article:nth-of-type(-n+2){
	margin-top:0 !important;
}
.calendar article figure figcaption {
	padding: 2rem ; padding:20px;
}
.calendar article figure figcaption h2{
    font-size: 1.5rem; font-size: 15px;
}
.calendar article figure p:first-of-type {
	font-size: 80%;	
}
.calendar article figure p{
	font-size: 100%;	
}
}
@media screen and (max-width:1023px){
.calendar-meetings article:nth-last-of-type(-n+2) figure figcaption{
	min-height:95px
}
}
@media screen and (min-width:1024px){
.calendar article figure figcaption {
	padding: 2rem ; padding:20px;
}
.calendar article figure figcaption h2{
    font-size: 1.6rem; font-size: 16px;
}
.calendar article figure p:first-of-type {
	font-size: 90%;	
}
.calendar-meetings article:nth-last-of-type(-n+2) figure figcaption{
	min-height:120px
}
}
/* End Calendar */


/* Journal "revue des revues" */
.journal header.entry-header{
	background-color:#eef0f2;
	padding:1rem; padding:10px;
}
.journal header.entry-header h2, .journal header.entry-header span{
	color:black;
}
span.date{
    font-size: 90%;
    display: inline-block;
    margin: 0.75rem 0 1rem 0; margin: 7.5px 0 10px 0;
    padding: 0.4rem 1rem;
    padding: 4px 10px;
    background: white;
    text-transform: none;
	font-family: "montserratlight";
}
span.places{
    display: block;
    text-transform: uppercase;
	text-align:left;
}
span.author{
    display: block;
	text-align:left;
}
form.post-filters select[name="yea"]{
	max-width:100px;
}
form select[name="cat"]{
	max-width:205px;
}
form select[name="ord"]{
	max-width:150px;
}
@media screen and (max-width:480px){
.journal header.entry-header{
	width:100%;
}
}
@media screen and (min-width:481px){
.journal header.entry-header{
	float:left;
	width:30%;
}
.journal .entry-content{
	float:left;
	width:70%;
	padding-left:20px; padding-left:2rem;
}
}
/* End Journal "revue des revues" */

/* Presentations */
.presentations article.highlight:nth-of-type(2){
	margin-top:4rem !important; margin-top:40px !important;
	margin-bottom:6rem; margin-bottom:60px;
}
.presentations article{
	margin-top:2rem !important; margin-top:20px !important;
}
/* End Presentations */

/* List of members */
table.members{
	border-collapse:collapse;
	margin:20px 0 0 0; margin:2rem 0 0 0;
	border:none;
}
table.members tbody tr:nth-of-type(2n+1) {
    background-color:#eef0f2;
	border:none;
}
table.members tbody tr th:nth-child(-n+2){
	width:25%
}
table.members tbody tr:first-child{
	background-color:#33855c;
	color:white;
	border:none;
}
table.members tbody tr th, table.members tbody tr td{
	border:none;
}
@media screen and (max-width:480px){
article table.members, article table.members tbody, article table.members tbody tr, article table.members tr td{
	display:block;
}
article table.members tbody tr:first-child{
	display:none;
}
article table.members tbody tr td{
	border:none;
	margin:0;
}
article table.members tbody tr td::before{
	width:30%;
	display:inline-block;
}
article table.members tbody tr td:first-child::before{
	content:"Nom";
}
article table.members tbody tr td:nth-child(2)::before{
	content:"Prénom";
}
article table.members tbody tr td:nth-child(3)::before{
	content:"Mail";
}
}
/* End List of members */

/* ---------------------------------- */
/* Forms                              */
/* ---------------------------------- */
.boxes{
	margin:2rem 0 4rem;
}
.boxes form{
	margin:0 auto;
	width:75%;
}
.boxes form div{
	margin-bottom:1.5rem;
}
.boxes form div.log label, .boxes form div.log input{
	float:left;
	margin:0;
}
.boxes form div.log label{
	padding: 0.8rem 0; padding: 8px 0;
	width:30%
}
.boxes form div.log input{
	min-width:70%
}
.boxes form div.submit input[type="submit"]{
	float:right;
}
#login-form .infos{
	font-size:90%;
}
#login-form .infos span:first-child{
	margin-right:20px;
}

.searchbar{
	background:#eef0f2;
	padding:2rem; padding:20px;
    margin-bottom: 4rem; margin-bottom: 40px;
}
.searchbar .boxes{
	margin-bottom:0;
}
.searchbar input.search-field{
	font-size:1.4rem; font-size:14px;
	border:none;
	background:white;
	color:black;
	width:80%;
	border-radius:0;
}


#identification > div{
	padding:2rem; padding:20px;
	position: relative;
}
#identification > div:nth-of-type(2){
	margin-right:0;
}
#identification > div:first-child{
	background-color:#e2f5f7;
}
#identification > div:nth-child(2){
	background-color:#e0f2e1;
}
#identification > div:nth-child(2) h3{
	color:#33855c;
}
#identification > div:nth-child(2) input{
	background-color:#33855c;
	border-color:#33855c;
}
#identification > div:nth-child(2) input:hover{
	background-color:#a0a0a0;
	border-color:#a0a0a0;
}
#identification .connection #login-box{
	margin-bottom:0 !important;
}
@media screen and (max-width:515px){
#identification > div{
	width:100%;
	margin-bottom:2rem; margin-bottom:20px;
}
}
@media screen and (min-width:516px){
#identification > div{
	float:left;
	width:48%;
	margin-right:2%;
	max-width: 330px;
	height: 200px;
}
}
div.connection .boxes form div {
    margin-bottom: 0.75rem;
}
div.connection .boxes form, div.connection .boxes form input[type="text"], div.connection .boxes form input[type="password"] {
    margin: 0;
	width:100%;
}



form h3{
	color:#747474;
}
form h3 + p{
	margin-top:0;
}
form p{
	margin:0;
}

input#country{
	display:none;
}



div#notice-srbge .notice, div#messages .notice{
	margin:2rem 0; margin:20px 0;
	padding:1rem; padding:10px;
	border-left:4px solid;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
div#notice-srbge .notice-error, div#messages .notice-error{
	color:#dc3232;
	border-color: #dc3232;
}
div#notice-srbge .notice-success, div#messages .notice-success{
	color:#46b450;
	border-color: #46b450;
}
div#notice-srbge .notice-info, div#messages .notice-info{
	color:#00a0d2;
	border-color: #00a0d2;
}
div#notice-srbge .notice p, div#messages .notice p{
	font-size:95%;
	margin:0;
}
div#notice-srbge .notice a, div#messages .notice a{
	color:black;
}


div#other_address_fields{
	padding-left:2rem; padding-left:20px;
}
.loader{
	margin-left:1rem; margin-left:10px;
	display:inline-block;
	vertical-align:middle;
	width:33px;
	height:33px;
	border-radius:0px;
	background:url(images/loader.gif) center center no-repeat;
}
/* End Forms */


/* Return on top */
#returnOnTop {
	cursor:pointer;
  height: 40px;
  width: 40px;
  position: fixed;
  z-index:999;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #006633 url(images/top-arrow.svg) no-repeat center 50%;
  opacity: 0.7;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}
@media only screen and (min-width: 768px) {
#returnOnTop {
    right: 20px;
    bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
#returnOnTop  {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
}
}
/* End Return on top */


/* ---------------------------------- */
/* Pagination                         */
/* ---------------------------------- */
.pagination{
	margin:4rem auto 0 auto !important; margin:40px auto 0 auto !important;
}
.pagination ul.page-numbers{
	padding:0;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	list-style:none;
}
.pagination ul.page-numbers li{
	display: inline-block;
}
.pagination ul.page-numbers li .page-numbers{
	padding: 5px 12px;
	display: inline-block;
	font-size:1.4rem; font-size:14px;
	
}

/* End Pagination  */


/* ---------------------------------- */
/* Search Box Medias                 */
/* ---------------------------------- */
.search-result table{
	margin:4rem 0; margin:40px 0;
}
.search-result table, .search-result table td{
	border:none;
}
.search-result table td{
	padding:1rem; padding:10px;
}
.search-result table td:nth-child(1){
	vertical-align:middle;
}
.search-result table td:nth-child(2){
	padding-left:1rem; padding-left:10px;
}
.search-result table tr:first-child td:first-child{
	width:120px;
}
.search-result .search-post-thumbnail{
	width:100px;
	height:100px;
	position:relative;
	overflow:hidden;
	border:1px solid #ccc;
	background-color:white;
}
.search-result .search-post-thumbnail img{
	transform:scale(2,2);
	-webkit-transform:scale(2,2);
	-moz-transform:scale(2,2);
	-ms-transform:scale(2,2);
	-o-transform:scale(2,2);	
	position: absolute;
	top :-50px;
	left :-50px; 
	margin-top : 50%;
	margin-left : 50%;
	display : block;
}
.search-result table td:nth-child(2) span{
	color:#33855c
}

/* End Search Box Medias   */


/* ---------------------------------- */
/* Edit User Profil                   */
/* ---------------------------------- */
table.edit-user-profil, table.edit-user-profil th, table.edit-user-profil td{
	border:none;
}
table.edit-user-profil:last-of-type{
	margin:2rem 0; margin:20px 0;
}
table.edit-user-profil tbody tr:nth-of-type(2n+1) {
    background-color:transparent !important;
}
fieldset table.edit-user-profil{
	margin:1rem 0 !important; margin:10px 0 !important;
}
table input[type="text"], table input[type="password"]{
	width:100%;
}
/* End Edit User Profil    */



/* ---------------------------------- */
/* Downloads                          */
/* ---------------------------------- */
table.downloads{
	border:none;
}
table.downloads tbody tr:first-child{
	background-color:#33855c;
	color:white;
	border:none;
}
table.downloads tbody tr th:nth-child(2){
	width:150px;
}
table.downloads tbody tr th:last-child{
	width:115px;
}
table.downloads tbody tr th, table.downloads tbody tr td{
	border:none;
	display:table-cell;
	vertical-align:middle;
}
table.downloads tbody tr td:last-child{
	text-align:center;
}
table.downloads form{
	margin:0;
}
table.downloads form button{
	padding: 0.8rem; padding: 8px;
}
table.downloads form button span{
	display:block;
}








.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}
.custom-pagination a {
  background-color: #ebebeb;
  color: #ff3c50;
}
.custom-pagination a:hover {
  background-color: #ff3c50;
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color: #ff3c50;
  color: #fff;
}





#new-account{
	display:none;
}