body{
	background: #E5E5E5;
	margin:0px;
	padding:0px;
	font-family: "Roboto", Arial, sans-serif;
}

body.mobile{
	width:480px;
}

p{
	margin:0px;
}

a{
	text-decoration:none;
	color: black;
}

.head{
	background: #F1F1F1;
	margin:0px;
	padding:10px;
	font-size:28px;
}

.left{
	float:left;
}

.right{
	float:right;
}

.head .right{
	font-size:16px;
	padding-right:10px;
	padding-top:10px;
}

.head .right img{
	width:20px;
	padding-left:10px;
}

.head .search{
	height:28px;
	margin-top:4px;
	margin-left:20px;
	width:400px;
	font: 16px arial, sans-serif;
}

.clear{
	clear:both;
}

.lateral_menu{
	width:200px;
	float:left;
	background-color:#EDEDED;
	border:solid 1px #DBDBDB;
	padding:10px 0px 10px 0px;
}

.lateral_menu div{
	padding:5px 30px 5px 10px;
}

.lateral_menu div:hover{
	background-color:#E0E0E0;
}

.content{
	padding:50px 50px 50px 250px;
}

.content_all{
	padding: 50px;
}

.big_block{
	background-color: white;
	margin:0px 0px 20px 0px;
	padding:20px;
	height:200px;
	border-radius:2px;
}
.big_block p{
	margin:10 0px;
}
.big_block p.title{
	font-size:28px;
	font-weight: 300;	
	margin:0px;
}
.big_block  p.sub_title{
	font-size:20px;
	font-weight:300;
}

.paysage_block{
	background-color:white;
	width:350px;
	height:100px;
	margin-right:5px;
	margin-bottom:5px;
	padding:10px;
	float:left;
	border-radius:2px;
}
.paysage_block p{
	margin:10 0px;
}
.paysage_block p.title{
	font-size:14px;
	margin:1px;
}
.paysage_block  p.sub_title{
	font-size:12px;
	margin:1px;
	color:#aaa;
}

.portrait_block{
	background-color:white;
	width:150px;
	height:100px;
	margin-right:5px;
	margin-bottom:5px;
	padding:10px;
	float:left;
	border-radius:2px;
}
.portrait_block p{
	margin:10 0px;
}
.portrait_block p.title{
	font-size:14px;
	margin:1px;
}
.portrait_block  p.sub_title{
	font-size:12px;
	margin:1px;
	color:#aaa;
}

.padding_left_10{
	padding-left:10px;
}

.affiche_big{
	height:200px;
}

.padding_affiche_big{
	padding-left:376px;
}

.big_block .titre{
	margin-bottom:15px;
	margin-top:15px;
}

.paysage_block .contenu{
	padding-left:188px;
}

.paysage_block .left .img{
	height:100px;
}

.line_episode{
	background-color: white;
	margin-bottom:5px;
	border-radius:2px;
	font-size:14px;
}

.line_episode .number{
	margin:10px 0px 10px 20px;
	float:left;
	width:15px;
}

.line_episode .title{
	margin:10px 0px 10px 20px;
	float:left;
}

.line_episode .date{
	margin:10px 20px 10px 0px;
	float:right;
	width:80px;
}
.line_episode .right_button{
	margin:6px 20px 6px 0px;
	float:right;
}
.line_episode .button{
	margin-top:0px;
	margin-bottom:0px;
}

h1{
	padding:5px;
	font-size:28px;
	font-weight:100;
	margin:0px 0px 20px 0px;
}

span.mini_bold{
	font-size:13px;
	font-weight:700;
}
span.mini{
	font-size:13px;
	font-weight:300;
}

img.button, img.button20 {	
	border: solid 1px black;
	border-radius:2px;
	padding: 2px 5px 2px 5px;
}

.clicable{
	cursor: pointer;
}

.flip{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
}

img.button20{
	width:20px;
}

.opac{
	opacity:0.25;
}

.form_label{
	width:200px;
}

.ui-autocomplete {
	background-color:#EDEDED;
	border:solid 1px #DBDBDB;
	padding:10px 0px 10px 0px;
	width:360px;
}

li.ui-menu-item{
	
}

li.ui-menu_item a{
	display: block;
	width:100%;
}

ul{
	list-style-type: none; 
}

.ui-menu .ui-menu-item a{
    width:360px;
	display:block;
	padding:5px 30px 5px 10px;
}

.ui-menu .ui-menu-item a:hover{
    background:#E0E0E0; 
}