/*
Theme Name: Psystheme
Theme URI: http://wordpress.org/
Description: The 2010 default theme for Psystheme.
Author: Claude-Philippe Lievens
Author URI: http://wordpress.org/
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:

General comments (optional).
*/

/*pink : e16099
orange : e5742b
green : 82bf41
blue : 00a4db
pale blue : d2eef5*/
@font-face{font-family:'limousine';src:url('fonts/champ.ttf');}
@font-face{font-family:'limousineS';src:url('fonts/champ_bold_002.ttf');}
body {padding:0;margin:0; font:14px/20px Arial, Sans-Serif;}
.warper { width: 1000px; padding:0px 10px; margin:auto;}
.blueColumn {width:295px;padding:0px;margin-right:10px;display:inline-block;float:left;}
.LogoBack {width:293px;height:701px;margin-top:50px;background:url('Images/leftColumn.png');display:block;}
.centerColumn {width:480px;margin:0px 10px;display:inline-block;float:left;}
.nav ul {display:block;list-style-type:none;margin:100px 0px 0px 0px;padding:0;clear:both;height:50px;}
.nav li a {display:inline-block;float:left;padding:5px 0px 5px 0px;margin:5px 20px 5px 0px;font-size:22px;color:#82bf41;font-family:'limousine', Arial, sans-serif;}

.nav li a:hover {border-bottom:5px solid #eee;margin-bottom:0px;}
.nav li:nth-child(2) a {color:#e16099;}
.nav li:nth-child(3) a{color:#e5742b;}
.nav li:nth-child(4) a{color:#00a4db;}
.nav li:nth-child(5) a{color:#82bf41;}
.current-menu-item a,  .current-menu-item a:hover {border-bottom:5px solid #bbb;}

.content {color:#333;text-align:justify;clear:both;padding-top:50px;}
.content p {margin-bottom:10px;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {font-family:'limousine';text-align:left;}
.content h1 {color:#e5742b;font-size:36px;margin-bottom:20px;line-height:36px;margin-top:0px;}
.content h2 {color:#82bf41;font-size:30px;margin-bottom:10px;line-height:30px;}
.content h3 {color:#e16099;font-size:24px;margin-bottom:10px;line-height:24px;}
.content h4 {color:#e16099;font-size:20px;margin-bottom:7px;line-height:20px;}
.content h5 {color:#e16099;font-size:18px;margin-bottom:5px;}
.content h6 {color:#e16099;font-size:14px;margin-bottom:5px;font-weight:bold;text-decoration:underline;}

h3.widget-title {font-weight:normal;color:#666;}
a:link {color:#00a4db;text-decoration:none;}
a:visited {color:#00a4db;}
a:hover {color:#82bf41;}
a:active {color:#d2eef5;padding-top:1px;}

/*Nuage de mots-clés*/
.tagcloud a {color:#00a4db;}

/*Contact*/
#Contact {position:fixed; background: url(Images/contact_slider.png) left top no-repeat;top:200px;left:-238px;width:282px;height:252px;padding:25px 22px 27px 0px;cursor:pointer;}
#Contact p {margin-top:80px;margin-left:10px;font-size:12px;line-height:16px;color:#777;}

.centered {width:960px;margin:auto;}
.rightColumn {display:inline-block;float:right;width:160px;margin-top:200px;padding:10px;-webkit-border-radius:0px 30px 0px 30px;background:#fcfcfc;}
.rightColumn.keywords {margin-top:20px;}
.therapists ul li a {padding:5px;background:#fefefe;margin:5px 0px;-webkit-border-radius:0px 10px 0px 10px;display:block;}
.rightColumn ul{margin:0px;padding:2px;list-style-type:none;}
.rightColumn.keywords ul li{margin:3px;border-bottom:1px dotted #bbb;}
.clear {clear:both;}
.footer {clear:both;padding-top:25px;margin-top:25px;border-top:1px solid #d2eef5;}
.logo {float:left;}
.adresse {float:left;display:inline-block;margin-left:100px;width:460px;line-height:22px;text-align:center;font-family:'limousine', Arial, sans-serif;font-size:18px;margin-top:50px;}
.colphon {font-size:12px;clear:both;margin-top:20px;padding:5px;text-align:center;background:#ecf3f5;border-top:1px solid #00a4db;}
.adresse strong {font-family:"limousineS", Arial, Helvetica, Sans-Serif;}

/*Page Contacts*/
.menuContact ul {list-style-type:none;padding-top:50px;border-top:1px dotted #efefef;margin-top:20px;}
	.menuContact a {font-family:'limousine';color:#333;font-size:16px;display:block;border:1px solid #f5f5f5;-webkit-border-radius:10px 0px 10px 0px}
	.menuContact a:hover {color:#97bf0d;border:1px solid #97bf0d;}
	.menuContact li a {text-decoration:none;border-bottom:1px dotted #e5742b:inline-block;height:54px;padding:5px 0 0 80px;margin:5px;}
	.menuContact li:first-child a{background:url(Images/contact_Lebrun.png) no-repeat left top;}
	.menuContact li:nth-child(2) a{background:url(Images/contact_Lievens.png) no-repeat left top;}
	.menuContact li:nth-child(3) a{background:url(Images/contact_Luczak.png) no-repeat left top;}
	.menuContact li:nth-child(4) a{background:url(Images/contact_Wirion.png) no-repeat left top;}
	.menuContact li:last-child a{background:url(Images/contact_Lebrun.png) no-repeat left top;}
	.menuContact strong {display:block;line-height:20px;font-size:20px;font-family:'limousineS';margin-bottom:5px;}
	.menuContact br {display:none;}
	
#Contacts h2 {background:#e95d9a;color:white;font-size:18px;font-family:'limousineS';display:inline-block;padding:2px 20px;line-height:20px;letter-spacing:2px;margin-bottom:5px;}
#Contacts div:nth-child(2) h2{background:#009ee0;}
#Contacts div:nth-child(3) h2{background:#97bf0d;}
#Contacts div:nth-child(4) h2{background:#ed7902;}
#Contacts div {padding:10px;border:1px solid #efefef;-webkit-border-radius:20px 0px 20px 0px;background:#fcfcfc;}


@media screen and (max-width:680px) {
#Contact {
	display:none;
}

	body {
		width:100%;
		overflow-x: hidden;
	}
	.warper {
		width:92%;
		padding:0 4%;
	}
	.blueColumn,
	.centerColumn,
	.rightColumn{
		display:block;
		float:none;
		width:100%;
		margin:0;
		padding:0;
		
	}
	.centered {
		width:100%;
	}
	
	.LogoBack {
		width: 100%;
		height: 150px;
		margin-top: 10px;
		background:#D2EEF5 url('Images/psysteme-header-mobile.png');
		border-radius: 0px 75px 0px 75px;
		-moz-border-radius: 0px 75px 0px 75px;
		-webkit-border-radius: 0px 75px 0px 75px;
		-o-border-radius: 0px 75px 0px 75px;
		-ms-border-radius: 0px 75px 0px 75px;
		display: block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.nav ul {
		display: block;
		list-style-type: none;
		margin: 10px 0px 0px 0px;
		padding: 0;
		clear: both;
	}
	
	.nav li a {
		display: block;
		float: left;
		padding: 5px;
		margin: 1px;
		font-size: 22px;
		color: #82bf41;
		font-family: 'limousine', Arial, sans-serif;
		border:1px solid #ccc;
		border-radius: 0px 15px 0px 15px;
		-moz-border-radius: 0px 15px 0px 15px;
		-webkit-border-radius: 0px 15px 0px 15px;
		-o-border-radius: 0px 15px 0px 15px;
		-ms-border-radius: 0px 15px 0px 15px;

	}
	.nav li a:hover {

		border:1px solid #000;
	}
	.logo {
		display:none;
	}
	p.adresse {
		float:none;
		margin-left: 0;
		line-height: 16px;
		text-align: left;
		font-family: Arial, sans-serif;
		font-size: 12px;
		margin-top: 50px;
		margin-left:4%;
		padding:0;
		width:auto;
	}
	
	.menuContact .email {
		display:block;
		
	}
	.menuContact li a {
		height:auto;
	}
	iframe {
		width:100%;
		overflow: hidden;
	}

	
	
}

.promo {
	border: 5px solid #d2eef5;
}

img.promo__image {
    float: left;
    width: 150px;
    height: auto;
    margin-right: 20px;
}

h6.promo__call {
	padding-top: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #e5742b;
	font-size: 18px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	font-weight: 600;
	float: left;
	width: 290px;
}
h2.promo__title {
	color: #00a4db;
	font-size: 28px;
	font-weight: 800;
	line-height: 30px;
	margin: 0;
	padding: 0;
	float: left;
	width: 290px;
}
a.promo__button {
	background: #00a4db;
	font-size: 14px;
	padding: 2px 10px;
	font-weight: 400;
	border-radius: 5px;
	clear: both;
}