body {
	font-family:verdana;
}

#billboard {
	position: absolute;
	width: 100%;
	height: 900px;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index:-999; 
	}
#billboard li {
	padding: 0;
	float: left;
	width:100%;
	height: 900px; }

.homeb {
	background: url("../images/billboard.jpg") no-repeat center;
	transition-property: margin-left 1s ease-in-out 0s;
	/* Firefox 4 */
	-moz-transition: margin-left 1s ease-in-out 0s;
	/* Safari and Chrome */
	-webkit-transition: margin-left 1s ease-in-out 0s;
	/* Opera */
	-o-transition: margin-left 1s ease-in-out 0s;
	width: 100%;
	height: 900px;
 }

.aboutb {
	background: url("../images/about.jpg") no-repeat center;
	transition-property: margin-left 1s ease-in-out 0s;
	/* Firefox 4 */
	-moz-transition: margin-left 1s ease-in-out 0s;
	/* Safari and Chrome */
	-webkit-transition: margin-left 1s ease-in-out 0s;
	/* Opera */
	-o-transition: margin-left 1s ease-in-out 0s;
	width: 100%;
	height: 900px;
}

.servicesb {
	background: url("../images/services.jpg") no-repeat center;
	transition-property: margin-left 1s ease-in-out 0s;
	/* Firefox 4 */
	-moz-transition: margin-left 1s ease-in-out 0s;
	/* Safari and Chrome */
	-webkit-transition: margin-left 1s ease-in-out 0s;
	/* Opera */
	-o-transition: margin-left 1s ease-in-out 0s;
	width: 100%;
	height: 900px;
}

.methodsb {
	background: url("../images/methods.jpg") no-repeat center;
	transition-property: margin-left 1s ease-in-out 0s;
	/* Firefox 4 */
	-moz-transition: margin-left 1s ease-in-out 0s;
	/* Safari and Chrome */
	-webkit-transition: margin-left 1s ease-in-out 0s;
	/* Opera */
	-o-transition: margin-left 1s ease-in-out 0s;
	width: 100%;
	height: 900px; }

.careersb {
	background: url("../images/careers.jpg") no-repeat center;
	transition-property: margin-left 1s ease-in-out 0s;
	/* Firefox 4 */
	-moz-transition: margin-left 1s ease-in-out 0s;
	/* Safari and Chrome */
	-webkit-transition: margin-left 1s ease-in-out 0s;
	/* Opera */
	-o-transition: margin-left 1s ease-in-out 0s;
	width: 100%;
	height: 900px; }

.contactb {
	background: url("../images/contact.jpg") no-repeat center;
	transition-property: margin-left 1s ease-in-out 0s;
	/* Firefox 4 */
	-moz-transition: margin-left 1s ease-in-out 0s;
	/* Safari and Chrome */
	-webkit-transition: margin-left 1s ease-in-out 0s;
	/* Opera */
	-o-transition: margin-left 1s ease-in-out 0s;
	width: 100%;
	height: 900px; }

.binact {
	margin-left: -200%; }
a{
	text-decoration: none;
	color:#1C63A9;
}
.lienMenu{
	display:block;
	width:120px;
	height:82px;
	padding-top:45px;
}
#contenu{
	position: relative;
	width: 896px;
	margin-left: auto;
	margin-right: auto;
	min-height: 900px;
	height: auto;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

#contenuAbout{
	position:relative;
	width: 896px;
	margin-left:auto;
	margin-right:auto;
	min-height:900px;
	height:auto;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

#contenuServices{
	width: 896px;
	margin-left:auto;
	margin-right:auto;
	min-height:900px;
	height:auto;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
 
#contenuMethods{
	width: 896px;
	margin-left:auto;
	margin-right:auto;
	min-height:900px;
	height:auto;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

#contenuCareers{
	width: 896px;
	margin-left:auto;
	margin-right:auto;
	min-height:900px;
	height:auto;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

#contenuContact{
	width: 896px;
	margin-left:auto;
	margin-right:auto;
	min-height:900px;
	height:auto;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* -------- style div Translate ------------ */
.translate{	width:846px; height:20px;display:block; margin:auto; }
.translate div{display:block; float:right; background:#eee; width:115px; margin-right:20px; }
.french{ display:block; float:right; width:100px; height:20px; font-weight:bold; font-size:12px; color:gray;}
.french:hover{ color:black;}
.flag_fr{ vertical-align:middle;padding-right:5px;}

.spanish{ display:block; float:right; width:100px; height:20px; font-weight:bold; font-size:12px; color:gray; }
.spanish:hover{ color:black;}
.flag_es{ vertical-align:middle;padding-right:5px;}

.english{ display:block; float:right; width:100px; height:20px; font-weight:bold; font-size:12px; color:gray; }
.english:hover{ color:black;}
.flag_en{ vertical-align:middle;padding-right:5px;}



/* ---------- Style Menu ---------- */
#menu{
	width:846px;
	padding-top:50px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:3px solid #027dcb;

}
#ulmenu{
	width:846px;
	height:127px;
	background-color:white;
	border-bottom:3px solid #8d8c8c;
	margin-left:auto;
	margin-right:auto;
}
.logomenu img{
	vertical-align:middle;
	padding:27px;
	float:left; 
	margin-right:5px;
}
.tiret{
	border-bottom: 1px dashed;
	margin-left:30%;
	margin-right:30%;
	margin-top:-5px;
}
.limenu{
	vertical-align:middle;
	width:120px;
	text-align:center;
	border-left:1px solid black;
	border-color:#E0E0E0;
	font-size:13px;
	font-weight:bold;
	color:#1C63A9;
	float:left;
}
#ulmenu a:hover, #ulmenu a:focus {
	background-color:#f9f9f9;
	opacity:0.9;
	cursor:pointer;
}
#ulmenu #about a {
	background-color:#E0E0E0;
	opacity:0.9;
	cursor:pointer;
}

.limenu a:hover .texth2, .limenu a:focus{
	color:#999;
	opacity:1;
}

.texth2{
	margin-top:5px;
	font-size:10px;
	color:#D6D6D6;
	font-weight:bold;
}
/* ------- Style les liens du menu ------- */
.active{
	background-color:#f9f9f9;
	opacity:0.9;
	cursor:pointer;
}
.activeFont{
	color:#6c6c6c;
	opacity:1;
}
/* ------- Style contenu home ------ */
.divpub{position:absolute; z-index:-1;}
.pub{
	font-size:30px;
	background-color:#070707;
	opacity:0.7;
	margin-top:28px;
	margin-left:24px;
	width:846px;
	color:white;
	text-align:center;
	line-height:62px;
}
.imgpub{
	max-width:100%;
	height:auto;
	margin-left:24px;
	margin-top:24px;
}
.link {
	width:100%;
	height:288px;
	margin-top:420px;
}

.section1 {
	margin-left:24px;
	width:265px;
	height:258px;
	cursor: pointer;
	background-image:-webkit-linear-gradient(white, #CECDCE);
	background-image:-moz-linear-gradient(white, #CECDCE);
	background-image:-ms-linear-gradient(white, #CECDCE);
	background-image:-o-linear-gradient(white, #CECDCE);
	background-image:linear-gradient(white, #CECDCE);
	float:left;
}
.section1:hover {
	background-image:-webkit-linear-gradient(white, #7c7c7d);
	background-image:-moz-linear-gradient(white, #7c7c7d);
	background-image:-ms-linear-gradient(white, #7c7c7d);
	background-image:-o-linear-gradient(white, #7c7c7d);
	background-image:linear-gradient(white, #7c7c7d);
}
.section2 {
	margin-left:26px;
	width:265px;
	height:258px;
	cursor: pointer;
	background-image:-webkit-linear-gradient(white, #CECDCE);
	background-image:-moz-linear-gradient(white, #CECDCE);
	background-image:-ms-linear-gradient(white, #CECDCE);
	background-image:-o-linear-gradient(white, #CECDCE);
	background-image:linear-gradient(white, #CECDCE);
	float:left;	
}
.section2:hover{
	background-image:-webkit-linear-gradient(white, #7c7c7d);
	background-image:-moz-linear-gradient(white, #7c7c7d);
	background-image:-ms-linear-gradient(white, #7c7c7d);
	background-image:-o-linear-gradient(white, #7c7c7d);
	background-image:linear-gradient(white, #7c7c7d);
}
.section3{
	margin-left:606px;
	width:265px;
	height:258px;
	cursor: pointer;
	background-image:-webkit-linear-gradient(white, #CECDCE);
	background-image:-moz-linear-gradient(white, #CECDCE);
	background-image:-ms-linear-gradient(white, #CECDCE);
	background-image:-o-linear-gradient(white, #CECDCE);
	background-image:linear-gradient(white, #CECDCE);
}
.section3:hover{
	background-image:-webkit-linear-gradient(white, #7c7c7d);
	background-image:-moz-linear-gradient(white, #7c7c7d);
	background-image:-ms-linear-gradient(white, #7c7c7d);
	background-image:-o-linear-gradient(white, #7c7c7d);
	background-image:linear-gradient(white, #7c7c7d);
}
.titreSec{
	padding-top:20px;
	font-size:18px;
	color:#1C63A9;
	text-align:center;	
}
#year{
	padding-top:12px;
	font-size:34px;
	text-align:center;
	color:#424242;
	font-weight:bold;
}
#year1{
	font-size:25px;
	font-weight:normal;
}
.paragSec{
	font-size:14px;
	padding-top:12px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	color:#424242;
	line-height:25px;
	text-align:justify;


}
.paragSec2{
	font-size:14px;
	padding-top:12px;
	text-align:left;
	margin-left:20px;
	margin-right:30px;
	color:#424242;
	line-height:25px;
	text-align:justify;


}
#parag2Sec2{
	font-size:14px;
	padding-top:12px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	color:#424242;
	font-weight:bold;

}
/* --- Slider logo image clients---*/
#imgSec3{
	padding-top:0px;
	margin-left:10px;
	margin-right:10px;
	width:248px;
	height:174px;
}
.w3-content{max-width:217px;max-height:174px;margin:auto}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
.w3-center{text-align:center!important}
.w3-container:after,.w3-container:before{content:"";display:table;clear:both}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-animate-fading{animation:fading 4s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

/*---------------Fin slider-------------------*/
.section4{

	margin-left:24px;
	width:846px;
	height:187px;
	background-image:linear-gradient(white, #CECDCE);
}
.titreSec4{
	padding-top:12px;
	margin-left:20px;
	font-size:18px;
	color:#1C63A9;
	text-align:left;
}
.paragSec4{
	padding-top:12px;
	margin-left:20px;
	margin-right:20px;
	font-size:14px;
	color:#424242;
	text-align:justify;
	line-height:25px;
	z-index:2;
}

.section5{
	margin-left:24px;
	z-index:1;
}
#pdfviewer{
	position:absolute;
	width:826px;
	height:80px;
	line-height:80px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin:auto;
	font-size:22px;
	color:#1C63A9;
	background-image:-webkit-linear-gradient(white, #CECDCE);
	background-image:-moz-linear-gradient(white, #CECDCE);
	background-image:-ms-linear-gradient(white, #CECDCE);
	background-image:-o-linear-gradient(white, #CECDCE);
	background-image:linear-gradient(white, #CECDCE);	
}
#pdfviewer:hover{
	color:rgba(255, 255, 255, 0.9);
	background-image:-webkit-linear-gradient(white, #7c7c7d);
	background-image:-moz-linear-gradient(white, #7c7c7d);
	background-image:-ms-linear-gradient(white, #7c7c7d);
	background-image:-o-linear-gradient(white, #7c7c7d);
	background-image:linear-gradient(white, #7c7c7d);	
}

.section6{
	margin-left:24px;
	/*z-index:0;*/
	height:560px ;
	width:100% ;
    background-image:linear-gradient(white, #CECDCE);


}
.titreSec6{
	padding-top:24px;
	font-size:30px;
	color:#1C63A9;
	text-align:center;	
}

.vertical_menu {
	border-right: 1px solid rgba(200, 200, 200, 0.5);
	width: 265px;
	height: 50px;
	padding: 0;
	float: left; 
}

.vertical_menu li {
	cursor:pointer;
	border-bottom: 1px solid rgba(200, 200, 200, 0.5);
	width: 265px;
	margin: 0;
	list-style: none;
	float: none;
	height: 50px;
	overflow: hidden;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(133, 133, 133, 0.5);
	-moz-box-shadow: 0px 0px 0px 0px rgba(133, 133, 133, 0.5);
	box-shadow: 0px 0px 0px 0px rgba(133, 133, 133, 0.5); 
}

.vertical_menu li h1 {
	font-weight: 100;
	color: #646464;
	font-size: 16px;
	padding: 20px 0px 5px 20px;
	margin: 0;
	float: left; 
}

.vertical_menu li h2 {
	font-weight: 100;
	color: #646464;
	font-size: 14px;
	padding: 20px 0px 5px 15px;
	margin: 0;
	float: left; 
}			
.vertical_menu li img {
	height: 50px;
	width: 50px;
	margin-left:-30px;
	float: left;
	transition: margin-left 0.3s ease-in-out 0s;
	/* Firefox 4 */
	-moz-transition: margin-left 0.3s ease-in-out 0s;
	/* Safari and Chrome */
	-webkit-transition: margin-left 0.3s ease-in-out 0s;
	/* Opera */
	-o-transition: margin-left 0.3s ease-in-out 0s;
}			
.vertical_menu li:hover {
	background-color: #fafafa;
	cursor: pointer; 
}
ul.vertical_menu li img:hover , .vertical_menu #active img{
	margin-left: 0px;
}
.vertical_menu #active {
	background-color: #fafafa;
	border-right-image: url(../images/pin.png) no-repeat; 
}

.hide {
	display: none; 
}
.divsec6{
	width:550px;
	height:61px;
	margin-left:295px;

}
.divjquery1{display:none;}
.divjquery2{display:none;}
.divjquery3{display:none;}




/*------ Style contenu About ----- */
#imgAbmobile{
	display:none;
}
#imgAbtablete{
	display:none;
}
#imgAb{
	margin-left:24px;
	margin-top:29px;
}
.paragSecAb{
	font-size:14px;
	padding-top:12px;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	color:#424242;
	line-height:25px;
}
.linkabout {
	width:100%;
	height:288px;
	margin-top:29px;
}

.section4about{
	margin-left:24px;
	width:846px;
	height:350px;
	background-image:linear-gradient(white, #CECDCE);
}

.section5about{
	margin-left:24px;
	width:100%;
	height:409px;
	background-image:linear-gradient(white, #CECDCE);
}
div#vacancies {
  background-color:blue;
  width:900px;
	height:470px;
  overflow: auto;
}
.spanbold{
	font-weight:bold;
}

/*-------- style contenu services ------- */
#imgCtnServices{
	width:846px;
	height:337px;
	margin-left:24px;
}
#imgCtnServicestablete{
	display:none;
}
#imgCtnServicesmobile{
	display:none;
}
.linkservices {
	width:100%;
	height:288px;
	margin-top:29px;
}
.section4services{
	margin-left:24px;
	width:846px;
	height:430px;
	background-image:linear-gradient(white, #CECDCE);
}
.section5services{
	margin-left:24px;
	width:846px;
	height:460px;
	background-image:linear-gradient(white, #CECDCE);
}
.section6services{
	margin-left:24px;
	width:846px;
	height:380px;
	background-image:linear-gradient(white, #CECDCE);

}
/*------- Style Contenu Methods   -------- */
.pubMethods{
	font-size:50px;
	background-color:#070707;
	opacity:0.7;
	margin-top:28px;
	margin-left:24px;
	width:846px;
	color:white;
	text-align:center;
	line-height:62px;
}
.linkmethods {
	width:100%;
	height:288px;
	margin-top:258px;
}
.section4methods{
	margin-left:24px;
	width:846px;
	height:200px;
	background-image:linear-gradient(white, #CECDCE);
}
.section5methods{
	margin-left:24px;
	width:846px;
	height:420px;
	background-image:linear-gradient(white, #CECDCE);
}
.section6methods{
	margin-left:24px;
	width:846px;
	height:280px;
	background-image:linear-gradient(white, #CECDCE);
}


/* ------ Style Contenu Carrer --------- */
.linkcareers {
	width:100%;
	height:288px;
	margin-top:100px;
}
#imgCareerstablete{
	display:none;
}
#imgCareersmobile{
	display:none;
}
#imgCareers{
	margin-left:24px;
	margin-top:29px;
	margin-bottom:29px;
}
.section4careers{
	margin-left:24px;
	width:846px;
	height:210px;
	background-image:linear-gradient(white, #CECDCE);
}
.section5careers{
	margin-left:24px;
	width:846px;
	height:1840px;
	background-image:linear-gradient(white, #CECDCE);
}
.section6careers{
	margin-left:24px;
	width:846px;
	height:160px;
	background-image:linear-gradient(white, #CECDCE);
}


/* ------ Style Contenu Contact ----*/
#imgContactTablete{
	display: none;
}
#imgContactmobile{
	display: none;
}
#imgContact{
	margin-left:24px;
	margin-top:29px;
}
#imgCarteContact{
	padding-top:40px;
	margin-right:10px;	
}
.linkcontact {
	width:100%;
	height:288px;
	margin-top:29px;
}
#imgouraddress{
	width:555px;
	height:334px;
	margin-left:145px;
}
#imgouraddressmobile{
	display:none;
}
#iframecontactmobile{
	display:none;
}
#iframecontact{
	width:846px;
	height:400px;
}
.section4contact{
	margin-left:24px;
	width:846px;
	height:334px;
	background-image:linear-gradient(white, #CECDCE);
}
.section5contact{
	margin-left:24px;
}
.section6contact{
	margin-left:24px;
	width:846px;
	min-height:450px;
	height:auto;
	padding-bottom:30px;
	background-image:linear-gradient(white, #CECDCE);
}
#tablecontact{
	margin-top:29px;
	border:1px;
	text-align:left;
	width:555px;
	height:auto;
	margin-left:250px;
}

#name{
	font-size:16px;
	width:350px;
	height:35px;
	color:#222;
	background-color:#eee;
	border:1px solid #555;
	margin-bottom:5px;
	padding-left:10px;
}
#email{
	font-size:16px;
	width:350px;
	height:35px;
	color:#222;
	background-color:#eee;
	border:1px solid #555;
	margin-bottom:5px;
	padding-left:10px;
}
#message{
	font-family:verdana;
	font-size:16px;
	width:350px;
	height:150px;
	color:#222;
	background-color:#eee;
	border:1px solid #555;
	margin-bottom:5px;
	padding-left:10px;
	padding-top:10px;
}
#btnsubmit{
	border:none;
	margin:15px 0px 0px 0px;
	width:100px;
	height:35px;
	background-color:#eee;
		
	color:#222;
}
#btnsubmit:hover{
	border:1px solid #555;
}
/* color placeholder input */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: gray;
    font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: gray;
   font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: gray;
   font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: gray;
   font-style:italic;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: gray;
   font-style:italic;
}


/* ----- Style Footer ------- */

#foter{
	margin-top:24px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:100%;
	height:24px;
	color:#424242;
	font-size:12px;
	text-align:center;
	line-height:35px;
	display:block;
}
#divfooter{
	display:block;
	width:946px;
	height:24 px;
	margin-left:auto;
	margin-right:auto;
	line-height:20px
}
.pfooter{
	width:846px;
	text-align:center;
	display:inline;
	line-height:24px;;
}
.h2footer{
	float:right;
	color:blue;
	font-weight:bold;
	padding-right:20px;
}	
.fb{
	display:block;
	width:24px;
	height:24px;
	background-image:url(../images/fb.jpg);
	float:right;
	margin-right:100px;

}

.tw{
	display:block;
	width:24px;
	height:24px;
	background-image:url(../images/tw.jpg);
	float:right;
	margin-right:7px;

}
.in{
	display:block;
	width:24px;
	height:24px;
	background-image:url(../images/in.jpg);
	float:right;
	margin-right:7px;

}
.fb:hover{
	background-image:url(../images/fb-hover.jpg);
}
.tw:hover{
	background-image:url(../images/tw-hover.jpg);
}
.in:hover{
	background-image:url(../images/in-hover.jpg);
}
/* -------- PAGE OK ------*/

#msgok{
	width:846px;
	height:200px;
	background-image:-webkit-linear-gradient(white, #CECDCE);
        background-image:-moz-linear-gradient(white, #CECDCE);
        background-image:-ms-linear-gradient(white, #CECDCE);
        background-image:-o-linear-gradient(white, #CECDCE);
        background-image:linear-gradient(white, #CECDCE);
	margin-left:auto;
	margin-right:auto;
        text-align: center;
        line-height:86px;
	margin-bottom:504px;
	
}
#display2{
	vertical-align:middle;
}
#display22{
	display:none;
}

/*----- Toggle Button -----*/
.toggle-nav {
    display:none;
}