/*
packages list 2026 (ContentForfaits2)
everything is scoped under #frf2
*/

#frf2{
 padding:0 0 30px 0;
 font-family:'PT Sans',sans-serif;
 color:#333;
 box-sizing:border-box;
}

#frf2.frf2_grp_pg{
 padding-top:40px;
}

#frf2.frf2_grp_pg div.frf2_cards{
 margin-top:0;
}

#frf2 *{
 box-sizing:border-box;
}

/* intro (desjardins box) : left as is */

#frf2 div.frf2_intro{
 margin:25px 0 0 0;
}

/* tabs */

#frf2 div.frf2_tabs{
 display:flex;
 justify-content:center;
 gap:8px;
 margin:30px 0 10px 0;
 border-bottom:2px solid #d1e3f0;
}

#frf2 a.frf2_tab{
 display:block;
 padding:12px 30px;
 font-family:'Patua One',serif;
 font-size:20px;
 color:#666;
 text-decoration:none;
 border:2px solid transparent;
 border-bottom:none;
 border-radius:8px 8px 0 0;
 margin-bottom:-2px;
}

#frf2 a.frf2_tab:hover{
 color:#182c85;
}

#frf2[data-tab='p'] a.frf2_tab_p,
#frf2[data-tab='b'] a.frf2_tab_b{
 color:#182c85;
 background:#fff;
 border-color:#d1e3f0;
 border-bottom:2px solid #fff;
}

#frf2[data-tab='p'] div.frf2_pnl_b,
#frf2[data-tab='b'] div.frf2_pnl_p,
#frf2[data-tab='p'] a.frf2_cta_b,
#frf2[data-tab='b'] a.frf2_cta_p{
 display:none;
}

#frf2 .frf2_hide{
 display:none;
}

#frf2 h2.frf2_pnl_tlt{
 font-family:'Patua One',serif;
 font-weight:normal;
 color:#182c85;
 font-size:26px;
 margin:30px 0 0 0;
}

/* group */

#frf2 div.frf2_grp{
 margin:30px 0 0 0;
 padding:0 0 10px 0;
}

#frf2 div.frf2_grp_hd{
 display:flex;
 align-items:center;
 gap:16px;
 padding:0 0 14px 0;
 border-bottom:1px solid #e5e5e5;
}

#frf2 div.frf2_grp_logo{
 flex:0 0 56px;
 width:56px;
 height:56px;
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center;
}

#frf2 div.frf2_grp_txt{
 flex:1 1 auto;
 min-width:0;
}

#frf2 h3.frf2_grp_tlt{
 font-family:'Patua One',serif;
 font-weight:normal;
 font-size:22px;
 line-height:125%;
 margin:0;
 color:#182c85;
}

#frf2 h3.frf2_grp_tlt a{
 color:#182c85;
 text-decoration:none;
}

#frf2 h3.frf2_grp_tlt a:hover{
 text-decoration:underline;
}

#frf2 div.frf2_grp_desc{
 font-size:16px;
 line-height:140%;
 color:#666;
 margin:4px 0 0 0;
}

#frf2 div.frf2_grp_desc p{
 margin:0;
}

/* cards */

#frf2 div.frf2_cards{
 display:grid;
 grid-template-columns:repeat(2, minmax(0, 1fr));
 gap:20px;
 margin:20px 0 0 0;
}

#frf2 div.frf2_card{
 position:relative;
 display:flex;
 flex-direction:column;
 background:#fff;
 border:1px solid #d1e3f0;
 border-radius:10px;
 padding:22px 20px 20px 20px;
 box-shadow:0 2px 6px rgba(24,44,133,0.06);
 transition:box-shadow 0.2s, transform 0.2s;
}

#frf2 div.frf2_card:hover{
 box-shadow:0 8px 22px rgba(24,44,133,0.14);
 transform:translateY(-2px);
}

#frf2 div.frf2_sav{
 position:absolute;
 top:-15px;
 right:16px;
 background:#d2e4f2;
 color:#2b3990;
 font-weight:bold;
 font-size:15px;
 padding:7px 14px;
 border-radius:20px;
 white-space:nowrap;
}

#frf2 div.frf2_card_img{
 width:48px;
 height:48px;
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center;
}

#frf2 h4.frf2_card_tlt,
#frf2 h2.frf2_card_tlt{
 color:#182c85;
 font-family:'Patua One',serif;
 font-weight:normal;
 font-size:19px;
 line-height:125%;
 margin:12px 0 0 0;
}

#frf2 h4.frf2_card_tlt a,
#frf2 h2.frf2_card_tlt a{
 color:#182c85;
 text-decoration:none;
}

#frf2 h4.frf2_card_tlt a:hover{
 text-decoration:underline;
}

#frf2 div.frf2_prc{
 font-size:30px;
 font-weight:bold;
 color:#222;
 margin:10px 0 0 0;
}

#frf2 div.frf2_prc span.star{
 font-size:16px;
 vertical-align:super;
 color:#888;
}

#frf2 div.frf2_prc span.per_yr{
 font-size:16px;
 font-weight:normal;
 color:#666;
}

#frf2 div.frf2_desc{
 font-size:16px;
 line-height:140%;
 color:#555;
 margin:12px 0 0 0;
}

#frf2 div.frf2_desc p{
 margin:0 0 8px 0;
}

#frf2 a.frf2_getlt{
 display:block;
 text-decoration:none;
 margin:4px 0 0 0;
}

#frf2 a.frf2_getlt span.top_ln{
 display:block;
 font-size:16px;
 color:#333;
}

#frf2 a.frf2_getlt span.more{
 display:block;
 font-size:15px;
 color:#1c75bb;
 margin:4px 0 0 0;
}

#frf2 a.frf2_getlt:hover span.more{
 text-decoration:underline;
}

#frf2 div.frf2_inc{
 font-size:15px;
 color:#888;
 margin:14px 0 4px 0;
}

#frf2 ul.frf2_itm{
 list-style:none;
 margin:0;
 padding:0;
 flex:1 1 auto;
}

#frf2 ul.frf2_itm li{
 font-size:16px;
 line-height:135%;
 padding:4px 0 4px 22px;
 position:relative;
 color:#444;
}

#frf2 ul.frf2_itm li:before{
 content:'\2713';
 position:absolute;
 left:0;
 color:#00874e;
 font-weight:bold;
}

#frf2 ul.frf2_itm li a{
 color:#182c85;
 text-decoration:underline;
}

#frf2 ul.frf2_itm li a:hover{
 color:#1c75bb;
}

/* included / excluded options of a service : must stay visible (legal) */

#frf2 ul.frf2_itm ul.cred_opt{
 list-style:disc;
 margin:2px 0 4px 0;
 padding:0 0 0 18px;
}

#frf2 ul.frf2_itm ul.cred_opt li{
 font-size:13px;
 line-height:135%;
 color:#555;
 padding:1px 0;
}

#frf2 ul.frf2_itm ul.cred_opt li:before{
 content:none;
}

/* the little service icon instead of the check */

#frf2 ul.frf2_itm li.frf2_ico{
 padding-left:26px;
 background-repeat:no-repeat;
 background-position:0 6px;
 background-size:18px 18px;
}

#frf2 ul.frf2_itm li.frf2_ico:before{
 content:none;
}

#frf2 ul.frf2_itm li span.nb{
 font-weight:bold;
 color:#182c85;
}

#frf2 ul.frf2_itm li.more:before{
 content:'';
}

#frf2 ul.frf2_itm li.more a{
 color:#182c85;
 font-size:15px;
}

#frf2 div.frf2_card_btns{
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:8px;
 margin:18px 0 0 0;
}

#frf2 a.frf2_more{
 display:block;
 text-align:center;
 color:#1c75bb;
 font-size:15px;
 padding:4px 0 0 0;
 text-decoration:none;
}

#frf2 a.frf2_more:hover{
 text-decoration:underline;
}

/* add to cart */

#frf2 a.frf2_cart:link,
#frf2 a.frf2_cart:visited{
 display:inline-flex;
 align-items:center;
 gap:7px;
 padding:8px 18px 8px 14px;
 border-radius:5px;
 text-decoration:none;
 font-family:'PT Sans',sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#fff;
 background-color:#2b3990;
 white-space:nowrap;
}

#frf2 a.frf2_cart:hover{
 background-color:#1c75bb;
}

#frf2 a.frf2_cart span.car_im{
 flex:0 0 26px;
 width:26px;
 height:20px;
 background-image:url(img/pack_cart.png);
 background-repeat:no-repeat;
 background-position:center;
 background-size:contain;
}

/* buttons */

#frf2 a.frf2_btn{
 display:block;
 text-align:center;
 background:#2b3990;
 color:#fff;
 font-weight:bold;
 font-size:16px;
 padding:11px 16px;
 border-radius:6px;
 text-decoration:none;
 border:2px solid #2b3990;
}

#frf2 a.frf2_btn:hover{
 background:#1c75bb;
 border-color:#1c75bb;
}

#frf2 a.frf2_btn.frf2_btn_sec{
 background:#fff;
 color:#2b3990;
 border-color:#2b3990;
}

#frf2 a.frf2_btn.frf2_btn_sec:hover{
 background:#2b3990;
 color:#fff;
}

/* call to action */

#frf2 div.frf2_cta{
 margin:45px 0 0 0;
 padding:30px 20px;
 text-align:center;
 background:#eef5fb;
 border-radius:10px;
}

#frf2 div.frf2_cta h2{
 font-family:'Patua One',serif;
 font-weight:normal;
 color:#182c85;
 font-size:24px;
 margin:0;
}

#frf2 div.frf2_cta_btns{
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 gap:12px;
 margin:20px 0 0 0;
}

#frf2 div.frf2_cta_btns a.frf2_btn{
 min-width:220px;
}

#frf2 div.frf2_note{
 font-size:14px;
 color:#888;
 margin:20px 0 0 0;
}

/* responsive */

@media (max-width:640px){

 #frf2 div.frf2_cards{
  grid-template-columns:minmax(0, 1fr);
 }

 #frf2 div.frf2_grp_hd{
  flex-wrap:wrap;
 }

 #frf2 a.frf2_tab{
  padding:10px 16px;
  font-size:17px;
 }
}


/*
package page (ContentForfait2)
*/

/* the saving, in the heading of the list */

h2.pkg_srv_intro span.frf2_h_sav{
 font-family:'PT Sans',sans-serif;
 font-weight:bold;
 font-size:18px;
 color:#1c75bb;
 white-space:nowrap;
}

/* the services of the package : 2 columns of cards */

#srv_grp_lst.frf2_pkg_lst{
 display:grid;
 grid-template-columns:repeat(2, minmax(0, 1fr));
 gap:20px;
}

#srv_grp_lst.frf2_pkg_lst div.srv_blk{
 width:auto;
 padding:18px 18px 16px 18px;
 background:#fff;
 border:1px solid #d1e3f0;
 border-radius:10px;
 box-shadow:0 2px 6px rgba(24,44,133,0.06);
}

#srv_grp_lst.frf2_pkg_lst div.blk_tlt a,
#srv_grp_lst.frf2_pkg_lst div.blk_tlt a:visited{
 color:#182c85;
 text-decoration:underline;
}

#srv_grp_lst.frf2_pkg_lst div.blk_tlt a:hover{
 color:#1c75bb;
}

#srv_grp_lst.frf2_pkg_lst div.blk_desc{
 margin:4px 0 0 0;
}

#srv_grp_lst.frf2_pkg_lst div.pkg_srv_sub_notes{
 grid-column:1 / -1;
}

@media (max-width:640px){

 #srv_grp_lst.frf2_pkg_lst{
  grid-template-columns:minmax(0, 1fr);
 }
}


/*
search results (ContentSearch2)
*/

#srch2{
 font-family:'PT Sans',sans-serif;
 color:#555;
}

#srch2 h2.srch2_tlt{
 margin:0;
 padding:25px 0 8px 0;
 font-family:'Patua One',serif;
 font-size:26px;
 line-height:135%;
 font-weight:normal;
 color:#1c75bb;
}

#srch2 h2.srch2_tlt span.cnt{
 font-family:'PT Sans',sans-serif;
 font-size:18px;
 color:#999;
}

#srch2 ul.srch2_lst{
 list-style:none;
 margin:0;
 padding:0;
 overflow:hidden;
 border-top:1px solid #d1e3f0;
}

#srch2 ul.srch2_lst li{
 position:relative;
 margin:0;
 padding:10px 0 10px 30px;
 border-bottom:1px solid #d1e3f0;
 font-size:16px;
 line-height:135%;
 background-repeat:no-repeat;
 background-position:2px 13px;
 background-size:18px 18px;
}

/* no icon : the check */
#srch2 ul.srch2_lst li:before{
 content:'\2713';
 position:absolute;
 left:4px;
 top:10px;
 color:#00874e;
 font-weight:bold;
}

#srch2 ul.srch2_lst li.frf2_ico:before,
#srch2 ul.srch2_lst li.srch2_vid:before{
 content:none;
}

#srch2 ul.srch2_lst li.srch2_faq:before{
 content:'?';
 left:1px;
 top:12px;
 width:18px;
 height:18px;
 line-height:18px;
 border-radius:50%;
 background:#2b3990;
 color:#fff;
 font-size:12px;
 text-align:center;
}

#srch2 ul.srch2_lst li.srch2_vid{
 background-image:url(../out/img/video.gif);
 background-size:auto;
 background-position:2px 15px;
}

/* video with the youtube thumbnail */

#srch2 ul.srch2_lst li.srch2_thb{
 display:flex;
 align-items:flex-start;
 gap:16px;
 padding-left:0;
 background-image:none;
}

#srch2 ul.srch2_lst li.srch2_thb a.thb{
 flex:0 0 30%;
 max-width:160px;
 min-width:80px;
 display:block;
 position:relative;
 border-radius:6px;
 overflow:hidden;
 text-decoration:none;
}

#srch2 ul.srch2_lst li.srch2_thb a.thb img{
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:16 / 9;
 object-fit:cover;
}

/* the play button over the thumbnail */
#srch2 ul.srch2_lst li.srch2_thb a.thb:after{
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 width:0;
 height:0;
 margin:-11px 0 0 -7px;
 border-style:solid;
 border-width:11px 0 11px 18px;
 border-color:transparent transparent transparent #fff;
 filter:drop-shadow(0 0 3px rgba(0,0,0,0.6));
}

#srch2 ul.srch2_lst li.srch2_thb a.thb:hover img{
 opacity:0.85;
}

#srch2 ul.srch2_lst li.srch2_thb div.txt{
 flex:1 1 auto;
 min-width:0;
}

#srch2 ul.srch2_lst li a:link,
#srch2 ul.srch2_lst li a:visited{
 font-size:18px;
 font-weight:bold;
 color:#182c85;
 text-decoration:underline;
}

#srch2 ul.srch2_lst li a:hover{
 color:#1c75bb;
}

#srch2 ul.srch2_lst li span.prc{
 font-size:15px;
 font-weight:bold;
 color:#777;
 white-space:nowrap;
}

#srch2 ul.srch2_lst li div.desc{
 font-size:15px;
 line-height:135%;
 color:#555;
 margin:3px 0 0 0;
}

#srch2 ul.srch2_lst li div.desc p{
 margin:0;
}

@media (max-width:640px){

 #srch2 ul.srch2_lst li.srch2_thb{
  gap:10px;
 }

 #srch2 ul.srch2_lst li a:link,
 #srch2 ul.srch2_lst li a:visited{
  font-size:18px;
 }

 #srch2 ul.srch2_lst li span.prc{
  display:block;
 }
}