/* cmsms stylesheet: RCHB Foundation 2017 modified: 04/03/2026 09:05:01 */
@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: 'HN';
    src: url('https://www.rchb.fr/fonts/HNBd.eot');
    src: url('https://www.rchb.fr/fonts/HNBd.eot') format('embedded-opentype'),
         url('https://www.rchb.fr/fonts/HNBd.woff2') format('woff2'),
         url('https://www.rchb.fr/fonts/HNBd.woff') format('woff'),
         url('https://www.rchb.fr/fonts/HNBd.ttf') format('truetype'),
         url('https://www.rchb.fr/fonts/HNBd.svg#HNBd') format('svg');
     font-weight: 700;
     font-style: normal;
}
@font-face {
    font-family: 'HN';
    src: url('https://www.rchb.fr/fonts/HNMd.eot');
    src: url('https://www.rchb.fr/fonts/HNMd.eot') format('embedded-opentype'),
         url('https://www.rchb.fr/fonts/HNMd.woff2') format('woff2'),
         url('https://www.rchb.fr/fonts/HNMd.woff') format('woff'),
         url('https://www.rchb.fr/fonts/HNMd.ttf') format('truetype'),
         url('https://www.rchb.fr/fonts/HNMd.svg#HNMd') format('svg');
     font-weight: 500;
     font-style: normal;
}
@font-face {
    font-family: 'HNCn';
    src: url('https://www.rchb.fr/fonts/HNCn.eot');
    src: url('https://www.rchb.fr/fonts/HNCn.eot') format('embedded-opentype'),
         url('https://www.rchb.fr/fonts/HNCn.woff2') format('woff2'),
         url('https://www.rchb.fr/fonts/HNCn.woff') format('woff'),
         url('https://www.rchb.fr/fonts/HNCn.ttf') format('truetype'),
         url('https://www.rchb.fr/fonts/HNCn.svg#HNCn') format('svg');
     font-weight: 400;
     font-style: normal;
}
@font-face {
    font-family: 'HNCn';
    src: url('https://www.rchb.fr/fonts/HNMdCn.eot');
    src: url('https://www.rchb.fr/fonts/HNMdCn.eot') format('embedded-opentype'),
         url('https://www.rchb.fr/fonts/HNMdCn.woff2') format('woff2'),
         url('https://www.rchb.fr/fonts/HNMdCn.woff') format('woff'),
         url('https://www.rchb.fr/fonts/HNMdCn.ttf') format('truetype'),
         url('https://www.rchb.fr/fonts/HNMdCn.svg#HNMdCn') format('svg');
     font-weight: 500;
     font-style: normal;
}
@font-face {
    font-family: 'HNCn';
    src: url('https://www.rchb.fr/fonts/HNBdCn.eot');
    src: url('https://www.rchb.fr/fonts/HNBdCn.eot') format('embedded-opentype'),
         url('https://www.rchb.fr/fonts/HNBdCn.woff2') format('woff2'),
         url('https://www.rchb.fr/fonts/HNBdCn.woff') format('woff'),
         url('https://www.rchb.fr/fonts/HNBdCn.ttf') format('truetype'),
         url('https://www.rchb.fr/fonts/HNBdCn.svg#HNBdCn') format('svg');
     font-weight: 700;
     font-style: normal;
}

/*valeurs prédéfinies*/
 /*pour les filets de séparation*/

/*default link styles*/
a, a:link, a:active {
	/*text-decoration: underline;*/
	color: white;
}
a:visited {
	/*text-decoration: underline;*/
	color: white;
}
a:hover {
	text-decoration: none;
	color: #0090e6;
}

/***** BASE *****/
body {
	font-family: Roboto, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: HN, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 1;
}
.masque {
	display:none;
}

/*** Header ***/
#top {
	color: white;
	background-color: #00497f;
}
#top h1 { font-family: HNCn; font-size: 1rem; font-weight: 500; margin: .5rem 0 0 0; }
#top h2 { font-family: HNCn; font-size: 1.2rem; font-weight: 700; margin-bottom: 0; line-height: 1; }
#top h3 { font-family: HNCn; font-size: .7rem; font-weight: 500; }

.logo-medium { display: none; }
.logo-small { display: inline-block; margin-right: .5rem; }
.logo { margin: .5rem 0 0 0; }
.partenaire-site { display:none; font-family: HNCn; font-size: 30%; font-weight: 400; text-transform: uppercase; }
.partenaire-site .nom {
	-webkit-transform: translate(-59%, 0) rotate(-90deg);
	-webkit-transform-origin: 59% 100%;
	 transform: translate(-59%, 0) rotate(-90deg); 
	 transform-origin: 59% 100%;
}

#top a, #top a:link, #top a:visited, #top a:hover, #top a:active,
#menu > .menu > li > a.menuactive:hover, #menu > .menu > li > a.menuactive:active {
	color: white;
}
#top .menu a:hover, #top .menu a:active, #top .menu .hover,
#menu > .menu > li > a.menuactive:hover, #menu > .menu > li > a.menuactive:active {
	background-color: #0090e6;
}
/*
#menu > .menu > li > a.menuactive { 
	color: #00497f;
	background-color: white;
}
*/

#top .menu.align-right {
	font-family: HNCn, Helvetica, sans-serif;
	font-size: .55rem;
	font-weight: 700;
	text-transform: uppercase;
}
#top .menu.align-right li {
	border-bottom: 1px solid #477ca3;
}
#top .menu.align-right a {
	padding-bottom: .3rem;
}

#menu {
	margin-top: 0;
	border-top: 1px solid #477ca3;
}
#menu .menu li {
	font-family: HNCn, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
}
.menu a {
	padding: .9rem .5rem .6rem .5rem;
}
/* masquer les flèches des menus déroulants */
#menu .menu>li.is-dropdown-submenu-parent>a { padding-right: 1rem; }
#menu .menu>li.is-dropdown-submenu-parent>a::after { display: none; }
#menu > .menu > li:nth-child(5) a {
	color: #ffed00;
}
#menu .is-active a {
	background-color: #0090e6;
}
.mega-menu .grid-x > .menu:first-child {
	padding: 1rem .5rem 1.2rem .5rem;
}
#menu .mega-menu li {
	font-size: 1.2rem;
}
#menu .submenu li {
	font-size: 1rem;
	text-transform: none;
}
#menu .submenu a {
	padding: .4rem 1rem;
}
#menu .menu .menu a:hover, #menu .menu .menu a:active {
	color: #003b66;
}
#menu .submenu, .mega-menu .menu {
	background-color: #0090e6;
}
.mega-menu .dropdown-pane {
	width: 109%;
	max-width: 85rem;
	margin: 0 auto !important;
	padding: 0;
	left: -9% !important;
	right: 0 !important;
	border: none;
	background-color: transparent;
}

/*** Slide ***/
.slide {
	position: relative;
	border-bottom: 1px solid white;
}
.slide p {
	margin-bottom: .5rem;
	line-height: 1.2;
}
.image-floue {
	position: absolute;
	height: 100%;
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
	font-size:2em;
	color:white;
	background-color: rgba(255, 255, 255, 0.15);

	background: url(/images/_CGSmartImage/img-93fc44548693c5ac5a01c61f3ecb1d3b.jpg) no-repeat center;
	background-size: cover;
	filter: blur(10px);
	transform: scale(1.05);/*supprime le flou en bordure*/
	z-index: -1;
}
.orbit-container {
	height: auto !important; /*pb spécifique à Safari*/
}
.orbit-slide {
	position: relative;
	/*background-color: rgba(255, 255, 255, 0.15);*/
}
.orbit-slide a {
	display: block; /*utile ?*/
	margin: 0 auto;
	max-width: 1170px;
	border-left: 2px solid white;
	border-right: 2px solid white;
}
.orbit-caption {
	margin: 0 1.5rem;
	background-color: transparent;
}
.orbit-text-slide {
	margin: 0 3rem;
	width: 100%;
	padding: 1rem;
	color: #fefefe
}
.orbit-date {
	font-family: HNCn;
	font-size: .9rem;
	font-weight: 700;
	padding: 0 .3rem;
}
.orbit-titre {
	font-family: HNCn;
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
}
.orbit-titre span {
	padding: .4em .3rem .1em .3rem;
	background-color: rgba(10, 10, 10, .5);
}
.orbit-accroche span {
	padding: .4em .3rem .3em .3rem;
	background-color: rgba(10, 10, 10, .5);
}


/*** Main ***/
main {
	background-color: #ffed00;
	color: #003b66;
}
main a { color: #ff0000; }
main a:hover { color: black; }
main a[href$='.pdf'] {
	background: transparent url(https://www.rchb.fr/images/links/pdf.png) no-repeat center right;
	padding: 0 1.1rem 0 0;
}
#content, #home {
	padding: .5rem;
	background-color: white;
}

#home a, #home a:link, #home a:active { color: #003b66; }
/*#home a:visited { color: #ff0000; }*/
#home h2 {
	font-family: HNCn;
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0;
	padding: .4em .5em .1em .5em;
	color: white;
	background-color:#00497f;
}

.breadcrumbs li:not(:last-child)::after { margin: 0 .5rem; content: ">"; }

/* Calendar et News pour #home */
#home .calendar-list, .news-list {
	padding: 0 .5rem;
	/*margin: 0 1rem;*/
}
.calendar-event {
	/*font-family: HNCn;
	font-weight: 700;
	font-size: 1.2rem;*/
	line-height: 1.3;
	padding: .5rem .5rem .2rem .5rem;
	border-bottom: 1px dotted #477ca3;
}
.calendar-event time,
.calendar-event .lieu,
.calendar-event .tournoi,
.calendar-event .categorie,
.calendar-event .statut,
.calendar-event .equipe,
.calendar-event .points {
	font-family: HNCn;
	font-weight: 700;
	font-size: 1.2rem;
}
.news-item {
	line-height: 1.3;
	padding: .5rem;
	border-bottom: 1px dotted #477ca3;
}
.s1 .news-list .news-item:last-child,
.s2 .calendar-list .calendar-event:last-child {
	border-bottom-style: none;
}
.news-titre {
	font-family: HNCn;
	font-weight: 700;
	font-size: 1.05rem;
}
.news-accroche {
	font-family: HNCn;
	font-size: 1rem;
}
.calendar-event .titre {
	color: #003b66;
	/*font-size: 1rem;*/
}
.calendar-event time,
.calendar-event .lieu {
	color: #0090e6;
}
.calendar-event .tournoi {
	color: #0090e6;
	font-size: .9rem;
}
.calendar-event .categorie {
	color: #0090e6;
	font-size: .9rem;
}
/*
.negatif {
	color: white;
	background-color: #0090e6;
	padding: .14rem .5rem 0 .5rem;
	border-radius: .3em;
}
*/
.calendar-event .statut {
	color: #ff0000;
	font-size: .9rem;
}
.direct {
	color: white;
	background-color: #ff0000;
	padding: .14rem .5rem 0 .5rem;
	border-radius: .3em;

	-webkit-animation-name: blinker;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	 animation-name: blinker;
	 animation-duration: 2s;
	 animation-timing-function: linear;
	 animation-iteration-count: infinite;
}
@-webkit-keyframes blinker {  
	 0% { opacity: 1.0; }
	 50% { opacity: 0.2; }
	 100% { opacity: 1.0; }
}
@keyframes blinker {  
	 0% { opacity: 1.0; }
	 50% { opacity: 0.2; }
	 100% { opacity: 1.0; }
}
.calendar-event .equipe, #home .calendar-event .points {
	color: #003b66;
	text-transform: uppercase;
}
#home .calendar-event:hover, .news-item:hover {
	background-color: #ffed00; /*#bae5ff; #fffddd;*/
}

#content a, #content a:link, #content a:active { color: #0090e6; }
#content a:hover { color: #003b66; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	line-height: 1.2;
}
#content h1 { font-weight: 700; margin: 1em 0 .2em 0; }
#content h2 { font-weight: 500; margin: 1.4em 0 .2em 0; }
#content h3, #content h4 {
	font-weight: 700; margin: 1.3em 0 .2em 0; text-transform: none;
}
#content h1 + h2, #content h2 + h3, #content h3 + h4 {
	margin-top: .2em;
}
#content .news-detail article > h2, #content .grid-x .cell > h2 {
	margin-top: 0;
}
#content p {
	margin: 0 0 .5rem 0;
}
.menu-boutons {
	margin: 0;
	list-style: none;
}
.menu-boutons li {
	margin-bottom: 1rem;
	padding: 0;
}
.menu-boutons .titre {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: .4em .5em .1em .5em;
	border-radius: 5px 0 0 5px;
	font-family: HNCn;
	font-size: 1.1rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2;
	color: white;
	background-color: #00497f;
}
.menu-boutons img {
	border-radius: 0 5px 5px 0;
}
.a-droite { float: right; margin: 2px 0 2px 10px; }
.a-gauche { float: left; margin: 2px 10px 2px 0; }
.petit { font-size: .9rem }
.note { font-size: .8rem; font-style: italic }
#home .petit { padding: 0 1rem; }
#home .more { margin-top: .4rem; }

.historique tbody, .historique tbody tr:nth-child(even) { background:none; border:none; }
.historique td { display: table-row; }
.historique td:first-child { font-size:1.1rem; font-weight:600; vertical-align:top; }

/*.resultats td:nth-child(4) { text-align: right; }*/
.resultats { font-family: HNCn; }
.resultats thead th { font-weight: 500; }
.resultats thead th, .resultats tbody td { padding: .3rem; }
.resultats th:nth-child(-n+2), .resultats td:nth-child(-n+2) { display: none; }
.resultats tr:hover { background-color: #ffed00; }
.resultats th { background-color: #f8f8f8; }
.resultats td:hover { cursor: pointer; }
.victoire { width: 1.4rem; min-width: 1.4rem; }
.bt-share { width:3em; height:3em; margin:.5em 3% .5em 0; }

/* Calendar et News pour #content */
#content .news-list a, #content .news-list a:link, #content .news-list a:active { color: #003b66; }
#content .calendar-list, #content .news-list {
	padding: 0;
}
.news-detail article, .news-detail aside {
	margin-bottom: 1rem;
}
#content .calendar-event {
	/*font-size: 1.2rem;*/
	padding: 0;
	border-bottom: none;
}
#content .calendar-event > h2 { margin-top: .1em; }
.calendar-summary, .calendar-details {
/*
	font-family: Roboto, sans-serif;
	font-size: 1rem;
	font-weight: normal;
*/
	margin-bottom: 1rem;
}

/* Pagination */
#content .pagination {
	margin: 2rem 0 0 0;
}
#content .pagination li {
	display: inline-block;
}
#content .pagination .current {
	padding: 0;
	background: none;
}
#content .pagination li a {
	width: 2rem;
	line-height: 1.6rem;
	color: ;
	border-radius: 50%;
}
#content .pagination .current a,
#content .pagination li a:hover,
#content .pagination li a:focus {
	color: #fff;
	background: #0090e6;
}

/* Cards */
#content .card { color: #003b66; }
#content .card h3 { font-family: HNCn; text-transform: uppercase; font-size: 1.5rem; margin: .2em 0 0 0; }
#content .card h4 { font-family: HNCn; text-transform: none; font-size: 1.2rem; font-weight: 500; margin: 0 0 .3em 0; }
#content .card .prenom { text-transform: none; font-weight: normal; font-size: 1.5rem; }
#content .card div, #content .card p { font-size: .9rem; line-height: 1.3; }
#content .card .adresse, #content .card .gps { margin: 0 0 .5em 0; }
#content .card .card-section { background-color: #f3f3f3; }
#content .membres .card-section p { margin: 0 0 .3rem 0; }

.my-gallery figure {
	padding: .1em;
}
.my-gallery figcaption {
	font-size: .8rem;
	text-align: center;
}
.pswp__share-tooltip a, .pswp__share-tooltip a:link, .pswp__share-tooltip a:active {
	color: black;
}
.pswp__share-tooltip a:visited {
	color: black;
}

/* Formulaires */
label {
	color: #003b66;
}
.button {
	 border-radius: 3px;
}

/* Newsletter sur le site */
.pid-46 table {
	border-collapse: separate;
}
.pid-46 .lettre-footer, .pid-46 .lettre-header {
	display: none;
}

/*** Footer ***/
footer {
	padding: 1rem;
	color: white;
	background-color: #00497f;
	font-size: .8rem;
	text-align: center;
}
footer p {
	margin: 0 0 .3rem 0;
}
/***** END BASE *****/

/***** MEDIA QUERIES *****/
@media screen and (min-width: 30em) { /* min-width 480px, smartphone paysage */
 .menu-boutons .titre { font-size: 1.4rem; }
 .resultats { font-family: Roboto; }
 .historique td { display: table-cell;}
 .historique td:first-child { width:7.5rem; text-align:right; }
}
@media screen and (min-width: 40em) { /* min-width 640px, medium screens */
 #top h1 { font-size: 1.2rem; margin: 1rem 0 .6rem 0; }
 #top h2 { font-size: 2rem; line-height: .9; }
 #top h3 { font-size: 1rem; }
 .logo-medium { display: inline-block; }
 .logo-small { display: none; }
 .logo { margin: 1rem 1rem 1rem 0; width: 160px;}
 .partenaire-site { display: inline-block; font-size: 40%; }
 #top .menu.align-right { font-size: 1rem; }
 #menu { margin-top: .8rem; }
 .mega-menu .dropdown-pane { width: 120%; left: -20% !important; }
 .orbit-caption { margin: 0 2rem; }
 .orbit-date { font-size: 1rem; }
 .orbit-titre { font-size: 1.5rem; }
 .menu-boutons li { padding: 0 .5rem; }
 .menu-boutons .titre { font-size: 1.6rem; border-radius: 5px 5px 0 0; }
 .menu-boutons img { border-radius: 0 0 5px 5px; }
 #home h2 { font-size: 1.8rem; }
 .s2 .calendar-list .calendar-event:last-child { border-bottom-style: dotted; }
 .resultats thead th, .resultats tbody td { padding: .5rem; }
 .resultats th:nth-child(2), .resultats td:nth-child(2) { display: table-cell; }
 #content h1 { font-size: 2rem; }
 #content h2 { font-size: 1.6rem; }
 #content h3 { font-size: 1.2rem; }
 #content h4 { font-size: 1.1rem; }
 /*.entreprise .card .card-section { min-height: 15rem; }*/
 #content .calendar-event time, #content .calendar-event .lieu, #content .calendar-event .equipe, #content .calendar-event .points { font-size: 1.5rem; }
 .colonnes { column-count: 2; }
 #content .colonnes > h3:first-child { margin-top: .2em; }
 /*#content .menu.vertical { column-count: 2; }*/
}
@media screen and (min-width: 64em) { /* min-width 1024px, large screens */
 #top h1 { font-size: 1.7rem; margin: 1rem 0 .8rem 0; }
 #top h2 { font-size: 3rem; line-height: .8; }
 #top h3 { font-size: 1.2rem; }
 .partenaire-site { font-size: 70%; }
 #top .menu.align-right { font-size: 1.2rem; }
 #menu > .menu > li { font-size: 1.6rem; }
 .menu a { padding: 1rem 1rem .7rem 1rem; }
 .mega-menu .dropdown-pane { width: 117%; left: -17% !important; }
 .orbit-caption { margin: 0 3rem; }
 .orbit-date { font-size: 1.2rem; }
 .orbit-titre { font-size: 2rem; }
 #content, #home { padding: 2rem; }
 #home h2 { font-size: 2rem; }
 .s1 .news-list:last-of-type .news-item:last-child { border-bottom-style: dotted; }
}
@media screen and (min-width: 90em) { /* min-width 1440px, xlarge screens */
 .partenaire-site { font-size: 80%; }
}