/* cousine-regular - latin */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local('Cousine Regular'), local('Cousine-Regular'),
       url('fonts/cousine-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/cousine-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cousine-700 - latin */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local('Cousine Bold'), local('Cousine-Bold'),
       url('fonts/cousine-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/cousine-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ---------------- GLOBAL ----------------- */

div, img, tr, td, th, table, h1 {
	margin:0;
	padding:0;
}



body {
	width:935px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:40px;
	background-color:#000;
	color:#CCC;
	font-size:10px;
	font-family:'Andale Mono','Cousine',monospace,sans-serif;
}

.content { 
	width:100%;
	float:left;
	padding-bottom:20px;
	display:inline;
	line-height:1.25em;
}

/* VIDEO */
.visible {display:block;}
.hidden {display:none;}
/* IMAGES */
img.visible {display:block;}
img.hidden {display:none;}
a img {
	border:none;
}
img { max-width:100%; }

/* LIENS */
a:link {
	text-decoration:underline;
	color:#FFF;
}
a:visited {
	text-decoration:underline;
	color:#FFF;
}
a:hover {
	text-decoration:underline;
	color:#F00;
}
a:active {
	text-decoration:underline;
	color:#F00;
}


table { border-collapse:collapse; }

span {
	color:#FFF;
	font-weight:normal;
}

/* ---------------- HEADER ----------------- */
.header{
	width:100%;
	padding-bottom:1.5em;
	float:left;
	display:inline;
}
.title{ 
	padding-left:5.88235294117647%; /* 55/935 */;
	font-size:2.5em;
	line-height:1em;
	float:left;
	display:inline;
}
.title {
	//width:50%;
	width:8.66310160427807%; /* 81/935 */
	min-width: 81px;
}
.contact_info{ 
	//font-size:10px;
	line-height:1em;
	padding-top:2.4em;
	padding-right:0.106951871657754%; /* 1/935px */
	float:right;
	display:inline;
	vertical-align: middle;
	width:17.7540106951872%; /* 166/935px */
	min-width:166px;
}
.contact_info_element{ 
	float:left;
	padding-left:10px;
	display:inline;
	width:100%;
}
.contact_info_element a {
	text-decoration:none;
	position:relative;
	top:-1px;
}
.contact_info_element img { 
	//width:50%;
	width:46.9879518072289%; /*78/166px*/
}



/* ---------------- TABLE INDEX ----------------- */
.index_section{
	width:99.4652406417112%; /* 930/935px */
	float:left;
	padding-bottom:2.0em;
	display:inline;
	padding-left:0.53475935828877%; /* 5/935 px */
}

/* NOM SECTION */
.index_section_label{ 
	color:#FFF;
	width:4.278074867%; /* 40/935px */
	float:left;
	padding:0px;
	margin:0px;
	font-size:100%; /* 11/10px */
	font-weight:normal;
	text-align:right;
	padding-right:1.60427807486631%; /* 15/935px */
	padding-top:0.2em;
	padding-bottom:0.2em;
	display:inline;
}

.index_section_label a{text-decoration:none;}

.index_section_label a:hover{
	text-decoration:none;
	color:#F00;
} 


/*.index_sectionCopyText{ 
padding:0px;
margin:0px;
width:875px;
line-height:15px;
font-size:10px;
border-top:17px solid #EEE;
padding-top:5px;
float:right;
text-align:justify;
display:inline;
}
*/
/* TABLE */
.index_table{ 
	width:94.0860215053763%; /* 875/930px */
	float:left;
	display:inline;
}

/* EN TETE SECTION */
.index_table_label{ 
	display:block;
	height:1.65em;
	width:100%;
	text-align:left;
	color:#000;
	background-color:#EEE;
	text-indent:0.571428571428571%; /* 5/875px */
}
.index_table_label div{
	display:inline;
	float:left;	
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-bottom:1px solid #000;
}

/* LIGNES */
.index_table_row{ 
	display:block;
	height:1.65em;
	width:100%;
	text-align:left;
	text-indent:0.571428571428571%; /* 5/875px */
	border-bottom:1px solid #333;
	overflow:hidden;
}
.index_table_row div {
	display:inline;
	float:left;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
.index_table_row div a{
text-decoration:none;
}

.w110 {	width:10%;} 	/* 1/10 875px */
.w210 {	width:20%;}		/* 2/10 875px */
.w310 {	width:30%;}
.w410 {	width:40%;}
.w510 {	width:50%;}
.w610 {	width:60%;}
.w710 {	width:70%;}
.w810 {	width:80%;}
.w910 {	width:90%;}	


/* HOVER */
.index_table_row_over{ 	
	display:block;
	height:1.65em;
	width:100%;
	text-align:left;
	text-indent:0.571428571428571%; /* 5/875px */
	overflow:hidden;
	border-bottom:1px solid #333;
}
.index_table_row_over div {
	display:inline;
	float:left;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
.index_table_row_over div a{
	text-decoration:none;
}
.index_table_row_over div a:link {color:#f00;}
.index_table_row_over div a:visited {color:#f00;}
.index_table_row_over div a:hover {color:#f00;}
.index_table_row_over div a:active {color:#f00;}



/* ---------------- CONTENT ----------------- */

.section_content { 
	float:left;
	width:99.4652406417112%; /* 930 / 935px */
	display:inline;
	padding-left:0.53475935828877%; /* 5/935px */
	padding-bottom:0.5em;
}

.french {
	display:inline;
	color:#999;
}
.one_column_content {
	width:94.0860215053764%; /* 875/930px */
	float:left;
	margin-left:5.91397849462366%; /* 55/930px */
	display:inline;
	position:relative;
}

.one_column_content hr{
	width:100%;
	height:1px;
	color:#333;
	background-color:#333;
	border:0;
	padding:0;
	margin:1em 0 0 0;
}
.two_column_content_left50 { 
	float:left;
	width:45.1612903225806%; /* 420/930px */
	margin-left:5.91397849462366%; /* 55/930px */
	margin-right:3.76344086021505%; /* 35/930px */
	display:inline;
}

.two_column_content_right50 { 
	float:left;
	width:45.1612903225806%; /* 420/930px */
	display:inline;
}

.two_column_content_left20 { 
	float:left;
	width:21.505376344086%; /* 200/930px */
	margin-left:5.91397849462366%; /* 55/930px */
	margin-right:1.61290322580645%; /* 15/930px */
	display:inline;
}

.two_column_content_right80 { 
	float:left;
	width:70.9677419354839%; /* 660/930 */
	display:inline;
}

.left_column_work_footer {
	height:3.0em;
	width:12%; /* 105/875px */
	display:inline;
	text-align:right;
	position:absolute;
	top:-2.4em;
	left:11.4285714285714%; /* 100/875px */
}

a.button {
    display: inline-block;
    line-height:1.2em;
    width:22%;
    text-align: center;
    vertical-align: middle;
    padding: 0.1em 0.5%; //0.91428571428%;
    border: 1px solid #8f8c8f;
    border-radius: 0px;
    background: #ccc8cc;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc8cc), to(#8f8c8f));
    background: -moz-linear-gradient(top, #ccc8cc, #8f8c8f);
    background: linear-gradient(to bottom, #ccc8cc, #8f8c8f);
/*     text-shadow: #707070 1px 1px 1px; */
    font-weight: normal;
    font-size:1.2em;
    font-family:"Andale Mono","Lucida Console",sans-serif;
    color: #111111;
    text-decoration: none;
}
a.button:hover, a.button:focus {
    border: 1px solid #ccc8cc;
    background: #f9f4f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f4f9), to(#aca8ac));
    background: -moz-linear-gradient(top, #f9f4f9, #aca8ac);
    background: linear-gradient(to bottom, #f9f4f9, #aca8ac);
    color: #111111;
    text-decoration: none;
}
a.button:active {
    background: #8f8c8f;
    background: -webkit-gradient(linear, left top, left bottom, from(#8f8c8f), to(#8f8c8f));
    background: -moz-linear-gradient(top, #8f8c8f, #8f8c8f);
    background: linear-gradient(to bottom, #8f8c8f, #8f8c8f);
}
a.button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 2em;
    width: 2em;
    line-height: 0.833333em;
    margin: 2px 4px -6px -4px;
    position: relative;
    top: 3px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABEklEQVRIie2UwY0CMQxF3wRO1EAJW8FeoADuXClgJTpgRRWIKqhi6uCA4EQBcNgMB5JVxmMnI8Tc+JIVa/K/7XicwMCowuoAr/gRW0P/2zeRSwzFbwxzIkbHr5RNDX/G91FB95+ghOZVvcuspVNZ/JY/eIvGiS8npw+KGvnntUnIne7Tog7H0pst0sSRsOM5/1Z7CHtN4GoFZzEBauxnIloduFlYb9EUOGeCnwOnWL3L2DdwV4Lfw15O6+KYzYAVMA/iYxLoBFyBhSjqBziIpFoc4PneR9LWaNc+4ewFJ/JknNY90JAGWANfia9xOnorgXaBbsAy8fvAWwliVV74F4XnhaYFLcEm2Dug3uR3wg+dgAcmEVDhwoBZXQAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}

a.button#buy:before{
    top: 5px;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA+UlEQVRIidWUQQrCMBBFn4N4BM/QE4pb3UkPpEsXeooqdevCjQgFoa2LJpqmaY00VfwwZJg0+TO/k4EvQVr8oATa8PS7EhNX0PtQB+kCKIFcreVYbRQOoj5Y2gFxrO8qcVWhK6jdl6hgKLsYhCLAxrtwPxyoJC+AQoD1AARPiQTYAbfABGgSAa6KJBQSLIkgrEw1iXQwwngcPSwHpjQnA0KYdj0DE7Mc8wGFaNcTcLcz1wjxH2z9xZxFWxwz5EPsaZlrPxnXKyBTq/1tBKTAUfk+yTSQUXVG5tib8+qcWdclZtY2e6wujx1Z6QpS5UOLRCPH5n9isC56AKAUZuaGOphUAAAAAElFTkSuQmCC") no-repeat left center transparent;
}

#intro {
	margin-top:200px;
	font-size:12px;
}

#intro a {
	text-decoration: none;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}



/* The Close Button */
.close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
/* Modal Header */
.modal-header {
  padding: 1.2em 1em;
  background-color: #eee;
  color: black;
}

/* Modal Body */
.modal-body {padding: 0 0;}

/* Modal Footer */
.modal-footer {
  padding: 0.2em 1em;
  background-color: #eee;
  color: black;
}

/* Modal Content */
.modal-content {
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  //position: relative;
  background-color: #000;
  margin: auto auto;
  padding: 0;
  border: 1px solid #eee;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}

@media screen and (max-width: 935px) {
	body {
		width:875px;
	}
	.content {
		width:99.428571428571431%;
		padding-right:0.571428571428571%; /* 5/875px */
	}
	.index_table{ 
		width:100%;
	}
	.index_section_label{
		width:99.428571428571431%;
		text-align: left;
		padding-left:0.571428571428571%; /* 5/875px */
		padding-right:0;
	}
	.index_section_label a{
		display:none;
	}
	.one_column_content {
		width:100%; 
		margin-left:0;
	}
	.two_column_content_left50 { 
		width:49%; /* 420/930px */
		margin-left:0; /* 55/930px */
		margin-right:2%; /* 35/930px */
	}
	
	.two_column_content_right50 { 
		width:49%; /* 420/930px */
	}
	
	.two_column_content_left20 { 
		width:19%; /* 200/930px */
		margin-left:0; /* 55/930px */
		margin-right:2%; /* 15/930px */
	}
	.two_column_content_right80 { 
		width:79%; /* 660/930 */
	}
	.title{ 
		padding-left:0; 
	}
}

@media screen and (max-width: 875px) {
	body {
		width:100%;
	}
	.tdscreen {
		display:none !important;
	}
	.w110 {	width:20%;} 	/* 1/10 875px */
	.w210 {	width:40%;}		/* 2/10 875px */
	.w310 {	width:60%;}
	.w410 {	width:80%;}
}

@media screen and (max-width: 500px) {
	body {
		font-size:9px;
	}
	.contact_info {
		min-width:150px; /* 0.9 * 166 */
	}
	.two_column_content_left50 { 
		width:100%; /* 420/930px */
	}
	
	.two_column_content_right50 { 
		width:100%; /* 420/930px */
		padding-top:1.25em;

	}
	
	.two_column_content_left20 { 
		width:100%; /* 200/930px */

	}
	.two_column_content_right80 { 
		width:100%; /* 660/930 */
		padding-top:1.25em;
	}
	.left_column_work_footer {
		display:block;
		left:0%;
		width:100%;
	}
	a.button {width:40% !important;}
}
@media screen and (min-width: 1440px) {
	body {
		font-size:13px;
		width:1217px;
	}
	.contact_info {
		max-width:216px; /* 1.3 * 166 */
	}
}