


.ligneElement.grass {
  background: url(/media/bck_grass.jpg) no-repeat;
  height: 370px;
  padding-top: 12%;
}

/** général / vert:#007E4F / orange:#EC7404 */
.rubrique_sommaire_ header, .rubrique_sommaire_ footer { display: none; }
.posRel { position: relative; }
#wrapperContents, #contentsInner { width: 100%; }
#page .wrapperL { padding-left: 10%; padding-right: 10%; }
#page .wrapperXL { padding-left: 15%; padding-right: 15%; }
#page .grid-1, #page .grid-3, #page .grid-4, #page .grid-5, #page .grid-6,
#page .grid-7, #page .grid-8, #page .grid-9, #page .grid-10, #page .grid-11, #page .grid-12 {
  display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; }
#page .pageElement.fullPage, .posts .fullPage { padding: 0; overflow: hidden; }
#page .pageElement.nopr { padding-right: 0; }
#page .pageElement.nopl { padding-left: 0; }
#page .bld { border-left: 4px dotted #B3B3B3; padding-left: 15px; }
#page .brd { border-right: 4px dotted #B3B3B3; padding-right: 15px; }
.widget.noTitle > h4 { display: none; }
.ligneElement .dotted { margin-top: -40px; }
.ligneElement .dotted h1, .ligneElement .dotted h6 { padding: 5px 15px 5px 0; display: inline-block; background-color: #FFF; }
.ligneElement h2, .ligneElement h3 { padding-bottom: 15px; }
.bck_grey { background-color: #F2F2F2; }
.bck_grass { padding: 175px 5% 25px; background-image: url('/media/bck_grass.jpg'); background-repeat: no-repeat; background-position: top center;
background-size: cover; }
.gallery { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.gallery > * { width: 15%; }
.gallery_nb5 .gallery > * { width: 20%; padding: 10px 25px; }
.valueCounter, .valueCounter *, .labelCounter, .labelCounter * { color: #D9E021; font-weight: bold; margin: 0; padding: 0; }
.valueCounter .counter { font-size: 46px; }
.labelCounter, .labelCounter * { font-size: 26px; }
.pis { position: relative; }
.pis .inset_shadow { box-shadow: inset 0 10px 10px -5px rgba(150, 150, 150, 0.5); position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 20px; }
ul { list-style-type: none; }
ul li i { color: #007E4F; font-size: 30px; padding-right: 10px; vertical-align: sub; }
ul li strong { vertical-align: text-bottom; }
.postsList { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding-bottom: 25px; }
.postsList .post { width: 45%; background-color: #B3B3B3; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); border-radius: 25px;
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); margin: 25px 0; overflow: hidden; }
.postsList .post h2 { font-weight: bold; }
.postDetail { position: relative; }
.postDetail .btn_back { position: absolute; z-index: 15; background-color: #007E4F; border-radius: 0 0 15px 0; }
.postDetail .btn_back a { color: #FFF; font-weight: bold; text-transform: uppercase; }
.widgetContainerPost { display: flex; flex-direction: row; justify-content: space-between; }
.widgetContainerPost .widgetHighlightPost { width: 33%; position: relative; }
.widgetContainerPost .widgetHighlightPost .text { position: absolute; z-index: 15; left: 0; top: 0; width: 100%; height: 100%; color: #FFF;
  background-color: rgba(25, 25, 25, 0.7); display: flex; flex-direction: column; justify-content: space-between;min-height:250px;
}
.widgetContainerPost .widgetHighlightPost .titlePost { background-color: #ED1E79; color: #FFF; text-align: center; padding: 10px; font-size: 20px;min-height: 68px; }
.widgetContainerPost .widgetHighlightPost:nth-child(3n+2) .titlePost { background-color: #FBB03B; }
.widgetContainerPost .widgetHighlightPost:nth-child(3n) .titlePost { background-color: #29ABE2; }
.widgetContainerPost .widgetHighlightPost .btn-primary { background-color: #ED1E79; border-color: #ED1E79; }
.widgetContainerPost .widgetHighlightPost:nth-child(3n+2) .btn-primary { background-color: #FBB03B; border-color: #FBB03B; }
.widgetContainerPost .widgetHighlightPost:nth-child(3n) .btn-primary { background-color: #29ABE2; border-color: #29ABE2; }
.widgetContainerPost .widgetHighlightPost .linksmore { text-align: right; }
.elementForm form .row label { font-weight: bold; }
.elementForm form .row label + * { width: 100%; }

header { justify-content: center; position: fixed; z-index: 20; width: 100%; background-color: #FFF; }
/** logo */
header #logo.mobile { display: none; }
/** menu de navigation */
header nav ul.first_level > li:not(:first-child) { border-left: 2px solid #D9E021; }
header nav li a { color: #007E4F; font-size: 15px; text-transform: uppercase; padding: 10px 25px; display: inline-block; text-align: center; width: 100%;
  height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; }
header nav li:hover > a { color: #FFF; background-color: #007E4F; }
header nav li img { max-width: 80%; }
header nav li i { font-size: 40px; color: #EC7404; }
header nav li:hover i { color: #FFF; }
header nav li.alicoop { position: relative; min-width: 350px; }
header nav li.alicoop:hover a { background-color: #FFF; }
header nav li.alicoop img { position: absolute; z-index: 15; top: 0; left: 10%; }
header nav li.alicoop > a > span { display: none; }
header nav ul.first_level > li.mon_compte { border-left: 0; background-color: #EC7404; /*margin-right: 10px;*/ }
header nav ul.first_level > li.mon_compte a { color: #FFF; }
header .dropdown:hover > .dropdown-menu li a { text-align: left; padding: 5px 10px; }

/** widgets header */
header .widget.noTitle h4 { display: none; }
header .widgetSearch form { align-items: center; flex-direction: row; }

/** widget univers animaux */
.left_boxes .programme_animaux { position: absolute; z-index: 15; left: 0; top: 0; }
.left_boxes .programme_animaux .text { display: flex; flex-direction: column; }
.programme_animaux p { margin: 0; padding: 0; }
.programme_animaux a { display: inline-block; }
.programme_animaux img { max-width: 50px; }

/*--Drapeaux--*/
@media screen and (min-width: 1600px){
  li.dropdown.defaultmenu.language img {max-width: 100%;}
  li.dropdown.defaultmenu.language {width:85px;}
  .language ul.dropdown-menu.second_level {min-width:85px!important;}
  li.dropdown.defaultmenu.language .english img, li.dropdown.defaultmenu.language .arabe img {max-width: 80%;margin: 0 auto;}
}
@media only screen and (min-width: 769px) and (max-width:1024px) {
  li.dropdown.defaultmenu.language img {max-width: 38%;margin: 0 auto;}
  li.dropdown.defaultmenu.language {width:70px;}
  .language ul.dropdown-menu.second_level {min-width:70px!important;}
  li.dropdown.defaultmenu.language .english img, li.dropdown.defaultmenu.language .arabe img {max-width: 50%;margin: 0 auto;}
}
li.dropdown.defaultmenu.language a span, li.dropdown.defaultmenu.english a span {display: none;}
.english a.LinkIn {padding: 0px 7px;    background: #fff;}
.language ul.dropdown-menu.second_level {min-width: 60px;}
  li.dropdown.defaultmenu.language .english img, li.dropdown.defaultmenu.language .arabe img {margin: 0 auto;}

/** accueil */
.sliderHome { position: relative; }
.sliderHome > .cache { position: absolute; bottom: 0; left: 0; width: 100%; }
.sliderHome .diaporamaExtra { height: 100%; left: auto!important; right: 0; width: 60%!important; }
.sliderHome .diaporamaExtra > div { display: flex; flex-direction: column; height: 100%; padding: 100px 50px 50px 35%; }
.sliderHome .diaporamaExtra strong { color: #FFF; font-size: 1.5em; padding-top: 15px; border-top: 1px solid #FFF; order: 2; }
.sliderHome .diaporamaExtra span { font-size: 2em; font-weight: 300; padding-bottom: 30px; order: 1; }
.categAliments .listEntries { display: flex; flex-direction: row; flex-wrap: wrap; }
.categAliments .listEntries .categ_aliments { width: 25%; padding: 10px; text-align: center; }
.categAliments .listEntries .categ_aliments h2 { font-size: 17px; color: #808080; text-transform: uppercase; }
.major_words { padding: 15px 0 0 75px; border-left: 2px solid #EC7404; position: relative; height: 100%; }
.major_words::after {content: "";position: absolute;left: 5px;height: 0;width: 0;border-top: 15px solid transparent;border-left: 25px solid #EC7404;border-bottom: 15px solid transparent;
top: calc(50% - 15px);}
.major_words > * { display: flex; flex-direction: column; justify-content: space-around; height: 100%;padding-right: 15%;}
.major_words p { font-size: 30px; font-weight: bold; color: #999; }
.title_partenaires { margin-top: -50px; margin-bottom: -50px;position: relative;}
.partenaires .gallery > * { padding: 20px; }
.accueil .pageElement.posLeft.size1_1:first-child{width:100%;padding:0 0;margin-bottom:1%;}

@media all and (min-width: 1025px) and (max-width: 1439px){
  .sliderHome .diaporamaExtra span { font-size: 25px; line-height: 44px; font-weight: 300; font-style: italic; padding-bottom: 30px; order: 1; }
  .sliderHome .diaporamaExtra > div { display: flex; flex-direction: column; height: 100%; padding: 70px 50px 50px 35%; }
}
/*nos forces nos benefices*/
.our_strengths_br_our_benefits .ligneElement.pasaffiche {display: none;}

/*actualités*/
.posts > div > img {display: none;}
.posts h1.txtCenter.pb30 {margin-top: 5%;}

/** valeurs **/
.nos_valeurs .pageElement.posLeft.size1_1 {padding: 0;}
.key_figures > *[class*='bg'] { padding: 0; }
.key_figures .parent_bck_orange, .key_figures .parent_bck_green { padding: 50px 15px; height: 100%; display: flex; flex-direction: column;
  justify-content: center; border: 1px solid #FFF; color: #FFF; }
.key_figures .parent_bck_orange p, .key_figures .parent_bck_green p { margin: 0; }
.key_figures p span.taille01 { font-size: 48px; }
.key_figures p span.taille02 { font-size: 26px; }
.nos_valeurs .ligneElement.key_figures {display: inline-flex;width: 90%;margin-left: 5%;}
.key_figures .pageElement.posLeft.size1_5, .key_figures .pageElement.posLeft.size1_2  {padding: 0;}
.key_figures .pageElement.posLeft.size1_5:first-child, .key_figures .pageElement.posLeft.size1_5:nth-child(2n+1), .key_figures .pageElement.posLeft.size1_2:nth-child(2){background: #EC7404;}
.ligneElement.key_figures p {color: #fff;}
.key_figures .pageElement.posLeft.size1_2:first-child{width:20%;}
.key_figures .pageElement.posLeft.size1_5:nth-child(2),.key_figures .pageElement.posLeft.size1_5:nth-child(4),.key_figures .pageElement.posLeft.size1_2:first-child{background: #007E4F;}
.ligneElement.ombre{box-shadow: 0px 11px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 11px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 0px 11px 10px 0px rgba(0,0,0,0.35);position:relative;z-index:10;}
@media all and (min-width: 426px) and (max-width: 768px){.nos_valeurs .ligneElement.key_figures { display: block;width: 100%;margin-left: 0;}.key_figures .pageElement.posLeft.size1_2:first-child {
  width: 100%;}}

/** histoire */
.key_dates table th { color: #FFF; font-size: 26px; padding: 10px 50px 10px 20px; box-shadow: inset 0 10px 5px -5px rgba(51, 51, 51, 0.1); }
.key_dates table tr:nth-child(2n+1) th { background: url(/media/bck_key_dates_orange.png); background-repeat: no-repeat; background-size: 100% 100%; }
.key_dates table tr:nth-child(2n) th { background: url(/media/bck_key_dates_green.png); background-repeat: no-repeat; background-size: 100% 100%; }
.key_dates table td { color: #666666; padding: 15px; box-shadow: inset 0 10px 5px -5px rgba(51, 51, 51, 0.1); }
.key_dates table td strong { color: #666666; }
.gallery_key_dates .gallery { flex-direction: column; }
.gallery_key_dates .gallery > * { width: 100%; padding: 2px 0; }
.map > * { width: 100%!important; margin: 0!important; }
.carte { position: absolute; z-index: 15; top: 0; right: 0; }
.carte, .carte * { height: 100%; }

/** conseil administration */
.conseil_admin { margin-bottom: 25px; }
.conseil_admin > * { display: flex; flex-direction: row; flex-wrap: nowrap; text-align: center; }
.tableau_conseil_admin { text-align: center; margin-bottom: 25px; }
.conseil_admin .membre { position: relative; width: 100%; display: flex; flex-direction: column; flex: 2; }
.conseil_admin .membre:last-child { flex: 3; }
.conseil_admin .membre .fonction { padding: 50px 10px; color: #FFF; font-weight: bold; background: url('/media/bck-conseil-admin-orange.png');
  background-repeat: no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; justify-content: center; min-height: 15%; }
.conseil_admin .membre:nth-child(2n) .fonction { background: url('/media/bck-conseil-admin-green.png');
  background-repeat: no-repeat; background-size: 100% 100%; }
.conseil_admin .membre .fonction p { margin: 0; }
.conseil_admin .membre::after { content: ""; position: absolute; z-index: -1; top: 0; left: 50%;
  height: 100%; width: 2px; background-color: #007E4F; }
.conseil_admin .membre:nth-child(2n)::after { background-color: #EC7404; }
.conseil_admin .membre .nom_personne { display: flex; flex-direction: column; justify-content: center; padding: 25px 0; height: 80%; }
.conseil_admin .membre .nom_personne p { margin: 0; padding: 10px 15px; background-color: #FFF; }

.tableau_conseil_admin thead th { padding: 50px 10px; color: #FFF; background: url('/media/bck_conseil_admin_green.png');
  background-repeat: no-repeat; background-size: 100% 100%; }
.tableau_conseil_admin thead th:nth-child(2n) { background: url('/media/bck_conseil_admin_orange.png'); background-repeat: no-repeat;
background-size: 100% 100%; }
.tableau_conseil_admin tbody td { padding: 25px 10px; position: relative; }
.tableau_conseil_admin tbody td::after { content: ""; position: absolute; z-index: -1; top: 0; left: 50%; height: 100%; width: 2px;
background-color: #007E4F; }
.tableau_conseil_admin tbody td:nth-child(2n)::after { background-color: #EC7404; }
.tableau_conseil_admin tbody td p { margin: 0; padding: 10px 0; background-color: #FFF; }

/** Univers animaux */
body[class*='univers'] .title_pos_abs { position: relative; }
body[class*='univers'] .title_pos_abs .structured_text_semantique_text { text-align: center; position: absolute; left: 0; top: 45%; width: 100%; }
body[class*='univers'] .title_pos_abs .structured_text_semantique_text h1 { color: #FFF; text-shadow: -2px 2px 5px #000000; }
body[class*='univers'] .title_pos_abs .structured_text_semantique_text img { max-width: 175px; padding-top: 50px; }
body[class*='univers'] h2 { color: #3F3F3F; font-weight: bold; display: inline-block; position: relative; }
body[class*='univers'] h2::after { content: ""; width: calc(100% - 15px); height: 15px; position: absolute; z-index: -1; left: 30px; bottom: 15px;
background-color: rgba(41, 171, 226, 0.5); }
body[class*='univers'] .programmes .listEntries { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; }
body[class*='univers'] .programmes .detail_programme { width: 45%; background-color: #B3B3B3; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); border-radius: 25px; margin: 25px 0; }
body[class*='univers'] .programmes .listEntries3 .detail_programme { width: 30%; }
body[class*='univers'] .programmes .img { border-radius: 25px 25px 0 0; overflow: hidden; background-color: #FFF; }
body[class*='univers'] .programmes .desc { padding: 30px 50px; color: #FFF; }
body[class*='univers'] .programmes .desc strong { color: #FFF; }
body[class*='univers'] .programmes .desc ul { padding: 0; }
body[class*='univers'] .programmes h3 { font-weight: bold; font-size: 26px; text-align: center; padding-bottom: 25px; }
/*---------------------Nos Partenaires---------------------*/
@media screen and (min-width: 1440px){.W2{width:2%;} .W5{width:5%;} .W30{width:28%;}}
@media screen and (min-width: 769px){.ligneElement.centre {display: flex;justify-content: center;}}

/** footer */
footer > #footerInner { padding: 25px 10%; color: #FFF; }
footer > #footerInner h4 { margin-bottom: 10px; font-size: 20px;text-align: left; }
footer > #footerInner p { margin: 0; }
footer > #footerInner a { color: #FFF; }
footer #signature p { margin: 0; }
footer .widget.logo { position: relative; min-height: 100px; }
footer .widget.logo::before { content: ""; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; background-color: #EC7404; }
footer .widget.logo img { position: absolute; left: calc(50% - 150px); top: 0; background-color: #007E4F; }
footer .widget.sitemap .text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; }
footer > #footerInner .contact h4 {text-align: center;}


