body {
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  text-align:center;
}

body, td {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
}
img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

a {
	color: #35B;
	text-decoration: none;
}
a:hover {
	color: #B53;
}

#page {
	background-color:#FFF;
	border-top: none;
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto 16px auto;
	padding: 0;
	text-align: left;
}

#top {
	width: 1000px;
	height: 252px;
	background-color: #FFF;
	background-image: url(deco/head.jpg);
	border-bottom: none;
	margin:0;
	padding: 10px 0 0 0;
}

#mid {
	width: 1000px;
	margin:0;
	padding: 0;
}

#side {
	width: 180px;
	float: left;
	margin:0;
	padding: 5px 10px 5px 10px;
}

#main {
	width: 710px;
	float: right;
	margin-right:10px;
	padding: 7px;
	text-align: justify;
}
/*pour l'effet arrondie sur le main*/
.roundedcornr_box_929106 {
	background: url(deco/roundedcornr_929106_tl.png) no-repeat top left;
}
.roundedcornr_top_929106 {
	background: url(deco/roundedcornr_929106_tr.png) no-repeat top right;
}
.roundedcornr_bottom_929106 {
	background: url(deco/roundedcornr_929106_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_929106 div {
	background: url(deco/roundedcornr_929106_br.png) no-repeat bottom right;
}
.roundedcornr_content_929106 {
	background: url(deco/roundedcornr_929106_r.png) top right repeat-y;
	border-left: 0.5px solid#bcbcbc;
}
.roundedcornr_top_929106 div,.roundedcornr_top_929106,
.roundedcornr_bottom_929106 div, .roundedcornr_bottom_929106 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_929106, .roundedcornr_bottom_929106 {
	margin-top: -19px;
}
.roundedcornr_content_929106 { padding: 0 15px; }

#break {
	clear: both;
}

#bot {
	width: 1000px;
	background-image: url(zfiles/bot.jpg);
	font-size: 75%;
	text-align: center;
	margin-top: 20px;
	padding: 0;
	color: #225;
}
#footer {
        width: 1200px;
	border-top: 1px solid #d0d3d8;
	background: #eeeeee;
	padding: 0.5em 0;
	clear: both;
	text-align: center;
        margin-top: -20px;
}


#top h1 {
	margin: 0;
	padding: 0 0 0 10px;
	color: #FFF;
	font-size: 24px;
}
#top h2 {
	margin: 0;
	padding: 4px 0 5px 10px;
	color: #EEF;
	font-size: 90%;
}

/* Menu */
.zul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}
.zli1,.zli2,.zli3,.zli4 {
	background-image: url(deco/pge0.png);
	background-repeat: no-repeat;
	padding-left: 14px;
}
.zon {
	background-image: url(deco/pge1.png);
}
.zli1 {
	margin-left: 0px;
}
.zli2 {
	margin-left: 16px;
}
.zli3 {
	margin-left: 32px;
}
.zli4 {
	margin-left: 48px;
}

/* styles zite */
#zadmin {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 3px 0 0 0;
}
.ztable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 15px 0;
	width: 100%;
}
.zalert {
	border: 1px solid #C00;
	background-color: #FEA;
	padding: 0 2px;
}
/* CONTACT PAGE STYLING */

#page-title { border-bottom:1px solid #3F3F3F; text-align:right; margin-top:-4px; padding-bottom:18px; margin-bottom:25px; }
#page-title h2 { padding-right:10px; font-size:22px; text-indent:-9999px; padding-top:2px; }

#main-left-col { 
width:350px; 
float:left; 
padding-right:20px; 
margin:0 20px 0 0; 
background:url(../images/vertical-dotted-line.jpg) top right repeat-y;
height:270px; 
}
#main-left-col #contact-links { width:310px; background:#EAEAEA; height:120px; margin-bottom:25px; padding:20px; }
#main-left-col #contact-links ul { list-style-type:none; }
#main-left-col #contact-links ul li { display:block; float:none; font-size:12px;height:17px;font-family:Tahoma, Geneva, sans-serif; padding-left:35px; margin-bottom:8px; }
#main-left-col #contact-links ul li.email { text-decoration:underline; background:url(../images/contact-icons.jpg) 0 1px no-repeat; }
#main-left-col #contact-links ul li.phone { background:url(../images/contact-icons.jpg) 0 -16px no-repeat; }
#main-left-col #contact-links ul li.languages { background:url(../images/contact-icons.jpg) 0 -34px no-repeat; }
#main-left-col #contact-links ul li.location { background:url(../images/contact-icons.jpg) 0 -53px no-repeat; }
#main-left-col #contact-links ul li.skype { background:url(../images/contact-icons.jpg) 0 -70px no-repeat; }
#main-left-col .time { background:url(../images/time-icon.jpg) 15px 13px no-repeat; padding-left:55px; margin-bottom:25px; }

#main-right-col 
{ 
width:565px; 
float:right; 
}
#main-right-col h3 
{ 
font-size:20px; 
color:#3F3F3F; 
margin-bottom:20px; 
}
#main-right-col .left 
{ 
width:280px; 
float:left; 
margin-top:8px; 
}
#main-right-col .left p 
{
 margin-bottom:5px; 
 }
#main-right-col .left input { 
width:265px; 
border:solid 1px #949494; 
height:25px; 
font-family:Tahoma, Geneva, sans-serif; 
font-size:12px; 
background-color:#F8F8F8; 
padding-left:5px; 
padding-right:5px; 
}
#main-right-col .left .field { margin-bottom:5px; }
#main-right-col .right { float:right; margin-top:7px; }
#main-right-col .right textarea{ 
width:256px; 
border:solid 1px #949494; 
height:140px; 
font-family:Tahoma, Geneva, sans-serif; 
font-size:12px;  
background-color:#F8F8F8; 
padding:5px; 
}
#main-right-col .right p { margin-bottom:5px; }
#main-right-col .right input.submit { 
width:100px; 
height:31px; 
float:right; 
background:url(images/envoyer.png) 0 0 no-repeat;
margin-top:12px; 
cursor:pointer; 
border:none; 
}
#main-right-col .right input.contactButton { 
width:100px; 
height:31px; 
float:right; 
background:url(images/envoyer.png) 0 0 no-repeat;
margin-top:12px; 
cursor:pointer; 
border:none; 
}

#main-right-col .wpcf7-mail-sent-ok { border:none; color:#398F14; font-size:12px; float:right; }
#main-right-col .wpcf7-validation-errors { border:none; color:#FF0000; font-size:12px; float:right; }
#main-right-col .wpcf7-validation-ng { border:none; color:#FF0000; font-size:12px; float:right; }
#main-right-col .wpcf7-response-output { padding:0; margin:10px 0 0 0; }

#company-info .recent-clients h2 { margin-bottom:20px; }
#company-info .recent-clients ul li{ float:left; margin-right:30px; margin-bottom:20px; } 
#company-info .recent-clients ul li.folks { margin-bottom:30px; padding-top:10px; margin-right:0; }
#company-info .recent-clients ul li.love { margin-right:75px; padding-left:25px; }
#company-info .recent-clients ul li.mawio { margin-right:40px; padding-top:10px; }
#company-info .recent-clients ul li.which { padding-top:20px; margin-right:0;}

#company-info .recent-clients p { clear:both; }



.success-message { clear:both; text-align:center; margin-top:120px; }
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}
