html {
	background-color: #8e1728;
	color: #262626;
	margin-top: 50px;
}
body {
	background-color: #8e1728;
	color: #262626;
	margin-bottom: 25px;
}
h1, h2 {
	font-weight: bold;
	text-align: center;
	color: white;
}
img {
	margin: 10px;
	margin-left: 20px;
}

	/* Apparence des hyperliens */
a {
	text-decoration: none;
	color: #8e1728;
}
a:hover {
	text-decoration: none;
	color: #8e1728;
	background-color: rgba(0, 0, 0, 0.3);
}
a:focus {
	color: #8e1728;
}

	/* Pour les rubriques dans la partie CV */
details {
	border:  3px solid white;
	border-radius:  2px;
}
summary {
	font-weight: bold;
	font-size: 20px;
}
summary:hover {
	color: #8e1728;
	text-decoration: underline;
}
.arriere {
	background-color: white;
}

ul {
	margin: 10px;
	margin-left: none;
}
.justifie {
	text-align: justify;
}
.bord {
	border-right: 2px solid white;
}

	/* Pour agencer mon bandeau */
.haut {
	position: relative;
	display:  flex;
	background-color: #262626;
}
#hautD {
	width: 70%;
} 


	/* Texte pour les index fr & en */
#textindex {
	padding: 10px;
	border-radius:  2px;
	text-align: center;
	color: #262626;
	background-color: white;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 20px;
}

	/* Texte vertical pour index_jp */
.box {
  text-align: center;
}
.exp {
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  -ms-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  -ms-column-gap: 30px;
  column-gap: 30px;
  display: inline-block;
  height: 440px;
  text-align: left;
}
.indexjp {	
	padding: 10px;
	border-radius:  2px;
	background-color: white;
	font-size: 1.3em;
}


/* --- Style barre de navigation : pour modifier celui par défaut de bootstrap --- */

	/* style du 'Arnaud Reichert' */
.nav-title {
  display: inline-block;
  font-size: 20px;
  color: white;
  padding: 10px;
}

.nav-brand,
.dropdown-menu > li > a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color:  white;
}

.navbar-default,
.dropdown-menu {
    background-color: #8e1728;
    border-color: #262626;
}

.navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: white;
    background-color: #262626;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
}