/* Fonts
----------------------------------------------------------------------------------------------------*/
/*-------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600|Slabo+27px);
/*font-family: 'Slabo 27px', serif;*/

body{font-family: 'Open Sans', sans-serif; font-size: 1em; color: #4b4b4b;}
*:focus{outline: none!important}
a, button{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
a:hover{text-decoration: none;}
img, iframe{max-width: 100%}

/*Button*/
.btn{border: none; border-radius: 0px;}
.btn-warning{background-color: #E36B2C;}

/*Wordpress reset*/
.attachment-full{height: inherit!important;}
.alignleft{float: left; margin-right: 10px;}
.alignright{float: right;margin-left: 10px;}


/*Typo*/
h1{color: #ff9600; font-weight: 600; font-size: 36px; text-transform: capitalize;}
h2{color: #4b4b4b; font-weight: 600; font-size: 30px;}
h3{color: #4b4b4b; font-weight: 600; font-size: 1.1em; margin-top: 0;}
h4{font-size: 1.5em; margin: 15px 0;}
h5{font-size: 18px; margin: 15px 0;}
h6{font-size: 17px; margin: 15px 0;}

.title-page{margin-bottom: 25px;}

/*Commun*/
ul{margin-bottom: 0; padding-left: 20px;}
ul li{list-style: none;}
ul.list-inline li:before, ul.list-unstyled li:before {display: none;}

.form-control{border-radius: 0px; border: none; box-shadow: none; background-color: #F2F2F2;}
.form-control:focus{box-shadow: none}
.input-group-addon{background-color: #fff; border: none; box-shadow: none; border-radius: 0px;}
label{font-weight: normal;}
.row {margin: 0;}

/*Top*/
#top{height: 32px; background-color: #303030; box-shadow: 0 -10px 10px #000; padding: 0;}
#top a{color: #fff; font-size: 1.2em;}
#top ul{padding: 1em 0; float: left;}
#top li{border-right: 2px solid #fff;}
#top li a{margin: 0 0.5em;}
#top li a .fa{font-size: 1.2em;}
#top form{float: right; margin: 2px 0; height: 24px;}
#top form input[type="text"]{height: 24px; padding: 7px 10px; border: none; border-radius: 10px 0 0 10px;}
#top form button{height: 24px; background-color: #E36B2C; color: #fff; border: none; border-radius:  0 10px 10px 0; font-size: 14px; padding: 2px 10px; margin-left: -5px; position: relative; top: 1px;}

/*header*/
#header{font-family: 'Slabo 27px', serif; font-weight: bold; text-transform: uppercase; line-height: 1.6; padding: 10px 0 10px;}
#header h3{font-size: 1.5em; font-weight: bold; line-height: 1.6; color: #249124; }
#header h2{font-weight: bold;font-size: 2.4em; color: #249124; }
#header .republique{margin-top: 20px; border-left: 3px solid #FF9600; padding-left: 15px;}
/* Menu fixe*/
.fixed-navbar { position: fixed !important; top: 0px; z-index: 9999; width: 100%; }
/* Menu */
.navbar{border-radius: 0px; min-height: 48px}
.navbar-inverse{margin-bottom: 0;}
.navbar-nav>li{display: inline-block; margin-right: -5px;}
.navbar-inverse{background-color: #36972C; border: none; }
.navbar-inverse .navbar-nav>li>a{position: relative; color: #fff; text-transform: uppercase; font-size: 16px; padding: 20px;}
.navbar-inverse .navbar-nav>li>a .fa{font-size: 34px; position: relative; line-height: 0; top: 5px;}
.navbar-inverse .navbar-nav>li>a:after{content:''; position: absolute; height: 80%; width: 2px; background-color: #fff; top: 10%; left: 0;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav> li > a:hover{background-color: #fff; color: #15871e;}
.navbar-inverse .navbar-nav>li.active + li>a:after{display: none;}

/*breadcrumb*/
section.breadcrumb{background-color: #E7E7E7; padding: 13px 0; border-bottom: 2px solid #E49971; border-radius: 0px;}
section.breadcrumb a{color: #343434;}
section.breadcrumb a:after{content: '»'; position: relative; left: 8px; color: #ff9000; font-weight: bold; padding-right: 15px;}
section.breadcrumb li:last-of-type a:after{display: none;}


/*sidebar*/
#sidebar h3{ font-size: 1.6em;}
#sidebar a:hover {text-decoration:underline;}

/*messagerie*/
section.messagerie{ background-color: #D7D7D7; padding-bottom: 1.4em;}
section.messagerie ul { padding: 0px 20px;}
section.messagerie ul li {width:32%; display:inline-block; font-weight: bold; font-size:1.5em;text-align: center; vertical-align:middle;}
section.messagerie ul li a { color:#454545;}
section.messagerie img{}
section.messagerie h3{background-color: #FF9B00; color: #fff; padding: 30px 20px; font-weight: bold;}


/*espaces*/
section.espaces{font-size: 1.6em; background-color: #FF9B00; padding: 0 10px;}
section.espaces a{color: #fff; border-bottom: 3px solid #fff; display: block; padding: 15px 0;}
section.espaces a:hover{margin-left: 10px;}
section.espaces li:last-of-type a{border: none;}


/*departements*/
section.departements{background-color: #E3822C; padding: 20px; color: #fff; line-height: 1.6; }
section.departements h3{color: #fff; text-transform: uppercase; font-size: 1.6em;}
section.departements a{font-size: 1.2em; color: #fff;}
section.departements li:before{content: '»'; margin-right: 10px;}


/*Footer*/
#footer{background-color: #D9D9D9; border-top: 3px solid #FF9B00; padding: 40px 0; font-size: 14px;}
#footer ul{padding: 0;}
#footer .relations{border-right: 1px solid #E35500; border-left: 1px solid #E35500; padding: 0 30px; margin: 0 20px;}
#footer h3{color: #e35500; margin-bottom: 25px;}  
#footer li:before{content: '-'; padding-right: 10px;}
#footer a{color: #454545;}
#footer address p{margin-bottom: 20px; line-height: 1.5;}


/*Copyright*/
#copyright{background-color: #303030; color: #fff; padding: 5px 0;}
#copyright .copy{text-align: right; font-size: 13px; margin-top: 15px;}
#copyright .compteur{margin-top: 5px;}
#copyright p{margin: 10px 0 0;}

/*Content*/
#content{min-height: 800px; padding-bottom: 100px;}
#content.home-page{padding-bottom: 0;}

/*contact-form*/
.the-page ul{}
.the-page .contact-us{margin-top: 20px;}
.the-page .contact-us li{padding-left: 30px; position: relative; margin-bottom: 20px; vertical-align: middle;}
.the-page .contact-us .fa{position: absolute; left: -5px; top: -3px; color: #fff; display: inline-block; border-radius: 100%; background-color: #FF9000; width: 30px; height: 30px; text-align: center; padding: 7px 0;}
.the-page .contact-us .fa-phone{top: 6px;}

/*home-slide*/
#home-slide{}
#home-slide img{width: 100%;}
#home-slide .carousel-indicators li{border: 3px solid #fff; width: 15px; height: 15px; margin: 0;}
#home-slide .carousel-indicators li.active{background-color: #00BAC6;}
#home-slide .carousel-control{background-image: none; font-size: 100px; line-height: 8;}
#home-slide .carousel-control span{position: absolute; line-height: 1; top: 50%; margin-top: -100px;}
#home-slide .carousel-control.right span{left: 0;}
#home-slide .carousel-indicators{bottom: 50px;}

/*three-boxes*/
/* modif par abdellah le 09/11/2016 reduire le padding bottom a 50px */
#three-boxes{border-bottom: 3px solid #E69A72; text-align: center; margin-top: -80px; font-size: 13px; padding-bottom: 50px;}
/* modif par abdellah le 25/10/2016 reduire le heigth a 210px*/
/* modif par abdellah le 09/11/2016 reduire le height a 180px */
#three-boxes article{ height: 180px; position: relative; padding: 30px 10px 40px; background-color: #fff; border-radius: 10px; border: 3px solid #2FB821;}
/* modif par abdellah le 09/11/2016 ajout du line height a 35px; */
#three-boxes article h4{font-weight: bold; font-size: 15px; color: #7f8c8c; line-height: 35px;}
#three-boxes div:nth-of-type(2) article, #three-boxes div:nth-of-type(3) article{border-color: #E36B2C; margin-top: 30px;}
#three-boxes article .btn{position: absolute; bottom: -20px; border-radius: 5px; padding: 15px 30px; left: 50%; width: 180px; margin-left: -90px; border-bottom: 5px solid #0E9500;}
#three-boxes article .btn-warning{border-color: #DC5925;}
#three-boxes article .btn:active{border: none;}
/*ajouter par abdellah le 09/11/2016 */
#three-boxes article img {width: 50px; height: 50px;}



/*last-news*/
.last-news{padding: 20px 0; font-size: 12px;}
.last-news article{margin-bottom: 30px;}
.last-news h3{color: #434343; font-size: 20px; margin-bottom: 20px;}
.last-news h4{margin: 0; line-height: 0;}
.last-news h4 a{font-size: 14px; color: #e35500; line-height: 1; font-weight: bold; display: block;}
.last-news p.date{color: #8f8f8f; font-style: italic;}
.last-news p a{color: #e35500;}

/*the-event*/
.attachment-post-thumbnail{height: inherit;}

/*Mega Menu*/
.mega-sub-menu a{line-height: 1.6!important;}
.mega-sub-menu .mega-block-title{color: #36972C!important; margin-bottom: 15px!important;}

.counterElement{display: none!important;}

/*lang_sel_list*/
#lang_sel_list{float: right;}
#lang_sel_list li{border: none;}
#lang_sel_list a{background-color: transparent!important;}

/*menu-item-language*/
.menu-item-language{display: inline-block!important; position: relative; top: 3px!important; padding: 0 10px!important;}
.menu-item-language img.iclflag{width: 30px!important; height: inherit!important;}
.menu-item-language-current{display: none!important;}

/*not-found*/
.not-found{text-align: center;min-height: 500px; padding: 50px 0; font-size: 140px;}

@media screen and (max-width: 1200px){
	#header h2{font-size: 27px;}
	#header h3{font-size: 16px;}
	.navbar-inverse .navbar-nav>li>a{max-width: 150px; height: 80px; vertical-align: middle; text-align: center; display: table-cell;}
}
@media screen and (max-width: 991px){
	#header h2{font-size: 22px;}
	#header h3{font-size: 13px;}
	.navbar-inverse .navbar-nav>li>a{max-width: 120px; height: 70px; font-size: 14px; padding: 15px; }
}
@media screen and (max-width: 767px){
	#top ul{float: none; text-align: center; font-size: 20px;}
	#top ul a{font-size: 16px;}
	#top li a .fa{font-size: 24px;}
	#top form{float: none; text-align: center;}
	#logo{display: block; text-align: center;}
	#logo img{display: inline-block;}
	#header .republique{border: none; text-align: center;}
	#footer .relations{border: none; padding: 0; margin: 0;}
	#footer .module{margin-bottom: 30px;}
	#sidebar{margin-top: 30px;}
	.navbar-nav>li{display: block; margin: 0;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border: none;}
	.navbar-inverse .navbar-nav>li>a{display: block; max-width: inherit; height: inherit;}
	.navbar-inverse .navbar-toggle{background-color: #E36B2C; border: none; box-shadow: none}
	.navbar-inverse .navbar-nav>li>a:after{display: none; }
	.navbar-collapse{box-shadow: none}
	#copyright{text-align: center;}
	#copyright .copy{text-align: center;}
	#copyright .compteur{margin-top: 10px;}
	.the-page form{margin-top: 60px;}
	#three-boxes{margin-top: 50px;}
	#three-boxes article{height: inherit; margin-bottom: 30px;}

	#home-slide .carousel-indicators{bottom: 0;}
	#home-slide .carousel-control span{margin-top: -70px;}

	.mega-sub-menu{background-color: transparent!important;}
	.mega-sub-menu a{color: #fff!important;}
	.navbar{min-height: inherit;}
	#mega-menu-wrap-primary #mega-menu-primary div, .mega-sub-menu .mega-block-title{color: #fff!important;}

}
@media screen and (max-width: 480px){
	/*#top form button{padding: 4px 10px;}*/
}

/*---------------partie modifiée-----------------*/
.content-page .middle { font-size: 1.6em; }
/*----------------modif par abdellah 13042016 --------------*/
.content-page .middle {line-height: 1.6; }
.content-page .middle ul li {list-style-type: disc; }
/*---------------modif par abdellah 12062016----------------*/
.content-page .middle ul li ul li {list-style-type: circle; }
.content-page .middle ul li ul li ul li {list-style-type: square; }
.content-page .middle h3 {font-size: 24px; font-weight: 600; }
.content-page .middle h4 {font-size: 18px; font-weight: 600; }
#content .container .wrapper {font-size: 1.6em; }
/*------------------modif par abdellah 31052016-------------------*/
@media screen and (max-width: 767px) {
	#top {height: 110px; }
}
/*------------------modif par abdellah 12072016--------------------*/
 @keyframes clignote {
 	from {color: #000000;}
 	to {color: #36972C;}
 }

 .content-page .container .row .col-sm-12 .middle p .clg {
 	/*background-color: #000;*/
 	animation-name: clignote;
 	animation-duration: 0.5s;
 	animation-iteration-count: infinite;
 }
 /*---------------modif par abdellah 09/11/2016 horizontal scrolling-------------------*/
 .bar-news {
 	height: 40px;
 	border-bottom: 3px solid #E69A72;
 	line-height: 40px;
 }
 .bar-news a {
 	font-size: 16px;
 	padding-right: 50px;
 }
 /*------------modif par abdellah 14/11/2016--------------------------*/
 #footer .widget h3 {margin-bottom: 5px;}
 /*------------modif par abdellah 06/12/2016---------------------------*/
 .content-page .middle h1 {margin-bottom: 30px;}
 .content-page .middle .wp-post-image {display: none;}
 /*******************14/02/2017 two-slides front-page.php***************/
#content .two-slides {
	height: auto;
	border-top: 3px solid #FF9B00;
	background-color: #36972C;
}
#content .two-slides h3 {
	color: #fff;
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.two-slides .flexslider {
	height: 310px;
}
.two-slides .flex-viewport {
	max-height: 300px;
}
.two-slides .flex-viewport .slides .flex-active-slide img,  .two-slides .flex-viewport .slides li a img {
	height: 250px;
}
.two-slides .flex-viewport .slides li a p {
	font-size: 14px;
	color: #4b4b4b;
	text-align: center;
}
.two-slides .flex-viewport .slides .flex-active-slide a h4 {
	color: #4b4b4b;
	text-align: center;
}
.two-slides .flex-viewport .slides .clone a h4 {
	color: #4b4b4b;
	text-align: center;
}
.two-slides .overflow-box {
    height: 310px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: auto;
}
.two-slides .overflow-box ul {
	padding-left: 0px;
}
.two-slides .overflow-box li {
	min-height: 40px;
    line-height: 40px;
    /*border-bottom: 1px solid;*/
    padding-left: 10px;
    padding-right: 10px;
}
.two-slides .overflow-box li a {
	font-size: 14px;
    color: #4b4b4b;
    display: block;
    width: 100%;
}
.two-slides .overflow-box li img {
	width: 50px;
	height: 50px;
	margin-right: 5px;
	float: left;
}
.two-slides .overflow-box ul hr {
	margin: 5px 0 5px 0;
	clear: both;
}
.two-slides .overflow-box ul hr:last-of-type {
	margin-bottom: 0;
}
.two-slides .overflow-box .cat-link li {
	padding: 0;
	text-align: center;
	background-color: #D9D9D9;
}
.two-slides .overflow-box .cat-link li a {
	font-size: 18px;
	font-weight: bold;
}
/****************** page sidebar ***********************/
#page-sidebar{
/*background-color: #E7E7E7;*/
	padding: 10px 5px;
}
#page-sidebar ul {
	padding: 20px;
	background-color: #FF9B00;
}
#page-sidebar ul li .children {
	display: none;
}
#page-sidebar ul li:hover .children {
	display: block;
}
#page-sidebar ul .page_item::before {
	content: "»";
	color: #FFFFFF;
	margin-right: 5px;
}
#page-sidebar ul li {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	transition: padding-left 1s;
}
#page-sidebar ul li:hover {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-left: 30px;
}
#page-sidebar ul li a {
	font-size: 1.7em;
	line-height: 2.5;
	color: #FFFFFF;
}
#page-sidebar ul li .children li a {
	font-size: 1.2em;
	line-height: 2.5;
	color: #FFFFFF;
}