/*
Theme Name: Imbalance 2
Theme URI: https://www.wpshower.com/
Description: Imbalance 2 turns you Wordpress-based website to an attractive blog, portfolio or even online magazine. This free template designed in strict modern style with a minimalistic touch. Imbalance 2 can easily fresh up your web-magazine or blog. Due to modern flexible features and layout Imbalance 2 fits to almost any project and your visitors won't remain indifferent.
Author: WPSHOWER
Author URI: https://www.wpshower.com
Version: 1.0.3
License: GNU General Public License
License URI: license.txt
Tags: fluid, grid, blog, magazine, imbalance
*/


html, body, form, ul, li, table, td { margin: 0; padding: 0; font-size: 75%;}
body {
	position: relative;
	background-color: #222222;
	color: #eeeeee;
}
body, input, textarea { font-size: 1.1rem; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
td { vertical-align: top; }
/*ul { list-style-position: inside; }*/
h1 {
	font-size: 2.6rem;
	font-family: 'gt_walsheimbold';
	font-weight: normal;
}
h2 { font-size: 2.2rem; }
h3 { font-size: 1rem; }
::selection {
	background-color: #e52f7c;
	color: yellow;
}
::-moz-selection {
	background-color: #e52f7c;
	color: yellow;
}

sup {
    display: inline;
    vertical-align: super;
    line-height: 0;
}

blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 1.33rem; }
.clear { clear: both; }
.main_separator { color: #9C9C9C; }
.wrapper {
	/*padding-top: 2.5rem;*/
	margin: 0;
	/*width: 100%;*/
	padding: 2.5rem;
	box-sizing: border-box;
}

.wp-block-pullquote {
    padding: 1em 0;
}

.wp-block-pullquote p {
    font-size: 36px;
    line-height: 140%;
    font-style: italic;
    font-weight: 100;
}

#header {
	border-bottom: 1px solid #9C9C9C;
	padding-bottom: 4.2rem;
    z-index: 5;
}
#site-title {
	float: left;
	width: 203px;
	height: 73px;
	/*height: 100px;*/
	margin-right: 40px;
	overflow: hidden;
	line-height: 2.3rem;
	font-size: 2rem;
	/*background-color: #e52f7c;*/
	background-color: #f39a7c;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;
	/*background-image: url(https://gsara.tv/causes/logoCT.png);*/
	/*background-repeat: no-repeat;*/
}
#site-title:hover {
	background-color: #bbb;
}
#imgTitle{
	background-image: url('logoct_36.png');
	background-size: 203px 73px;
	background-repeat: no-repeat;
	width: 203px;
	height: 73px;
	margin: O;
}

#site-title a { color: #4A4CBB; font-weight: bold; text-decoration: none; }
#header-left {
	float: left;
	width: 330px;
	/*padding-right: 40px;*/
	/*background-color: red;*/
}
#header-center {
	font-family: 'gt_walsheimbold';
	float: left;
	width: 100%;
	margin-top: 30px;
	/*background-color: green;*/
}

#search {
	float: right;
	width: 300px;
	margin-top: 25px;
}

#search label, #search input[type=submit] { display: none; }
#search input[type=text] {
	width: 140px;
	/*padding: 7px 9px;*/
	margin: 0;
	border-bottom: 1px solid #eeeeee;
	font-size: 1.05rem;
	outline: none;
}
#search-form input{
	background-color: transparent;
	height: auto;
	padding: 0px 5px;
}
.rechercher{
	/*float: left;*/
	display: inline;
	margin-right: 5px;
	font-family: 'gt_walsheimbold';
	text-transform: uppercase;
}
.search-text{
	font-family: 'PT Serif', serif;
	font-weight: lighter;
	font-style: italic;
	font-size: 1rem;
	color: #eeeeee;
	letter-spacing: 0;
}
#search-form input[type="submit"] {
    border: 0 none;
    font-family: 'gt_walsheimbold';
    padding: 0;
    width: inherit;
    display: inline-block;
    color: #eee;
    letter-spacing: 0;
}
#page_search input[type=submit] { display: none; }
.menu ul { list-style-type: none; }
#header-center .menu li {
	display: inline;
	float: left;
    z-index: 7;
/*    border: 5px solid red;*/
}

#header-center .menu li {
/*	display: inline;*/
/*	float: left;*/
    z-index: 7;
    left: 13px;
/*    border: 5px solid red;*/
}

.sub-menu > li{
    margin: 0;
    padding: 0;
/*    float: none;*/
/*    display: inline;*/
/*    left: -6px;*/
}

.sub-menu > li > ul {
/*	padding-bottom: 15px;*/
    float: none;
    z-index: 6;
    border-right: solid 6px #222;
    border-left: solid 6px #222;
}

.sub-menu li {
	position: absolute;
	margin-top: 5px;
}

#header-center .menu .sub-menu li ul li{
	position: relative;
    width: 100%;
    display: inline-block;
    float: none;
    height: auto;
    margin: 0;
    padding: 4px 0;
}

#header-center .menu .sub-menu li ul li:after{
}

#header-center .menu .sub-menu li ul li:last-child:after{
	content: "";
}

#header-center .menu .sub-menu li ul li:last-child{
    border: none;
}

#header-center .menu .sub-menu li ul {
	display: none;
	float: left;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    background: #1c1c1c;
    width: 354px;
    border: 1px solid;
    padding: 1rem;
}

#header-center .menu ul li:hover ul li ul {
	display: block;
}


#header-center .menu .sub-menu li ul li a{
	float: left;
    margin: 0;
    margin-bottom: 0px;
    font-size: 1.33rem;
    font-weight: 300;
    line-height: 140%;
    margin-bottom: 0;
}

#header-center .menu .sub-menu li ul li a:hover{
/*	background-color: black;*/
}


#header-center .menu li a,
.gsaraBe {
/*	color: #eeeeee;*/
    font-size: 1.33rem;
    /*font-weight: bold;*/
    margin-right: 30px;
    padding: 0;
}

.header-center .menu {
    position: relative;
    display: inline-block;
/*    background: red;*/
}

.gsaraBe {
    top: -3px;
    position: relative;
    display: inline-block;
}

.menu ul li {
	/*padding-bottom: 9px;*/
}
.menu ul a,
.gsaraBe a
{
    line-height: 1.1rem;
    color: #eee;
    text-decoration: none;
}

#boxes { margin-top: 40px;}
.box { width: 180px; margin-bottom: 70px; color: #eeeeee; }
.box .rel { position: relative; }
.box .rel p { margin: 0; }
.box .texts { position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;}
.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a, .box .texts5 .posted, .box .texts5 .posted a { color: #fff; }
.box .texts .transparent img { opacity: 0.1; filter: alpha(opacity=10); }
.box .texts .abs { position: absolute; top: 0; }
.box .categories { padding-bottom: 10px; }
.box .categories a, .box .posted a { color: #a1a1a1; }
.box h1 { margin: 0; padding-bottom: 10px; font-size: 1.33rem; }
.box h1 a { color: #eee; }
.box .posted { padding-top: 10px; color: #a1a1a1; }
.box img { display: block; }
.fetch { clear: both; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.fetch a { display: block; height: 40px; line-height: 3.33rem; font-size: 1.33rem; font-weight: bold; color: #333; text-decoration: none; }
.fetch:hover a { color: #fff; }

#single {
/*	background-color: #eee;*/
	padding: 20px;
	color: #222;
    margin: 0 auto;
    max-width: 1000px;
	/*float: left;*/
}

.post-thumb-banner{
    width: 100%;
    height: 350px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.post-thumb-banner img{
    width: 100%;
    height: 100%;
    float: left;
    background: url(tramenoireb.svg) repeat;
    background-size: 2px 4px;
}

.attachment-full.wp-post-image {
    height: auto;
    width: 100%;
}

#content {
	padding-bottom: 20px;
	min-height: 600px;
}

#content.single{
    background-color: #eee;
}

#nav-above { float: left; width: 180px; padding-right: 40px; text-align: right; color: #636363; }
#nav-above a { text-decoration: none; color: #aaa; }
.nav-previous, .nav-next { display: inline; }
.nav-separator { color: #e5e5e5; }
.post_title { margin-top: 35px; overflow: hidden; }

.post_title h1 {
    margin: 0 0 10px 0px;
    font-size: 3rem;
    line-height: 120%;
}

.entry-title, .page-title { margin-left: 250px; margin-top: 35px; }
.entry-meta { padding-bottom: 30px; }
.entry-meta a { color: #aaa; text-decoration: none; }
#wides { clear: both; }
.entry-aside { width: 180px; padding-right: 40px; vertical-align: middle; }

.entry-content-right {
    font-size: 1.7rem;
    line-height: 150%;
    font-family: 'Suisse Works';
}

li {
    font-size: 1.7rem;
    line-height: 150%;
}

.entry-content { max-width: 710px; margin-left: 250px; font-size: 1.3rem; line-height: 1.7rem; }
.entry-utility { padding: 10px 0; }
.entry-tags { margin: 10px 0; }
.entry-tags span { font-weight: bolder; }
#social a{
	padding: 20px 0 0 0;
/*	color: #eee;*/
	}
.twitter-share-button { margin: 2px 20px 0 0; }
.post img, .page img { margin: 10px 0px 0px 0px; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.page{
	width: 100%;
}

.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }
#comments { padding: 0 0 0 246px; width: 714px; }
#comments-title { font-size: 1.7rem; margin: 40px 0 20px 4px; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist ul.children { list-style: none; }
.commentlist li > div { position: relative; border-bottom: 1px solid #9C9C9C; padding: 30px 0 30px 4px; }
.commentlist li li > div { margin-left: 90px; }
.commentlist li li li > div { margin-left: 180px; }
.commentlist li li li li > div { margin-left: 270px; }
.commentlist li li li li li > div { margin-left: 360px; }
.comment-avatar { position: absolute; top: 30px; left: -96px; }
.comment-content { margin-left: 96px; border-bottom: 1px solid #9C9C9C; }
.comment-author { float: left; width: 180px; padding-right: 40px; font-size: 1.3rem; }
cite { font-style: normal; font-weight: bold; }
.comment-meta { float: left; width: 180px; padding-right: 40px; color: #999999; }
.comment-body { clear: both; padding-top: 7px; font-size: 1.3rem; line-height: 1.7rem; }
#respond { padding-left: 4px; }
li.comment > div { position: relative; }
.reply { position: absolute; top: 30px; right: 20px; }
#reply-title { font-size: 1.7rem; }
.comment-reply-link { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }
.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }
//input[type="text"], textarea { background: #fff; border: 1px solid #ccc; padding: 8px; outline: none; color: #6b6b6b; -moz-border-radius: 4px; border-radius: 4px; }
#comments input[type="text"] { width: 442px; }
#comments textarea { width: 442px; }
.form-submit { margin-bottom: 40px; }
.form-submit input { width: 460px; padding: 6px 0; color: #fff; font-size: 1.3rem; font-weight: bold; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }
#footer {
	padding: 30px 0 50px;
	margin-top: 3rem;
	border-top: 1px solid #9C9C9C;
}
#site-info { float: left; width: 20rem; padding-right: 40px; line-height: 1.83rem;}
/*#site-info { float: left; width: 460px; padding-right: 40px; line-height: 22px; }*/
#site-info a { font-weight: bold; text-decoration: none; color: #eee; }
#footer-left { float: right; width: 180px; padding-right: 40px; }
#footer-right { float: right; width: 180px; }
#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }

#menu-item-4.current-menu-item a, #menu-item-4 > a:hover{
    color: #79c4ed;
}

#menu-item-5.current-menu-item > a, #menu-item-5 > a:hover, #menu-item-5.current-category-ancestor.current-menu-ancestor.current-menu-parent.current-category-parent.menu-item-5 > a{
    color: #e52f7c;
}

#menu-item-5.current-menu-item.menu-item-has-children ul a{
    color: #fff;
}

#menu-item-6.current-menu-item a, #menu-item-6 > a:hover{
    color: #d5c795;
}

#menu-item-7.current-menu-item a, #menu-item-7 > a:hover{
    color: #a4b1e0;
}

#menu-item-76.current-menu-item a, #menu-item-76 > a:hover{
    color: #d08dbd;
}

#menu-item-391.current-menu-item a, #menu-item-391 > a:hover{
    color: #ff5869;
}

#menu-item-394.current-menu-item a, #menu-item-394 > a:hover{
    color: #68cda6;
}

#menu-item-589.current-menu-item a, #menu-item-589 > a:hover{
    color: #ffd22b;
}

#menu-item-745.current-menu-item a, #menu-item-745 > a:hover{
    color: #2b85ff ;
}

#menu-item-1032.current-menu-item a, #menu-item-1032 > a:hover{
    color: #e52f7c;
}

/*------------Filmer à Tout Prix-------------*/
#menu-item-1292.current-menu-item a, #menu-item-1292 > a:hover{
    color: #4A4CBB;
}

/*
#menu-item-1830.current-menu-item a, #menu-item-1830 > a:hover{
    color: #5DDEB3;
}
*/

/*------------le-don-remis-en-causes-------------*/
#menu-item-1775.current-menu-item a, #menu-item-1775 > a:hover{
    color: #ff0000;
}

/*------------Représentations des luttes ouvrières-------------*/
#menu-item-1835.current-menu-item a, #menu-item-1835 > a:hover{
    color: #ff0000;
}

/*------------Images et éminismes pluriels-------------*/
#menu-item-2272.current-menu-item a, #menu-item-2272 > a:hover{
    color: #f39a7c;
}

/*------------PornographieS-------------*/
#menu-item-2400.current-menu-item a, #menu-item-2400 > a:hover{
    color: #85fdf4;
}

/*------------Experimentations-------------*/
#menu-item-2513.current-menu-item a, #menu-item-2513 > a:hover{
    color: #d08dfb;
}

/*------------Egypte-------------*/
#menu-item-2586.current-menu-item a, #menu-item-2586 > a:hover{
    color: palegreen;
}

/*------------Exploitation programmée-------------*/
#menu-item-2675.current-menu-item a, #menu-item-2675 > a:hover{
    color: #db66dd;
}

/*------------FATP2017-------------*/
#menu-item-2710.current-menu-item a, #menu-item-2710 > a:hover{
    color: #b398fb;
}

/*------------MIGRATIONS-------------*/
#menu-item-2883.current-menu-item a, #menu-item-2883 > a:hover{
    color: #c9766b;
}

/*------------FEMINISME DECOLONIAL-------------*/
#menu-item-2884.current-menu-item a, #menu-item-2884 > a:hover{
    color: #6bc9a5;
}

/*------------ L'idéologie néo-managériale -------------*/
#menu-item-3128.current-menu-item a, #menu-item-3128 > a:hover{
    color: #f577d8;
}

/*------------ PRISONS -------------*/
#menu-item-3229.current-menu-item a, #menu-item-3229 > a:hover{
    color: #f39a7c;
}

/*------------ cinema-une-pedagogie-de-la-rencontre -------------*/
#menu-item-3837.current-menu-item a, #menu-item-3837 > a:hover{
    color: #f39a7c;
}

/*------------ tout accepter / tout refuser -------------*/
#menu-item-4052.current-menu-item a, #menu-item-4052 > a:hover{
    color: #00ccce;
}

/*------------ FILMER PAYSAGE -------------*/
#menu-item-4076.current-menu-item a, #menu-item-4076 > a:hover{
    color: #FFE2B0;
}

#header-left .menu li {
    display: block;
    float: left;
    height: 2.1rem;
    margin-bottom: 14px;
    margin-right: 6px;
    width: 46%;
    padding: 0;
}

#header-left .menu li a {
	background-color: #484848;
	color: red;
    color: #EEEEEE;
    display: block;
    height: 93%;
    padding-top: 10px;
    padding-left: 15px;
    /*text-align: center;*/
    text-decoration: none;
    font-size: 0.96rem;
    /*font-weight: bold;*/
    letter-spacing: 0.8px;
}

#header-left .menu li a:hover {
    background-color: #DDDDDD;
    color: #000000;
    text-decoration: none;
    transition-duration: 550ms;
    transition-property: all;
}

#header-right {
	float: right;
	width: 300px;
	margin: 0px 0 0 10px;
	font-size: 1.4rem;
}

#header-right .menu ul {
	float: left;
    border: 3px solid #eee;
    padding: 2px 8px 1px;
    /*width: auto;*/
}

#header-right a{
	/*padding: 0;*/
	margin: 0;
	font-family: 'gt_walsheimbold', arial;
}

/*.attachment-homepage-thumb {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.box .texts .attachment-homepage-thumb {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}*/

.text1{
	background-color: blue;
}

.text2{
	background-color: green;
}

#monform{
    margin-top: 40px;
}

fieldset{
	margin: 0;
	padding: 0;
	border: none;
}

label{
    display: inline-block;
    width: 100px;
    margin-top: 4px;
}

input {
    height: 22px;
    width: 300px;
}
input, textarea {
    background-color: #484848;
    border: 1px none;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.16rem;
    letter-spacing: 2px;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
}

.social{
	float: right;
	/*background: red;*/
	height: 30px;
	width: 30px;
	overflow: hidden;
}

.social a{
	font-family: 'icomoon';
	font-size: 2.3rem;
	color: #868686;
	text-decoration: none;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.twitter p{
	transition: margin-top 0.3s ease-out 0s;
    overflow: hidden;
    margin: 0;
    color: #000000;
    background-image: url(twitter_2-eee.png);
    background-size: 30px;
    height: 30px;
    z-index:1;
}

#u_0_3 {
	color: red;
}

.facebook {
	margin-right: 10px;
}

.facebook p{
	transition: margin-top 0.3s ease-out 0s;
    overflow: hidden;
    margin: 0;
    color: #000000;
    background-image: url(facebook_2-eee.png);
    background-size: 30px;
    height: 30px;
    z-index:1;
}

.social a:hover{
	/*color: #ffffff;*/
}

.social a:hover p{
    margin-top:-30px;
}

.iconTwitter{
    background-image: url(twitter-eee.png);
    background-size: 30px;
    height: 30px;
	/*opacity: 0.5;*/
    z-index:40;
}

.iconFacebook{
    background-image: url(facebook-eee.png);
    background-size: 30px;
    height: 30px;
	/*opacity: 0.5;*/
    z-index:40;
}

.btFacebook:before, .btTwitter:before{
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1rem;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.partageFacebook {
    background-image: url(twitterfacebook.png);
    background-position: -152px -72px;
    background-size: 450px;
    width: 80px;
    height: 9px;
    float: left;
}

.partageTwitter {
    background-image: url(partagetwitter.png);
    background-size: 80px;
    background-repeat: no-repeat;
    width: 81px;
    height: 8px;
    float: left;
/*    background-color: blueviolet;*/
}

.archives .post img, .archives .page img{
	margin: 0;
	width: 180px;
	height: auto;
	/*margin-right: 35px;*/
	/*height: 200px;*/
	z-index: 1;
}

.archives .post a, .archives .page a{
	margin: 0;
	/*margin-right: 35px;*/
	/*height: 200px;*/
	z-index: 50;
}

.archives > .wp-caption {
	background-color: green;
	width: 200px;
	height: 310px;
	/*height: 200px;*/
	float: left;
	margin-right: 35px;
	margin-bottom: 35px;
	overflow: hidden;
}

.archives > .wp-caption p{
	position: relative;
	z-index: 50;
	font-size: 1.33rem;
    background-color: #000000;
    padding: 50px;
    transition: margin-top 0.4s ease-out 0s;
    margin: 0;
    height: 150px;
    font-family: 'gt_walsheimbold', arial;
    color: #ffffff;
    font-size: 2.5rem;
}

.archives > .wp-caption:hover > p{
	margin-top: -150px;
}

.archives .entry-content {
	width: 100%;
}

.wp-caption-text {
	font-size: 1rem;
	opacity: 0.8;
	margin-top: 0;
}

.wp-caption {
	max-width: 100%;
}

.exergue{
	font-size: 1.5rem;
	font-style: italic;
	font-weight: bold;
	color: #84c6b6;
	width: 50%;
	float: right;
	margin: 10px;
	margin-bottom: 10px;
	font-family: 'gt_walsheimbold', arial;
}

.metaslider.metaslider-flex.metaslider-1281.ml-slider {
    float: left;
    clear: both;
}

.flexslider {
    position: relative;
}

ul.flex-direction-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 83%;
/*    background: green;*/
}

ol.flex-control-paging {
    z-index: 99;
    list-style: none;
    text-align: center;
    }

ol.flex-control-paging li {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin: 0 7px;
    }

ol.flex-control-paging li a {
    text-indent: -999999px;
    display: block;
    background: #bec5ca;
    font-size: 2.5em;
    text-shadow: 0 1px 0 #fff;
    width: 11px; height: 11px;
    -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
    cursor: pointer;
    }

ol.flex-control-paging li a.flex-active {
    background: #455560;
    }

.flex-direction-nav ul {
    background: #80b76f;
    text-decoration: none;
}

.flex-direction-nav li {
       display: inline-block;
        width: 50%;
        height: 100%;
/*    background: red;*/
}

.flex-direction-nav a {
/*   width: 30px; */
/*   height: 30px; */
/*   margin: -20px 0 0; */
/*   display: block; */
/*   background: url(images/bg_direction_nav.png) no-repeat 0 0; */
/*   position: absolute; */
/*   top: 50%;*/
   z-index: 10;
   cursor: pointer;
/*   text-indent: -9999px; */
   opacity: 1;
    color: #000;
    padding: 1rem;
    font-size: 3rem;
    font-weight: 900;
}

.metaslider .flex-direction-nav .flex-prev {
    left: 5px;
    opacity: 0.2;
    float: left;
    padding-top: 60%;
/*    background: green;*/
    height: 50%;
}

.metaslider .flex-direction-nav .flex-next {
    right: 5px;
    opacity: 0.2;
    float: right;
    padding-top: 60%;
/*    background: blue;*/
    height: 50%;
}

.metaslider .flex-direction-nav .flex-next:hover, .metaslider .flex-direction-nav .flex-prev:hover {
    opacity: 1;
    text-decoration: none;
}

.slides img {
    max-height: 600px;
    width: auto;
    max-width: 100%;
    height: auto;
}

ul.slides {
    height: 600px;
}

.caption-wrap {
    font-size: 1rem;
}


#site-logo{
	float: left;
	width: 20rem;
	padding-right: 40px;
}

#logoGsara{
	background-image: url(logogsara.svg);
	background-size: 45px 60px;
	height: 60px;
	width: 45px;
}

 #logoFWB{
	background-image: url(fwb.svg);
	background-size: 63px 60px;
	height: 60px;
	width: 63px;
}

.logos img{
opacity: 1;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
border:0;
}

.logos img:hover{
opacity:0;
}


figcaption {
    font-family: "arial", sans-serif;
    font-size: 1.2rem;
}

.wp-block-verse {
  border: 3px solid;
  padding: 1rem;
  margin: 6rem 0;
}

@font-face {
	font-family: 'icomoon';
	src:url('icomoon4357.eot?9p1d4t');
	src:url('icomoond41d.eot?#iefix9p1d4t') format('embedded-opentype'),
		url('icomoon4357.woff?9p1d4t') format('woff'),
		url('icomoon4357.ttf?9p1d4t') format('truetype'),
		url('icomoon4357.svg?9p1d4t#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1rem;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-f:before {
	content: "\20";
}
.icon-t:before {
	content: "\21";
}

@font-face {
    font-family: 'gt_walsheimbold';
    src: url('gt_walsheim_bold-webfont.eot');
    src: url('gt_walsheim_bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('gt_walsheim_bold-webfont.woff') format('woff'),
         url('gt_walsheim_bold-webfont.ttf') format('truetype'),
         url('gt_walsheim_bold-webfont.svg#gt_walsheimbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Suisse Works;
    src: url('fonts/SuisseWorks-Regular.eot');
    src: url('fonts/SuisseWorks-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/SuisseWorks-Regular.woff') format('woff'),
         url('fonts/SuisseWorks-Regular.ttf') format('truetype'),
         url('fonts/SuisseWorks-Regular.svg#gt_walsheimbold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*------------Uncategorized-------------*/
.box .texts1 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #d5c795;
    border: 20px solid #d5c795;
}
.texts1 h1 a, .texts3 .categories a, .texts1 .posted a, .box .texts1 .posted, .box .texts1 .main_separator {
 	color: #FFFFFF;
}

/*------------Mémoire(s)-------------*/
.box .texts3 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #d5c795;
    border: 20px solid #d5c795;
}
.texts3 h1 a, .texts3 .categories a, .texts3 .posted a, .box .texts3 .posted, .box .texts3 .main_separator {
 	color: #FFFFFF;
}

/*------------creation-sonore-------------*/
.box .texts4 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #79C4ED;
    border: 20px solid #79C4ED;
}
.texts4 h1 a, .texts4 .categories a, .texts4 .posted a, .box .texts4 .posted, .box .texts4 .main_separator {
 	color: #FFFFFF;
}

/*------------Portrait-------------*/
.box .texts5 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #a4b1e0;
    border: 20px solid #a4b1e0;
}
.texts5 h1 a, .texts5 .categories a, .texts5 .posted a, .box .texts5 .posted, .box .texts5 .main_separator {
 	color: #FFFFFF;
}

/*------------Dossier-------------*/
/*------Dominance et Médias-------*/
.box .texts16, .dominance-et-medias .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #ff5869;
    border: 20px solid #ff5869;
}
.texts16 h1 a, .texts16 .categories a, .texts16 .posted a, .box .texts16 .posted, .box .texts16 .main_separator, .texts2 h1 a, .texts2 .categories a, .texts2 .posted a, .box .texts2 .posted, .box .texts2 .main_separator{
 	color: #FFFFFF;
}

/*------------Dossier-------------*/
/*---------Décroissacne-----------*/
.route-decroissance .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #68cda6;
    border: 20px solid #68cda6;
}
.texts17 h1 a, .texts17 .categories a, .texts17 .posted a, .box .texts17 .posted, .box .texts17 .main_separator {
 	color: #FFFFFF;
}

/*------------Revue de Web-------------*/
.box .texts18 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #d08dbd;
    border: 20px solid #d08dbd;
}
.texts18 h1 a, .texts18 .categories a, .texts18 .posted a, .box .texts18 .posted, .box .texts18 .main_separator {
 	color: #FFFFFF;
}

/*------------Rwanda-------------*/
.rwanda  .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #ffd22b;
    border: 20px solid #ffd22b;
}
.texts72 h1 a, .texts72 .categories a, .texts72 .posted a, .box .texts72 .posted, .box .texts72 .main_separator {
 	color: #FFFFFF;
}

/*------------Surveillance Self-Défense-------------*/
.surveillance-self-defense .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #2b85ff ;
    border: 20px solid #2b85ff ;
}
.texts84 h1 a, .texts84 .categories a, .texts84 .posted a, .box .texts84 .posted, .box .texts84 .main_separator {
 	color: #FFFFFF;
}

/*------------Le cinéma exposé-------------*/
.cinema-expose .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #e52f7c;
    border: 20px solid #e52f7c;
}
.texts123 h1 a, .texts123 .categories a, .texts84 .posted a, .box .texts123 .posted, .box .texts123 .main_separator {
 	color: #FFFFFF;
}

#header-center .menu li #menu-item-4:hover{
    color: #79C4ED;
}

/*------------Filmer à Tout Prix-------------*/
.filmer-a-tout-prix .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #4A4CBB;
    border: 20px solid #4A4CBB;
}
.texts147 h1 a, .texts147 .categories a, .texts147 .posted a, .box .texts147 .posted, .box .texts147 .main_separator {
 	color: #FFFFFF;
}

#header-center .menu li #menu-item-1292:hover{
    color: #4A4CBB;
}

/*------------Le don remis en cause(s)-------------*/
.le-don-remis-en-causes .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #d93030;
    border: 20px solid #ea2e2e;
}

#header-center .menu li #menu-item-1292:hover{
    color: #d93030;
}

/*------------Séquences-------------*/
.sequences .texts160 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #5DDEB3;
    border: 20px solid #5DDEB3;
}
.texts160 h1 a, .texts160 .categories a, .texts160 .posted a, .box .texts160 .posted, .box .texts3 .main_separator {
 	color: #FFFFFF;
}

/*------------Représentations des luttes ouvrières-------------*/
.representations-des-luttes-ouvrieres .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #ff0000;
    border: 20px solid #ff0000;
}

#header-center .menu li #menu-item-1835:hover{
    color: #ff0000;
}

.texts2 h1 a, .texts2 .categories a, .texts2 .posted a, .box .texts2 .posted, .box .texts2 .main_separator {
 	color: #FFFFFF;
}


/*------------Images et féminismes pluriels-------------*/
.images-et-feminismes-pluriels .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #f39a7c;
    border: 20px solid #f39a7c;
}

#header-center .menu li #menu-item-2272 a:hover{
    color: #f39a7c;
}

/*------------cinema-une-pedagogie-de-la-rencontre-------------*/
.cinema-une-pedagogie-de-la-rencontre .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #f39a7c;
    border: 20px solid #f39a7c;
}

#header-center .menu li #menu-item-2272 a:hover{
    color: #f39a7c;
}

/*
.texts168 h1 a, .texts168 .categories a, .texts168 .posted a, .box .texts168 .posted, .box .texts168 .main_separator {
 	color: #FFFFFF;
}
*/


/*------------pornographieS-------------*/
.pornographies .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #85fdf4;
    border: 20px solid #85fdf4;
}

#header-center .menu li #menu-item-2400 a:hover{
    color: #85fdf4;
}


/*------------Experimentations-------------*/
.experimentations-sur-la-diffusion-audiovisuelle .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #d08dfb;
    border: 20px solid #d08dfb;
}

#header-center .menu li #menu-item-2513 a:hover{
    color: #d08dfb;
}

/*------------News-------------*/
.legypte-post-revolutionnaire-et-le-cinema .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 palegreen;
    border: 20px solid palegreen;
}

#header-center .menu li #menu-item-2586 a:hover{
    color: palegreen;
}

/*------------exploitation programmée-------------*/
.exploitation-programmee-du-travail .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 palegreen;
    border: 20px solid palegreen;
}

#header-center .menu li #menu-item-2675 a:hover{
    color: palegreen;
}


/*------------filmer-a-tout-prix-2017-------------*/
.filmer-a-tout-prix-2017 .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #b398fb;
    border: 20px solid #b398fb;
}

#header-center .menu li #menu-item-2710 a:hover{
    color: #b398fb;
}

/*------------migrations-deconstruire-les-prejuges-------------*/
.migrations-deconstruire-les-prejuges .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #c9766b;
    border: 20px solid #c9766b;
}

#header-center .menu li #menu-item-2883 a:hover{
    color: #c9766b;
}


/*------------penser-un-feminisme-decolonial-------------*/
.penser-un-feminisme-decolonial .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #6bc9a5;
    border: 20px solid #6bc9a5;
}

#header-center .menu li #menu-item-2884 a:hover{
    color: #6bc9a5;
}


/*------------L'idéologie néo-managériale ------------*/
.lideologie-neo-manageriale .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #f577d8;
    border: 20px solid #f577d8;
}

#header-center .menu li #menu-item-3128 a:hover{
    color: #f577d8;
}



/*------------PRISONS ------------*/

.sur-la-prison-pensee-critique-travail-social-et-representations .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #f39a7c;
    border: 20px solid #f39a7c;
}

#header-center .menu li #menu-item-3229 a:hover{
    color: #f39a7c;
}


/*------------TOUT ACCEPTER ------------*/

.tout-accepter-tout-refuser .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #00ccce;
    border: 20px solid #00ccce;
}

#header-center .menu li #menu-item-4052 a:hover{
    color: #f39a7c;
}

/*------------FILMER PAYSAGE ------------*/

.filmer-le-paysage-fake-news .texts2 {
	position: absolute; top: -20px; left: -20px; width: 180px; color: #fff; z-index: 4; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #ffaa8d;
    border: 20px solid #ffaa8d;
}

#header-center .menu li #menu-item-4076 a:hover{
    color: #ffaa8d;
}


/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*----------------media-query------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

@media screen and (max-width:1050px){
	body{
		/*background-color: red;*/
	}

	#header-left {
    	clear: both;
    	margin-top: 20px;
    	width: 100%;
	}
	#search {
		/*float: left;*/
		/*clear: both;*/
		margin-top: 20px;
	}
	#header-right{
		margin-top: 2rem;
		/*float: left;*/
	}
	#header-center .menu li {
	margin-bottom: 10px;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	#player:after{
		max-width: 100%;
		height: auto;
	}
	.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
	.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	#footer{
	float: left;
	}


}



@media screen and (max-width:730px){
	body{
		/*background-color: green;*/
	}
	#header-right{
		float: left;
		margin-top: 20px;
		margin-left: 0;
        width: 100%;
	}
	#header-center{
		border-top: 1px solid #9C9C9C;
		margin-top: 20px;
		padding-top: 30px;
	}
    .entry-content-right,
    li {
        font-size: 1rem;
    }
	#header{
        padding: 2rem;
	}
	.entry-title, .page-title, .entry-content {
		/*margin-left: 0px;*/
	}
	.entry-title, .page-title, .entry-content {
		margin-left: 0px;
	}

	.post_title h1{
		margin: 0;
		width: 100%;
	}

	#nav-above{
		/*width: 100%;*/
	}
	.entry-aside{
		display: none;
	}

	.entry-content-right {
		width: 100%;
		/*float: left;*/
	}

    .gsaraBe {
        float: left;
    }

	#header-center .menu li,
    .gsaraBe
    {
    	width: 100%;
    	text-align: center;
    	background-color: #484848;
    	margin-bottom: 4px;
        display: block;
        left: 0;
	}
	#header-center .menu li a,
    .gsaraBe
    {
		color: #eeeeee;
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 1rem 0rem;
	    width: 100%;
	}
	#header-center .menu li a:hover{
		color: #222222;
	}
	.box {
    width: 100%;
	}
	.box img {
    width: 100%;
    height: auto;
	}

    .box .texts1,
    .box .texts2,
    .box .texts3,
    .box .texts4,
    .box .texts5,
	.box .texts6,
	.box .texts7,
	.box .texts16,
	.box .texts17,
	.box .texts18,
	.box .texts72,
	.box .texts84,
	.box .texts123,
	.box .texts147,
    .box .texts160,
    .box .texts2 {
	    width: 100%;
	}

	#header-center .menu .sub-menu li ul {
    display: block;
    width: 100%;
    margin: 0;
   	padding: 0;
    border: none;
	}
	.sub-menu li {
    position: relative;
	}
	#header-center .menu .sub-menu li ul li a {
        padding: 6px 0px 4px;
        font-family: 'arial';
	}
	#footer {
	    padding: 2rem;
	}
	#site-logo td{
		text-align: left;

	}
	#site-logo {
		margin-top: 2rem;
	}

	.banner_optiques {
		background-image: url(banner_optiques.html);
		width: 100%;
		min-height: 10em;
		margin-left: auto;
		margin-right: auto;
	}
    .wrapper {
        padding: 0;
    }
    #header-center .menu .menu-item-5 {
    display: none;
}
}