/* CSS vanessa */
//nav.pagination {
//display:none;}

.tuto h1, .tuto h2, .tuto h3, .tuto h4{
    color: #ff5660;
    font-weight: 400;
}

.tuto h1 {
    font-size: 1.6em;
    margin-top:3rem;
}

.tuto h3 {
    border-top: 1px solid #C8CFD6;
    margin-top: 1.5em;
    padding-top: 0.5%;
    margin-bottom: 1.5em;
    font-size: 1.35em;
}

.tuto h4 {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1em;
}

.tuto h5 {
    font-size: 1em;
    font-weight: 400;
}

.tuto a {
text-decoration: underline;
}

.tuto a.nav-link {
text-decoration: none;
}

.tuto-finalite {
    font-weight: bolder;
    margin-bottom: 2rem;
}

/* style gris instructions*/
.tuto-instruction{
    background-color: #F8F9FA;
    color:#444;
    display: flow-root;
    padding:1%;
    margin: 2px 0px;
}

.tuto-instruction ul {
    list-style-type:'- ';
}

/* style bleu attention*/
.tuto-attention {
    color:#444;
    background-color: #ddf7ff;
    min-height:10rem;
}

.tuto-attention::before {
    content: '\f12a';
    font-size: 2.5rem;
    padding: 0 1rem;
    font-weight: normal;
    font-family: FontAwesome;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background: #c2e8ff;
    color: #2980b9;
    text-align: center;
    float: left;
    line-height: 10rem;
}
.tuto-attention::after{
}
.tuto-attention >* {
    padding:1%;
}
.tuto-attention h5 {
color: #333;
}

/* meta info, fond page */
.tuto-meta{
margin-top: 4em;
font-size: 0.9em;
color: #666;
}

.tuto-meta p.tuto-date{
font-style: italic;
}

.tuto-meta p{
margin-bottom:0;
}

/* css jerome */

.finalite,date {
font-size:85%;
}

.date{
font-size:85%;
font-family:sans-serif;
font-style:italic;
}

 .titre a {
text-decoration:underline;
}

.ColorNiveau {
background-color: #226a9a;
display: inline-block;
padding: .25em .4em;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 4px;
font-size : 85%;
color:white;
}

.statusValide {
corlor:grey;
}

.niv-info {
    color: #fff;
    background-color: #FF5660;
display: inline-block;
padding: .25em .4em;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 4px;
font-size : 85%;
}

#page-mod-data-view .icon.fa.fa-video-camera.fa-fw,#page-mod-data-view .icon.fa.fa-pencil-square-o.fa-fw { 
color:#2980B9;
}

.theme {
font-style: italic;
margin: 0 2em;
font-family:sans-serif;
}
.theme br{
display:contents;
}

.type{
font-size : 85%;
margin-right : 1em;
}

/*** recherche ***/
#region-main > div > ul.nav-tabs {

	border-top : 1px solid #efefef;
	border-bottom : 1px solid #efefef;
	
}
#region-main > div > ul.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
background: #f8f9fa;
border-radius: 0;
border-right: 0;
border-left: 0;
border-bottom: 2px solid #efefef;
border-top: 2px solid #efefef;
}

div.datapreferences > form#options{
margin-top:-2.6em;
padding: 0 1em 1em 1em;

}
div.datapreferences > form { 
background: #f8f9fa;}

form > nav.pagination.pagination-centered.justify-content-center {
    justify-content: center !important;
    background: #f8f9fa !important;
    margin-top: -1em;
}

/*#colmotcle label, #theme label, #niveau label {
    font-weight: bold;
}*/