/*********************************************************************************
*
* General front page css setup
*
*********************************************************************************/
*{
	font-family: 'Calibri', 'Open Sans','Helvetica Neue',Arial, sans-serif;
}

/*h1, h2, h3, h4, h5, h6 {
    font-family: 'Calibri', 'Open Sans','Helvetica Neue',Arial, sans-serif;

}*/

.btn.focus,
.btn:focus {
    /*box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);*/
    /* these following lines are to remove the blue horrible circle around the buttons on focus state*/
    outline: 0;
    box-shadow:none !important;
}

.btn-front {
    background-color: #d5c027;
    border-color: #d5c027;
	color: #fff;
}

.btn-front-dark {
    background-color: #221b16; /*pantone IGP*/
    border-color: #221b16;
	color: #fff;
}

.btn-front:active, .btn-front:focus, .btn-front:hover {
	color: #221b16;
	background-color: #efe242; !important;
}

/*a.btn-primary:hover
{
    background-color: #efe242;
    border-color: #d5c027;
}*/

section#about.bg-primary{
    background-color: #d5c027!important;/*pantone 605C(jaune marron foncé)*/
    /*color: #221b16; *//*pantone IGP*/
}

hr {
    border-color: #221b16; /*pantone IGP*/
}

/*********************************************************************************
*
* Main navbar
*
*********************************************************************************/
#mainNav {
	background-color: #221b16; /*pantone IGP*/
	font-family: 'Calibri', 'Helvetica Neue', Arial, sans-serif;
}

@media (min-width: 992px) {
    #mainNav {
        border-color: transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        background-color: transparent;
    }
}

#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
    color: #d5c027; /*pantone 605C (jaune marron foncé)*/
    font-size: 1.0rem;
    font-weight: 700;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
    color: #fff;
}

#mainNav.navbar-shrink {
    border-bottom: 1px solid rgba(33, 37, 41, .1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(33, 37, 41, 0.0980392);
    background-color: #221b16; /*pantone IGP*/
}

#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link
{
    /*color: #efe242; *//*pantone 3935C(jaune marron clair)*/
	color: #d5c027; /*pantone 605C (jaune marron foncé)*/
}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:active,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:target,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover {
    /*color: #efe242; *//*pantone 3935C(jaune marron clair)*/
	color: #fff;
}

.navbar-toggler-icon {
    background-color: #d5c027; /*pantone 605C (jaune marron foncé)*/;
}

.navbar-toggler-icon:focus {
    outline-color: black;
}

.navbar-light .navbar-toggler {
    border-color: #d5c027;
    outline-color: #efe242;
}

/*********************************************************************************
*
* Header Masthead (fullscreen picture)
*
*********************************************************************************/
header.masthead {
	padding-top: 10rem;
	padding-bottom: calc(10rem - 56px);
	background-image: url(../img/frontfull9diez.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/**************************************
* Header Masthead
* Center top text setup
***************************************/
@media (max-width: 400px) {
    h3.texth3small {
        /*font-size: 1.75rem;*/
        font-size: 20px;
        padding-top: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }
    h6.texth6small {
        /*font-size: 1.75rem;*/
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    h3.texth3small {
        /*font-size: 1.75rem;*/
        padding-top: 30px;
        padding-left: 25px;
        padding-right: 25px;
    }
    h6.texth6small {
        padding-left: 25px;
        padding-right: 25px;
    }
}

/**************************************
* Header Masthead
* Left text setup
***************************************/
@media (min-width: 992px) {
    #frontlefttext.container{
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    #frontlefttext.container{
        max-width: 1140px;
    }
}

@media (min-width: 1300px) {
    #frontlefttext.container{
        max-width: 1240px;
    }
}
@media (min-width: 1600px) {
    #frontlefttext.container{
        max-width: 1440px;
    }
}
@media (min-width: 1800px) {
    #frontlefttext.container{
        max-width: 1640px;
    }
}

@media (max-width: 575px) {
    h5.texth5palmsmall {
        /*font-size: 1.75rem;*/
        padding-left: 25px;
        padding-right: 25px;
    }
    h6.texth6palmsmall {
        padding-left: 25px;
        padding-right: 25px;
    }
    .btnsmall {
        margin-left: 25px;
    }
}

/*********************************************************************************
*
* Column 3 (Unused part) (Center the picture)
*
*********************************************************************************/
/*.container > .row > .col-lg-4 > img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
    margin-right: auto;
}*/

/*********************************************************************************
*
* Column 4
*
*********************************************************************************/
.image-wrapper {
	background-image: url("/static/img/main/redgrape.jpg");
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	width: 200px;
	height: 75px;
	margin: 0 auto;
    margin-bottom: 10px;
}

@media (min-width: 460px) {
    .image-wrapper::before,
    .image-wrapper::after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 5em;
        background: #e87058;
        z-index: 10;
    }
}

@media (min-width: 460px) {
    .image-wrapper::before {
	left: -100px;
    }
}

@media (min-width: 460px) {
    .image-wrapper::after {
        right: -100px;
    }
}

.image-wrapper-text {
	background-image: url("");
	width: auto;
	height: auto;
}

.image-wrapper-text::before,
.image-wrapper-text::after {
	/*background: #221b16;*/ /*pantone IGP*/
    background: #d5c027; /*pantone 605C (jaune marron foncé)*/
}

.img-block2 {
	background-image: url("/static/img/main/verreblanc.jpg");
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100%;
	min-width: auto;
	min-height: 200px;
	margin: 0 auto;
}

.img-block {
	background-image: url("/static/img/main/main.jpg");
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100%;
	min-width: auto;
	min-height: 200px;
	margin: 0 auto;
}

.cell4{
    display: flex;
    align-items: center;
}

.cellbrown{
    background: #221b16; /*pantone IGP*/
}

.cellyellow{
    background-color: #d5c027 ;
}

.cellyellowclear{
    background-color: #efe242; /*pantone 3935C(jaune marron clair)*/
}

.vcenter{
    position: relative;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding-bottom: 25px;
    padding-top: 25px;
}

.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}

.row-eq-height > [class^=col]:last-of-type div:first-of-type {
  margin-top: 0;
}

.row-eq-height > [class^=col]:last-of-type div:last-of-type {
  margin-bottom: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px;
    padding-left: 0px;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 5px;
    -webkit-margin-end: 5px;
}

h2-col4,
h2-col4-communique,
p-col4,
p-col4-communique{
	font-family: 'Calibri', sans-serif;
	display: block;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
}

h2-col4,
h2-col4-communique{
    color: #d5c027; /*pantone 605C (jaune marron foncé)*/
    font-size: 2rem;
	font-weight: normal;
}

h2-col4-communique{
    color: #221b16; /*pantone IGP*/
}

p-col4,
p-col4-communique{
	color: #221b16; /*pantone IGP*/
    font-size: 16px;
	font-weight: normal;
}

p-col4{
    text-align: justify;
}

/*********************************************************************************
*
* Column 4 Inverse Test popup
*
*********************************************************************************/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    margin-left: auto;
    margin-right: auto;

/*top: 0;
left: 60px; *//*position where enlarged image should offset horizontally */

}

/*********************************************************************************
*
* Footer
*
*********************************************************************************/
/*.bg-pantone {
    background-color: #221b16; *//*pantone IGP*/
    /*color: #d5c027; *//*pantone 605C (jaune marron foncé)*/
/*}*/

.footer-pantone {
    background-color: #221b16; /*pantone IGP*/
    color: #d5c027; /*pantone 605C (jaune marron foncé)*/
}
.footer-pantone-inverse {
    background-color: #d5c027; /*pantone 605C (jaune marron foncé)*/
    color: #221b16; /*pantone IGP*/
    font-weight: 700;
}

.footerlink{
    color: #221b16; /*pantone IGP*/
    font-size: x-large;
}

.footerlink:hover{
    color: #fff; /*pantone IGP*/
    text-decoration: underline;

}