@font-face {
    font-family: "Roboto";
    src: url('Roboto-Regular.ttf');
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
	padding-top: 50px;
	padding-bottom: 150px;
	font-family: "Roboto";
}

a {
	color: #4393b1;
}

a:hover {
	color: #444;
}

::-moz-selection { /*@bugfix mozilla*/
    background: #429dbe; /* REMPLACER PAR LA COULEUR DÉSIRÉE*/
    color: #fff
}
::selection { /* effet souris  */
    background: #429dbe; /* REMPLACER PAR LA COULEUR DÉSIRÉE*/
    color: #fff
}

.btn {
	-webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
}

.btn:hover {
	background-color: #444;
	border-color: #333;
  	color: white;
	-webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
}

.navbar-right a img {
 	padding-right: 8px;
}

#header-fond {
	margin-top: -50px;
}

#partenaires-header {
	margin-top: -20px;
	border-radius: 0px;
}

#partenaires-header .navbar-collapse.collapse.in {
	background-color: #222;
}

.marketing .page-header a {
    float: right;
    font-size: 22px;
    margin-top: 8px;
}

.jumbotron {
    background: url("../images/FondKanji.png") fixed;
    padding-top: 20px;
	padding-bottom: 20px;
	color: white;
}

.jumbotron .container a {
	color: white;
	text-decoration: underline;
}

.item-hb img {
	max-width: 240px;
	height: auto;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#langues {
		display: none;
	}
}

@media (min-width: 1050px) and (max-width: 1199px) {
	#header-fond > .container {
		width: 1100px;
	}
}

@media (min-width: 768px) {
	#gekihen-header .open .dropdown-toggle, #langues li:hover, #langues .open .dropdown-toggle {
		background: #e8e8f2 !important;
	}

	.navbar-default #gekihen-header > li > a {
    	color: #e7ebee;
    	font-weight: bold;
	}

	.navbar-default #gekihen-header > li > a:hover, .navbar-default #gekihen-header > li > a:focus, .open a {
    	color: #4b8da8;
    	font-weight: bold;
	}

	.tab-hb {
		margin-bottom: 15px;
	}
}

@media (min-width: 1050px) {
	#logo-petit {
		display: none;
	}

	#logo-mini {
		display: none;
	}

	#header-fond {
		background: url("../images/header-fond.png") repeat-x;
	}

	#header-fond .navbar-nav > li > a {
    	padding: 72px 20px 72px 25px !important;
	}

	.fleche-droite-header {
		float: left;
		margin-top: 52px;
	}

	.fleche-droite-header-petit {
		display: none;
	}

	#gekihen-header li:hover {
		background: #e8e8f2 url("../images/fleche-droite-inversee-header.png") no-repeat scroll right center !important;
	}
}

@media (min-width: 768px) and (max-width: 1050px) {
	body {
		font-size: 12px !important;
	}

	#header-fond > .container {
		width: 800px;
	}

	#logo-grand {
		display: none;
	}

	#logo-mini {
		display: none;
	}

	.logo-header {
		margin-top: -9px;
	}

	#header-fond {
		background: url("../images/header-fond-petit.png") repeat-x;
	}

	.navbar-nav > li > a {
    	padding: 26px 20px 26px 25px !important;
	}

	.fleche-droite-header {
		display: none;
	}

	.fleche-droite-header-petit {
		float: left;
		margin-top: 22px;
	}

	#gekihen-header li:hover {
		background: #e8e8f2 url("../images/fleche-droite-inversee-header-petit.png") no-repeat scroll right center !important;
	}
}

@media (max-width: 767px) {
	#logo-grand {
		display: none;
	}

	#logo-petit {
		display: none;
	}

	.logo-header {
		margin-top: -15px;
	}

	#header-fond {
		background: url("../images/header-fond-mini.png") repeat-x;
	}

	.fleche-droite-header {
		display: none;
	}

	.fleche-droite-header-petit {
		display: none;
	}

	.navbar-collapse.collapse.in {
		background: #e8e8f2;
	}

	.featurette-divider {
		margin-top: 200px;
	}
}

.marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}

.vignette-bas-noire, .vignette-bas-bleue {
	width: 240px;
	height: 40px;
	display: inline-block;
	padding-top: 2px;
	color: #efefef;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.vignette-bas-noire {
	background: url("../images/vignette-bas-noire.png") no-repeat;
}

.vignette-bas-bleue {
	background: url("../images/vignette-bas-bleue.png") no-repeat;
}

.vignette-bas-noire + p, .vignette-bas-bleue + p {
    margin: 0 0 10px;
    width: 240px;
    display: inline-block;
    text-align: justify;
}

.desc-bas-noire, .desc-bas-bleue {
	width: 240px;
	height: 23px;
	display: inline-block;
	background: url("../images/desc-bas-noire.png") no-repeat;
	padding-top: 2px;
}

.desc-bas-noire {
	background: url("../images/desc-bas-noire.png") no-repeat;
}

.desc-bas-bleue {
	background: url("../images/desc-bas-bleue.png") no-repeat;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.item-hb {
    color: #333;
}

.item-hb div:hover {
	background: #f8f8f8;
}

.vignette {
	max-width: 240px;
	margin-bottom: 15px;
}

.vignette img {
	max-width: 100%;
	height: auto;
}

.lien_dl img {
	max-width: 80%;
	height: auto;
}

#pagination {
    text-align: center;
}

.screenshots {
  content: "";
  clear: both;
  display: table;
}

.screenshots img {
  max-width: 100%;
  height: auto;
}

.splash_regles {
  max-width: 100%;
  height: auto;
}

@media (min-width: 1400px) {
	.partenaires_container {
		width: 1400px;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (min-width: 1300px) and (max-width: 1399px) {
	.partenaires_container {
		width: 1300px;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}

.partenaires-header-image {
	margin-right: 20px;
}

.partenaires-header-image > a {
    padding: 0px !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background-color: #f5f5f5;
}