body { background: #FFFFFF; color: #222222; font-size: 14px; font-family: Arial, Tahoma, Verdana; margin: 0px auto 0px; padding: 0px; }
#bg{background:#FFFFFF; margin: 0px auto 0px; }
#wrap { background: #fff; color: #222222; font-size: 14px; font-family: Arial, Tahoma, Verdana; padding: 0px; width:1000px;margin: auto auto;} a img { border: none }
a:focus, a:hover, a:active { outline: none } #header { background: #ffffff; width: 100%; height: 90px; margin: 0px auto 0px; padding: 0px; overflow: hidden; }
#header .container { width: 1000px; height: auto; margin: 0px auto 0px; padding: 0px; }
#header h1 { color: #333333; font-size: 36px; font-family: Times New Roman, Georgia, Trebuchet MS; font-weight: normal; margin: 0px; padding: 20px 0px 0px 0px; text-decoration: none; }
#header h1 a,
#header h1 a:visited { color: #333333; font-size: 36px; font-family: Trebuchet MS, Arial, Tahoma; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; }
#header h1 a:hover { color: #333333; text-decoration: none; }
.headerleft { width: 460px; float: left; margin: 0px; padding: 0px; overflow: hidden; }
.headerleft p { color: #333333; font-size: 14px; margin: 0px; padding: 0px; line-height: 20px; }
.headerright { width: 500px; float: right; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; position: relative;}
.headerright .infolettre {margin-left: 125px; margin-top: -5px; color: #0B5E9C !important; cursor: pointer; text-decoration: underline;}
.headerright .infolettre p{margin:0;padding:0;}
.headerright .infolettre_container {position: absolute; top:0; right: 0; padding: 5px 10px; border: 1px solid #e20000; box-shadow: 0px 1px 3px #666; background: #e20000; z-index: 999; color: #ffffff; display: none;}
.close_infolettre {position: absolute; display: inline-block; bottom: 5px; right: 10px; font-weight: bold; font-size: 13px; text-transform: uppercase; border: 1px solid #ffffff; padding: 5px 10px; cursor: pointer; color: #ffffff !important;}
.headerright p { margin: 0px; padding: 10px 0px 0px 0px; color: #333; }
.headerright p a,
.headerright p a:visited,
.headerright p a:hover { color: #000000; }
.headerright a,
.headerright a:visited { color: #000000; text-decoration: none; }
.headerright a:hover { color: #000000; text-decoration: underline; }
#logo-mc img { float: left; width: 275px; padding: 0px 15px 0 0; margin: 15px 0 0 0; }
#logo-mtl  img { float: left; margin: 15px 0 0 0px; width: 140px; } #navbar { background: #e20000; width: 100%; font-size: 14px; font-family: Arial, Tahoma, Verdana; color: white; font-weight: 400; margin: 0px auto 0px; padding: 0px; }
#navbar .container { width: 1000px; height: 37px; margin: 0px auto 0px; padding: 0px; overflow: visible; }
#nav { margin: 0px; padding: 0px; }
#nav ul {list-style-type: none !important; float: right; margin:0 !important;}
#nav ul li.menu-item {width: auto !important; padding: 10px 10px; float: left !important; display: block !important; position: relative;}
#nav ul li.menu-item:last-of-type {width: auto !important; padding: 10px 0px 10px 10px; float: left !important; display: block !important;}
#nav ul li.menu-item a {color: #fff !important; text-decoration: none !important; font-size: 15px !important; text-align: right !important; display: block !important;}
#nav .current-menu-item a, #nav .current_page_item a, #nav a:hover {
text-decoration: underline;
}
#nav ul ul.sub-menu { display: none; position: absolute;
top: 37px; background: #ebebeb;
padding: 0px 15px !important;
z-index: 999;
box-shadow: 0px 2px 10px #666;
}
#nav ul ul.sub-menu li.menu-item { float: none; width: 180px !important; padding: 10px 0px !important;
border-bottom: 1px solid #000 !important;
}
#nav ul ul.sub-menu li.menu-item:last-of-type { float: none; width: 180px !important; padding: 10px 0px !important;
border-bottom: 0px !important;
}
#nav ul ul.sub-menu li.menu-item a { padding: 5px 0px; background: none !important;
color: #000 !important;
text-align: left !important;
font-size: 13px !important;
}
#nav ul li.menu-item:hover > ul.sub-menu {
display: block; }
#nav ul ul.sub-menu ul.sub-menu {
display: none; position: absolute;
top: 0px; left: 180px;
background: #ebebeb;
padding: 0px 15px !important;
z-index: 999;
box-shadow: 0px 2px 10px #666;
}
#nav ul ul.sub-menu ul.sub-menu li.menu-item { float: none; width: 180px !important; padding: 10px 0px !important;
border-bottom: 1px solid #000 !important;
}
#nav ul ul.sub-menu ul.sub-menu li.menu-item:last-of-type { float: none; width: 180px !important; padding: 10px 0px !important;
border-bottom: 0px !important;
}
#nav ul ul.sub-menu ul.sub-menu li.menu-item a { padding: 5px 0px; background: none !important;
color: #000 !important;
text-align: left !important;
font-size: 13px !important;
}      #social-icons { position: absolute; margin: 14px 0 0 925px; line-height: 28px; height: 28px; }
#social-icons span { font-style: italic; font-weight: bold; color: #666; float: left; margin: 0px 0 0 0; }
#social-icons a img { margin: 5px 0 0 5px; float: left; }
#subpage-list-wrap { margin: -15px 0 10px 0 }
ul.subpage-list li { background: none !important; display: inline !important; list-style-type: none; margin: 0px 20px 0 -5px !important; padding: 0 !important; }
ul.subpage-list li a { font-size: 1.1em }
#breadcrumbs { padding: 0; margin: -10px 0 20px 0; }
.social_header  {margin-top: 10px; margin-right: 20px;}
.social_header .norm_row.sfsi_wDiv {position: inherit !important;} #homepage { float: left; width: 100%; margin: 0px; padding: 0px 0px; border-right: none; }
#homepage a, #homepage a:visited { color: black; text-decoration: none; }
#homepage .slides a, #homepage .slides a:hover, #homepage .slides a:active, #homepage .slides a:visited { color: white; text-decoration: none; }
#homepage a:hover { color: black; text-decoration: none; }
#homepage p { margin: 0px; padding: 0px; }
#homepage h1 { color: #222222; font-size: 16px; font-family: Trebuchet MS, Arial, Tahoma; font-weight: normal; margin: 0px 0px 5px 0px; padding: 0px; line-height: 24px; }
#homepage h1 a { color: #222222; text-decoration: none; border: none; }
#homepage h1 a:hover { color: #666666; text-decoration: none; border: none; }
#homepage h2 { color: #FFFFFF; font-size: 13px; font-family: Arial, Tahoma, Verdana; font-weight: 100; margin: 0px; padding: 5px 0px 0px 10px; }
#homepage h3 { color: #707375; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 5px 0px; padding: 3px 0px 3px 0px;}
#homepage h4 { color: #222222; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 10px 0px 5px 0px; padding: 0px; }
#homepage embed,
#homepage object { width: 250px; height: 205px; margin: 10px 0px 5px 0px; padding: 0px; }
.homepageleft { float: left; width: 100%; margin: 0px; padding: 0px 0px 10px 0px; }
.homepageleft a.more { float: right; font-size: 11px; line-height: 16px; margin: 10px 20px  10px 0; }
.homepageright { float: right; width: 270px; margin: 0px; padding: 0px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.homepageright a.more { float: right; font-size: 11px; line-height: 16px; margin: -12px 20px  18px 0; }
.homebox {margin: 0px; padding: 5px 0px 0px 0px;}
.homebox .home-feat-projets {background: #ebebeb; position: relative; padding-right: 30px; height: auto; margin-bottom: 10px; display:flex; overflow: hidden;}
div:not(.homepageleft) > .homebox .home-feat-projets {max-height:160px;}
div:not(.homepageleft) > .homebox .home-feat-projets h3 {margin-top:0px;}
.homebox .home-feat-projets .post-image {float:left; width: 30%; margin-right: 10px !important;}
.homebox .home-feat-projets .post-image img {width:279px; height: auto;}
.homebox .home-feat-projets h3 {font-size: 18px !important; line-height: 28px !important; color: #e20000 !important; text-transform: uppercase; padding-top: 10px; margin-left: 10px !important;}
.homepageleft .homebox .home-feat-projets h3 {padding-top:10px !important;}
.homebox .home-feat-projets h3 a {color: #e20000 !important;}
.homebox .home-feat-projets p {margin-left: 10px !important;}
.homebox .home-feat-projets .suite {position: absolute; bottom: 0px; right: 0px; background: #e20000; padding: 5px 15px; text-transform: uppercase;}
.homebox .home-feat-projets .suite a {color: #ffffff !important; border-bottom: 0px !important;}
.homepageleft a .all-projets {float:right; margin-top:10px; margin-bottom:0px; background: #e20000; padding: 5px 15px; text-transform: uppercase; color: #ffffff !important;}
.projets_disciplines {position: relative;}
.projets_disciplines a .projets_bouton {position: absolute; display: inline-block; right: 15px; bottom: 0; background: #e20000; padding: 5px 15px; text-transform: uppercase; color: #ffffff !important;}
#homepage #featured_posts {
margin: 20px 0 0 !important;
}
#homepage #featured_posts .slide_cont, #homepage #featured_posts .slide_cont2 {
width: 100% !important;
}
#homepage #featured_posts .slide_cont ul.slides, #homepage #featured_posts .slide_cont2 ul.slides {
padding:0px !important;
}
#homepage #featured_posts .next, #homepage #featured_posts .next2 {
margin: 60px 0 0 1000px !important;
display: block;
width: 20px;
height: 40px;
color: #ffffff;
background: #e20000 url(https://montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/arrow-next.png) no-repeat center center;
cursor: pointer;
float: right;
margin: 0;
position: absolute;
z-index: 100;
}
#homepage #featured_posts .prev, #homepage #featured_posts .prev2 {
position: absolute;
display: block;
width: 20px;
height: 40px;
color: #ffffff;
background: #e20000 url(https://montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/arrow-prev.png) no-repeat center center;
cursor: pointer;
float: left;
margin: 60px 0 0 -15px;
z-index: 100;
}
#homepage #featured_posts .featured_posts_img {width: 315px; height: 170px; overflow: hidden;}
#homepage #featured_posts .featured_posts_img img {width:100%; height:auto;}
#homepage #featured_posts h3 {
font-size: 14px;
color: #606060;
width: 275px;
padding: 6px 20px 0;
text-align: center;
}
#homepage .vc_row.grands-themes {}
#homepage .vc_row.grands-themes .wpb_column {margin: 0 3px; width: 24.4% !important; height: 110px;}
#homepage .vc_row.grands-themes .wpb_column .vc_column-inner {background-position: center center !important; padding:0px !important; max-height: 115px !important; height: auto !important;}
#homepage .vc_row.grands-themes .wpb_column .vc_column-inner .wpb_wrapper{
background: rgba(0,0,0,0.05);
height: auto !important;
min-height: 115px !important;
margin: auto 0;
float: none;
padding: 0;
}
#homepage .vc_row.grands-themes .wpb_column .vc_column-inner p {text-align: center !important; color:#ffffff !important; padding: 45px 15px 25px !important;}
#homepage .vc_row.grands-themes .wpb_column .vc_column-inner p a {color:#ffffff !important;}
.homebox ul { list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px 0px 15px 0px; }
.homebox ul li { background: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/arrow.gif) no-repeat left 5px; padding: 0px 0px 0px 15px; margin: 0px 0px 5px 0px; }
.video-box { height: 260px }
.video-list-text { margin: -12px 0 0 0; padding: 0; }
.video-list-text p { text-indent: -9999px }
#homepagetop-wrap { background: #F5F5F5 !important; padding: 10px !important; height: 212px !important; margin: 0 0 15px 0 !important; }
#homepagetop { margin: 0 0 20px 0; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 35px 10px; height: 165px; background: #fcfcfc; }
#homepage-text { float: left; width: 430px; margin: 0 25px 0 0; }
#homepage-text h3 { background: #fcfcfc !important; color: #222 !important; font-weight: bold !important; }
#homepage-text h4 { color: #222 !important; font-weight: bold !important; }
#homepage-diapo { float: left; list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; }
#homepagetop h3 { font-size: 1.8em; color: #666; border: 0; background: #fff; padding: 4px 0 4px 0; margin: 0; text-transform: none; }
#homepagetop h4 { font-style: italic; font-size: 1.3em; padding: 0px 0 0px 0; text-transform: none; color: #003366; }
#fcg { background: #F5F5F5; margin: 0px 0px 20px 0px; padding: 10px; }
#fcg p { color: #666; margin: 0px; padding: 0px 10px 0px 10px; font-size: 14px; } #content { width: 1000px; margin: 0px auto 0px; padding: 15px 0px 0px 0px; line-height: 20px; }
#contentleft { float: left; width: 650px; margin: 0px 0px 15px 0px; padding: 20px 0px 20px 0px; border-right: 0px solid #DDDDDD; border-top: 0px solid #DDDDDD; }
#contentwide { float: left; width: 960px; margin: 0px; padding: 20px 0px 20px 0px; border-top: 0px solid #DDDDDD; }
#contentwide a,
#contentwide a:visited { color: #0B5E9C; text-decoration: none; border-bottom: 1px dotted #fff; }
#contentwide a:hover { color: #0B5E9C; text-decoration: none; border-bottom: 1px dotted #0B5E9C; }
#contentleft h1,
#contentwide h1 { color: #ffffff; font-size: 20px !important; font-family: Trebuchet MS, Arial, Tahoma; font-weight: normal; margin: 0px 0px 15px 0px; padding: 0px 10px; line-height: 30px; background-image: url(https://montreal.mediationculturelle.org/wp-content/uploads/2013/02/bleu_h1_bande.png); background-repeat: repeat-x; height: 30px; display: inline-block; position: relative;}
#contentwide h1:after {
content: "";
display: inline-block;
width: 17px;
height: 30px;
background-image: url(https://montreal.mediationculturelle.org/wp-content/uploads/2013/02/bleu_h1_pointe.png);
background-repeat: no-repeat;
background-size: 17px 30px;
position: absolute;
right: -12px;
top: 0;
}
#contentwide.projets_featured {width: 960px !important; overflow: hidden;}
#contentwide .projets_featured img#project_feat {width: 100% !important; max-width: 1000px !important;}
#contentleft h1 a,
#contentwide h1 a { color: #ffffff; text-decoration: none; border: none; }
#contentleft h1 a:hover,
#contentwide h1 a:hover { color: #666666; text-decoration: none; border: none; }
#contentleft h2,
#contentwide h2 { color: #222222; font-size: 16px; font-family: Trebuchet MS, Arial, Tahoma; font-weight: normal; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px dotted #C0C0C0; } #contentleft h3,
#contentwide h3 {text-transform:uppercase; color: #0B5E9C; font-size: 16px; font-family: Trebuchet MS, Arial, Tahoma; font-weight: 600; margin: 15px 0px 0px 0px; padding: 0px; }
#contentleft h4,
#contentwide h4 { color:black; font-size:14px; font-family: Trebuchet MS, Arial, Tahoma; font-weight: 600; margin: 15px 0px 5px 0px; padding: 0px; text-transform: uppercase; }
#contentleft img.wp-smiley { float: none; border: none; padding: 0px; margin: 0px; }
#contentleft img.wp-wink { float: none; border: none; padding: 0px; margin: 0px; }
.p { padding: 10px 0px 10px 0px; margin: 0px; }
.postarea p { padding: 0px 0px 10px 0px; margin: 0px; }
.postarea a,
.postarea a:visited,
.postcomments a,
.postcomments a:visited { color: #0B5E9C; text-decoration: none;}
.postarea a:hover,
.postcomments a:hover { color: #0B5E9C; text-decoration: none; border-bottom: 1px dotted #0B5E9C; }
.postarea ol { margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; }
.postarea ol li { margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; }
.postarea ul { list-style-type: disc; margin: 0px 0px 0px 5px; padding: 0px 0px 10px 0px; }
.postarea ul ul { list-style-type: disc; margin: 0px; padding: 0px 0px 0px 0px; }
.postarea ul li { }
.postarea div ul li { list-style-type: disc; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px; line-height:25px; }
.postarea ul ul li { }
blockquote { font-style: italic; margin: 10px 25px 20px 0px; padding: 0px 25px 0px 10px; border: 1px solid #C0C0C0; background: #eeeeee; }
#content blockquote p { margin: 0px; padding: 10px 0px 10px 0px; }
.postauthor { margin: 0px 0px 10px 0px; padding: 0px; }
.postmeta { background: #F5F5F5; font-size: 11px; text-transform: uppercase; margin: 0px 0px 50px 0px; padding: 5px 10px 5px 10px; border: 1px dotted #BBBBBB; }
.postmeta p { margin: 0px; padding: 0px; }
code { color: #222222; background: #EAEAEA; font-size: 11px; margin: 0px; padding: 10px; display: block; font-family: Verdana, Tahoma, Verdana; }
.archive { float: left; width: 47%; margin: 0px; padding: 0px 25px 20px 0px; }
.liEtude {  background:none; list-style-type: square; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; line-height:25px;  } .relpost-thumb-wrapper { margin-bottom: 50px; }
.relpost-thumb-wrapper .relpost-block-column-layout { display: flex; gap: 0; }
.relpost-block-single { width: 150px; }
.relpost-thumb-wrapper .relpost-block-container .relpost-block-single-text { height: auto !important; }
#contentwide .relpost-block-container .relpost_card_title { color: #0B5E9C; font-size: inherit !important; font-weight: 500; border-bottom: 0; } img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; }
img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; }
img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; }
img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0px 0px 10px 10px; }
.alignleft { float: left; margin: 0px 10px 10px 0px; } .wp-caption { border: 1px solid #DDDDDD; text-align: center; background-color: #F5F5F5; padding: 4px 0px 5px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; line-height: 12px; } #sidebar { float: right; width: 280px; margin: -12px 0px 0px 0px; padding: 0px 0px 20px 0px; line-height: 18px; }
#sidebar a,
#sidebar a:visited { color: #0B5E9C; text-decoration: none; }
#sidebar a:hover { color: #0B5E9C; text-decoration: none; }
#sidebar h2 { background: #b0b2b5; color: white; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 5px 0px; padding: 3px 0px 3px 10px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;  -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -khtml-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; }
#sidebar h5 { background: #d81d04; color: white; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; height:30px; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 10px 0px 3px 0px;  -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -khtml-border-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; }
#sidebar h3 { color: #222222; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 20px 0px 5px 0px; padding: 3px 0px 3px 10px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#sidebar p { margin: 0px; line-height: 20px; }
#sidebar a.more { font-size: 11px; line-height: 16px; margin: 0 0 0 140px; }
#sidebar .widget { background: #FFFFFF; margin: 0px 0px 40px 0px; padding: 0px; }
#sidebar ul { list-style-type: none; margin-left: 20px; padding: 0px; }
#sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; }
#sidebar ul ul li a,
#sidebar ul ul li a:visited { color: #0B5E9C; text-decoration: none; border-bottom: 1px dotted #fff; }
#sidebar ul ul li a:hover { color: #0B5E9C; text-decoration: none; border-bottom: 1px dotted #0B5E9C; }
#sidebar ul ul { list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px; }
#sidebar ul ul ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; }
#sidebar ul li li { background: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/arrow2.gif) no-repeat top left; padding: 0px 0px 0px 15px; margin: 0px 0px 5px 0px; }
.textwidget ul { margin: 0 !important }
#sidebar ul li ul li { background: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/arrow2.gif) no-repeat top left; padding: 0px 0px 0px 15px; margin: 0px 0px 5px 0px; }
.textwidget { margin: 0px; padding: 0px 0px 0px 0px; }
.widget_tag_cloud { margin: 0px; padding: 0px 0px 0px 10px; } #footerbg { background: #fff url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/footer.png) repeat-x;width:100%;margin:auto auto;} #footer { width: 1000px; height: auto; color: #FFFFFF; margin: 0px auto 20px; padding: 0px; }
#footer p { margin: 0px; padding: 0px; }
.footertop { font-size: 14px; color: #222222; font-weight: normal; margin: 0px; padding: 30px 0px 0px 0px; text-align: center; }
.footertop .left {float:left; width: 70%; margin-left:85px;}
.footertop .left .L1 {float: left; width:30%; margin-right: 3%;}
.footertop .left .L1 img {width: 100%;}
.footertop .left .L2 {float: left; width:30%; margin-right: 3%;}
.footertop .left .L2 img {width: 100%;}
.footertop .left .L3 {float: left; width:30%;}
.footertop .left .L3 img {width: auto;}
.footertop .right {float: right; margin-top: 10px;}
.footertop .right button {background: #e20000; color: #ffffff; text-transform: uppercase; padding:8px 15px; border: 0px !important; border-radius: 0px !;}
.contacteznous:hover {cursor: pointer;}  .postform { background: #F5F5F5; width: 240px; color: #222222; font-size: 14px; font-family: Arial, Tahoma, Verdana; margin: 0px 0px 0px 0px; padding: 1px; display: inline; border: 1px solid #DDDDDD; }
#cat { background: #FFFFFF; color: #222222; margin: 5px 0px 0px 10px; }
#subscribe { margin: 0px; padding: 10px 0px 5px 0px; overflow: hidden; }
.subscribe-email { height: 135px; background: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/feed.png) #f7f7f7 no-repeat 200px 40px !important; }
#widget-subscribe{background:#f7f7f7;padding:10px;margin:0 5px 0 0;}
#box-email, #searchbox { background: #fefefe !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 165px; color: #666; font-family: Arial, Tahoma, Verdana; padding: 4px; margin:0; border: 1px solid #ccc;} #widget-subscribe{ *padding:10px 5px 0px 5px;*margin:0px 5px 0 0;*height:50px;}
#box-email { *padding: 3px; *margin:0px; *border: 1px solid #222; *width: 150px;*float:left;}
#searchbox {*float:left; *margin:0 0 0 -100px;}
#searchbutton  {}
#subbox {
background: #F5F5F5 !important;
width: 185px;
color: #222222;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
border: 1px solid #DDDDDD;
}
#searchformheader input{
margin: 0px 0px 0px 0px;
background: #646464 !important;
border: 1px solid #646464;
border-radius: 0px;
color: #fff;
height: 25px;
padding: 0px 5px !important;
font-size: 15px;
line-height: 21px;
}
#subbutton, #searchbutton  {
background-image:: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/search-icon.png) no-repeat center center !important;
color: #a7a9ac;
width: 30px;
-moz-border-radius: 5px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
margin: 0 0 0 0px;
padding: 4px 5px 5px 5px;
border: 1px solid #555555;
float:right;
cursor:pointer;
}
#searchformheader input[type='submit'].recherche { 
background-image:: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/search-icon.png) no-repeat center center !important;
display: block;
position: relative;
padding: 5px 5px 7px !important;
font-size: 14px !important;
line-height: 14px !important;
height: 27px !important;
}
#subbutton { *float:left;
*margin:0 0 0 10px;
}
#searchform {
margin: 5px 0px 0px 10px;
}
#searchformheader {
margin: 15px 0px 0px 0px;
*float:right;
*width:233px;
}  #s {
background: #F5F5F5;
width: 170px;
color: #222222;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
margin: 5px 3px 0px 0px;
padding: 3px 0px 3px 3px;
display: inline;
border: 1px solid #DDDDDD;
}
#searchsubmit {
background: #DDDDDD;
color: #222222;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Trebuchet MS, Arial, Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 1px 2px 1px 2px;
border: 1px solid #AAAAAA;
display: inline;
}
#submit {
background: #DDDDDD;
color: #222222;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Trebuchet MS, Arial, Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 2px 5px 2px 5px;
border: 1px solid #AAAAAA;
}
#author,
#email,
#url { background: #EAEAEA !important; color: #222222; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 4px; border: 1px solid #AAAAAA; }
#comment { background: #EAEAEA !important; color: #222222; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; font-family: Arial, Tahoma, Verdana; margin: 5px 0px 5px 0px; padding: 4px; border: 1px solid #AAAAAA; } .commentlist li ul li { font-size: 14px }
.commentlist li { font-weight: bold }
.commentlist li .avatar { background: #FFFFFF; float: right; border: 1px solid #EEEEEE; padding: 2px; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 14px; }
.commentlist p { font-weight: normal; text-transform: none; }
.commentmetadata { font-weight: normal }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; }
#commentform { margin: 5px 10px 0px 0px }
#commentform textarea { width: 98%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#commentform p { margin: 5px 0px 5px 0px }
#commentform #submit { margin: 0px; float: left; }
.alt { margin: 0px; padding: 10px; }
.commentlist { margin: 0px; padding: 0px; }
.commentlist ol { margin: 0px; padding: 10px; }
.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 0px 10px 0px; padding: 0px; }
.children { margin: 0px; padding: 0px; }
.nocomments { text-align: center; margin: 0px; padding: 0px; }
.reply a,
.reply a:visited { background: #DDDDDD; color: #222222; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-family: Trebuchet MS, Arial, Tahoma; font-size: 11px; text-decoration: none; margin: 0px; padding: 2px 5px 2px 5px; border: 1px solid #AAAAAA; }
.reply a:hover { background: #0B5E9C; color: #FFFFFF; text-decoration: none; border: 1px solid #0B5E9C; }
.commentmetadata { font-size: 10px; margin: 0px; display: block; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right }
.alignleft { float: left }
.thread-alt { background: #FFFFFF; margin: 0px; padding: 0px; }
.thread-even { background: #F5F5F5; margin: 0px; padding: 0px; }
.depth-1 { border: 1px dotted #BBBBBB; margin: 0px; padding: 0px; }
.even,
.alt { border-top: 1px dotted #BBBBBB; border-bottom: 1px dotted #BBBBBB; border-left: 1px dotted #BBBBBB; margin: 0px; padding: 0px; } #featured_posts { width: 100%; margin: -40px 0 0 0; height: 240px; } #featured_posts,
x:-moz-any-link { margin: -20px 0 0 0 }
#featured_posts h3 { font-size: 14px; color: #000; width: 150px; padding: 6px 0 0 0; }
#featured_posts ul { width: 100%; margin: 0 0 0 0px; }
#featured_posts ul li { float: left; margin: 0; background-image: none; padding: 0 0 0 15px; }
#featured_posts p { font-size: 14px; width: 150px; line-height: 16px; padding: 10px 0 0 0; }
.slide_cont,
.slide_cont2 { width: 690px; clear: none; float: left; margin: 0; }
.prev,
.prev2 { position: absolute; display: block; width: 20px; height: 40px; background: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/prev.png) no-repeat; cursor: pointer; float: left; margin: 80px 0 0 -15px; z-index: 100; margin: 100px 0 0 -15px\9; } .prev,
.prev2,
x:-moz-any-link { margin: 60px 0 0 -15px }
.next,
.next2 { display: block; width: 20px; height: 40px; background: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/next.png)  no-repeat; cursor: pointer; float: right; margin: 0; margin: 60px 0 0 670px; position: absolute; z-index: 100; margin: 100px 0 0 670px\9; } .next,
.next2,
x:-moz-any-link { margin: 40px 0 0 670px }
#chgfontsizeoptions{margin:-45px 21px 20px 0;float:right;} li.menu-item-839{padding:0 30px 0 0 !important;background:url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/video.png) no-repeat 62px 12px; } #featured{ 
width:390px; 
padding-right:250px; 
position:relative; 
border:10px solid #777777; 
height:260px; 
background:#777;
margin:0 0 20px 0;
}
#featured ul.ui-tabs-nav{ 
position:absolute; 
top:0; left:390px; 
list-style:none; 
padding:0; margin:-5px 0 0 0; 
width:250px; 
}
#featured ul.ui-tabs-nav li{ 
padding:1px 0; padding-left:13px !important;  
font-size:12px; 
color:#666; 
margin:4px 0 0 0;
*/padding:0;
}
#featured ul.ui-tabs-nav li img{ 
float:left; margin:2px 5px; 
background:#fff; 
padding:2px; 
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
font-size:13px;
line-height:14px; 
display:block;
padding:5px;
}
#featured li.ui-tabs-nav-item a{ border:0;
display:block; 
height:60px; 
color:#333;  background:#fff; 
line-height:20px;
}
#featured li.ui-tabs-nav-item a img{ width:60px;height:45px;margin:5px;
}
#featured ul.ui-tabs-nav li span.tabs-meta{ 
font-size:11px;color:#aaa;margin:-4px 0 0 0;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
background:url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/js/featured-content-slider/images/selected-item.png) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected span.tabs-meta{
color:#fff;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
background:#ccc; 
}
#featured .ui-tabs-panel{
width:380px; height:250px; 
background:#999; position:relative;overflow:hidden;
border:solid 5px #fcfcfc;
}
#featured .ui-tabs-panel img {width:390px;}
#featured .ui-tabs-panel .info{ 
position:absolute; 
top:150px; left:0;
height:100px; 
background: url(//montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/js/featured-content-slider/images/transparent-bg.png); 
padding:5px;
width:380px;
}
#featured .info h2{ 
font-size:18px;
color:#fff; padding:5px; margin:0;
overflow:hidden; 
}
#featured .info p{ 
margin:0 5px; 
font-size:13px; 
line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
text-decoration:none !important;border:0 !important; 
color:#fff; 
}
#featured .info a:hover{ 
text-decoration:underline !important; 
}
#featured .ui-tabs-hide{ 
display:none; 
}
.extra{float:right;position:relative;
left:0px;top:-23px;
height:20px !important;width:70px; 
color:#333;  background:red !important; ;
} .bloc_texte{
padding-bottom: 35px;
}
.sous_bloc_texte{
padding-top: 15px;
padding-left: 250px;
width: 600px;
}
ligne-hr{
size: 1px;
color: #dcdbda;
noshade: noshade;
}
.texte-bouton{
color: white; 
font-weight:bold; 
font-size:14px;
} .photo_description_bloc {
background-color:#6a9fc1;
margin-top:-1px;
padding: 5px;
}
.photo_description_texte {
color:white;
font-size:10px;
line-height:15px;
}
.wp-caption2 { text-align: center; background-color:rgb(106, 159, 193); color:white; } img#wpstats{display:none}
#sliderContainer { width: 1000px; height: 350px; position: relative; margin: 0 auto; border: 0px;}
#sliderContainer .top-bar {background: #e20000; position: absolute; display: inline-block; height: 25px; top: 0px; width: 1000px;}
#sliderContainer img {width:100%; height: auto;}
.slideContent { background:url(https://montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/sliderContent_bg3.png) no-repeat; position: absolute; top:0px; left:0px; width: 365px; height: 350px; padding: 35px 0 20px;}
.slide .slideContent h5 { font: 20px 'Arial', serif; line-height: 30px; color: #FFF; font-weight:bold; padding: 10px 30px;  margin: 0 auto 5px auto; text-transform: uppercase; max-width: 250px; float: none;}
.slide .slideContent h5 a {text-decoration: none !important; color: #ffffff !important; font-style:normal !important;}
.slide .slideContent p {font-size: 14px; color: #FFF; max-width: 250px; float: none; margin: 0px auto !important;}
.jFlowSlideContainer { overflow: hidden; }
.jFlowSlideContainer a { color: #F90; text-decoration: none; font-style: italic; }
.jFlowSlideContainer a:hover { text-decoration: none; }
.jFlowSlideContainer a:focus { position: relative; top: 1px; }  .jFlowPrev:hover { background-position: -84px -235px; }
.jFlowNext:hover { background-position: 0px -235px; } #myController {position: absolute; top: 5px; right: 5px; }
.jFlowControl { background:url(https://montreal.mediationculturelle.org/wp-content/themes/mediation-culturelle/images/bullet.png) no-repeat scroll 0px 0px transparent;  float: left; width: 15px; height: 15px;}
.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }
.jFlowSelected, .jFlowSelected:hover {background-position: -15px 0px;   } #contentleft h2.big-title{
width: 100%;
font-size: 41px;
line-height: 40px;
color: #809db6;
font-weight: bold;
border-bottom: none;
}
#contentleft p.red{
color:#d81d04;
font-weight: bold;
}
.slideContent .exposant{
line-height: 23px;
font-size: 10px;
vertical-align: super;
border-bottom: 1px solid white;
text-decoration: none;
display: inline-block;
}
.soyons-creatifs .wp-caption{
border: none;
text-align: right;
background-color: #F5F5F5;
padding: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.soyons-creatifs .wp-caption img{
width: 100%;
margin-bottom: 0px;
}
.soyons-creatifs .wp-caption p {
font-style: italic;
font-size: 9px;
}
.projects p{
padding:0px;
margin: 5px 0px 0px;
}
#sfsi_holder.sfsi_holders {position: absolute !important;}
@media screen and (max-width: 1024px) {
html {
width: 1000px !important;
}
#header .container {
width: 960px;
}
#navbar .container {
width: 960px;
}
#nav ul li.menu-item a {
font-size: 14px !important;
}
#contentwide {
float: none !important;
margin: 0 auto !important;
}
#footer {
width: 960px;
}
#homepage #featured_posts .next, #homepage #featured_posts .next2 {
margin: 60px 0 0 980px !important;
}
#homepage #featured_posts .prev, #homepage #featured_posts .prev2 {
margin: 60px 0 0 0px;
}
.homepageleft {
float: none !important;
width: 960px !important;
margin: 0 auto !important;
}
.vc_row {
margin-left: 0px !important;
margin-right: 0px !important;
}
.vc_column_container>.vc_column-inner {
padding-left: 0px !important;
padding-right: 0px !important;
}
}