@charset "utf-8";
/* CSS Document */


/* COLORS
--------------------------------------------------
green {#699418}
yellow {#ffcf00}
red {#b3071b}
kaki {#5d570e}
ltgreen {#d3df89}
blue {#00368b} */




h2 {font-weight: 400;}
ul {padding: 0;}
li {list-style: none;}
a {outline: none !important;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}
a:hover, a:active, a:focus {text-decoration: none;}


/* MODIF BOOTSTRAP STYLES
-------------------------------------------------- */
.form-inline .form-control {color: #333; margin-right: 5px;}
.form-control:focus {border-color: #abd163; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(105, 148, 24, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(105, 148, 24, 0.6);}
blockquote {margin: 20px 10px; font-size: 13px; border-left: 5px solid #eeeee6; color: #777270;}
blockquote cite {font-size: 12px; font-style: italic; border-left: 1px solid #777270; padding-left: 10px;}
.table, table.spip {border-bottom: 1px solid #ddd; margin: 20px auto;}
.table-striped > tbody > tr:nth-child(odd) > th, table.spip th {background-color: #97b25e; color: #FFF; padding: 8px; border-top: 1px solid #DDDDDD; line-height: 1.42857; vertical-align: top;}
.table-striped > tbody > tr:nth-child(odd) > td, table.spip td {padding: 8px; border-top: 1px solid #DDDDDD; line-height: 1.42857; vertical-align: top;}
table.spip tr.odd {background-color: #fff;}
table.spip tr.even {background-color: #f5f5f0;}


/* ADDTHIS SHAREBAR
-------------------------------------------------- */
#sharebar {border-radius: 0 !important; top: 245px; right: 0; width: 30px;}



/* NAVBAR
-------------------------------------------------- */
.navbar {background: #FFF; text-transform: uppercase; border: none; border-radius: 0; margin: 0; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.175); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.175);}
.navbar .container {position: relative;}
.navbar .logo {display: inline-block; padding: 30px 0 40px 20px; width: 300px;}
.navbar .dropdown ul {background: #777270; background: rgba(119,114,112,0.9); border: none; border-radius: 0;}
.navbar .dropdown .open a {border-color: #777270;}
.open > .dropdown-menu {
  animation-name: navAnim;
  animation-duration:.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: navAnim;
  -webkit-animation-duration:.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: navAnim;
  -moz-animation-duration:.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes navAnim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes navAnim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* topnav */
.navbar .topnav {position: absolute; top: 0; right: 15px;}
.navbar .topnav .bt_partners, .navbar .topnav .dropdown, .navbar .topnav .facebook {float: left; margin-left: 5px;}
.navbar .topnav .bt_partners {background: #f8b322; font-size: 13px; font-weight: 600; color: #FFF; padding: 0 15px; line-height: 32px;}
.navbar .topnav .bt_partners i {position: relative; top: 4px; font-size: 22px; color: #699418; margin-left: 3px;}
.navbar .topnav .bt_partners:hover {background: #699418;}
.navbar .topnav .bt_partners:hover i {color: #f8b322;}

.navbar .topnav .dropdown a {font-family: 'Montserrat',sans-serif; color: #FFF; font-size: 10px; padding: 0 10px;}
.navbar .topnav .dropdown a img {margin-right: 5px; vertical-align: middle;}
.navbar .topnav .dropdown a.trigger {display: block; background: #777270; line-height: 32px; width: 80px;}
.navbar .topnav .dropdown a.trigger i {margin-left: 5px;}
.navbar .topnav .dropdown ul {min-width: 80px; padding: 5px 0;}
.navbar .topnav .dropdown ul a {padding: 5px 10px;}
.navbar .topnav .dropdown ul a:hover {background: #777270;}

/* main menu */
.navbar-nav {margin: 10px;}
.navbar-nav > li > a {font-size: 12px; padding: 0 0 5px 0; color: #777270; font-size: 12px; font-weight: bold;}
.navbar-nav > li > a span {font-size: 16px; font-weight: normal;}
.navbar-nav a {}
.navbar-nav li:first-child a {border: none; padding: 3px 15px 0 0;}
.navbar-nav > li > a:hover,
.navbar-nav .active a {background: none; color: #699418; border-color: #699418;}
.navbar-nav > li.gold > a:hover,
.navbar-nav .active.gold a {color: #f8b322; border-color: #f8b322;}
.navbar-nav > li.red > a:hover,
.navbar-nav .active.red a {color: #b3071b; border-color: #b3071b;}
.navbar-nav > li.red li:last-child {margin-top: 15px;}
.navbar-nav > li.yellow > a:hover,
.navbar-nav .active.yellow a {color: #ffcf00; border-color: #ffcf00;}
.navbar-nav > li.blue > a:hover,
.navbar-nav .active.blue a {color: #00368b; border-color: #00368b;}
.navbar-nav > li.purple > a:hover,
.navbar-nav .active.purple a {color: #811550; border-color: #811550;}

.navbar-nav.dropdown a {background: none !important;}
.navbar-nav.dropdown ul {font-family: 'Open Sans',sans-serif; background: rgba(119,114,112,0.9) url(../img/common/fleche_nav.png) no-repeat 2px 0; padding: 35px 20px 20px 20px;}
.navbar-nav.dropdown ul strong, .navbar-nav.dropdown ul strong a {color: #f8b322;}
.navbar-nav.dropdown ul strong a:hover {color: #FFF;}
.navbar-nav.dropdown ul a:hover {color: #f8b322;}
.navbar-nav.dropdown ul ul {background: none; padding: 0; margin-bottom: 10px;}
.navbar-nav.dropdown ul ul a {color: #FFF; font-size: 12px; text-transform: none; line-height: 18px;}

/* main menu collapse */
.navbar-toggle {position: absolute; top: 100px; right: 15px; background: #777270; float: none; margin: 0; padding: 9px 10px; border-radius: 0;}
.navbar-toggle .icon-bar {color: #FFF; border: 1px solid;}

.navbar-collapse.collapsing,
.navbar-collapse.in {background: #EEE;}
.navbar-collapse.in {overflow-y: visible;}
.navbar-nav.dropdown .open .dropdown-menu {position: absolute; background: #777270; background: rgba(119,114,112,0.9) url(../img/common/fleche_nav.png) no-repeat 2px 0; width: 350px;}
/*.navbar-nav.dropdown .open .dropdown-menu li:last-child {margin-top: 10px;}*/




/* CONTENT
-------------------------------------------------- */
.content {padding: 30px 0 0 0;}
.content .row {margin: 0;}


/* ARIANE
-------------------------------------------------- */
.ariane {margin: 0 0 30px 15px; color: #777270; font-size: 12px; font-weight: bold;}
.ariane a {color: #777270; font-weight: normal;}
.ariane a:hover {text-decoration: underline;}
.ariane span {padding: 0 5px;}



/* BLOC PAGE
-------------------------------------------------- */
.bloc_page {position: relative; padding: 40px 40px 140px 40px; margin: 0 15px 50px 15px; background: #FFF url(../img/common/bg_page.png) no-repeat center bottom; -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}
.bloc_page h1 {font-size: 30px; font-weight: 400; color: #699418; border-left-width: 5px; border-left-style: solid; border-left-color: #f8b322; padding-left: 10px; margin: 0 0 30px 0;}
.bloc_page main h2, .bloc_page main h3.spip {font-family: 'Montserrat Subrayada', sans-serif; font-size: 14px; font-weight: 700; color: #000; margin: 30px 0 15px 0;}
.bloc_page main p, .bloc_page main li {text-align: justify;}
.bloc_page main li {margin: 0 0 10px 10px; padding-left: 20px; background: url(../img/common/puce.png) no-repeat 0 2px;}
.bloc_page main li ul {margin-top: 10px;}
.bloc_page main a {text-decoration: underline;}
.bloc_page main a:hover {text-decoration: none;}

.bloc_page main .spip_documents img {max-width: 100%; height:auto;}

/* diaporama */
ul.diaporama_photos {margin-top: 30px;}
ul.diaporama_photos li {display: inline-block; background: none; margin: 0 10px 20px 10px; padding: 0;}
ul.diaporama_photos li img {box-shadow: 0 0 5px #AAA; border: 1px solid #FFF;}

div.portfolio {background:#EEEEE6; padding:10px;}
div.portfolio h3 {color:#699418; font-size:20px; margin: 5px 0 15px 10px;}
div.portfolio ul li {background:none;}

.h2-country{
  font-family: 'Arial', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #f8b322 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin: 30px 0 15px 0 !important;
}

.h3-country{
  font-size: 20px !important;
  margin-top: 25px !important;
}

.panel-title a{
 text-decoration: none !important;
 display:block !important;
}

.sous-contenus-country {
  margin-bottom: 50px;
}


.sous-contenus-country .panel-heading {
    color: #fff !important;
    background-color: #aac178;
    border-color: #ddd;
}

.sous-contenus-country .panel-heading:hover {
    background-color: #8aa951;
}

.sous-contenus-country h4 {
    color: #699418;
}

.sous-contenus-country .panel-title {
    color: #fff !important;
}
.sous-contenus-country .panel-title:hover {
    color: #efc97b !important;
}

.sous-contenus-country .panel-title:focus {
    color: #efc97b !important;
}

.sous-contenus-country .panel-title:active {
    color: #efc97b !important;
}


/* BLOCS ICONS
-------------------------------------------------- */
.bloc_icon {position: relative; padding: 30px; margin-bottom: 50px; border-top-style: solid; border-top-width: 5px;}
.bloc_icon i {position: absolute; text-align: center; top: -35px; left: 50%; margin-left: -35px; width: 70px; height: 70px; line-height: 70px; color: #FFF; font-size: 32px; -webkit-border-radius: 35px; border-radius: 35px;}



/* DIV BLOC ICON */
div.bloc_icon {background: #FFF; -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}



/* NAV BLOC ICON */
nav.bloc_icon {background: #eeeee6; border-top-color: #f8b322; padding-top: 50px; margin: 50px 15px 0 15px;}
nav.bloc_icon i {background: #f8b322;}
nav.bloc_icon h2 {font-size: 20px; text-transform: uppercase; text-align: center; margin: 0 0 20px 0;}
nav.bloc_icon h3 {font-size: 18px; font-weight: 300; color: #699418; line-height: normal;}
nav.bloc_icon li {margin-bottom: 5px;}
nav.bloc_icon ul ul {margin-left: 10px;}
nav.bloc_icon ul ul li {margin-bottom: 5px;}
nav.bloc_icon a:hover {color: #699418;}
nav.bloc_icon li.active a {font-weight: 600; color: #699418;}




/* PAGINATION
-------------------------------------------------- */
#bloc_pagination {text-align: center;}
#bloc_pagination .pagination {margin: 40px auto 0 auto;}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {background: #97b25e; border-color: #699418;}



/* BANNER PARTNERS
-------------------------------------------------- */
.banner_partners {background: #FFF; padding: 20px 0;}
.banner_partners .container {padding: 0;}
.banner_partners .col-md-6 {background: url(../img/common/bg_partners.png) no-repeat 0 center; padding: 0 15px 0 25px; min-height: 200px;}
.banner_partners h2 {font-size: 16px; text-transform: uppercase; color: #699418;}
.banner_partners li {float: left; margin: 0 5px 10px 0;}
.banner_partners li img {height: 35px;}
.banner_partners p {font-size: 11px; color: #999;}



/* FOOTER
-------------------------------------------------- */
footer {background: #777270; padding: 25px 0;}
footer .container {padding: 0;}
footer dl {color: #FFF; font-size: 12px; border-left: 1px solid #8e8a88;}
footer dl a {color: #FFF;}
footer dl dt, footer dl dd {margin-bottom: 10px;}
footer dl dt {font-family: 'Montserrat',sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #f8b323;}
footer dl dt a {color: #f8b323;}
footer dl .small {font-size: 11px; color: #c9c7c6; font-weight: normal;}
footer dl dd {font-weight: 700;}
footer dl li {font-weight: 400;}
footer dl ul {margin-left: 10px;}
footer dl .last {margin-top: 60px;}



/* RESPONSIVE ADJUSTMENTS
-------------------------------------------------- */
@media (max-width: 768px) {
	.bloc_icon {padding: 10px 10px 20px 10px;}
	.bloc_icon i {top: -30px; margin-left: -30px; width: 60px; height: 60px; line-height: 60px; font-size: 24px; -webkit-border-radius: 30px; border-radius: 30px;}
	.bloc_page {padding: 40px 30px 140px 30px;}
	.bloc_page h1 {font-size: 24px;}
	nav.bloc_icon {padding: 40px 20px 20px 20px;}
}

@media (min-width: 768px) {
	.navbar .container {height: 140px;}
	.navbar-nav {position: absolute; bottom: 0; right: 15px; float: none; margin: 0;}
	.navbar .logo {padding-top: 10px; width: 270px;}
	.navbar-nav > li {float: left;}
	.navbar-nav > li > a {padding: 0 10px 10px 5px; border-left: 1px solid #777270;}
	.navbar-nav > li:last-child a {padding-right: 0;}
	.navbar-nav.dropdown .open .dropdown-menu {width: auto; white-space: nowrap;}
	.bloc_page {margin: 0 0 50px 0; padding: 40px 40px 130px 40px;}
	.bloc_page main {padding: 0;}
	nav.bloc_icon {margin: 50px 0 0 0;}
	footer dl {min-height: 350px !important;}
}

@media (min-width: 992px) {
	.navbar .container {height: auto;}
	.navbar .logo {padding-top: 20px; width: 300px;}
	.navbar-nav > li > a {font-size: 13px; padding: 0 15px 15px 5px;}
	.bloc_page {padding: 40px 40px 160px 40px;}
	.bloc_page main {padding-right: 35px;}
	nav.bloc_icon {margin-top: 20px;}
	nav.bloc_icon li {margin-bottom: 15px;}
	footer dl {min-height: 330px !important;}
}

@media (min-width: 1200px) {
	.navbar .logo {width: auto;}
	.navbar-nav > li > a {font-size: 14px; padding: 0 20px 10px 5px;}
	.bloc_page {padding: 40px 40px 180px 40px;}
	footer dl {min-height: 300px !important;}
}