/*---- Specific ESSE----*/

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, 
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 div.user_page.page_content.event div.data b div.dataset.schedule ul.days li.day_0 div.date, 
div#wrapper div#main.container div.row-fluid div.span9.content div.user_page.page_content.event div.data b div.dataset.schedule ul.days li.day_0 table tbody tr.activity td.time,
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 div.date, 
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;

}


/*--
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; 
}

#main > .row-fluid > .sidebar > .user {
display:none;
}

#pre-register
{
display:none; 
}
--*/



html { 
background: #c4c4c4; /* Old browsers */
background: url("https://media.univ-lyon1.fr/2020/esse2020/profil_lyon_esse.png") repeat-x top center,linear-gradient(to bottom, #1e5799 0%,#2989d8 10%, #ffffff 36%,#ffffff 49%,#e5e5e5 74%,#c6c6c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

body {
background: url("") top center transparent no-repeat;
background-size:cover;
}

/*--@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

body {
  background-image: url(https://media.univ-lyon1.fr/2020/esse2020/cloud5.png);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  background-color:transparent;
  animation: animatedBackground 50s linear infinite alternate;
}--*/


#main {
	background:url("https://media.univ-lyon1.fr/pict/blancx.gif") top center transparent repeat-y;
box-shadow:16px 1px 10px -15px rgba(50,50,50,0.3);
}

#main > .row-fluid > .header {
background: url("https://media.univ-lyon1.fr/2020/esse2020/titre_haut.png") no-repeat scroll right top transparent;
border-radius: 0;
border-style: none;
height:300px;
margin-bottom: 0px;
}

html, body, #wrapper {
	height: inherit;
}

#main > .row-fluid > .sidebar > .nav, 
#main > .row-fluid > .sidebar > .user {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#26558b+0,3a8bc2+2,4bb8f0+2,3363a5+7,62b7fc+100 */
background: #26558b; /* Old browsers */
background: -moz-linear-gradient(left, #26558b 0%, #3a8bc2 2%, #4bb8f0 2%, #3363a5 7%, #62b7fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #26558b 0%,#3a8bc2 2%,#4bb8f0 2%,#3363a5 7%,#62b7fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #26558b 0%,#3a8bc2 2%,#4bb8f0 2%,#3363a5 7%,#62b7fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26558b', endColorstr='#62b7fc',GradientType=1 ); /* IE6-9 */
border-radius:25px 8px 8px 25px;
box-shadow:2px 2px 5px #ccc;
}

#main > .row-fluid > .content {
  color: #29292A;
}

/*---- Elements fixe ----*/

.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: 580px;
  margin-left: 0;
  overflow: hidden;
  position: absolute;
  top: 250px;
}

#main > .row-fluid > .header > ul.culture > li {
  display: block;
  float: right;
  margin-right: 3px;
  padding-bottom: 8px;
}

/*---- menu gauche bouton ----*/

a.button {
-moz-transition: background-color 0.5s;
background: url("/images/sample/content_header_bg.png") repeat-x scroll 0 1px #FFAA00;
border: 0 none;
border-radius: 10px;
color: #ffffff;
font-size: 16px;
font-weight:bold;
padding: 0px;
text-shadow: 1px 1px 3px #333333;
cursor:pointer;
margin: 10px;
}

a.button:hover {
text-decoration:none;
background: url("/images/sample/content_header_bg.png") repeat-x scroll 0 1px #FFCC00;
}

#main .sidebar > div > h2 {
display:none;
}

#main > .row-fluid > .sidebar > div {
  border: 0px none;
  line-height: 25px;
  overflow: hidden;
  box-shadow:none;
  padding:20px 0px 20px 15px;
  
}



#main > .row-fluid > .sidebar > div a {
 
  color: #FFFFFF;
  display: block;
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  text-decoration: none;
  font-size:15px;
  text-shadow:1px 1px 2px #000000;
  border-radius:20px 0px 0px 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 0px 0px 20px;
	letter-spacing: 1px;
	text-shadow: none;
}

/*---- menu gauche login ----*/

#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;
}

/*---- contenu ----*/

#main > .row-fluid > .content h2 {
background: url("") repeat scroll 0 -12px transparent;
border-bottom: 1px solid #3466a8;
color: #3466a8;
font-family: "Century Gothic",sans-serif;
font-size: 26px;
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: #2d587b;
font-family: "Century Gothic",sans-serif;
font-size: 16px;
font-style: normal;
letter-spacing: 0;
line-height: 1.2em;
margin-bottom: 30px;
margin-left: 30px;
margin-top: 10px;
}





#main > .row-fluid > .content {
	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;
}

/*---- contenu tableau ou programme ----*/

.colonne_heure {
  float: left;
  width: 80px;
}

.colonne_contenu {
  float: right;
  position: relative;
  top: 0;
  width: 575px;
}

.tab00 {
	border-spacing: 1;
	background-color: #eee;
	border: 1px solid #999;
	box-shadow: 5px 5px 15px #ddd;
}

.tabl01 {
	background-color: #ddd;
}

.tab02 {
	padding: 3px 10px;
}

.sp_tab {
	height: auto;
	overflow: auto;
	line-height: 25px;
	padding: 15px;
	border: 2px solid #ccc;
}

table.tab1 {
	margin-left: auto;
	margin-right: auto;
}

table.tab1 tbody {
	text-align: center;
}

table.tab1 tbody tr.cs0 {
	background-color: #90c5e7;
}

table.tab1 tbody tr.cs1 {
	background-color: #d7e4ff;
}

table.tab1 tbody tr.cs2 {
	background-color:  #3466a8;
}

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;
}

.images_bas {
  background:url(https://media.univ-lyon1.fr/2016/SFCO2016/pict/metz03.jpg)no-repeat scroll center top transparent;
  height:347px;
  box-shadow: 3px 3px 7px #BBBBBB;
}

.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 {
background: no-repeat scroll 8px center #d5e9f0;
border: 1px solid #b9ced5;
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;
font-weight: bold;
text-align:center;
}

.encadre2 {
background: no-repeat scroll 8px center #d5e9f0;
border: 1px solid #b9ced5;
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 {
text-align:center;
}

.encadrecentre1 {
background: no-repeat scroll 8px center #d7e4ff;
border: 1px solid #039af9;
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;
text-align:center;
}

/*---- 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;
}

#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, 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;
}

fieldset.speciality.optional span {
	text-indent: -10000px;
         margin-right: 0px;
	float: left;
	line-height: 40px;
	width: 170px;
	text-indent: -5000px;
        height:60px;
background-image:url("https://media.univ-lyon1.fr/2020/esse2020/name_of_the_national_association.png");
background-size:100%;
background-repeat:no-repeat;
}

fieldset.organization.optional span {
	text-indent: -10000px;
         margin-right: 0px;
	float: left;
	line-height: 40px;
	width: 170px;
	text-indent: -5000px;
        height:30px;
background-image:url("https://media.univ-lyon1.fr/2020/esse2020/organization.png");
background-size:100%;
background-repeat:no-repeat;
}



#sf_guard_user_occupation, #sf_guard_user_phone, #sf_guard_user_fax, #sf_guard_user_business_address, 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: 200px;
}

#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 {
  border: 1px solid #CCCCDD;
  color: #444444;
  font-family: Century gothic,Arial,Helvetica,sans-serif;
  width: 98%;
}

#main > .row-fluid > .content form fieldset .inputs {
  float: left;
  padding: 2px 0px;
  width: 480px;
}

.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;
}


/*---- 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;
}











/*--

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;
}

/*---- Contact ----*/

#main > .row-fluid > .content > .page_content > a.mail {
background: url() repeat scroll 0 0 rgb(255, 170, 0);
border-radius: 20px;
box-shadow: 2px 2px 10px rgb(190, 190, 190);
color: rgb(255, 255, 255);
font-size: 15px;
font-weight: bold;
padding: 10px 20px;
text-decoration: none;
text-shadow: 1px 1px 2px rgb(17, 17, 17);
}

#main > .row-fluid > .content > .page_content > a.mail:hover {
background: url() repeat scroll 0 0 rgb(255, 190, 0);
box-shadow: none;
}

/*---- paiement ----*/

ul.payment_methods li, form.activities ul.checkbox_list > li, form.sessions ul.checkbox_list > li {
  background-color: rgb(249, 249, 249);
  border: 1px solid #666666;
  border-radius: 20px 0;
  box-shadow: 1px 1px 3px #CCCCCC;
  color: #333333;
  padding: 15px;
}

form.payment-rate ul.radio_list > li {
  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: 20px 0;
  box-shadow: 1px 1px 5px #BBBBBB;
  color: #FFFFFF;
  padding: 5px 190px 5px 60px;
}

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: 50px;
}

.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;
  color:#fff;
  border-radius: 20px 0;
  box-shadow: 1px 1px 3px #FFFFFF;
  padding: 5px 190px 5px 60px;
  text-decoration:none;
}

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%;
}

#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: 5px 25px;
}

a.previous {
  background-color: #DDDDDD;
  border: 1px solid #444444;
  border-radius: 8px;
  box-shadow: 1px 1px 2px #AAAAAA;
  color: #333333;
  font-size: small;
  padding: 10px 15px;
}

a.previous:hover {
  background-color: #EDEDED;
  border: 1px solid #555555;
  border-radius: 8px;
  box-shadow: 1px 1px 1px #DDDDDD;
  color: #444444;
  font-size: small;
  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;
}

ol.registration_steps > li {
background: url("https://media.univ-lyon1.fr/pict/arrow1.png") no-repeat scroll left 10px transparent;
float: left;
font-family: Arial,Helvetica,FreeSans,sans-serif;
font-weight: bold;
overflow: hidden;
padding-left: 35px;
margin-left: 3px;
}

ol.registration_steps > li > span.step_number {
  background: none repeat scroll 0 0 #B5D1EE;
  border: 1px solid #EEEEEE;
  border-radius: 20px 0;
  color: #DDDDDD;
  display: block;
  float: left;
  font-size: 25px;
  margin: 8px 4px 0 0;
  padding: 6px 0;
  text-align: center;
  width: 35px;
}

ol.registration_steps > li > span.step_name {
color: #B5D1EE;
display: block;
float: left;
font-size: 11px;
margin-top: 5px;
max-width: 68px;
text-align: left;
text-transform: uppercase;
width: inherit;
}

/*---- 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, 170, 0);
border-radius: 20px;
box-shadow: 2px 2px 10px rgb(190, 190, 190);
color: rgb(255, 255, 255);
font-size: 15px;
font-weight: bold;
margin: 0 0 0 30px;
padding: 10px 20px;
text-decoration: none;
text-shadow: 1px 1px 2px rgb(17, 17, 17);
}

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;
}

/*---- 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;
}

/*----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;
}