body {
      position: relative;
	  background-color: #fffafa;
	  background-image: url(imgs/back.jpg);background-attachment:fixed;
  }
  footer {
    position: fixed;
    bottom: 0;
    width: 100%;
	
}
.classeur {text-decoration: none;}

.panel {border-radius: 10px 10px 10px 0;}
.panel-heading {border-radius: 10px 10px 0 0;}
 
.navbar-inverse .navbar-nav > li > a {font-size: 1.3em}
.navbar-inverse .navbar-nav > li:nth-child(1) > a {background-color: #3030a0}
.navbar-inverse .navbar-nav > li:nth-child(2) > a {background-color: #303080}
.navbar-inverse .navbar-nav > li:nth-child(3) > a {background-color: #202060}
.navbar-inverse .navbar-nav > li:nth-child(4) > a {background-color: #101040}
#logo-inria > a {background-color: #101030}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, #logo-inria > a:hover, #logo-inria > a:focus
 {background-color: #ccccff; color:black; box-shadow: 0 0 5px #fff;}
.navbar-inverse .navbar-nav > li > a.current  {background-color: #fffafa; color:black; box-shadow: 0 0 10px #fff; opacity: 1}

@media (min-width:769px){ 
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {border-radius: 10px 10px 0 0;}
	.navbar-inverse .navbar-nav > li > a {border-radius: 10px 10px 0 0;}
	.navbar-inverse .navbar-nav > li > a.current { border-radius: 10px 10px 0 0;}
}

#section1, #section2, #section3 {display:none}
.current-section {display:block}

h1 {
	text-align: center;
}

.navbar-inverse {color:white; background: linear-gradient(to bottom, #08083b 0%,#151590 100%);}

  .container {width:100%; padding: 0;}
  .my-page {padding-top:42px;}
  
  
  .equal, .equal > div[class*='col-'] {  
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}