@charset "UTF-8";:root{
--cassiopeia-color-primary:#5280F4;
--cassiopeia-color-secondary:#424077;
--cassiopeia-color-tersary: #bed0f9;
--cassiopeia-color-quartary: #99b5f5;
--cassiopeia-color-link:#224faa;
--link-color:#224faa;
--link-color-rgb:34,79,170;
--cassiopeia-color-hover:#424077;
--link-hover-color:#424077;
--link-hover-color-rgb:66,64,119:
--heading-color: ##e93f8e;
--card-cap-color: #424077;
--body-bg: #F6F8FC;
--body-bg-rgb: 246, 248, 252;
--border-radius: .25rem;
--border-width: 0px;
--border-color: #dfe3e7;
--card-bg: #FFFFFF;
}
.card {
--card-bg: #FFFFFF;
--card-border-width: var(--border-width);
--card-border-color: var(--border-color);
--card-border-radius: var(--border-radius);
}

.blog-item {
    border: 1px solid ;
	border-width: var(--border-width);
	border-color: var(--border-color);
	border-radius: var(--border-radius);
	background-color: var(--card-bg);
}
.com-content-article {
background-color: var(--card-bg);
padding: .5em;
border-radius: var(--border-radius);
}
.com-content-category {
background-color: var(--card-bg);
padding: .5em;
border-radius: var(--border-radius);
}


.card-header {
    background-color: var(--card-bg);
	color: var(--cassiopeia-color-secondary);
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: var(--cassiopeia-color-secondary);
}
.container-header {
    z-index: 10;
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-secondary) 100%);
    position: relative;
    box-shadow: inset 0 5px 5px #00000008;
}
.container-header .grid-child {
    padding: 0em;
}
.metismenu.mod-menu .metismenu-item {
    flex-wrap: wrap;
    align-items: center;
    padding: .5em 1em;
    font-size: 1rem;
    line-height: 1;
    display: flex;
}
.metismenu.mod-menu .mm-toggler:after {
    border-top: .4em solid;
    border-left: .4em solid #0000;
    border-right: .4em solid #0000;
}
/*.metismenu.mod-menu .mm-toggler {
	background: center / contain no-repeat url(https://lycee-rouviere.fr/images/M_images/plus.png);
}*/
.container-header .metismenu>li.level-1>ul {
    min-width: 20rem;
}
@media (width >= 992px) {
.metismenu.mod-menu:not(.level-1)>li:hover >ul  {
  background-color: #fff;
  border: 1px solid #dfe3e7;  
  border-radius: 2px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 20rem;
  padding: 0px;
}
.metismenu.mod-menu .mm-collapse:not(.level-1):not(.mm-show)>li:hover >ul  {
  background-color: var(--body-bg);
  border: 1px solid #dfe3e7;  
  border-radius: 2px;
  display: block;
  position: absolute;
  top: 1rem;
  left: 5rem;
  min-width: 250px;
  padding: 0px;
}
}
@supports (display: grid) {
    .blog-items .blog-item {
        padding: 0 .5em 1em;
    }
}

.image-title {
	padding: 0 0 0 .5em;
	}

.container-header nav {
    margin-top: 0em;
}
.ico{
width: 16px;
height: 16px;
}	
@media (width >= 992px) {
    .container-bottom-b .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
    }
}
    .container-bottom-b .mod-menu > li + li {
        margin-left: 1.55em;
    }
.container-topbar, .container-below-top {
      display: inline-block;
	  float: right;
	  margin-right: 0em;
	  font-size: 1rem;
    }
.container-header .navbar-brand {
		width: 100%;
	}
.fixedTop {
    position: fixed;
    top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
    background: #fff;
    z-index: 9999;
}
body.wrapper-fluid .site-grid {
    grid-gap: 0 1em;
	grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 29.25rem)) [main-end] minmax(0, 1fr) [full-end];
}
@media (width <= 992px) {
  body.wrapper-fluid .site-grid {
           grid-gap: 0 .5em;
 }
}
@media (width <= 720px) {
  body.wrapper-fluid .site-grid {
           grid-gap: 0 0;
 }
}
/*Fabien*/
	.horaires {
		border-collapse: collapse;
		border: 2px solid;
		padding: 8px;
		text-align: left;
	}

	tr.horaires {
		background-image: linear-gradient(90deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-tersary) 100%);
	}

	caption.horaires {
		color: white;
		background-color: black;
		border: 2px solid black;
		border-collapse: collapse;
		caption-side: top;
		padding: 8px;
		text-align: center;
		font-weight: bold;
	}

	figure.horaires {
		background-image: linear-gradient(90deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-tersary) 100%);
	}

	.cpgeptsipt {}

	h4.cpgeptsipt {
		color: var(--cassiopeia-color-secondary);
		font-weight: bolder;
		font-size: 1em;

	}

	details.cpgeptsipt {
		padding: 1px;
		padding-left: 2px;
		border-start-end-radius: 5px;
		border-end-start-radius: 5px;
		margin-left: 1px;
	}

	summary.cpgeptsipt {
		font-family: sans-serif;
		list-style: none;
		align-items: center;
		display: flex;
		justify-content: space-between;
		color: white;
		padding: 1px;
		margin: 1px;
		cursor: pointer;
		border-color: #185463;

	}

	summary.niveau1 {
		color: var(--cassiopeia-color-secondary);
		font-weight: bolder;
		font-size: 1.5em;
		border: 1px;
		border-color: black;
		border-style: outset;
		border-start-end-radius: 10px 10px;
		border-end-start-radius: 10px 10px;
		padding-left: 10px;
		background-image: linear-gradient(90deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-quartary) 100%);
	}

	summary.niveau2 {
		color: var(--cassiopeia-color-secondary);
		font-weight: bold;
		font-size: 1.2em;
		border: 1px;
		border-color: black;
		border-style: inset;
		border-start-end-radius: 10px 10px;
		border-end-start-radius: 10px 10px;
		padding-left: 10px;
		margin-left: 5px;
		background-image: linear-gradient(90deg, var(--cassiopeia-color-tersary) 0%, var(--cassiopeia-color-primary) 100%);
	}

	summary.cpgeptsipt::after {
		content: '';
		width: 27px;
		height: 15px;
		background: center/contain no-repeat url("https://lycee-rouviere.fr/images/M_images/plus.png");
		margin-left: 0.75em;
		margin-right: 0.75em;
		color: #454A90;
		transition: 0.5s;
	}

	details.cpgeptsipt[open]>summary.cpgeptsipt::after {
		transform: rotate(180deg);
		background: center/contain url('https://lycee-rouviere.fr/images/M_images/moins.png') no-repeat;

	}
/*
.container-header .mod-list > li {
  position: relative;
}

.container-header .mod-list> li:hover > ul {
  background-color: #fff;
  border: 1px solid #dfe3e7;  
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  padding: 16px;
}

.container-header .mod-list> li:hover > ul li {
  display: block;
} 
.container-header .hoverdd li:hover > ul {
 display: block;
 background-color: #fff;
 position: absolute;
 top: 100%;
 left: 0;
 min-width: 250px;
 padding: 1em;
 font-size: 17px;
 line-height: 1.3;
}
.item-content .tags .list-inline-item{
 margin: 0 0.5rem 0.5rem 0;
}
.hoverdd .deeper.parent > a{padding-right:10px}
.hoverdd .deeper.parent > a:after,
.hoverdd .deeper.parent > a:before{
 content: “”;
 position: absolute;
 top: 50%;
 width: 7px;
 height: 2px;
 border-radius: 2px;
 background: #000;
}
.hoverdd .deeper.parent > a:after{transform: rotate(-50deg);right: -3px;}
.hoverdd .deeper.parent > a:before{transform: rotate(50deg);right: 0;}
.hoverdd .deeper.parent:hover > a:after{transform: rotate(50deg);}
.hoverdd .deeper.parent:hover > a:before{transform: rotate(-50deg);}
.hoverdd .deeper.parent ul li.active a,
.hoverdd .deeper.parent ul li a:hover{color:#ff822a}
*/