/*@import url(font.css);
@import url(reset.css);*/


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

		.page-entree section {
		background-position:top right!important;
				}
	}
	
@media only screen and (max-width: 568px) {
	.page-entree header .logo-front{
	right: -112px;
	top: 50%;
	margin-top: -112px;
	position:absolute;
	text-indent: -9999px;}
	.logo-front {
		}

		.page-entree section {
	
				}
	}

/* error 404 */


.erreur  {overflow-x: hidden;}
.erreur div h1 {
    margin: 10px auto 20px;
}

.erreur h1.logo {
    background: url("img/logo-theatre-rive-gauche.png") repeat scroll 0 0 transparent;
	background-position: top center;
    display: block;
    height: 224px;
    margin: 0;
    width: 224px;
	margin:0 auto;
}

body.erreur {
    background: none repeat scroll 0 0 #282828;
}

body.erreur div {
     margin: 50px auto 0 auto;
  
    text-align: center;
   
    width: 420px;
}
.erreur div a {
    color: #FFEBB2;
}
.erreur div a {
    text-transform: uppercase;
	font-size:0.85em;
	text-decoration:none;
}

.erreur .logo a {
    display: block;
    height: 100%;
   
    width: 100%;
	position:absolute;
	top:-9999999px
}
.erreur p {color:#999999;
line-height:1.55em;
font-size:0.85em;
font-family:Arial, Helvetica, sans-serif;
}

/* PAGE ENTREE */

.page-entree header{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: #282828;
	z-index: 2;}

.page-entree header .logo-front{
	right: -112px;
	top: 50%;
	margin-top: -112px;
	position:absolute;
	text-indent: -9999px;}
	
.page-entree header h2{
	font-family: 'Puritan', Arial, sans-serif;
	color: #a69b7b;
	position:absolute;
	right: 132px;
	top: 50%;
	margin-top: -5px;
	margin-bottom: 0;
	font-size:1em;
text-transform:uppercase;}

.logo-front{
	background:url(img/logo-theatre-rive-gauche.png);
	width: 224px;
	height: 224px;
	display: block;margin: 0}

page-entree h2 span{ color: #ffebb2;}
.page-entree section{ 
background-color:#592554;
background-repeat:no-repeat;
background-position:100px 0;

background-repeat:no-repeat;
background-size:cover!important;
	background-position:top right!important;
position:absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
}