@import url("https://use.typekit.net/jwq1qpm.css");

body {
	font-family: muli, sans-serif; 
	font-weight: 300;
	font-style: normal;	
	font-size: 99%;
	line-height:1.45em;
}

p {
	color:#000;
}
	
b, strong {
    font-weight: 600;
	color:#000;
}
	
a, .link {
    color: #000;
}
	
a, a.link {
	text-decoration: underline;
	text-underline-position:under;
	border-bottom: 0px dotted;
}

a:hover, a:focus, .link:hover, .link:focus {
	text-decoration: none;
	color: #000;
}

a.bouton {
	font-family: muli, sans-serif; 
	font-weight: 700;
	background-color: #4a5e98;
	border: none;
	color: white;
	padding: 0.7em 1em 0.5em 1em;
	text-align: center;
	text-decoration: none;
	font-size: 1.05em;
	margin: 2px 2px;
	cursor: pointer;
	border-radius:50px;
}

a.bouton:hover {
	background-color: #5483bd;
}

.node__content {
	margin-top: 0px;  /* ancienne valeur : 10px; */
	font-size: 110%;
}

/* ----- GESTION ENTETE LOGO + TITRE SITE ----- */

.bas_page  {
	padding: 2em 0 2em 0;
	} 

.site-footer {
	min-height:300px;
	background-image: url('fond_trame2.webp');
	background-repeat: repeat-x;
	background-position: top;
	background-color:#007184
}

#header {
	background-color: #fff;
	text-align:center;
	min-height:250px;
	background-image: url('fond_trame0.webp');
	background-repeat: repeat-x;
	background-position: top;
}
		
#header p {
	font-family: muli, sans-serif; 
	font-weight: 300;
	font-size: 1.3em;
	color:#4b5793;
}
	
.region-header .site-branding {
	float: none;
	/* ajout test bandeau */
	background-color: white;
	margin: 1.5em 0 1.5em 0;
}	
	
.site-branding__logo {
	display: inline-block;
	margin-right: 0em;
	margin-bottom: 0.286em;
	border-bottom: 0;
	margin-left: 0em;
}
	    
.region-header .block:not(.site-branding) {
	float:none;
	padding: 2.1em 1.2em 0em 1.2em;
	background-color: #a6d0ef;
	margin: 0;
}

@media (min-width: 560px) {
  .node .field--type-image {
    float: left;
    margin: 0;
  }
}



 @media all and (min-width: 10px) and (max-width: 500px) {  
	.region-header .block:not(.site-branding) {
		margin: 1.167em 0em 0 0em;
	}
	.site-branding__logo {
		display: inline-block;
		margin-right: 0em;
		margin-bottom: 0.286em;
		border-bottom: 0;
		margin-left: 0em;
	}
	#header p {
		font-size: 1.3em;
	}
 }
 
@media all and (min-width: 990px) {
	.region-header .site-branding {
		float: none;
		margin-top: 9.5em;
	}
	.region-header .block:not(.site-branding) {
		float:right;
		padding: 3.1em 4em 3.65em 4em;
		background-color: #a6d0ef;
		margin: 0;
	} 
	.site-branding__logo {
		display: inline-block;
		margin-right: 0em;
		margin-bottom: 0.286em;
		border-bottom: 0;
		margin-left: 4em;
		margin-right: 3em;
		margin-top: 1em;
	}
	#header p {
		font-size: 1.5em;
		margin: 0;
	}
 } 
 
 /* ----- FIN GESTION ENTETE LOGO + TITRE SITE ----- */
 
h1 {
	/* font-family: yorkten-slab-normal, sans-serif; 
	font-weight: 900;
	color:#2f6a8d;
	text-transform: uppercase; */
}
	
.page-title {
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-size: 3.1em;
	margin: 0em 0em 0em 1em;
	padding-bottom:0.5em;
}

.page-title::before {
	content: url(puce_devant_texte.webp);
	margin: -0.2em 0 0 -1em;
	position: absolute;
}

h2 {
	font-family: muli, sans-serif; 
	 font-weight: 700;
	font-size: 1.45em;
	 color: #000;
	/*color:#007184; */
	margin: 0 0 0 0em; 
}

h2 a:hover {
	text-decoration:none; 
	border-bottom-style: none;
}

.main-content h2 {
	font-size: 1.3em;
	
}

h3 {
	font-family: muli, sans-serif; 
	font-weight: 700;
	font-size: 1.25em;
	margin: 0 0 0.5em 0em;
}

/* ----- FIL ARIANE ----- */ 

.breadcrumb li::before {
    content: '>';
	margin-right: 6px;
	margin-left: 6px;
}
	
.breadcrumb {
	font-family: muli, sans-serif; 
	font-weight: 300;
	font-style: normal;	
	font-size:0.9em;
}
	
.breadcrumb li a {
	font-family: muli, sans-serif;  
	font-weight: 300;
	color:#3e5f46;
}

.breadcrumb li:first-child a {
	font-size:1.2em;
}

.region-breadcrumb {
    padding: 0 15px 2em! important;
}

#block-lyceejean23-blockpictoaccueil{
	float: left;
	line-height: 0px;
	margin: -24px 5px 0px 0px;
}

/* ----- FIN FIL ARIANE ----- */ 


/* ----- SELECT ----- */

select {
	padding: 5px;
	font-size: 1.125em;
	color: #000;
	font-family: muli, sans-serif;  
	font-weight: 300; 
}

input#edit-title.form-text, 
input#edit-keys.form-text{
	font-family: muli, sans-serif;  
	font-weight: 300;
	font-size: 1em; 
	background-color: #fff;
	color: #000;
	border: 1px solid #e4e2dd;
    margin: 0px 0px 0px 0px;
	padding: 0.8em 0 0.8em 0;
	width:90%;	
}

input#edit-submit.form-submit {
	font-family: muli, sans-serif;  
	font-weight: 700;
	font-size: 1.23em;
	background: #4a5e98;
	border: none;
	color: white;
	padding: 0.7em 1em 0.5em 1em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 2px;
	cursor: pointer;
	border-radius: 50px;
}

input#edit-submit[type="submit"]:hover {
    cursor: pointer;
	background-color: #5483bd;
	}

/* ----- FIN SELECT ----- */

/* ----- MENU RATANAS ----- */

.featured-top {
	margin: 0;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
	background: #007184;
	text-shadow: none;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
}

#block-lyceejean23-menujean23 {
	width:auto;
}

.menu-item--expanded, 
.menu-item--collapsed {
	list-style-type: none;
}

#block-lyceejean23-menujean23 ul.menu {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	z-index: 20;
	font-size: 1.265em;
	font-family: muli, sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform:uppercase;
	padding: 0em;
}

#block-lyceejean23-menujean23 ul.menu li {
	cursor: pointer;
	padding-left: 21px;
	padding-right: 21px;
}

#block-lyceejean23-menujean23 ul.menu ul {
    position: absolute;
}

#block-lyceejean23-menujean23 .block-menu li {
	border-bottom:0px;
}

#block-lyceejean23-menujean23 li {
	float: left;
	margin-right: 0px;
	padding-bottom: 0em;
	padding-top: 0em;
}

#block-lyceejean23-menujean23 li a {
	display: block;
	text-align: left;
	color: #fff;
	text-decoration: none;
	line-height: 27px;
	font-family: muli, sans-serif;
	font-weight: 300;
	padding: 20px 18px 17px 18px;
}

#block-lyceejean23-menujean23 li a:hover {
	text-decoration: none;
	color:#fff;
	background-color:#798400;
}

#block-lyceejean23-menujean23 li:hover ul.menu a:hover {
  	width:auto;
}

/*Cache le dropdown*/
#block-lyceejean23-menujean23 li ul.menu {
	display:none;
	text-transform:none;
	/* background-color:white; */
	margin-left:0px;
	margin-top: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	font-size:1.6em;
}

/*Créer un dropdown avec des liens verticaux*/
#block-lyceejean23-menujean23 li ul.menu li {
	display: block;
	float: none;
	background-color: #798400;
	background-image:none !important;
	font-family: muli, sans-serif;
	font-weight: 700;
	font-size: 0.5em;
	padding: 1px 10px 1px 10px;
	margin-left: 0px;
	margin-right: 0px;
}

/*Text wrapping*/
#block-lyceejean23-menujean23 li ul.menu li a {
    width: 100%;
	border:0px;
	word-wrap: break-word;
	background:none;
	color: #fff;
	font-weight: 400;
	padding: 5px 0px;
}

#block-lyceejean23-menujean23 li ul.menu li a:hover {
	color:rgba(255, 255, 255, 0.5)!important;
}

/*Affiche le dropdown avec le hover*/
#block-lyceejean23-menujean23 ul.menu li:hover ul { 
	display: block; 
}

/* @media screen and (max-width : 980px) ---- VERSION SMARTPHONE */

@media screen and (max-width : 995px){
	
	#block-lyceejean23-menujean23 ul.menu li {
		cursor: none;
	}
		
	#block-lyceejean23-menujean23 {
		width: 100%;
		z-index: 10;
		display:inline;
		margin: 1.167em 0em 0em 0em;
	}
	
	#block-lyceejean23-menujean23 ul.menu {
		position: static;
		display: block;
		font-size:1.1em;
	}
	
	#block-lyceejean23-menujean23 li ul {
		display: none;
	}
	
	#block-lyceejean23-menujean23 ul.menu ul {
		position: static;
	}
	
	#block-lyceejean23-menujean23 ul.menu li a {
		padding:0px 10px 5px 10px;
	}
	
	#block-lyceejean23-menujean23 li {
		float: none;
		background-image: none;
		padding: 0em 0em 0.2em 0em;
	}
	
	#block-lyceejean23-menujean23 li a {
		text-align: center;
	}
	
	#block-lyceejean23-menujean23 li a:hover {
		/* text-decoration: none; */
		color:rgba(255, 255, 255, 0.5);
		background-color:transparent;
	}
		
	#block-lyceejean23-menujean23 li:hover ul a {
		width:100%
	}
	
	#block-lyceejean23-menujean23 li ul.menu li{
	/* 	background-image:none; */
		padding:0px;
		background-color:transparent;		
	}
	
	#block-lyceejean23-menujean23 li ul.menu li a {
		color:#fff;
		font-size: 0.85em;
		text-decoration:underline;
		text-underline-position: under;
		padding: 0;
	}
	
	#block-lyceejean23-menujean23 li ul.menu li a:hover  {
		color:rgba(255, 255, 255, 0.5)!important;
		text-decoration:none;
	}
	
	#block-lyceejean23-menujean23 li:hover ul.menu a:hover {
		width: auto;
	}
	
	#block-lyceejean23-menujean23 li ul.menu {
		/* display:none; Permets d'afficher les sous-menus*/
		display:block;
		text-transform:none;
		background-color:transparent !important;
		margin-left:0px;
		margin-top: 0px;
		padding: 0px;
	}
/* ----- FIN max-width:995px ----- */ 	
} 

/* ---------------------------------------------------------------------- */

/* ---- BOUTON NAVIGATION ----- */

a.btn_navigation::before {
    content: '☰';
    margin-right: 0.5rem;
}

a.btn_navigation {
	text-decoration:none;
	font-family: muli, sans-serif;
	font-weight: 300;
	color: #fff !important;
	font-size: 1.4em;
	padding:5px 10px 5px 10px;
}

a.btn_navigation:hover {
	color: rgba(255, 255, 255, 0.5) !important;
}

/**/

#block-lyceejean23-boutonpouraffichernavigation {
	clear:both;
	float:none;
}

@media all and (min-width: 995px) {	

	#block-lyceejean23-boutonpouraffichernavigation {
		display: none !important;
	}
	#block-lyceejean23-menujean23{
		display: block !important;
		margin: 0em;
		width:100%;
	} 
}	

#block-lyceejean23-boutonpouraffichernavigation {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#block-lyceejean23-menujean23{
	display: none;
	background-image: none;
} 

/* ---- FIN BOUTON NAVIGATION ----- */
/* ----- FIN MENU RATANAS----- */ 

/* ----- BLOC CONTACT ----- */

#block-lyceejean23-contact{
	float: left;
	text-align: center;
	width: auto;
	margin-top: 0px;
}

#block-lyceejean23-contact p {
	background-color: #c4c4c4;
	color: #000;
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-style: italic;
	font-size: 1.625em;
	padding: 17px;
	margin: 0px 0px 0px 0px;
}

#block-lyceejean23-contact a.contact{
	font-family: muli, sans-serif; 
	font-weight: 700;
	font-style: normal;	
	text-transform: uppercase;
	color: #000;
	text-decoration: underline;
	text-underline-position: under;
}

#block-lyceejean23-contact a.contact:hover{
	text-decoration: none;
}

/* ----- FIN BLOC CONTACT ----- */

/* ----- BLOC LYCEE ----- */

#block-lyceejean23-lyceebts {
	float: right;
	text-align: center;
}

#A{
	float: left;
	text-align: center;
	width: auto;
	margin-top: 0px;
	margin-right: 1.5em;
}

#A p {
	background-color:#798400;
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-style: italic;
	font-size: 1.625em;
	padding: 17px;
	margin: 0px 0px 0px 0px;
}

#A a {
	color: #fff;
	text-underline-position: under;
}

#A a:hover,
#A a:hover .lycee {
	color: rgba(255, 255, 255, 0.5);
} 

#A .lycee {
	font-family: muli, sans-serif; 
	font-weight: 700;
	font-style: normal;	
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

/* ----- FIN BLOC LYCEE ----- */

/* ----- BLOC BTS ----- */

#B{
	float: left;
	text-align: center;
	width: auto;
	margin-top: 0px;
}

#B p {
	background-color: #798400;
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-style: italic;
	font-size: 1.625em;
	padding: 17px;
	margin: 0px 0px 0px 0px;
}

#B a {
	color: #fff;
	text-underline-position: under;
}

#B a:hover,
#B a:hover .bts  {
	color: rgba(255, 255, 255, 0.5);
} 

#B .bts{
	font-family: muli, sans-serif; 
	font-weight: 700;
	font-style: normal;	
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width : 995px){
	#block-lyceejean23-contact,
	#block-lyceejean23-lyceebts,
	#A,
	#B
	{
		float: none;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 0.2em;
	}
}

/* ----- FIN BLOC BTS ----- */

/* ----- MENTIONS LEGALES ----- */

.site-footer__bottom {
	margin-top: 0px;
	letter-spacing: 0.2px;
	border-top: 0px;
}

#block-lyceejean23-mentionslegales p {
	font-family: muli, sans-serif; 
	font-weight: 300;
	font-style: normal;	
	font-size:1.3em;
	color:#fff;
	text-align:center;
	margin-top:1.5em;
}

.site-footer .content a, 
.site-footer .content a {
  	color:#fff;
	text-underline-position:under; 
}

.site-footer .content a:hover, 
.site-footer .content a:focus {
	color: rgba(255, 255, 255, 0.5);
}

.gras {
	font-family: muli, sans-serif; 
	font-weight: 800;
	font-size:1.2em;
}

/* ----- FIN MENTIONS LEGALES ----- */

/* ----- PARTENAIRES ----- */

.field-content.grayscale img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	border-radius: 50%;
}

.field-content.grayscale img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

#block-lyceejean23-views-block-vue-partenaires-block-1 h2 {
	font-family: muli, sans-serif; 
	font-weight: 700;
	font-style: normal;	
	font-size: 1.755em;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	padding-bottom: 1em;
}

#block-lyceejean23-views-block-vue-partenaires-block-1 .view-vue-partenaires .view-content {
	text-align:center;
}

#block-lyceejean23-views-block-vue-partenaires-block-1 .view-vue-partenaires .view-content .item-list ul {
	display: inline-table;
	padding-left: 0em;
}

#block-lyceejean23-views-block-vue-partenaires-block-1 .view-vue-partenaires .view-content ul li {
	float: left;
    padding: 1em;
}

/* @media screen and (max-width : 995px){ */

@media (max-width: 990px) {
	 
 	#block-lyceejean23-views-block-vue-partenaires-block-1 .view-vue-partenaires .view-content ul li {
		float: none;
		padding-left: 1em;
		width: -moz-available;
	} 
}

.node--type-partenaires .field--type-image {
	float: none;
	}


/* ----- FIN PARTENAIRES ----- */

/* ----- ACTUALITES ----- */
		
#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list ul li{
	float: none;
	text-align: left;
	margin-right: 2.8em;
	margin-left: 0;
	width: 100%;
	margin-bottom: 2em;	
	padding: 0;
	background-image:url("background_actu.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}

#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list img {
	border-radius: 0em;
	width: 100%;
}

.masque {
	-webkit-mask-image: url(masque_actu.png);
	mask-image: url(masque_actu.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;    
	mask-size:100%;
}

@media all and (min-width: 950px) {
		
	#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list ul li{
		float: left;
		text-align: left;
		margin-right: 2.8em;
		margin-left: 0;
		width: 46.995%;
		margin-bottom: 2em;	
		padding: 0;
		background-image:url("background_actu.png");
		background-repeat: no-repeat;
		background-position: right top;
		background-size: contain;
	}
			
	#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list ul li:nth-child(2n) {
		float: left;
		text-align: left;
		margin-right: 0;
		margin-left: 0;
		width: 46.995%;
		margin-bottom: 2em;
		padding: 0;
	}

	#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list img {
		border-radius: 0em;
	}

	#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list .views-field-field-date-actualite{
		margin-left:1em;
	}

	#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list .views-field-title H2{
		font-family: muli, sans-serif;  
		font-weight: 800;
		font-size:1.45em;
		line-height:1.1em;
		margin-left:0.7em;
	}
		
	#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list .views-field-title H2 a{
		text-decoration:none;
		border-bottom: 0px dotted;
	}	
	
	#block-lyceejean23-content .view.view-vue-actualites.view-id-vue_actualites.view-display-id-page_1 .view-content .item-list .views-field-title H2 a:hover{
		text-decoration:underline;
	}
}

/* ----- FIN ACTUALITES ----- */

/* ----- LAYOUT ----- */

@media all and (min-width: 851px) {
  .main-content {
    float: left; /* LTR */
    position: relative;
  }
  [dir="rtl"] .main-content {
    float: right;
  }
  .layout-two-sidebars .main-content {
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
  }
  .layout-one-sidebar .main-content {
    width: 66.66%;
  }
  .layout-no-sidebars .main-content {
    width: 100%;
  }
  .layout-sidebar-first .main-content {
    margin-left: 25%; /* LTR */
    margin-right: 0; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-first .main-content {
    margin-left: 0;
    margin-right: 25%;
  }
  .layout-sidebar-second .main-content {
    margin-right: 33.33%; /* LTR */
    margin-left: 0; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-second .main-content {
    margin-right: 0;
    margin-left: 25%;
  }
}

@media all and (min-width: 851px) {
  .layout-one-sidebar .sidebar {
    width: 345px;
  }
  #sidebar-first {
    width: 345px;
    margin-left: -100%; /* LTR */
  }
  [dir="rtl"] #sidebar-first {
    margin-right: -100%;
    margin-left: 0;
  }
  #sidebar-second {
     /*width: 33.33%;
    margin-left: -33.33%; LTR */
	width: 33.33%;
    margin-left: -33.33%;
    clear: none;
  }
  [dir="rtl"] #sidebar-second {
    margin-right: -345px;
    margin-left: 0;
  }
}

/* ----- FIN LAYOUT ----- */

/* ----- AGENDA ----- */

.sidebar h2 {
	border: 0px;
}

#block-lyceejean23-views-block-vue-agenda-block-1 H2::before {
	content: url(puce_devant_texte.webp);
	margin: -0.1em 0 0 -1em;
	position: absolute;
}

#block-lyceejean23-views-block-vue-agenda-block-1 H2 {
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-size: 3.1em;
	color: #000;
	margin: -0.2em 0 0 1em;
}

#block-lyceejean23-views-block-vue-agenda-block-1 {
	position: initial;
	background-color:white;
	border: 0px;
}

#block-lyceejean23-views-block-vue-agenda-block-1 .view-footer {
	text-align: center;
}

#block-lyceejean23-views-block-vue-agenda-block-1 .view-footer a{
    float: none;
    margin-top: 2em;
	color: #000; 	
}

.view-vue-agenda .views-row {
	margin :1em 0em 1em 0em;
	border-width: 1px;
	border-style: solid;
	border-image: linear-gradient(to right, white, #c4c4c4) 1;
	border-top:0;
	border-left:0;
	border-right:0;
	padding-bottom: 1em;
}

.view-vue-agenda .datetime {
	font-size: 1em;
}
	
.view-vue-agenda .views-field-title {
    float: right;
	font-family: muli, sans-serif;  
	font-weight: 800;
    font-size: 1.4em;
    line-height: 1.1em;
    text-align: left;
    width: 72%;
    padding-top: 0.5em;
}

.view-vue-agenda .views-field-title a {
	text-decoration:none;
	border-bottom: 0px dotted;
}

.view-vue-agenda .views-field-title a:hover {
    text-decoration:underline;
}

.views-field-field-date-agenda {
	font-family: kepler-std, serif;  
	font-weight: 500;
    font-size: 2.4em;
    color: #FFF;
    background-color: #007184;
    width: 23%;
    text-align: center;
	padding-top: 0.15em;
}

.views-field-field-date-agenda-1 {
	font-family: muli, sans-serif;  
	font-weight: 300;
    font-size: 1.4em;
    color: #FFF;
    background-color: #007184;
    width: 23%;
    text-align: center;
	padding-bottom: 0.5em;
	margin-top: -0.5em;
}

.view-vue-agenda .views-row:last-child{
	border: none;
}

.view-vue-agenda.view-id-vue_agenda.view-display-id-page_1 .views-field-title {
    float: none;
	font-family: muli, sans-serif;  
	font-weight: 800;
    font-size: 1.4em;
    line-height: 1.1em;
    text-align: left;
    /* width: 75%; */
	width: 100%;
    padding-top: 1em;
}
	
.view-vue-agenda.view-id-vue_agenda.view-display-id-page_1 .views-field-title a {
	text-decoration: none;
}

.view-vue-agenda.view-id-vue_agenda.view-display-id-page_1 .views-field-title a:hover {
	text-decoration: underline;
}

.view-vue-agenda.view-id-vue_agenda.view-display-id-page_1 .views-field-field-date-agenda-2 {
	font-family: muli, sans-serif;
	font-weight: 300;
	color: #000;
	padding-top: 0.3em;
}

.view-vue-agenda.view-id-vue_agenda.view-display-id-page_1 .views-row {
	margin :0em;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 1em;
	background-image:none;
}

.view-vue-agenda.view-id-vue_agenda.view-display-id-page_1 .views-row:last-child{
	 border-bottom: 0px solid #dbdbdb;
	padding-bottom: 0em; 
}

.node--type-agenda .field--type-datetime {
	font-family: muli, sans-serif;  
	font-weight: 300;
	font-size: 1em;
	color:#000;
	margin-bottom:1em;
	}

/* ----- FIN AGENDA ----- */

/* ----- NOUS CONTACTER ----- */

#block-lyceejean23-nouscontacter H2::before {
	content: url(puce_devant_texte.webp);
	margin: -0.1em 0 0 -1em;
	position: absolute;
}

#block-lyceejean23-nouscontacter H2 {
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-size: 3.1em;
	color: #000;
	margin: -0.2em 0 0 1em;
	padding-bottom:0.5em; /* -- permets un écart avec le contenu -- */
}

#block-lyceejean23-nouscontacter {
	position: initial;
	background-color:white;
	border:0;
}
	
.bordure {
	border: solid;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 15px;
	border-left-color :#798400;
	padding-top:1.5em;
	padding-bottom:1.5em;
	padding-left: 1.7em;
}
	
#block-lyceejean23-nouscontacter p { 
	margin: 0 0 0em;
	font-size:1.24em;
	line-height:1.2em;
}
	
/* ----- FIN NOUS CONTACTER ----- */

/* ----- NOUS SUIVRE ----- */

#block-lyceejean23-noussuivre H2::before {
	content: url(puce_devant_texte.webp);
	margin: -0.1em 0 0 -1em;
	position: absolute;
}

#block-lyceejean23-noussuivre H2 {
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-size: 3.1em;
	color: #000;
	margin: -0.2em 0 0 1em;
	padding-bottom:0.2em; /* -- permets un écart avec le contenu -- */
}
	
#block-lyceejean23-noussuivre {
	position: initial;
	background-color:white;
	border:0;
}

.youtube {
	opacity: 1;
}

.facebook {
	margin-left:1.2em;
}	
a.youtube:hover,
a.facebook:hover,
a.instagram:hover{
	opacity: 0.33;
}

/* ----- FIN NOUS SUIVRE ----- */

/* -----  TEMOIGNAGES ----- */

.featured-bottom {
 	background: inherit;
	min-height: 500px;
	background-image: url('fond_trame.webp');
	background-repeat: repeat-x;
	border-top: 0px;
	padding-top: 8em;	
}

#block-lyceejean23-views-block-vue-temoignage-block-1.block-views-blockvue-temoignage-block-1 H2 {
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-size: 2.25em;
	color: #000;
	background-image: url('filet_titre_featured.png');
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:0.3em;
}
	
#block-lyceejean23-views-block-vue-temoignage-block-1.block-views-blockvue-temoignage-block-1 .views-field-title,
#block-lyceejean23-views-block-vue-temoignage-block-1.block-views-blockvue-temoignage-block-1 .views-field-field-classe-temoignage,
.node--type-temoignage.node--view-mode-full .field--name-field-classe-temoignage {
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-size: 1.3em;
	color: #000;
	padding-bottom:0.5em;
}
	
#block-lyceejean23-views-block-vue-temoignage-block-1.block-views-blockvue-temoignage-block-1 .view-content,
#block-lyceejean23-views-block-vue-temoignage-block-1.block-views-blockvue-temoignage-block-1 .field-content {
	padding-bottom:1em;
}

#block-lyceejean23-views-block-vue-temoignage-block-1.block-views-blockvue-temoignage-block-1 p {
	margin: 0;
}

#block-lyceejean23-views-block-vue-temoignage-block-1.block-views-blockvue-temoignage-block-1 .view-footer {
	text-align:center;
}
		
#block-lyceejean23-content .view.view-vue-temoignage.view-id-vue_temoignage.view-display-id-page_1 .views-field-title a {
	font-family: kepler-std, serif;  
	font-weight: 500;
	font-size: 1.6em;
	color: #000;
	text-decoration :none;		
}
	
#block-lyceejean23-content .view.view-vue-temoignage.view-id-vue_temoignage.view-display-id-page_1 .views-field-title a:hover {
	text-decoration :underline;	
	underline-position:under;
}
	
#block-lyceejean23-content .view.view-vue-temoignage.view-id-vue_temoignage.view-display-id-page_1 .views-field-body {
	margin-top:0.5em;
}
	
#block-lyceejean23-content .view.view-vue-temoignage.view-id-vue_temoignage.view-display-id-page_1 .views-row	{
	border-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
	border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
	border-image: linear-gradient(to right, white, #c4c4c4) 1;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin-top:1em;
}
	
#block-lyceejean23-content .view.view-vue-temoignage.view-id-vue_temoignage.view-display-id-page_1 .views-row:last-child	{
	border-width: 0px;
    border-top-width: 0px;
    border-right-width:0px;
    border-left-width: 0px;
	margin-top:1em;
}
	
/* ----- FIN TEMOIGNAGES ----- */

/* ----- CERTIFICATIONS ----- */

.field-content.grayscale2 img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	
}

.field-content.grayscale2 img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

#block-lyceejean23-views-block-vue-certifications-block-1 {
	text-align:center;
	padding-bottom:0.5em;
}

#block-lyceejean23-views-block-vue-certifications-block-1 H2{
	font-family: muli, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 1.755em;
	color: #007184;
	text-align: center;
	text-transform: uppercase;
}

#block-lyceejean23-views-block-vue-certifications-block-1.block-views-blockvue-certifications-block-1 .view.view-vue-certifications.view-id-vue_certifications .view-content .item-list ul li {
	display: inline-block;
	background-image:url('filet_oblique_certification.png');
	background-repeat:no-repeat;
	background-position: 9em center;
	margin: 0;
	padding: 0em 2.5em 0 2.5em;
	
}

#block-lyceejean23-views-block-vue-certifications-block-1.block-views-blockvue-certifications-block-1 .view.view-vue-certifications.view-id-vue_certifications .view-content .item-list ul li:last-child {
	background-image:none;
}

/* @media screen and (max-width : 995px){ */

@media (max-width: 990px) {
	 
 	#block-lyceejean23-views-block-vue-certifications-block-1.block-views-blockvue-certifications-block-1 .view.view-vue-certifications.view-id-vue_certifications .view-content .item-list ul li  {
		float: none;
		padding-left: 1em;
		width: -moz-available;
	} 
	
	#block-lyceejean23-views-block-vue-certifications-block-1.block-views-blockvue-certifications-block-1 .view.view-vue-certifications.view-id-vue_certifications .view-content .item-list ul li {
	display: inline-block;
	background-image:none;
	margin: 0;
	padding: 0em 2.5em 0 2.5em;
	
	}
}

.node--type-certification .field--type-image {
	float: none;
	}

/* ----- FIN CERTIFICATIONS ----- */



/* ----- GALERIES ----- */

							
#block-lyceejean23-content .view.view-vue-galerie.view-id-vue_galerie.view-display-id-page_1 .view-content .item-list ul li{
	float: none;
	text-align: center;
	margin-right: 2.8em;
	margin-left: 0;
	width: 100%;
	margin-bottom: 2em;	
	padding: 0;
	
}

#block-lyceejean23-content .view.view-vue-galerie.view-id-vue_galerie.view-display-id-page_1 .view-content .item-list img {
	border-radius: 0em;
	width: 100%;
}


@media all and (min-width: 950px) {
		
	#block-lyceejean23-content .view.view-vue-galerie.view-id-vue_galerie.view-display-id-page_1 .view-content .item-list ul li{
		float: left;
		text-align: center;
		margin-right: 2.8em;
		margin-left: 0;
		width: 46.995%;
		margin-bottom: 2em;	
		padding: 0;
	}
			
	#block-lyceejean23-content .view.view-vue-galerie.view-id-vue_galerie.view-display-id-page_1 .view-content .item-list ul li:nth-child(2n) {
		float: left;
		text-align: center;
		margin-right: 0;
		margin-left: 0;
		width: 46.995%;
		margin-bottom: 2em;
		padding: 0;
	}

	#block-lyceejean23-content .view.view-vue-galerie.view-id-vue_galerie.view-display-id-page_1 .view-content .item-list img {
		border-radius: 0em;
	}

	#block-lyceejean23-content .view.view-vue-galerie.view-id-vue_galerie.view-display-id-page_1 .view-content .item-list .views-field-title H2{
		font-family: muli, sans-serif;  
		font-weight: 800;
		font-size:1.45em;
		line-height:1.1em;
	/* 	margin-left:0.7em; */
	}
		
	#block-lyceejean23-content .view.view-vue-galerie.view-id-vue_galerie.view-display-id-page_1 .view-content .item-list .views-field-title H2 a{
		text-decoration:none;
		border-bottom: 0px dotted;
	}	
	
	#block-lyceejean23-content .view.view-vue-galerie.view-id-vue_galerie.view-display-id-page_1 .view-content .item-list .views-field-title H2 a:hover{
		text-decoration:underline;
	}
}


.node--type-galerie img {
	width: 48%;
	/* float: inline-start; */
	float: left;
	border: 0px;
	box-sizing: border-box;
	margin: 2% 1% 2% 1%;
}
.node--type-galerie .field--type-image {
	float: none;
	}
.node--type-galerie .field--type-datetime,
.node--type-galerie .field--name-field-lieu-galerie,
.node--type-galerie .field--name-field-theme-galerie {
	margin: 0 0 0 1%;
	}

.node--type-galerie .field--name-body {
	margin: 1% 0 0 1%;
	}
	
.node--type-galerie .field--name-field-theme-galerie {
	font-family: muli, sans-serif;
	font-weight: 300;
	font-style: normal;
}

/* ----- FIN GALERIES ----- */

/* ----- BLOCS GALERIE ----- */

#block-lyceejean23-views-block-vue-galerie-block-2.block-views.block-views-blockvue-galerie-block-2 H2,
#block-lyceejean23-views-block-vue-galerie-block-1.block-views-blockvue-galerie-block-1 H2 {
	font-family: kepler-std, serif;
	font-weight: 500;
	font-size: 2.25em;
	color: #000;
	background-image: url('filet_titre_featured.png');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 0.3em;
}
#block-lyceejean23-views-block-vue-galerie-block-2.block-views.block-views-blockvue-galerie-block-2 .view-footer,
#block-lyceejean23-views-block-vue-galerie-block-1.block-views-blockvue-galerie-block-1 .view-footer {
  text-align: center;
}


@media screen and (max-width : 995px){ 
	#block-lyceejean23-views-block-vue-galerie-block-2,
#block-lyceejean23-views-block-vue-galerie-block-1	{
		text-align:center;
	}

}


/* ----- FIN BLOCS GALERIE ----- */


/* ----- SELECT ----- */

label {
  display: initial;
  font-weight: bold;
  margin-right: 2em;
}


select {
	padding: 5px;
	font-size: 1.125em;
	color: #000;
	font-family: muli, sans-serif; 
	font-weight: 300;
	font-style: normal;	
	}
.view-vue-galerie .form--inline {
	text-align: center;
	padding-bottom: 1em;
	}
	
.view-vue-galerie .form-item {
	float: none;
	padding-top: 1em;
	}

select#edit-field-date-value,
select#edit-field-categorie-galerie-target-id.form-select, 
select#edit-field-theme-galerie-target-id.form-select {	
	font-family: muli, sans-serif; 
	font-weight: 300;
	font-style: normal;	
	/* width: 100%; */
	border: 1px solid #e4e2dd;
	margin: 0px 0px 5px 0px;
	padding: 0.45em;
	color: #000;
	background-color: #fff;
	}

input#edit-title.form-text, 
input#edit-keys.form-text{
	font-family: muli, sans-serif; 
	font-weight: 300;
	font-style: normal;	
	font-size: 1em; 
	background-color: #fff;
	color: #000;
	border: 0px solid #798400;
    margin: 0px 0px 0px 0px;
	padding: 0.8em 0 0.8em 0;
	width:90%;	
	}

input#edit-submit-vue-galerie.form-submit,
input#edit-submit.form-submit {
	font-family: muli, sans-serif; 
	font-weight: 800;
	font-size: 1.23em;
	background: #798400;
	border: none;
	color: white;
	padding: 0.7em 1em 0.5em 1em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 2px;
	cursor: pointer;
	border-radius: 0px;
	}

input#edit-submit-vue-galerie[type="submit"]:hover,
input#edit-submit[type="submit"]:hover {
    cursor: pointer;
	background-color: #798400;
	opacity: 0.8;
	}

/* ----- FIN SELECT ----- */


/* ----- TABLEAU DES PAGES DE BASES  ----- */
	
	table.”resultats” tr th {
		background-color: white;
	}
	
	table.”resultats” tr, table.”programme” tr {
		background-color: white;
	}
	
	th.”entete-annee”, th.”entete-reussite”,th.”entete-mention”,
	th.”entete-intitule”, th.”entete-heure” {
		border-bottom: 1px solid #555;
		text-align: center;
		vertical-align: middle;		
	}
	
	table.”resultats” p {
		margin:1em;		
		text-align:center;
	}

/* */
	
	table.”programme” p {
		margin:0em;		
		text-align:center;
	}
	
	table.”programme” tr td {
		padding:2px 5px;
	}
	
	table.”programme” tr th {
		background-color: white;
		padding-top:1.5em;
		padding-bottom:0.5em;
	}
	
/* ----- FIN TABLEAU DES PAGES DE BASES  ----- */

/* ------ GESTION DES PAGE PARAGRAPHE */

.field.field--name-field-visuel-paragraphe.field--type-image.field--label-visually_hidden div.field__items div.field__item {
	float: none;
	text-align: center;
	margin-right: 2.8em;
	margin-left: 0;
	width: 100%;
	margin-bottom: 1em;
	padding: 0
	}

.field.field--name-field-visuel-paragraphe.field--type-image.field--label-visually_hidden div.field__items div.field__item  img {
	border-radius: 0em;
	width: 100%;
	}

.node--type-page-paragraphe .field--type-image {
	float: none;
	}

@media all and (min-width: 1270px) {

	.field.field--name-field-visuel-paragraphe.field--type-image.field--label-visually_hidden div.field__items div.field__item {
		float: left;
		text-align: center;
		margin-right: 2.8em;
		margin-left: 0;
		width: 46.995%;
		margin-bottom: 2em;	
		padding: 0;
		}

	.field.field--name-field-visuel-paragraphe.field--type-image.field--label-visually_hidden div.field__items div.field__item:nth-child(2n) {
		float: left;
		text-align: center;
		margin-right: 0;
		margin-left: 0;
		width: 46.995%;
		margin-bottom: 2em;
		padding: 0;
		}
}

.field.field--name-field-texte-visuel.field--type-entity-reference-revisions.field--label-hidden.field__items div.field__item {
	float:left;
	width:100%;
	}

/* ------ FIN GESTION DES PAGE PARAGRAPHE */


/* ----- VIDEO ----- */ 

.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divise 9 par 16 = 0.5625) */
}

/* Ensuite, stylisez l'iframe pour qu'il s'adapte au conteneur div avec toute la hauteur et la largeur */
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ----- FIN VIDEO ----- */