﻿/** globale **/
.logo h1 a {font-family: 'bebasregular';}
body{background: linear-gradient(to bottom,#999, #CCC,#CCC,#CCC,#999);}
ul{padding:0; margin:0; list-style:none}
a{text-decoration:none; color:#2f2f2f}
a:hover{color:#646464; text-decoration:none}
a:focus{outline:none; text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family:'Oswald',sans-serif}
h2{line-height:23px}
img{border:none}
/** preloader et scrollToTop **/ 
#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999}
#status{position:absolute; left:50%; top:50%; background-repeat:no-repeat; background-position:center; color:#000000;margin: 50px auto;font-size: 10px;width: 1em;height: 1em;border-radius: 50%;text-indent: -9999em;-webkit-animation: load5 1.1s infinite ease;animation: load5 1.1s infinite ease;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);}@-webkit-keyframes load5{0%,100% {box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);} 12.5%{box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);} 25%{box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);} 37.5%{box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);} 50%{box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);} 62.5%{box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);} 75%{box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);} 87.5%{box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;}} @keyframes load5{0%,100%{box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);} 12.5%{box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);} 25%{box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);} 37.5%{box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);} 50%{box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);} 62.5%{box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);} 75%{box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);} 87.5%{box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;}}
.scrollToTop{background-color:#004F0A; color:#fff; bottom:105px; display:none; font-size:38px; font-weight:bold; height:45px; position:fixed; right:75px; text-align:center; text-decoration:none; width:45px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.scrollToTop:hover, .scrollToTop:focus{background-color:#fff; color:#004F0A; border:1px solid #004F0A; text-decoration:none; outline:none}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}



/** header **/
#header{display:inline; float:left; width:100%; margin-top:00px}
.header_bottom{background-color:#fff; display:inline; float:left; padding:15px 30px 15px; width:100%}
.Banniere{display:inline; float:left; height:100%; width:100%}
.logo{font-size:45px; font-weight:bold; color:#000; font-family:'Varela',sans-serif}
.logo img{max-width:100%}
.logo img:hover{opacity:1}
.logo > span{color:#256b4a; margin-left:-14px}
.Banniere2{display:none; float:left; height:100%; width:100%}
.logo2{font-size:45px; font-weight:bold; color:#000; font-family:'Varela',sans-serif}
.logo2 img{max-width:100%}
.logo2 img:hover{opacity:1}
.logo2 > span{ margin-left:-14px}
/** menu langue **/
.menu-langue {width:100%;display:inline;float:left;position: relative;padding-right:20px;margin-top: 45px;font-size:0;line-height:0;text-align:center;}
.menu-langue .na {color: #ffffff;font-size: 25px;line-height: 52px;width: 50px;height: 50px;border-radius: 500px;background-color: #004F0A;display: inline-block;vertical-align:middle;margin-left: 10px;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.menu-langue .na:hover {background-color: #666;-webkit-transform: scale(1.1);transform: scale(1.1);}
.menu-langue .na img{ width:60%; padding-bottom:5px}
/** *********************************************************** **/
.menu-langue .rss {color: #ffffff;font-size: 25px;line-height: 52px;width: 50px;height: 50px;border-radius: 500px;background-color: #004F0A;display: inline-block;vertical-align:middle;margin-left:10px;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.menu-langue .rss:hover {background-color: #f8991d;-webkit-transform: scale(1.1);transform: scale(1.1);}
.menu-langue .rss img{width:60%; padding-bottom:5px}
/** *********************************************************** **/
.menu-langue .home {color: #ffffff;font-size: 25px;line-height: 52px;width: 50px;height: 50px;border-radius: 500px;background-color: #004F0A;display: inline-block;vertical-align:middle;margin-left:10px;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.menu-langue .home:hover {background-color:#900;-webkit-transform: scale(1.1);transform: scale(1.1);}
.menu-langue .home img{width:60%; padding-bottom:5px}




/** **************************Menu Principal********************************* **/
#navArea{ float:left; display:inline; width:100%; padding:0 30px; background-color:#fff}
/** rectangle horizontal **/
.navbar{ padding:0px ;background-color:#004F0A;border:medium none;border-radius:0 }
/** Elements du menu horizontal **/
.navbar-inverse .navbar-nav > li > a{border-left:1px   dotted #111; color:#fff; font-weight:bold; display:inline-block; height:40px; line-height:40px; padding:0 8px; text-shadow:1px 0 1px #000; text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.navbar-inverse .navbar-nav > li:first-child a{border:none}

.navbar-inverse .navbar-nav > li > a:hover{background-color:#fff; color:#004F0A;}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{color:#004F0A; background-color:#fff;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{color:#fff;background-color:#004F0A;}




.main-nav ul li a{}
.navbar-collapse{padding-left:0}
.mobile-show{display:none}
/** Sous Elements du menu horizontal **/
.dropdown-menu{background-color:#004F0A}
.dropdown-menu > li > a{clear:both; color:#fff; background-color:#004F0A; font-family: 'Trebuchet MS', sans-serif; font-weight:bold; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.dropdown-menu > li > a:hover{background-color:#fff; color:#004F0A}
.nav-tabs > li > a:hover{background-color:#fff; color:#004F0A}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{background-color:#fff; color:#004F0A}

.separation_act {text-align:center}




/** file d'actu **/
/************************************************************************************************************************************************************/
#zone_defilement{float:left; display:inline; width:100%; padding:0 30px; background-color:#FFF;  font-weight:bold; padding-bottom:10px}
#reviews {min-height:10px;background-color:#F0F0F0;padding:5px;text-align:center;font-size:13px;color:#000;}


.carousel-inner>.item>a {color:#000}
.clignotant{color:#B00;-webkit-animation: blink 1.5s linear infinite;-moz-animation: blink 1.5s linear infinite;-ms-animation: blink 1.5s linear infinite;-o-animation: blink 1.5s linear infinite;animation: blink 1.5s linear infinite;}
.clignotant:hover {-webkit-animation: blink 0s linear infinite; -moz-animation: blink 0s linear infinite;-ms-animation: blink 0s linear infinite;-o-animation: blink 0s linear infinite;animation: blink 0s linear infinite;}
@-webkit-keyframes blink {0% { opacity: 1; }50% { opacity: 1; }50.01% { opacity: 0; }100% { opacity: 0; }}
@-moz-keyframes blink {0% { opacity: 1; }50% { opacity: 1; }50.01% { opacity: 0; }100% { opacity: 0; }}
@-ms-keyframes blink {0% { opacity: 1; }50% { opacity: 1; }50.01% { opacity: 0; }100% { opacity: 0; }}
@-o-keyframes blink {0% { opacity: 1; }50% { opacity: 1; }50.01% { opacity: 0; }100% { opacity: 0; }}
@keyframes blink {0% { opacity: 1; }50% { opacity: 1; }50.01% { opacity: 0; }100% { opacity: 0; }}
/************************************************************************************************************************************************************/
/** news **/
#News{background-color:#fff; display:inline; float:left; width:100%; padding:0 30px;}
.single_iteam{display:inline; float:left; position:relative; width:100%; height:448px}
.single_iteam img{width:100%; height:100%}
.single_iteam img:hover{opacity:1}
.slider_article{bottom:00px; left:0; position:absolute; right:0; padding:10px 15px}
.slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; font-size:18px; padding:10px; display:inline-block}
.slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block}
.slick-prev{left:0px}
[dir="rtl"] .slick-prev{left:auto; right:-25px}
.slick-prev:before{content:"<"}
[dir="rtl"] .slick-prev:before{content:">"}
.slick-next{right:0px}
[dir="rtl"] .slick-next{left:-25px; right:auto}
.slick-next:before{content:">"}
[dir="rtl"] .slick-next:before{content:"<"}
.slick-prev, .slick-next{ border:medium none;  font-weight:bold;  cursor:pointer;  display:block;  font-size:0;  height:auto;  line-height:0;  margin-top:-10px;  outline:medium none;  padding:10px;  position:absolute;  top:50%;  width:auto}
.slick-prev:before{ content:""}
.slick-prev{ background-image:url(images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px}
.slick-next:before{ content:""}
.slick-next{ background-image:url(images/slider_next.png); background-repeat:no-repeat; background-position:center; left:60px}
.slick-prev, .slick-next{background-color:#004F0A; top:10%; width:40px; height:40px}
.slick-prev:focus, .slick-next:focus{outline:none }
.slick-prev:hover, .slick-next:hover{outline:none; opacity:0.5}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25}
.slick-prev:before, .slick-next:before{font-family:"slick"; font-size:20px; line-height:1; opacity:0.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.latest_post{float:left; display:inline; width:100%; overflow:hidden}
.latest_post > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family: 'Trebuchet MS', sans-serif; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
.latest_post > h2 span{background:none repeat scroll 0 0 #256b4a; padding:4px 10px}
.La_une > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family: 'Trebuchet MS', sans-serif; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
.La_une > h2 span{background:none repeat scroll 0 0 #256b4a; padding:4px 10px}
.Actualites{height:auto !important; }
.Actualites li{margin-bottom:10px; float:left; width:100%;background-color:#F0F0F0;padding:8px}
.latest_post_container{display:inline; float:left; height:435px; position:relative; width:100%}
.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{ font-size:30px; font-weight:bold; display:block}
#prev-button{color:#004F0A; cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; display:none}
#next-button{color:#004F0A; cursor:pointer; display:none; font-size:20px; left:0; position:absolute; text-align:center; bottom:0; width:100%}
.dateinfo{font-weight:bold;color:#004F0A;font-size:12px; text-align:right; margin-bottom:0px} 
#contentSection{float:left; display:inline; width:100%; background-color:#fff; padding:0 45px}
.media-left > img{height:70px; width:90px}
/* Slider */
.slick-slider{position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0}
.slick-list:focus{outline:none}
.slick-loading .slick-list{background:#fff  center center no-repeat}
.slick-list.dragging{cursor:pointer;}
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
.slick-track{position:relative; left:0; top:0; display:block}
.slick-track:before, .slick-track:after{content:""; display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left; height:100%; min-height:1px; display:none}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
/* Dots */
.slick-slider{margin-bottom:20px}
.slick-dots{ list-style:none; display:block; text-align:center; padding:0; width:100%}
.slick-dots li{position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer}
.slick-dots li button{border:0; background:transparent; display:block; height:20px; width:20px; outline:none; line-height:0; font-size:0; color:transparent; padding:0px; cursor:pointer}
.slick-dots li button:hover, .slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{color: #F00}
.slick-dots li button:before{position:absolute; top:0; left:0; content:"•"; width:20px; height:20px; font-family:"slick"; font-size:25px; line-height:20px; text-align:center; color: #900; opacity:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:black; opacity:1}








/** Commandement de Forces **/

.commandement a {padding-right:18px;}
.commandement img {width: 110px;height: 110px;-webkit-filter: grayscale(0) blur(0px);filter: grayscale(0) blur(0px);-webkit-transition: all 1s ease; transition: all 1s ease;}
.commandement :hover img {width: 110px; /* on affiche l'image au carré */height: 110px;border-radius: 50%;  /* on arrondit l'image */-webkit-transform: rotate(180deg); /* rotation de l'image */transform: rotate(180deg);}








/** PPGN**/
.ppgn img {width:80%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.ppgn:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

/** tariki **/
.tariki img {width:80%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.tariki:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

/** 1055 **/
.numero img {width:80%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}

@media(max-width:767px )  {.ppgn img { width:40%;} .tariki img { width:40%;} .numero img { width:40%;}  }  
@media(max-width:480px )  {.ppgn img { width:60%;} .tariki img { width:60%;} .numero img { width:60%;}  }

.Whiteline {background-color:#FFFFFF; height:1px; width:100%;}
.Greenline {background-color:#004F0A; height:2px; width:100%; margin-bottom: 10px;} 

.Redline {background-color:#900; height:4px; width:100%;margin-bottom: 10px;} 
.Redline2 {background-color:#900; height:5px; width:100%;margin-bottom: 10px;}
.GreenlineSep {-webkit-border-radius: 5px;border-radius: 5px; padding-top:00px; margin-top:00px;background-color: #00632E; height:3px; width:100%;}
#footer{display:inline; float:left; width:100%;margin-bottom:20px}
.footer_bottom{margin:0px; float:left; display:inline; width:100%; height:100%; padding:10px 5px; background-color:#004F0A; color:#ccc}
.footer_bottom p{color:#FFF; font-weight:bold; font-size: 16px;}
.footer_bottom ul li{padding-bottom:5px;}
.footer_bottom img{padding:5px 5px;}
.footer_bottom ul li a{color:#FFF; font-weight:bold; font-size: 16px; vertical-align:middle; }
.footer_bottom ul li a:hover{ font-size: 17px; margin:0px; padding:0px}
.footer_bottom ul {margin:0px; padding:0px }
.footer_bottom ul li img{width:20px; padding:0px; margin:0px;}


@media(max-width:1199px ){ .commandement a {padding-right:00px;}.navbar-collapse{padding-left:15px} .nav-tabs > li{width:32.3%} .photograph_nav li{width:11%} .resu2{display:none}} 
@media(max-width:991px ){ .recrutement{display:none} .recrutement2{display:block} .commandement a {padding-right:40px;} .drapeau img{display:none;} .text_com2 ul li:before{content:"•"; padding-left:40px} .Essalil {margin-top:20px;}.WAA {margin-top:20px;}.GreenlineSep { background-color: #033; height:3px; width:100%;}  .menu-langue {margin-top:5px} .navbar-collapse{padding-left:15px} .resu{display:none}  .photograph_nav{margin-left:50px} .photograph_nav li{width:23%;} .nav > li > a{padding:8px 8px}.latest_post_container{height:410px;overflow:hidden} #next-button{bottom:-2px}.single_iteam{height:415px}  .related_post .spost_nav li{width:100%}.nav-tabs > li{width:31.9%}.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}}
@media(max-width:767px ){  .commandement a {padding-right:27px;}.text_com2 ul li:before{content:"•"; padding-left:20px} #zone_defilement{font-size:12px} .single_content video {width:90%; height:90%} .photograph_nav li{width:47%; margin-left:10px}.texte_ressorti{font-size:16px; text-align:justify; padding-right:00px} .text_com {font-size:16px; text-align:justify;padding-right:00px; margin-right:00px} .photograph_nav{margin-left:20px} .add_banner{width:100%} .Banniere{width:100%} .mobile-show{display:block}.desktop-home{display:none}.navbar-inverse .navbar-nav > li > a{display:block}   .header_top_left{width:100%}.header_top_right > p{display:none}.single_iteam a{height:100%}.single_iteam a > img{height:100%}.nav-tabs > li{width:45%}}
@media(max-width:480px ){.container{padding: 0;} .header_bottom{padding: 0  0 5px;} #navArea{padding: 0} #zone_defilement{padding: 0} #contentSection{padding: 0} .row{margin: 0} #footer{margin-bottom: 0} .logo2{margin:  0 -15px;} #News{padding: 0} .menu-langue .na{width: 41px;height: 41px; line-height: 40px;} .menu-langue .rss{width: 41px;height: 41px; line-height: 40px;}  .menu-langue .home{width: 41px;height: 41px; line-height: 40px;} .commandement a {padding-right:40px;}.text_com2 ul li:before{content:"•"; padding-left:00px} #zone_defilement{font-size:12px} 
.Banniere{display:none} .Banniere2{display:block}  .slider_article > h2 a{font-size:14px; padding:2px;} .slider_article > p{display:none; } .photograph_nav{margin-left:10px} .photo img{width:100%; height:100%} .top_nav{text-align:center}.single_post_content_left{width:100%}.single_post_content_right{width:100%}.fashion{width:100%} .single_iteam{height:300px} .photo_grid figure{height:120px} .photograph_nav li{width:47%; margin-left:0}.nav > li > a{padding:8px 12px}.nav-tabs > li{width:32.6%}}
@media(max-width:360px ){.commandement a {padding-right:20px;} .photo img{width:100%; height:100%} .single_iteam{height:210px}.slider_article > p{display:none}.nav-tabs > li{width:32.3%}.pagination > li > a,.pagination > li > span{padding:4px 8px}}
@media(max-width:320px ){.commandement a {padding-right:00px;}.photo img{width:100%; height:100%} .nav-tabs > li{width:32.1%}}
/** Bootstrap5 Ajustements **/
.container {max-width: 1170px; /*Bootstrap3 Default max-width */}
* {font-family: Arial, Helvetica, sans-serif;}