@charset "UTF-8";
/* CSS Document */

#myFilters, body, .draw, header#headerHome .ligne, #ligneNav, #preloader, #preloader image, #peopleBox, .page, #ombre, .objectArticleCurieux, #copyright, #copyrightAltariva, .mediaNav, #retourMenu, #menu2, #menu1, .navBouton, .borderIndex, nav.articleNav {position: absolute;} #myFilters, body, .draw, .ligne, #ligneNav, #preloader, #preloader image, #peopleBox, #menu1, #menu2, .objectArticleCurieux {top: 0px; right: 0px;} #peopleBox {top: 95%;} #ligneNav, .page {top: 0vw; left: 0vw;} .mediaNav {right: 0vw; top: -9vw} #preloader {position: fixed; top: 0px; right: 0px;} #menu2 #retourMenu {left: 20%;}  .high {bottom: 15%;} .higher {bottom: 30%;} .higherer {bottom: 50%;} #menu1 {right: 60%}

.articleCurieux, header, #objectArticle, article, nav.barreNav, nav.barreNav a, header#headerArticle .ligne, header#headerMenu .ligne, #boutonArticle, footer {position: relative} nav.articleNav {top: -5vw; right: 0vw; height: 100px}
header {top: 0px; right: 0px; } 
#preloader {z-index: -1} nav.barreNav .articleOn body {z-index: 0} body {box-sizing: border-box;} .illustrationArticle, .page, a, #hesam, #labex, #cnam, #chasse, article a {cursor: pointer;}
body, .titre, .auteur, .textCurieux text, .titre, .auteur, h1, h2, h3  {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;} 
body {overflow-x: hidden}
h4 {text-align: center;}

.legende {color: black}
#copyright {font-size:12px; left: 10px; bottom: 10px; height: 20px; width: auto; color: white; padding: 10px; padding-left: 20px}

#copyrightHorowitz { position: fixed; left: -10px; bottom: 10px; background: white;  padding: 10px; padding-left: 50px}
#expo {position: fixed;}
#menu2 {width: 50%; height: auto}
#menu1 {z-index: 1}
#copyrightAltariva {font-size:12px; font-weight: bold; color: white; bottom: 10px; right: 0px; height: 25px; padding-left: 10px; padding-right: 20px}

.ligneNav {height: 100%}
sup a, .legende {letter-spacing: 1px;}
article, #titreArticle, .legende, .articleCurieux:nth-child(odd) .titre, h2, .articleCurieux:nth-child(even) .titre, .articleCurieux:nth-child(odd) .auteur {text-justify: inter-word;} #retourMenu {text-align: left}
article {text-align: left; line-height: 1.55;} article sup {line-height: 0} 
.articleCurieux:nth-child(odd) .titre, h2, h1, .legende {text-align: left; line-height: 1.3;}
.articleCurieux:nth-child(even) .titre, .articleCurieux:nth-child(odd) .auteur {text-align: right; line-height: 1.3} 
.legende {filter: drop-shadow(1px 1px 10px gray)}
.auteur, body, .legende, .titre, .boutonText  {font-size: 5vw;}  h1, h2, h3 {font-size: 5.5vw;} .auteur {text-transform: uppercase} svg text {font-size: 90px} a {text-decoration: none} article div a, sup a, .mediaNav anav.barreNav {color: red;} nav.articleNav {font-size: 4vw} #retourMenu {font-size: 20pt}
h3 {text-align: center;} .noJusti{text-justify: none; text-align:left;}
body, .draw, .legende, header,#boutonArticle {width: 100%;} nav, #ligneNav, #cabinetsCurieux, article, footer, #boutonArticle, nav.barreNav {width: 90%;} .auteur {width: 50%} #myFilters {width: 0; height: 0} .borderInside, .textCurieux, #imagesZoomees {height: 100%} .illustrationArticle {height: 50vw;} .page, #peopleBox {height: 100vh} #preloader {min-height: 700px} nav.articleNav {height: 250px} .objectCurieux, #menu2, .objectArticleCurieux {height: 100%} nav.articleNav {width: 95%;}  #objectsHeader1, #objectsHeader2, #objectsHeader3 {height: 10vh} footer, footer div {height: 25vw;} .page {width: 100vw} #ligneNav {height: 20vh;} footer {height: auto} #preloader {height: 110vh} #borderAccueil {height: 800px} #boutonArticle {height: 200px} #borderFontsControl {height: 40%} nav {width: 80%}
.fontsControl a {padding: 5px}  #menu1 {width: auto} 
#textHeader1, #textHeader3  {height: 10vw; margin-bottom: -3vw}
#textHeader2, #textHeader4 {height: 16.5vw;}
h1 {width: 100px} h2 {width: 60%} #controlHome {width: 40%} .page {position: fixed}

h2::second-line {width: 100%}
article {background-color: white} body {background-color: black} article.texteAcceuil {background-color:  rgba(0, 0, 0, 0);} article.articleMedia {background-color:  rgba(255, 255, 255, 0.6);} .draw text, nav a, .texteAcceuil, .legende a, .legende, #titreBouton, nav.barreNav, nav.barreNav a, .boutonText {color: white} article a {color: red}  svg line, polygon, path, .cadre, rect, header text, nav.barreNav path, nav.barreNav line, nav.barreNav polygon {stroke: white} header text, svg text, header .ligne {fill: white;} svg line, polygon, path, .cadre, rect {fill: none; stroke-width: 1.5px;} .border {stroke-width: 3} polygon, svg path, #boutonArticle {stroke-width: 2px} nav.articleNav svg line, nav.articleNav svg polygon, nav.articleNav svg .cadre, nav.articleNav svg rect, nav.articleNav svg path, nav.articleNav  .menuBorder svg line {stroke-width: 1px} .objectArticleCurieux:first-of-type line, .objectArticleCurieux:first-of-type path, .objectArticleCurieux:first-of-type polygon, .objectArticleCurieux:first-of-type line {stroke: black;}  
.objectArticleCurieux:last-of-type {z-index: -2}
.ligne, #ligneNav, .navBouton {-ms-transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0);  transform: matrix(1, 0, 0, 1, 0, 0);} .legende {color: red; font-weight: bold}
#ombre {-ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg);} 
    #objectsHeader1, #objectsHeader2, #objectsHeader3 {
-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0));
mask-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0))}


#labex {background: url("img/logo1.svg") no-repeat center center;} #cnam {background: url("img/logo2.png") no-repeat center center;} #hesam {background: url("img/logo3.png") no-repeat center center;} #chasse {background: url("img/logo4.svg") no-repeat center center;} #labex, #chasse, #cnam, #hesam {background-size: contain;} 

.duplouy1 {background: black url("img/DUPLOUY_01.jpg") no-repeat center center;}
.duplouy2 {background: black url("img/DUPLOUY_02.jpg") no-repeat center center;}
.duplouy3 {background: black url("img/DUPLOUY_03.jpg") no-repeat center center;}
.gril1 {background: black url("img/GRIL-MARIOTTE_01.jpg") no-repeat center center;}
.gril2 {background: black url("img/GRIL-MARIOTTE_02.jpg") no-repeat center center;}
.gril3 {background: black url("img/GRIL-MARIOTTE_03.jpg") no-repeat center center;}
.gril4 {background: black url("img/GRIL-MARIOTTE_04.jpg") no-repeat center center;}
.gril5 {background: black url("img/GRIL-MARIOTTE_05.jpg") no-repeat center center;}
.gril6 {background: black url("img/GRIL-MARIOTTE_06.jpg") no-repeat center center;}
.gril7 {background: black url("img/GRIL-MARIOTTE_07.jpg") no-repeat center center;}
.dumont1 {background: black url("img/DUMONT_01.jpg") no-repeat center center;}
.dumont2 {background: black url("img/DUMONT_02.jpg") no-repeat center center;}
.dumont3 {background: black url("img/DUMONT_03.jpg") no-repeat center center;}
.dumont4 {background: black url("img/DUMONT_04.jpg") no-repeat center center;}
.dumont5 {background: black url("img/DUMONT_05.jpg") no-repeat center center;}
.dumont6 {background: white url("img/DUMONT_06.jpg") no-repeat center center;}
.dumont7 {background: black url("img/DUMONT_07.jpg") no-repeat center center;}
.dumont8 {background: black url("img/DUMONT_08.jpg") no-repeat center center;}
.winkin1 {background: black url("img/WINKIN_01.jpg") no-repeat center center;}
.winkin2 {background: black url("img/WINKIN_02.jpg") no-repeat center center;}
.toubas1 {background: black url("img/TOUBAS_01.jpg") no-repeat center center;}
.napolitani1 {background: black url("img/NAPOLITANI_01.jpg") no-repeat center center; background-size: contain}
.napolitani2 {background: black url("img/NAPOLITANI_02.jpg") no-repeat center center;}
.napolitani3 {background: black url("img/NAPOLITANI_03.jpg") no-repeat center center;}
.napolitani4 {background: black url("img/NAPOLITANI_04.jpg") no-repeat center center;}
.napolitani5 {background: black url("img/NAPOLITANI_05.jpg") no-repeat center center;}
.napolitani6 {background: black url("img/NAPOLITANI_06.jpg") no-repeat center center;}
.napolitani7 {background: black url("img/NAPOLITANI_07.jpg") no-repeat center center;}
.napolitani8 {background: black url("img/NAPOLITANI_08.jpg") no-repeat center center;}
.napolitani9 {background: black url("img/NAPOLITANI_09.jpg") no-repeat center center;}
.napolitani10 {background: black url("img/NAPOLITANI_10.jpg") no-repeat center center;}
.napolitani11 {background: black url("img/NAPOLITANI_11.jpg") no-repeat center center;}
.napolitani12 {background: black url("img/NAPOLITANI_12.jpg") no-repeat center center;}
.poulot1 {background: black url("img/POULOT_01.jpg") no-repeat center center;}
.poulot2 {background: white url("img/POULOT_02.jpg") no-repeat center center;}
.poulot3 {background: black url("img/POULOT_03.jpg") no-repeat center center;}
.poulot4 {background: black url("img/POULOT_04.jpg") no-repeat center center;}
.poulot5 {background: black url("img/POULOT_05.jpg") no-repeat center center;}
.poulot6 {background: black url("img/POULOT_06.jpg") no-repeat center center;}
.poulot7 {background: black url("img/POULOT_07.jpg") no-repeat center center;}
.poulot8 {background: black url("img/POULOT_08.jpg") no-repeat center center;}
.duplouy1, .duplouy2, .duplouy3, .gril1, .gril2, .gril3, .gril4, .gril5, .gril6, .gril7,  .winkin1, .winkin2, .toubas1, .dumont1, .dumont2, .dumont3, .dumont4, .dumont5, .dumont6, .dumont7, .dumont8, .napolitani1, .napolitani2,.napolitani3, .napolitani4, .napolitani5, .napolitani6, .napolitani7, .napolitani8, .napolitani9, .napolitani10, .napolitani11, .napolitani12, .poulot1, .poulot2, .poulot3, .poulot4, .poulot5, .poulot6, .poulot7, .poulot8 {background-size: cover}
 article {border: black solid 1px} .portrait  {background-size: contain} article.texteAcceuil {border: black solid 0px}

.titre div, #people, .mediaH, nav.barreNav .draw {margin: 0px; padding: 0px}
.legende {padding: 1vw; margin: 0px; width: 85%} nav.barreNav {margin: -100px; padding: 0px}
h1, h2, h3, .illustrationArticle {margin-top: 6vw; margin-bottom: 6vw;}  h2 {padding-bottom: 0vw;} 
nav {margin-left: 6%; margin-right: 4%; padding-top: -20px; margin-bottom: 70px;} nav.articleNav {margin-bottom: 0px}
article {padding-left: 3%; padding-right: 3%; padding-top: 6vw; padding-bottom: 10vw;} nav {margin-top: 10px}
nav.barreNav {margin-top: 50px; margin-bottom: 20px} article.texteAcceuil {margin-bottom: 10vw} 
footer div {margin: 9px} footer div:first-of-type {margin: 0px;} footer {margin-top: 0px;}
.draw {margin-top: -10%} .articleCurieux {margin-bottom: 80px; margin-top: 10%} #footerAccueil {margin-bottom: 60px; padding-bottom: 0px}
.articleCurieux:nth-child(even) .auteur {margin-left: 120px} .articleCurieux:nth-child(odd) .auteur {margin-right: 120px} 
#textHeader2 svg, #textHeader1 svg,  #textHeader3 svg,  #textHeader4 svg {padding-left: 1vw; padding-right: 1vw} #exposant {margin-left: -4vw;} #textHeader2, #textHeader4 {padding-left: 2vw} article div {margin-top: 0pt; margin-bottom: 0pt} #menu1 {margin-top: 10pt} .blocCitation {padding-right: 4vw; padding-left: 4vw; font-style: italic} header#headerArticle {margin-top: 0vw} 
#menu1 a, #fontsControl a {padding: 6px} #menu1 a, #retourMenu {font-weight: bold;}
.grillePhotos div:nth-child(1) {margin-right: 30px}

.cavalierTo, .titre, .titre div, .page-container, #headerHome, .texteAcceuil, #footerAccueil, .objectArticleCurieux, #menu1,  .borderIndex, .navBouton {visibility: hidden} .draw, .titre, .auteur {visibility: visible} .titre, .titre div {display: none;} .draw, .objectCurieux, .objectArticleCurieux, header {overflow: visible} .inside, .illustrationArticle {overflow: hidden}

.navBouton {cursor: pointer;}
.illustrationArticle:after {content:"+"; position: relative; top: 0%; left: 10px; color: red; width: 100%; font-size: 4vw; font-weight: bold; filter: drop-shadow(8px 8px 10px gray);}
body, nav, .articleCurieux, article, footer, footer div, #ligneNav, .legende, .illustrationArticle, .page, .ligne, .navBouton, #menu1, #retourMenu, #controlHome, .mediaNav #retourMenu, .grillePhotos {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

body, nav, article, footer div, .articleCurieux, header, .legende, #menu1, #controlHome, .mediaNav #retourMenu {-moz-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}

 #menu1, #fontsControl, #controlHome {-moz-box-orient: horizontal; -webkit-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row;}

.ligne {flex-wrap: nowrap; -webkit-flex-wrap: nowrap;}

.articleCurieux:nth-child(even) .auteur, nav.articleNav, #menu1  {justify-content: flex-start;} 
.articleCurieux, header, #ligneNav, #back, .legende, .ligne, #boutonArticle, nav, .navBouton {justify-content: center;} 
.articleCurieux:nth-child(odd) .auteur,  #controlHome {justify-content: flex-end;}
.auteur {align-self: center;}
body, #blocAuteur, .ligne, #ligneNav, #back, .legende, #boutonArticle#retourMenu, .mediaNav #retourMenu  {align-items: center;}
#objectsHeader1, #objectsHeader2, #objectsHeader3, #peopleBox, .illustrationArticle, .page, #navAcceuil {align-items: flex-end;}

article, footer, footer div, .auteur div, #objectArticle,  .fontsControl, .grillePhotos div{flex: 1;} #cnam {flex: 1.5; margin-right: 20px;} #hesam {flex: 1.6;}  footer div:first-of-type{flex: 2} footer, header, .auteur, .textCurieux, .objectCurieux, article, .legende div, #people {flex: none;} .articleCurieux {flex: 100px;} .legende {flex: none; width: 90%}


#objectsHeader2 .objectCurieux:nth-child(1), #objectsHeader1 .objectCurieux:nth-child(6) {order: 4}
#objectsHeader2 .objectCurieux:nth-child(2), #objectsHeader1 .objectCurieux:nth-child(1) {order: 2}
#objectsHeader2 .objectCurieux:nth-child(3), #objectsHeader1 .objectCurieux:nth-child(2)  {order: 1}
#objectsHeader2 .objectCurieux:nth-child(4), #objectsHeader1 .objectCurieux:nth-child(5) {order: 3}
#objectsHeader1 .objectCurieux:nth-child(3) {order: 5}
#objectsHeader1 .objectCurieux:nth-child(4) {order: 6}

#articleCurieux12 + .auteur {margin-top: -60px}
.objectArticleCurieux, #menu2 {height: 90vw;}
.Horowitz {padding-top: 0; padding-bottom: 0; height: auto; display: block}

.mediaH {height: auto; width: 100%; margin: 0 ;}
.mediaNav #retourMenu {flex: none}


#responsive {content: "XS";} 


#expo {  position: absolute;
  min-height: 100%;
    height: 100vh;
  position: fixed;
}

nav:not(.articleNav) {margin-bottom: 100px;}

@media only screen and (orientation: landscape) {
    
header#headerArticle, header#headerMenu {-moz-box-orient: horizontal; -webkit-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; height: auto; width: 80%} nav {padding-top: 1vw;} .ligne, .navBouton {height: 6vw; flex: auto;}
    
}

@media only screen { #expo {left: -10vw; bottom: 0px; min-height: 60vw}}
@media only screen and (orientation: portrait) { .navBouton {height: 4vw;}  #expo {left: -80vh}}


/*------------------------------------------------------------------------------------*/
/*-----------------------------------    S    ----------------------------------------*/
/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/

@media only screen and (min-width: 420px){#responsive {content: "S";}
#footerAccueil {padding-top: 55px}   
#menu1 {top: 2vw; right: 63%} #menu2 #retourMenu {left: 20%;}
.titre, .titre div {visibility: visible; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}  .articleCurieux:nth-child(odd) .titre {padding-left: 30px} 
.titre p:first-of-type, .articleCurieux:nth-child(even) .titre p:first-of-type {flex: none; height: 60pt}  
.articleCurieux:nth-child(even) .titre {padding-right: 30px} .auteur {width: 70%; padding-bottom: 10%; padding-top: 10%} .articleCurieux:nth-child(even) .auteur {margin-left: 55%} .articleCurieux:nth-child(odd) .auteur {margin-right: 55%}
nav {padding-top: 9vw;} 
.articleCurieux {margin-bottom: 30%} 
.draw {margin-top: -20%} .articleCurieux {flex: none; height: auto}
#objectsHeader1, #objectsHeader2 {height: 20vh;}  #objectsHeader3 {height: 60vh;} 

}

/*------------------------------------------------------------------------------------*/
/*------------------------------------    M    ------------- -------------------------*/
/*------------------------------------------------------------------------------------*/

@media only screen and (min-width: 737px) {#responsive {content: "M"}
#footerAccueil {padding-top: 50px}
nav {padding-top: 9vw;} 
nav.articleNav {align-items: center;}   
#menu2 #retourMenu {left: 33%;} #menu1 {top: 3vw} 
h2 {width: 80%}
}    
    
/*------------------------------------------------------------------------------------*/
/*-----------------------------------    L    ----------------------------------------*/
/*------------------------------------------------------------------------------------*/
       
@media only screen and (min-width: 985px)  {#responsive {content:"L"} 

article {text-align: justify; }
#objectsHeader1, #objectsHeader2, #objectsHeader3 {height: 40vh;} 
#menu2 {overflow: hidden}
#menu2 {right: -150px;}

#menu2 #retourMenu {width: 40%; left: 20%;}   #retourMenu {font-size: 13pt}  
.mediaNav #retourMenu {align-items: flex-end;}   
#copyrightHorowitz {position: absolute; left: -10px; bottom: 10px;  }  
.mediaNav {top: 7vw}  
#borderAccueil {height: 500px}
header#headerArticle {margin-top: 0vw} 
#textHeader1,  #textHeader3 {margin-bottom: -3vw}
.menuBorder {visibility: visible}
#first {margin-top: 5vw}
h2 {order: -1}  h1 {padding-top: 5vw; order: -1} 
.fontsControl a {width: 55px;}  .borderIndex {height: 650px}
nav.barreNav {margin-top: -30px; margin-bottom: 20px} footer {margin-bottom: 0px} 
article {width: 50vw} footer {flex: none; }.texteAcceuil, nav.barreNav, footer {width: 900px;} 
.articleCurieux {width: 420px; height: 400px; margin-top: 10px; margin-bottom: 10px; margin-right: 13px; margin-left: 13px;}
.draw {margin-top: -5%}
.articleCurieux:nth-child(even) .auteur, .articleCurieux:nth-child(odd) .auteur {margin-left: 45%; margin-right: 0px; justify-content: flex-start;} .auteur {width: 50%; margin-top: 16%; padding-top: 10%} nav {padding-top: 0vw; margin-top: -2vw} 
.articleCurieux:nth-child(odd) .auteur {text-align: left;} .articleCurieux:nth-child(even) .titre, .articleCurieux:nth-child(odd) .titre {text-align: right; margin-right: 0; padding-right: 30px}
 .titre p:first-of-type, .articleCurieux:nth-child(even) .titre p:first-of-type {flex: none; height: 17pt}
 article {padding-left: 15%; padding-right: 15%; margin-bottom: 15%}
.illustrationArticle {height: 321px} header#headerArticle, header#headerMenu {width: 870px}
nav, nav.articleNav {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row;  flex-direction: row; flex-wrap: wrap; align-items: flex-end; width: 99%}  
 
.titre, .titre p {flex: 1; padding-top: 30px}
#peopleBox {top: 98%;}  .texteAcceuil {margin: 0px; padding: 0px}
#objectsHeader2 .objectCurieux:nth-child(1), #objectsHeader1 .objectCurieux:nth-child(1) {order: 1}
#objectsHeader2 .objectCurieux:nth-child(2), #objectsHeader1 .objectCurieux:nth-child(2)  {order: 2}
#objectsHeader2 .objectCurieux:nth-child(3), #objectsHeader1 .objectCurieux:nth-child(3) {order: 3}
#objectsHeader2 .objectCurieux:nth-child(4), #objectsHeader1 .objectCurieux:nth-child(4) {order: 4}
#objectsHeader1 .objectCurieux:nth-child(5) {order: 5}
#objectsHeader1 .objectCurieux:nth-child(6) {order: 6}
body {font-size: 20pt;}
h1 {width: 80%;}
.auteur, body, nav.barreNav a, .legende, .titre, nav.articleNav {font-size: 18pt;} #retourMenu a, #copyright {font-size: 12pt; font-weight: bold} h1, h2 {font-size: 19pt;}  h3  {font-size: 16pt;} h1, h2, h3 {margin-top: 8pt; margin-bottom: 8pt;} article div {margin-top: 8pt; margin-bottom: 8pt} .illustrationArticle {margin-top: 16pt; margin-bottom: 16pt;} 
#articleCurieux12 + .auteur {margin-top: -10px}
.objectArticleCurieux,  #menu2 {height: 51vw} 
#menu2 {position: absolute; top: -120px; width: 23vw;}
#menu1 {top: 10vw; right: 15%}
.mediaNav  #retourMenu {width: 100%; }
}


/*------------------------------------------------------------------------------------*/
/*------------------------------------    XL    --------------------------------------*/
/*------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1370px) { #responsive {content:"XL";} 

#menu2 #retourMenu {left: 20%; width: 30%;} 
#menu2 {right: -220px;}
#cnam:after {position: relative; width: 115%; top: 95%}
nav {padding-top: 0vw;} 
#borderAccueil {height: 700px}
.illustrationArticle {height: 480px}  
nav.barreNav, .texteAcceuil, footer {width: 1150px} #headerArticle {height: 180px;} 
#objectsHeader1, #objectsHeader2, #objectsHeader3 {height: 35vh;} #preloader {min-height: 1300px} 
header#headerArticle {width: 1350px}
.portraitIllustration {width: 370px ;height: 600px; float: left; margin: 0px 30px 0px 0px;}
.poulot2, .poulot8  {background-size: contain}
}


/*------------------------------------------------------------------------------------*/
/*------------------------------------    XXL    --------------------------------------*/
/*------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1800px) { #responsive {content:"XXL";} 
#menu2 #retourMenu {left: 29%;}        
#menu2 {right: -280px;}
.objectArticleCurieux, #menu2 {height: 43vw;}
#borderAccueil {height: 800px}
nav {padding-top: 0vw; margin-top: -3vw} 
header#headerArticle {width: 1800px} .navBouton {height: 4vw}
#headerArticle {height: 440px;}   article,.texteAcceuil {width: 1150px} .headerArticleMenu {height: 250px;} #preloader {min-height: 1500px} 
}