/* Votre Style */
li{list-style-type: none;}
div#main.grid.pam{margin-left: 20px;}
@font-face {
    font-family: "cormorant";
    src: url("../fonts/CormorantGaramond-Regular.ttf") format("truetype");
}
.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    /*font-weight: bold;*/
    text-shadow: 1px 1px #666;
    }
.button:hover {
    background-position: 0 -48px;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

a.button, a.button:hover{text-decoration: none; color:#FFF;}
.cepage{font-weight: bold; color:#666;font-size: 1.4em;}
.vcard{font-size:1.2em; color: #564c4c;}
#txtaccueil{font-size:5rem;}

div.slick-slide{
    align-items: center;
    display: flex!important;
    justify-content: center;
}

div.slideartiste{
    height: 20em;
}

.slick-list{
    padding:0!important;
}

div.accueil{
    height: 55%;
    margin-bottom: 0!important;
}

div.accueil2{
    height: auto;
    margin-bottom: 0!important;
}

div.accueil img{
    width: 25%;
}
div.accueil2 img{
    width: 100%;
}

@font-face {
    font-family: "cormorant-italic";
    src: url("../fonts/CormorantGaramond-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "cormorant-light";
    src: url("../fonts/CormorantGaramond-Light.ttf") format("truetype");
}
.fontcormo{
    font-family: 'cormorant-light', serif;
    color: #2f2f2f;    
}
.soustitre{
    font-family: 'cormorant-light', serif;
	color:#767676!important;
    font-size:2em;
}

h2.accueil p{
	font-family: 'cormorant-italic', serif;
	color:#767676!important;
	text-align: center;
	margin-top: -35px;
	font-size: 32px;
	text-decoration: dashed;
	word-spacing: 8px;
    padding-left: 50px;
    padding-right: 50px;
}

h2.accueil2 p{
	font-family: 'cormorant-italic', serif;
	color:#2f2f2f!important;
    background-color:rgba(255, 255, 255, 0.748);
	text-align: center;
	margin-top: -250px;
	font-size: 20px;
	text-decoration: dashed;
}

h2.aleft p{
	text-align:left;
    padding: calc(1em + -4px);
	background-repeat: no-repeat;
	background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%;
	background-size: 20px 20px, 20px 20px, 20px 20px, 20px 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 20 20%22%3E%3Cpolygon points=%2220 0 1 0 0 0 0 1 0 20 1 20 1 1 20 1 20 0%22 fill=%22%23666%22 fill-opacity=0 %2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 20 20%22%3E%3Cpolygon points=%2220 0 1 0 0 0 0 1 0 20 1 20 1 1 20 1 20 0%22 fill=%22%23666%22 transform=%22translate(20, 0) rotate(90)%22 %2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 20 20%22%3E%3Cpolygon points=%2220 0 1 0 0 0 0 1 0 20 1 20 1 1 20 1 20 0%22 fill=%22%23666%22 fill-opacity=0 transform=%22translate(20, 20) rotate(180)%22 %2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 20 20%22%3E%3Cpolygon points=%2220 0 1 0 0 0 0 1 0 20 1 20 1 1 20 1 20 0%22 fill=%22%23666%22 fill-opacity=0 transform=%22translate(0, 20) rotate(270)%22 %2F%3E%3C%2Fsvg%3E");
}
h2.aright p{
	text-align: right;
    padding: calc(1em + -4px);
	background-repeat: no-repeat;
	background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%;
	background-size: 20px 20px, 20px 20px, 20px 20px, 20px 20px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 20 20%22%3E%3Cpolygon points=%2220 0 1 0 0 0 0 1 0 20 1 20 1 1 20 1 20 0%22 fill=%22%23666%22 %2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 20 20%22%3E%3Cpolygon points=%2220 0 1 0 0 0 0 1 0 20 1 20 1 1 20 1 20 0%22 fill=%22%23666%22 fill-opacity=0 transform=%22translate(20, 0) rotate(90)%22 %2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 20 20%22%3E%3Cpolygon points=%2220 0 1 0 0 0 0 1 0 20 1 20 1 1 20 1 20 0%22 fill=%22%23666%22 fill-opacity=0 transform=%22translate(20, 20) rotate(180)%22 %2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 20 20%22%3E%3Cpolygon points=%2220 0 1 0 0 0 0 1 0 20 1 20 1 1 20 1 20 0%22 fill=%22%23666%22 fill-opacity=0 transform=%22translate(0, 20) rotate(270)%22 %2F%3E%3C%2Fsvg%3E");
}



div.slideartiste .slick-center {
    transform: scale(1.2);
    opacity: 1!important;
}

div.slideartiste .slick-slide{
    opacity: 0.6;
}

div.logo{
    padding-top:20px;
}

.lastexpo p{
    font-family: 'cormorant-light', serif;
	color:#181818!important;
    font-size:1.3em;
}

.slideartiste .soustitre{
    margin-bottom: -25px;
    margin-top: 30px;
}
.artiste a p{
    text-align: center;
    color: #2f2f2f;
    background-color: rgba(228, 228, 228, 0.8);
    font-size: 13px;
    font-family: 'cormorant-light', serif;
}