/*   
Theme Name: Precicad - Thematic child theme
Theme URI: 
Description: Precicad website.
Author: Francois Parenteau
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
Thematic is © Ian Stewart http://themeshaper.com/

/* Apply default theme styles and colors */

/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

@charset "utf-8";

/* CSS Document */

/* =Global Elements
-------------------------------------------------------------- */

* {padding:0; margin:0; border:none;}

html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset {padding:0; margin:0; border:none;}

body {
	background-color: #a4998c;
	color: #646470;
	font-family: Cambria, Georgia, Times, Times New Roman, serif;
	font-size: 1em;
	height: 100%;
	margin: 0 auto;}

#container {
	position: relative;
	margin: 0 auto;
	width: 980px;}

#wrapper {
	margin: 0 auto;
	width: 980px;}

pre, code {
	font:14px Monaco, monospace;
	line-height:22px;}

blockquote {
    color: #666;
    font-style: italic;}

table {
    border: 1px solid #ccc;
    border-width: 1px 1px 0 1px;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 22px 0;
    text-align: left;}

caption {
    text-align: left;}

tr {
    border-bottom: 1px solid #ccc;}

th, td {
    padding: .7em 1.25em;}

hr {
    background-color: #ccc;
    border: 0;
    color: #ccc;
    height: 1px;
    margin-bottom: 22px;}

a:link {
    color: #004B91;}

a:visited {
    color: #743399;}

a:active,

a:hover {
    color: #FF4B33;}

/* Typographie 
-------------------------------------------------------------- */

p {
	color: #4c4b4a;
	font-size: 0.9em;
	line-height: 1.35em;
	margin-bottom: 27px;
	text-align: justify;}

#statement_fr p, #statement_en p{ 	
	color: #FFF;
	font-size: 0.9em;
	line-height: 1.35em;
    margin-bottom: 18px;
	text-align: justify;}

.post_content p{
	margin-bottom: 27px;}

p#address{
	color: #888888;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	letter-spacing: -1px;
	margin-top: 14px;} 

a, a:hover{
	text-decoration: none;}

h1#blog-description {
	color: #b0b0b0; 
	display: inline; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	margin-left: 58px;}

h1.entry-title {
	background: url(images/h2_bg.jpg) repeat-x; 
	clear: both; 
	color: #888888; 
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 30px; 
	font-style: italic; 
	height: 74px; 
	margin-left: -40px;
	padding: 15px 0 0 40px;
	width: 620px;}

#blog-title {
	background:url(images/precicad_logo.jpg) no-repeat;
	float: left;
	height: 58px;
	margin-top: 16px;
	margin-left: 25px;
	padding: 0;
	width: 558px;}

a.blog-title {
	background:url(images/logospace.png) no-repeat;
	display: block;
	height: 35px;
	margin-bottom: -12px;
	text-indent: -9999px;
	width: 290px;	}

h2, .PageWrap h2 {
	background: url(images/h2_bg.jpg) repeat-x;
	clear: both;
	color: #888888;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-style: italic;
	height: 80px;
	padding: 15px 0 0 40px;
	width: 940px;}

.PageWrap h2 {
	margin-left: -40px;
	width: 620px;}

h2{
	width: 940px;}

h2 span#services, h2 span#apropos, h2 span#idaho {
	color: #888888;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	margin-left: 20px;
	position: relative;
	width: 100%;}

h2 span#idaho {
	margin-left: 40px;}

h3, .entry-content h3 a, .post h3 a, .Sidebar h3 a,  h3 a:visited{
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	letter-spacing: -1px;
	margin-bottom: 27px;
	margin-top: 12px;
	text-align: right;}

h3 a:hover{
	color: #3d3d3d;}

.Sidebar h3, .PageWrap h3{
	text-align: left;}

.post h4 a{
	color:#9eac11;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;}

.PageWrap h4{
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 27px;}

span.strong{
	font-weight: bold;}

/* Header 
-------------------------------------------------------------- */

#header {
	background-image:url(images/header.png);
	height: 143px;
	margin: 20px auto 0;
	width: 980px;}

#HeaderSoumission {
	background-image:url(images/soumission_temp.gif);
	float: right;
	height: 99px;
	margin-top: -10px;
	margin-right: 12px;
	width: 97px;
	z-index: 10;}

#searchform {
	display: inline;
	margin: -27px 0 0 700px; 
	padding: 0;
	width:159px; 
	height: auto;
	background:url(images/searchform-back.jpg) no-repeat center left;
	float:left;	}

#searchform #search {
	margin:0; 
	padding:3px 6px 3px 25px;
	width:93px; 
	height: 14px;
	border:0;
	background:none;
	float:left;
	font-size:0.8em; 
	color:#aea592;
	z-index: 10;
	line-height: 14px;
}
	
#searchform #searchsubmit {
	background: url(images/search.jpg) no-repeat;
        border: none;
	float:right;
	height:20px;
	margin:0;
	text-indent: -9999px;
	width: 35px;}

/* Content 
-------------------------------------------------------------- */

#content { 	
	background-color: #FFF;
	width: 980px; 
	z-index: 0;}

#pagecontent { 	
	background: url(images/sidebar_bg.jpg) repeat-y right;
	background-color: #FFF;
	height: 100%;
	width: 980px;}

.breadcrumbs {
	margin-left: 40px; 
	font-size: 13px; 
	padding-top: 6px;}

.breadcrumbs a {
	color: #333;}

.breadcrumbs a:visited {
	color: #333;}

.breadcrumbs a:hover {
	color: #9eac11;}

.PageWrap {
	padding: 0 40px;
	float: left;
	height: 100%;
	width: 580px;}

.PageWrap img.iso{
	float: left;
	height: 150px;
	margin: 0 20px 45px 0;
	width: 150px;}

.PageWrap img.services{
	background: url(images/services_top_bg.jpg) no-repeat;
	float: left;
	height: 175px;
	margin-bottom: 40px;
	margin-left: -2px;
	padding: 12px 14px 14px 12px;
	weight: 560px;}

.PageWrap img.idaho{
	float: left;
	margin: -15px 40px 0 -2px;}
	
.PageWrap img.news{
	float: left;
	margin: 0 20px 10px 0;}

#map{ 
	background:url(images/map_bg.jpg) no-repeat;
	height: 526px;
	margin: 0 0 0 -5px;
	padding: 12px 14px 14px 12px;
	weight: 586px;}

.PageWrap ol {
	margin: 20px 0 10px 30px;
	padding: 0px 0px 5px 0px;}

.PageWrap ol li {
	font-size: 0.8em;
	line-height: 1.6em;
	list-style-type: decimal;
	text-align: justify;
	margin-left: 10px;
	padding: 0px 0px 10px 20px;}

.PageWrap ul {
	margin: 20px 0 10px 30px;
	padding: 0px 0px 5px 0px;}

.PageWrap ul li {
	list-style: disc outside;
	margin-left: 10px;
	padding: 0px 0px 10px 20px;
	text-align: justify;}

.TopBorderPageWrap {
	background: url(images/topborder.png) repeat-x;
	float: right;
	height: 48px;
	margin: 0 -40px 18px 0;
	width: 620px;}
* html .TopBorderPageWrap {
	margin: 0px 0px 9px;}

#top_border { 	
	background: url(images/page_top_border.jpg) repeat-x;
	height: 36px;
	width: 980px; }

.page_top_border { 	
	background: url(images/page_top_border.jpg) repeat-x;
	height: 36px;
	margin: 0;
	width: 660px;}

#Content_foot {
	background:url(images/content_foot.png) no-repeat left top;
	clear: both;
	height: 23px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;}

.clearfix {
	clear: both;}

#statement_fr { 	
	background: url(images/statement_fr.jpg) no-repeat;
	height: 120px;
	margin: -33px 0 3px 3px;
	padding: 18px 37px 18px 503px;
	width: 434px;}

#statement_en { 	
	background: url(images/statement_en.jpg) no-repeat;
	height: 120px;
	margin: -33px 0 3px 3px;
	padding: 18px 37px 18px 503px;
	width: 434px;}

#statement_fr ul, #statement_en ul{
	list-style-type: none;
	margin: 3px 0 0 24px;}

#statement_fr ul li, #statement_en ul li {
	color: #FFF;
	text-align: left;
	list-style: url(images/statement_check.png);
	font-size: 1em;}

.services_colonne {
	display: inline;
	float: left;
	margin-left: 40px;
	margin-bottom: 18px;
	width: 275px;
	word-wrap: normal;
	}
	
.services_colonne p{
	text-align: left;
	}
	
		

.services_colonne img {
	background: url(images/accueil_thumb.png) no-repeat;
	float: left;
	height: 118px;
	margin: 6px 10px 0 0;
	padding: 1px 4px 4px 1px;
	width: 130px;}

.pika_subdiv{ 
	background:url(images/portfolio_main_bg.jpg) no-repeat;
	height: 372px;
	margin-bottom: 10px;
	margin-left: -2px;
	padding: 12px 14px 14px 12px;
	weight: 586px;}

#accueil_nouvelles {
	display: inline;
	float: left;
	margin-left: 40px;
	margin-bottom: 18px;
	width: 590px;}

.post_content {
	border-bottom: solid 1px #888888;
	margin-bottom: 27px;}

.postmetadata{
	color: #888888;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	margin-bottom: 18px;}

.PageWrap .metadata{
	color: #888888;
    float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: -36px;
	padding-bottom: 0;}

.metadata{
	display: inline;}

.sharethis{
	float: left;
	margin-bottom: 18px;}

span.moretext{
	background-color: #FFF;
	color:#9eac11;
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 1.1em;
	margin-top: -14px;
	padding-left: 5px;}

.TopBorderShort, .TopBorderDesign, .TopBorderSimulation, .TopBorderDessin {
	background: url(images/topborder.png) repeat-x;
	float: right;
	height: 48px;
	margin-bottom: 9px;
	width: 200px;}
	
.TopBorderLong {
	background: url(images/topborder.png) repeat-x;
	float: right;
	height: 48px;
	margin-bottom: 9px;
	width: 515px;}

DIV.TopBorderShort:hover {
	background:url(images/topborder_grey.png) repeat-x;}

DIV.TopBorderLong:hover {
	background:url(images/topborder_grey.png) repeat-x;}

DIV.TopBorderDesign:hover {
	background:url(images/topborder_blue.png) repeat-x;}

DIV.TopBorderSimulation:hover {
	background:url(images/topborder_red.png) repeat-x;}

DIV.TopBorderDessin:hover {
	background:url(images/topborder_green.png) repeat-x;}

A.moreinfo {
	background: #aab721;
	color: #4d4f2a !important; 
	float: right; 
	height: 23px; 
	margin-bottom: 18px; 
	padding: 3px 1em 0px 1em ; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); 
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);}

A.moreinfo:hover {
	BACKGROUND: #97a410; 
	COLOR: #333333; 
	TEXT-DECORATION: none;}

A.moreinfo:active {
	POSITION: relative; 
	TOP: 1px;}

#icon_design, #icon_simulation, #icon_dessin, #icon_idaho, #icon_nouvelles, #icon_nav, #icon_contact {
	background: url(images/icon_design.jpg) top left no-repeat; 
	float: left;
	height: 49px; 
	margin-bottom: 8px;
	margin-right: 20px;
	width: 49px; }

#icon_design {
	background: url(images/icon_design.jpg) top left no-repeat; }

#icon_simulation {
	background: url(images/icon_simulation.jpg) top left no-repeat; }

#icon_dessin {
	background: url(images/icon_dessin.jpg) top left no-repeat; }

#icon_idaho {
	background: url(images/icon_idaho_02.jpg) top left no-repeat; }

#icon_nouvelles {
	background: url(images/icon_nouvelles.jpg) top left no-repeat; }

#icon_nav {
	background: url(images/icon_nav.jpg) top left no-repeat; }

#icon_contact {
	background: url(images/icon_contact.jpg) top left no-repeat; }


/* Sidebar */

.Sidebar{ 	
	float: right;
	height: 100%;
	padding: 0 40px 40px 40px;
	width: 240px;}

* html .Sidebar{ 	
	padding: 0;}

.Sidebar img{
	background: url(images/sidebar_img_bg.jpg) no-repeat;
	height: 130px;
	margin: 0 0 27px 0;
	padding: 8px 10px 10px 8px;
	width: 231px;}
	
.Sidebar img:hover{
	background: url(images/sidebar_img_bg_hover.jpg) no-repeat;}

.TopBorderSidebar {
	background: url(images/topborder.png) repeat-x;
	float: right;
	height: 48px;
	margin: 0 -40px 9px 0;
	width: 280px;}

* html .TopBorderSidebar {
	margin: 0 -40px 9px 0;
	width: 320px;}

#chadebox{
	height: 300px;
	margin-top: 36px;
	width: 242px; }

a.chade-dessin, a.idaho-dessin {
	float: left;
	height: 179px;
	margin: 0;
	text-indent: -9999px;
	width: 121px; }

a.chade-dessin {
	background: url(images/chade_dessin_off.jpg) no-repeat; }
a.chade-dessin:hover {
	background: url(images/chade_dessin_on.jpg) no-repeat; }
	
a.idaho-dessin {
	background: url(images/idaho_dessin_off.jpg) no-repeat; }
a.idaho-dessin:hover {
	background: url(images/idaho_dessin_on.jpg) no-repeat; }

a.chade-design, a.idaho-design {
	float: right;
	height: 179px;
	margin: 0;
	text-indent: -9999px;
	width: 121px; }

a.chade-design {
	background: url(images/chade_design_off.jpg) no-repeat; }
a.chade-design:hover {
	background: url(images/chade_design_on.jpg) no-repeat; }
	
a.idaho-design {
	background: url(images/idaho_design_off.jpg) no-repeat; }
a.idaho-design:hover {
	background: url(images/idaho_design_on.jpg) no-repeat; }

a.chade-simulation, a.idaho-simulation {
	float: right;
	height: 81px;
	margin-top: -17px;
	text-indent: -9999px;
	width: 242px;}

a.chade-simulation {
	background: url(images/chade_simulation_off.png) no-repeat; }
a.chade-simulation:hover {
	background: url(images/chade_simulation_on.png) no-repeat;}

a.idaho-simulation {
	background: url(images/idaho_simulation_off.png) no-repeat; }
a.idaho-simulation:hover {
	background: url(images/idaho_simulation_on.png) no-repeat;}
	
ul.chade{
	list-style-type: none;
	margin: 36px 0 0 0;}

ul.chade li {
	background: url(images/list-arrow.jpg) left no-repeat;
	color: #888888;
	height: 26px;
	text-align: left;
	margin-bottom: 18px;
	padding: 4px 0 0 36px;
	font-size: 1em;}















DIV.TopBorderSidebar:hover {



	background:url(images/topborder_grey.png) repeat-x;



}







/* Footer */

#footer { 	
	background-color: #FFF;
	width: 980px; 
	margin: 0 auto;}

.navigation_colonne {
	display: inline;
	float: left;
	margin-bottom: 18px;
	padding-left: 40px;
	width: 275px;}

#footer_contact {
	display: inline;
	float: left;
	margin-left: 40px;
	margin-bottom: 18px;
	width: 590px; 
}

#footer ul{
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	margin-bottom: 1em;
}

#footer ul a{
	color: #555555;}

#footer ul li {
	float: left;
	text-align: left;
	list-style: none;
	border-bottom: 1px dotted #ffffff;
	font-size: 1em;
	width: 200px;}

#footer .list UL {
	display: none}

.wpcf7 P {
	margin-bottom: 13px;}

.your-message TEXTAREA {
    border: none;
	height: 152px;
    margin: 9px 10px 9px 0px; 
	width: 228px; 
	font-family: Verdana, Geneva, sans-serif; 
	background: url(images/input_message_bg.jpg); 
	float: left; 
	HEIGHT: 152px; 
	COLOR: #7e7e7e; 
	font-size: 11px;
	padding: 6px 5px 4px 5px;}

.your-name INPUT, .your-company INPUT, .your-email INPUT, .your-phone INPUT {
	background: url(images/input_bg.jpg);
	border: none; 
	color: #7e7e7e; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 11px; 
	height: 14px; 
	line-height: 14px;
	margin: 0px 10px 0px 0px;  
	padding: 5px 5px 3px 5px;
	width: 217px; }

.button INPUT {
	border: none;
	MARGIN: -1px 10px 0px 0px; 
	WIDTH: 227px; 
	FONT-FAMILY: Verdana, Geneva, sans-serif; 
	BACKGROUND: url(images/input_bg.jpg); 
	HEIGHT: 22px; COLOR: #7e7e7e; 
	FONT-SIZE: 11px}

.input-box {
	border: none;
	TEXT-ALIGN: left; 
	WIDTH: 340px; 
	FLOAT: right; 
	PADDING-TOP: 28px;}

.message-box {
	border: none;
	float: left;
	width: 228px;}

/* Gallery */

/* These hieghts and widths should be edited to your images */	

ul#pikame{
	padding-left:0;
	width:586px;
	margin:0 auto;}

.pika_main{
	width:586px;
	margin:0 auto;}

.PageWrap #pikame li{
	background:url(images/portfolio_thumb_bg.jpg) no-repeat;
	color: #FFF;
	float: left;
	height: 74px;
	margin: 0 0 10px 4px;
	padding: 5px 7px 7px 5px;
	position:relative;
	overflow:hidden;
	width: 112px;}

#pikame li a:visited{
	color: #FFF;}

#pikame li a{
	color: #FFF}

#pikame li:hover{
	background:url(images/portfolio_thumb_hover.jpg) no-repeat;}

/* thats all you NEED to edit. But continue if you'd like. */

ul#pikame li img{position:relative;cursor:pointer; margin:0;}
.pika_main img{}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:40px;margin-top: 18px;text-align:center;}
.pika_navigation a{font-size: 1em;color:#888888;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{margin-bottom: 18px;padding-top:10px;clear:both;text-align:center;}
.pika_subdiv{ 
	background:url(images/portfolio_main_bg.jpg) no-repeat;
	height: 372px;
	margin-bottom: 10px;
	margin-left: -2px;
	padding: 12px 14px 14px 12px;
	weight: 586px;}
.pika_navigation a{margin: 0 10px;}