@charset "utf-8";

/*
Projet  : Couleur-noire CSS
Author  : Gervaise René-corail
Version : 2.0
Observations : complement style.css
Date    : 02/04/2018
*/

/* Police Thierry de-valencia*/
		h1,h2{
			margin: 0;padding: 0;border: 0;outline: 0;
/*            font-size: 100%;*/
			vertical-align: baseline;
            background: transparent;
			/*font-family: 'de_valenciaregular';*/
		}
		h1{
			font-weight: normal;
			font-style: normal;
			margin-bottom: 18px;
			font-weight:600;
		}
		.description {
			font-size: 0.85em !important;
			letter-spacing: 0.02em;
			line-height: 1.5em !important;
			padding-right: 15px;
			padding-left: 15px;
		}
		.collection {
			padding: 2.5em 0 1.5em 0;
		}
/*		h1 {
			font-size:0.9em;
		}*/
		h1{
			font-size:1.1em !important;
			margin:0 !important;
			line-height: 1.2em;
/*			letter-spacing:0.3em;*/
		}
		h2 {
			font-size:0.8em;
		}
		h3 {
			font-size:0.8em;
			line-height:1em;
			font-weight:600 !important;
		}
		p.informations {
			color:#000000;
		}
		
		.sous-titre{
			line-height: 1.2em;
			margin: 0;
			font-size: 0.55em;
		}
		.sous-titre-2 {
			margin-top:0px;
		}
		.mini-intro {
			padding:16px;
		}
		@media (min-width:480px) {
		
			h2 {
				font-size:1em;
			}
			p.collection {
				padding: 1em 0 2em 0;
			}
			.menu{
				width:25%;
			}
			.menu ul {
				line-height:1em;
				display: grid;
				font-size :11px;
			}
		}
		@media (min-width:768px) {
			h1{
				font-size: 2.5em !important;
				margin:0.4em 0 0.2em !important;
			}
			h2 {
				font-size:1.8em;
			}
			h3 {
				font-size:1.5em;
			}
			.description {
				font-size:0.8em !important;
			}
			.collection {
				padding: 2em 0 3em 0;
			}
			.sous-titre {
				font-size:1.1em;
			}
			.sous-titre-2 {
				margin-top:0px;
			}
			#photo-art {
				padding-top:2em;
			}
			.menu ul {
				width:auto;
				line-height:1em;
				display: grid;
				font-size :0.9em;
			}
			.mini-intro {
				padding:31px;
			}
		}
		@media (min-width:960px) {
			h1{
				font-size:3.3em !important;
			    margin: 0.5em 0px 0.3em !important;
			}
			.sous-titre {
				font-size:1.4em;
			}
			.collection {
				padding: 3em 0 3em 0;
			}
			/* supprimer pour mettre menu burger et affichage vertical en plus de menu en ligne (min-width: 481px) styles.css
			.menu {
				width:50%;
			}*/
			.menu ul {
				width:auto;
				line-height:1.5em;
				display: block;
				font-size :0.8em;
			}
			.sous-titre-2 {
				margin-top:6px;
			}
			.mini-intro {
				padding:0px;
			}
		}
		@media (min-width:1190px) {
			h1{
				font-size:4em !important;
				letter-spacing: 0em;
				margin: 0em !important;
				line-height:1em;
			}
			h2{
				font-size: 2.5em;
			}
			.menu ul {
				width:auto;
				line-height:1.625em;
				display: block;
				font-size :1em;
			}
		}	
		@media (min-size:1024px) {
			h2{
				font-size:2.3em;
			}
		}

        /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}
		
		nav.menu li {
			background-color: #000000BB;
		}
		#logo_bas img {
		    max-height: 250px;
			margin-left: auto;
			display: block;
		}
		#adresse a, #adresse a:visited {
			color:#fff;
		}
		#adresse a:hover {
			color:#aaa;
		}
/* centre H/L */
		.flex-1OOHL {
			display:flex;
			height:100%;
			width:100%;
		}
		.margin-auto {
			margin:auto;
		}
/* Image avec cadrage rond */
		.img-contour-rond {
		    border: 4px solid #000;
			border-radius: 180px;
			margin: auto;
			display: flex;
			width:144px;
			height:144px;
		}
		.img-centre-contour {
			margin:auto;
			height:94px;
			width:64px !important;
			box-shadow: 0 1px 10px 0 rgba(0,0,0,0.8)

		}
		.img2-centre-contour {
			margin:auto;
			height:94px;
			width:64px !important;
			box-shadow: 0 1px 10px 0 rgba(0,0,0,0.8)
		}
		@media (min-width:768px) {
/*			.img-contour-rond {
				width:200px;
				height:200px;
			}*/
/*			.img-centre-contour{
				height:94px;
				width:64px !important;
			}
			.img2-centre-contour{
				height:64px;
				width:64px!important;
			}*/
				ul.tableau { 
				display:block !important;
			}/* Affichage sur & colonne ipad */
		}
		@media (min-width:960px){
/*			.img-contour-rond {
				width:144px;
				height:144px;
			}*/
			ul.tableau { 
				display:flex !important;
			}
		}
		@media (min-width:1160px) {
/*			.img-centre-contour {
				height: 121px;
				width: 81px !important;
			}
			.img2-centre-contour{
				height:81px;
				width:81px !important;
			}*/
		}


/* écart footer */
		article.stat-section {
			padding-bottom:4em;
		}
		@media (max-width:760px) {
			#plan {
				padding-top:20px;
			}
		}