/*   
Theme Name: Chantalle Tremblay
Description: Chantalle Tremblay - Psychothérapeute et Travailleuse Sociale
Author: Studio Fractale
Author URI: http://
Version: 1.0
*/


	/******************** RESET CSS ************************/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, small,cite {
		display: block;
	}


	html {background:#ccc url(images/bg.jpg);height:100%;}	

	body {font: 14px/1.4 'Droid Sans', sans-serif; min-height:100%;}

	article, aside, figure, footer, header, nav, section { display: block; }

	.clearfix:after {
	     visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
	     }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */




		
		
/* TYPOGRAPHY ------------------------------------------------- */

		h3 { font-size: 18px;
			font-family: 'Droid Sans', sans-serif;
			text-transform: uppercase;
			color:#fff;	
			}

		hr.style-one {
			    border: 0;
			    height: 1px;
			    width:100%;
			    background: #4c78ba;
			    background-image: -webkit-linear-gradient(left, #ccc, #4c78ba, #ccc); 
			    background-image:    -moz-linear-gradient(left, #ccc, #4c78ba, #ccc); 
			    background-image:     -ms-linear-gradient(left, #ccc, #4c78ba, #ccc); 
			    background-image:      -o-linear-gradient(left, #ccc, #4c78ba, #ccc); 
			}
			
			h3.hopibg {
				background:#a8bedd no-repeat;
				width:300px;
				height:30px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				margin-top:20px;
				text-indent:120px;
				padding-top:5px;

			}

			h3.hopibgcercles {
				background: #e4a3cb no-repeat;
				width:300px;
				height:30px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				margin-top:20px;
				text-indent:100px;
				padding-top:5px;

				}

			h3.hopibgdeco {
				background:#d4e4a4 no-repeat;
				width:300px;
				height:30px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				margin-top:20px;
				text-indent:130px;
				padding-top:5px;	
			}	

			#services h2, #partenariats h2 {
				padding:20px 0 20px 20px;
				font-size:14px;
				color:#448E95;

			}

			#apropos_left h1, #serv_left h1, #serv_right h1 {font-size:24px;
			color:#448E95;padding:0px;}

			.tspsy{font-size:18px;}

/* HEADER ------------------------------------------------- */

	#page-wrap header {
		position:relative;
		height:200px;
		/*border-bottom:1px solid #4c78ba;*/
		width:960px;
		background:white;}

			
	#logo { position:absolute; top:0px; left:5px; background:url(images/Chantalle_Tremblay_260x190.png) no-repeat; width:260px ;height:190px;}

	header span.button{ 
		position:absolute;
		top:50px;
		left:748px;
		}
		
/* NAVIGATION ------------------------------------------------- */
		
	#menu{ line-height: 30px;position:relative;left: 290px; top:150px;
	float:left;}	

	#menu ul li{list-style-type:none;display:inline;text-transform:uppercase;padding:10px;}

	#menu ul li a {font-size:14px;text-decoration:none;
		font-family: 'Droid Sans', sans-serif; color:#8d8d8d;font-weight: 400;}
		
/* CONTAINERS ------------------------------------------------- */
	#page-wrap { position:relative;width:960px; margin: 0 auto;background: #fff; height:auto;min-height:100%;}


/* CENTRAL CONTENT------------------------------------------------- */

	#main-content {position:relative;overflow:hidden;}
	
	
	#main-content article {width:960px;background:#FFFFFF;}

	article section {position:relative;}

	article #services {padding-bottom:50px;}
	
	.feature {float:left; width:300px;margin:20px 0 10px 15px;}

	.feature p {padding:22px 10px 5px 8px;line-height:1.7;}	

	.feature img {
		width:72px; height:69px;position:absolute; top:0; left:10px;
	}
	
	.savoirPlus p {margin-bottom:15px;}
	.savoirPlus a {color:#57b1c7;text-decoration:none;}
	
/* SERVICES & PARTENARIATS SPECIFIC ------------------------------------------------- */

	#serv_left, #apropos_left, #partners_left {
		float:left;
		width:400px;
		margin-left:20px;
	}
	
	#serv_right, #apropos_right, #partners_right{
		float:left;
		width:400px;
		margin-left:80px;
	}
	
	.imgServices {
	  display: block;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  background: url(images/chaise.jpg) no-repeat;
	  width: 500px; /* Width of new image */
	  height: 362px; /* Height of new image */
	  padding-left: 500px; /* Equal to width of new image */
	}
	
	#serv_left ul li, #serv_right ul li, #partners_left ul li, #partners_right ul li {
		list-style-type:circle;
		padding-left:10px;
		margin-left:50px;
	}
	
	#partners_left ul li a, #partners_right ul li a, #services a {text-decoration:none;color:#8d8d8d;}
	
	#partners_left ul li a:hover, #partners_right ul li a:hover, #services a:hover  {color:#767575;}
	
		

	#serv_left p, #serv_right p {
		padding-left:20px;
	}
	
	#apropos {margin-top:25px;}
	
	#apropos_right a {color: #8D8D8D;}
		
		
	#apropos_left p {
		padding: 20px 0 20px;
		line-height:1.5;	
		}
	
	#serv_right img {
			padding:5px;
			border: solid 1px #EFEFEF;
			margin:35px 0 0 20px;
	}
	
	#apropos_right img {
		padding:5px;
		border: solid 1px #EFEFEF;
		margin:10px 0 0 30px;
	}
	
 /*  QUOTE SECTION  ------------------------------------ */
	
	
	#dividerMain {
	position:absolute;
	background:url(images/divider_flourish.png) no-repeat;
	width:727px;
	height:19px;
	bottom:440px;
	left:80px;}

	#lowerContent{margin-top:75px;} 

	blockquote p {
	text-align:center;
	padding-top:45px; 
	width:875px;
	font-family:'Mrs Saint Delafield', cursive;
	font-size:25px;
	color:#90878d;
	}

	blockquote {
	background:#f9f9f9;
	border-left:5px solid #ccc;
	margin:1.5em 15px;
	padding:.5em 5px;

	}

	.bqstart {
	    float: left;
		padding:40px 0 15px 5px;
		line-height:40px;
	    font-size: 700%;
	    color: #cccc99;
		font-family:Georgia;

	 }

	 .bqend {
	    float: right;
		padding:0px 40px 20px 0px;
		line-height:30px;
	    font-size: 700%;
	    color:#cccc99;
		font-family:Georgia;
	 }

/* FOOTER AREA     ----------------------------------------------------------- */

	footer {
		width:960px;
		margin:0px auto;
		height:auto;
		min-height:100%;
		background:#cccccc;
		padding-top:40px;
		position:relative;

	}

	footer ul li {
		list-style:none;

	}

	#adresseLeft {float:left;padding-left:10px;}


	#adresseLeft ul li:nth-child(1) {font-size:20px;color: #fff;text-transform:uppercase;
		text-shadow: 2px 4px 3px rgba(0,0,0,0.2);}

	#adresseLeft ul li:nth-child(4) {color:#779fe3;}	

	#adresseRight {float:right;text-align:right; width:350px;padding:10px 10px;}

	#adresseRight img {padding:2px;}

	#adresseRight ul li:nth-child(1) {
		color:#367ee3;
		font-size:25px;
		text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
		}

	#adresseRight ul li:nth-child(2) {
		color:#7f8a5d;
		font-size:20px;
	}	


	#copyright {position:relative;bottom:-15px;left:-612px;height:40px;margin-top:10px;color:#fff;}

	.button { 
		background-image: -moz-linear-gradient(top, #48a5bf, #7ec4d8); 
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #48a5bf),color-stop(1, #7ec4d8)); 
		padding: 5px 15px; 
		color: white; 
		font-weight: normal !important;
		text-decoration: none; 
		text-transform: uppercase; 
		border: 1px solid white !important; 
		-moz-box-shadow: 1px 1px 3px #666; 
		-webkit-box-shadow: 1px 1px 3px #666; 
		box-shadow: 1px 1px 3px #666;
		width:180px;
		text-align:center;


	}
	.button:hover { 
		background-image: none; 
		background-color: #48a5bf; 
		-moz-box-shadow: 0px 0px 2px #999; 
		-webkit-box-shadow: 0px 0px 2px #999; 
		box-shadow: 0px 0px 2px #999; 
		text-decoration: none !important; 
	}
	
	.button a {text-decoration:none; color:white;}

	#adresseRight :nth-child(3).button {
		position:absolute;
		top:138px;
		left:10px;
	}
	
#form.shadow {
	  -moz-box-shadow:    0px 2px 3px 1px #ccc;
	  -webkit-box-shadow: 0px 2px 3px 1px #ccc;
	  box-shadow:         0px 2px 3px 1px #ccc;
	}
	
/* FORMULAIRE ------------------------------------------------- */

* {
  border: none;
}

#form {background-color:#fef9f4;margin-top:25px;padding-top:20px;}
#left { width:300px; float:left;padding:10px 0 0 10px;height:auto;
	margin-left:20px;}
	
#left p, #right p {color:#423d3a;}
	
#right p {text-indent:5px;}
	
#right {width:300px;float:left;margin: 13px 0 0 200px;}

textarea, input {border:1px solid #addeeb;margin:5px;}

input {height:23px;}

textarea:focus, input:focus {
	border: 1px solid #48a5bf; margin-bottom:10px;}

#left h2 {
	font-size:20px;
	color:#48a5bf;
	padding: 0 0 10px 0;
	border-bottom:#48a5bf 1px dotted ;
	width:250px;
	
	}	

/* Ajouts CSS au plugin Contact Form 7  ------------------------------------------------- */

div.wpcf7-mail-sent-ok {
	
	background: url(images/enveloppe.png) no-repeat;
	width:912px;
	height:100px;
	text-align:center;
	font-size:15px;
	text-transform:uppercase;
	background-position:center center;
	margin-right:20px;
	color:#48a5bf;
}


/* TABLE STYLING WP EVENT MANAGER  ------------------------------------------------- */

.titre {color:#48a5bf; font-size:16px;text-decoration:underline;padding-bottom:15px;letter-spacing:1px;}

.infoDates, .infoEve {padding-left:30px; color:#423d3a;}

.infoLieu {padding-left:60px; color:#423d3a;}

table a {color:#90878d;}

table a:hover {color:#666164;}

table td {border-bottom:1px solid #e3e3e3;padding:12px 10px;}

tr {}
tr:hover {background: #f8f1f8;}

.h2Single {padding: 10px 0 0 20px;} 


/* WP EVENT MANAGER - GOOGLE MAP ------------------------------------------------- */

.map {float:right; margin:25px 40px 25px 25px;
padding: 5px;
border: solid 1px #EFEFEF;}

#event p {width:450px; padding: 0 0 20px 20px;}