/*   
Theme Name: OICRM New
Theme URI: http://oicrm.org
Description: Nouveau thème pour l'OICRM
Author: IdFix Communications
Author URI: http://idfixcomm.com
Template: thematic
Version: 2.0
Tags: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
.

*/

/* POUR ADAPTER 2.0 */
/* Reset browser defaults 
@import url('../thematic/library/styles/reset.css');*/

/* Apply basic typography styles 
@import url('../thematic/library/styles/typography.css');*/

/* Apply a basic layout 
@import url('../thematic/library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles 
@import url('../thematic/library/styles/images.css');*/

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous 
@import url('../thematic/library/styles/default.css');*/

/* Prepare theme for plugins 
@import url('../thematic/library/styles/plugins.css');*/

/* Overriding Thematic's styles for congruity with WP-Admin > Appearance > Header default header text color settings */
#blog-description {
    color: #000
}


.content-wrapper.full-width {
    width: 100%
}


body {
    background-color: #EBEEF1;
    color: #000;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-size: 12pt;
}

.haut {
    height: 40px;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background: #ffffff;
}

.haut li {
    list-style: none;
}


/* Menu en haut */

.menu-menu-haut-container {
    width: 100%;
    text-align: right;
    float: right;
}

#menu-menu-haut.menu {
    width: 100%;
    height: 30px;
    background: transparent;
    border-right: 0px solid white;
    border-left: 0px solid white;
    margin: 0px;
    text-align: right;

}


ul#menu-menu-haut {
    list-style-type: none;
    background: transparent;
    text-align: right;

}

#menu-menu-haut li {
    display: inline-block;
    border-left: 1px solid #000000;
    padding: 0px 10px 0px 10px;
    height: 20px;
    line-height: 20px;
}

#menu-menu-haut li:first-child {
    border-left: 0px solid white;

}

#menu-menu-haut li:last-child {
    border-right: 0px solid white;

}


#menu-menu-haut a {
    font: 12px Calibri, Arial, verdana, sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
}

#menu-menu-haut a:visited {
    font: 12px Calibri, Arial, verdana, sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
}

#menu-menu-haut a:hover {
    font: 12px Calibri, Arial, verdana, sans-serif;
    color: #004B91;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
}

#menu-menu-haut .current_page_item a,
#menu-menu-haut .current_page_ancestor a,
#menu-menu-haut .current_page_parent a {
    font: 12px Calibri, Arial, verdana, sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
}


#branding {
    height: 160px;
    padding: 10px;
    background: #ffffff;
}

#blog-title {
    font-family: Calibri, Arial, sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
    padding-left: 0px;
    padding-top: 0px;
    float: left;
    font-weight: 400;
    background: transparent;
    margin-left: 0px;
}

#blog-title a {
    display: block;
    text-indent: -9000px;
    width: 700px;
    height: 132px;
    background: url(images/RCMS_logo_web_RGB.png) no-repeat;
    padding: 0px;
    background-size: contain;
}

#blog-description {
    display: none;
}


#access {
    position: relative;
    border-bottom: 0px solid #ccc;
}

.menu {
    text-align: left;
    background-color: #ffffff;
    height: 40px;
    width: 100%;
    border-right: 0px;
    line-height: 40px;
}



.sf-menu li {
    background: transparent;
}


.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    background-color: #ffffff;
}

.sf-menu a {
    border-width: 0px;
    padding: 9px 8px;
    text-decoration: none;
    margin-left: -1px;
    text-transform: uppercase;
    font-size: 14px;
}

.sf-menu a,
.sf-menu a:visited {
    color: #000000;
}

.sf-menu a:hover {
    color: #004B91;
}

.sf-menu li li a:hover,
.sf-menu li.sfHover li a:hover {
    color: #004B91;
    background-color: #ffffff;

}

.sf-menu .current-menu-item > a,
.sf-menu .current-menu-parent > a,
.sf-menu .current-menu-ancestor > a,
.sf-menu .current-post-ancestor > a,
.sf-menu .current_page_item > a,
.sf-menu .current_page_ancestor > a,
.sf-menu .current_page_parent > a {
    font-style: normal;
}



.fontawesome-text {
    display: none;
}



#sliderAcc {
    height: 345px;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    background: #ffffff;

}


.rslides_container {
    margin-bottom: 10px;
    position: relative;
    float: left;
    width: 100%;
}



#motBienvenue {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    background: #ffffff;
}







.site-main {
    padding-top: 20px;
    background-color: #ffffff;
}






.primary-aside {
    border: 0px solid #ccc;
    padding: 0px 0 0 0;
    margin-bottom: 24px;
}

.aside a {
    color: #004B91;
}

.aside a:hover {
    color: #000000;
    text-decoration: none;
}



.widgettitle {
    font-size: 20px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    margin-bottom: 12px;
    text-transform: uppercase;
    color: #000000;
}


#sidebarPrin {
    float: right;
    width: 33.33333%;
}

#sidebarPrin li {
    list-style: none;
}




.entry-title {
    font-family: Calibri, Arial, verdana, sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    padding: 0 0 20px 0;
    margin: 0;
    word-wrap: break-word;
    text-transform: uppercase;
    display: none;
}

h2 {
    font-family: Calibri, Arial, verdana, sans-serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 26px;
    padding: 0 0 20px 0;
    margin: 50px 0 0 0;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #000000;
}


.page-id-5 .entry-title {
    display: none;
}

.page-id-5 h2 {
    font-size: 19px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 6px;
    text-transform: uppercase;
    color: #000000;
    word-wrap: break-word;
}

.page-id-112 h2 {
    font-size: 19px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    margin-bottom: 0px;
    padding-top: 14px;
    text-transform: uppercase;
    color: #000000;
    word-wrap: break-word;
    padding-bottom: 0px;
}


.entry-content {

    padding: 0px 0 0 0;
}


/****** actualités ********/

.divActualites {

    padding: 10px;
    width: 600px;
    height: 900px;
    background: transparent;
    clear: both;
    margin-bottom: 30px;
}

.divActualites .blanc {
    height: 10px;
}



.col1 {

    padding: 10px;
    width: 285px;
    height: 360px;
    float: left;
}

.col2 {

    padding: 10px;
    width: 285px;
    height: 360px;
    float: right;
    line-height: 20px;
}

.col3 {

    padding: 10px;
    width: 285px;
    height: 360px;
    float: left;
    line-height: 20px;

}

.col4 {

    padding: 10px;
    width: 285px;
    height: 360px;
    float: right;
    line-height: 20px;
}


#actUdeM {

    background-color: #dff4fb;
}


#actUlaval {

    background-color: #ffcaca;
}


.divLogo {

    width: 285px;
    height: 50px;
    float: right;
    line-height: 20px;
}


.blanc {

    clear: both;
    width: 600px;
    height: 30px;
    background: transparent;
}





/* actualité complet */


.colA1 {

    padding: 10px;
    width: 48%;
    height: 360px;
    background: #dff4fb;
    float: left;
}

.colA2 {

    padding: 10px;
    width: 48%;
    height: 360px;
    background: #dff4fb;
    float: right;
}


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

    .colA1,
    .colA2 {
        width: 100%;
        margin-bottom: 15px;
    }
}



a.titre:link {

    font-size: 14px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    color: #004B91;
}


a.titre:hover {

    font-size: 14px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}


a.titreForm:link {

    font-size: 14px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    color: #004B91;
    text-transform: uppercase;
}


a.titreForm:hover {

    font-size: 14px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}


.navArticle {
    clear: both;
    width: 100%;
}

.navArticleAn {
    float: right;
    width: 320px;
    text-align: right;
    padding-right: 46px;
}

.navArticleRe {
    float: left;
    width: 320px;
    text-align: left;
}



/****** fin actualités ********/


/***** evenements ********/

.divEvenement {

    padding: 10px;
    width: 295px;
    height: 700px;
    background: transparent;
    float: left;
    margin-bottom: 30px;
}

.colEv1 {

    padding: 10px;
    width: 275px;
    height: 270px;
    background: #eefafe;
    float: left;
    line-height: 20px;
}

.colEv2 {

    padding: 10px;
    width: 275px;
    height: 270px;
    background: #eefafe;
    float: right;
    line-height: 20px;
}



.colE1 {

    padding: 10px;
    width: 275px;
    height: 270px;
    background: #eefafe;
    float: left;
    line-height: 20px;
}

.colE2 {

    padding: 10px;
    width: 275px;
    height: 270px;
    background: #eefafe;
    float: right;
    line-height: 20px;
}




/***** fin evenements ********/




/***** bourse ********/

.divBourse {

    padding: 10px;
    width: 295px;
    height: 700px;
    background: transparent;
    float: right;
    margin-bottom: 30px;
}


.colBo1 {

    padding: 10px;
    width: 275px;
    height: 270px;
    background: #f8f8f9;
    float: left;
    line-height: 20px;
}

.colBo2 {

    padding: 10px;
    width: 275px;
    height: 270px;
    background: #f8f8f9;
    float: right;
    line-height: 20px;
}


/***** fin bourse ********/





/***** publication ********/

.divPublication {

    padding: 10px;
    width: 600px;
    height: 520px;
    background: #f3f5f8;
    clear: both;
    margin-bottom: 30px;
}

.divPublication img {

    max-width: 120px;
    height: auto;

}


.colPub1 {

    padding: 0px;
    width: 173px;
    height: 370px;
    background: transparent;
    float: left;
    line-height: 20px;
    margin-right: 20px;
}

.colPub2 {

    padding: 0px;
    width: 173px;
    height: 370px;
    background: transparent;
    float: left;
    line-height: 20px;
    margin-right: 20px;
}

.colPub3 {

    padding: 0px;
    width: 173px;
    height: 370px;
    background: transparent;
    float: left;
    line-height: 20px;
    margin-right: 20px;
}


.colP1 {

    padding: 10px;
    width: 600px;
    height: 270px;
    background: #f3f5f8;
    float: left;
    line-height: 20px;
    margin-bottom: 30px;
}


.imgPub {

    padding: 0px;
    width: 140px;
    height: 250px;
    background: transparent;
    float: left;
    line-height: 20px;
}

.imgPub img {

    max-width: 120px;
    height: auto;

}


.txtPub {

    padding: 0px;
    width: 430px;
    height: 250px;
    background: transparent;
    float: right;
    line-height: 20px;
}




.imgPub2 {

    padding: 10px;
    width: 140px;
    height: 270px;
    background: #f3f5f8;
    float: left;
    line-height: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;


}


.imgPub2 img {
    position: relative;
    max-width: 120px;
    height: auto;
    z-index: 0;

}

.imgPub2 .textHover {
    padding: 5px;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 14px;
    text-align: left;
    background: #dcdcdc;
    width: 400px;
    height: auto;
    position: absolute;
    z-index: 2;
    display: none;

}

.imgPub2:hover .textHover {

    display: block;

}






/***** fin publication ********/





/***** documentation ********/

.divDocumentation {

    padding: 10px;
    width: 600px;
    height: auto;
    background: transparent;
    clear: both;
    margin-bottom: 30px;
}


/***** fin documentation ********/




a.lienAll:link {

    font-size: 14px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    color: #004B91;
    text-transform: uppercase;
    margin: 10px 0px 20px 0px;
}


a.lienAll:hover {

    font-size: 14px;
    font-style: normal;
    font-family: Calibri, Arial, verdana, sans-serif;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
    margin: 10px 0px 20px 0px;
}



.entry-content a {
    color: #004B91;
    text-decoration: none;
}

.entry-content a:visited {
    color: #004B91;
    text-decoration: none;
}

.entry-content a:hover {
    color: #666;
    text-decoration: none;
}







.entry-meta {
    display: none;
}

.entry-utility {
    display: none;
}


.navigation {
    color: #666;
    font-size: 13px;
    line-height: 18px;
    margin: 30px 0 24px 0;
    overflow: hidden;
}


.navigation a {
    color: #666;
    font-style: italic;
    text-decoration: none;
}


.navigation a:visited {
    color: #666;
    font-style: italic;
    text-decoration: none;
}


.navigation a:hover {
    color: #000;
    font-style: italic;
    text-decoration: none;
}



/* accordeon */



.omsc-toggle-title {
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    background: #00578f;

}


.omsc-toggle-title:hover,
.omsc-toggle.omsc-expanded .omsc-toggle-title {
    background: #00254B;
}

.omsc-toggle-inner {

    padding: 1em 1em 0.6em 1em;
}


/* fin accordeon */



/* tab */


.omsc-tabs-control li a {

    font-weight: bold;
    background: #eef9fd;
}


/* fin tab */



.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 10px;
}


#siteinfo {
    color: #666;
    font-size: 14px;
    line-height: 18px;
    padding-top: 24px;
    padding-bottom: 48px;
    background-color: #ffffff;
    border-top: 5px solid #004B91;
    height: 200px;
}

#siteinfo a {
    color: #666;
}

#siteinfo a:hover {
    color: #004B91;
    text-decoration: none;
}

#siteinfo a:visited {
    color: #666;
}

.site-footer {
    border-top: 0px solid #ccc;
    margin-top: 0px;
}


#footer1 {
    background-color: transparent;
    width: 20%;
    float: left;
    height: 180px;

}

#footer2 {
    background-color: transparent;
    width: 20%;
    float: left;
    height: 180px;

}

#footer3 {
    background-color: transparent;
    width: 20%;
    float: left;
    height: 180px;

}

#footer4 {
    background-color: transparent;
    width: 20%;
    float: left;
    height: 180px;

}

#footer5 {
    background-color: transparent;
    width: 20%;
    float: left;
    height: 180px;

}

#footer h2 {
    font-family: Calibri, Arial, verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #004B91;
    margin: 0px 0;

}

#footer .menu {
    text-align: left;
    background-color: transparent;
    height: 20px;
    width: 100%;
    border-right: 0px;
    line-height: 20px;
}


#footer ul {
    list-style-type: none;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}


#footerLogos {
    width: 100%;
    background-color: transparent;
    clear: both;
}


#footerLogos1 {
    width: 100%;
    background-color: transparent;
    float: left;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#footerLogos2 {
    width: 25%;
    background-color: transparent;
    float: right;
    text-align: right;
    padding-right: 15px;
    margin-top: 15px;
}

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

    #blog-title,
    #blog-title a,
    #blog-description {
        max-width: 100%
    }

    #access {
        position: relative;
        z-index: 3;
    }

    #menu-menu-principal,
    #menu-faure-dubois {
        background-color: #ffffff;
    }

    .menu-toggle {
        padding: 12px 0 0 20px;
    }

    .toggled-on .sf-menu .current_page_item > a,
    .toggled-on .sf-menu .current-menu-item > a {
        color: #004B91;
    }

    #sliderAcc {
        height: auto
    }

    .divActualites {
        max-width: 100%
    }

    .col2,
    .col4 {
        float: left;
        margin-top: 15px
    }

    .col1,
    .col2,
    .col3,
    .col4 {
        width: 100%;
    }

    .blanc {
        height: 0;
    }

    .divPublication {
        max-width: 100%;
        height: auto;
    }

    .divPublication h2 {
        margin-top: 25px
    }

    .colPub1,
    .colPub2,
    .colPub3 {
        height: auto;
        margin-bottom: 15px;
    }

    #sidebarPrin {
        width: 100%;
    }
    .wp-block-image .alignright{
        float: none;
    }