/* default CSS : CSS du contenu commun a toute les pages */
@media print{
	#cadre_barre{display:none;}
}
*
{
	box-sizing: border-box;
}
html, body
{
	width: 100%;
	overflow-x: hidden;
}
html{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-family: arial,  Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	background: 50% 0 #fff repeat-y;
}
img{border:0;}

/*BANIERE*/
div.banner{
	width:100%;
	position:relative;
	background-color:#496e77;
}
div.banner div.menu-container div.menu-inner-container,div.banner div.university-logo-container div.university-logo-container-content{
	max-width: 61.812rem;
	margin:0 auto;
}
div.banner div.menu-container{
	position:relative;
	z-index:2;
	background-color:#403e3f;
	height: 3.5rem;
	font-family: 'Ropa Sans', sans-serif;
}
div.banner div.university-logo-container{width:100%; background-color:#fff;}
div.banner div.university-logo-container-content div.lyon1-logo, div.banner div.university-logo-container-content div.lyon-university-logo {float:left; width:45%;}
div.banner div.university-logo-container-content div.lyon-university-logo {margin-left:10%; text-align:right;}
div.banner div.university-logo-container-content div.lyon-university-logo a {margin-right:1.878rem;}
div.banner div.menu-container div.training-title-container{width: auto; float: left;}
div.banner div.menu-container div.training-title-container a {color:#fff; font-size:1.5rem; text-decoration:none; line-height:3.5rem; padding: 0.91rem 2rem; }
div.banner div.menu-container div.training-title-container a:hover {background: #58595b; box-shadow: 0 -5px 0 0 #fdaf17 inset;}
div.banner div.university-logo-container img {max-width:100%; height: 5.562rem;margin-left: 1.878rem;padding-bottom: 3px;padding-top: 4px;}

.infos_in_logo_lyon1 {
	width:1030px;font-size:13px;background-color: #db4c13;font-weight:normal;color:#FFFFFF;margin: auto auto;margin-top: -25px;line-height:17px;padding: .2em .5em;border-radius: .25em;
}

/*RECHERCHE*/
div.banner div.menu-container div.recherche-container{
	width:inherit;
	height:3.5rem;
	float:right;
	width:auto;
}

div.banner div.menu-container div.recherche-container div.retour{
	width:31.25em;
	float:left;
	margin-left:3.125em;
	text-align:left;
	vertical-align:middle;
}
div.banner div.menu-container div.recherche-container div.retour img{
	width:2.5em;
	height:auto;
}
div.banner div.menu-container div.recherche-container div.searchGoogle{
	width:20.75em;
	float:left;
	margin-left:3.125em;
	text-align:right;
	position:relative;
}

div.banner div.menu-container div.recherche-container div.searchGoogle form input,
div.banner div.menu-container div.recherche-container div.searchGoogle form button{
	/*float:left;*/
}

div.banner div.menu-container div.recherche-container div.searchGoogle form,
div.banner div.menu-container div.recherche-container div.searchGoogle form:after{
	clear:both;
}

div.banner div.menu-container div.recherche-container div.outils{
	height:auto;
	margin-top:0.9375em;
	margin:auto;
}

div.banner div.menu-container div.recherche-container div.outils div.itemoutil{
	float:right;
	text-align:left;
}
div.banner div.menu-container div.recherche-container .itemoutil-btn, div.banner div.menu-container div.recherche-container div.itemoutil a {
	background: none repeat scroll 0 0 #fdaf17;
	text-transform:none;
	box-sizing: border-box;
	margin:0;
	background-image: none;
	color: #fff;
	border:none;
	font-size: 1.375rem;
	padding: 0.4rem 1rem;
	height: 3.5rem !important;
	line-height:2.8rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-transform: none;
	z-index: 12;
	display:inline-block;
	cursor: pointer;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

div.banner div.menu-container div.recherche-container .itemoutil-btn.dark{
	background-color: #de9606;
}

div.banner div.menu-container div.recherche-container .itemoutil-btn:hover, div.banner div.menu-container div.recherche-container div.itemoutil a:hover {
	background-color: #797979;
	-webkit-transition: background-color 500ms linear 0s;
	-moz-transition: background-color 500ms linear 0s;
	-o-transition: background-color 500ms linear 0s;
	transition: background-color 500ms linear 0s;
}

div.banner div.menu-container div.recherche-container input.search-input-field {
	background-color: #f7f7f7;
    border-left: 5px solid #fdaf17;
    border-right: 1px solid #de9606;
	border-bottom: 1px solid #de9606;
	border-top: 1px solid #de9606;
    color: #2c3e50;
    font-family: inherit;
    font-size: 1.25rem;
    height: 3.25rem !important;
    margin: 0;
    outline: medium none;
    position: absolute;
	right: 3.3rem;
	width: 15.8rem;
	padding-left: 0.5rem;
}

input.search-input-field:-ms-input-placeholder
{
   color: #efb480; 
}
input.search-input-field::-moz-placeholder
{
   color: #efb480; 
}
input.search-input-field::-webkit-input-placeholder
{
   color: #efb480; 
}
input.search-input-field:-moz-placeholder
{
   color: #efb480; 
}

.central_row {
	max-width: 61.812rem;
	margin: auto auto;
}

/*FILE D'ARIANE*/
div.file_ariane{
	height:24px;
	line-height:24px;
	z-index:2;
	font-family: 'Roboto', serif;
	font-size: 0.8rem;
	/*font-weight: bold;*/
	font-style: italic;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	background-color: rgb(255 255 255 / 80%);
	font-weight:500;
}
div.file_ariane div.file_ariane_content {
	margin:0 auto
}

div.file_ariane div.ligne{
	text-align:left;
}

div.file_ariane div.ligne span.titre{
	color:#777;
	/*font-weight:bold;*/
}

div.file_ariane div.ligne span.puce {
	color:transparent;
	display:inline-block;
	font-weight: normal;
	font-style: normal;
	max-width: 8px;
	padding: 0 5px;
}
div.file_ariane div.ligne span.puce:before{
	color:#999;
	content: ">" !important;
}

div.file_ariane div.ligne a{
	color:#e3541a;
	text-decoration:none;
}

div.file_ariane div.ligne a:hover{
	text-decoration:underline;
}

/*PAGE*/
#page{
	position:relative;
	width:63rem;
	height:auto;
	margin:0 auto;
	/*font-family: 'Droid Serif', serif;*/
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #57585a;
	line-height: 1.5rem;

}
	#bandeau_photo {
		position: relative; /* necessaire pour couvrir menu en mode mobile*/
		
	}
.space{width:inherit;height:20px;clear:both;}
.mini_space{position:relative;clear:both;height:1px;}
.m_space{width:inherit;height:0.625em;clear:both;}

/*CONTENU*/
#page div.contenu{
	width:inherit;
	
}
#page div .element_contenu_onglet_cache div.contenu,
#page div .element_contenu_onglet div.contenu{
	background:none;
}
/*FOOT*/
div.footer{
	background: none repeat scroll 0 0 #ccc;
	width:inherit;
	height:100px;
	padding: 25px 0 0 0;
	margin-top:40px;

}

div.footer div.foot_page {
	width:63rem;
	margin:auto;
	display: flex;
    justify-content: center;
}

div.footer div.foot_page div.texte{
	padding-right: 10rem;
	font-size:0.75em;
	color:#57585a;
}

div.footer div.foot_page .btns-rs{
	margin: 8px 12px;
    line-height:50px;
}
div.footer div.foot_page .liens_institu{
	line-height:50px;
}
	div.footer div.foot_page .liens_institu ul { margin: 0; padding:0;}
	div.footer div.foot_page .liens_institu ul li { margin: 5px 10px; padding:0; list-style-type: none; display: inline;}
	div.footer div.foot_page .liens_institu ul li a{ font-size:14px; text-decoration:dotted;color:#57585a;}
	div.footer div.foot_page .liens_institu ul li a:hover{ font-size:14px; text-decoration:underline;color: #e3541a;}

div.footer div.foot_page .btns-rs a{
	  filter: grayscale(1);
	background: transparent;
  text-decoration: none;
}
div.footer div.foot_page .btns-rs a img{
margin: 4px 5px;
}

div.footer div.foot_page  .btns-rs a:hover{
	filter: grayscale(0);
}


/* MODAL DE RECHERCHE */
div.modal_search {
	display:none;
	overflow: hidden;
z-index: 10043;
  position: fixed;
	top:0;
	left:0;
  background-color: rgb(11 11 11 / 80%);
	width:100%;
	height:100%;
text-align: center;
  padding: 0 8px;
    
}

div.modal_search .middle_bar
{
	display: flex;align-items: center;justify-content: center;width:100%;height:100%;overflow: hidden;
}

div.modal_search .middle_bar input[name='recherche']
{
	width: 79%;height:3rem;font-size: 1.5rem; padding: 0.5rem 1rem;border-left: 5px solid #fdaf17;background-color:#fff;
}
div.modal_search .middle_bar button[name='sa']
{
display: inline-block;height: 3rem;background: #de9606;min-width: 120px; width:20%;font-size: 1.2rem;color:#fff;border:none;
}
div.modal_search .mfp-close
{
	font-size: 4rem;
  color: #de9606;
  opacity: 1;
  right: 1rem;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 10046;
  -webkit-box-shadow: none;
  box-shadow: none;
  float:right;margin-top:-100px;
 
}

/* DEBUT BARRE DE NAVIGATION LYON 1 COMMUNE A TOUS LES SITES DE COMPOSANTE*/

#cadre_barre{
position: fixed;
top:0;
left:0;
width:100%;
z-index:10000;
background: #57585a;
border-bottom:1px solid #9c9c9c;
}

#barre_navigation_rapide{
height:1.5625em;
margin:0;
padding:0;
border:0;
width: 61.875em;
margin-left: auto;
margin-right: auto;
}

#home, #etu, #spiral, #bibliotheque, #formation, #intranet, #lyceen, #phototheque, #editback, #connexionbarre, #pres{
float:left;
width:6.5625em;
border-right:1px solid #cfcccc;
height:1.5625em;
text-align:center;
vertical-align:center;
}
#home{width:9.0625em;}
#bibliotheque, #intranet, #formation{width:5.3125em;}
#spiral{width:4.1875em;}

#mail{
float:left;
border-right:none;
text-align:center;
vertical-align:center;
height:1.5625em;
padding:0 0.3125em 0 0;
}

#connexionbarre{
width:7.1875;
border-right:none;
color:#fff;
background:url(http://www.univ-lyon1.fr/images/barre/deconnexion.png) 50% 50% no-repeat;
}

#cadre_barre a{
color:#fff;
vertical-align:center;
text-decoration: none;
font-family: verdana;
line-height: 1.5625em;
font-size: 0.625em;
}
#cadre_barre a:hover{
text-decoration: underline;
}
#etu, #spiral, #bibliotheque, #intranet, #lyceen, #phototheque, #contact, #connexionbarre{
/*padding-top:6px;*/
}

#pres{
border-left:1px solid #cfcccc;
border-right:none;
width:10.3125em;
height:1.5625em;
}


/* FIN BARRE DE NAVIGATION LYON 1 COMMUNUE A TOUS LES SITES DE COMPOSANTE*/


div.contenu div.onglets a.onglet-actif, li.onglet-actif {
	color: #e3541a !important;
}

/* useful links */
div.useful-links ul {
  padding:0px; margin:0px;
}
div.useful-links{
  text-align: right; 
  font-size: 0.9rem;
  font-family: "Ropa Sans",sans-serif;
}
div.useful-links li a {
  color: #e3541a;
  text-decoration: none;
}
div.useful-links li a:hover{text-decoration: underline;}

/* COMMON CLASSES */
ul.inline-list li{
	display: inline;
	list-style-type: none;
}

ul.inline-list li a {padding-right:10px;}


.entete_liste {
    font-size: 2rem;
    font-family: "Ropa Sans",sans-serif;
    color: #e94f11;
    margin: 0;
    padding: 0.8rem 0;
    font-weight: 500;
}

.entete_titre_orange {
	color: white;
	background-color: #e3541a; 
}

span.sendto {
	color: #fe9900;
}


.puce
{
	min-width: 1rem;
}
#connection
{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
#logo
{
	height: 6.25rem;
	position: relative;
	left: 20%;
}
.barreNav
{
	overflow: hidden;
	display: flex;
	background-color: #57585A;
	justify-content: center;
	height:40px;
}

.menu-font
{
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-family: Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans";
	color: #FFF;
	text-decoration: none;
	font-size: 0.8rem;
}

.barreNav>div
{
	border-left: 2px solid #727071;
	border-right: 2px solid #3e3d3b;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}
.barreNav>div>*>i
{
	color: #fcaf15;
	padding: 0 0 0 0.5rem;
}
.barreNav>div>img, #connection>a>img
{
	display: none;
}
#divSubmenus
{
	background: #888888;
	position: absolute;
	width: 100%;
	z-index: 3;
}
.expand
{
	max-height: var(--originalHeight) !important;
}

.fade-out
{
	opacity: 0;
}
.d-none
{
	display: none !important;
}
.submenus
{
	font-size: 0.8rem;
	position: relative;
	width: 100%;
	display: flex;
	padding: 0.625rem 0 0 1.125rem;
	margin: 0 auto;
	transition: all 0.5s;
	justify-content: center;
}
.submenus li
{
	list-style: none;
	color: #feae17;
	padding: 0.3125rem 0.3125rem 0.3125rem 1rem;

}
.submenus li li
{
	text-indent: -0.5rem;
}
.submenus li i
{
	padding-right: 0.5rem;
}
#submenu1
{
	max-height: 0;
	overflow: hidden;
	padding: 0;
}
#submenu2
{
	max-height: 0;
	overflow: hidden;
	padding: 0;
}
.selectedMenu
{
	background: #888888;
}
#menuDiv
{
	background-color: #403e3f;
	/*font-family: 'Ropa Sans', sans-serif;*/
	font: 500 1em "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
}
#menuList
{
	display: flex;
	transition: all 1s;
	padding:0;margin:0;
	float:left;
}
#menuList>li
{
	list-style-type: none;
	
}
#menuList>li>a, #menuBtn
{
	color: #fff;
	text-decoration: none;
	line-height: 3rem;
	padding: 0.8rem 1.6rem;
	cursor:pointer;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;	
	
}
#menuList>li>a:hover , #menuBtn:hover {
	background-color: #5E5E5E;
	box-shadow: inset 0px -5px 0px 0px #fdaf17;
}
#menuList>li .fa {
	font-size: 0.8em;
}

.sousmenu {
	display:none;
	background-color:#5e5e5e;
	position: absolute;
	z-index:999999;
	width: 350px;
	list-style-type: none;
	padding:10px 0; margin:0;
}

.sousmenu li a {
	color: #fff;
    text-decoration: none;

    padding: 0.5rem 0.8rem;
	font-size:0.9em;
	display:block;
	width:100%;
}
	.sousmenu li a:hover {
		background-color: #403e3f;
	}
	
	.sousmenu li a>i{
		font-size:9px !important;
	}

.floatSearchButton {
	float:right;width:60px;background-color:#fdaf17;line-height: 3rem;
}
.floatSearchButton a {
	display:block;color:#fff;text-align:center;cursor:pointer;
}
.floatSearchButton a:hover {
	background-color: #de9606
}

#menuBtn
{
	display: none;
}
#menuBtn>span>i
{
	margin-right: 1rem;
}
#menuCentralContainer {
	max-width: 61.812rem;	
	margin: auto auto;
}

.hide_in_desktop { display:none; }
.hide_in_mobile { display:block; }

/* ------------------------------------------------------------------------ */
/* MEDIA SCREEN */
/* ------------------------------------------------------------------------ */
/*
@media screen and (max-width: 1200px)
{

}
*/
@media screen and (max-width: 992px)
{
	.lyon1-logo
	{
		text-align: center;
	}
	.infos_in_logo_lyon1 {
		width: 100%;
	}
	#logo
	{
		/*width: 80%;*/
		left: 0;
	}
	.barreNav>div
	{
		padding: 0.5rem 1rem 0.5rem 1rem;
	}
	.barreNav>div>img, #connection>a>img
	{
		display: block;
	}
	.barreNav>div>button, #connection>a>span
	{
		display: none;
	}
	.barreNav>div
	{
		text-align: center;
	}
	#linkToLyon1>a>img,#linkToUniv>a>img,#linkToArqus>a>img
	{
		width: 3.5rem;
	}
	.submenus
	{
		display: block;
	}
	.submenus ul
	{
		padding-left: 0;
	}
	#closeMenu1, #closeMenu2
	{
		padding-left: 1rem;
	}
	#page
	{
		width: 100%;
		/*padding: 0 1rem 0 1rem;*/
	}
	#menuList
	{
		display: block;
		max-height: 0;
		padding:0;margin:0;
		float:unset;
		}
	#menuList>li
	{
	list-style-type: none;
	}
	#menuBtn
	{
		display: block;
	}
	#menuCentralContainer {
		/*display:none;*/
	}
	/*
	#menuList>li>*
	{
		font-size: 1.3rem;
		line-height: 2.5rem;
		padding: 0.91rem 2rem;
	}
	*/
	#menuList>li>.sousmenu
	{
		font-size: 1rem;
		line-height: 1rem;
		/*padding: 0.91rem 2rem;*/
		position:initial;
	}	
	
	#menuBtn
	{
		line-height: 2.5rem;
		padding: 0.5rem 2rem;
	}
	.central_row {
		width:100%;
	}
	.floatSearchButton {
		display:none;
	}
}

@media screen and (max-width: 768px) 
{
	#linkToLyon1,#linkToUniv,#linkToArqus
	{
		display: none;
	}
	#logo
	{
		/*width: 80%;*/
		left: 0;
	}
	div.footer {height:auto; } 
	div.footer div.foot_page { width:100%; flex-direction: column;  align-items: center;}
	div.footer div.foot_page .liens_institu { line-height:unset;}
	div.footer div.foot_page .liens_institu ul li { margin: 2px 3px; padding:0; list-style-type: none; display: inline;}
	div.footer div.foot_page .liens_institu ul li a{ font-size:12px;}	
	div.footer div.foot_page .btns-rs{
		margin: 0px 12px;
		line-height:30px;
	}	
	
	.hide_in_desktop { display:block; }
	.hide_in_mobile { display:none; }
	
}

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

}
*/

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