@charset "utf-8";
/* CSS Document */
a:link, a:visited, a:hover, a:active, a img { outline:none } 
img { border:none }

body {
	background-color: #000000;
	height: 100%;
	margin: 0;
	overflow: hidden;
	position: fixed;
	width: 100%;
	font-family:  arial, helvetica, sans-serif;
}
.content {
	background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: 100%;
	width: 100%;
	overflow:hidden;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.content_iframe, .content_iframe iframe{
	height: 100%;
	width: 100%;
	overflow:hidden;
	display:block;
}
.content_iframe {
	position:absolute;
	top:0;
	left:100%;
}
a.logo{
	top: 11px;
	left:16px;
	position:absolute;
	width:78px;
	height:78px;
	z-index:10000;
}
a.logo img{
	width:78px;
	height:78px;
	display:block;
}
.return {
   display: block;
    height: 78px;
    left: 115px;
    position: absolute;
    top: 11px;
    width: 78px;
    z-index: 999;
	cursor:pointer;
}
.right_side_content h1 {
	direction:rtl;
	font-weight: normal;


	font-size: 126px;
}
.right_side_content h2 {
		font-weight: normal;
	font-size: 88px;

}
.right_side_content {
		margin: 0;


		color: #842020;
	font-family: "HelveticaWorld", arial, helvetica, sans-serif;
	display: block;
	height: 100%;
	right: 0;
	line-height: 19px;
	text-align: right;
	padding-right: 40px;
	text-transform: uppercase;
	float:right;
text-shadow: 2px 4px 4px #333333;
}
.right_side_content ul {
	position:relative;
	float:right;
}
.right_side_content ul  li {
	display: block;
	position: relative;
	right: -11%;
margin-top: 32px;
	text-align: left;
	width: 382px;
	height: 87px;
	background-repeat: no-repeat;
	background-position: right;
	box-shadow: -10px 10px 21px #000000;
	-webkit-box-shadow: -10px 10px 21px #000000;
	-moz-box-shadow: -10px 10px 21px #000000;
	cursor: pointer;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
		}

.right_side_content ul li:first-child {
	background-image: url(../images/btn_01.jpg);	

	}
	
	.right_side_content ul li:nth-child(2) {
	background-image: url(../images/btn_02.jpg);	

	}
		.right_side_content ul li:nth-child(3) {
	background-image: url(../images/btn_03.jpg);	

	}
			.right_side_content ul li:nth-child(4) {
	background-image: url(../images/btn_04.jpg);	

	}
			.right_side_content ul li:nth-child(5) {
	background-image: url(../images/btn_05.jpg);	

	}

.right_side_content ul  li:hover{

opacity:0.5;
right:-35%;

	
}

.footer {
    background-attachment: fixed;
    background-image: url("../images/footer_back.jpg");
    background-position: left top;
    bottom: 0;
    color: #CCCCCC;
    padding: 10px;
    position: absolute;
    width: 100%;
	font-size: 16px;
	box-shadow: 0px 1px 17px #000000;
-webkit-box-shadow: 0px 1px 17px #000000;
-moz-box-shadow: 0px 1px 17px #000000; 
   direction: rtl;
	}
.footer .btn_partages {
    float: right;
    padding-right: 30px;
	
	}
 @media screen and (max-width: 1614px) {
.right_side_content h1 {
	font-size: 93px;
}
.right_side_content h2 {
	font-size: 43px;
}
}

@media screen and (max-width: 1330px) {
.right_side_content h1 {
	font-size: 73px;
}
.right_side_content h2 {
	font-size: 33px;
}
.right_side_content {

    line-height: 7px;

    text-shadow: 1px 2px 2px #333333;

}
}


@media screen and (max-width: 800px) {
}
 @media screen and (max-width: 488px) {
	 
	 .right_side_content h1 {
	font-size: 43px;
}
.right_side_content h2 {
	font-size: 23px;
}
}


 @media screen and (max-height: 930px) {
	
	.right_side_content ul li {
margin-top:13px;
	}
	
	 
 }
   @media screen and (max-height: 750px) {
	   .right_side_content ul li {
    margin-top: -8px;
}
   }
 
  @media screen and (max-height: 642px) {
  
.right_side_content {
padding-top:0;
line-height:0px;	
}
  
.right_side_content ul {

    top: 20px;
}
  .right_side_content ul li {
    margin-top: -31px;
	   right: -83%;
	   opacity:0.7;
}

.right_side_content ul  li:hover{

opacity:1;


	
}
  }