@media screen{*{box-sizing:border-box}
html{height:100%;padding:0;margin:0}
body{background-color:#f8f8f8;font-family:"Open Sans", sans-serif;font-size:20px;line-height:25px;margin:0;word-wrap:break-word}
a:link{text-decoration:none;color:#920b0b}
a:visited{color:#920b0b}
a:active,a:hover{color:#ed1616}
h1{font-size:25px;line-height:25px}
h2{font-size:23px;line-height:30px}
h3{font-size:21px;line-height:40px}
h4{font-size:22.5px}
img{max-width:100%;height:auto}
input,textarea,button,.button,.resource-list.preview+a,select{font-family:"Open Sans", sans-serif;font-size:20px;line-height:30px;margin:0;vertical-align:top}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;height:45px;border:1px solid #000000;padding:6.5px 1.69492%;margin:0}
textarea{height:90px}
input[type="file"]{line-height:1;vertical-align:bottom;font-size:15px}
button,a.button,.resource-list.preview+a,[type="submit"]{background-color:#dedede;border:2px solid #000000;border-radius:2px;padding:7.5px;display:inline-block;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;cursor:pointer}
select{background-color:#d5d2ce;padding:7.5px;border-color:#dedede;height:45px}
::-webkit-input-placeholder{font-style:italic}
:-moz-placeholder{font-style:italic}
::-moz-placeholder{font-style:italic}
:-ms-input-placeholder{font-style:italic}
.field{margin:30px 0;display:flex;flex-wrap:wrap}
.field .field-meta{width:30%;padding:7.5px 1.69492% 0 0}
.field .inputs{width:70%;padding-left:1.69492%}
.field .inputs>select,.field .inputs>textarea,.field .inputs>input[type="text"],.field .inputs>input[type="password"],.field .inputs>input[type="email"],.field .inputs>input[type="url"]{width:100%}
.field .inputs input[type="checkbox"]{vertical-align:bottom}
.field.required .field-meta:after{content:"\f069";font-family:"Font Awesome 5 Free";font-size:15px}
.field .value:not(:last-child){margin-bottom:15px}
.field-description{font-size:15px}
#skipnav{position:fixed;top:30px;left:50%;border:1px solid #ababab;transform:translateX(-50%);z-index:-5;padding:7.5px;background-color:#fff;opacity:0}
#skipnav:focus{z-index:1000;opacity:1}
header h1{margin:0;padding:0}
header nav{position:relative;padding:0;font-size:15px}
header nav.closed ul{height:0;overflow:hidden;margin:0}
header nav:before{font-family:"Font Awesome 5 Free";content:"\f0c9";display:block;width:37.5px;height:37.5px;border:1px solid #dedede;text-align:center;border-radius:2px;position:absolute;right:1.69492%;top:-48.75px;cursor:pointer;line-height:37.5px}

header nav.open:before{content:"\f00d"}					
header nav a:link{color:#FFFFFF}
header nav a:visited{color:#FFFFFF}
header nav ul{list-style:none;background-color:#8f4444}
header nav ul a{display:inline-block;width:100%}
header nav ul a:hover{border-bottom:0;color:#c88f14}
header nav ul li{border-top:1px solid #dedede;position:relative}
header nav ul li li:last-of-type{padding-bottom:0}
header nav ul li.active{background-color:#6C3434}
header nav ul li.parent{position:relative}
header nav ul .parent-link{display:flex}
header nav ul .parent-link>a{width:calc(100% - 60px)}
header nav ul .child-toggle{color:#8f4444;width:60px;text-align:center;background-color:#8f4444;border-left:1px solid #dedede;-webkit-appearance:none;-moz-appearance:none;appearance:none}
header nav ul .child-toggle:before{font-family:"Font Awesome 5 Free";content:"\f105"}
header nav>ul>li:last-child{border-bottom:1px solid #dedede;padding-bottom:-1px}
header nav>ul ul li{height:0;overflow:hidden;border:0}
header nav ul.open>li{height:auto;border-top:1px solid #dedede;padding-top:-1px}
header nav>ul>li>ul>li.active>a{margin-left:-1.5em}
header nav>ul>li>ul>li.active>a:before{content:">";display:inline-block;width:1.5em}
header nav>ul>li>ul>li a{padding-left:30px}
header nav>ul>li>ul>li>ul>li a{padding-left:60px}
header nav>ul>li>ul>li>ul>li>ul>li a{padding-left:90px}
nav.pagination{margin-bottom:0px;font-size:20px;line-height:20px}
.pagination input{text-align:center}
.resource-list+.pagination{border-color:transparent}
.pagination form{min-width:90px}
.pagination form,.pagination .button,.pagination .resource-list.preview+a,.pagination button,.pagination .page-count{display:inline-block;vertical-align:top;height:45px}
.pagination .button,.pagination .resource-list.preview+a{border:1px solid #dedede;background-color:#dedede;width:45px;text-align:center;padding:7.5px;border-radius:1px;color:#000;line-height:30px}
.pagination .inactive.button,.pagination .resource-list.preview+a.inactive{opacity:.5;color:#ababab;background-color:white}
.pagination form,.pagination .last{margin-right:7.5px}.pagination input{width:60px}
.breadcrumbs{font-size:15px;margin:30px 0 -15px}
.site-title h1{font-size:25px;line-height:30px;padding-right:30px}
header{background-color:#d5d2ce;border-bottom:1px solid #dedede;position:relative}
header>*{max-width:1700px;margin-left:auto;margin-right:auto;padding:0 1.69492%;display:block}
.site-title:hover,.site-title:active{border-bottom:0}
.site-title h1{margin:0}
button.o-icon-search{display:none}
#search{position:absolute;left:85%;top:10%;padding:3.5px 1.69492%}
#search form{display:flex;flex-wrap:nowrap}
#search form input[type="text"]{border-radius:6px 0px 0px 6px}
#search form button[type="submit"]{border:1px solid #000000;height:45px;width:45px;text-indent:-9999px;position:relative;border-radius:0 6px 6px 0}
#search form button[type="submit"]:before{content:"\f002";font-family:"Font Awesome 5 Free";position:absolute;top:0;left:0;right:0;text-align:center;text-indent:0;line-height:45px}
footer{max-width:1700px;margin-left:auto;margin-right:auto;padding:0 1.69492% 30px;clear:both}
#content{max-width:1700px;margin-left:auto;margin-right:auto;padding:0 1.69492% 30px}
.resource-list.preview+a{color:#000}
.resource-list.preview+a:hover{background-color:#787878;border-bottom-width:0px;color:#fff}
ul.resource-list{list-style-type:none;padding-left:0}
ul.resource-list .resource{border-bottom:1px solid #000;padding-bottom:29px;margin:30px 0;overflow:hidden;position:relative}
ul.resource-list .resource>*:last-child{margin-bottom:0}
ul.resource-list .resource:first-child{border-top:1px solid #dedede;padding-top:29px}
ul.resource-list .resource img{height:auto;width:60px;float:right;margin-left:15px}
ul.resource-list .resource h4{margin-top:0}
ul.resource-list .resource .description{max-height:90px;overflow:hidden;position:relative}
ul.resource-list .resource .description:after{content:"";position:absolute;top:52.5px;left:0;right:0;height:37.5px;background:linear-gradient(to top, #f8f8f8, rgba(248,248,248,0))}
ul.resource-list .resource img ~ *{width:calc(100% - 75px)}
.search-filters{margin-bottom:30px}
.filter-label,.filter-value{display:inline-block;border:1px solid #dedede;padding:6.5px}
.filter-label{background-color:#dedede}
.filter-value{margin-left:-5px}
.browse-controls{display:flex;justify-content:space-between;flex-wrap:wrap}
.advanced-search{line-height:45px}
body.resource #content>h2:first-of-type+h3{font-size:15px;text-transform:uppercase;margin:-30px 0 30px}
.property{margin-bottom:30px}
.property h4{margin-bottom:0;font-size:15px}
.resource-link img{width:auto;height:45px;display:inline-block;vertical-align:middle;margin-right:7.5px}
.property .value a{display:inline-block;vertical-align:bottom}
.property .value:not(:last-child) img{margin-bottom:7.5px}
.property .value:not(:last-child) img+a{margin-bottom:7.5px}
.property .value .language{background-color:#d1d1d1;padding:3.75px;font-size:10px}
.property .private:after{content:"\f070";font-family:"Font Awesome 5 Free";font-size:15px}
#content .media.resource{display:inline-block;text-align:center;vertical-align:bottom;margin-right:7.5px}
#content .media.resource:hover{border-bottom:0}
#content .media.resource img{vertical-align:top;margin-bottom:15px}
.media-render>*{max-width:100%}
#linked-resources caption{text-align:left;font-weight:bold;border-bottom:3px solid #ababab;padding:7.5px 15px 4.5px}
#linked-filter h4{margin-bottom:15px}
#linked-resources .resource-link{margin-bottom:0;display:flex;align-items:center}
#advanced-search .value:not(:last-child){margin-bottom:15px}
.remove-value{text-indent:-9999px;position:relative;width:45px;margin-left:7.5px}
.remove-value:before{text-indent:0;position:absolute;top:0;right:0;bottom:0;left:0;line-height:45px}
.results{margin-bottom:60px;clear:both}
.results ul{list-style:none;padding-left:0}
.results .result-title{font-weight:bold}
.results>ul{margin:-15px 0 0 0}
.results .result-site,.results ul ul{display:block;padding-left:15px}
.results>ul>li{margin-bottom:30px}
.pagination+.results{margin:30px 0 0;clear:both}
.sitewide-search-form{display:none}
.sitewide-search-form ~ .results+.pagination{margin-top:0}
.sitewide-search-form ~ .advanced-search{display:block}
.sitewide-search-form ~ h2{width:50%;float:left}
.sitewide-search-form ~ .pagination{margin:37.5px 0 30px;text-align:right;width:50%;float:right}
.sitewide-search-form ~ p{clear:both}
.index.search .results ul li{margin-bottom:7.5px;padding-bottom:7.5px;border-bottom:1px solid #ababab}
a.metadata-browse-link{font-size:15px}}
@media screen and (min-width: 800px)

{#content{padding:0 3.38983% 30px}
table{margin:10px 0;border-collapse:collapse}
th,td{text-align:center;padding: 7.5px 15px}
header{position:relative}
header>*{padding:0 3.38983%}
header>h1{margin:0px auto}
footer{padding:0 3.38983% 30px}
header nav{margin:0 auto !important;position:static}
header nav:before{content:"";border:0;display:none}
header nav ul a{padding:0}
header nav ul li{position:static}
header nav.closed ul,header nav ul ul li{height:auto;overflow:visible}
header nav ul a:hover{background-color:transparent}
header nav ul li,header nav>ul li:last-child,header nav>ul ul:hover>li{border:0}
header nav ul.navigation{margin-left:-7.5px;position:static;display:flex;align-items:flex-end}
header nav ul.navigation li ul:before{display:none}
header nav ul.navigation>li:not(:last-child){margin-right:15px}
header nav ul.navigation>li>ul{position:absolute;top:100%;left:-9999px;padding:0;list-style:none;width:100%;padding:14px 0 6.5px;display:flex;flex-direction:row;flex-flow:row wrap;z-index:1}
header nav ul.navigation>li:hover>ul{max-width:1700px;margin-left:auto;margin-right:auto;padding:15px 3.38983%;left:0;right:0;border-bottom:0;border-color:#dedede}
header nav ul.navigation>li:hover>ul:after{content:"";left:-9999px;right:-9999px;background-color:#8F4444;position:absolute;top:0;bottom:0;border-bottom:1px solid #dedede;border-top:1px solid #dedede;z-index:-1}
header nav ul.navigation>li:hover>ul:after{}
header nav ul li ul li.active{background-color:#8F4444}
header nav ul.navigation>li>ul>li{width:25%;font-size:15px;font-weight:bold;padding-bottom:30px}
header nav ul.navigation>li>ul>li ul{font-weight:normal;padding:0;list-style-type:none;height:auto}
header nav ul.navigation li.parent{position:static}
header nav>ul>li>a{margin:7.5px}
header nav>ul>li>.parent-link{display:inline-block;width:100%}
header nav>ul>li>.parent-link>a{margin:7.5px;width:100%}
header nav>ul>li>.parent-link a:after{font-family:"Font Awesome 5 Free";content:"\f107";display:inline-block;margin-left:7.5px}
header nav>ul li:hover ul li{height:auto;padding:0}
.child-toggle{display:none}
header .parent ul a{padding-left:0}
header .parent .parent .parent ul a{padding-left:15px}
.sub-menu ul{padding-bottom:14px}
.sub-menu li{display:inline-block;border:0;padding:0;margin-right:15px}
.sub-menu li:first-of-type{border:0;padding:0}
.sub-menu ul{padding-left:0;list-style-type:none}
.sub-menu li{font-size:15px;font-weight:bold;border-bottom:1px solid #dedede}
.sub-menu li:first-of-type{border-top:1px solid #dedede}
.sub-menu ul a:{color:#8f4444}
.sub-menu li a:{color:#8f4444}
.sub-menu ul a:hover{color:#c88f14}
.sub-menu li a:hover{color:#c8}
#search{left:85%;border-left:1px solid #dedede;padding:7.5px}
#search form input[type="text"],#search form button[type="submit"]{height:30px;font-size:15px;line-height:30px}
#search form button[type="submit"]{width:30px;height:30px;padding:0}
#search form button[type="submit"]:before{line-height:30px}
ul.resource-list .resource img{width:120px;height:auto;float:right;margin-left:15px}
ul.resource-list .resource img ~ *{width:calc(100% - 135px)}
body.item-set.item #content{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end}
body.item-set.item #content>h2,body.item-set.item #content>h3{width:100%}
body.item-set .metadata{width:32.20339%;border-left:5px solid #dedede;padding-left:1.69492%;margin-right:1.69492%}
body.item-set .metadata h4:first-of-type{margin-top:0}
body.item-set #content .metadata ~ *{width:66.10169%;border-left:1px solid #dedede;padding-left:1.69492%}
body.item-set .item-set-items h3{margin-top:0}
body.item-set .metadata ~ nav.pagination:first-of-type{margin-bottom:0}
.results>ul{display:flex;flex-wrap:wrap}
.results>ul>li{width:calc(50% - 30px)}
.results>ul>li:nth-child(2n){margin-left:30px}
.preview-block{clear:both}
ul.preview.resource-list li:first-of-type{border-top:1px solid #dedede;padding-top:29px}}

#tarteaucitronManager {
  position: relative;
}

#tarteaucitronManager:before,
#tarteaucitronManager:after {
  display: none;
  position: absolute;
  top: 50%;
  right: 100%;
}

#tarteaucitronManager:hover:before,
#tarteaucitronManager:hover:after {
  display: block;
}

#tarteaucitronManager:before {
  content: 'Gestion des cookies';
  padding: 5px 8px;
  background: #333;
  color: #FFF;
  font-size: 14px;
  white-space: nowrap;
  transform: translate(0, -50%);
}

#tarteaucitronManager:after {
  content: '';
  height : 0;
  width : 0;
  border-top : 7px solid transparent;
  border-bottom : 7px solid transparent;
  border-left : 7px solid #333;
  transform: translate(100%, -50%);
}

.a-img-txt{
  display:grid; 
}
 
/* les enfants se superposent */
.a-img-txt>*{
  grid-area:1/1/-1/-1; 
  /* raccourci pour grid-row et grid-column */
}
 
/* le texte */
.a-txt{
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  opacity:0;
  transition:opacity .8s;
}
 
/* les couleurs c1 et c2 */
.c1{
    background-color : rgba(182, 0, 0, 0.75); /* background:#b60000 avec alpha */
    opacity:0,33;
}
 
.c2{
    background-color : rgba(200, 143, 20, 0.75); /* background:#c88f14 avec alpha */
    opacity:0,33;
}
 
/* le survol */
.a-txt:hover{
  opacity:1;
}
a{
  text-decoration:none;
}

.p1{
border: 5px ridge #C88F14;
}