/*
@btn-default-color: #2A2F30;
@btn-default-bg: #FFF;
@btn-default-border: @cnaf-color-gray-medium;
*/
#theme-header-caf
{
z-index: 30000000;
width: 100%;
/************************/
/* DEFINITIONS GENRALES */
/************************/
/* Surcharge px->rem */
/* Fin surcharge px->rem */
/* Positionnement de la popup modal sous header et barre d'etapes fixes */
/* Liens **/
/*
font-weight equivalence
100=thin
200=extra light
300=light
400=normal
500=medium
600=semi bold
700=bold
800=extra bold
900=black(heavy)
*/
/* Pour forcer le non affichage d'un element quand il y une classe css boostrap visible-* */
/**********/
/* GRID */
/**********/
/********
/* Alignement Responsive des textes selon les medias */
background-color: #09204e;
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
}
#theme-header-caf pre
{
font-size: .9375rem;
}
@media (max-width: 767px)
{
#theme-header-caf pre
{
font-size: .92857143rem;
}
}
#theme-header-caf .lead
{
font-size: 1.15rem;
font-weight: 300;
line-height: 1.4;
margin-bottom: 22px;
}
@media (min-width: 768px)
{
#theme-header-caf .lead
{
font-size: 1.5rem;
}
}
#theme-header-caf .panel-title
{
font-size: 1.125rem;
margin-top: 0;
margin-bottom: 0;
color: inherit;
}
#theme-header-caf .panel-title > a,
#theme-header-caf .panel-title > small,
#theme-header-caf .panel-title > .small,
#theme-header-caf .panel-title > small > a,
#theme-header-caf .panel-title > .small > a
{
color: inherit;
}
#theme-header-caf .form-control-static
{
min-height: 38px;
}
#theme-header-caf .form-group-sm .form-control-static
{
min-height: 36px;
}
#theme-header-caf .form-group-lg .form-control-static
{
min-height: 42px;
}
#theme-header-caf .modal
{
z-index: 80000000 !important;
}
#theme-header-caf .modal-backdrop
{
z-index: 79999999 !important;
}
#theme-header-caf .zindexModalSession
{
z-index: 80000001 !important;
}
@media print
{
#theme-header-caf a[href]:after
{
content: none !important;
}
}
#theme-header-caf a:active
{
color: #fff !important;
}
#theme-header-caf .lien-evitement-cnaf
{
position: absolute;
left: -9999px;
overflow: hidden;
margin: -1px;
padding: 0;
border: 0;
}
#theme-header-caf .lien-evitement-cnaf.focus,
#theme-header-caf .lien-evitement-cnaf:focus
{
left: 0;
}
#theme-header-caf ul.nav a:hover,
#theme-header-caf ul.nav a:focus
{
background-color: transparent;
}
#theme-header-caf h1,
#theme-header-caf .h1
{
font-family: 'robotoblack', sans-serif;
font-size: 2.5rem;
font-weight: 900;
line-height: 48px;
letter-spacing: -1px;
}
#theme-header-caf h2,
#theme-header-caf .h2
{
font-family: 'robotoblack', sans-serif;
font-size: 2.125rem;
font-weight: 900;
line-height: 42px;
letter-spacing: -1px;
}
#theme-header-caf h3,
#theme-header-caf .h3
{
font-family: 'robotoblack', sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 34px;
letter-spacing: -1px;
}
#theme-header-caf h4,
#theme-header-caf .h4
{
font-family: 'robotoblack', sans-serif;
font-size: 1.125rem;
font-weight: 900;
line-height: 24px;
}
#theme-header-caf h5,
#theme-header-caf .h5
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 500;
line-height: 24px;
}
#theme-header-caf h6,
#theme-header-caf .h6
{
font-family: 'Roboto', sans-serif;
font-size: .875rem;
font-weight: 500;
letter-spacing: 1px;
}
@media (max-width: 1023px)
{
#theme-header-caf h1,
#theme-header-caf .h1
{
font-size: 1.5rem;
line-height: normal;
}
#theme-header-caf h2,
#theme-header-caf .h2
{
font-size: 1.125rem;
line-height: 24px;
}
#theme-header-caf h3,
#theme-header-caf .h3
{
font-size: 1rem;
line-height: 24px;
}
#theme-header-caf h4,
#theme-header-caf .h4
{
font-size: .875rem;
line-height: 20px;
}
#theme-header-caf h5,
#theme-header-caf .h5
{
font-size: .875rem;
}
#theme-header-caf h6,
#theme-header-caf .h6
{
font-size: .75rem;
}
}
#theme-header-caf p,
#theme-header-caf li,
#theme-header-caf .text-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 300;
line-height: 24px;
}
#theme-header-caf a:not(.btn-primary-cnaf):not(.btn-secondary-cnaf)
{
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 500;
}
#theme-header-caf .theme-header-item-caf ul li.li-espaces a
{
font-weight: 500 !important;
}
@media (max-width: 1023px)
{
#theme-header-caf p,
#theme-header-caf li,
#theme-header-caf .text-cnaf
{
font-size: 1rem;
}
}
#theme-header-caf .caption-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 300;
line-height: 24px;
}
@media (max-width: 1023px)
{
#theme-header-caf .caption-cnaf
{
font-size: .75rem;
line-height: 18px;
}
}
@media (max-width: 1023px)
{
#theme-header-caf .text-small-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: .875rem;
font-weight: 300;
line-height: 20px;
}
}
#theme-header-caf .content-jsp-data-cnaf
{
margin-top: 0;
margin-bottom: 30px;
}
#theme-header-caf .hidden-cnaf
{
display: none !important;
}
@media (min-width: 768px)
{
#theme-header-caf .no-padding-left-sm-cnaf
{
padding-left: 0;
}
}
#theme-header-caf .text-xs-left
{
text-align: left;
}
#theme-header-caf .text-xs-right
{
text-align: right;
}
#theme-header-caf .text-xs-center
{
text-align: center;
}
#theme-header-caf .text-xs-justify
{
text-align: justify;
}
@media (min-width: 768px)
{
#theme-header-caf .text-sm-left
{
text-align: left;
}
#theme-header-caf .text-sm-right
{
text-align: right;
}
#theme-header-caf .text-sm-center
{
text-align: center;
}
#theme-header-caf .text-sm-justify
{
text-align: justify;
}
}
@media (min-width: 1024px)
{
#theme-header-caf .text-md-left
{
text-align: left;
}
#theme-header-caf .text-md-right
{
text-align: right;
}
#theme-header-caf .text-md-center
{
text-align: center;
}
#theme-header-caf .text-md-justify
{
text-align: justify;
}
}
@media (min-width: 1320px)
{
#theme-header-caf .text-lg-left
{
text-align: left;
}
#theme-header-caf .text-lg-right
{
text-align: right;
}
#theme-header-caf .text-lg-center
{
text-align: center;
}
#theme-header-caf .text-lg-justify
{
text-align: justify;
}
}
#theme-header-caf ul
{
margin: 0;
padding: 0;
}
#theme-header-caf ul li
{
list-style-type: none;
}
#theme-header-caf .no-padding-right
{
padding-right: 0 !important;
}
#theme-header-caf .no-margin-left
{
margin-left: 0 !important;
}
#theme-header-caf a
{
color: #fff !important;
}
#theme-header-caf a:hover,
#theme-header-caf a:focus
{
text-decoration: none !important;
}
#theme-header-caf .panel-collapse a
{
color: #2a2f30 !important;
}
#theme-header-caf #dropdownEspaces
{
text-decoration: none;
}
#theme-header-caf #theme-header-menu-links
{
padding: 0 80px;
background-color: #dce3f2;
}
#theme-header-caf #theme-header-menu-links ul li
{
display: inline-block;
margin: 0 20px;
}
#theme-header-caf #theme-header-menu-links a
{
display: inline-block;
padding-top: 1rem;
padding-bottom: 1rem;
text-decoration: none;
color: #2a2f30 !important;
border-bottom: .25rem solid transparent;
}
#theme-header-caf #theme-header-menu-links a:hover
{
border-color: #013593;
}
#theme-header-caf .btn
{
padding: 0 6px;
border: 0;
}
#theme-header-caf .btn:active
{
font-weight: normal;
background-color: #013593;
}
#theme-header-caf .btn-recherche-caf:active
{
background-color: #09204e;
/* variable less */
}
#theme-header-caf .btn-logo-caf img
{
height: 45px;
}
#theme-header-caf #theme-header-content-caf
{
display: flex;
height: 62px;
align-items: stretch;
}
#theme-header-caf .theme-header-item-caf
{
margin: 0 1px;
}
#theme-header-caf .theme-header-item-caf a
{
font-size: .9375rem !important;
font-weight: 400 !important;
line-height: 18px;
}
#theme-header-caf .theme-header-item-caf a span:not(.picto):not(.caret)
{
margin-bottom: 8px;
}
#theme-header-caf .theme-header-item-caf > *:not(.collapse)
{
display: flex;
height: 100%;
align-items: center;
}
#theme-header-caf #theme-header-content-caf .fill-remaining-space
{
flex: auto;
}
#theme-header-caf .dropdown-caf,
#theme-header-caf .dropdown-caf .dropdown-menu
{
background-color: #013593;
}
#theme-header-caf .dropdown-caf #dropdownEspaces
{
display: flex;
height: 100%;
padding: 0 30px;
align-items: center;
}
#theme-header-caf .dropdown-caf #dropdownEspaces .caret
{
margin-left: 15px;
}
#theme-header-caf .dropdown-caf .dropdown-menu
{
width: 100%;
margin: 0;
padding: 0;
border-top: 0;
}
#theme-header-caf .dropdown-caf .dropdown-menu a
{
padding: 15px 30px;
}
#theme-header-caf .dropdown-caf .dropdown-menu a:hover,
#theme-header-caf .dropdown-caf .dropdown-menu a:focus
{
background-color: #09204e;
}
#theme-header-caf #btn-menu-deconnexion-moncompte-caf.btn,
#theme-header-caf #btn-menu-moncompte-caf.btn,
#theme-header-caf #btn-menu-ma-caf.btn,
#theme-header-caf #btn-menu-accessibilite-caf.btn,
#theme-header-caf #btn-enveloppe-caf.btn
{
flex-direction: column;
padding: 0 10px 0 10px;
}
#theme-header-caf #btn-menu-ma-caf.btn
{
flex-direction: row;
}
#theme-header-caf #btn-menu-deconnexion-moncompte-caf.btn .picto,
#theme-header-caf #btn-menu-moncompte-caf.btn .picto,
#theme-header-caf #btn-menu-ma-caf.btn .picto,
#theme-header-caf #btn-menu-accessibilite-caf.btn .picto,
#theme-header-caf #btn-enveloppe-caf.btn .picto
{
width: 22px;
height: 22px;
margin: auto;
background-size: contain;
}
#theme-header-caf #btn-enveloppe-caf.btn .picto
{
position: relative;
}
#theme-header-caf #btn-enveloppe-caf.btn .badge-alert-caf
{
position: absolute;
top: -2px;
right: -5px;
padding: 6px;
background-color: #d60600;
}
#theme-header-caf #btn-menu-moncompte-caf[data-toggle='collapse']:not(.collapsed)
{
background-color: #013593;
}
#theme-header-caf .btn-domaine-caf img
{
height: 25px;
}
#theme-header-caf .picto-ma-caf
{
background-image: url(/icfstatiquesangularappli/dist/images/Icon_Small_Pin.svg);
}
#theme-header-caf .picto-mon-compte
{
background-image: url(/icfstatiquesangularappli/dist/images/Icon_Small_Moncompte.svg);
}
#theme-header-caf .picto-accessibilite-close
{
width: 25px !important;
height: 32px !important;
background-image: url(/icfstatiquesangularappli/dist/images/Contrast.svg);
}
#theme-header-caf .picto-accessibilite-open
{
width: 25px !important;
height: 32px !important;
background-image: url(/icfstatiquesangularappli/dist/images/Standard.svg);
}
#theme-header-caf .picto-mon-compte-deconnexion
{
background-image: url(/icfstatiquesangularappli/dist/images/Deconnexion.svg);
}
#theme-header-caf .picto-enveloppe-blanc
{
background-image: url(/icfstatiquesangularappli/dist/images/Courrier.svg);
}
#theme-header-caf .btn-recherche-caf
{
background-color: #013593;
}
#theme-header-caf .btn-recherche-caf .picto-recherche
{
width: 35px;
height: 35px;
background-image: url(/icfstatiquesangularappli/dist/images/search.svg);
}
#theme-header-caf #btn-menu-moncompte-caf.btn[data-toggle]::after
{
display: block;
width: 0;
height: 0;
margin-bottom: 11px;
content: '';
border-top: 8px solid #fff;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
#theme-header-caf #theme-header-menu-links a.text-primary,
#theme-header-caf #theme-header-content-caf a span.text-primary,
#theme-header-caf #theme-header-content-caf a.text-primary
{
color: #013593 !important;
}
#theme-header-caf .btn-burger-caf
{
width: 45px;
margin-left: 0;
padding: 0 10px;
}
#theme-header-caf a.btn.btn-burger-caf:not(.collapsed)
{
background-color: #013593;
}
#theme-header-caf .btn-burger-caf span.picto-burger,
#theme-header-caf .btn-burger-caf span.picto-burger:before,
#theme-header-caf .btn-burger-caf span.picto-burger:after
{
position: absolute;
display: block;
width: 22px;
height: 2.2px !important;
content: '';
cursor: pointer;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 1px;
background: white;
}
#theme-header-caf .btn-burger-caf span.picto-burger:before
{
top: -11px;
}
#theme-header-caf .btn-burger-caf span.picto-burger:after
{
bottom: -11px;
}
#theme-header-caf .btn-burger-caf[aria-expanded='true'] span.picto-burger
{
background-color: transparent;
}
#theme-header-caf .btn-burger-caf[aria-expanded='true'] span.picto-burger:before,
#theme-header-caf .btn-burger-caf[aria-expanded='true'] span.picto-burger:after
{
top: 0;
}
#theme-header-caf .btn-burger-caf[aria-expanded='true'] span.picto-burger:before
{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#theme-header-caf .btn-burger-caf[aria-expanded='true'] span.picto-burger:after
{
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#theme-header-caf #theme-header-menu-caf
{
background-color: #f3f4fa;
}
#theme-header-caf #theme-header-menu-caf ul li a
{
display: block;
padding: 10px;
}
#theme-header-caf #theme-header-menu-caf .panel-group
{
width: 100vw;
margin: 0;
}
#theme-header-caf #theme-header-menu-caf .panel-group .panel,
#theme-header-caf #theme-header-menu-caf .panel-default > .panel-heading
{
background-color: transparent;
}
#theme-header-caf #theme-header-menu-caf .panel-group .panel
{
margin: 0;
border-top: 0;
border-right: 0;
border-left: 0;
}
#theme-header-caf #theme-header-menu-caf .panel-default > .panel-heading
{
padding: 0 10px;
color: #fff;
background-color: #013593;
}
#theme-header-caf #theme-header-menu-caf .panel-title a
{
padding: 10px 0;
}
#theme-header-caf #theme-header-menu-caf .panel-title > a
{
text-decoration: none;
}
#theme-header-caf #theme-header-menu-caf .panel-heading .accordion-toggle:after
{
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings';
float: right;
content: '\e260';
}
#theme-header-caf #theme-header-menu-caf .panel-heading .accordion-toggle.collapsed:after
{
/* symbol for "collapsed" panels */
content: '\e259';
}
@media (max-width: 1023px)
{
#theme-header-caf
{
/* variable less MD */
}
#theme-header-caf .no-padding-left-xs-sm
{
padding-left: 0;
}
}
@media (min-width: 1024px)
{
#theme-header-caf #theme-header-content-caf
{
height: 65px;
}
#theme-header-caf #btn-menu-ma-caf.btn
{
flex-direction: column;
}
#theme-header-caf #btn-menu-deconnexion-moncompte-caf.btn,
#theme-header-caf #btn-menu-moncompte-caf.btn,
#theme-header-caf #btn-menu-ma-caf.btn,
#theme-header-caf #btn-menu-accessibilite-caf.btn,
#theme-header-caf #btn-enveloppe-caf.btn
{
padding-right: 15px;
padding-left: 15px;
}
#theme-header-caf .btn-domaine-caf img
{
height: 32px;
}
#theme-header-caf .btn-recherche-caf .picto-recherche
{
width: 53px;
height: 53px;
}
#theme-header-caf #btn-menu-deconnexion-moncompte-caf.btn .picto,
#theme-header-caf #btn-menu-moncompte-caf.btn .picto,
#theme-header-caf #btn-menu-ma-caf.btn .picto,
#theme-header-caf #btn-menu-accessibilite-caf.btn .picto,
#theme-header-caf #btn-enveloppe-caf.btn .picto
{
margin-bottom: 5px;
}
#theme-header-caf .picto-accessibilite-close,
#theme-header-caf .picto-accessibilite-open
{
margin-bottom: 0 !important;
}
}
#theme-menu-moncompte-collapse-caf
{
position: absolute;
z-index: 20000000;
top: 62px;
right: 20px;
width: 280px;
background-color: #f3f4fa;
/* height of #theme-header-caf #theme-header-content-caf */
/*
a.btn-secondary-cnaf {
font-weight: 900;
line-height: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
a.btn-secondary-cnaf {
background-color: @cnaf-bg-color-white;
color: @brand-primary !important;
border: 2px solid @brand-primary;
font-size: .875rem;
}
a.btn-secondary-cnaf:hover, a.btn-secondary-cnaf:focus, a.btn-secondary-cnaf:active {
color: @cnaf-color-bleu-instit !important;
border-color: @cnaf-color-bleu-instit;
}*/
}
#theme-menu-moncompte-collapse-caf a,
#theme-menu-moncompte-collapse-caf a:active
{
color: #2a2f30 !important;
}
#theme-menu-moncompte-collapse-caf ul li a[data-toggle='dropdown']:after
{
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings';
float: right;
content: '\e259';
}
#theme-menu-moncompte-collapse-caf ul li .dropdown-toggle:after
{
/* symbol for "collapsed" dropdown */
content: '\e259';
}
#theme-menu-moncompte-collapse-caf ul li.open .dropdown-toggle:after
{
/* symbol for "opening" dropdown */
content: '\e260';
}
#theme-menu-moncompte-collapse-caf ul li .dropdown-menu a
{
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 639px)
{
#theme-menu-moncompte-collapse-caf
{
/* background-color: black; */
}
#theme-menu-moncompte-collapse-caf ul li .dropdown-menu a
{
font-size: .875rem;
}
}
@media (min-width: 1024px)
{
#theme-menu-moncompte-collapse-caf
{
top: 65px;
right: 180px;
/* height of #theme-header-caf #theme-header-content-caf */
}
}
#modal-popup-geoloc .modal-header,
#modal-popup-geoloc .modal-body
{
padding: 20px;
}
#modal-popup-geoloc .modal-dialog
{
width: 80%;
min-width: 280px;
max-width: 800px;
margin-right: auto;
margin-left: auto;
}
#modal-popup-geoloc .modal-content
{
background-color: #f3f4fa;
}
#modal-popup-geoloc a
{
color: #013593;
}
#modal-popup-geoloc #titreModalGeoloc
{
font-size: 1rem;
}
#modal-popup-geoloc #titreModalGeoloc img
{
width: 40px;
margin-right: 15px;
}
#modal-popup-geoloc button.close-cnaf
{
background-image: url(/icfstatiquesangularappli/dist/images/croix.svg);
}
#modal-popup-geoloc .modal-header
{
border: 0;
}
#modal-popup-geoloc input#code-postal-caf
{
width: 150px;
margin: 10px auto 25px auto;
border: 0;
border-bottom: 2px solid #013593;
}
#modal-popup-geoloc #code-postal-caf::placeholder
{
font-size: .75rem;
}
#modal-popup-geoloc .ui-autocomplete
{
overflow-x: hidden;
overflow-y: auto;
max-height: 110px;
}
#modal-popup-geoloc a.ui-state-active
{
text-decoration: none;
color: #fff;
border: 1px solid #013593;
background-color: #013593;
}
#modal-popup-geoloc .btn-primary-cnaf
{
margin-top: 20px;
margin-bottom: 10px;
}
@media (min-width: 1024px)
{
#modal-popup-geoloc #titreModalGeoloc
{
font-size: 1.5rem;
}
}
#theme-contenu-cnaf.main-page-refonte
{
background-color: #fff;
/************************/
/* DEFINITIONS GENRALES */
/************************/
/* Surcharge px->rem */
/* Fin surcharge px->rem */
/* Positionnement de la popup modal sous header et barre d'etapes fixes */
/* Liens **/
/*a:active {
color: @cnaf-color-white !important;
}*/
/*
font-weight equivalence
100=thin
200=extra light
300=light
400=normal
500=medium
600=semi bold
700=bold
800=extra bold
900=black(heavy)
*/
/* Titre des blocs */
/*
p, li, .text-cnaf{
font-family: @font-family-sans-serif;
font-size: @cnaf-font-size-text;
font-weight: @cnaf-font-weight-3;
line-height: 24px;
}
a{
font-family: @font-family-sans-serif;
font-size: 1rem;
font-weight: @cnaf-font-weight-5;
}
@media (max-width: @screen-sm-max) {//max 1023px
p, li, .text-cnaf{
font-size: @cnaf-font-size-text-mobile;
}
}
.caption-cnaf{
font-family: @font-family-sans-serif;
font-size: @cnaf-font-size-text;
font-weight: @cnaf-font-weight-3;
line-height: 24px;
}
@media (max-width: @screen-sm-max) {//max 1023px
.caption-cnaf{
font-size: @cnaf-font-size-caption-mobile;
line-height: 18px;
}
}
@media (max-width: @screen-sm-max) {//max 1023px
.text-small-cnaf{
font-family: @font-family-sans-serif;
font-weight: @cnaf-font-weight-3;
font-size: @cnaf-font-size-text-small-mobile;
line-height: 20px;
}
}*/
/* Pour forcer le non affichage d'un element quand il y une classe css boostrap visible-* */
/**********/
/* GRID */
/**********/
/********
/* Alignement Responsive des textes selon les medias */
/*
.btn-primary-cnaf, .btn-secondary-cnaf {
font-weight: 900;
line-height: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
color: @cnaf-color-white;
margin: 10px;
}
.btn-primary-cnaf {
background-color: @brand-bg-primary;
font-size: .875rem;
border: 2px solid @brand-primary;
}
.btn-primary-cnaf:hover, .btn-primary-cnaf:focus {
background-color: @cnaf-bg-color-bleu-instit;
border-color: @cnaf-color-bleu-instit;
}
.btn-secondary-cnaf {
background-color: @cnaf-bg-color-white;
color: @brand-primary !important;
border: 2px solid @brand-primary;
font-size: .875rem;
}
.btn-secondary-cnaf:hover, .btn-secondary-cnaf:focus, .btn-secondary-cnaf:active {
color: @cnaf-color-bleu-instit !important;
border-color: @cnaf-color-bleu-instit;
}
@media (min-width: @screen-md) {
.btn-primary-cnaf, .btn-secondary-cnaf {
font-size: 1rem;
line-height: 16px;
padding-left: 30px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 16px;
}
}*/
}
#theme-contenu-cnaf.main-page-refonte pre
{
font-size: .9375rem;
}
@media (max-width: 767px)
{
#theme-contenu-cnaf.main-page-refonte pre
{
font-size: .92857143rem;
}
}
#theme-contenu-cnaf.main-page-refonte .lead
{
font-size: 1.15rem;
font-weight: 300;
line-height: 1.4;
margin-bottom: 22px;
}
@media (min-width: 768px)
{
#theme-contenu-cnaf.main-page-refonte .lead
{
font-size: 1.5rem;
}
}
#theme-contenu-cnaf.main-page-refonte .panel-title
{
font-size: 1.125rem;
margin-top: 0;
margin-bottom: 0;
color: inherit;
}
#theme-contenu-cnaf.main-page-refonte .panel-title > a,
#theme-contenu-cnaf.main-page-refonte .panel-title > small,
#theme-contenu-cnaf.main-page-refonte .panel-title > .small,
#theme-contenu-cnaf.main-page-refonte .panel-title > small > a,
#theme-contenu-cnaf.main-page-refonte .panel-title > .small > a
{
color: inherit;
}
#theme-contenu-cnaf.main-page-refonte .form-control-static
{
min-height: 38px;
}
#theme-contenu-cnaf.main-page-refonte .form-group-sm .form-control-static
{
min-height: 36px;
}
#theme-contenu-cnaf.main-page-refonte .form-group-lg .form-control-static
{
min-height: 42px;
}
#theme-contenu-cnaf.main-page-refonte .modal
{
z-index: 80000000 !important;
}
#theme-contenu-cnaf.main-page-refonte .modal-backdrop
{
z-index: 79999999 !important;
}
#theme-contenu-cnaf.main-page-refonte .zindexModalSession
{
z-index: 80000001 !important;
}
@media print
{
#theme-contenu-cnaf.main-page-refonte a[href]:after
{
content: none !important;
}
}
#theme-contenu-cnaf.main-page-refonte ul.nav a:hover,
#theme-contenu-cnaf.main-page-refonte ul.nav a:focus
{
background-color: transparent;
}
#theme-contenu-cnaf.main-page-refonte .container
{
width: 100%;
max-width: calc(100% - 5rem);
margin: 0 auto;
padding-right: 0;
padding-left: 0;
/*100%-80px */
}
@media (max-width: 767px)
{
#theme-contenu-cnaf.main-page-refonte .container
{
max-width: calc(100% - 2.5rem);
/*100%-40px */
}
}
@media (min-width: 1320px)
{
#theme-contenu-cnaf.main-page-refonte .container
{
width: 1240px;
}
}
#theme-contenu-cnaf.main-page-refonte .container-fluid
{
margin-right: auto;
margin-left: auto;
padding-right: calc(5rem / 2);
padding-left: calc(5rem / 2);
}
@media (min-width: 1320px)
{
#theme-contenu-cnaf.main-page-refonte .container-fluid
{
width: 1320px;
}
}
@media (max-width: 767px)
{
#theme-contenu-cnaf.main-page-refonte .container-fluid
{
padding-right: calc(2.5rem / 2);
padding-left: calc(2.5rem / 2);
}
}
#theme-contenu-cnaf.main-page-refonte .breadcrumb
{
background-color: #fff;
}
#theme-contenu-cnaf.main-page-refonte h1,
#theme-contenu-cnaf.main-page-refonte .h1
{
font-family: 'robotoblack', sans-serif;
font-size: 2.5rem;
font-weight: 900;
line-height: 48px;
letter-spacing: -1px;
}
#theme-contenu-cnaf.main-page-refonte h2,
#theme-contenu-cnaf.main-page-refonte .h2
{
font-family: 'robotoblack', sans-serif;
font-size: 2.125rem;
font-weight: 900;
line-height: 42px;
letter-spacing: -1px;
}
#theme-contenu-cnaf.main-page-refonte h3,
#theme-contenu-cnaf.main-page-refonte .h3
{
font-family: 'robotoblack', sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 34px;
letter-spacing: -1px;
}
#theme-contenu-cnaf.main-page-refonte h4,
#theme-contenu-cnaf.main-page-refonte .h4
{
font-family: 'robotoblack', sans-serif;
font-size: 1.125rem;
font-weight: 900;
line-height: 24px;
}
#theme-contenu-cnaf.main-page-refonte h5,
#theme-contenu-cnaf.main-page-refonte .h5
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 500;
line-height: 24px;
}
#theme-contenu-cnaf.main-page-refonte h6,
#theme-contenu-cnaf.main-page-refonte .h6
{
font-family: 'Roboto', sans-serif;
font-size: .875rem;
font-weight: 500;
letter-spacing: 1px;
}
@media (max-width: 1023px)
{
#theme-contenu-cnaf.main-page-refonte h1,
#theme-contenu-cnaf.main-page-refonte .h1
{
font-size: 1.5rem;
line-height: normal;
}
#theme-contenu-cnaf.main-page-refonte h2,
#theme-contenu-cnaf.main-page-refonte .h2
{
font-size: 1.125rem;
line-height: 24px;
}
#theme-contenu-cnaf.main-page-refonte h3,
#theme-contenu-cnaf.main-page-refonte .h3
{
font-size: 1rem;
line-height: 24px;
}
#theme-contenu-cnaf.main-page-refonte h4,
#theme-contenu-cnaf.main-page-refonte .h4
{
font-size: .875rem;
line-height: 20px;
}
#theme-contenu-cnaf.main-page-refonte h5,
#theme-contenu-cnaf.main-page-refonte .h5
{
font-size: .875rem;
}
#theme-contenu-cnaf.main-page-refonte h6,
#theme-contenu-cnaf.main-page-refonte .h6
{
font-size: .75rem;
}
}
#theme-contenu-cnaf.main-page-refonte p,
#theme-contenu-cnaf.main-page-refonte li,
#theme-contenu-cnaf.main-page-refonte .text-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 300;
line-height: 24px;
}
#theme-contenu-cnaf.main-page-refonte a:not(.btn-primary-cnaf):not(.btn-secondary-cnaf)
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 500;
line-height: 18px;
}
@media (max-width: 1023px)
{
#theme-contenu-cnaf.main-page-refonte p,
#theme-contenu-cnaf.main-page-refonte li,
#theme-contenu-cnaf.main-page-refonte .text-cnaf
{
font-size: 1rem;
}
#theme-contenu-cnaf.main-page-refonte a:not(.btn-primary-cnaf):not(.btn-secondary-cnaf)
{
font-size: .875rem;
line-height: 14px;
}
}
#theme-contenu-cnaf.main-page-refonte .caption-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: .875rem;
font-weight: 300;
line-height: 24px;
}
@media (max-width: 1023px)
{
#theme-contenu-cnaf.main-page-refonte .caption-cnaf
{
font-size: .75rem;
line-height: 18px;
}
}
@media (max-width: 1023px)
{
#theme-contenu-cnaf.main-page-refonte .text-small-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: .875rem;
font-weight: 300;
line-height: 20px;
}
}
#theme-contenu-cnaf.main-page-refonte .row[class*='conteneur-'][class*='-cnaf'] > [class*='col-'] > *:not(.progress)
{
margin: 0;
padding: 0;
}
#theme-contenu-cnaf.main-page-refonte .titre-bloc-cnaf
{
clear: both;
color: #2a2f30;
}
#theme-contenu-cnaf.main-page-refonte .titre-bloc-cnaf > a:hover,
#theme-contenu-cnaf.main-page-refonte .titre-bloc-cnaf > a:focus,
#theme-contenu-cnaf.main-page-refonte .titre-bloc-cnaf > a:active
{
text-decoration: none;
color: #2a2f30 !important;
}
#theme-contenu-cnaf.main-page-refonte .titre-bloc-cnaf > a
{
color: #2a2f30 !important;
}
#theme-contenu-cnaf.main-page-refonte .content-jsp-data-cnaf
{
margin-top: 0;
margin-bottom: 30px;
}
#theme-contenu-cnaf.main-page-refonte .hidden-cnaf
{
display: none !important;
}
@media (min-width: 768px)
{
#theme-contenu-cnaf.main-page-refonte .no-padding-left-sm-cnaf
{
padding-left: 0;
}
}
#theme-contenu-cnaf.main-page-refonte .text-xs-left
{
text-align: left;
}
#theme-contenu-cnaf.main-page-refonte .text-xs-right
{
text-align: right;
}
#theme-contenu-cnaf.main-page-refonte .text-xs-center
{
text-align: center;
}
#theme-contenu-cnaf.main-page-refonte .text-xs-justify
{
text-align: justify;
}
@media (min-width: 768px)
{
#theme-contenu-cnaf.main-page-refonte .text-sm-left
{
text-align: left;
}
#theme-contenu-cnaf.main-page-refonte .text-sm-right
{
text-align: right;
}
#theme-contenu-cnaf.main-page-refonte .text-sm-center
{
text-align: center;
}
#theme-contenu-cnaf.main-page-refonte .text-sm-justify
{
text-align: justify;
}
}
@media (min-width: 1024px)
{
#theme-contenu-cnaf.main-page-refonte .text-md-left
{
text-align: left;
}
#theme-contenu-cnaf.main-page-refonte .text-md-right
{
text-align: right;
}
#theme-contenu-cnaf.main-page-refonte .text-md-center
{
text-align: center;
}
#theme-contenu-cnaf.main-page-refonte .text-md-justify
{
text-align: justify;
}
}
@media (min-width: 1320px)
{
#theme-contenu-cnaf.main-page-refonte .text-lg-left
{
text-align: left;
}
#theme-contenu-cnaf.main-page-refonte .text-lg-right
{
text-align: right;
}
#theme-contenu-cnaf.main-page-refonte .text-lg-center
{
text-align: center;
}
#theme-contenu-cnaf.main-page-refonte .text-lg-justify
{
text-align: justify;
}
}
#theme-contenu-cnaf.main-page-refonte .filet-top-cnaf,
#theme-contenu-cnaf.main-page-refonte .filet-bottom-cnaf,
#theme-contenu-cnaf.main-page-refonte .filet-left-cnaf,
#theme-contenu-cnaf.main-page-refonte .filet-right-cnaf
{
opacity: .2;
}
#theme-contenu-cnaf.main-page-refonte .filet-top-cnaf
{
border-top: 1px solid #013593;
}
#theme-contenu-cnaf.main-page-refonte .filet-bottom-cnaf
{
border-bottom: 1px solid #013593;
}
#theme-contenu-cnaf.main-page-refonte .filet-left-cnaf
{
border-top: 1px solid #013593;
}
#theme-contenu-cnaf.main-page-refonte .filet-right-cnaf
{
border-right: 1px solid #013593;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-texte2
{
color: #525252;
}
#theme-contenu-cnaf.main-page-refonte .bleu-caf
{
color: #013593;
}
#theme-contenu-cnaf.main-page-refonte .bg-bleu-caf
{
background-color: #013593;
}
#theme-contenu-cnaf.main-page-refonte .bleu-instit
{
color: #09204e;
}
#theme-contenu-cnaf.main-page-refonte .bg-bleu-instit
{
background-color: #09204e;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-accident-vie
{
color: #d13956;
}
#theme-contenu-cnaf.main-page-refonte .bg-cnaf-accident-vie
{
background-color: #d13956;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-handicap
{
color: #249e7d;
}
#theme-contenu-cnaf.main-page-refonte .bg-cnaf-handicap
{
background-color: #249e7d;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-logement
{
color: #ab6eb4;
}
#theme-contenu-cnaf.main-page-refonte .bg-cnaf-logement
{
background-color: #ab6eb4;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-vie-perso
{
color: #e45687;
}
#theme-contenu-cnaf.main-page-refonte .bg-cnaf-vie-perso
{
background-color: #e45687;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-vie-pro
{
color: #4a9acb;
}
#theme-contenu-cnaf.main-page-refonte .bg-cnaf-vie-pro
{
background-color: #4a9acb;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-background1
{
background-color: #f3f4fa;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-background2
{
background-color: #dbe3f4;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-error
{
color: #d60600;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-bg-error
{
background-color: #d60600;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-valid
{
color: #00b477;
}
#theme-contenu-cnaf.main-page-refonte .cnaf-bg-valid
{
background-color: #00b477;
}
#theme-contenu-cnaf.main-page-refonte .texte-blanc-cnaf
{
color: #fff;
}
#theme-contenu-cnaf.main-page-refonte .picto-chevron-bas
{
background-image: url('/icfstatiquesangularappli/dist/images/Icon_Big_arrow_down_gray.svg');
}
#theme-contenu-cnaf.main-page-refonte .picto-chevron-haut
{
background-image: url('/icfstatiquesangularappli/dist/images/Icon_Big_arrow_up_white.svg');
}
#theme-contenu-cnaf.main-page-refonte .collapse-ferme-cnaf,
#theme-contenu-cnaf.main-page-refonte .collapse-ouvert-cnaf
{
display: flex;
min-height: 4.25rem;
padding: 0 30px;
align-items: center;
justify-content: space-between;
}
#theme-contenu-cnaf.main-page-refonte .collapse-ferme-cnaf
{
margin: 10px 0;
background-color: #f3f4fa;
}
#theme-contenu-cnaf.main-page-refonte .collapse-ouvert-cnaf
{
background-color: #013593;
}
#theme-contenu-cnaf.main-page-refonte .collapse-ouvert-cnaf > a,
#theme-contenu-cnaf.main-page-refonte .collapse-ouvert-cnaf > a:hover,
#theme-contenu-cnaf.main-page-refonte .collapse-ouvert-cnaf > a:focus,
#theme-contenu-cnaf.main-page-refonte .collapse-ouvert-cnaf > a:active
{
text-decoration: none;
color: #fff !important;
}
#theme-contenu-cnaf.main-page-refonte .collapse-ferme-cnaf > a,
#theme-contenu-cnaf.main-page-refonte .collapse-ferme-cnaf > a:hover,
#theme-contenu-cnaf.main-page-refonte .collapse-ferme-cnaf > a:focus,
#theme-contenu-cnaf.main-page-refonte .collapse-ferme-cnaf > a:active
{
text-decoration: none;
color: #2a2f30 !important;
}
#theme-contenu-cnaf.main-page-refonte .collapse-title-cnaf
{
width: 90%;
}
#theme-contenu-cnaf.main-page-refonte .collapse-body-cnaf
{
padding: 30px;
background-color: #f3f4fa;
}
@media (max-width: 767px)
{
#theme-contenu-cnaf.main-page-refonte .cnaf-margin-mobile
{
margin-right: -20px !important;
margin-left: -20px !important;
}
#theme-contenu-cnaf.main-page-refonte .collapse-ferme-cnaf,
#theme-contenu-cnaf.main-page-refonte .collapse-ouvert-cnaf,
#theme-contenu-cnaf.main-page-refonte .collapse-body-cnaf
{
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px)
{
#theme-contenu-cnaf.main-page-refonte .cnaf-margin-mobile
{
margin-right: -40px !important;
margin-left: -40px !important;
}
#theme-contenu-cnaf.main-page-refonte .collapse-ferme-cnaf,
#theme-contenu-cnaf.main-page-refonte .collapse-ouvert-cnaf,
#theme-contenu-cnaf.main-page-refonte .collapse-body-cnaf
{
padding-right: 40px !important;
padding-left: 40px !important;
}
}
#theme-contenu-cnaf.main-page-refonte .btn-primary-cnaf,
#theme-contenu-cnaf.main-page-refonte .btn-secondary-cnaf
{
margin: 10px;
}
@media (max-width: 767px)
{
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a,
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-body
{
padding-right: 20px !important;
padding-left: 20px !important;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a:after
{
margin-right: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1023px)
{
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a,
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-body
{
padding-right: 40px !important;
padding-left: 40px !important;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a:after
{
margin-right: 0 !important;
}
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel
{
border: 0;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel + .panel
{
margin-top: 10px;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading
{
padding: 0;
background-color: #f3f4fa;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a
{
display: flex;
padding: 17px 30px;
text-decoration: none;
align-items: center;
justify-content: space-between;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a span
{
width: 90%;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a:not(.collapsed)
{
color: #fff !important;
background-color: #013593;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a.collapsed:active
{
color: unset !important;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a:after
{
width: 20px;
height: 20px;
margin-top: 6px;
content: '';
background-image: url('/icfstatiquesangularappli/dist/images/Icon_Big_arrow_up_white.svg');
background-repeat: no-repeat;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a.collapsed:after
{
background-image: url('/icfstatiquesangularappli/dist/images/Icon_Big_arrow_down_gray.svg');
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-heading .panel-title > a:after:not(.collapsed)
{
color: #fff !important;
}
#theme-contenu-cnaf.main-page-refonte .panel-group.panel-group-cnaf .panel .panel-body
{
padding: 30px;
background-color: #f3f4fa;
}
#theme-contenu-cnaf.main-page-refonte input[type='radio'].radioEdito
{
position: relative;
top: 5px;
width: 1.5rem;
height: 1.5rem;
margin-right: 5px;
border: 2px solid #013593;
border-radius: 50%;
/* Add if not using autoprefixer */
-webkit-appearance: none;
-moz-appearance: none;
/* Remove most all native input styles */
appearance: none;
}
#theme-contenu-cnaf.main-page-refonte input[type='radio'].radioEdito:checked
{
padding: 4px;
border: 2px solid #013593;
background-color: #013593;
background-image: linear-gradient(to bottom, #013593 0%, #013593 100%), linear-gradient(to bottom, white 0%, white 100%);
background-clip: content-box, padding-box;
}
#theme-contenu-cnaf.main-page-refonte .has-error input[type='radio'].radioEdito
{
border: 2px solid #d60600;
}
#theme-contenu-cnaf.main-page-refonte .has-error input[type='radio'].radioEdito:checked
{
border: 2px solid #d60600;
background-color: #d60600;
background-image: linear-gradient(to bottom, #d60600 0%, #d60600 100%), linear-gradient(to bottom, white 0%, white 100%);
}
#theme-contenu-cnaf.main-page-refonte .labelRadio
{
font-size: 1.125rem;
font-weight: 500;
line-height: 24px;
margin-right: 10px;
color: #2a2f30;
}
@media (max-width: 1023px)
{
#theme-contenu-cnaf.main-page-refonte .labelRadio
{
font-size: .875rem;
font-weight: 400;
line-height: 0;
}
}
#theme-footer-caf
{
/* variable less */
color: #fff;
/************************/
/* DEFINITIONS GENRALES */
/************************/
/* Surcharge px->rem */
/* Fin surcharge px->rem */
/* Positionnement de la popup modal sous header et barre d'etapes fixes */
/* Liens **/
/*
font-weight equivalence
100=thin
200=extra light
300=light
400=normal
500=medium
600=semi bold
700=bold
800=extra bold
900=black(heavy)
*/
/* Pour forcer le non affichage d'un element quand il y une classe css boostrap visible-* */
/**********/
/* GRID */
/**********/
/********
/* Alignement Responsive des textes selon les medias */
background-color: #013593;
/*
a.btn-primary-cnaf, a.btn-secondary-cnaf {
font-weight: 900;
line-height: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
a.btn-primary-cnaf {
background-color: @brand-bg-primary;
font-size: .875rem;
}
a.btn-primary-cnaf:hover, a.btn-primary-cnaf:focus {
background-color: @cnaf-bg-color-bleu-instit;
}
a.btn-secondary-cnaf {
background-color: @cnaf-bg-color-white;
color: @brand-primary !important;
border: 2px solid @brand-primary;
font-size: .875rem;
}
a.btn-secondary-cnaf:hover, a.btn-secondary-cnaf:focus, a.btn-secondary-cnaf:active {
color: @cnaf-color-bleu-instit !important;
border-color: @cnaf-color-bleu-instit;
}*/
}
#theme-footer-caf pre
{
font-size: .9375rem;
}
@media (max-width: 767px)
{
#theme-footer-caf pre
{
font-size: .92857143rem;
}
}
#theme-footer-caf .lead
{
font-size: 1.15rem;
font-weight: 300;
line-height: 1.4;
margin-bottom: 22px;
}
@media (min-width: 768px)
{
#theme-footer-caf .lead
{
font-size: 1.5rem;
}
}
#theme-footer-caf .panel-title
{
font-size: 1.125rem;
margin-top: 0;
margin-bottom: 0;
color: inherit;
}
#theme-footer-caf .panel-title > a,
#theme-footer-caf .panel-title > small,
#theme-footer-caf .panel-title > .small,
#theme-footer-caf .panel-title > small > a,
#theme-footer-caf .panel-title > .small > a
{
color: inherit;
}
#theme-footer-caf .form-control-static
{
min-height: 38px;
}
#theme-footer-caf .form-group-sm .form-control-static
{
min-height: 36px;
}
#theme-footer-caf .form-group-lg .form-control-static
{
min-height: 42px;
}
#theme-footer-caf .modal
{
z-index: 80000000 !important;
}
#theme-footer-caf .modal-backdrop
{
z-index: 79999999 !important;
}
#theme-footer-caf .zindexModalSession
{
z-index: 80000001 !important;
}
@media print
{
#theme-footer-caf a[href]:after
{
content: none !important;
}
}
#theme-footer-caf a:active:not(.btn-secondary-cnaf)
{
color: #fff !important;
}
#theme-footer-caf .lien-evitement-cnaf
{
position: absolute;
left: -9999px;
overflow: hidden;
margin: -1px;
padding: 0;
border: 0;
}
#theme-footer-caf .lien-evitement-cnaf.focus,
#theme-footer-caf .lien-evitement-cnaf:focus
{
left: 0;
}
#theme-footer-caf ul.nav a:hover,
#theme-footer-caf ul.nav a:focus
{
background-color: transparent;
}
#theme-footer-caf h1,
#theme-footer-caf .h1
{
font-family: 'robotoblack', sans-serif;
font-size: 2.5rem;
font-weight: 900;
line-height: 48px;
letter-spacing: -1px;
}
#theme-footer-caf h2,
#theme-footer-caf .h2
{
font-family: 'robotoblack', sans-serif;
font-size: 2.125rem;
font-weight: 900;
line-height: 42px;
letter-spacing: -1px;
}
#theme-footer-caf h3,
#theme-footer-caf .h3
{
font-family: 'robotoblack', sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 34px;
letter-spacing: -1px;
}
#theme-footer-caf h4,
#theme-footer-caf .h4
{
font-family: 'robotoblack', sans-serif;
font-size: 1.125rem;
font-weight: 900;
line-height: 24px;
}
#theme-footer-caf h5,
#theme-footer-caf .h5
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 500;
line-height: 24px;
}
#theme-footer-caf h6,
#theme-footer-caf .h6
{
font-family: 'Roboto', sans-serif;
font-size: .875rem;
font-weight: 500;
letter-spacing: 1px;
}
@media (max-width: 1023px)
{
#theme-footer-caf h1,
#theme-footer-caf .h1
{
font-size: 1.5rem;
line-height: normal;
}
#theme-footer-caf h2,
#theme-footer-caf .h2
{
font-size: 1.125rem;
line-height: 24px;
}
#theme-footer-caf h3,
#theme-footer-caf .h3
{
font-size: 1rem;
line-height: 24px;
}
#theme-footer-caf h4,
#theme-footer-caf .h4
{
font-size: .875rem;
line-height: 20px;
}
#theme-footer-caf h5,
#theme-footer-caf .h5
{
font-size: .875rem;
}
#theme-footer-caf h6,
#theme-footer-caf .h6
{
font-size: .75rem;
}
}
#theme-footer-caf p,
#theme-footer-caf li,
#theme-footer-caf a:not(.btn-primary-cnaf):not(.btn-secondary-cnaf),
#theme-footer-caf .text-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 20px;
}
@media (max-width: 1023px)
{
#theme-footer-caf p,
#theme-footer-caf li,
#theme-footer-caf a:not(.btn-primary-cnaf):not(.btn-secondary-cnaf),
#theme-footer-caf .text-cnaf
{
font-size: 1rem;
}
}
#theme-footer-caf .caption-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: 1.125rem;
font-weight: 300;
line-height: 24px;
}
@media (max-width: 1023px)
{
#theme-footer-caf .caption-cnaf
{
font-size: .75rem;
line-height: 18px;
}
}
@media (max-width: 1023px)
{
#theme-footer-caf .text-small-cnaf
{
font-family: 'Roboto', sans-serif;
font-size: .875rem;
font-weight: 300;
line-height: 20px;
}
}
#theme-footer-caf .content-jsp-data-cnaf
{
margin-top: 0;
margin-bottom: 30px;
}
#theme-footer-caf .hidden-cnaf
{
display: none !important;
}
@media (min-width: 768px)
{
#theme-footer-caf .no-padding-left-sm-cnaf
{
padding-left: 0;
}
}
#theme-footer-caf .text-xs-left
{
text-align: left;
}
#theme-footer-caf .text-xs-right
{
text-align: right;
}
#theme-footer-caf .text-xs-center
{
text-align: center;
}
#theme-footer-caf .text-xs-justify
{
text-align: justify;
}
@media (min-width: 768px)
{
#theme-footer-caf .text-sm-left
{
text-align: left;
}
#theme-footer-caf .text-sm-right
{
text-align: right;
}
#theme-footer-caf .text-sm-center
{
text-align: center;
}
#theme-footer-caf .text-sm-justify
{
text-align: justify;
}
}
@media (min-width: 1024px)
{
#theme-footer-caf .text-md-left
{
text-align: left;
}
#theme-footer-caf .text-md-right
{
text-align: right;
}
#theme-footer-caf .text-md-center
{
text-align: center;
}
#theme-footer-caf .text-md-justify
{
text-align: justify;
}
}
@media (min-width: 1320px)
{
#theme-footer-caf .text-lg-left
{
text-align: left;
}
#theme-footer-caf .text-lg-right
{
text-align: right;
}
#theme-footer-caf .text-lg-center
{
text-align: center;
}
#theme-footer-caf .text-lg-justify
{
text-align: justify;
}
}
#theme-footer-caf img
{
height: 45px;
}
#theme-footer-caf ul
{
margin: 0;
padding: 0;
}
#theme-footer-caf ul li
{
list-style-type: none;
}
#theme-footer-caf a:not(.btn-secondary-cnaf)
{
color: #fff !important;
}
#theme-footer-caf .panel-group .panel,
#theme-footer-caf .panel-default > .panel-heading
{
background-color: transparent;
}
#theme-footer-caf .panel-group .panel
{
margin: 0;
padding: 10px;
border-color: rgba(255, 255, 255, .25);
border-top: 0;
border-right: 0;
border-left: 0;
}
#theme-footer-caf .panel-default > .panel-heading
{
padding: 0;
}
#theme-footer-caf .panel-title a
{
font-size: 1rem;
font-weight: 900;
line-height: 30px;
padding: 5px 0;
}
#theme-footer-caf .panel-title > a
{
text-decoration: none;
}
#theme-footer-caf .panel-heading .accordion-toggle:after
{
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings';
float: right;
content: '\e260';
}
#theme-footer-caf .panel-heading .accordion-toggle.collapsed:after
{
/* symbol for "collapsed" panels */
content: '\e259';
}
#theme-footer-caf .row.display-flex
{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
#theme-footer-caf .row.display-flex > [class*='col-']
{
display: flex;
flex-flow: row wrap;
}
#theme-footer-caf .jumbotron
{
display: flex;
width: 100%;
margin: 0;
padding: 15px 0;
color: #2a2f30;
background-color: transparent;
flex-flow: column nowrap;
}
#theme-footer-caf .jumbotron p,
#theme-footer-caf .jumbotron .jumbotron-title
{
margin-top: auto;
padding-bottom: 15px;
}
#theme-footer-caf .jumbotron-title
{
margin-top: 0;
}
#theme-footer-caf .jumbotron-title img
{
margin-right: 5px;
}
#theme-footer-caf p.jumbotron-button
{
padding: 0 !important;
}
#theme-footer-caf .theme-footer-up-row-caf
{
background-color: #f3f4fa;
}
#theme-footer-caf .theme-footer-up-left-caf
{
background-color: #09204e;
}
#theme-footer-caf .theme-footer-up-left-caf .panel-title
{
font-size: 1.375rem;
font-weight: 900;
line-height: 28px;
padding-top: 10px;
}
#theme-footer-caf .theme-footer-up-left-caf .panel-link
{
display: block;
margin: 20px 0;
}
#theme-footer-caf .theme-footer-up-left-caf .panel-link img
{
display: block;
margin-top: 10px;
}
#theme-footer-caf .theme-footer-up-left-caf h2.panel-title
{
line-height: 24px;
}
#theme-footer-caf .theme-footer-up-left-caf a
{
font-size: 1rem !important;
font-weight: 500 !important;
line-height: 40px;
}
#theme-footer-caf .theme-footer-up-right-caf
{
background-color: #f3f4fa;
}
#theme-footer-caf .theme-footer-middle-block-title-caf
{
font-weight: 900;
margin-bottom: 20px;
}
#theme-footer-caf ul.theme-footer-middle-block-links-caf
{
padding: 0;
}
#theme-footer-caf ul.theme-footer-middle-block-links-caf a
{
font-size: .875rem !important;
font-weight: 500 !important;
display: block !important;
padding: 5px 0;
}
#theme-footer-caf .theme-footer-down-caf a
{
font-size: .75rem !important;
font-weight: 500 !important;
line-height: 14px !important;
}
#theme-footer-caf .theme-footer-down-caf ul
{
display: flex;
flex-direction: column;
padding-bottom: 2rem;
}
#theme-footer-caf .theme-footer-down-caf ul li
{
margin-right: 3.6rem;
padding-bottom: 10px;
}
@media (min-width: 1024px)
{
#theme-footer-caf
{
/*
a.btn-primary-cnaf, a.btn-secondary-cnaf {
font-size: 1rem;
line-height: 16px;
padding-left: 30px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 16px;
}*/
}
#theme-footer-caf .panel-group .panel
{
border-bottom: 0;
box-shadow: none;
}
#theme-footer-caf .jumbotron
{
padding: 20px 30px;
}
#theme-footer-caf .jumbotron p,
#theme-footer-caf .jumbotron .jumbotron-title
{
padding-bottom: 30px;
}
#theme-footer-caf .row.display-flex
{
flex-direction: row;
}
#theme-footer-caf .theme-footer-up-row-caf
{
position: relative;
}
#theme-footer-caf .theme-footer-up-left-caf
{
position: absolute;
z-index: 1;
height: 140%;
}
#theme-footer-caf .theme-footer-up-left-caf .panel-title
{
font-size: 2.125rem;
margin: 15px;
}
#theme-footer-caf .theme-footer-up-left-caf h2.panel-title
{
font-size: 1.5rem;
line-height: 42px;
}
#theme-footer-caf .theme-footer-up-left-caf .panel-link
{
line-height: 24px;
position: absolute;
top: 70%;
left: 0;
margin-left: 25px;
}
#theme-footer-caf .theme-footer-up-right-caf
{
min-height: 350px;
}
#theme-footer-caf .theme-footer-middle-caf
{
min-height: 150px;
padding-top: 2rem;
}
#theme-footer-caf .theme-footer-middle-block-caf
{
padding-top: 40px;
padding-left: 30px;
}
#theme-footer-caf .theme-footer-middle-block-links-caf
{
display: block;
height: auto !important;
}
#theme-footer-caf .theme-footer-down-caf
{
padding-top: 0;
}
#theme-footer-caf .theme-footer-down-caf a
{
font-size: .875rem !important;
font-weight: 500 !important;
padding-top: 49px;
}
#theme-footer-caf .theme-footer-down-caf ul
{
flex-direction: row;
}
}
.bootstrap-styles .modal-cnaf .close-cnaf
{
background-image: url(/icfstatiquesangularappli/dist/images/croix.svg);
}
.bootstrap-styles .modal-cnaf .modal-header
{
border: 0;
}
.bootstrap-styles .modal-cnaf .modal-content
{
background-color: #f3f4fa;
}
.bootstrap-styles .modal-cnaf h3,
.bootstrap-styles .modal-cnaf .h3
{
font-family: 'robotoblack', sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 34px;
letter-spacing: -1px;
}
@media (max-width: 1023px)
{
.bootstrap-styles .modal-cnaf h3,
.bootstrap-styles .modal-cnaf .h3
{
font-size: 1rem;
line-height: 24px;
}
}
.bootstrap-styles .overlay-caf
{
position: fixed;
z-index: 90000000;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .45;
background-color: #000;
}
.bootstrap-styles .m0-cnaf
{
margin: 0;
}
.bootstrap-styles .btn-primary-cnaf,
.bootstrap-styles .btn-secondary-cnaf,
.bootstrap-styles a.btn-primary-cnaf,
.bootstrap-styles a.btn-secondary-cnaf
{
font-weight: 900;
line-height: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
color: #fff;
}
.bootstrap-styles .btn-primary-cnaf,
.bootstrap-styles a.btn-primary-cnaf
{
font-size: .875rem;
border: 2px solid #013593;
background-color: #013593;
}
.bootstrap-styles .btn-primary-cnaf:hover,
.bootstrap-styles .btn-primary-cnaf:focus,
.bootstrap-styles .btn-primary-cnaf:active,
.bootstrap-styles .btn-primary-cnaf:active:hover,
.bootstrap-styles a.btn-primary-cnaf:hover,
.bootstrap-styles a.btn-primary-cnaf:focus,
.bootstrap-styles a.btn-primary-cnaf:active,
.bootstrap-styles a.btn-primary-cnaf:active:hover
{
font-weight: 900;
color: #fff;
border-color: #09204e;
background-color: #09204e;
}
.bootstrap-styles .btn-secondary-cnaf,
.bootstrap-styles a.btn-secondary-cnaf
{
font-size: .875rem;
color: #013593 !important;
border: 2px solid #013593;
background-color: #fff;
}
.bootstrap-styles .btn-secondary-cnaf:hover,
.bootstrap-styles .btn-secondary-cnaf:focus,
.bootstrap-styles .btn-secondary-cnaf:active,
.bootstrap-styles .btn-secondary-cnaf:active:hover,
.bootstrap-styles a.btn-secondary-cnaf:hover,
.bootstrap-styles a.btn-secondary-cnaf:focus,
.bootstrap-styles a.btn-secondary-cnaf:active,
.bootstrap-styles a.btn-secondary-cnaf:active:hover
{
font-weight: 900;
color: #09204e !important;
border-color: #09204e;
background-color: #fff;
}
@media (min-width: 1024px)
{
.bootstrap-styles .btn-primary-cnaf,
.bootstrap-styles .btn-secondary-cnaf,
.bootstrap-styles a.btn-primary-cnaf,
.bootstrap-styles a.btn-secondary-cnaf
{
font-size: 1rem;
line-height: 16px;
padding-top: 18px;
padding-right: 30px;
padding-bottom: 16px;
padding-left: 30px;
}
}
.modal-cnaf .close-cnaf
{
background-image: url(/icfstatiquesangularappli/dist/images/croix.svg);
}
.modal-cnaf .modal-header
{
border: 0;
}
.modal-cnaf .modal-content
{
background-color: #f3f4fa;
}
.modal-cnaf h3,
.modal-cnaf .h3
{
font-family: 'robotoblack', sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 34px;
letter-spacing: -1px;
}
@media (max-width: 1023px)
{
.modal-cnaf h3,
.modal-cnaf .h3
{
font-size: 1rem;
line-height: 24px;
}
}
.overlay-caf
{
position: fixed;
z-index: 90000000;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .45;
background-color: #000;
}
.m0-cnaf
{
margin: 0;
}
.btn-primary-cnaf,
.btn-secondary-cnaf,
a.btn-primary-cnaf,
a.btn-secondary-cnaf
{
font-weight: 900;
line-height: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
color: #fff;
}
.btn-primary-cnaf,
a.btn-primary-cnaf
{
font-size: .875rem;
border: 2px solid #013593;
background-color: #013593;
}
.btn-primary-cnaf:hover,
.btn-primary-cnaf:focus,
.btn-primary-cnaf:active,
.btn-primary-cnaf:active:hover,
a.btn-primary-cnaf:hover,
a.btn-primary-cnaf:focus,
a.btn-primary-cnaf:active,
a.btn-primary-cnaf:active:hover
{
font-weight: 900;
color: #fff;
border-color: #09204e;
background-color: #09204e;
}
.btn-secondary-cnaf,
a.btn-secondary-cnaf
{
font-size: .875rem;
color: #013593 !important;
border: 2px solid #013593;
background-color: #fff;
}
.btn-secondary-cnaf:hover,
.btn-secondary-cnaf:focus,
.btn-secondary-cnaf:active,
.btn-secondary-cnaf:active:hover,
a.btn-secondary-cnaf:hover,
a.btn-secondary-cnaf:focus,
a.btn-secondary-cnaf:active,
a.btn-secondary-cnaf:active:hover
{
font-weight: 900;
color: #09204e !important;
border-color: #09204e;
background-color: #fff;
}
@media (min-width: 1024px)
{
.btn-primary-cnaf,
.btn-secondary-cnaf,
a.btn-primary-cnaf,
a.btn-secondary-cnaf
{
font-size: 1rem;
line-height: 16px;
padding-top: 18px;
padding-right: 30px;
padding-bottom: 16px;
padding-left: 30px;
}
}
/*# sourceMappingURL=bootstrap-edito.css.map */