html {
overflow-y: scroll;
width: 100%;
}
body{
font-family: var(--wp--preset--font-family--police);
} header#masthead {
margin-top:0;
width:100%;
z-index:100;
padding-top:10px;
padding-bottom:10px;
background:#fff;
}
header#masthead .navbar {
transition:min-height 0.350s;
}
#masthead .navbar-brand{
padding:0;
transition:margin 0.350s;
max-width:280px;
}
#masthead .navbar-brand img{
padding:0;
width:100%;
transition:width 0.350s;
} header#masthead {
position:absolute;
height:84px;
}
#primary {
margin-top:84px;
}
.single-cqcam #primary{
margin-top:0;
}
.home #primary {
margin-top:0;
}
.home header#masthead {
background:none;
}
.home #masthead .navbar-brand img{
filter:brightness(0) invert();
}
.home header#masthead.sticky-masthead  .navbar-brand img{
filter:revert;
}
header#masthead{
box-shadow: none;
transition:top 1.3s,background-color 600ms;
}
header#masthead.sticky-masthead{
box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
position:fixed !important;
top:0px;
width:100%;
background:#ffffff;
}
header#masthead.sticky-masthead .navbar { }
#masthead.sticky-masthead .navbar-brand{
margin-bottom:0;
}
.admin-bar #masthead.sticky-masthead{ top:0;
margin-top:30px;
}
header#masthead.sticky-masthead.sticky-hide{
top:-200px;
}
header#masthead.sticky-masthead.sticky-show{
top:0;
}
body #masthead #main-nav ul{
flex-wrap:wrap;
}
body #masthead .navbar > .container{
padding-right:0;
padding-left:15px;
}
body #masthead #main-nav .navbar-nav > li > a{
font-size:1em;
font-weight:600;
padding:3px 0 2px;
margin:0 0.75em;
transition: border-color 200ms;
color: var(--wp--preset--color--bleu-fonce);
border-bottom:4px solid rgba(255,255,255,0);
}
body #masthead #main-nav .navbar-nav > li:hover > a,
body #masthead #main-nav .navbar-nav > li.active > a,
body #masthead #main-nav .navbar-nav > li.current-page-ancestor > a,
body #masthead #main-nav .navbar-nav > li.current-menu-ancestor > a
{
border-color: var(--wp--preset--color--bleu);
}
.dropdown-menu{
min-width:15rem;
left:-11px;
}
.dropdown-menu .dropdown-item{
line-height:1.3em;
font-size:0.915em;
font-weight:600;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .menu-item-has-children:hover,
.dropdown-menu li.active {
background:var(--wp--preset--color--gris-ultra-pale);
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children > .dropdown-menu{
margin-top:-9px;
}
@media screen and (min-width: 992px) {
.dropdown:hover>.dropdown-menu {
display: block;
margin:0;
}
.dropdown>.dropdown-toggle:active {
pointer-events: none;
}
}
@media screen and (min-width: 1024px) {
body #masthead #main-nav .navbar-nav > li > a{
font-size:1.06em;
}
}
@media (max-width: 991px){
#main-nav{
margin-top:20px;
}
.navbar-toggler-icon{
width:2em;
height:2em;
}
body #masthead .navbar-nav{
justify-content: start;
}
body #masthead #main-nav  {
margin-left:-15px;
margin-right:-15px;
}
body #masthead #main-nav .navbar-nav  {
font-size:1.3em;
background:#fff;
padding:1em 2em;
}
body #masthead #main-nav .navbar-nav > li > a{
display:inline-block;
line-height:1.4em;
margin-top:1em;
margin-left:0;
}
} #secondary-nav {
background: var(--wp--preset--color--bleu-fonce);
}
#secondary-nav ul.navbar-nav {
flex-direction:row !important;
}
#secondary-nav .navbar-nav > li > a {
font-size:0.84rem;
letter-spacing: 0.1em;
color: #fff;
transition: all 300ms;
padding: 0.75em 1em;
}
#secondary-nav > ul  > li.recherche > a{
font-size:1.1em;
margin-top:-0.4em;
margin-right:0.5em;
}
#secondary-nav .navbar-nav > li.lang > a{
background:var(--wp--preset--color--bleu);
border-radius:0.8em;
padding:0.15rem 0.5rem;;
text-transform: uppercase;
font-size: 0.58rem;
margin:0.6rem 0.75em 0;
}
#secondary-nav .navbar-nav > li > a:hover,
#secondary-nav .navbar-nav > li.active > a
{
color: var(--wp--preset--color--bleu-fonce);
background:var(--wp--preset--color--jaune);
}
.entry-content .date-horaire{
margin-bottom:0.75em;
}
.entry-content .date{
font-size:0.86em;
color:#888;
}
.resultats-recherche ul{
padding:0;
}
.resultats-recherche li{
display:block;
max-width:800px;
line-height:1.3em;
}
.resultats-recherche h3{
margin:1.5em 0 0.2em;
}
.resultats-recherche .date{
font-size:0.9em;
color: #999;
margin-top:0.3em;
} .widget{
font-size:0.9rem;
margin-bottom:1.5em;
}
#footer-widget{ background-color:var(--wp--preset--color--bleu-pale);
background-attachment:fixed;
border-top:5px solid var(--wp--preset--color--bleu);
}
#footer-widget .col-12 .widget:last-child{
margin-bottom:-0.5rem;
}
#footer-widget h3{
font-size:1.06rem;
color:#fff;
font-size:1.4em;
padding-top:0;
padding-bottom:0.5em;
}
#footer-widget .centre{
background:#fff;
}
#footer-widget .centre h3{
color:var(--wp--preset--color--bleu-pale);
}
#menu-menu-widget-pied{
flex-direction: row !important;
font-size:0.8em;
line-height:1.4em;
}
#menu-menu-widget-pied a{
margin:0 1em 0.75em 0;
padding:0.6em 0.8em;
transition:all 200ms;
background:var(--wp--preset--color--bleu-fonce);
border-radius:6px;
}
#menu-menu-widget-pied a:hover,
#menu-menu-widget-pied a:active{
background:var(--wp--preset--color--jaune);
color:var(--wp--preset--color--bleu-ultra-fonce);
} h1.entry-title {
margin:0.75em 0;
}
.cacher_entete{
display:none;
}
.widget_nav_menu ul > li > a{
display:inline-block;
background: none;
text-decoration: none;
border-bottom:2px solid #fff;
border-color:rgba(0,0,0,0) ;
padding:0.75em 0 0.2em;
color:#fff;
font-weight:600;
}
.widget_nav_menu ul > li > a:focus,
.widget_nav_menu ul > li > a:hover {
background: none;
border-color:var(--wp--preset--color--jaune) ;
}
body footer#colophon {
background-color: var(--wp--preset--color--bleu-ultra-fonce) ;
color: #fff;
}
body footer#colophon a:hover,
body footer#colophon a:focus
{
color: var(--wp--preset--color--jaune) ;
} .navbar-pied li a.nav-link{
margin:0;
padding:0 1.5em;
display:inline-block;
}
.navbar-pied li a:hover{
text-decoration:underline;
}
.navbar-pied li {
margin:0;
padding-left:2em;
}
@media screen and (max-width: 1024px) {
.navbar-pied li {
margin-bottom:1.5em;
}
} .vedette{
background:#fff;
border-top:var(--wp--preset--color--bleu-pale)  3px dotted;
border-bottom:var(--wp--preset--color--bleu-pale)  3px dotted;
line-height:1.3em;
}
.vedette .description {
font-size:0.92em;
}
.vedette img {
max-height:300px;
width:auto;
}
.vedette .soustitre {
font-weight:600;
padding:0 0 0.5em 0;
}
.vedette h3 {
font-size:1.3rem;
} .card{
background-color:#fff;
border-radius:6px;
border:0;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
padding:0;
overflow:hidden; }
.card .card-header .featured-image {
background-color:inherit;
background-size:cover;
background-repeat:no-repeat;
background-position: center;
padding:0;
padding-top:60%;
display:block;
}
.card .card-header:first-child{
border-radius:0;
}
.card .card-header.contain .featured-image  {
background-size: contain;
}
.card .card-header.contain  {
padding:0.5rem 0.75rem 0.5rem 0.75rem;
}
.card .card-header{
border-bottom:0;
padding:0;
}
.card h3{
margin:0;
font-size:1em;
}
.card h3 a{
color:#333;
line-height:1.2em;
text-decoration:none;
}
.card h3 a:hover{
text-decoration: underline;
}
.card .card-header{
background:none;
}
.card .card-body,
.card .card-footer{
padding:0.5rem 0.75rem 0.75rem 0.75rem;
}
.card .card-footer{
padding-top:0;
padding-bottom:0.5em;
}
.card .card-body .date{
font-size: 0.86em;
padding-bottom:0.3em;
text-transform:uppercase;
}
.card .card-body p{
margin-bottom:0.4rem;
margin-top:0;
line-height:1.36em;
}
.card .card-body .card-text{
font-size: 0.9em;
line-height:1.3em;
padding-top:0.3em;
}
.card .card-footer{
background:none;
border:none;
font-size:.8em;
position:relative;
min-height:1em;
}
.card .card-footer .wp-element-button{
display:inline-block;
position:absolute;
top:1em;
left: 50%;
transform: translate(-50%, -50%);
}
.card.partenaire { font-size:0.94em;
line-height:1.4em;
}
.card.partenaire h3{
font-weight:700;
font-size:1.1em;
}
.card.partenaire .card-header img{
width: 320px;
height: 175px;
object-fit: contain;
padding: 0 0.5em;
}
.card.partenaire .card-header.logo img{
width: 230px;
height: 110px;
}
.card.partenaire .card-body{
padding:1.5rem 1.5rem 0 1.5rem;
}
.card.partenaire .card-footer{
padding:0 1.5rem 0 1.5rem;
}
.partenaire-logo .card{
box-shadow:none;
}
.partenaire-logo .card img{
width: 275px;
height: 140px;
object-fit: scale-down;
}
#footer-widget .logo img{
width: 220px;
height: 100px;
object-fit: scale-down;
}
.card-horizontal {
display: flex;
flex: 1 1 auto;
} .is-root-container a.btn{
color:#fff;
}
.btn{
background-color: var(--wp--preset--color--bleu-fonce) ;
color:#fff;
border:none;
font-size:0.8rem;
font-weight:600;
padding:0.7rem 0.9rem;
border-radius:7px;
}
.btn:hover,.btn.focus, .btn:focus, .btn.active, .btn:active{
background-color: var(--wp--preset--color--bleu-pale) !important;
color:#111 !important;
}
.btn-alt{
background-color: var(--wp--preset--color--bleu-ultra-pale) ;
color:#111;
}
.btn-alt:hover,.btn-alt.focus, .btn-alt:focus, .btn-alt.active{
background-color: var(--wp--preset--color--jaune) ;
color:#111;
} .pagination {
clear: both;
font-size: 1rem;
display:inline-block;
color: var(--wp--preset--color--bleu) ;
}
.pagination a, .pagination span {
text-decoration: none;
border: 1px solid var(--wp--preset--color--gris) ;
background-color: var(--wp--preset--color--gris-ultra-pale) ;
color:var(--wp--preset--color--noir) ;
padding: 7px 15px;
margin: 2px 8px 2px 0;
min-width:40px;
display:block;
float:left;
transition:background-color 200ms;
}
.pagination a:hover, .pagination span.current {
background: var(--wp--preset--color--bleu-ultra-pale) ;
color:#000;
}
.pagination .pages {
display:none;
}
@media screen and (max-width: 768px) {
.pagination span.pages, a.first, span.extend,
a.page.smaller, a.page.larger, a.larger.page,
a.last { display: none; }
} .searchandfilter {
margin-bottom:3em;
font-size:1em;
}
.searchandfilter > ul{
display: flex;
flex-wrap: wrap;
padding:0 !important;
margin:0;
}
.searchandfilter  ul  li {
margin-right: 1.3em;
display:inline-block;
}
.searchandfilter  ul  li input,
.searchandfilter  ul  li select
{
max-width:250px;
}
.searchandfilter  select{
padding:6px 15px 6px 10px;
border:0px;
outline:0px;
background:var(--wp--preset--color--bleu-ultra-pale) ;
border-right:10px solid var(--wp--preset--color--bleu-ultra-pale) ;
max-width:18em;
padding:8px 10px;
}
.searchandfilter  h4{
font-size:1em;
}
.searchandfilter .sf-field-taxonomy-creneau,
.searchandfilter .sf-field-sort_order{
background:var(--wp--preset--color--bleu-ultra-pale);
border-color:#fff;
padding:0.4em 1em;
}
.searchandfilter .sf-input-text{
border:none;
background:var(--wp--preset--color--bleu-ultra-pale) ;
padding:0.45em 1em;
outline-color:var(--wp--preset--color--bleu) ;
color:var(--wp--preset--color--bleu) ;
}
.searchandfilter .sf-field-search .sf-input-text{
border:1px solid var(--wp--preset--color--bleu-pale);;
background:var(--wp--preset--color--gris-ultra-pale);
}
.searchandfilter .sf-field-reset input{
font-size:0.9em;
border:none;
padding:0.5em 1em;
margin-top:2.4em;
background-color:var(--wp--preset--color--gris-ultra-pale);
}
.sf-field-submit{
position:relative;
}
.sf-field-submit input{
background:none;
border:none;
}
h4.partager{
margin-top:3rem;
}
div.tnp-subscription, div.tnp-profile, form.tnp-subscription, form.tnp-profile{
max-width:700px;
}
div.tnp-subscription input[type=email],
div.tnp-subscription input[type=text]
{
max-width:500px;
} .modal.membre img{
padding:1.5em;
}
.modal-open{
padding-right:0 !important;
}
.membre .modal-dialog{
overflow-y: initial !important;
max-width:600px;
}
.membre .modal-body{
max-height: 80vh;
overflow-y: auto;
}
.membre .modal-body p{
line-height:1.3em;
}
.membre h3{
clear:none;
font-size:1.2rem;
margin:0.6em 0;
}
.membre .modal{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size:1rem;
background-color:transparent;
padding:8px;
}
.membre .modal-backdrop,
.membre .modal-backdrop.show {
background:#fff;
opacity: .5 !important;
}
.membre .close{
height:30px;
width:30px;
font-size:22px;
position:absolute;
top:-12px;
right:-12px;
opacity:1;
padding:6px;
display:block;
border-radius:50%;
line-height:12px;
padding-top:2px;
border:3px solid #fff;
z-index:10;
background-color: var(--wp--preset--color--rouge);
color:#fff;
}
.membre .close:hover{
background-color: var(--wp--preset--color--vert);
} #modalsearch .modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
#modalsearch .modal-dialog{
margin-top:250px;
border:0;
text-align:center;
}
#modalsearch .modal-content{
border:0;
padding-top:2em;
}
.search-form{
max-width:35em;
margin-bottom:2em;
}
.search-form .form-control{
background-color:rgba(0,0,0,0) !important;
border:0;
border-bottom:1px solid var(--wp--preset--color--bleu-pale) ;
border-radius:0;
padding:3px 0;
font-size:0.92em;
}
.search-form .form-control:focus{
border-color: var(--wp--preset--color--bleu-pale) ;
box-shadow: none;
}
.search-form label{
width:69%;
margin-right:4%;
}
.search-submit{
border:1px solid #333;
background:none;
border-radius:0;
height:40px;
width: 40px;
margin-bottom:11px;
}
.search-submit:hover {
border:1px solid  var(--wp--preset--color--bleu-pale) ;
color: var(--wp--preset--color--bleu-pale) ;
}
.modal-open {
padding-right: 0 !important;
}
.fade-scale.show,.modal-dialog{
transition:all 1s;
}
#modalsearch .modal-backdrop{
top:115px;
background:#fff;
}
#modalsearch .admin-bar .modal-backdrop{
top:150px;
}
#modalsearch .modal-backdrop.show {
background:#fff;
opacity: .9;
}
#modalsearch .modal-dialog {
top: 0;
}
#modalsearch .fade.show {
opacity: 1;
}
#modalsearch .fade {
opacity: 0;
transition: opacity .15s linear;
}
#modalsearch .modal.show .modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
#modalsearch body.modal-open {
height: 100vh;
overflow-y: hidden;
}
#searchfield{
border:1px solid #333;
padding:19px 10px;
}
body.viewport-lg {
position: absolute;
}
.wp-block-social-link:hover{
background-color:var(--wp--preset--color--jaune) !important;
}
.wpcf7-form label{
width:100%;
max-width:500px;
}
.ff-default .ff-el-form-control{
line-height:1.25em;
color:#000 !important;
background:#f6f6f6;
}
.ff-default .ff-el-input--label label{
line-height:1.2em;
} #comments .form-allowed-tags{
display:none;
}
#comments .form-allowed-tags + .alert{
display:none;
}
#comments .comments-title{
font-size:1.2rem;
}   .medias{
font-size:0.9em;
}
.medias h3{
font-size:1.15em;
margin-bottom:0.5em;
}
.medias p{
margin-bottom:0.5em;
margin-top:0;
line-height:1.3em;
}
.medias a{
border-bottom:1px solid #ddd;
}
.medias .date{
color:#999;
}
figure{
margin:0;
}
.modifier a{
font-size: 0.75rem;
color:#fff;
padding:0.2em 0.4em;
background: green;
border-radius:5px;
text-decoration:none;
} .fil-container {
max-width: none;
background:var(--wp--preset--color--bleu-fonce);
padding:5px;
}
.fil-container .container{
max-width:var(--wp--style--global--content-size);
}
.fil-container .container ol{
padding:5px 0 5px 15px;
}
.fil-container .container ol li a{
color:var(--wp--preset--color--bleu-ultra-pale);
}
.breadcrumb-item+.breadcrumb-item::before{
color:var(--wp--preset--color--bleu-ultra-pale);
}
.breadcrumb-item.active {
color: #ffffff;
}
.breadcrumb{
background:none;
margin-bottom:0;
}
.breadcrumb a{
text-decoration:none;
}
.is-root-container .breadcrumb li{
margin-bottom:0;
}
.wpa-test-msg{
display:none;
} .single .soustitre{
font-weight:600;
}
.single .date{
margin-top:4em;
} .entete-archive{ background-color:rgba(0, 54, 105, 0.59);
color: #fff;
position:relative;
}
.entete-archive h1{
font-size:2.75em;
}
.entete-archive:before{
content: '';
position:absolute;
width: 26vw;
height:8px;
background: var(--wp--preset--color--jaune);
bottom:-4px;
border-radius:4px;
left: calc(50% - 13vw);
z-index:10;
}
.entete-archive .descriptif{
position:relative;
padding:1.5em 1.75em 1.1em;
background: var(--wp--preset--color--bleu-fonce);
border-radius:15px;
transform-style: preserve-3d;
font-weight:500;
box-shadow: 0px 0px 60px 1px rgba(255, 255, 255, 0.7);
}
.entete-archive .descriptif:before{
content:'';
position:absolute;
height:100%;
width:calc(100% + 16px);
height: calc(100% + 16px);
top:-8px;
left:-8px;
border:8px solid  var(--wp--preset--color--bleu-fonce);
transform: translateZ(-1px);
border-radius:22px;
} .entete{
padding-bottom:0;
}
.entete-fond {
position: relative;
min-height: 125px;
}
@media only screen and (min-width: 1200px){
.entry-header h1 {
font-size: 3.4em;
}
.entete-fond::before {
top: 0;
}
} #main{
position:relative;
}
#main::before,
#main .entete-archive:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 240px;
background-image:url(//ciso.qc.ca/wp-content/themes/wp-bootstrap-ciso/img/fond-bleu-1.png);
background-color: #a3c2d2;
background-position: center;
background-size: auto;
background-repeat:no-repeat;
z-index:-1;
}
#main::after {
content: "";
position: absolute;
top:0;
left: 0;
width: 100%;
height: 240px;
background-image: linear-gradient(to bottom, rgba(255,255,255,0), 20%, rgba(255,255,255,1));
background-position: center;
background-size: 100%;
background-repeat:no-repeat;
z-index:-1;
}
.home #main::before,.home #main::after{
content:none;
}
.entete .soustitre{
font-size:1.1em;
font-weight:600;
}
.entete .sep{
display:inline-block;
margin:0 7px -10px 10px;
color: var(--wp--preset--color--bleu) ;
}
.entete h1,
h1.entry-title
{
margin-bottom:0.75rem;
max-width: calc(var(--wp--style--global--wide-size) / 1.4);
}