/* cmsms stylesheet: ARG Foundation modified: dimanche 4 mai 2025 10:33:11 */
@charset "UTF-8";
/*
Correspondance entre les valeurs numériques et les noms
100 : Extra Light (Ultra Light)
200 : Thin (Hairline)
300 : Light
400 : Roman (Normal)
500 : Medium
600 : Semi Bold (Demi Bold)
700 : Bold
800 : Heavy (Extra Bold ou Ultra Bold)
900 : Black
*/

@font-face {
	font-family: 'OpenSans';
	src: url('https://annerosegoyet.be/assets/fonts/opensans-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('https://annerosegoyet.be/assets/fonts/opensans-italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'OpenSans';
	src: url('https://annerosegoyet.be/assets/fonts/opensans-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('https://annerosegoyet.be/assets/fonts/opensans-lightitalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'OpenSans';
	src: url('https://annerosegoyet.be/assets/fonts/opensans-semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('https://annerosegoyet.be/assets/fonts/opensans-semibolditalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'OpenSans';
	src: url('https://annerosegoyet.be/assets/fonts/opensans-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('https://annerosegoyet.be/assets/fonts/opensans-bolditalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Barlow';
	src: url('https://annerosegoyet.be/assets/fonts/barlow-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow';
	src: url('https://annerosegoyet.be/assets/fonts/barlow-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'BarlowCondensed';
	src: url('https://annerosegoyet.be/assets/fonts/barlow-condensed-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BarlowCondensed';
	src: url('https://annerosegoyet.be/assets/fonts/barlow-condensed-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

/*valeurs prédéfinies*/


/*default link styles*/
a, a:link, a:active {
	color: #1b1b1b;
}
a:visited {
	color: #1b1b1b;
}
a:hover {
	/*text-decoration: none;*/
	color: #1b1b1b;
}


/***** BASE *****/
body {
	font-family: OpenSans, "Helvetica Neue", Helvetica, sans-serif;
	/*
	color: #333;
	background-color: #1b1b1b;
	*/
}

.conteneur {
	max-width: 1400px;
	margin: 0 auto 0 auto;
}
.off-canvas-content {
	position: relative;
	background: transparent url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#forme-verte) no-repeat top -15rem left -15rem;
	background-size: 70%;
	/*overflow-x: hidden;*/
	/*overflow-y: visible;*/
}
.dessin {
	position: absolute;
	width:50rem;
	max-width:90%;
	height:50rem;
	top:5rem;
	left:-8rem;
	background: transparent url(https://annerosegoyet.be/assets/images/dessin-010.svg) no-repeat bottom left;
	background-size: auto;
	z-index:-2;
}
.forme-orange {
	position: absolute;
	width:25rem;
	max-width:50%;
	height:25rem;
	bottom: -3rem;
	background: transparent url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#forme-orange-1) no-repeat top left;
	background-size: auto;
	z-index:-3;
}
.forme-jaune {
	position: absolute;
	width:35rem;
	max-width:70%;
	height:35rem;
	right: 1rem;
	top: 8rem;
	background: transparent url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#forme-jaune-1) no-repeat center right;
	background-size: auto;
	z-index:-1;
}
.bulle1 {
	width: 90%;
	max-width: 50rem;
	margin: 2rem auto;
}
h1, h2, h3, h4, h5, h6 {
	/*
	font-family: NeoSans, sans-serif;
	font-weight: 700;
	*/
	font-family:Barlow;
	font-weight: bold;
}
h3, h4, h5, h6 {
	margin: 1em 0 .1em 0;
}
h2 + h3, h3 + h4, h5 + h5, h5 + h6,
.contenu .grid-x + h4,
.contenu .grid-x .cell :first-child {
	margin-top: 0;
}


p, ol, ul, ol ol, ol ul, ul ol, ul ul {
	/*margin-bottom: .7rem;*/
}
/*
p + ul {
	margin-bottom: .6rem;
}
*/
.petit, .note, .acces { font-size: .8rem; color: #666;}
.acces {font-family: BarlowCondensed;}
.acces::before {
	/*content: "➤ "*/
	/*content:url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#user1);*/
	/*
	background-image: url('https://annerosegoyet.be/assets/images/pictos-et-formes.svg#user1');
    background-size: .7rem;
    display: inline-block;
    width: .7rem; 
    height: .7rem;
    content:"";
    */
}
.acces .icon-user {
	width: .7rem;
	height: .7rem;
	margin-right: .2rem;
	background: #666;
	vertical-align: sub;
}
.legende { margin-top:.3rem; line-height: 1.1; }
.encart { font-size: .9rem; }
small {color: #666;}
strong, b { font-weight: 700; }
.a-droite { float: right; margin: .4rem 0 .4rem 1rem; max-width: 100px; }
.a-gauche { float: left; margin: .4rem 1rem .4rem 0; max-width: 100px; }
.rouge { color: #ae0827; }
.gris { color: #666; font-size: .8rem;}
.masque {display: none;}
h3 .date {font-weight:300; color:#666;}


/*** Header ***/
header {
	/*background: linear-gradient(90deg, pink 50%, cyan 50%, pink 80%);*/
}
header a, header a:link, header a:active {
	color: #ffc03b;
}
header a:visited {
	color: #ffc03b;
}
header a:hover {
	/*text-decoration: none;*/
	color: #ffc03b;
}
header h1 {
	margin:0;
	padding: 0 2rem;
	max-width: 30rem;
	/*
	max-width: 90rem;
	margin: .2rem auto .2rem auto;
	line-height: 1;
	*/
}
header h1 a {
	display: block;
}
header h1 a img {
	margin: 1rem 0;
}
header nav {
	font-family:BarlowCondensed;
	font-size:1.5rem;
}
header .menu {
	/*
	max-width: 90rem;
	margin: 0 auto 0 auto;
	*/
}
header .menu a, header .menu a:link, header .menu a:active, header .menu a:visited {
	color: #1b1b1b;
}
header .menu a:hover,
header .menu .rubactive>a,
.menu .parentactive>a,
.dropdown.menu>li.is-active>a {
	color: white;
	background-color: #f4d029;
}
.is-dropdown-submenu,
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
	border: unset;
	background: #f4d029;
}

header .m1 {
	text-align: right;
}
header .menu-icon {
	margin: .8rem .8rem .5rem 0;
	vertical-align: top;
}
header .menu-icon::after {
	background: #000;
	-webkit-box-shadow: 0 7px 0 #000,0 14px 0 #000;
	box-shadow: 0 7px 0 #000,0 14px 0 #000;
}
.icon-user,
.icon-sign-out,
.icon-search,
.icon-ext-link {
	position: relative;
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background: #000;
	-webkit-mask-size: cover;
	mask-size: cover;
}
.icon-user {
	-webkit-mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#user1);
	mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#user1);
}
.icon-sign-out {
	-webkit-mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#sign-out);
	mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#sign-out);
}
.icon-search {
	-webkit-mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#loupe2);
	mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#loupe2);
}
.icon-ext-link {
	-webkit-mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#ext-link2);
	mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#ext-link2);
}
/* pas utilisé
.icon-cours-audio {
	position: relative;
	display: inline-block;
	width: 12rem;
	height: 12rem;
	background: #ffc03b;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#cours-audio);
	mask: url(https://annerosegoyet.be/assets/images/pictos-et-formes.svg#cours-audio);
	float: right;
	margin: .4rem 0 .4rem 1rem;
}
*/

button.btn-txt {
	cursor: pointer;
	color: #ffc03b;
	font-weight: bold;
}
button.btn-txt:hover {
	color: #666;
}
button.icon-user,
button.icon-search {
	margin: .7rem 1.1rem .5rem 0;
	cursor: pointer;
}
button.icon-user:hover,
button.icon-user:focus,
a:hover .icon-sign-out,
a:focus .icon-sign-out,
.icon-search:hover,
.icon-search:focus {
	background: #666;
}
span.icon-user {
	margin-right: .5rem;
}
span.icon-sign-out {
	background: #ffc03b;
	vertical-align:middle;
}

.icon-ext-link {
	background: #ae0827;
}
.btn-ext-link,
.btn-ext-link:link,
.btn-ext-link:active,
.btn-ext-link:visited
/*
header .menu a.btn-ext-link,
header .menu a.btn-ext-link:link,
header .menu a.btn-ext-link:active,
header .menu a.btn-ext-link:visited */{
	color: #ae0827 !important;
	/*font-weight: bold;*/
}
.btn-ext-link:hover,
.btn-ext-link:focus{
	color: #fff !important;
}
a:hover .icon-ext-link,
a:focus .icon-ext-link {
	background: #fff;
}

.btn {
	color: #ffc03b;
}

/* Formulaires */
legend {
	font-size: 1.4rem;
}
label {
	font-size: 1rem;
}
input[type='password'],
#mams_input_username {
	margin: 0;
}
form small {
	display: block;
	margin: .2rem 0 .5rem 0;
	line-height: 1.2;
}
/*
#loginform button[type="submit"] {
	margin-bottom: .2rem;
}
*/
form .button,
button.btn-small {
	font-size: 1rem;
	font-weight: bold;
	background-color: #ffc03b;
	border-radius: 3px;
}
form .button:focus,
form .button:hover,
button.btn-small:focus,
button.btn-small:hover {
	background-color: #666;
}
button.btn-small {
	margin-top:.3rem;
	padding:.4rem .6rem;
	font-weight: 600;
	font-size:.9em;
	color:#fff;
	cursor: pointer;
}

.callout .close-button {
	right: .5rem;
	top: 0;
}
.callout {
	padding-right: 2rem;
}

.reveal h3 {
	/*font-size: 1.4rem;*/
}
/*
.tabs {
	border: none;
}
.tabs .tabs-title > a {
	font-weight: bold;
	font-size: 1.4rem;
	color: #ffc03b;
}
.tabs li {
	border-right: 1px solid #e6e6e6;
}
*/
/*** Main ***/
main {

}
main a,
form a,
.reveal a {
	font-weight: 700;
}
main a, main a:link, main a:active, main a:visited,
form a, form a:link, form a:active, form a:visited,
.reveal a, .reveal a:link, .reveal a:active, .reveal a:visited {
	color: #ffc03b;
}
main a:hover,
form a:hover,
.reveal a:hover {
	color: #666;
}

main a[href$='.pdf'] {
	background: transparent url(https://annerosegoyet.be/assets/images/links/pdf4b.svg) no-repeat center right;
	background-size: auto 1rem;
	padding: 0 1.2rem 0 0;
}
main a[href$='.xlsx'] {
	background: transparent url(https://annerosegoyet.be/assets/images/links/xls.svg) no-repeat center right;
	padding: 0 1.2rem 0 0;
}

/*main a[href*="//"]:not([href*="metals-toolbox.com"]):after {*/ /* à résoudre */
main a:not([href*='metals-toolbox.com']):not([href^='#']):not([href^='/']):after {
	/* external link styles, use :before or :after if you want! */
	background: transparent url(https://annerosegoyet.be/assets/images/links/external-link.svg) no-repeat center right;
	background-size: auto 1rem;
	padding: 0 2rem 0 0;
}

/* Contenu */
.contenu {
	max-width: 1000px;
	margin: 0 auto 0 0;
	padding: 2rem 1rem;
	background-color: rgba(255, 255, 255, .8);;
}
.contenu .cell {
	margin-bottom: 1rem;
}
.contenu ul {
	margin-left: 2rem;
}

.contenu table {
	border-collapse: collapse;
	border-radius: 1em;
	overflow: hidden;
}
.contenu tbody tr:nth-child(even) {
	background-color: unset;
}
.contenu tbody td {
	line-height: 1.3;
	background: #fdf4ed;
	border: 2px solid white;
	vertical-align: top;
}
.contenu table p {
	line-height: 1.3;
	margin-bottom:.4rem;
}

blockquote {
	/*font-family: 'Montserrat', sans-serif;*/
	font-size: 1.2rem;
	font-weight: 300;
	font-style: italic;
	text-align: right;
	border: unset;
	color: #333;
}
blockquote p {
	line-height: 1.3;
	margin-bottom: .2em;
	color: #333;
}
blockquote .auteur {
	font-size: 1rem;
	font-style: normal;
	margin-top: .5em;
}
blockquote .auteur::after {
	content: " —"; /*Unicode for Left Double Quote*/
}
blockquote.note { font-size: 1.2rem;}
blockquote.note .auteur { font-size: 1rem;}
.nom { /*pas utilisé, à supprimer*/
	font-weight: 700;
	font-style: italic;
}
video {
	width: 100%;
	height: auto;
	/*padding-bottom: 56.25%;*/
	/*position: relative;*/
}


/*** Footer ***/
footer {
	/*background-color: AliceBlue;*/
	/*
	padding: 1.4rem 0;
	font-size: .8rem;
	color: #fff;
	background-color: #1b1b1b;
	*/
	color: #999;
}
footer a, footer a:link, footer a:active, footer a:visited {
	color: #999;
}
footer a:hover {
	color: #333;
}
footer p {
	padding: 1rem 2rem;
	text-align: right;
	font-size:.9rem;
}
/***** END BASE *****/


/***** NAVIGATION *****/
/* Menu */

/* Breadcrumbs */


/* lié à la police icomoon.woff de RMG */

/***** END NAVIGATION *****/

/***** ANIMATION *****/
/* animation breathing */
@keyframes breathing {
  0% {
    -webkit-transform: translate(0) scale(0.96);
    transform: translate(0) scale(0.96);
  }
  50% {
    -webkit-transform: translate(10px, -8px) scale(1);
    transform: translate(10px, -8px) scale(1);
  }
  100% {
    -webkit-transform: translate(0) scale(0.96);
    transform: translate(0) scale(0.96);
  }
}
/* animation breathing-1 */
@keyframes breathing-1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  50% {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* animation breathing-2 (à utiliser avec animation-timing-function: ease-in-out; et animation-direction: alternate;) */
@keyframes breathing-2 {
  0% {
    -webkit-transform: translate(0) scale(0.96);
    transform: translate(0) scale(0.96);
  }
  100% {
    -webkit-transform: translate(10px, -8px) scale(1);
    transform: translate(10px, -8px) scale(1);
  }
}
@keyframes hoverJiggle2 {
  0% {
    transform: rotate(0deg) scaleX(1.5) scaleY(1.1); }
  4% {
    transform: rotate(14.185deg) scaleX(1.689) scaleY(1.454); }
  8% {
    transform: rotate(6.244deg) scaleX(1.038) scaleY(1.147); }
  12% {
    transform: rotate(-3.986deg) scaleX(0.737) scaleY(0.858); }
  16% {
    transform: rotate(-4.509deg) scaleX(0.871) scaleY(0.874); }
  20% {
    transform: rotate(0.59deg) scaleX(1.082) scaleY(1.03); }
  24% {
    transform: rotate(1.943deg) scaleX(1.073) scaleY(1.058); }
  28% {
    transform: rotate(0.568deg) scaleX(0.994) scaleY(1.012); }
  32% {
    transform: rotate(-0.705deg) scaleX(0.967) scaleY(0.978); }
  36% {
    transform: rotate(-0.411deg) scaleX(0.993) scaleY(0.99); }
  40% {
    transform: rotate(0.14deg) scaleX(1.012) scaleY(1.006); }
  44% {
    transform: scaleX(1.006); }
  48% {
    transform: rotate(0.001deg) scaleX(0.997) scaleY(0.999); }
  52% {
    transform: scaleY(0.997); }
  56% {
    transform: scaleX(1) scaleY(0.999); }
  60% {
    transform: scaleX(1.002) scaleY(1.001); }
  68% {
    transform: scaleX(0.999); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1); }
}
.bulle0 {
  -webkit-animation: hoverJiggle2 8s linear 0s 1 normal both;
  -webkit-transform-origin: 50% 50%;
  animation: hoverJiggle2 8s linear 0s 1 normal both;
  transform-origin: 50% 50%;
}
.forme-orange {
	/*
	-webkit-animation: breathing 10s ease-out infinite both;
	        animation: breathing 10s ease-out infinite both;
	*/
	-webkit-animation: breathing-2 5s ease-in-out infinite alternate;
	animation: breathing-2 5s ease-in-out infinite alternate;
}
.forme-jaune {
	-webkit-animation: breathing-1 6s linear infinite both;
	        animation: breathing-1 6s linear infinite both;
}


/***** MEDIA QUERIES *****/
@media screen and (max-width: 30em) { /* !! jusqu'à 480px, smartphone paysage */
 h2 {
	font-size: 1.5rem;
 }
}
@media screen and (min-width: 30em) and (max-width: 40em) { /* !! entre 480px et 640px, medium screens */
 h2 {
	font-size: 1.8rem;
 }
}
@media screen and (min-width: 30em) { /* min-width 480px, smartphone paysage */
 .pid-1 .forme-jaune {
	top: 4rem;
	max-width: 60%;
 }
 .contenu {
	padding: 2rem;
 }
 blockquote {
	font-size: 1.4rem;
 }
}
@media screen and (min-width: 40em) { /* min-width 640px, medium screens */
 .pid-1 .forme-jaune {
	top: 14rem;
	max-width: 60%;
 }
 .a-droite {max-width: 200px;}
 .contenu ul {
	margin-left: 3rem;
 }
 .reveal .icon-user {
	width: 1.8rem;
	height: 1.8rem;
 }
}
@media screen and (min-width: 64em) { /* min-width 1024px, large screens */
 .pid-1 .forme-jaune {
	max-width: 30rem;
 }
 header {
	/*background: linear-gradient(90deg, transparent 25%, orange 25%, yellow 91.5%, transparent 91.5%);*/
 }
 header h1 a img {
	margin: 0;
 }
 .contenu {
	padding: 2rem 3rem;
 }
 .encart { padding-left:3rem; }
 blockquote {
	font-size: 1.6rem;
 }
 blockquote .auteur {
	font-size: 1.2rem;
 }
 blockquote p {
	line-height: 1.5;
 }
}
@media screen and (min-width: 90em) { /* min-width 1440px, xlarge screens */

}
@media screen and (min-width: 120em) { /* min-width 1920px, xxlarge screens */

}
/***** END MEDIA QUERIES *****/