/* ============== 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:#555}#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 }
}
}
/* ============== index_liens =====*/
#global{
margin:10px 0px;
background:#E9EEF2;
padding:10px;
overflow:auto;
}
.bloc_lien{
float:left;
width:33%;
}
.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__title{text-align:center;font-size:1.375rem;margin-top:3.75rem;margin-bottom:1.875rem}.annex-picture__more{background-color:#f8cbad;font-size:1.875rem}.annex-picture__more a{color:#fff;display:flex;flex:1 1 100%;width:100%;justify-content:center;align-items:center}.grid_img{margin:0 auto}.grid_img:after{content:"";display:block;clear:both}.grid-item{float:left}#infos{background:#f8f8f8;color:#888;padding:10px;text-align:right}#infos .auteur{color:#2173ff;cursor:pointer}#infos .auteur:hover{text-decoration:underline}.row{display:flex;flex-wrap:wrap;padding:0 4px}.column{flex:25%;max-width:25%;padding:0 4px}.column img{margin-top:8px;vertical-align:middle}@media screen and (max-width: 800px){.column{flex:50%;max-width:50%}}@media screen and (max-width: 600px){.column{flex:100%;max-width:100%}}.grid_iso:after{content:"";display:block;clear:both}.grid-sizer,.grid-item{width:33.333%}.grid-item{float:left;padding:5px}.grid-item img{display:block;max-width:100%}