html{
	height: 100%;
}

body {
 	position: center;
	background-color: #001223 /* #746a3e gold dark*/;
}

/* css de la barre de navigation */
#all_bar {
	border-style: solid;
	border-width: medium;
	border-left: none;
	border-right: none;
	border-top-color: #001223 /*#746a3e gold dark*/;
	background-color: #fafafa;
}
nav .navbar-header .navbar-brand:hover{
	color: white;
	background-color: #001223 /* #746a3e gold dark*/;
}
nav .navbar-collapse .navbar-nav li a  {
	color: #4d4d4d;
	font-size: 16px;
}
nav .navbar-collapse .navbar-nav li a:hover{
	color: white;
	background-color: #001223 /*#746a3e gold dark*/;
}
/*pour ne pas fixer la navbar sur les petits écrans*/
@media (max-width: 450px)
{
    .navbar-fixed-top
    {
    position: relative;
    top: auto;
    }
}
/* fin css barre de navigation */


/* pour virer l'espace devant ma liste et le marqueur (surtout utilisé quand j'imbrique deux listes) */
.sans0 {
	padding: 0;
	list-style-type: none;
}

/* pour faire les points dans les bouttons, j'utilise deux listes, ce css c'est pour choisir le point comme marqueur de la deuxieme liste*/
.pad0 {
	list-style-type: disc;
	padding: 0;
}


/* css du container principal */
#main {
	margin-top: 80px;
	margin-bottom: 80px;
}

/* css de l'index */
#index {
	background-color: white;
	border-radius: 5px;
	position: static;
	width: 220px;
	margin-bottom: 25px;
}
@media (min-width: 1000px) {
	#index {
		position: fixed;
	}
}
#index ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}
#index li a{		
		display: block;
		color: #001223 /*#746a3e /*gold dark*/;
		padding: 10px;
}
#index li a:hover{
		text-decoration: none;
		color: white;
		background-color: #001223 /*#746a3e /*gold dark*/;
}

.section:target {
    display: block;
    margin-top: -80px;
    padding-top: 80px;
}


/* css du container du texte */
#text {
	padding: 50px 50px 50px 50px;
	/*background-image: url("fond2.png"); 	color: white; */
	background-color: rgba(255,255,255,1);
	/* text-align: center;*/ 
}

#textLicence {
	margin-top: 20px;
	padding: 20px 50px 20px 50px;
	background-color: rgba(255,255,255,1);
}

/* css des images */
div.polaroid {
  background-color: rgba(255,255,255,0);
}
img {
	display: block;
	margin: auto;
	max-height: 300px;
	max-width: 100%;
}
div.polaroidText {
	font-style: italic;
	text-align: center;
 	padding: 10px 20px;
	background-color: rgba(0,0,0,0);
}