.rss_clear{
    float:none;
    clear:both;
}

.no-scroll{
    overflow:hidden;
}

.outside{
    margin:0 1em;
}  

/*.ressources .resultats_recherche{
    font-size:1.3em;    
}
.shortcode_ressources .overflow_contenu{
    font-size:0.8em;    
}*/

.overflow {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999999999999999999999999999999999999999999999999999999;
    background-color: #e2e2e2ed;
    width: 100%;
    height: 100%;
    display:none;
    overflow-y:scroll;
}

.overflow_contenu {
    width: 90%;
    margin: 0 auto;
    padding: 1em;
}

table{
    margin-top:2em;
    width:100%;
}

.page-template-page-liste-des-ressources table tr td:last-child{
    text-align: center;
}

.inside_restant{
    width:100%;
    max-width:1140px;
    padding: 24px;
    margin:0 auto!important;
}

.inside_of_the_inside{
    width:90%;
    margin:0 auto;
}

.loginform label{
    margin-bottom:0.3em;
}

.loginform input{
    margin-bottom:1em;
}


table thead th {
    background-color: #ff755e;
    color: #FFF;
}

.tri {
    margin: 4em 0 2em 0;
    padding: 2em 4em;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    background-color: #ff755e;
    color: #FFF;
    /*font-size: 0.8em;*/
	border-radius:16px;
}



.tri h2 {
    color: #FFF;
    padding-bottom: 1em;
    margin-bottom: 0;
    margin-top:0;
}

.ressources label {
    font-weight: 600;
    line-height: 1.2em;
    padding-bottom: 0.3em;
    color: #2e2e2e;
    font-size: 0.8em;
}

.ressources input, .tri select{
    margin-bottom:1em;
    border:none;
    font-size:0.8em;
}

.ressources .formulaire .float_left {
    float: left;
}

.ressources .formulaire .float_right {
    float: right;
}

.ressources .formulaire .half {
    width: 49%;
}

.ressources .form_flex{
    display:flex;
    justify-content: space-between;
}

.ressources .formulaire .third {
    width: 32%; display:inline-block;
}

.ressources .etiquettes ul {
    margin: 0.5em 0 2em 0;
    padding: 1em;
    border: solid 1px #c1c1c1;
}

.ressources .etiquettes ul li {
    list-style: none;
    padding: 0 1em 0.5em 0;
    margin: 0;
    color: #000000;
    display: inline-block;
}

.ressource {
    margin-bottom: 2em;
    padding: 2em;
    border: solid 1px #c1c1c1;
    background-color: #fff;
    overflow:hidden;
}

.close {
    position: fixed;
    top: 1em;
    right: 1em;
    cursor: pointer;
    z-index: 9999999999999999999999999999999;
    padding: 0.25em 0.35em;
    background-color: #ffa394;
    color: #FFF;
    border-radius: 10em;
    line-height: 1;
    border: solid 2px #FFF;
}

/*    .ressource:nth-child(even){
    margin-right:2em;
}

.ressource:nth-child(odd){
    margin-left:2em;
}*/

.ressource h3.titre_ressource {
    line-height: 1.1em;
    border-bottom: solid 1px #d6d6d6;
    padding-bottom: 0.3em;
    color: #ff755e;
    margin-bottom:1.5em;
}

.meta {
    float: left;
    width: 35%;
    font-size: 0.7em;
}

.meta ul{
    padding-left:0;
    margin-bottom:1.5em;
}

.meta ul:last-child{
    margin-bottom:0;
}

.meta li {
    list-style: none;
    line-height: 1.3em;
}

.meta li a, .meta li a:link, .meta li a:visited{
    font-weight:500;
}

.meta li a:hover{
    color: #ff755e;
}

.ressource_site_web{
    margin-top:1em;
}

.description{
    width:60%;
    float:right;
}

.description h3 {
    font-size: 1.3em;
    margin-bottom: 0.3em;
    color: #ff755e8c;
}

.description ul, .description ol{
    margin-bottom:1em;
}

.description a, .description a:link, .description a:visited{
    color:#ff755e;
    font-weight:500;
}

.description a:hover{
    opacity:0.7;
}

.smaller_one {
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.half_element .element{
    width:48%;
    float:left;
}

.half_element .element:nth-child(even){
    float:right;
}

.ressource_domaines li {
    font-size: 1.3em;
    display: inline-block;
    padding-right: 1em;
    text-transform: uppercase;
    color: #c4c4c4;
}

.gam{
    width:100%;
    max-width: 150px;
}

.description p{
    padding-bottom:1em;    
}


.ressources select, .ressources textarea{
    border:none;
}

.ressources select, .ressources input, .ressources textarea, .ressources .editor{
    /*font-size:1em;*/
    margin-bottom:1em;
}

.ressources input, .ressources select {
    box-sizing: border-box;
    height: 3rem;
    line-height: 2rem;
    padding: 0.5rem 1rem;
}

/* Reset default styles for select */
.ressources select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7 10l5 5 5-5H7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); /* Replace this with your own arrow icon */
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5em;
}

.ql-toolbar.ql-snow {
    background-color: #fcc;
    margin-top:0em;
}

.ql-container {
    font-family: inherit;
    font-size: 1em;
    background-color: #FFF;
}

.ql-editor {
    font-size: 1.4em;
    color: #000000;
    padding: 2em !important;
}

.ql-editor p, .ql-editor ul, .ql-editor ol, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6{
    margin-bottom:1em!important;
}

.ressources .bouton_formulaire {
    background-color: #ff755e;
    color: #FFF;
}

.ressources .bouton_formulaire:hover {
    background-color: #ff755ead;
}

.ressources .recherche_manuelle {
    background-color: #5a5a5a;
    color: #FFF;
    margin-top: 1em;
}

.ressources .recherche_manuelle:hover {
    background-color: #5a5a5ab5;
}


.show_courriel_mobile{
    display:none;
}


@media only screen and (max-width: 1150px) {

    .tri{
        padding: 2em 2em;
    }
    
    .inside_of_the_inside {
        width: 100%;
    }

	
}

@media only screen and (max-width: 900px) {

    .description, .meta{
        width:100%;
        float:none;
    }
    
    .ressource_domaines, .titre_ressource, .ressource_site_web{
        text-align:center;
    }
    
    .ressources .meta_display_flex {
        display: flex;
        margin-bottom: 2em;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .ressources .meta_display_flex ul, .ressources .meta_display_flex .gam {
            margin: 0.75em 1.5em;
    }
    
    .ressources .meta_display_flex li {
        text-align:center;   
    }   

    
    .ressource_site_web {
        margin-bottom: 2em !important;
        background-color: #ff755ead;
    }
    
    .ressource_site_web a {
        width: 100%;
        display: block;
        padding: 1em;
        color:#FFF;
    }
    
	
}

@media only screen and (max-width: 750px) {

    .half_element .element{
        width:100%;
        float:none;
    }
    
    .show_courriel_mobile{
        display:block;
    }
    
    .show_courriel_desktop{
        display:none;
    }
    
	
}

@media only screen and (max-width: 500px) {

    .tri{
        padding:1em;
    }
    
    .overflow_contenu {
        padding: 0em;
    }
    
    .ressource {
        padding: 1em;
    }
    

	
}