/*
Theme Name: ISSEP
Layout: Content-Sidebar
*/

/* MENU WALLONIE */

.menu-wallonie {
	font-size: 1.2rem;
	background-color: #000;
	margin: 0px;
}
.menu-items {
	margin: 0px auto;
	max-width: 1140px;
	list-style: none outside none;
	padding: 5px 0px;
	overflow: hidden;
}
.menu-items li {
	display: inline;
}
.menu-items li a {
	color: #a2a2a2;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	float:left;
	padding: 5px 10px;
}
.menu-items li:first-child a {
	color: #ee233a;
}

.menu-items li:last-child a {
	float:right;
	background-color: #f13646;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	text-transform: lowercase;
}

/* CONTACT */
.textwidget {
    padding: 10px;
  	font-size: 1em;
}
.contact-title {
    font-weight: bold;
}

/* CALENDAR */
#wp-calendar{
	padding:10px;
	border-collapse: separate;
  	border-spacing: 4px;
}

#wp-calendar tfoot td{
	text-align: center;
}

/*#wp-calendar th, #wp-calendar td{

}*/

.eo-past-date, .eo-future-date, .today{
	padding:2px;
	text-align: center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}
.today{
	border: 1px solid #4891dc;
}
.eo-event-future {
	color:black;
	background: #4891dc;
}
.eo-event-future a{
	color:black;
}
.eo-event-running {
	color:black;
	background: #4891dc;
}
.eo-event-running a {
	color:black;
}
.eo-event-past {
	color:black;
	background: #97BADC;
}
.eo-event-past a {
	color:black;
}

/*Quand présenté sous forme de liste grace aux shortcodes*/
.eo-events-shortcode li{
	padding: 10px;
}
/* LOGO */
.logo_container{
  background-image: url("https://www.issep.be/wp-content/themes/issep/images/issep_logo_145px.jpg");
  height: 145px;
  margin: 15px;
  position: absolute;
  width: 145px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5); 
}

/* BREADCRUMB */

.breadcrumbs {
	background: #eee;
	font-size: 1.4rem;
	line-height: 2.3em;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 1140px;
}

/* SITE */

.site-content {
    background: #b2b2b2;
    width: 1140px;
    margin: 0 auto;
}
.site-content .widget-area {
    width: 320px;
    float: right;
    padding: 2rem;
    /*background: #fff;*/
    /*background: hsl(0, 0%, 100%);*/
}
.site-footer {
    clear: both;
	margin: 0 auto;
    width: 1140px;
    /*height: 80px;*/
    background: white;
    padding:10px 30px;
    font-size:80%;
}

.entry-content li {
	list-style: disc;
	margin-left: 2em;
}

.entry-header,
.widget-title,
.entry-content,
.entry-meta,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation {
    position: relative;
    padding: 5px 20px;
    margin: 0 auto;
}

.site-main .entry-header, .site-main .widget-title{
	background: #4891dc;
}

.Air .entry-header, .Air .widget-title{
	background: #0caa49;
}
.Eaux .entry-header, .Eaux .widget-title{
	background: #1a3989;
}
.Sols .entry-header, .Sols .widget-title{
	background: #fba639;
}
.Risques .entry-header, .Risques .widget-title{
	background: #e41937;
}
.LaboReference .entry-header, .LaboReference .widget-title{
	background: #8d49c7;
}
.RechercheDeveloppement .entry-header, .RechercheDeveloppement .widget-title{
	background: #8E7861;
}

.Satellite .entry-header, .Satellite .widget-title{
        background: #6BCEEE;
}

.RAndD .entry-header, .RAndD .widget-title{
        background: #0599C8;
}

.Jaune .entry-header, .Jaune .widget-title{
        background: #FFF200;
}

.VertLabos .entry-header, .VertLabos .widget-title{
        background: #006600;
}




/* Footer */
.site-footer li:before {
content: " | ";
}

.site-footer li:first-child:before {
content: none;
}

.foot_col1{
	width:50%;
	float: left;
}
.foot_col1 img{
	float: left;
	margin-right: 1.2em;
}
.foot_col1 li{
	display: inline;
	list-style-type: none;
}

.foot_col2{
	width:25%;
	float: left;
}
.foot_col3{
	width:25%;
	float: left;
}

/*Tant que la largeur est supérieure à 600*/
@media screen and (min-width: 767px) {
    .content-area {
        float: left;
        width: 820px;
        background: #ffffff;
    }
}
/*...sinon*/
@media screen and (max-width: 766px) {
	.site-content {
	    width: auto;
	}

    .content-area {
        width: 100%;
        float: none;
        background: #ececec;
    }
    /*la barre de menu est fixée à 1140px..on la fait passer à 100%*/
    .main-navigation {
    	width:100%;
    }

    .site-content .widget-area {
        width: auto;
        float: none;
        /*margin: 1em auto 0;*/
    }

    .breadcrumbs{
    	width: auto;
    }

    .site-branding{
    	display:none;
    }

    .search-box-wrapper {
    	width: 100%;
	}
	.site-info{
		padding:3rem;
	}
	.site-footer{
		width:100%;
	}
	.foot_col1, .foot_col2, .foot_col3{
		width:100%;
		margin-top: 1rem;
	}
	.foot_col2, .foot_col3{
		text-align: center;
	}
	.foot_col1 li {
	    display: block;
	    text-align: center;
	}
	.site-footer li:before {
		content: none;
	}
	.foot_col1 img {
	    display: block;
	    float: none;
	    margin: 0 auto;
	}
}

/* ACCORDION HEADER */
/*
Largeur d'un image: 560px (hauteur:280px)
Nombre d'images: 12
Donc, largeur d'une image survolée: 560px
Largeur que prennent les autres images (non survolées, quand une image l'est):
la largeur totale (1140px) - une image survolée (560px) = 580px que je divise par le nombre d'images non survolées (11) = 53px
La largeur par defaut de toutes les images (quand aucune n'est survolée) = 1140/12=95px
*/

.accordian {
	width: 1140px; height: 280px;
	overflow: hidden;

	/*Time for some styling*/
	margin: 0px auto;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
	width: 2000px;/*This will give ample space to the last item to move instead of falling down/flickering during hovers.*/
	margin: 0px; /*pour contrer une autre règle dans style.css ou content-sidebar.css*/
}

.accordian li {
	position: relative;
	display: block;
	width: 95px;
	float: left;

	border-left: 1px solid #888;

	box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);

	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/*If you hover on the images now you should be able to
	see the basic accordian*/
}

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {width: 53px;}
/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {width: 560px;}

.accordian li img {
	display: block;
	max-width: none; /*pour contrer une autre règle dans style.css ou content-sidebar.css*/
}


/*Image title styles*/
.image_title {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0; bottom: 0;
	width: 560px;
	opacity: 0;

	transition: all 0.5s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}
.accordian ul li:hover .image_title{
	opacity:1;
}
.image_title a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 20px;
	font-size: 16px;
}

/* Text Accordion */
.accordion {

}
.accordion-title {
    background:white;
    cursor: pointer;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding-bottom: 20px;}

/* FAQ */
.faq-catname {
    color: #3399FF;
    font-size: 22px;
    line-height: 28px;
}
.qa-faq-title {
    font-size: 100%;
    line-height: 140%;
    margin: 0;
}
.qa-faq-anchor {
    color: #888888;
    text-decoration: none;
  font-weight:100
}
.qa-faq-answer {
  padding: 10px;
  margin: 10px;
  background: #ffffff;
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.3);
}