*{margin:0;padding:0;border:none;outline:none;}
*, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
*::-moz-selection {background:#048CCA;color:#FFFFFF;}
*::selection {background:#048CCA;color:#FFFFFF;} body{font-family:'Lato',arial,helvetica,sans-serif;font-size:16px;color:#323232;background:#FFFFFF;position:relative;padding-top:80px;}
body.page-template-page-jeunes-accueil{padding-top:0;}
h1{font-size:45px;line-height:50px;font-family:'Lato',arial,helvetica,sans-serif;font-weight:700;margin:0 0 40px;padding:0;color:#323232;text-align:center;position:relative;text-transform:uppercase;}
h2{display:inline-block;font-size:45px;line-height:50px;font-family:'Lato',arial,helvetica,sans-serif;font-weight:700;margin:40px 0 25px;padding:0;color:#323232;text-align:center;position:relative;text-transform:uppercase;}
h2:before {display:block;content:"";width:50px;height:70px;position:absolute;left:-40px;top:-30px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgTitreH2.png) no-repeat center center;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;}
h3{font-size:22px;line-height:25px;margin:20px 0 20px 0;font-weight:normal;color:#323232;text-align:center;}
.contenu-article h3{text-align:left;}
h4{font-size:20px;line-height:20px;margin-bottom:10px;}
a{text-decoration:none;color:#FF9900;font-weight:bold;
-webkit-transition: all 0.25s ease-out 0s;
-moz-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;}
.page-id-748 a,
.parent-pageid-748 a{color:#9C414A;}
.page-id-746 a,
.parent-pageid-746 a{color:#C4BF97;}
.page-id-744 a,
.parent-pageid-744 a{color:#0083B9;}
.page-id-732 a,
.parent-pageid-732 a{color:#E6B428;}
.portailJeunes a{color:#0080C8;}
a:hover{color:#323232;}
a:focus{
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;}
ul{list-style:none outside none;margin:0 0 20px 0;}
body:not(.home) #page #contenu ul li{font-size:16px;line-height:24px;padding:0;position:relative;padding-left:15px;}
body:not(.home) #page #contenu #articleContent ul li{font-size:20px;line-height:28px;}
body:not(.home) #page #contenu ul li:before {position:absolute;left:0;top:11px;display:block;content:"";width:6px;height:6px;background:#053C70;}
.page-id-748 #page #contenu ul li:before ,
.parent-pageid-748 #page #contenu ul li:before {background:#9C414A;}
.page-id-746 #page #contenu ul li:before ,
.parent-pageid-746 #page #contenu ul li:before {background:#C4BF97;}
.page-id-744 #page #contenu ul li:before ,
.parent-pageid-744 #page #contenu ul li:before {background:#0083B9;}
.page-id-732 #page #contenu ul li:before ,
.parent-pageid-732 #page #contenu ul li:before {background:#E6B428;}
.portailJeunes #page #contenu ul li:before {background:#0080C8;}
body:not(.home) #page #contenu #articleContent ul li:before {top:13px;}
img{display:block;border:none;margin:0;padding:0;}
img.alignleft{float:left;margin:0 20px 20px 0!important;}
img.alignright{float:right;margin:0 0 20px 20px!important;}
img.aligncenter{margin:0 auto 20px!important;}
img.alignnone{margin:0 0 20px!important;}
input,
select,
textarea {border:1px solid #C8C8C8;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;}
select{-webkit-appearance:none;}
p{font-size:16px;line-height:24px;margin:0 0 20px;}
p:last-child{margin:0;}
.mentions {max-width:1440px;margin:0 auto;padding:0 20px;}
.cb_loading{display:none;position:fixed;z-index:100000;left:0;top:0;right:0;bottom:0;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/loading.gif) no-repeat center center rgba(0,0,0,0.7);opacity:0;visibility:hidden;pointer-events:none;
-webkit-background-size:64px;-moz-background-size:64px;background-size:64px;}
.cb_loading.actif{display:block;opacity:1;visibility:visible;pointer-events:all;}
.link{width:100%;height:auto;text-align:center;padding:0 15px;margin:0;}
.link a{display:inline-block;width:100%;max-width:320px;height:70px;line-height:70px;text-transform:uppercase;color:#FFFFFF;font-size:16px;padding:0 15px;font-weight:400;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLink.png) no-repeat right 20px center #053C70;
-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;border-radius:70px;}
.link a:hover{background-color:#000E31;}
@media screen and (min-width: 768px){
.mentions{padding:0 40px;}
}
@media screen and (min-width: 1261px){
.mentions {padding:0 80px;}
}
#headerContainer{position:fixed;left:0;top:0;width:100%;height:80px;z-index:30000;padding:0;background:linear-gradient(to right, #FFFFFF 80%,  #FFFFFF 80%);}
.page-template-page-extranet #headerContainer{background:#FFFFFF;}
#headerContainer.fixed{box-shadow:0 0 5px rgba(50,50,50,0.1);}
#headerContainer:after {display:block;content:"";width:1000px;height:160px;position:absolute;left:50%;top:-200px;z-index:-1;margin-left:-500px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgHeaderContainer.png) no-repeat center center;
-webkit-transition:top 0.3s ease-out 0s;
-moz-transition:top 0.3s ease-out 0s;
transition:top 0.3s ease-out 0s;}
#headerContainer.fixed:after {top:-100px;
-webkit-transition:top 0.3s ease-out 0s;
-moz-transition:top 0.3s ease-out 0s;
transition:top 0.3s ease-out 0s;}
#headerContainer.headerContainerJeunes{height:80px;padding-top:0;background:none;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #headerContainer.headerContainerJeunes,
#headerContainer.headerContainerJeunes.fixed{height:80px;padding-top:0;background:#FFFFFF;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#headerContainer.headerContainerJeunes:after {display:none;}
@media screen and (min-width: 1024px) {
#headerContainer.headerContainerJeunes {height:100px;padding-top:20px;}
}
@media screen and (min-width: 1261px){	
#headerContainer:after {top:-15px;}
}
#header{width:100%;height:100%;margin:0 auto;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#nav{position:absolute;left:0;right:0;top:100%;background:#FFFFFF;border:0px solid #F5F5F5;height:0;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#nav.open{border:1px solid #F5F5F5;height:auto;overflow:visible;}
#upline{position:absolute;left:360px;top:50px;}
.fixed #upline{display:none;}
#upline p{font:18px/20px 'Lato',helvetica,arial,sans-serif;font-weight:600;color:#999999;margin:0;text-transform:uppercase;}
#slider{width:100%; margin:0 auto;background:none;overflow:hidden;position:relative;}
.portailJeunes #slider{ } #page{clear:both;width:100%;margin:0;padding:0 0 80px 0;}
.page-template-default #page{padding:0;}
.page-template-page-service #page{padding:0;}
.page-template-page-extranet #page{padding:0;}
.portailJeunes #page{padding:0;}
#page > #contenu{width:100%;margin:0 auto;padding:0;}
.page-id-1869 #page,
.home #page{padding:0;}
.page-id-11 #page,
.page-id-12 #page,
.single #page,
.search #page{padding:0;}
.blog #page{padding:0 0 80px 0;}
.archive #page{padding:0;}
.post-type-archive-paroisse #page{padding:0 0 80px;}
.home #page > #contenu{max-width:100%;padding:0;}
@media screen and (max-width: 767px){	
.page-id-275 #page{padding:0;}
}
#page .pageBlock{width:100%;max-width:1600px;margin:0 auto;padding:0 80px;}
#aside{display:none;}
#footerContainer{width:100%;height:auto;background:#053C70;padding:0;}
#footerContainer.footerContainerJeunes{background:#0080C8;}
#footer{width:100%;position:relative;} .page-id-16 #pg-16-1,
.page-id-16 #pg-16-2,
.page-id-16 #pg-16-3{display:none;}  #popupYouare{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100000;background:rgba(0,0,0,0.8);opacity:0;visibility:hidden;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;
-webkit-justify-content:center;
justify-content:center;}
#popupYouare.open{opacity:1;visibility:visible;}
#popupYouare .popupYouareContainer{width:90%;max-width:640px;min-height:480px;padding:0;background:#FFFFFF;color:#1E1E1E;position:relative;}
#popupYouare .popupYouareContainer iframe{width:100%;height:100%;}
#popupYouare .popupYouareContainer .closePopupYouare{position:absolute;z-index:1;right:20px;top:20px;width:44px;height:44px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/closeSchemaBlanc.png) no-repeat center center;
-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;cursor:pointer;} @media screen and (min-width: 768px){
#popupYouare .popupYouareContainer{max-width:800px;min-height:567px;}
} #backtotop{opacity:0;z-index:2010;}
#backtotop a{display:none;position:absolute;z-index:2010;right:0;top:-80px;overflow:hidden;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/backtotop.png) no-repeat left top transparent;-webkit-background-size:80px;-moz-background-size:80px;background-size:80px;}
#backtotop a span{display:block;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/backtotop.png) no-repeat left -80px transparent;-webkit-background-size:80px;background-size:80px;width:80px;height:80px;opacity:0;}
#backtotop.enable a{display:block;}
#backtotop a:hover{background-position:left 0;}
@media screen and (min-width: 641px){
#backtotop a{top:0;}
}
@media screen and (min-width: 1024px){
#backtotop a{right:100px;}
} #politiques{padding-top:0px;}
#politiques p{text-align:left;}
#politiques ul{text-align:left;}
#politiques h4{text-align:left;font-size:18px;font-weight:400;color:#323232;margin-bottom:20px;}
#politiques a.cli_settings_button{display:inline-block;padding:20px;text-transform:uppercase;background:#323232;color:#FFF!important;font-size:16px;margin:0 0 20px!important;cursor:pointer;font-weight:400;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#politiques a.cli_settings_button:hover{background:#053C70;}
body{top:0!important;}
button.gdpr-preferences{display:block;padding:20px;text-transform:uppercase;background:#323232;color:#FFF;font-size:16px;margin:0 auto 20px;cursor:pointer;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
button.gdpr-preferences:hover{background:#323232;}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences,
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-agreement{height:30px;line-height:30px;background:none;border:none;text-shadow:none;font-size:14px;text-decoration:none;padding:0 10px;
border-radius:0;box-shadow:none;}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences:hover,
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-agreement:hover{color:#808080;}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences:before {display:none;}
a.buttonGA{display:inline-block;padding:20px;text-transform:uppercase;background:#323232;color:#FFF!important;font-size:16px;margin-bottom:0;cursor:pointer;font-weight:400;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
a.buttonGA:hover{background:#323232;}
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tabs li button.gdpr-active,
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tabs li a.gdpr-active,
body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-tabs li button.gdpr-active,
body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-tabs li a.gdpr-active,
body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tabs li button.gdpr-active,
body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tabs li a.gdpr-active{background-color:#323232;}
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tabs li button:hover,
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tabs li a:hover,
body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-tabs li button:hover,
body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-tabs li a:hover,
body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tabs li button:hover,
body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tabs li a:hover{color:#323232;}
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper>form>footer input[type="submit"],
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .reconsent-form>footer input[type="submit"],
body .gdpr.gdpr-reconsent .gdpr-wrapper>form>footer input[type="submit"],
body .gdpr.gdpr-reconsent .gdpr-wrapper .reconsent-form>footer input[type="submit"],
body .gdpr.gdpr-general-confirmation .gdpr-wrapper>form>footer input[type="submit"],
body .gdpr.gdpr-general-confirmation .gdpr-wrapper .reconsent-form>footer input[type="submit"]{height:50px;line-height:20px;border:none;text-shadow:none;text-decoration:none;
display:inline-block;padding:15px;text-transform:uppercase;background:#323232;color:#FFF;font-size:13px;margin-bottom:0;cursor:pointer;box-shadow:none;border-radius:0;}
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper>form>footer input[type="submit"]:hover,
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .reconsent-form>footer input[type="submit"]:hover,
body .gdpr.gdpr-reconsent .gdpr-wrapper>form>footer input[type="submit"]:hover,
body .gdpr.gdpr-reconsent .gdpr-wrapper .reconsent-form>footer input[type="submit"]:hover,
body .gdpr.gdpr-general-confirmation .gdpr-wrapper>form>footer input[type="submit"]:hover,
body .gdpr.gdpr-general-confirmation .gdpr-wrapper .reconsent-form>footer input[type="submit"]:hover{background:#323232;}
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-mobile-menu button:hover,
body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-mobile-menu button:hover,
body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-mobile-menu button:hover{color:#323232;}
body .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-mobile-menu button:hover:after,
body .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-mobile-menu button:hover:after,
body .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-mobile-menu button:hover:after{border-top-color:#323232;}
body .gdpr-request-form input[type=submit]{display:inline-block;padding:20px;text-transform:uppercase;background:#323232;color:#FFF;font-size:16px;margin-bottom:20px;cursor:pointer;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
body .gdpr-request-form input[type=submit]:hover{background:#323232;}
body .gdpr-request-form input[type=email]{display:inline-block;line-height:19px;padding:19px 20px;text-transform:lowercase;background:#FFF;color:#323232;font-size:16px;margin-bottom:20px;cursor:pointer;border:1px solid #323232;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
body .gdpr-request-form input[type=email]:focus{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;}
body .gdpr.gdpr-privacy-bar .gdpr-content a{color:#808080;}
body .gdpr.gdpr-privacy-bar .gdpr-content a:hover{color:#323232;}
#contact .content_form .acceptance{margin-top:40px;}
#contact .content_form .acceptance input[type=checkbox]{width:14px;height:14px;float:left;margin:1px 5px 20px 0;padding:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;}
#contact .content_form .acceptance span.wpcf7-list-item-label{font-size:14px;}
#contact .content_form .acceptance span.wpcf7-list-item{margin:0;}
#cookie-law-info-bar{text-align:left!important;font-size:14px!important;}
#cookie-law-info-bar span{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:flex-end;
justify-content:flex-end;
-webkit-align-items:flex-start;
align-items:flex-start;
}
#cookie-law-info-bar span.texteCookieBar{width:60%;}
#cookie-law-info-bar span.linkCookieBar{width:40%;}
#cookie-law-info-bar span a{font-weight:400!important;font-size:14px;padding:5px 0;margin-top:-10px;}
#cookie-law-info-bar span a.cli_settings_button{order:2;}
#cookie-law-info-bar span a#cookie_action_close_header{border:1px solid #FFFFFF;padding:5px 10px;order:3;cursor:pointer;}
#cookie-law-info-bar span a:hover{color:#0080C8!important;}
#cookie-law-info-bar span a#cookie_action_close_header:hover{border-color:#0080C8;}
@media screen and (max-width: 1440px){
#cookie-law-info-bar span.texteCookieBar{width:100%;max-width:1280px;margin:0 auto 10px;text-align:center!important;
-webkit-justify-content:center;
justify-content:center;}
#cookie-law-info-bar span.linkCookieBar{width:100%;
-webkit-justify-content:center;
justify-content:center;}
}
@media screen and (max-width: 767px){
body .gdpr.gdpr-privacy-bar .gdpr-wrapper,
body .gdpr.gdpr-reconsent-bar .gdpr-wrapper{padding:20px 30px;}
}  #headerContent{width:100%;height:80px;margin:0 auto;position:relative;padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
.headerContainerJeunes #headerContent{padding:0;}
.page-template-page-jeunes-accueil .headerContainerJeunes #headerContent{padding:0;}
.portailJeunes:not(.page-template-page-jeunes-accueil) .headerContainerJeunes #headerContent:after,
.headerContainerJeunes.fixed #headerContent:after {display:none;content:"";width:80px;height:80px;background:#0080C8;position:absolute;right:0;top:0;z-index:1;}
@media screen and (min-width: 768px){
#headerContent{padding:0 20px 0 10px;}
}
@media screen and (min-width: 1024px){
.page-template-page-jeunes-accueil .headerContainerJeunes #headerContent{padding:0 40px;}
}
@media screen and (min-width: 1261px){
.page-template-page-jeunes-accueil .headerContainerJeunes #headerContent{padding:0 80px;}
}
@media screen and (min-width: 1440px){
#headerContent{padding:0 40px;}
.headerContainerJeunes #headerContent{padding:0 80px;}
.portailJeunes:not(.page-template-page-jeunes-accueil) .headerContainerJeunes #headerContent:after,
.headerContainerJeunes.fixed #headerContent:after {display:block;}
}
@media screen and (min-width: 1681px){
#headerContent{padding:0 80px;}
} #jeunesHeaderLeft,
#widgetHeader1{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#jeunesHeaderLeft{width:50%;padding-right:70px;}
#widgetHeader1{width:100%;padding:0 10px;background:#FFFFFF;}
@media screen and (min-width: 768px){
#widgetHeader1{width:50%;padding:0 70px 0 0;}
} #mainmenu{width:90%;max-width:400px;padding:0;background:#053C70;position:fixed;left:0;top:80px;bottom:0;z-index:30001;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
opacity:0;visibility:hidden;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
-moz-transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;}
.portailJeunes #mainmenu{top:80px;background:#0080C8;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #mainmenu,
.portailJeunes #mainmenu.fixed{top:80px;}
#mainmenu.open{
opacity:1;visibility:visible;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);}
#mainmenu .widget_nav_menu{width:100%;height:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;}
#mainmenu .menu-menuheader-container{background:none;position:static;width:100%;height:100%;padding-bottom:50px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;}
#mainmenu .menu-menuheader-container #menu-menuheader{margin:0;position:static;}
#mainmenu .menu-menuheader-container #menu-menuheader li.retour{display:none;position:absolute;top:0;right:0;z-index:100;width:100%;height:50px;line-height:50px;padding:0;text-align:center;cursor:pointer;background:#053C70;opacity:0;visibility:hidden;
-webkit-transform: translate(-50%, 0)!important;
-moz-transform: translate(-50%, 0)!important;
transform: translate(-50%, 0)!important;
-webkit-transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;
-moz-transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item-has-children > a > span{display:block;position:absolute;right:calc(20% - 55px);top:-22px;width:55px;height:100px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/mainmenuArrow.png) no-repeat center center;
-webkit-background-size:20px;-moz-background-size:20px;background-size:20px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg);}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item-has-children > a > span:after{display:none;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item{width:100%;padding:0;position:static;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu{width:100%;background:#37638D;margin:0;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu ul.sub-menu{bottom:0;background:#50779B;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu ul.sub-menu ul.sub-menu{background:#698AA9;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu.noOverflow{overflow-y:inherit;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item > a{display:block;width:100%;height:auto;font-size:16px;font-weight:400;line-height:20px;padding:18px 20% 18px 10%;
color:#FFFFFF;background:none!important;text-transform:uppercase;position:relative;border-bottom:1px solid rgba(255,255,255,0.25);
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu li a{font-size:14px;padding-left:15%;font-weight:300;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu ul.sub-menu li a{padding-left:20%;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu ul.sub-menu ul.sub-menu li a{padding-left:25%;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item > a:after {display:none;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item:hover > a,
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item > a.active,
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item > a:hover{border-color:#000E31;background:#000E31 !important;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item > ul.sub-menu,
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu{height:0;overflow:hidden;}
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu li.menu-item > a:hover{border-color:rgba(255,255,255,0.5);padding-left:20%;}
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu ul.sub-menu li.menu-item > a:hover{padding-left:25%;}
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menuheader-container #menu-menuheader ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item > a:hover{padding-left:30%;}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item > ul.sub-menu.toggle-on,
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu.toggle-on{height:auto;border-top:1px solid rgba(255,255,255,0.25);}
#mainmenu .menu-menuheader-container #menu-menuheader li.menu-item ul.sub-menu ul.sub-menu.toggle-on{border-top:none;}
@media screen and (min-width: 1024px){	
.portailJeunes #mainmenu{top:100px;}
} #mainmenu .menu-menujeunes-container{background:none;position:static;width:100%;height:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;}
#mainmenu .menu-menujeunes-container #menu-menujeunes{display:block;margin:0;position:static;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.retour{display:none;position:absolute;top:0;right:0;z-index:100;width:100%;height:50px;line-height:50px;padding:0;text-align:center;cursor:pointer;background:#0080C8;opacity:0;visibility:hidden;
-webkit-transform: translate(-50%, 0)!important;
-moz-transform: translate(-50%, 0)!important;
transform: translate(-50%, 0)!important;
-webkit-transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;
-moz-transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.retour.open{opacity:1;visibility:visible;
-webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.retour span{display:block;position:absolute;top:0;right:0;z-index:100;width:150px;height:50px;line-height:50px;padding:0 0 0 30px;text-align:center;cursor:pointer;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/mainmenuArrowRetour.png) no-repeat 30px center;-webkit-background-size:20px;-moz-background-size:20px;background-size:20px;color:#FFFFFF;font-size:16px;font-weight:400;text-transform:uppercase;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item-has-children > a > span{display:block;position:absolute;right:calc(20% - 55px);top:-22px;width:55px;height:100px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/mainmenuArrow.png) no-repeat center center;
-webkit-background-size:20px;-moz-background-size:20px;background-size:20px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg);}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item-has-children > a > span:after{display:none;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item{width:100%;padding:0;position:static;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu{width:100%;background:#3399D3;margin:0;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu ul.sub-menu{bottom:0;background:#4DA6D9;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu ul.sub-menu ul.sub-menu{background:#66B3DE;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu.noOverflow{overflow-y:inherit;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item > a{display:block;width:100%;height:auto;font-size:16px;font-weight:400;line-height:20px;padding:18px 20% 18px 10%;
color:#FFFFFF;background:none!important;text-transform:uppercase;position:relative;border-bottom:1px solid rgba(255,255,255,0.25);
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu li a{font-size:14px;padding-left:15%;font-weight:300;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu ul.sub-menu li a{padding-left:20%;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu ul.sub-menu ul.sub-menu li a{padding-left:25%;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item > a:after {display:none;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item:hover > a,
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item > a.active,
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item > a:hover{border-color:#00409D;background:#00409D !important;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item > ul.sub-menu,
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu{height:0;overflow:hidden;}
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu li.menu-item > a:hover{border-color:rgba(255,255,255,0.5);padding-left:20%;}
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu ul.sub-menu li.menu-item > a:hover{padding-left:25%;}
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menujeunes-container #menu-menujeunes ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item > a:hover{padding-left:30%;}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item > ul.sub-menu.toggle-on,
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu.toggle-on{height:auto;border-top:1px solid rgba(255,255,255,0.25);}
#mainmenu .menu-menujeunes-container #menu-menujeunes li.menu-item ul.sub-menu ul.sub-menu.toggle-on{border-top:none;} #mainmenu .menu-menuextranet-container{background:none;position:static;width:100%;height:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;}
#mainmenu .menu-menuextranet-container #menu-menuextranet{margin:0;position:static;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.retour{display:none;position:absolute;top:0;right:0;z-index:100;width:100%;height:50px;line-height:50px;padding:0;text-align:center;cursor:pointer;background:#053C70;opacity:0;visibility:hidden;
-webkit-transform: translate(-50%, 0)!important;
-moz-transform: translate(-50%, 0)!important;
transform: translate(-50%, 0)!important;
-webkit-transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;
-moz-transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in!important;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.retour.open{opacity:1;visibility:visible;
-webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.retour span{display:block;position:absolute;top:0;right:0;z-index:100;width:150px;height:50px;line-height:50px;padding:0 0 0 30px;text-align:center;cursor:pointer;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/mainmenuArrowRetour.png) no-repeat 30px center;-webkit-background-size:20px;-moz-background-size:20px;background-size:20px;color:#FFFFFF;font-size:16px;font-weight:400;text-transform:uppercase;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item-has-children > a > span{display:block;position:absolute;right:calc(20% - 55px);top:-22px;width:55px;height:100px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/mainmenuArrow.png) no-repeat center center;
-webkit-background-size:20px;-moz-background-size:20px;background-size:20px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transform:rotate(90deg);}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item-has-children > a > span:after{display:none;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item{width:100%;padding:0;position:static;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu{width:100%;background:#37638D;margin:0;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu ul.sub-menu{bottom:0;background:#50779B;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu ul.sub-menu ul.sub-menu{background:#698AA9;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu.noOverflow{overflow-y:inherit;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item > a{display:block;width:100%;height:auto;font-size:16px;font-weight:400;line-height:20px;padding:18px 20% 18px 10%;
color:#FFFFFF;background:none!important;text-transform:uppercase;position:relative;border-bottom:1px solid rgba(255,255,255,0.25);
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu li a{font-size:14px;padding-left:15%;font-weight:300;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu ul.sub-menu li a{padding-left:20%;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu ul.sub-menu ul.sub-menu li a{padding-left:25%;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item > a:after {display:none;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item:hover > a,
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item > a.active,
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item > a:hover{border-color:#000E31;background:#000E31 !important;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item > ul.sub-menu,
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu{height:0;overflow:hidden;}
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu li.menu-item > a:hover{border-color:rgba(255,255,255,0.5);padding-left:20%;}
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu ul.sub-menu li.menu-item > a:hover{padding-left:25%;}
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item:hover > a,
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item > a.active,
#mainmenu .menu-menuextranet-container #menu-menuextranet ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item > a:hover{padding-left:30%;}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item > ul.sub-menu.toggle-on,
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu.toggle-on{height:auto;border-top:1px solid rgba(255,255,255,0.25);}
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu ul.sub-menu.toggle-on{border-top:none;}
@media screen and (max-width: 767px){
#mainmenu .menu-menuextranet-container #menu-menuextranet li.menu-item ul.sub-menu{bottom:50px;}
} #mainmenu .menu-menutop-container{display:block;width:100%;height:50px;position:absolute;left:0;bottom:0;z-index:1;background:#FFFFFF;}
#mainmenu .menu-menutop-container > ul{margin:0;width:100%;height:50px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
#mainmenu .menu-menutop-container > ul > li{width:33.33%;height:50px;}
#mainmenu .menu-menutop-container > ul > li:nth-child(4),
#mainmenu .menu-menutop-container > ul > li:nth-child(5){display:none;}
#mainmenu .menu-menutop-container > ul > li > a{display:block;width:100%;height:100%;line-height:20px;text-align:center;text-transform:uppercase;font-weight:400;font-size:14px;padding:0 10px;}
#mainmenu .menu-menutop-container > ul > li:nth-child(1) > a{background:#FFFFFF;color:#053C70;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoMenuParoisse.png);background-repeat:no-repeat;background-position:center center;text-indent:-999em;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
#mainmenu .menu-menutop-container > ul > li:nth-child(2) > a{background:#053C70;color:#FFFFFF;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoMenuPersonne.png);background-repeat:no-repeat;background-position:center center;text-indent:-999em;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
#mainmenu .menu-menutop-container > ul > li:nth-child(3) > a{background:#000E31;color:#FFFFFF;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoMenuMouvement.png);background-repeat:no-repeat;background-position:center center;text-indent:-999em;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
@media screen and (min-width: 441px){	
#mainmenu .menu-menutop-container > ul > li > a{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}		
#mainmenu .menu-menutop-container > ul > li:nth-child(1) > a{background-image:none;text-indent:initial;}
#mainmenu .menu-menutop-container > ul > li:nth-child(2) > a{background-image:none;text-indent:initial;}
#mainmenu .menu-menutop-container > ul > li:nth-child(3) > a{background-image:none;text-indent:initial;}
}
@media screen and (min-width: 768px){	
#mainmenu .menu-menutop-container{display:none;}
} #jeunesHeaderLogo,
#headerLogo{width:100px;height:70px;top:5px;margin-left:-50px;position:absolute;left:50%;z-index:3;
-webkit-transition:all 0.3s ease-out 0.15s;
-moz-transition:all 0.3s ease-out 0.15s;
transition:all 0.3s ease-out 0.15s;}
#jeunesHeaderLogo{width:150px;height:100px;top:0;margin-left:-75px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#jeunesHeaderLogo #logo,
#headerLogo #logo{display:block;margin:0 auto;}
#jeunesHeaderLogo:after {display:block;content:"";position:absolute;left:-30px;top:0;width:210px;height:80px;z-index:1;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/logoJeunesFixed.png) no-repeat center center;opacity:0;
-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;pointer-events:none;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#jeunesHeaderLogo #logo img,
#headerLogo #logo img{display:block;width:auto;height:70px;margin:0 auto;padding:0;
-webkit-transition:all 0.3s ease-out 0.15s;
-moz-transition:all 0.3s ease-out 0.15s;
transition:all 0.3s ease-out 0.15s;}
#jeunesHeaderLogo #logo img{width:100%;height:auto;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.fixed #headerLogo{width:100px;height:70px;top:5px;margin-left:-50px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderLogo:after,
.fixed #jeunesHeaderLogo:after {opacity:1;}
.fixed #headerLogo #logo img{width:auto;height:70px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderLogo #logo img,
.fixed #jeunesHeaderLogo #logo img{opacity:0;}
@media screen and (min-width: 1261px){
#headerLogo{width:150px;height:100px;top:0;margin-left:-75px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#headerLogo #logo img{width:100%;height:auto;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
} #widgetHeader2{display:none;width:50%;padding-left:40px;}
#widgetHeader2 .widget_nav_menu{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:flex-end;
justify-content:flex-end;}
#widgetHeader2 ul#menu-menutop-1{margin:0;height:80px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:stretch;
align-items:stretch;
-webkit-justify-content:center;
justify-content:center;}
#widgetHeader2 ul#menu-menutop-1 li{display:block;max-width:140px;height:80px;padding:0;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-align-items:stretch;
align-items:stretch;}
#widgetHeader2 ul#menu-menutop-1 > li:nth-child(1):after,
#widgetHeader2 ul#menu-menutop-1 > li:nth-child(2):after{display:block;content:"";width:1px;height:30px;position:absolute;z-index:1;top:50%;right:0;margin-top:-15px;background:#053C70;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4){max-width: inherit;}
#widgetHeader2 ul#menu-menutop-1 li a{font-size:15px;font-weight:400;line-height:20px;padding:0 10px;color:#FFFFFF;text-transform:uppercase;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(1) a{background:#FFFFFF;color:#053C70;padding:0 28px;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoMenuParoisseBleu.png);background-repeat:no-repeat;background-position:center center;text-indent:-999em;
-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(2) a{background:#FFFFFF;color:#053C70; padding:0 28px;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoMenuPersonneBleu.png);background-repeat:no-repeat;background-position:center center;text-indent:-999em;
-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(3) a{background:#FFFFFF;color:#053C70; padding:0 28px;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoMenuMouvementBleu.png);background-repeat:no-repeat;background-position:center center;text-indent:-999em;
-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4) a{background:#053C70;color:#FFFFFF;font-size:14px;-webkit-justify-content:center;justify-content:center;text-indent:inherit;}
#widgetHeader2 ul#menu-menutop-1 > li:nth-child(5){display:none;}
#widgetHeader2 ul#menu-menutop-1 > li:nth-child(5) a{color:#053C70;}
#widgetHeader2 ul#menu-menutop-1 li a:hover{color:#0080C8;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4) a:hover{background:#000E31;color:#FFFFFF;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4) > a{width:144px;height:44px;padding:2px 10px;margin:0;border:1px solid #053C70;text-align:center;border-radius:50px;text-transform:none;font-size:14px;background:#053C70;color:#FFFFFF;
-webkit-align-self:center;align-self:center;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4) > a:hover{background:#000E31;border-color:#000E31;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4) ul.sub-menu{padding:0;overflow:hidden;height:0;position:absolute;left:0;top:100%;right:0;margin:0;background:#048CCA;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4) ul.sub-menu li{max-width:inherit;height:auto;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4):hover ul.sub-menu{height:auto;padding:0;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(4) ul.sub-menu a{padding:15px 20px;width:100%;}
.page-template-page-extranet #widgetHeader2 ul#menu-menutop-1 > li:nth-child(1),
.page-template-page-extranet #widgetHeader2 ul#menu-menutop-1 > li:nth-child(2),
.page-template-page-extranet #widgetHeader2 ul#menu-menutop-1 > li:nth-child(3){display:none;opacity:0;visibility:hidden;}
.page-template-page-extranet #widgetHeader2 ul#menu-menutop-1 > li:nth-child(4){
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
}
@media screen and (min-width: 768px){
#widgetHeader2{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:flex-end;
justify-content:flex-end;}
}
@media screen and (min-width: 1024px){
#widgetHeader2{padding-left:70px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(1) a{padding:0 30px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(2) a{padding:0 30px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(3) a{padding:0 30px;} }
@media screen and (min-width: 1261px){
#widgetHeader2 ul#menu-menutop-1 > li:nth-child(1) a{background-image:none;padding:0 10px;text-indent:initial;}
#widgetHeader2 ul#menu-menutop-1 > li:nth-child(2) a{background-image:none;padding:0 10px;text-indent:initial;}
#widgetHeader2 ul#menu-menutop-1 > li:nth-child(3) a{background-image:none;padding:0 10px;text-indent:initial;}
}
@media screen and (min-width: 1440px){
#widgetHeader2 ul#menu-menutop-1 li{max-width:160px;}
#widgetHeader2 ul#menu-menutop-1 li a{padding:0 20px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(1) a{padding:0 20px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(2) a{padding:0 20px;}
#widgetHeader2 ul#menu-menutop-1 li:nth-child(3) a{padding:0 20px;}
}
#jeunesHeaderRight{width:50%;padding-left:70px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:flex-end;
justify-content:flex-end;}
#jeunesHeaderRightContainer{position:relative;}
#jeunesHeaderRight .sub-menu{position:absolute;left:0;top:100%;right:0;padding:0;overflow:hidden;height:0;background:rgba(50,50,50,0.5);
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.fixed #jeunesHeaderRight .sub-menu,
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderRight .sub-menu{background:#0080C8;}
#jeunesHeaderRightContainer:hover .sub-menu{padding:0;height:100px;}
#jeunesHeaderRight a{display:none;width:180px;height:80px;background:rgba(50,50,50,0.5);font-size:15px;line-height:20px;text-align:center;text-transform:uppercase;color:#FFFFFF;font-weight:400;}
#jeunesHeaderRight .sub-menu a{height:50px;text-align:left;padding:0 20px;background:none;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderRight .sub-menu a{background:#0080C8;}
#jeunesHeaderRight a:hover{background:#00409D;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderRight a,
#jeunesHeaderRight a.soutiens,
.fixed #jeunesHeaderRight a{background:#0080C8;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderRight a.sitediocese,
.fixed #jeunesHeaderRight a.sitediocese{background:#FFFFFF;color:#0080C8;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderRight a:hover,
#jeunesHeaderRight a.sitediocese:hover,
#jeunesHeaderRight a.soutiens:hover,
.fixed #jeunesHeaderRight a:hover{background:#00409D;color:#FFFFFF;}
@media screen and (min-width: 1023px){
#jeunesHeaderRight a{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
}
@media screen and (min-width: 1261px){
#jeunesHeaderRight a{width:210px;}
} #headerAction{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
align-items:center;}
#headerAction .btnSearchOpen{display:block;width:54px;height:50px;text-indent:-999em;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchOpen.png) no-repeat center center;border:none;cursor:pointer;
-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
#headerAction .btnSearchOpen:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchOpenH.png);}
.page-template-page-extranet #headerAction .btnSearchOpen{display:none;}
@media screen and (min-width: 768px){
#headerAction{width:auto;
-webkit-justify-content:flex-end;
justify-content:flex-end;}
#headerAction .btnSearchOpen{width:90px;border-left:1px solid #8A8A8A;}
}
#headerSearch{position:fixed;left:0;top:-15%;width:100%;height:15%;z-index:50000;background:rgba(0,0,0,0.60);overflow:hidden;padding:50px 20px 10px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-content:flex-start;
align-content:flex-start;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
#headerSearch.open{top:0;height:100%;overflow-y:scroll;}
.page-template-page-extranet #headerSearch{display:none;}
#headerSearch .searchFormContainer{width:100%;max-width:1280px;background:#FFFFFF;padding:20px;margin:10px auto;
-webkit-align-self:center;
align-self:center;}
#headerSearch .searchFormContainer > form{padding:0;}
#headerSearch .searchFormGeneral form > div{width:100%;position:relative;padding-left:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
#headerSearch .searchFormGeneral form label{display:block;width:100%;text-align:left;color:#053C70;font-size:30px;line-height:35px;font-weight:700;margin:0;padding:25px 0 0 0;position:relative;left:inherit;top:inherit;text-transform:uppercase;}
#headerSearch .searchFormGeneral form label:after{display:block;content:"";width:50px;height:2px;background:#FF9900;position:absolute;left:0;top:0;}
#headerSearch input[type=text]{display:block;width:100%;height:60px;line-height:60px;background:none;border:none;border-bottom:1px solid #053C70;padding:0 60px 0 40px;margin:40px 0;
font-family:'Lato',arial,helvetica,sans-serif;font-weight:400;font-size:17px;color:#323232;}
#headerSearch input[type=text]::-webkit-input-placeholder {color:rgba(5,60,112,0.35);font-style:italic;text-transform:none;}
#headerSearch input[type=text]:-moz-placeholder {color:rgba(5,60,112,0.35);font-style:italic;text-transform:none;}
#headerSearch input[type=text]::-moz-placeholder {color:rgba(5,60,112,0.35);font-style:italic;text-transform:none;}
#headerSearch input[type=text]:-ms-input-placeholder {color:rgba(5,60,112,0.35);font-style:italic;text-transform:none;}
#headerSearch input[type=submit]{display:block;width:60px;height:60px;position:absolute;right:0;bottom:40px;z-index:1;cursor:pointer;text-indent:-999em;border:none;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchHeader.png) no-repeat center center;-webkit-background-size:60px;-moz-background-size:60px;background-size:60px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
#headerSearch input[type=submit]:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchHeaderH.png);}
#headerSearch .form p.titre{display:block;width:100%;text-align:left;color:#053C70;font-size:30px;line-height:35px;font-weight:700;margin:0 0 40px;padding:25px 0 0 0;text-transform:uppercase;position:relative;}
#headerSearch .form p.titre:after{display:block;content:"";width:50px;height:2px;background:#FF9900;position:absolute;left:0;top:0;}
#headerSearch .form .typesSearch{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
#headerSearch .form .typesSearch .fieldset{width:100%;padding:0;margin-bottom:20px}
#headerSearch .form .typesSearch .fieldset:last-child{margin:0;}
#headerSearch .form .typesSearch .fieldset#sCommunes_form{width:100%;height:0;overflow:hidden;margin-top:0;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
#headerSearch .form .typesSearch .fieldset#sCommunes_form.open{height:auto;margin-top:20px;;}
#headerSearch .form .typesSearch .fieldset label{display:block;font-size:22px;line-height:26px;margin-bottom:20px;margin-left:30px;}
#headerSearch .form .typesSearch .fieldset .inputCont{position:relative;overflow:hidden;border-radius:70px;}
#headerSearch .form .typesSearch .fieldset .inputCont:after{display:block;content:"";width:70px;height:30px;position:absolute;right:5px;top:50%;border-left:1px solid #053C70;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/searchLoupe.png) no-repeat center center #F7F7F7;
-webkit-background-size:34px;-moz-background-size:34px;background-size:34px;pointer-events:none;cursor:pointer;margin-top:-15px;}
#headerSearch .form .typesSearch .fieldset select,
#headerSearch .form .typesSearch .fieldset input[type=text]{display:block;width:100%;height:50px;line-height:50px;padding:0 70px 0 30px;border:none;background:#F7F7F7;-webkit-appearance:none;border-radius:70px;margin:0;}
#headerSearch .form .typesSearch .fieldset select{font-family:'Lato',arial,helvetica,sans-serif;font-weight:400;font-size:17px;color:rgba(5,60,112,0.35);font-style:italic;}
#headerSearch .form .typesSearch .fieldset select option{font-style:normal;color:#323232;}
#headerSearch .form .typesSearch .fieldset input[type=submit]{width:70px;height:70px;bottom:0;background:none;}
#headerSearch .form button{display:inline-block;height:44px;background:none;border:none;border-radius:0;font-family:'Lato',arial,helvetica,sans-serif;font-weight:400;font-size:18px;color:#053C70;padding:0 30px 0 0;margin:20px 0 0 30px;text-align:left;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/arrowRight.png) no-repeat right center;-webkit-background-size:20px;-moz-background-size:20px;background-size:20px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
#headerSearch .form button:hover{cursor:pointer;color:#323232;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/arrowRightN.png);}
@media screen and (min-width: 768px){
#headerSearch{padding:50px 40px 20px;}
#headerSearch .searchFormContainer{padding:40px;margin:20px auto;}
#headerSearch .searchFormGeneral form > div{padding-left:250px;}
#headerSearch .searchFormGeneral form label{width:230px;position:absolute;left:0;top:50%;margin:-47px 0 0;}
#headerSearch .form .typesSearch .fieldset select,
#headerSearch .form .typesSearch .fieldset input[type=text]{height:70px;line-height:70px;}
}
@media screen and (min-width: 1024px){
#headerSearch .form .typesSearch .fieldset{width:33.33%;padding:0 20px;margin:0;}
#headerSearch .form button{margin-left:50px;}
}
#headerSearch .btnSearchClose{width:50px;height:50px;position:absolute;top:0;right:0;z-index:1;cursor:pointer;}
#headerSearch .btnSearchClose .layer{width:30px;height:1px;position:absolute;left:50%;top:50%;background:#FFFFFF;margin-left:-15px;}
#headerSearch .btnSearchClose .layer1{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);}
#headerSearch .btnSearchClose .layer2{
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);} .btnMenuMobile{display:block;width:54px;height:54px;position:relative;cursor:pointer;z-index:50000;}
.btnMenuMobile .title{display:none;font-size:18px;line-height:20px;color:#053C70;text-transform:uppercase;position:absolute;right:30px;top:50%;margin-top:-10px;}
.btnMenuMobile .layer{
display:block;width:30px;height:2px;background:#053C70;position:absolute;left:12px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
}
.btnMenuMobile .layer1{top:20px;}
.btnMenuMobile .layer2{top:27px;width:25px;}
.btnMenuMobile .layer3{top:34px;width:28px;}
.btnMenuMobile:hover .layer,
.btnMenuMobile:hover .layer2,
.btnMenuMobile:hover .layer3{width:30px;}
.btnMenuMobile.open .layer1{top:27px;width:30px;background:#053C70;
-webkit-transform:rotateZ(45deg);
-moz-transform:rotateZ(45deg);
transform:rotateZ(45deg);}
.btnMenuMobile.open .layer2{width:30px;opacity:0;background:#053C70;}
.btnMenuMobile.open .layer3{top:27px;width:30px;background:#053C70;
-webkit-transform:rotateZ(-45deg);
-moz-transform:rotateZ(-45deg);
transform:rotateZ(-45deg);}
@media screen and (min-width: 768px){	
.btnMenuMobile{width:150px;}
.btnMenuMobile .layer{left:16px;}
.btnMenuMobile .title{display:block;}
}
#jeunesHeaderLeft .btnMenuMobile{width:80px;height:80px;background:rgba(50,50,50,0.5);}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderLeft .btnMenuMobile,
.fixed #jeunesHeaderLeft .btnMenuMobile{background:#FFFFFF;}
#jeunesHeaderLeft .btnMenuMobile.open{background:#0080C8;}
#jeunesHeaderLeft .btnMenuMobile .title{display:none;}
#jeunesHeaderLeft .btnMenuMobile .layer{background:#FFFFFF;left:25px;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderLeft .btnMenuMobile .layer,
.fixed #jeunesHeaderLeft .btnMenuMobile .layer{background:#0080C8;}
#jeunesHeaderLeft .btnMenuMobile .layer1{top:30px;}
#jeunesHeaderLeft .btnMenuMobile .layer2{top:40px;}
#jeunesHeaderLeft .btnMenuMobile .layer3{top:50px;}
#jeunesHeaderLeft .btnMenuMobile.open .layer1{top:40px;}
#jeunesHeaderLeft .btnMenuMobile.open .layer3{top:40px;}
.fixed #jeunesHeaderLeft .btnMenuMobile.open .layer{background:#FFFFFF;}
.portailJeunes:not(.page-template-page-jeunes-accueil) .fixed #jeunesHeaderLeft .btnMenuMobile.open .layer{background:#0080C8;}
@media screen and (max-width: 1023px){
#jeunesHeaderLeft .btnMenuMobile{width:54px;height:54px;margin:13px 0 0 13px;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderLeft .btnMenuMobile,
.fixed #jeunesHeaderLeft .btnMenuMobile{background:#FFFFFF;}
#jeunesHeaderLeft .btnMenuMobile .layer{left:12px;}
.portailJeunes:not(.page-template-page-jeunes-accueil) #jeunesHeaderLeft .btnMenuMobile .layer,
.fixed #jeunesHeaderLeft .btnMenuMobile .layer{background:#0080C8;}
#jeunesHeaderLeft .btnMenuMobile .layer1{top:20px;}
#jeunesHeaderLeft .btnMenuMobile .layer2{top:27px;}
#jeunesHeaderLeft .btnMenuMobile .layer3{top:34px;}
#jeunesHeaderLeft .btnMenuMobile.open .layer1{top:27px;}
#jeunesHeaderLeft .btnMenuMobile.open .layer3{top:27px;}
} .contBreadcrumb{padding:0 15px;}
#breadcrumbs {display:block;width:100%;max-width:1440px;padding:20px 20px;color:#053C70;font-size:12px;line-height:20px;text-transform:uppercase;margin:0 auto;overflow:hidden;}
.home #breadcrumbs {display:none;}
.page-id-748 #breadcrumbs,
.parent-pageid-748 #breadcrumbs{color:#9C414A;}
.page-id-746 #breadcrumbs,
.parent-pageid-746 #breadcrumbs{color:#C4BF97;}
.page-id-744 #breadcrumbs,
.parent-pageid-744 #breadcrumbs{color:#0083B9;}
.page-id-732 #breadcrumbs,
.parent-pageid-732 #breadcrumbs{color:#E6B428;}
.portailJeunes #breadcrumbs{color:#0080C8;}
#breadcrumbs a{color:#323232;font-weight:normal;}
#breadcrumbs a:hover{color:#323232;}
@media screen and (min-width: 768px){
#breadcrumbs{padding:20px 40px;}
}
@media screen and (min-width: 1261px){
#breadcrumbs{padding:20px 80px;}
} .closeMenuMobile{display:none;} #slider .slide_link a,
#slider .slide_link a span{
-webkit-transition:all 0.3s ease-out 0s !important;
-moz-transition:all 0.3s ease-out 0s !important;
transition:all 0.3s ease-out 0s !important;}
#slider div#n2-ss-2 .n2-ss-layer-content{background:rgba(50,50,50,0.5);}
#homeWidgetArea .sidebarContainer > li.widget_em_widget .bx-wrapper,
#slider .bx-wrapper{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;background:none;}
#mainSliderUL{max-height:700px;overflow:hidden;}
.bx-wrapper #mainSliderUL{max-height:100%;}
#mainSliderUL li{position:relative;background:#323232;}
#mainSliderUL li img{width:100%;height:auto;}
#mainSliderUL li .caption{width:100%; position:absolute;left: 0;top:35%; opacity:0;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes #mainSliderUL li .caption{width:80%;left:10%;}
#mainSliderUL li.open .caption{top:45%;opacity:1;}
#mainSliderUL li .caption p{display:block;width:100%;font-size:55px;line-height:45px;font-family:'Lato',arial,helvetica,sans-serif;color:#FFFFFF;font-weight:700;text-align:center;text-transform:none;margin:0;padding-bottom:80px;text-shadow:0 0 5px rgba(30,30,30,0.3);}
.portailJeunes #mainSliderUL li .caption p{font-size:40px;line-height:45px;padding:10px 20px;background:rgba(50,50,50,0.5);text-transform:uppercase;}
#mainSliderUL li .caption .lcp_excerpt p{text-align:center;margin:0;color:#FFFFFF;}
.portailJeunes #mainSliderUL li .caption p.link{display:block;width:80px;height:80px;padding:0;margin:0;position:absolute;right:-60px;bottom:-60px;}
.portailJeunes #mainSliderUL li .caption p.link a{display:block;width:100%;height:100%;text-align:left;text-indent:-999em;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/eventLinkHover.png) no-repeat center center #0080C8;
-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;border-radius:0;}
.portailJeunes #mainSliderUL li .caption p.link a:hover{background-color:#00409D;}
#slider .bx-wrapper img{height:auto;}
#slider .bx-wrapper .bx-controls{position:absolute;left:0;bottom:30px;width:100%;z-index:10;}
.portailJeunes #slider .bx-wrapper .bx-controls{bottom:80px;}
#slider .bx-wrapper .bx-controls .bx-pager{left:0;bottom:0;padding:15px 0 15px 0;}
#slider .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;background:rgba(255,255,255,0.5);border-radius:9px;}
#slider .bx-wrapper .bx-pager.bx-default-pager a.active,
#slider .bx-wrapper .bx-pager.bx-default-pager a:focus,
#slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#FFFFFF;}
@media screen and (max-width: 1920px){ }
@media screen and (max-width: 1680px){ #mainSliderUL li .caption{top:30%;}
#mainSliderUL li.open .caption{top:35%;}
.portailJeunes #slider .bx-wrapper .bx-controls{bottom:180px;}
}
@media screen and (max-width: 1440px){ #mainSliderUL li .caption{top:25%;}
#mainSliderUL li.open .caption{top:30%;}
#mainSliderUL li .caption p{font-size:40px;line-height:45px;margin-bottom:0;padding-bottom:40px;}
.portailJeunes #mainSliderUL li .caption p{font-size:35px;line-height:40px;}
}
@media screen and (max-width: 1260px){ #mainSliderUL li .caption{top:25%;}
#mainSliderUL li.open .caption{top:30%;}
.portailJeunes #mainSliderUL li.open .caption{top:35%;}
.portailJeunes #mainSliderUL li .caption{ }
.portailJeunes #mainSliderUL li .caption{width:calc(100% - 80px);left:40px;}
.portailJeunes #mainSliderUL li .caption p{font-size:30px;line-height:35px;}
.portailJeunes #mainSliderUL li .caption p.link{width:50px;height:50px;right:-30px;bottom:-30px;}
.portailJeunes #slider .bx-wrapper .bx-controls{bottom:130px;}
}
@media screen and (max-width: 1023px){ #mainSliderUL li .caption{top:25%;}
#mainSliderUL li.open .caption{top:30%;}
#mainSliderUL li .caption p{font-size:35px;line-height:40px;padding:0 15px 40px;}
.portailJeunes #mainSliderUL li.open .caption{top:45%;}
.portailJeunes #mainSliderUL li .caption p{font-size:25px;line-height:30px;}
.portailJeunes #slider .bx-wrapper .bx-controls{bottom:45px;}
}
@media screen and (max-width: 900px){ #mainSliderUL li .caption{ top:25%;}
#mainSliderUL li.open .caption{top:30%;}
#mainSliderUL li .caption p{font-size:30px;line-height:35px;padding-bottom:20px;}
.portailJeunes #mainSliderUL li .caption{ }
.portailJeunes #mainSliderUL li.open .caption{top:40%;}
}
@media screen and (max-width: 767px){
#slider .bx-wrapper .bx-controls{bottom:0px!important;}
#mainSliderUL{max-height:280px;}
.bx-wrapper #mainSliderUL{max-height:100%;}
#mainSliderUL li .caption{top:10%;}
#mainSliderUL li.open .caption{top:15%;}
#mainSliderUL li .caption p{font-size:22px;line-height:26px;padding:0 15px 20px;max-width:290px;margin:0 auto;}
#mainSliderUL li .caption .link a{max-width:280px;height:50px;line-height:50px;}
#slider .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;}
.portailJeunes #mainSliderUL li .caption{ }
.portailJeunes #mainSliderUL li .caption p{font-size:20px;line-height:24px;}
}
@media screen and (max-width: 400px){
.portailJeunes #mainSliderUL li .caption p.link{right:0;}
} #homeTheytrustus .bx-wrapper{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0 auto 60px;}
#homeTheytrustus .bx-wrapper img{margin:0 auto;}
#homeTheytrustus .bx-wrapper > .bx-controls{display:none;height:40px;line-height:40px;}
#homeTheytrustus .bx-wrapper > .bx-controls .bx-pager{position:relative;bottom:inherit;padding:0;}
#homeTheytrustus .bx-wrapper > .bx-controls .bx-pager .bx-pager-item{vertical-align:middle;}
#homeWidgetArea .bx-wrapper > .bx-controls{display:none;height:40px;line-height:40px;}
#homeWidgetArea .bx-wrapper > .bx-controls .bx-pager{position:relative;bottom:inherit;padding:0;}
#homeWidgetArea .bx-wrapper > .bx-controls .bx-pager .bx-pager-item{vertical-align:middle;} #menuSliderJeunes{width:100%;padding:0 40px;margin-top:-70px;position:relative;z-index:1;}
#menuSliderJeunes ul{width:100%;max-width:1440px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
#menuSliderJeunes ul li{width:33.33%;padding:0 40px;}
#menuSliderJeunes ul li a{width:100%;max-width:400px;height:140px;background:#0080C8;color:#FFFFFF;font-size:25px;line-height:30px;font-weight:bold;text-align:center;position:relative;top:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
#menuSliderJeunes ul li:nth-child(2) a{background:#00409D;}
#menuSliderJeunes ul li:nth-child(3) a{background:#00207B;}
#menuSliderJeunes ul li a:hover{top:-20px;background:#323232!important;}
#menuSliderJeunes ul li a span{display:inline-block;height:70px;line-height:70px;
-webkit-align-self:center;
align-self:center;}
#menuSliderJeunes ul li:nth-child(1) a span{padding-left:80px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/pictoJeunesPrier.png) no-repeat left center;-webkit-background-size:70px;-moz-background-size:70px;background-size:70px;}
#menuSliderJeunes ul li:nth-child(2) a span{padding-left:100px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/pictoJeunesLoger.png) no-repeat left center;-webkit-background-size:100px;-moz-background-size:100px;background-size:100px;}
#menuSliderJeunes ul li:nth-child(3) a span{padding-left:80px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/pictoJeunesSortir.png) no-repeat left center;-webkit-background-size:70px;-moz-background-size:70px;background-size:70px;}
@media screen and (max-width: 1260px){
#menuSliderJeunes{margin-top:-53px;}
#menuSliderJeunes ul li a{max-width:300px;height:106px;font-size:22px;line-height:26px;}
#menuSliderJeunes ul li:nth-child(1) a span{padding-left:60px;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;}
#menuSliderJeunes ul li:nth-child(2) a span{padding-left:80px;-webkit-background-size:75px;-moz-background-size:75px;background-size:75px;}
#menuSliderJeunes ul li:nth-child(3) a span{padding-left:60px;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;}
}
@media screen and (max-width: 1023px){
#menuSliderJeunes ul li{padding:0 20px;}
#menuSliderJeunes{margin-top:-40px;}
#menuSliderJeunes ul li a{max-width:230px;height:80px;font-size:18px;line-height:22px;}
#menuSliderJeunes ul li:nth-child(1) a span{padding-left:40px;-webkit-background-size:35px;-moz-background-size:35px;background-size:35px;}
#menuSliderJeunes ul li:nth-child(2) a span{padding-left:60px;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;}
#menuSliderJeunes ul li:nth-child(3) a span{padding-left:40px;-webkit-background-size:35px;-moz-background-size:35px;background-size:35px;}
}
@media screen and (max-width: 767px){
#menuSliderJeunes{margin-top:0;padding:0;}
#menuSliderJeunes ul li{padding:0;}
#menuSliderJeunes ul li a{max-width:100%;}
}
@media screen and (max-width: 479px){
#menuSliderJeunes ul li a{height:auto;font-size:16px;line-height:20px;padding:10px 0;}
#menuSliderJeunes ul li a span{height:auto;line-height:inherit;}
#menuSliderJeunes ul li:nth-child(1) a span{padding-left:0;padding-top:40px;background-position:center top;}
#menuSliderJeunes ul li:nth-child(2) a span{padding-left:0;padding-top:40px;background-position:center top;}
#menuSliderJeunes ul li:nth-child(3) a span{padding-left:0;padding-top:40px;background-position:center top;}
}  .contenu-article{width:100%;max-width:1440px;margin:0 auto;overflow:hidden;}
.page-id-32 .contenu-article{width:100%;max-width:1440px;margin:0 auto;}
.page-id-12 .contenu-article{width:100%;max-width:1440px;margin:0 auto;padding:0 80px;}
.page-id-11 .contenu-article{max-width:100%;margin:0;padding:0;}
.page-id-53 .contenu-article{overflow:visible;}
.home .contenu-article{width:100%;max-width:100%;margin:0;padding:0;background:none;overflow:visible;}
.page-template-page-defaut:not(.home) .contenu-article h2{text-align:left;font-size:30px;line-height:35px;color:#053C70;}
.page-template-page-defaut:not(.home) .contenu-article h2:before {display:none;}
@media screen and (max-width: 1260px){
.page-id-12 .contenu-article{padding:0 40px;}
}
@media screen and (max-width: 767px){
.page-id-12 .contenu-article{padding:0 20px;}
} h1.titrePageArticle{font-size:45px;line-height:45px;font-weight:bold;padding:20px 0 0 0;margin-bottom:10px;color:#053C70;text-align:left;position:relative;}
h1.titrePageArticle:before {display:block;content:"";position:absolute;left:0;top:0;width:50px;height:2px;background:#FF9900;}
h1.titrePageArticle:after {display:none;}
.page-id-748 h1.titrePageArticle,
.parent-pageid-748 h1.titrePageArticle{color:#9C414A;}
.page-id-746 h1.titrePageArticle,
.parent-pageid-746 h1.titrePageArticle{color:#C4BF97;}
.page-id-744 h1.titrePageArticle,
.parent-pageid-744 h1.titrePageArticle{color:#0083B9;}
.page-id-732 h1.titrePageArticle,
.parent-pageid-732 h1.titrePageArticle{color:#E6B428;}
.portailJeunes h1.titrePageArticle{color:#0080C8;} p.datePageArticle{color:#969696;font-style:italic;font-size:18px;line-height:20px;font-weight:300;margin:0;}
#printContainer{padding-top:20px;} #imageEntete{width:100%;height:350px;overflow:hidden;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
#imageEntete img{display:block;width:auto;height:100%;margin:0;padding:0;}
#imageEntete .titreEntete{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;padding:0 40px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
#imageEntete .titreEntete h1,
#imageEntete .titreEntete p{position:relative;text-align:center;margin:0;padding:0;font-weight:700;font-size:45px;line-height:50px;color:#FFFFFF;text-transform:uppercase;
-webkit-align-self:center;
align-self:center;}
#imageEntete .titreEntete h1:before,
#imageEntete .titreEntete p:before {display:block;content:"";width:50px;height:70px;position:absolute;left:-40px;top:-35px;
background: url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgTitreH2.png) no-repeat center center;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;} .page-id-746 #imageEntete .titreEntete p,
.parent-pageid-746 #imageEntete .titreEntete p{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
.page-id-746 #imageEntete .titreEntete p:before,
.parent-pageid-746 #imageEntete .titreEntete p:before{position:static;display:inline-block;width:210px;height:150px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoPoleDiaconie.png) no-repeat center center;-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;} .page-id-748 #imageEntete .titreEntete p,
.parent-pageid-748 #imageEntete .titreEntete p{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
.page-id-748 #imageEntete .titreEntete p:before,
.parent-pageid-748 #imageEntete .titreEntete p:before{position:static;display:inline-block;width:210px;height:150px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoPoleEnfant.png) no-repeat center center;-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;} .page-id-744 #imageEntete .titreEntete p,
.parent-pageid-744 #imageEntete .titreEntete p{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
.page-id-744 #imageEntete .titreEntete p:before,
.parent-pageid-744 #imageEntete .titreEntete p:before{position:static;display:inline-block;width:210px;height:150px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoPoleAdultes.png) no-repeat center center;-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;} .page-id-732 #imageEntete .titreEntete p,
.parent-pageid-732 #imageEntete .titreEntete p{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
.page-id-732 #imageEntete .titreEntete p:before,
.parent-pageid-732 #imageEntete .titreEntete p:before{position:static;display:inline-block;width:210px;height:150px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoPoleDelegations.png) no-repeat center center;-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;}
@media screen and (max-width: 1260px){
#imageEntete .titreEntete h1,
#imageEntete .titreEntete p{font-size:40px;line-height:45px;margin-top:-20px;}
#imageEntete .titreEntete h1:before,
#imageEntete .titreEntete p:before {display:inline-block;left:10px;top:-10px;position:relative;}
}
@media screen and (max-width: 1023px){
#imageEntete{height:300px;}
#imageEntete .titreEntete h1,
#imageEntete .titreEntete p{font-size:35px;line-height:40px;}
#imageEntete .titreEntete h1:before,
#imageEntete .titreEntete p:before {top:0px;}
}
@media screen and (max-width: 767px){
#imageEntete{height:240px;}
.single-post #imageEntete .titreEntete,
.archive #imageEntete .titreEntete{padding-bottom:50px;}
.single-location #imageEntete .titreEntete,
.page-id-3 #imageEntete .titreEntete,
.page-id-23 #imageEntete .titreEntete,
.page-id-25 #imageEntete .titreEntete,
.page-id-27 #imageEntete .titreEntete,
.search #imageEntete .titreEntete,
.page-id-746 #imageEntete .titreEntete,
.parent-pageid-746 #imageEntete .titreEntete,
.page-id-744 #imageEntete .titreEntete,
.parent-pageid-744 #imageEntete .titreEntete,
.page-id-748 #imageEntete .titreEntete,
.parent-pageid-748 #imageEntete .titreEntete,
.page-id-732 #imageEntete .titreEntete,
.parent-pageid-732 #imageEntete .titreEntete{padding-bottom:0;}
#imageEntete .titreEntete h1,
#imageEntete .titreEntete p{font-size:30px;line-height:35px;}
.page-id-746 #imageEntete .titreEntete p:before,
.parent-pageid-746 #imageEntete .titreEntete p:before{width:160px;height:114px;-webkit-background-size:160px;-moz-background-size:160px;background-size:160px;}
.page-id-744 #imageEntete .titreEntete p:before,
.parent-pageid-744 #imageEntete .titreEntete p:before{width:160px;height:114px;-webkit-background-size:160px;-moz-background-size:160px;background-size:160px;}
.page-id-748 #imageEntete .titreEntete p:before,
.parent-pageid-748 #imageEntete .titreEntete p:before{width:160px;height:114px;-webkit-background-size:160px;-moz-background-size:160px;background-size:160px;}
.page-id-732 #imageEntete .titreEntete p:before,
.parent-pageid-732 #imageEntete .titreEntete p:before{width:160px;height:114px;-webkit-background-size:160px;-moz-background-size:160px;background-size:160px;}
}
@media screen and (max-width: 479px){
#imageEntete .titreEntete h1,	
#imageEntete .titreEntete p{font-size:25px;line-height:30px;}
} #thumbnail{width:100%;height:auto;overflow:hidden;margin-bottom:30px;background:#F5F5F5;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-align-content:center;
align-content:center;}
#thumbnail img{display:block;width:100%;height:auto;margin:0;padding:0;}
.single-event #thumbnail{height:auto;background:#FFFFFF;}
.single-event #thumbnail img{width:100%;height:auto;} #texteExergue{width:100%;margin-bottom:40px;}
#texteExergue p{font-size:28px;line-height:34px;font-weight:300;text-align:justify;}
@media screen and (max-width: 1260px){	
#texteExergue p{font-size:25px;line-height:31px;}
}
@media screen and (max-width: 767px){
#texteExergue p{text-align:left;}
#texteExergue p{font-size:22px;line-height:29px;}
} #articleContent{margin-bottom:40px;}
#articleContent figure,
#articleContent img{max-width:100%;height:auto;}
#articleContent figure figcaption{background:#F7F7F7;padding:20px 30px;text-align:center;}
#articleContent ul{margin-left:15px;}
#articleContent > *:last-child{margin-bottom:0;}
.tabContent h2,
#articleContent h2{text-align:left;font-size:30px!important;line-height:35px!important;color:#053C70;font-weight:700!important;margin:40px 0 25px!important;}
#articleContent h3{margin-top:0;text-transform:uppercase;font-weight:bold;}
.page-id-748 #articleContent h2,
.parent-pageid-748 #articleContent h2{color:#9C414A;}
.page-id-746 #articleContent h2,
.parent-pageid-746 #articleContent h2{color:#C4BF97;}
.page-id-744 #articleContent h2,
.parent-pageid-744 #articleContent h2{color:#0083B9;}
.page-id-732 #articleContent h2,
.parent-pageid-732 #articleContent h2{color:#E6B428;}
.portailJeunes #articleContent h2{color:#0080C8;}
.tabContent h2:before,
#articleContent h2:before {display:none;}
#articleContent p{font-size:20px;line-height:26px;margin:0 0 20px;text-align:justify;}
#articleContent p:last-child{margin:0;}
#articleContent blockquote{font-style:italic;font-weight:300;padding-left:20px;margin:0 0 20px 20px;border-left:1px solid #053C70;}
.page-id-748 #articleContent blockquote,
.parent-pageid-748 #articleContent blockquote{border-color:#9C414A;}
.page-id-746 #articleContent blockquote,
.parent-pageid-746 #articleContent blockquote{border-color:#C4BF97;}
.page-id-744 #articleContent blockquote,
.parent-pageid-744 #articleContent blockquote{border-color:#0083B9;}
.page-id-732 #articleContent blockquote,
.parent-pageid-732 #articleContent blockquote{border-color:#E6B428;}
.portailJeunes #articleContent blockquote{border-color:#0080C8;}
@media screen and (max-width: 1023px){		
#articleContent{margin-bottom:0;}
.tabContent #articleContent{margin-bottom:40px;}
#articleContent iframe{margin-bottom:0!important;}
}
@media screen and (max-width: 767px){
#articleContent h2{font-size:25px!important;line-height:30px!important;}
#articleContent p{text-align:left;}
}
.single-event #articleContent{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;}
.single-event #articleContent .eventInfos{order:1;}
.single-event #articleContent .eventDescription{order:2;}
.single-event #articleContent .eventVideo{order:3;margin-top:40px;}
.single-event #articleContent .eventVideo iframe{width:100%;height:480px;}
.single-event #articleContent .eventGalerie{order:4;}
.single-event #articleContent .eventMap{order:5;}
.single-event #articleContent .eventMap .em-location-map-container{width:100%!important;}
.single-event #articleContent .em-view-container{width:100%;}
.single-event #articleContent .eventInfos{width:100%;background:#FAFAFA;margin-top:40px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
.single-event #articleContent .eventInfos > div {width:33.33%;padding:20px;}
.single-event #articleContent .eventInfos > div strong{font-size:20px;text-transform:uppercase;}
.single-event #articleContent .eventInfos > div span{font-size:18px;text-transform:uppercase;color:#FF9900;}
.single-event #articleContent .eventInfos > div i{font-size:18px;color:#323232;}
.single-event #articleContent .eventInfos > div a{font-size:18px;line-height:24px;text-transform:uppercase;color:#053C70!important;font-weight:300;}
.single-event.portailJeunes  #articleContent .eventInfos > div a{color:#0080C8!important;}
.single-event #articleContent .eventInfos > div a:hover{text-decoration:underline;}
.single-event #articleContent .eventInfos > div ul{list-style:none outside none !important;margin-left:0;}
.single-event #articleContent .eventInfos > div li{padding:0!important;line-height:24px!important;}
.single-event #articleContent .eventInfos > div li:before {display:none!important;}
.single-event #articleContent .eventInfos > div li::marker {display:none!important;}
@media screen and (max-width: 767px){
.single-event #articleContent .eventVideo iframe{width:100%;height:360px;}
}
@media screen and (max-width: 640px){	
.single-event #articleContent .eventInfos > div{width:100%;padding:20px 20px 0;}
}
.single-location #articleContent .em-location-map-container{width:100%!important;} .single-paroisse #tabMenu{margin:40px 0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
.single-paroisse #tabMenu li{padding:0!important;margin-right:10px;}
.single-paroisse #tabMenu li:last-child{margin:0;}
.single-paroisse #tabMenu li:before {display:none!important;}
.single-paroisse #tabMenu li span{display:block;cursor:pointer;background:#F7F7F7;color:#053C70;text-transform:uppercase;font-size:14px;line-height:20px;padding:10px 30px;
border-radius:60px;}
.single-paroisse #tabMenu li span:hover,
.single-paroisse #tabMenu li span.active{color:#FFFFFF;background:#FF9900;}
.single-paroisse .tabContent{margin-bottom:0;height:0;opacity:0;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.single-paroisse .tabContent.active{height:auto;opacity:1;}
.single-paroisse .tabContent h2:first-child{margin-top:0;}
.single-paroisse #tabHoraires .cellListEvenItem{overflow:hidden;}
.single-paroisse #tabHoraires .cellListEvenItem.cellListKeyboardSelectedItem{border:none;background:#FFFFFF;}
@media screen and (max-width: 767px){
.single-paroisse #tabMenu li{width:33.33%;margin:0;padding:0 3px!important;text-align:center;}
.single-paroisse #tabMenu li:first-child{padding:0 6px 0 0!important;}
.single-paroisse #tabMenu li:last-child{padding:0 0 0 6px!important;}
.single-paroisse #tabMenu li span{padding:10px;}
}
@media screen and (max-width: 580px){
.single-paroisse #tabMenu{margin-bottom:0;}
.single-paroisse #tabMenu li{width:50%;}
.single-paroisse #tabMenu li:first-child{padding:0 6px 0 0!important;}
.single-paroisse #tabMenu li:nth-child(2){padding:0 0 0 6px!important;}
.single-paroisse #tabMenu li:last-child{width:100%;padding:0!important;margin-top:10px;}
}
.post-type-archive-paroisse .leaflet-popup-content-wrapper,
.single-paroisse .leaflet-popup-content-wrapper{padding:0;border-radius:0;}
.post-type-archive-paroisse .leaflet-popup-content-wrapper .leaflet-popup-content,
.single-paroisse .leaflet-popup-content-wrapper .leaflet-popup-content{margin:0;}
.post-type-archive-paroisse .leaflet-container a.leaflet-popup-close-button,
.single-paroisse .leaflet-container a.leaflet-popup-close-button{margin:0;padding:0;width:30px;height:30px;font-size:30px;line-height:30px;font-weight:400;top:9px;color:#FFFFFF;right:10px;}
.post-type-archive-paroisse .leaflet-container a.leaflet-popup-close-button:hover,
.single-paroisse .leaflet-container a.leaflet-popup-close-button:hover{color:#FF9900;}
.post-type-archive-paroisse .infoBulle .title,
.single-paroisse .infoBulle .title{color:#FFFFFF;background:#053C70;padding:15px 50px 15px 30px;line-height:22px;font-size:18px;margin:0;}
.post-type-archive-paroisse .infoBulle .adresse,
.single-paroisse .infoBulle .adresse{margin:0;padding:20px 30px;}
.post-type-archive-paroisse .infoBulle .contact,
.single-paroisse .infoBulle .contact{margin:0;padding:0 30px 20px 30px;}
.post-type-archive-paroisse .infoBulle .plusInfos,
.single-paroisse .infoBulle .plusInfos{margin:0;padding:0 30px 20px 30px;}
.post-type-archive-paroisse .infoBulle .plusInfos a,
.single-paroisse .infoBulle .plusInfos a{display:block;font-family:'Lato',arial,sans-serif;font-size:14px;line-height:16px;color:#053C70;font-weight:400;text-align:center;text-transform:uppercase;width:100%;
border:1px solid #053C70;padding:17px 60px 17px 20px;position:relative;border-radius:60px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.post-type-archive-paroisse .infoBulle .plusInfos a:after,
.single-paroisse .infoBulle .plusInfos a:after{display:block;content:"";width:30px;height:20px;position:absolute;right:20px;top:50%;margin-top:-10px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/eventLinkHoverBleu.png) no-repeat center center;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
.post-type-archive-paroisse .infoBulle .plusInfos a:hover,
.single-paroisse .infoBulle .plusInfos a:hover{padding:17px 20px 17px 20px;color:#FFFFFF;background-color:#053C70;}
.post-type-archive-personne .search-form,
.post-type-archive-paroisse .search-form{width:100%;max-width:1280px;margin:20px auto 40px;}
#logoBlock{margin-bottom:40px;} #articleVideo{margin-bottom:40px;}
#articleVideo iframe{width:100%;} #texteAccordeon .accordItem{margin-bottom:10px;}
#texteAccordeon .accordItem:last-child{margin:0;}
#texteAccordeon .accordItem .itemTitre{background:#FAFAFA;font-size:25px;line-height:30px;padding:15px 50px 15px 20px;font-weight:300;position:relative;cursor:pointer;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#texteAccordeon .accordItem .itemTitre.open,
#texteAccordeon .accordItem .itemTitre:hover{color:#053C70;}
#texteAccordeon .accordItem .itemTitre:after {display:block;content:"";position:absolute;right:0;top:0;width:60px;height:60px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/croixAccordeon.png) no-repeat center center;
-webkit-background-size:60px;-moz-background-size:60px;background-size:60px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#texteAccordeon .accordItem .itemTitre.open:after,
#texteAccordeon .accordItem .itemTitre:hover:after {background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/croixAccordeonH.png);}
#texteAccordeon .accordItem .itemText{background:#FAFAFA;border-top:1px solid #FFFFFF;padding:0 20px;height:0;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#texteAccordeon .accordItem .itemText.open{padding:15px 20px 30px;height:auto;}
#texteAccordeon .accordItem .itemText p{font-size:18px;} #galerieGoogle {padding:40px 0;}
#galerieGoogle .pswp--open{z-index:99999!important;}
#galerieGoogle .grid{width:100%!important;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
#galerieGoogle .grid figure{margin-bottom:0!important;}
#galerieGoogle .listview .grid figure{width:33.33%;height:200px;padding:10px;overflow:hidden;}
#galerieGoogle .listview .grid figure .details{display:none;}
#galerieGoogle .listview .grid figure .thumbnail{width:100%!important;height:100%;padding:0;margin:0!important;float:none;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
#galerieGoogle .listview .grid figure .thumbnail a{display:block;width:100%;height:100%;}
#galerieGoogle .listview .grid figure .thumbnail img{width:auto;height:350px;}
#galerieGoogle .listview .grid figure .thumbnail img.portrait{width:100%;height:auto;}
#galerieGoogle .grid figure .thumbnail{border:none!important;box-shadow:none!important;}
#galerieGoogle .cws-next-button{display:block;float:none;width: 100%;max-width: 320px;height: 70px;line-height: 70px;text-transform: uppercase;color: #FFFFFF;font-size: 16px;padding:0 60px 0 15px;margin:40px auto 0;font-weight: 400;
background: url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLink.png) no-repeat right 20px center #053C70;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;border-radius: 70px;}
#galerieGoogle .cws-next-button:hover{background:#000E31;padding:0 15px;}
@media screen and (max-width: 767px){
#galerieGoogle .listview .grid figure{width:50%;}
}
@media screen and (max-width: 479px){
#galerieGoogle .listview .grid figure{width:100%;}
} #galerieImages{width:100%;margin:0;padding:20px 0;position:relative;}
#galerieImages .galerieImagesContainer{margin-left:-20px;margin-right:-20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
#galerieImages .galerieItem{width:33.33%;padding:20px;}
#galerieImages .galerieItemContainer{position:relative;}
#galerieImages .galerieItem .itemImage{overflow:hidden;}
#galerieImages .galerieItem .itemImage img{width:100%;height:auto;margin:0;padding:0;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#galerieImages .galerieItem:hover .itemImage img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);}
#galerieImages .galerieItem .itemTitre{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(5,60,112,0.3);padding:20px;z-index:1;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
.page-id-748 #galerieImages .galerieItem .itemTitre,
.parent-pageid-748 #galerieImages .galerieItem .itemTitre{background:rgba(156,65,74,0.3);}
.page-id-746 #galerieImages .galerieItem .itemTitre,
.parent-pageid-746 #galerieImages .galerieItem .itemTitre{background:rgba(196,191,151,0.3);}
.page-id-744 #galerieImages .galerieItem .itemTitre,
.parent-pageid-744 #galerieImages .galerieItem .itemTitre{background:rgba(0,131,185,0.3);}
.page-id-732 #galerieImages .galerieItem .itemTitre,
.parent-pageid-732 #galerieImages .galerieItem .itemTitre{background:rgba(230,180,40,0.3);}
.portailJeunes #galerieImages .galerieItem .itemTitre{background:rgba(0,128,200,0.3);}
#galerieImages .galerieItem:hover .itemTitre{background-color:rgba(5,60,112,0.6);}
.page-id-748 #galerieImages .galerieItem:hover .itemTitre,
.parent-pageid-748 #galerieImages .galerieItem:hover .itemTitre{background-color:rgba(156,65,74,0.6);}
.page-id-746 #galerieImages .galerieItem:hover .itemTitre,
.parent-pageid-746 #galerieImages .galerieItem:hover .itemTitre{background-color:rgba(196,191,151,0.6);}
.page-id-744 #galerieImages .galerieItem:hover .itemTitre,
.parent-pageid-744 #galerieImages .galerieItem:hover .itemTitre{background-color:rgba(0,131,185,0.6);}
.page-id-732 #galerieImages .galerieItem:hover .itemTitre,
.parent-pageid-732 #galerieImages .galerieItem:hover .itemTitre{background-color:rgba(230,180,40,0.6);}
.portailJeunes #galerieImages .galerieItem:hover .itemTitre{background-color:rgba(0,128,200,0.6);}
#galerieImages .galerieItem .itemTitre a{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px;z-index:2;
font-size:18px;line-height:20px;font-weight:700;color:#FFFFFF;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
#galerieImages .galerieItem .itemTitre span{font-size:18px;line-height:20px;font-weight:700;color:#FFFFFF;} aside .logged-in{padding-bottom:20px;text-align:right;}
aside .logged-in > span{display:none;}
aside .logged-in a{display:inline-block;font-size:16px;line-height:20px;padding:20px 30px;background:#323232;color:#FFFFFF;font-weight:normal;text-transform:uppercase;border-radius:60px;}
aside .logged-in a:hover{background:#053C70;} #partagerBlock{background:#FAFAFA;margin-bottom:40px;padding:30px 20px;}
.page-template-page-extranet #partagerBlock{display:none;}
#partagerBlock .partagerBlockContainer{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:center;
align-items:center;}
#partagerBlock .partagerBlockContainer .addtoany_list{padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:center;
align-items:center;}
#partagerBlock .partagerBlockContainer .addtoany_list a{display:block;width:40px;height:40px;padding:0;margin:0 5px;}
#partagerBlock .partagerBlockContainer .addtoany_list a > span{border-radius:0!important;}
#partagerBlock .partagerBlockContainer > span{display:block;}
#partagerBlock .partagerBlockContainer > span:last-child{margin-left:10px;padding-left:10px;line-height:40px;border-left:1px solid #323232;}
#partagerBlock .partagerBlockContainer > span button{background:none;color:#323232;font-size:16px;font-family:'Lato',arial,helvetica,sans-serif;cursor:pointer;}
#partagerBlock .partagerBlockContainer > span button:hover{color:#053C70;}
@media screen and (max-width: 1023px){	
#partagerBlock .partagerBlockContainer{-webkit-justify-content:center;justify-content:center;}
#partagerBlock .partagerBlockContainer > span:first-child{display:none;}
} #contactBlock{margin-bottom:40px;}
#contactBlock h3{border-bottom:1px solid #323232;padding:20px 30px;text-align:left;text-transform:uppercase;font-size:30px;line-height:30px;font-weight:700;margin:0;}
#contactBlock .contactBlockContainer{padding:20px 30px;}
#contactBlock .nom_titre{text-transform:uppercase;font-weight:700;}
#contactBlock .email{display:block;height:40px;line-height:40px;background:#323232;color:#FFFFFF;font-size:14px;font-weight:400;font-family:'Lato',arial,sans-serif;text-transform:uppercase;text-align:center;margin:15px 0 0;padding:0 15px;border-radius:40px;}
#contactBlock .email:hover{background:#053C70;}
.page-id-748 #contactBlock .email:hover,
.parent-pageid-748 #contactBlock .email:hover{background:#9C414A;}
.page-id-746 #contactBlock .email:hover,
.parent-pageid-746 #contactBlock .email:hover{background:#C4BF97;}
.page-id-744 #contactBlock .email:hover,
.parent-pageid-744 #contactBlock .email:hover{background:#0083B9;}
.page-id-732 #contactBlock .email:hover,
.parent-pageid-732 #contactBlock .email:hover{background:#E6B428;}
.portailJeunes #contactBlock .email:hover{background:#0080C8;}
@media screen and (max-width: 1023px){
#contactBlock .contactBlockContainer{padding-bottom:0;}
#contactBlock .contactBlockContainer > p{margin-bottom:0;}
}
@media screen and (max-width: 767px){	
#contactBlock .email{height:60px;line-height:60px;}
} #personnesBlock{margin-bottom:40px;}
#personnesBlock > h3{border-bottom:1px solid #323232;padding:20px 30px;text-align:left;text-transform:uppercase;font-size:30px;line-height:30px;font-weight:700;margin:0;}
#personnesBlock .personnesBlockContainer{padding:20px 30px;}
#personnesBlock .articleTexteContainer .nom_titre{text-transform:uppercase;font-weight:700;display:block;}
#personnesBlock .articleTexteContainer .mission{font-weight:400;color:#323232;display:block;}
#personnesBlock .email{font-weight:400;color:#053C70;}
.page-id-748 #personnesBlock .email,
.parent-pageid-748 #personnesBlock .email{color:#9C414A;}
.page-id-746 #personnesBlock .email,
.parent-pageid-746 #personnesBlock .email{color:#C4BF97;}
.page-id-744 #personnesBlock .email,
.parent-pageid-744 #personnesBlock .email{color:#0083B9;}
.page-id-732 #personnesBlock .email,
.parent-pageid-732 #personnesBlock .email{color:#E6B428;}
.portailJeunes #personnesBlock .email{color:#0080C8;}
#personnesBlock .email:hover{color:#323232;} #lienUtileBlock{margin-bottom:40px;}
#lienUtileBlock h3{border-bottom:1px solid #323232;padding:20px 30px;text-align:left;text-transform:uppercase;font-size:30px;line-height:30px;font-weight:700;margin:0;}
#lienUtileBlock .lienUtileBlockContainer{padding:0;background:#FAFAFA;}
#lienUtileBlock a{display:block;line-height:20px;font-weight:400;color:#053C70;padding:20px 30px 20px 60px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgLienUtile.png) no-repeat 25px 16px;border-bottom:1px solid #FFFFFF;
-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
.page-id-748 #lienUtileBlock a,
.parent-pageid-748 #lienUtileBlock a{color:#9C414A;}
.page-id-746 #lienUtileBlock a,
.parent-pageid-746 #lienUtileBlock a{color:#C4BF97;}
.page-id-744 #lienUtileBlock a,
.parent-pageid-744 #lienUtileBlock a{color:#0083B9;}
.page-id-732 #lienUtileBlock a,
.parent-pageid-732 #lienUtileBlock a{color:#E6B428;}
.portailJeunes #lienUtileBlock a{color:#0080C8;}
#lienUtileBlock a:hover{color:#323232;} .sidebarContainer .widget{margin-bottom:40px;}
.sidebarContainer .widget > h3{border-bottom:1px solid #323232;padding:20px 30px;text-align:left;text-transform:uppercase;font-size:30px;line-height:30px;font-weight:700;margin:0;}
.sidebarContainer .widget ul{list-style:none outside none;margin:0;padding:20px 30px 0;}
.sidebarContainer .widget ul ul{padding:10px 0 0 0;}
.sidebarContainer .widget ul li{padding:0 0 10px!important;}
.sidebarContainer .widget ul ul li{padding:0 0 0!important;}
.sidebarContainer .widget ul li:before {display:none!important;}
.sidebarContainer .widget ul li .title h3{margin:0;text-align:left;font-size:16px;color:#323232;}
.sidebarContainer .widget ul li a{font-size:16px;color:#323232;}
.sidebarContainer .widget ul li a:hover{color:#053C70;} .bothColumn{width:100%;max-width:1440px;padding:0 80px;margin:0 auto 80px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
.bothColumn .contenu-article{width:69.5%;padding-right:40px;}
.bothColumn .rightAside{width:30.5%;min-height:500px;}
.portailJeunes.page-parent .bothColumn .rightAside{min-height:inherit;}
@media screen and (max-width: 1260px){
.bothColumn{padding:0 40px;}
}
@media screen and (max-width: 1023px){
.bothColumn{margin-bottom:40px;}
.single-paroisse .bothColumn{margin-bottom:72px;}
.bothColumn .contenu-article{width:100%;padding:0;}
.bothColumn .contenu-article{margin-bottom:40px;}
.bothColumn .rightAside{width:100%;min-height:inherit;}
.bothColumn .rightAside > div:last-child{margin-bottom:0!important;}
.bothColumn .rightAside > div h3{padding-top:0!important;}
}
@media screen and (max-width: 767px){
.bothColumn .rightAside > div h3{font-size:25px!important;line-height:25px!important;padding:0 20px 20px!important;}
.bothColumn{padding:0 20px;}
} #blockExtranet{width:100%;max-width:1440px;margin:0 auto 80px;padding:0 80px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:stretch;
align-items:stretch;}
#blockExtranet .blockLeft{width:31%;padding-right:10px;position:relative;z-index:1;}
#blockExtranet .blockLeftContainer{border:1px solid #053C70;padding:80px 50px 50px;background:#FFFFFF;}
#blockExtranet .blockLeftContainer h2{margin-top:0;text-align:left;font-size:22px;line-height:26px;color:#053C70;padding-top:20px;}
#blockExtranet .blockLeftContainer h2:before {width:50px;height:2px;background:#FF9900;left:0;top:0;margin:0;}
#blockExtranet .blockLeftContainer p{font-size:20px;line-height:26px;margin-bottom:30px;}
#blockExtranet .blockLeftContainer button{display:block;width:100%;max-width:230px;padding:15px 70px 15px 30px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLink.png) no-repeat right 20px center #053C70;
color:#FFFFFF;text-transform:uppercase;font-size:14px;line-height:20px;border:1px solid #053C70;margin:0 auto;cursor:pointer;border-radius:50px;
-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#blockExtranet .blockLeftContainer button:hover{background-color:#FFFFFF;color:#053C70;padding:15px 30px;}
#blockExtranet .login-wrap{width:69%;max-width:1440px;margin:0 auto;padding:0;background:#FFFFFF;border:none;position:relative;
opacity:0;visibility:hidden;left:-31%;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#blockExtranet .login-wrap.open{opacity:1;visibility:visible;left:0;}
#blockExtranet #login-form{height:100%;}
#blockExtranet #login-form form{background:#053C70;padding:80px 40px 50px;height:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-align-content:center;
align-content:center;}
#blockExtranet #login-form .log-form-group{width:30%;padding:0 10px;position:relative;}
#blockExtranet #login-form .log-form-group:nth-child(5){width:40%;}
#blockExtranet #login-form .log-form-group:nth-child(7){width:100%;margin-top:55px;-webkit-align-self:flex-end;align-self:flex-end;}
#blockExtranet #login-form .log-form-group.extra-links{display:none;}
#blockExtranet #login-form .log-form-group label{display:inline-block;width:100%;font-size:14px;line-height:24px;margin-bottom:10px;text-align:left;text-transform:uppercase;padding-left:10px;color:#FFFFFF;}
#blockExtranet #login-form .log-form-group input{display:inline-block;font-family:'Lato',arial,sans-serif;border:1px solid #FFFFFF;width:100%;height:50px;padding:0 20px;font-size:14px;color:#323232;margin:0 0 15px 0;
border-radius:50px;box-shadow:none;}
#blockExtranet #login-form .log-form-group img.captcha{margin:0 auto;position:absolute;right:10px;bottom:17px;border-radius:50px;}
#blockExtranet #login-form .login-submit{width:100%;}
#blockExtranet #login-form .login-submit input[type=submit]{display:block;width:100%;max-width:230px;height:auto;padding:15px 70px 15px 30px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLink.png) no-repeat right 20px center #053C70;
color:#FFFFFF;text-transform:uppercase;font-size:14px;line-height:20px;border:1px solid #FFFFFF;margin:0 auto;cursor:pointer;border-radius:50px;
-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#blockExtranet #login-form .login-submit input[type=submit]:hover{background-color:#FFFFFF;color:#053C70;padding:15px 30px;}
@media screen and (min-width: 1440px){
.page-id-32 #page #contenu{min-height:1000px;}
}
@media screen and (max-width: 1260px){
#blockExtranet{padding:0 40px;}
#blockExtranet .blockLeftContainer h2::before {display:block;position:absolute;}
#blockExtranet .blockLeftContainer{padding:80px 40px 50px;}
#blockExtranet #login-form form{padding:80px 30px 50px;}
#blockExtranet #login-form .log-form-group{width:28%;padding:0 8px;}
#blockExtranet #login-form .log-form-group:nth-child(5){width:44%;}
#blockExtranet #login-form .log-form-group label{padding-left:0;}
}
@media screen and (max-width: 1023px){
#blockExtranet{margin-bottom:40px;}
#blockExtranet .blockLeft{width:100%;padding-right:0;padding-bottom:20px;}
#blockExtranet .blockLeftContainer{padding:40px;}
#blockExtranet .login-wrap{width:100%;left:0;top:-200px;height:0;overflow:hidden;}
#blockExtranet .login-wrap.open{left:0;top:0;height:auto;}
#blockExtranet #login-form form{padding:40px 32px;}
#blockExtranet #login-form .log-form-group:nth-child(7){margin-top:25px;}
}
@media screen and (max-width: 767px){
#blockExtranet{padding:0 20px;}
#blockExtranet .blockLeftContainer{padding:40px 20px;}
#blockExtranet .blockLeftContainer button{max-width:100%;}
#blockExtranet #login-form form{padding:40px 12px;}
#blockExtranet #login-form .log-form-group{width:100%;}
#blockExtranet #login-form .log-form-group:nth-child(5){width:100%;}
#blockExtranet #login-form .login-submit input[type="submit"]{max-width:100%;}
} #page .CMDM .CMDM-app{width:100%;max-width:1440px;padding:80px 0 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
#page .CMDM .CMDM-app .main{float:none;order:1;width:75%;padding-right:20px;}
#page .CMDM .CMDM-app .aside{float:none;order:2;width:25%;}
#page .CMDM .CMDM-app h2{width:100%;} .error-404{max-width:1280px;margin:0 auto;padding:80px;min-height:800px;}
.error-404 h1{text-align:center;} #contenu .panel-layout .panel-grid .pageHeader,
.pageHeader{width:100%;max-width:1440px;height:160px;margin:0 auto 80px;padding:0 15px;background:#F5F5F5;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
.single .pageHeader{max-width:1440px;margin:0 auto 20px;background:#F5F5F5;height:160px;}
.pageHeaderContact{margin:0 auto;}
.pageHeader h1{margin:0;color:#323232;text-transform:uppercase;}
.pageHeader h1 > span{color:#323232;text-transform:none;}
.single .pageHeader h1{color:#323232;}
.single .pageHeader h1 > span{color:#323232;}
.pageHeader .h1{font-size:45px;line-height:54px;font-family:'Lato',arial,helvetica,sans-serif;font-weight:400;margin:0;padding:0 0 25px;color:#FFFFFF;text-align:center;position:relative;}
.pageHeader .h1 span{display:block;font-family:'Lato',arial,helvetica,sans-serif;font-size:18px;line-height:21px;font-weight:400;color:#FFFFFF;text-align:center;text-transform:uppercase;letter-spacing:0.04em;}
.pageHeader .h1:after {display:block;content:"";width:100px;height:3px;position:absolute;left:50%;bottom:0;margin-left:-50px;background:#999999;} #articlesEnfant{background:rgba(5,60,112,0.05);padding:80px;}
.portailJeunes #articlesEnfant{background:rgba(0,128,200,0.05);padding:80px;}
.page-id-748 #articlesEnfant,
.parent-pageid-748 #articlesEnfant{background:rgba(156,65,74,0.05);}
.page-id-746 #articlesEnfant,
.parent-pageid-746 #articlesEnfant{background:rgba(196,191,151,0.05);}
.page-id-744 #articlesEnfant,
.parent-pageid-744 #articlesEnfant{background:rgba(0,131,185,0.05);}
.page-id-732 #articlesEnfant,
.parent-pageid-732 #articlesEnfant{background:rgba(230,180,40,0.05);}
.portailJeunes #articlesEnfant{background:rgba(0,128,200,0.05);}
#articlesEnfant .row{position:relative;width:100%;max-width:1280px;margin:0 auto;}
#articlesEnfant .articlesEnfantContainer{margin:0 -20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
#articlesEnfant .articlesEnfantContainer .blockEnfant{width:25%;padding:0 20px 40px;position:relative;}
#articlesEnfant .articlesEnfantContainer .blockEnfantContainer{background:#FFFFFF;height:100%;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer{background:#053C70;}
.page-id-748 #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer,
.parent-pageid-748 #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer{background:#9C414A;}
.page-id-746 #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer,
.parent-pageid-746 #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer{background:#C4BF97;}
.page-id-744 #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer,
.parent-pageid-744 #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer{background:#0083B9;}
.page-id-732 #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer,
.parent-pageid-732 #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer{background:#E6B428;}
.portailJeunes #articlesEnfant .articlesEnfantContainer .blockEnfant:hover .blockEnfantContainer{background:#0080C8;}
#articlesEnfant .articlesEnfantContainer .blockEnfant .postThumbnail{overflow:hidden;height:210px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-align-content:center;
align-content:center;}
#articlesEnfant .articlesEnfantContainer .blockEnfant .postThumbnail > div{height:100%;}
#articlesEnfant .articlesEnfantContainer .blockEnfant .postThumbnail img{display:block;width:auto;height:100%;}
#articlesEnfant .articlesEnfantContainer .blockEnfant h3{margin:0;padding:20px;text-align:left;font-size:20px;line-height:24px;font-weight:700;color:#053C70;min-height:120px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.page-id-748 #articlesEnfant .articlesEnfantContainer .blockEnfant h3,
.parent-pageid-748 #articlesEnfant .articlesEnfantContainer .blockEnfant h3{color:#9C414A;}
.page-id-746 #articlesEnfant .articlesEnfantContainer .blockEnfant h3,
.parent-pageid-746 #articlesEnfant .articlesEnfantContainer .blockEnfant h3{color:#C4BF97;}
.page-id-744 #articlesEnfant .articlesEnfantContainer .blockEnfant h3,
.parent-pageid-744 #articlesEnfant .articlesEnfantContainer .blockEnfant h3{color:#0083B9;}
.page-id-732 #articlesEnfant .articlesEnfantContainer .blockEnfant h3,
.parent-pageid-732 #articlesEnfant .articlesEnfantContainer .blockEnfant h3{color:#E6B428;}
.portailJeunes #articlesEnfant .articlesEnfantContainer .blockEnfant h3{color:#0080C8;}
#articlesEnfant .articlesEnfantContainer .blockEnfant:hover h3{color:#FFFFFF;}
#articlesEnfant .articlesEnfantContainer .blockEnfant a{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;}
@media screen and (max-width: 1260px){
.portailJeunes #articlesEnfant,
#articlesEnfant{padding:80px 40px;}
#articlesEnfant .articlesEnfantContainer .blockEnfant{width:33.33%;}
}
@media screen and (max-width: 900px){
#articlesEnfant .articlesEnfantContainer .blockEnfant{width:50%;}	
}
@media screen and (max-width: 767px){
.portailJeunes #articlesEnfant,
#articlesEnfant{padding:40px 20px;}
}
@media screen and (max-width: 640px){
#articlesEnfant .articlesEnfantContainer .blockEnfant{width:100%;padding-bottom:20px;}
} .sidebarContainer .so-widget-sow-social-media-buttons-atom-0209b6075ee0 .social-media-button-container{text-align:center;} #gridHeader{width:100%;max-width:1440px;height:auto;margin:0 auto;}
#gridHeader .gridHeaderMobile{display:none;}
#gridHeader .filter-button-group{position:relative;width:100%;max-width:960px;height:auto;margin:15px auto 40px;
-webkit-transition:all 0.2s ease-out 0s;
-moz-transition:all 0.2s ease-out 0s;
transition:all 0.2s ease-out 0s;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
#gridHeader .filter-button-group button{display:block;line-height:20px;height:40px;font-size:14px;font-weight:300;font-family:'Lato',arial,sans-serif;color:#053C70;background:none;padding:0 30px;margin:0 2px;cursor:pointer;text-transform:uppercase;
border-radius:46px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#gridHeader .filter-button-group button span{display:inline-block;line-height:20px;text-align:center;}
#gridHeader .filter-button-group button.active,
#gridHeader .filter-button-group button:hover{background:#8A8A8A;color:#FFFFFF;}
#gridHeader .filter-button-group button:nth-child(2){margin-left:40px;}
#gridHeader .filter-button-group button.all{position:relative;float:none;width:20px;height:40px;margin:0;padding:0;}
#gridHeader .filter-button-group button.all.active,
#gridHeader .filter-button-group button.all:hover{background:none;}
#gridHeader .filter-button-group button.all .layer{display:block;width:8px;height:8px;background:#323232;position:absolute;border-radius:8px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
}
#gridHeader .filter-button-group button.all .layer-1{top:11px;right:11px;}
#gridHeader .filter-button-group button.all .layer-2{top:11px;right:1px;}
#gridHeader .filter-button-group button.all .layer-3{top:21px;right:11px;}
#gridHeader .filter-button-group button.all .layer-4{top:21px;right:1px;}
#gridHeader .filter-button-group button.all:hover .layer-1{top:9px;right:13px;}
#gridHeader .filter-button-group button.all:hover .layer-2{top:9px;right:-1px;}
#gridHeader .filter-button-group button.all:hover .layer-3{top:23px;right:13px;}
#gridHeader .filter-button-group button.all:hover .layer-4{top:23px;right:-1px;}
#gridHeader .filtre-mobile{display:none;}
@media screen and (max-width: 1023px){
#gridHeader{margin-bottom:20px;margin-top:15px;padding:0 20px;}
#gridHeader .filter-button-group{margin:0 auto;}
}
@media screen and (max-width: 640px){		
#gridHeader .gridHeaderMobile{width:100%;height:60px;background:#FFFFFF;color:#053C70;cursor:pointer;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#gridHeader .gridHeaderMobile span.traits{width:50px;height:60px;position:relative;margin-left:20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:flex-start;
align-items:flex-start;}
#gridHeader .gridHeaderMobile span.traits span{display:block;width:30px;height:2px;margin:4px 0 3px 10px;background:#053C70;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#gridHeader .gridHeaderMobile span.traits span:nth-child(2){width:25px;}
#gridHeader .gridHeaderMobile span.traits span:nth-child(3){width:28px;}
#gridHeader:hover .gridHeaderMobile span.traits span:nth-child(2){width:30px;}
#gridHeader:hover .gridHeaderMobile span.traits span:nth-child(3){width:30px;}
#gridHeader .gridHeaderMobile span.titre{display:block;padding:20px;line-height:20px;font-size:18px;text-transform:uppercase;}
#gridHeader .filter-button-group{height:0;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#gridHeader .filter-button-group.open{height:auto;}
#gridHeader .filter-button-group button{display:block;width:100%;height:60px;line-height:60px;border:none;background:#FFFFFF;padding:0 40px;position:relative;margin:0!important;
text-align:left;text-transform:uppercase;color:#053C70;font-size:16px;cursor:pointer;font-family:'Lato',arial,helvetica,sans-serif;border-radius:0;}
#gridHeader .filter-button-group button.all{width:100%;height:60px;line-height:60px;background:#FFFFFF;}
#gridHeader .filter-button-group button.all .layer{background:#053C70;}
#gridHeader .filter-button-group button.all .layer-1{right:inherit;left:40px;top:22px;}
#gridHeader .filter-button-group button.all .layer-2{right:inherit;left:50px;top:22px;}
#gridHeader .filter-button-group button.all .layer-3{right:inherit;left:40px;top:32px;}
#gridHeader .filter-button-group button.all .layer-4{right:inherit;left:50px;top:32px;}
#gridHeader .filter-button-group button.all:hover .layer-1{right:inherit;left:38px;top:20px;}
#gridHeader .filter-button-group button.all:hover .layer-2{right:inherit;left:52px;top:20px;}
#gridHeader .filter-button-group button.all:hover .layer-3{right:inherit;left:38px;top:32px;}
#gridHeader .filter-button-group button.all:hover .layer-4{right:inherit;left:52px;top:32px;}
#gridHeader .filter-button-group button.all.active .layer,
#gridHeader .filter-button-group button.all:hover .layer{background:#000E31;}
#gridHeader .filter-button-group button.active,
#gridHeader .filter-button-group button:hover{color:#000E31;background:#FFFFFF;}
#gridHeader .filter-button-group button:after {display:block;content:"";height:1px;position:absolute;left:20px;right:20px;bottom:0;background:#053C70;}
#gridHeader .filter-button-group button:last-child:after {display:none;}
} #homeActus{width:100%;margin:0 auto;padding:80px 60px;position:relative;background:#FFFFFF;}
#homeActus:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
#homeActus .homeActusContainer{width:100%;max-width:1300px;margin:0 auto;text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-items:center;
align-items:center;}
#homeActus .homeActusContainer > a{display:block;height:44px;line-height:44px;background:#8A8A8A;color:#FFFFFF;font-size:14px;font-weight:400;
font-family:'Lato',arial,sans-serif;text-transform:uppercase;text-align:center;margin:20px auto 10px auto;padding:0 15px;border-radius:50px;}
#homeActus .homeActusContainer > a.moreActus{display:block;}
#homeActus .homeActusContainer > a.moreActusJeunes{display:none;}
.portailJeunes #homeActus .homeActusContainer > a.moreActus{display:none;}
.portailJeunes #homeActus .homeActusContainer > a.moreActusJeunes{display:block;}
#homeActus .homeActusContainer > a:hover{background-color:#323232;}
#homeActus h1{display:inline-block;font-size:45px;line-height:50px;font-family:'Lato',arial,helvetica,sans-serif;font-weight:700;margin:0 0 60px;padding:0;color:#323232;text-align:center;position:relative;text-transform:uppercase;}
#homeActus h1:before {display:block;content:"";width:50px;height:70px;position:absolute;left:-40px;top:-30px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgTitreH2.png) no-repeat center center;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;}
#homeActus ul{list-style:none outside none;margin:0;padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeActus ul > li{width:33.33%;padding:10px;margin:0;overflow:hidden;display:none;}
#homeActus ul > li:nth-child(1),
#homeActus ul > li:nth-child(2),
#homeActus ul > li:nth-child(3){display:block;}
#homeActus ul > li .liContent{width:100%;height:100%;position:relative;}
#homeActus ul > li .imageTitle{width:100%;overflow:hidden;position:relative;text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;}
#homeActus ul > li .imageTitle a{display:inline-block;height:320px;overflow:hidden;text-align:center;}
#homeActus ul > li .imageTitle img{width:auto;height:100%;min-width:0;min-height:0;overflow:hidden;display:inline-block;}
#homeActus ul > li .imageTitle a img{width:auto;height:100%;min-width:0;min-height:0;overflow:hidden;display:inline-block;}
#homeActus ul > li .actuText{width:100%;min-height:165px;padding:20px 40px;background:#FFFFFF;position:relative;text-align:left;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeActus ul > li:hover .actuText{background:#053C70;}
.portailJeunes #homeActus ul > li:hover .actuText{background:#0080C8;}
#homeActus ul > li .actuText .articleCat{font-size:16px;line-height:24px;color:#053C70;text-transform:uppercase;letter-spacing:0.06em;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes #homeActus ul > li .actuText .articleCat{color:#0080C8;}
#homeActus ul > li:hover .actuText .articleCat{color:#FFFFFF;}
#homeActus ul > li .actuText .title a{display:block;font-family:'Lato',arial,sans-serif;font-size:24px;line-height:28px;color:#323232;font-weight:700;padding:0;margin:0;height:84px;overflow:hidden;text-align:left;text-transform:none;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeActus ul > li:hover .actuText .title a{color:#FFFFFF;}
#homeActus ul > li .liContent > a{display:block;position:absolute;left:0;top:0;right:0;bottom:0;text-align:left;text-indent:-999em;}
@media screen and (max-width: 1260px){
#homeActus{padding:80px 20px;}
}
@media screen and (max-width: 1023px){
#homeActus{padding:60px 20px 80px 20px;}
#homeActus h1{margin-bottom:40px;}
#homeActus ul > li{width:50%;}
#homeActus ul > li:nth-child(3){display:none;}
}
@media screen and (max-width: 767px){
#homeActus{padding:40px 0px;}
#homeActus h1{order:1;margin-bottom:30px;}
#homeActus .homeActusContainer > a{order:4;width:calc(100% - 100px);margin:30px auto;height:60px;line-height:60px;}
#homeActus .homeActusContainer > ul{order:2;}
}
@media screen and (max-width: 640px){
#homeActus ul > li{width:100%;}
#homeActus ul > li:nth-child(3){display:block;}
#homeActus ul > li .actuText{min-height:auto;}
}
#homeInfosSousActus{display:none;width:100%;padding:20px 20px;}
.home #homeActus #homeInfosSousActus{display:block;}
#homeActus .homeInfosSousActusContainer{width:100%;border:1px solid #323232;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeActus .homeInfosSousActusContainer > div{width:33.33%;padding:20px;}
#homeActus .homeInfosSousActusContainer .blockImage img{width:100%;height:auto;max-width:inherit;}
#homeActus .homeInfosSousActusContainer .blockTexte p{text-align:left;}
#homeActus .homeInfosSousActusContainer .blockTexte p.titre{font-size:24px;line-height:28px;font-family:'Lato',arial,sans-serif;color:#323232;font-weight:700;}
#homeActus .homeInfosSousActusContainer .blockLien{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;
}
#homeActus .homeInfosSousActusContainer .blockLien .link a{background-color:#323232;}
#homeActus .homeInfosSousActusContainer .blockLien .link a:hover{background-color:#053c70;}
@media screen and (max-width: 1023px){
#homeActus .homeInfosSousActusContainer .blockImage{width:50%;}
#homeActus .homeInfosSousActusContainer .blockTexte{width:50%;}
#homeActus .homeInfosSousActusContainer .blockLien{width:100%;}
}
@media screen and (max-width: 767px){
#homeActus #homeInfosSousActus{order:3;}
#homeActus .homeInfosSousActusContainer .blockImage{width:100%;}
#homeActus .homeInfosSousActusContainer .blockTexte{width:100%;}
#homeActus .homeInfosSousActusContainer .blockTexte p{text-align:center;}
#homeActus .homeInfosSousActusContainer .blockLien .link a{max-width:100%;height:60px;line-height:60px;}
}
.single-post #homeActus{margin-bottom:0;background:#053C70;}
.single-post.portailJeunes  #homeActus{background:#0080C8;}
.single-post #homeActus:after {background:#FFFFFF;}
.single-post #homeActus:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#FFFFFF;}
.single-post #homeActus h2{color:#FFFFFF;}
@media screen and (max-width: 1023px){
.single-post #homeActus h2{margin-top:20px;}
}
@media screen and (max-width: 767px){
.single-post #homeActus h2{margin-top:0;}
}
.page-id-11 #homeActus:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#FFFFFF;}
.page-id-11 #homeActus:after {top:0;bottom:inherit;}
.page-id-1869 #homeActus:after {top:0;bottom:inherit;}
@media screen and (max-width: 767px){
.page-id-1869 #homeActus .homeActusContainer > a,
.page-id-11 #homeActus .homeActusContainer > a{margin-bottom:0;}
}
.single-paroisse #homeActus{background:#F7F7F7;}
.single-paroisse #homeActus:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#053C70;}
.single-paroisse #homeActus:after {top:0;bottom:inherit;}
@media screen and (max-width: 767px){
.single-paroisse #homeActus .homeActusContainer > a{margin-bottom:0;}
}
.single-mouvement #homeActus{background:#F7F7F7;}
.single-mouvement #homeActus:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#053C70;}
.single-mouvement #homeActus:after {top:0;bottom:inherit;}
.single-location #homeActus:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#FFFFFF;}
.single-location #homeActus:after {top:0;bottom:inherit;background:#053C70;}
.page-id-1869 .blockAnnuaires{position:relative;}
.page-id-1869 .blockAnnuaires:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
.lcp_catlist_actus{width:100%;max-width:1466px;height:auto;margin:0 auto;}
.lcp_catlist_actus .gridActus-sizer,
.lcp_catlist_actus .gridActus-item{width:33.33%;padding:10px 20px!important;}
.lcp_catlist_actus .gridActus-sizer:before ,
.lcp_catlist_actus .gridActus-item:before {display:none!important;}
.lcp_catlist_actus .gridActus-item .imageTitle a{height:260px!important;}
.lcp_catlist_actus .gridActus-item .item-img{background:#323232;overflow:hidden;margin-bottom:20px;}
.lcp_catlist_actus .gridActus-item .item-img .imgCont{width:600px;height:250px;position:relative;left:50%;margin-left:-300px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
.lcp_catlist_actus .gridActus-item .item-img img{width:auto;height:100%;}
.lcp_catlist_actus .gridActus-item h3{margin:0 0 20px;font-size:20px;line-height:20px;}
.lcp_catlist_actus .gridActus-item h3 a{color:#323232;font-size:20px;line-height:20px;font-weight:normal;text-transform:uppercase;}
.lcp_catlist_actus .gridActus-item h3 a:hover{color:#323232;}
.lcp_catlist_actus .gridActus-item .item-desc p{text-align:justify;margin:0 0 20px;line-height:25px;}
.lcp_catlist_actus .gridActus-item .item-links{border-bottom:1px solid #C4C4C4;padding-bottom:15px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
.lcp_catlist_actus .gridActus-item .item-links a{display:inline-block;width:40%;height:50px;line-height:50px;font-size:18px;font-weight:300;color:#FFFFFF;text-align:center;text-transform:uppercase;background:#323232;margin:0 0 10px 0;border-right:5px solid #FFF;}
.lcp_catlist_actus .gridActus-item .item-links a:last-child{width:60%;border:none;}
.lcp_catlist_actus .gridActus-item .item-links a span{display:inline-block;line-height:50px;padding:0 12px 0 50px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/hotels/iconInfosLink.png) no-repeat left center;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;}
.lcp_catlist_actus .gridActus-item .item-links a:last-child span{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/hotels/iconReserverLink.png);}
.lcp_catlist_actus .gridActus-item .item-links a:hover{background:#323232;}
@media screen and (max-width: 1023px){
.lcp_catlist_actus .gridActus-item:last-child{display:none;}
}
@media screen and (max-width: 640px){
.lcp_catlist_actus .gridActus-item:last-child{display:block;}
} #em-wrapper{width:100%;max-width:1440px;margin:0 auto;}
.page-id-11 #em-wrapper{max-width:100%;}
#em-wrapper > p{margin:0;}
#em-wrapper .em-search-wrapper{background:none;padding:0;}
#em-wrapper .em-search-wrapper div.css-search{border:none;border-radius:0;background:none;padding:0;margin:0;}
#em-wrapper .em-search-wrapper div.css-search.has-search-geo.has-search-term input.em-search-text,
#em-wrapper .em-search-wrapper div.css-search.has-search-geo.has-search-term input.em-search-geo{border:1px solid #dedede;padding:13px 8px;}
#em-wrapper .em-search-wrapper div.css-search div.em-search-advanced label > span{height:48px;line-height:48px;}
#em-wrapper .em-search-wrapper div.css-search div.em-search-advanced label > input{height:48px;line-height:48px;}
#em-wrapper .em-search-wrapper div.css-search div.em-search-advanced label > select{padding:10px 5px;}
#em-wrapper .em-search-wrapper div.css-search.has-advanced div.em-search-main{padding-bottom:20px;}
#em-wrapper .em-search-wrapper div.css-search div.em-search-advanced{padding:0;margin:0;}
#em-wrapper .em-search-wrapper div.css-search div.em-search-options{padding:0;}
#em-wrapper .em-search-wrapper div.css-search .em-search-advanced div.em-search-field{padding:0;}
#eventsPage .eventsNone{width:100%;max-width:1280px;margin:0 auto;min-height:800px;}
#eventsPage .eventsNone p{padding:20px;background:#053C70;color:#FFFFFF;font-size:20px;line-height:28px;}
#em-wrapper .css-cats-list{width:100%;max-width:1440px;margin:0 auto;padding:0 60px;}
#em-wrapper .em-categories-list{width:100%;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
#em-wrapper .em-categories-list .catEvents{width:33.33%;padding:0 20px 40px;position:relative;}
#em-wrapper .em-categories-list .catEvents .catEventsImage{width:100%;height:290px;overflow:hidden;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
#em-wrapper .em-categories-list .catEvents .catEventsImage img{
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
#em-wrapper .em-categories-list .catEvents:hover .catEventsImage img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);}
#em-wrapper .em-categories-list .catEvents .catEventsName{padding:20px 30px;min-height:140px;background:#053C70}
#em-wrapper .em-categories-list .catEvents .catEventsName .title{font-family:'Lato',arial,sans-serif;font-size:24px;line-height:28px;color:#FFFFFF;font-weight:700;padding:0;margin:0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
#em-wrapper .em-categories-list .catEvents .catEventsLink{display:block;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;padding:0 20px 40px;}
#em-wrapper .em-categories-list .catEvents .catEventsLink a{display:block;width:100%;height:100%;}
@media screen and (max-width: 1260px){	
#em-wrapper .css-cats-list{padding:0 20px;}
}
@media screen and (max-width: 1023px){
#em-wrapper .em-categories-list .catEvents{width:50%;}
}
@media screen and (max-width: 767px){
#em-wrapper .css-cats-list{padding:0;}
}
@media screen and (max-width: 640px){
#em-wrapper .em-categories-list .catEvents{width:100%;padding-bottom:20px;}
}
.page-id-13 .em-view-container .pixelbones,
#eventsPage .css-events-list{width:100%;max-width:1440px;min-height:440px;margin:0 auto;padding:0 60px;}
.page-id-13 .em-view-container .pixelbones p.noEvents,
#eventsPage .css-events-list p.noEvents{font-size:20px;max-width:500px;margin:0 auto 20px;padding:0 20px;text-align:center;}
.page-id-13 .em-view-container .eventsListContainer,
#eventsPage .eventsListContainer{width:100%;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
.page-id-13 .em-view-container .eventsListContainer .event,
#eventsPage .eventsListContainer .event{width:33.33%;padding:0 20px 40px;position:relative;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child,
body:not(.search) #eventsPage .eventsListContainer .event:first-child{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
.page-id-13 .em-view-container .eventsListContainer .event .eventImage,
#eventsPage .eventsListContainer .event .eventImage{width:100%;height:290px;overflow:hidden;position:relative;display:block;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventImage,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventImage{width:65.5%;height:400px;}
.page-id-13 .em-view-container .eventsListContainer .event .eventImage img,
#eventsPage .eventsListContainer .event .eventImage img{width:auto;height:340px;}
.page-id-13 .em-view-container .eventsListContainer .event .eventImage img.portrait,
#eventsPage .eventsListContainer .event .eventImage img.portrait{width:100%;height:auto;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventImage img,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventImage img{width:auto;height:400px;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventImage img.portrait,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventImage img.portrait{width:100%;height:auto;}
.page-id-13 .em-view-container .eventsListContainer .event .eventDate,
#eventsPage .eventsListContainer .event .eventDate{position:absolute;left:0;top:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.page-id-13 .em-view-container .eventsListContainer .event .eventDate span,
#eventsPage .eventsListContainer .event .eventDate span{width:90px;height:90px;font-size:24px;line-height:28px;font-weight:bold;position:relative;background:#FF9900;color:#FFFFFF;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
.page-id-13 .em-view-container .eventsListContainer .event .eventDate span:nth-child(2):after ,
#eventsPage .eventsListContainer .event .eventDate span:nth-child(2):after {display:block;content:"";width:15px;height:21px;position:absolute;top:50%;left:0;margin:-10px 0 0 -7px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowDate.png) no-repeat center center;-webkit-background-size:15px;-moz-background-size:15px;background-size:15px;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventImage .eventDate,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventImage .eventDate{display:none;}
.page-id-13 .em-view-container .eventsListContainer .event .eventContent,
#eventsPage .eventsListContainer .event .eventContent{padding:20px 30px;min-height:140px;}
.search .em-view-container .eventsListContainer .event .eventContent,
.search #eventsPage .eventsListContainer .event .eventContent{background:#FFFFFF;text-align:left;}
.page-id-13 .em-view-container .eventsListContainer .event .eventContent .eventDate,
#eventsPage .eventsListContainer .event .eventContent .eventDate{display:none;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventContent .eventDate,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventContent .eventDate{position:relative;left:auto;top:auto;width:180px;margin-bottom:20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventContent,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventContent{width:34.5%;min-height:400px;height:auto;background:#053C70;padding:60px;}
.portailJeunes .em-view-container .eventsListContainer .event:first-child .eventContent,
.portailJeunes #eventsPage .eventsListContainer .event:first-child .eventContent{background:#0080C8;}
.page-id-13 .em-view-container .eventsListContainer .event .eventContent .eventTitle,
#eventsPage .eventsListContainer .event .eventContent .eventTitle{font-family:'Lato',arial,sans-serif;font-size:24px;line-height:28px;color:#323232;font-weight:700;padding:0;margin:0;height:84px;overflow:hidden;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventContent .eventTitle,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventContent .eventTitle{color:#FFFFFF;margin-bottom:40px;}
.page-id-13 .em-view-container .eventsListContainer .event .eventContent .eventCat,
#eventsPage .eventsListContainer .event .eventContent .eventCat{font-size:16px;line-height:24px;color:#053C70;text-transform:uppercase;letter-spacing:0.06em;padding:0;margin:0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventContent .eventCat,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventContent .eventCat{color:#FFFFFF;}
.portailJeunes .em-view-container .eventsListContainer .event .eventContent .eventCat,
.portailJeunes #eventsPage .eventsListContainer .event .eventContent .eventCat{color:#0080C8;}
.page-id-13 .em-view-container .eventsListContainer .event .eventLinkHover,
#eventsPage .eventsListContainer .event .eventLinkHover{position:absolute;left:20px;top:100%;right:20px;bottom:40px;z-index:2;background:rgba(5,60,112,0.5);overflow:hidden;opacity:0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.page-id-13 .em-view-container .eventsListContainer .event:hover .eventLinkHover,
#eventsPage .eventsListContainer .event:hover .eventLinkHover{opacity:1;top:0;}
.page-id-13 .em-view-container .eventsListContainer .event .eventLinkHover a,
#eventsPage .eventsListContainer .event .eventLinkHover a{width:100%;height:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
.page-id-13 .em-view-container .eventsListContainer .event .eventLinkHover a span,
#eventsPage .eventsListContainer .event .eventLinkHover a span{display:block;font-family:'Lato',arial,sans-serif;font-size:14px;line-height:16px;color:#FFFFFF;font-weight:400;text-align:center;text-transform:uppercase;width:80%;
border:1px solid #FFFFFF;padding:17px 60px 17px 20px;position:relative;border-radius:60px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventLinkHover a span,
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventLinkHover a span{width:100%;max-width:320px;}
.page-id-13 .em-view-container .eventsListContainer .event .eventLinkHover a span:after ,
#eventsPage .eventsListContainer .event .eventLinkHover a span:after {display:block;content:"";width:30px;height:20px;position:absolute;right:20px;top:50%;margin-top:-10px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/eventLinkHover.png) no-repeat center center;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
.page-id-13 .em-view-container .eventsListContainer .event .eventLinkHover a span:hover,
#eventsPage .eventsListContainer .event .eventLinkHover a span:hover{background:#FFFFFF;padding:17px 20px 17px 20px;color:#053C70;}
.portailJeunes .em-view-container .eventsListContainer .event .eventLinkHover a span:hover,
.portailJeunes #eventsPage .eventsListContainer .event .eventLinkHover a span:hover{color:#0080C8;}
@media screen and (max-width: 1260px){
.page-id-13 .em-view-container .pixelbones,
#eventsPage .css-events-list{padding:0 20px;}
}
@media screen and (max-width: 1023px){
.page-id-13 .em-view-container .eventsListContainer .event,
#eventsPage .eventsListContainer .event{width:50%;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventImage,
#eventsPage .eventsListContainer .event:first-child .eventImage{width:100%;height:290px;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventImage img,
#eventsPage .eventsListContainer .event:first-child .eventImage img{width:100%;height:auto;min-height:inherit;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventContent,
#eventsPage .eventsListContainer .event:first-child .eventContent{width:100%;min-height:inherit;padding:40px;}
}
@media screen and (max-width: 767px){
.page-id-13 .em-view-container .pixelbones,
#eventsPage .css-events-list{padding:0 0;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventImage img,
#eventsPage .eventsListContainer .event:first-child .eventImage img{width:auto;height:350px;min-height:inherit;}
}
@media screen and (max-width: 539px){
.page-id-13 .em-view-container .eventsListContainer .event,
#eventsPage .eventsListContainer .event{width:100%;padding-bottom:20px;}
.page-id-13 .em-view-container .eventsListContainer .event:first-child .eventContent,
#eventsPage .eventsListContainer .event:first-child .eventContent{padding:40px 20px;}
}
.em-locations-list{margin-bottom:40px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;}
.em-locations-list .catLocations {margin-bottom:20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
body .em-locations-list .catLocations h3{font-size:22px!important;line-height:25px!important;margin:0!important;}
body .em-locations-list .catLocations h3 a{color:#053C70!important;font-size:22px!important;line-height:25px!important;}
body .em-locations-list .catLocations h3 a:hover{color:#323232!important;}
body .em .em-pagination{width:100%!important;padding:0 20px!important;margin-bottom:80px!important;color:#053C70!important;
display:-webkit-box!important;
display:-webkit-flex!important;
display:-moz-box!important;
display:-ms-flex!important;
display:flex!important;
-webkit-box-flow: row wrap!important;
-webkit-flex-flow: row wrap!important;
-moz-box-flow: row wrap!important;
-ms-flex-flow: row wrap!important;
flex-flow: row wrap!important;
-webkit-justify-content:center!important;
justify-content:center!important;}
body .em .em-pagination span,
body .em .em-pagination span.page-numbers,
body .em .em-pagination > a.page-numbers{display:block!important;width:50px!important;height:50px!important;line-height:46px;text-align:center!important;background:none;color:#053C70!important;font-weight:400!important;border:1px solid #FFF;margin:0 2px!important;
text-decoration:none!important;font-size:16px!important;}
body .em .em-pagination > a.page-numbers:hover{font-weight:bold!important;font-size:16px!important;border-color:#053C70;}
body .em .em-pagination span.page-numbers.current{font-weight:bold!important;font-size:16px!important;border-color:#053C70;}
.single-location .em-pagination{display:none;}
#em-wrapper .eventSubmitForm{width:100%;min-height:400px;padding:80px;background:#053C70;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
#em-wrapper .eventSubmitForm:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#053C70;}
#em-wrapper .eventSubmitForm:after {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#FFFFFF;}
#em-wrapper .eventSubmitFormContainer{width:100%;max-width:1280px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:center;
align-items:center;}
#em-wrapper .eventSubmitFormContainer > div{width:50%;}
#em-wrapper .eventSubmitFormContainer .blockLeft p{text-align:center;font-family:'Lato',arial,sans-serif;font-size:32px;line-height:38px;color:#FFFFFF;font-weight:700;}
#em-wrapper .eventSubmitFormContainer .blockLeft p span{font-size:60px;line-height:60px;color:#048CCA;}
#em-wrapper .eventSubmitFormContainer .blockRight{text-align:center;}
#em-wrapper .eventSubmitFormContainer .blockRight a{font-size:24px;line-height:24px;font-weight:400;font-family:'Pacifico',arial,helvetica,sans-serif;color:#FFFFFF;border:1px solid #FFFFFF;
padding:10px 80px 10px 30px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLink.png) no-repeat right 15px center;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;border-radius:60px;
-webkit-align-self:center;align-self:center;}
#em-wrapper .eventSubmitFormContainer .blockRight a:hover{color:#0080C8;border-color:#0080C8;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLinkBleuClair.png);}
@media screen and (max-width: 1260px){
#em-wrapper .eventSubmitForm{padding:80px 40px;}
}
@media screen and (max-width: 767px){
#em-wrapper .eventSubmitForm{padding:72px 20px;min-height:inherit;}
#em-wrapper .eventSubmitFormContainer > div{width:100%;}
#em-wrapper .eventSubmitFormContainer .blockLeft p{font-size:28px;line-height:34px;}
#em-wrapper .eventSubmitFormContainer .blockLeft p span{font-size:45px;line-height:45px;}
#em-wrapper .eventSubmitFormContainer .blockRight a{display:inline-block;margin-top:40px;width:100%;}
}
#em-wrapper .eventSearchForm{width:100%;padding:0;text-align:left;background:#FFFFFF;padding:0 80px;}
#em-wrapper .eventSearchForm .eventSearchFormContainer{width:100%;max-width:1280px;background:#FFFFFF;padding:20px 0 60px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:flex-end;
align-items:flex-end;}
#em-wrapper .eventSearchForm h3{width:25%;font-size:30px;line-height:35px;font-weight:700;color:#053C70;text-align:left;margin:0;padding:25px 20px 0 0;text-transform:uppercase;position:relative;}
#em-wrapper .eventSearchForm h3:before {display:block;content:"";width:50px;height:2px;position:absolute;left:0;top:0;background:#FF9900;}
#em-wrapper .searchContainer{width:75%;height:80px;background:#F7F7F7;overflow:hidden;border-radius:80px;}
#em-wrapper .em-search-wrapper .em-events-search{border:none;background:none;padding:0;margin:0;border-radius:0;}
#em-wrapper .em-search-wrapper .em-events-search form .em-search-advanced{padding-right:80px!important;position:relative;height:80px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
align-items:center;}
#em-wrapper .em-search-wrapper .em-events-search.has-advanced div.em-search-main{padding:0;border:none;}
#em-wrapper .em-search-wrapper .em-search-category.em-search-field{padding:0!important;margin:0;background:none;position:relative;width:50%;height:50px;}
#em-wrapper .em-search-wrapper .em-search-category.em-search-field:after {display:block;content:"";width:50px;height:50px;position:absolute;right:0;top:0;z-index:1;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgSelect.png) no-repeat center center #F7F7F7;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;
pointer-events: none;}
#em-wrapper .em-search-wrapper .em-search-category.em-search-field:before {display:block;content:"";width:1px;height:100%;background:#323232;position:absolute;right:-1px;top:0;}
#em-wrapper .em-search-wrapper .em-search-category.em-search-field select.em-events-search-category{width:100%;height:50px;line-height:50px;padding:0 15px;color:#323232;border:none;background:none;
font-size:18px;font-family:'Lato',arial,helvetica,sans-serif;text-transform:none;}
#em-wrapper .em-search-wrapper .em-events-search div.em-search-advanced{padding:0;}
#em-wrapper .em-search-wrapper .em-search-scope.em-search-field{padding:0!important;margin:0;background:none;position:relative;width:50%;height:50px;}
#em-wrapper .em-search-wrapper .em-search-scope.em-search-field:after {display:block;content:"";width:50px;height:50px;position:absolute;right:0;top:0;z-index:1;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgSelect.png) no-repeat center center #F7F7F7;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;
pointer-events: none;}
#em-wrapper .em-search-wrapper .em-search-scope.em-search-field:before {display:block;content:"";width:1px;height:100%;background:#323232;position:absolute;right:-1px;top:0;}
#em-wrapper .em-search-wrapper span.em-search-scope{width:100%;}
#em-wrapper .em-search-wrapper .em-search-scope .labelEndDate{display:none;}
#em-wrapper .em-search-wrapper .em-search-scope input.em-date-start{width:100%;height:50px;line-height:50px;padding:0 15px;color:#323232!important;border:none;background:none;
font-size:18px;font-family:'Lato',arial,helvetica,sans-serif;text-transform:none;}
#em-wrapper .em-search-wrapper .em-search-scope input.em-date-start::-webkit-input-placeholder {color:#323232;text-transform:none;}
#em-wrapper .em-search-wrapper .em-search-scope input.em-date-start:-moz-placeholder {color:#323232;text-transform:none;}
#em-wrapper .em-search-wrapper .em-search-scope input.em-date-start::-moz-placeholder {color:#323232;text-transform:none;}
#em-wrapper .em-search-wrapper .em-search-scope input.em-date-start:-ms-input-placeholder {color:#323232;text-transform:none;}
#em-wrapper .em-search-wrapper div.em-search-advanced .em-search-submit{display:block;width:80px;height:80px;border:none;text-indent:-999em;margin:0;cursor:pointer;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchOpen.png) no-repeat center center;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;
position:absolute;right:0;top:0;border-radius:80px;
-webkit-align-self:flex-end;
align-self:flex-end;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#em-wrapper .em-search-wrapper div.em-search-advanced .em-search-submit:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchOpenH.png);}
@media screen and (max-width: 1260px){
#em-wrapper .eventSearchForm{padding:0 40px;}
}
@media screen and (max-width: 1023px){
.em-locations-list{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;}
#em-wrapper .eventSearchForm h3{width:100%;margin-bottom:40px;}
#em-wrapper .searchContainer{width:100%;}
.em-pagination{margin-bottom:72px;}
}
@media screen and (max-width: 767px){
#em-wrapper .eventSearchForm{padding:0 20px;}
#em-wrapper .eventSearchForm h3{text-align:center;padding-right:0;}
#em-wrapper .eventSearchForm h3:before{left:50%;margin-left:-25px;}
#em-wrapper .eventSearchForm .eventSearchFormContainer{padding-bottom:40px;}
#em-wrapper .searchContainer{height:60px;}
#em-wrapper .em-search-wrapper .em-events-search form .em-search-advanced{height:60px;padding-right:60px!important;}
#em-wrapper .em-search-wrapper .em-search-category.em-search-field{height:40px;}
#em-wrapper .em-search-wrapper .em-search-category.em-search-field select.em-events-search-category{height:40px;line-height:40px;}
#em-wrapper .em-search-wrapper .em-search-scope.em-search-field{height:40px;}
#em-wrapper .em-search-wrapper div.css-search div.em-search-advanced label > input{height:40px;line-height:40px;}
#em-wrapper .em-search-wrapper div.em-search-advanced .em-search-submit{width:60px;height:60px;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
#em-wrapper .em-search-wrapper .em-search-scope.em-search-field:after,
#em-wrapper .em-search-wrapper .em-search-category.em-search-field:after{width:50px;height:40px;}
#em-wrapper .em-search-wrapper .em-search-scope.em-search-field:before,
#em-wrapper .em-search-wrapper .em-search-category.em-search-field:before{height:30px;top:5px;}
body:not(.search) #eventsPage .eventsListContainer .event:first-child .eventContent .eventTitle{margin-bottom:0;}
}
@media screen and (max-width: 579px){
.em-locations-list{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;}
.em-pagination{max-width:290px;margin-left:auto;margin-right:auto;}
#em-wrapper .eventSubmitFormContainer .blockRight a{background-image:none;padding:10px 20px;}
} .css-event-form{width:100%;margin:0 auto;padding:0 80px;}
.css-event-form .wrap{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}
.css-event-form .wrap > div{width:50%;}
.css-event-form .wrap > div#event-form-when{width:100%;}
.css-event-form #event-form select{width:100%!important;height:50px;line-height:50px;padding:0 20px!important;-webkit-appearance:none;}
.css-event-form #event-form input[type=text]{width:100%!important;height:50px;line-height:50px;padding:0 20px!important;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.css-event-form #event-form input[type=text]:focus{border-color:#323232;}
.css-event-form #event-form input[type=text]::-webkit-input-placeholder {color:#CCCCCC;text-transform:none;font-style:italic;}
.css-event-form #event-form input[type=text]:-moz-placeholder {color:#CCCCCC;text-transform:none;font-style:italic;}
.css-event-form #event-form input[type=text]::-moz-placeholder {color:#CCCCCC;text-transform:none;font-style:italic;}
.css-event-form #event-form input[type=text]:-ms-input-placeholder {color:#CCCCCC;text-transform:none;font-style:italic;}
.css-event-form #event-form-submitter{width:100%;margin-bottom:1px;}
.css-event-form #event-form-submitter .event-form-submitter{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}
.css-event-form #event-form-submitter .event-form-submitter > p{width:50%;}
.css-event-form #event-form-submitter .event-form-submitter > p:first-child{padding-right:10px;}
.css-event-form #event-form-submitter .event-form-submitter > p:last-child{padding-left:10px;}
.css-event-form h3{color:#053C70;}
.css-event-form #event-form-name{width:100%;margin-bottom:1px;}
.css-event-form #event-form-when{width:100%;margin-bottom:1px;}
.css-event-form #event-form-when .event-form-when{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}
.css-event-form #event-form-when .event-form-when > p{width:100%;}
.css-event-form #event-form-when .event-form-when > p.em-date-range{width:50%;padding-right:10px;margin:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
.css-event-form #event-form-when .event-form-when > p.em-date-range input[type=text]{width:calc(50% - 10px)!important;margin-bottom:20px;}
.css-event-form #event-form-when .event-form-when > p.em-date-range input[type=text].em-date-start{margin-right:10px;}
.css-event-form #event-form-when .event-form-when > p.em-date-range input[type=text].em-date-end{margin-left:10px;}
.css-event-form #event-form-when .event-form-when > p.em-date-range span{display:inline-block;height:50px;line-height:50px;}
.css-event-form #event-form-when .event-form-when > p.em-time-range{width:50%;padding-left:10px;margin:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
.css-event-form #event-form-when .event-form-when > p.em-time-range input[type=text]{width:calc(50% - 10px)!important;margin-bottom:20px;}
.css-event-form #event-form-when .event-form-when > p.em-time-range input[type=text].em-time-start{margin-right:10px;}
.css-event-form #event-form-when .event-form-when > p.em-time-range input[type=text].em-time-end{margin-left:10px;}
.css-event-form #event-form-when .event-form-when > p.em-time-range input[type=checkbox].em-time-allday{margin-left:10px;margin-top:20px;}
.css-event-form #event-form-when .event-form-when > p.em-time-range span{display:inline-block;height:50px;line-height:50px;}
.css-event-form #event-form-when .event-form-when > p.em-time-range span.em-text-allday{display:inline-block!important;}
.css-event-form #event-form-when .event-form-when > p.em-timezone{width:50%;padding:0 10px 0 0;margin:-50px 0 0 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
.css-event-form #event-form-when .event-form-when > p.em-timezone label{display:block;width:calc(50% - 10px);height:50%;line-height:50px;margin-right:20px;}
.css-event-form #event-form-when .event-form-when > p.em-timezone select{width:calc(50% - 10px)!important;padding-left:15px!important;-webkit-appearance:none;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div{width:50%;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft{padding-right:10px;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft #recurrence-frequency{margin:15px 0;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft #recurrence-interval{height:30px;line-height:30px;padding:0 10px;margin:0 5px;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft #monthly-selector{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft #monthly-selector #monthly-modifier{width:calc(50% - 10px)!important;margin-right:10px;margin-bottom:20px;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft #monthly-selector #recurrence-weekday{width:calc(50% - 10px)!important;margin-left:10px;margin-bottom:20px;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft #monthly-selector span.text{display:block;width:100%;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockright{padding-left:10px;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockright #end-days{margin:15px 0;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div > p span.text{display:inline-block;}
.css-event-form #event-form-where{width:100%;margin-bottom:1px;}
.css-event-form #event-form-where .event-form-where{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}
.css-event-form #event-form-where .event-form-where .em-location-data-nolocation{width:100%;}
.css-event-form #event-form-where .event-form-where .em-location-data-nolocation #no-location{margin-right:5px;}
.css-event-form #event-form-where .event-form-where #em-location-data{width:100%;}
.css-event-form #event-form-where .event-form-where #em-location-data table.em-location-data{border-collapse:collapse;border-right:10px solid #FFFFFF;}
.css-event-form #event-form-where .event-form-where #em-location-data table.em-location-data td{padding-bottom:20px;}
.css-event-form #event-form-where .event-form-where #em-location-data .em-location-map-container{height:100%;padding-left:10px;padding-bottom:20px;}
.css-event-form #event-form-details{width:100%;margin-bottom:1px;}
.css-event-form #event-form-details .event-form-details{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}
.css-event-form #event-form-details .event-form-details .event-editor{width:50%;padding-right:10px;}
.css-event-form #event-form-details .event-form-details .event-editor textarea{height:160px;}
.css-event-form #event-form-details .event-form-details .event-extra-details{width:50%;padding-left:10px;margin-top:0;}
.css-event-form #event-form-details .event-form-details .event-extra-details label{display:block;margin-bottom:10px;line-height:20px;}
.css-event-form #event-form-details .event-form-details .event-extra-details select{line-height:inherit;padding:10px!important;height:130px;-webkit-appearance:none;}
.css-event-form #event-form-image{width:100%;margin-bottom:1px;}
.css-event-form .wrap > p.input-field-data_privacy_consent{margin:20px 0!important;padding:0;}
.css-event-form p.submit{margin:0;text-align:center;}
.css-event-form p.submit input[type=submit]{display:inline-block;width:100%;max-width:320px;height:70px;line-height:70px;text-transform:uppercase;color:#FFFFFF;font-size:16px;padding:0 70px 0 35px;font-weight:400;
background: url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLink.png) no-repeat right 20px center #323232;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;border:2px solid #323232;text-align:center;cursor:pointer;border-radius: 70px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.css-event-form p.submit input[type=submit]:hover{background-color:#FFFFFF;color:#323232;padding:0 35px 0 35px;}
@media screen and (max-width: 1260px){
.css-event-form{padding:0 40px;}
}
@media screen and (max-width: 1023px){
.page-id-1265 #page{padding-bottom:40px;}
}
@media screen and (max-width: 767px){
.css-event-form{padding:0 20px;}
.css-event-form #event-form-submitter .event-form-submitter > p{width:100%;}
.css-event-form #event-form-submitter .event-form-submitter > p:first-child{padding-right:0;}
.css-event-form #event-form-submitter .event-form-submitter > p:last-child{padding-left:0;}
.css-event-form #event-form-when .event-form-when > p.em-date-range{width:100%;padding-right:0;}
.css-event-form #event-form-when .event-form-when > p.em-time-range{width:100%;padding-left:0;}
.css-event-form #event-form-when .event-form-when > p.em-timezone{width:100%;padding:0;margin:0;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft #monthly-selector #monthly-modifier{width:100%!important;margin-right:0;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft #monthly-selector #recurrence-weekday{width:100%!important;margin-left:0;}
.css-event-form #event-form-where .event-form-where #em-location-data table.em-location-data{width:100%;border:none;margin-bottom:20px;}
.css-event-form #event-form-where .event-form-where #em-location-data .em-location-map-container{width:100%;height:250px;padding:0;}
.css-event-form #event-form-details .event-form-details .event-editor{width:100%;padding-right:0;margin-bottom:20px;}
.css-event-form #event-form-details .event-form-details .event-extra-details{width:100%;padding-left:0;}
.css-event-form p.submit input[type=submit]{height:60px;line-height:60px;}
}
@media screen and (max-width: 479px){
.css-event-form #event-form-when .event-form-when > p.em-date-range input[type=text]{width:100%!important;}
.css-event-form #event-form-when .event-form-when > p.em-date-range input[type=text].em-date-start{margin-right:0;}
.css-event-form #event-form-when .event-form-when > p.em-date-range input[type=text].em-date-end{margin-left:0}
.css-event-form #event-form-when .event-form-when > p.em-time-range input[type=text]{width:100%!important;}
.css-event-form #event-form-when .event-form-when > p.em-time-range input[type=text].em-time-start{margin-right:0;}
.css-event-form #event-form-when .event-form-when > p.em-time-range input[type=text].em-time-end{margin-left:0}
.css-event-form #event-form-when .event-form-when > p.em-timezone label{width:100%!important;margin-right:0;height:auto;line-height:inherit;margin-bottom:10px;}
.css-event-form #event-form-when .event-form-when > p.em-timezone select{width:100%!important;padding-left:0;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div{width:100%;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockleft{padding-right:0;}
.css-event-form #event-form-when .event-form-when > .em-recurring-text > div.em-reccurent-blockright{padding-left:0;}
.css-event-form p.submit input[type=submit]{background:#323232;padding:0 15px;text-align:center;}
.css-event-form p.submit input[type=submit]:hover{background:#053C70;}
} #eventsVenir{width:100%;max-width:1440px;margin:0 auto;} .blockContact{width:100%;max-width:1440px;margin:0 auto;padding:0 80px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#map{width:50%!important;height:auto!important;padding-bottom:0;}
#map #wpgmza_map{height:100%!important;min-height:500px;}
#contact{max-width:1200px;width:50%;margin:0 auto;}
#contact .content{height:100%;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/trame.png) repeat left top;}
#contact p.upline_form{font-size:12px!important;max-width:1100px;margin:0 auto 20px;padding:0;}
#contact .content_form{width:100%;max-width:1380px;margin:0 auto 0;padding-bottom:0px;position:relative;}
#contact .content_form form{margin:0 0 0 20px;}
#contact .content_form hr{height:1px;background:#323232;margin:10px auto 20px;padding:0;border:none;}
#contact .content_form .groupe{overflow:hidden;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#contact .content_form .field{width:50%;float:left;overflow:hidden;}
#contact .content_form .groupe2{padding-bottom:40px;}
#contact .content_form .groupe2 .field{width:100%;}
#contact .content_form .groupe2 .field:last-child{overflow:visible;position:relative;height:auto;}
#contact .content_form .field span{display:block;width:100%;padding:0 0 0 10px;}
#contact .content_form .field_left span{padding:0 10px 0 0;}
#contact .content_form .groupe2 .field span{padding:0;}
#contact .content_form .groupe2 .field span.ajax-loader{width:16px;height:16px;}
#contact .content_form .groupe2 .field span.wpcf7-not-valid-tip{padding:0 20px;}
#contact .content_form .field input,
#contact .content_form .field select,
#contact .content_form .field textarea{display:inline-block;font-family:'Lato',arial,sans-serif;border:none;border-bottom:1px solid rgba(240,240,240,0.9);width:100%;height:40px;padding:0 20px;font-size:14px;color:#323232;margin:0 0 20px 0;box-shadow:none;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#contact .content_form .field input:focus,
#contact .content_form .field select:focus,
#contact .content_form .field textarea:focus{border-bottom:2px solid rgba(30,30,30,1);}
#contact .content_form .field select{border:1px solid rgba(240,240,240,0.9);}
#contact .content_form .filefield input{height:auto;margin:0;padding:20px;}
#contact .content_form .field textarea{padding:20px;height:170px;margin-bottom:20px;}
#contact .content_form .field div.captcha{float:none;width:100%;height:auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#contact .content_form .field div.captcha img{margin:0 10px 0 0;width:auto;height:40px;}
#contact .content_form .field div.captcha span{width:150px;}
#contact .content_form .field div.captcha input{display:block;width:100%;height:40px;color:#000000;font-size:14px;text-transform:none;padding:0 10px;margin:0;}
#contact .content_form .field div.submit{float:none;height:80px;margin-top:20px;padding:0 30px;}
#contact .content_form .field div.submit input{margin:0 auto;width:100%;height:80px;background:#323232;font-size:18px;color:#FFF;font-weight:300;text-transform:uppercase;text-align:center;
-webkit-appearance:none;border-radius:80px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#contact .content_form .field div.submit input:hover{background:#053C70;cursor:pointer;}
#contact .content_form .field p.small{font-size:8px!important;line-height:10px;margin-right:10px;}
#contact .content_form .groupe0 .field{height:64px;line-height:64px;width:100%;}
#contact .content_form .groupe0 .field input{width:auto;height:auto;float:left;margin:25px 10px 0 0;}
#contact .content_form .groupe0 .field .wpcf7-list-item{float:left;display:inline-block;margin:0;padding:0;width:auto!important;}
#contact .content_form .groupe0 .field .wpcf7-list-item label span{font-size:16px;color:#FFFFFF;text-transform:uppercase;display:inline-block;width:auto;}
#contact .content_form .groupe0 .field .wpcf7-list-item-label{width:inherit;display:inline;padding:0 10px 0 0;font-size:16px;color:#323232;}
#contact .content_form div.wpcf7-response-output{position:absolute;z-index:2000;left:0;bottom:0;margin:0 0 0 10px;padding:10px 20px;background:rgba(255,255,255,1);color:#000000;width:100%;border:none;}
#contact .content_form div.wpcf7-validation-errors{color:red;}
#contact .content_form span.wpcf7-not-valid-tip{position:absolute;left:0;top:45px;padding:0 20px 0 30px;font-size:12px;line-height:14px;}
#contact .content_form .field_left span.wpcf7-not-valid-tip{padding:0 20px 0 20px;}
#contact .content_form .captcha span.wpcf7-not-valid-tip{padding:0 0 0 10px!important;}
*::-webkit-input-placeholder {color:#323232;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
*:-moz-placeholder {color:#323232;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
*::-moz-placeholder {color:#323232;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
*:-ms-input-placeholder {color:#323232;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#contact .content_form .field input:focus::-webkit-input-placeholder {color:#C2C2C2;}
#contact .content_form .field select:focus::-webkit-input-placeholder {color:#C2C2C2;}
#contact .content_form .field textarea:focus::-webkit-input-placeholder {color:#C2C2C2;}
#contact .content_form .field input:focus:-moz-placeholder {color:#C2C2C2;}
#contact .content_form .field select:focus:-moz-placeholder {color:#C2C2C2;}
#contact .content_form .field textarea:focus:-moz-placeholder {color:#C2C2C2;}
#contact .content_form .field input:focus::-moz-placeholder {color:#C2C2C2;}
#contact .content_form .field select:focus::-moz-placeholder {color:#C2C2C2;}
#contact .content_form .field textarea:focus::-moz-placeholder {color:#C2C2C2;}
#contact .content_form .field input:focus:-ms-input-placeholder {color:#C2C2C2;}
#contact .content_form .field select:focus:-ms-input-placeholder {color:#C2C2C2;}
#contact .content_form .field textarea:focus:-ms-input-placeholder {color:#C2C2C2;}
#contact .content_form .field div.captcha input::-webkit-input-placeholder{text-transform:none;}
#contact .content_form .field div.captcha input:-moz-placeholder{text-transform:none;}
#contact .content_form .field div.captcha input::-moz-placeholder{text-transform:none;}
#contact .content_form .field div.captcha input:-ms-input-placeholder{text-transform:none;}
@media screen and (max-width: 1260px){
.blockContact{padding:0 40px;}
}
@media screen and (max-width: 1079px){
.blockContact{padding-top:0;padding-bottom:0;}
#map{width:100%!important;height:300px!important;min-height:inherit;float:none;padding:0;order:2;}
#map #wpgmza_map{min-height:inherit;}
#contact{width:100%;padding:0 0 60px;order:1;}
#contact .content_form form{margin:0;}
#contact .content_form .groupe2 .field:last-child{height:auto;}
#contact .content_form div.wpcf7-response-output{margin:0;font-size:14px!important;line-height:16px;}
#contact p.upline_form,
#contact .content_form .field p.small{text-align:center;}
#contact .content_form .field div.captcha{
-webkit-justify-content:center;
justify-content:center;}
}
@media screen and (max-width: 900px){
#contact p.upline_form{text-align:center;}
#contact .content_form .field p.small{margin-right:0;text-align:center;}
#contact .content_form div.wpcf7-response-output{text-align:center;}
#contact .content_form .field div.captcha{max-width:290px;margin:0 auto 10px;}
}
@media screen and (max-width: 767px){	
.blockContact{padding:0 20px;}
#contact .content_form .field{float:none;width:100%;}
#contact .content_form .field p.small{margin:0;}
#contact .content_form .field span.wpcf7-form-control-wrap{padding:0;}
#contact .content_form .groupe2 .field:last-child{margin-top:10px;height:auto;}
#contact .content_form .field div.captcha {float:none;}
#contact .content_form .groupe0 .field_left span.wpcf7-list-item{padding:0 20px 0 10px;}
#contact .content_form div.wpcf7-response-output{font-size:12px;margin:0;padding:10px 0;}
#contact .content_form span.wpcf7-not-valid-tip{font-size:12px;padding:0 20px;}
#contact .content_form .captcha span.wpcf7-not-valid-tip{padding:0 10px;}
#contact .content_form .field div.submit{margin-left:0;margin-top:20px;}
#contact .content_form .field input {margin:0 0 20px !important;}
#contact .content_form .field div.submit input{height:60px;margin:0 auto 20px !important;}
#contact .content_form .groupe1-2 .file{width:100%;margin:0;}
#contact .content_form .groupe1-2 .filePleinpied{margin:0 0 10px;}
#contact .content_form .groupe1-2 .file label{min-height:inherit;}
#contact .content_form .groupe1-2 .fileLettre{border:none;border-bottom:6px solid #FFF;}
#contact .content_form .groupe1-2 .filePortrait{border:none;border-top:3px solid #FFF;border-bottom:3px solid #FFF;}
#contact .content_form .groupe1-2 .filePleinpied{border:none;border-top:6px solid #FFF;}
} #searchResults .listeAncre{width:100%;max-width:1440px;margin:0 auto 20px;padding:0 10px;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#searchResults .listeAncre span{display:block;width:200px;height:40px;line-height:40px;font-size:14px;font-weight:400;font-family:'Lato',arial,helvetica,sans-serif;color:#000E31;text-align:center;text-transform:uppercase;border:none;background:#FFFFFF;
border-radius:50px;margin:0 10px 20px;padding:0;-webkit-align-self:center;align-self:center;border:1px solid #000E31;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#searchResults .listeAncre span:hover{background:#323232;border-color:#323232;color:#FFFFFF;cursor:pointer;}
#searchResults .resultats{width:100%;background:#FFFFFF;text-align:center;padding:80px 60px;}
#searchResults .resultats_pages{padding-top:0;}
#searchResults .resultats_actualites{background:#053C70;}
#searchResults .resultats_events{background:rgba(5,60,112,0.2);}
#searchResults .resultatsContainer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
#searchResults .resultats h2{text-transform:none;color:#053C70;margin-top:0;padding-top:25px;margin-bottom:40px;-webkit-align-self:center;align-self:center;}
#searchResults .resultats_actualites h2{color:#FFFFFF;}
#searchResults .resultats h2:before{display:none;}
#searchResults .resultats h2:after{display:block;content:"";width:50px;height:2px;background:#FF9900;position:absolute;left:0;top:0;}
#searchResults .resultatsContainer > button{display:block;width:250px;height:40px;font-size:14px;font-weight:400;font-family:'Lato',arial,helvetica,sans-serif;color:#FFFFFF;text-align:center;text-transform:uppercase;border:none;background:#000E31;
border-radius:50px;margin:0 auto 0;padding:0;-webkit-align-self:center;align-self:center;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#searchResults .resultatsContainer > button:hover{background:#323232;cursor:pointer;}
#searchResults .resultats .listResults{width:100%;max-width:1440px;margin:0 auto;}
#searchResults .resultats .listResults li{display:block;padding:0 20px 20px!important;}
#searchResults #eventsPage{width:100%;}
#searchResults #eventsPage .css-events-list{padding:0;}
#searchResults .fakeMore{width:100%;}
#searchResults .fakeMoreContainer{width:100%;max-width:1440px;margin:0 auto;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#searchResults .fakeMoreContainer > div{width:33.33%;padding:0 20px;}
#searchResults .fakeMoreContainer > div > div{overflow:hidden;width:100%;height:320px;}
#searchResults .fakeMoreContainer > div img{display:block;width:442px;height:320px;}
#searchResults .fakeMoreContainer > div.fakeMoreBG{width:100%;height:320px;position:absolute;left:0;top:0;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgDegraderBlanc.png) repeat-x left top;}
#searchResults .fakeMoreActualites .fakeMoreContainer > div.fakeMoreBG{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgDegraderBleu.png);}
#searchResults .fakeMoreEvents .fakeMoreContainer > div.fakeMoreBG{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgDegraderBleuclair.png);}
@media screen and (max-width: 1200px){
#searchResults .resultats{padding:80px 30px;}
#searchResults .resultats_pages{padding-top:0;}
#searchResults .resultats_actualites h2{order:1;}
#searchResults .resultatsContainer > button{order:3;}
#searchResults #eventsPage,
#searchResults .resultats .listResults{order:2;}
#searchResults .resultats .listResults li{padding:0 10px 20px!important;}
#searchResults #eventsPage .eventsListContainer .event{padding:0 10px 20px!important;}
#searchResults .fakeMore{display:none;order:4;}
}
@media screen and (max-width: 1023px){
#searchResults .resultats{padding:60px 30px;}
#searchResults .resultats_pages{padding-top:0;}
}
@media screen and (max-width: 767px){
#searchResults .resultats{padding:40px 10px;}
#searchResults .resultats_pages{padding-top:0;}
#searchResults .resultats h2{max-width:270px;margin-left:auto;margin-right:auto;}
#searchResults .resultats h2:after{left:50%;margin-left:-25px;}
}
#searchResults .navigation{padding:0 20px;}
#searchResults .navigation h2{display:none;}
#searchResults .navigation .nav-links{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;
}
#searchResults .navigation .nav-links > span,
#searchResults .navigation .nav-links > a{display:block;line-height:20px;padding:15px;color:#FFFFFF;background:#053C70;border:2px solid #FFFFFF;font-weight:400;min-width:50px;text-align:center;}
#searchResults .navigation .nav-links > span{font-weight:700;}
.search-no-results .contenu-article{text-align:center;min-height:300px;}
.search-no-results .contenu-article p{font-size:20px;max-width:430px;margin:0 auto 20px;padding:0 20px;}
.search-no-results .contenu-article form{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;
}
.search-no-results .contenu-article form > div{background:#000E31;padding:60px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
.search-no-results .contenu-article form > div label{font-size:30px;line-height:36px;font-weight:bold;color:#FFFFFF;text-align:left;margin:0 0 30px;}
.search-no-results .contenu-article form > div input[type=text]{width:100%;height:50px;line-height:50px;border:none;background:#FFFFFF;padding:0 15px;color:rgba(5,60,112,0.5);
font-size:18px;font-style:italic;font-family:'Lato',arial,helvetica,sans-serif;text-transform:none;}
.search-no-results .contenu-article form > div input[type=submit]{display:block;width:80px;height:80px;border:none;text-indent:-999em;margin:30px auto 0;cursor:pointer;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgSearchEvents.png) no-repeat center center #053C70;-webkit-background-size:80px;-moz-background-size:80px;background-size:80px;border-radius:80px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.search-no-results .contenu-article form > div input[type=submit]:hover{background-color:#0080C8;}
.search-no-results .contenu-article button{-webkit-appearance:none;appearance:none;background:#CCCCCC;color:#323232;width:400px;height:50px;text-align:center;border-radius:50px;margin:0 10px;font-weight:700;font-size:16px;cursor:pointer;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
.search-no-results .contenu-article button.actif,
.search-no-results .contenu-article button:hover{background:#053C70;color:#FFFFFF;}
@media screen and (max-width: 767px){	
.search-no-results .contenu-article form > div{padding:40px 20px;}
}
.blockExpliquatif{width:50%;padding-right:20px;}
@media screen and (max-width: 1079px){
.blockExpliquatif{width:100%;padding:0;margin-bottom:40px;}
}   #homeWidgetArea{width:100%;padding:0;}
#homeWidgetArea .homeWidgetAreaContainer{width:100%;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer{width:100%;padding:0;margin:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeWidgetArea .sidebarContainer > li{display:block;width:33.33%;margin:0 0 20px;background:#F5F5F5;padding:20px;border-left:10px solid #FFFFFF;border-right:10px solid #FFFFFF;}
#homeWidgetArea .sidebarContainer > li.widget_custom_html{width:25%;} #homeWidgetArea .sidebarContainer > li.widget_em_widget .bx-viewport > ul{margin:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeWidgetArea .sidebarContainer > li.widget_sow-social-media-buttons{width:50%;}
#homeWidgetArea .sidebarContainer > li.widget_email-subscribers-form{width:50%;}
#homeWidgetArea .sidebarContainer > li.widget_email-subscribers-form form input[type=email]{display:block;width:100%;height:44px;line-height:44px;padding:0 8px;}
#homeWidgetArea .sidebarContainer > li.widget_email-subscribers-form form input.es_submit_button{display:block;width:100%;height:60px;line-height:60px;padding:0 8px;background:#323232;color:#FFFFFF;border:none;text-transform:uppercase;font-size:18px;font-weight:300;font-family:'Lato',arial,sans-serif;cursor:pointer;}
#homeWidgetArea .sidebarContainer > li.widget_email-subscribers-form form input.es_submit_button:hover{background:#323232;} #homeWidgetArea .sidebarContainer > li#custom_html-11{width:100%;padding:60px 60px 100px;margin:0;border:none;background:#053C70;text-align:center;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-11:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-11:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 h2{color:#FFFFFF;margin-bottom:60px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore a{width:100%;padding:0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore a span{display:block;height:40px;line-height:40px;background:#000E31;color:#FFFFFF;font-size:14px;font-weight:400;
font-family:'Lato',arial,sans-serif;text-transform:uppercase;text-align:center;margin:40px 0 0;padding:0 15px;border-radius:40px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore a:hover span{background-color:#0080C8;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapper{width:66.66%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapper > div{width:50%;text-align:left;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft{padding:0 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventBlock{background:#FFFFFF;width:100%;height:100%;position:relative;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft:hover .eventBlock{background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventBlock > a{position:absolute;left:0;top:0;right:0;bottom:0;text-align:left;text-indent:-999em;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventImg{width:100%;height:290px;overflow:hidden;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventImg img{width:auto;height:340px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft:hover .eventImg img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventImg .eventDate{position:absolute;left:0;top:0;background:#FF9900;color:#FFFFFF;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventImg .eventDate span{width:90px;height:90px;font-size:24px;line-height:28px;font-weight:bold;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventImg .eventDate span:last-child:after {display:block;content:"";width:15px;height:21px;position:absolute;top:50%;left:0;margin:-10px 0 0 -7px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowDate.png) no-repeat center center;-webkit-background-size:15px;-moz-background-size:15px;background-size:15px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventText{text-align:left;padding:20px 40px;background:#FFFFFF;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft:hover .eventText{background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventText .eventCat{font-size:16px;line-height:24px;color:#053C70;letter-spacing:0.06em;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft:hover .eventText .eventCat{color:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft .eventText .eventTitre{font-size:24px;line-height:28px;color:#053C70;font-weight:bold;height:84px;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft:hover .eventText .eventTitre{color:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapper .css-events-list{width:100%;height:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
justify-content:space-between;
}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight{padding:0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
justify-content:space-between;
}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock{width:100%;margin-bottom:0px;background:#FFFFFF;position:relative;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock:last-child{margin:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock:hover{background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock > a{position:absolute;left:0;top:0;right:0;bottom:0;text-align:left;text-indent:-999em;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventImg{width:40%;height:125px;overflow:hidden;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventImg img{width:auto;height:150px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventImg img.portrait{width:100%;height:auto;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock:hover .eventImg img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventText{width:60%;text-align:left;padding:15px 15px;background:#FFFFFF;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock:hover .eventText{background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventText .eventCat{font-size:10px;line-height:15px;color:#053C70;letter-spacing:0.06em;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock:hover .eventCat{color:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventText .eventDate{font-size:11px;line-height:16px;color:#FF9900;letter-spacing:0.06em;margin-bottom:5px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventText .eventTitre{font-size:15px;line-height:18px;color:#053C70;font-weight:bold;height:54px;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock:hover .eventTitre{color:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchForm{width:33.33%;padding:0 20px;text-align:left;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchForm .eventSearchFormContainer{background:#000E31;padding:30px 50px;height:100%;margin:0;box-shadow:0 0 10px #000E31;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchForm h3{font-size:30px;line-height:36px;font-weight:bold;color:#FFFFFF;text-align:left;margin:0 0 30px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchFormContainer > a{font-size:24px;line-height:24px;font-weight:400;font-family:'Pacifico',arial,helvetica,sans-serif;color:#FFFFFF;
padding-right:50px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLink.png) no-repeat right center;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;
-webkit-align-self:center;
align-self:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchFormContainer > a:hover{color:#0080C8;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLinkBleuClair.png);}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-events-search{border:none;background:none;padding:0;margin:0;border-radius:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-events-search.has-advanced div.em-search-main{padding:0;border:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-category.em-search-field{padding:0;margin:0 0 15px;background:none;overflow:hidden;border-radius:50px;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-category.em-search-field:after {display:block;content:"";width:48px;height:30px;position:absolute;right:0;top:9px;z-index:1;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgSelect.png) no-repeat center center #FFF;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;border-left:1px solid #053C70;border-radius:0 50px 50px 0;
pointer-events: none;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-category.em-search-field select.em-events-search-category{width:100%;height:48px;line-height:48px;padding:0 15px;color:rgba(5,60,112,0.5);border:none;background:#FFFFFF;
font-size:18px;font-style:italic;font-family:'Lato',arial,helvetica,sans-serif;text-transform:none;-webkit-appearance:none;border-radius:50px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-events-search div.em-search-advanced{padding:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-scope.em-search-field{padding:0;margin:0;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-scope.em-search-field:after {display:block;content:"";width:48px;height:30px;position:absolute;right:0;top:9px;z-index:1;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgSelect.png) no-repeat center center #FFF;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;border-left:1px solid #053C70;border-radius:0 50px 50px 0;
pointer-events: none;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper span.em-search-scope{width:100%;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-scope .labelEndDate{display:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-scope input.em-date-start{width:100%;height:48px;line-height:48px;padding:0 15px;color:rgba(5,60,112,0.5);border:none;background:#FFFFFF;
font-size:18px;font-style:italic;font-family:'Lato',arial,helvetica,sans-serif;text-transform:none;border-radius:50px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-scope input.em-date-start::-webkit-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-scope input.em-date-start:-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-scope input.em-date-start::-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper .em-search-scope input.em-date-start:-ms-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper div.em-search-advanced .em-search-submit{display:block;width:80px;height:80px;border:none;text-indent:-999em;margin:30px auto 20px;cursor:pointer;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgSearchEvents.png) no-repeat center center #053C70;-webkit-background-size:80px;-moz-background-size:80px;background-size:80px;border-radius:80px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .em-search-wrapper div.em-search-advanced .em-search-submit:hover{background-color:#0080C8;}
@media screen and (max-width: 1260px){
#homeWidgetArea .sidebarContainer > li#custom_html-11{padding:60px 20px 100px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchForm h3{font-size:28px;line-height:32px;}
}
@media screen and (max-width: 1023px){	
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore{order:4;
-webkit-justify-content:flex-end;
justify-content:flex-end;
}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapper{width:100%;order:3;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock{margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchForm{width:100%;order:2;margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchForm h3{text-align:center;}
}
@media screen and (max-width: 767px){	
#homeWidgetArea .sidebarContainer > li#custom_html-11 h2{margin-bottom:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapper{order:2;margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchForm{order:1;margin-top:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11{padding:20px 0px 72px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 h2{padding:0 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore{order:3;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore,
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore a{width:100%;padding:0 50px;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore{padding:0 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .custom-html-widget .eventMore a span{width:100%;margin-bottom:0;margin-top:0;height:60px;line-height:60px;}
}
@media screen and (max-width: 640px){	
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapper > div{width:100%;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperLeft{margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventBlock{margin-bottom:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchForm .eventSearchFormContainer{padding:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventSearchFormContainer > a{text-align:center;padding-left:50px;}
#homeWidgetArea .sidebarContainer > li#custom_html-11 .eventListWrapperRight .eventImg{max-width:180px;}
}     #homeWidgetArea .sidebarContainer > li#custom_html-12{width:100%;padding:60px 20px 80px;border:none;margin:0;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgSearchParoisse.jpg) no-repeat center center;text-align:center;position:relative;
-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-12:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .textwidget{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeTitle{width:100%;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeTitle h2{color:#FFFFFF;margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHome{width:33.33%;padding:20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer{width:100%;max-width:430px;background:#000E31;padding:30px 50px;min-height:400px;margin:0;box-shadow:0 0 10px #000E31;
-webkit-align-self:stretch;
align-self:stretch;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer h3{font-size:30px;line-height:36px;font-weight:bold;color:#FFFFFF;text-align:left;margin:0 0 30px;text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer > span{display:block;font-size:25px;line-height:25px;font-weight:bold;color:#FFFFFF;text-align:center;margin:0 0 20px;padding-right:60px;text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form{position:relative;margin-bottom:15px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form:last-child{margin-bottom:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form select{display:block;width:100%;height:50px;line-height:50px;padding:0 15px;border:none;background:#FFFFFF;-webkit-appearance:none;border-radius:50px;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form > div{position:relative;overflow:hidden;padding-right:60px;border-radius:50px;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form > div:after {display:block;content:"";width:50px;height:30px;position:absolute;right:65px;top:10px;border-left:1px solid #053C70;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgSelect.png) no-repeat center center #FFFFFF;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;pointer-events:none;cursor:pointer;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form input[type=text]{width:100%;height:48px;line-height:48px;padding:0 15px;color:rgba(5,60,112,0.5);border:none;background:#FFFFFF;
font-size:18px;font-style:italic;font-family:'Lato',arial,helvetica,sans-serif;text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form input[type=text]:first-child{margin-bottom:15px;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form input[type=text]::-webkit-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form input[type=text]:-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form input[type=text]::-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form input[type=text]:-ms-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form input[type=submit]{display:block;width:50px;height:50px;border:none;text-indent:-999em;margin:0;cursor:pointer;position:absolute;top:0;right:0;z-index:1;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgSearchEvents.png) no-repeat center center #053C70;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;border-radius:80px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer form input[type=submit]:hover{background-color:#0080C8;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActus{width:66.66%;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer > a{display:none!important;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul{list-style:none outside none;margin:0;padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li{width:50%;padding:20px!important;margin:0;overflow:hidden;display:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li:nth-child(1),
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li:nth-child(2){display:block;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .liContent{width:100%;height:100%;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .imageTitle{width:100%;overflow:hidden;position:relative;text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .imageTitle a{display:inline-block;height:320px;overflow:hidden;text-align:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .imageTitle img{width:auto;height:100%;min-width:0;min-height:0;overflow:hidden;display:inline-block;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .imageTitle a img{width:auto;height:100%;min-width:0;min-height:0;overflow:hidden;display:inline-block;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .actuText{width:100%;min-height:165px;padding:20px 40px;background:#FFFFFF;position:relative;text-align:left;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li:hover .actuText{background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .actuText .articleCat{font-size:16px;line-height:24px;color:#053C70;text-transform:uppercase;letter-spacing:0.06em;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li:hover .actuText .articleCat{color:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .actuText .title a{display:block;font-family:'Lato',arial,sans-serif;text-transform:none;font-size:24px;line-height:28px;color:#323232;font-weight:700;padding:0;margin:0;height:84px;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li:hover .actuText .title a{color:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li .liContent > a{display:block;position:absolute;left:0;top:0;right:0;bottom:0;text-align:left;text-indent:-999em;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireActusMore{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireActusMore a{width:100%;padding:0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireActusMore a span{display:block;height:40px;line-height:40px;background:#000E31;color:#FFFFFF;font-size:14px;font-weight:400;
font-family:'Lato',arial,sans-serif;text-transform:uppercase;text-align:center;margin:20px 0 0;padding:0 15px;border-radius:40px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireActusMore a:hover span{background-color:#0080C8;}
@media screen and (max-width: 1260px){
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeTitle h2{margin-top:20px;}
}	
@media screen and (max-width: 1023px){	
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHome{width:50%;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer{max-width:inherit;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActus{width:50%;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li{width:100%;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li:nth-child(2){display:none;}
}
@media screen and (max-width: 767px){
#homeWidgetArea .sidebarContainer > li#custom_html-12{height:auto;padding:60px 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeTitle h2{margin-top:0;margin-bottom:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHome{width:100%;margin:0 auto;padding:10px 0;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer{max-width:100%;min-height:auto;padding:20px 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeContainer h3{font-size:28px;line-height:32px;text-align:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActus{width:100%;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li{width:50%;padding:10px!important;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li:nth-child(1){padding-left:0!important;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li:nth-child(2){display:block;padding-right:0!important;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireActusMore a{width:100%;padding:0 50px;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireActusMore a span{width:100%;margin-bottom:0;margin-top:30px;height:60px;line-height:60px;}
}
@media screen and (max-width: 640px){	
#homeWidgetArea .sidebarContainer > li#custom_html-12 .annuaireSearchHomeActusContainer ul > li{width:100%;padding:10px 0!important;}
} #homeWidgetArea .sidebarContainer > li#custom_html-13{width:100%;height:auto;border:none;padding:20px 0 72px;margin:0;background:#053C70;text-align:center;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-13:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-13:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#FFFFFF;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .custom-html-widget{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-items:center;
align-items:center;
}
#homeWidgetArea .sidebarContainer > li#custom_html-13 h2{color:#FFFFFF;margin-bottom:40px;text-align:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 h2:before{display:inline-block;position:relative;left:10px;top:-10px;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .liensBataille{width:100%;margin:40px 0 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .liensBataille a{display:block;width:100%;margin-bottom:20px;padding:0 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .liensBataille a span{display:block;height:65px;line-height:60px;font-size:20px;font-weight:400;color:#FFFFFF;border:1px solid #FFFFFF;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .liensBataille a:hover span{background:#000E31;border-color:#000E31;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 #notreEveque{width:100%;padding:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .notreEvequeContainer{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .notreEvequeContainer .blockTexte{width:100%;padding:0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .notreEvequeContainer .blockTexte p{color:#FFFFFF;line-height:30px;text-align:left;max-width:430px;text-align:center;max-width:800px;margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .notreEvequeContainer .blockImage{width:100%;padding:0 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .notreEvequeContainer .blockImage img{width:100%;height:auto;}
@media screen and (min-width: 480px){
#homeWidgetArea .sidebarContainer > li#custom_html-13 .liensBataille a{width:50%;margin-bottom:40px;}
}
@media screen and (min-width: 768px){
#homeWidgetArea .sidebarContainer > li#custom_html-13{padding:60px 20px 60px;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .liensBataille a{width:33.33%;}
}
@media screen and (min-width: 1024px){
#homeWidgetArea .sidebarContainer > li#custom_html-13 h2{text-align:left;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 h2:before{display:block;position:absolute;left:-40px;top:-30px;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 #notreEveque{padding:40px 0 0;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .notreEvequeContainer .blockTexte{width:50%;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .notreEvequeContainer .blockTexte p{text-align:left;max-width:430px;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .notreEvequeContainer .blockImage{width:50%;}
}
@media screen and (min-width: 1261px){
#homeWidgetArea .sidebarContainer > li#custom_html-13{padding:60px 60px 100px;}
#homeWidgetArea .sidebarContainer > li#custom_html-13 .liensBataille a{width:20%;margin-bottom:0;}
}
@media screen and (min-width: 1440px){
#homeWidgetArea .sidebarContainer > li#custom_html-13 .liensBataille a span{font-size:22px;}
} #homeWidgetArea .sidebarContainer > li#custom_html-17{width:100%;height:auto;padding:60px 60px 100px;border:none;margin:0;background:#FFFFFF;text-align:center;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-17:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-17:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .custom-html-widget{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-items:center;
align-items:center;
}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .custom-html-widget > h2{margin-bottom:60px;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .batailleMore{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .batailleMore a{width:100%;padding:0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .batailleMore a span{display:block;height:40px;line-height:40px;background:#000E31;color:#FFFFFF;font-size:14px;font-weight:400;
font-family:'Lato',arial,sans-serif;text-transform:uppercase;text-align:center;margin:40px 0 0 0;padding:0 15px;border-radius:40px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .batailleMore a:hover span{background-color:#0080C8;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 #homeVideosList{width:100%;margin:0;padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 #homeVideosList li{width:33.33%;padding:0 20px!important;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 #homeVideosList li iframe{width:100%;height:300px;}
@media screen and (max-width: 1260px){
#homeWidgetArea .sidebarContainer > li#custom_html-17{padding:60px 20px 60px;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 #homeVideosList li{width:50%;margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 #homeVideosList li:last-child{margin-bottom:0;display:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .batailleMore a span{margin-top:0;}
}
@media screen and (max-width: 767px){
#homeWidgetArea .sidebarContainer > li#custom_html-17{padding:20px 0px 72px;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .custom-html-widget > h2{order:1;margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .custom-html-widget > .batailleMore{order:4;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .custom-html-widget > #homeVideosList{order:2;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .batailleMore a{padding:0 50px;
-webkit-justify-content:center;
justify-content:center;
}
#homeWidgetArea .sidebarContainer > li#custom_html-17 .batailleMore a span{width:100%;height:60px;line-height:60px;margin-top:40px;margin-bottom:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 #homeVideosList li{width:100%;margin-bottom:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-17 #homeVideosList li:last-child{margin-bottom:0;display:block;}
}
div.listVideos{width:100%;max-width:1440px;margin:0 auto;padding:0 60px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
div.listVideos .video{width:33.33%;padding:0 20px 40px!important;}
div.listVideos .video:before {display:none!important;}
div.listVideos .video iframe{width:100%;height:260px;}
@media screen and (max-width: 1260px){
div.listVideos{padding:0 20px;}
}
@media screen and (max-width: 1023px){
div.listVideos .video{width:50%;}
}
@media screen and (max-width: 767px){
div.listVideos{padding:0;}
}
@media screen and (max-width: 640px){
div.listVideos .video{width:100%;padding-bottom:20px!important;}
}
.paginationVideos{width:100%;padding:0 20px;margin-bottom:80px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
.paginationVideos ul{margin:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;
}
.paginationVideos ul li{padding:0!important;}
.paginationVideos ul li:before {display:none!important;}
.paginationVideos ul li span,
.paginationVideos ul li > a{display:block;width:50px;height:50px;line-height:46px;text-align:center;background:none;color:#053C70;font-weight:400;border:1px solid #FFFFFF;margin:0 1px;}
.portailJeunes .paginationVideos ul li > a{color:#0080C8;}
.paginationVideos ul li:hover > a,
.paginationVideos ul li.active > a{font-weight:bold;border-color:#053C70;}
.portailJeunes .paginationVideos ul li:hover > a,
.portailJeunes .paginationVideos ul li.active > a{border-color:#0080C8;}
.paginationVideos ul li span{font-weight:bold;}
@media screen and (max-width: 1023px){
.paginationVideos{margin-bottom:40px;}
}
@media screen and (max-width: 580px){	
.paginationVideos{max-width:300px;margin-left:auto;margin-right:auto;}
} #homeWidgetArea .sidebarContainer > li#custom_html-14{width:100%;height:auto;padding:80px 80px 80px;border:none;margin:0;background:#0080C8;text-align:center;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-14:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-14:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 h2{color:#FFFFFF;font-family:'Yanone Kaffeesatz',arial,helvetica,sans-serif;font-size:72px;line-height:88px;font-weight:400;text-align:left;margin:0 0 30px;padding-top:190px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoJeunesCatho.png) no-repeat center top;-webkit-background-size:270px;-moz-background-size:270px;background-size:270px;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 h2:before {display:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 h2 span{display:block;overflow:hidden;height:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .link a{background-color:transparent;border:2px solid #FFFFFF;line-height:66px;padding-right:60px;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .link a:hover{background-color:#FFFFFF;color:#0080C8;padding-right:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer{width:100%;max-width:1280px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer > div{width:50%;padding:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer .blockTitre{padding-left:20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer .blockImage{padding-right:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer .blockImageContainer{height:450px;overflow:hidden;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer .blockImage img{width:auto;height:450px;}
@media screen and (max-width: 1260px){
#homeWidgetArea .sidebarContainer > li#custom_html-14{padding:80px 40px;}
}
@media screen and (max-width: 900px){
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer > div{width:100%;padding:0!important;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer .blockImage{margin-bottom:40px;}
}
@media screen and (max-width: 767px){
#homeWidgetArea .sidebarContainer > li#custom_html-14{padding:70px 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer .blockImageContainer{height:320px;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .jeunesCathoContainer .blockImage img{height:320px;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .link{padding:0 30px;}
#homeWidgetArea .sidebarContainer > li#custom_html-14 .link a{max-width:100%;height:60px;line-height:56px;}
}
@media screen and (max-width: 479px){
#homeWidgetArea .sidebarContainer > li#custom_html-14 .link a{background-image:none;padding:0 20px;}
} #homeWidgetArea .sidebarContainer > li#custom_html-15{width:100%;height:auto;padding:80px 60px 80px;border:none;margin:0;background:rgba(5,60,112,0.05);text-align:center;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-15:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-15:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 h2{margin-top:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks{margin:40px 0 40px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a{display:block;width:calc(25% - 40px);max-width:290px;height:290px;margin:0 20px 40px;padding:200px 10px 30px 40px;font-size:24px;line-height:30px;color:#FFFFFF;text-align:left;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a.poleenfant{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoPoleEnfant.png) no-repeat center 40px rgba(156,65,74,1);-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a.polediaconie{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoPoleDiaconie.png) no-repeat center 40px rgba(196,191,151,1);-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a.poleadultes{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoPoleAdultes.png) no-repeat center 40px rgba(0,131,185,1);-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a.poledelegations{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoPoleDelegations.png) no-repeat center 40px rgba(230,180,40,1);-webkit-background-size:210px;-moz-background-size:210px;background-size:210px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a.poleenfant:hover{background-color:rgba(156,65,74,0.5);}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a.polediaconie:hover{background-color:rgba(196,191,151,0.5);}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a.poleadultes:hover{background-color:rgba(0,131,185,0.5);}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a.poledelegations:hover{background-color:rgba(230,180,40,0.5);}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .link a{background-color:#323232;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowLinkBleuTransparent.png);border:2px solid #323232;padding-right:60px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .link a:hover{background-color:rgb(242,245,248);color:#323232;padding-right:20px;}
@media screen and (max-width: 1439px){
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a{width:calc(50% - 40px);max-width:100%;}
}
@media screen and (max-width: 1260px){	
#homeWidgetArea .sidebarContainer > li#custom_html-15{padding:80px 20px;}
}
@media screen and (max-width: 767px){
#homeWidgetArea .sidebarContainer > li#custom_html-15{padding:70px 0px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks{margin:20px 0 0;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a{width:100%;margin:0 20px 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .link{padding:0 50px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .link a{max-width:100%;height:60px;line-height:60px;}
}
@media screen and (max-width: 659px){
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a{margin-bottom:20px;padding:200px 10px 30px 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-15 .poleLinks a:last-child{margin-bottom:40px;}
}
@media screen and (max-width: 479px){
#homeWidgetArea .sidebarContainer > li#custom_html-15 .link a{background-image:none;padding:0 20px;}
} #homeWidgetArea .sidebarContainer > li#custom_html-18{display:block;width:100%;height:auto;padding:60px 60px 100px;border:none;margin:0;background:#69ABBC;text-align:center;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-18:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-18:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .custom-html-widget{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-items:center;
align-items:center;
}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTitre{width:100%;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTitre h2{color:#FFFFFF;margin-bottom:60px;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTexte{width:50%;padding:0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTexte p:not(.link){color:#FFFFFF;text-align:left;line-height:30px;max-width:100%;margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTexte p.link{padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;
}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTexte p.link a{background-color:transparent;border:2px solid #FFFFFF;line-height:66px;padding-right:60px;margin:0 20px 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTexte p.link a:hover{background-color:#FFFFFF;color:#69ABBC;padding-right:20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTexte p.link a:first-child{max-width:200px;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTexte p.link a:last-child{margin-bottom:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockImage{width:50%;padding:0 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockImage img{width:100%;height:auto;}
@media screen and (max-width: 1260px){
#homeWidgetArea .sidebarContainer > li#custom_html-18{padding:60px 20px 60px;}
}
@media screen and (max-width: 1023px){	
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockTexte{width:100%;padding:0 20px 40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-18 .formesAbusContainer .blockImage{width:100%;padding:0 20px;}
}
@media screen and (max-width: 767px){	
#homeWidgetArea .sidebarContainer>li#custom_html-18{padding:20px 0px 72px;}
} #homeWidgetArea .sidebarContainer > li#custom_html-16{width:100%;height:auto;padding:60px 60px 60px;border:none;margin:0;background:#FFFFFF;text-align:center;position:relative;}
#homeWidgetArea .sidebarContainer > li#custom_html-16:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook{width:33.33%;padding:0 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook h2{text-align:left;text-indent:-999em;display:block;width:106px;height:106px;margin:0 auto 40px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoHomeFacebook.png) no-repeat center center;-webkit-background-size:106px;-moz-background-size:106px;background-size:106px;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook h2:before{display:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook .cff-likebox{margin-top:0;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook .cff-header-hero > img{margin-top:0!important;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook #cff .cff-author .cff-page-name.cff-author-date{font-size:16px;line-height:19px;color:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook #cff .cff-author .cff-page-name.cff-author-date a{font-size:16px;line-height:19px;color:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook #cff.cff-default-styles .cff-author .cff-date{font-size:12px;line-height:22px;color:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook #cff.cff-default-styles .cff-post-text{font-size:14px;line-height:22px;color:#323232;text-align:justify;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook #cff.cff-default-styles .cff-post-links{font-size:12px;line-height:22px;color:#323232;float:right;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook #cff.cff-default-styles .cff-post-links a{font-weight:400;color:#323232;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook #cff.cff-default-styles .cff-post-links a:hover{color:#053C70;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram{width:66.66%;padding:0 20px;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram h2{text-align:left;text-indent:-999em;display:block;width:106px;height:106px;margin:0 auto 40px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoHomeInstagram.png) no-repeat center center;-webkit-background-size:106px;-moz-background-size:106px;background-size:106px;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram h2:before{display:none;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram #sb_instagram{max-width:1920px;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram #sb_instagram .sbi_photo_wrap{overflow:hidden;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram #sb_instagram a{opacity:1!important;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram #sb_instagram a:hover{opacity:1!important;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram #sb_instagram a:before {display:block;content:"";width:100%;height:100%;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgPhotoInstag.png) no-repeat center center rgba(0,0,0,0.5);position:absolute;left:0;top:0;opacity:0;
-webkit-background-size:100px;-moz-background-size:100px;background-size:100px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram #sb_instagram a:hover:before {opacity:1;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram #sb_instagram svg:not(:root).svg-inline--fa{display:none !important;}
@media screen and (max-width: 1260px){	
#homeWidgetArea .sidebarContainer > li#custom_html-16{padding:60px 20px 60px;}
}
@media screen and (max-width: 1023px){	
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeFacebook{width:100%;max-width:400px;margin-bottom:40px;}
#homeWidgetArea .sidebarContainer > li#custom_html-16 .textwidget #homeInstagram{width:100%;}
}
@media screen and (max-width: 767px){	
#homeWidgetArea .sidebarContainer > li#custom_html-16{padding:70px 0 40px;}
}
#asideSliderUL .imageTitle img{width:100%;height:auto;margin:0 auto;}
#asideSliderUL .caption{background:#ccc;padding:20px;}
#asideSliderUL .caption h3{margin-top:0;text-align:left;}  #bgNewsContainer{width:100%;background:#FAFAFA;padding:20px 20px;}
#newsContainer{width:100%;max-width:1320px;margin:0 auto;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#newsContainer .gridActus-sizer{width:33.33%;}
#newsContainer .mouvement,
#newsContainer .page,
#newsContainer .post{width:33.33%;padding:0 20px 40px;}
#newsContainer .articleContent{width:100%;background:#FFFFFF;position:relative;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#newsContainer .articleContent:hover{background:#053C70;}
#newsContainer .type-page.tag-portail-jeunes .articleContent:hover{background:#0080C8;}
.portailJeunes #newsContainer .articleContent:hover{background:#0080C8;}
#newsContainer .articleContent .articleImg{width:100%;height:290px;overflow:hidden;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content:center;
align-content:center;
-webkit-justify-content:center;
justify-content:center;}
#newsContainer .articleContent .articleImg > div{height:100%;
-webkit-align-items:flex-start;
align-items:flex-start;}
#newsContainer .articleContent .articleImg img{width:auto;height:100%;
-webkit-align-items:flex-start;
align-items:flex-start;}
#newsContainer .articleContent .articleText{min-height:130px;padding:20px 30px;}
#newsContainer .articleContent .articleText .articleCat{font-size:16px;line-height:20px;color:#323232;margin:0;padding:0;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#newsContainer .articleContent:hover .articleText .articleCat{color:#FFFFFF;}
#newsContainer .articleContent .articleText h2{font-size:24px;line-height:28px;color:#053C70;margin:0;padding:0;text-align:left;font-weight:700;text-transform:none;height:84px;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes #newsContainer .articleContent .articleText h2{color:#0080C8;}
#newsContainer .articleContent:hover .articleText h2{color:#FFFFFF;}
#newsContainer .articleContent .articleText h2:before {display:none;}
#newsContainer .articleContent .articleText > a{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;text-indent:-999em;}
#newsContainer .hentry:not(.mouvement):nth-child(2){width:100%;}
#newsContainer .hentry:not(.mouvement):nth-child(2) .articleContent{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content:center;
align-content:center;
}
#newsContainer .hentry:not(.mouvement):nth-child(2) .articleContent .articleImg{width:65.5%;min-height:400px;}
#newsContainer .hentry:not(.mouvement):nth-child(2) .articleContent .articleText{width:34.5%;}
@media screen and (max-width: 1023px){
#newsContainer .gridActus-sizer{width:50%;}
#newsContainer .mouvement,
#newsContainer .post{width:50%;}
#newsContainer .articleContent .articleText h2{font-size:20px;line-height:24px;}
}
@media screen and (max-width: 767px){
#bgNewsContainer{padding:20px 0;}
#newsContainer .hentry:not(.mouvement):nth-child(2) .articleContent .articleText h2{height:auto;}
}
@media screen and (max-width: 640px){
#newsContainer .mouvement,
#newsContainer .post{padding-bottom:20px;width:100%;}
#newsContainer .post-sizer{width:100%;}
#newsContainer .hentry:not(.mouvement):nth-child(2) .articleContent .articleImg,
#newsContainer .post:nth-child(2) .articleContent .articleImg{width:100%;min-height:inherit;}
#newsContainer .hentry:not(.mouvement):nth-child(2) .articleContent .articleText,
#newsContainer .post:nth-child(2) .articleContent .articleText{width:100%;}
} .filtreIsotope{width:100%;max-width:1360px;padding:0 40px;margin:0 auto;position:relative;margin-top:-60px;z-index:2;}
.category-jeunes .filtreIsotope{display:none;}
.filtreIsotope .filtreNav{width:100%;max-width:400px;height:60px;background:#053C70;color:#FFFFFF;cursor:pointer;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.portailJeunes .filtreIsotope .filtreNav{background:#0080C8;}
.filtreIsotope .filtreNav span.traits{width:50px;height:60px;position:relative;margin-left:20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:flex-start;
align-items:flex-start;}
.filtreIsotope .filtreNav span.traits span{display:block;width:30px;height:2px;margin:4px 0 3px 10px;background:#FFFFFF;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.filtreIsotope .filtreNav span.traits span:nth-child(2){width:25px;}
.filtreIsotope .filtreNav span.traits span:nth-child(3){width:28px;}
.filtreIsotope:hover .filtreNav span.traits span:nth-child(2){width:30px;}
.filtreIsotope:hover .filtreNav span.traits span:nth-child(3){width:30px;}
.filtreIsotope .filtreNav span.titre{display:block;padding:20px;line-height:20px;font-size:18px;text-transform:uppercase;}
.filtreIsotope .filter-button-group{width:100%;max-width:400px;height:0;overflow:hidden;background:#053C70;position:absolute;left:40px;top:100%;z-index:1;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes .filtreIsotope .filter-button-group{background:#0080C8;}
.filtreIsotope .filter-button-group.open{height:auto;}
.filtreIsotope .filter-button-group button{display:block;width:100%;height:60px;line-height:60px;border:none;background:none;padding:0 40px;position:relative;
text-align:left;text-transform:uppercase;color:#FFFFFF;font-size:16px;cursor:pointer;font-family:'Lato',arial,helvetica,sans-serif;overflow:hidden;}
.filtreIsotope .filter-button-group button:hover{background:#000E31;}
.portailJeunes .filtreIsotope .filter-button-group button:hover{background:#00409D;}
.filtreIsotope .filter-button-group button:after {display:block;content:"";height:1px;position:absolute;left:20px;right:20px;bottom:0;background:#FFFFFF;}
.filtreIsotope .filter-button-group button:last-child:after {display:none;}
.filtreIsotope .filter-button-group a{order:2;display:block;width:100%;height:60px;line-height:60px;border:none;background:none;padding:0 40px;position:relative;font-weight:400;
text-align:left;text-transform:uppercase;color:#FFFFFF;font-size:16px;cursor:pointer;font-family:'Lato',arial,helvetica,sans-serif;}
.filtreIsotope .filter-button-group a[title=Actualités]{order:1;}
.filtreIsotope .filter-button-group a.hideCategorie{display:none;}
.filtreIsotope .filter-button-group a:hover{background:#000E31;}
.portailJeunes .filtreIsotope .filter-button-group a:hover{background:#00409D;}
.filtreIsotope .filter-button-group a:after {display:block;content:"";height:1px;position:absolute;left:20px;right:20px;bottom:0;background:#FFFFFF;}
.filtreIsotope .filter-button-group a:last-child:after {display:none;}
@media screen and (max-width: 767px){	
.filtreIsotope{padding:0 20px;}
.filtreIsotope .filter-button-group{width:auto;max-width:inherit;left:20px;right:20px;}
}
.single .flexContainer{width:100%;max-width:1440px;margin:0 auto;text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.single .contenu-article{width:69.5%;margin:0;padding:0 40px 0 0;}
.single .contenu-article .articleThumbnail{margin-bottom:20px;}
.single .flexContainerFull .contenu-article{width:100%;padding:0;}
.single #actusWidgetArea{width:30.5%;margin:0;padding:0;}
.single .actusWidgetAreaContainer{padding:0;}
.single .actusWidgetAreaContainer > ul{margin:0;}
.single .actusWidgetAreaContainer > ul > li{padding:20px!important;background:#F5F5F5;margin-bottom:20px;}
.single .actusWidgetAreaContainer > ul > li:before{display:none!important;}
.single .actusWidgetAreaContainer > ul > li h2{margin-top:0;font-size:25px;line-height:30px;text-transform:uppercase;}
.single .actusWidgetAreaContainer > ul > li li{text-align:left;}
.single .actusWidgetAreaContainer h2.widgettitle{font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:2px;font-weight:500;border-bottom:1px solid #464646;text-align:left;}
.single .actusWidgetAreaContainer h2.widgettitle:before{display:none;}
.single .actusWidgetAreaContainer ul.article_rightlist li{padding:15px 0!important;border-bottom:1px solid #464646;}
.single .actusWidgetAreaContainer ul.article_rightlist li:before{display:none!important;}
.single .actusWidgetAreaContainer ul.article_rightlist li:first-child{padding-top:0;}
.single .actusWidgetAreaContainer ul.article_rightlist li:last-child{padding-bottom:0;border:none;}
.single .actusWidgetAreaContainer ul.article_rightlist li h3{font-size:16px;line-height:20px;font-weight:400;margin:0 0 5px;text-align:left;color:#323232;}
.single .actusWidgetAreaContainer ul.article_rightlist li h3 a{color:#323232;font-weight:400;}
.single .actusWidgetAreaContainer ul.article_rightlist li h3 a:hover{color:#999999;}
.single .actusWidgetAreaContainer ul.article_rightlist li .articleDate{font-size:13px;font-weight:400;letter-spacing:2px;color:#969696;}
.single .actusWidgetAreaContainer .widget_categories ul li{padding:3px 0!important;}
.single .actusWidgetAreaContainer .widget_categories ul li:before{display:none!important;}
.single .actusWidgetAreaContainer .widget_categories ul li a{font-weight:400;color:#323232;}
.single .actusWidgetAreaContainer .widget_categories ul li a:hover{color:#999999;}
.single .contenu-article img{height:auto;margin:0 auto;}
.single .contenu-article img.alignleft{margin:0 20px 10px 0;}
.single .contenu-article img.alignright{margin:0 0 10px 20px;}
.single .contenu-article .printBtn{margin:40px 0;cursor:pointer;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/print.png) no-repeat left center;color:#323232;padding:10px 10px 10px 40px;line-height:20px;font-family:'Lato',arial,sans-serif;font-size:16px;font-weight:400;}
.single .contenu-article .processGalerie .gallery{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.single .contenu-article .processGalerie .gallery > figure{margin-right:10px;}
.single .contenu-article .processGalerie img{width:100%;max-width:150px;height:auto;margin:0;}
.single .contenu-article h1,
.single .contenu-article h2,
.single .contenu-article h3,
.single .contenu-article p {text-align:left;}
.single .contenu-article p:first-child{margin:0;}
.single .contenu-article h2:before {left:0;margin:0;}
.single .contenu-article ul{text-align:left;margin-bottom:20px;}
.single .norm_row{text-align:center!important;float:none;left:50%;margin-left:-112px;}
.single .contenu-article .album{width:100%;padding:40px 30px;background:#F5F5F5;margin-bottom:20px;}
.single .contenu-article .album h2{margin-top:0;}
.single .contenu-article .album ul{list-style:none outside none;}
.single .contenu-article .album ul li{width:25%;padding:0 5px!important;margin:0;overflow:hidden;}
.single .contenu-article .album ul li:before {display:none!important;}
.single .contenu-article .album ul li a{overflow:hidden;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
.single .contenu-article .album ul li img{width:auto;min-height:200px;}
@media screen and (max-width: 1280px){
.single .contenu-article{min-height:initial;}
}
@media screen and (max-width: 1023px){
.single .contenu-article{width:100%;padding:0;}
} #eventSingle{width:100%;padding:60px 60px 100px;margin:0;border:none;background:#053C70;text-align:center;position:relative;}
.single-post #eventSingle{background:#FFFFFF;}
#eventSingle:before {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#FFFFFF;}
#eventSingle:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#FFFFFF;}
.single-post #eventSingle:before{background:#053C70;}
.single-post.portailJeunes  #eventSingle:before{background:#0080C8;}
.single-post #eventSingle:after{display:none;}
.single-location #eventSingle:before{top:-32px;background:#053C70;}
.single-location #eventSingle:after{top:0;bottom:inherit;background:#FFFFFF;}
#eventSingle h2{color:#FFFFFF;margin-bottom:60px;}
.single-post #eventSingle h2{color:#053C70;}
.single-post.portailJeunes  #eventSingle h2{color:#0080C8;}
#eventSingle .eventSingleContainer{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#eventSingle .eventSingleContainer .eventMore{width:100%;order:2;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#eventSingle .eventSingleContainer .eventMore a{width:100%;padding:0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#eventSingle .eventSingleContainer .eventMore a span{display:block; height:40px;line-height:40px;background:#000E31;color:#FFFFFF;font-size:14px;font-weight:400;padding:0 15px;
font-family:'Lato',arial,sans-serif;text-transform:uppercase;text-align:center;margin:40px 0 0 0;border-radius:40px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes #eventSingle .eventSingleContainer .eventMore a span{background-color:#00409D;}
#eventSingle .eventSingleContainer .eventMore a:hover span{background-color:#0080C8;}
#eventSingle .eventListWrapper{width:100%;order:1;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#eventSingle .eventListWrapper > div{width:33.33%;text-align:left;}
#eventSingle .eventListWrapperLeft{padding:0 20px;}
#eventSingle .eventListWrapperLeft .eventBlock{background:#FFFFFF;height:100%;position:relative;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#eventSingle .eventListWrapperLeft:hover .eventBlock{background:#053C70;}
#eventSingle .eventListWrapperLeft .eventBlock > a{position:absolute;left:0;top:0;right:0;bottom:0;text-align:left;text-indent:-999em;}
#eventSingle .eventListWrapperLeft .eventImg{width:100%;height:290px;overflow:hidden;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#eventSingle .eventListWrapperLeft .eventImg img{width:auto;height:290px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#eventSingle .eventListWrapperLeft .eventImg img.portrait{width:100%;height:auto;}
#eventSingle .eventListWrapperLeft:hover .eventImg img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);}
#eventSingle .eventListWrapperLeft .eventImg .eventDate{position:absolute;left:0;top:0;background:#FF9900;color:#FFFFFF;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#eventSingle .eventListWrapperLeft .eventImg .eventDate span{width:90px;height:90px;font-size:24px;line-height:28px;font-weight:bold;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
#eventSingle .eventListWrapperLeft .eventImg .eventDate span:nth-child(2):after {display:block;content:"";width:15px;height:21px;position:absolute;top:50%;left:0;margin:-10px 0 0 -7px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowDate.png) no-repeat center center;-webkit-background-size:15px;-moz-background-size:15px;background-size:15px;}
#eventSingle .eventListWrapperLeft .eventText{text-align:left;padding:20px 40px;background:#FFFFFF;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#eventSingle .eventListWrapperLeft:hover .eventText{background:#053C70;}
.portailJeunes #eventSingle .eventListWrapperLeft:hover .eventText{background:#0080C8;}
#eventSingle .eventListWrapperLeft .eventText .eventCat{font-size:16px;line-height:24px;color:#053C70;letter-spacing:0.06em;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes #eventSingle .eventListWrapperLeft .eventText .eventCat{color:#0080C8;}
#eventSingle .eventListWrapperLeft:hover .eventText .eventCat{color:#FFFFFF;}
#eventSingle .eventListWrapperLeft .eventText .eventTitre{font-size:24px;line-height:28px;color:#053C70;font-weight:bold;height:84px;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes #eventSingle .eventListWrapperLeft .eventText .eventTitre{color:#0080C8;}
#eventSingle .eventListWrapperLeft:hover .eventText .eventTitre{color:#FFFFFF;}
#eventSingle .eventListWrapperRight{padding:0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
justify-content:space-between;
}
#eventSingle .eventListWrapperRight .eventBlock{width:100%;margin-bottom:0px;background:#FFFFFF;position:relative;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#eventSingle .eventListWrapperRight .eventBlock:last-child{margin:0;}
#eventSingle .eventListWrapperRight .eventBlock:hover{background:#053C70;}
.portailJeunes #eventSingle .eventListWrapperRight .eventBlock:hover{background:#0080C8;}
#eventSingle .eventListWrapperRight .eventBlock > a{position:absolute;left:0;top:0;right:0;bottom:0;text-align:left;text-indent:-999em;}
#eventSingle .eventListWrapperRight .eventImg{width:40%;height:125px;overflow:hidden;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#eventSingle .eventListWrapperRight .eventImg > div{height:100%;}
#eventSingle .eventListWrapperRight .eventImg img{width:auto;height:100%;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#eventSingle .eventListWrapperRight .eventImg img.portrait{width:100%;height:auto;}
#eventSingle .eventListWrapperRight .eventBlock:hover .eventImg img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);}
#eventSingle .eventListWrapperRight .eventText{width:60%;text-align:left;padding:15px 20px;background:#FFFFFF;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#eventSingle .eventListWrapperRight .eventBlock:hover .eventText{background:#053C70;}
.portailJeunes #eventSingle .eventListWrapperRight .eventBlock:hover .eventText{background:#0080C8;}
#eventSingle .eventListWrapperRight .eventText .eventCat{font-size:10px;line-height:15px;color:#053C70;letter-spacing:0.06em;text-transform:uppercase;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes #eventSingle .eventListWrapperRight .eventBlock .eventCat{color:#0080C8;}
#eventSingle .eventListWrapperRight .eventBlock:hover .eventCat{color:#FFFFFF;}
#eventSingle .eventListWrapperRight .eventText .eventDate{font-size:12px;line-height:16px;color:#FF9900;letter-spacing:0.06em;margin-bottom:5px;}
#eventSingle .eventListWrapperRight .eventText .eventTitre{font-size:15px;line-height:18px;color:#053C70;font-weight:bold;height:54px;overflow:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.portailJeunes #eventSingle .eventListWrapperRight .eventBlock .eventTitre{color:#0080C8;}
#eventSingle .eventListWrapperRight .eventBlock:hover .eventTitre{color:#FFFFFF;}
@media screen and (max-width: 1260px){
#eventSingle{padding:40px 20px 80px;}
}
@media screen and (max-width: 1200px){
#eventSingle .eventListWrapper > div{width:50%;}
#eventSingle .eventListWrapper > div.eventListWrapperLeft{margin-bottom:40px;}
#eventSingle .eventListWrapper > div.eventListWrapperRight{width:100%;padding:0;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#eventSingle .eventListWrapperRight .eventBlock{width:33.33%;border-left:20px solid #053C70;border-right:20px solid #053C70;}
.single-post #eventSingle .eventListWrapperRight .eventBlock{border-left:20px solid #FFFFFF;border-right:20px solid #FFFFFF;}
}
@media screen and (max-width: 1023px){
#eventSingle .eventListWrapperRight .eventBlock{width:50%;margin-bottom:40px;}	
}
@media screen and (max-width: 767px){
#eventSingle{padding:40px 0 40px;}
.page-id-1869 #eventSingle{padding:40px 0 72px;}
#eventSingle h2{padding:0 20px;margin-top:0;margin-bottom:20px;}
#eventSingle .eventListWrapper{order:1;padding-top:20px;padding-bottom:40px;}
#eventSingle .eventSingleContainer .eventMore{order:2;}
#eventSingle .eventSingleContainer .eventMore a{width:100%;padding:0 50px;}
#eventSingle .eventSingleContainer .eventMore a span{width:100%;height:60px;line-height:60px;margin:0;}
}
@media screen and (max-width: 640px){	
#eventSingle .eventListWrapper > div{width:100%;}
#eventSingle .eventListWrapper > div.eventListWrapperLeft{margin-bottom:20px;}
#eventSingle .eventListWrapperRight .eventBlock{width:100%;margin-bottom:20px;}
}
#arve .arve-wrapper, #tinymce .arve-wrapper{margin-left:auto!important;margin-right:auto!important;margin-bottom:20px!important;}
.single #contenu .socialShortcode{width:100%;max-width:1600px;margin:0 auto;text-align:center;padding:40px 80px 0;}
.single #contenu #contnavigation{width:100%;max-width:1440px;height:auto;margin:60px auto 0;padding:0 80px 80px;position:relative;}
.single #contenu #contnavigation:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
.single.portailJeunes  #contenu #contnavigation:after {background:#0080C8;}
.single #contenu #contnavigation #navigation{width:100%;margin:0 auto;border-top:1px solid #323232;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.single #contenu #contnavigation #navigation span{display:block;width:50%;height:auto;}
.single #contenu #contnavigation #navigation span.precedent{text-align:left;background:#FFFFFF;}
.single #contenu #contnavigation #navigation span.suivant{text-align:right;}
.single #contenu #contnavigation #navigation span a{display:inline-block;height:40px;line-height:40px;background:#8A8A8A;color:#FFFFFF;font-size:14px;font-weight:400;padding:0 15px;
font-family:'Lato',arial,sans-serif;text-transform:uppercase;text-align:center;margin:40px 0 32px 0;border-radius:40px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.single #contenu #contnavigation #navigation span a:hover{background-color:#323232;}
@media screen and (max-width: 1260px){
.single #contenu #contnavigation{padding:0 40px 80px;}
}
@media screen and (max-width: 1023px){
.single #contenu #contnavigation{margin-top:20px;}
}
@media screen and (max-width: 767px){
.single #contenu #contnavigation{padding:0 20px 40px;}
.single #contenu #contnavigation #navigation{padding-left:30px;padding-right:30px;}
}
@media screen and (max-width: 479px){	
.single #contenu #contnavigation #navigation{padding:30px 30px 22px;}
.single #contenu #contnavigation #navigation span{width:100%;}
.single #contenu #contnavigation #navigation span a{width:100%;margin:10px 0;height:60px;line-height:60px;}
}
.blog #contenu #contnavigation{width:100%;max-width:1440px;height:auto;margin:60px auto 0;padding:0 80px 80px;}
.blog #contenu #contnavigation:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
.blog #contenu #contnavigation #navigation{width:100%;margin:0 auto;border-top:1px solid #323232;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.blog #contenu #contnavigation #navigation span{display:block;width:50%;height:auto;}
.blog #contenu #contnavigation #navigation span.precedent{text-align:left;background:#FFFFFF;}
.blog #contenu #contnavigation #navigation span.suivant{text-align:right;}
.blog #contenu #contnavigation #navigation span a{display:block;padding:20px 20px;background:#FFFFFF;color:#323232;font-weight:400;}
.blog #contenu #contnavigation #navigation span.precedent a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgNewsPrev.png) no-repeat left center;-webkit-background-size:17px;-moz-background-size:17px;background-size:17px;}
.blog #contenu #contnavigation #navigation span.suivant a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgNewsNext.png) no-repeat right center;-webkit-background-size:17px;-moz-background-size:17px;background-size:17px;}
.blog #contenu #contnavigation #navigation span a:hover{color:#5178B4;}
.blog #contenu #contnavigation #navigation span.precedent a:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgNewsPrevH.png);}
.blog #contenu #contnavigation #navigation span.suivant a:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgNewsNextH.png);}
.archive #contenu #contnavigation{width:100%;max-width:1440px;height:auto;margin:60px auto 0;padding:0 80px 80px;}
.archive #contenu #contnavigation:after {display:block;content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:#053C70;}
.archive #contenu #contnavigation.infiniteScrollNav{display:none;}
.archive #contenu #contnavigation #navigation{width:100%;margin:0 auto;border-top:1px solid #323232;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.archive #contenu #contnavigation #navigation span{display:block;width:50%;height:auto;}
.archive #contenu #contnavigation #navigation span.precedent{text-align:left;background:#FFFFFF;}
.archive #contenu #contnavigation #navigation span.suivant{text-align:right;}
.archive #contenu #contnavigation #navigation span a{display:block;padding:20px 20px;background:#FFFFFF;color:#323232;font-weight:400;}
.archive #contenu #contnavigation #navigation span.precedent a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgNewsPrev.png) no-repeat left center;-webkit-background-size:17px;-moz-background-size:17px;background-size:17px;}
.archive #contenu #contnavigation #navigation span.suivant a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgNewsNext.png) no-repeat right center;-webkit-background-size:17px;-moz-background-size:17px;background-size:17px;}
.archive #contenu #contnavigation #navigation span a:hover{color:#5178B4;}
.archive #contenu #contnavigation #navigation span.precedent a:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgNewsPrevH.png);}
.archive #contenu #contnavigation #navigation span.suivant a:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgNewsNextH.png);}
@media screen and (max-width: 1080px){
#actualites > ul > li .imageTitle .date{width:90px;height:90px;right:20px;top:20px;}
#actualites > ul > li .imageTitle .date span{font-size:30px;line-height:30px;}
#actualites > ul > li .actuText{height:190px;}
#actualites > ul > li .actuText .title{min-height:90px;margin-bottom:50px;}
#actualites > ul > li .actuText .title a{font-size:30px;line-height:30px;}
#actualites > ul > li .actuText .lcp_excerpt p{font-size:18px;line-height:30px;}
#actualites > ul > li .actuText .contenuActuText > a{font-size:18px;line-height:18px;}
#actualites > ul > li .actuText .masqueActuText{max-height:190px;}
#actualites > ul > li:hover .actuText .masqueActuText{max-height:100%;}
}
@media screen and (max-width: 900px){
#actualites > ul > li .actuText{padding:0;}
#actualites > ul > li .actuText .masqueActuText{padding:50px 30px;}
#actualites{padding-bottom:60px;}
#actualites > a{width:64px;height:64px;margin-left:-32px;-webkit-background-size:64px;-moz-background-size:64px;background-size:64px;}
}
@media screen and (max-width: 767px){
#actualites > ul > li{width:100%;max-width:700px;padding:0;}
#actualites > ul > li:first-child{margin-bottom:30px;}
#actualites > ul > li:last-child{padding:0;}
}
@media screen and (max-width: 400px){
#actualites{padding-bottom:30px;}
#actualites > ul > li .imageTitle .date{width:60px;height:60px;}
#actualites > ul > li .imageTitle .date span{font-size:20px;line-height:20px;}
#actualites > ul > li .actuText{height:120px;}
#actualites > ul > li .actuText .title{min-height:60px;margin-bottom:30px;}
#actualites > ul > li .actuText .title a{font-size:20px;line-height:20px;}
#actualites > ul > li .actuText .lcp_excerpt p{font-size:16px;line-height:20px;}
#actualites > ul > li .actuText .contenuActuText > a{font-size:16px;line-height:16px;}
#actualites > ul > li .actuText .masqueActuText{max-height:120px;padding:30px 20px;}
#actualites > ul > li:hover .actuText .masqueActuText{max-height:100%;}
#actualites > a{width:40px;height:40px;position:relative;bottom:initial;left:initial;margin:20px auto 0;
-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
} #homeJeunes{width:100%;padding:80px 80px 120px;text-align:center;}
#homeJeunes h1{display:inline-block;font-size:45px;line-height:50px;font-family:'Lato',arial,helvetica,sans-serif;font-weight:700;margin:0 0 60px;padding:0;color:#323232;text-align:center;position:relative;text-transform:uppercase;}
#homeJeunes h1:before {display:block;content:"";width:50px;height:70px;position:absolute;left:-40px;top:-30px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgTitreH2.png) no-repeat center center;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;}
#homeJeunes .linkHomeJeunes{display:block;width:180px;height:44px;line-height:44px;background:#8A8A8A;color:#FFFFFF;font-size:14px;font-weight:400;
font-family:'Lato',arial,sans-serif;text-transform:uppercase;text-align:center;margin:-40px auto 120px auto;padding:0 15px;border-radius:50px;}
#homeJeunes .linkHomeJeunes:hover{background-color:#323232;}
#homeJeunes .photoHomeJeunes{width:100%;height:450px;position:relative;margin:80px 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeJeunes .photoHomeJeunes .blockImage{width:auto;max-width:1280px;height:450px;overflow:hidden;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-content:center;
align-content:center;}
#homeJeunes .photoHomeJeunes .blockImage img{width:auto;height:100%;max-width:inherit;
-webkit-align-self:center;
align-self:center;}
#homeJeunes .photoHomeJeunes .blockText{width:100%;max-width:720px;height:450px;}
#homeJeunes .photoHomeJeunes .blockTextContainer{width:100%;height:100%;padding:60px 80px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeJeunes .photoHomeJeunes .blockTextContainer h2{margin:0 0 60px;font-size:45px;line-height:50px;font-weight:700;color:#FFFFFF;}
#homeJeunes .photoHomeJeunes .blockTextContainer h2 span{display:block;}
#homeJeunes .photoHomeJeunes .blockTextContainer a{display:block;width:100%;max-width:320px;height:70px;line-height:70px;border:1px solid #FFFFFF;color:#FFFFFF;font-size:16px;text-transform:uppercase;font-weight:400;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/eventLinkHover.png) no-repeat right 20px center;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;padding:0 60px 0 20px;text-align:center;border-radius:70px;}
#homeJeunes .photoHomeJeunes .blockTextContainer a:hover{background-color:#FFFFFF;padding:0 20px;}
#homeJeunes .photoEtudiant .blockImage{margin-right:-80px;position:absolute;top:0;right:50%;left:0;z-index:1;}
#homeJeunes .photoEtudiant .blockText{position:absolute;width:auto;left:50%;right:0;top:-80px;z-index:0;}
#homeJeunes .photoEtudiant .blockTextContainer{background:#00BDC8;padding:60px 60px 60px 140px;}
#homeJeunes .photoEtudiant .blockTextContainer a:hover{color:#00BDC8;}
#homeJeunes .photoAdos{margin-top:160px;margin-bottom:0;}
#homeJeunes .photoAdos .blockImage{margin-left:-80px;position:absolute;top:0;left:50%;right:0;z-index:1;}
#homeJeunes .photoAdos .blockText{position:absolute;right:50%;top:-80px;width:50%;z-index:0;}
#homeJeunes .photoAdos .blockTextContainer{background:#F0811A;padding:60px 140px 60px 60px;}
#homeJeunes .photoAdos .blockTextContainer a:hover{color:#F0811A;}
@media screen and (max-width: 1260px){
#homeJeunes{padding:80px 40px;}
}
@media screen and (max-width: 1023px){
#homeJeunes{padding:40px 40px;}
#homeJeunes .photoHomeJeunes{height:350px;margin:40px 0;}
#homeJeunes .linkHomeJeunes{margin-bottom:80px;}
#homeJeunes .photoHomeJeunes .blockTextContainer h2{font-size:40px;line-height:45px;}
#homeJeunes .photoHomeJeunes .blockImage{height:350px;}
#homeJeunes .photoHomeJeunes .blockText{height:350px;}
#homeJeunes .photoEtudiant .blockImage{margin-right:-40px;}
#homeJeunes .photoEtudiant .blockText{top:-40px;}
#homeJeunes .photoEtudiant .blockTextContainer{padding:40px 40px 40px 80px;}
#homeJeunes .photoAdos{margin-top:80px;}
#homeJeunes .photoAdos .blockImage{margin-left:-40px;}
#homeJeunes .photoAdos .blockText{top:-40px;}
#homeJeunes .photoAdos .blockTextContainer{padding:40px 80px 40px 40px;}
}
@media screen and (max-width: 767px){
#homeJeunes{padding:40px 20px 72px;}
#homeJeunes h1{margin-bottom:40px;}
#homeJeunes .photoHomeJeunes{height:auto;margin:0;}
#homeJeunes .linkHomeJeunes{margin-top:-10px;margin-bottom:40px;}
#homeJeunes .photoHomeJeunes .blockImage{width:100%;height:auto;max-width:100%;position:relative;top:inherit;left:inherit;right:inherit;margin:0;}
#homeJeunes .photoHomeJeunes .blockImage img{width:100%;height:auto;}
#homeJeunes .photoHomeJeunes .blockText{width:100%;height:auto;max-width:100%;position:relative;top:inherit;left:inherit;right:inherit;}
#homeJeunes .photoHomeJeunes .blockText h2{font-size:35px;line-height:40px;text-align:center;margin-bottom:40px;}
#homeJeunes .photoHomeJeunes .blockText a{margin:0 auto;}
#homeJeunes .photoHomeJeunes .blockTextContainer a{height:60px;line-height:60px;padding:0 20px;background:none;}
#homeJeunes .photoEtudiant .blockTextContainer{padding:40px 30px;}
#homeJeunes .photoAdos{margin-top:40px;}
#homeJeunes .photoAdos .blockTextContainer{padding:40px 30px;}
}
#homeJeunesActus{width:100%;padding:80px 60px 112px;position:relative;}
#homeJeunesActus:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#0080C8;}
#homeJeunesActus:after {display:block;content:"";position:absolute;left:50%;top:0px;width:1px;height:32px;background:#0080C8;}
#homeJeunesActus .homeJeunesActusContainer{position:relative;}
#homeJeunesActus .titleHomeJeunesActus{width:600px;height:470px;background:#0080C8;padding:40px 80px;position:absolute;top:0;right:50%;margin-right:100px;}
#homeJeunesActus .titleHomeJeunesActus h2{font-size:45px;line-height:50px;color:#FFFFFF;margin:0;padding:0 0 25px;}
#homeJeunesActus .titleHomeJeunesActus h2:before {display:block;width:50px;height:2px;background:#FFFFFF;position:absolute;left:0;top:inherit;bottom:0;}
#homeJeunesActus .more_actus_jeunes {width:100%;height:40px;margin-bottom:120px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:flex-end;
justify-content:flex-end;}
#homeJeunesActus .more_actus_jeunes a{display:block;height:40px;line-height:40px;background:#323232;color:#FFFFFF;font-size:14px;font-weight:400;font-family:'Lato',arial,sans-serif;
text-transform:uppercase;text-align:center;margin:0 20px -55px auto;padding:0 15px;position:relative;z-index:10;border-radius:40px;}
#homeJeunesActus .more_actus_jeunes a:hover{background:#0080C8;}
#homeJeunesActus .list_actus_jeunes{width:100%;max-width:1760px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes{width:25%;padding:0 20px;display:none;}
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes:nth-child(1),
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes:nth-child(2),
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes:nth-child(3),
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes:nth-child(4){display:block;}
#homeJeunesActus .item_actus_jeunes .liContent{position:relative;}
#homeJeunesActus .item_actus_jeunes .actuImage{overflow:hidden;width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;}
#homeJeunesActus .item_actus_jeunes .actuImage img{width:auto;height:460px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeJeunesActus .item_actus_jeunes:hover .actuImage img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);
}
#homeJeunesActus .item_actus_jeunes .actuText{position:absolute;z-index:1;left:0;top:50px;right:0;bottom:0;opacity:0;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeJeunesActus .item_actus_jeunes:hover .actuText{top:0;opacity:1;}
#homeJeunesActus .item_actus_jeunes .actuText a{width:100%;height:100%;padding:40px;background:rgba(50,50,50,0.5);
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeJeunesActus .item_actus_jeunes .actuText a span{display:block;font-size:24px;line-height:28px;color:#FFFFFF;font-weight:700;}
@media screen and (max-width: 1560px){
#homeJeunesActus .titleHomeJeunesActus{width:auto;left:20px;}
}
@media screen and (max-width: 1440px){
#homeJeunesActus .titleHomeJeunesActus h2{margin-top:30px;}
#homeJeunesActus .titleHomeJeunesActus{top:-120px;left:-60px;right:-60px;margin:0;height:400px;}
#homeJeunesActus .titleHomeJeunesActus:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#0080C8;}
#homeJeunesActus .titleHomeJeunesActus:after {display:block;content:"";position:absolute;left:50%;top:0px;width:1px;height:32px;background:#FFFFFF;z-index:1;}
#homeJeunesActus .more_actus_jeunes{margin-bottom:40px;}
#homeJeunesActus .item_actus_jeunes .actuImage img{height:360px;}
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes{width:33.33%;}
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes:nth-child(4),
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes:nth-child(5){display:none;}
}
@media screen and (max-width: 1260px){
#homeJeunesActus{padding:80px 20px 112px;}
#homeJeunesActus .homeJeunesActusContainer{padding-top:100px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;}
#homeJeunesActus .titleHomeJeunesActus h2{margin-top:0;}
#homeJeunesActus .titleHomeJeunesActus{top:-40px;left:-20px;right:-20px;padding:80px 40px;
-webkit-box-ordinal-group: 1;  
-moz-box-ordinal-group: 1;     
-ms-flex-order: 1;     
-webkit-order: 1;  
order: 1;}
#homeJeunesActus .more_actus_jeunes{margin-bottom:0;
-webkit-box-ordinal-group:3;  
-moz-box-ordinal-group:3;     
-ms-flex-order:3;     
-webkit-order:3;  
order:3;}
#homeJeunesActus .more_actus_jeunes a{margin-left:auto;margin-right:auto;}
#homeJeunesActus .list_actus_jeunes{margin-bottom:40px;
-webkit-box-ordinal-group:2;  
-moz-box-ordinal-group:2;     
-ms-flex-order:2;     
-webkit-order:2;  
order:2;}
}
@media screen and (max-width: 1023px){
#homeJeunesActus{padding:40px 20px 72px;}
#homeJeunesActus .homeJeunesActusContainer{padding-top:140px;}
#homeJeunesActus .titleHomeJeunesActus h2{font-size:35px;line-height:40px;}
#homeJeunesActus .list_actus_jeunes{margin-bottom:0;}
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes{width:50%;margin-bottom:40px;}
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes:last-child{display:block;}
}	
@media screen and (max-width: 767px){
#homeJeunesActus{padding:40px 0 72px;}
#homeJeunesActus .homeJeunesActusContainer{padding-top:125px;}
#homeJeunesActus .titleHomeJeunesActus{top:-40px;left:0;right:0;}
#homeJeunesActus .titleHomeJeunesActus h2{font-size:30px;line-height:35px;display:block;text-align:center;margin-top:0;padding-bottom:20px;}
#homeJeunesActus .titleHomeJeunesActus h2:before {left:50%;margin-left:-25px;}
#homeJeunesActus .list_actus_jeunes{margin-bottom:20px;padding:0 10px;}
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes{margin-bottom:20px;padding:0 10px;}
#homeJeunesActus .item_actus_jeunes .actuImage img{height:300px;}
#homeJeunesActus .more_actus_jeunes{height:60px;padding:0 50px;}
#homeJeunesActus .more_actus_jeunes a{height:60px;line-height:60px;width:100%;}
}
@media screen and (max-width: 579px){
#homeJeunesActus .list_actus_jeunes .item_actus_jeunes{width:100%;}
}
#homeJeunesEvents{width:100%;padding:112px 60px;background:#F7F7F7;position:relative;}
#homeJeunesEvents:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#0080C8;}
#homeJeunesEvents:after {display:block;content:"";position:absolute;left:50%;top:0px;width:1px;height:32px;background:#0080C8;}
#homeJeunesEvents .homeJeunesEventsContainer{position:relative;padding-top:0;}
#homeJeunesEvents .titleHomeJeunesEvents{width:600px;height:470px;background:#323232;padding:40px 40px;position:absolute;top:-160px;left:50%;margin-left:100px;}
#homeJeunesEvents .titleHomeJeunesEvents h2{font-size:45px;line-height:50px;color:#FFFFFF;margin:0;padding:0 0 25px;text-align:left;}
#homeJeunesEvents .titleHomeJeunesEvents h2:before {display:block;width:50px;height:2px;background:#FFFFFF;position:absolute;left:0;top:inherit;bottom:0;}
#homeJeunesEvents .eventMore {width:100%;max-width:1760px;height:40px;margin:0 auto 40px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;}
#homeJeunesEvents .eventMore a{display:block;height:40px;line-height:40px;background:#323232;color:#FFFFFF;font-size:14px;font-weight:400;font-family:'Lato',arial,sans-serif;
text-transform:uppercase;text-align:center;margin:0 20px -55px 20px;padding:0 15px;position:relative;z-index:10;border-radius:40px;}
#homeJeunesEvents .eventMore a:hover{background:#0080C8;}
#homeJeunesEvents .eventListWrapper{width:100%;max-width:1760px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeJeunesEvents .eventListWrapper .css-events-list{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeJeunesEvents .eventListWrapper .eventBlock{width:25%;padding:0 20px;}
#homeJeunesEvents .eventListWrapper .eventBlock:nth-child(2n){margin-top:80px;}
#homeJeunesEvents .eventBlock .eventBlockContainer{position:relative;}
#homeJeunesEvents .eventBlock .eventImg{overflow:hidden;width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content:center;
align-content:center;}
#homeJeunesEvents .eventBlock .eventImg img{width:auto;height:460px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeJeunesEvents .eventBlock:hover .eventImg img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);
}
#homeJeunesEvents .eventBlock .eventText{position:absolute;z-index:1;left:0;top:50px;right:0;bottom:0;opacity:0;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeJeunesEvents .eventBlock:hover .eventText{top:0;opacity:1;}
#homeJeunesEvents .eventBlock .eventText a{width:100%;height:100%;padding:40px;background:rgba(50,50,50,0.5);
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeJeunesEvents .eventBlock .eventText a span{display:block;font-size:24px;line-height:28px;color:#FFFFFF;font-weight:700;}
#homeJeunesEvents .eventBlock .eventDate{width:180px;position:absolute;left:50%;bottom:-45px;margin-left:-90px;color:#FFFFFF;z-index:2;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeJeunesEvents .eventBlock .eventDate span{width:90px;height:90px;font-size:24px;line-height:28px;font-weight:bold;position:relative;background:#FF9900;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
#homeJeunesEvents .eventBlock .eventDate span:nth-child(2):after {display:block;content:"";width:15px;height:21px;position:absolute;top:50%;left:0;margin:-10px 0 0 -7px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgArrowDate.png) no-repeat center center;-webkit-background-size:15px;-moz-background-size:15px;background-size:15px;}
@media screen and (max-width: 1560px){
#homeJeunesEvents .titleHomeJeunesEvents{width:auto;right:20px;margin:0;height:400px;}
}
@media screen and (max-width: 1440px){
#homeJeunesEvents{padding-top:185px;}
#homeJeunesEvents .eventsHomeJeunesContainer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;}
#homeJeunesEvents .titleHomeJeunesEvents{top:-185px;left:-60px;right:-60px;padding:40px 80px;}
#homeJeunesEvents .titleHomeJeunesEvents:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#323232;}
#homeJeunesEvents .titleHomeJeunesEvents:after {display:block;content:"";position:absolute;left:50%;top:0px;width:1px;height:32px;background:#FFFFFF;z-index:1;}
#homeJeunesEvents .titleHomeJeunesEvents h2{margin-top:30px;}
#homeJeunesEvents .eventMore{margin-bottom:0;
-webkit-box-ordinal-group:2;  
-moz-box-ordinal-group:2;     
-ms-flex-order:2;     
-webkit-order:2;  
order:2;}
#homeJeunesEvents .eventListWrapper{margin-bottom:85px;
-webkit-box-ordinal-group:1;  
-moz-box-ordinal-group:1;     
-ms-flex-order:1;     
-webkit-order:1;  
order:1;}
#homeJeunesEvents .eventMore a{margin-left:auto;margin-right:auto;}
#homeJeunesEvents .eventBlock .eventImg img{height:360px;}
#homeJeunesEvents .eventListWrapper .eventBlock{width:33.33%;}
#homeJeunesEvents .eventListWrapper .eventBlock:nth-child(4),
#homeJeunesEvents .eventListWrapper .eventBlock:nth-child(5){display:none;}
}
@media screen and (max-width: 1260px){
#homeJeunesEvents{padding:112px 20px;}	
#homeJeunesEvents .titleHomeJeunesEvents h2{margin-top:0;}	
#homeJeunesEvents .homeJeunesEventsContainer{padding-top:90px;}
#homeJeunesEvents .titleHomeJeunesEvents{top:-112px;left:-20px;right:-20px;padding:80px 40px;}
}
@media screen and (max-width: 1023px){
#homeJeunesEvents{padding:72px 20px;}
#homeJeunesEvents .homeJeunesEventsContainer{padding-top:120px;}
#homeJeunesEvents .titleHomeJeunesEvents h2{font-size:35px;line-height:40px;}
#homeJeunesEvents .titleHomeJeunesEvents{top:-72px;}
#homeJeunesEvents .eventListWrapper{margin-bottom:0;}
#homeJeunesEvents .eventListWrapper .eventBlock{width:50%;margin-bottom:85px;}
#homeJeunesEvents .eventListWrapper .eventBlock:nth-child(2n){margin-top:0;}
#homeJeunesEvents .eventListWrapper .eventBlock:last-child{display:block;}
}	
@media screen and (max-width: 767px){
#homeJeunesEvents{padding:72px 10px;}
#homeJeunesEvents .homeJeunesEventsContainer{padding-top:105px;}
#homeJeunesEvents .titleHomeJeunesEvents{left:-10px;right:-10px;}
#homeJeunesEvents .titleHomeJeunesEvents h2{font-size:30px;line-height:35px;display:block;text-align:center;margin-top:0;padding-bottom:20px;}
#homeJeunesEvents .titleHomeJeunesEvents h2:before {left:50%;margin-left:-25px;}
#homeJeunesEvents .eventListWrapper{margin-bottom:20px;;}
#homeJeunesEvents .eventListWrapper .eventBlock{padding:0 10px;margin-bottom:65px;}
#homeJeunesEvents .eventBlock .eventImg{height:300px;}
#homeJeunesEvents .eventBlock .eventImg img{height:300px;}
#homeJeunesEvents .eventBlock .eventImg img.portrait{height:300px;width:100%;height:auto;}
#homeJeunesEvents .eventMore{height:60px;padding:0 40px;}
#homeJeunesEvents .eventMore a{height:60px;line-height:60px;width:100%;}
}
@media screen and (max-width: 579px){
#homeJeunesEvents .eventListWrapper .eventBlock{width:100%;}
}
@media screen and (max-width: 479px){
#homeJeunesEvents .titleHomeJeunesEvents h2{max-width:290px;margin:0 auto;}
#homeJeunesEvents .homeJeunesEventsContainer{padding-top:140px;}
}
#homeJeunesJ42{width:100%;padding:80px 60px 112px;position:relative;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/bgVideosJeunes.png) no-repeat center center #0080C8;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;background-size:auto 100%;}
#homeJeunesJ42:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#0080C8;}
#homeJeunesJ42:after {display:block;content:"";position:absolute;left:50%;top:0px;width:1px;height:32px;background:#FFFFFF;}
#homeJeunesJ42 .homeJeunesJ42Container{text-align:center;}
#homeJeunesJ42 .homeJeunesJ42Container h2{display:inline-block;font-size:45px;line-height:50px;font-weight:700;color:#FFFFFF;text-align:center;}
#homeJeunesJ42 .homeJeunesJ42Container h2:before {display:block;position:absolute;width:100px;height:100px;left:-80px;top:-70px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/bgH2Title.png) no-repeat center center;
-webkit-background-size:100px;-moz-background-size:100px;background-size:100px;}
#homeJeunesJ42 .videosJ42More {width:100%;height:40px;margin-bottom:40px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;}
#homeJeunesJ42 .videosJ42More a{display:block;height:40px;line-height:40px;background:#00409D;color:#FFFFFF;font-size:14px;font-weight:400;font-family:'Lato',arial,sans-serif;
text-transform:uppercase;text-align:center;margin:0 20px -55px auto;padding:0 15px;position:relative;z-index:10;border-radius:40px;}
#homeJeunesJ42 .videosJ42More a:hover{background:#323232;}
#homeJeunesJ42 .videosJ42Container{width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeJeunesJ42 .videosJ42Container .video{width:33.33%;padding:0 20px;}
#homeJeunesJ42 .videosJ42Container .video iframe{width:100%;height:400px;}
@media screen and (max-width: 1920px){
#homeJeunesJ42 .videosJ42Container .video iframe{height:300px;}
}
@media screen and (max-width: 1260px){
#homeJeunesJ42{padding:80px 20px 112px;}
#homeJeunesJ42 .homeJeunesJ42Container h2{margin-bottom:40px;}
#homeJeunesJ42 .videosJ42{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
#homeJeunesJ42 .videosJ42More{margin-bottom:0;
-webkit-box-ordinal-group:2;  
-moz-box-ordinal-group:2;     
-ms-flex-order:2;     
-webkit-order:2;  
order:2;
}
#homeJeunesJ42 .videosJ42More a{margin-left:auto;margin-right:auto;}
#homeJeunesJ42 .videosJ42Container{
-webkit-box-ordinal-group:1;  
-moz-box-ordinal-group:1;     
-ms-flex-order:1;     
-webkit-order:1;  
order:1;
}
#homeJeunesJ42 .videosJ42Container .video{width:50%;height:300px;margin-bottom:40px;}
#homeJeunesJ42 .videosJ42Container .video:last-child{display:none;}
}
@media screen and (max-width: 1023px){
#homeJeunesJ42{padding:40px 20px 72px;}
#homeJeunesJ42 .homeJeunesJ42Container h2{font-size:35px;line-height:40px;margin-top:60px;}
#homeJeunesJ42 .homeJeunesJ42Container h2:before{width:75px;height:75px;left:-60px;top:-50px;-webkit-background-size:75px;-moz-background-size:75px;background-size:75px;}
}
@media screen and (max-width: 767px){
#homeJeunesJ42{padding:40px 10px 72px;}
#homeJeunesJ42 .homeJeunesJ42Container h2{font-size:30px;line-height:35px;margin-top:80px;}
#homeJeunesJ42 .homeJeunesJ42Container h2:before{width:50px;height:50px;left:50%;margin-left:-25px;top:-55px;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;}
#homeJeunesJ42 .videosJ42Container{margin-bottom:20px;}
#homeJeunesJ42 .videosJ42Container .video{width:100%;margin-bottom:20px;padding:0 10px;}
#homeJeunesJ42 .videosJ42Container .video:last-child{display:block;}
#homeJeunesJ42 .videosJ42More{margin-bottom:0;height:60px;padding:0 40px;}
#homeJeunesJ42 .videosJ42More a{width:100%;height:60px;line-height:60px;}
}
#homeJeunesReseaux{width:100%;height:auto;padding:92px 60px 80px;border:none;margin:0;background:#FFFFFF;text-align:center;position:relative;}
#homeJeunesReseaux:before {display:block;content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:#FFFFFF;}
#homeJeunesReseaux:after {display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#0080C8;}
#homeJeunesReseaux .homeJeunesReseauxContainer{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook{width:33.33%;padding:0 20px;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook h2{text-align:left;text-indent:-999em;display:block;width:106px;height:106px;margin:0 auto 40px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/pictoHomeFacebookJeunes.png) no-repeat center center;-webkit-background-size:106px;-moz-background-size:106px;background-size:106px;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook h2:before{display:none;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook .cff-likebox{margin-top:0;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook #cff .cff-author .cff-page-name.cff-author-date{font-size:16px;line-height:19px;color:#053C70;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook #cff .cff-author .cff-page-name.cff-author-date a{font-size:16px;line-height:19px;color:#053C70;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook #cff.cff-default-styles .cff-author .cff-date{font-size:12px;line-height:22px;color:#053C70;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook #cff.cff-default-styles .cff-post-text{font-size:14px;line-height:22px;color:#323232;text-align:justify;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook #cff.cff-default-styles .cff-post-links{font-size:12px;line-height:22px;color:#323232;float:right;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook #cff.cff-default-styles .cff-post-links a{font-weight:400;color:#323232;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook #cff.cff-default-styles .cff-post-links a:hover{color:#053C70;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram{width:66.66%;padding:0 20px;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram h2{text-align:left;text-indent:-999em;display:block;width:106px;height:106px;margin:0 auto 40px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/pictoHomeInstagramJeunes.png) no-repeat center center;-webkit-background-size:106px;-moz-background-size:106px;background-size:106px;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram h2:before{display:none;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram #sb_instagram{max-width:1920px;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram #sb_instagram .sbi_photo_wrap{overflow:hidden;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram #sb_instagram a{opacity:1!important;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram #sb_instagram a:hover{opacity:1!important;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram #sb_instagram a:before {display:block;content:"";width:100%;height:100%;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgPhotoInstag.png) no-repeat center center rgba(0,0,0,0.5);position:absolute;left:0;top:0;opacity:0;
-webkit-background-size:100px;-moz-background-size:100px;background-size:100px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram #sb_instagram a:hover:before {opacity:1;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram #sb_instagram svg:not(:root).svg-inline--fa{display:none !important;}
@media screen and (max-width: 1260px){
#homeJeunesReseaux{padding:92px 20px 80px;}
}
@media screen and (max-width: 1023px){
#homeJeunesReseaux{padding:72px 20px 40px;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook{width:100%;max-width:400px;margin-bottom:40px;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram{width:100%;}
}
@media screen and (max-width: 767px){
#homeJeunesReseaux .homeJeunesReseauxContainer #homeFacebook{padding:0;}
#homeJeunesReseaux .homeJeunesReseauxContainer #homeInstagram{padding:0;}
}  #footer .footerInfos{width:100%;padding:0;margin:0;position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#footer .footerInfos > div{width:33.33%;padding:40px 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#footer .footerInfos > div > div{position:relative;padding:0 10px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
#footer .footerInfos .adresseFooter{width:25%;}
#footer .footerInfos .adresseFooterContainer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#footer .footerInfos .adresseFooter img{display:block;width:100%;max-width:220px;height:auto;margin:0 auto 20px;}
#footer .footerInfos .adresseFooter p{font-size:15px;line-height:18px;margin:0;color:#FFFFFF;
-webkit-align-self:center;
align-self:center;}
#footer .footerInfos .abonnerFooter{width:25%;}
.page-template-page-extranet #footer .footerInfos .abonnerFooter{display:none;}
#footer .footerInfos .abonnerFooterContainer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
#footer .footerInfos .abonnerFooter p{width:100%;max-width:300px;font-size:24px;line-height:28px;margin:0 0 20px;color:#FFFFFF;font-weight:300;min-height:84px;}
#footer .footerInfos .abonnerFooter p span{font-weight:bold;text-transform:uppercase;}
#footer .footerInfos .abonnerFooter a{display:block;width:100%;max-width:300px;height:50px;line-height:48px;border:1px solid #FFFFFF;font-size:16px;text-transform:uppercase;padding:0 75px 0 15px;color:#FFFFFF;font-weight:400;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgMabonner.png) no-repeat right 15px center;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;border-radius:50px;}
#footer .footerInfos .abonnerFooter a:hover{background-color:#000E31;border-color:#000E31;}
#footer .footerInfos .newsletterFooter{width:25%;}
.page-template-page-extranet #footer .footerInfos .newsletterFooter{display:none;}
#footer .footerInfos .newsletterFooterContainer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
#footer .footerInfos .newsletterFooter p{width:100%;max-width:300px;font-size:24px;line-height:28px;margin:0 0 20px;color:#FFFFFF;font-weight:300;}
#footer .footerInfos .newsletterFooter p span{font-weight:bold;text-transform:uppercase;}
#footer .footerInfos .newsletterFooter a{display:block;width:100%;max-width:300px;height:50px;line-height:50px;border:none;font-size:16px;text-transform:uppercase;padding:0 75px 0 15px;color:rgba(5,60,112,1);font-weight:400;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgRecevoir.png) no-repeat right 15px center #FFFFFF;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;border-radius:50px;}
#footer .footerInfos .newsletterFooter a:hover{background-color:#000E31;color:#FFFFFF;background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgRecevoirBlanc.png);}
#footer .footerInfos .newsletterFooter .WP_Mailjet_Subscribe_Widget{width:100%;max-width:300px;}
#footer .footerInfos .newsletterFooter .widget-text.wp_widget_plugin_box{position:relative;}
#footer .footerInfos .newsletterFooter .widget-text.wp_widget_plugin_box > div{display:none;}
#footer .footerInfos .newsletterFooter .mailjet_widget_front_container{margin-bottom:0;}
#footer .footerInfos .newsletterFooter .mailjet-widget-form-group{margin-bottom:0;}
#footer .footerInfos .newsletterFooter #mailjet-widget-title-wrap{display:none;}
#footer .footerInfos .newsletterFooter form{position:relative;}
#footer .footerInfos .newsletterFooter form .form-group{padding:0!important;margin:0!important;}
#footer .footerInfos .newsletterFooter form input#mailjet_widget_email{display:block;width:100%;max-width:300px;height:50px;line-height:50px;border:none;font-size:16px;text-transform:none;padding:0 75px 0 15px;color:rgba(5,60,112,0.5);font-weight:400;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bgRecevoir.png) no-repeat right 15px center #FFFFFF;-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;border-radius:50px;}
#footer .footerInfos .newsletterFooter form input[type=submit]{position:absolute;right:0;top:0;z-index:1;width:70px;height:50px;background:none;text-indent:-999em;border:none;border-radius:50px;}
#footer .footerInfos .newsletterFooter form input#mailjet_widget_email::-webkit-input-placeholder{font-size:16px;text-transform:none;color:rgba(5,60,112,0.5);}
#footer .footerInfos .newsletterFooter form input#mailjet_widget_email:-moz-placeholder{font-size:16px;text-transform:none;color:rgba(5,60,112,0.5);}
#footer .footerInfos .newsletterFooter form input#mailjet_widget_email::-moz-placeholder{font-size:16px;text-transform:none;color:rgba(5,60,112,0.5);}
#footer .footerInfos .newsletterFooter form input#mailjet_widget_email:-ms-input-placeholder{font-size:16px;text-transform:none;color:rgba(5,60,112,0.5);}
#footer .footerInfos .newsletterFooter .mailjet_widget_form_message{position:absolute;color:#FFFFFF;font-size:12px;}
#footer .footerInfos .nousSuivre{width:25%;}
.page-template-page-extranet #footer .footerInfos .nousSuivre{display:none;}
#footer .footerInfos .nousSuivre h3{font-size:40px;line-height:50px;font-family:'Pacifico',arial,helvetica,sans-serif;color:#FFFFFF;font-weight:400;text-align:center;margin:0 0 15px;}
#footer .footerInfos .nousSuivreContainer > a img{display:block;width:100%;max-width:128px;height:auto;margin:20px auto 0;}
#footer .footerInfos .nousSuivre .linkReseaux{margin-bottom:20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flex;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;}
#footer .footerInfos .nousSuivre .linkReseaux a{display:block;width:36px;height:36px;margin:0 5px;text-indent:-999em;}
#footer .footerInfos .nousSuivre .linkReseaux a.facebook{width:26px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoFacebook.png) no-repeat center center;-webkit-background-size:36px;-moz-background-size:36px;background-size:36px;}
#footer .footerInfos .nousSuivre .linkReseaux a.instagram{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoInstagram.png) no-repeat center center;-webkit-background-size:36px;-moz-background-size:36px;background-size:36px;}
#footer .footerInfos .nousSuivre .linkReseaux a.youtube{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoYoutube.png) no-repeat center center;-webkit-background-size:36px;-moz-background-size:36px;background-size:36px;}
#footer .footerInfos .nousSuivre .linkReseaux a.facebook:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoFacebookH.png);}
#footer .footerInfos .nousSuivre .linkReseaux a.instagram:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoInstagramH.png);}
#footer .footerInfos .nousSuivre .linkReseaux a.youtube:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoYoutubeH.png);}
.portailJeunes #footer .footerInfos .nousSuivre .linkReseaux a.facebook:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/pictoFacebookH.png);}
.portailJeunes #footer .footerInfos .nousSuivre .linkReseaux a.instagram:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/pictoInstagramH.png);}
.portailJeunes #footer .footerInfos .nousSuivre .linkReseaux a.youtube:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/jeunes/pictoYoutubeH.png);}
#footer .footerInfos .nousContacter{width:25%;}
#footer .footerInfos .nousContacterContainer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;}
#footer .footerInfos .nousContacter a{display:block;width:100%;max-width:300px;height:70px;line-height:68px;border:1px solid #FFFFFF;font-size:16px;text-transform:uppercase;padding:0 60px 0 15px;color:#FFFFFF;font-weight:400;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/eventLinkHover.png) no-repeat right 15px center;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;text-align:center;border-radius:70px;}
#footer .footerInfos .nousContacter a:hover{background-color:#FFFFFF;color:#0080C8;padding:0 15px;}
@media screen and (max-width: 1023px){
#footer .footerInfos > div{max-width:400px;}
#footer .footerInfos .adresseFooter{width:50%;order:1;}
#footer .footerInfos .abonnerFooter{width:50%;order:3;}
#footer .footerInfos .newsletterFooter{width:50%;order:4;}
#footer .footerInfos .nousSuivre{width:50%;order:2;}
.footerContainerJeunes #footer .footerInfos{padding:0 40px;}
.footerContainerJeunes #footer .footerInfos .adresseFooter{width:33.33%;order:1;}
.footerContainerJeunes #footer .footerInfos .nousContacter{width:33.33%;order:3;}
.footerContainerJeunes #footer .footerInfos .nousSuivre{width:33.33%;order:2;}
}
@media screen and (max-width: 900px){
.footerContainerJeunes #footer .footerInfos{padding:0 20px;}
.footerContainerJeunes #footer .footerInfos .adresseFooter{width:100%;order:1;}
.footerContainerJeunes #footer .footerInfos .nousContacter{width:100%;order:2;padding:0;}
.footerContainerJeunes #footer .footerInfos .nousSuivre{width:100%;order:3;}	
}
@media screen and (max-width: 767px){
#footer .footerInfos > div{padding:40px 20px;}
#footer .footerInfos .nousContacter a{height:60px;line-height:58px;background-image:none;padding:0 20px;}
}
@media screen and (max-width: 640px){
#footer .footerInfos > div{padding:20px 20px;}
#footer .footerInfos .adresseFooter{width:100%;order:1;padding-top:40px;}
#footer .footerInfos .abonnerFooter{width:100%;order:2;}
#footer .footerInfos .abonnerFooter p{text-align:center;min-height:inherit;}
#footer .footerInfos .newsletterFooter{width:100%;order:3;}
#footer .footerInfos .newsletterFooter p{text-align:center;}
#footer .footerInfos .nousSuivre{width:100%;order:4;padding-bottom:40px;}
} #footer #widgetFooter{width:100%;height:auto;background:#323232;position:relative;padding:10px 20px;}
#footer #widgetFooter ul{overflow:hidden;width:100%;max-width:1440px;height:auto;margin:0 auto;padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content:center;
justify-content:center;}
#footer #widgetFooter ul li.widget{display:block;width:100%;height:auto;margin:0;}
#footer #widgetFooter ul li.widget > div{width:100%;height:auto;}
#footer #widgetFooter ul li.widget div.copyright{text-align:center;}
#footer #widgetFooter ul li.widget > div p{font-size:14px;line-height:30px;font-weight:400;padding:0;color:#FFFFFF;margin:0;}
#footer #widgetFooter ul li.widget#nav_menu-2 > div{}
#footer #widgetFooter ul li.widget #menu-menufooter{width:100%;padding:0;margin:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
#footer #widgetFooter ul li.widget #menu-menufooter li{margin:0 20px;}
#footer #widgetFooter ul li.widget #menu-menufooter li a{color:#FFFFFF;font-size:14px;line-height:30px;font-weight:400;text-transform:uppercase;}
#footer #widgetFooter ul li.widget #menu-menufooter li a:hover{color:#0080C8;} #reseauxFixed{position:fixed;top:300px;right:0;z-index:10000;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: column wrap;
-webkit-flex-flow: column wrap;
-moz-box-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;}
#reseauxFixed a{display:block;width:60px;height:60px;margin-bottom:20px;text-indent:-999em;}
#reseauxFixed a.fixedFacebook{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoFacebook.png) no-repeat center center #0080C8;-webkit-background-size:36px;-moz-background-size:36px;background-size:36px;}
#reseauxFixed a.fixedInstagram{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoInstagram.png) no-repeat center center #0080C8;-webkit-background-size:36px;-moz-background-size:36px;background-size:36px;}
#reseauxFixed a.fixedYoutube{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/pictoYoutube.png) no-repeat center center #0080C8;-webkit-background-size:36px;-moz-background-size:36px;background-size:36px;}
#reseauxFixed a:hover{background-color:#053C70;}
.portailJeunes #reseauxFixed a:hover{background-color:#00409D;}
.page-template-page-extranet #reseauxFixed{display:none;}
@media screen and (max-width: 1023px){
#reseauxFixed{display:none;}
} .formulaireContact{position:fixed;z-index:100000;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.8);opacity:0;visibility:hidden;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.formulaireContact.open{opacity:1;visibility:visible;}
.formulaireContactContainer{position:absolute;left:50%;top:-100px;background:#EEEEEE;width:640px;margin-left:-320px;padding:90px 40px 40px;z-index:10;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content:center;
justify-content:center;}
.open .formulaireContactContainer{top:30px;}
.formulaireContactContainer .remarque{display:none;}
.formulaireContactContainer fieldset{width:50%;padding:0 10px 0 0;}
.formulaireContactContainer fieldset:nth-child(2n){padding:0 0 0 10px;}
.formulaireContactContainer input{width:100%;height:50px;line-height:50px;padding:0 15px;font-size:16px;color:#323232;margin:0 0 20px;font-family:'Lato',arial,helvetica,sans-serif;border:none;border-radius:50px;}
.formulaireContactContainer textarea{width:100%;font-family:'Lato',arial,helvetica,sans-serif;padding:10px 15px;font-size:16px;line-height:18px;color:#323232;margin:0 0 20px;border:none;border-radius:15px;}
.formulaireContactContainer input[type=submit]{margin:0;border:none;background:#323232;color:#FFFFFF;cursor:pointer;border-radius:50px;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.formulaireContactContainer input[type=submit]:hover{background:#053C70;}
.formulaireContact > .close{position:absolute;z-index:5;width:100%;height:100%;left:0;top:0;}
.formulaireContactContainer fieldset.fieldsetAcceptance{width:100%;padding:0 10px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;}
.formulaireContactContainer fieldset.fieldsetAcceptance input[type=checkbox]{width:14px;height:14px;float:left;margin:1px 5px 20px 0;padding:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;
display:inline-block;font-family:'Lato',arial,sans-serif;border:none;border-bottom:1px solid rgba(240,240,240,0.9);font-size:14px;color:#323232;box-shadow:none;
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.formulaireContactContainer fieldset.fieldsetAcceptance label{font-size: 14px;}
.formulaireContactContainer .close{width:100%;height:60px;position:absolute;right:0;top:0;background:#053C70;background-size:60px;color:#FFFFFF;font-size:30px;font-weight:bold;line-height:34px;padding:13px 60px 13px 20px;margin:0;text-align:left;}
.formulaireContactContainer .close:before {display:block;content:"";width:20px;height:2px;background:#FFFFFF;position:absolute;right:20px;top:50%;margin:-1px 0 0 -10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);}
.formulaireContactContainer .close:after {display:block;content:"";width:20px;height:2px;background:#FFFFFF;position:absolute;right:20px;top:50%;margin:-1px 0 0 -10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);}
.formulaireContactContainer input::-webkit-input-placeholder{color:#323232;font-style:italic;text-transform:none;}
.formulaireContactContainer input:-moz-placeholder{color:#323232;font-style:italic;text-transform:none;}
.formulaireContactContainer input::-moz-placeholder{color:#323232;font-style:italic;text-transform:none;}
.formulaireContactContainer input:-ms-input-placeholder{color:#323232;font-style:italic;text-transform:none;}
.formulaireContactContainer textarea::-webkit-input-placeholder{color:#323232;font-style:italic;text-transform:none;}
.formulaireContactContainer textarea:-moz-placeholder{color:#323232;font-style:italic;text-transform:none;}
.formulaireContactContainer textarea::-moz-placeholder{color:#323232;font-style:italic;text-transform:none;}
.formulaireContactContainer textarea:-ms-input-placeholder{color:#323232;font-style:italic;text-transform:none;}
@media screen and (max-width: 767px){	
.formulaireContactContainer{width:auto;margin-left:0;left:20px;right:20px;padding-left:20px;padding-right:20px;overflow-y:scroll;}
.open .formulaireContactContainer{top:20px;bottom:20px;}
}
.page-id-27 .mentions > h2:first-child{display:none;}
.simple-sitemap-page{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.simple-sitemap-page li.page-item-32{display:none;}
.simple-sitemap-page > li{margin-bottom:20px;}
.simple-sitemap-page li{padding-left:20px!important;}
.simple-sitemap-page > li > a{color:#053C70;text-transform:uppercase;}
.simple-sitemap-page > li > a:hover{color:#FF9900;}
.simple-sitemap-page li .children{margin:0;}
.simple-sitemap-page li .children li a{color:#323232;font-weight:400;}
.simple-sitemap-page li .children .children li a{font-weight:300;}
.simple-sitemap-page li .children li a:hover{color:#FF9900;}
.simple-sitemap-page > li.page-item-2 ul.children{display:none;}
@media screen and (min-width: 480px){
.simple-sitemap-page{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media screen and (min-width: 901px){
.simple-sitemap-page{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
#ui-datepicker-div{display:none;} @media screen and (max-width: 1260px){
h1{font-size:40px;line-height:45px;}
h1.titrePageArticle{font-size:42px;line-height:40px;}
#homeJeunes h1,
#homeActus h1,
h2{font-size:40px;line-height:45px;}
#homeJeunes h1:before,
#homeActus h1:before,
h2:before {display:inline-block;left:10px;top:-10px;position:relative;}
#homeJeunes h1,
#homeActus h1{padding:0 20px;}
}
@media screen and (max-width: 1023px){	
h1{font-size:35px;line-height:40px;}
h1.titrePageArticle{font-size:38px;line-height:35px;}
#homeJeunes h1,
#homeActus h1,
h2{font-size:35px;line-height:40px;}
#homeJeunes h1:before,
#homeActus h1:before,
h2:before {top:0px;}
}
@media screen and (max-width: 767px){
h1{font-size:30px;line-height:35px;}
h1.titrePageArticle{font-size:33px;line-height:30px;}
#homeJeunes h1,
#homeActus h1,
h2{font-size:30px;line-height:35px;}
}
@media screen and (max-width: 479px){ }.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}#personnesList{width:100%;padding:0 60px 40px;}
.personnesListContainer{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
.personnesListContainer .personne{width:25%;padding:0 20px 40px;}
.personnesListContainer .personne .articleContent{padding:40px 20px;border:1px solid #F7F7F7;position:relative;}
.personnesListContainer .personne .articleContent > a{display:block;position:absolute;left:0;top:0;right:0;bottom:0;text-indent:-999em;}
.personnesListContainer .personne .articleImg{width:170px;height:170px;margin:0 auto 20px;position:relative;
border-radius:170px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
.personnesListContainer .personne .articleImg:before {display:block;content:"";width:150px;height:150px;border:none;border-radius:100%;position:absolute;left:50%;top:50%;margin:-75px 0 0 -75px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.personnesListContainer .personne .articleImgContainer{width:150px;height:150px;margin:auto;overflow:hidden;
border-radius:150px;}
.personnesListContainer .personne:hover .articleImg:before {width:170px;height:170px;margin:-85px 0 0 -85px;border:3px solid #053C70;}
.personnesListContainer .personne .articleImg img{width:auto;height:100%;}
.personnesListContainer .personne h2{width:100%;height:80px;font-size:24px;line-height:30px;text-align:center;text-transform:none;color:#053C70;margin-top:5px;padding-top:20px;margin-bottom:20px;}
.personnesListContainer .personne h2:before {background:#FF9900;top:0;left:50%;margin-left:-25px;height:2px;}
.personnesListContainer .personne .articleText a{display:block;text-align:left;text-indent:-999em;width:60px;height:60px;border:1px solid #053C70;position:relative;margin:0 auto;}
.personnesListContainer .personne .articleText a:before {display:block;content:"";width:1px;height:20px;background:#053C70;position:absolute;left:50%;top:20px;}
.personnesListContainer .personne .articleText a:after {display:block;content:"";width:20px;height:1px;background:#053C70;position:absolute;left:20px;top:50%;}
.personnesListContainer .personne .articleText a:hover{background:#053C70;}
.personnesListContainer .personne .articleText a:hover:before {background:#FFFFFF;}
.personnesListContainer .personne .articleText a:hover:after {background:#FFFFFF;}
.articlePopup{position:fixed;z-index:40000;width:100%;height:100%;background:rgba(0,0,0,0.8);left:0;top:0;right:0;bottom:0;opacity:0;visibility:hidden;}
.articlePopup > .closePopup{position:absolute;z-index:5;width:100%;height:100%;left:0;top:0;}
.articlePopup.open{opacity:1;visibility:visible;}
.articlePopupContainer{position:absolute;z-index:6;left:50%;top:-50%;margin-left:-320px;width:640px;max-height:640px;background:#FFFFFF;box-shadow:0 0 10px #000000;padding:0;opacity:0;visibility:hidden; -webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.articlePopup.open .articlePopupContainer{top:30px;opacity:1;visibility:visible;}
.articlePopup .entetePopup{width:100%;background:#053C70;}
.articlePopup .entetePopup h3{color:#FFFFFF;font-size:30px;font-weight:bold;line-height:34px;padding:13px 60px 13px 20px;margin:0;text-align:left;}
.articlePopup .entetePopup .closePopup{width:60px;height:60px;position:absolute;top:0;right:0;cursor:pointer;}
.articlePopup .entetePopup .closePopup:before {display:block;content:"";width:20px;height:2px;background:#FFFFFF;position:absolute;left:50%;top:50%;margin:-1px 0 0 -10px;
transform:rotate(-45deg);}
.articlePopup .entetePopup .closePopup:after {display:block;content:"";width:20px;height:2px;background:#FFFFFF;position:absolute;left:50%;top:50%;margin:-1px 0 0 -10px;
transform:rotate(45deg);}
.articlePopup .contenuPopup{width:100%;height:calc(100% - 60px);padding:0 0 20px;overflow:hidden;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
.articlePopup .contenuPopupCont{overflow-y:scroll;width:100%;height:100%;max-height:480px;padding:30px 20px 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
.articlePopup .contenuPopup .leftPopup{width:45%;padding:0 20px;}
.articlePopup .contenuPopup .leftPopup .imagePopup{width:200px;height:200px;overflow:hidden;margin:0 auto;
border-radius:200px;}
.articlePopup .contenuPopup .leftPopup .imagePopup img{width:auto;height:100%;}
.articlePopup .contenuPopup .leftPopup > a{display:block;border:1px solid #053C70;width:100%;max-width:180px;font-size:10px;line-height:14px;padding:13px 40px 13px 10px;text-align:center;text-transform:uppercase;color:#053C70;margin:60px auto 0;position:relative;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/eventLinkHoverBleu.png) no-repeat right 15px center;-webkit-background-size:20px;-moz-background-size:20px;background-size:20px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-o-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px;}
.articlePopup .contenuPopup .leftPopup > a:before {display:block;content:"";width:50px;height:2px;position:absolute;left:50%;top:-30px;margin-left:-25px;background:#FF9900;}
.articlePopup .contenuPopup .leftPopup > a:hover{background-position:right -20px center;background-color:#FFFFFF;padding:13px 10px 13px 10px;}
.articlePopup .contenuPopup .rightPopup{width:55%;padding:0 20px;}
.articlePopup .contenuPopup .rightPopup p{margin-bottom:20px!important;}
.articlePopup .contenuPopup .rightPopup hr{display:block;width:100%;height:1px;background:#323232;margin-bottom:20px;}
.articlePopup .contenuPopup .rightPopup .fonctionsPopup .fonction{display:inline-block;font-size:16px;font-weight:700;line-height:18px;color:#323232;text-transform:uppercase;}
.articlePopup .contenuPopup .rightPopup .fonctionsPopup a{display:inline-block;font-size:16px;font-weight:400;line-height:18px;text-transform:none;}
.articlePopup .contenuPopup .rightPopup .fonctionsPopup .mission{display:inline-block;font-size:16px;font-weight:400;line-height:18px;text-transform:none;}
.articlePopup .contenuPopup .rightPopup .adressePopup .adresse .statutPopup{display:inline-block;width:100%;font-size:18px;line-height:20px;font-weight:bold;color:#053C70;text-transform:uppercase;}
.articlePopup .contenuPopup .rightPopup .adressePopup .contact span{display:inline-block;width:100%;}
.articlePopup .contenuPopup .rightPopup .adressePopup .contact span.tel{padding-left:24px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgTel.png) no-repeat left center;-webkit-background-size:24px;-moz-background-size:24px;background-size:24px;}
.articlePopup .contenuPopup .rightPopup .adressePopup .contact span.email{padding-left:24px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgMail.png) no-repeat left center;-webkit-background-size:24px;-moz-background-size:24px;background-size:24px;}
#tabContact .personnesContainer{width:100%;max-width:1320px;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
#tabContact .personne{width:50%;padding:0 20px 40px 0;}
#tabContact .personne:nth-child(2n){padding:0 0 40px 20px;}
#tabContact .personneContent{height:100%;padding:40px;border:1px solid #F7F7F7;position:relative;}
#tabContact .personneContent > a {display:block;position:absolute;left:0;top:0;right:0;bottom:0;text-indent:-999em;}
#tabContact .personne .articleImg{width:170px;height:170px;margin:0 auto 20px;position:relative;
border-radius:150px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
#tabContact .personne .articleImg:before {display:block;content:"";width:150px;height:150px;border:none;border-radius:100%;position:absolute;left:50%;top:50%;margin:-75px 0 0 -75px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
#tabContact .personne .articleImgContainer{width:150px;height:150px;margin:auto;overflow:hidden;
border-radius:150px;}
#tabContact .personne:hover .articleImg:before {width:170px;height:170px;margin:-85px 0 0 -85px;border:3px solid #053C70;}
#tabContact .personne .articleImg img{width:100%;height:auto;}
#tabContact .personne .texte{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;
}
#tabContact .personne .texte{width:100%;}
#tabContact .personne .texte h3{font-size:25px;line-height:30px;text-align:center;text-transform:none;color:#053C70;margin:0 0;padding:25px 0 0;position:relative;}
#tabContact .personne .texte h3:before {display:block;content:"";background:#FF9900;position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:2px;}
#tabContact .personne .texte p{font-size:16px;line-height:20px;text-align:center;margin-bottom:23px;}
#tabContact .personne .texte p .fonction{font-size:25px;line-height:30px;text-align:center;text-transform:none;color:#053C70;margin:0 0 5px;display:inline-block;}
#tabContact .personne .texte a{display:block;text-align:left;text-indent:-999em;width:60px;height:60px;border:1px solid #053C70;position:relative;margin:20px auto 0;}
#tabContact .personne .texte a:before {display:block;content:"";width:1px;height:20px;background:#053C70;position:absolute;left:50%;top:20px;}
#tabContact .personne .texte a:after {display:block;content:"";width:20px;height:1px;background:#053C70;position:absolute;left:20px;top:50%;}
#tabContact .personne .texte a:hover{background:#053C70;}
#tabContact .personne .texte a:hover:before {background:#FFFFFF;}
#tabContact .personne .texte a:hover:after {background:#FFFFFF;}
#tabParoisse #map{height:450px!important;}
#personnesBlock .personne{margin-bottom:20px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
#personnesBlock .personne .articleImg{width:80px;height:80px;overflow:hidden;margin-right:20px;
border-radius:80px;}
#personnesBlock .personne .articleImg img{width:100%;height:auto;}
#personnesBlock .personne .articleTexte{width:calc(100% - 100px);
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;
}
.logoBlockContainer{width:100%;height:300px;overflow:hidden;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-align-content:center;
align-content:center;
}
.logoBlockContainer img{width:auto;height:100%;}
.single-paroisse .logoBlockContainer{height:auto;}
.single-paroisse .logoBlockContainer img{width:auto;height:auto;
-webkit-align-self:center;
align-self:center;} .EgliseInfo-container .cellTreeTopItem{padding:0!important;}
.EgliseInfo-container .cellTreeTopItemImageValue{padding:0 0 0 20px;}
.EgliseInfo-container .cellTreeTopItemImageValue .cellTreeTopItemImage{top:7px;}
.EgliseInfo-container .titre-date{font-size:24px;line-height:30px;padding:0;margin:0;color:#053C70;}
.EgliseInfo-container .egliseinfo-celebrationtime{margin-bottom:10px;}
.EgliseInfo-container .egliseinfo-celebrationtime .egliseInfoCellTreeTitle{font-size:16px;line-height:24px;padding:0;margin:0;color:#323232;}
.EgliseInfo-container .egliseinfo-celebrationtime .egliseInfoCellTreeBody{font-size:16px;line-height:24px;padding:0;margin:0;color:#053C70;}
.EgliseInfo-container .egliseinfo-celebrationtime .egliseInfoCellTreeHead{font-size:16px;line-height:24px;padding:0;margin:0;color:#323232;}
.EgliseInfo-container .egliseInfoCellListActions a{display:inline-block;padding:0 0 0 28px;margin:0 10px 0 0;font-size:16px;line-height:20px;height:auto;text-decoration:none!important;color:#053C70;}
.EgliseInfo-container .egliseInfoCellListActions a:hover{color:#323232;}
.EgliseInfo-container .egliseInfoCellListActions a.egliseInfoIconInformation{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgInfo.png) no-repeat left center;-webkit-background-size:24px;-moz-background-size:24px;background-size:24px;}
.EgliseInfo-container .egliseInfoCellListActions a.egliseInfoIconEmail{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgMail.png) no-repeat left center;-webkit-background-size:24px;-moz-background-size:24px;background-size:24px;}
.EgliseInfo-container .loadMore{padding:0!important;font-size:18px;line-height:24px;color:#053C70;text-decoration:none!important;}
.EgliseInfo-container .loadMore:hover{color:#323232;}
.searchCelebrationTimeButtonbar,
.searchCelebrationTimeMessage,
.searchCelebrationTimeContent > div:nth-child(6),
.searchCelebrationTimeTabBar{display:none!important;}
.EgliseInfo-container .error{width:100%!important;margin:0!important;padding:0!important;background:#F7F7F7!important;border:none!important;}
.EgliseInfo-container .error > div{padding:40px 20px!important;font-size:16px!important;line-height:20px!important;color:#323232!important;}
.EgliseInfo-container .helpContent{display:none!important;}
.EgliseInfo-container .cellTreeItemValue > span div.egliseinfo-image{margin-right:20px;}
.single-paroisse .gwt-DialogBox.window-eglise-choice{display:none!important;}
.page-id-1450 #page{padding:0;}
.page-id-1450 #homeActus:after{bottom:inherit;top:0;}
.blockAnnuaires{width:100%;padding:60px 60px 80px;}
.blockAnnuairesContainer{width:100%;margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;}
.blockAnnuairesContainer .annuaire{width:33.33%;padding:0 20px 0;}
.blockAnnuairesContainer .annuaire a{display:block;padding:280px 40px 40px;font-size:22px;line-height:26px;color:#FFFFFF;height:100%;}
.blockAnnuairesContainer .annuaireParoisses a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/pictoParoisses.png) no-repeat center 40px rgba(156,65,74,1);}
.blockAnnuairesContainer .annuairePersonnes a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/pictoPersonnes.png) no-repeat center 40px rgba(196,191,151,1);}
.blockAnnuairesContainer .annuaireMouvements a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/pictoMouvements.png) no-repeat center 40px rgba(230,180,40,1);}
.blockAnnuairesContainer .annuaireParoisses a:hover{background-position:center 30px!important;background-color:rgba(156,65,74,0.5);}
.blockAnnuairesContainer .annuairePersonnes a:hover{background-position:center 30px!important;background-color:rgba(196,191,151,0.5);}
.blockAnnuairesContainer .annuaireMouvements a:hover{background-position:center 30px!important;background-color:rgba(230,180,40,0.5);} #searchMouvements{width:100%;padding:0 80px;}
.searchMouvementsContainer{width:100%;max-width:1280px;margin:0 auto;padding:20px 0 60px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:flex-end;
align-items:flex-end;}
.searchMouvementsContainer p.title{display:block;width:25%;text-align:left;color:#053C70;font-size:30px;line-height:35px;margin:0;padding:25px 20px 0 0;position:relative;}
.searchMouvementsContainer p.title:before {display:block;content:"";width:50px;height:2px;background:#FF9900;position:absolute;left:0;top:0;}
.searchMouvementsContainer p.title span{display:block;}
.post-type-archive-mouvement .searchMouvementsContainer form{width:36%;height:80px;background:#F7F7F7;padding:25px 80px 25px 25px;position:relative;margin:15px 0 0;
border-radius:80px;}
.post-type-archive-mouvement .searchMouvementsContainer form.search-form-tag{margin-right:1.5%;}
.post-type-archive-mouvement .searchMouvementsContainer form.search-form{margin-left:1.5%;}
.post-type-archive-mouvement .searchMouvementsContainer form > label{display:block;width:100%;margin:0;padding:0;}
.post-type-archive-mouvement .searchMouvementsContainer form > input[type=submit]{display:block;width:80px;height:80px;margin:0;padding:0;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchOpen.png) no-repeat center center;
position:absolute;right:0;top:0;text-indent:-999em;border:none;cursor:pointer;
-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;
border-radius:80px;}
.post-type-archive-mouvement .searchMouvementsContainer form > label input[type=search]{-webkit-appearance:none;width:100%;height:30px;line-height:30px;font-size:18px;color:rgba(5,60,112,0.5);font-style:italic;padding:0 10px;border:none;border-right:1px solid #053C70;background:none;}
.post-type-archive-mouvement .searchMouvementsContainer form > label input[type=search]::-webkit-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-mouvement .searchMouvementsContainer form > label input[type=search]:-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-mouvement .searchMouvementsContainer form > label input[type=search]::-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-mouvement .searchMouvementsContainer form > label input[type=search]:-ms-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-mouvement .searchMouvementsContainer form.search-form-tag > label {position:relative;}
.post-type-archive-mouvement .searchMouvementsContainer form.search-form-tag > label:after {display:block;content:"";width:45px;height:30px;position:absolute;right:1px;top:0;z-index:1;pointer-events:none;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgSelect.png) no-repeat left center #F7F7F7;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
.post-type-archive-mouvement .searchMouvementsContainer form > label select.search-field{width:100%;height:30px;line-height:30px;font-size:18px;padding:0 10px;border:none;border-right:1px solid #053C70;background:none;position:relative;cursor:pointer;
color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-mouvement .searchMouvementsContainer form > label select.search-field::-webkit-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-mouvement .searchMouvementsContainer form > label select.search-field:-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-mouvement .searchMouvementsContainer form > label select.search-field::-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-mouvement .searchMouvementsContainer form > label select.search-field:-ms-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-mouvement .searchMouvementsContainer form > #resetForm{position:absolute;right:0;bottom:100px;display:block;width:120px;height:40px;line-height:40px;border-radius:40px;background:#323232;color:#FFFFFF;font-size:14px;text-transform:uppercase;
cursor:pointer;}
.post-type-archive-mouvement .searchMouvementsContainer form > #resetForm:hover{background:#053C70;} #searchPersonnes{width:100%;padding:0 80px;}
.searchPersonnesContainer{width:100%;max-width:1280px;margin:0 auto;padding:20px 0 60px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:flex-end;
align-items:flex-end;}
.searchPersonnesContainer h1{display:block;width:25%;text-align:left;color:#053C70;font-size:30px;line-height:35px;margin:0;padding:25px 20px 0 0;position:relative;}
.searchPersonnesContainer h1:before {display:block;content:"";width:50px;height:2px;background:#FF9900;position:absolute;left:0;top:0;}
.searchPersonnesContainer h1 span{display:block;}
.post-type-archive-personne .searchPersonnesContainer form{width:36%;height:80px;background:#F7F7F7;padding:25px 80px 25px 25px;position:relative;margin:15px 0 0;
border-radius:80px;}
.post-type-archive-personne .searchPersonnesContainer form.search-form-statut{margin-right:1.5%;}
.post-type-archive-personne .searchPersonnesContainer form.search-form{margin-left:1.5%;}
.post-type-archive-personne .searchPersonnesContainer form > label{display:block;width:100%;margin:0;padding:0;}
.post-type-archive-personne .searchPersonnesContainer form > input[type=submit]{display:block;width:80px;height:80px;margin:0;padding:0;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchOpen.png) no-repeat center center;
position:absolute;right:0;top:0;text-indent:-999em;border:none;cursor:pointer;
-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;
border-radius:80px;}
.post-type-archive-personne .searchPersonnesContainer form > label input[type=search]{-webkit-appearance:none;width:100%;height:30px;line-height:30px;font-size:18px;color:rgba(5,60,112,0.5);font-style:italic;padding:0 10px;border:none;border-right:1px solid #053C70;background:none;}
.post-type-archive-personne .searchPersonnesContainer form > label input[type=search]::-webkit-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-personne .searchPersonnesContainer form > label input[type=search]:-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-personne .searchPersonnesContainer form > label input[type=search]::-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-personne .searchPersonnesContainer form > label input[type=search]:-ms-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-personne .searchPersonnesContainer form > div {position:relative;}
.post-type-archive-personne .searchPersonnesContainer form > div:after {display:block;content:"";width:45px;height:30px;position:absolute;right:1px;top:0;z-index:1;pointer-events:none;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgSelect.png) no-repeat left center #F7F7F7;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
.post-type-archive-personne .searchPersonnesContainer form > div select.search-field{width:100%;height:30px;line-height:30px;font-size:18px;padding:0 10px;border:none;border-right:1px solid #053C70;background:none;position:relative;cursor:pointer;
color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-personne .searchPersonnesContainer form > div select.search-field::-webkit-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-personne .searchPersonnesContainer form > div select.search-field:-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-personne .searchPersonnesContainer form > div select.search-field::-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-personne .searchPersonnesContainer form > div select.search-field:-ms-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;}
.post-type-archive-personne .searchPersonnesContainer form > #resetForm{position:absolute;right:0;bottom:100px;display:block;width:120px;height:40px;line-height:40px;border-radius:40px;background:#323232;color:#FFFFFF;font-size:14px;text-transform:uppercase;
cursor:pointer;}
.post-type-archive-personne .searchPersonnesContainer form > #resetForm:hover{background:#053C70;} #searchParoisses{width:100%;padding:0 80px;}
.searchParoissesContainer{width:100%;max-width:1280px;margin:0 auto;padding:20px 0 60px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-box-flow:row wrap;
-ms-flexbox-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:flex-end;
align-items:flex-end;}
.searchParoissesContainer h1{display:block;width:25%;text-align:left;color:#053C70;font-size:30px;line-height:35px;margin:0;padding:25px 20px 0 0;position:relative;}
.searchParoissesContainer h1:before {display:block;content:"";width:50px;height:2px;background:#FF9900;position:absolute;left:0;top:0;}
.searchParoissesContainer h1 span{display:block;}
.post-type-archive-paroisse .searchParoissesContainer form{width:36%;height:80px;background:#F7F7F7;padding:25px 80px 25px 25px;position:relative;margin:15px 0 0 0;
border-radius:80px;}
.post-type-archive-paroisse .searchParoissesContainer form.search-form{margin-left:1.5%}
.post-type-archive-paroisse .searchParoissesContainer form.search-form-communes{margin-right:1.5%}
.post-type-archive-paroisse .searchParoissesContainer form > label{display:block;width:100%;margin:0;padding:0;position:relative;}
.post-type-archive-paroisse .searchParoissesContainer form > label:after {display:block;content:"";width:45px;height:30px;position:absolute;right:1px;top:0;z-index:1;pointer-events:none;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgSelect.png) no-repeat left center #F7F7F7;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
.post-type-archive-paroisse .searchParoissesContainer form > input[type=submit]{display:block;width:80px;height:80px;margin:0;padding:0;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchOpen.png) no-repeat center center;
position:absolute;right:0;top:0;text-indent:-999em;border:none;cursor:pointer;
-webkit-background-size:50px;-moz-background-size:50px;background-size:50px;
border-radius:80px;}
.post-type-archive-paroisse .searchParoissesContainer form > input[type=submit]:hover{background-image:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/btnSearchOpenH.png);}
.post-type-archive-paroisse .searchParoissesContainer form > label select.search-field{width:100%;height:30px;line-height:30px;font-size:18px;color:rgba(5,60,112,0.5);font-style:italic;padding:0 10px;border:none;border-right:1px solid #053C70;background:none;position:relative;cursor:pointer;}
.post-type-archive-paroisse .searchParoissesContainer form > label select.search-field::-webkit-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-paroisse .searchParoissesContainer form > label select.search-field:-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-paroisse .searchParoissesContainer form > label select.search-field::-moz-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-paroisse .searchParoissesContainer form > label select.search-field:-ms-input-placeholder {color:rgba(5,60,112,0.5);text-transform:none;font-style:italic;opacity:1;}
.post-type-archive-paroisse .searchParoissesContainer form > #resetForm{position:absolute;right:0;bottom:100px;display:block;width:120px;height:40px;line-height:40px;border-radius:40px;background:#323232;color:#FFFFFF;font-size:14px;text-transform:uppercase;
cursor:pointer;}
.post-type-archive-paroisse .searchParoissesContainer form > #resetForm:hover{background:#053C70;} .mapContainer{width:100%;padding:0 80px;}
.mapContainer #map{ height:300px;line-height:300px;text-align:center;background:#F7F7F7;}
.mapContainer #map img{width:100%;height:auto;}  .listingParoisses{width:100%;padding:80px;}
.listingParoissesContainer{width:100%;max-width:1024px;margin:0 auto;text-align:center;}
.listingParoissesContainer > h2{margin-bottom:40px;}
.listingParoissesContainer .paroisse{width:100%;padding:0;margin-bottom:40px;background:#F7F7F7;text-align:left;}
.listingParoissesContainer .paroisse:last-child{margin:0;}
.listingParoissesContainer .paroisse .paroisse_thumbnail img{width:100%;height:auto;}
.listingParoissesContainer .paroisse .paroisse_infos{padding:30px 40px;}
.listingParoissesContainer .paroisse h3{margin:0 0 20px;}
.listingParoissesContainer .paroisse h3 a{display:block;font-family:'Lato', arial, sans-serif;font-size:24px;line-height:28px;color:#323232;font-weight:700;padding:0;margin:0; overflow:hidden;text-align:left;text-transform:none;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;}
.listingParoissesContainer .paroisse h3 a:hover{color:#053C70;}
.listingParoissesContainer .paroisse .paroisse_adresse{margin-bottom:10px;}
.listingParoissesContainer .paroisse .plusInfos{margin:20px 0 0;padding:0;}
.listingParoissesContainer .paroisse .plusInfos a{display:block;font-family:'Lato',arial,sans-serif;font-size:14px;line-height:16px;color:#053C70;font-weight:400;text-align:center;text-transform:uppercase;width:100%;
border:1px solid #053C70;padding:17px 60px 17px 20px;position:relative;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;}
.listingParoissesContainer .paroisse .plusInfos a:after{display:block;content:"";width:30px;height:20px;position:absolute;right:20px;top:50%;margin-top:-10px;
background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/eventLinkHoverBleu.png) no-repeat center center;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
.listingParoissesContainer .paroisse .plusInfos a:hover{padding:17px 20px 17px 20px;color:#FFFFFF;background-color:#053C70;}
@media screen and (max-width: 1260px){
.listingParoisses{padding:80px 40px;}
}
@media screen and (max-width: 1023px){
.listingParoisses{padding:60px 40px;}
}
@media screen and (max-width: 767px){
.listingParoisses{padding:40px 20px;}
}
.post-type-archive-paroisse .infoBulle .contact span,
.single-paroisse .infoBulle .contact span{display:block;line-height:24px;}
.post-type-archive-paroisse .infoBulle .contact span.tel,
.single-paroisse .infoBulle .contact span.tel{padding-left:24px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgTel.png) no-repeat left center;-webkit-background-size:24px;-moz-background-size:24px;background-size:24px;}
.post-type-archive-paroisse .infoBulle .contact span.mail,
.single-paroisse .infoBulle .contact span.mail{padding-left:24px;background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/bgMail.png) no-repeat left center;-webkit-background-size:24px;-moz-background-size:24px;background-size:24px;}
.single-mouvement #lienUtileBlock .lienItem:nth-child(2) a,
.single-paroisse #lienUtileBlock .lienItem:nth-child(2) a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/pictoFacebookLink.png) no-repeat 23px 16px;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
.single-mouvement #lienUtileBlock .lienItem:nth-child(3) a,
.single-paroisse #lienUtileBlock .lienItem:nth-child(3) a{background:url(//www.diocese-saintetienne.fr/wp-content/themes/diocese/images/annuaire/pictoInstagramLink.png) no-repeat 25px 16px;-webkit-background-size:30px;-moz-background-size:30px;background-size:30px;}
@media screen and (max-width: 1260px){
.blockAnnuaires{padding:60px 20px 80px;}
#searchParoisses,
.mapContainer{padding:0 40px;}
#searchPersonnes{padding:0 40px;}
#personnesList{padding:0 20px 40px;}
.personnesListContainer .personne{width:33.33%;}
.personnesListContainer .personne h2:before{display:block;position:absolute;}
.articlePopup.open .articlePopupContainer{top:10%;max-height:inherit;height:80%;}
}
@media screen and (max-width: 1023px){
.blockAnnuaires{padding:20px 20px 40px;}
.blockAnnuairesContainer{
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
}
.blockAnnuairesContainer .annuaire{width:100%;max-width:760px;margin-bottom:40px;}
.blockAnnuairesContainer .annuairePersonnes{-webkit-align-self:flex-end;align-self:flex-end;}
.blockAnnuairesContainer .annuaire:last-child{margin-bottom:0;}
.blockAnnuairesContainer .annuaire a{padding:40px 40px 40px 250px;height:250px;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flow:column wrap;
-webkit-flex-flow:column wrap;
-moz-box-flow:column wrap;
-ms-flexbox-flow:column wrap;
flex-flow:column wrap;
-webkit-justify-content:center;
justify-content:center;}
.blockAnnuairesContainer .annuaireParoisses a{background-position:left 20px;}
.blockAnnuairesContainer .annuairePersonnes a{background-position:left center;}
.blockAnnuairesContainer .annuaireMouvements a{background-position:left center;}
.blockAnnuairesContainer .annuaireParoisses a:hover{background-position:20px 20px!important;}
.blockAnnuairesContainer .annuairePersonnes a:hover{background-position:20px center!important;}
.blockAnnuairesContainer .annuaireMouvements a:hover{background-position:20px center!important;}
.post-type-archive-paroisse #page{padding:0 0 40px;}
.searchParoissesContainer{padding:20px 0 40px;}
.searchParoissesContainer h1{width:100%;}
.post-type-archive-paroisse .searchParoissesContainer form{width:100%;}
.post-type-archive-paroisse .searchParoissesContainer form.search-form{margin-left:0;}
.post-type-archive-paroisse .searchParoissesContainer form.search-form-communes{margin-right:0;margin-top:35px;}
#tabParoisse #map{height:300px!important;}
.searchPersonnesContainer{padding:20px 0 80px;}
.searchPersonnesContainer h1{width:100%;margin-top:0;}
.post-type-archive-personne .searchPersonnesContainer form{width:100%;margin-top:35px;}
.post-type-archive-personne .searchPersonnesContainer form.search-form-statut{margin-right:0;}
.post-type-archive-personne .searchPersonnesContainer form.search-form{margin-left:0;margin-top:20px;}
.post-type-archive-personne .searchPersonnesContainer form > #resetForm{bottom:-60px;}
.searchMouvementsContainer{padding:20px 0 80px;}
.searchMouvementsContainer p.title{width:100%;margin-top:0;}
.post-type-archive-mouvement .searchMouvementsContainer form{width:100%;margin-top:35px;}
.post-type-archive-mouvement .searchMouvementsContainer form.search-form-tag{margin-right:0;}
.post-type-archive-mouvement .searchMouvementsContainer form.search-form{margin-left:0;margin-top:20px;}
.post-type-archive-mouvement .searchMouvementsContainer form > #resetForm{bottom:-60px;}
}
@media screen and (max-width: 899px){
.personnesListContainer .personne{width:50%;}
}
@media screen and (max-width: 767px){
.blockAnnuaires{padding:20px 0 72px;}
.blockAnnuairesContainer .annuaire{margin-bottom:20px;}
#searchParoisses,
.mapContainer{padding:0 20px;}
.mapContainer #map{height:400px!important;}
.post-type-archive-paroisse .leaflet-popup-content-wrapper .leaflet-popup-content,
.single-paroisse .leaflet-popup-content-wrapper .leaflet-popup-content{max-width:270px;}
.searchParoissesContainer h1{width:100%;text-align:center;}
.searchParoissesContainer h1:before {left:50%;margin-left:-25px;}
.searchParoissesContainer h1 span{display:inline-block;}
.post-type-archive-paroisse .searchParoissesContainer form{width:100%;height:60px;padding:15px 60px 15px 20px;margin-top:35px;}
.post-type-archive-paroisse .searchParoissesContainer form.search-form{margin-top:20px;}
.post-type-archive-paroisse .searchParoissesContainer form > label select.search-field{font-size:14px;padding:0;}
.post-type-archive-personne .searchPersonnesContainer form > div select.search-field{font-size:14px;}
.post-type-archive-paroisse .searchParoissesContainer form > input[type=submit]{width:60px;height:60px;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
.post-type-archive-paroisse .searchParoissesContainer form > label:after{width:35px;}
#tabContact .personne{padding:0 10px 20px 0;}
#tabContact .personne:nth-child(2n){padding:0 0 20px 10px;}
#tabContact .personneContent{padding:40px 20px;}
#tabContact .personne .texte h3{font-size:20px;line-height:25px;}
.single-paroisse #printContainer{padding-top:40px;}
#searchPersonnes{padding:0 20px;}
#personnesList{padding:0 0 20px;}
.searchPersonnesContainer h1{text-align:center;}
.searchPersonnesContainer h1:before {left:50%;margin-left:-25px;}
.searchPersonnesContainer{padding:20px 0 80px;}
.post-type-archive-personne .searchPersonnesContainer form{height:60px;padding:15px 60px 15px 20px;}
.post-type-archive-personne .searchPersonnesContainer form > label input[type=search]{font-size:14px;padding:0;}
.post-type-archive-personne .searchPersonnesContainer form > input[type=submit]{width:60px;height:60px;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
#searchMouvements{padding:0 20px;}
.searchMouvementsContainer p.title{text-align:center;}
.searchMouvementsContainer p.title:before {left:50%;margin-left:-25px;}
.searchMouvementsContainer{padding:20px 0 80px;}
.post-type-archive-mouvement .searchMouvementsContainer form{height:60px;padding:15px 60px 15px 20px;}
.post-type-archive-mouvement .searchMouvementsContainer form > label input[type=search]{font-size:14px;padding:0;}
.post-type-archive-mouvement .searchMouvementsContainer form > input[type=submit]{width:60px;height:60px;-webkit-background-size:40px;-moz-background-size:40px;background-size:40px;}
.post-type-archive-mouvement .searchMouvementsContainer form > label select.search-field{font-size:14px;}
.post-type-archive-mouvement .searchMouvementsContainer form.search-form-tag > label:after{width:35px;}
.articlePopupContainer{width:auto;left:20px;right:20px;margin-left:0;}
.articlePopup .contenuPopup .leftPopup{padding:0;}
}
@media screen and (max-width: 579px){
.blockAnnuairesContainer .annuaire a{display:block;padding:250px 40px 40px;height:auto;text-align:center;}
.blockAnnuairesContainer .annuaireParoisses a{background-position:center 20px;}
.blockAnnuairesContainer .annuairePersonnes a{background-position:center 20px;}
.blockAnnuairesContainer .annuaireMouvements a{background-position:center 20px;}
.blockAnnuairesContainer .annuaireParoisses a:hover{background-position:center 30px!important;}
.blockAnnuairesContainer .annuairePersonnes a:hover{background-position:center 30px!important;}
.blockAnnuairesContainer .annuaireMouvements a:hover{background-position:center 30px!important;}
.personnesListContainer .personne{width:100%;padding:0 20px 20px;}
.articlePopup .contenuPopup .leftPopup .imagePopup{width:150px;height:150px;}
.formulaireContactContainer .close,
.articlePopup .entetePopup h3{font-size:25px;}
}
@media screen and (max-width: 479px){
#tabContact .personne{width:100%;padding:0 0 20px 0;}
#tabContact .personne:nth-child(2n){padding:0 0 20px 0;}
#tabContact .personne:last-child{padding:0 0 0 0!important;}
.articlePopup .contenuPopup .leftPopup{width:100%;}
.articlePopup .contenuPopup .rightPopup{width:100%;padding:30px 0 0;}
.formulaireContactContainer .close,
.articlePopup .entetePopup h3{font-size:20px;}
}