/*#ctnLeft{width:536px;margin:0 0 0 25px;padding:35px 0 120px;text-align:left;color:#555}
  #ctnLeft h2{font-size:27px;font-weight:normal;line-height:150%}
#zLeft{padding:3px 0 10px;border-left:3px solid #0B98D7;border-top:3px solid #0B98D7;border-bottom:3px solid #0B98D7}
  #paraConsult{padding: 0 0 0 20px}
  #zLeft p{font-size:21px;line-height:150%}
    #zLeft p#secure{margin:0 3px 0 0;text-align:right;font-size:14px;font-style:italic;color:#666}
    #offrePromo{margin:15px 0 20px;text-align:center}
    #codePromo{text-align:center;background-color:#66CC66;padding:22px 0;width:533px;}

#ctnRight{position:absolute;top:70px;right:10px}
  #ctnRight h2{position:relative;height:77px}
    #flecheLeft,#flecheRight{position:absolute;top:30px}
    #flecheLeft{left:40px} #flecheRight{right:40px}*/
	#pv {
	width:1018px;
}
#pv #titre_head {
	background: url("../../images/new/bg-header2.png") repeat-y scroll center top transparent;
	height:187px;
}
#pv #left {
	width:630px;
	float:left;
	margin-left:8px;
}
#pv h1 {
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	color:#0095c0;
	text-transform:normal;
	margin:0;
	text-align:left;
	padding-top:12px;
	padding-left:20px;
}
#pv h3 {
	font-size:26px;
	font-family: 'Open Sans', sans-serif;
	color:#273b63;
	text-transform:uppercase;
	margin:0;
	border-top:4px solid #A5495C;
	padding:10px;
	font-weight:400;
}
.carre {
	background: none repeat scroll 0 0 #A5495C;
	left: 608px;
	min-height: 12px;
	position: absolute;
	top: 1px;
	visibility: visible;
	width: 12px;
}
.carre2 {
	background: none repeat scroll 0 0 #5D453C;
	right: 28px;
	min-height: 12px;
	position: absolute;
	visibility: visible;
	width: 12px;
}
#menuCtn li a {
	background-color: transparent;
	background-image: url("../../images/new/barre-menu.png");
	background-repeat: no-repeat;
	float: left;
	height: 39px;
	overflow: hidden;
	width: 320px;
}
#menuCtn li a#vg {
	background-color: transparent;
	background-image: url("../../images/new/barre-menu.png");
	background-repeat: no-repeat;
	float: left;
	height: 39px;
	overflow: hidden;
	width: 321px;
}
#menuCtn.accueil li#linkAccueil a {
	background-position: 0 0;
}
#menuCtn li#linkssAttente a {
	background-position: -320px -0px;
}
#menuCtn li#linkssCB a {
	background-position: -642px -78px;
}
#menuCtn li#linkAccueil a {
	background-position: 0 0
}
#menuCtn li#linkAccueil a:hover {
	background-position:0 -39px
}
#menuCtn li#linkssAttente a:hover {
	background-position:-320px -39px
}
#menuCtn li#linkssCB a:hover {
	background-position:-642px -39px
}
#menuCtn {
	height: 39px;
	width: 961px;
	background:none;
}
#menuLeft {
	background-image:none;
	width: 19px;
}
#menuLeft, #menuRight {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	height: 33px;
}
#menuRight {
	background-image: none;
	width: 18px;
}
#pv #right {
	float: left;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-top: 90px;
	width: 340px;
	position:relative;
}
#pv #right p {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:left;
}
#pv #right p span {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}
#pv #gestEtap {
	margin-left:15px;
}
#pv ul {
	text-align:left;
	font-size:20px;
	text-transform:uppercase;
	list-style-type:none;
}
#pv ul li {
	font-size:18px;
	color:#000;
}
#pv ul li span {
	color: #7CB545;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 24px;
}
#pv #banBienvenue {
	background: none repeat scroll 0 0 #0095C0;
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-weight: 600;
	margin: 0 auto;
	padding: 10px 0;
	text-transform: uppercase;
	width: 961px;
}
#pv #banBienvenue span {
	font-weight:800;
}
#pv #banBienvenue span.price {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
	margin-left: 470px;
	text-transform: none;
}
#pv .codePromo {
	font-family: 'Lato', sans-serif;
	font-size:24px;
	font-weight:900;
	text-transform:uppercase;
	background:#cbb3a2;
	color:white;
	width:961px;
	margin:0 auto;
	padding:5px 0;
	margin-bottom:20px;
}
#pv #allConsultants {
	background: none repeat scroll 0 0 white;
	margin: 0 auto;
	min-height: 500px;
	padding-top: 20px;
	position: relative;
	width: 998px;
}
/*fiche consult*/
.fiche {
	color: grey;
	float: left;
	margin-left:20px;
	margin-bottom:17px;
}
.fiche p {
	background-color: #FFFFFF;
	color: #0095C0;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.fiche2 {
	color: grey;
	float: left;
	margin-left:17px;
}
.fiche2 p {
	background-color: #FFFFFF;
	color: #0095C0;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.photoConsult {
	border: 1px solid #A6A6A6;
	height: 130px;
	position: relative;
	width: 130px;
}
.imgConsult {
	background-color: #FFFFFF;
	border-bottom: 1px solid #A6A6A6;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	font-family: 'Open Sans', sans-serif;
}
.voyanceTel {
	background: none repeat scroll 0 0 #F7F7F7;
	border: 1px solid #A6A6A6;
	float: left;
	height: 152px;
	margin-left: -1px;
	width: 176px;
}
.titre2 {
	font-family: 'Lato', sans-serif;
	background: none repeat scroll 0 0 #CBB3A2;
	color: white;
	font-size: 16px;
	font-weight: 700;
	padding: 5px 0;
	text-align: center;
}
.numero {
	color: #6BA942;
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-weight: 900;
	padding: 5px;
	text-align: center;
	margin-top:6px;
}
.tarif {
	color: #6BA942;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 23px;
	margin-left: 15px;
	text-align: left;
}
.special {
	text-align:center;
	color:#CBB3A2;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:700;
}
#pv #cartes {
	position: relative;
	margin-top: 10px;
	width: 630px;
	margin-left:8px;
}
#pv #ctnContent {
	background: url("../../images/new/bg-middle2.png") repeat scroll 0 0 transparent;
	color: #333333;
	margin: 0 auto;
	padding:0;
	position: relative;
	text-align: center;
	height:auto;
	padding-bottom:30px;
}
#pv #formulaire {
	background: url("../../images/form.png") no-repeat;
	width:300px;
	float:right;
	margin-right:8px;
	margin-top:10px;
}
#pv #formulaire_test {
	background: #0095c0;
	width:300px;
	float:right;
	margin-right:28px;
	margin-top:10px;
}
#pv #zCoeur {
	border-bottom: 8px solid #ffe4e1;
	margin: 0 auto;
	text-align: center;
	width: 300px;
}
#pv #zCoeurEntete {
	color: white;
	font-size: 14px;
	font-weight: normal;
	width: 300px;
	padding-top:5px;
	font-family: 'Open Sans', sans-serif;
	height:24px;
}
#pv #zCoeurEntete label {
	color:#A182BD;
}
#pv #zCoeurCtn img {
	position:absolute;
	top:8px
}
#pv #zCoeurCtn #flecheG {
	left:30px
}
#pv #zCoeurCtn #flecheD {
	right:30px
}
#pv #checkbox {
	padding:0 10px;
	text-align:left;
}
#pv #zCoeurCtn {
	margin-top: 3px;
	padding-bottom: 10px;
	position: relative;
	width: 300px;
}
#pv #zCoeurCtn .champ {
	width:180px;
	border: 1px solid #CFCECE;
	font-size:12px;
	text-align:center;
}
.liste, .listSex, .champ {
}
#sexe {
	margin-right:10px;
}
#votresexe {
	float:left;
	margin-left:10px;
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:14px;
}
#pv h4 {
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
	font-size:16px;
	color:#d2ebcf;
	background-color:#a182bd;
	margin-right:3px;
	padding:2px;
	text-align:center;
}
#pv h5 {
	font-family: 'Open Sans', sans-serif;
	color: #434343;
	font-size: 14px;
	margin-left:10px;
	font-weight:600;
}
#pv h5 span {
	color: #FFF;
	font-size: 14px;
	padding: 2px;
	text-align: left;
}
#pv label.h8 {
	font-size:9px;
	margin:0;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
}
.sep {
	border-bottom:8px solid #FFE4E1;
	margin-top:10px;
}
#pv #infos {
	margin-top: 10px;
	padding-bottom: 0px;
	width:300px
}
#pv #zone_bouton {
	margin-right: 3px;
	margin-top: 5px;
	padding-top: 4px;
	text-align: center;
	padding-bottom:10px;
}
#pv #bouton {
	background: none repeat scroll 0 0 #FF005E;
	border: 0 none;
	color: white;
	cursor: pointer;
	font-size: 20px;
	height: 37px;
	margin: 0 auto;
	padding: 0;
	width: 180px;
	border:1px solid #FF005E;
}
#pv #bouton:hover {
	background:#d3014e;
}
#pv #checkConsult {
	position: absolute;
	top: -5px;
	width:630px;
}
#pv p.paraConsult {
	opacity:0;
}
#pv #zoneConsult {
	margin: 0 auto;
	text-align: center;
}
#pv #zoneConsult p {
	color: white;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
#pv .voyants {
	background: none repeat scroll 0 0 white;
	border: 2px solid #0095C0;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	text-align: left;
	width: 30%;
	padding-left:5px;
}
#pv #zEtap {
	text-align:center;
	position:relative;
}
#pv #ban {
	position: absolute;
	right: 0;
	top: 0;
}
#pv #imgConsult {
	background: none repeat scroll 0 0 white;
	border: 2px solid white;
	height: 190px;
	margin-top: 2px;
	text-align: center;
}
#pv #centrer {
	background: rgba(255, 0, 94, 0.1);
	border: 2px solid white;
	padding: 10px 0;
	position: absolute;
	top: 0;
}
#pv #cartes {
	margin-top: 10px;
	position: relative;
	width: 620px;
	margin-left:29px;
}
#pv #zTarot {
	background: url("../../images/new/fondCartes.png");
	border: 1px solid #CFCECE;
	padding: 10px;
	text-align: center;
}
#pv #selection_left {
	float: left;
	text-align: center;
	width: 260px;
}
#pv #selection_right {
	float: left;
	margin-left: 20px;
	padding: 20px 12px 21px 0;
	position: relative;
	text-align: center;
	width: 47%;
}
#pv #alignCartes {
	margin: -130px auto 0;
	width: 560px;
}
#pv label {
	color: #6BA942;
	font-size: 16px;
	padding: 2px 2px 2px 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
#pv #changeConsult {
	border: 2px solid #EBEBEB;
	bottom: 0;
	color: #EBEBEB;
	cursor: pointer;
	font-family: open sans;
	font-size: 12px;
	font-weight: 600;
	padding: 0 4px;
	position: absolute;
	right: 0;
}
#pv .zoneCarte {
	height: 130px;
	margin: 0 13px 0 0;
	overflow: hidden;
	width: 95px;
}
#pv #zoneCartes {
	position: relative;
	margin-left:16px;
}
#pv .voyants img {
	float: right;
	height:49px;
	margin-right:-1px;
}
#conditions {
	color: #333333;
	font-size: 11px;
	text-align: right;
	padding-right:15px;
	margin-right:16px;
}
.banBas {
	margin-top:15px;
	padding-bottom:20px;
}
/*menu*/
#menuCtn li a {
	background-color: transparent;
	background-image: url("../../images/new/barre-menu2.png");
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	overflow: hidden;
	width: 319px;
}
#menuCtn li a#vg {
	background-color: transparent;
	background-image: url("../../images/new/barre-menu2.png");
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	overflow: hidden;
	width: 321px;
}
#menuCtn.accueil li#linkAccueil a {
	background-position: 0 0px;
}
#menuCtn li#linkssAttente a {
	background-position: -320px 0;
}
#menuCtn li#linkssCB a {
	background-position: -642px -33px;
	border-right:1px solid #999999;
}
#menuCtn li#linkAccueil a {
	background-position: 0 0
}
#menuCtn li#linkAccueil a:hover {
	background-position:0 -33px
}
#menuCtn li#linkssAttente a:hover {
	background-position:-320px -33px;
}
#menuCtn li#linkssCB a:hover {
	background-position:-642px -33px
}
/*menu*/

#ctnFooter {
    background: url("../../images/new/bg-footer2.png") no-repeat scroll center top transparent;
    color: #947763;
    font-family: 'Open Sans',sans-serif;
    height: 170px;
    margin: 0 auto;
    padding-bottom: 25px;
    width: 1018px;
}
img.logooo {
    margin: 0 auto;
    padding-top: 36px;
    width: 800px;
}
.ML {
	float:left;
	padding-top:0px;
	font-family: 'Open Sans', sans-serif;
	color:#947763;
	font-size:10px;
	margin-left:160px;
}
.facebook {
	float:right;
	padding-top:0px;
	font-family: 'Open Sans', sans-serif;
	color:#947763;
	font-size:10px;
	margin-right:140px;
}
.facebook img {
	position:absolute;
	margin-left:-30px;
	margin-top:-5px;
}
.sepFooter {
	border-bottom: 2px solid #E4D9D2;
	margin: 0 auto 15px;
	padding-top: 15px;
	width: 800px;
}
/***************** [@font-face] *******************/

@font-face {
	font-family:'Lobster-13-Regular';
	src: url('../fonts/Lobster-1.3.eot');
	src: url('../fonts/Lobster-1.3.eot?#iefix') format('embedded-opentype'), url('../fonts/Lobster-1.3.woff') format('woff'), url('../fonts/Lobster-1.3.ttf') format('truetype'), url('../fonts/Lobster-1.3.svg#Lobster-13-Regular') format('svg');
	font-weight: normal;
	font-style: normal
}
/***************** [gestion responsive] *******************/
#ctnGlobal {
	padding:0;
	width:1018px;
}
#responsive {
	background-color:#FFF;
	font-size:120%;
	display:none;
	width:100%;
	padding: 0 0 30px;
}
#responsive h1 {
	position:relative;
	color:#000;
	margin:0;
	background-color:#2c5e08;
	font-family:'Lobster-13-Regular';
	text-transform: inherit;
	font-weight: normal;
	font-size: 26px;
	background: white;
	padding-top:3px;
	padding-left:5px;
	border-radius:5px 5px 0 0;
}
#responsive h1 span {
	color:#39B54A;
	font-weight:lighter;
	font-family:'Lobster-13-Regular';
}
#responsive h1 img {
	width:50px;
	position:absolute;
}
#responsive #zone_cartes h2 {
	position:relative;
	background-color:#8564A3;
	border-bottom:2px solid #39B54A;
	color:white
}
.zone_h4 {
	color:#339966
}
#responsive #zone_consultants h2 {
	position:relative;
	background-color:#8564A3;
	border-bottom:2px solid #39B54A;
	color:white
}
#responsive #zone_formulaire h2 {
	position:relative;
	background-color:#8564A3;
	border-bottom:2px solid #39B54A;
	color:white
}
.arrow_bottom {
	margin:0 auto;
	width:0;
	height:0
}
.arrow_one, .arrow_twoo {
	position:absolute;
	top:12%
}
.arrow_one {
	left:15%
}
.arrow_twoo {
	right:15%
}
.arrow_right {
	margin:15px auto 0;
	width:0;
	height:0;
	border-top:120px solid transparent;
	border-right:0 solid transparent;
	border-bottom:120px solid transparent;
	border-left:55px solid #FFF;
	float:right;
}
#zone_bouton2 {
	padding:10px 0;
	color:#FFF;
	font-family: 'Lobster-13-Regular', Arial, sans-serif;
	font-size:50px;
	font-weight:normal;
	width:65%;
	background: #f4310e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0MzEwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VkNGM0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhMjcwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2YyMTkxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjEwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f4310e 0%, #ed4c47 50%, #ea270e 51%, #f21915 71%, #f21010 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4310e), color-stop(50%, #ed4c47), color-stop(51%, #ea270e), color-stop(71%, #f21915), color-stop(100%, #f21010));
	background: -webkit-linear-gradient(top, #f4310e 0%, #ed4c47 50%, #ea270e 51%, #f21915 71%, #f21010 100%);
	background: -o-linear-gradient(top, #f4310e 0%, #ed4c47 50%, #ea270e 51%, #f21915 71%, #f21010 100%);
	background: -ms-linear-gradient(top, #f4310e 0%, #ed4c47 50%, #ea270e 51%, #f21915 71%, #f21010 100%);
	background: linear-gradient(to bottom, #f4310e 0%, #ed4c47 50%, #ea270e 51%, #f21915 71%, #f21010 100%);
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 25px;
	letter-spacing: 3px;
	margin: 10px 0;
	padding: 6px 80px 7px;
}
/*Zone des cartes*/
#content-cartes {
	height: 150px;
	margin: 10px auto 0;
	position: relative;
	width: 400px;
}
#content-cartes2 {
	height: 150px;
	margin: 0 auto;
	position: relative;
	width: 400px;
}
.cartes-dos {
	position:absolute;
	top:15;
	width:80px;
	height:116px;
}
.cartes-tarot {
	display:none;
	position:absolute;
	top:0;
}
/*Gestion du stock de cartes*/
#image-0 {
	left: 30px;
}
#image-1 {
	left: 50px;
}
#image-2 {
	left: 70px;
}
#image-3 {
	left: 90px;
}
#image-4 {
	left: 110px;
}
#image-5 {
	left: 130px;
}
#image-6 {
	left: 150px;
}
#image-7 {
	left: 170px;
}
#image-8 {
	left: 190px;
}
#image-9 {
	left: 210px;
}
#image-10 {
	left: 230px;
}
#image-11 {
	left: 250px;
}
#image-12 {
	left: 270px;
}
#image-13 {
	left: 290px;
}
#image-14 {
	left: 310px;
}
/*gestion carte face*/

#face-0 {
	left:0
}
#face-1 {
	left:80px
}
#face-2 {
	left:160px
}
#face-3 {
	left:240px
}
#face-4 {
	left:320px
}
.go {
	margin:10px auto;
	background-image:url(../../images/responsive/go2.jpg);
	width:80px;
	height:80px;
	border:none;
	cursor:pointer;
}
#all_consultants {
	margin:0 auto;
	width:80%
}
.one_consultant {
	width:25%;
	text-align:center;
	margin:10px 0
}
.picture_one_consultant {
	cursor:pointer;
	margin:0 auto 5px;
	width:100px;
	height:100px;
	overflow:hidden;
	border:1px solid #CCC;
	;
	box-shadow: 1px 2px 5px #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.picture_one_consultant img {
	width:100px;
	height:110px;
}
#responsive_bouton {
	cursor:pointer;
	padding:4px 50px 5px;
	border:0 none;
	color:#FFF;
	font-size:20px;
	letter-spacing:3px;
	background: -moz-linear-gradient(top, #64d642 0%, #80cf61 48%, #6fc61e 51%, #4cb410 100%);
	background: -webkit-linear-gradient(top, #64d642 0%, #80cf61 48%, #6fc61e 51%, #4cb410 100%);
	background: -ms-linear-gradient(top, #64d642 0%, #80cf61 50%, #6fc61e 51%, #4cb410 100%);
	background: linear-gradient(top, #64d642 0%, #80cf61 48%, #6fc61e 51%, #4cb410 100%);
}
#responsive input {
	color: #47AD68;
	text-align: center;
}
input::-webkit-input-placeholder {
 color:#47AD68;
 text-align:center;
}
/*A penser :
 *
 *  max-width => taille du navigateur (penser a enlever celui-ci par la suite)  
 *  max-device-width => taille du periphérique (penser a mettre celui-ci par la suite)
 *    
 **/

@media screen and (max-width:940px) {
#responsive {
	display:block
}
#pv, #ctnFooter {
	display:none
}
#ctnGlobal {
	width:auto;
	padding:0
}
}



/* ==================== width > 980px ==================== */
@media screen and (max-width:990px) {
#responsive {
	display:block
}
#pv, #contMPlan, #ctnHeader, #ctnContent #pv {
	display:none
}
#bgCtnContent, #ctnContent, #bgCtnContentPied, #FooterEnd {
	width:auto;
	background:none;
}
#ctnGlobal {
	width:auto;
	padding:0;
}
#responsive h1 {
	font-size: 30px;
	margin: 0;
	border-radius:5px 5px 0 0;
}
#responsive h1 img {
	width:50px
}
#responsive #bord_h2 {
	padding:0
}
#responsive h2 {
	font-size:17px;
}
#responsive h3 {
	font-size:20px;
}
#responsive .zone_h4 {
	margin:5px 0;
	font-size:30px;
}
.arrow_bottom {
	border:13px solid transparent;
	border-top:16px solid #FFF
}
#ctn_cartes, #ctn_formulaire {
	width:100%
}
#ctn_formulaire {
	border:0 none;
	width:100%
}
/*Gestion des cartes*/
  #five_cartes {
	margin:0 auto
}
#five_cartes .zoneCarte {
	height: 135px
}
#five_cartes .one_carte {
	margin:0 auto 3px;
	width:90px;
	height:130px
}
#five_cartes .one_carte img {
	width:100%;
	height:100%
}
#carte_button_go {
	width:55%;
	padding:5px 10px;
	margin:7px auto 20px;
	font-size:32px;
	font-weight:normal;
}
/*Gestion des consultants*/
  #all_consultants {
	margin:7px auto;
	width:100%
}
.one_consultant, .consultant_false {
	display:block;
	width:20%;
	text-align:center;
	margin:0 0 10px
}
.consultant_false {
	opacity:0.2
}
.consultant_false .picture_one_consultant {
	cursor: default
}
.one_consultant p {
	font-size:110%;
	font-weight:normal;
	margin:5px 0 0
}
.picture_one_consultant {
	border-radius: 5px;
	box-shadow: 1px 2px 4px #000000;
	height:80px;
	margin: 0 auto 5px;
	width: 80px;
}
.picture_one_consultant img {
	height: 90px;
	width: 80px;
}
/*#all_consultants div:nth-last-child(5){margin:0 0 10px 10%}*/
  
  /*Gestion formulaire*/
  #choix_consultant {
	text-align:center;
	font-size:15px;
	width:18%;
	margin:0;
	padding: 10px 5px 0 0;
}
#choix_consultant p {
	text-align:left;
}
.arrow_right {
	float:inherit;
	display:none
}
#text_choix_consultant img {
	width:60px;
	height:70px;
}
#text_choix_consultant .change {
	margin:1% 0 0 55%;
	width: 25%;
}
#responsive_formulaire {
	width:80%;
	text-align:center;
	padding:0
}
#responsive_formulaire form {
	width:100%;
	margin: 0 auto
}
#responsive_emvForm div {
	margin:5px 0
}
#responsive_emvForm #zone_form_consult {
	margin:0
}
#responsive_emvForm .responsive_champ {
	-moz-border-radius:none;
	-webkit-border-radius:none;
	border-radius:none;
	border: 1px solid #999999;
	padding:0;
	width:45%
}
#responsive_emvForm .label {
	width:48%
}
#responsive #checkbox p {
	font-size: 8px;
	padding: 0
}
#carte_button_go {
	width:inherit;
	padding:5px 10px;
	margin:0 auto 20px;
	font-size:35px;
	font-weight:normal;
}
}

/* ==================== width > 800px ==================== */
@media screen and (max-width:800px) {
#responsive {
	display:block
}
#pv, #contMPlan, #ctnHeader, #ctnContent #pv {
	display:none
}
#bgCtnContent, #ctnContent, #bgCtnContentPied, #FooterEnd {
	height:auto;
	width:auto;
	background:none;
}
#ctnGlobal {
	height:auto;
	width:auto;
	padding:0px
}
#ctnContent {
	-moz-box-shadow:1px 1px 10px #000;
	-webkit-box-shadow:1px 1px 10px #000;
	box-shadow: 1px 1px 10px #000;
}
#responsive h1 {
	margin: 0;
	font-size:40px;
	word-spacing:5px;
	border-radius:5px 5px 0 0;
}
#responsive h1 img {
	width:80px;
	margin-top:-8px
}
#responsive #bord_h2 {
	padding: 0
}
#responsive h2 {
	font-size:30px;
}
#responsive h3 {
	background-color: #00A651;
	color: white;
	font-size: 14px;
	border-bottom:1px solid #F00;
	padding:3px 0;
	height:20px;
}
#responsive .zone_h4 {
	margin:5px 0;
	font-size:20px;
}
.arrow_bottom {
	border:8px solid transparent;
	border-top:13px solid #FFF
}
.arrow_one, .arrow_twoo {
	position:absolute;
	top:10%
}
.arrow_one {
	left:5%
}
.arrow_twoo {
	right:5%
}
#ctn_cartes, #ctn_formulaire {
	width:100%
}
#ctn_formulaire {
	width:100%;
	margin:0 auto
}
#ctn_formulaire #bord_h2 {
	padding:0;
	margin:0
}
#ctn_formulaire h2 {
	font-size:30px;
	padding:0px;
}
#responsive #responsive_partenaire {
	font-size: 20px;
	height: 30px;
	width: 350px;
}
#responsive #responsive_prenom {
	font-size: 20px;
	height: 30px;
	width: 350px;
}
#responsive #responsive_email {
	font-size: 20px;
	height: 30px;
	width: 350px;
}
#responsive #responsive_mobile {
	font-size: 20px;
	height: 30px;
	width: 350px;
}
#responsive p {
	text-align:center;
	padding:1px;
}
#zone_bouton2 {
	font-size:45px;
}
#pv label {
	font-size:15px;
}
#responsive p {
	padding: 3, 5px;
	text-align: center;
}
/*Gestion du stock de cartes*/
#image-0 {
	left: 30px;
}
#image-1 {
	left: 60px;
}
#image-2 {
	left: 90px;
}
#image-3 {
	left: 120px;
}
#image-4 {
	left: 150px;
}
#image-5 {
	left: 180px;
}
#image-6 {
	left: 210px;
}
#image-7 {
	left: 240px;
}
#image-8 {
	left: 270px;
}
#image-9 {
	left: 300px;
}
#image-10 {
	left: 330px;
}
#image-11 {
	left: 360px;
}
#image-12 {
	left: 390px;
}
#image-13 {
	left: 420px;
}
#image-14 {
	left: 450px;
}
/*Gestion des cartes*/
#content-cartes {
	height: 150px;
	margin: 10px auto 0;
	position: relative;
	width: 550px;
}
#content-cartes2 {
	height: 150px;
	margin: 0 auto;
	position: relative;
	width: 400px;
}
#carte_button_go {
	width:inherit;
	padding: 10px 0;
	margin:5px auto 10px;
	font-size:20px;
	font-weight:normal;
}
img.cartes-dos {
	width:80px;
	height:116px;
}
img.cartes-tarot {
	width:80px;
	height:116px;
}
/*Gestion des consultants*/
  #all_consultants {
	margin:0 auto;
	width:100%
}
.one_consultant, .consultant_false {
	display:block;
	width:33%;
	text-align:center;
	margin:0 0 7px
}
.consultant_false {
	opacity:0.2
}
.consultant_false .picture_one_consultant {
	cursor: default
}
.one_consultant p {
	font-size:14px;
	font-weight:normal;
	margin:2px 0
}
.picture_one_consultant {
	border-radius:3px;
	box-shadow: 1px 1px 3px #000000;
	height:130px;
	margin:0 auto 5px;
	width:110px;
}
.picture_one_consultant img {
	height:130px;
	width:110px
}
#all_consultants div:nth-last-child(5) {
	margin:inherit;
}
#responsive #checkbox label {
	font-size:11px;
	color:#999;
}
/*Gestion formulaire*/
  #ctn_formulaire .floatLeft, #ctn_formulaire .floatRight {
	float:inherit;
	clear:both
}
#choix_consultant, #responsive_formulaire {
	width:auto
}
#choix_consultant {
	padding: 0 0 0 5px;
	margin:0
}
.arrow_right {
	float:inherit;
	display:none
}
#text_choix_consultant {
	font-weight:bold;
	text-align:center;
	font-size:14px;
	width:inherit;
	float:inherit;
	clear:both
}
#text_choix_consultant img {
	float:left;
	width:40px;
	height:50px;
	border:0 none;
	box-shadow: none;
}
#text_choix_consultant .change {
	font-weight:normal;
	margin:1% 0 0 61%;
	width: 25%;
}
#choix_consultant span {
	clear:both
}
#choix_consultant span.clearFix {
	display:block;
}
#choix_consultant p {
	text-align:center;
}
#responsive_formulaire {
	text-align:center;
	padding:0
}
#responsive_formulaire form {
	width:90%;
	margin: 0 auto
}
#responsive_emvForm .label {
	float:inherit
}
#responsive_emvForm p {
	text-align:center;
	padding:5px;
}
#responsive label {
	font-size:26px;
}
#responsive #checkbox {
	margin-bottom: 10px;
	margin-top: -5px;
	padding: 0 30px;
	text-align: left;
}
#responsive_emvForm div {
	margin:3px 0
}
#responsive_emvForm #zone_form_consult {
	margin:0
}
#responsive_emvForm .responsive_champ {
	border: 1px solid #999999;
	padding:1px;
	width: 75%
}
#responsive_emvForm .label {
	width: 220px
}
#responsive #checkbox p {
	font-size: 7px;
	padding: 0
}
#FooterEnd {
	margin:100px 0 0
}
#FooterEnd p, #FooterEnd a {
	font-size:9px;
	font-weight:normal
}
}



/* ==================== width > 740px ==================== */
@media screen and (max-width:740px) {
#responsive {
	display:block
}
#pv, #contMPlan, #ctnHeader, #ctnContent #pv {
	display:none
}
#bgCtnContent, #ctnContent, #bgCtnContentPied, #FooterEnd {
	width:auto;
	background:none;
}
#ctnGlobal {
	width:auto;
	padding:0px;
}
#responsive h1 {
	font-size: 30px;
	margin:0;
	border-radius:5px 5px 0 0;
	position:relative;
}
#responsive h1 img {
	width:60px;
	right:2px;
}
#responsive #bord_h2 {
	padding: 0;
}
#responsive h2 {
	font-size:17px;
}
#responsive h3 {
	font-size:20px;
}
#responsive .zone_h4 {
	margin:5px 0;
	font-size:17px;
}
.arrow_bottom {
	border:13px solid transparent;
	border-top:16px solid #FFF
}
#ctn_cartes, #ctn_formulaire {
	width:100%
}
#ctn_formulaire {
	border:0 none;
	width:100%
}
/*Gestion des cartes*/
  #five_cartes {
	margin:0 auto
}
#five_cartes .zoneCarte {
	height: 135px
}
#five_cartes .one_carte {
	margin:0 auto 3px;
	width:90px;
	height:130px
}
#five_cartes .one_carte img {
	width:100%;
	height:100%
}
#five_cartes .zoneCarte, #five_cartes #zone_4, #five_cartes #zone_5 {
	width:20%
}
#five_cartes #zone_4 {
	margin:0
}
#carte_button_go {
	width:55%;
	padding: 10px 0 5px;
	margin:7px auto 20px;
	font-size:32px;
	font-weight:normal;
}
/*Gestion des consultants*/
  #all_consultants {
	margin:7px auto;
	width:100%
}
.one_consultant, .consultant_false {
	display:block;
	width:20%;
	text-align:center;
	margin:0 0 10px
}
.consultant_false {
	opacity:0.2
}
.consultant_false .picture_one_consultant {
	cursor: default
}
.one_consultant p {
	font-size:110%;
	font-weight:normal;
	margin:5px 0 0
}
.picture_one_consultant {
	border-radius: 5px;
	box-shadow: 1px 2px 4px #000000;
	height:80px;
	margin: 0 auto 5px;
	width: 90px;
}
.picture_one_consultant img {
	height:100px;
	width: 90px;
}
#all_consultants div:nth-last-child(5) {
	margin:inherit;
}
/*Gestion formulaire*/
  #choix_consultant {
	text-align:center;
	font-size:15px;
	width:18%;
	margin:0;
	padding: 10px 5px 0 0;
}
#choix_consultant p {
	text-align:left;
}
.arrow_right {
	float:inherit;
	display:none
}
#text_choix_consultant img {
	width:60px;
	height:70px;
}
#text_choix_consultant .change {
	margin:1% 0 0 55%;
	width: 25%;
}
#responsive_formulaire {
	width:80%;
	text-align:center;
	padding:0
}
#responsive_formulaire form {
	width:100%;
	margin: 0 auto
}
#responsive_emvForm div {
	margin:5px 0
}
#responsive_emvForm #zone_form_consult {
	margin:0
}
#responsive_emvForm .responsive_champ {
	-moz-border-radius:none;
	-webkit-border-radius:none;
	border-radius:none;
	border: 1px solid #999999;
	padding:0;
	width:45%
}
#responsive_emvForm .label {
	width:48%
}
#responsive #checkbox p {
	font-size: 8px;
	padding: 0
}
#carte_button_go {
	width:60%;
	padding: 10px 0;
	margin:1px auto 20px;
	font-size:35px;
	font-weight:normal;
}
#FooterEnd {
	margin:30px 0 0
}
}


/* ==================== width > 480px ==================== */
@media screen and (max-width:480px) {
#responsive {
	display:block
}
#pv, #contMPlan, #ctnHeader, #ctnContent #pv {
	display:none
}
#bgCtnContent, #ctnContent, #bgCtnContentPied, #FooterEnd {
	height:auto;
	width:auto;
	background:none;
}
#ctnGlobal {
	height:auto;
	width:auto;
	padding:0px
}
#ctnContent {
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow: 1px 1px 7px #000;
}
#responsive h1 {
	margin: 0;
	font-size:28px;
	word-spacing:5px;
	border-radius:5px 5px 0 0;
	text-align:left
}
#responsive h1 img {
	width:65px;
}
#responsive #bord_h2 {
	padding: 0
}
#responsive h2 {
	font-size:26px;
}
#responsive h3 {
	background-color: #00A651;
	color: white;
	font-size: 19px;
	height: 32px;
}
#responsive .zone_h4 {
	margin:15px 0;
	font-size:22px;
}
.arrow_bottom {
	border:12px solid transparent;
	border-top:17px solid #FFF
}
.arrow_one {
	left:3%
}
.arrow_twoo {
	right:3%
}
#ctn_cartes, #ctn_formulaire {
	width:100%
}
#ctn_formulaire {
	width:100%;
	margin:0 auto 5px
}
#ctn_formulaire #bord_h2 {
	padding:1px 0;
	margin:0 0 7px;
	display:block
}
#ctn_formulaire h2 {
	font-size:26px;
	display:block;
	padding:inherit
}
#zone_bouton2 {
	font-size:28px;
	padding:5px;
}
#pv label {
	font-size:18px;
}
#responsive p {
	padding: 8px;
	text-align: center;
}
/*Gestion des cartes*/
  #five_cartes {
	margin:0 auto
}
#five_cartes .zoneCarte {
	width:33%;
	height: 150px
}
#five_cartes .one_carte {
	margin:0 auto 10px;
	width:90px;
	height:130px
}
#five_cartes .one_carte img {
	width:100%;
	height:100%
}
#five_cartes #zone_4, #five_cartes #zone_5 {
	width:40%
}
#five_cartes #zone_4 {
	margin:0 0 0 10%
}
#carte_button_go {
	width:inherit;
	padding: 10px 5px;
	margin:20px auto;
	font-size:28px;
	font-weight:normal;
}
#responsive #responsive_partenaire {
	font-size: 18px;
	height: 30px;
	width: 300px;
}
#responsive #responsive_prenom {
	font-size: 18px;
	height: 30px;
	width: 300px;
}
#responsive #responsive_email {
	font-size: 18px;
	height: 30px;
	width: 300px;
}
#responsive #responsive_mobile {
	font-size: 18px;
	height: 30px;
	width: 300px;
}
/*Gestion des consultants*/
  #all_consultants {
	margin:20px auto;
	width:100%
}
.one_consultant, .consultant_false {
	display:block;
	width:33%;
	text-align:center;
	margin:0 0 10px
}
.consultant_false {
	opacity:0.2
}
.consultant_false .picture_one_consultant {
	cursor: default
}
.one_consultant p {
	font-size:122%;
	font-weight:bold;
	margin:12px 0
}
.picture_one_consultant {
	border-radius:10px;
	box-shadow: 1px 2px 5px #000000;
	height: 90px;
	margin: 0 auto 5px;
	width: 100px;
}
.picture_one_consultant img {
	height:110px;
	width:100px
}
#all_consultants div:nth-last-child(5) {
	margin:0 0 10px;
}
#responsive #checkbox label {
	font-size:10px;
	color:#999;
}
/*Gestion formulaire*/
  #ctn_formulaire .floatLeft, #ctn_formulaire .floatRight {
	float:inherit;
	clear:both
}
#choix_consultant, #responsive_formulaire {
	width:auto
}
#choix_consultant {
	padding: 0 0 0 5px;
	margin:0
}
.arrow_right {
	float:inherit;
	display:none
}
#text_choix_consultant {
	text-align:center;
	font-size:20px;
	width:inherit;
	float:inherit;
	clear:both
}
#text_choix_consultant img {
	float:left;
	width:50px;
	height:60px;
	box-shadow: none;
	margin:0 0 5px 0
}
#text_choix_consultant .change {
	margin:1% 0 0 61%;
	width: 25%;
}
#choix_consultant span {
	clear:both
}
#choix_consultant span.clearFix {
	display:block;
}
#choix_consultant p {
	text-align:center;
}
#responsive_formulaire {
	text-align:center;
	padding:0
}
#responsive_formulaire form {
	width:90%;
	margin: 0 auto
}
#responsive_emvForm .label {
	float:inherit
}
#responsive_emvForm p {
	text-align:center;
}
#responsive_emvForm div {
	margin:5px 0
}
#responsive_emvForm #zone_form_consult {
	margin:0
}
#responsive_emvForm .responsive_champ {
	border: 1px solid #999999;
	padding:3px;
	width: 80%
}
#responsive_emvForm .label {
	width: 220px
}
#responsive #checkbox p {
	font-size: 8px;
	padding: 0
}
.barre_lat {
	display:block;
	width:85%;
	height:1px;
	background-color:#000;
	margin:3px auto
}
}



/* ==================== width > 320px ==================== */
@media screen and (max-width:320px) {
#responsive {
	display:block
}
#pv, #contMPlan, #ctnHeader, #ctnContent #pv {
	display:none
}
#bgCtnContent, #ctnContent, #bgCtnContentPied, #FooterEnd {
	height:auto;
	width:auto;
	background:none;
}
#ctnGlobal {
	height:auto;
	width:auto;
	padding:0px
}
#ctnContent {
	-moz-box-shadow:1px 1px 10px #000;
	-webkit-box-shadow:1px 1px 10px #000;
	box-shadow: 1px 1px 10px #000;
}
#responsive h1 {
	margin: 0;
	font-size:26px;
	letter-spacing:0;
	word-spacing:0;
	text-align:left
}
#responsive h1 img {
	width:50px;
	margin-top:-5px
}
#responsive #bord_h2 {
	padding: 0
}
#responsive h2 {
	font-size:20px;
}
#responsive h3 {
	background-color: #00A651;
	color: white;
	font-size: 14px;
	border-bottom:1px solid #F00;
	padding:3px 0;
	height:20px;
}
#responsive .zone_h4 {
	margin:5px 0;
	font-size:20px;
}
.arrow_bottom {
	border:8px solid transparent;
	border-top:13px solid #FFF
}
.arrow_one, .arrow_twoo {
	position:absolute;
	top:10%
}
.arrow_one {
	left:5%
}
.arrow_twoo {
	right:5%
}
#ctn_cartes, #ctn_formulaire {
	width:100%
}
#ctn_formulaire {
	width:100%;
	margin:0 auto
}
#ctn_formulaire #bord_h2 {
	padding:0;
	margin:0
}
#ctn_formulaire h2 {
	font-size:20px;
	padding:0px;
}
#responsive #responsive_partenaire {
	font-size: 14px;
	height: 20px;
	width: 200px;
}
#responsive #responsive_prenom {
	font-size: 14px;
	height: 20px;
	width: 200px;
}
#responsive #responsive_email {
	font-size: 14px;
	height: 20px;
	width: 200px;
}
#responsive #responsive_mobile {
	font-size: 14px;
	height: 20px;
	width: 200px;
}
#responsive p {
	text-align:center;
	padding:1px;
}
#zone_bouton2 {
	font-size:28px;
}
#responsive label {
	font-size: 18px;
}
#pv label {
	font-size:15px;
}
#responsive p {
	padding: 3, 5px;
	text-align: center;
}
/*Gestion des cartes*/
#content-cartes {
	height: 90px;
	margin: 10px auto 0;
	position: relative;
	width: 200px;
}
/**/
#image-0 {
	left: 5px;
}
#image-1 {
	left: 15px;
}
#image-2 {
	left: 25px;
}
#image-3 {
	left: 35px;
}
#image-4 {
	left: 45px;
}
#image-5 {
	left: 55px;
}
#image-6 {
	left: 65px;
}
#image-7 {
	left: 75px;
}
#image-8 {
	left: 85px;
}
#image-9 {
	left: 95px;
}
#image-10 {
	left: 105px;
}
#image-11 {
	left: 115px;
}
#image-12 {
	left: 125px;
}
#image-13 {
	left: 135px;
}
#image-14 {
	left: 145px;
}
#content-cartes2 {
	height: 80px;
	margin: 0 auto;
	position: relative;
	width: 250px;
}
#carte_button_go {
	width:inherit;
	padding: 10px 0;
	margin:5px auto 10px;
	font-size:20px;
	font-weight:normal;
}
img.cartes-dos {
	width:50px;
	height:80px;
}
img.cartes-tarot {
	width:50px;
	height:80px;
}
/*gestion carte face*/

#face-0 {
	left:0
}
#face-1 {
	left:50px
}
#face-2 {
	left:100px
}
#face-3 {
	left:150px
}
#face-4 {
	left:200px
}
/*Gestion des consultants*/
  #all_consultants {
	margin:0 auto;
	width:100%
}
.one_consultant, .consultant_false {
	display:block;
	width:33%;
	text-align:center;
	margin:0 0 7px
}
.consultant_false {
	opacity:0.2
}
.consultant_false .picture_one_consultant {
	cursor: default
}
.one_consultant p {
	font-size:14px;
	font-weight:normal;
	margin:2px 0
}
.picture_one_consultant {
	border-radius:3px;
	box-shadow: 1px 1px 3px #000000;
	height:60px;
	margin:0 auto 5px;
	width:70px;
}
.picture_one_consultant img {
	height:80px;
	width:70px
}
#all_consultants div:nth-last-child(5) {
	margin:inherit;
}
#responsive #checkbox label {
	font-size:8px;
	color:#999;
}
/*Gestion formulaire*/
  #ctn_formulaire .floatLeft, #ctn_formulaire .floatRight {
	float:inherit;
	clear:both
}
#choix_consultant, #responsive_formulaire {
	width:auto
}
#choix_consultant {
	padding: 0 0 0 5px;
	margin:0
}
.arrow_right {
	float:inherit;
	display:none
}
#text_choix_consultant {
	font-weight:bold;
	text-align:center;
	font-size:14px;
	width:inherit;
	float:inherit;
	clear:both
}
#text_choix_consultant img {
	float:left;
	width:40px;
	height:50px;
	border:0 none;
	box-shadow: none;
}
#text_choix_consultant .change {
	font-weight:normal;
	margin:1% 0 0 61%;
	width: 25%;
}
#choix_consultant span {
	clear:both
}
#choix_consultant span.clearFix {
	display:block;
}
#choix_consultant p {
	text-align:center;
}
#responsive_formulaire {
	text-align:center;
	padding:0
}
#responsive_formulaire form {
	width:90%;
	margin: 0 auto
}
#responsive_emvForm .label {
	float:inherit
}
#responsive_emvForm p {
	text-align:center;
}
#responsive_emvForm div {
	margin:5px 0
}
#responsive_emvForm #zone_form_consult {
	margin:0
}
#responsive_emvForm .responsive_champ {
	border: 1px solid #999999;
	padding:1px;
	width: 75%
}
#responsive_emvForm .label {
	width: 220px
}
#responsive #checkbox p {
	font-size: 7px;
	padding: 0
}
#FooterEnd {
	margin:100px 0 0
}
#FooterEnd p, #FooterEnd a {
	font-size:9px;
	font-weight:normal
}
}