/*---- Fonts ----*/
@font-face {
    font-family: "Roboto";
    src: url(/fonts/Roboto.ttf) format("truetype");
}

@font-face {
    font-family: "Nunito";
    src: url(/fonts/Nunito.ttf) format("truetype");
}

/*------ Cacher la preinscription -----*/

/*--
#main > .row-fluid > .sidebar > .user {
display:none;
}


#pre-register
{
display:none; 
}
--*/

/*--- Cacher date lieu dans options/inscription ---*/

div#wrapper div#main.container div.row-fluid div.span9.content form.activities ul.checkbox_list li div.activity div.base div.info p.location, div#wrapper div#main.container div.row-fluid div.span9.content form.activities ul.checkbox_list li div.activity div.base div.info p.date {
display:none;
}

html body div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data div.dataset h2
{
display:none; 
}


/*--------- colorvar------*/

:root {
  --primary-color: rgba(33,59,94,1);
  --secondary-color: #0e4c6d;
  --encadre-color: #d1e3ef;
  --encadre-border-color: #7ba6e6; 
  --text-color: rgba(33,59,94,1);

  --table-bg-title: #90c5e7;
  --table-bg-line1: #d7e4ff;
  --table-bg-line2:  #f1f6ff;

 --background-color: #fff;
  /* --background-color1: #ffffff;*/
}



html { 
background-color: rgba(33,59,94,1);
}

body {
background: url("") top center transparent no-repeat;
background-size:cover;
}

#main {
	box-shadow: 0px 0px 60px 0px rgba(50,50,50,0.3);
	background-color: var(--background-color);
	margin-top: 3px;
	border-radius: 40px;
}

a:hover {
color:inherit;
}

#main > .row-fluid > .header {
border-radius: 0;
border-style: none;
height:300px;
margin-bottom: 10px;
}


html body.fr div#wrapper div#main.container div.row-fluid div.span12.header {
background: url("https://media.univ-lyon1.fr/2026/PREDITOX/titre_haut.png") no-repeat scroll left top transparent;
border-radius: 0;
border-style: none;
height:370px;
margin-bottom: 0px;
}

html body.en div#wrapper div#main.container div.row-fluid div.span12.header {
background: url("https://media.univ-lyon1.fr/2026/PREDITOX/titre_haut.png") no-repeat scroll left top transparent;
border-radius: 0;
border-style: none;
height:370px;
margin-bottom: 0px;
}

html, body, #wrapper {
	height: inherit;
}

#main > .row-fluid > .sidebar > .nav, 
#main > .row-fluid > .sidebar > .user {
background: var(--primary-color);
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
border-radius: 10px;
border-radius:1px 15px 15px 1px;
}

#main > .row-fluid > .content {
        font-family:Roboto, Nunito, Arial, Helvetica, sans-serif;
        color: var(--text-color);
	background: url("") repeat-x scroll 0 0 transparent;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	min-height: 500px;
	overflow: hidden;
	padding: 0 15px 15px 15px;
	text-align: justify;
	border-radius: 25px;
        margin-top:5px;
}

/*---- Elements fixe ----*/

#main > .row-fluid > .content .flash_message {
	display: block;
	background: #FBF9E0 url('/images/symposium/tick.png') no-repeat 5px;
	padding: 20px 20px 20px 30px;
	color: #039303;
	border: 2px #C7BF62 solid;
	margin: 20px;
	border-radius: 20px;
	font-size: 18px;
}

.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
background: none;
border-radius: 0 0;
min-width: 960px;
max-width: 1200px;
}

a {
transition: background-color 0.5s;
}

#main > .row-fluid > .content > .page_content > a {
color: #0000FF;
}

#main > .row-fluid > .content > .page_content > a:hover {
color: #0000FF;
text-decoration:none;
}

/*---- Header ----*/

#main > .row-fluid > .header h1, #main > .row-fluid > .header .info, #main > .row-fluid > .header > ul.tools, #main > .row-fluid > .header > hr {
display:none; 
} 

/*---- Culture ----*/

#main > .row-fluid > .header > ul.culture {
  font-size: small;
  right: 3px;
  margin-left: 0;
  overflow: hidden;
  position: absolute;
  top: 300px;

 }

#main > .row-fluid > .header > ul.culture > li {
  display: block;
  float: right;
  margin-right: 3px;
  padding-bottom: 8px;
}

#main > .row-fluid > .header > ul.culture > li > a > span {
	width: 50px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background: url('https://media.univ-lyon1.fr/pict/icone_new.png') no-repeat;
}

#main > .row-fluid > .header > ul.culture > li.en.selected > a > span, #main > .row-fluid > .header > ul.culture > li.en > a:hover > span {
	background-position: -50px 0;
}

#main > .row-fluid > .header > ul.culture > li.en.selected > a > span, #main > .row-fluid > .header > ul.culture > li.en > a:hover > span {
	background-position: -50px 0;
}

#main > .row-fluid > .header > ul.culture > li.fr > a > span {
	background-position: -0 -50px;
}

#main > .row-fluid > .header > ul.culture > li.en > a > span {
	background-position: -50px -50px;
}

/*---- menu gauche bouton --*/

a.button {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
        border: 0px none;
	background: linear-gradient(90deg, rgba(232,77,0,1) 0%, rgba(255,128,0,1) 37%, rgba(255,192,0,1) 100%);
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
        margin:3px;
}

a.button span {
	padding: 14px 25px;
	display: block;
	font-weight: bold;
	font-size: 20px;
	color: white;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
	position: relative;
	z-index: 2;
}

a.button::before {
  content: '';
  position: absolute;
  top: -120%;
  left: -160%;
  width: 250%;
  height: 250%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.6s ease;
  z-index: 1;
  pointer-events: none;
  filter: blur(12px);
}

a.button:hover::before {
  top: 120%;
  left: 120%;
}

a.button:hover {
  transform: translateY(2px); 
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1); 
}

/*---- fin bouton css----*/

#main .sidebar > div > h2 {
display:none;
}


#main > .row-fluid > .sidebar > div {
  border: 0px none;
  line-height: 25px;
  overflow: hidden;
  box-shadow:none;
  padding:10px;
  margin-top:10px;
  font-family:Roboto, Century gothic, Arial, Helvetica, sans-serif;
}

#main > .row-fluid > .sidebar > div a {
 
  color: #FFFFFF;
  display: block;
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  text-decoration: none;
  text-shadow:1px 1px 2px #000000;
  border-radius:20px;
}

#main > .row-fluid > .sidebar > div > ul > li.current_page > a {
  background: transparent url("https://media.univ-lyon1.fr/pict/content_menu_bg2.png") repeat-y scroll 0 1px;
  color: #FFFFFF;
  transition-delay: 1s;
}

#main > .row-fluid > .sidebar > div > ul > li > a:hover {
	background-color: rgba(200,200,200,0.1);
	transition: 0.4s;
	border-radius: 20px;
	letter-spacing: 0.5px;
	text-shadow: none;
}

/*---- menu gauche login ----*/

form table tbody tr th label {
font:inherit;
}

#main > .row-fluid > .sidebar > .user {
color:#fff;
}

#main > .row-fluid > .sidebar > .user > .login li.info, #main > .row-fluid > .sidebar > .user > ul.content.login label, #main > .row-fluid > .sidebar > .user > ul.content.login label  {
text-shadow:1px 1px 2px #000000;
}

#main > .row-fluid > .sidebar > .user > ul.content.login form tbody input {
	margin: 1px;
	padding: 5px;
	width: 96%;
	border-radius: 10px;
}

#main > .row-fluid > .sidebar > .user > ul.content.login input[type="submit"] {
	display: block;
	text-decoration: none;
	padding: 6px;
	margin: 0 0 5px 0;
	border-radius: 10px;
}

#main > .row-fluid > .sidebar > .user > .login li.info {
	padding: 6px;
	border-bottom: 1px solid #BBB;
}

/*---- login centrale error-----*/

div#wrapper div#main.container div.row-fluid div.span9.content div.login {
	background-color: #e9e9e9;
	border: 2px solid #ccc;
	border-radius: 20px;
	padding: 15px;
	box-shadow: 2px 2px 10px#ccc;
}

div#wrapper div#main.container div.row-fluid div.span9.content div.login form table tfoot tr td input.submit {
	padding: 8px;
	border-radius: 20px;
	box-shadow: 2px 2px 5px #ccc;
}

div#wrapper div#main.container div.row-fluid div.span9.content div.login form table tfoot tr td a.reset_password
{
	font-size: 14px;
	padding-left: 10px;
}

/*---- contenu ----*/

#main > .row-fluid > .content h2 {
background: url("") repeat scroll 0 -12px transparent;
font-family: Roboto, Nunito, Arial, Helvetica, sans-serif;
border-bottom: 1px solid var(--primary-color);
color: var(--primary-color);
font-size: 24px;
font-style: normal;
letter-spacing: 0;
line-height: 1.2em;
margin-bottom: 20px;
margin-left: 20px;
margin-top: 10px;
}

#main > .row-fluid > .content h3 {
background: url("") repeat scroll 0 -12px transparent;
color: var(--primary-color);
font-size: 18px;
font-style: normal;
letter-spacing: 0;
line-height: 1.2em;
margin-bottom: 30px;
margin-left: 30px;
margin-top: 10px;
}

#main > .row-fluid > .content h4 {
	font-size: 20px;
	padding: 10px;
	text-decoration: underline;
}



/*---- contenu tableau ou programme ----*/

.colonne_heure {
  float: left;
  width: 80px;
}

.colonne_contenu {
  float: right;
  position: relative;
  top: 0;
  width: 575px;
}


table.speakers_table {
        border-radius:20px;
        border-collapse:separate;
background: #BFBFBF;
background: linear-gradient(90deg,rgba(191, 191, 191, 1) 2%, rgba(221, 221, 221, 1) 41%, rgba(224, 224, 224, 1) 100%);
}

table.speakers_table tbody {

}

tr.speakers_tr {
	border-radius: 20px !important;
	box-shadow: 5px 5px 10px #ccc;
}

tr.speakers_tr td {
	padding: 10px;
	vertical-align: top;
}

.speaker_photo {
width:160px;
}

td.speaker_photo img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #aaa;
}

/*----- sponsors ------*/

.sponsors {
         margin-right: auto; 
         margin-left: auto;
         margin-bottom:20px;
         width:100%;
         cellspacing:15px;
     }

table.sponsors tbody tr td {
         width:33%;
         vertical-align:middle;
         text-align:center;
}

/*-------tarifs-----*/

table.tab1 {
	margin-left: auto;
	margin-right: auto;
}

table.tab1 tbody {
	text-align: center;
}

table.tab1 tbody tr.cs0 {
	background-color: var(--table-bg-title);
}

table.tab1 tbody tr.cs1 {
	background-color: var(--table-bg-line1);
}

table.tab1 tbody tr.cs2 {
	background-color: var(--table-bg-line2);
}

table.tab1 tbody tr td.sta {
	text-align: left;
	padding-left:10px
}

table.tab1 tbody tr td {
	vertical-align:middle;
	height:50px;
}

/*---- contenu page hébergement ----*/

.colonne_gauche {
  float: left;
  width: 48%;
}

.colonne_droite {
  float: right;
  position: relative;
  top: 0; 
  width: 48%;
}

p.titre {
  background-color: #CCDDFF;
  border-radius: 2px;
  color: #49494A;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0;
  padding: 4px 8px;
  text-align: justify;
}

.titre_sp0 {
  background-color: #004688;
  color: #fff;
  font-size: 16px;
  padding: 10px 10px;
}

.titre_sp1 {
  background-color: #004688;
  color: #fff;
  font-size: 20px;
  padding: 20px 10px;
}

.tableau_message {
  background: none no-repeat scroll 8px center #FBF9E0;
  border: 2px solid #C7BF62;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #CCCCCC;
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
}

#main > .row-fluid > .content > .page_content > a.lien_programme {
background: url("") repeat scroll 0 0 rgb(255, 170, 0);
border-radius: 20px;
box-shadow: 2px 2px 10px #BEBEBE;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
margin: 10px 10px 0 190px;
padding: 10px 40px;
text-decoration: none;
text-shadow: 1px 1px 2px #111111;
}

#main > .row-fluid > .content > .page_content > a.lien_programme:hover {
background: url() repeat scroll 0 0 rgb(255, 190, 0);
box-shadow: none;
}

.encadre, .encadrecentre, div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data div.dataset p.registration-state {
	background: no-repeat scroll 8px center var(--encadre-color);
	border: 2px solid var(--encadre-border-color);
	width: 85%;
	margin-bottom: 10px;
	margin: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 12px;
	box-shadow: 1px 1px 3px #CCCCCC;
	border-radius: 12px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

.encadre2 {
background: no-repeat scroll 8px center var(--encadre-color);
border: 1px solid var(--encadre-border-color);
width: 95%;
margin-bottom: 10px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding: 8px 12px;
box-shadow: 1px 1px 3px #CCCCCC;
border-radius: 5px 5px 5px 5px;
}

.encadrecentre, div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data div.dataset p.registration-state {
text-align:center;
}

/*--- bouton programme ---*/

.centre_bouton {
    width:100%;
   text-align:center;
}

.encadre_bouton {
    background: #d8ead4;
    border: 1px solid #acdda5;
    width: 75%;
    margin: 10px auto;
    padding: 15px 15px;
    box-shadow: 1px 1px 3px #CCCCCC;
    border-radius: 25px;  
    text-align: center;
    display: inline-block;
    cursor: pointer; 
    transition: all 0.3s ease; 
}

.encadre_bouton:hover {
    background: #d8ead4;  
    border-color: #acdda5;  /
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);  
    transform: scale(1.05);  
}

.encadre_bouton:active {
    transform: scale(0.98);  
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);  
}


.cadre_droite {
	width: 50%;
	background-color: #bad8ff87;
	padding: 10px;
	box-shadow: 2px 2px 5px #999;
	border-radius: 15px;
	float: right;
	/* padding: 20px; */
	margin: 5px 20px;
}

/*---- contenu preregister ----*/

#main > .row-fluid > .content .dataset h2 {
  background: url("https://media.univ-lyon1.fr/pict/content_menu_bg.png") repeat-y scroll 0 1px #EEEEDD;
  border: 0 none;
  border-radius: 5px;
  font-weight: normal;
  padding-left: 20px;
  text-align: center;
  display:none;
}

#main > .row-fluid > .content form fieldset span {
  margin-right: 0px;
  float: left;
  line-height: 30px;
  width: 170px;
  padding:5px 0px;
}

#main > .row-fluid > .content .login, #main > .row-fluid > .content .register {
  margin-top: 20px;
}

#sf_guard_user_occupation, #sf_guard_user_phone, #sf_guard_user_fax, #sf_guard_user_business_address, #sf_guard_user_speciality, label[for=sf_guard_user_occupation], label[for=sf_guard_user_phone], label[for=sf_guard_user_fax],  label[for=sf_guard_user_occupation],  label[for=sf_guard_user_business_address] {
display:none;
}

#main > .row-fluid > .content .dataset {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border-radius: 0px;
border: 0px none;
margin-bottom: 15px;
padding-bottom: 25px;
position: relative;
}

#main > .row-fluid > .content form.dataset input[type="submit"] {
	/* height: 30px; */
	left: 250px;
	position: absolute;
	text-align: center;
	width: 300px;
	border-radius: 20px;
	padding: 6px;
}

#sf_guard_user_password_again {
  margin-bottom: 30px;
}

#main > .row-fluid > .content form fieldset .inputs input, #main > .row-fluid > .content form fieldset .inputs textarea, #main > .row-fluid > .content form fieldset .inputs select {
  font-family: Roboto, Nunito, Arial, Helvetica, sans-serif;
  border: 1px solid #CCCCDD;
  color: #444444;
  width: 99%;
  padding:7px;
  border-radius:10px;
  box-shadow:5px 5px 15px #ddd;
  transition: all 0.2s ease-out;
}

#main > .row-fluid > .content form fieldset .inputs input:hover, #main > .row-fluid > .content form fieldset .inputs textarea:hover, #main > .row-fluid > .content form fieldset .inputs select:hover {
	transition: all 0.2s ease-out;
	box-shadow: 2px 2px 10px #eee;
	border: 1px solid #DDD;
}

#main > .row-fluid > .content form fieldset .inputs {
  float: left;
  width: 70%;
}

.specialbutton {
	background: url() repeat scroll 0 0 rgb(255, 170, 0);
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgb(190, 190, 190);
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: bold;
	padding: 20px 20px;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgb(17, 17, 17);
	text-align: center;
	margin: 40px 40px;
}

.specialbutton:hover {
background: url() repeat scroll 0 0 rgb(255, 190, 0);
box-shadow: none;
}

div.span9.content div.register form.dataset.user_profile fieldset.speciality.optional span label {
	margin-right: 0px;
	float: left;
	line-height: 30px;
	width: 170px;
	text-indent: -5000px;
	background: url(https://media.univ-lyon1.fr/2018/angel2018/enm.png) no-repeat;
}

/*---- Profil perso ----*/

div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.profile ul.menu, 
div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event ul.menu
 {
margin:0px;
}

div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.profile div.data ,div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data
{
	border: 3px solid #ccc;
	box-shadow: 5px 5px 10px#ccc;
}

div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data div.dataset.schedule {
	border: 2px solid #ccc;
	margin: 30px;
	border-radius: 20px;
	padding: 10px;
	background: #eee;
	box-shadow: 2px 2px 5px #ccc;
}

div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data div.dataset.schedule ul.days li.day_0 table tbody tr.activity td.time {
display:none;
}



div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data div.dataset.schedule ul.days li.day_0 table tbody tr.activity td.data.activity div.main_info div.title p.primary {
	color: #444444;
	text-align: justify;
	font-style: bold;
	font-variant: petite-caps;
	font-weight: bold;
	font-size: 20px;
	padding: 5px;
}

div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data div.dataset.schedule ul.days li.day_0 table tbody tr.activity td.data.activity div.main_info {
	background-color: #fff;
	padding: 10px 30px;
	border-radius: 25px;
	box-shadow: 1px 1px 5px #ccc;
	margin: 5px;
}


/*---- validation preregister et partage infos ----*/

#main > .row-fluid > .content .register form table td.checkbox {
  padding: 10px 8px;
}

#main > .row-fluid > .content .register form table td.checkbox input, #main > .row-fluid > .content .register form table td.checkbox span {
top: 0px;
}

#conditions_accepted {
margin-top:20px;
}

#share_user_info {
display:none;
}

#main > .row-fluid > .content form table tfoot td {
color:#fff;
}


.ligne1a {
	background-color: #eee;
	padding: 5px;
	vertical-align: middle;
	font-weight: bold;
        text-aligne:left;
        width:20%;
}

.ligne1b {
	background-color: #eee;
	padding: 5px;
	vertical-align: middle;

}


.ligne2a {
	background-color: #ddd;
	padding: 5px;
	vertical-align: middle;
	font-weight: bold;
        text-aligne:left;
        width:20%;
}

.ligne2b {
	background-color: #ddd;
	padding: 5px;
	vertical-align: middle;
}








/*--

html body div#wrapper div#main.container div.row-fluid div.span9 div.register form table tfoot tr td a.cancel {
display:none;
}

--*/




html body div#wrapper div#main.container div.row-fluid div.span9 div.register form table tfoot tr td input.submit {
width:250px;
height:30px;
}

html body div#wrapper div#main.container div.row-fluid div.span9 div.register form table tfoot tr td {
text-align:center;
}

/*---- paiements et tarifs----*/

form.payment-rate p, ul.payment_methods p, div.rates_and_payment > p 
{
 font-size:inherit;
 color:inherit;
 margin: 0px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	font: inherit;
}

form.activities, form.sessions {
font:inherit;
}

form.activities ul.checkbox_list div.activity div.info, form.sessions ul.checkbox_list div.session div.info {
	float: left;
	clear: right;
	text-align: justify;
	max-width: 90%;
}

form.payment-rate ul.radio_list li label div.rate h4, div.activity div.base div.info h4 {
text-decoration:none !important;
}

form.activities p, form.sessions p {
	color: #444;
	margin: 15px !important;
	font-size: inherit;
	line-height: inherit;
}

ul.payment_methods {
	margin-bottom: 30px;
}

ul.payment_methods li, form.activities ul.checkbox_list > li, form.sessions ul.checkbox_list > li {
        font:inherit;
	background-color: #eee;
	border: 1px solid #666666;
	border-radius: 25px 5px;
	box-shadow: 1px 1px 3px #CCCCCC;
	color: #333333;
	padding: 15px;
}

form.payment-rate ul.radio_list > li {
  font:inherit;
  background-color: #F9F9F9;
  border: 1px solid #666666;
  border-radius: 20px 0;
  box-shadow: 1px 1px 3px #CCCCCC;
  color: #333333;
  padding: 15px;
  margin: 10px;
  width: 90%;
}

html body div#wrapper div#main.container div.row-fluid div.span9 ul.payment_methods li h3 {
  margin: 8px
}

.change-payment-method, ul.payment_methods li > a {
 background: url("https://media.univ-lyon1.fr/pict/content_menu_bg.png") repeat-y scroll 0 1px #666666;
 border: 1px solid #666666;
 border-radius: 25px 5px;
 box-shadow: 1px 1px 5px #BBBBBB;
 color: #FFFFFF;
 padding: 8px 190px 7px 60px;
 font-size: 18px;
 transition:  0.2s ease;
}

div.activity div.base div.info p.description, div.activity div.base div.info p.date, div.activity div.base div.info p.location {
	color: #656565;
	font-size: 16px;
	line-height: 18px;
	margin: 0px !important;
	padding: 0 0px 0 10px;
}

html body div#wrapper div#main.container div.row-fluid div.span9 div.rates_and_payment form.payment-rate ul.radio_list li input {
  box-shadow: 1px 1px 5px #999999;
  height: 40px;
  margin-left: 0;
  width: 30px;
}

.change-payment-method:hover, ul.payment_methods li > a:hover {
  background: url("https://media.univ-lyon1.fr/pict/content_menu_bg_over.png") repeat-y scroll 0 1px #555555;
  border: 1px solid #666666;
  box-shadow: 1px 1px 2px #FFFFFF;
  text-decoration:none;
  transition:  0.2s ease;
  color:#fff;
}

form.activities ul.checkbox_list input[type="checkbox"], form.sessions ul.checkbox_list input[type="checkbox"] {
  float: left;
  height: 40px;
  margin-right: 10px;
  width: 10px;
}

form.payment-rate ul.radio_list input[type="radio"], form.payment-rate ul.radio_list div.rate {
  float: left;
  margin-right: 10px;
  width: 85%;
}

form.activities ul.checkbox_list li div.activity div.base input
{
width:30px;
}


#main > .row-fluid > .content > p.description, #main > .row-fluid > .content > p.theme-description, #main > .row-fluid > .content > p.abstracts-description {
text-align:center;
}

input[name="submit_next"], input[name="submit_previous"] {
	margin: 10px;
	padding: 8px 25px;
	border-radius: 20px;
	border: 1px solid #888;
	transition: 0.1s ease;
	box-shadow: 5px 5px 10px #ccc;
	transition: all 0.4s ease;
}

a.previous {
  background-color: #DDDDDD;
  border: 1px solid #444444;
  border-radius: 8px;
  box-shadow: 1px 1px 2px #AAAAAA;
  color: #333333;
  padding: 10px 15px;
}

a.previous:hover {
  background-color: #EDEDED;
  border: 1px solid #555555;
  border-radius: 8px;
  box-shadow: 1px 1px 1px #DDDDDD;
  color: #444444;
  text-decoration:none;
}

html body div#wrapper div#main.container div.row-fluid div.span9 p.price-breakdown {
  background: none repeat-y scroll 0 1px rgb(250, 250, 250);
  border: 1px solid rgb(102, 102, 102);
  border-radius: 8px;
  color: rgb(0, 0, 0);
  margin-top: 30px;
  padding: 10px;
  font-size:inherit;
}

ol.registration_steps > li {
	background: url("https://media.univ-lyon1.fr/pict/arrow1.png") no-repeat scroll left 10px transparent;
	float: left;
	font-family: Roboto, Nunito, Arial, Helvetica, sans-serif;
	font-weight: bold;
	overflow: hidden;
	padding-left: 35px;
	margin-left: 3px;
	vertical-align: middle;
	display: flex;
	align-items: center;
}

ol.registration_steps > li > span.step_number {
	background: none repeat scroll 0 0 #B5D1EE;
	border: 0px solid #EEEEEE;
	border-radius: 30px;
	color: #DDDDDD;
	display: block;
	float: left;
	font-size: 35px;
	margin: inherit;
	text-align: center;
	width: 45px;
	line-height: 35px;
	height: 35px;
}

ol.registration_steps > li > span.step_name {
	color: #B5D1EE;
	display: block;
	float: left;
	font-size: 14px;
	margin-top: inherit;
	max-width: 88px;
	text-align: left;
	text-transform: uppercase;
	width: inherit;
	padding: 0px 10px;
}

/*---- Photos ---*/

.photo {
  box-shadow: 3px 3px 7px #BBBBBB;
  margin: 10px;
  text-align: center;
}

.photo_droite {
  box-shadow: 3px 3px 7px #BBBBBB;
  float: right;
  margin: 10px 0 10px 15px;
}

.photo_gauche {
  box-shadow: 3px 3px 7px #BBBBBB;
  float: left;
  margin: 10px 15px 15px 0;
}

.images_d {
	float: right;
	width: 50%;
	background: url("https://media.univ-lyon1.fr/2019/formulation2019/image01.jpg");
}

/*---- Contact ----*/

a.mail 
{
background: url() repeat scroll 0 0 rgb(255, 160, 0);
border-radius: 20px;
box-shadow: 2px 2px 10px rgb(190, 190, 190);
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: bold;
margin: 0 0 0 30px;
padding: 10px 20px;
text-decoration: none;
text-shadow: 1px 1px 2px rgb(0, 0, 0);
color:#fff !important;
}

a.mail:hover {
background: url() repeat scroll 0 0 rgb(255, 190, 0);
box-shadow: none;
}

/*---- espace perso ----*/

#main > .row-fluid > .content > .page_content > ul.menu {
margin: 10px 0;
}

.shared, #event_abstract_is_shared, .help {
display:none;
}

#main > .row-fluid > .content .dataset {
margin-bottom:80px;
}

.encadre-lieu {
background: no-repeat scroll 8px center #f9f5f6;
border: 1px solid #3ae019;
width:60%;
margin-bottom: 10px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding: 8px 12px;
box-shadow: 1px 1px 5px #CCCCCC;
border-radius: 5px 5px 5px 5px;
text-align:center;
}


/*---- Logo ----*/

.logo_droite {
	float: right;
	padding: 0px 0px 0px 25px;
 text-align:center;
}

#footer > .container > .row-fluid > .content > ul.partners > li > a {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  margin: 5px;
  padding: 0px;
  border:0px none;
}

#footer > .container > .row-fluid > .content > ul.partners > li > a:hover {
  background: none;
  border: 0px none;
  border-radius:0px;
}

#footer {
  clear: both;
  margin-top: -150px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height:210px;
}

#footer > .container > .row-fluid > .content > ul.partners > li {
margin: 0px;
}

/*--- Contenu page user front office --- */

html body div#wrapper div#main.container div.row-fluid div.span9 div.user_page div.data div.dataset fieldset ul li
{
display:none;
}

/*-- abstract --*/

#main > .row-fluid > .content form fieldset span label[for="event_abstract_theme_id"] {
	margin-right: 0px;
	float: left;
	line-height: 30px;
	width: 170px;
	text-indent: -5000px;
	background: url(https://media.univ-lyon1.fr/2018/angel2018/op.jpg) no-repeat;
}

.abstract_exp {
	border: 2px grey solid;
	padding: 10px;
	background-color: #eee;
}

#main > .row-fluid > .content > .page_content > a.template_dl {
background: #ffaa00 none no-repeat scroll 8px center;
border-radius: 30px 0;
box-shadow: 1px 1px 3px #cccccc;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 14px 12px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 2px #222;
width: 95%;
display:block;
}

iframe {
	border: 0;
	border-radius: 20px;
	box-shadow: 5px 5px 25px #bbb;
}

/*----faute texte sans abstract--*/

html body div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.abstracts div.data p.abstracts-description {
color:#fff;
display:none;
}

table.abstracts {
color:#000;
}


/*------ debug banque mondiale
form.payment-rate p.price > span, p.price-breakdown > span {
display:none;
}

html body div#wrapper div#main.container div.row-fluid div.span9.content ul.payment_methods li p {
	display: none;------*/