/*
Theme Name: Themfiy Basic Child - EET 2
Description: Thème enfant du thème Basic pour le projet Espace enseignement et technologies du RISET (Université de Lausanne)
Author: a.elsig
Author URI: http://unil.ch/riset
Template: basic                
Version: 0.1.0 
*/


/*.cc-grower {display:none;}*/

/* -------------- général --------------- */

/* #body */
#body {
    /*padding-top:0px;
    box-shadow:none;
    font-size:105%;
    background-color:transparent;
    z-index:20;*/
    position:relative;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
body.home #body #content {
    margin-top:-20px;
    padding-top:0;
}
body #pagewrap {
    position:relative;
}


/* #headerwrap */
#header-collapsable .header-collapsable-title,
#header-collapsable-content,
.pagewidth,
body.page-template-_raccourcisRiset #ae_contentheaderTop {
    width: 1230px;
    max-width: 94%;
    margin: 0 auto;
}
#headerwrap #header {height:auto;width:100%;max-width:100%;}

/* #header */
#site-logo {
    position:static;
    padding:12px 10px 14px;
    color:#284270;
    font-size:1.5em;
    background:#fff url(images/logoUnil.png) 10px 10px no-repeat;
    background-size:90px auto;
}
#site-logo a {
    color:#6f6f6f;
    font-weight:normal;
}
#site-logo span {margin-left:92px;}

/*#header-collapsable*/
#header {
    background:/*#1b5c84*/#fff url(images/bg_homeNew3.jpg) 0px 0px no-repeat;
    background-size:cover;
    /*z-index:10;*/
}

/* #header liens */
#header .social-widget {top:10px;font-size:105%;bottom:inherit;}
#header .social-widget a {color:#0160a3;}
#header .social-widget a:hover {text-decoration:underline;}

#header .social-widget .widget_meta ul {margin-top:0 !important;}
#header .social-widget .widget_meta .widgettitle {display:none;}
#header .social-widget .widget_meta li {display:none;line-height:2em;border-top:none;}
body:not(.logged-in) #header .social-widget .widget_meta li:first-child {display:block;}
body.logged-in #header .social-widget .widget_meta li:nth-child(2) {display:block;}

body:not(.logged-in) #nav_menu-3 {display:none;}
#header .social-widget select {width:130px;}

#header #searchform {display:none;}

/* #footer */
#footerwrap {background:#1c3053;padding:15px;}
#footer {padding:0;border-top:0;color:#9ca8b3;}
#footer .footer-widgets > div:nth-child(3) {
    display:none;
}
#footer a {color:#d8d4ab;}
#footer h4 {color:#ffffff;}
#footer .back-top {display:none;}
#footer .first .widget_nav_menu {margin-bottom:0;}
#footer .first ul {margin:0;}
#footer .first ul > li {display:inline-block;border-color: #394865;}
#footer .first ul > li a:after {content:"\00a0\00a0|\00a0\00a0";}
#footer .first ul > li:last-child a:after {content:"";}



/* -------------- contenu infos collapsables --------------- */
#header-collapsable {
    padding:15px 0 30px 0;
}
#header-collapsable h2.sitetitle,
#site-description {
    color:#fff;
    display:inline-block;
    margin:0;
    font-weight:normal;
    font-style:normal;
    text-shadow: 1px 1px 5px #8187aa;
}

#header-collapsable-button {
    float:right;
    color:transparent;
    width:24px;
    height:24px;
    background:rgba(255,255,255,0.5) url(images/ic_close2.svg) center no-repeat;
    background-size:14px 8px;
    margin-top:1.9em;
}
#header-collapsable-button.close {
    background-image:url(images/ic_open2.svg);
}

#header-collapsable h2.sitetitle {
    font-size:2.8em;
}
#site-description {
    position:static;
    font-size:1.5em;
    font-family:inherit;
    margin-top:15px;   
}
#site-description span {
    max-width:400px;
    display:block;
    margin-bottom:10px;
}
#myfollow .myrss {
    display:inline-block;
}
.myrss img {
    width:20px;
    height:20px;
    margin-right:3px;
    position:relative;
    top:5px;
    -webkit-filter:saturate(0%) brightness(70%) contrast(1000%);
    filter:saturate(0%) brightness(70%) contrast(1000%);
    box-shadow: 0 4px 8px 0 rgba(255, 235, 163, 0.35), 4px 10px 20px 0 rgba(255, 235, 163, 0.25);
    /*-webkit-transition: -webkit-filter 150ms linear;
    transition: filter 150ms linear;*/
}
.myrss img:hover {
    -webkit-filter:none;
    filter:none;
}

#infosrightcol {
    float:none;
    display:inline-block;
    margin-top:15px;
}
#main-nav-wrap {
    margin-bottom:5px;
}
#infos > div {
    background-color:#fdf183;
    padding:5px;
    margin-bottom:5px;
    color:#656565;
}
#infos > div h4 {
    margin-bottom:0;
}



/* -------------- textes --------------- */

h1, h1.post-title, h1.page-title {
    font-size:2.1em;
    color:#000;
}
h2 {
    font-size:1.8em;
    position:relative;
    z-index:10;
}
/*.my-module-title {
    font-size: 1.2em; 
    margin: .3em 0 1.2em; 
    text-transform: uppercase; 
    letter-spacing: .05em;
}*/
h3, h3.module-title, h2.my-module-title {
    font-size:1.5em;
    /*margin:20px 0 .4em;*/
    margin-bottom: 0.4em;
    letter-spacing:0;
    /*position:relative;
    z-index:10;*/
}
h4 {
    margin-top:10px;
}
h4:not(.widgettitle) {
    text-decoration:underline;
    font-size:1.1em;
}
h5 {font-size:1em;}
h6 {font-size:1em;}
h2, h3, h3.module-title, h2.my-module-title, h4, h5, h6 {color:#343434;}
a  {color:#0069cb;}
.module .ui a {color:#0069cb !important;}
.post-title a {color:#234d98;}

table td {vertical-align:top;} 
blockquote {font-size:1.3em;}
input, select {cursor:pointer;}
.wp-caption-text {color: #999;font-size:0.9em;font-weight:normal;}
.mydata {font-size:0.9em;color: #999;}
.mydata img {vertical-align:text-bottom;}

.print {display:none;}

.myborder {
    border: 1px solid #919191 !important;
}

/* copyright */
.copyright {
    position:relative;
    float: left;
    top: 10px;
    left: 2px;
    color:rgba(255,255,255,0.5);
    font-size:9px;
    mix-blend-mode: difference;
    writing-mode:vertical-lr;
    width: 0;
}
.mypost .copyright {
    position:absolute;
    left:0px;
    top: 0;
    padding-top:10px;
    writing-mode:vertical-lr;
}
/*a[class*="©"]::before {
    content: attr(class);
    position:absolute;
    left:0px;
    padding-top:10px;
    color:rgba(255,255,255,0.5);
    font-size:9px;
    writing-mode:vertical-lr;
    mix-blend-mode: difference;
}*/

/* select */
.form-group select {
    -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    overflow:hidden;
	text-overflow: ellipsis;
    word-wrap: break-word;
	white-space:nowrap;
    outline:none;
    text-decoration: underline;
    border:0;
    border-radius:0;
    background-color:white;
    height:2em;
    padding:0 3px;
}
.form-group:not('#main-nav') select {
    text-align:right;
}
.form-group select option {
    color:#000;
}


/*.module p {
    position:relative;
}*/

/* --------------  bouton top --------------  */
.backToTopAnchor {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
    line-height: 0;
    clip: rect(1px, 1px, 1px, 1px);
}
#backToTopBtn {
    background:url(images/scrollTop.png) no-repeat center;
	width: 50px;
	height: 50px;
    padding: 10px;
	text-indent: -99999px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
	z-index:3000;
}


/* -------------- filtres de recherche --------------- */
.widget_wp_views .wpv-filter-form .checkbox input {
    /*-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;*/
    border-radius:0;
    background-color:#fff;
    height:1em;
    width:1em;
    vertical-align:bottom;
} /* pour les cases à cocher cochées */

.widget_wp_views .wpv-filter-form #sitefilters {
    background-color:#162b64;
    padding:10px 14px;
    margin-bottom:7px;
    color:#fff;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.widget_wp_views .wpv-filter-form #sitefilters .part2 {
    display: flex;
    margin-top: 5px;
}
.widget_wp_views .wpv-filter-form #sitefilters .part4 {
    margin-top:5px;
    width: 100%;
} /* dans tableau de diffusion */
.widget_wp_views .wpv-filter-form #sitefilters em,
.widget_wp_views .wpv-filter-form #sitefilters .form-group {
    display:table-cell;
    font-style:normal;
}
.widget_wp_views .wpv-filter-form #sitefilters .part2 em {
    min-width:135px;
}
.widget_wp_views .wpv-filter-form #sitefilters .form-group.maj {
    text-transform: uppercase;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}
.widget_wp_views .wpv-filter-form #sitefilters .form-group > .checkbox {
    display:inline-block;
    margin:0 20px 10px 0;
}
.widget_wp_views .wpv-filter-form #sitefilters .checkbox .wpv-parametric-disabled {
    opacity:0.5;
}
.widget_wp_views .wpv-filter-form #sitefilters .checkbox input[checked="checked"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #d68e2f;
}

.widget_wp_views .wpv-filter-form #pagefilters {
    text-align:right;
    margin-bottom:7px;
}
#pagefilters .form-group {
    display: inline-block;
}

button.wpv-reset-trigger {
    background: rgba(255,255,255,0.8) url(images/ic_reset.svg) center no-repeat;
    background-size: 18px 18px;
    color:transparent;
    width:20px;
    height:20px;
    text-shadow:none;
    border-radius:2px;
}



#viewfilters {
    text-align:right;
    margin-bottom:7px;
    padding:0 13px;
}
#viewfilters > a:not(.select) {
    opacity:0.3;
}


/* -------------- page home --------------- */
body.home h1 {display:none;}



/* -------------- page ressources --------------- */
#content > .post > figure { display:none; }

#ae_contentheaderTop {
    background-color: #162b64;
    padding: 5px 15px;
    position: relative;
    top: -30px;
}
#ae_contentheaderTop a {
    color:#fff;
}

body:not(.home) #content {
    padding:0 15px;
}
body:not(.home) #content .post-meta.entry-meta {
    display:none;
}
body:not(.home) #content .mydata:last-of-type {
    margin-bottom:20px;
}


/* -------------- page archive --------------- */
/* utilisée: body.archive.term-nouveautes-de-la-rentree */
body.archive article > figure.post-image,
body.archive .category-description {
    display: none;
}


/* --------------  pagination --------------  */
.mypost#nextItem_button {
    padding:30px 10px 10px 20px;
    font-size: 1.4em;
}
body.viewblock .mypost#nextItem_button {
    background:none;
}
body.viewblock .mypost#nextItem_button a {
    display:block;
}


/*  -------------- contenus spécifiques --------------  */
/* contenu interne */
.wpcf-restriction-interne h1 > a,
.wpcf-restriction-interne > a {
    font-style:italic;
    color:#3e7c4a !important;
}

/* contenu privé*/ 
.private h3 a:before,
.private a:before,
.tableau_row .post-title.private a:before {
	content:"Privé : ";
}

/* notes de travail (interne) */
.note-interne {
	display:none;
	background-color:#FFC;
	padding:5px 8px;
	border:1px solid #E8E8B7;
}
body.logged-in .note-interne {display:block;}
.note-interne:before {content:"NOTE INTERNE: ";font-weight:bold;text-decoration:underline;}



/* -------------- table des matières --------------  */
#toc_container {
    width:100%;
    padding-left:7px;
    margin-left:-7px;
    border:none;
    border-bottom:1px dashed #a1b2c4;
    font-size:110%;
}
#toc_container:not(.tdmblock) .toc_list li {display:inline;}
#toc_container:not(.tdmblock) .toc_list ul {display:inline;margin-left:0;}/*pour le second niveau*/
#toc_container:not(.tdmblock) .toc_list > li:after {content:" | " !important;display:inline !important;}
.toc_list li li:before {content:" - " !important;color:#a1b2c4;display:inline !important;}
.toc_list li a {font-weight:bold;color:#5788bb;}
.toc_list li li a {font-weight:normal;}
.toc_list .toc_number {display:none;}



/*  -------------- fiche projet --------------  */
.metaProjet {margin-bottom:1em;max-height:400px;background-color:#e7e7e7;}
.metaProjet div.first label {font-weight:bold;}
.metaProjet .repondant a {display:block;}
.metaProjet div.last {text-align:right;max-height:inherit;}
.metaProjet div.last span {display:block;}
.metaProjet div.last img + span:not(:empty):before {
    content:"\00a9\0020";
}
.metaProjet img {max-height:360px;width:auto;}


/* --------------  collapse --------------  */
.ui.module-accordion {border-radius:0;}
.ui.module-accordion .accordion-title {
	text-transform:uppercase;
    font-size:1em;
	background-color: #efefef;
    text-align:center;
    background:url(images/fleche2.png) no-repeat 94% 50% !important;
}
.ui.module-accordion .accordion-title a {padding:10px 10px;color:#018890 !important;}

body.single-projets .module-accordion {margin-bottom:-1px;}

/* --------------  modules  --------------  */
.module-text,
.module-box {margin-bottom:20px;}
.row_inner {align-items:flex-start;}

/* --------------  box  --------------  */
.module-box-content {padding:10px 15px;}
.module-box-content h4 {margin-top:10px;}

/* --------------  box noire --------------  */
.module-box-content.ui.black {border-color:#353b3e;background-color:#353b3e;}
.module-box-content.ui.black a {color:#79b1fd !important;}


/* --------------  onglets --------------  */
.module-tab.ui .tab-nav li {background-color:#e7e7e7;}
.module-tab.ui .tab-nav li:hover {background-color:#f7f7f7;}

/*  -------------- onglets : ajout d'un sous-menu d'onglets  -------------- */
.module-tab.ui .tab-content .tab-nav,
.module-tab.ui .tab-content .tab-nav:before {background:none;border:none;box-shadow:none;}
.module-tab.ui .tab-content .tab-nav li:hover,
.module-tab.ui .tab-content .tab-nav li.current {background: #fff;}
.module-tab.ui .tab-content .tab-nav li a {color:#555 !important;}



/* -------------- affichage liste -------------- */
body.home .mylistrow {
    padding:0px 15px;
}
.mylistrow .mypost { 
    border-top:1px solid #eeeeee;
    padding:2px 0;
    vertical-align:top;
}
.mylistrow .mypost:hover {
    background-color:#f0f0f0;
}

.mypost-image,
.mypost-fac {
    display:none;
}
.mypost-title {
    font-size:1.1em;
    margin:0;
    display:inline-block;
    font-weight:normal;
}
.mypost-data {
    color:#a9a9a9;
    display:inline-block;
    font-weight:normal;
}
.mypost-data:before {content:"(";}
.mypost-data:after {content:")";}
.mypost-type {
    display:inline-block;
    font-size:0.8em;
    background-color:#999;
    color:#fff;
    padding:2px 5px;
    text-transform:uppercase;
    font-style:italic;
    float:right;
    border-radius:4px;
}


.mytooltip {
    display:none;
    background-color:#f3f3f3;
    padding:10px;
    z-index:200;
    font-style:italic;
    border:1px solid #cbcbcb;
}
body.viewlist .mytooltip {
    position:fixed;
    overflow:hidden;
    width:auto;
    max-width:500px;
    box-shadow: 5px 10px 18px #888888;
    font-size:0.9em;
    color:#7a7a7a;
}



/* -------------- affichage block -------------- */
body.viewblock .mypost-image,
body.viewblock .mypost-fac {display:block;}
body.viewblock .mypost-data {display:none;}

/* flexbox
pour aligner à gauche les éléments de la dernière ligne: cf http://code.i-harness.com/fr/q/11e0364
https://codepen.io/rustydev/pen/f7c8920e0beb0ba9a904da7ebd9970ae */
body.viewblock .mylistrow {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-bottom:10px;
}
body.viewblock .mylistrow:after {
    content: "";
    flex: auto;
    margin-left:-1%;
}
body.viewblock .mylistrow .mypost {
    flex: 1 0 24.1%;
    max-width: 24.1%;
    min-width:150px;
    background-color:#455357;
    cursor:pointer;
    overflow:hidden;
    position:relative;
    text-align:left;
    vertical-align:top;
    padding:0;
}
body.viewblock .mylistrow .mypost:nth-child(4n+2),
body.viewblock .mylistrow .mypost:nth-child(4n+3),
body.viewblock .mylistrow .mypost:nth-child(4n+4) {
    margin-left: 1%;
}
body.viewblock .mylistrow .mypost:nth-child(4n+1):nth-last-child(-n+4),
body.viewblock .mylistrow .mypost:nth-child(4n+1):nth-last-child(-n+4) ~ .mypost {
    margin-bottom: 0;
}
/* fin flexbox */

body.viewblock .mylistrow .mypost-image {
    width:104%; /* pour les images avec bord blanc */
    margin:-2% 2% 2% -2%;
    height:195px;
    overflow:hidden;
}
body.viewblock .mylistrow .mypost-image img {
    min-height:100%;
    min-width:100%;
    max-width:none;
}
body.viewblock .mylistrow .mypost-title {
    background-color:#fff;
    height:85px;
    display:block;
    padding:5px 5px 0;
}
body.viewblock .mylistrow .mypost-type {
    position:absolute;
    top:161px;
    left:0;
    width:calc(100% - 10px);
    height:24px;
    text-align:right;
    padding:5px;
    border-radius:0px;
}
body.viewblock .mylistrow .mypost-fac {
    position:absolute;
    top:160px;left:0;
    height:24px;
    color:#fff;
    padding:5px;
}


body.viewblock .mylistrow .mypost-fac.CDL {background: rgb(0, 140, 204);background: rgba(0, 140, 204, .8);}
body.viewblock .mylistrow .mypost-fac.FBM {background: rgb(175, 76, 100);background: rgba(175, 76, 100, .8);}
body.viewblock .mylistrow .mypost-fac.FDCA {background: rgb(150, 29, 90);background: rgba(150, 29, 90, .8);}
body.viewblock .mylistrow .mypost-fac.FTSR {background: rgb(40, 88, 125);background: rgba(40, 88, 125, .8);}
body.viewblock .mylistrow .mypost-fac.GSE {background: rgb(0, 163, 90);background: rgba(0, 163, 90, .8);}
body.viewblock .mylistrow .mypost-fac.HEC {background: rgb(0, 55, 84);background: rgba(0, 55, 84, .8);}
body.viewblock .mylistrow .mypost-fac.Lettres {background: rgb(5, 166, 157);background: rgba(5, 166, 157, .8);}
body.viewblock .mylistrow .mypost-fac.SSP {background: rgb(79, 127, 170);background: rgba(79, 127, 170, .8);}

body.viewblock .mypost:hover .mytooltip {
    position: absolute;
    display: block;
    top: 0;
    width: calc(100% - 22px);
    height:139px;
    overflow-y:auto;
}



/*  -------------- page tableau de diffusion --------------  */
.tableau_row {padding:3px 0;display:flex;flex-wrap:nowrap;justify-content:flex-start;border-bottom:1px solid #c3c3c3;}
.tableau_row .item.row-title {font-size:1.1em;font-weight:normal;margin:0;}
.tableau_row .item {flex:1;border-right:1px dotted #e0e0e0;}
.tableau_row .item:nth-child(1),
.tableau_row .item:nth-child(3),
.tableau_row .item:nth-child(7) {flex:0.5;max-width:25px;}
.tableau_row .item:nth-child(2) {flex:5;}
.tableau_row .item .post-edit-link {color:transparent;white-space:nowrap;text-overflow: clip;display:block;background:url(images/edit.png) 0px 0px no-repeat;background-size:12px 14px;margin-top:2px;}
.tableau span small {font-weight:normal;font-size:0.9em;color:#999;display:inline;}
.tableau_row .item.row-date {font-weight:bold;}
.tableau_row .item.row-comment {font-style:italic;}



/*  -------------- page guide de l'enseignant --------------  */
#ressourceContCarre {opacity:0;transition:visibility 0s linear 0.5s,opacity 0.5s linear;}
body.page-template-_guideEnseignant-php .video_legende {
    text-align:right;
    margin-top:40px;
    font-style:italic;
    max-width:500px;
    margin-left:auto;
}
body.page-template-_guideEnseignant-php video {
    width: 100%;
    height: auto;
}
body.page-template-_guideEnseignant-php #ressources_utiles {
	background-color: rgb(21,54,68);
	color:#fff;
	padding: 20px 10px 10px;
}
body.page-template-_guideEnseignant-php #ressources_utiles a {color:#fff;text-decoration:underline;}
body.page-template-_guideEnseignant-php #infosSources {font-style:italic;color:#d6d5d5;font-size:0.9em;padding:10px 200px;background-color: rgb(69,104,117);}
body.page-template-_guideEnseignant-php #infosSources a {color:#d6d5d5;}
body.page-template-_guideEnseignant-php #myholon {clear:both;}
body.page-template-_guideEnseignant-php #anim #screen {
    left: 50% !important;
    top: 60% !important;
}
body.page-template-_guideEnseignant-php #holon {background-color: rgb(69,104,117);height:650px;} 

body.page-template-_guideEnseignant-php #body {padding-bottom:30px;}

/* correction pour thème basic */
body.page-template-_guideEnseignant-php #anim #screen {top: auto !important;left: calc(50% - 276px) !important;}
body.page-template-_guideEnseignant-php #menu {top: 50px !important;left:0 !important;} 
body.page-template-_guideEnseignant-php #body {
    position: relative;
}


/*  -------------- page outils riset -------------- */ 
body.page-template-_raccourcisRiset #ae_contentheaderTop {
    width:1200px;
}
body.page-template-_raccourcisRiset #body {
    position: relative;
}
    


/*  -------------- page flux des actus RSS --------------  */
body.page-id-2706 .mypost {margin-bottom:30px;}
body.page-id-2706 .mypost .mypost-image,
body.page-id-2706 .mypost .mycollapse{
    display:inline-block;
    vertical-align:top;
}
body.page-id-2706 .mypost .mypost-image {
    width:150px;
}
body.page-id-2706 .mypost .mypost-image img {
    width:130px;
}
body.page-id-2706 .mypost .mycollapse {
    width:calc(100% - 160px);
}
body.page-id-2706 .mypost .mydataBottom {
    margin-top:15px;
}
    

/*  -------------- page liste dossiers thématiques --------------  */
body.page-id-7393 .mylistrow.listeDossiers {
    display:flex;
    flex-wrap:wrap;
}
body.page-id-7393 .listeDossiers h3 {
    font-size:20px;
    background-color:transparent;
}
body.page-id-7393 .listeDossiers .mypost {
    width:30%;
    margin:10px 20px 10px 0;
    background-color: #e3e3e3;
    position:relative;
}
body.page-id-7393 .listeDossiers .mypost .mypost-image {
    display:block !important;
    height:220px;
    overflow:hidden;
}
body.page-id-7393 .listeDossiers .mypost .mypost-image img {
    width:100%;
    margin-top:-20px;
}
body.page-id-7393 .listeDossiers .mypost .mypost-title {
    padding:0;
    height:auto;
    width: auto;
    padding:7px 10px 0;
}
body.page-id-7393 .listeDossiers .mypost .mypost-excerpt,
body.page-id-7393 .listeDossiers .mypost .mypost-data {
    padding:5px 10px 0;
}


/*  -------------- themify builder modules --------------  */
/* pour désactiver les modules:
- ci-dessous pour les modules affichés dans la page d'édition,
- dans le hook du thème pour les modules affichés en édition avec le bouton +,
- dans les settings du thème pour les exclure (attention: une fois exclus les contenus n'apparaissent plus. attention à ne pas exclure Portfolio sinon les contenus des dossiers thématiques disparaissent.)*/

.tb-module-callout,
.tb-module-feature,
.tb-module-menu,
.tb-module-image,
.tb-module-portfolio {display:none !important;}

/* exclus dans les settings du thème avec bizco: 
Exclude Post module
Exclude Map module
Exclude Widgetized module 

exclus supplémentaires avec basic:
Exclude Highlight module
Exclude Service Menu module
Exclude Alert module
Exclude Testimonial module
Exclude Testimonial Slider module
Exclude Plain Text module
Exclude Fancy Heading module*/


/*  -------------- themify builder modules --------------  */
/* désafficher l'édition des styles pour les blocs */
.tb_option_row.ti-settings,
.tb_style_row.ti-brush {display:none;}
.tb_import_layout_button {display:none !important;}




/*  -------------- divers --------------  */
/* corrections pour que les éléments ne flashent pas au chargement */
#header {border-bottom:0;}
#site-description {display:none;}
#header-collapsable-content > #site-description {display:block;}
#main-nav li {display:none;}
#header .social-widget #nav_menu-3 li {opacity:0;}



/*  -------------- -------------------------------- --------------  */



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

    .pagewidth {
        max-width:100% !important;
        width:100%;
    }
    
    #site-description,
    #site-description span,
    #infosrightcol {
        /*display:block;*/
        max-width:100%;
        width:100%;
    }
    #infosrightcol {
        margin-left:0;
        margin-top:10px;
    }
    /*#myfollow {margin-bottom:10px;}*/
    
    .widget_wp_views .wpv-filter-form #sitefilters .part2 {
        display:block;
        width:100%;
    }
    
    #site-description {
        font-size: 1.4em;
    }
    #header-collapsable h2.sitetitle {
        font-size:2em;
    }
    #header-collapsable-button {
        margin-top:0;
    }
    
    #menu-icon {display:none;}
    
    #site-logo {
        padding-left:0px !important;
        padding-top:40px !important;
    }
    #site-logo a {
        font-size:18px !important;
        vertical-align:sub;
    }
    #site-logo span {
        margin-left:10px !important;
    }
    
    #footer .first .widget_nav_menu:last-child {
        margin-bottom:10px;
    }
    
    #header .social-widget {
        position: absolute !important;
        top: 0px !important;
        right: 5px !important;
        padding-top:0 !important;
    }
    
    body.viewlist .mylistrow h3 {
        max-width:70%;
    }
    
    body.viewblock .mylistrow .mypost {
        flex: 1 0 49%;
        max-width: 49%;
    }   
    
    body.page-id-7393 .listeDossiers .mypost {
        width:45%;
    }
    


    /* --------------  guide de l'enseignant  -------------- */
    body.page-template-_guideEnseignant-php h1,
    body.page-template-_guideEnseignant-php .first {
        padding-left:10px;
    }
    /* correction pour thème basic */
    body.page-template-_guideEnseignant-php h1 {padding: 0 10px;}
    body.page-template-_guideEnseignant-php .col3-2.first {padding: 0 10px;width:calc(100% - 20px);}
    body.page-template-_guideEnseignant-php .col3-1.last {float:right;}


}



@media only screen and (max-width:480px) {   
    
    #header-collapsable {
        min-height: 100px;
    }
    
    .copyright,
    #menu-icon {display:none;}
    
    /*#main-nav-wrap {
        position:static !important;
    }*/
    
    
    /* --------------  listes -------------- */
    body:not(.viewblock) .mylistrow .mypost {
        border-bottom:1px solid #434343;
        padding-bottom:10px;
    }

    body:not(.viewblock) .mylistrow:not(.listeDossiers) .mypost .mytooltip {
        display: block;
        position: static;
        max-width: 100%;
        box-shadow:none;
        border:0;
        background:none;
        padding:0;
    }
    
    body:not(.viewblock) .mylistrow:not(.listeDossiers) .mypost .mypost-data {display:none;}
    
    

    body.viewblock .mylistrow .mypost {
        flex: 1 0 100%;
        max-width: 100%;
        min-width:none;
        display:block;
        height:auto;
        background-color:#fff !important;
    }
    body.viewblock .mylistrow .mypost-image {
        display:block;
        width:30%;
        height:100px;
        float:left;
        background-color:#455357;
        margin:8px 0 0 0;
    }
    body.viewblock .mylistrow .mypost-title,
    body.viewblock .mylistrow .mypost-type,
    body.viewblock .mylistrow .mypost-data {
        display:block !important;
        position:static !important;
        margin-left:30%;
        text-align:left;
        height:auto !important;
        width:calc(70% - 10px);
    }
    body.viewblock .mylistrow .mypost-type {
        float:none;
        background:none;
        color:#555;
        text-transform:none;
        padding-top:0;
        padding-bottom:0;
    }
    body.viewblock .mylistrow .mypost-fac {
        width:calc(30% - 10px);
        top:5px;
        height:20px;
    }
    body.viewblock .mylistrow .mypost-data {
        margin-left:calc(30% + 3px);
        color:#555;
        font-style:italic;
        font-size:0.8em;
    }
    body.viewblock .mylistrow .mytooltip,
    body.viewblock .mypost:hover .mytooltip {
        display:none !important;
    }
    
    body.page-id-7393 .listeDossiers .mypost,
    body.page-id-7393 .listeDossiers .mypost .mypost-title,
    body.page-id-7393 .listeDossiers .mypost .mypost-excerpt,
    body.page-id-7393 .listeDossiers .mypost .mypost-data {
        width:100% !important;
        display:block !important;
        margin-left:0;
        padding-left:0;
        padding-right:0;
    }
    body.page-id-7393 .listeDossiers .mypost {
        background-color:#fff;
        
    }
    

    /* -------------- table des matières --------------  */
    #toc_container:not(.tdmblock) .toc_list li {display:block;}
    #toc_container:not(.tdmblock) .toc_list ul {display:block;margin-left:0 !important;}
    #toc_container:not(.tdmblock) .toc_list > li:after {content:"" !important;}
    #toc_container:not(.tdmblock) .toc_list li li:before {content:"" !important;}
    #toc_container:not(.tdmblock) .toc_list li li {margin-left:10px !important;}
    #toc_container:not(.tdmblock) .toc_list li a {color:#788ba0;line-height:1.6em;}


}