@import "../css/reset.css";
@import "skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video
{
	display:block
}

mark,rp,rt,ruby,summary,time
{
	display:inline
}

/* Global properties ======================================================== */
html
{
	width                           :100%
}

body
{
	font-family                     : Arial, Helvetica, sans-serif;
	font-size                       : 12px;
	line-height                     : 22px;
	text-transform                  : uppercase;
	min-width                       : 960px;
/*	background                      : url(../images/front/body_bg.jpg) 50% 0 repeat #E0D0AC;*/
	background-color                : #0c0c0c;
	color                           : #F2E0C9;
	-webkit-text-size-adjust        : none;
}

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

@font-face
{
	font-family						: 'NewRegular';
	src								: url('/ressources/fonts/Sansation_Regular.ttf') format('truetype');
/*	local('NewRegular'), local('phillysansps'), url('/ressources/fonts/phillysansps.otf') format('opentype'), */
}
/*********************************fonts*************************************/
.reg
{
	text-transform:uppercase
}

.f_left
{
	float:left
}

.f_right
{
	float:right
}

.align_right
{
	text-align:right
}

.align_center
{
	text-align:center
}

.it
{
	font-style:italic
}

.let
{
	letter-spacing:-1px
}

/*********************************CLASSES**********************************/
.m_bottom_zero
{
	margin-bottom:0 !important;
}

.m_left_zero
{
	margin-left:0 !important;
}

.p_bottom_zero
{
	padding-bottom:0 !important;
}

.p_left_zero
{
	padding-left:0 !important;
}

.clear
{
	clear:both;
	width:100%;
	line-height:0;
	font-size:0;
}

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

.extra_wrapper
{
	overflow:hidden;
}

.container
{
	width:100%
}
.extra_last, .last
{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

.extra_last
{
	border:none !important;
	background:none !important;
}

.bg_none
{
	background:none !important;
}


/*==================================== Links ======================================================== */
a
{
	color:#F2E0C9;
	outline:none;
	text-decoration:none;
	cursor:pointer;
}

a:hover
{
	color:#fff;
	text-decoration:none;
}

/*********************************Displays*************************************/
.block
{
	display:block;
}

.inline-block
{
	display:inline-block;
}
/*********************************header*************************************/

header
{
	margin: 0 10px 0;
}

header h1
{
	float:left;
}

header h1 a
{
	display:block;
	width:311px;
	height:190px;
	text-decoration:none;
}

/*********************************content*************************************/
#content{padding:46px 0px 36px 0px; background: url('../images/front/stripe.png') center bottom no-repeat;}

.cont_pad
{
	padding:47px 0 36px 0 !important;
}


/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:22px}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/front/marker1.png) 0 9px no-repeat; padding-left:14px;}
.list1 a
{
	color:#A08E7B;
	font-weight:bold;
}

.list1 a:hover
{
	color:#fff;
}

.list2 li{ background:url(../images/front/marker1.png) 0 9px no-repeat; padding-left:14px;margin-bottom:3px;font-family:Trebuchet MS1, Trebuchet MS, sans-serif;}
.list2 a{color:#7C533F;font-weight:bold;}
.list2 a:hover{color:#fff;}

/*================================>> H <<========================================*/
h2
{
	font-size: 25px;
	line-height: 29px;
	color:#FFF;
	letter-spacing:3px;
	margin-bottom:21px;
/*	-webkit-text-stroke: 1px black;
	-moz-text-stroke: 1px black;
	-o-text-stroke: 1px black;
text-shadow:
       3px 3px 0 #A08E7B,
     -1px -1px 0 #A08E7B,
      1px -1px 0 #A08E7B,
      -1px 1px 0 #A08E7B,
       1px 1px 0 #A08E7B;*/
}

h2.ind{ margin-bottom:27px;}
h2.ind1{ margin-bottom:24px; text-align: right;}
h2.ind2{ margin-bottom:18px;}
h2.ind3{ margin-bottom:23px;}
h2.ind4{ margin-bottom:24px; text-align: left;}

h3
{
	font-size: 18px;
	line-height: 22px;
	color:#5c5c5c;
	letter-spacing:2px;
	margin-bottom:21px;
/*	-webkit-text-stroke: 1px black;
	-moz-text-stroke: 1px black;
	-o-text-stroke: 1px black;*/
/*text-shadow:
       2px 2px 0 #A08E7B,
     -1px -1px 0 #A08E7B,
      1px -1px 0 #A08E7B,
      -1px 1px 0 #A08E7B,
       1px 1px 0 #A08E7B;*/
}

h3.ind1{ margin-bottom:26px;}
/*================================>> GOOGLE FONTS  <<========================================*/
h2, h3{font-family: 'NewRegular', sans-serif;}

/*================================>> hovers <<========================================*/
.menu-arrow, .sf-menu a, .button, .list1 a , .list2 a, .sf-menu li, .member_list a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

strong{color:#5c5c5c;}

/*================================>> Flicrk <<========================================*/
#flickr_badge_wrapper{overflow:hidden; width:301px;}
.flickr_badge_image{float:left;margin:0px 0 7px 7px;}
.flickr_badge_image img{width:70px;height:69px;}
#flickr_badge_image1, #flickr_badge_image5{margin-left:0 !important;}

/*================================>> aside <<========================================*/
.info{padding: 31px 0px 29px;overflow:hidden;}

.social{ overflow:hidden;padding: 0 20px 0 0;}
.social a{ display:block; float:left;width:46px;height:46px; overflow:hidden; margin: 0 0 9px 9px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-46px;}

.list_box{padding: 14px 0 0;overflow:hidden;}
.list_box ul{float:left;width:109px;}

.demo{color:#5c5c5c; font-weight: bolder;;}

/*********************************page_2*************************************/
.work{background:#000;padding: 11px 11px 16px;}
.work a{display:block;margin-bottom:16px;}
.m_bot1{margin-bottom:20px;}
/*********************************page_3*************************************/
.member_list{}
.member_list>li{margin-bottom:6px;}
.member_list a{background:#000;display:block;padding: 12px 18px 15px;color:#fff;text-transform:uppercase;font-size: 20px; line-height: 24px;letter-spacing:1px;}
.member_list a:hover{background:#E0D0AC;color:#000;}

.client{width:191px;float:left;margin: 0 0 32px 23px;}
.client img{margin-bottom:16px;}
.client_row .client:first-child{margin-left:0;}

.link1{color:#fff;text-decoration:underline;}
.link1:hover{text-decoration:none;}
/*********************************page_4*************************************/
.stripe{background: url('../images/front/stripe.png') 0 bottom no-repeat;padding-bottom:33px;margin-bottom:28px;}

.blog_list{}
.title_info{margin: 0 0 15px 0 ;}
.title_info>figure
{
	margin: 0 20px 13px 0 ;
	width:70px;
	height:60px;
	text-align:center;
	padding: 9px 0 0;
	background: url('../images/front/date_box.png') repeat-x #5c5c5c;
	border-radius:4px;font-size: 15px; line-height: 19px; color: #fff;font-weight:bold;text-transform:lowercase;position:relative;}
.title_info>figure:after{display:block;width:51px;height:13px; position:absolute;bottom:-13px;left:0;content:"";}
.title_info>figure span{display:block;margin-top:-5px;}
.title_info h3{padding-top:1px;margin:0 0 7px;}
.blog_list>li
{
	margin-bottom:51px;
    border-bottom: 1px solid #A08E7B;
    padding: 10px;
}
.blog_list .bg_info, .blog_list .bg_info a
{
	font-weight:bold;
	color:#FFF;
}
 .blog_list .bg_info a:hover{color:#5c5c5c;}
.blog_content{}
.blog_content>div
{
	padding-top:1px;
}
.blog_content #texte
{
  background: none repeat scroll 0 0 #EAD7B4;
    border: 3px solid #7D7F77;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    padding: 15px;	
}
.blog_content>figure{margin: 0 21px 0 0;}

/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:10px;text-align:center;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:none; text-transform:uppercase; color:#7a7a7a; padding:11px 14px 10px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:316px;float:left;}
#contact-form textarea {overflow:auto; width:590px; height:237px;resize:none; float:left; margin: 0 0 0 0;}
#contact-form label {display:block; min-height:45px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:17px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px;float:left;padding-top:5px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:30px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:inline-block;margin-bottom:24px;width:100%;}
#map_canvas {
   width:100%;
   height:311px;
}
.adress{}
.adress span{ display:inline-block;}
.adress .city{margin-top:23px;}
.adress1 span{ display:inline-block;width:80px;}
/****************************footer************************/
footer {padding:32px 10px;background: url('../images/front/stripe.png') 50% 0 no-repeat;}
footer strong{color:#7a7a7a;}



/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 header h1 a{width:249px;height:151px;}
 #flickr_badge_wrapper{width:248px;}
 .social .soc4, #flickr_badge_image4, #flickr_badge_image7{margin-left:0 !important;}
 #flickr_badge_image5{margin-left:7px !important;}
 .adress{ white-space: nowrap}
 .member_list a{font-size: 15px; line-height: 19px;}
 .social{padding:0;}
 .client{margin-left:10px;width:157px;}
 #contact-form textarea, #contact-form input{width:100%;}
 #content, .cont_pad, .info{padding-bottom:30px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 #flickr_badge_wrapper{width:100%;}
 #flickr_badge_wrapper .flickr_badge_image{margin-left:7px !important;}
 header{margin-left: 0; margin-right:0;}
 header h1, nav{float:none;}
 header h1
 {
    padding-bottom: 30px;
    text-align: center;
 }
 header h1 a
 {
	 width: 100%;
 }
 .ext_m_bot{margin-bottom:25px;}
 .m_bot1{margin-bottom:30px;}
 .client{margin-left:5px;width:135px;}
 .blog_content>div{overflow:visible;}
 .title_info h3{font-size:15px;}
 .bg_info{font-size:11px;}
 .social .soc4,.social .m_left_zero{margin-left:9px !important;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .list_box ul{float:left;width:100px;}
 .client{width:330px;}
 .client_row{}
  header h1 a{width:100%;height: auto;}
 header h1
 {
    padding-bottom: 0px;
 }
 .social .soc4{margin-left:9px !important; }
 .blog_content figure{width:100%;margin-bottom:15px;}
}