@import url('http://fonts.googleapis.com/css?family=Roboto'); /* Import css Font ROBOTO */
	body{
		font-weight: 200 !important;
		color:#333  !important;
		overflow-x:hidden; 
	}

	
	.none{
		display: none;
	}
	.fa-exclamation-triangle{
		width: 20px;height: 20px;line-height: 14px;
		text-align: center;color: #FFB300;
		margin:30px; 
	}
	.exclamation-h1{
		margin-top: 60px !important;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		font-size: 3em;line-height: 30px;
		text-align: center;
		font-family: 'Roboto' !important;
	}
	.exclamation-h3{
		margin: 0;padding-left: -10px;
		font-weight: 100;	color: #FFB300;
		font-size: 1.5em;line-height: 30px;
		text-align: center;
		font-family: 'Roboto' !important;
	}
	.mediaquey{
		display: none;
	}
	::-webkit-selection {	color: #777 ;  background: #FFF9C4; }
	::-moz-selection {	color: #777 ;  background: #FFF9C4; }
	::selection { color: #777;  background: #FFF9C4; } 

	a{color:#FFB300  !important;}
	a:hover{color: #2D69A5 !important;}
	/*a:active{color: #fff !important;}
	a:visited{color: #fff !important;}*/
	*{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.fixed{
		z-index: 9999;
		position: fixed !important;top: 0 !important;left:0;right: 0;
		width: 100%;
		background-color: #eee; box-shadow:1px 1px 1px #999;	
	}
	.loader{
		background:url('../img/loader.gif')center no-repeat;
		height: 20px;width: 20px; 
		margin:1px auto !important;
	}
	.contf{
		width: 100% !important;
		height: auto !important;
		position: relative;
		padding: 0;margin:0;
	}
	#content{
		height: auto !important;
	}
	#home, #programmes, #inscription, #soumission, #sponsors-partenaires, #contact, #themes, #comites{
			height: 100%;width: 100%;
			position: relative;
	}
	#home{
		background: url('../img/bg_home.svg')left bottom;
		background-size: 90%;
	}
	#header-top{
		height: 10vh;width: 100%;
		z-index: 9999;position: relative;
		background: #FAF3E0;position: relative;
	}
	#header{
		height: 8vh;width: 100%;
		z-index: 9999;position: relative;
		background: #FAF3E0;position: relative;
	}
	.titre-apel{
		margin:0 auto;
	}
	.titre-header{ 
		font-weight: 100;	color: #073D59 !important;
		font-variant: small-caps;
		font-size:2em;line-height:8vh;
		text-align: center !important;
		font-family: 'Roboto' !important;
		text-align: center;
		margin:0;
		height: 8vh;width: 100%;
	}
	.logo-usmba{
		position: absolute;
		left:0;
		height: 70px !important;width: 350px;
		background:#FAF3E0 url('../img/logo-usmba.png')center no-repeat; 
		background-size:70%;
	}
	.logo-journee{
		position: absolute;
		left:70% !important;
		height: 70px !important;width: 350px;
		background:#FAF3E0 url('../img/logo-journee.png')center no-repeat; 
		background-size: 70%;
	}
		.logo-labo-trans{
		position: absolute;
		right:0 !important;
		height: 70px !important;width: 350px;
		background:#FAF3E0 url('../img/logo-labo-trans.png')center no-repeat; 
		background-size: 70%;
	}
	
	.fr{
		position: absolute;
		height: 50px;width: 120px;
		background:#FFB300 url('../img/fr.png')center no-repeat; 
		background-size: 100%;
	}
	
	.en{
		position: absolute;
		height: 50px;width: 120px;
		background:#FFB300 url('../img/en.png')center no-repeat; 
		background-size: 100%;
	}

	.capital{
		color: #42A708 !important;
	}
	.annee-yallow{
		color: #2D69A5;
	}
	.titre{
		height: 80px;
		background: url('../img/titre-logo.png')center no-repeat;
		background-size: 20%;
		margin:0;padding: 0;
		margin: 0 auto;
		display: block;
	}
	
	.title{
		height: 80px;
		background: url('../img/logo-journee.png')center no-repeat;
		background-size: 20%;
		margin:0;padding: 0;
		margin: 0 auto;
		display: block;
	}
	
	.apel-pdf{
		float: right;
		margin-right: 10px;
		display:block;
		height: 50px;
		line-height: 60px;
		z-index: 1000 !important;
		color: #42A708 !important;
	}
	.apel-pdf .fa{
		font-size: 3rem !important;
	}
	
	blockquote{
		font-weight: 200;
		width: 80% !important;
		margin:30px auto; 
		font-size: 1em;
		border-left:2px solid #FDD835 !important;
		display: block;
	}

	.appel-communications-pdf {
		width: 80% !important;
		margin:30px auto; 
		text-align:center;	
		height: 50px;
		line-height: 60px;
		color: #073D59 !important;
		font-size: 4rem !important;
	}

	.appel-communications-pdf .fa{
		font-size: 5rem !important;
	}
/*Style homeSlider*/
	#homeSlider {
		height: 500px !important; width:80% !important; 
		margin: 1% auto 1% auto;
	}
	#sponsors {
		height: 200px !important; width:200px !important; 
		margin-left:43%;
		margin-bottom: 20px;
	}

	#sponsors .fa-angle-left{
		font-size: 4rem;color: #073D59;
		background-color:transparent;
		height: 200px !important;
		line-height: 200px !important;
	}
	#sponsors .fa-angle-right{
		font-size: 4rem;color: #073D59;
		height: 200px !important;
		line-height: 200px !important;
		background-color:transparent;
	}
	
	.fa-angle-left,.fa-angle-right{
		font-size: 6rem;color: #FFF;
		height: 300px !important;
		line-height: 300px !important;
	}
	
	.carousel-inner .item img{
		height: 100% !important;
	}
/*Style navigation*/
	.navbar-default {
		box-shadow:1px 1px 1px #FFB300;
		border-radius: 0;
		z-index: 9999 !important;
		border:none;

		width: 100%;background-color: #FAF3E0 !important;
	}
	#top{
		display: none;
		cursor: pointer;
		height: 30px;width: 30px;
		position: absolute; border:1px solid #fff;
		top: 40px;right: 100px;
		font-size: 2.5rem;text-align: center;line-height: 30px;
		color: #FAF3E0;background-color:#fff; 
		z-index: 9999;
	}
	.navbar-nav {
	}
	.navbar-nav li{
		font-family: 'Roboto' !important;font-size: 1.8rem;
		font-weight: 200;
		font-variant: small-caps; 
	}	.navbar-nav li:hover{
	
	}
	.navbar-nav:last-child{
	}
	.navbar-nav a{
		color: #42A708 !important;
	}
	.navbar-nav .active a{

	
	}
	.active_menu{
		font-weight: bold;
		text-shadow:1px 0px 1px #444;
		background-color:#FFB300; 
				color: #FFB300 !important;
	}
/*	.fixed .navbar-brand{
		display: block;transition:.5s;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
	}*/
	.navbar-brand{
		display: none;
		
		background:#fff url('../img/logo_nav_fixed.png')center no-repeat;
		background-size: 40%;
		text-align: center;
		width: 120px !important;
		color: #fff !important;
		text-shadow: 0px 1px 1px #455;
	}
	.navbar-brand:hover{
		transition:.5s;
		background:#fff url('../img/logo.png')center no-repeat !important;
		background-size: 70% !important;

	}

/*Style sponsor*/
	.sponsor-carroussel{
		width: 50% !important;
		height: 450px;
	}
	.sponsor-carroussel #owl-demo1 {
		height:90%; margin: 1% auto;width: 50%; }
	.sponsor-carroussel #owl-demo1 .item img{
	}
	.sponsor-carroussel #owl-demo1 .item img{
	    display: block;
	    width: 100%;
	}
	.img-sponsor{
		margin: 0;padding: 0;
		width: 60%;margin: 0px auto !important;
		list-style-type: none;
	}
	.img-sponsor li{
		display: inline-block;
		margin:1%;
		border: 1px solid #fff;
		
	}
	.img-sponsor li img{
		box-shadow: 1px 0 1px #ede;
		height: 100px;width: 100px;
		display: inline-block;
	}
/*Style #Contact*/
	.contact{
		//position: relative;
	}
	.bg-marker{
		position:absolute;
		left:3%;
		font-size: 30rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}
	.contact address{
		overflow: hidden;
		text-align: justify;padding-left: 10%;padding-top: 6%;
		width: 30% !important;	float: left;
	}
	.gelocalisation{
		width: 90%;
	}
	.contact h1{
		margin-bottom: 10px;
		height: 60px;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		font-size: 4em;line-height: 30px;
		text-align: center;text-shadow:1px 1px 1px #777;
	}
	.contact h1 i{
		font-size: 1em;
	}
	.mapcanvas{
		box-shadow:1px 1px 1px #777;
		float: right;
		width: 60%;
		margin-top:5%;
		margin-bottom:5%;
		height: 400px;
	}
	.contact address{
		margin-top:1%; 
		float: left;
	}
	
	.copy{
		position: absolute;
		top: 640px;left:0;
		padding:10px 9%;

	}
	.copy span{
		text-decoration: underline;
		color: #000 !important;

	}
/*Style #soumission*/
	#soumission{
		float: left;
	}
	#soumission .col-md-12{
		width: 70% !important;
		margin-top: 2% !important;
		margin-left:13%;
		float: left;
	}

	#soumission h1{
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 3.5em;line-height: 30px;
		text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
	}
	
	#soumission .date-cle{
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 1.5em;line-height: 30px;
		text-align: center;text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
	}

	#soumission ul li{
		padding-left:5px;font-size: 1em;
		list-style-image: url('../img/liste_bg.png');
		text-align: 30px;
		
	}
	
		
	#soumission .ex-attestation img{
		margin-top:5%;
		margin-left: 12%;
		width: 350px;
		height: 250px;
		float : left;
	}
	
	#soumission .elem-soumission{
		margin-top:3%;
		width: 55%;
		float: centre;
	}

	.bg-soumission{
		position:absolute;
		bottom:25%;left:5%;
		font-size: 30rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}
/*Style #Themes*/
	.themes{
		
	}
	.themes .col-md-6{
		width: 60%;
	}	
	.theme{

	}
	.bg-themes{
		position:absolute;
		/*bottom:30%;*/
		left:3%;
		font-size: 30rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}
	.themes-text{
		margin-top:1%; padding-left: 6%;
	}
	/*.themes blockquote{
		margin-bottom: 6%; font-size: 18px;
		float: left;width: 100% ;
	}*/
	/*.index-theme{
		line-height: -30%;color: #2D69A5 !important;
		height: 40px;width:60px;border:1px solid transparent;float: left;margin-top: 0;margin-right: 10px;
	}*/

	.themes .col-md-6 h2{
		height: 30px;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 1.5em;line-height: 30px;
		text-align: left;text-shadow:1px 1px 1px #777;
	}
	.themes .col-md-6 ul li{

		padding-left:5px;font-size: 1.2em;
		list-style-image: url('../img/liste_bg.png');
		text-align: 30px;
	}
/*Style #programmes*/
	#programmes{
		margin-left: 5%;
	}

	.programme-content{
		width: 100%;
	}

	.programme-content .row{
		margin: 0 auto !important;
		border:1px solid #444;
	}
	.programme-content .col-xs-6{
		width: 50%;
	}
	.programme-content  h1{
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 3.3em;line-height: 40px;
		text-shadow:1px 1px 1px #073D59;
		font-family: 'Roboto' !important;
		margin-bottom: 5px !important;
	}
	.programme-content  h2{
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 2.6em;line-height: 40px;
		text-shadow:1px 1px 1px #073D59;
		font-family: 'Roboto' !important;
		margin-bottom: 5px !important;
	}
	#programmes blockquote{
		margin-top: 10px !important;
		padding-left:5px; 
		width: 86% !important;
		font-weight: 200;
	}
		
		
	#programmes ul li{
		padding-left:2px;font-size: 0.9em;
		list-style-image: url('../img/liste_bg.png');
		font-weight: bold;
		margin-bottom: 8px;
		text-align: justify;
	}
	#programmes ul li .conferencier{
		font-size: 0.8em;
		color: #073C59;
		font-style: italic;
		font-weight: 100;
	}

	.pp{
		float: right;

		margin-right: 10em;
		display:block;
		
		text-align: center;
		z-index: 1000 !important;
		color: #FFB300 !important;
		font-size: 2em;
		text-decoration: blink;
		border: 3px solid #FFB300;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background-color: #073D59;
		padding: 10px;

		-webkit-animation-duration: 3s;
		-webkit-animation-delay: 1s;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-duration: 3s;
		-moz-animation-delay: 1s;
		-moz-animation-iteration-count: infinite;
	}


/*Style #inscription*/

	#inscription .bg-inscrip{
		position:absolute;
		/*bottom:30%;*/
		left:3%;
		font-size: 30rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}

	#inscription blockquote{
		width: 60%;
	}
	
	#inscription h1{
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 2.5em;line-height: 30px;
		text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
		margin-bottom: 20px;
	}
	#inscription .col-md-12{
		margin-left:13%;
		margin-top:0%;
		float: left;
		width: 80%;
	}
	#inscription .NB{
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 1.5em;line-height: 30px;
		text-align: center;text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
	}
	
	#inscription .col-md-12 ul li{

		padding-left:5px;font-size: 1.2em;
		list-style-image: url('../img/liste_bg.png');
		text-align: 30px;
	}

	#inscription .fiche_inscription{
		float: right;
		margin-right: 10px;
		display:block;
		
		z-index: 1000 !important;
		color: #FFB300 !important;
		font-size: 2em;
		text-decoration: blink;
		border: 3px solid #FFB300;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background-color: #073D59;
		padding: 10px;
	}
	
	.fiche_inscription .fa{
		font-size: 3rem !important;
		color: #FFB300 !important;
	}
	


	/*Style #hebergement*/

	#hebergement .bg-inscrip{
		position:absolute;
		/*bottom:30%;*/
		left:3%;
		font-size: 30rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}

	
	#hebergement h1{
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 2.5em;line-height: 30px;
		text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
		margin-bottom: 20px;
	}
	#hebergement h3{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 1.5em;line-height: 30px;
		text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
	}
	#hebergement blockquote{
		margin-top: 5px;
	}
	#hebergement .col-md-12{
		margin-left:13%;
		margin-top:0%;
		float: left;
		width: 80%;
	}
	#hebergement .NB{
		text-decoration: none;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 1.2em;line-height: 30px;
		text-align: center;text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
	}
	
	#hebergement .col-md-12 ul li{

		padding-left:5px;
		list-style-image: url('../img/liste_bg.png');
		text-align: 30px;
	}
	
	
	
	
	
/*Style #owl-demo*/
	   
	#owl-demo1 {height: 15%; margin: 1% auto;width: 50%; }
	#owl-demo1 .item img{
	    display: block;
	    width: 100%;
	    height: 10%;
	}
	#owl-demo1 .item img{
	    display: block;
	    width: 50%;
	}
	#owl-demo2 {height: 25% ; margin: 0% auto;width: 50%; }
	#owl-demo2 .item img{
	    display: block;
	    width: 100%;
	    height: 50%;
	}
	#owl-demo2 .item img{
	    display: block;
	    width:  80%;
	}
/*Style	Comites*/ 
	.comites .col-md-6{
		position: relative;
	}
	.comites h2{
		margin-top: 10px;
		margin-bottom: 3vh;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 2em;line-height: 30px;
		text-align: left;text-shadow:1px 1px 1px #073D59;
	}

	.comites .fa-flask{
		position:absolute;
		top:40%;right: 11%;
		font-size: 20rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}
	.comites .fa-list-ol{
		position:absolute;
		top:70%;right: 11%;
		font-size: 20rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}
	.comites .fa-graduation-cap{
		position:absolute;
		top:15%;right: 11%;
		font-size: 20rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}
	
	.comites ul li{
		padding-left:5px;font-size: 1.1em;
		list-style-image: url('../img/liste_bg.png');
		text-align: 30px;
		
	}

	/*Style Télechargement*/

	.tel-link{
		float: right;
		margin-right: 10px;
		display:block;
		height: 50px;
		line-height: 60px;
		z-index: 1000 !important;
		color: #073C59 !important;
	}
	.tel-link .fa{
		font-size: 1em !important;
	}

	/*Galerie*/
	.galerie h2{
		margin-top: 10px;
		margin-bottom: 3vh;
		font-weight: 100;	color: #073D59;
		font-variant: small-caps;
		font-size: 2em;line-height: 30px;
		text-align: left;text-shadow:1px 1px 1px #073D59;
	}

	.galerie .container {
    margin: auto;
    width: 1215px;
    color: #3b3b3b;
    text-align: center;
	}

	.galerie header {
	    margin: 50px 0;
	}

	.galerie span {
	    font-size: 24px;
	    font-style: italic;
	    font-family: 'Georgia', 'Times New Roman', serif;
	}

	.galerie h1 {
	    font-size: 44px;
	    margin-top: 10px;
	    font-family: 'Helvetica', 'Arial', sans-serif;
	}

	.galerie a {
	    margin: 16px;
	    display: inline-block;
	}



@media screen and (max-width: 767px) {
	.container-fluid{

	}
	.navbar-brand{background-color: transparent;}
	#header-top{display: none;}
	.home-description{
		width: 100% !important;
		font-size: 12rem !important;
	}
	.home-description p{
		font-size: 12px !important;
	}





	/*Style #Themes*/




	/*Style #soumission*/
	#soumission{
		float: left; 
	}
	#soumission .col-md-12{
		  margin-top: 1% !important;
		  padding: 0px;
	}
	#soumission h1{
		text-decoration: none;
		display: none;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		font-size: 3.5em;line-height: 30px;
		text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
		margin-bottom: 20px;
	}
	#soumission .date-cle{
		text-decoration: none;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		font-size: 1.5em;line-height: 30px;
		text-align: center;text-shadow:1px 1px 1px #777;
		font-family: 'Roboto' !important;
	}
	#soumission ul li{
		font-size: 1.1em;
		list-style-image: url('../img/liste_bg.png');
		text-align: 30px;
		
	}
	#soumission .elem-soumission{
		margin-top:5%;
		width: 50%;
		float: left;
	}
	.wrapper{
		display: none;
	}

	.bg-soumission{
		position:absolute;
		bottom:25%;left:5%;
		font-size: 50rem;opacity: .1;
		font-weight: 100;	color: #FFB300;
		font-variant: small-caps;
		text-align: center;text-shadow:1px 1px 1px #777;
	}





  }