@import url(http://fonts.googleapis.com/earlyaccess/mplus1p.css);

/*===========================================

 → Basic
  
=========================================*/	
body {
margin:0;
padding:0;
-webkit-text-size-adjust: 100% !important;
-webkit-touch-callout: 100%!important;
-webkit-tap-highlight-color: rgba(0,0,0,.5)!important;
color: #fff;

background:#000;
font-weight:700;
}

#wrapper:before {
	content:"";
	position:fixed;
	z-index:-1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../img/bg.jpg) no-repeat center;
	background-size:cover;
	filter: alpha(opacity=60); -moz-opacity:.6; opacity:.6;
}

#main_contents {width:100%; position:relative; overflow:hidden; height:auto;}

#bloc_basic {margin:0 auto; max-width:1100px;}
	
#logo {
	margin:30px auto;
	width:55%;
	max-width:400px;
	height:auto;
	display:block;
}
#logo img {display:block; height:auto; width:100%;}

#bloc_text.text_headline p {text-align:center; font-weight:600;}

#bloc_text a {color:#fff; text-decoration:underline;}
#bloc_text a:hover,#bloc_text a.hover {color:#f20; text-decoration:underline;}

.section { position:relative; overflow:hidden;}
#arrow_up:hover a {filter: alpha(opacity=100); -moz-opacity:100; opacity:100;}


#arrow_down, #arrow_up {position:absolute; left:0; width:100%; text-indent:-9999px; height:auto;}
#arrow_down {bottom:0; }
#arrow_up {top:0;}

#arrow_down a, #arrow_up a{
	display:block;
	margin:0 auto;
	border-top: 2px solid rgba(255,255,255,.8);
	border-right: 2px solid rgba(255,255,255,.8);
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}

#arrow_down a {-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#arrow_up a {-webkit-transform: rotate(-45deg);transform: rotate(-45deg); filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}

#arrow_down a:hover, #arrow_up a:hover,
#arrow_down a.hover, #arrow_up a.hover{
	border-top-color: rgba(255,0,0,.5);
	border-right-color:rgba(255,0,0,.5);
}


#list_title {font-size:110%; margin-bottom:5px; }
#portfolio {margin:0 0 5px .5em; font-size:110%;}

ul#portfolio_list {margin:0 0 30px.5em; }

ul#portfolio_list li {font-size:100%; margin-bottom:5px; line-height:120%; word-break:break-all;}
ul#portfolio_list li a {color:#fff; text-decoration:underline;}
ul#portfolio_list li a:hover {color:#f20; text-decoration:underline;}

#bloc_text.type_two {padding-left:.5em;}


/*===========================================

 →  form
  
=========================================*/

#form_notice_box p{font-weight:300; line-height:140%;;}
#form_notice_box p:last-child {margin-bottom:0;}

input, button, select, textarea {-webkit-appearance: none;}

#form_b {
	margin: 0 auto 30px auto;
	padding: 20px;
	background:#fff;
	-webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, .2 ) ;
	-moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, .2 ) ;
     box-shadow:2px 3px 6px rgba(0, 0, 0, .2 ) ;
	 font-size:14px;
	 color:#3f3f3f;
}

#indication {font-size: 12px; margin-bottom: 20px; line-height: 140%;}
.indication_top {font-size:12px; }

.mess {margin-bottom:20px;}

#form_b ul {list-style-type:none;}
#form_b ul li {
	font-size:13px;
	color:#f20;
	line-height:140%;
	margin-bottom:5px;}

.contact_inner table tr td {padding:3px;}
		
@font-face {
font-family: 'IconicStroke';
src: url('font/iconic_stroke-webfont.eot');
src: url('font/iconic_stroke-webfont.eot?#iefix') format('embedded-opentype'),
url('font/iconic_stroke-webfont.woff') format('woff'),
url('font/iconic_stroke-webfont.ttf') format('truetype'),
url('font/iconic_stroke-webfont.svg#IconicStrokeRegular') format('svg');
font-weight: normal;
font-style: normal;
}
 
.iconic:before{
font-size:25px;
font-family: "IconicStroke";
}
.iconic.link:before { content: '/'; }
.iconic.quote-alt:before { content: "'"; }
.iconic.comment:before { content: "q"; }
.iconic.user:before { content: "u"; }
.iconic.mail-alt:before { content: "M"; }

** we remove the red glow around required fields since we are already using the red star */
input:required, textarea:required {
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
/** inputs and textarea**/
textarea{
outline:none;
display:block;
width:100%;
padding:2px 4px;
border:1px solid #a1a1a1;
color:#3F3F3F;
font-family:'Droid Sans',Tahoma,Arial,Verdana sans-serif;
font-size:12px;
border-radius:2px;
transition:background 0.2s linear,
box-shadow 0.6s linear;
}
input:not([type="submit"]) {border:none !important; padding-left:2px;padding-right:2px;}

.ticketbox {
	outline:none;
display:block;
width:35% !important;
padding:2px 4px;
border:none !important;
color:#3F3F3F;
font-family:'Droid Sans',Tahoma,Arial,Verdana sans-serif;
font-size:12px;
border-radius:2px;
transition:background 0.2s linear,
box-shadow 0.6s linear;

	
}


select {width:98%; height:25px; padding: 5px;}
input:not([type="submit"]):active,
textarea:active,
input:not([type="submit"]):focus,
textarea:focus{
background:#F7F7F7;
box-shadow:2px 2px 7px #E8E8E8 inset;
}

input:([type="submit"]){
margin:0 auto;
outline:none;
display:block;
border-radius:2px;
transition:background 0.2s linear, box-shadow 0.6s linear;
}
textarea{
min-height:50px;
resize:vertical;
width:100%;
}
/* placeholder */
::-webkit-input-placeholder  {
color:#BABABA;
font-style:italic;
font-size:11px;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
color:#BABABA;
font-style:italic;
font-size:11px;
}

.form_btm {
	display:block;
	text-align:center;
	height:auto;
	border:1px solid #fff;
	background-color:#fff;
	text-decoration:none !important;
	color:#1a1a1a !important;
	margin:0 auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position:relative !important;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
	cursor:pointer;
	font-weight:700;
}
.form_btm:hover {
	border:1px solid #fff;
	background:inherit;
	text-decoration:none !important;
	color:#fff !important;
	-moz-webkit-box-shadow:0px 0px 4px 2px rgba(68,208,247,.5);
	-moz-box-shadow: 0px 0px 4px 2px rgba(68,208,247,.5);
	box-shadow: 1px 2px 3px rgba(58,58,58,.2);
}	



.reset {
	margin:25px auto 0;
	display:block;
	text-align:center;
	font-size:13px;
	height:auto;
	border:1px solid #999;
	background-color:#999;
	text-decoration:none !important;
	color:#3f3f3f!important;
	padding:3px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position:relative !important;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
	cursor:pointer;
	
}

.reset:hover {
	background-color:#ccc;
	color:#545454 !important;
	border:1px solid #ccc;
}

#form_b table {width:100%; margin: 0 auto;}
#form_b th, #form_b td {font-size:12px; vertical-align:top;}	
	
#form_b th {background:#fcbee6; font-weight:300; text-align:center !important; padding:5px 0; width:20%; color:#fff;}
#form_b td {background:#ffffed; padding:5px 10px; width:78%;}

.forms {padding:50px 0;}