body, * {
font-size : 14px ;
font-family : courier new, courier, arial, helvetica ;

}

body,td	
{	
margin-left : 0;
margin-right : 0;
color : #000000;
scrollbar-track-color: #ffffff;
}


header, main {position:relative;padding:10px;display:block;}
header, #mask {position:fixed;background-color:white;top:0px;left:0px;z-index:1000000;}
header #logo {}
header address {color:#666666;font-style:normal;}
header nav {margin-top:1em;}
#mask {width:100%;height:110px;z-index:100;}

main {margin-top:120px;}

main img {max-width:100%;height:auto;}
main a.projects span {display:none;}


dl.shortinfos {margin:0px;}

dl dt, dl dd {float:left;margin:0px;}
dl dt {width:138px;clear:both;}
dd.bold {font-weight:bold;}

div.program {clear:both;max-width:800px;padding-top:2em;padding-bottom:2em;}

.tableimages
{  
line-height:140%;
}

img {
	border-style:none;
}
@media screen and (min-width: 640px) {
	body:not(.office) .tableimages img {max-height:200px;width:auto;max-width:1000px;}
	.publications .tableimages img {max-height:400px;width:auto;max-width:1000px;}
}

.cursor 
{  
cursor: hand;
}

h1 {
	font-size : 14px ;
	margin-bottom:0px;
}

h2 {
	font-size : 14px ;
	color:red;
	margin-bottom:0px;
}

a	
{
color : #ff0000;
font-size : 14px ;
font-family : courier new, courier, arial, helvetica ;
text-decoration : none ;
}


#tooltip {
	position: absolute;
	top:20px;
	margin-left:10px;
	z-index: 3000;
	padding: 2px;
	background-color:white;	
	max-width:300px;
}

#tooltip h3, #tooltip div { 
	margin: 0;
	text-transform:none;
	font-weight:normal;
	font-size:14px;
	line-height:17px;
	color:#ff0000;	
}

.fancybox-title {
	font-family : courier new, courier, arial, helvetica !important;
	}
	
	
#categories {
	margin-bottom:20px;
}
	
#categories a {
	color:#000;
}

#categories a:hover, #categories a.current {
	color:red;
}
	
a.projects {
	display:block;
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}


.my-simple-gallery {
  width: 100%;
  float: left;
}

.my-simple-gallery figure {
  display: block;
  float: left;
  margin: 0px;
  width:auto;
}
.my-simple-gallery figcaption {
  display: none;
}

.pswp__bg {background-color:white;}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before, .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
	background-color:transparent !important
	}

.pswp__caption__center {
  text-align: left;
  max-width: 800px;
  margin: 0 auto;
  font-size: 14px;
  padding: 10px;
  line-height:17px;
  color:black;
}

.pswp__top-bar, .pswp__caption {
    background-color: white !important;
}

.pswp__top-bar .pswp__button {
	background-image: url(/fonctions/photoswipe/default-skin/default-skin.png) !important;
}

/*.pswp__img {max-height:calc(100vh - 420px);}*/

@media screen and (min-width: 1100px) {

.pswp__button--arrow--right {
  right: calc(50% - 480px) !important;
}

.pswp__button--arrow--left {
  left: calc(50% - 480px) !important;
}
}

/* NEWS */


figure.news {margin-bottom:2em;float:none;}
figure.news figcaption {margin-top:1em;margin-bottom:1em;}
figure.news, figure.news img {margin:0px;padding:0px;width:100%;height:auto;}



@media screen and (max-width: 640px) {

body, * , h1, h2, a {
font-size : 14px ;
}
header #logo {width:100%;background-color:white;}
  main a.projects, main img {
  display:block;
    width:100%;
    }
	
	main a.projects span {
	display:block;margin-top:1em;margin-bottom:2em;}
	
	main a.projects span .title {text-transform:uppercase}
	
	#tooltip {display:none !important;}
	
	.fancybox {pointer-events:none;}
	
	dl dt, dl dd {float:none;width:100%;}
	dl dd {font-weight:bold;}
}


.projects.tooltip .second {display:none;}

@media screen and (min-width: 1025px) {
	.projects.tooltip:hover .second {display:inline;}
	.projects.tooltip:hover .first {display:none;}
	
}