html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

html,body{font-family:Arial,Verdana,sans-serif;font-size:15px;line-height:1.5}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}
a{color:inherit}
p{margin-top:0px;margin-bottom:16px;}
img{vertical-align:middle}

.content{max-width:980px;margin:auto}
.row:after,.row:before{content:"";display:table;clear:both}
.col{float:left;padding:4px;}
@media (max-width:600px){.col,.resp{width:100%!important;}.resp{display:block;}.resp{font-size:25px;}}
.panel{position:absolute;top:0px;bottom:0px;left:0px;right:0px;}

.miniature{
	position:relative;
	margin-bottom:8px;
}

.miniature img{
	width:100%;
	height:auto;
        /*border-radius:4px;*/
}

.legende,.artiste{
	/*position:absolute;
	bottom:0px;
	width:100%;*/
	text-align:center;
	background:gray;
	color:white;
}

.artiste{
	display:none;
	color:black;
	background: rgba(255,255,255, .75);
}

.miniature:hover .artiste{
	display:block;
}
/*-----------PB-(pr index.hmtl)----------------*/
.miniature_pb{
	position:relative;
	margin-bottom:8px;
}
.miniature_pb img{
	width:100%;
	height:auto;
        border-radius:4px;
}

.legende_pb,.artiste_pb{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	background:gray;
	color:white;
}

.artiste_pb{
	display:block;
	color:black;
	background: rgba(255,255,255, .75);
}
/* -----old------if you want hover  
.artiste_pb{
	display:none;
	color:black;
	background: rgba(255,255,255, .75);
}

.miniature_pb:hover .artiste_pb{
	display:block;
}*/
/*-----------------------FIN PB----------------------*/
.main-footer{
	margin-top:8px;
	text-align:center;
}

.top{
	margin-top:10px;
}

.top a{
	text-decoration:none;
	margin-right:8px;
        color:midnightblue;
}

.top a:hover{
	color:black ;
}

.side a{
	text-decoration:none;
	color:midnightblue;
}

.side a:hover{
	color:black;
}

.color_text{
             color:midnightblue;
}

/*logo galerie bertrand hassoun*/
@font-face {
    font-family: font_gbh;
    src: url(../fonts/font_gbh.ttf);
}
/*font awaysome pr icone fb*/
@font-face {
    font-family: fa-brands;
    src: url(../fonts/fa-brands-400.ttf);
}

.logo{
  font: 1.8em font_gbh;
  color:midnightblue;
}

.icon-fb::before{
    font-family: "fa-brands"; content: "\f39e";
  }
.icon-insta::before {
    font-family: "fa-brands"; content: "\f16d";
  }
/* END Pascal */