@charset "utf-8";
/* CSS Document */

/*---------------------------custom fonts start----------------------------------*/
@font-face {
	font-family: 'TrajanPro-Bold';
	src: url('../fonts/trajanprobold.eot');
	src: url('../fonts/trajanprobold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/trajanprobold.woff') format('woff'),
			 url('../fonts/trajanprobold.ttf') format('truetype'),
			 url('../fonts/trajanprobold.svg#trajanprobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------custom fonts end----------------------------------*/

/**************************Reset style***********************/
abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big,/* body,*/
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{ background: transparent; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table, table td { padding:0; border:none; border-collapse:collapse; }
img { vertical-align:middle;}
embed { vertical-align:top;}

/**************************Reset style End***********************/

/* Global properties ======================================================== */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline;}
html {width:100%}

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:normal; margin:0; padding:0; border:0; outline:0; color:#ffffff; background:#c2c2bc;}

/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/
/********************************* Links**********************************/

a {color:#478aa5; outline:none; text-decoration:none; background-color:inherit;}
a:hover, a:active, a:focus {outline:0; outline-width:0; text-decoration:none;}
.link{ color:#d53a22; font-weight:normal; background-color:inherit;}
.link:hover{text-decoration:underline;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase;}
.left {float:left !important; width:auto;}
.right {float:right !important; width:auto;}
.align-right {text-align:right;}
.align-center {text-align:center;}

h2, h3, h4, h5, h6{font-weight:normal;}

/*********************************Form*************************************/
:focus {outline:0;}
input{ outline:none; vertical-align:middle;}
input[type=text]{ outline:none;} 
textarea{ outline:none; overflow:auto;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}
.none{display:none;}

/*********************************CLASSES**********************************/
.clear {clear:both; width:100%; line-height:0; font-size:0;}
.relative{ position:relative;}
.no-margin{margin:0 !important;}
.no-paddin{padding:0 !important;}
.no-right-margin{margin-right:0 !important;}
.no-bottom-margin{margin-bottom:0 !important;}
.no-right-paddin{ padding-right:0 !important;}
.no-bottom-paddin{padding-bottom:0 !important;}
.no-top-pdin{padding-top:0 !important;}
.no-border{ border:none !important;}
.no-bg{background:none !important;}


.main-container{padding:0; width:100%; padding:0; margin:0;}

.main{width:1024px; margin:0 auto; padding:0; position:relative;}


/*index header start*/




/**************************Index Page ************************************/
.index-main-container{width:100%; height:100%; background:#f0ede6; margin:0; padding:0;}
.index-logo{background:url(../images/logo-border.gif) repeat-x 0 68px; display:block; width:100%; top:50%; left:0; margin:-100px 0 0 0; height:87px; position:absolute;}
	.index-logo a{display:block; position:absolute; width:498px; height:87px; position:absolute; top:50%; left:50%; margin:-43px 0 0 -249px; }	
	.index-logo h1, .logo h1{color:#e9e7df; font-size:0px; position:absolute; top:-9999999px; left:-9999999px;}

.language-link{display:block; position:absolute;  margin:0 0 0 -103px; width:240px; bottom:33%; left:50%; text-align:center;}
	.language-link li{display:block; float:left; margin:0; color:#478AA5; font-family:"Century Gothic"; font-size:16px; line-height:16px;}
	.language-link li a{ color:#9D9C98; padding:12px; line-height:18px;}
	.language-link li a:hover{color:#9bbcc6;}

.home-footer{font-size:16px; color:#468ba5; text-align:center; width:100%; left:0; bottom:20px; position:absolute; font-family: "Century Gothic", Arial, sans-serif; letter-spacing:4px;}
	


/***************************Presentation-page********************************/
.top-container{width:100%; background:#f0ede6; margin:0; padding:0;}
.logo{background:url(../images/other-page-logo-border.gif) repeat-x 0 108px #F0EDE6; width:100%; margin:0; padding:68px 0 68px; text-align:center;}

.nav-main-pan{width:100%; margin:0; padding:0; position:relative; height:36px;}
.bg-half{background:#f0ede6; width:50%; position:absolute; left:0; top:0; height:36px;}

.nav-part{width:1024px; height:36px; padding:0; position:relative; margin:0 auto;}
.navication{background: #c3c2bc; float: right; height: 16px; line-height: 18px;    padding: 10px 0 10px 29px; width: 628px;}
	.navication li{display:block; float:left; font-size:15px; color:#1f1718; margin:0; line-height:16px;}
	.navication li a{display:block; color:#1f1718; padding:0 7px; font-size:15px;}
	.navication li a:hover, .navication li a.select{color:#135368;}


.container{background:#c2c1bc; width:100%; margin:0; padding:0;}
	.presen-left-container{width:367px; float:left; margin:0; padding:0;}
	
	.presen-right-part{background:url(../images/presentation-text-bg.jpg) repeat-y; width:582px; height:407px; float:left; margin:0; padding:36px 40px 25px 35px;}
		.presen-right-part p{padding-bottom:20px; line-height:22px; letter-spacing:1px;}


.footer{font-size:12px; color:#3a3234; padding:20px 0 20px 10px; text-align:center;}
	.footer a{color:#3a3234;}
	.footer a:hover{text-decoration:underline;}


/****************************Service Page*************************************/
.service-container{background:url(../images/body-bg.jpg) no-repeat; width:986px; height:430px; padding:38px 0 0 38px;}
.service-container.service-more-main-container{background:url(../../fr/images/service-more-bg.jpg) no-repeat;}
	.service-container p{padding-bottom:10px; line-height:18px; font-weight:normal !important; letter-spacing:1px;}
	.service-container .service-left-container p{line-height:normal;}
		.service-container h2{font-size:20px; padding:0 0 13px 0; letter-spacing:1px;}
		
	.servive-text-container{background:url(../images/body-transparent-bg.png) repeat-y; width:902px; height:352px; padding:40px 0 0 40px; margin:0;}
	
	.service-left-container{width:344px; padding:0 40px 0 0; float:left; margin:0;}
		
		
		.list01{padding:0 0 20px 0; margin:0;}
		.list01 li{padding:0 0 6px 10px; font-weight:normal !important; background:url(../images/service-bull.png) no-repeat 0 6px; letter-spacing:1px;}
		.list01.clientLise li{padding:0 0 15px 20px; line-height:18px;}
		
		.list02{padding:0 0 20px 0; margin:0;}
		.list02 li{padding:0 0 12px 10px; font-weight:bold; background:url(../images/service-bull.png) no-repeat 0 6px; letter-spacing:1px;}
			.list02 li ul{padding:5px 0 0 0;}
			.list02 li ul li{padding:0 0 6px; list-style-type:none; font-weight:normal !important; background:none;}
		
		.service-more-link{background:url(../images/next-arrow.png) no-repeat; width:104px; padding:200px 0 0 0; margin:54px 0 0 20px; font-weight:bold; color:#478aa5; float:left;}
		.service-more-link:hover{color:#FFF;}
		
	.service-more-container{background:url(../images/our-service-more-page-bg.png) repeat; width:332px; height:358px; padding:34px 30px 0 38px; float:left; margin:0;}




/******************************frederic*********************************/
.service-container.frederic-container{background-image:url(../images/feberic-bg.jpg);}
	.frederic-text-container{background:url(../images/feberic-text-bg.png) repeat-y; width:636px; height:366px; padding:26px 85px 0 32px; margin:0;}
	.partners-text-container{background:url(../images/feberic-text-bg.png) repeat-y; width:735px; height:366px; padding:26px 0 0 32px; margin:0;}
	.service-container.frederic-container h2, .service-container.partner-container h2, .service-container.contact-container h2{font-family: 'TrajanPro-Bold'; font-size:25px; color:#478aa5; padding:0 0 15px; text-transform:uppercase;}
	.service-container.frederic-container p, .service-container.partner-container p{padding-bottom:18px; font-size:14px;}
	.service-container.frederic-container p .top-big-text{font-size:16px; font-style:italic;}
	.service-container.partner-container p .top-big-text{font-size:16px;}


/***********************Partner***********************/
.service-container.partner-container{background-image:url(../images/partners-page-bg.jpg);}


.service-container.contact-container{background-image:url(../images/contact-main-bg.jpg);}
	.contact-text-container{background:url(../images/contact-bg.jpg) repeat-y; width:898px; padding:30px 0 0 36px; height:362px;}
	
	.form-left-pan{width:415px; float:left; margin:0; padding:15px 60px 0 0;}
		.label01{width:85px; float:left; padding:8px 5px 0 0; margin:0; font-size:16px;}
		.text01{background:#c2c2bc; width:303px; height:18px; border:1px solid #cdcbc4; padding:8px 10px; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#081f2a; margin:0 0 30px;}
		.text01.error{border-color:#F00;}
		
		.textarea01{background:#c2c2bc; width:303px; height:150px; border:1px solid #cdcbc4; padding:8px 10px; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#081f2a; margin:0 0 12px; resize:none;}
		
		.required{color:#c2c2bc; font-size:12px; float:right; margin:-25px 0 0 0;}
		
		.envoyer-btn{width:78px; height:34px; background:#c2c2bc;  border:1px solid #cdcbc4; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#081f2a; line-height:34px; float:right; cursor:pointer; margin:0 8px 0 0; padding-bottom:2px;}
		.envoyer-btn:hover{background-color:#d6d6d3;}
		
		.service-container.contact-container .list01 li{padding:0 0 10px 10px;}




/************************Ligtbox*****************************/
.lightbox {margin:0; padding:0; position:absolute; font-size:12px; display:none; z-index:1000; top:0px; background:#000; width:831px;}
	.open-light{position:absolute; left:-999999px; top:-999999px;}


			.lightbox .lightClose a{margin:0; padding:0 4px; outline:0; font-size:24px; line-height:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#478AA5; position:absolute; right:-15px; top:-16px;}
			.lightbox .lightClose a:hover{}
	
	
		.lightbox-container{ margin:0; padding:0; position:relative;}
			.popup-link{text-decoration:none;}





.design-by{width:12px; height:162px; position:absolute; right:9px; bottom:52px;}



/*22 otc 2013*/
.service-left-container h3{font-size:16px;}

.service-left-container h4{font-size:17px;}

.press-left-container {
    float: left;
    margin: 0;
    padding: 0 30px 0 0;
    width: 875px;
	height:330px; overflow:auto;
}

.writer{text-align:right !important; display:block;}

.press-img{margin-bottom:10px;}
/*22 otc 2013*/

/** edited **/
.press-left-container {
    float: left;
    height: 330px;
    margin: 0;
    overflow: auto;
    padding: 0 40px 0 0;
    width: 862px;
}
.press-left-container .service-left-container {
    padding: 0;
    width: 100%;
}

.press-left-container .service-left-container .press-artical {
    float: left;
    margin-right: 20px;
    width: 380px;
}


/*************Add 16-10-14****************/
.press-left-inner-container{width:380px; float:left;}
.press-right-inner-container{width:380px; float:right;}
.press-img02{margin-bottom:10px; width:110px;}

/*#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;

z-index: 100;
display: none;
}*/
.cnt223 a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101; cursor:pointer;
}
.cnt223{
min-width: 550px;
width: 550px;
height:99vh;
margin: 5px auto;
background: url(../../images/homer.jpg) no-repeat;
position: relative;
z-index: 10300000;
padding: 0;

}
.cnt223 h1{
clear: both;
    color: #FFF;
    /* text-align: justify; */
    font-size: 34px; width:100%;
    font-family: sans-serif; text-align:center; margin:50% 0 0 0; float:left;
}
.cnt223 p{
color: #FFF;
font-size:18px; text-align:center; width:100%;
}
.cnt223 .x{
float: right;
height: 100vh;
left: 22px;
position: relative;
top: -25px;

}
.close{ width:30px; height:30px; moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#FFF; font-size:20px; font-weight:bold; color:#000; float: right; clear:both; text-align: center; line-height:30px; margin:5px 5px 0 0 }
.cnt223 .x:hover{
cursor: pointer;
}
.left01{ width:30%; height:100vh; position:absolute;}
.right01{ width:30%; height:100vh; position:absolute; right:0; top:0;}

@media (max-width:767px){
.cnt223{
min-width: 300px;
width: 300px;
height: auto; padding:0 0 59px 0 !important;
margin: 80px auto;
background: url(../../images/homer.jpg) no-repeat; background-size:cover;
position: relative;
z-index: 10300000;
padding: 0;

}
.close{ width:30px; height:30px; moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#FFF; font-size:20px; font-weight:bold; color:#000; float: right; clear:both; text-align: center; line-height:30px; margin:-10px -10px 0 0;}
}