.title_star,.title_nostar{max-width:700px;display:inline-block;font-size:2.5rem;line-height:2.9rem;font-family:'Prata',sans-serif;padding:0 100px;overflow:hidden;position:relative;margin-bottom:50px}
.title_star::before,.title_star::after{content:'';position:absolute;top:-webkit-calc(50% - 10.5px);top:calc(50% - 10.5px);width:21px;height:21px;overflow:hidden;background:transparent url('https://www.sf-catholiques.com/medias/imports/alterna_star_21.svg') no-repeat right center;background-size:75px 21px;-webkit-transition:all 600ms;-o-transition:all 600ms;transition:all 600ms}
.title_star::before{right:100%}
.title_star::after{left:100%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.title_star.active::before{width:75px;right:-webkit-calc(100% - 75px);right:calc(100% - 75px)}
.title_star.active::after{width:75px;left:-webkit-calc(100% - 75px);left:calc(100% - 75px)}
.title_nostar{text-align:left;padding:0}
.title_sub_style1{padding:0;text-transform:uppercase;color:#ff9700;font-size:1.3125rem}
.unmarged{margin-bottom:2px!important}
footer{background-color:#1b355d;padding:30px 20px 0;color:#FFF;line-height:1rem;font-size:0.875rem;text-align:left}
footer .wrapped{padding:0}
a.starified:hover{color:#ff9700}
footer .title{display:block;text-transform:uppercase;margin-bottom:20px}
#sitemap{margin-right:10px}
.starified{display:block;color:#FFF;padding:0 15px;margin-bottom:2px;position:relative}
.starified::before{content:'';display:block;position:absolute;top:2px;left:0;width:10px;height:10px;background:url('https://www.sf-catholiques.com/medias/imports/alterna_star_21.svg') no-repeat right center;background-size:auto 10px}
#social_footer{margin:0 10px}
#social_footer span{display:inline-block;margin-right:20px;color:#FFF;font-size:1.8rem}
#social_footer a:hover{color:#ff9700}
#bottom_contact{margin:0 10px}
#legals{margin-left:10px}
#legals .title.marged{margin-top:20px;margin-bottom:0}
#legals .notes{margin-bottom:10px}
#copyright{font-size:0.75rem;padding:20px;text-align:center}
#copyright a{color:#FFF}
#copyright a:hover{color:#ff9700}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{width:calc(100% - 40px);margin:0 auto}
.tarteaucitronCTAButton{margin-bottom:10px}
@media screen and (max-width:1279px){a.starified:hover,#social_footer a:hover,#copyright a:hover{color:#FFF}}
@media screen and (max-width:1080px){.title_star,.title_nostar{max-width:98%;font-size:1.5rem;line-height:2rem;padding:0 50px}
.title_star.active::before{width:35px;right:-webkit-calc(100% - 35px);right:calc(100% - 35px)}
.title_star.active::after{width:35px;left:-webkit-calc(100% - 35px);left:calc(100% - 35px)}
footer nav,#social_footer,#bottom_contact{width:100%!important;margin-bottom:30px}
footer{text-align:center!important}
.starified{display:inline-block;color:#FFF;padding:0 15px;margin-bottom:5px;position:relative}
.starified:nth-child(even){width:100%}
.starified:nth-child(odd){width:100%}
.starified::before{display:inline-block;position:relative;top:auto;left:auto;margin-right:5px}
#social_footer{text-align:center}
#social_footer a{margin:0 10px}
#contactForm .choix{top:40px}
#legals{width:100%}}::placeholder{color:#fffef3}
#contactForm .checkField{font-size:1.1rem;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;margin-bottom:20px;position:relative}
#contactForm .inner{width:-webkit-calc(100% - 340px);width:calc(100% - 340px);height:100%;align-items:center;align-content:center}
#contactForm .checkField label.item{width:280px;height:50px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;align-content:center;background:#1b355d;color:#FFF;padding:10px;border-radius:0 0 0 20px}
#contactForm .checkField input,.radio .checkmark{border:1px solid #1b355d;background:#fffef3;font-size:1.25rem;height:45px;border-radius:30px;padding-top:5px;text-transform:uppercase;color:#1b355d}
#contactForm .checkField input[type=text]{padding:5px 20px;width:-webkit-calc(100% - 340px);width:calc(100% - 340px)}
.radio{width:-webkit-calc( (100% - 60px) / 3);width:calc( (100% - 60px) / 3);height:45px;margin-right:20px;position:relative}
.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.radio .checkmark,.select{display:inline-block;color:#1b355d;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;align-content:center;cursor:pointer;padding-bottom:3px}
.radio input:checked ~ .checkmark{background-color:#1b355d;color:#FFF}
#contactForm .click{border-radius:30px;cursor:pointer;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;text-align:left;width:-webkit-calc(100% - 340px);width:calc(100% - 340px);height:46px;border:none;position:absolute;z-index:1;top:2px;right:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#contactForm .click.active{z-index:3}
#contactForm .click svg{width:28px;margin-left:10px;-webkit-transition:transform 500ms;-o-transition:transform 500ms;transition:transform 500ms}
#contactForm .click.active svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
#contactForm .click.active path{fill:#FFF}
#contactForm .choix{display:none;position:absolute;z-index:2;top:4px;right:0;width:220px;padding:40px 15px 10px;background:#1b355d;color:#FFF;text-transform:uppercase;border-radius:20px}
#contactForm .choix mark{cursor:pointer;display:block;width:100%;border:none;border-bottom:1px solid #fffef3;background:transparent;color:#FFF;font-size:1rem;text-transform:uppercase;padding:10px 5px 8px;-webkit-transition:color 500ms;-o-transition:color 500ms;transition:color 500ms}
#contactForm .choix mark:last-child,#contactForm .choix mark:last-of-type{border:none}
#contactForm .choix mark:hover{color:#ff9700}
.select{position:relative;width:-webkit-calc( (100% - 40px) / 3);width:calc( (100% - 40px) / 3)}
#contactForm .select .click{width:100%;top:0;right:0}
#contactForm .select .click.active svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
#contactForm .select .choix{top:auto;bottom:3px;right:-1px;padding:10px 15px 40px}
#contactForm .select input[type=text]{width:100%}
.submit{position:relative;margin-top:40px}
.submit input[type=submit]{cursor:pointer;height:65px;border:none;background:transparent;color:transparent;position:absolute;z-index:50;top:0;left:-webkit-calc(50% - 125px);left:calc(50% - 125px)}
.submit span{-webkit-transition:all 300ms!important;-o-transition:all 300ms!important;transition:all 300ms!important}
.submit input[type=submit]:hover + span{background-color:#ff9700;color:#FFF}
@media screen and (max-width:1080px){::placeholder{color:#1b355d;font-size:1.1rem}
form{margin:0 auto;width:-webkit-calc(100vw - 40px);width:calc(100vw - 40px)}
#contactForm .checkField label.tohide{display:none}
#contactForm .checkField label.item{width:100%;justify-content:flex-start;font-size:1.2rem;border-radius:0;height:auto;padding:2px 0 8px;color:#1b355d;background:transparent}
#contactForm .checkField input[type="text"]{width:100%}
#contactForm .inner{width:100%}
#contactForm .click{width:100%;top:32px}
#contactForm .choix{top:32px}
.radio{width:120px}
.radio:last-child{margin-right:0}
.select{width:250px}
.radio .checkmark,.select{letter-spacing:0;white-space:nowrap}
#contactForm .checkField input,.radio .checkmark{font-size:1.1rem}}
@media screen and (max-width:480px){.radio{width:auto;margin-right:10px}
.radio .checkmark{padding:3px 15px}}@-webkit-keyframes fade-in{0%{opacity:0}
100%{opacity:1}}
@keyframes fade-in{0%{opacity:0}
100%{opacity:1}}
@keyframes circleIn{0%{right:-100px;opacity:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
100%{right:20px;opacity:1;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
10%{-webkit-transform:scale(0.91);transform:scale(0.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
33%{-webkit-transform:scale(0.87);transform:scale(0.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
10%{-webkit-transform:scale(0.91);transform:scale(0.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
33%{-webkit-transform:scale(0.87);transform:scale(0.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}