/* S.I. 2021 */
img.logo {
    width: auto;
    height: auto;
}

/* aligner bloc search à gauche */
form#searchbox {
    float: left !important;
}
.ac_results { /* et agrandir la zone de résultat */
    width: 390px !important;
}

/* cache le mot "par page" */
div.selector1 > span {
    display: none !important;
}

/* Supprimer papillon rouge */
div#header_logo {
    background: none !important;
}

/* cache le triangle sur mobile taille < 769px */
@media (max-width: 768px) {
.xy-bgfull {
    height: 98px;
    display: none;
}}

/* Couleur des menus */
.sf-menu li li li a {
    color: #666 !important;
    font-size: 14px !important;
}
.sf-menu li li li a:hover {
    color: #333 !important;
    text-decoration: underline;
}

/* Affichage du slogan sous le logo */
.slogan {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 300;
    margin-top: 20px;
}

/* bulle du slider */
.bx-pager.bx-default-pager a.active, .bx-pager.bx-default-pager a:hover  {
    background: #119877 !important;
}

/* triangle vert dans image carrée */
figure.effect-winston figcaption::before {
    background: #119877 !important;
}

/* cache les img des htmlcontent */
div#htmlcontent_home img {
    display: none !important;
}

/* les paragraphe en moins gras 300 au lieu de 400 */
p {
    font-weight: normal !important;
    font-size: 16px;
    line-height: 1.5;
    line-height: 22px !important;
}

/* couleur des rubriques */
.sf-menu > li:nth-child(1)  > a, .sf-menu > li:nth-child(1) > ul > li > a {color: #119877 !important;}
.sf-menu > li:nth-child(2) > a, .sf-menu > li:nth-child(2) > ul > li > a {color: #b7a791 !important;}
.sf-menu > li:nth-child(3) > a, .sf-menu > li:nth-child(3) > ul > li > a {color: #2e57a5 !important;}
.sf-menu > li:nth-child(4) > a, .sf-menu > li:nth-child(4) > ul > li > a {color: #be143e !important;}

/* couleur haut - bas des titre de 4 blocs */
#opie-vert h2 {
    color: #2e57a5 !important;
    border-top-color: #2e57a5 !important;
    border-top: 1px solid !important;
    border-bottom-color: #2e57a5 !important;
    border-bottom: 1px solid !important;
    padding: 10px 0 10px !important;
}
#opie-orange h2 {
    color: #be143e !important;
    border-top-color: #be143e !important;
    border-top: 1px solid !important;
    border-bottom-color: #be143e !important;
    border-bottom: 1px solid !important;
    padding: 10px 0 10px !important;
    margin-bottom: 20px;
}
#opie-bleu h2 {
    color: #b7a791 !important;
    border-top-color: #b7a791 !important;
    border-top: 1px solid !important;
    border-bottom-color: #b7a791 !important;
    border-bottom: 1px solid !important;
    padding: 10px 0 10px !important;
    margin-bottom: 20px;
}
#opie-rouge h2 {
    color: #119877 !important;
    border-top-color: #119877 !important;
    border-top: 1px solid !important;
    border-bottom-color: #119877 !important;
    border-bottom: 1px solid !important;
    padding: 10px 0 10px !important;
    margin-bottom: 20px;
}

/* couleur titre Facebook + Footer */
#facebook_container h2 {
    color: #515252 !important;
}
.opie-border-red {
    border-top: 1px solid #D6D5D5;
    margin: 20px auto !important;
}
input#newsletter-input {
    background: #39A68A !important;
}
div#cmsinfo_block {
    background: #226050;
}
.footer-container {
    background-color: #119877 !important;
}
.footer-container .container {
    padding-bottom: 10px !important;
}
.webxy {
    color: #666 !important;
}

/* Colonne de gauche */
#xy_categ_menu .association 	li.current { background: #119877 !important; }
#xy_categ_menu .service 	 	li.current { background: #b7a791 !important; }
#xy_categ_menu .insecte 		li.current { background: #2e57a5 !important; }
#xy_categ_menu .boutique 		li.current { background: #be143e !important; }
#cms #xy_categ_menu li > ul > li > ul > li:hover:not(.current) { background: #f5f5f5 !important; }
#cms #xy_categ_menu li > ul > li > ul > li:hover a {color: #777 !important;}

ul.categ_menu_children {
    margin-top: 30px;
}
#cms #xy_categ_menu li > ul > li a {
    font-size: 19px !important;
}
#cms #xy_categ_menu li > ul > li > ul > li a {
    padding: 7px !important;
    font-size: 14px !important;
}
#cms #xy_categ_menu li > ul > li > ul > li.current {
    font-size: inherit !important;
}

/* La boutique */
#subcategories ul li:hover .subcategory-image a {
    border: 2px solid #333 !important;
    padding: 8px !important;
}
p.subcategory-heading {
    display: none;
}
#subcategories ul li .subcategory-image {
    padding: 0 !important;
}
.category-23 #subcategories ul {
    margin: 10px 0px 0px 8%;
}
.content_scene_cat {
    border-top: 0px solid #ccc !important;
}
.page-heading {
    border-bottom: 0px solid #ccc;
}

/* Liste produit - bouton add */
span.label-success, .opie-add, .opie-cart {
    background-color: #119877 !important;
    padding: 5px;
    font-size: 18px !important;
}
ul.product_list .product-name {
    font-weight: 400;
}
h2 {
    font-weight: 300 !important;
    font-size: 21px !important;
    margin: 20px 0px 15px 0 !important;
    width: 90% !important;
    margin-left: 5% !important;
}

/* Page produit */
.top-hr {
    background: #ddd !important;
    height: 1px !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
nav [class^="icon-"] {
    font-size: 33px !important;
    color: #BBC2C9;
}

/* Couleur et font newsletter */
#newsletter_block_left h4 {
    color: #000 !important;
    font-weight: 300;
}

/* style pour les blocs de type figure */
figure.effect-winston:hover p span {
    font-weight: bold !important;
}
figure.effect-winston div.item-html {
    opacity: 0;
    margin-top: 10px;
    padding: 10px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-shadow: 1px 1px black;
}
#subcategories {
    border-top: 0px solid #d6d4d4 !important;
}
@media (max-width: 767px)
{
	div#block_top_menu .cat-title {
		background: #119877 !important;
	}
    ul.categ_menu_children {
        display:none;
    }
}
#social-share {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
#social-share > * {
    margin: 0 15px;
}