@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700italic,700") body, html {
margin:0;
padding:0;
}
* {
box-sizing: border-box;
white-space:normal;
}
* a:hover {
text-decoration:none !important;
}
div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, pre, form, a, fieldset, input, th {
margin:0;
padding:0;
outline:none;
}
.clearfix:after {
content: "";
display: table; 
clear: both; 
}
.cleardiv {
display:block;
clear:both;
margin-bottom:24px;
}
body:after{
display:none;
content: url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-calendrier-mo.png)
url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-services-mo.png)
url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-repertoires-mo.png)
url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-communiques-mo.png)
url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-inscription-mo.png)
url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-rechercher-mo.png)
url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-tous-les-articles-mo.png)
url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-facebook-mo.png) ;
}
img {
max-width: 100%;
height: auto !important;
}
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em auto !important;
}
p:empty { 
display:none; 
}
p {
margin-bottom:18px;
color:#333;
}
#contenu ul, #bloc-bas ul { 
margin-bottom:18px;
} #globalwrap {
display:block;
position:relative;						
margin:-1%;
padding:0;
max-width:2600px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
color:#333;
font-size: 14.5px;
line-height:180%;
}
#headwrap {
max-width:1280px;
margin:0 auto;
}
#entete {	
display:block;
position:relative;					
margin:-8px;
padding:0;
height:auto;
z-index:0 !important;
}
#logotitre img {	
position:absolute;
margin: 0 auto;
left: 0;
right: 0;
top:18px;					
max-width:32% !important;
height:auto;
z-index:1000;
}
#global {
display:block;
position:relative;						
margin:0 auto;
padding:0;
max-width:1280px;
}
#contenu {
position:relative;
float:left;
width:73%;
height:auto;
padding:18px 40px 30px 0;
background-color:transparent;
}
.home #contenu {
margin-top:-8px;
}
#marqueedivwrap {
width:100%;
margin-top:8px;
margin-left:auto;
margin-right:auto;
max-width:94%;
color:red;
font-size:21px;
font-weight:bold;
padding-top:6px;
}
div.js-marquee-wrapper {
width:99%%;
}
div.js-marquee {
max-width:100%;
}
.content {
margin-top:-12px;
margin-bottom:18px;
}
#sidebar {
float:right;
width:344px;
height:auto;
margin-top:48px;
margin-bottom:36px;
padding:23px 30px 40px 30px;
background-color:#DCE5FC;																																									min-height:300px;
}
#breadcrumb {
padding-left:2px;
height:40px;
font-size: 12px;
font-weight:400;
max-width:900px;
min-width:660px;
}
a, a:link, a li, a:visited, a:active, a .elementor-icon-list-text {
color:#053C6E !important;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#556ea4;
font-weight:bold;
text-decoration:none;
}
#breadcrumb a:active, #breadcrumb a.active {
color:#556ea4;
font-weight:bold;
}
#breadcrumb span.current {
color:#777;
font-weight:bold;
text-decoration:underline;
}
a[href^="tel"]{
color:inherit;
text-decoration:none;
} body.home #global {
max-width:1280px;
margin-top:8px;
}
#bloc-annonces {
display:block;
position:relative;
float:left;
text-align:left;
width:44%;
height:260px;
overflow:auto;
margin-left:48px;
padding-right:24px;
padding:12px;
margin-top:12px;
padding-top:12px;
border:1px #DCE5FC solid;										
border-radius: 12px;
background-color:#F9F9F9;
}
ul.display-posts-listing li {
font-size:12px;
line-height:120%;
margin-bottom:18px;
}
#bloc-annonces h4, #bloc-affaires-municipales h4 {
margin-top:0px !important;
padding-top:0px !important;
}
#bloc-affaires-municipales {
display:block;
position:relative;
float:left;
text-align:left;
width:44%;
height:260px;
overflow:auto;
margin-left:24px;
padding:12px;
padding-right:24px;
margin-top:12px;
padding-top:12px;
border:1px #DCE5FC solid;										
border-radius: 12px;
background-color:#F9F9F9;
}
#stratein-3 {
display:block;
padding-top:48px;
padding-bottom:48px;
text-align:center;
}
#stratein-3 h2 {
margin-top:12px;
margin-bottom:18px;
}
#stratein-3 p {
margin-bottom:30px;
}
#stratein-3 #btn-accueil-calendrier {
}
#stratein-4 {
display:block;
padding-top:48px;
padding-bottom:36px;
margin:0 auto;
text-align:center;
}
#zone-recherche {
display:block;
position:relative;
padding-top:12px;
margin-left:-30px;
margin-bottom:0px;			
}
#zone-recherche-formulaire {
clear:both;
margin-top:30px !important;
}
#zone-recherche-boutons {
display:block;
height:auto;
max-width:1008px;
margin:0 auto;
margin-top:24px;
margin-bottom:0px;
text-align:center;
}
#zone-recherche-formulaire {
display:block;
}
#zone-recherche-formulaire form {
height:37px;
margin-bottom:18px;
}
.search-term-accueil {
display: inline-block;
box-sizing: border-box;
width:380px;
height:38px !important;
padding: 8px 12px;
border: 1px #DCE5FC solid;
color:#444;
font-size:16px;
}
.tnp2-email {
background-color:#FFF !important;
border:none;
height:36px;
padding:12px;
color:#444
font-size:16px;
}
.tnp2-submit {
background-color: #1E8BA4;
margin-top:12px;
max-width:40%;
margin-left:24px;
margin-right:auto;
border:none;
height:36px;
padding:12px;
text-transform:uppercase;
}
#stratein-5 {
display:block;
padding-top:48px;
padding-bottom:48px;
text-align:center;
border:1px transparent solid;
}
#stratein-5 form {
margin-top:0px;
}
#stratein-5 form input {
color:#444;
font-size:15px;
}
.infolettre-term-accueil {
display: inline-block;
box-sizing: border-box;
width:260px;
height:38px !important;
padding: 8px 12px;
border: 1px #DCE5FC solid;
color:#232a4a;
font-size:16px;
} .index-2 .content, .home .content {
margin-top:0px;
}
.home #zone-recherche, .index-2 #zone-recherche {
margin-top:0px;
margin-left:12px;
}
.mtphr-dnt {
margin-top:-24px;
margin-right:0px;
margin-left:0px;
}
.btn-accueil {
display: block;
float:left;
width:272px !important;
height:140px;
padding-top:40px;
border-radius: 25px;
text-transform:uppercase;
text-shadow: 1px 1px #FFFFFF;
background-color:#DCE5FC;
font-size:18px;
font-weight:700;
margin-right:24px;
margin-bottom:36px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
-webkit-box-shadow: 3px 6px 12px -1px rgba(0,0,0,0.60);
-moz-box-shadow: 3px 6px 12px -1px rgba(0,0,0,0.60);
box-shadow: 3px 6px 12px -1px rgba(0,0,0,0.60);
}
.btn-accueil:first-child {
margin-left:0px;
}
.btn-accueil:hover {
background-color:#DDDDDD;
text-shadow: 1px 1px #FFFFFF;
}
#btn-accueil-4 {
padding-top:30px !important;
}
#btn-accueil-services a:link, #btn-accueil-services a:visited, #btn-accueil-services a:active {
display:block;
float:left;
margin:0 auto;
width:320px; 
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-services.png) no-repeat transparent;
}
#btn-accueil-services a:hover {
display:block;
float:left;
margin:0 auto;
width:320px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-services-mo.png) no-repeat transparent;
}
#btn-accueil-repertoires a:link, #btn-accueil-repertoires a:visited, #btn-accueil-repertoires a:active {
display:block;
float:left;
margin:0 auto;
margin-left:24px;
width:320px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-repertoires.png) no-repeat transparent;
}
#btn-accueil-repertoires a:hover {
display:block;
float:left;
margin:0 auto;
margin-left:24px;
width:320px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-repertoires-mo.png) no-repeat transparent;
}
#btn-accueil-communiques a:link, #btn-accueil-communiques a:visited, #btn-accueil-communiques a:active {
display:block;
float:left;
margin:0 auto;
margin-left:24px;
width:320px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-communiques.png) no-repeat transparent;
}
#btn-accueil-communiques a:hover {
display:block;
float:left;
margin:0 auto;
margin-left:24px;
width:320px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-communiques-mo.png) no-repeat transparent;
}
#btn-accueil-calendrier a:link, #btn-accueil-calendrier a:visited, #btn-accueil-calendrier a:active {
display:block;
margin:0 auto;
width:320px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-calendrier.png) no-repeat transparent;
}
#btn-accueil-calendrier a:hover {
display:block;
margin:0 auto;
width:320px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-accueil-calendrier-mo.png) no-repeat transparent;
}
#btn-bleu-accueil-inscription a:link, #btn-bleu-accueil-inscription a:visited, #btn-bleu-accueil-inscription a:active {
display:block;
margin:0 auto;
width:173px;
height:37px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-inscription.png) no-repeat transparent;
}
#btn-bleu-accueil-inscription a:hover {
display:block;
margin:0 auto;
width:173px;
height:37px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-inscription-mo.png) no-repeat transparent;
}
#btn-bleu-accueil-rechercher a:link, #btn-bleu-accueil-rechercher a:visited, #btn-bleu-accueil-rechercher a:active {
display:block;
margin:0 auto;
width:173px;
height:37px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-rechercher.png) no-repeat transparent;
}
#btn-bleu-accueil-rechercher a:hover {
display:block;
margin:0 auto;
width:173px;
height:37px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-rechercher-mo.png) no-repeat transparent;
}
#btn-bleu-accueil-tous-les-articles {
margin-top:36px;
}
#btn-bleu-accueil-tous-les-articles a:link, #btn-bleu-accueil-tous-les-articles a:visited, #btn-bleu-accueil-tous-les-articles a:active {
display:block;
margin:0 auto;
width:243px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-tous-les-articles.png) no-repeat transparent;
}
#btn-bleu-accueil-tous-les-articles a:hover {
display:block;
margin:0 auto;
width:243px;
height:49px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-bleu-accueil-tous-les-articles-mo.png) no-repeat transparent;
}
#btn-facebook {
float:right;
z-index:99999;
margin-top:-44px;
margin-right:48px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0px solid #000000;
-webkit-box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
}
#btn-facebook a:link, #btn-facebook a:visited, #btn-facebook a:active {
display:block;
margin:0 auto;
width:32px;
height:32px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-facebook.png) no-repeat transparent;
}
#btn-facebook a:hover {
display:block;
margin:0 auto;
width:32px;
height:32px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-facebook-mo.png) no-repeat transparent;
}
div#btn-facebook-mobile {
display:none;
}
li.listing-item {
list-style:none;
margin-bottom:12px;
}
li.listing-item a.title {
line-height:150%;
font-weight:bold;
font-size:1.15em;
}
li.listing-item span.category-display {
display:inline;
line-height:130%;
font-size:0.8em;
margin-left:24px;
float:right;
}
li.listing-item span.category-display-label {
font-weight:bold;
color:#999;
}
li.listing-item span.excerpt-dash {
display:none;
}
li.listing-item span.excerpt {
display:block;
line-height:130%;
color:#777;
padding-left:24px;
}
.nouvelles ul.display-posts-listing li:nth-child(odd) {
padding:12px 18px;
background-color: #EEE;  
}
.nouvelles ul.display-posts-listing li:nth-child(even) {
padding:12px 18px;
background-color: #FFF;  
}
.nouvelles ul.display-posts-listing li {
font-size:14px;
line-height:150%;
}
.nouvelles li.listing-item span.date {
font-size:0.7em;
color:#999;
}
.nouvelles li.listing-item span.date:before  {
content: "    ( ";
}
.nouvelles li.listing-item span.date:after  {
content: " )";
} h1 {
font-family: 'Roboto Condensed', sans-serif;
color:#16336e;
text-transform:uppercase;
letter-spacing:0.025em;
font-weight:bold;
font-size:24px;
margin-top:24px;
margin-bottom:12px;
}
h2 {
font-family: 'Roboto Condensed', sans-serif;
color:#16336e;
text-transform:uppercase;
letter-spacing:0.025em;
font-weight:bold;
font-size:21px;
margin-bottom:12px;
}  
.home h2 {
color:#1E8BA4;
}  
h3 {
font-family: 'Roboto Condensed', sans-serif;
color:#1E8BA4;
text-transform:uppercase;
letter-spacing:0.02em;
font-weight:bold;
font-size:21px;
margin-bottom:8px;
} 
h4 {
font-family: 'Roboto Condensed', sans-serif;
color: #1E8BA4;
text-transform:uppercase;
letter-spacing:0.025em;
font-weight:bold;
font-size:17.5px;
margin-bottom:18px;
margin-top:24px !important;
clear:both;
display:block;
}
#sidebar h4 a:after {
content: "›";
padding-left: 6px;
color:#20284a;
font-weight:300;    
font-size:30px;
vertical-align:-2px;
}
h4 a:link, h4 a:visited, h4 a:active {
color:#20284a;
}  
h4 a:hover {
color:#EA9125;
text-decoration:none;
} 
h5 {
font-family: 'Roboto Condensed', sans-serif;
color:#20284a;
text-transform:uppercase;
letter-spacing:0.025em;
font-weight:bold;
font-size:17.5px;
margin-bottom:8px;
}
h5 a:link, h5 a:visited, h5 a:active {
color:#20284a;
}  
h5 a:hover {
color:#EA9125;
text-decoration:none;
} 
hr {
color:#CCCCCC;
height:2px;
margin:30px 0;
clear:both;
}   section.widget {
margin-bottom:24px;
} #zone-menus-bas {
margin:0;
padding:0;
padding-bottom:18px;
max-width:104%;
height:auto;
margin-left:-8px;
margin-right:-8px;
background-color:#313131;
margin-top:32px !important;
overflow:none;
font-family: 'Open Sans', sans-serif;
font-size:14.5px;
}
#zone-bas-page {
margin:0;
padding:0;
max-width:104%;
margin-left:-8px;
margin-right:-8px;
background-color:#000000;
height:48px;
padding-top:15px;
font-size:10.5px;
font-weight:normal;
font-family: 'Open Sans', sans-serif;
}
#bloc-menus-bas {
margin:0 auto;
padding:20px 0;
max-width:1280px;
}
#bloc-bas {
display:inline;
float:left;
height:auto;
padding-top:18px;
}
#bloc-bas li {
list-style:none !important;
}
#bloc-bas li:before {
content: "";
}
#bloc-bas p, #bloc-bas li {
color:#FFF;
}
.bloc-bas-1 {
margin-top:8px;
width:36%;
padding-right:36px;
}
.bloc-bas-2 {
margin-top:8px;
width:30%;
padding-right:24px;
}
.bloc-bas-3 {
margin-top:8px;
width:33%;
padding-right:0;
}
.bloc-bas-1 h2 {
color:#EA9125;
}
.bloc-bas-2 h2 {
color:#97B227;
}
.bloc-bas-3 h2 {
color:#1E8BA4;
}
p.basdepage {
text-align:center;
}
p.basdepage, p.basdepage a:link, p.basdepage a:visited, p.basdepage a:active {
text-decoration:none;
color:#FFF;
}
p.basdepage a:hover {
text-decoration:none;
color:#EA9125;
} div.isnotice, p.isnotice {
width:80%;
margin:12px auto 24px auto;
padding:12px 24px;
background-color:#DCE5FC;
border-radius: 25px;
}
table:last-of-type {
clear:both;
}
table~p:first-of-type {
margin-bottom:18px;
}
table~p:first-of-type, table:first-of-type {
margin-bottom:24px;
margin-top:0px;
}
#contenu ul, #contenu ol {
padding-left:40px;
margin-bottom:24px;
}
#contenu ul li {
list-style-position:outside;
color:#222;
}
#contenu ol li {
list-style-position:outside;
color:#222;
}
.reglements-urbanisme #contenu ul li {
list-style:none;
}
.plan-du-site #contenu ul li {
list-style:none;
}
.issidebar div.wonderplugintabs-panel {
padding-bottom:0px;
margin-bottom:-20px;
}
div.wonderplugintabs-panel-inner ul li {
list-style-type:none;
}
div.menu-menu-principal-container ul li {
list-style:none;
}
.plan-du-site #contenu ul, .plan-du-site #contenu li ul {
margin-left:60px;
}
div.visu {
min-height:160px;
max-width:90%;
border: 1px inset rgb(83, 140, 178); 
margin: 12px 24px; 
padding: 12px 12px 18px; 
display: none; 
background-color: rgb(244, 244, 244);
}
div.visu span {
font-size: 20px; 
font-weight: bold; 
line-height: 180%;
}
img#ASTJ {
width: 280px; 
height: 280px; 
border-width: 0px; 
border-style: solid;
}
.wonderplugintabs-header-title {
font-size:16px !important;
color:#1E8BA4 !important;
}
.issidebar .wonderplugintabs-header-li-first .wonderplugintabs-header-title {
text-transform:uppercase;
color: red !important;
}
td.iscol0 {
text-align:center;
margin-left:0;
padding-right:64px;
height:48px;
}
td.iscol1 {
width:67%;
}
td.iscol2 {
width:3%;
}
td.iscol3 {
width:30%;
}
.wonderplugintabs-panel-inner td {
color:#333;
}
.wonderplugintabs {
margin-bottom:18px;
}
.wonderplugintabs-header-caption:after {
position:absolute;
color:#666;
top: 12px;
right:8px;
content: "\f067";
font-family: FontAwesome;
font-size: 16px;
font-weight:400;
}
.search-result {
border-bottom : 1px solid #AAA;
margin-bottom:24px;
}
#sidebar article:last-of-type {
padding-bottom:18px;
}
#sidebar article {
border-bottom : 1px solid #AAA !important;
}
#sidebar section {
margin-bottom:24px;
}
.lcp_catlist li {
margin-bottom:24px;
}
a.tribe-mini-calendar-day-link, td.tribe-events-has-events, .tribe-events-mobile h4 a:link, .tribe-events-mobile h4 a:visited, .tribe-events-mobile h4 a:active {
color:#FFF !important;
}
td.tribe-events-present a.tribe-mini-calendar-day-link {
color:#FFF !important;
}
a.tribe-mini-calendar-day-link {
background-color:#DDD !important;
}
td.tribe-events-past a, td.tribe-events-future a {
background-color:#888 !important;
}
td.tribe-events-present a {
background-color:#222 !important;
} thead>tr>th.tribe-mini-calendar-dayofweek {
height:18px !important;
padding-top:4px;
padding-bottom:4px;
}
td.tribe-events-present * {
color:#FFF !important;
}
.tribe-events-single #tribe-events-header, .tribe-events-single #tribe-events-footer {
display:none;
}
h3.tribe-events-month-event-title a, .tribe-events-list-event-title a {
color:#FFF !important;
}
.events-gridview .tribe-events-has-events a {
background:transparent !important;
}
.events-gridview h3.tribe-events-month-event-title a, .mois h3.tribe-events-month-event-title a {
background:transparent !important;
}
.tribe-events-loop .type-tribe_events {
background:transparent !important;
}
.tribe-events-list-event-title a {
padding-top:4px;
padding-right:4px;
margin-bottom:6px;
}
#tribe-events-pg-template {
margin-top:36px;
}
.tribe-events-category-evenement .list-date {
background-color:#eaa34d !important;
}
.tribe-events-category-seances-du-conseil-municipal .list-date {
background-color:#3c90a3 !important;
}
.tribe-events-category-services-municipaux .list-date {
background-color:#9bb240 !important;
}
.tribe-mini-calendar-event {
padding-bottom:12px !important;
border-bottom:1px solid #AAA !important;
}
.tribe-events-button {
background-color:#CCC !important;
}
.tribe-events-button:hover {
background-color:#DDD !important;
}
div.tribe-events-notices {
margin-top:42px;
}
.tribe-mini-calendar-event .list-info * {
background:transparent !important;
color:#222;
}
#tribe-events-gmap-0 div:first-of-type {
background-color:none !important;
}
div.gm-style {
z-index:20000;
}
div.gform_body p {
display:inline;
clear:none;
}
.ginput_container_textarea textarea {
line-height:100%;
} h4 a:hover {
color:#EA9125 !important;
}
ul.menu-widget, ul.menu-widget ul.sub-menu {
padding-left:40px;
}
li.widget_custom_menu_wizard {
font-family: 'Open Sans', sans-serif;
text-decoration:none;
font-weight: bold;
font-size:15px;
line-height:180%;
}
ul.menu-widget * ul {
margin-bottom:0px !important;
}
span.sep {
color:#9fbedd !important;
}
h3 {
margin-top:24px !important;
}
#responsive-menu-container * {
font-family: 'Open Sans', sans-serif;
font-weight:bold;
font-size:16px !important;
}
input.search-email
{
width: 100%;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
display: inline-block;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-top-color: #dddddd;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
border-left-color: #dddddd;
background-color: #f4f4f4;
color: #444444;
font-size: 15px;
box-sizing: border-box;
}
input.search-submit
{
width: 100%;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
display: inline-block;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-top-color: #dddddd;
border-right-color: #dddddd;
border-bottom-color: #dddddd;
border-left-color: #dddddd;
background-color: #444444;
background-image: none;
text-shadow: none;
color: #ffffff;
font-size: 15px;
line-height: normal;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
box-sizing: border-box;
height: auto;
}
.tnp-email, input.search-email {
background-color:#FFF !important;
border:1px #DDD solid !important;
width:280px !important;
}
.tnp-submit, input.search-submit {
background-color:#666 !important;
margin-top:12px;
max-width:40%;
margin-left:auto;
margin-right:auto;
}
.armoiries .last_column * {
margin-top:25% !important;
}
#bgmp_map-canvas {
max-width:100% !important;
}
#bgmp_plist {
max-width:90%;
margin:0 !important;
padding:0 !important;
padding-bottom:20px !important;
padding-top:20px !important;
border:1px red dotted;
}
.bgmp_list {
list-style-type:none !important;
}
li.bgmp_list-item {
border-left:30px solid #E9E9E9;
padding-left:12px;
}
#bgmplist ul li {
list-style-position:outside;
list-style-type:none;
list-style:none !important;
max-width:96%;
}
li.bgmp_list-item {
list-style-type:none;
border-bottom:#DDD solid 1px;
}
p.bgmp_list-link {
padding-left:48px;
line-height:200%;
background-image: url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/google-marker.png);
background-position: middle left;
background-color: transparent;
background-repeat: no-repeat;    
}
ul.circled-list>li {
list-style-type:circle !important;
}
.content table[border="1"], .content table[border="1"] * td {
border:1px #CCC solid !important;
}
p.western {
margin-top:18px;
}
ul.lcp_catlist li {
list-style:none !important;
} #nav {
display:block;
margin:0 auto;
padding:6px 0 4px 12px;
max-width:1279px;    
background: #CFCFCF; background: -webkit-linear-gradient(#BABABA, #FDFDFD); background: -o-linear-gradient(#BABABA, #FDFDFD); background: -moz-linear-gradient(#BABABA, #FDFDFD); background: linear-gradient(#BABABA, #FDFDFD); font-size:15.5px;
font-weight:400;
z-index:12000;
height:60px;
}
#nav ul {
max-width:1279px;
margin:auto;
background-color: transparent; 
list-style: none;
position: relative;
display: inline-table;
margin-top:0px;
margin-bottom:0px;
z-index:12001;
}
#nav ul:first {
height:60px;
}
#nav ul:after {
content: ""; 
clear: both; 
display: block;
}
#nav ul li {
vertical-align:text-top;
float: left;
}
#nav ul li:hover > ul {
display: block;
}
#nav ul li:hover a {
color: #2186EB;
text-decoration:none;
}
#nav ul li a {
display: block; 
padding: 10px 20px 9px 20px;
color: #001170; 
text-decoration: none;
}
#nav ul ul {
display: none;
position: absolute; 
top: 100%;
width:auto;
min-width:275px;
font-size:13.5px;
background-color: #DCE5FC;
padding: 0;
margin-top:0px; }
#nav ul ul li {
vertical-align:text-top;
float: none; position: relative;
}
#nav ul ul li a, #nav ul ul ul li a {
padding: 4px 30px;
color: #fff;
}
#nav ul ul li a:hover {
background-color: #CBCBCB;
}
#nav ul li a:hover, #nav ul ul li a:hover, #nav ul ul ul li a:hover {
color: #444444 !important;
}
#nav ul ul ul {
position: absolute; 
min-width:275px;
left: 100%; 
top:0px;
}
#nav li > a:after { 
content: '  ▾';
vertical-align:text-middle;
color:#9fbedd;
font-size:1em; 
}
#nav li > a:only-child:after { 
content: ''; 
}
.bordertable {
margin: 20px auto; 
padding-left: 0px; 
border: 1px #ddd solid;
} @media only screen and (max-width: 1305px) {
#global {				
margin:0 2%;
width:96%;
} 
#contenu {
max-width:63%;
min-width:380px;
}
#zone-menus-bas {
height:auto;
width:104%;
padding-left:18px;
}
}
@media only screen and (max-width: 1305px) and (min-width: 800px) {
#global {				
margin:0 3%;
width:94%;
}
}
@media only screen and (max-width: 1305px) {
.bordertable {
margin: 20px auto; 
padding-left: 0px; 
border:none;
}
#sidebar {
float:none;
clear:both;
width:100% !important;
height:auto;
padding:40px 30px;
background-color:#DCE5FC;
}
}
@media only screen and (max-width: 1085px) {
div#btn-facebook-mobile {
z-index:100;
display:block;
position:relative;
float:left;
margin-left:36px;
margin-top:36px;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 0px solid #000000;
}
#btn-facebook-mobile a:link, #btn-facebook-mobile a:visited, #btn-facebook-mobile a:active {
display:block;
margin:0 auto;
width:32px;
height:32px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-facebook.png) no-repeat transparent;
}
#btn-facebook-mobile a:hover {
display:block;
margin:0 auto;
width:32px;
height:32px;
background:url(https://www.saintjoachim.qc.ca/wp-content/themes/ssstttjjj/images/btn-facebook-mo.png) no-repeat transparent;
}
#contenu {
position:relative;
margin:0 auto;
max-width:100%;
}
#nav.main-navigation {
display:none;
}
#zone-menus-bas {
height:auto;
width:104%;
}
#zone-bas-page {
width:104%;
margin-right:-2%;
}
#bloc-menu-bas {
width:100%;
height:auto;
padding:18px;
margin-right:-2%;
}
#bloc-bas {
display:block;
clear:both;
width:92%;
margin-left:18px;
margin-right:18px;
}
#bloc-annonces {
margin-top:24px;
}
#bloc-annonces, #bloc-affaires-municipales {
float:left;
width:100%;
margin-left:0;
}
#btn-accueil-services {
max-width:320px;
margin:0 auto 24px auto;
clear:both;
}
#btn-accueil-repertoires {
max-width:320px;
float:none;
margin-top:0;
margin-bottom:24px;
margin-left:auto;
margin-right:auto;
}
#btn-accueil-communiques {
max-width:320px;
float:none;
margin-top:0;
margin-bottom:24px;
margin-left:auto;
margin-right:auto;
}
#btn-accueil-services a, #btn-accueil-repertoires a, #btn-accueil-communiques a {
margin-left:0 !important;
margin-bottom:30px !important;
}
}
@media only screen and (max-width: 800px) {
#globalwrap {					
margin:-2%;
}
#bloc-annonces {
min-width:320px;
height:auto;
max-height:260px;
min-height:140px;
margin-left:auto;
margin-right:auto;
}
#bloc-affaires-municipales {
min-width:320px;
height:auto;
max-height:260px;
min-height:140px;
margin-left:auto;
margin-right:auto;
}
.search-term-accueil {
width:260px;
}
a div.btn-accueil {
display: block;
width:272px !important;
height:auto;
padding-top:18px;
padding:18px;
margin-left:36px !important;
border-radius: 15px;
text-transform:uppercase;
background-color:#EDEDED;
font-size:15px;
font-weight:700;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
-webkit-box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.60);
box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.60);
}
.mtphr-dnt {
font-size:24px !important;
margin-left:8px !important;
margin-right:8px !important;
}
}
@media only screen and (max-width: 480px) {
#globalwrap {					
margin:-2.5%;
}
#stratein-4 {
padding-bottom:60px;
}
.home form input.infolettre-submit-accueil, .home form input.search-submit-accueil {
margin-top:8px;
}
} body.elementor-editor-active div#entete {
display:none !important;
}
li.current_page_item {
background-color:#f7faff;
}
#marquee {
margin-top:18px;
margin-bottom:-42px;
}
.widget_advanced_menu div ul li.current_page_item {
background:transparent !important;
color:red !important;
padding-left:0px;
}
.widget_advanced_menu div ul {
margin-left:30px !important;
}
.widget_advanced_menu * .current_page_item a {
color:red !important;
}
.container {
text-align:center;
}
.column {
width: 30%;
background-color: yellow;
float: left;
min-height: 140px;
margin: 12px 12px;
min-width:220px;
color: red;
padding: 10px 0;
} #contenu-home {
display:block;
float:left;
width:70%;
height:auto;
margin-top:48px;
padding:48px 0px 48px -12px;
background-color:transparent;
}
@media only screen and (max-width: 1305px) {
#contenu-home {
position:relative;
width:100% !important;
text-align:center;
margin-top:48px;
margin-bottom:36px;
margin-left:60px;
padding:0 auto !important;
}
.mtphr-dnt {
margin-right:5%;
margin-left:5%;
}
#btn-accueil-4 {
padding-top:30px !important;
}
}
@media only screen and (max-width: 980px) {
#contenu-home {
position:relative;
width:100% !important;
text-align:center;
margin-top:48px;
margin-left:0px;
padding:0 auto !important;
}
#zone-recherche {
padding-left:5%;
}
}
@media only screen and (max-width: 603px) {
#globalwrap {
max-width:105%;
}
a div.btn-accueil {
display: block;
width:272px !important;
height:auto;
padding-top:18px;
padding:18px;
margin-left:18px !important;
border-radius: 15px;
text-transform:uppercase;
background-color:#EDEDED;
font-size:15px;
font-weight:700;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
-webkit-box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.60);
box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.60);
}
.mtphr-dnt {
margin-right:0px;
font-size:18px !important;
margin-left:3px !important;
}
#btn-accueil-4 {
padding-top:18px !important;
}
}
.agenda-accueil {
display:block;
float:left;
margin-top:36px;
min-width:300px;
}
.newsletter-accueil {
display:block;
clear:both;
float:left;
margin-top:36px;
margin-bottom:48px;
}
.newsletter-accueil #newsletterwidgetminimal-2 .tnp-email {
display:block;
clear:both;
float:left;
margin-left:0px;
}
.newsletter-accueil #newsletterwidgetminimal-2 .tnp-submit {
display:block;
clear:both;
float:left;
margin-top:12px;
}
.tnp-email {
} main {
margin: 0px auto;
padding: 0px;
max-width: 900px;
}
main div {
margin: 12px;
max-width: 260px;
}
main div img {
max-width:260px;
height:auto;
transition: transform .3s; -moz-box-shadow: 6px 6px 6px #bbb;
-webkit-box-shadow: 6px 6px 6px #bbb;
box-shadow: 6px 6px 6px #bbb;
border-radius: 21px;
border: 1px #ddd solid;
}
main div img:hover {
transform: scale(1.08); }
.inline-block-center {
text-align: center;
}
.inline-block-center div {
display: inline-block;
text-align: left;
} div.mtphr-dnt-tick a {
color:red !important;
}
.centerDiv {
display:block;
position:relative;
text-align:center;
max-width: 100%;
height:auto;
margin: 30px; auto;
border-top:1px solid #DDD;
padding-top:24px;
display: flex;
justify-content: center;
}
.centerDiv .agenda-accueil, .centerDiv .newsletter-accueil{
margin: 0 auto !important;
margin-left:120px;
}
#sidebar-haut {
background-color:#DCE5FC;
margin-top:12px;
margin-bottom:24px;  padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 0px;
}
#sidebar-haut marquee {
margin-bottom:-18px;
}
.mtphr-dnt-tick-contents {	
margin-top:36px;
max-height:36px !important;
}
.home .two-col-main {
margin-top:-45px !important;
}