* {
    -webkit-overflow-scrolling: touch;
}
html {
	 height: 100%;  
}
body {
	 height: 100%;
	 width:auto;
	 margin: 0;
	 padding: 0; 
	 font-family: Arial;  
	 font-size:0.9em;
	 color:#313131;
	 overflow:hidden;
		 
}
h1{
	padding:0;
	margin:0;	
}
a{
	color:#000000;
	text-decoration:none;
}
#cms .imgAuto{
	width:100%;
	height:auto;	
}

header{
	border-top:solid 0.5em #333333;
	background-color:#e5e5e5;
	padding-top:2%;
	padding-bottom:2%;
	
	
}
header a{
	font-size:1.1em;
	font-weight:bold;
}
nav{	
		padding-bottom:4%;
		padding-top:4%;
		height:5%;
		margin-bottom:2%;
		background-color:#ffffff;
		
}
nav .inner{
	display:flex;
	justify-content:space-between;
	align-items: center;
	border-bottom:solid 1px #000000;
	text-align:center;
	
}
#main{
	height:80%;
	 overflow-y: auto;
	 overflow-x: hidden:	 
}

footer{
	height:10%;
	background-color:#666666;
	position:absolute;
	bottom:0;
}
footer .inner{
	padding-top:3%;
}
.inner{
	margin-left:4%;
	margin-right:4%;	
	overflow:auto;
}
#content .inner{
		padding-bottom:4%
}
footer a{	
	color:#FFFFFF;
}
footer{
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	position:absolute;
	bottom:0;
	width:100%;
}
#leftmenu, #rightmenu{
	display:none;
}
#leftmenu ul, #rightmenu ul{	
	padding:0;	
}
.submenu a{
	color:#888888;
	font-size:0.9em;
}
.submenu li{
	list-style: none;	
	padding-top:10px;
	padding-bottom:10px;	
}
.submenu li:not(:last-child){
	border-bottom:solid 1px #eaeaea;
}
#submenudecouvrir, #submenudebattre, #submenucollectionner{
	margin-left:20px;
	display:none;
}
 #submenurevue, #submenuespace, #submenuami, #submenushop{
	margin-right:20px;
	display:none;
}
#rightmenu ul{
		text-align:right;
}
#header_social_list{
	float:right;
margin:0;
padding:0;
text-align:center;	
}
#header_social_list >li{
	list-style: none;
	float:right;
	margin-right:20px;
}
#header_social_list a{
		font-size:1.5em;
	font-weight:bold;	
}
.content_content h3{
		font-size:16px;
}
.content_content h3::first-letter{
		text-transform: capitalize;
}
.content_content hr{
	
	margin-bottom:40px;
	width:30px;
	background-color:#000000;

}
.content_flex{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-between;
}
.content_flex::after {
content: '';
flex: auto;
}
.flex_article{
		flex: 0 0 160px;
		margin:11px;
}
.flex_article a:hover{
		color:#666666;
}
.img_block{
	width:100%;
}
.img_block_over{
		
		
		width:100%;
		height:auto;
		background-color: rgba(0, 0, 0, 0.5);
		transition-property: background-color;
		transition-duration: 1s;
		transition-timing-function: linear;	
		text-align:center;	
display: table-cell; /* comportement visuel de cellule */
  vertical-align: middle;	
		padding-left:40px;
		padding-right:40px;
		
}
.img_block_over >span{
		color:#FFFFFF;
		font-weight:bold;
		transition-property: display;
		transition-duration: 1s;
		transition-timing-function: linear;	
}
.img_block_over:hover{		
			
		background-color: rgba(0, 0, 0, 0);
}
.img_block_over:hover >span{		
			
		display:none;
}
.img_block_over a{	
	color:#FFFFFF;
	text-transform:uppercase;
	vertical-align: middle;
	font-weight:700;
	text-decoration:none;	
}

.slideshow2 {
   width: 346px;
   height: 247px;
   overflow: hidden;  
}

.slideshow2 ul {
    /* 4 images donc 3 x 100% */
   width: 300%;
   height: 247px;
   padding:0; margin:0;
   list-style: none;
}
.slideshow2 li {
   float: left;
}
.parallax{
		height: 300px;
		background-image: url("http://media.artabsolument.com/images/home/parallax/Parallax4.jpg");
		background-position: 50% 0px;
		position: static;
		padding: 0;
		background-repeat: no-repeat;
		background-color: transparent;		
		background-attachment: fixed;
		overflow: hidden;
}
#footer-cookie{
		
		width: 100%;
		height:20%;
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		bottom: 0px;
		z-index: 99999999;
		color: white;
		text-align:center;
		padding-top:20px;
		display:none;
		
}
#footer-cookie a{
	color:#ffffff;
}
#clickPodcast, #clickMovie{
		cursor:pointer;
}
dd {
		width:100%;		
		padding:0;
		margin:0;
		margin-bottom:2%;
}
dt{		
		width:100%;		
		
}

.zend_form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]){
		border:solid 1px #000000;
		width:90%;
		height:30px;
		
}
.zend_form select{
		border:solid 1px #000000;		
		height:35px;
		width:92%;
		
}
.zend_form textarea{
		border:solid 1px #000000;		
		height:100px;
		width:90%;
		
}
.zend_form input[type="submit"]{
		color:#ffffff;
		font-weight:600;
		background-color:#000000;		
		padding:5px 15px 5px 15px;
		border:none;
		margin-top:15px;
		
}
.required:after{content:' * : '}

.optional:after{content:' : '}

.my-pager { text-align: center; width: 100%; z-index: 500; top: 10px; overflow: hidden; }
.my-pager span { font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; }
.my-pager span.cycle-pager-active { color: #D69746;}
.my-pager > * { cursor: pointer;}

.summary_page{
		font-weight:bold;
}
h4{
	margin-top:1%;
	margin-bottom:0;

}
.button{
	color:#ffffff;
		font-weight:600;
		background-color:#000000;		
		padding:5px 15px 5px 15px;
		border:none;
		
}
.buttonGrey{
	color:#000000;
		font-weight:500;
		background-color:#cccccc;		
		padding:3px 10px 3px 10px;
		border:none;
		 border-radius: 5px;
		 display:inline-block;
		
}

#nav_decouvrir, #nav_debattre, #nav_collectionner, #nav_revue, #nav_espace, #nav_amis, #nav_decouvrir a, #nav_debattre a, #nav_collectionner, #nav_revue, #nav_espace, #nav_amis, #nav_shop{
		color:#000000;
}
.submenu{
		font-size:1em;
		text-transform: uppercase;
}

.headMenuLeft{

		display:inline-block;width:65%;text-align:right;float:right;font-size:1em;font-weight:bold;
	
}
.headMenuRight{

		display:inline-block;width:65%;text-align:left;float:left;font-size:1em;font-weight:bold;
	
}






@media (orientation: landscape) and (max-device-width: 768px) {
	html,
	body {
		-webkit-text-size-adjust: 100%;
	}
	header{
		display:none;
	}
	
}
#leftburger, #rightburger{
		font-size:1.5em;
}
.searchBlock{
	padding-top:8%;
	float:right;
}

.social a{

	font-size:20px;
	
}
input[type="text"]{		
		
		background-color:#ffffff;		
		border:solid 1px #000000;
		
}




		