@font-face {
  font-family: 'Frijole';
  font-style: normal;
  font-weight: 400;
  src: local('Frijole'), url(http://themes.googleusercontent.com/static/fonts/frijole/v2/KY1jGfdOyy7wGqIgHMe1-A.ttf) format('truetype');
}

* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
/*html {
	min-width:850px;
}*/
body { 
	background:#1b1916  url(images/bg_2.jpg) no-repeat center top; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#393939;
	min-width:850px;
	background-size: 100%;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}
table,  td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
table, td, img {
	border: 0;
}

td, tr {
	vertical-align: top;
	text-align: left;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

.col-1, .col-2, .col-3 { 
	float:left;
}
.left-colum {
	width:449px;
	float:left;
}
.right-colum {
	float:left;
	position:relative;	
	height:621px;
	width:401px;
	background:url(images/content_bg.png) no-repeat top left;
}
#page1 .right-colum {
	background:none;
}
.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#page1 {
	background:#1B1916 url(images/bg.jpg) no-repeat center top;
}
#main {
	width:850px; 
	margin:0 auto;
	font-size:.75em;
}

#header {
	padding:100px 0 0 0;
}
#content {
	
}
#footer {
	float:right;
	height:28px;
	width:385px;
	background:url(images/footer_bg.png) no-repeat;
	padding:0 7px;
	margin:0 2px 0 0;
}

/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-indent2 {
	margin:0 0 24px 0;
	width: 100%;
}
.img-indent3 {
	margin:0 0 14px 0;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

strong {
	font-size:0.917em;
	line-height:19px;
	text-transform:uppercase;
	color:#fff;
}
p {
	font-size:1em;
	line-height:18px;
	/*text-transform:uppercase;*/
	margin-bottom:19px;
	color:#FFFFFF;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}
.h-indent {
	margin:0 0 17px 0;
}
.h-indent2 {
	margin:0 0 20px 0;
}
.h-indent3 {
	margin:0 0 26px 0;
}
.a-indent {
	margin:0 0 43px 0;
	float:left;
}
.p-indent {
	margin:0 0 25px 0;
}
/*----- txt, links, lines, titles -----*/
a {
	color:#FFFFFF; 
	outline:none;
	text-decoration: none;
}
a:hover{
	color:#fce309; 
	text-decoration:none;
}

h1 {
	position:relative;
	background:url(images/logo_bg.png) no-repeat;
	width:291px;
	height:121px;
	margin:0 0 48px 0;
}
	h1 a {
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		background:url(images/logo.png) no-repeat;
		height:121px;
		width:291px;
	}
		h1 a span {
			display:none;
		}
h2 {
	font-family:Impact, Helvetica, sans-serif;
	font-size:2.5em;
	line-height:32px;
	text-transform:uppercase;
	font-weight:normal;
	color:#fce309;
	margin:0 0 26px 0;
}
.titrejaune{
	font-size:1.2em;
	color:#fce309;
	text-align: center;
	text-transform:uppercase;
	font-weight:600;
}

.question{
	color:#fce309;
	font-weight:600;
}
.reponse span{
	color:#fce309;
	font-weight:600;
}
.jaune{
	color:#fce309;
}

.link {
	font-size:0.934em;
	line-height:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fce309;
	background:url(images/marker.gif) no-repeat right center;
	padding:0 8px 0 0;
}
.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}
.line-ver { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}

.title { 
	margin-bottom:20px;
}

/*===== content =====*/
ul.menu {
	padding:0;
	width:220px;
}
ul.menu li {
	width:100%;
	overflow:hidden;
	padding:0 0 8px 0;
}
ul.menu li a {
	display:block;
	font-family: Frijole;
	font-size:24px;
	margin-bottom: 0.5em;
}


.indent {
	padding:15px 17px 12px 48px;
}
.scroll {
	overflow:auto;
	height:558px;
	min-height:558px;
	padding:36px 17px 0 0;
}
#page7 .scroll {
	overflow:visible;
}
.scroll-inner {
	width:300px;
}
table.score {
	height:460px;
	width:300px;
	font-size:0.834em;
	line-height:30px;
	text-transform:uppercase;
	color:#817f7f;
}

	.score #name td {
		font-size:1.1em;
		line-height:8px;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		vertical-align:top;
		color:#fff;
		height:18px;
		border-bottom:1px solid #4a4515;
	}
	.score #name td.extra {
		border-right:1px solid #4a4515;
		border-left:1px solid #4a4515;
		width:69px;
		
	}
	.score td.extra {
		border-right:1px solid #4a4515;
		border-left:1px solid #4a4515;
		text-align:center;
	}
	.score td.extra2 {
		text-align:center;
	}
	.score td.name {
		width:158px;
	}
ul.list-1 {
	padding:0 0 29px 0;
}
	ul.list-1 li {
		width:100%;
		overflow:hidden;
	}
		ul.list-1 li a {
			font-size:0.834em;
			line-height:25px;
			text-decoration:none;
			text-transform:uppercase;
			color:#817f7f;
			background:url(images/marker_li.gif) no-repeat left center;
			padding:0 0 0 18px;
		}
		ul.list-1 li a:hover {
			text-decoration:underline;
		}
.phone {
	display:block;
	padding:0 0 30px 0;
	line-height:18px;
}
.phone small {
	float:right;
	font-size:1em;
	line-height:inherit;
	padding:0 64px 0 0;
}
.phone a {
	float:right;
	font-size:1em;
	line-height:inherit;
	margin:0 64px 0 0;
	color:#fff;
}
	
/*===== footer =====*/
#footer span {
	font-size:0.917em;
	line-height:28px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;

}
	#footer span a {
		text-decoration:none;
		color:#000;
		margin:0 0 0 9px;
	}
	#footer span a:hover {
		text-decoration:underline;
	}
#footer strong {
	float:right;
	font-size:0.917em;
	line-height:28px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}
/*----- forms -----*/
#contacts-form {
	padding:5px 0 0 0;
}
#contacts-form fieldset {
	border:none;
}
	#contacts-form label { 
		display:block;
		height:38px;
		background:url(images/input_bg.png) no-repeat left top;
		padding:0 0 12px 0;
	} 
		#contacts-form label input { 
			width:268px;
			height:12px;
			padding:10px 16px 10px 16px;
			color:#fff;
			border:none;
			background:none;
			font-size:0.834em;
			line-height:14px;
			text-transform:uppercase;
		}
		#contacts-form textarea {
			width:268px;
			height:172px;
			padding:10px 16px 5px 16px;
			color:#fff;
			overflow:auto;
			border:none;
			background:none;
			font-size:0.834em;
			line-height:14px;
			text-transform:uppercase;
		}
		#contacts-form .textarea-box {
			background:url(images/textarea_bg.png) no-repeat left top;
			height:208px;
			overflow:hidden;
		}
		#contacts-form a {
				float:right;
				line-height:25px;
				font-size:0.917em;
				color:#fce309 !important;
				text-transform:uppercase;
				font-weight:bold;
				padding:0;
				margin:0 3px 0 22px;
				background:url(images/marker.gif) no-repeat right center;
				padding:0 7px 0 0;
			}
/*==========================================*/


/*@media (orientation: landscape) {
	.right-colum
	{
		width: 100% !important;
		background: #000000 !important;
	}
	.scroll-inner
	{
		width: 100% !important;
	}
}*/
#menumobile { display: none; }

/* width */
::-webkit-scrollbar {
  width: 4px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #000000; 
  border: 1px solid #fce309;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fce309; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fce309; 
}



@media screen and (max-width: 768px) {
	::-webkit-scrollbar,
	::-webkit-scrollbar-thumb,
	::-webkit-scrollbar-track {
   display: none;
  }
	.right-colum
	{
		width: 100% !important;
		min-height: calc( 100vh - 95px );
		/*height: calc( 100vh - 95px );*/
		background: #000000 !important;
	}
	.scroll-inner
	{
		width: 100% !important;
	}
	#header{
		padding: 0;
	}
	#footer{
		float: unset;
		text-align: center;
		background-size: cover;
		width: 100%;
	}
	.wrapper{
		overflow:visible !important;
	}
	.left-colum{
		width: 100%;
	}
	.left-colum h1{
		text-align: center;
		width: 100%;
		height: 64px;
		margin: 0;
		background-size: cover;
	}
	.left-colum h1 a{
		width: 84%;
		height: 64px;
		background-size: contain;
		background-position: left center;
	}
	ul.menu{
		margin-top: 1em;
		width: 100vw;
		text-align: center;
		background: url(images/bg_2.jpg) center bottom;
		background-repeat: no-repeat;
	}
	ul.menu{
  	display: none;
	}
  #menumobile { 
  	display: block;
  	position: absolute;
  	right: 10px;
  	top: 10px;
  	height: 40px;
  	width: 40px;
		background: url(images/menu.png) center bottom;
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 999;
  }
  .indent{
  	padding: 1em;
  }
  body{ min-width: 100px; }
  #main{ width: unset; }
  h2{ text-align: center; }
  .scroll{ padding: 0; }
}