@font-face{font-family:'Open Sans';font-weight:300;font-style:normal;src:url(../fonts/open-sans-300.woff2) format('woff2');}
@font-face{font-family:'Open Sans';font-weight:400;font-style:normal;src:url(../fonts/open-sans-400.woff2) format('woff2');}

body {
	background:#191919;
	font-family: 'Open Sans';
}
hr {
    opacity:0.2;
}
a:hover {
	text-decoration: none;
	border-bottom:1px solid #41aeec;
}
.no_hover:hover {
	border:none;
}
#wrapper{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
header {
	height:110px;
	width:100%;
	padding-left:20px;
	padding-right:20px;
}
header h1 {
	float:left;
	margin-top:35px;
	color:white;
}
header h1 a {
	color:white;
}
header h1 a:hover {
	color:white;
	border-bottom:none;
}

header img {
	margin-top:32px;
	margin-left:15px;
	width:200px;
	position:absolute;
}
header nav ul {
	float:right;
	margin-top:45px;
}
header nav li {
	list-style-type:none;
	display:inline;
	margin-right:20px;
}
header nav li a {
	color:white;
	font-family: 'Open Sans';
	border:none;
	-webkit-transition: text-shadow 0.05s linear;
    transition: text-shadow 0.05s linear;
}
header nav li a:hover {
	color:white;
	text-decoration: none;
	border:none;
	text-shadow: 0px 0px 10px rgba(255,255,255,0.8);
}
header nav li.current a {
	/*color:#41aeec;*/
	color:white;
	border-bottom:1px solid #41aeec;
}
header nav li.shop a {
	color:#5fbcf1;
}
#tuiles {
	width:900px;
	padding:0;
	margin:0;
	height:350px;
	overflow:hidden;
	list-style-type:none;       
}
#tuiles li {
    float:left;
    width:100px;
    height:350px;   
    background:black;   
    cursor: pointer;                                     
}
#tuiles li .title {
	margin-top:280px;      
	height:45px;  
	position:absolute;
	width:100px;
	text-align:center;          
}
#tuiles li .title h2 {
	font-size:15px;    
	color:white;           
    font-family:'Open Sans';                                 
}                      

.content {
	background:#222222;
	padding:30px;
	padding-top:10px;
	color:white;
	margin-left:0px;
	width:100%;
}
.content h2,.content h3,.content h4,.content h1,.content h5 {      
    font-family:'Open Sans';    
    font-weight:lighter;
}
.content p {
	opacity:0.7;
	font-size:13px;
	padding-left:15px;
}
.content a {
	color:white;
	opacity:0.7;
}
.content a:hover {
	border-bottom:1px solid white;
}
.content .separator {
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.3);
	margin-top:-10px;
	height:0px;
}
.contact_box {
	background:#2e2e2e;
}
.contact_form {
	font-size:13px;
}     
.checkbox {
    width:100%;
    padding:0;
    margin-left:0px;
}          
.checkbox div {
    display:inline-block;
    padding:5px;
    padding-right:10px;
    padding-left:30px;
    background:rgba(0,0,0,0.2);
    margin-top:5px;
}    
.checkbox div:hover {
    background:rgba(0,0,0,0.5);
}
.contact_field {
	width:100%;
	border:none;
	margin-bottom:10px;
	background:rgba(0,0,0,0.4);
	color:white;
	padding:8px;
	padding-left:10px;
	font-size:14px;
}
.contact_submit {
	border:none;
	margin-bottom:10px;
	background:rgba(0,0,0,0.3);
	color:white;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
	margin-right:8px;
}
.contact_submit:hover {
	background:rgba(0,0,0,0.4);
}
.contact_label {
	padding-top:6px;
}
.intro {
	background: #0f0f0f;
	width:100%;
	margin-bottom:-10px;
}
.intro p{
	text-align:center;
	font-size:20px;
	font-weight: lighter;
	padding-top:10px;
	padding-bottom:10px;
	color:white;
}
.dark {
    background:#0f0f0f;
    width:100%         
}   
.light {                  
}   

.dark p {
    opacity:0.7;
}
.light p {
    opacity:0.7;
}
.dark .thumb {
       background:rgba(255,255,255,0.1);
}
.light .thumb {
       background:rgba(0,0,0,0.5);
}
.thumb {
   padding:10px;
   margin-top:10px;
}
.legend {
    opacity:0.2;
    text-align:center;        
}     
footer {
	width:100%;
	background: rgba(0,0,0,0.1);
	height:115px;
}

footer .idea {
	font-size:25px;
	font-weight: lighter;
	color:white;
	position:absolute;
	margin-left:35px;
	margin-top:25px;
}
footer .contact_us {
	position:absolute;
	margin-top:60px;
	margin-left:65px;
	font-family:'Open Sans';
	color:white;
}
footer .contact_us a {
	color:#4199d0;
}
footer .legal {
	float:right;
	color:rgba(255,255,255,0.5);
	margin-top:45px;
	margin-right:40px;
	font-size:12px;
}       
.social {
	padding-top:5px;
	position:absolute;
    opacity:1;
    padding-left:15px;
}
.social * {
	opacity:1;
}
.social a {
    font-size:12px;
}
.social a:hover{
	border-bottom:none;
    text-decoration:underline;
}
.social .icn-facebook {
	background-color:#294279;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	opacity:1;
}
.social .icn-twitter {
	background-color:#00a6ce;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	opacity:1;
}
.not_found{
	font-size:50px;
	background:url('images/404.jpg');
	text-align:center;
	height:150px;
	padding-top:35px;
    font-family:'Open Sans';
}
.not_found a {
	color:white;
    font-family:'Open Sans';
}
.mentions{
	font-size:50px;
	background:url('images/mentions.jpg');
	text-align:center;
	height:150px;
	padding-top:35px;
    font-family:'Open Sans';
}
.mentions a {
	color:white;
    font-family:'Open Sans';
}