@charset "UTF-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@import url("https://use.typekit.net/puw2mwt.css");
/*
Thin 				"proxima-nova" 	100 	normal
Thin Italic 		"proxima-nova" 	100 	italic
Light 				"proxima-nova" 	300 	normal
Light Italic 		"proxima-nova" 	300 	italic
Regular 			"proxima-nova" 	400 	normal
Regular Italic 		"proxima-nova" 	400 	italic
Medium 				"proxima-nova" 	500 	normal
Medium Italic 		"proxima-nova" 	500 	italic
Semibold 			"proxima-nova" 	600 	normal
Semibold Italic 	"proxima-nova" 	600 	italic
Bold 				"proxima-nova" 	700 	normal
Bold Italic 		"proxima-nova" 	700 	italic
Extrabold 			"proxima-nova" 	800 	normal
Extrabold Italic 	"proxima-nova" 	800 	italic
Black 				"proxima-nova" 	900 	normal
Black Italic 		"proxima-nova" 	900 	italic 
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html,body {
	width:100%;
	height:100%;
	overflow:visible;/* PAS auto (sinon les DIV en absolute semblent en fixed), PAS hidden (sinon ça cache ce qui dépasse), PAS scroll (sinon double scrollar) */
	background-color:#ffffff;
}
body {
	overflow:auto;/* PAS hidden (sinon ça cache ce qui dépasse), PAS scroll (sinon double scrollar), OU visible */
/*	overflow-x:hidden;*//* nécessaire afin de cacher ce qui n'est pas sensé dépasser à droite >>> OK mais pas ici, plutôt sur un conteneur général */
/*	min-width:640px;*/
	min-height:100%;
	height:auto;
	
	text-align:justify;
	font-family:'proxima-nova',Calibri,Arial,sans-serif;
	font-weight:300;
	font-size:20px;
	line-height:1.75;/*<<35px // 1.2*/
	letter-spacing:0.000em;
	color:#000;
	
/*
	background-image:url(../img/maquette-ACCUEIL-017.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto;
*/
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#bt_page_top {
	position:fixed;
		right:12px;
		bottom:12px;
}
#btDoctoLib {
	position:fixed;
		top:0;
		right:12px;
	z-index:1000;
	
	display:block;
		width:250px;
		height:40px;
		padding-left:9px;
	overflow:hidden;
	
	background-color:#0596DE;
		border-bottom-right-radius:4px;
		border-bottom-left-radius:4px;
	
	text-align:center;
	font-size:13px;
	line-height:40px;
	color:#ffffff;
}
/*#btDoctoLib .txt1 {display:inline;}*/
#btDoctoLib .txt2 {display:none;}
#btDoctoLib img {
	width:auto;
	height:25px;/*15px*/
	margin-bottom:3px;
	vertical-align:middle;
}
@media (max-width:1700px) {
	#btDoctoLib {width:200px;}
	#btDoctoLib .txt1 {display:none;}
	#btDoctoLib .txt2 {display:inline;}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a, a:visited, a:hover, a:active {
	color:#50868e;
	text-decoration:none;
}
/* POUR ENLEVER LE SURLIGNEMENT DES LIENS : non recommandé pour l'ergonomie !! */
/*
a {outline:0 none !important;}
a:focus {
	outline:thin dotted;
	outline-offset:-2px;
}
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table {width:100%;}
th,td {text-align:center; vertical-align:middle;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* pour empêcher ces éléments de déborder de la largeur de l'écran */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video, map, area {max-width:100%;}
/* CORRECTION pour la Google Map */
#map img {max-width:none;}
/*ul, li, a {margin:0; padding:0;}*/
ul, ol {
	margin:0.7em 0 0.1em 0;
	padding:0 0 0 20px;
}
li {list-style-type:'• ';/*disc*/}
.txt_normal ul ,.txt_normal ol {padding-left:1.4em;}

/* ESSAI MAIS ça ne fonctionne pas */
/*
ul.listimg {
	margin:0;
	padding:0;
}
ul.listimg li {
	display:inline-block; >> KO ça fait que le texte reste sur la même ligne (sans coupure)
	padding:0 0 0 6px;
}
ul.listimg li::before {
	display:inline;
	content:'• ';
}
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cb30{clear:both;height:30px;}
.cb20{clear:both;height:20px;}
.cb10{clear:both;height:10px;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*												STYLES SPECIFIQUES PAR SECTION											   */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#bando {
	width:100%;
	min-height:133px;
}
#bando .box {
	margin:0 auto;
	max-width:1140px;
}
#bando .box::after {
	clear:both;
	display:block;
	content:' ';
	height:0px;
}

#bando .bloc_titre {float:left; width:60%;}
#bando .bloc_coord {float:right; width:40%;/*MIN:34%*/}

#bando h1 {
	font-weight:bold;
	font-size:44px;
	line-height:1.2;
	margin: 20px 0 0px 0;
}
#bando h2 {
	font-weight:600;
	font-size:29px;
	line-height:1.05;
	margin:0 0 0 55px;
}

#bando .bloc_coord {
	text-align:right;
	font-weight:600;
	font-size:24px;
	line-height:1.15;
}
#bando .fb {line-height:34px; max-height:34px; margin-top:5px;}
#bando .fb img {vertical-align:top;}
#bando .adr {font-weight:300;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (max-width:1000px) {
#bando {min-height:0;}
#bando .bloc_titre {float:none; width:auto; margin:0 auto; text-align:center;}
#bando .bloc_coord {float:none; width:380px; margin:0 auto; text-align:center;}
#bando h1 {margin:10px 0 0px 0;}
#bando h2 {margin:0; padding-bottom:10px; border-bottom:6px #50868e solid;}
#bando .adr {margin-bottom:5px;}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#header {/*opacity:0.8;*/
	position:relative;
/*
	position:fixed;
		top:0;
		z-index:99;
*/
	width:100%;
	min-height:56px;
	background-color:#50868e;
}
#header .box {
	margin:0 auto;
	max-width:1250px;
}
#header .box::after {
	clear:both;
	display:block;
	content:' ';
	height:0px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#nav {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}
#nav li ,
#nav a {
	display:inline-block;
	margin:0;
	padding:0;
	border:0;
	
	text-align:center;
	vertical-align:middle;
	line-height:52px;
	height:56px;
	
	font-weight:600;
	font-size:20px;
	letter-spacing:0.073em;/*<<0.075em*/
	color:#ffffff;
	text-decoration:none;
}
#nav a:hover ,
#nav a.current {/*color:#000;*/ text-decoration:underline;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (max-width:1250px) {
#nav {
	float:none;
	width:100%;
}
#nav li {display:block;}
#nav li.sep {
/*
	display:none;
	..ou plutôt :
*/
	height:0px;
	overflow:hidden;
	border-bottom:1px #fff solid;
}
#nav a {
	display:block;
	width:100%;
	margin:0px auto;
}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#bt_menu {display:none;}
#bt_menu_fermer {display:none;}
#bt_menu img {cursor:pointer;}
#bt_menu_fermer {
	cursor:pointer;
	text-align:right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer {/*opacity:0.8;*/
	clear:both;
	background-color:#efefef;
}
#footer .box {
	margin:0 auto;
	max-width:1030px;
/*	height:136px;*/
	padding-bottom:13px;
	
	background-image:url(../img/foot/jaime-ma-psy.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto;
}
#footer .box::after {
	clear:both;
	display:block;
	content:' ';
	height:0px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer .bloc {
	float:left;
	width:50%;
	
	font-size:20px;
	line-height:1.3;
	color:#202020;
}

#footer .bloc:first-child h4 {font-weight:500; margin-top:8px;}
#footer .bloc:first-child h4:first-child {margin-top:13px;}
#footer .bloc:first-child img {margin-right:9px; vertical-align:baseline;}

#footer .bloc:nth-child(2) {padding-left:192px; padding-top:13px;}

#footer a {
	font-weight:500;
	font-size:20px;
	line-height:37px;
	color:#50868e;
}
#footer a:hover,
#footer a.current {
/*	color:#50868e;*/
	text-decoration:underline;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer .copy {
	background-color:#000000;
	
	text-align:center;
	vertical-align:middle;
	line-height:52px;
	height:56px;
	
	font-weight:600;
	font-style:italic;
	font-size:16px;
	color:#dadada;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (max-width:960px) {
#footer .box {
	height:auto;
	
	background-image:url(../img/foot/jaime-ma-psy.png);
	background-repeat:no-repeat;
	background-position:right 96%;
	background-size:auto;
}
#footer .bloc {
	float:none;
	width:100%;
	padding:3%;
}
#footer .bloc:nth-child(2) {padding-left:3%;}
#footer .bloc:first-child h4 {margin-top:23px;}
#footer .copy {height:auto; line-height:26px; padding:15px 10px;}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.box_contenu {
	margin:0 auto;
	max-width:1140px;
}
.box_contenu::after {
	clear:both;
	display:block;
	content:' ';
	height:0px;
}
.box_contenu .bloc {
	float:left;
	width:50%;
	padding:51px 55px;/*4.5% 4.8%*/
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#accueil .blocG {
	width:62.28%;/*=710px de 1140*/
}
#accueil .blocD {
	float:right;
	width:37.72%;/*35.96%=410px de 1140*/
	text-align:center;
}

#accueil h2 {
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	line-height:1.6;/*32px*/
}

#accueil .blocG ,
#accueil h3 {
	font-style:italic;
	font-size:20px;
	line-height:1.6;/*32px*/
}

#accueil .lignelogo {
	clear:both;
	margin-top:10px;
}
#accueil .lignelogo:first-of-type {margin-top:17px;}
#accueil .lignelogo::after {
	clear:both;
	display:block;
	content:' ';
	height:0px;
}

#accueil .h10 {height:12px; width:1px;}
#accueil .logo {
	float:left;
	width:110px;
}
#accueil .PSYmag {width:103px;}

#accueil .blocD img {
	margin-top:9px;
	margin-bottom:14px;
}
#accueil .blocD q {
	display:block;
	text-align:center;
	font-weight:600;
	font-style:italic;
	font-size:20px;
	line-height:1.2;/*24px*/
	letter-spacing:0.050em;
	color:#50868e;
}
#accueil .blocD q small {
	font-style:normal;
	font-size:14px;
	line-height:24px;/*1.2*/
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#champs-therapeutiques {
	font-size:19px;
	line-height:1.737;/*33px*/
}
#champs-therapeutiques .blocG {
	width:40%;/*39.9%=455px*/
}
#champs-therapeutiques .blocD {
	width:60%;/*le reste*/
	padding-left:0;
	padding-right:110px;
}

#champs-therapeutiques .blocG img {margin-top:9px;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#presentations {
	padding:51px 55px;/*4.5% 4.8%*/
	
	font-size:20px;
	line-height:1.6;/*32px*/
}
#presentations img {
	float:right;
	padding:10px 55px 22px 55px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#facon-travailler {
	padding:51px 55px;/*4.5% 4.8%*/
	
	font-size:20px;
	line-height:1.6;/*32px*/
}
#facon-travailler img {
	float:left;
	padding:10px 55px 11px 0px;
}
#facon-travailler .img2 {
	float:right;
	padding:0px 87px 11px 85px;
}
#facon-travailler .img3 {
	float:left;
	padding:0px 55px 11px 0px;
}
#facon-travailler .img4 {
	float:left;
	padding:5px 50px 11px 0px;
}
#facon-travailler .lh31 {line-height:1.55;/*31px*/}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#psychologie-travail {
	padding:51px 110px;/*51px 55px << 4.5% 4.8%*/
	
	font-size:20px;
	line-height:1.6;/*32px*/
}
#psychologie-travail img {
	float:left;
	padding:5px 55px 11px 0px;/*10px 49px 11px 0px*/
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#formations-references {
	padding:51px 55px;/*4.5% 4.8%*/
	
	font-size:20px;
	line-height:1.6;/*32px*/
}
#formations-references img {
	float:left;
	padding:0px 55px 11px 0px;
}
#formations-references .lh28 {line-height:1.2;/*1.4=28px*/ text-align:left;}
#formations-references .lh28 p {margin-top:9px;}
#formations-references .lh36 {line-height:1.66;/*1.8=36px*/}
#formations-references small {font-size:14px;}
#formations-references b {font-weight:600;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
img.X1 {/*display:inline;*/}
img.X2 {display:none;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (max-width:1140px) {
img.X1 {display:none;}
img.X2 {display:inline;}

.box_contenu .bloc {
    float:none;
	width:100%;
    padding:6% 3%;
}

#accueil .blocG {
    float:none;
	width:100%;
    padding:6% 3%;
}
#accueil .blocD {
    float:none;
	width:100%;
}
#accueil .lignelogo br {display:none;}

#champs-therapeutiques .blocG {display:none;}
#champs-therapeutiques .blocD {
    width:100%;
    padding:6% 3%;
}

#presentations {padding:6% 3%;}
#presentations img {
/*
	float:right;
	padding:10px 55px 22px 55px;
*/
	width:39%;
	max-width:402px;
	box-sizing:content-box;
}

#facon-travailler {padding:6% 3%;}
#facon-travailler img {padding:6px 3% 0px 0; width:249px;}
#facon-travailler .img2 {padding:6px 0 0px 3%;}
#facon-travailler .img3 {padding:0px 3% 0px 0;}
#facon-travailler .img4 {padding:0px 3% 0px 0;}

#psychologie-travail {padding:6% 3%;}
#psychologie-travail img {padding:5px 3% 0px 0; width:208px;}

#formations-references {padding:6% 3%;}
#formations-references img {padding:0px 3% 0px 0; width:244px;/*225px,247px*/}
#formations-references .lh36 > br:nth-child(2) {display:none;}

}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (max-width:800px) {
#presentations img {
	display:none;
/*
	display:block;
    float:none;
	width:201px;
	padding:0;
	margin:0 auto;
*/
}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (max-width:600px) {
#accueil .blocD {display:none;}
#facon-travailler img {display:none;}
#psychologie-travail img {display:none;}
#formations-references img {display:none;}
#formations-references .lh36 > br:nth-child(2) {display:inline;;}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */