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

html {
  scroll-behavior: smooth;
}

body{
	font-family: 'Raleway', sans-serif;
	color:rgba(0,0,0,.8);
	font-weight:400;
	padding:0 0 0 0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

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

nav{

	color:#000;
	margin-top:25px;
}

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 ul li{
	padding: 0;
}


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:40px;
	right: 25px;
}

header .side-menu{
	position:absolute;
	right:0;
	top:0;
}
.side-menu li{
	list-style-type:none;
	display:inline-block;
	margin:8px 0 0 6px;
	padding:8px 2px 8px 2px
}

.side-menu li a:link, .side-menu li a:visited, .side-menu li a:active{
	text-decoration: none;
	color:#000;
}

.side-menu li i{
	font-size:16px;
}

.side-menu {
	padding:0;
	margin:0 15px 0 0;
	display:inline-block;
}

/* ==================== */
/* 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:57px;
	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;
}

@media screen and (min-width: 768px) {

	nav ul li ul.sub_nav_fst li:hover ul.sub_nav_snd, 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!important;
	}

}

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{
	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;
	padding:15px 15px;
	display:block;
}

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;
}


/* ==================== */
/* TOGGLE */
/* ==================== */

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-target br {
	display:none;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target br {
	display:block;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Lire la suite';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Fermer';
}

.read-more-trigger {
  cursor: pointer;
  display: block;
  width:100px;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
  margin-top:18px;
}



	/* News GLOBAL */
	
	    
    .news_global h4{
	    margin-top:4px;
	    font-weight:300;
    }
    
    .news_global .grid-80 h2{
    margin:0 0 6px 10px;
    font-weight:300;
    }

    
    .news_global .grid-80{
	    position:relative;
    }
    
    .news-description{


    
    }
    
.grid-60 .news-description{
    text-align:left;
    overflow:hidden;
        
    }
    
    p.news-desc{
	    text-align:center!important;
    }
    
    .news-description p{margin:0px}
    
	
    a.read-more{

    	font-weight:500;
    	color:#000;
		position:absolute;
	    bottom:-30px;
	    
    	}
    	
    a.read-more:hover{
	    color:inherit;

    }
    
    div.news_global hr{
	 
	    margin:20px 0;
    
    }
    

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

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

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{
	color:#000;
	padding:15px 0;
}  

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

body.lightpage header{
	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:space-between;
	align-items:flex-end;
}

body.lightpage header{
	padding:0;
	margin:0 0 15px 0
}

body.lightpage header .logo_wrapper{
	position:relative;
	bottom:22px;
}

body.lightpage .menu ul li:last-child{

}
body.lightpage .menu ul li{
	padding:25px 0px 25px 0px;	
}

body.lightpage .menu .side-menu li{
	padding:25px 2px 25px 2px;
	margin:8px 0 0 6px;	
}

body.lightpage nav ul.sub_nav_fst li{
	padding:0;
}

body.lightpage nav ul.sub_nav_fst a:link, body.lightpage nav ul.sub_nav_fst a:visited, body.lightpage nav ul.sub_nav_fst a:active{
	padding:15px 15px;
}

body.lightpage .side-menu{
	position: relative;
	top:inherit;
	right:inherit;
	
	margin:0;
}

body.lightpage nav{
	margin:0
	}

body.lightpage .menu_wrapper{
	display: -ms-flexbox; 
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	padding-right:0;
}

body.lightpage header .logo_wrapper{
	display: -ms-flexbox; 
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	}

body.lightpage header .logo_wrapper a img{
	display:block;
	margin:0;
	max-height:50px;
	border:none!important;
}


/* ============================= */
/* CONTENT + BOX HOME + Galeries */
/* ============================= */

.boxcenter{
	display:flex;
	display: -ms-flexbox; 
	align-content:center;
	justify-content:center;
	
	display: -ms-flexbox;
	text-align:justify;
	/* text-align-last: center; */
}

.boxcenter .grid-10.hidden{
	display:none;
}

/* IE10 only */
html[data-useragent*='MSIE 10.0'] .boxcenter .grid-10.hidden{
	display:block;
}

html[data-useragent*='MSIE 10.0'] body.lightpage header .logo_wrapper, 
html[data-useragent*='MSIE 10.0'] body.lightpage header .menu_wrapper{
	float:left;
}

html[data-useragent*='MSIE 10.0'] body.lightpage header .logo_wrapper{
	bottom:inherit;
	top:25px;
}

html[data-useragent*='MSIE 10.0'] .boxcenter .grid-80 p{

}

.box-home h3{
	padding: 10px 0 0 0
}


.box-home a{
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	display:block;
	z-index:800;

}

.box-home p{
	line-height: .3rem;
}

.box-home .hover{
	background:rgba(0,0,0,.2);
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	color:#fff;
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	flex-wrap:wrap;
	flex-direction:column;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
	
	z-index:600;
}

.box-home .hover p{
	opacity:1;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}
.box-home .hover:hover p{

}

.box-home .hover:hover{

}


.box-home{
	overflow: hidden;
	position: relative;
	height:240px;
	text-align:center;
	/*	
	display:flex;
	align-content:center;
	*/
	-ms-flex-preferred-size:auto;
	perspective: 1000px;
}

.box-home img{
	object-fit:cover;
	object-position:50% 50%;
	-ms-object-fit:cover;
	-o-transition:transform .8s ease;
	-ms-transition:transform .8s ease;
	-moz-transition:transform .8s ease;
	-webkit-transition:transform .8s ease; 
	transition:transform 0.8s ease;
	
	transform: translateZ(0px);
	
	-moz-transform-origin: 50% 50%;
	
	min-width:100%;
	min-height:100%;
	
	height:inherit;	
}


.box-home:hover img{
	object-fit:cover;
	object-fit:50% 50%;

	transform: translateZ(200px);
	-moz-transform-origin: 50% 50%;
	
	backface-visibility: hidden;
	width:inherit;
	height:inherit;
}

/* FIREFOX 2 only */

/* INUTILE ??? */
.box-home img, x:-moz-any-link, x:only-child { 
	transform: none!important; 
}

.box-home:hover .hover, x:-moz-any-link, x:only-child {
	background:rgba(0,0,0,.5);
}

/* ALL FIREFOX */
@-moz-document url-prefix() {
  .box-home img{ 
  }
  .box-home{
	transition:opacity 0.8s; 	  
  }
  .box-home:hover .hover{  
  }
}
      
@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */
    .box-home .hover *{
    }
    .box-home p{
	    line-height:12px;
    }
}

/* IE10 only */
html[data-useragent*='MSIE 10.0'] .box-home .hover * {
	    position: relative;
	    top: 20%;
	    transform: translateY(-20%);
}

/* IE11 only */
_:-ms-fullscreen, :root .box-home img, :root .galerie_wrap img,
:root .galerie_wrap:hover img  {
		transform: none!important;
		transition: none!important;
}

_:-ms-fullscreen, :root .galerie_wrap a{
	display:block!important;
}

_:-ms-fullscreen, :root .galerie_wrap img {
	height:auto!important;
}

/* IE11 only */	
_:-ms-fullscreen, :root .box-home:hover .hover, .galerie_wrap a {
		background:rgba(0,0,0,.5)!important;	
}

/* #ie10,11 will only be red in MSIE 10, */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .box-home img, .galerie_wrap a img{
		height:auto!important;
   }
   .galerie_wrap:hover img{
		transform: none!important;
		transition: none!important;
   }
   .box-home:hover img{
		height:auto!important;
   }
   .box-home:hover .hover, .box-home .hover{
	   background:rgba(0,0,0,.3)!important;
   }
}



/* GALERIE */

.galerie-wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.galerie_wrap {
  display: inline-block;
  align-items:center;
  
  height: 260px;

  margin: 0 10px 12px 0;

  overflow: hidden;
  text-align: center;
  width:32%;
/*  width: 173px; */

}

.galerie_wrap a{
	height:100%;
	width:100%;
	display:flex;
	display: -ms-flexbox; 
}


.galerie_wrap img {
  display: block;
  margin: 0 auto !important;
  min-width:100%;
  min-height: 100%;
  text-align: center !important;
  
  object-fit:cover;
  -ms-object-fit:cover;
  object-fit:50% 50%;
  


    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
	
}

.galerie_wrap:hover img{
	-webkit-transform: scale(1.04,1.04);
	-moz-transform: scale(1.04,1.04);
	-o-transform: scale(1.04,1.04);
	-ms-transform: scale(1.04,1.04);
	transform: scale(1.04,1.04);
}

/* FIREFOX 2 only */
.galerie_wrap img, .galerie_wrap img:-moz-any-link, .galerie_wrap img:only-child { 

	transition:none!important;
}

.galerie_wrap:hover img, .galerie_wrap:hover img:-moz-any-link, .galerie_wrap:hover img:only-child {

	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform:none;
	transform: none;
}

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











.partners_wrap {
	text-align:center!important;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-flow:wrap;
}

.partners_wrap img{
	width:110px;
	max-width:110px;
	margin:26px 36px;
	height:auto!important;
	display:inline-block;	
}

.header_services{
	background-position:center center;

	background-size:cover;
	
	overflow: hidden;
	min-height:40vh;
	position: relative;
	
	margin-bottom:35px;
}


.header_services h1{
	font-weight:400;
	font-size:36px;
	letter-spacing:3px;
}


.header_services .hover{
	background:rgba(0,0,0,.2);
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	color:#fff;
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	flex-wrap:wrap;
	flex-direction:column;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
	
	z-index:600;
}


.tarif_wrapper{
	background-position:center center;
	background-attachment: fixed;

	background-size:cover;
	overflow: hidden;
	position: relative;
	
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	
	padding:80px 0;
}

.tarif_single{
	background: #fff;
	text-align:center;
	padding:15px 15px;
	
	margin: 0 50px 0 0;
	-o-transition:.6s ease-in-out;
	-ms-transition:.6s ease-in-out;
	-moz-transition:.6s ease-in-out;
	-webkit-transition:.6s ease-in-out;
	transition:0.6s ease-in-out;
}

.tarif_single:nth-child(3){
	margin:0;
}

.tarif_single:nth-child(4), .tarif_single:nth-child(5){
	/*	margin-top:50px; */
	
}

.tarif_single h1{
	margin:0;	
}

.tarif_single h1 + h1{
	font-size:1.1em;
	font-weight: 300;
	font-style: italic;
}

.tarif_single:hover{
	-webkit-transform: scale(1.04,1.04);
	-moz-transform: scale(1.04,1.04);
	-o-transform: scale(1.04,1.04);
	transform: scale(1.04,1.04);
	
	box-shadow:5px 5px 30px 10px rgba(0,0,0,.25);
}

.tarif_single:last-child{

}

.tarif_single button{
	padding:8px 18px;
	margin:6px 0 12px 0;
	border:1px solid rgba(0,0,0,1);
	background:#fff;
	color:#000;
	font-size:14px;
	font-weight: 600;
	box-shadow:0 0 0 1px rgba(0,0,0,.15);
	text-transform: uppercase;
	cursor: pointer;

	-o-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	transition:0.3s ease-in-out;
}

.tarif_single button:hover{
	color: rgba(255,255,255,1);
	background:rgba(0,0,0,1);
}
            
.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;
}

.instit_logos{
	max-height:90px!important;
	display:inline-block!important;
	margin:10px 15px!important;
}

   
.partenaires{
	text-align:center;
}

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

	display:block;
	margin:0 auto;
}
   
/* ==================== */
/* TYPOGRAPHIES */
/* ==================== */


label{
	text-align:center;
}

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


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



footer .logo_wrapper a img{
	max-height:30px;
	margin-bottom:35px;
}

footer a:link, footer a:visited, footer a:active, footer a, footer span, footer{
	color:rgba(0,0,0,.3); 
}

footer{
	position:relative;
	overflow:hidden;
}

footer .widget{
	display:none;
	position:absolute;
	right:15px;
	bottom:15px;
	
	-o-transition:.4s ease-in-out;
	-ms-transition:.4s ease-in-out;
	-moz-transition:.4s ease-in-out;
	-webkit-transition:.4s ease-in-out;
	transition:0.4s ease-in-out;
	
	opacity:1;

/*
    bottom: -moz-calc(100% + 50px);
    bottom: -webkit-calc(100% + 50px);
    bottom: calc(100% + 50px);
*/
}

/*
footer:hover .widget{
	bottom:0px;
	opacity:1;
}
*/

.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;	

}
            




.social_icons:hover, .social_wrapping a:hover i{
	background:#fff;
	color:#000;
	border:1px solid #000;
	
	-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);
}

.social_wrapping a{
	margin-top:12px;
	display:block;
}
            
.social_icons{
	display:inline-block;
	margin:6px 15px 6px 0px;
	width:39px;
	height:39px;	
	text-align:center;
	border:1px solid transparent;
	display:inline-block;
	
	line-height:37px!important;
					
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	font-size:21px!important;

	position: relative;
		
	background:rgba(0,0,0,.1);
	color:rgba(0,0,0,.5);

	-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 0 0;
}
            
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(27,84,102, .1);
}

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"] {

}

input[type="submit"] {
	background: rgba(0,0,0,.1) none repeat scroll 0 0;
	border: 4px solid #ffffff;
	
	box-shadow: 0 0 1px #c3d8dc;
	-moz-box-shadow: 0 0 1px #c3d8dc;
	-webkit-box-shadow: 0 0 1px #c3d8dc;
	
	color: rgba(0,0,0,.5);
	cursor: pointer;
	display: block;
	font-size: 14px !important;
	margin: 15px auto;
	outline: medium none;
	padding: 12px 25px;
	text-align: center;
	font-weight: 400;

	-o-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	transition:0.3s ease-in-out;
}

input[type="submit"]:hover{
	color: rgba(0,0,0,1);
	background: rgba(0,0,0,.05);
	
	box-shadow: 0 0 1px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
}

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

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

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

.news_date{
	position:absolute;
	top:14px;
	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;
}


/* ==================== */
/* DISQUE FLIP */
/* ==================== */

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
/*	width: 320px; 
	height: 480px; */	
width:100%;
height:400px;

}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}


.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container .flipper {
		transform-origin: 100% 213.5px; /* half of height */
	}

	.vertical.flip-container:hover .flipper {
		transform: rotateX(-180deg);
	}


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

.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{
	display:block;
	margin:10px auto;	
}

.aligncenter{
	text-align:center;
}

.alignjustify{
	text-align:justify;
}

hr.fat{
	width:75px;
	border:0;
	display:block;
	margin:35px auto;
	background:rgba(0,0,0,.15);
	height:5px;
}

.none{
	display:none!important;
}

.hidden{
	visibility: hidden!important;
}

.nopadding{
	padding-left:0!important;
	padding-right: 0!important;
}

.relative{
	position: relative;
}