﻿body {
	background:#ffffff url(../images/wallpaper.jpg) no-repeat  top;
	margin:0 auto;
	margin-top: 35px;
}
h1.main,p.demos {
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay: 8s;
}
.headerone {
	width: 900px;
	height: 235px;
	position: relative;
	margin:0 auto;
}
.logo_home { 
    width:770px;
    height:235px;	
    margin:0 auto;
 	position:relative;
	}
.logo_home img.logoChekkouri  { 
    width:770px;
    height:235px;	
	}	
	
.container {
	border:1px solid #fff;
	background:#ffffff url(../images/bg.png) repeat-x  bottom;
	width:100%;	
	min-height: 555px;	
    margin:0 auto;	
}	
.containercontact {

	background:#ffffff url(../images/bg.png) repeat-x  bottom;
	width:100%;	
	min-height: 740px;	
    margin:0 auto;	
}	
		#content{ width:900px; min-width:600px; margin: 0px auto; text-align: left;margin-top:25px;padding-bottom:25px; }
		img.fluidimage{ float: right; margin: 0px 10px 10px 10px; border:1px solid #aaa;}
		p{ margin:20px 0px; font:normal 13px Arial, sans-serif;text-align : justify; }
		p span{font:bold 13px Arial, sans-serif; }
		p span.bo{font:bold 16px Arial, sans-serif; color:#72151b;}
		p a span.bo3{margin-left:25px;margin-right:25px;font:bold 16px Arial, sans-serif; color:#72151b;}	
		p a{text-decoration:none;color:#000;}
		p a:hover{text-decoration:none;color:#72151b;}
		p.bo44 a{text-decoration:none;color:#000;position:relative;bottom:45px;border-bottom:1px solid #72151b;}
		p.bo44 a:hover{text-decoration:none;color:#72151b;}		
		p span.bo2{font:normal 16px Arial, sans-serif; color:#72151b;background-color:#9ea3a0;}		
		h2{ margin:0px; font:bold 22px Arial, sans-serif;color:#72151b; }







.sp-container {
	width: 900px;
	position: relative;
	margin: 80px auto 0px auto;
}
.sp-content {
	width: 100%;
	height: 400px;
	position: relative;
	-webkit-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
	-moz-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
	-ms-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
	animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
}
.sp-content:after {
	content: '';
	width: 4px;
	background: #000;
	height: 100%;
	position: absolute;
	left: 50%;
}
.sp-container h2 {
	color: #000;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.9);
}
.sp-wrap {
	width: 400px;
	padding: 0px 25px;
	height: 100%;
	text-align: right;
	font-size: 65px;
	line-height: 80px;
	float: left;
	position: relative;
	overflow: hidden;
}
.sp-top {
	font-size: 35px;
}
.sp-bottom {
	font-size: 35px;
}
.sp-wrap span {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.sp-wrap span.sp-mid {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.sp-container .sp-right h2 {
	color: #72151b;
	text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
}
.sp-wrap span.sp-mid {
	font-family: Aria;
	text-transform: uppercase;
	font-size:68px;
	line-height:130px;
	position: relative;
	margin-right:20px;
}
#cool {
	margin-top:120px;
	position: relative;
	right:25px;	
}
#cool2 {
	margin-top:120px;
}
.sp-left span.sp-top {
	-webkit-animation: slideLeft 0.5s ease-in 0.6s backwards, fadeOut 1s linear 9s backwards;
	-moz-animation: slideLeft 0.5s ease-in 0.6s backwards, fadeOut 1s linear 9s backwards;
	-ms-animation: slideLeft 0.5s ease-in 0.6s backwards, fadeOut 1s linear 9s backwards;
	animation: slideLeft 0.5s ease-in 0.6s backwards, fadeOut 1s linear 9s backwards;
}
.sp-left span.sp-mid {
	-webkit-animation: slideLeft 0.5s ease-in 2.5s backwards, moveUp 0.6s linear 10s forwards;
	-moz-animation: slideLeft 0.5s ease-in 2.5s backwards, moveUp 0.6s linear 10s forwards;
	-ms-animation: slideLeft 0.5s ease-in 2.5s backwards, moveUp 0.6s linear 10s forwards;
	animation: slideLeft 0.5s ease-in 2.5s backwards, moveUp 0.6s linear 10s forwards;
}
.sp-left span.sp-bottom {
	-webkit-animation: slideLeft 0.5s ease-in 1.4s backwards, fadeOut 1s linear 9.2s backwards;
	-moz-animation: slideLeft 0.5s ease-in 1.4s backwards, fadeOut 1s linear 9.2s backwards;
	-ms-animation: slideLeft 0.5s ease-in 1.4s backwards, fadeOut 1s linear 9.2s backwards;
	animation: slideLeft 0.5s ease-in 1.4s backwards, fadeOut 1s linear 9.2s backwards;
}
.sp-right span {
	text-align: left;
}
.sp-right span.sp-top {
	-webkit-animation: slideRight 2.5s ease-in 2s backwards, fadeOut 1s linear 9.4s backwards;
	-moz-animation: slideRight 2.5s ease-in 2s backwards, fadeOut 1s linear 9.4s backwards;
	-ms-animation: slideRight 2.5s ease-in 2s backwards, fadeOut 1s linear 9.4s backwards;
	animation: slideRight 2.5s ease-in 2s backwards, fadeOut 1s linear 9.4s backwards;
}
.sp-right span.sp-mid {
	-webkit-animation: slideRight 0.5s ease-in 2.4s backwards, moveUp 0.6s linear 10s forwards;
	-moz-animation: slideRight 0.5s ease-in 2.4s backwards, moveUp 0.6s linear 10s forwards;
	-ms-animation: slideRight 0.5s ease-in 2.4s backwards, moveUp 0.6s linear 10s forwards;
	animation: slideRight 0.5s ease-in 2.4s backwards, moveUp 0.6s linear 10s forwards;
}
.sp-right span.sp-bottom {
	-webkit-animation: slideRight 0.5s ease-in 3.2s backwards, fadeOut 1s linear 9.6s backwards;
	-moz-animation: slideRight 0.5s ease-in 3.2s backwards, fadeOut 1s linear 9.6s backwards;
	-ms-animation: slideRight 0.5s ease-in 3.2s backwards, fadeOut 1s linear 9.6s backwards;
	animation: slideRight 0.5s ease-in 3.2s backwards, fadeOut 1s linear 9.6s backwards;
}
.sp-wrap i {
	position: absolute;
	width: 60px;
}
.sp-wrap i:first-child {
	color: #000;
}
.sp-wrap i:last-child {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-animation: fadeOut 1s linear 3s backwards;
	-moz-animation: fadeOut 1s linear 3s backwards;
	-ms-animation: fadeOut 1s linear 3s backwards;
	animation: fadeOut 1s linear 3s backwards;
}
.sp-full {
	position: absolute;
	font-size: 30px;
	top: 142px;
	width: 700px;
	left: 25px;
	-webkit-animation: fadeIn 1s linear 9.6s backwards;
	-moz-animation: fadeIn 1s linear 9.6s backwards;
	-ms-animation: fadeIn 1s linear 9.6s backwards;
	animation: fadeIn 1s linear 9.6s backwards;
}
.sp-full a {
	background: #72151b;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 40px;
	display: inline-block;
	font-size: 30px;
	margin-top: 38px;
	float:right;
	position: relative;
	bottom: 35px;	
	-webkit-animation: zoomIn 0.7s ease-in-out 7s backwards;
	-moz-animation: zoomIn 0.7s ease-in-out 7s backwards;
	-ms-animation: zoomIn 0.7s ease-in-out 7s backwards;
	animation: zoomIn 0.7s ease-in-out 7s backwards;
}
.sp-full h2 {
	width: 400px;
	padding: 0px 50px 0px 0px;
	float: left;
	text-align: right;
}
.sp-full a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/**/
@-webkit-keyframes open{
	0%{
		-webkit-transform: scale(1,0);
	}
	100%{
		-webkit-transform: scale(1,1);
	}
}
@-webkit-keyframes squeeze{
	0%{
		height: 400px;
	}
	100%{
		height: 120px;
	}
}
@-webkit-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes slideLeft{
	0%{
		-webkit-transform: translateX(120%);
	}
	100%{
		-webkit-transform: translateX(0%);
	}
}
@-webkit-keyframes slideRight{
	0%{
		-webkit-transform: translateX(-120%);
	}
	100%{
		-webkit-transform: translateX(0%);
	}
}
@-webkit-keyframes moveUp{
	0%{
		-webkit-transform: translateY(0px);
	}
	100%{
		-webkit-transform: translateY(-170px);
	}

}
@-webkit-keyframes zoomIn{
	0%{
		-webkit-transform: scale(0);
	}
	100%{
		-webkit-transform: scale(1);
	}
}
/**/
@-moz-keyframes open{
	0%{
		-moz-transform: scale(1,0);
	}
	100%{
		-moz-transform: scale(1,1);
	}
}
@-moz-keyframes squeeze{
	0%{
		height: 400px;
	}
	100%{
		height: 120px;
	}
}
@-moz-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-moz-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-moz-keyframes slideLeft{
	0%{
		-moz-transform: translateX(120%);
	}
	100%{
		-moz-transform: translateX(0%);
	}
}
@-moz-keyframes slideRight{
	0%{
		-moz-transform: translateX(-120%);
	}
	100%{
		-moz-transform: translateX(0%);
	}
}
@-moz-keyframes moveUp{
	0%{
		-moz-transform: translateY(0px);
	}
	100%{
		-moz-transform: translateY(-170px);
	}

}
@-moz-keyframes zoomIn{
	0%{
		-moz-transform: scale(0);
	}
	100%{
		-moz-transform: scale(1);
	}
}
/**/
@keyframes open{
	0%{
		transform: scale(1,0);
	}
	100%{
		transform: scale(1,1);
	}
}
@keyframes squeeze{
	0%{
		height: 400px;
	}
	100%{
		height: 120px;
	}
}
@keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes slideLeft{
	0%{
		transform: translateX(120%);
	}
	100%{
		transform: translateX(0%);
	}
}
@keyframes slideRight{
	0%{
		transform: translateX(-120%);
	}
	100%{
		transform: translateX(0%);
	}
}
@keyframes moveUp{
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(-170px);
	}

}
@keyframes zoomIn{
	0%{
		transform: scale(0);
	}
	100%{
		transform: scale(1);
	}
}
/* NAVIGATION ------------------------------------------------------------*/

.wrapper{ 
	width: 100%;
	height: 48px;
	position: relative;
	margin:0 auto;
	background:#72151b;
}

nav{
	width: 900px;
	font: 13px/1.5em Arial, sans-serif;
	margin:0 auto;
	font-weight:bold;
	line-height: 1.8em;
}

nav a{
	text-decoration: none;
	color: #acacac;
}

#nav li{
	display: inline;
	font-size: 16px;
	float: left;
	height:47px;
}

#nav>li>a{
	display: block;
	overflow: hidden;	
	color: #ffffff;
	height:47px;	
	line-height:47px;
	background: rgba(0,0,0,.0);
	font-size:14px;
	padding-left:15px;
	padding-right:15px;	
	border-left:1px solid #ffffff;	
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#nav>li>a:hover,
#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{	
	background: #303232;
	background: rgba(0,0,0,.2);
	border-bottom: solid #000 5px;
}
#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
	color: #fff;
	font-size:14px;
		
}
#nav .sf-sub-indicator{
	float: right;
}

#nav>li>a>.sf-sub-indicator{
	display: none;
}

/* sub navigation -----------------------------------------------------*/

#nav>li ul{
	width: 240px;
	display: block;
	margin-top: 4px;
	background:url(../images/menu.png) repeat;
	float:left;	
}
#nav>li ul li{
	height: 30px;	
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#nav>li ul li a{
	border-bottom:1px dotted #fff;
	height: 30px;	
	padding-bottom:0px;
	padding-top:0px;
	padding-left:13px;	
	font-size: 13px;
	line-height:30px;	
	color: #fff;
	text-decoration: none;
	margin:0;

}

#nav>li ul li a span{
	height: 30px;	
	display: block;
}

#nav>li ul li a:hover{
	height: 30px;	
	background: #fff;
	color: #1c1d1d;
}
#nav>li ul li a.hover{
	height: 30px;	
	background: #fff;
	color: #1c1d1d;
}
/* sub footer -----------------------------------------------------*/
.footer { 
	background:#72151b;	
    width:100%;
    height:200px;
    margin:0 auto; 
	}
.footerin { 
    width:900px;
    height:200px;	
    margin:0 auto; 	
	}
.copyright { 
	border-top:1px solid #fff;
	border-bottom:6px solid #fff;
	background:#fff;	
    width:900px;
    height:40px;	
    margin:0 auto; 	
	}
.copyright h1{
	font:normal 13px/27px Arial, Helvetica, sans-serif;	
    line-height:26px;
	text-align: left;	
	color:#000;
	float:left;	
	margin-left:10px;	
	position:relative;
    top:0px;	
}
.copyright h1 span{
	font:bold 13px/27px Arial, Helvetica, sans-serif;	
    line-height:5px;
}
.copyright h1 a{
	color:#000;
}
.copyright h2{
	font:normal 13px/27px Arial, Helvetica, sans-serif;	
    line-height:26px;
	text-align: left;	
	color:#000;
	float:right;	
	margin-right:10px;	
	position:relative;
    top:0px;	
}
.copyright h2 span{
	font:bold 13px/27px Arial, Helvetica, sans-serif;	
    line-height:5px;
}
.copyright h2 a{
	color:#000;
}
.contact { 	
    width:900px;
    height:40px;	
    margin:0 auto; 	
	}
.contact h1{
	font:normal 13px/27px Arial, Helvetica, sans-serif;	
    line-height:26px;
	text-align: left;	
	color:#fff;
	float:left;	
	margin-left:10px;	
	position:relative;
    top:10px;	
}
.contact h1 span{
	font:bold 16px/27px Arial, Helvetica, sans-serif;	
    line-height:5px;
}
#contentcontact { 
    width:600px;	
    min-height:160px;
	float:left; 
    margin-bottom:30px; 
	position:relative;
	}
.source { 
 	border-bottom:1px dotted #72151b;
    width:600px;	
    height:160px;
	float:left; 
    margin-top:30px; 
	}
.source2 { 
 	border-bottom:1px dotted #72151b;
    width:600px;
    height:420px;
	float:left; 
    margin-top:30px; 	
	}
.source5{ 
 	border:0px solid red;
    height:30px;
    margin:0 auto; 	
	}
.source5  h3{
    font:normal 12px/27px Myriad Pro, Arial, Helvetica, sans-serif;  
	color:#000;
	text-align:left;
	line-height:10px;
    margin:0 auto; 	
}
.source5  h3 span{
    font:bold 12px/27px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	line-height:10px;
}	
.compte{
	width:600px;
    height:50px;
	float:left;
	margin-bottom:15px;		
}
.compte  label{
	color:#575656;	
	float:left;
	height:23px;
    width:250px;
	display:block;
	text-align:left;
    font:normal 12px/27px Myriad Pro, Arial, Helvetica, sans-serif;  
	line-height:28px;
}
.compte  input.inputtext{
	color:#575656;
	border: 1px solid #b1acac;
	float:left;
	height:23px;
    width:300px;
	text-align:left;
	font:normal 10px/27px Arial, Helvetica, sans-serif; 
	}
.compte  input.inputtext:hover{
	color:#575656;
	border: 1px solid #000;
	-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;	
	}	
.compte1{
	width:486px;
    height:116px;
	float:left; 
	margin-bottom:15px;	
}
.compte1  label{
	border: 0px solid #000;
	color:#575656;	
	float:left;
	height:23px;
    width:250px;
	display:block;
	text-align:left;
    font:normal 12px/27px Myriad Pro, Arial, Helvetica, sans-serif;  
	line-height:28px;
}	
.compte1 textarea.comments {
	color:#575656;
	border: 1px solid #b1acac;
	font:normal 10px/27px Arial, Helvetica, sans-serif;
	width:230px;
	height:80px;
}
.compte1 textarea.comments:hover{
	color:#212121;
	border: 1px solid #feb200;
	-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;	
}
.compte input.bt_login {
	font:normal 10px/27px Arial, Helvetica, sans-serif;
	height:35px;
    width:80px;	
}		
.compte input.bt_login:hover {
	-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;	
}
.compte2{
	width:600px;
    height:25px;
	float:left; 
	margin-top:10px;	
}	
.compte2 h1{
	font:normal 11px/27px Arial, Helvetica, sans-serif;	
	text-align: left;	
	color:#000;
	position:relative;
    bottom:8px;	
}
.compte2 h2{
	font:normal 11px/27px Arial, Helvetica, sans-serif;	
	text-align: left;	
	color:#000;
	position:relative;
    bottom:20px;	
}





















