/* CSS Document */
/* Font-face declarations */
@font-face { font-family: 'GTPressuraMonoLight'; src: url('font-face/gtpressuramonolight.eot'); src: url('font-face/gtpressuramonolight.eot') format('embedded-opentype'), url('font-face/gtpressuramonolight.woff2') format('woff2'), url('font-face/gtpressuramonolight.woff') format('woff'), url('font-face/gtpressuramonolight.ttf') format('truetype'), url('font-face/gtpressuramonolight.svg#GTPressuraMonoLight') format('svg'); }
@font-face { font-family: 'MinionProRegular'; src: url('font-face/minionpro-regular.eot'); src: url('font-face/minionpro-regular.eot') format('embedded-opentype'), url('font-face/minionpro-regular.woff') format('woff'), url('font-face/minionpro-regular.ttf') format('truetype'), url('font-face/minionpro-regular.svg#MinionProRegular') format('svg'); font-weight: normal!important; }
* { margin: 0; padding: 0; }
body { background-color: white;  color: black; background-size: 100% auto; overflow:hidden; background-repeat: no-repeat; background-position: center center; height: 100vh; width: 100vw; font-family: "GTPressuraMonoLight", "MinionProRegular", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }
/* --------------------------------------------------- */
/* Titre Rémy */
/* --------------------------------------------------- */
h1 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 10px;
    position: relative;
    z-index: 10;
}
h1 a{
	    text-decoration: none;
	    color:black;
}
h1 a:visited{
	    text-decoration: none;
}
h1 span { color: gray; }

/* --------------------------------------------------- */
/* Modif Gegene */
/* --------------------------------------------------- */
.presentation {cursor: pointer; }
.presentation2 {cursor: pointer; }
.dpn {display:none};
.lang a {
	text-decoration: none;
}

.lang a:link {
    text-decoration: none;
}

.lang a:visited {
    text-decoration: none;
}

.lang a:hover {
     text-decoration: none;
}

.lang a:active {
     text-decoration: none;
}

.lang  a.isactive {
    text-decoration: underline !important;
}

body.apropos section a { color: black; }
/* --------------------------------------------------- */
/* Titre Rémy menu */
/* --------------------------------------------------- */
#mainmenu #closemenu { color: white; font-size: 25px; text-align: center; margin: 30px auto 50px; cursor: pointer; }
#mainmenu { text-align: center; }
#mainmenu h2 { color: black; font-size: 20px; margin: 20px auto; }
#mainmenu h2 span { color: gray; }
body > nav { top: -150%; top: -150vh; background: rgba(255,255,255,1); -webkit-transition: all 2s; transition: all 2s; width:100%; height:100%; width: 100vw; height: 100vh; position: absolute; z-index: 1000; 
    border-bottom: 1px solid black;
}
/*body.home { background-color: black; }*/
body > nav.ouvert { top: 0; background: rgba(255,255,255,1); }
nav ul { height: 240px; left: 50%; margin-left: -100px; margin-top: -160px; position: absolute; top: 50%; width: 200px; }
nav#mainmenu li a { cursor: pointer; font-size: 16px; margin-bottom: 20px; margin-top: 15px; text-align: center; color: white; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; }
nav#mainmenu li a:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
nav#mainmenu li.contact { margin-top: 20px; }
nav#mainmenu li a.mail { display: block; font-size: 12px; margin-top: 5px; text-transform: lowercase; }
nav#mainmenu li a.mail span { color: gray; }
#mainmenu ul li { margin: 10px; }
#mainmenu ul li:nth-child(1), #mainmenu ul li:nth-child(7) {
 margin-bottom:1.5em;}
/*body.home video { display: block; height: 500px; left: 50%; margin: -250px auto 0 -250px; position: absolute; top: 50%; width: 500px; }
*/body.pigeon video { display: block; height: 560px; left: 50%; margin: -280px auto 0 -370px; position: absolute; top: 50%;cursor:pointer; }
/* --------------------------------------------------- */
/* Bouton du menu */
/* --------------------------------------------------- */
button#menu { background: transparent; border: 1px solid rgb(255, 255, 255); border: none; color: rgb(255, 255, 255); height: 32px; line-height: 40px; margin: 0; padding: 0; position: absolute; right: 20px; top: 10px; width: 32px; cursor: pointer; z-index: 10000; overflow: hidden; text-indent: -1000px; margin-right: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; outline: none; } 
/*button#menu span { width: 8px; height: 8px; display: inline-block; position: absolute; top: 12px; background-color: black; } */
button#menu span{
width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    top: 12px;
    background-color: white;
    border: 1px solid black;
}
/*body.home button#menu span { background-color: white; }
*/button#menu span#ca1 { left: 0; }
button#menu span#ca3, button#menu span#ca2 { left: 12px; }
button#menu span#ca4 { right: 0px; }
button#menu.openMenu { right: 50%; margin-right: -16px; }
button#menu.closeMenu { right: 20px; margin-right: 0px; }

/* Animations d'ouverture */

/* modif gegene suoppresion anim */
/*button#menu.openMenu span#ca1, button#menu.openMenu span#ca4 { -webkit-animation-name: openMenuca1et4; animation-name: openMenuca1et4; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both; }*/
/*button#menu.openMenu span#ca2 { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-name: openMenuca2; animation-name: openMenuca2; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }*/
/*button#menu.openMenu span#ca3 { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-name: openMenuca3; animation-name: openMenuca3; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }*/
/* Animations de fermeture */
/*button#menu.closeMenu span#ca1, button#menu.closeMenu span#ca4 { -webkit-animation-name: closeMenuca1et4; animation-name: closeMenuca1et4; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both; }*/
/*button#menu.closeMenu span#ca2 { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-name: closeMenuca2; animation-name: closeMenuca2; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }*/
/*button#menu.closeMenu span#ca3 { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-name: closeMenuca3; animation-name: closeMenuca3; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }*/

/* --------------------------------------------------- */
/* EST */
/* --------------------------------------------------- */

/* SOUSNAV */
div#sousnav { border-bottom: 1px solid gray; height: 40px; margin: 70px auto 100px; max-width: 600px; text-align: center; }
.est.pendant > div#sousnav, .est.avant > div#sousnav { visibility: visible; }
/* --------------------------------------------------- */
body.est video { display: block; height: auto; margin: auto; width: 80%; max-width: 1400px; max-height: 550px; }
body.est div#intro { font-family: 'GTPressuraMonoLight'; background-image: url("../img/EstIntro.jpg"); width: 600px; height: 600px; margin: 0 auto 0; }
body.est div#intro div.masque { max-width: 580px; height: 580px; padding: 10px; margin: auto; background-color: rgba(255,255,255,0.7); }
h3 { border-bottom: 1px solid black; margin: 20px 20px 10px; padding-bottom: 7px; position: relative; }
h3 .close { cursor: pointer; font-size: 19px; position: absolute; right: 0px; top: 0px; }
#intro p, #intro h4 { margin: 20px; font-family: 'GTPressuraMonoLight'; }
#intro h4 { font-size: 1.1em; }
.est > div#sousnav a { color: gray; display: inline-block; margin: 0 30px; text-transform: uppercase; text-decoration: none; width: 100px; position: relative; }
.est > div#sousnav a:after { content: ""; display: block; border: 1px solid gray; width: 7px; height: 7px; background: white; position: absolute; left: 34px; top: 40px; }
.est > div#sousnav a:after { -webkit-transition: all 0.3s; transition: all 0.3s; background: white none repeat scroll 0 0; border: 1px solid gray; content: ""; display: block; height: 7px; left: 44px; position: absolute; top: 36px; width: 7px; }
/* pendant */
.est > div#sousnav a:hover:after, .est > div#sousnav a.active:after { background-color: black; }
body.est.pendant .item img { display: block; margin: auto; max-width: 90%; }
body.est.pendant .owl-controls.clickable { font-size: 3em; }
body.est.pendant .owl-buttons > div { display: inline-block; font-size: 3em; font-weight: 100; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; text-indent: -1000px; }
.owl-buttons { position: absolute; width: 100%; top: 50%; }
.rubrique { display: inline-block; margin-left: 1em; font-size: 0.9em; border-left: 1px solid; padding-left: 1em; text-transform:uppercase; }
.owl-buttons { margin-top: -20px }
body.est.pendant .owl-buttons { margin-top: -20px; position: absolute; top: 50%; width: 100%; }
body.est.pendant .owl-buttons > div.owl-prev { position: absolute; left: 10px; background-image: url(../img/fleche-prev.png); width: 19px; height: 54px; }
body.est.pendant .owl-buttons > div.owl-next { position: absolute; right: 10px; background-image: url(../img/fleche-next.png); width: 19px; height: 54px; }
/* avant */
.est > div#sousnav a:hover:after, .est > div#sousnav a.active:after { background-color: black; }
body.est.avant .item img { display: block; margin: auto; max-width: 90%; }
body.est.avant .item { }
body.est.avant .owl-controls.clickable { font-size: 3em; }
body.est.avant .owl-buttons > div { display: inline-block; font-size: 3em; font-weight: 100; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; text-indent: -1000px; }
.owl-buttons { position: absolute; width: 100%; top: 50%; }
.rubrique { display: inline-block; margin-left: 1em; font-size: 0.9em; border-left: 1px solid; padding-left: 1em; }
body.est.avant .owl-buttons { position: absolute; top: 50%; width: 100%; }
body.est.avant .owl-buttons > div.owl-prev { position: absolute; left: 10px; background-image: url(../img/fleche-prev.png); width: 19px; height: 54px; }
body.est.avant .owl-buttons > div.owl-next { position: absolute; right: 10px; background-image: url(../img/fleche-next.png); width: 19px; height: 54px; }
/* --------------------------------------------------- */
/* nature */
/* --------------------------------------------------- */
.nature > div#sousnav { display: block; }
.est > div#sousnav a:hover:after, .est > div#sousnav a.active:after { background-color: black; }
body.nature .item img { display: block; margin: auto; max-width: 90%; }
body.nature .owl-carousel.owl-theme { margin-top: 14vh; }
body.nature .owl-controls.clickable { font-size: 3em; }
body.nature .owl-buttons > div { display: inline-block; font-size: 3em; font-weight: 100; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; text-indent: -1000px; }
.owl-buttons { position: absolute; width: 100%; top: 50%; }
.rubrique { display: inline-block; margin-left: 1em; font-size: 0.9em; border-left: 1px solid; padding-left: 1em; }
body.nature .owl-buttons { position: absolute; top: 50%; width: 100%; }
body.nature .owl-buttons > div.owl-prev { position: absolute; left: 10px; background-image: url(../img/fleche-prev.png); width: 19px; height: 54px; }
body.nature .owl-buttons > div.owl-next { position: absolute; right: 10px; background-image: url(../img/fleche-next.png); width: 19px; height: 54px; }
/* --------------------------------------------------- */
/* rungis */
/* --------------------------------------------------- */
.rungis > div#sousnav { display: block; }
body.rungis .item img { display: block; margin: auto; max-width: 90%; }
body.rungis .owl-carousel.owl-theme { margin-top: 14vh; }
body.rungis .owl-controls.clickable { font-size: 3em; }
body.rungis .owl-buttons > div { display: inline-block; font-size: 3em; font-weight: 100; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; text-indent: -1000px; }
.owl-buttons { position: absolute; width: 100%; top: 50%; }
.rubrique { display: inline-block; margin-left: 1em; font-size: 0.9em; border-left: 1px solid; padding-left: 1em; }
body.rungis .owl-buttons { position: absolute; top: 50%; width: 100%; }
body.rungis .owl-buttons > div.owl-prev { position: absolute; left: 10px; background-image: url(../img/fleche-prev.png); width: 19px; height: 54px; }
body.rungis .owl-buttons > div.owl-next { position: absolute; right: 10px; background-image: url(../img/fleche-next.png); width: 19px; height: 54px; }
body.rungis section { background-color: white; height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9; }
body.rungis section div { width: 90%; max-width: 550px; margin: 4em auto; }
body.rungis h2 { font-size: 2em; margin-bottom: 1em; text-align: center; }
body.rungis section a { color: black; }
body.rungis h3 { border-bottom: 1px solid transparent; margin: 10px 0 20px; text-align: center;  font-size: 1.2em;}
body.rungis p { margin-bottom:1em;}
body.rungis p br { margin-bottom: 1em; }
body.rungis div div.close { cursor:pointer; height:40px; width:40px; position:relative; margin-bottom:1em; }
/*
body.rungis div.close:after { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); background-color:black; top:50%;}
body.rungis div.close:before { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background-color:black; top:50%;}
*/

/* --------------------------------------------------- */
/* aigrefoin */
/* --------------------------------------------------- */
.aigrefoin > div#sousnav { display: block; }
body.aigrefoin .item img { display: block; margin: auto; max-width: 90%; }
body.aigrefoin .owl-carousel.owl-theme { margin-top: 14vh; }
body.aigrefoin .owl-controls.clickable { font-size: 3em; }
body.aigrefoin .owl-buttons > div { display: inline-block; font-size: 3em; font-weight: 100; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; text-indent: -1000px; }
.owl-buttons { position: absolute; width: 100%; top: 50%; }
.rubrique { display: inline-block; margin-left: 1em; font-size: 0.9em; border-left: 1px solid; padding-left: 1em; }
body.aigrefoin .owl-buttons { position: absolute; top: 50%; width: 100%; }
body.aigrefoin .owl-buttons > div.owl-prev { position: absolute; left: 10px; background-image: url(../img/fleche-prev.png); width: 19px; height: 54px; }
body.aigrefoin .owl-buttons > div.owl-next { position: absolute; right: 10px; background-image: url(../img/fleche-next.png); width: 19px; height: 54px; }
body.aigrefoin section { background-color: white; height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9; }
body.aigrefoin section div { width: 90%; max-width: 550px; margin: 4em auto; }
body.aigrefoin h2 { font-size: 2em; margin-bottom: 1em; text-align: center; }
body.aigrefoin section a { color: black; }
body.aigrefoin h3 { border-bottom: 1px solid transparent; margin: 10px 0 20px; text-align: center;  font-size: 1.2em;}
body.aigrefoin p { margin-bottom:1em;}
body.aigrefoin p br { margin-bottom: 1em; }
body.aigrefoin div div.close { cursor:pointer; height:40px; width:40px; position:relative; margin-bottom:1em; }
/*
body.aigrefoin div.close:after { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); background-color:black; top:50%;}
body.aigrefoin div.close:before { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background-color:black; top:50%;}
*/


/* --------------------------------------------------- */
/* publications */
/* --------------------------------------------------- */
.publications > div#sousnav { display: block; }
body.publications .item img { display: block; margin: auto; max-width: 90%; }
body.publications .owl-carousel.owl-theme { margin-top: 14vh; }
body.publications .owl-controls.clickable { font-size: 3em; }
body.publications .owl-buttons > div { display: inline-block; font-size: 3em; font-weight: 100; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; text-indent: -1000px; }
.owl-buttons { position: absolute; width: 100%; top: 50%; }
body.publications .owl-buttons { position: absolute; top: 50%; width: 100%; }
body.publications .owl-buttons > div.owl-prev { position: absolute; left: 10px; background-image: url(../img/fleche-prev.png); width: 19px; height: 54px; }
body.publications .owl-buttons > div.owl-next { position: absolute; right: 10px; background-image: url(../img/fleche-next.png); width: 19px; height: 54px; }

@media screen and (min-width:700px) {
body.est.avant .owl-carousel { width: 90%; margin: auto; }
body.est.avant .owl-buttons > div.owl-prev { left: -20px; }
body.est.avant .owl-buttons > div.owl-next { right: -20px; }
}

@media screen and (max-width:700px) {
body.nature .owl-buttons > div.owl-prev, body.nature .owl-buttons > div.owl-next, body.est.avant .owl-buttons > div.owl-prev, body.est.avant .owl-buttons > div.owl-next, body.est.pendant .owl-buttons > div.owl-prev, body.est.pendant .owl-buttons > div.owl-next { display: none; }
.est > div#sousnav a { margin: 0 0px; }
.rubrique { display: none; }
h1 {
    font-size: 17px;
    margin-top: 15px;
}

.est > div#sousnav a { font-size: 14px; }
.est > div#sousnav a:after { top: 33px; }
body.pigeon video {
    display: block;
    max-height: 560px;
    left: 0;
	height:auto;
    margin: auto;
    position: relative;
    top: 0;
    width: 90%;
    max-width: 750px;
    margin-top: 6em;
}
body.est div#intro {
    background-image: none;
    width: auto;
    height: auto;
    margin: 0 auto 0;
}
.owl-buttons {
	display:none;}
}
body.apropos section h2, body.apropos section p { font-family: "GTPressuraMonoLight", "MinionProRegular", TimesNewRoman; margin: 3em auto auto; }
body.apropos section { margin: auto; max-width: 700px; width: 90%; padding-bottom: 2em; }
body.apropos section ul li { font-weight: bold; margin-left: 0; margin-top: 0; }
body.apropos section ul li a { color: black; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; font-weight: normal; }
body.apropos section ul li a:hover { text-decoration: underline; }
body.apropos section ul li ul li { font-weight: normal; bottom: 1em; margin-left: 4em; margin-top: 0; position: relative; }
body.apropos section h3 { border-bottom: 1px solid black; margin: 40px 0 20px 0; padding-bottom: 7px; position: relative; font-size: 1.3em; }
.apropos h4 { text-decoration: underline; }
body.apropos { overflow: auto; }
.apropos h2 { font-size: 2em; }
.apropos h4 { margin-bottom: 2em; margin-top: 2em; text-decoration: underline; text-transform: uppercase; }
ul#presse li { list-style-type: square; margin-left: 2em; line-height: 1.3em; }
body.pigeon section { background-color: white; height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9; }
body.pigeon section div { width: 90%; max-width: 550px; margin: 4em auto; }
body.pigeon h2 { font-size: 2em; margin-bottom: 1em; text-align: center; }
body.pigeon section a { color: black; }
body.pigeon h3 { border-bottom: 1px solid transparent; margin: 10px 0 20px; text-align: center;  font-size: 1.2em;}
body.pigeon p br { margin-bottom: 1em; }
body.pigeon div div.close { cursor:pointer; height:40px; width:40px; position:relative; margin-bottom:1em; }

/*
body.pigeon div.close:after { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); background-color:black; top:50%;}
body.pigeon div.close:before { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background-color:black; top:50%;}
*/

body.publications section { background-color: white; height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9; }
body.publications section div { width: 90%; max-width: 550px; margin: 4em auto; }
 
body.publications h2 { font-family: "GTPressuraMonoLight", "MinionProRegular", TimesNewRoman; margin: 0em auto 2em; text-align: center;font-size:  2em; }

body.publications section a { color: black; }
body.publications h3 { border-bottom: 1px solid transparent; margin: 10px 0 20px; text-align: center;  font-size: 1.2em;}
body.publications p br { margin-bottom: 1em; }
body.publications div div.close { cursor:pointer; height:40px; width:40px; position:relative; margin-bottom:1em; }
/*body.publications div.close:after { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); background-color:black; top:50%;} */
*/body.publications div.close:before { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background-color:black; top:50%;} */
/* modif gegene */
body.publications div.close:after { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); background-color:white; top:50%;}
body.publications div.close:before { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background-color:white; top:50%;}


body.nature section { background-color: white; height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9; }
body.nature section div { width: 90%; max-width: 550px; margin: 4em auto; }
body.nature h2 { font-size: 2em; margin-bottom: 1em; text-align: center; }
body.nature section a { color: black; }
body.nature h3 { border-bottom: 1px solid transparent; margin: 10px 0 20px; text-align: center;  font-size: 1.2em;}
body.nature p { margin-bottom:1em;}
body.nature p br { margin-bottom: 1em; }
body.nature div div.close { cursor:pointer; height:40px; width:40px; position:relative; margin-bottom:1em; }
/*
body.nature div.close:after { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); background-color:black; top:50%;}
body.nature div.close:before { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background-color:black; top:50%;}
*/
body.est section { background-color: white; height: 100vh;  overflow: auto ; position: fixed; top: 0; width: 100%; z-index: 9; }
body.est section div { width: 90%; max-width: 550px; margin: 4em auto; }
body.est h2 { font-size: 2em; margin-bottom: 1em; text-align: center; }
body.est section a { color: black; }
body.est h3 { border-bottom: 1px solid transparent; margin: 10px 0 20px; text-align: center;  font-size: 1.2em;}
body.est p { margin-bottom:1em;}
body.est p br { margin-bottom: 1em; }
body.est div div.close { cursor:pointer; height:40px; width:40px; position:relative; margin-bottom:1em; }
/*
body.est div.close:after { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); background-color:black; top:50%;}
body.est div.close:before { content:""; display:block; height:1px; width:40px; position:absolute; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background-color:black; top:50%;}
*/
#homevid { cursor:pointer;}
body section { height:100%;}



/*body.rungis .item img, body.aigrefoin .item img {
    display: block;
    margin: auto;
    max-width: 700px;
    max-height: 700px;
}
@media screen and (max-width:700px) {
	

body.rungis .item img, body.aigrefoin .item img {
    display: block;
    margin: auto;
    max-width: none;
	width:90%;
    max-height: none;
	width:90%;
	height:auto;
}	
	}
	@media screen and (max-width:520px) {
		#homevid { transform:scale(0.8);}
	}
	@media screen and (max-width:420px) {
		#homevid { transform:scale(0.6);}
	}*/

.owl-pagination {display:block; position:fixed; bottom:0; left:0; width:100%; text-align:center;}
.owl-page { display:inline-block; height:6px; width:6px; border:1px solid silver; margin:5px;}
.owl-page.active { background:black;} 
body .item img { max-height:70%; max-height: 70vh; margin-bottom:2em;}
.owl-carousel {
    display: none;
    margin-bottom: 2em;
    position: relative;
    width: 100%;
}
/* modif PB */	
/*body.est { overflow-y:auto;}*/
body.est .item img { max-height:50%; max-height: 50vh; margin-bottom:2em;}

	@media screen and (max-height:820px) {
body.est div#intro {
    background-image: url("../img/EstIntro.jpg");
    height: 450px;
    width: 450px;
	background-size:contain;
}	
div#sousnav {
    border-bottom: 1px solid gray;
    height: 40px;
    margin: 70px auto 50px;
    max-width: 600px;
    text-align: center;
}
body.est video {
    max-height: 400px;
}
}
body.home { max-height:100vh;}

body.home .item img { display: block; margin: auto; max-width: 90%;padding-top:5%; }


body.home video {
    display: block;
    left: 0;
    margin: auto;
    position: relative;
    bottom: 0;
    width: auto;
	animation-delay: 1s;
    top: 0;
	max-width: 95%;
	transition: all 0.2s;
	
	max-height: calc(100vh - 80px);
}
body.home video#homevid:hover {
opacity: 0.5;
}
body.home .table {
    height: calc(100vh - 50px);
    display: table;
    width: 100%;
}
body.home .table-cell { 
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}


body.home .table2024 {
    height: calc(90vh);
    display: table;
    width: 100%;
}

.purement {
    font-size: 10px;
    margin-right: 10px;
}
body.home .table-cell { 
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}


body.publications p {
    margin-bottom: 1em;
}
div p b {
    font-weight: bold;
}
body div h2 {
 text-transform: uppercase;
}

.item img {
		cursor: pointer;
}

.grise_loading {
   top:0px;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1800;
	background-color: transparent;
	    display: table;
	
}	

.grise_loading .container_h {
       width: 64px;
    margin-left: auto;
    margin-right: auto;
	
}

.grise_loading .container_v {
   display: table-cell;
    vertical-align: middle;
	
}
.grise_loading .container_h img {
       width: 64px;
    
	
}

.grise {
   top:0px;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1900;
	cursor: pointer;
	/*background-color: #fff;*/
/*
		background-color: #ccc;
	filter: alpha(opacity = 50);
	-moz-opacity: .5;
	opacity: 0.5;
	*/
	 
    }
    
.grise_frame {
   top:0px;
	height: 100%;
	position: absolute;
	 
	z-index: 1902;
	cursor: pointer;
 
	 
    }
    
.zoom {
filter: alpha(opacity = 100);
	-moz-opacity: 1;
	opacity: 1;
cursor: pointer;
}