/* ============== contenu =====*/


.breadcrumb{color:#93898a;font-size:.875rem;margin-top:1rem;margin-bottom:1rem;border:1px solid #e6e6e6}.breadcrumb a{color:#93898a}.breadcrumb__item{display:inline-block;flex:0 0 auto}.breadcrumb__item:not(:first-child)::before{content:"/";display:inline-block;margin-left:.625rem;margin-right:.625rem}




#navOnglet{margin:20px 0;overflow:hidden;border-bottom:2px solid #aaa;list-style:none;padding:0;font-size:11px;clear:both;display:flex;flex-wrap:wrap}#navOnglet li{float:left;border-right:1px solid #aaa;border-top:1px solid #aaa;border-bottom:1px solid #aaa;margin-bottom:-1px;flex-grow:1}#navOnglet li:first-child{border-left:1px solid #aaa;border-radius:5px 0px 0px 0px}#navOnglet li:last-child{border-radius:0px 5px 0px 0px}#navOnglet li a{display:block;padding:5px 10px;color:#aaa;display:flex;justify-content:center;align-items:center;flex-grow:1}#navOnglet li a:hover{text-decoration:none;background:#efefef;color:#555555}#navOnglet li.active a{background:#aaa;cursor:normal;color:#fff}



/* ============== index_numerote =====*/
#global{
	overflow:hidden;
	width:500px;
	margin:0 auto;
	text-align:center;
	vertical-align: middle;
}

#index{
	float:left;
	overflow:hidden;
	clear:none;
}

.pas_encours{
	/* border-radius: 2px; */
	border:1px solid #aaa;
	width:20px;
	/* height:25px; */
	display: block;
	float:left;
	background:url(/graph/site/fond_onglet.png) repeat-x left;
	margin-right:3px;
	font-size:0.9em;

}

.pas_encours:hover{
	background:url(/graph/site/fond_onglet_encours.png) repeat-x left;
}

.encours{
	border-radius: 3px;
	border:1px solid #aaa;
	width:20px;
	/* height:25px; */
	display: block;
	float:left;
	background:url(/graph/site/fond_onglet_encours.png) repeat-x left;
	color:#747474;
	margin-right:3px;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
}



/* ============== index_suivant_precedent =====*/
#navLoop{
	overflow:auto;
	clear:both;
	font-size:12px;
	margin:20px 0;
}

#navLoop .prev, #navLoop .next {
	background-color:#efefef;
	background-repeat:no-repeat;
	display:block;
	border:1px solid #aaa;
	color:#555555;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#navLoop .prev {
	background-image:url('/imgs/pictos/fleche_prec_sp.png');
	background-position:5% center;
	padding:3px 10px 3px 15px;
	float:left;
}

#navLoop .next {
	background-image:url('/imgs/pictos/fleche_suiv_sp.png');
	background-position:95% center;
	padding:3px 15px 3px 10px;
	float:right;
}

#navLoop .prev:hover, #navLoop .next:hover {
	text-decoration:none;
	background-color:#dbdbdb;
}


/* ============== index_menu_deroulant =====*/
#navForm {
	text-align:center;
	clear:both;
	margin:20px 0;
	font-size:13px;
}

#navForm select {
	background:#ffffff;
	border:1px solid #bec5d5;
	outline:none;
	padding:3px;
}

#navForm input[type="submit"] {
	background:#777;
	color:#fff;
	font-weight:bold;
	border:none;
	width: 5%;
	border-radius: 10px;
	padding:5px 7px;
	cursor:pointer;
	-moz-box-shadow:inset 0px 0px 1px 0px #fff;
	-webkit-box-shadow:inset 0px 0px 1px 0px #fff;
	box-shadow:inset 0px 0px 1px 0px #fff;
}

#navForm input[type="submit"]:hover {
	background:#555;
}

.custom-dropdown--large {
    font-size: 1.5em;
}

.custom-dropdown--small {
    font-size: .7em;
}

.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
    background-color: #fff;
    color: #444;
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        top: .5em; bottom: .5em;
        /* background-color: #fff; */
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select              { padding-right: .9em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}





/* ============== annexe_infos =====*/
#infos{
	background: #f8f8f8;
	color:#888888;
	padding:10px;
	/* margin:10px 0px; */
	text-align:right;
	/* clear:both; */
}

#infos .auteur{
	color:#2173FF;
	cursor:pointer;
}


#infos .auteur:hover{
	text-decoration:underline;
}


.annex-picture{margin-right:-1.5rem !important;margin-left:-1.5rem !important}@media (min-width: 48em){.annex-picture{margin-right:-2rem !important;margin-left:-2rem !important}}@media (min-width: 100em){.annex-picture{margin-right:-3rem !important;margin-left:-3rem !important}}.annex-picture .flex-img{max-height:350px;height:100%}.annex-picture__title{text-align:center;font-size:1.375rem;margin-top:2.5rem;margin-bottom:2.5rem}.annex-picture__more{background-color:#3679b2;font-size:1.875rem}.annex-picture__more a{text-decoration:none;color:#fff;display:flex;flex:1 1 100%;width:100%;justify-content:center;align-items:center;text-align:center;vertical-align:middle}.annex-picture__more a span{font-size:1.25rem}.grid_img{margin:0 auto}.grid_img:after{content:'';display:block;clear:both}.grid-item{float:left}


#sound{overflow:hidden;clear:both}.annexe_texte_son{margin-bottom:3px;color:#888888}#bloc_son{border:1px solid #cccccc;overflow:auto;padding:10px;margin:10px 0}


.annex-movie{background-color:#f4f4f4;padding-top:4.375rem;padding-bottom:4.375rem;margin-right:-1.5rem !important;margin-left:-1.5rem !important}@media (min-width: 48em){.annex-movie{margin-right:-2rem !important;margin-left:-2rem !important}}@media (min-width: 100em){.annex-movie{margin-right:-3rem !important;margin-left:-3rem !important}}.annex-movie video{width:100% !important;height:100% !important}.annex-movie .flex-img{min-height:200px;min-width:200px;height:100%}.annex-movie--white{background-color:#fff;margin-right:-1.5rem !important;margin-left:-1.5rem !important}@media (min-width: 48em){.annex-movie--white{margin-right:-2rem !important;margin-left:-2rem !important}}@media (min-width: 100em){.annex-movie--white{margin-right:-3rem !important;margin-left:-3rem !important}}.annex-movie--white .annex-movie__title{text-align:center;font-size:1.375rem;margin-top:3.75rem;margin-bottom:1.875rem}.annex-movie__label{font-family:"Roboto Condensed",sans-serif;text-transform:uppercase;font-size:.875rem;color:#78777d;margin:0}@media (min-width: 48em){.annex-movie__label{margin:0 .9375rem}}@media (min-width: 62em){.annex-movie__label{margin:0 1.875rem}}@media (min-width: 75em){.annex-movie__label{margin:0 3.75rem}}.annex-movie__title{font-size:1.375rem;color:#343434;margin:2.5rem 0}@media (min-width: 48em){.annex-movie__title{margin:2.5rem .9375rem}}@media (min-width: 62em){.annex-movie__title{margin:2.5rem 1.875rem}}@media (min-width: 75em){.annex-movie__title{margin:2.5rem 3.75rem}}.annex-movie__content{font-size:.875rem;color:#78777d;margin:2.5rem 0}@media (min-width: 48em){.annex-movie__content{margin:2.5rem .9375rem}}@media (min-width: 62em){.annex-movie__content{margin:2.5rem 1.875rem}}@media (min-width: 75em){.annex-movie__content{margin:2.5rem 3.75rem}}.annex-movie__player{position:relative;height:100%;min-height:300px}.annex-movie__player img{object-fit:cover}.annex-movie__player::before{content:"";position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 15px 0 rgba(0,0,0,0.75),inset 0 0 15px 0 rgba(0,0,0,0.75)}.annex-movie__player::after{content:"";position:absolute;top:50%;left:50%;margin-top:-12.5px;margin-left:-7px;width:0;height:0;border-style:solid;border-width:12.5px 0 12.5px 20px;border-color:transparent transparent transparent #fff}


#bloc_telecharger{border:1px solid #cccccc;overflow:auto;margin:10px 0;clear:both}.annexe_telecharger_titre{font-weight:bold}.table_telecharger{overflow:auto;clear:both;padding:10px;margin:0px}.colonne_image{float:left;margin:0px 5px}.colonne_type{float:left;width:30%;margin:0px 5px}.colonne_titre{float:left;margin:0px 5px}


.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}.table td{padding:0.75rem;vertical-align:top}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,0.075)}.annex-pdf{margin-top:1.25rem;margin-bottom:.625rem}


.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}.table td{padding:0.75rem;vertical-align:top}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,0.075)}.annex-pdf{margin-top:1.25rem;margin-bottom:.625rem}


.annex-link{background-color:#f4f4f4;padding-top:4.375rem;padding-bottom:4.375rem;margin-right:-1.5rem !important;margin-left:-1.5rem !important}@media (min-width: 48em){.annex-link{margin-right:-2rem !important;margin-left:-2rem !important}}@media (min-width: 100em){.annex-link{margin-right:-3rem !important;margin-left:-3rem !important}}.annex-link__card{text-align:center}.annex-link__card-body{background-color:#fff;font-size:1.125rem}.annex-link__card-body a{color:#000}.annex-link__card-footer{position:relative;background-color:#fff;font-size:.875rem;font-family:"Roboto Condensed",sans-serif;color:#848486}.annex-link__card-footer::before{content:"";position:absolute;top:0;right:25%;left:25%;height:1px;background-color:#ebebeb}.annex-link__title{text-align:center;font-size:1.375rem;margin-top:0;margin-bottom:1.875rem;font-size:1.375rem;color:#343434}


.article__header{text-align:center;margin-top:2.8125rem;margin-bottom:2.8125rem}.article__header__title{margin:0 0 1.875rem 0}.article__header__description{margin:0;color:#7b7b7b}.article__main{position:relative;background-color:#f8f8f8;width:auto;margin-left:-0.75rem !important;margin-right:-0.75rem !important}@media (min-width: 48em){.article__main{margin-left:-1rem !important;margin-right:-1rem !important}}@media (min-width: 100em){.article__main{margin-left:-1.5rem !important;margin-right:-1.5rem !important}}.article__picture{min-height:12.5rem}@media (min-width: 48em){.article__picture{min-height:18.75rem}}@media (min-width: 62em){.article__picture{min-height:30rem}}.article__content{color:#767772}.article__content h2,.article__content h3,.article__content h4{color:#353533}@media (min-width: 48em){.article__content{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 62em){.article__content{padding-left:4.375rem;padding-right:4.375rem}}@media (min-width: 75em){.article__content{padding-left:6.25rem;padding-right:6.25rem}}.social-sharing{padding-top:1rem;list-style-type:none;padding-left:0;text-align:right;margin:0 !important}.social-sharing>li{display:inline-block}.social-sharing>li:not(:first-child){margin-left:.5rem}.social-sharing>li a{color:#767772;font-size:1.5em}#infos{margin-left:-3em !important;margin-right:-3em !important;max-width:100vw}