/*
Theme Name: Memoires Combattantes
Theme URI: 
Version: 1.5
Author: Equity
Developped By : Reda EL-Fillali
Author URI: http://www.equity.ma
*/
@font-face {
	font-family: 'Conv_agency_fb';
	src: url('fonts/agency_fb.eot');
	src: local('☺'), url('fonts/agency_fb.woff') format('woff'), url('fonts/agency_fb.ttf') format('truetype'), url('fonts/agency_fb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Webfont: Lato-Regular */
@font-face {
	font-family: 'Lato';
	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;
}
@font-face {
	font-family: 'Lato-Italic';
	src: url('fonts/Italic/Lato-Italic.eot');
	src: url('fonts/Italic/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Italic/Lato-Italic.woff') format('woff'), url('fonts/Italic/Lato-Italic.ttf') format('truetype'), url('fonts/Italic/Lato-Italic.svg#Lato-Italic') format('svg');
}
@font-face {
	font-family: 'Lato-Black';
	src: url('fonts/Black/Lato-Black.eot');
	src: url('fonts/Black/Lato-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Black/Lato-Black.woff') format('woff'), url('fonts/Black/Lato-Black.ttf') format('truetype'), url('fonts/Black/Lato-Black.svg#Lato-Black') format('svg');
}
@font-face {
	font-family: 'Lato-Regular';
	src: url('fonts/Regular/Lato-Regular.eot');
	src: url('fonts/Regular/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Regular/Lato-Regular.woff') format('woff'), url('fonts/Regular/Lato-Regular.ttf') format('truetype'), url('fonts/Regular/Lato-Regular.svg#Lato-Regular') format('svg');
}
@font-face {
	font-family: 'Lato-LightItalic';
	src: url('fonts/LightItalic/Lato-LightItalic.eot');
	src: url('fonts/LightItalic/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/LightItalic/Lato-LightItalic.woff') format('woff'), url('fonts/LightItalic/Lato-LightItalic.ttf') format('truetype'), url('fonts/LightItalic/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
}
@font-face {
	font-family: 'Lato-Bold';
	src: url('fonts/Bold/Lato-Bold.eot');
	src: url('fonts/Bold/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Bold/Lato-Bold.woff') format('woff'), url('fonts/Bold/Lato-Bold.ttf') format('truetype'), url('fonts/Bold/Lato-Bold.svg#Lato-Bold') format('svg');
}
@font-face {
	font-family: 'AgencyFBBold';
	src: url('fonts/AGENCY/agencyFbBold/agencyb.eot');
	src: url('fonts/AGENCY/agencyFbBold/agencyb.eot') format('embedded-opentype'), url('fonts/AGENCY/agencyFbBold/agencyb.woff2') format('woff2'), url('fonts/AGENCY/agencyFbBold/agencyb.woff') format('woff'), url('fonts/AGENCY/agencyFbBold/agencyb.ttf') format('truetype'), url('fonts/AGENCY/agencyFbBold/agencyb.svg#AgencyFBBold') format('svg');
}
@font-face {
	font-family: 'AgencyFBBold';
	src: url('fonts/AGENCY/agencyFbRegular/agencyr.eot');
	src: url('fonts/AGENCY/agencyFbRegular/agencyr.eot') format('embedded-opentype'), url('fonts/AGENCY/agencyFbRegular/agencyr.woff2') format('woff2'), url('fonts/AGENCY/agencyFbRegular/agencyr.woff') format('woff'), url('fonts/AGENCY/agencyFbRegular/agencyr.ttf') format('truetype'), url('fonts/AGENCY/agencyFbRegular/agencyr.svg#AgencyFBBold') format('svg');
}
body {
	background: url(images/bg-mc.png) fixed center top repeat-x #606401;
	font-family: "Lato-Bold", sans-serif;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=29, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 0 29px 3px rgba(0,0,0,0.5);/*FF 3.5+*/
	-webkit-box-shadow: 0 0 29px 3px rgba(0,0,0,0.5);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 29px 3px rgba(0,0,0,0.5);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=29, Direction=135, Color=#000000); /*IE 5.5-7*/
	margin-bottom: 20px;
}
header {
	margin-bottom: 0px;
	font-size: 22px;
}
/*****changer***************/

header > .container {
	background: #606401;
	padding-top: 20px;
}
nav li:hover, .actve {
	background: none;
	;
}
nav li:hover a, .actve a, nav li a:hover, nav > li > a:hover {
	background: #fff !important;
	color: black !important;
}
body header {
	font-family: 'AgencyFBBold';
}
.navbar-nav > li > a.active:after, .navbar-nav > li > a:hover:after, .actve a:after {
	content: "";
	position: absolute;
	top: 28px;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 0px solid transparent;
	border-top: 9px solid #fff;
	z-index: 6;
	right: 10px;
}
.navbar-nav {
	margin-left: 106px !important;
	text-transform: uppercase;
}
.nav > li {
	position: relative;
}
.navbar-nav > li > a {
	padding: 6px;
	line-height: 16px;
}
.nav > li > a {
	position: relative;
	display: block;
}
.dropdown-menu {
	padding: 0;
}
nav .dropdown-menu > li > a {
	background: #cf6560 !important;
	padding: 2px 10px;
}
nav .dropdown-menu > li > a:hover {
	background: #fff !important;
}
nav .dropdown-menu > li > a:after {
	content: none;
}
.dropdown-menu li:nth-last-child(odd) a {
	background: #9c3f3a !important;
	padding: 2px 10px;
}
.dropdown-menu li:nth-last-child(odd) a:after {
	content: none;
}
.dropdown-menu li:nth-last-child(odd) a:hover {
	background: #fff !important;
}
.dropdown-menu li:last-child {
	border-bottom: 0px;
}
.dropdown-menu li {
	border-bottom: #FFF solid 1px;
	font-family: "lato-Bold";
}
.dropdown-menu li a:hover {
	color: #000 !important;
}
.logo {
	z-index: 1001 !important;
	position: relative;
	/*height: 120px;*/
	margin-right: 15px;
}
.sd {
	margin-top: -58px;
}
/* Slidaer Start*/
.slider {
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=50, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 0 50px rgba(0,0,0,0.6);/*FF 3.5+*/
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.6);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 50px rgba(0,0,0,0.6);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=50, Direction=135, Color=#000000); /*IE 5.5-7*/
}
#owl-demo .item {
	margin: 0px;
}
#owl-demo .item img {
	display: block;
	height: 205px;
	width: 100%;
}
.owl-controls {
	display: none !important;
}
.hover-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(237, 237, 237, 0.66);
	/* background: rgba(175, 214, 70, 0.85); */
	text-align: center;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	overflow: hidden;
}
.hover-box:hover {
	background: transparent !important;
}
/* Slider End */
/*Home Sections */
.section-title {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 11.75pt;
	font-weight: 500;
}
.accueil .left, .accueil .right, .accueil .middle {
	padding-left: 5px !important;
	padding-right: 5px !important;
	min-width: 280px;
	position: static !important;
}
.accueil .left div, .accueil .right div {
	padding: 0px;
	margin-bottom: 15px;
}
.lsmall h1 {
	font-size: 9.75pt;
	margin-bottom: 15px;
}
.rlarge h1 {
	margin-bottom: 15px;
}
.mlarge {
	padding: 0px !important;
}
.content img {
	width: 100%;
}
.content {
	padding-left: 10px !important;
	background: #FFF;
}
/* Footer */
footer .up-footer {
	padding: 0px;
	font-size: 10pt;
	color: #FFF;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 4px 4px;
	padding: 5px;
}
.form-inline .form-group {
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: middle;
}
footer .up-footer .footer-widget p {
	color: #d4d4d4;
}
.form-inline .form-control, .form-group, textarea {
	width: 100%;
	color: #b7b7b7;
	font-family: 'Lato-Regular', sans-serif;
}
.form-control {
	padding: 0px 9px;
	height: 23px;
	padding-bottom: 1px;
	border-radius: 0px;
}
button.btn.btn-default.pull-right {
	width: 75px;
	height: 18px;
	border-radius: 0px;
	background: #856d53;
	padding: 1px;
	color: white;
}
footer .up-footer .footer-widget ul.social-list {
	margin: 0;
	padding: 0;
	margin-top: 5px;
}
footer .up-footer .footer-widget > ul.social-list > li > a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 30px;
	text-align: center;
	border: 2px solid white;
}
footer .up-footer .footer-widget > ul.social-list > li > a:hover {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 30px;
	text-align: center;
	background: #fff;
	font-size: 22px;
	color: #D8372A;
	line-height: 42px;
}
footer .up-footer .flickr-widget ul li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
footer .up-footer .footer-widget ul.social-list li a i {
	font-size: 22px;
	color: #fff;
	line-height: 35px;
}
footer .up-footer .footer-widget ul.social-list > li > a:hover > i {
	font-size: 22px;
	color: #D8372A;
	line-height: 35px;
}
footer .up-footer .footer-widget ul.social-list {
	margin: 0;
	padding: 0;
	margin-top: 5px;
}
footer .up-footer .footer-widget ul.social-list li {
	list-style: none;
	margin-left: 15px;
	margin-bottom: 3px;
	display: inline-block;
}
footer .up-footer .flickr-widget ul li {
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 6px;
}
.footer-line {
	padding: 10px 0;
	background: #494645;
	border-top: 1px solid #535353;
	margin-bottom: 20px;
}
.footer-line p {
	font-size: 12px;
	margin: 10px;
}
.footer-line ul.footer-menu {
	margin: 0;
	padding: 0;
	text-align: right;
	color: #FFF;
}
.footer-line ul.footer-menu li {
	display: inline-block;
	margin-left: 10px;
}
p {
	color: white;
	text-align: justify;
}
.footer-parallax {
	background: url(images/world-map.png) center bottom;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=19, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 0 97px 3px rgba(0,0,0,0.6) inset;/*FF 3.5+*/
	-webkit-box-shadow: 0 0 97px 3px rgba(0,0,0,0.6) inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 97px 3px rgba(0,0,0,0.6) inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=19, Direction=135, Color=#000000); /*IE 5.5-7*/
	background-size: 100%;
}
.footer-parallax img {
	width: 100%;
}
footer .up-footer {
	background: #606401;
}
.widget.footer-widget.text-widget p {
	margin-bottom: 2px !important;
	color: #FFF !important;
	font-family: 'PT Sans', sans-serif;
	margin-top: 9px !important;
	padding: 0px;
}
.widget.footer-widget.text-widget hr {
	margin: 1px;
}
.recent-widget, .flickr-widget {
	margin-top: 0px;
}
.modal .modal-body {
	max-height: 550px;
	overflow-y: auto;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 1;
}
.close {
	color: #000;
	opacity: 1;
}
#mentions-legales p {
	font-size: 13px;
	margin-bottom: 12px;
}
#mentions-legales p, #mentions-legales h4 {
	color: black;
	font-family: "Lato-Regular", sans-serif;
}
button.btn.btn-lg:hover, button.btn.btn-lg:focus {
	color: white;
}
.modal-body p {
	margin-bottom: 0px;
}
.tab-footer {
	padding-top: 5px;
	min-height: 160px;
	height: 150px;
}
form {
	color: #000 !important;
}
/* Footer End */
/* Single */
.single {
	background: #fff;
}
.title {
	height: 86px;
	background: url('images/title-bg.PNG');
	background-size: 100% 100%;
}
.title h1 {
	font-family: 'lato', sans-serif;
	text-transform: uppercase;
	font-size: 20pt;
	color: #fff;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 8px;
}
.desc p {
	color: #000;
	font-family: 'lato', sans-serif;
	padding: 0px 10px;
	text-align: center;
	font-size: 13.07pt;
	font-weight: 700;
}
.content {
	padding-left: 0px !important;
}
/*changer*/
.expos p {
	color: #222222!important;
	margin: 0 10px 0 10px !important;
	text-align: center;
	font-size: 13px;
	padding: 12px 25px;
}
h2 {
font-family: "Lato-Bold", sans-serif !mportant;
	text-transform: uppercase;
	font-size: 25px !important;
}
.top-title {
	background: #606401;
	padding: 15px 10px 10px 10px;
	color: white;
	position: relative;
	margin: 0;
	margin-bottom: 45px;
	margin-left: 0;
}
.top-title:after {
	content: "";
	position: absolute;
	top: 50px;
	width: 0;
	height: 0;
	border-left: 45px solid transparent;
	border-right: 0px solid transparent;
	border-top: 45px solid #606401;
	z-index: 6;
	right: 45px;
}
.box {
	margin-top: 20px;
	margin: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	max-width: 185px;
	height: 100%;
}
.box-title {
	background: rgb(216, 55, 42);
	color: #fff;
	text-align: center;
	padding-top: -1px;
	;
}
.content-box {
	position: relative;
	height: 100%;
	margin-bottom: 10px;
}
.content-box h3 {
	font-size: 15px !important;
	font-family: "lato" !important;
	text-align: center;
	background: #606401;
	color: white;
	margin: 0;
	padding: 10px 0px;
	position: relative;
}
.content-box h3:after {
	content: "";
	position: absolute;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 18px solid transparent;
	border-right: 0px solid transparent;
	border-top: 18px solid #606401;
	z-index: 6;
	right: 15px;
}
.content-box span {
	position: absolute;
	width: 65px;
	height: 65px;
	left: 60px;
	background: url(images/link-boxb.png);
	top: 29%;
	bottom: 40px;
}
.content-box span:hover, .content-box a:hover span {
	-webkit-transition: all .5s ease;
	background: url(images/link-boxw.png);
}
.content-box img {
	width: 100%
}
.box-title h2 {
	margin: 0px;
	margin-bottom: 3px;
	font-size: 20px!important;
}
.content-box a {
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: gray;
	-webkit-filter: grayscale(0);
	-webkit-transition: all .7s ease;
}
.content-box img {
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: url(assets/svg/desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	-webkit-transition: all .7s ease;
}
.content-box a:hover img {
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: gray;
	-webkit-filter: grayscale(0);
	-webkit-transition: all .7s ease;
}
.content-box img:hover {
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: url(assets/svg/desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(0);
	-webkit-transition: all .5s ease;
}
.column p {
	font-family: "Lato", sans-serif;
	font-weight: normal;
}
.expo {
	background-color: #c8c9a6
}
.expo .text {
	background-color: #FFF
}
.expo p {
	font-family: 'Lato-Regular';
	margin: 0 10px 0 10px !important;
	font-size: 13px;
	color: #222222!important;
	text-align: justify;
	margin-bottom: 12px !important;
	font-weight: normal;
}
.expo .dates {
	padding-left: 35px;
}
.expo .dates strong {
	margin-left: -35px;
}
h2 {
font-family: "Lato-Bold", sans-serif !mportant;
	text-transform: uppercase;
	font-size: 25px !important;
}
.top-title {
	background: #606401;
	padding: 15px 10px 10px 10px;
	color: white;
	position: relative;
	margin: 0;
	margin-left: 0;
}
.top-title:after {
	content: "";
	position: absolute;
	top: 50px;
	width: 0;
	height: 0;
	border-left: 45px solid transparent;
	border-right: 0px solid transparent;
	border-top: 45px solid #606401;
	z-index: 6;
	right: 45px;
}
blockquote.block1 {
	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
	border-left: 0;
	position: relative;
}
/*changer*/
blockquote.block1:after {
	top: 0px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #606401;
	margin-left: -1.5px;
	height: 100%;
}
blockquote.block2 {
	margin: 0px 0 10px 0px;
	padding: 20px 0px 30px 0;
	border-left: 0;
	position: relative;
	background: #c8c9a6;
	margin-left: -15px;
	;
	position: relative;
	margin-right: -15px;
}
blockquote.block2 p {
	color: #000 !important;
	font-family: 'Open Sans Condensed ';
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
}
blockquote.block2 small {
	color: #000;
	font-family: "Lato";
	font-weight: 100;
	font-size: 12px;
	text-align: right;
	float: right !important;
	clear: both;
	margin-right: 10px;
}
blockquote.block2 cite {
	position: absolute;
	right: 0;
	right: 0;
	font-size: 13px;
	font-family: "Lato-Regular";
}
blockquote.block2 small:after {
}
.block1 p {
	font-family: 'Conv_agency_fb' !important;
	font-size: 20px !important;
	;
	color: #606401 !important;
}
.slid_article {
	position: relative;
	padding: 40px 0px;
	padding: 56px 0px;
}
.flm.slid_article {
	position: relative;
	padding: 56px 0px 10px 0px;
}
.slid_current {
	width: 233px;
	margin: auto;
	z-index: 12;
	position: relative;
}
.slid_prev {
	position: absolute;
	left: 0;
	top: 15%;
	width: 150px;
}
.slid_prev img {
	opacity: .4;
	height: auto;
}
.slid_prev i {
	position: absolute;
	top: 45%;
	left: 26px;
	font-size: 54px;
	color: #fff;
}
/* filmm next */

.flm.slid_current {
	width: 218px;
	margin: auto;
	z-index: 12;
	position: relative;
	border: solid #fff;
}
.flm.slid_prev {
	position: absolute;
	left: 0;
	bottom: 5%;
	top: initial;
	width: 150px;
}
.flm.slid_next {
	position: absolute;
	bottom: 5%;
	right: 0;
	top: initial;
	width: 150px;
}
.des_auteur {
	width: 263px;
	background: #262801;
	margin: auto;
	padding: 2px 17px;
	margin-bottom: 15px;
}
.des_auteur p {
	font-size: 16px;
	text-align: center;
}
/* filmm next */
/*.slid_prev{position: absolute;left: 0;top: 15%;width: 150px;}*/
.slid_next {
	position: absolute;
	top: 15%;
	right: 0;
	width: 150px;
}
.slid_next img {
	opacity: .4;
	height: auto;
}
.slid_next i {
	position: absolute;
	top: 45%;
	right: 26px;
	font-size: 54px;
	color: #fff;
	opacity: 1
}
.col-md-5.column {
	background: #c8c9a6;
	-webkit-box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.49);
	box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.28);
}
.slider-bottom {
	background: #2f3101;
	padding: 13px;
	margin: -15px;
	min-height: 230px;
	margin-bottom: 0px;
}
.carousel.slide {
	width: 282px;
	margin: auto
}
.carousel-control span:before {
	position: absolute;
	top: 41%;
	font-size: 35px;
}
.left.carousel-control span:before {
	left: -35px
}
.right.carousel-control span:before {
	right: -35px
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.5;
	background: url('http://marksintime.dbda.net/timeline/images/display/preloader.gif') 50% 50% no-repeat rgb(249,249,249);
}
/***************************FILM*******************************/

.film p {
	color: #000;
	font-size: 13px;
	font-family: "Lato-Regular", sans-serif;
	font-weight: normal;
}
.movies .allcontent {
	background: #c8c9a6;
}
.col-md-7.film {
	background: white
}
.film h2 {
	margin: 0;
	padding: 10px;
	color: #606401;
	position: relative;
	font-size: 22px !important;
	text-transform: none;
	font-family: 'AgencyFBBold';
}
.film h2:before {
	position: absolute;
	content: " ";
	width: 2px;
	background: #606401;
	left: 0;
	height: 70%;
	top: 18%;
}
.film ul {
	margin-left: 10px;
	font-family: "Lato-Regular", sans-serif !important;
	font-size: 12px;
	font-weight: normal;
	background: #c8c9a6;
	width: 103%;
	padding: 10px;
	margin: 1px 0px 1px 0px;
	list-style: none;
	margin-bottom: 10px;
	margin-top: 10px;
}
.film .video {
	margin: 0px -15px;
	background: #2f3101;
	position: relative;
	padding: 10px 0;
}
.embed-container {
	position: relative;
	padding-bottom: 35.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	width: 280px;
	margin: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.list img {
	-webkit-box-shadow: 0px 5px 21px 1px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.75);
	margin-top: 50px;
}
/**********************Bibliographie************************/


.allcontent {
	background: #fff;
}
.col-md-7.bibliographie {
	background: white
}
/*changer*/

.bibliographie h2 {
	margin: 0;
	padding: 22px 0px;
	color: #606401;
	position: relative;
	font-size: 20px !important;
	text-transform: none;
}
.bibliographie h2:before {
	position: absolute;
	content: " ";
	width: 2px;
	background: #606401;
	left: 0;
	height: 35px;
	top: 18px;
}
.bibliographie .article {
	margin-left: -10px;
}
/*changer*/

.bibliographie .article .pic {
	position: relative;
	background: #c8c9a6;
	margin-right: -10px;
	margin-left: -5px;
	padding: 15px;
	min-height: 123px;
	border-bottom: dashed 1px #fff;
}
.bibliographie .article.first .pic {
	padding-top: 30px;
	height: 140px;
}
.bibliographie .article.last .pic {
	border: 0;
	padding-bottom: 30px;
	height: 140px;
}
.bibliographie .article .pic img {
	width: 65px;
	margin: auto;
	display: block;
	-webkit-box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 6px 1px rgba(0,0,0,0.75);
}
.bibliographie .article .description h2 {
	font-family: "Lato-Bold", sans-serif;
	font-size: 12px !important;
	margin: 0px;
	padding: 5px 0px
}
.bibliographie .article.first .description h2 {
	padding: 30px 10px 5px 0px
}
.bibliographie .article .description h2:before {
	content: none;
}
.bibliographie .article .description p {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	font-family: "Lato-Regular", sans-serif !important;
}
@media (min-width: 768px) {
	.bibliographie .article .description {
		margin-right: -53px;
		background:
	}
	.top-title:before {
		content: "";
		position: absolute;
		top: 50px;
		width: 0;
		height: 0;
		border-left: 292px solid transparent;
		border-right: 0px solid transparent;
		border-top: 292px solid rgba(191, 204, 232, 0.66);
		z-index: -1;
		right: 45px;
		opacity: .3;
	}
	.expos-list .col-md-3 {
		width: 20%;
	}
}

.pagination {
	margin: 20px;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 2px 8px;
	margin-left: 6px;
	line-height: 1.42857143;
	color: #606401;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #606401;
	-webkit-filter: grayscale(0);
	font-family: "Lato-Regular", sans-serif;
	font-size: 11px;
	-moz-filter: grayscale(100%);
	-ms-filter: 1px solid #606401;
	-o-filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .7s ease;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	/* margin-left: 9px; */
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #606401;
	border-color: #606401;
}
/**********************Filmographie************************/

.filmographie h2 {
	margin: 0;
	padding: 22px 10px;
	color: #606401;
	position: relative;
	font-size: 20px !important;
	text-transform: capitalize;
}
#items {
	margin-top: 38px;
}
.flmo #items {
	margin-top: 38px;
	margin-left: 20px;
}
#items .item {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	/*background: linear-gradient(to bottom, #F6F6F6 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;*/
	border-radius: 0px 0px 0px 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(0, 0, 0, 0.1), 0 3px 1px rgba(0, 0, 0, 0.05);
	/* text-shadow: 0 1px 0 #DDDDDD;*/
	width: 223px;
	float: left;
	position: relative;
	border-top: solid 2px #606401;
	background: #fff;
	/*z-index: 5; */
	margin: 10px 0px;
}
#items .item .item-content {
	padding: 10px 0px;
}
#items .item .item-content .description h2 {
	font-family: "Lato-Black", sans-serif;
	font-size: 12px !important;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	color: #606401;
	text-align: justify;
	margin: 0 auto;
	text-transform: none;
}
#items .item .item-content .description p {
	font-family: "Lato-Regular", sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	padding: 10px;
}
#items .item .picture .description {
	margin-top: 10px;
}
#items .item .meta span {
	font-family: "Lato-Black", sans-serif;
	font-size: 12px !important;
	line-height: 16px !important;
	padding-right: 5px;
	padding-left: 5px;
	position: absolute;
	background: #8e914d;
	color: white;
	top: -5px;
	right: 0px;
}
#items .item .picture {
	display: block;
	position: relative;
	z-index: 5;
	/*border-top: 1px solid #999999;
*/    border-radius: 0px 0px 0px 0px;
}
#items .item .picture a.imag {
	display: block;
	height: auto;
	width: 100%;
}
#items .item .picture img {
	border-radius: 0px 0px 0px 0px;
	height: 100px;
	position: relative;
	width: auto;
	margin: auto;
	margin-top: 5px;
	z-index: -1;
	display: block;
}
.picture img {
	height: auto;
	width: 65px;
	margin: auto;
}
.navbar-inner {
	box-shadow: 0px 5px 10px #999 !important;
}
.events #items .item {
	min-height: 260px;
}
.events .item.masonry-brick h2 {
	height: 38px;
}

/* RESPONSIVE CSS HACKS
 -------------------------------------------------- */
 @media (max-width: 768px) {
#main {
	margin-top: 5px;
}
.top-title:after {
	top: 15px !important;
	right: 15px !important;
}
}
/****************** evenements *************************/
.content {
	padding-left: 0px;
}
.event-single {
	background-color: #FFF;
}
.event-single p {
	margin: 0 10px 0 10px !important;
	font-size: 13px;
	color: #222222!important;
	font-weight: normal;
	font-family: "Lato-Regular", sans-serif;
	line-height: 20px;
}
.event-single img {
	margin-top: 20px;
}
h2 {
font-family: "Lato-Bold", sans-serif !mportant;
	text-transform: uppercase;
	font-size: 25px !important;
	margin-right: 20%
}
/*changer*/

.top-title {
	background: #606401;
	padding: 6px 10px 6px 10px;
	color: #606401;
	position: relative;
	margin: 0;
	margin-left: 0;
	font-family: "Lato-Bold", sans-serif;
}
/*changer*/
.top-title:after {
	content: "";
	position: absolute;
	top: 39px;
	width: 0;
	height: 0;
	border-left: 45px solid transparent;
	border-right: 0px solid transparent;
	border-top: 45px solid #606401;
	z-index: 6;
	right: 45px;
}
.event h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 10px;
	color: #606401;
	position: relative;
	font-size: 22px !important;
	text-transform: none;
	margin-right: 20%;
	font-family: 'AgencyFBBold';
}
.event h2:before {
	position: absolute;
	content: " ";
	width: 2px;
	background: #606401;
	left: 0;
	height: 70%;
	top: 18%;
}
.event ul {
	background: #c8c9a6;
	padding: 10px;
	color: #000;
	font-family: "Lato-Regular", sans-serif;
	font-size: 13px;
	margin-right: -15px;
}
.event li {
	margin-right: 30%;
	font-weight: normal;
	font-size: 12px;
	width: 100%;
	margin-top: 5px;
}
.event li span {
	font-family: "Lato-Bold", sans-serif;
}
.image {
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
	float: right;
	margin-left: 10px;
	margin-top: -80px;
	max-width: 120px;
}
/*changer*/
.liens {
	background: #2f3101;
	margin: 8px -15px;
	margin-bottom: 0px;
	padding: 10px;
	bottom: 10px;
	width: 110.5%;
}
.liens h4 {
	color: white;
	font-family: "Lato-Bold", sans-serif;
	font-size: 13px;
}
.liens ul {
	margin-left: 10px
}
.liens a {
	font-family: "Lato-Regular", sans-serif;
	font-size: 13px;
	color: #9f4209 !important;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(/assets/svg/desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(0);
	-webkit-transition: all .7s ease;
}
.list {
	background: #c8c9a6;
	margin: 0px -16px 0px -15px;
	padding: 28px 10px;
}
.list ul {
	margin: 0px 30px;
}
.list ul li {
	line-height: 15px;
	margin-bottom: 14px;
	font-family: "Lato-Regular", sans-serif;
	position: relative;
	font-size: 13px;
}
.list li span {
	position: absolute;
	left: -15px;
	top: 2px;
	font-size: 12px;
	color: #6786c7
}
.presse {
	background: #2f3101;
	margin-bottom: 0px;
}
.presse .Down {
	padding-left: 10px;
	padding-bottom: 10px;
}
.Down h2 {
	font-family: 'Conv_agency_fb';
	color: white;
	font-size: 22px;
	text-decoration: underline;
	text-transform: capitalize;
}
.Down .links, .Down .links a {
	font-family: 'Lato-Regular', sans-serif;
	font-size: 15px;
	font-weight: bold;
	-webkit-transition: all .7s ease;
	color: #9f4209 !important;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(/assets/svg/desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(0);
}
/*ajouter */
.btn-primary {
	color: #fff;
	background-color: #606401;
	border-color: #606401;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #606401;
	border-color: #606401;
}
.event-single .event {
	margin-top: 15px;
}
.container.content.expos .top-title {
	margin-bottom: 30px;
}
/**********livre **************/

.livre h2 {
	font-family: 'AgencyFBBold';
	font-size: 20px !important;
	position: relative;
	margin: 0;
	margin-top: 10px;
	padding: 10px;
	padding-left: 18px;
	text-transform: none;
}
.livre p {
	color: #fff;
}
.livre span {
	position: absolute;
	left: 0;
	top: 11px;
	width: 13px;
	height: 17px;
	background: url(images/arraw.png);
}
.livre span.first {
	position: absolute;
	left: -2px;
	top: 6px;
	width: 18px;
	height: 23px;
	background: url(images/arraw-first.png);
}
.livre .description {
	font-family: 'Lato-Black';
	font-size: 12px;
	padding: 10px;
	margin-left: -15px;
	margin-right: -15px;
}
.details {
	padding: 10px 0;
}
.livre ul {
	list-style: none;
	padding: 5px 0px 5px 0px;
	margin-bottom: 0px;
}
.livre ul>li {
	font-family: 'Lato-Regular';
	font-size: 12px;
	margin-top: 5px;
}
.livre .imag {
	background: #606401;
}
.livre .imag .all-image {
	width: 50%;
	float: left;
	padding: 5px;
}
.livre .imag .all-image img {
	width: 108px;
	height: 60px;
	margin: auto;
}
.livre .imag img.first {
	width: 108px;
	height: 60px;
	margin: auto;
	margin-top: 10px;
	float: none;
}
/*.imag img{
	width: 100px;
}*/
.livre .col-md-6 {
	margin-bottom: 10px;
}
.livre .col-md-2 {
	padding: 0;
}
.livre .clearfix {
	background: #606401;
}
 @media (max-width: 768px) {
.livre .col-md-6 {
	margin-bottom: 60px;
}
}
.livre {
	padding-top: 20px;
}
.livre h6 {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.fa.fa-chevron-circle-right {
	color: #2A1D0F;
}
.col-md-5 .list ul li a {
	color: #0c1234;
}
.clearfix.details {
	padding-top: 10px;
	background: #cbb7a2;
}
.livre .details {
	padding: 0px;
	background: #CBB7A2;
}
.livre .details img {
	padding: 10px;
}
.tab-right img, .tab-left img {
	width: 125px;
	margin: auto;
	display: block;
}
/**** Combattant film ****/

.blc {
	width: 70px;
	height: 100px;
	background: #000;
	margin-bottom: 10px;
	border: 2px solid white;
	position: relative;
}
.blc a {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}
.blc span {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}
.blc i {
	position: absolute;
	top: 61px;
	left: 20px;
	color: #DB4539;
	z-index: 12;
	font-size: 30px;
}
.blc span:hover {
	background: rgba(219, 69, 57, 0.51);
	opacity: 1;
	color: white;
	clear: both;
	text-align: center;
	font-size: 10px;
	padding: 5px;
}
 @media (max-width: 750px) {
.col-xs-6 {
	/*width: 19%;*/
}
}
@media (min-width: 970px) {
.col-md-1 {
	width: 10%;
}
}
.box-film {
	padding-top: 10px;
	background: #c8c9af;
	-moz-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
	-webkit-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
	box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
}
.expos h3 {
	font-family: 'AgencyFBBold';
	font-size: 22px;
	color: #fff;
	margin: 0px;
}
.livre .description ul {
	color: white !important;
	margin-left: 10px;
}
.livre .description ul > li > a {
	color: white !important;
	margin-left: 10px;
}
.livre .description h6 {
	color: black;
	text-decoration: underline;
}