/*
Theme Name: Point par Point
Theme URI: http://www.ekloweb.com/
Description: Thème graphique de Point-Par-Point inc. 2011
Author: Ekloweb
Version: 1.3
*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#032e40;
	background:#eaeaea url(images/bg-body.jpg) repeat-x top;
}
h1.frontpage {
	margin:25px 0px;
	font-size:210%;
	line-height:110%;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	text-transform:none;
}
h1 {
	margin:25px 0px;
	font-size:325%;
	line-height:110%;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	text-transform:uppercase;
}
h2.frontpage {
	font-size:210%;
	line-height:110%;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	text-transform:uppercase;
	margin-bottom:25px;
}
h2.frontpage:first-child {
	margin-top:0px;
}
h3.frontpage {
	font-size:210%;
	line-height:110%;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	text-transform:uppercase;
	margin-bottom:25px;
}
h3.frontpage:first-child {
	margin-top:0px;
}
h2 {
	font-size:210%;
	line-height:110%;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	text-transform:uppercase;
	margin-bottom:25px;
	/*margin:25px 0px;*/
}
h2.sidebar {
	font-size:165%;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	background:#066389 url(images/title-bg.jpg) repeat-x;
	padding-top:8px;
	width:314px;
	height:33px;
	float:left;
	margin:0px;
}
h3 {
	font-size:150%;
	line-height:110%;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	text-transform:uppercase;
	margin:20px 0px;
}
h4 {
	font-size:115%;
	line-height:110%;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	text-transform:uppercase;
	margin:20px 0px;
	font-weight:bold;
}
h5 {
	font-size:115%;
	line-height:110%;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	margin:20px 0px;
	text-decoration:underline;
}
h6 {
	font-size:100%;
	line-height:110%;
	text-align:left;
	margin:20px 0px;
	font-weight:bold;
}
p {
	line-height:120%;
}
strong, b {
	font-weight:bold;
}
hr {
	display:block;
	margin:30px 0px;
	border-bottom:solid 1px #FFF;
}
a {
	color:#06668e;
	text-decoration:underline;
}
a:hover,
a:active,
a:focus {
	color:#09F;
}
table, td, th {
	border:solid 1px #032e40;
	background-color:#FFF;
}
td, th {
	padding:6px;
}
th {
	font-weight:bold;
	text-align:left;
}
input[type=text],
input[type=email]{
	font-size:100%;
	padding:5px;
	border-top:solid 1px #ABADB3;
	border-left:solid 1px #ABADB3;
	border-right:solid 1px #D1D4D8;
	border-bottom:solid 1px #D1D4D8;
}
input[type=text]:active,
input[type=text]:focus,
textarea:active,
textarea:focus{
	border:solid 1px #8dc641;
	background-color:#F2F2F2;
}
.wrapper {
	width:950px;
	margin:0 auto;
}
#header {
	background-color:#032e40;
	border-top:#8dc641 solid 4px;
	padding:7px 0px 5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
#header ul#top-menu{
	float:right;
}
#header ul#top-menu li{
	display:block;
	float:left;
	padding:0px 12px;
	background:url(images/tools-separator.jpg) no-repeat left;
	min-height:20px;
}
#header ul#top-menu li:first-child{
	background:none;
}
#header ul#top-menu li a{
	vertical-align:bottom;
	margin:0px 3px;
	color:#FFF;
	text-decoration:none;
}
#header ul#top-menu li a.text{
	position:relative;
	top:3px;
}
#header ul#top-menu li a:hover,
#header ul#top-menu li a:active,
#header ul#top-menu li a:focus{
	border-bottom:solid 3px #8DC641;
}
#header ul#top-menu li.skip-link a{
	position:absolute; 
	top:33px; 
	left:-9999px;
	background-color:#032E40;
	padding:10px 15px;
}
#header ul#top-menu li.skip-link a:hover,
#header ul#top-menu li.skip-link a:active,
#header ul#top-menu li.skip-link a:focus{
	left:0px;
}
#logo{
	text-align:center;
	margin:15px 0px 25px;
}
#menu{
	text-align:center;
}
#menu ul{
	margin:-10px auto 10px;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:110%;
	
	display: -moz-inline-stack;
	display:inline-block;
}
#menu ul li{
	display:block;
	float:left;
	background:url(images/menu-separator.jpg) no-repeat left;
	padding:0px 12px;
	margin-top:20px;
}
#menu ul li:first-child{
	background:none;
}
#menu ul li.current_page_item a{
	background:url(images/bg-menu-actif.png) repeat;
}
#menu ul li a{
	color:#032e40;
	text-decoration:none;
	/*margin:5px 10px;*/
	margin:5px 0px;
	padding:5px 10px;
}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus{
	background:url(images/bg-menu-actif.png) repeat;
}
#banner {
	margin-top:20px;
	width:930px;
	height:236px;
	background-color:#FFF;
	padding:10px;
}
#banner #img-banner{
	width:928px;
	height:234px;
	background:url(images/banner.jpg) no-repeat;
	border:solid 1px #97bbcb;
}
#content{
	margin:35px 0px 50px;
}
#content #left-content{
	width:600px;
	float:left;
}
#content #left-content p,
#content #left-content ul,
#content #left-content ol{
	margin:15px 0px;
}
#content #left-content ul{
	list-style:disc;
	padding-left:15px;
	line-height:120%;
	margin-left:25px;
}
#content #left-content div.small-banner{
	background-color:#FFF;
	width:588px;
	height:144px;
	padding:10px;
	margin-bottom:20px;
}
#content #left-content div.small-banner-img{
	background-color:#CCC;
	width:590px;
	height:144px;
}
#content #left-content a.more-link{
	white-space:nowrap;
}
#content #left-content a.view-all{
	float:left;
	background:url(images/icon-arrow.png) left no-repeat;
	padding-left:12px;
}
#content #left-content p.news-date{
	color:#FFF;
	background-color:#066389;
	display:block;
	padding:2px;
	margin-top:-15px;
}


div.wpcf7 form input,
div.wpcf7 form textarea {
	width:97%;
}
div.wpcf7 form textarea {
	padding:5px;
}
#content #right-sidebar{
	float:right;
	width:326px;
}
#content #right-sidebar div.side-box div.box-top{
	border:solid 1px #c4c5c8;
	border-bottom:none;
	height:25px;
	width:313px;
	margin-left:6px;
	background-color:#FFF;
}
#content #right-sidebar div.side-box div.box-inner{
	border:solid 1px #c4c5c8;
	border-bottom:none;
	background:#FFF;
	padding:15px;
	width:282px;
	margin-top:30px;
	margin-left:6px;
	clear:both;
	position:relative;
	top:-4px;
}
#content #right-sidebar div.side-box div.box-bottom{
	background:#FFF url(images/bg-box-bottom.jpg) bottom no-repeat;
	width:314px;
	height:22px;
	margin-left:6px;
	position:relative;
	top:-4px;
}
#content #right-sidebar div.side-box div.box-inner p{
	
}
#content #right-sidebar div.side-box div.box-inner ul li{
	background:url(images/icon-arrow.png) left no-repeat;
	padding-left:12px;
}
#content #right-sidebar div.side-box div.box-inner ul li a{
	display:block;
	padding:10px 0px;
	background:url(images/list-separator.png) bottom center no-repeat;
	text-decoration:none;
	color:#032e40;
}
#content #right-sidebar div.side-box div.box-inner ul li.current_page_item a{
	/*background-color:#8DC641;*/
	/*background:url(images/list-separator.png) bottom center repeat-y;*/
	background:none;
	border:solid 1px #8DC641;
	border-left:none;
	padding-left:30px;
}
#content #right-sidebar div.side-box div.box-inner ul li a:hover,
#content #right-sidebar div.side-box div.box-inner ul li a:active,
#content #right-sidebar div.side-box div.box-inner ul li a:focus{
	text-decoration:underline;
}
#content #right-sidebar div.side-box div.box-inner form{
	margin-top:15px;
}
#content #right-sidebar div.side-box div.box-inner form input[type=text]{
	width:270px;
}
#content #right-sidebar div.side-box div.box-inner form input[type=submit]{
	margin:15px auto 0px;
	padding:5px 15px 5px 30px;
	background:#f9f9f9 url(images/icon-check.png) 10px 6px no-repeat;
	border:solid 1px #c4c5c8;
	cursor:pointer;
	width:7em!important;
	font-size:100%!important;
}
#content #right-sidebar div.side-box div.box-inner form input[type=submit]:hover,
#content #right-sidebar div.side-box div.box-inner form input[type=submit]:active,
#content #right-sidebar div.side-box div.box-inner form input[type=submit]:focus{
	background:#EEE url(images/icon-check.png) 10px 6px no-repeat;
	border:solid 1px #8DC641;
}
input.wpcf7-submit, input.gform_button {
	margin:15px auto 0px;
	padding:5px 15px 5px 30px;
	background:#f9f9f9 url(images/icon-send.png) 10px 6px no-repeat;
	border:solid 1px #c4c5c8;
	cursor:pointer;
	width:8em!important;
	font-size:100%!important;
}
input.wpcf7-submit:hover, input.gform_button:hover,
input.wpcf7-submit:active, input.gform_button:active,
input.wpcf7-submit:focus, input.gform_button:focus{
	background:#EEE url(images/icon-send.png) 10px 6px no-repeat;
	border:solid 1px #8DC641;
}
#content #right-sidebar div.left-sidebar-title {
	width:6px;
	height:45px;
	background:url(images/title-left-side.png) no-repeat top left;
	float:left;
}
#content #right-sidebar div.right-sidebar-title {
	width:6px;
	height:45px;
	background:url(images/title-right-side.png) no-repeat top left;
	float:right;
}
#content #right-sidebar div.img-contact {
	width:293px;
	height:161px;
}

#widget {
	background:#06668e url(images/bg-widget.jpg) bottom repeat-x;
	color:#FFF;
	padding-bottom:25px;
}
#widget li.widget-box4{
	display:block;
	width:215px;
	margin-left:30px;
	float:left;
}
#widget li.widget-box5{
	display:block;
	width:166px;
	margin-left:30px;
	float:left;
}
#widget li.widget-box4:first-child,
#widget li.widget-box5:first-child{
	margin-left:0px;
}
#widget h2{
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:210%;
	padding:20px 0px 7px;
	margin-bottom:5px;
}
#widget h3{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:120%;
	padding:15px 0px 25px 68px;
	margin:0px;
	min-height:36px;
}
#widget a h3{
	color:#FFF;
}
#widget a h3:hover,
#widget a h3:active,
#widget a h3:focus{
	text-decoration:underline;
}
#widget p{
	border-top:1px solid #FFF;
	padding-top:10px;
	font-size:90%;
}
.product-box {
	margin-bottom:40px;
}
.product-box .left-image {
	float:left;
	background-color:#FFF;
	width:293px;
	height:293px;
	padding:10px;
	display:table;	
}
.product-box .left-image .product-img{
	width:293px;
	height:293px;	
	border:solid 1px #CCC;	
	display:table-cell;
	vertical-align:middle;
}
.product-box .left-image img{
	vertical-align:middle;
	width:293px;
}
.product-box .right-content h3{
	margin-top:0px;	
}
.product-box .right-content table{
	margin-top:25px;	
}
.product-box .right-content table th{
	width:220px;	
	vertical-align:middle;
}
.right-content {
	width:600px;
	float:right;
}
#footer {
	color:#032e40;
	font-size:80%;
	background-color:#8dc641;
	padding:15px 0px;
}
#footer p{
	width:700px;
	float:left;
}

ul.sitemap ul {
	margin:0px 1em;
}
ul.sitemap li {
	font-size:130%;
	margin:1em 0px;
}
div.summary_list {
	background-color:#EEE;
	padding:15px;
	border:solid 15px #FFF;
	margin-bottom:25px;
}
div.summary_list ul li{
	margin:1em;
	background:url(images/icon-arrow.png) left no-repeat;
	padding-left:12px;
}



/* USEFUL ------------------------ */
.clear {clear:both;}
.spacer {height:2px; background:url(images/separator-pattern.jpg) repeat-x top left;}
#content .spacer {margin-bottom:20px;}
#content .news .spacer {margin-top:40px;}
.out-of-screen{position:absolute; left:-9999px;}
.block {display:block;}
.center {text-align:center;}
.right {float:right;}
.margin-top {margin-top:15px;}
.img-block {background-color:#FFF; padding:15px 16px; margin-bottom:20px;}
/* ------------------------------- */





/*#banner #img-banner{
	width:928px;
	height:234px;
	background:url(images/banner.jpg) no-repeat;
	border:solid 1px #97bbcb;
}*/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:234px;	width:928px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(images/paging_bg3.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding:5px;
	text-decoration:none;
	color:#FFF;
}
.paging a.active {
	font-weight: bold;
	background:#FFF;
	color:#032e40!important;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover,
.paging a:active,
.paging a:focus{
	font-weight: bold;
	color:#FFF;
}