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, sub, sup, tt, var,
b,strong,  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, topContent, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing : antialiased;
}
em, i {font-style:italic;}
strong, b {font-weight:bold;}

/*----------------*/
html {
	font-size: 62.5%;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	background-color: #fff;
}
body {
	font-size:12px;
	font-size: 1.2rem;
	line-height: 16px;
	line-height: 1.6rem;
	color:#666;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	background-color: #fff;
	width:100%;
}
a {
	color:#666;
}

.wrapper {
	display:inline-block;
	width:100%;
	position:relative;
	float:left;
}
.w980 {
	width:980px;
	margin:auto;
	position:relative;
	display:table;
}

#slider .item img,
#slider-psy .item img {
	display:block;
}
.wrapper#Navig {
	z-index:999999;
	background:url("../img/css/bg-navig.png") no-repeat center top;
	height:80px;
}
body.navig-fixed .wrapper#Navig {
	position:fixed;
	left:0;
	right:0;
	top:0;
}
#navig {
	height:61px;
	background:#fff;
}
#navig h1 {
	float:left;
	font-weight:800;
	font-size:20px;
	font-size:2rem;
	line-height:18px;
	line-height:1.8rem;
	width:180px;
}
#navig h1 a {
	color:#447dc2;
	text-decoration:none;
}
#navig h1 span {
	font-weight:300;
	margin-top:10px;
	display:block;
}
#navig h1 img {
	float:left;
	margin-right:13px;
}
#navig ul {
	float:right;
	margin:6px 7px 0 0;
}
#navig ul li {
	float:left;
	list-style:none;
}
#navig ul li a {
	font-weight:700;
	display:block;
	line-height:49px;
	line-height:4.9rem;
	height:49px;
	border-bottom:6px solid #fff;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 11px;
}
#navig ul li.experiences a:hover,
#navig ul li.experiences a.current {
	border-bottom:6px solid #447dc2;
}
#navig ul li.domaines a:hover,
#navig ul li.domaines a.current {
	border-bottom:6px solid #a07fab;
}
#navig ul li.methode a:hover,
#navig ul li.methode a.current {
	border-bottom:6px solid #447dc2;
}
#navig ul li.psychanalyse a:hover,
#navig ul li.psychanalyse a.current {
	border-bottom:6px solid #677029;
}
#navig ul li.premierefois a:hover,
#navig ul li.premierefois a.current {
	border-bottom:6px solid #006879;
}
#navig ul li.bibliographie a:hover,
#navig ul li.bibliographie a.current {
	border-bottom:6px solid #662d91;
}
#navig ul li.contact a:hover,
#navig ul li.contact a.current {
	border-bottom:6px solid #48abf3;
}
h2 {
	font-size:28px;
	font-size:2.8rem;
	line-height:32px;
	line-height:3.2rem;
	font-weight:800;
	text-transform:uppercase;
	margin:15px 0 15px 60px;
}
h3 {
	font-size:18px;
	font-size:1.8rem;
	line-height:22px;
	line-height:2.2rem;
	font-weight:800;
	text-transform:uppercase;
	margin:20px 0;
}
p {
	margin:15px 0;
}
.wrapper#Slider {
	height:556px;
	overflow:hidden;
}
#slider .item {
	position:relative;
}
#slider .item div {
	position:absolute;
	left:60px;
	right:60px;
	bottom:75px;
	color:#fff;
	font-weight:300;
	font-size:45px;
	font-size:4.5rem;
	line-height:48px;
	line-height:4.8rem;
}
#slider .item div span {
	font-weight:400;
	font-size:15px;
	font-size:1.5rem;
	line-height:18px;
	line-height:1.8rem;
	display:block;
	margin-top:10px;
}
.col-gauche,
.col-droite {
	float:left;
	width:380px;
}
.col-gauche {
	margin-left:60px;
}
.col-droite {
	margin-left:40px;
}
body.navig-fixed #experiences {
	padding-top:101px;
}
#experiences {
	padding:20px 0;
	z-index:999888;
}
#experiences h2,
#methode h2 {
	color:#447dc2;
}
#experiences img {
	position:absolute;
	top:-19px;
	right:0;
}
body.navig-fixed #experiences img {
	top:71px;
}
#experiences h3 {
	background:url("../img/css/lisere-h3-experiences.png") no-repeat left top;
	padding-top:15px;
}
#domaines {
	background:#a07fab;
	color:#fff;
	padding:30px 0 0 0;
}
#domaines .text {
	font-size:15px;
	font-size:1.5rem;
	line-height:24px;
	line-height:2.4rem;
}
#domaines ul {
	margin:20px 0 0 0;
	display:inline-block;
	float:left;
}
#domaines ul li {
	list-style:none;
	float:left;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:20px;
}

#domaines ul li.personnelle,
#domaines ul li.professionnelle {
	width:327px;
}
#domaines ul li.interets {
	width:326px;
}




#domaines ul li.personnelle,
#domaines .plus-personnelle {
	background:#662d91;
	color:#fff;
}
#domaines ul li.professionnelle,
#domaines .plus-professionnelle {
	background:#006879;
	color:#fff;
}
#domaines ul li.interets,
#domaines .plus-interets {
	background:#677029;
	color:#fff;
}
#domaines ul li h3 {
	margin:20px 0 0 0;
	font-size:20px;
	font-size:2rem;
	line-height:22px;
	line-height:2.2rem;
}
#domaines ul li a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-size:1.1rem;
	line-height:14px;
	line-height:1.4rem;
}
#domaines .plus {
	display:inline-block;
	padding:30px 60px 10px 60px;
	width:860px;
	font-size:15px;
	font-size:1.5rem;
    line-height:24px;
    line-height:2.4rem;
    position:relative;
    display:none;
    float:left;
}
#domaines .plus a.close {
	width:20px;
	height:20px;
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	background:url("../img/css/close.png") no-repeat;
	position:absolute;
	top:15px;
	right:30px;
}
#methode {
	padding:30px 0;
}
.wrapper#Psychanalyse {
	background:#677029;
}
#psychanalyse {
	background:#677029;
	color:#fff;
	padding:10px 0 30px 0;
}
#slider-psy {
	height:300px;
	overflow:hidden;
}
#slider-psy .item {
	position:relative;
}
#slider-psy .item div {
	position:absolute;
	left:60px;
	right:60px;
	top:75px;
	color:#fff;
	font-weight:300;
	font-size:45px;
	font-size:4.5rem;
	line-height:48px;
	line-height:4.8rem;
}
#slider-psy .item div a {
	position:absolute;
	top:60px;
	right:110px;
	padding:5px 10px;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	font-size:1.2rem;
	line-height:16px;
	line-height:1.6rem;
	text-decoration:none;
}
#slider-psy .item div.bleu a {
	background:#3fa9f5;
}
#slider-psy .item div.vert a {
	background:#677029;
}
#slider-psy .item div.violet a {
	background:#662d91;
}
#slider-psy .item div.kaki a {
	background:#454612;
}
#psychanalyse2 {
	padding:20px 0 30px 0;
}
#psychanalyse2 h3 {
	color:#677029;
}
.wrapper#Premierefois {
	background:#006879;
}
#premierefois {
	background:#006879;
	color:#fff;
}
#premierefois img {
	float:left;
}
#premierefois h2 {
	float:left;
	margin:40px 0 10px 48px;
}
#premierefois .text {
	float:left;
	margin:0 0 0 48px;
	width:460px;
}
.wrapper#Bibliographie {
	background:url("../img/css/bg-bibliographie.png") repeat-x center bottom;
}
#bibliographie {
	padding:20px 0;
}
#bibliographie h2 {
	color:#662d91;
}
#bibliographie #slider-bibliographie {
	margin:10px 0 20px 0;
}
#bibliographie #slider-bibliographie .slider {
	width:780px;
	margin:0 100px;
}
#bibliographie #slider-bibliographie .slider .item {
	list-style:none;
	float:left;
	text-align:center;
	width:195px;
}
#bibliographie #slider-bibliographie .slider .item p {
	margin:0 10px;
}
#bibliographie #slider-bibliographie .slider .slick-prev,
#bibliographie #slider-bibliographie .slider .slick-next {
	height: 53px;
	width: 28px;
	margin-top:0;
	top:50px;
}
#bibliographie #slider-bibliographie .slider .slick-prev { left: -35px;background:url("../img/css/fleche-bibli-prev.png"); }
#bibliographie #slider-bibliographie .slider .slick-next { right: -35px;background:url("../img/css/fleche-bibli-next.png"); }
#bibliographie #slider-bibliographie .slider .slick-next:before,
#bibliographie #slider-bibliographie .slider .slick-prev:before { content: ""; }

.wrapper#Contact {
	color:#fff;
	background:#662d91;
}
#contact {
	color:#fff;
	background:#662d91;
	padding-top:20px;
}
#contact ul {
	display:inline-block;
	margin:10px 0 20px 20px;
}
#contact ul li {
	float:left;
	list-style:none;
	margin-left:40px;
}
#contact ul li.mail {
	padding-left:55px;
	background:url("../img/css/contact-mail.png") no-repeat left center;
}
#contact ul li.tel {
	padding-left:40px;
	background:url("../img/css/contact-tel.png") no-repeat left center;
}
#contact ul li.portable {
	padding-left:40px;
	background:url("../img/css/contact-portable.png") no-repeat left center;
}
#contact ul li.metro,
#contact ul li.bus {
	padding-left:55px;
	background:url("../img/css/contact-metro.png") no-repeat left center;
}
#contact ul li a {
	color:#fff;
	text-decoration:none;
}
#contact ul li span {
	display:block;
	font-weight:300;
	font-size:22px;
	font-size:2.2rem;
	line-height:26px;
	line-height:2.6rem;
}
.wrapper#Contact #carte {
	width:100%;
	height:500px;
	color:#000;
}
#footer .text {
	margin:20px 0 20px 15px;
}

.text {
	margin:0 60px;
}
.puce-bleue {
	background:url("../img/css/puce-bleue.png") no-repeat left 0.5em;
	padding-left:10px;
	margin-left:-10px;
}
.puce-verte {
	background:url("../img/css/puce-verte.png") no-repeat left 0.5em;
	padding-left:10px;
	margin-left:-10px;
}
.bleu {color:#3fa9f5 !important;}
.vert {color:#677029 !important;}
.violet {color:#662d91 !important;}
.kaki {color:#454612 !important;}
.rose {color:#f05f99;}


/*tablette 10" portrait : ex : nexus10/Galaxy tab 10.1"*/
@media only screen and (max-width: 979px) {

	.w980 {
		width:800px;
	}
	#navig h1 {
		font-size:14px;
		font-size:1.4rem;
		line-height:16px;
		line-height:1.6rem;
		width:140px;
	}
	#navig h1 span {
		margin-top:14px;
	}
	#navig h1 img {
		margin-right:8px;
	}
	#navig ul {
		margin:6px 5px 0 0;
	}
	#navig ul li a {
		margin:0 8px;
		font-size:11px;
		font-size:1.1rem;
	}
	h2 {
		font-size:24px;
		font-size:2.4rem;
		line-height:28px;
		line-height:2.8rem;
		margin:15px 0 15px 40px;
	}
	h3 {
		font-size:16px;
		font-size:1.6rem;
		line-height:20px;
		line-height:2rem;
	}
	.wrapper#Slider {
		height:454px;
	}
	#slider .item div {
		left:40px;
		right:40px;
		bottom:55px;
		font-size:40px;
		font-size:4rem;
		line-height:42px;
		line-height:4.2rem;
	}
	#slider .item div span {
		font-size:14px;
		font-size:1.4rem;
		line-height:16px;
		line-height:1.6rem;
	}
	.col-gauche,
	.col-droite {
		width:350px;
	}
	.col-gauche {
		margin-left:40px;
	}
	.col-droite {
		margin-left:20px;
	}
	#domaines ul li.personnelle,
	#domaines ul li.interets {
		width:267px;
	}
	#domaines ul li.professionnelle {
		width:266px;
	}
	#domaines ul li.personnelle img {
		width:267px;
		height:auto;
	}
	#domaines ul li.professionnelle img {
		width:266px;
		height:auto;
	}
	#domaines ul li.interets img {
		width:267px;
		height:auto;
	}
	#domaines ul li h3 {
		font-size:18px;
		font-size:1.8rem;
		line-height:20px;
		line-height:2rem;
	}
	#domaines .plus {
		padding:30px 40px 10px 40px;
		width:720px;
	}
	#slider-psy {
		height:270px;
	}
	#slider-psy .item div {
		left:40px;
		right:40px;
		top:55px;
		font-size:40px;
		font-size:4rem;
		line-height:42px;
		line-height:4.2rem;
	}
	#slider-psy .item div a {
		top:50px;
		right:80px;
	}
	#premierefois img {
		width:380px;
		height:auto;
	}
	#premierefois h2 {
		margin:40px 0 10px 28px;
	}
	#premierefois .text {
		margin:0 0 0 28px;
		width:360px;
	}
	#bibliographie #slider-bibliographie .slider {
		width:585px;
		margin:0 107px 0 108px;
	}
	#contact ul {
		margin-left:20px;
	}
	#contact ul li {
		margin-left:20px;
		padding:5px 0;
	}
	#contact ul li span {
		font-size:18px;
		font-size:1.8rem;
		line-height:22px;
		line-height:2.2rem;
	}
	#contact #carte {
		width:800px;
		height:400px;
	}
	.text {
		margin:0 40px;
	}

}

/*tablette 9.7" portrait : ex : ipad*/
@media only screen and (max-width: 799px) {

	.w980 {
		width:768px;
	}
	#navig ul li a {
		margin:0 7px;
	}
	.wrapper#Slider {
		height:436px;
	}
	.col-gauche,
	.col-droite {
		width:330px;
	}
	#domaines ul li.personnelle,
	#domaines ul li.professionnelle,
	#domaines ul li.interets {
		width:256px;
	}
	#domaines ul li.personnelle img {
		width:256px;
	}
	#domaines ul li.professionnelle img {
		width:256px;
		height:212px;
	}
	#domaines ul li.interets img {
		width:256px;
	}
	#domaines .plus {
		width:688px;
	}
	#slider-psy .item img {
		width:768px;
	}
	#premierefois img {
		width:370px;
		height:auto;
	}
	#premierefois .text {
		margin:0 0 0 28px;
		width:350px;
	}
	#bibliographie #slider-bibliographie .slider {
		width:585px;
		margin:0 91px 0 92px;
	}
	#contact ul li span {
		font-size:17px;
		font-size:1.7rem;
		line-height:20px;
		line-height:2rem;
	}
	#contact #carte {
		width:768px;
		height:400px;
	}
	.text {
		margin:0 40px;
	}

}

/*tablette 7" portrait : ex : nexus7/Galaxy tab 7"*/
@media only screen and (max-width: 767px) {

	.w980 {
		width:600px;
	}
	#navig a.menu-mobile {
		float:right;
		margin:12px 10px 0 0;
	}
	#navig ul {
		width:600px;
		background:#fff url("../img/css/bg-navig.png") repeat-x left -61px;
		margin:0;
		position:absolute;
		left:0;
		top:61px;
		z-index:999998;
	}
	#navig ul li {
		float:none;
	}
	#navig ul li a {
	    margin:0;
	    border-left:6px solid #fff;
	    border-bottom:none;
	    width:584px;
	    padding-right:10px;
	    text-align:right;
	    font-size:20px;
	    font-size:2rem;
	}
	#navig ul li.experiences a:hover,
	#navig ul li.experiences a.current {
		border-left:6px solid #447dc2;
		border-bottom:none;
	}
	#navig ul li.domaines a:hover,
	#navig ul li.domaines a.current {
		border-left:6px solid #a07fab;
		border-bottom:none;
	}
	#navig ul li.methode a:hover,
	#navig ul li.methode a.current {
		border-left:6px solid #447dc2;
		border-bottom:none;
	}
	#navig ul li.psychanalyse a:hover,
	#navig ul li.psychanalyse a.current {
		border-left:6px solid #677029;
		border-bottom:none;
	}
	#navig ul li.premierefois a:hover,
	#navig ul li.premierefois a.current {
		border-left:6px solid #006879;
		border-bottom:none;
	}
	#navig ul li.bibliographie a:hover,
	#navig ul li.bibliographie a.current {
		border-left:6px solid #662d91;
		border-bottom:none;
	}
	#navig ul li.contact a:hover,
	#navig ul li.contact a.current {
		border-left:6px solid #48abf3;
		border-bottom:none;
	}
	h2 {
		font-size:20px;
		font-size:2rem;
		line-height:24px;
		line-height:2.4rem;
		margin:15px 0 15px 20px;
	}
	h3 {
		font-size:14px;
		font-size:1.4rem;
		line-height:18px;
		line-height:1.8rem;
	}
	.wrapper#Slider {
		height:340px;
	}
	#slider .item div {
		left:20px;
		right:20px;
		bottom:35px;
		font-size:34px;
		font-size:3.4rem;
		line-height:36px;
		line-height:3.6rem;
	}
	#slider .item div span {
		font-size:12px;
		font-size:1.2rem;
		line-height:14px;
		line-height:1.4rem;
	}
	#experiences img {
		width:120px;
		height:auto;
	}
	.col-gauche,
	.col-droite {
		width:270px;
	}
	.col-gauche {
		margin-left:20px;
	}
	#domaines ul li.personnelle,
	#domaines ul li.professionnelle,
	#domaines ul li.interets {
		width:200px;
	}
	#domaines ul li.personnelle img {
		width:200px;
	}
	#domaines ul li.professionnelle img {
		width:200px;
		height:166px;
	}
	#domaines ul li.interets img {
		width:200px;
	}
	#domaines ul li h3 {
		font-size:18px;
		font-size:1.8rem;
		line-height:20px;
		line-height:2rem;
	}
	#domaines .plus {
		padding:30px 20px 10px 20px;
		width:560px;
	}
	#slider-psy {
		height:220px;
	}
	#slider-psy .item div {
		left:20px;
		right:20px;
		top:35px;
		font-size:34px;
		font-size:3.4rem;
		line-height:36px;
		line-height:3.6rem;
	}
	#slider-psy .item div a {
		top:40px;
		right:60px;
	}
	#premierefois img {
		width:600px;
		height:auto;
		float:none;
	}
	#premierefois h2 {
		margin:40px 0 10px 20px;
		float:none;
	}
	#premierefois .text {
		margin:0 20px 40px 20px;
		width:560px;
		float:none;
	}
	#bibliographie #slider-bibliographie .slider {
		width:390px;
		margin:0 105px 0 105px;
	}
	#contact ul {
		margin-left:0;
	}
	#contact ul li {
		margin:0 0 20px 20px;
		width:220px;
	}
	#contact ul li.portable {
		margin:0 0 20px 15px;
		padding-left:47px;
	}
	#contact ul li.metro {
		margin:0 0 20px 18px;
	}
	#contact ul li.bus {
		margin:0 0 20px 10px;
	}
	#contact ul li span {
		font-size:23px;
		font-size:2.3rem;
		line-height:22px;
		line-height:2.2rem;
	}
	#contact #carte {
		width:600px;
		height:360px;
	}
	.text {
		margin:0 20px;
	}

}

/*Mobile portrait*/
@media only screen and (max-width: 599px) {

	.w980 {
		width:320px;
	}
	h2 {
		font-size:18px;
		font-size:1.8rem;
		line-height:20px;
		line-height:2rem;
		margin:15px 0 15px 10px;
	}
	h3 {
		font-size:14px;
		font-size:1.4rem;
		line-height:18px;
		line-height:1.8rem;
	}
	.wrapper#Slider {
		height:182px;
	}
	#slider .item div {
		left:10px;
		right:10px;
		bottom:20px;
		font-size:20px;
		font-size:2rem;
		line-height:22px;
		line-height:2.2rem;
	}
	#slider .item div span {
		font-size:12px;
		font-size:1.2rem;
		line-height:14px;
		line-height:1.4rem;
	}
	#navig ul {
		width:320px;
	}
	#navig ul li a {
	    width:304px;
	}
	#experiences {
	    padding:0 0 20px 0;
	}
	#experiences img {
		display:none;
	}
	.col-gauche,
	.col-droite {
		width:300px;
		float:none;
	}
	.col-gauche,
	.col-droite {
		margin-left:10px;
	}
	#domaines ul li {
		float:none;
	}
	#domaines ul li.personnelle,
	#domaines ul li.professionnelle,
	#domaines ul li.interets {
		width:320px;
	}
	#domaines ul li.personnelle img {
		width:320px;
	}
	#domaines ul li.professionnelle img {
		width:320px;
		height:auto;
	}
	#domaines ul li.interets img {
		width:320px;
	}
	#domaines ul li h3 {
		font-size:15px;
		font-size:1.5rem;
		line-height:18px;
		line-height:1.8rem;
	}
	#domaines .plus {
		padding:30px 10px 10px 10px;
		width:300px;
		position:absolute;
		left:0;
		z-index:999888;
	}
	#domaines .plus-personnelle {
		top:705px;
	}
	#domaines .plus-professionnelle {
		top:1066px;
	}
	#domaines .plus-interets {
		top:1427px;
	}
	#slider-psy .item div {
		left:10px;
		right:10px;
		top:20px;
		font-size:20px;
		font-size:2rem;
		line-height:22px;
		line-height:2.2rem;
	}
	#slider-psy .item div a {
		top:60px;
		right:10px;
	}
	#premierefois img {
		width:320px;
		height:auto;
	}
	#premierefois h2 {
		margin:20px 0 10px 10px;
		float:none;
	}
	#premierefois .text {
		margin:0 10px 20px 10px;
		width:300px;
	}
	#bibliographie #slider-bibliographie .slider {
		width:195px;
		margin:0 62px 0 63px;
	}
	#contact ul li {
		margin:0 0 15px 10px;
		width:250px;
		margin-right:0 !important; /*Uniquement quand le tel fixe n'apparait pas*/
	}
	#contact ul li.mail {
		padding-left:55px;
		margin:0 0 15px 10px;
		background:url("../img/css/contact-mail.png") no-repeat left center;
	}
	#contact ul li.tel {
		padding-left:55px;
		margin:0 0 15px 10px;
		background:url("../img/css/contact-tel.png") no-repeat 7px center;
	}
	#contact ul li.portable {
		padding-left:55px;
		margin:0 0 15px 10px;
		background:url("../img/css/contact-portable.png") no-repeat 10px center;
	}
	#contact ul li.metro {
		padding-left:55px;
		margin:0 0 15px 10px;
		background:url("../img/css/contact-metro.png") no-repeat left center;
	}
	#contact ul li span {
		font-size:23px;
		font-size:2.3rem;
		line-height:22px;
		line-height:2.2rem;
	}
	#contact #carte {
		width:320px;
		height:300px;
	}
	.text {
		margin:0 10px;
	}

}