.wrapper_custom{max-width:970px;margin:0 auto}#wrapper .row{display:block}#wrapper .row p{margin-bottom:0}#wrapper #box .row{display:flex}.row{max-width:100%;margin:0 !important}#header{background:#fff}#header .top2{width:100%;margin:0 auto;height:150px;position:relative}#header .top{width:1000px;margin:0 auto;height:150px;position:absolute;top:0;left:0;right:0;margin:0 auto;background:none}#header .top .h1{display:block;margin:0;position:absolute;width:600px}#header .middle{height:70px;background:#1c6dd1 url("/graph/site/bg-header-middle.png") 47.5% center no-repeat}#header .bottom{height:50px;background:#b9c11c}#header .bottom .wrapper{height:50px;width:1000px;margin:0 auto;position:relative}#header .bottom .wrapper div{height:100%}#header .bottom .wrapper div{height:100%}#header .bottom .wrapper div.flex{display:flex;gap:1rem;padding:0.5rem;justify-content:flex-end}#header .bottom .wrapper div a{height:100%}#header .bottom .wrapper div a img,#header .bottom .wrapper div a svg{height:100%}#header .bottom .wrapper div a svg{fill:#4267B2}#header .bottom .wrapper p{color:#fff;font-size:25px;height:50px;line-height:50px}.nav_desktop .wrapper-nav{background:#acacad}.nav_desktop .nav{display:table;table-layout:auto;margin:0 auto}.nav_desktop .nav ul{display:table-row;list-style:none}.nav_desktop .nav ul:not(li ul){height:40px}.nav_desktop .nav ul li{display:table-cell;text-align:center;border-right:1px solid #fff;min-width:70px;padding-left:0.3rem;padding-right:0.3rem}.nav_desktop .nav ul li ul li{border-right:none}.nav_desktop .nav ul li:hover{background:#838383}.nav_desktop .nav ul li:hover ul{display:block}.nav_desktop .nav ul a{display:block;color:#fff;height:40px;line-height:40px}.nav_desktop .nav ul a:hover{text-decoration:none}.nav_desktop .nav ul li.home{width:50px;border-left:1px solid #fff}.nav_desktop .nav ul li.home a{width:100%}.nav_desktop .nav ul ul{display:none;position:absolute;left:0;min-width:300px;padding:20px 0px 20px 0px;background:#acacad;z-index:999;text-shadow:none}.nav_desktop .nav ul ul li{position:relative;display:block;height:auto;line-height:1;text-align:left;clear:both;padding-right:20px;padding-left:30px}.nav_desktop .nav ul ul li::before{content:"";position:absolute;top:15px;left:10px;display:inline-block;width:5px;height:5px;margin:0 5px;vertical-align:middle;z-index:1;background:#666}.nav_desktop .nav ul ul li a{color:#fff;font-weight:normal;line-height:2;height:initial}.nav_desktop .nav ul ul li a:hover{text-decoration:none}.nav_desktop.overflow{display:none !important}#wrapper{margin:0 auto;padding:15px;max-width:1000px}#wrapper.white{background:#fff}.menu_toggle{--bar-height: 5px;display:flex;justify-content:center;align-items:center;font-size:1.3rem;user-select:none}.menu_toggle .menu_icon{width:calc(var(--bar-height) * 6);height:calc(var(--bar-height) * 5);position:relative;margin-right:.5rem;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.menu_toggle .menu_icon span{display:block;position:absolute;height:var(--bar-height);width:100%;background:#fff;border-radius:var(--bar-height);opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.menu_toggle .menu_icon span:nth-child(1){top:0px}.menu_toggle .menu_icon span:nth-child(2){top:calc(var(--bar-height) * 2)}.menu_toggle .menu_icon span:nth-child(3){top:calc(var(--bar-height) * 2)}.menu_toggle .menu_icon span:nth-child(4){top:calc(var(--bar-height) * 4)}.menu_toggle .menu_icon.active span:nth-child(1){top:18px;width:0%;left:50%}.menu_toggle .menu_icon.active span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.menu_toggle .menu_icon.active span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.menu_toggle .menu_icon.active span:nth-child(4){top:18px;width:0%;left:50%}.nav_overflow{display:none;background:#acacad;width:100%;text-align:right;box-sizing:border-box;color:#fff}.nav_overflow .menu{display:none;width:100%;padding:0;margin:0}.nav_overflow .menu .menu_child{background:#8a8a8d}.nav_overflow .menu .menu_child img{max-height:150px}.nav_overflow .menu .menu_child ul li{display:block;text-align:center;margin-bottom:0 !important;padding:0}.nav_overflow .menu .menu_child li a{display:block;color:#fff;text-transform:uppercase;text-decoration:none;line-height:2;font-size:15px}.nav_overflow .menu .menu_child li:not(:last-child){padding-top:3px;padding-bottom:3px}.nav_overflow .menu .menu_child li:not(:last-child):after{background:radial-gradient(circle farthest-side at center center, #fff 0%, transparent 80%);content:"";display:block;height:1px;width:100%;position:absolute;bottom:0}.nav_overflow .toggle{cursor:pointer;padding:10px 20px;display:flex;justify-content:center}.nav_overflow.overflow{display:block !important}#header_menu{color:#fff}#header_menu .top{font-size:22px;background:#fff}#header_menu .top .header--blue{text-transform:uppercase;color:#1c6dd1}#header_menu .top .header--green{text-transform:uppercase;color:#b9c11c}#header_menu .top .logo{padding:10px;z-index:1}#header_menu .top .logo img{height:auto}#header_menu .top .logo_enseignement{background:#fff;padding:10px;padding-top:0;border-radius:10px;position:absolute;right:0}#header_menu .middle{background:#1c6dd1;line-height:2}#header_menu .bottom{background:#b9c11c}#header_menu .bottom .header{text-transform:uppercase;line-height:2.5}#header_menu .toggle{background:#acacad;cursor:pointer;background-size:contain;width:100%;height:50px;padding:10px 20px;text-align:right;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between}#header_menu .toggle .menu_toggle{cursor:pointer}#header_menu div.flex{height:100%;display:flex;gap:0.5rem}#header_menu div.flex a{height:100%}#header_menu div.flex a img,#header_menu div.flex a svg{height:100%}#header_menu div.flex a svg{fill:#4267B2}#header_menu .menu{display:none;width:100%;padding:0;margin:0}#header_menu .menu .menu_child{background:#8a8a8d}#header_menu .menu .menu_child img{max-height:150px}#header_menu .menu .menu_child ul li{display:block;text-align:center;margin-bottom:0 !important;padding:0}#header_menu .menu .menu_child li a{display:block;color:#fff;text-transform:uppercase;text-decoration:none;line-height:2;font-size:15px}#header_menu .menu .menu_child li:not(:last-child){padding-top:3px;padding-bottom:3px}#header_menu .menu .menu_child li:not(:last-child):after{background:radial-gradient(circle farthest-side at center center, #fff 0%, transparent 80%);content:"";display:block;height:1px;width:100%;position:absolute;bottom:0}.active{display:block}#main{width:750px;float:right;clear:none;overflow:auto}#footer{text-align:center;font-size:12px;padding:30px 0}#footer a{color:#404040}#scrolltop{user-select:none;display:none;position:fixed;bottom:20px;right:50px;z-index:99;border:none;outline:none;background-color:rgba(255,153,25,0.8);color:white;cursor:pointer;padding:15px;border-radius:100px}.material-icons{vertical-align:middle}.material-icons-text{vertical-align:middle}



/* ============== bandeau =====*/



/* ============== contenu =====*/
#content h1{
	margin:0 0 5px 0;
}

#content h1 + p {
	font-size:0.9em;
	color:#888888;
	margin:0 0 10px 0;
}

#content .intro {
	overflow:auto;
	margin-bottom:10px;
}

#content .intro > img {
	margin-bottom:10px;
}

#content .intro img + div {
	background:#efefef;
	padding:10px;
}





/* ============== index_onglets =====*/
#navOnglet {
	margin:20px 0;
	overflow:hidden;
	border-bottom:2px solid #aaa;
	border-left:1px solid #aaa;
	list-style:none;
	padding:0;
	font-size:11px;
	clear:both;
}

#navOnglet li {
	float:left;
	border-right:1px solid #aaa;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin-bottom:-1px;
}

#navOnglet li a {
	display:block;
	padding:5px 10px;
	color:#aaa;
}

#navOnglet li a:hover {
	text-decoration:none;
	background:#efefef;
	color:#555555;
}

#navOnglet li.active  a {
	background:#aaa;
	cursor:normal;
	color:#fff;
}


/* ============== index_numerote =====*/
#global{
	overflow:hidden;
	width:400px;
	margin:0 auto;
	text-align:center;
}

#index{
	float:left;
	overflow:hidden;
}

.pas_encours{
	border:1px solid #aaa;
	width:16px;
	height:17px;
	display: block;
	float:left;
	background:url(/graph/site/fond_onglet.png) repeat-x left;
	margin-right:3px;
	font-size:0.9em;
	
}

.pas_encours:hover{
	background:url(/graph/site/fond_onglet_encours.png) repeat-x left;
}

.encours{
	border:1px solid #aaa;
	width:16px;
	height:17px;
	display: block;
	float:left;
	background:url(/graph/site/fond_onglet_encours.png) repeat-x left;
	color:#747474;
	margin-right:3px;
	font-weight:bold;
	font-size:1em;
	text-align:center;
}





/* ============== index_suivant_precedent =====*/
#navLoop{
	overflow:auto;
	clear:both;
	font-size:12px;
	margin:20px 0;
}

#navLoop .prev, #navLoop .next {
	background-color:#efefef;
	background-repeat:no-repeat;
	display:block;
	border:1px solid #aaa;
	color:#555555;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#navLoop .prev {
	background-image:url('/imgs/pictos/fleche_prec_sp.png');
	background-position:5% center;
	padding:3px 10px 3px 15px;
	float:left;
}

#navLoop .next {
	background-image:url('/imgs/pictos/fleche_suiv_sp.png');
	background-position:95% center;
	padding:3px 15px 3px 10px;
	float:right;
}

#navLoop .prev:hover, #navLoop .next:hover {
	text-decoration:none;
	background-color:#dbdbdb;
}


/* ============== index_menu_deroulant =====*/
#navForm {
	text-align:center;
	clear:both;
	margin:20px 0;
	font-size:13px;
}

#navForm select {
	background:#ffffff;
	border:1px solid #bec5d5;
	outline:none;
	padding:3px;
}

#navForm input[type="submit"] {
	background:#777;
	color:#fff;
	font-weight:bold;
	border:1px solid #777;
	padding:3px 5px;
	cursor:pointer;
	-moz-box-shadow:inset 0px 0px 1px 0px #fff;
	-webkit-box-shadow:inset 0px 0px 1px 0px #fff;
	box-shadow:inset 0px 0px 1px 0px #fff;
}


/* ============== index_liens =====*/
#global{
	margin:10px 0px;
	background:#E9EEF2;
	padding:10px;
	overflow:auto;
}

.bloc_lien{
	float:left;
	width:33%;
}



/* ============== listing_calendrier =====*/
#listing .block {
	margin:10px 0;
	padding:10px;
	background:#efefef;
	width:60%;
	min-height:50px;
	overflow:auto;
}

#listing .block img {
	float:left;
}

#listing .block div {
	float:right;
	width:78%;
	clear:none;
}

#listing .block div .date {
	background:url('/graph/fleche2.gif') 0 3px no-repeat;
	padding:0 0 0 20px;
	font-weight:bold;
}

#listing .block div h3 {
	margin:3px 0;
	padding:0;
	font-size:.9em;
}

#listing .block div h3 a {
	text-transform:uppercase;
	color:#33AAFF;
}

#listing .block div h3 a:hover {
	text-decoration:underline;
}