/* GENERAL Layout */
    .for_desktop {display:block;}
	.for_mobile {display:none;}

    html {height:100%; background-color:#FFF;}
    body {font-family:OpenSans, sans-serif;}
    section {display:block;}
    ul li {display:inline-block;}

    ul.disc{
        display: block;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
    }
    ul.disc li{display: list-item;list-style-type: disc;}

    .grid_1 {width:260px;}
    .grid_2 {width:720px;}
    .grid_3 {width:980px;}

    .grid_50p {width:50%;}

    article.grid_2 {width:645px; padding-right:75px;}
    article.grid_2.pad_35 {width:685px; padding-right:35px;}
    article.grid_2.no-pad {width:720px; padding-right:0;}

    section.collection article.grid_2.right{width:720px; padding:0; margin:0;}

    .column {float:left; overflow:hidden; display:inline;}
    .column.left {float:left;}
    .column.right {float:right;}
    .clearfix {display:block; visibility:hidden; clear:both; margin:0; padding:0; font-size:0; height:0;}
    .hidden {display:none;}

    .wrapper {position:relative; width:980px; margin:0 auto; overflow:visible;}

    .row {width:auto;margin:0;overflow:hidden;}

    .left_col_small{}


/* HEADER */

    header .main-menu {width:100%; padding:3px 0; background-color:#d5d7d8; text-transform:uppercase;}

    header .main-menu nav ul li {padding:0 14px 0 0;}
    header .main-menu nav ul li a.home{
        display: block; width: 14px; height: 14px;
        background: transparent url(images/home.png) top left no-repeat;
        background-size: 100% 100%;
        }

    header .main-menu .langues a {padding:0 5px;}
    header .main-menu .langues a:last-child {padding:0 0 0 5px;}

    section.logos {height:105px; margin:0 0 10px 0; padding:10px 0; border-bottom-color:#333; border-bottom-style:solid; border-bottom-width:1px;}
    section.logos h1 {position:relative; top:55px; text-align:right;}

    section.sub-menu {height:50px; display:inline-block; margin-bottom:40px;}

    section.sub-menu .niv1 {padding-right:30px;}
    section.sub-menu .nav2,
    section.sub-menu span.niv1 {position:relative; float:left; display:inline-block;}
    section.sub-menu .nav2 ul.n0 li:last-child {background-image:none;}
    section.sub-menu .nav2 ul.n0 li {padding-right:28px; background-image:url(images/point.png); background-repeat:no-repeat; background-position:center right;}
    section.sub-menu .nav2 ul.n1 {position:absolute; left:0; display:block; width:846px;}
    section.sub-menu .nav2 ul.n1 li {
        margin-top:5px; padding-right:6px!important; padding-left:10px!important;
        background-image:url(images/barre.png) !important;
        background-repeat:no-repeat !important;
        background-position:center left !important;
    }
    section.sub-menu .nav2 ul.n1 li:first-child {padding-left:0!important; background-image:none!important;}

    .menu_mobile a {margin:5px 0px;}
    .menu_mobile nav {float:left; width:100%; height:140px; padding:0 0 10px 0;}
    .menu_mobile nav ul li {display:block;}
    .menu_mobile nav ul {display:inline-block;}
    header .main-menu .menu_mobile nav ul li {padding-right:0px;}

    .menu_mobile nav ul.main {padding-right:10px; font-size:13px; float:left;}
    .menu_mobile nav ul.main li:first-child {margin:0px 0px 5px 0px;}
    .menu_mobile nav ul.main li {margin:5px 0;}
    .menu_mobile nav ul.main li a.selected::after {content:">"; padding-left:5px; font-size:16px;}

    .menu_mobile ul.lng {float:left; border:none; margin-bottom:10px; margin-top:5px; font-weight:600; color:#FFFFFF;}
    .menu_mobile ul.lng li {display:inline-block; padding:0 5px;}

    .menu_mobile nav ul.n0 {display:inline-block; height:inherit; padding-left:10px; border-left:1px solid #79797b; text-transform:none; font-size:12px;}
    .menu_mobile nav ul.n1 {display: block; font-size: 11px; padding-left: 20px;border-right: none;}


/* CONTENT */

    h2,
    h3,
    h4,
    h5,
    a:hover,
    a:active,
    span.niv1,
    a.selected,
    div#collection_search input,
    #content .o_list_cont ul li.sel,
    #content .o_list_cont ul li:hover {color:#b30e1d;} /* #bd0b1d #bd0334 #ad0027 */

    div.info_lng {color:#aa3333;}

    header .main-menu,
    #pad-homme dd a figure figcaption h6,
    #pad-homme dd a figure figcaption h6:hover {color:#000;}

    body,
    #content .o_list_cont ul {color:#333;}

    section.sub-menu .nav2 ul.n1 li {color:#79797b;}

    #detail-objet-cont,
    #full .img_cont .img_caption,
    div#collection_search input.send,
    #pad-homme dd a figure figcaption p {color:#fff;}

    div.info_lng,
    #pad-homme dd a figure figcaption p {font-size:11px;}

    #detail-objet-cont .info,
    #detail-objet-cont .title,
    div#collection_search .result,
    #detail-objet-cont .description,
    #content aside.img_sidebar figcaption,
    #pad-homme dd a figure figcaption h6,
    #pad-homme dd a figure figcaption h6:hover {font-size:12px;}

    article blockquote,
    #content .o_list_cont ul,
    article blockquote.paragraphe,
    section.sub-menu .nav2 ul.n1 li,
    section.actus div.actus_archives article p,
    section.actus div.actus_archives article p.date {font-size:13px;}

    section.actus div.actus_archives article h3 {font-size:14px;}

    header .main-menu,
    div#collection_search input,
    section.sub-menu .nav2 ul.n0 li,
    article blockquote span.citation,
    article blockquote.paragraphe span.citation {font-size:16px;}

    h2,
    h3,
    section.sub-menu,
    section.sub-menu .niv1 {font-size:18px;}


    h2,
    span.niv1 {text-transform:uppercase; font-weight:600;}

    h3,
    h4,
    em,
    h5 em,
    section.sub-menu .nav2,
    #detail-objet-cont .title,
    section.sub-menu span.niv1,
    #detail-objet-cont .info dt,
    article blockquote span.citation,
    article blockquote.paragraphe span.citation {font-weight:600;}

    #pad-homme dd a figure figcaption h6,
    #pad-homme dd a figure figcaption h6:hover {font-weight:bold; text-transform:uppercase;}


    div#collection_search input {font-weight:normal;}
    section.actus div.actus_archives article h3 {font-weight:normal;}


    #pad-homme dd a,
    #pad-homme dd a:hover,
    #pad-homme dd a figure {font-style:normal; text-decoration:none;}

    h2 em {font-weight:bold;}

    #content .o_list_cont ul {list-style-type:none; font-weight:bold; }

    #content .o_list_cont ul li a {color:inherit; text-decoration:none;}

    div#collection_search .result {font-weight:100;}


    h4,
    h5 {margin-bottom:7px;}

    h2.min {text-transform:none;}
    h2 em {font-size:70%; display:block;}
    h2 {margin-bottom:25px;}
    h3 {margin-bottom:20px;}
    h5 em {color:inherit; font-style:inherit;}

    p {margin-bottom:30px;}

    p a, dl a {text-decoration:underline;}

    a.in {}
    a.out {background-image:url(images/out_arrow_light.svg); background-position:100% 6px; padding-right:16px; background-repeat:no-repeat;}

    sup {line-height:0; font-size:55%;}
    i {font-style:italic; font-weight:inherit;}
    em {font-style: inherit;}

    dl {margin-bottom:30px;}
    dd,
    dt {margin:0; padding:0;}

    dl.liens dd,
    dl.liens dt,
    dl.adresse dt,
    dl.adresse dd,
    dl.coordonnees dt {display:block;}

    dl.coordonnees dd {display:inline;}
    dl.collaborateurs dd:nth-child(even) {display:inline-block; float:left; margin-right:10px; width:110px;}
    dl.liens dd {margin-bottom:20px;}

    dl.dl-horizontal{}

    dl.dl-horizontal dd{}


    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;
        font-size: .9em;
    }
    .dl-horizontal dd {
        margin-left: 180px;
        padding-bottom: 3px;
    }

    article.pad_35 dl.coordonnees dt,
    article.pad_35 dl.coordonnees dd:nth-child(4n+2) {display:inline;}
    article.pad_35 dl.coordonnees dd:nth-child(4n+0) {margin-bottom:10px;}
    article.pad_35 dl.coordonnees dd {display:block;}


    img.responsive {width:100%;}
    #content aside.img_sidebar figure {text-align:right; width:100%; margin:0 0 20px 0;}
    #content aside.img_sidebar figcaption {position:relative; margin:0 auto; text-align:left; width:100%;}


    div.row,
    article img,
    article iframe.contact {margin-bottom:25px;}

/* Citations haut de page*/
    article blockquote span.citation,
    article blockquote.paragraphe span.citation {display:block; margin:0 0 4px 0;}
    article blockquote,
    article blockquote.paragraphe {margin:0 0 30px 0; padding:0 0 0 15px; border-left:solid thin #79797b;}

/* Citations dans un paragraphe*/
    p span.citation {margin:0 0 30px 0;}

/* Citations dans la légende d'une image */
    figure figcaption blockquote span.citation {font-size:inherit; display:block; margin-bottom:4px;}
    figure figcaption blockquote {padding:0; margin:0; font-size:inherit; border:none;}

/* ACCORDEON */
    .accordeon {display:block; overflow:visible;}
    .accordeon dd {display:block; margin:0;}
    .accordeon dt  {width:995px; position:relative; left:-20px; display:block;}
    .accordeon dt a h3 {padding-left:20px; background-image:url(images/btn-plus.png); background-repeat:no-repeat; background-position:center left;}
    .accordeon dt a:active h3,
    .accordeon dt a.current h3 {padding-left:20px; background-image:url(images/btn-moins.png); background-repeat:no-repeat; background-position:center left;}


/* PAGE HOMME */
    #pad-homme dd {width:210px; height:290px; margin:0 45px; display:inline-block; float:left;}
    #pad-homme dd:first-child,
    #pad-homme dd:last-child {margin:0;}

    #pad-homme dd a,
    #pad-homme dd a:hover,
    #pad-homme dd a figure {margin:0; width:100%; height:100%;}

    #pad-homme dd a:hover div.voile-blanc {position:absolute; width:210px; height:290px; background-color:rgba(255, 255, 255, .7); z-index:100; display:block;}
    #pad-homme dd a div.voile-blanc {position:absolute; width:210px; height:290px; background-color:rgba(255, 255, 255, .6); z-index:100; display:block;}

    #pad-homme dd a figure img.responsive {padding:0; margin:0;}
    #pad-homme dd a figure figcaption {width:190px; height:55px; padding:5px 10px; background-color:rgba(0, 0, 0, .4); z-index:120; position:absolute; bottom:0;}
    #pad-homme dd a figure figcaption h6,
    #pad-homme dd a figure figcaption h6:hover {margin-bottom:5px;}

/* FOOTER */
    footer{margin: 25px 0; font-size: 12px;}
    footer .wrapper {background-color:#d5d7d8;}

    footer section{ padding: 3px 7px;}


/* COLLECTION */

/* menu liste d'objets */
    #content article .o_list_obj img {margin:0 auto;}
    #content .o_list_cont ul {line-height:1.2em;}
    #content .o_list_cont ul li {border-top:1px solid #7f7f7f; padding:12px 0 6px 1px; margin:6px 0 6px 0; cursor:pointer; display:block;}
    #content .o_list_cont ul li:first-child {padding:12px 0 6px 1px; margin:0 0 6px 0;}
    #content .o_list_cont ul li:last-child {border-bottom:1px solid #7f7f7f; padding:12px 0 12px 1px; margin:6px 0 20px 0; padding-bottom: 12px !important;}

		#content .o_list_cont ul li.level1{border-top:0 none; padding:3px 0 3px 5px; margin:0; margin-top: -10px;margin-bottom: 10px;}
		#content .o_list_cont ul li.level2{border-top:0 none; padding:3px 0 3px 20px; margin:0; margin-top: -10px;margin-bottom: 10px;}

		#content .o_list_cont ul li.level1:before{content:'– '}
		#content .o_list_cont ul li.level2:before{content:'– '}

/* objets */
    #content .o_list_obj div.obj_item {
        border:1px solid #b2b2b2;
        margin-left:23px; margin-bottom:20px;
        width:215px; height:170px;
        float:left; position:relative;
        cursor:pointer;
        overflow:hidden;
        text-align:center;
    }

    #content .o_list_obj div.obj_item.sel,
    #content .o_list_obj div.obj_item:hover {border:1px solid #b30e1d;}
    #content .o_list_obj div.obj_item div.voile {
        position:absolute;display:none;
        width:215px; height:170px;
        background-color:rgba(179, 14, 29, .2);
        background-color:rgba(114, 114, 114, .2);
        z-index:100;
    }
    #content .o_list_obj div.obj_item.sel div.voile {display:block;}

    #content .o_list_obj div.obj_item.empty {cursor:default;}
    #content .o_list_obj div.obj_item.empty:hover {border:1px solid #b30e1d;}

    #content .o_list_obj div.obj_item figure {margin:auto!important; width:215px; height:170px;}

/* objet details */
    #detail-objet-cont {background-color:#b30e1d; width:445px; height:auto; overflow-y:hidden; padding-left:10px; padding-right:10px; overflow-x:hidden;}

    #detail-objet-cont article {position:relative; width:430px; padding-bottom:15px; }

    #detail-objet-cont div.images {position:relative; margin:15px 0;}
    #detail-objet-cont div.images div.images-cont {position:relative; vertical-align:middle;}

    #detail-objet-cont div.image,
    #detail-objet-cont div.images {background-color:#fff; overflow:hidden; width:430px; height:340px;}

    #detail-objet-cont div.images figure {margin:0; display:block; vertical-align:middle; text-align:center; line-height:0; width:430px; height:340px;}

    #detail-objet-cont figure.image {position:relative; display:inline-block; cursor:url(images/loupe.png), default;}
    #detail-objet-cont figure.image img.fit {max-width:100%; max-height:100%; margin:auto 0;}
    #detail-objet-cont figure.image img.big {display:none;}
    #detail-objet-cont figure.image:hover img.big {display:block;}
    #detail-objet-cont div.images-zoom {position:absolute; top:10px;}

    #detail-objet-cont div.images-navig{position: absolute; top: 10px; left:10px; }
    #detail-objet-cont div.images-navig-item {
        display: inline-block; width: 16px; height: 16px; color: white;
        padding: 0;
        background-color: #b30e1d;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.3);
        box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.3);
        text-align: center;
        cursor: pointer;
    }
    #detail-objet-cont div.images-navig-item label{display: block;font-weight: bold;font-size: 11px;cursor: pointer;}

    #detail-objet-cont .title {width:410px; border-bottom:1px solid white; padding-bottom:4px; margin:20px 0; font-size: 13px;}
    #detail-objet-cont .info dl {margin:0 5px;}
    #detail-objet-cont .info dt.label {width:140px; display:inline-block; margin-bottom:5px; float:left;}
    #detail-objet-cont .info dd {display:inline-block; margin-bottom:5px; float:left; width:275px;}
    #detail-objet-cont .description {margin:10px 0; padding-right: 7px;}
    #detail-objet-cont .description dd p {margin-bottom:0; width:410px;}

    #detail-objet-cont .scroll {max-height:320px; overflow-y:auto;}

/* collection recherche */
    div#collection_search input {
        background-color:#fff;
        border:1px solid #b2b2b2;
        border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;
        padding:4px 12px; width:300px;
    }
    div#collection_search input.send {background-color:#b30e1d; border-color:#b30e1d; width:auto; padding:4px 6px; cursor:pointer;}

    div#collection_search .result {
        background-color:#efeff0;
        border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;
        padding:30px 20px; margin-top:20px;
        float:left; min-width:500px;
    }
    div#collection_search .result .item {margin:10px 0;}

    div.info_lng {margin-top:50px;}

/* liens */
    div.cont_link_label_item {padding-bottom: 1em;}


/* ACTUALITES */
    section.actus span.grid_2,
    section.actus div.actus_archives span.grid_2 {width:665px; margin-bottom:40px; padding-bottom:10px; border-bottom:1px  solid #b2b2b2;}


    section.actus article h3 {font-weight:normal;margin-bottom:15px;}

    section.actus article p,
    section.actus article p.date,
    section.actus div.actus_archives article p.date,
    section.actus div.actus_archives article p {margin-bottom:5px;}

    section.actus article.grid_2,
    section.actus div.actus_archives article.grid_2 {width:665px; padding-right:55px;}

    section.actus aside.img_sidebar figure.actu_img,
    section.actus div.row div.actus_archives aside.img_sidebar figure.actu_img {margin:0!important;}



    section.actus h2 {margin-bottom:15px;}

    section.actus div.actus_archives article h3 {margin-bottom:5px;}

    section.actus div.actus_archives p.date {display:none;}


    /* home slide */
    #home-anim {position:absolute;}
    #full {width:100%; overflow:hidden; position:relative; height:380px;}
    #full table {}
    #full table td {padding:0 10px;}
    #full .img_cont {position:relative; cursor:pointer; line-height:0;}
    #full .img_box {border:1px solid grey; position:relative; width: 610px;}
    #full .img_box img{width: 100%;}
    #full .img_cont .img_caption {background-color:rgb(100, 100,100); background-color:rgba(29,29,27,.5); font-weight:bold; position:absolute; bottom:0; left:0; width:100%; line-height:normal;}
    #full .img_cont .img_caption div {padding:14px 10px;}
    #full .img_cont .img_caption.hide{display: none;}


/* UI MODE */
.for_site {display:block;}
.for_borne {display:none;}

.disabled_link {text-decoration:underline;}



/* BOX */
.img_zoom{position:relative; cursor:pointer;}
.img_zoom .more {display:none;}

aside figcaption h4 {color:#000;}
span.loupe {
    background-image:url(images/loupe_ico.png);
    background-repeat:no-repeat; background-size:contain;
    height:30px; width:30px; position:absolute;
    left:0; top:0;
    }
span.zoom_more {font-size:13px; color:#b30e1d; font-weight: 600; margin-left:5px;}

.model {
    display:none;
    position:fixed;
    z-index:1;
    padding-top:20px;
    left:0; top:0;
    width:100%; height:100%;
    overflow:auto;
    text-align:right;
    }

.model .background {
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    width:auto; height:auto;
    background-color:rgb(255,255,255);
    background-color:rgba(255,255,255,0.9);
    z-index:2; cursor:pointer;
    }
.modelBox {position: relative; z-index: 3;margin:auto; display:block; width:80%; max-width:1000px;}
.modelBox figure {padding:10px; background-color:#79797b; margin:0px; text-align:center;}
.model-content {max-width:100%; max-height:700px; display:inline;}

#copyright {font-size:12px; color:#000;}
div.copyright {text-align:right; font-size:12px;}

#caption {width:100%; padding:10px 0;text-align:left; color:#FFF;}
figcaption#caption h4 {color:#FFF; font-size:16px;}
#caption,
.model-content {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
    }

    /*@-webkit-keyframes zoom {
        from {-webkit-transform:scale(0)}
        to {-webkit-transform:scale(1)}
    }
    @keyframes zoom {
        from {transform:scale(0)}
        to {transform:scale(1)}
    }*/

.close {color:#79797b; font-size:20px; font-weight:bold; transition:0.3s;}
.close:hover,
.close:focus {color:#bbb; text-decoration:none; cursor:pointer;}

/* TOP NEWS */
#top-news{
    position: fixed;
    top: 0;
    bottom:0;
    left:0;
    width: 280px;
    background-color: white;
    -webkit-box-shadow: 10px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 0px 15px 0px rgba(0,0,0,0.75);
    z-index: 1000;
    -webkit-animation-name: zoomTop;
    -webkit-animation-duration: 0.6s;
    animation-name: zoomTop;
    animation-duration: 0.6s;
    transition:0.3s;
}
#top-news .items{
    overflow-y: auto;
    padding-bottom: 15px;
    position: absolute;
    top: 37px;
    bottom: 0;
    left:0;
    right:0;
}
#top-news .items .item{
    border-top: 1px solid #b30e1d;
    margin-top: 15px;
    padding-top:5px;
}
#top-news .items .item:first-child{
    border-top: 0 none;
    padding-top:0;
}
#top-news .items .item h3{font-size: 12px; margin: 10px 0;padding:0 7px;}
#top-news .items .item .visuel img{width:100%;}
#top-news .items .item .linkNews{
    font-size: 12px;
    text-align: right;
    padding:0 7px;
}
#top-news label{
    padding: 10px 7px;font-size: 12px; font-weight: bold;
    background-color: #b30e1d;
    color:white;
    display: block;
    }
#top-news label.close{
    display: none;
    position: absolute;
    top:0;
    right:0;
    height: 20px;
    transform-origin: top right;
    transform: rotate(-90deg);
    padding:3px 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    -webkit-box-shadow: 10px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 0px 15px 0px rgba(0,0,0,0.75);
    }
#top-news .btnClose{
    padding: 7px; font-weight: bold;color:white; cursor: pointer;
    position: absolute;
    top:0; right:0;
    padding-top: 0px;
    font-size:18px; line-height: normal;
}



#top-news.close{
    left:-280px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#top-news.close label.close{
    display: block;
}

@media only screen and (max-width: 700px){
    .model-content {width:100%;}
    }