/* ==========================================================================
   BANC D'ESSAI — styles de base du thème Porto DNN du Conseil (CSCFN)
   --------------------------------------------------------------------------
   Relevés le 11 nov. 2026 sur https://www.franco-nord.ca/ (DNN 10.0.0,
   skin Porto : CSCFN.base.css + CSCFN.theme.css, Bootstrap 5.3.7).
   Seules les règles qui visent des ÉLÉMENTS HTML nus (p, h1…, a, ul,
   blockquote, header…) et le carrousel Owl ont été recopiées : ce sont
   celles qui peuvent « fuir » dans les modules du kit.

   Rôle : l'aperçu index.html charge ce fichier pour tester le kit dans les
   mêmes conditions que la production.  ⚠ NE PAS DÉPLOYER dans DNN.
   ========================================================================== */

/* --- DNN 10 default.css ---------------------------------------------------- */
a,address,article,b,blockquote,body,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,html,i,img,label,li,nav,ol,p,section,small,span,strong,sup,time,ul {margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;}
html {font-family: Arial, Helvetica, sans-serif; color: var(--dnn-color-foreground,#222); font-size: var(--dnn-base-font-size,16px);}
body {font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0px; background-color: var(--dnn-color-background,#fff);}
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif; font-weight: inherit; line-height: 1.4; margin-top: 1rem; margin-bottom: 0.75rem;}
p {margin-bottom: 1.125rem;}
a,a:visited {color: var(--dnn-color-primary,#028bff); text-decoration: underline;}
a:active,a:focus,a:hover {color: var(--dnn-color-foreground-light,#222);}
ol,ul {padding-inline-start: 1.5rem; list-style-position: outside;}
img {border: 0px; vertical-align: middle;}

/* --- Bootstrap 5.3.7 (reboot) — chargé par le CDN dans l'aperçu ------------ */

/* --- Porto (CSCFN.base.css / CSCFN.theme.css) ------------------------------ */
blockquote {padding: 10px 20px; margin: 0px 0px 20px; font-size: 17.5px; border-left: 5px solid rgb(238, 238, 238);}
a:hover {text-decoration: underline;}
label {margin-bottom: 0.5rem;}
body {background-color: rgb(255, 255, 255); color: rgb(119, 119, 119); font-family: "Open Sans", Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px;}
body a {text-decoration: none; outline: none !important;}
li {line-height: 24px;}
@media (max-width: 479px) { body {font-size: 13px;} }
header {position: relative; background: linear-gradient(rgb(246, 246, 246), rgb(255, 255, 255)); clear: both; min-height: 128px;}
h1,h2,h3,h4,h5,h6 {color: rgb(29, 33, 39); font-weight: 200; letter-spacing: -1px; margin: 0px;}
h1 {font-size: 2.6em; line-height: 44px; margin: 0px 0px 32px;}
h2 {font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0px 0px 32px;}
h3 {font-size: 1.8em; font-weight: 400; letter-spacing: normal; line-height: 24px; margin-bottom: 33px; text-transform: uppercase;}
h4 {font-size: 1.4em; font-weight: 400; letter-spacing: normal; line-height: 27px; margin: 0px 0px 14px;}
h5 {font-size: 1em; font-weight: 600; letter-spacing: normal; line-height: 18px; margin: 0px 0px 14px; text-transform: uppercase;}
h6 {color: rgb(51, 51, 51); font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0px 0px 14px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {font-size: inherit !important; font-family: inherit !important;}
@media (max-width: 479px) { h2 {line-height: 40px;} }
blockquote {border-left: 5px solid rgb(238, 238, 238); padding: 10px 20px; margin: 0px 0px 20px; font-size: 1em; font-style: normal;}
p {color: rgb(119, 119, 119); line-height: 24px; margin: 0px 0px 20px;}
a,a:hover,a:focus {color: rgb(204, 204, 204);}
form label {font-weight: normal;}
select {border: 1px solid rgb(229, 231, 233); border-radius: 6px; outline: none;}
hr {background-image: linear-gradient(to right, transparent, rgb(219, 219, 219), transparent); border: 0px; height: 1px; margin: 22px 0px;}
blockquote p {font-style: normal; font-family: "Open Sans", Arial, sans-serif;}
ul,ol {margin-left: 0px; margin-right: 0px; padding-left: 40px;}
li p {line-height: 24px;}
body,html {margin: 0px; padding: 0px; box-sizing: border-box;}
html header a {color: rgb(62, 59, 90); font-family: "Open Sans"; font-size: 11px;}
html header a:hover,html header a:focus {color: rgb(83, 79, 121); font-family: "Open Sans"; font-size: 11px;}
html header a:visited {color: rgb(41, 39, 59); font-family: "Open Sans"; font-size: 11px;}
html body {color: rgb(119, 119, 119); font-family: "Open Sans"; font-size: 14px;}
html h1 {color: rgb(51, 51, 51); font-family: "Open Sans"; font-size: 36px;}
html h2 {color: rgb(51, 51, 51); font-family: "Open Sans"; font-size: 30px;}
html h3 {color: rgb(51, 51, 51); font-family: "Open Sans"; font-size: 25px;}
html h4 {color: rgb(51, 51, 51); font-family: "Open Sans"; font-size: 20px;}
html h5 {color: rgb(51, 51, 51); font-family: "Open Sans"; font-size: 14px;}
html h6 {color: rgb(51, 51, 51); font-family: "Open Sans"; font-size: 14px;}
html p,html blockquote p {color: rgb(119, 119, 119); font-family: "Open Sans"; font-size: 14px;}
a {color: rgb(62, 59, 90); font-family: "Open Sans"; font-size: 14px;}
a:visited {color: rgb(62, 59, 90); font-family: "Open Sans"; font-size: 14px;}
a:hover,a:focus {color: rgb(62, 59, 90); font-family: "Open Sans"; font-size: 14px;}
a:active {color: rgb(62, 59, 90); font-family: "Open Sans"; font-size: 14px;}

/* --- Porto : carrousel Owl ------------------------------------------------- */
.owl-carousel {margin-bottom: 20px;}
.owl-carousel .owl-nav {top: 50%; position: absolute; margin-top: -20px; width: 100%;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {display: inline-block; position: absolute; width: 30px; height: 30px;}
.owl-carousel .owl-nav .owl-prev {left: -5px;}
.owl-carousel .owl-nav .owl-next {right: -5px;}
.owl-carousel .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: rgb(214, 214, 214); display: block; border-radius: 30px; border: 2px solid transparent;}
.owl-carousel .owl-dots, .owl-carousel.nav-bottom .owl-nav {text-align: center; margin-top: 10px;}
.owl-nav [class*="owl-"] {border-color: rgb(62, 59, 90) rgb(62, 59, 90) rgb(41, 39, 59) !important; color: white !important; background-color: rgb(62, 59, 90) !important;}