.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:.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}#header .wrapper-nav{background:#acacad}#header .nav{display:table;table-layout:auto;width:970px;margin:0 auto}#header .nav ul{display:table-row;list-style:none}#header .nav>ul li{flex:1 1 auto;width:calc(100% - 40px);padding:.25rem 0rem;position:relative}#header .nav>ul:not(li ul) li a{display:flex;align-items:center;justify-content:center;line-height:normal}#header .nav ul:not(li ul){height:auto;display:flex !important;width:100%;margin:0}#header .nav ul li{display:table-cell;text-align:center;border-right:1px solid #fff}#header .nav ul li ul{top:100%}#header .nav ul li ul li{border-right:none;width:100%;padding:0}#header .nav ul li:hover{background:#838383}#header .nav ul a{display:block;color:#fff;height:40px}#header .nav ul li ul li a{display:block;margin-left:30px}#header .nav ul a:hover{text-decoration:none}#header .nav ul li.home{width:50px;border-left:1px solid #fff;flex:0 0 auto}#header .nav ul li.home a{width:100%}#header .nav ul ul{display:none;position:absolute;min-width:300px;padding:20px 0px 20px 0px;background:#acacad;z-index:999;text-shadow:none}#header .nav ul ul li{position:relative;display:block;height:auto;line-height:1;text-align:left;clear:both;padding-right:20px;padding-left:30px}#header .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}#header .nav ul ul li a{color:#fff;font-weight:normal;line-height:2;height:initial}#header .nav ul ul li a:hover{text-decoration:none}#header .nav ul li:hover ul{display:block}.wrapper_custom{max-width:970px;margin:0 auto}#wrapper{margin:0 auto;padding:15px;max-width:1000px}#wrapper.white{background:#fff}@media(min-width: 992px){#nav{width:210px;float:left;list-style:none;margin:30px 0;padding:0}#nav li a{display:block;color:#6495ed;text-transform:uppercase;line-height:20px;font-size:13px}#nav li.home a{color:#dcd7d5;text-transform:none}}#header.overflow{display:none !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{display:flex;justify-content:space-between;align-items:center;background:#acacad;background-size:contain;width:100%;height:50px;padding:10px 20px;box-sizing:border-box;color:#fff}#header_menu .toggle .menu_toggle{cursor:pointer;--bar-height: 5px;display:flex;justify-content:center;align-items:center;font-size:1.3rem;user-select:none}#header_menu .toggle .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}#header_menu .toggle .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}#header_menu .toggle .menu_toggle .menu_icon span:nth-child(1){top:0px}#header_menu .toggle .menu_toggle .menu_icon span:nth-child(2){top:calc(var(--bar-height)*2)}#header_menu .toggle .menu_toggle .menu_icon span:nth-child(3){top:calc(var(--bar-height)*2)}#header_menu .toggle .menu_toggle .menu_icon span:nth-child(4){top:calc(var(--bar-height)*4)}#header_menu .toggle .menu_toggle .menu_icon.active span:nth-child(1){top:18px;width:0%;left:50%}#header_menu .toggle .menu_toggle .menu_icon.active span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#header_menu .toggle .menu_toggle .menu_icon.active span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#header_menu .toggle .menu_toggle .menu_icon.active span:nth-child(4){top:18px;width:0%;left:50%}#header_menu .toggle .menu_toogle{cursor:pointer;display:flex;font-size:1.3rem}#header_menu .toggle div{height:100%}#header_menu .toggle div.flex{display:flex;gap:.5rem}#header_menu .toggle div a{height:100%}#header_menu .toggle div a img,#header_menu .toggle div a svg{height:100%}#header_menu .toggle div 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, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 80%);content:"";display:block;height:1px;width:100%;position:absolute;bottom:0}#header_menu.overflow{display:block !important}.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,.8);color:#fff;cursor:pointer;padding:15px;border-radius:100px}.material-icons{vertical-align:middle}.material-icons-text{vertical-align:middle}



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



/* ============== localisateur =====*/
#breadcrumb {
	overflow:hidden;
	margin-bottom:5px;
}

#breadcrumb div {
	display:inline;
}

#breadcrumb div span {
	display:inline-block;
}

#breadcrumb .home {
	display:inline-block;
	width:16px;
	height:16px;
	background:url('/graph/site/home.png') no-repeat;
}

#breadcrumb .home:hover {
	background:url('/graph/site/home.png') 0 -16px no-repeat;
}

#breadcrumb a {
	color:#545456;
}

#breadcrumb a:hover {
	text-decoration: none;
	color:#b0b0b0;
}



/* ============== 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%;
}



/* ============== page1 =====*/
.page_interieure {
	margin:0;
	padding:0;
	background:#fff;
	width:750px;
	color:#000;
	font-size:14px;
	line-height:16px;
}




/* ============== annexe_liens_internes =====*/
.titre_liens_internes {
	color:#888888;
	font-weight:bold;
	display:block;
	clear:both;
	overflow:auto;
}

#lien_interne {
	border:1px solid #CCCCCC;
	overflow:auto;
	margin:3px 0 10px 0;
	clear:both;
}

#lien_interne ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#lien_interne ul li {
	padding:5px 20px;
}



/* ============== annexe_liens_externes =====*/
.titre_liens_externes {
	font-weight:bold;
	color:#888888;
}

#lien_externe {
	border:1px solid #CCCCCC;
	overflow:auto;
	margin:3px 0 10px 0;
	clear:both;
}

#lien_externe ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#lien_externe ul li {
	padding:5px 20px;
}



/* ============== annexe_images =====*/
#voir{
	overflow:hidden;
	padding:10px;
	margin:10px 0;
	clear:both;
}


/* ============== annexe_diaporama =====*/
#diaporama {
	clear:both;
	margin:20px 0;
	padding:10px;
	overflow:hidden;
	clear:both;
}

#diaporama p {
	font-weight: bold;
}



/* ============== annexe_commentaires =====*/
#commentaires {
	margin: 20px 0;
	padding: 10px;
	overflow: hidden;
	clear: both;
}

#commentaires .titre {
	font-weight: bold;
	font-size: 1.3em;
}

.commentaires {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 5px 0;
	clear: both;
}

.commentaires .date {
	float: right;
	color: #888888;
}

.commentaires .titre {
	float: left;
	font-weight: bold;
}

.commentaires div {
	border-top: 1px solid #cccccc;
	clear: both;
	padding: 5px 0;
}

#commentaires .addComment {
	cursor: pointer;
	padding: .8rem 2rem;
	color: #1c5ead;
	transition: .3s cubic-bezier(.76, -.01, .31, 1);
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	font-size: .875rem;
	font-weight: 500;
	border-radius: 2.8125rem;
	background-color: #b9c11c;
}

#commentaires .deleteComment {
	cursor: pointer;
	padding: .8rem;
	margin: .2rem;
	color: #1c5ead;
	transition: .3s cubic-bezier(.76, -.01, .31, 1);
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	font-size: .875rem;
	font-weight: 500;
	border-radius: 2.8125rem;
	background-color: #F95738;
}

#commentaires .center {
	text-align: center;
	padding: .8rem;
}


/* ============== annexe_telecharger =====*/
#bloc_telecharger {
	border:1px solid #cccccc;
	overflow:auto;
	margin:10px 0;
	clear:both;
}

.annexe_telecharger_titre {font-weight: bold;}

.table_telecharger{
	overflow:auto;
	clear:both;
	padding:10px;
	margin:0px;
}

.colonne_image{
	float:left;
	margin: 0px 5px;
}

.colonne_type{
	float:left;
	width:30%;
	margin: 0px 5px;
}

.colonne_titre{
	float:left;
	margin: 0px 5px;
}


/*
#bloc_telecharger a{color:#888888;text-decoration:underline}

#bloc_telecharger a:hover{color:red;text-decoration:none}
*/


/* ============== annexe_pdf =====*/
#pdf{
	overflow:hidden;
	clear:both;
}

.tab_pdf {
margin:3px 0 10px 0;
width:98%;
padding:10px;
}

.image {float:left;margin-right:5px;}

a.lien{color:#888888;text-decoration:underline}
a.lien:visited{color:#888888;text-decoration:underline}
a.lien:hover{color:red;text-decoration:none}

.annexe_txt {color:#555555}




/* ============== annexe_ppt =====*/
#ppt{
	overflow:hidden;
	clear:both;
}
.tab_ppt {
margin:3px 0 10px 0;
width:98%;
padding:10px;
}

a.lien{color:#888888;text-decoration:underline}
a.lien:visited{color:#888888;text-decoration:underline}
a.lien:hover{color:red;text-decoration:none}

.annexe_txt {color:#555555}


/* ============== annexe_video =====*/
#video{
	overflow:auto;
	clear:both;
}

#bloc_video {
	border:1px solid #cccccc;
	overflow:hidden;
	padding: 0;
	margin:10px 0;
}

.video{
	margin-bottom:20px;
	color:#888888;
	margin:10px;
}


/* ============== annexe_son =====*/
#sound{
	overflow:hidden;
	clear:both;
}

.annexe_texte_son {
	margin-bottom:3px;
	color:#888888;
}

#bloc_son {
	border:1px solid #cccccc;
	overflow:auto;
	padding: 10px;
	margin:10px 0;
}