::selection{ background-color: #000; color: white; }
::moz-selection{ background-color: #000; color: white; }
::webkit-selection{ background-color: #000; color: white; }
           
/* ==================== */
/* STRUCTURE */
/* ==================== */

body{
					font-family: 'Source Sans Pro', sans-serif;
				background:url('../images/bg.jpg') repeat #fff;
/*					-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
	*/
				color:rgba(0,0,0,.6);
				padding:0 0 45px 0;
}

/* ==================== */
/* NAV */
/* ==================== */

nav{
	border-top:1px solid rgba(0,0,0,.15);
	border-bottom:1px solid rgba(0,0,0,.15);
	color:#000;
}

nav ul{
	text-align: center;
	padding:0;
	margin:0;
}

nav ul li.current {
	background:rgba(0,0,0,.05);
}

nav ul li {
	margin:0 15px;
	padding:25px 15px 25px 15px;
	list-style-type:none;
	display:inline-block;
}


nav ul li a:link, nav ul li a:visited, nav ul li a:active, nav ul li a{
	text-decoration: none;
	color:#000;
}

nav ul li a:hover{
	color:rgba(0,0,0,.3);
}

nav a#pull i.fa-bars{
	font-size:24px;
	position: absolute;
	top:-30px;
	right: 15px;
}

/* ==================== */
/* SOUS MENU */
/* ==================== */

nav ul li i.fa-chevron-down, i.fa-chevron-right {
	margin: 0 0 0 6px;
	font-size:10px;
}

nav ul li, nav ul li ul li{
	position:relative;
}

nav ul li:hover ul.sub_nav_fst, nav ul li ul.sub_nav_fst:hover, nav ul li ul.sub_nav_fst li ul:hover{
	display:block;
	position:absolute;
	top:67px;
	z-index:9999;
	left:0;
}

nav ul li ul.sub_nav_fst li:hover ul.sub_nav_snd{
	display:block;
	position:absolute;
	left:130px;
	top:0;

	z-index:9999;

}

nav ul li ul.sub_nav_fst, nav ul li ul.sub_nav_snd{

	border: 1px solid #D0D0D0;
	box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	-webkit-box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	-moz-box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	background:#fff;
	min-width:230px;

	color:#000;
}

nav ul li ul.sub_nav_fst li:hover, nav ul li ul.sub_nav_snd li:hover{
	cursor: pointer;
	background:rgba(0,0,0,.1);
}

nav ul li ul.sub_nav_fst li, nav ul li ul.sub_nav_snd li{
	padding:10px 15px;

	text-align:left;

	display:block;
	margin:0!important;
}
nav ul.sub_nav_fst a:link, nav ul.sub_nav_fst a:visited, nav ul.sub_nav_fst a:active{
	color:#000;
}

nav ul.sub_nav_fst{
	display:none;
	padding:0;
}

nav ul.sub_nav_snd, nav ul.sub_nav_snd li{
	display:none;
	padding:0;
}

/* ==================== */
/* LIGHT NAV */
/* ==================== */

.light_nav{
	position:fixed;
	top:-100px;
	width:100%;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
	
	z-index:9999;
}

.light_nav.active{
	top:-25px;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}

.light_nav img.logo{
	max-width:30px;
	margin-right:30px;
	position:relative;
	top:14px;

}

.light_nav nav{
	background:#000;

}

.light_nav nav ul li a:link, .light_nav nav ul li a:visited, .light_nav nav ul li a:active, .light_nav nav ul li a, .light_nav nav ul li{
	text-decoration: none;
	color:#fff;
}


/* ==================== */
/* HEADER */
/* ==================== */

a.logo img{
	max-width:280px;
}

img.logo {
}

.social_wrapper{
	color:rgba(0,0,0,.3);
}

li.social_wrapper{
	padding:0!important;
	margin:0 8px!important;
}

.social_wrapper i{
	font-size:22px;
}

.social_wrapper a:link, .social_wrapper a:visited, .social_wrapper a:active {
	color:rgba(0,0,0,.2);

}
  
header{

	padding:15px 0;
}  

/* ==================== */
/* CONTENT */
/* ==================== */

            
.main{
	position:relative;
	border: 1px solid #D0D0D0;
	box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	-webkit-box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	-moz-box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	
	padding-bottom:25px;
	                
	display:block;
	margin:auto;
}

.cms_wrapper{
	padding-bottom:25px;
}

a.shop{
	position:absolute;
	right:0;
	top:2px;
	background:#fff;
}

a.shop i{

	color:rgba(0,0,0,.4);
	padding-right:6px;
}

a.buy, a.more, .partenaires.grid-30 a{
	 -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	padding:6px 15px;
	border:1px solid rgba(255,255,255,.2);
	display:inline-block!important;
	clear:both;
	margin:3px auto!important;
	
	font-size:12px;
	
	text-decoration: none;

	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;

}

a.buy:hover, a.more:hover{
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;
	
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	
}

a.buy{
	background:#6cdd2e;

}

a.more{
	background:#2a97e4;	
	color:#fff!important;
}

.partenaires.grid-30 a{
	background:rgba(0,0,0,.1);	
	color:#000!important;
}

   
.partenaires{
	text-align:center;
}

.partenaires img{
	max-width:70%!important;

	display:block;
	margin:0 auto;
	max-height:150px;
}
   
/* ==================== */
/* TYPOGRAPHIES */
/* ==================== */


label{
	text-align:center;
}

h2{
	text-transform: uppercase;
	font-weight:lighter;
}


/* ==================== */
/* SOCIAL & CONTACTS */
/* ==================== */

.footerbar{
	
	margin-top:35px;
	background:#000;
	padding:6px 15px;
	color:#fff;
	font-weight:lighter;
	font-size:12px;
	text-align:center;
}


i.fa-google, i.fa-facebook, i.fa-twitter, i.fa-envelope, i.fa-mobile{

/*	font-size:24px; */
	line-height:38px;

}


.contacts a:link, .contacts a:visited, .contacts a:active, .contacts a {
	text-decoration: none!important;
	
}

.contacts a img{
	max-width:40px;
	position:relative;
	top:0px;

	margin:0 12px;	
	display:inline-block;
}

.contacts a i.fa{
	font-size:32px!important;
	display:block;

	margin:15px auto;	

}
            



            
a.social_icons, a.contact_icons{
	display:inline-block;
	margin:20px 0 20px 30px;
	width:39px;
	height:39px;	
	text-align:center;
	display:inline-block;
					
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background:#000;
	color:#fff;
		


	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s; 
	transition:0.2s;
}
            
            
.contact_icons + span{
	position:relative;

	padding-left:10px;
}     

            
a.social_icons:hover, a.contact_icons:hover{
    
	background: rgba(0,0,0,.2)!important;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s; 
	transition:0.2s;
}          


/* ==================== */
/* TYPES */
/* ==================== */

.main p{
	text-align: justify;
}

.global p{
	text-align: justify;
	padding:20px 40px;
	font-size:17px;
	line-height: 27px;
}
            
p.bottom{
	padding:10px 40px 0px 40px;
	            
}

.thin{
	font-weight: lighter;
}
            
h3{
	padding:10px 40px;
}
            
h1{
	font-weight:lighter;
	text-align:center;
	text-transform:uppercase;
}

.lower{
	text-transform:inherit!important;
}
            
a:link, a:visited, a:active, a{
	color:#000;
/*	text-decoration: none; */
	            
}            
            
hr{
	height:1px;
	border:none;
	outline:none;
	margin:0;
	background:rgba(0,0,0, .15);
}

hr.index{

	width:18%;
	margin:0px auto 25px auto;
}

hr.margin{
	margin:25px 0 15px 0!important;
}
       

.icons{

}

/* ==================== */
/* FORMS */
/* ==================== */

select option{

}

form select {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	
	background: rgba(0, 0, 0, 0) url("../images/chevron.png") no-repeat scroll 100% center;
	border: 1px solid rgba(0, 0, 0, 0.4);

/*
	 -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	
*/


	padding-right:40px!important;
	
	color:#000;
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0;
	outline: 0 none;
	padding: 4px 35px 4px 4px;
}


input[type="text"], input[type="password"] {
	border: 1px solid #E5D4A3;

/*
	 -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	
*/

	text-align:center;	
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0;
	padding: 4px 10px;
	width: 30%;
}

input[type="submit"] {
	background: #3687A6 none repeat scroll 0 0;
	border: 2px solid #E5D4A3;
	
	box-shadow: 0 0 1px #c3d8dc;
	-moz-box-shadow: 0 0 1px #c3d8dc;
	-webkit-box-shadow: 0 0 1px #c3d8dc;
	
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 12px !important;
	margin: 15px auto;
	outline: medium none;
	padding: 6px 25px;
	text-align: center;
}

.box_hover_wrapper{
  overflow: hidden;
  padding-top:10px;
}

.news-block p{
	margin:3px 0!important;
}

.box_hover_wrapper img{
	min-width:100%;
}

.box_hover_wrapper .news_date{
	position:absolute;
	top:25px;
	font-size:16px;
	background:#fff;
	padding:6px 30px 6px 12px;
	right:0px;
}

.box_hover h1{
	font-size:42px;
	letter-spacing: .15em;
	font-weight:400;
}

.box_hover {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  color: #000;

bottom:5px;

  opacity: 1;
  overflow: hidden;
  padding: 0 ;
  position: absolute;

  text-align: center;
  width: 100%;
  z-index: 99;
}

.box_hover h1{
	color:#fff;
		padding-right:25px;
}


#player, body #player, #player.inline_player{
	margin-top:12px!important;
	max-width:960px!important;
}

#player{
	min-width:800px!important;
}

/* GALERIE */

.galerie_wrap {
  display: inline-block;
  height: 170px;
  line-height: 170px;
  margin: 0 10px 10px 0;
  max-height: 170px;
  overflow: hidden;
  text-align: center;
  width: 173px;
}


.galerie_wrap img {
  display: block;
  margin: 0 auto !important;
  max-height: 200%;
  max-width: 250%;
  position:relative;
  right:15%;
bottom:15%;
  min-height: 100%;
  text-align: center !important;
  width: auto;
  

  padding: 2px;
}


.ytp-chrome-top-buttons{
	display:none!important;
	opacity:0!important;
	visibility: hidden!important;
	color:#000;
}



/* ==================== */
/* USEFULL */
/* ==================== */

.light{
	font-weight:300;
}

.noborder{
	padding:0!important;
}

img, video, iframe{
	max-width:100%;
}

.gomid{
	position: relative;
}

.inline{
	display:inline;
}

.block{
	display:block;
}

.alignright input{
	text-align:right!important;	
}

.alignright{
	text-align:right;
}

.alignleft{
	text-align:left!important;
}

a.aligncenter, img.aligncenter{
	display:block;
	margin:10px auto;	
}

.aligncenter{
	text-align:center;
}



.none{
	display:none!important;
}

.hidden{
	visibility: hidden!important;
}

.relative{
	position: relative;
}


/* ==================== */
/* INDEX */
/* ==================== */

.code_error i{
	font-size:22px!important;
	color:#3687A6!important;
	margin:4px 10px!important;
}

.code_error a{
	font-size:inherit;
	color:#3687A6!important;
}

.code_error p{
	padding-bottom:0!important;
}


.album_wrapper{

}
            
            #global{
	            position: relative;
            }     
            
            .cadre{
				position:relative;
				margin:0 auto;


	text-align:center;

                display:block;
   
            }
            
            .none{
	            display:none;
            }
            
            i{
	            color:rgba(214,181,146,.8);
	            font-size:28px!important;
	            margin:8px 8px;
            }
            
            i.inactive{
	            opacity: .2;
            }
            
            i:hover{
	            opacity:.6;
            }
            
            .icons{
	        	margin-right:15px;   
	        	opacity:.4;
	        	
            -webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			transition: opacity .3s ease-in;
			
            }
            
            .icons:nth-child(5), .icons:nth-child(4){
            margin-right:32px!important;
           
            
            }
            
            .icons:hover{
            opacity:.8;
            
            -webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			transition: opacity .3s ease-in;
            }
            
            img.logo {
                display:block;
                margin:auto;
                padding:25px 0;
            }
            
            hr{
	            height:2px;
	            border:none;
	            outline:none;
	            margin:20px auto;

            }
            
            
             #contact{
	            position:absolute;
	            left:25px;
	            
	            bottom:0px;
	            }
            #social{
	            position:absolute;
	            right:25px;
	            bottom:25px;
            }
            
            
            .facebook, .twitter, .google{
	           	display:inline-block;
				margin:30px 0 20px 30px;
				width:39px;
				height:39px;
				
				position:relative;
				top:30px;
	            
	            background-position:left -1px!important;
				-o-transition:.2s;
				-ms-transition:.2s;
				-moz-transition:.2s;
				-webkit-transition:.2s; 
				transition:0.2s;
	            
            }
            
             .phone, .mail{
				display:inline-block;
				margin:30px 0 20px 0px;
				width:140px;
				height:39px;
				padding-left:50px;
				line-height:39px;
				 
				 background-position:left -1px!important;
				-o-transition:.2s;
				-ms-transition:.2s;
				-moz-transition:.2s;
				-webkit-transition:.2s; 
				transition:0.2s;
             }
             
             #type{
	             display:inline;
             }
             
             #type + h2{
	             display:inline;
	             margin-left:20px;
	             font-weight:200;
             }
            
            .phone{
	            background:url('twosides_web_studio_phone.png') no-repeat;
            }
            
            .mail{
	            background:url('/coming-soon/twosides_web_studio_mail.png') no-repeat;
            }
            
            
            .twitter{
	            background:url('/coming-soon/twosides_web_studio_twitter.png') no-repeat;
            }
            
            .facebook{
	            background:url('/coming-soon/twosides_web_studio_facebook.png') no-repeat;
            }
            
            .google{
	            background:url('/coming-soon/twosides_web_studio_google.png') no-repeat
            }
            
            .facebook:hover, .twitter:hover, .google:hover, .mail:hover, .phone:hover{

	            
	            background-position:left bottom!important;
				-o-transition:.2s;
				-ms-transition:.2s;
				-moz-transition:.2s;
				-webkit-transition:.2s; 
				transition:0.2s;
            }
            

            
            header{

                padding:15px;
                margin-bottom: 20px;
            }
            
            .cadre p{
 
                font-size:17px;
                line-height: 27px;
            }
            
            p.bottom{
            padding:10px 40px 0px 40px;
	            
            }
            
             h3{

	             padding:10px 40px;
             }
            
            h1{
				font-size:42px;
	            text-align:center;
	           
            }
            
            a:link, a:visited, a:active, a{
	            color:rgba(214,181,146,.8);
	            font-size:13px;
	            text-decoration:none;
				display:inline-block;
				margin:0 25px;
	            
            }
            
            a:hover{
	            color:#fff;
            }
            
            i.fa-folder-open-o{
	            font-size:23px!important;
            }

            a span{
	            display:block;
	            text-align:center;
            }
            
            .icons{
	            
            }