html {
position:relative;
min-height:100%;
background-color:white;
color:black;
}

a:link    {color:black; background-color:transparent; text-decoration:none}
a:visited {color:black; background-color:transparent; text-decoration:none}
header a.normal:hover, a:hover   {color:palevioletred; background-color:transparent; text-decoration:none;}
header a.normal:hover, a:hover   {background-image: -webkit-gradient( linear, left top, right top, color-stop(0, PeachPuff), color-stop(1, palevioletred) );
			background-image: gradient( linear, left top, right top, color-stop(0, PeachPuff), color-stop(1, palevioletred) );
			color:transparent;
			-webkit-background-clip: text;
			background-clip: text;
			text-decoration:none;}
a:active  {color:black; background-color:transparent; text-decoration:none;}

a:hover > .caption {color:black; background-color:transparent; text-decoration:none;}

.seemore{
display:inline;
}
.bold{font-weight: bold; font-size:.9em; }

.invisible{display:none; opacity:0;}
.lazyLoading{display:none;}

.caption{display:none;margin-bottom:18px;}
.visible{display:block;!important;}

a.normal{background-color:transparent; text-decoration:none}

.progress, .loader {
	display:inline-block;
	width:100%;
	height:110px;
	background-image:url('loading.gif');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

body {
font-family:Verdana, sans-serif; 
font-size:.8em; 
line-height:1.8em;
text-transform:lowercase;
margin:0px; 
border:0px;
width:400px;
margin: 0 auto;
padding-top:2.2%;
overflow-y:scroll;
}

div#wrap {display: inline-block; width:100%; margin:0 auto;}

header {
display:inline-block;
font-size:.84em;
margin-bottom:1.23%;
margin-right:1.41%;
}

#menu_base {
display:inline-block;
}

#section {margin-top:1em;padding-bottom:.8em}

/*#section a {display:inline; clear:both; }
#section .bigslider a {display:block; clear:none; }
.bigslider {display:inline-block; clear:none; }
.bigslider .container {display:none!important;}*/

article {margin-bottom:15%;}

article .grid a:hover > span {color:black !important; font-color:black !important;}

body.page article h4 {

}
body.page article #slide1, body.page article #containerflipcard, body.page article p+.gridvideo {
border-top: 1px solid #ddd;
padding: 18px 0 18px 0;
margin-top:18px;
}
.border-afterme {
border-bottom: 1px solid #ddd;
padding: 0 0 18px 0;
margin-bottom:18px;
}
.no-border {
border: 0!important;
padding: 0!important;
margin-bottom: 0!important;
margin-top: 0!important;
}

.html5-videos {margin-bottom:12px;}
.html5-videos p {margin-bottom:22px;}

h1 {
display: block;
margin:0px;
font-weight: bold;
}

h4 {margin-top:5%;margin-bottom:.1%}

p {
text-align: justify;
margin:0px;
padding:0;
line-height:1.5em;
}

ul {
list-style:none;
list-style-type:none;
margin:0px;
padding:0px;
}

#menu_annee {
border-top: 1px solid #ddd;
margin-top:18px;
padding:18px 0 18px 0;
}

#menu_annee .selected {
	cursor:default;
}

#menu_base li, #menu_annee li, #menu_tag li {
display: inline-block;
/* You can also add some margins here to make it look prettier */
zoom:1;
*display:inline;
/* this fix is needed for IE7- */
color:#999;
}
li span.selected, #menu_tag a.selected {
	background-image: -webkit-gradient( linear, left top, right top, color-stop(0, PeachPuff), color-stop(1, palevioletred) );
	background-image: gradient( linear, left top, right top, color-stop(0, PeachPuff), color-stop(1, palevioletred) );
	color:transparent;
	-webkit-background-clip: text;
	background-clip: text;
	text-decoration:none;
}

/*#menu li + li:before, #menu_annee li + li:before, #menu_tag li + li:before {
content: "/ ";
}*/

#menu_tag ul {
  display: block;
  border-top: 1px solid #ddd;
  width: 100%;
  padding:18px 0 18px 0;
}

article.show{display:block;}
article.hide{display:none;}

.gridyear{
text-align:center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding:15px 0 15px 0;
}
#section.a_l_a_une{padding:20px 0 0 0!important;margin:0!important;}
.a_l_a_une {
border-top: 1px solid #ddd;
margin-top:0px!important;
padding: 15px 0 0 0;
}
.a_l_a_une article h4, .a_l_a_une article p {
display:none;
}
.a_l_a_une article {margin:0 0 15px 0;}
.a_l_a_une article.marge {margin:0 20px 15px 0;}
.a_l_a_une article, .a_l_a_une article div{
display: inline-block;
clear:both;
width:120px;
height:120px;
overflow:hidden;
}
.a_l_a_une article div {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #bbb;
-moz-box-shadow: 0 1px 2px #bbb;
box-shadow: 0 1px 2px #bb;
}
.a_l_a_une article > a {
display: none;
}
.a_l_a_une article div > a {
display:block;
width:120px;
height:120px;
}
.a_l_a_une article img{
object-fit: cover;
width:120px;
height:120px;
margin:0;
}
.a_l_a_une p + div{
margin:0;
}

p + p {margin-top:10px;}
h4 + p {margin-top:1px;}
p + div {margin-top:3px;}

.grid_card a {width:49%;display:inline-block;clear:both;}

.grid_card_flip .flip-card{ 
width: 190px !important;
height: 145px !important;
 }
img:not([src]):not([srcset]) {
  visibility: hidden;
}
img.lazy {
display:inline-block;
width:100%; 
height:100%;
}
#backBtn {
border-bottom: 1px solid #ddd;
}
#backBtn a{
display:block;
width:100%;
height:100%;
padding: 18px 0 18px 0;
cursor:pointer;
}

#topBtn {
display: none; /* Hidden by default */
width:100%;
z-index: 99;
border: none;
background:none;
outline: none;
cursor: pointer;
text-align:center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding:15px 0 15px 0;
margin:0 0 40px 0;
color: black;
}

#topBtn:hover > a {
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, PeachPuff), color-stop(1, palevioletred) );
background-image: gradient( linear, left top, right top, color-stop(0, PeachPuff), color-stop(1, palevioletred) );
color:transparent;
-webkit-background-clip: text;
background-clip: text;
text-decoration:none;
}

a.l2col img{
display:block;
width:49% !important;display:inline-block;clear:both;
}

.gridvideo + .gridvideo{margin-top:-13px;}

.lg-toolbar {cursor:default;}
.lg-toolbar .lg-icon {padding-bottom:0!important;padding-top:5px!important;}
.lg-backdrop, .lg-thumb-outer, .lg-grab, .lg-sub-html, .lg-toolbar, .lg-next, .lg-prev {background-color:white!important;}
.lg-actions .lg-next, .lg-actions .lg-prev {border-radius: 40px; padding: 20px;}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover, .lg-toolbar .lg-icon:hover {color: black;}
.lg-outer, .lg-item, .lg-img-wrap  {cursor: url('../img/cross.png'), auto;}
#lg-counter{font-size:12px; margin:0; padding:12px 0 0 5%; line-height: 27px; height:50px;}
.lg-close{float:left!important; padding:5px 3.5% 0 3.5%!important; width:auto!important;}
.lg-close:before {
  content: "close";
  font-family:Verdana,sans-serif;
  font-size:.9em;
  font-weight:bold;
  vertical-align:text-top;
  line-height:1em;
  margin-right:.2em;
}
.lg-close{color:black!important; }
.lg-sub-html {display:none;}

article div img {
height:auto;
margin-top:2%;
width:100%;
}

.textCapitalize {
text-transform:none;
}

.html5-videos img {
cursor:pointer;
}

footer {
font-size: 0.7em;
position: absolute;
bottom:0;
border:0;
padding:0;
clear: both;
}

@media screen and (max-width: 481px){
body {
margin-top:1%;}

#section {
font-size: 1rem;}
}

@media (orientation : portrait){
.page{
padding-top: 5%;
}
}