/*
Theme name: CTE
Theme url: http://www.marc-olivier.ca/
Description: Thème pour le Centre des technologies de l'eau basé sur le thème "GOLD", développé par Nando Pappalardo & Sara Presenti (version 1.0.1).
Version: 1.0.0
Author: Marc-Olivier Ouellet
Author url: http://www.marc-olivier.ca/
Tags: two columns, fixed width, simple, seo, microformats, widgets, options page, hooks, filters, valid XHTML, valid CSS
*/

/***********************************************************************
******************* reset.css ******************************************
************************************************************************/
html { background-color: #003056; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0; }
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img {border:none;}
.clearer {height:0px;overflow:hidden;margin:0px;clear:both;}
.center {text-align:center;}

/***********************************************************************
******************* typography *****************************************
************************************************************************/
/* Title */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#0c0600;font-family:georgia,"Trebuchet MS",Arial,Helvetica,sans-serif;}
h1 {font-size:180%;line-height:1;font-weight:normal;margin-bottom:0.5em;}
    h1 a:link, h1 a:visited {color:#0c0600;text-decoration:none;}
    h1 a:active, h1 a:hover {color:#484330;text-decoration:none;}
h1.titlePage {font-size:190%;line-height:1.3em;font-weight:normal;margin-bottom:0.5em;border-bottom: #c8c7c7 1px solid; padding-top: 10px;}

h2 {font-size:150%;color:#28221c;margin:0.50em 0;}
h2.titlePost {font-size:230%;line-height:1.2;margin-bottom:0.05em;margin-top:1em;color:#4c4435;}
    h2.titlePost a:link, h2.titlePost a:visited {color:#4c4435;text-decoration:none;}
    h2.titlePost a:active, h2.titlePost a:hover {color:#8d5912;text-decoration:none;}
h2.footer {font-size:100%;line-height:1;margin-bottom:0em 0;color:#999999;font-style:bold;font-family:Arial, Helvetica, sans-serif}
h2.pagetitle { border-bottom: #c8c7c7 1px solid; }
h3 {font-size:120%;line-height:1.25;margin-bottom:1.25em;}
h4 {font-size:110%;line-height:1.25;margin-bottom:1em;}
h5 {font-size:100%;margin-bottom:1.0em;}
h6 {font-size:100%;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h3.archive { font-size:120%; margin:0 0 0px 0; }
div.postmetadata { border-top: #c8c7c7 1px solid; margin: 10px 0 20px 0; font-size: 80%; }

h2.cat-31 { font-size:100%; font-weight: bold; margin-bottom:0.5em;}
h3.cat-31 { font-size:100%;margin-bottom:0.5em; }
div.cat-31 { font-size:80%;margin-bottom:0.5em; }
div.cat-31-intro { font-size:90%;margin-bottom:0.5em; font-weight: bold; font-style: italic; border-bottom: 1px solid #999999; margin-bottom:2em; }

.panel-overlay h2 { font-size:110%;color: #CCCCCC; line-height:1.25;margin-bottom:0.25em; }
.panel-overlay p {font-size:80%; color: #999999 }

.sociable { border-top: 1px solid #CCCCCC; padding-top: 5px; }
.sociable_tagline { padding: 5px 0 5px 0; color: #666666; font-size: 70% }

/* Paragraph */
p {padding:4px 0 14px 0;line-height:22px;font-family:georgia,"Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif;}
p img.left {float:left;margin:0.5em 0.5em 0.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
.nocomments { visibility: hidden; }

.alignright { float: right; }
.alignleft { float: left }

/*text element*/
ul {margin: 0 0 18px 2.5em;}
ol {margin: 0 0 18px 2.5em;}
ul {list-style:disc;}
ol {list-style-type: decimal;}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom:0;}
dl	{margin:0 1.5em;}
dt {font-weight:bold;}
dd {margin-bottom:18px;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;margin:0;padding:0;}
blockquote {margin: 0 3em;border-left:3px solid #cec9b5;padding:0 1em;font-style:italic;color:#666;}
blockquote em, blockquote i, blockquote cite {font-style:normal;}
pre {font:11px Monaco, monospace;line-height:18px;margin-bottom:18px;}
code {font:11px Monaco, monospace;}
abbr, acronym {border-bottom:1px dotted #333;cursor: help;}
ins {text-decoration:none;}
sup,sub {height: 0;line-height: 1;vertical-align: baseline;_vertical-align: bottom;position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}

/*table*/
table {line-height:18px;margin:0 0 22px 0;width:100%;border:1px solid #ccc;border-width:1px 1px 0 1px;}
th {font-weight:bold;background:#eee7cb;border-right:1px solid #ccc;}
th, td {/*padding:0.25em 0.8em;*/padding: 8px 10px 8px 5px;border-bottom:1px solid #ccc;}
tr {border:1px solid #ccc;}
tfoot {font-style:italic;}

/*message*/
.info, .success, .error, .warning {border:1px solid;margin:0px 0px 0px;padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px center;}
.info {color:#00529B;background-color:#BDE5F8;background-image:url('images/icons/info.png');}
.success {color:#4F8A10;background-color:#DFF2BF;background-image:url('images/icons/success.png');}
.error {color:#D8000C;background-color:#FFBABA;background-image:url('images/icons/error.png');}
.warning {color:#9F6000;background-color:#FEEFB3;background-image:url('images/icons/warning.png');}

/* forms.css */
form {font-size:90%;}
label {vertical-align:middle;font-weight:bold;float:left;width:120px;display:block;clear:left;margin:0;text-align:left;font-size:1em;line-height:1.75;}
fieldset {padding:1.4em 1.4em 0 1.4em;margin:0;}
legend {font-weight:bold;font-size:1.2em;}
input.text2, input.title, select,textarea {margin:0.5em 0;border-bottom:1px dashed #4c4435;border-width:0 0 1px 0;background-color:#f9f4e1;font-family:"Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif;}
input.text2:focus,input.title:focus,select:focus,.errorForm:focus,textarea:focus {border-bottom:1px dashed #4c4435;border-width:0 0 1px 0;background-color:#cdc6aa;}
input.text2, input.title, .errorForm {width:300px;padding:5px;font-size:1.1em;}
input.title {font-size:1.5em;}
textarea {width:300px;height:120px;padding:5px;font-size:1.1em;}
.button {width:50px;font-size:1.0em;margin:0.5em 0;color:#fbfaf5;background-color:#7cb6dc;padding:2px;font-size:1.1em;border:1px solid #7cb6dc;}
.buttonContactForm {width:80px;font-size:1.0em;margin:2em 0;color:#fbfaf5;background-color:#7cb6dc;padding:5px;font-size:1.1em;border:none;}
.errorForm {background:#fddada;margin:0.5em 0;border-bottom:1px dashed #992A2A;border-top:0;border-left:0;border-right:0;}
.buttonForm {padding:0;margin:0;}
/*search form*/
input.text, input.title, select {margin:0.5em 0;border:1px solid #7cb6dc;background-color:#7cb6dc;font-family:"Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif;}
input.text:focus, input.title:focus, select:focus {border:1px solid #000066;background-color:#7cb6dc;}
input.text, input.title {width:150px;padding:2px;font-size:1.1em;}

/*align pagination*//*
.alignleft {float:left;margin:2em 1em 1em 0;display:inline;}
.alignright {float:right; margin:2em 0 1em 1em;width:150px;}*/
#paginator table,#paginator tbody,#paginator tr,#paginator td {border:none;}

/*Styling Images*/
.entry img, #advertising img { margin:0 0 0px 0;}
img.alignright {float:right; margin:0 0 1em 1em;display:inline;}
img.alignleft {float:left;margin:0 1em 1em 0;display:inline;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* General Link */
a { color:#02477d; text-decoration:none;}
a:link, a:visited { color: #00223f; text-decoration: none; }
a:active, a:hover { color: #176094; text-decoration: underline; }


body {font-size:15px;color:#323232;font-family:georgia,serif;background:#f7f7f7;background-image:url('images/bg/header.gif');background-repeat:repeat-x;background-position:top center;}
body.home {background-image:url('images/bg/header_home.gif');}

.page {width:960px;margin:0px auto 0px auto;padding:20px 0 0 0;}

/*entête*/
#entete {position:relative; width:1145px;height:101px;margin: 0 0px 0 -100px ; background: transparent url('images/bg/bg_header_eau.jpg') no-repeat left top;}

/*header*/
#header {width:960px;height:37px;padding:5px 0 0 20px;}
#header_home {width:960px;height:252px;padding:20px 0 0 10px;}
#breadcrumbs { float: left; color:#CCCCCC; margin-top: 5px; width: 600px; overflow: hidden; height: 25px; }
#breadcrumbs a { color:#CCCCCC; text-decoration:none;}
#breadcrumbs a:link, #breadcrumbs a:visited { color: #CCCCCC; text-decoration: none; }
#breadcrumbs a:active, #breadcrumbs a:hover { color: #85adc7; text-decoration: underline; }

#search_bar { float: right; margin-top: -3px; margin-right: 20px; }

#photos { z-index: 100;}

/*title page on the header*/
#titlePage {width:300px;height:205px;padding:15px 20px 0 0;float:right;color:#FFFFFF;font-size:100%;}
#titlePage p {line-height:25px; font-size:100%}
#titlePage sup {font-size:60%;}
.orange {color:#e38b1d;}
#titlePage h2 {color:#75cd54; font-size:130%; font-weight: bold}
.big {color:#e38b1d;font-size:180%;}
/*end title page on the header*/

/*logo*/
#logo { float: left; width:340px;padding:0px 0 0 0;}
#logo h1 {font-size:230%;line-height:1;font-weight:normal;margin:0;}
/*end logo*/

/*image header position*/
#imgHeaderOne {margin:25px 0  0 100px;}
#imgHeaderPortfolio {margin:12px 0  0 100px;}
#imgHeaderNews {margin:10px 0  0 100px;}
#imgHeaderContact {margin:45px 0  0 120px;}
/*end image header position*/

/*shortcut toolbar*/
#shortcuts {
	height: 5px;
}
ul#nav_sc {
	float:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:25px;
	height: 25px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0 0 0px 0em;
}
ul#nav_sc li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 7px;
	white-space:nowrap;
}
ul#nav_sc li a {
	color: #FFFFFF;
}
/*lang bar*/
ul#nav_lang {
	float:right;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:25px;
	height: 25px;	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0 0 0px 0em;	
}
ul#nav_lang li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 7px;
	white-space:nowrap;
}
ul#nav_lang li a {
	color: #FFFFFF;
}
ul#nav_sc li a:hover, ul#nav_sc li a:active, ul#nav_sc li.active a, ul#nav_lang li a:hover, ul#nav_lang li a:active, ul#nav_lang li.active a {
	background:transparent url(images/bg/arrow_down.gif) no-repeat scroll center top;
	color:#50A227;
	padding-top: 3px;
	text-decoration: none;
}
/*end shortcut toolbar*/
/*end lang bar*/


/*content */
#contentwrapper {
	background: transparent url(images/bg/bg_sidebar.jpg) repeat-y scroll right center;
	float:left;
	width:945px;
	padding-bottom: 30px;
}

#content {
	width:575px;
	margin:0;
	float:left;
	padding:20px 20px 0 20px;
}

#new_sidebar {
	float:right;
	margin:32px 0 0;
	min-height:624px;
	width:270px;

}
#sidebar {
	width:270px;
	padding:0 10px 0 20px;
	margin-left:630px; 
	margin-bottom: -30px; 
	padding: 20px 0 50px 20px; 
	height:auto !important;
}

.fil_RSS { display: block; float: right; width: 26px; height: 26px; background:transparent url(images/icons/rss.png) no-repeat scroll center top; margin-top: 5px; }


/*entry post*/
.pre_entry { padding-bottom: 5px; font-size: 90%; border-bottom: 1px dotted #CCCCCC }
.entry { padding-top: 10px; }
.rss_entry { margin-top: 15px; padding-top: 5px; font-size: 90%; border-top: 1px dotted #CCCCCC }
.rss_source, .rss_link { padding: 0px; font-size: 90%;  }
.datePost {font-size:100%;margin-bottom:1em;color:#8f7f66;}
a.external {
background:transparent url(images/icons/external.png) no-repeat scroll right center;
padding:0 13px 0 0;
text-decoration:underline;
}
.entry a:link,.entry a:visited {color: #3ba418;text-decoration:none;}
.entry a:active,.entry a:hover {color:#00223f;text-decoration:underline;}
.commentsMetaData {float:right;clear:left;}
    .commentsMetaData a:link,.commentsMetaData a:visited {text-decoration:none;}
    .commentsMetaData a:active,.commentsMetaData a:hover {text-decoration:none;padding-bottom:1px;border-bottom:1px solid #c67102;}

/*sidebar*/
.list, #recentcomments { margin-left: 0; padding-left: 0; list-style: none; }
.list li, .recentcomments { padding: 0 0 10px 15px; background-image: url(images/bg/bullet.png); background-repeat: no-repeat; background-position: 0 .5em; font-size: 80%; }

#sidebar ul {list-style-type:none;margin: 0px 0 0 0;padding:0px 0 0 0;}
#sidebar ul ul ul {padding:0 0 0 10px;}
.titleSidebar,#sidebar h2,
#commentsTitle,#userComments {line-height:30px;font-size:150%;color:#002441;margin:0.40em 0;padding: 0 0 0 0px;font-family:georgia,"Helvetica Neue",Arial,Helvetica,sans-serif; border-bottom: #c2c2c2 1px solid;}
.categories ul  ul.children,#sidebar ul.children {margin:0;padding:0;}
.categories ul  ul.children li,#sidebar ul.children li {padding:0 0 0 1em!important;}

.rc_item {font-size:76%;font-family:verdana,"trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif;margin:0 0 1em 0;line-height:20px;}
#recent-posts ul,#categories-372477401 ul,.categories ul,#recentcomments ul,#linkcat-2 ul,#archives ul,li.widget ul {margin:0.25em 0 1.50em 0;}

#testimonial {background: url('images/bg/sidebar/our.clients.jpg') no-repeat left top;}
#news h2, #testimonial h2,#contact,#socialNetwork {margin:1em 0 0.75em 0;}

#nouvelles-home { padding-bottom: 20px; }
#nouvelles-home p { font-size:85%;margin:0 0 0em 0;line-height:1.5em; padding: 0px 0 3px 0; }
.nouvelles-read-more { font-weight: bold }
.nouvelles-home { border-bottom: 1px solid #AAFFBF }

.navigation { font-size:80%; height: 20px; line-height:1.5em; padding: 5px; margin: 10px 0; background-color: #cee2ed }

/* @end */

/*footer*/
#footer {width:100%;background:#003c6c url(images/bg/bg_footer.jpg) repeat-x top;color:#fff; height: 115px}
    #footer a:link, #footer a:visited {color:#aa6503;text-decoration:none;}
    #footer a:active, #footer a:hover {color:#352e24;}
#footerAbout {width:360px;padding:0 0 0 15px;float:left;}
    #footerAbout img {border:0px solid #4b4137;}
    #footerAbout p {font-size:11px;}
#footerContent {margin:0 0 0 400px;width:550px;}
#footerFollow {width:220px;padding:0 20px 0 20px;float:left;}
    #footerFollow img {margin:0 10px 0 0;}
#footerTagclouds {margin:0 0 0 270px;width:260px;padding:0 0px 0 10px;}
.footerCredits {color: #b1b1b1; margin:20px 0 0 0;padding:20px 0 0 0;font-size:10px;text-align:left; font-family:Arial, Helvetica, sans-serif;}
/*end footer*/

/*start comments post*/
.comment-author {position:relative;width:80px;float:left;font-family:"trebuchet MS",arial,serif;font-size:0.83em;}
.comment-author img {border:4px solid #cec9b5;}

.bypostauthor .comment-meta, .bypostauthor .comment-meta .children,.bypostauthor .children .bypostauthor .comment-meta,
.bypostauthor .children .bypostauthor .children .comment-meta,.bypostauthor .children .bypostauthor .children .bypostauthor .comment-meta,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-meta,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-meta  
{background-color:#e6eff5;border:1px solid #8cb5d0;}

.comment-meta {position:relative;margin:0 0 15px 120px;width:400px;padding:20px 20px 50px 20px;background-color:#fffefb;border:1px solid #ded8c2;-moz-border-radius:15px;-webkit-border-radius:15px;}
	.comment-metaTextarea {position:relative;margin:0 0 15px 120px;width:400px;padding:20px;background-color:#fffefb;border:1px solid #ded8c2;-moz-border-radius:15px;-webkit-border-radius:15px;}
    .comment-meta p {font-family:"trebuchet MS",arial,serif;font-size:0.83em;color:#363533;}
    .comment-meta a:link, .comment-meta a:visited {color:#a38a37;text-decoration:none;}
    .comment-meta a:active, .comment-meta a:hover {color:#aa6503;}
.arrowComments {position:absolute;top:35px;left:-38px;}

.comment-meta .children, .bypostauthor .children .comment-meta,.bypostauthor .children .bypostauthor .children .comment-meta,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-meta,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-meta
 {background-color:#fffefb;border:1px solid #ded8c2;}
 
.contentMetaData {width:100%;height:30px;}
.commentNumber {float:right;font-size:150%;color:#685206;}
.commentDate {float:left;margin:0 0 0px 0;}
ol.commentlist ,.comment li {margin:0;padding:0;list-style-type:none!important;}

.reply {text-align:right;margin:15px 0 0 0;}
.comment {width:615px;}
.depth-2 {width:555px;}
.depth-2 .comment-meta {width:365px;}
.depth-3 {width:515px;}
.depth-3 .comment-meta {width:350px;}
.depth-4 {width:475px;}
.depth-4 .comment-meta {width:310px;}
.depth-5 {width:435px;}
.depth-5 .comment-meta {width:270px;}

#respond input {width:452px;padding:10px;background-color:#fffefb;border:1px solid #ded8c2;font-family:Tahoma,Arial,Helvetica,sans-serif;margin-bottom:10px;}
#respond textarea {width:400px;background-color:#fffefb;border:none;height:135px;font-size:12px;}
#respond #submit {width:210px;float:right;margin:0 20px 20px 0;padding:10px;border:1x solid red;font-family:georgia;font-weight:bold;color:#4e2802;font-size:85%;}
#respond #submit:hover {background-color:#eee7cb;}
/*end comments post*/