/* ======= COULEURS ======= 
        h1,h2, ....             : #986C00 
        bronze                  : #A07200 (#986C00)
        bronze-sombre           : #725100
        lien survolés  jaune    : #DCDC00;
        regards                 : #f6bf05;
*/
/* ======= FONTS ======= */
@font-face {
  	font-family: 'timess';
  	src: url('../fonts/timess.ttf') format('opentype');
}
@font-face {
  	font-family: 'OpenSans-Light';
  	src: url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
}
@font-face {
  	font-family: 'OpenSans-Bold';
  	src: url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
  	font-family: 'OpenSans-Regular';
  	src: url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}

/*   SURCHARGE SPIP ADMIN   */
/* Couleurs et design des boutons d'admin */
.spip-admin-boutons { 
    background: #FFF!important;
    border: solid 1px black!important; 
    opacity: 1!important; 
}
a:active.spip-admin-boutons, .spip-admin-boutons a:active {
    background-color: #FFF;
    opacity: 1;
}
.spip-admin-boutons:hover { 
    background: #FFF!important; 
} 

html, body { overflow-x: hidden; }
body {
    font-family: 'OpenSans-Regular', sans-serif;
    font-size: 16px;
} 
p {
  color:#000;
	line-height:1.2em!important;;
    text-align: justify;
    padding:0 30px;
}
p, address {line-height: 1.8em; }
.notes p {
    font-size: .7em;
}
a {	
    transition: all 0.3s ease; 
	color:#A07200!important;
}
a:hover {
	text-decoration: none;
	color:#725100!important;
}

h1, h2, h3, h4, h5, h6 {
	color: #986C00;
	margin:1.2em 0 0.8em 0 ;
	font-family: 'TenorSans-Regular', serif;
}
h1 {
	font-size: 1.8em;
	letter-spacing: 2px;
}
h1.artiste{
   color:#725100; 
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}

.texteencadre-spip {
    border-bottom: 2px solid #986C00;
    border-left: 1px solid #986C00;
    border-right: 2px solid #986C00;
    border-top: 1px solid #986C00;
    padding:1.5em;
}

ul, ul.spip{ 
    list-style: none;
    text-align: justify;
}

hr {
  height: 10px;
  margin-left: -30px;
  margin-bottom:3px;
}
.hr-warning { background-color:orange; }
.hr-success { background-color:green; }
.hr-primary { background-color:blue; }
.hr-danger  { background-color:red; }
.hr-bronze  { background-color:#A07200; }
.hr-bronze_sombre  { background-color:#725100; }
.btn-bronze {
    font-family: "KumbhSans-Regular", sans-serif;
    font-variant-caps: normal;
	padding: 12px 30px;
    border-radius: 10;
    color: #FFFFFF;
    background: #A07200;
    font-size: 1.2rem;
    border: 0;
    
}
.btn-primary {
	padding: 12px 50px;
    border-radius: 0;
    background: #A07200;
    font-size: 1.2rem;
    border: 0;
}
.btn-primary:hover { background: #725100; }
.menu-art_sup a:HOVER.btn-bronze {
    font-weight:bold;
    font-size: 1.3rem;
    color: #DCDC00;
}

iframe {
  margin:0 10px;
}

.spip_documents_left, .spip_document_left {
    float:left;
    margin:20px;
}
.spip_documents_right, .spip_document_right {
    float:right;
    margin:20px;
}

.message {
	margin:2em 0;
}
.message .formulaire_ecrire_auteur{
	border:2px solid #986C00;
	padding:20px 0;
	text-align: center;width:60%;
}
.message .boutons{
	color:#986C00;
	background-color:#f6bf05;
	border:2px solid #725100
}

/* ======= SURCHARGE GALLERIA ======= */
.galleria-theme-classic .galleria-info-text {
    background-color:#A4A4A4!important;
    padding: 10px!important;
    display:block!important;
}
.galleria-theme-classic .galleria-info-title {
    font: bold 1em arial,sans-serif!important;
    color: #fff!important;
 
}
.galleria-theme-classic .galleria-info-description {
    font: italic .8em/1 georgia,serif!important;
    color: #000!important;
}
.galleria-lightbox-info {
  bottom:4px!important;
  right:14px!important;
  color:#444!important;
  font:1.2em arial,sans-serif!important;
  height:1em!important;
}

/* ======= BANDEAU ======= */
#header{
    width:100%;
    height:auto;
    top:0;
    position: fixed;
    z-index: 100; 
	background-color:#FFF;
}
#bandeau {
    width:100%;
    height:100px;
	background-size:contain; 
	background-repeat: no-repeat; 
	background-position: 20px;
   background-color: #5a5a5a;
}

/* ===========BCKGRND =============== */

#bckgrnd {
	background-repeat: no-repeat;
	background-size:contain; 
	background-position: top;
    position:fixed;
    top:0;
    left:0;
    width:25%;
    height:100%;
}

.logo_rubrique{
    width:100%;
    text-align: center;
    margin:60px 0 0 0 ;
}

.container-fluid { 
	margin-left: 0;
    padding:0;
}

#gallery, #about, #contact {
	padding-bottom: 150px;
}

/* ======= MENU  LATERAL ARTICLE SOMMAIRE ======= */

.lateral-article {
	margin-top:10em;
	position :fixed;
	background-color:#FFF;
	width:auto;
}
.lateral-article .nav-som {
	clear: both;
	width: 100%;
	margin:0 45%;
	float:left;
	background-color:#FFF;
}

.nav-link, nav-item, .nav-link .dropdown-toggle, .nav-item a:hover {
    font-family: 'knightregular', serif;
    color:#A07200!important;
}
a.dropdown-item{
    font-family: 'knightregular', serif;
    font-size:1em;
}

#nav-som{
	margin:0;
	width:100%;
	text-align: left;
    background-color:#FFF;
}
.nav-som {
	font-size: 1.6rem;
	padding: 5px 0 15px;
	text-decoration: none;
    font-family: 'knightregular';
    background-color:#FFF;
}
#nav-som .logo_site {
	text-align: center;
   margin: 0 40% 20px;   
}

.nav-link {
	position: relative;
	font-size: 1.8rem;
	padding-top: 5px;
	padding-bottom: 15px; 
}
.nav-item {
	list-style: none;
    color:#A07200;
    margin-top: 5px;
	margin-bottom: 10px;
  
}

.nav-item:hover .nav-link, .nav-link.current {
	background-color: transparent;
	padding-left: 10px;
}
.nav-item:hover > .nav-link > .triangle-right, .nav-link.current > .triangle-right {
	opacity: 1;
}
.nav-icon {
	width: 25px;
	margin-right: 0;
}

.dropdown-menu  {
    /*background-color: bisque;*/
    padding:0;
    display: none;
    border:none;
}
ul.dropdown-menu li {
    font-size:1.4em;
	margin:0;
}
ul.dropdown-menu li a{
     text-decoration: none;
	 font-size:.8em;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 10px;
}

/* ======= MENU HORIZONTAL ======= */
#navbarHZ {
  /* border-bottom: black 2px outset;*/
	background-color:#FFFFFF;
	height:auto;
}
#navbarHZ.accueil {
    border-bottom: #A07200 2px outset;
    margin-top:-40px; 
}
#navbarHZ  ul.dropdown-menu {
  background-color:#FFFFFF;
	border-radius: 10px;
	border: solid 1px gray;
    margin-top:-5px;
    width:200px;
}
#navbarHZ a.nom_art{
    /*! font-family: 'knightregular', serif; */
	letter-spacing: 1px;
    color: #725100;
    font-size: .7em;
    border-color: transparent;
}
#navbarHZ a:hover.nom_art{
	color:#986C00;
	font-size:.8em;
}
#navbarHZ li.rub a{
	color:#A07200;
	font-size:.8em;
	font-family: 'knightregular';
}
#navbarHZ li.rub a:hover{
	color:#725100;
    font-weight:bold;
}
#navbarHZ li.art a{
	font-size:.6em;
	font-family: 'knightregular';
	color:gray;
}
#navbarHZ li.art a:hover{
    font-weight:bold;
}

li.nav-link.dropdown {
	margin:15px 0 0 0!important;
	padding:0 0 0 10px!important;
}

#tableau_header{
	margin:0 0 0 400px;
	padding-top:12px;
	display: inline-block;
	white-space: nowrap;
}


/* ======= SOMMAIRE ======= */
/*         sections        */
section#home, section#artiste, section#creations, section#article, section#rubrique { 
}

/*         HOME        */
section#home {
	margin-top:4em;
}
section#home h1 {
	display:none;
}
.actus {
	border-radius: 20px;
	text-align:center;
}
.actus, .artistes {
    margin : 10px 0;
    border : #000 solid 1px;
    padding : 20px ;
}
.actus a {
	font-size:1em;
	text-decoration: none;
}
.actus a.nom {
	font-size:.8em;
	padding:0 8px;
    font-weight:bold;
}
.actus a.nom:hover {
	font-size:1em;
}

section#rubrique .content {
	margin-top:14em;
	padding: 0 20px ;
}
section#article .content{
	margin-top:13em;
	padding: 0 20px ;
}
.page_sommaire section#article .content{
	margin-top:8em;
	padding: 0 20px ;
}

/*         ABOUT        */
section#about {
	margin: 0!important
}


/* SECTION #ARTISTE */
section#artiste .nom_peintre {
	font-size: .8em;
	color:#A07200;
}

.apropos h2 a{
	text-decoration: none;
}

.artistes {
   text-align:center; ;
}
.artistes .nom_art{
	font-family: 'Charmonman-Regular', serif;
    color: #725100;
	font-size:1.2em;
    text-decoration: none;
    margin: 0 2% 0 0;
}
.artistes .nom_art:hover{
    font-weight:bold;
    color:#A07200;
}

.creas {
	margin:5px 0 20px;
	text-align: center;
}
.creas a{
	text-decoration: none;
}
.creas img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
.creas:hover img {
	opacity: 0.5;
}
.creas:hover .nom_tableau {
	font-size:1.4em;
	opacity: 0.25;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
} 

.expositions {
	border-radius: 20px;
	text-align:center;
    padding:10px;
	min-height:240px;
	margin:5px 0;
  border:#986C0F solid 1px;
}


/*      About      */
#about { 
	padding: 0 70px 0 40px;
}

/* ======= RUBRIQUE ======= */

/*      CREATIONS       */

.creations {
    /*border:#A07200 solid 2px;
    border-radius: 20px;
    min-height:180px;
	padding: 10px;
    margin: 20px 2px;
    display: flex;
	background-color: antiquewhite;*/
}

.oeuvre {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}
.oeuvre img:hover {
    -webkit-transition: all .2s;
	transform: scale(1.2);
}
.oeuvre h5 {
	margin:0;
}

.fab { transition: all 0.3s ease; }
.tm-social-link:hover .fa-instagram { color: #8134AF; }
.tm-social-link:hover .fa-facebook { color: #3b5998; }
.tm-social-link:hover .fa-twitter { color:  #00acee; }
.tm-social-link:hover .fa-youtube { color: #c4302b; }

.slick-dots {
	position: static;
    margin-top: 50px;
}
.slick-dots li {
	width: 24px;
	margin-bottom: 10px;
}
.slick-dots li button { width: 24px; }
.slick-dots li button:before {
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
    content: "\f04d";
    color: #eee;
    opacity: 1;
	width: 24px;
	height: 24px;
    transition: all 0.3s ease;
}

.slick-dots li button:hover:before, 
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
    color:#986C00;
}


/* FOOTER COPYRIGHT   */
 .footer{
	 margin:5em 0;
	 padding:2em 0;
}
.footer p {
	color:#000;
	text-align: center;
}
.footer a:hover {
	color:#DCDC00;
}


/*                     GESTION MOBILE         
*/

@media (max-width: 1800px) {
  .lateral-article .nav-som {
      margin:0;
      padding: 0 0 0 10px;
      font-size:1.2em;
	}
}

@media (max-width: 991px) {
	.navbar-toggler {
		display: block;
		position: fixed;
		left: 0;
		background-color:#f6bf05;
		color: #f6bf05;
		padding:8px;
		transition: all 0.3s ease;
		border-radius: 0px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		top: 100px;
		z-index: 10000;
	}	
	.navbar-toggler:focus, .navbar-toggler:active,  .navbar-toggler:visited, .navbar-toggler:hover { 
		outline: none; 
		text-decoration: none;
	}

     .lateral-article .nav-som { 
	     font-size:1.2em;
	} 
    
    .scnd-nav.navbar-nav {
		flex-direction: row;
	}


    	#navbarHZ  ul.dropdown-menu {
        margin-top:0px;
    }
    	#navbarHZ  .nav-item {
        
    }
    	#navbarHZ a.nom_art.dropdown-toggle {
        /*! margin:20px!important; */
    }
    	#navbarHZ .nav-link.dropdown {
         margin:0px!important;
    }

	section#sommaire .content {
		margin:1em 0 0;
    }
	section#home {
		padding:0em 1em 0;
		margin:5em 1em 0;
	}
	section#rubrique .content {
		margin-top:11em;
	} 
	section#article .content {
		padding:0em 1em 0;
        margin-top:5em;
	}
    
	.lateral-article {
		margin: 6em 0 0 25%;
		width:50%;
		position:relative;
	}
	#nav-som {
        margin:10em 0 0 10px;
    }
	.nav-som {
		padding: 0 0 10px;
		text-decoration: none;
		font-size: 1.1em;
		line-height:1em;
		background-color:#FFF;
        margin:10px 0 0;
	}

}

@media (max-width: 767px) {
	#bckgrnd {
		display:none;
	}
	#rubrique #scnd-nav{
		background-color:#FFF;
		margin:0;
		padding-left:50px;
	}
	#scnd-nav a.nom_art {
		font-size: .7em;
	}
	.scnd-nav.navbar-nav {
		flex-direction: row;
	}
	
	section#home {
		margin:1em 1em 0;
	}
	section#rubrique .content {
		margin-top:8em;
	} 
	section#article .content {
		margin-top:8em;
	}
	.content h1 {
        margin-left: 80px;
    }
}

@media (max-width: 481px) {
     .row > * {
        padding-right:0;
        padding-left: 0;
	}
  
	#rubrique #scnd-nav{
		background-color:#FFF;
		margin:0;
		padding-left:50px;
	}

	.actus, .artistes {
        padding : 5px;
        text-align: center;
        margin:10px 0 ;
    }
}

@media (max-width: 300px) {
	section#article .content, section#rubrique .content {
		padding: 0 20px ;
	} 
}