/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
/*Accueil*/
/*.tm-fullscreen-container .tm-fullscreen > div > div {
    display: table-cell;
    padding-top: 160px;
    vertical-align: initial;
}*/
/*affichage normal*/

/*largeur global*/

.uk-container {
    max-width: 1140px;
    padding: 0 20px;
}

/*Hauteur fullscreen*/

.tm-navbar-fixed .tm-toolbar + .tm-navbar + .tm-fullscreen-container {
    height: 950px;
}

.entete-sc26 {
    border-bottom: 3px dotted #cfdc94;
    color: #4c513d;
    font-size: 30px;
    padding-bottom: 10px;
}

.entete-pida {
    border-bottom: 3px dotted #cfdc94;
    color: #4c513d;
    font-size: 33px;
    font-weight:normal;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.entete-actu-agenda {
    border-bottom: 3px dotted #cfdc94;
    color: #4c513d;
    font-size: 20px;
    padding-bottom: 10px;
}

/*style de la liste des actus*/
.uk-list-line > li:nth-child(n+2) {
    border-top: 1px dotted #e9e8e8;
    margin-top: 5px;
    padding-top: 0px;
}

.tableau-actus-accueil{
    width: 230px;
    margin-left: 35px;
}
    
.entete-actus {
    border-bottom: 2px dotted #4c513d;
    color: #4c513d;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
}

/*liens actus et p'tites annonces*/
.uk-list-line a, .uk-link {
    color: #666;
    cursor: pointer;
    text-decoration: none;
    font-size:12px;
     font-weight: bold;
}
.uk-list-line a:hover, .uk-link:hover {
    color: #a9c448;
    cursor:alias;
    text-decoration: underline;
}

.entete-petites-annonces {
    border-bottom: 2px dotted #4c513d;
    color: #4c513d;
    font-size: 23px;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
}


.accueil-soustitre{
    color: #4c513d !important;
    font-size: 25px;
    text-align: center;
    margin-top:-55px !important;
}


.photos-accueil-sc26 {
    border: 5px solid rgba(255, 255, 255, 0.7);
    border-radius: 25px;
    margin-top: 10px;
}


/*sous titre menu*/

/*
.uk-navbar-nav-subtitle > div {
    font-size: 11px;
    line-height: 24px;
    margin-top: -2px;
}

*/

/*séparateur menu phyto*/

.uk-nav-header {
    color: #a9c448 !important;
    font-size: 22px;
    font-weight: 400;
    padding: 5px 20px;
    text-transform: uppercase;
}

/*filets de séparation*/
.uk-dropdown-navbar:not(.uk-dropdown-stack) > .uk-grid > [class*="uk-width-"]:nth-child(n+2) {
    border-left-color: #a9c448;
}


/*menu sidebar*/
.uk-panel-box {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #6f6d6b;
    padding: 15px;
}

/*témoignages*/
.temoignages{
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-bottom: 2px dotted #a9c448;
    border-radius: 0;
    color: #a9c448;
    font-style: italic;
    padding: 5px;
}

.temoignages::before{
    content: "témoignages d'éleveurs";
    color: #6f6d6b;
    margin-bottom: 5px;
    font-style: bold;
    font-size:0.8em;        
}


/*on enlève les puces pour le côté*/
.sidebar-menu li, dt, dd {
    font-size: 12px;
    line-height: 19px;
    list-style: outside none none;
    margin-left: -25px;
}

/*TEXTES*/
h1, h2, h3, h4, h5, h6 {
    color: #a9c448;
    font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
    font-weight: 300;
    margin: 0 0 20px;
    text-transform: none;
}

h3, .uk-h3 {
    font-size: 22px;
    line-height: 26px;
}

.uk-article-title {
    color: #383735;
    font-size: 25px;
    font-weight: 300;
    line-height: 28px;
    text-transform: none;
}

/*style zone recherche*/

input.uk-search-field {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #6f6d6b;
    font-size: 15px;
    font-weight: inherit;
    height: 30px;
    letter-spacing: 1px;
    line-height: normal;
    margin: 0;
    padding: 0 30px;
    text-transform: none !important;
    transition: all 0.2s linear 0s;
    width: 180px;
}
.uk-search:before {
    color: #cfdc94;
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}

/*style menu*/

/*global*/

.uk-navbar-nav > li > a {
    border-radius: 3px;
    box-sizing: border-box;
    color: #6f6d6b;
    display: block;
    font-family: 'Roboto Slab',Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 300;
    height: 46px;
    letter-spacing: 1px;
    line-height: 35px;
    margin: 0 10px;
    padding: 5px 10px 0px;
    text-decoration: none;
    text-transform: uppercase;
}

@media only screen and (max-width:1050px){
    .uk-navbar-nav > li > a {
    border-radius: 3px;
    box-sizing: border-box;
    color: #6f6d6b;
    display: block;
    font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 300;
    height: 46px;
    letter-spacing: 1px;
    line-height: 35px;
    margin: -3px;
    padding: 5px 9px 0;
    text-decoration: none;
    text-transform: uppercase;
}
    .logo {
        width:50px;}
}



/*menu principal, élément n°2 : "PIDA" style, uniquement sur le site principal*/

/*
.uk-navbar-nav.uk-hidden-small > li:nth-child(2) > a {   
font-size: 20px;  
font-weight: normal;  
margin-right: -45px;
}
*/

/*
.site-principal .uk-navbar-nav.uk-hidden-small > li:nth-child(2) > a {       
font-size: 30px;      
font-weight: bold;      
margin-right: -45px;    
}
*/

/*style menu phytothérapie*/
body:not(.site-principal) .uk-navbar-nav > li > a {       
font-size: 18px;      
/*font-weight: bold;      */
margin-right: -9px;    
}

@media only screen and (min-width:767px) and (max-width:1100px){
    body:not(.site-principal) .uk-navbar-nav > li > a {       
font-size: 12px;      
/*font-weight: bold;      */
margin-right: 0px;    
}
}


/*accueil style*/
/*
.uk-navbar-nav.uk-hidden-small > li:nth-child(1) > a {   
background-color: rgba(0, 0, 0, 0);
color: #a9c448;
font-size: 22px;  
border-bottom: none !important;
*/

 
}

/*lien actif*/

.uk-navbar-nav > li.uk-active > a {
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 2px solid;
    color: #a9c448;
}

/*lien hover*/

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: #926447;
    border-bottom: 2px dotted;
  color: #a9c448;
  /* 3 */
  outline: none;
}

/*dropdown*/

/*triangle dropdown*/

.uk-dropdown-navbar:before {
    background-color: rgba(169, 196, 72, 1);
    border-radius: 3px;
    content: "";
    display: block;
    height: 9px;
    left: 71px;
    position: absolute;
    top: -4.826px;
    transform: rotate(45deg);
    width: 9px;
}



.uk-dropdown {
    background-color: rgba(82, 44, 45, 0.85);
    border-radius: 12px;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 15px;
    left: 0;
    margin-top: 10px;
    padding: 15px;
    position: absolute;
    top: 100%;
    vertical-align: top;
    width: 250px;
    z-index: 1020;
}

/*
.menu-phyto .uk-dropdown {
    background-color: rgba(82, 44, 45, 0.85);
}
*/

/*éléments menu dropdown*/

.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: #a9c448;
  color: #ffffff;
  /* 2 */
  outline: none;
}

.uk-nav-navbar > li > a {
    color: #fff;
}

/*menu actif dans le dropdown*/
/* uk-nav-dropdown active color */
.uk-nav-dropdown > li.uk-active > a {
  color: #a9c448;
}


/*logo*/
/*grand*/

.tm-nav-logo {
    height: 154px;
    left: 50%;
    margin-top: -109px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%);
    width: 200px;
    z-index:99;
}


/*navbar*/
.tm-toolbar {
    background-color: #fff;
    box-sizing: border-box;
    color: #ffffff;
    padding: 10px 0;
    position: relative;
    text-align: right;
    z-index: 5;
}

.tm-navbar {
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    height: 135px;
    margin-bottom: 25px;
    padding: 15px;
    position: relative;
    z-index: 5;
}

@media (max-width:767px){
    .tm-navbar {
    box-shadow: none;
}
}

.tm-navbar:after {  
content: "";  
background: transparent url("../../../../../images/syndicat-caprin-drome-26-PIDA.png") 50% 0 no-repeat;  
display: table;  
margin: 1px auto;  
height: 22px;  
width: 100%;  
}



/*on change l'effet d'origine du sous menu*/
.uk-open > .uk-dropdown-navbar {  
-webkit-animation-name: uk-fade;  
animation-name: uk-fade;  
-webkit-animation-duration: 0.4s;  
animation-duration: 0.4s;  
-webkit-animation-timing-function: linear !important;  
animation-timing-function: linear !important;  
}



/*image pleine écran accueil*/

.tm-fullscreen {
  background: #2d3135 url("../../../../../images/plein/syndicat-caprin-troupeau.jpg") 50% 50% no-repeat;
  background-size: cover;
}


/*restons en contact*/

.restons-en-contact{
    padding-bottom: 10px;
    padding-top: 10px;}

.tm-block-large-padding {
    padding-bottom: 10px;
    padding-top: 10px;
}


/*pourles petits écrans*/
/*@media screen (max-width:1200px){

}


.entete-sc26 {
    border-bottom: 0px;
    color: #4c513d;
    font-size: 15px;
    padding-bottom: 10px;
}

.entete-pida {
    border-bottom: 0px;
    color: #4c513d;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.accueil-soustitre{
    color: #4c513d !important;
    font-size: 12px;
    text-align: center;
    margin-top:0px !important;
}


.photos-accueil-sc26 {
    border: 5px solid rgba(255, 255, 255, 0.7);
    border-radius: 25px;
    margin-top: 10px;
}

    .entete-actu-agenda {
    border-bottom: 3px dotted #cfdc94;
    color: #4c513d;
    font-size: 20px;
    padding-bottom: 10px;
}*/

/*Codes couleurs abécédaire*/

#fc_alpha .fc_alpha_index {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    float: left;
    margin-right: 2px;
    padding: 6px;
    position: relative;
    right: 50%;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}
#fc_alpha span.fc_alpha_index {
    color: #fff;
    font-weight: normal;
    font-size: 0.9em;
}

/*bloc mise en garde maladies*/
.mise-en-garde {
    border: 1px solid red;
    border-radius: 10px;
    color: #999;
    font-size: 0.8em;
    padding: 15px;
    text-align: justify;
}

.mise-en-garde-forum {
background-color: #cedb94;
    border: 4px solid #fff;
    border-radius: 10px;
    color: #333;
    font-size: 0.8em;
    padding: 15px;
    text-align: justify;
}

/*

.mise-en-garde-forum {
    border: 3px solid red;
    border-radius: 10px;
    color: #000;
    font-size: 1em;
    padding: 18px;
    text-align: justify;
}
*/

.mise-en-garde-plantes-huiles,  .mise-en-garde-phyto-aroma{
    background-color: #CEDB94;
    border-radius: 10px;
    border:4px solid #fff;
    color: #333;
    font-size: 0.8em;
    padding: 15px;
    text-align: justify;
}

/*badge attention*/
.uk-badge-warning {
    background-color: red;
    color: #ffffff;
}


.uk-badge-warning::before, .uk-panel-badge::before{
    content: "      ";
/*    background-color:aqua;*/
    background-image: url(../../../../../images/illustrations-photos/pictos/gellule-oblet.png);
}

.uk-panel-box .uk-panel-badge {
    right: 11px;
    top: -23px;
}


/*style menu maladies*/
/*
.menu-maladies{
    position:fixed;
        top:10%;}
*/


/*style flexicontent*/
/*titre page*/
#flexicontent .fc_item_title, h1, .uk-h1 {
    text-decoration: none;
    font-size: 36px;
  line-height: 42px;
}


body #flexicontent .flexi.lineinfo.subtitle1.group {
    border: medium none !important;
    font-style: italic !important;
    margin: 0 auto !important;
    width: 640px !important;
}

/*page phyto-aroma*/

.phyto-aroma {
    display:inline-block;
    column-count: 2;
    column-width: 100px;
    }
/*

.phyto-aroma li:before {
    color: #cfdc94;
    content: "hello";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}
*/

/*on retouche le texte et présentation de flexi*/
/*texte courant*/
body #flexicontent .flexi.lineinfo {
    font-weight:lighter !important;
}
/*sous titres*/
body #flexicontent .flexi.label, .flexi.label {
    background-color: #cedb94 !important;
}

.twocols .flexi.label {
    margin-bottom: 10px;
    margin-right: 1%;
    min-width: 34%;
}

span.flexi.label, .flexi.label {
    border-bottom: 4px solid #a9c448;
    color: #777;
    display: flex;
    float: left;
    font-size: 90%;
    margin-right: 8px;
}

* + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure {
    margin-top: -12px;
}
p {
    text-align: justify;
}

/*on enlève le margin de la zone description*/

.flexi.infoblock {
    margin: 0 0 0px;
    padding: 0;
}
/*première zone en affichage unique*/
.flexi.topblock {
    margin-bottom: 0;
    overflow: hidden;
    width: 100%;
}
/*contour enlevé*/
body #flexicontent .topblock .flexi.image {
    border: 0 solid #926447 !important;
}
/*contour arrondi*/
.topblock .flexi.image img {
    border: 0 solid white;
    border-radius: 13px;
}
/*margin nulle pour le haut de la partie 1*/

body .flexi.infoblock.twocols.group {
    border: medium none !important;
    margin-top: 0 !important;
}

/*onglets*/

/*nom latin*/
body #flexicontent .flexi.value.field_nom_latin {
    background-color: #926447 !important;
    border-radius: 6px !important;
    color: #ffffff;
    float: none !important;
    margin-bottom: 5px;
    padding: 8px 55px !important;
    text-align: center !important;
}

/*actif*/
#flexicontent ul.tabbernav > li.tabberactive a::before {
    border-radius: 4px 3px 0 0;
    border-top: 4px solid #a9c448;
    content: "";
    height: 31px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*fond tous*/
body #flexicontent ul.tabbernav li a {
    background: #cedb94 none repeat scroll 0 0 !important;
}
/*texte*/
#flexicontent ul.tabbernav > li > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #383735;
     font-size: 12px;
    font-weight: bold;
    text-shadow: none;
}

/*onglet actif*/
#flexicontent ul.tabbernav > li.tabberactive a, #flexicontent ul.tabbernav > li.tabberactive a:hover {
    background-color: white;
    background-image: none;
    border-style: solid;
    border-width: 2px 2px 0;
    color: black;
    height: 26px;
    position: relative;
    text-shadow: none;
}

/*zone texte d'un onglet*/
#flexicontent .tabbertab {
    background-color: white;
    float: left;
    margin: 0;
    padding: 5px 1% 3px;
    width: 98%;
}

/*formulaire inscription*/

.inscription-zone-texte .form-control {
    min-height: 175px;
    min-width: 300px;
}

.bouton-adhesion{
    background:#286f9b;
/*    color:white;*/
    font-weight:bolder;
    position:absolute;
    top:10px;
    left:50%;
    height:30px;
    margin-left:120px;
    z-index:999;
    border-radius:20px;
/*    width:450px;*/
    text-align:center;
    animation: blink-animation 3s steps(50, start) infinite;
  -webkit-animation: blink-animation 1s steps(10, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.bouton-adhesion{
    background:#286f9b;
/*    color:white;*/
    font-weight:bolder;
    position:absolute;
    top:10px;
    left:50%;
    height:25px;
    margin-left:120px;
    z-index:999;
    border-radius:20px;
/*    width:450px;*/
    text-align:center;
}

.bouton-adhesion:hover{
    background:white;
    font-weight:normal;
      border:1px solid #a9c448;
}

.bouton-adhesion a{
    color:white;
}

.bouton-adhesion a:hover{
    color:#286f9b;
}

@media (min-width:767px) and (max-width:919px){
.bouton-adhesion{
    left:45%;
    margin-left:120px;
    text-align:center;
    font-size:13px;
}}

@media (max-width:766px){
    .bouton-adhesion{
    background:#286f9b;
    color:white;
    font-weight:bolder;
    position:absolute;
    top:35px;
    width:330px;
        height:25px;
   left:0%;
    z-index:999;
    border-radius:20px;
        text-align:center;
}
}

@media (max-width:460px){
    .bouton-adhesion{
        display:none;
    }}