/*	$Id: default.css 1372 2019-08-27 14:49:40Z thierry $	*/
body {
	background-color:white;
	font-family:"Georgia";
	font-size:medium;
	font-weight:normal;
	min-height:10px;
	margin:0px;
	overflow-y:scroll;
	padding:0px;
}
form {
	margin:0px;
}

div.logo {
	height:70px;
	background:url('images/logo.png') no-repeat center center;
	
}
img {
	border:none;
}
input[readonly] {
	background-color:#eeeeee;
}

fieldset {
	padding:2px 6px 2px 6px;
	border:solid 1px #828282;
}

legend {
	font-family:Verdana;
	font-size:small;
	font-weight:bold;
	color:#828282;
	margin-left:8px;
	margin-bottom:6px;
}
fieldset>div {
	margin-left:8px;
	font-family:Arial;
	font-size:small;
}
fieldset>div.aide {
	text-align:left;
	padding-left:2px;
}

h1 {
	font-size:x-large;
	font-family:Arial;
	text-align:center;
	letter-spacing:3px;
	color:#84bd13;
	padding-left:82px;
}
h2 {
	font-size:large;
	text-align:center;
}
	

a {
	font-family:Verdana;
	font-size:small;
	text-decoration:none;
	font-weight:bold;
	color:#828282;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#828282;
}
a.large {
	margin:2px 16px 2px 16px;
}
.icone {
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
}
.ico16 {
	width:16px;
	height:16px;
	border:none;
}

.ip {
	font-family:Verdana;
}
.attention {
	color:red;
}

.menutop {
	text-align:right;
	margin:-3px 2px 0px 0px;
}
.menutop a {
	font-family:Arial;
	font-weight:normal;
	font-size:small;
	margin-left:12px;
	margin-right:12px;
}

.aide {
	font-family:Arial;
	font-size:small;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:#800000;
}
div.aide {
	margin-left:6px;
	text-align:center;
}

.aide2 {
	color:#800000;
	width:70%;
	margin-top:15px;
	margin-bottom:15px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	font-size:medium;
	font-weight:normal;
}

caption {
	font-family:Arial;
	border:none;
	font-size:large;
}

label {
	cursor:pointer;
	font-family:Arial;
	font-size:small;
}

.center {
	text-align:center;
}
.tleft {
	text-align:left;
}

#uleft {	/* div gestion du compte	*/
	background:#dedede;
	border-bottom: 1px solid grey;
	border-right: 1px solid grey;
	float:left;
	margin-bottom:2em;
	min-width:280px;
	padding:0;
	width:25%;
}
#uleft button.prdv {margin-left:13px;}

#uright {
	float:left;
	margin-bottom:2em;
	left:282px;
	right:0;
}
table.gestion {
	width:100%;
}
table.gestion td {
	vertical-align:top;
}
table.gestion td.img {
	padding-left:3px;
	width:78px;
}


#underbox {
	visibility:hidden;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	background-color: #c0c0c0;
	position:fixed;
	_position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 98;
}

div.popup {
	visibility:hidden;
	position:fixed;
	_position:absolute;	/* For fucking IE6 */
	top:150px;
	left:200px;
	width:300px;
	background-color: white;
	text-align:center;
	padding:4px 12px 4px 12px;
	border:solid 1px #999999;
	-webkit-box-shadow:2px 4px 6px black;
	-moz-box-shadow:2px 4px 6px black;
	box-shadow:2px 4px 6px black;
	word-wrap: break-word;
	z-index: 99;
}
.popup p {
	text-align:left;
}
.popup p.titre {
	background-color:#2bbbad;
	color:white;
	font-family:Raleway, Arial, sans-serif;
	font-size:17px;
	font-weight:500;
	margin:-4px -12px auto -12px;
	padding:4px 4px 4px 4px;
	text-align:center;
}
.popup p.alert-msg {
	font-family:Raleway, Arial, sans-serif;
}
.popup p.btn {
	text-align:center;
}
#progress {
    display:block;
    z-index:500;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:#d0d0d0 url(/images/progress.gif) no-repeat center center;
}
img.progress {
	position:absolute;
	visibility:hidden;
	margin:auto;
	left:118px;
	top:118px;
	height:64px;
	width:64px;
	z-index:99999;
}
span.titre {
	color:#666666;
}

div.nav {
	width:100%;	
	margin:0px;
/*	background-color:#89ba17;	*/
	background-color:#2bbbad;
	text-align:center;	
	color:white;
	white-space:nowrap;
	font-family:Arial;
	font-weight:normal;
	font-size:14px;
/*	height:16px;	*/
	height:20px;
	border-bottom: solid 1px grey;
}
div.nav a{
	color:white;
	font-weight:normal;
	white-space:nowrap;
	font-family:Arial;
	font-size:14px;
	margin:auto 0px auto 20px;	
}
div.nav a:hover{
	text-decoration:none;
	cursor:pointer;	
}
div.navleft{
	height:16px;	
	float:left;
	width:49.5%;
	text-align:left;
}
div.navright{
	height:16px;	
	float:left;
	width:49.5%;
	text-align:right;
}
div.navcenter {
	font-family:Raleway, Arial, sans-serif;
	font-size:17px;
	font-weight:500;
	padding-top:1px;
	Xletter-spacing:1pt;
	text-align:center;
}

div.ficheAbo{
	text-align:right;
	position:absolute;
	top:30px;
	opacity:1;
	right:5px;
	width:220px;
	height:70px;
	border:solid 1px grey;
	font-size:12px;
	padding:5px;
	box-shadow: 3px 3px 8px #aaa;
	background-color:transparent;
}
div.texteAbo{
	text-align:left;
	position:absolute;
	top:30px;
	left:5px;
	width:220px;
	height:70px;
	border:1px solid grey;
	font-size:12px;
	padding:5px;
	box-shadow: 3px 3px 8px #aaa;
	background-color:transparent;
	overflow:hidden;
	/*	Attributs pour montrer les 3 points à la fin du texte... que pour Chrome et Safari	*/
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	max-width:220px;
	line-height:1.3;
	-webkit-line-clamp:5;
	-webkit-box-orient: vertical;
	text-overflow:ellipsis;
}

div.navRech{	
	border:solid 1px #84bd13;
	color:grey;
	white-space:nowrap;
	font-family:Arial;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	padding:5px 5px 5px 5px;
}


table.nav {
	width:100%;
	margin-bottom:-1px;
	background-color:#84bd13;
}
table.nav td {
	text-align:center;
	border:solid 1px #84bd13;
	width:10%;
	color:white;
	white-space:nowrap;
	font-family:Arial;
	font-weight:bold;
}
table.nav td.left {text-align:left;}
table.nav td.right {text-align:right;}

table.nav a, table.nav a:visited {
	color:white;
	font-family:Verdana;
	font-weight:bold;
	font-size:small;
}

.cadre {
	width:100%;
	margin: 0px 2px 0px 2px;
	margin-bottom:4px;
	margin-top: 10px;
	border-collapse:collapse;
}
.cadre td {
	border:solid 1px #000000;
	padding: 4px 8px 4px 8px;
}

table.cherche {
	margin-top:0px;
	padding-top:0px;
	font-family:Arial;
	font-size:small;
}
table.cherche th, table.cherche td {
	padding-top:0px;
	margin-top:0px;
	padding-left:0px;
}
table.cherche th {
	font-weight:normal;
	text-align:left;
	padding-left:3px;
}

div.liens {
	border:solid 1px black;
	padding:3px;
}

button.btn {
	margin:2px 24px 2px 24px;
}
button.synt {
	width:10em;
}

.vert {
	background-color:#e8e8e8;
	border:1px solid #afafaf;
	color:#666666;
	display:inline-block;
	margin:0 1em;
	height:32px;
	font-size:13px;
	line-height:18px;
	cursor:pointer;
}

#fiche {
	position:relative;
	float:right;
	width:17em;
	box-shadow:2px 4px 6px black;
	-webkit-box-shadow:2px 4px 6px black;
	-moz-box-shadow:2px 4px 6px black;
}
#tfiche {
	border:none;
}


.carte {
	width:33em;
	margin:13px auto 13px auto;
	border:solid 1px #999999;
	padding:4px 8px 4px 8px;
	text-align:center;
	box-shadow:2px 2px 4px black;
	-webkit-box-shadow:1px 1px 2px black;
	-moz-box-shadow:1px 1px 2px black;	
}
.carte>h4 {
	font-size:medium;
	font-family:Arial;
	margin: 64px auto 2px auto;
}
.carte>p {		
	margin-top:2px;
}
.carte>p.rdv {	
	text-align:right;
}
.carte>table {
	width:100%;
	margin:0px;
	padding:0px;
}
.carte td {
	padding:0px;
	font-style:italic;
	font-size:small;
	text-align:left;
	vertical-align:bottom;
	color:#666666;
}
.carte td.tel {
	text-align:right;
}
.carte td.adr {
	text-align:left;
}

.dynform {
	display:none;
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	vertical-align:top;
	margin-left:20px;
}

div.data {
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	vertical-align:top;
}
table.bandeau{
	width:100%;
}

table.connect {
	border:solid 1px black;
	font-family:Arial;
	font-size:small;
	text-align:left;
}

table.login td{
	text-align:left;
	font-style:italic;
	font-size:small;
}
table.login th.error {
	text-align:center;
	color:maroon;
	font-family:Verdana;
	font-size:small;
}

table.form {
	font-family:Arial;
	font-size:small;
}
table.right {
	position:absolute;
	float:right;
	top: 100px;
	right:7px;
}
table.form th {
	text-align:right;
	font-weight:normal;
}
table.form th>span {
    color:#800000;
}

table.form td {
	text-align:left;
}
tr.hdr td {
	text-align:center;
}
table.form th.titre {
	text-align:center;
	color:navy;
}
table.form td.txt {
	color:gray;
}

table.form td.btn {
	text-align:center;
}
table.form td.btn input[type=button] {
	margin:auto 8px auto 8px;
}

table.data, table.list {
	padding:3px;
	margin:0px;
}
table.center {
	margin-left:auto;
	margin-right:auto;
}
table.data th {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}
table.data th.titre {
	text-align:center;
}
table.data td {
	text-align:left;
	color:#666666;
}
table.list {
	border-collapse:collapse;
	margin-left:20px;
}
table.list td {
	border:solid 1px black;	
	vertical-align:top;
	padding:7px;
	font-family:Arial;
}

ul.horaires {
	border:solid 1px #000000;
	list-style-type:none;
	padding:0px;
	margin:0px;
}
ul.horaires li {
	text-align:right;
	padding: 2px 8px 2px 64px;
	cursor:pointer;
}
ul.horaires li.jour {
	text-align:left;
	padding-left:6px;
	cursor:default;
}

#agenda {
	width:100%;
	border-collapse:collapse;
}
#agenda caption {
	padding-bottom:8px;
}
#agenda td {
	border:solid 1px black;
	vertical-align:top;
	padding:0px;
	font-family:Arial;
	width:14.28%;
	background-color:#eeeeee;
}
#agenda dl {
	margin:0px;
}
#agenda dt {
	border-bottom:solid 1px black;
	background-color:#eeeeee;
	font-size:small;
	text-align:left;
	white-space:nowrap;
	margin:0px;
	padding:4px;
}
#agenda dd a {
	font-weight:normal;
	color:white;
}
#agenda dd {
	background-color:#2bbbad;
	border-radius:4px;
	cursor:pointer;
	color:white;
	margin:14px 13px;
	padding:3px 3px;
	transition: transform 0.3s;
}
#agenda dd:hover {
	cursor:pointer;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
#agenda dd.vide {
	background: transparent none;
	border:none;
	color:#666666;
	margin: 2px 2px 2px 2px;
	padding:2px 2px 2px 2px;
	font-family:Arial;
	font-size:small;
	transition:none;
	text-align:center;
}
#agenda dd.vide:hover {
	cursor:normal;
	transform:none;
}

#medecin {
	float:left;
	margin-left:20px;
	margin-right:20px;
}

#list {
	position:relative;
	float:left;
	border:solid 1px #000000;
	text-align:left;
	width:250px;
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#list li {
	border-collapse:collapse;
	border-top:solid 1px gray;
	margin:0px;
	padding:0px;
	cursor:pointer;
}
#list li span {
	font-style:italic;
	color:gray;
	font-size:small;
	text-align:right;
}
.cadre{
	border:solid 1px black;
}

.obl {
	color:#800000;
}
div.nmgrp{	
	text-align:center;
}
div.nmgrpAcc{
	color:white;
	font-size:2em;
	margin-top:-55px;
	margin-bottom:0px;
	position:relative;
	border:solid 1px black;
}
div.footer{
	font-size:12px;
	color:grey;	
}
div.footer a{
	color:grey;
	font-weight:normal;
}
div.titreGris{
	color:grey;
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;	
}
a.lienSites{
	color:maroon;
	font-family:inherit;
	font-weight:inherit;
	cursor:pointer;
	font-style:italic;
}

.buttprdv{
	background-color:#89ba17;
	color:white;
	font-weight:bold;
	height:20px;
	vertical-align:top;
	cursor:pointer;
	padding:auto 4px;
	font-size:12px;
}
.buttprdv:hover{
	border:solid 2px orange;
}
a.littlelink{
/*	color:inherit;	*/
	color:#484848;
	font-weight:normal;
}

#logo_compagny {
	color: #ff9600;
	font-size: 1.4em;
	padding-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
}

#logo_name {
	color: #999999;
	font-size: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
}


.logo_autres{
	font-family:arial;
	color:#999;
	cursor:pointer;
}
.logo_autres img{vertical-align:middle;}
.logo_autres span#web{color:#ff9600;}
.logo_autres span#beaute{color:#ff9600;}
.logo_autres span#agenda{color:#ff9600;}

fieldset.partenaire{	
	color: #444;	
	font-size: 14px;
}


.searchform {
	position:absolute;
	top:90px;right:19px;width:488px;
	font-family:Raleway, Arial, sans-serif;
	font-size:14px;
	color:grey;
	margin:0;padding:0;
}
.searchform table {margin:0 0 1px 6px;}
.searchform table td {padding-bottom:3px;}
.searchform a {
	line-height:16px;
	color:inherit;
	background-color:#fcfcfc;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	margin:0 6px;
	padding:6px 6px;
	
}
.searchform a:hover {text-decoration:none;color:inherit;}
.searchform a:visited {color:inherit;}

.searchform a.onglet-actif {color:#2bbbad;background-color:white;}

.barform {
	font-size:14px;
	border-radius:6px;
	color:grey;
	background-color:white;
	border:1px solid grey;
	height:2.5em;
	line-height:2.5;
	padding:4px 4px 4px 4px;
}
.barform input[type=search] {
	color:#2bbbad;
	border:none;
	font-family:inherit;
	font-size:inherit;
	-webkit-appearance:textfield;
	font-family:Geneva, Arial, sans-serif;
	line-height:2;
	margin:0;
	width:100%;
}
.barform input:focus {outline:none;}

#fld_nom, #fld_act, #fld_cp {
	height:70%;
	padding:0 0 0 4px;	
}
#fld_act {
	width:50%;
}
#fld_cp {
	display:none;
	border-left:1px solid #aaa;
	width:40%;
}

.searchlist {
	display:none;
	position:absolute;
	top:160px;right:18px;width:486px;
	max-height:350px;
	background-color:white;
	border:1px solid grey;
	z-index:1;
	overflow:scroll;
}
.searchlist ul {list-style:none;padding:0;margin:0;}

.searchlist ul li {
	border-bottom:1px solid grey;
	font-family:Raleway, Arial, sans-serif;
	font-size:12px;
	color:#999999;
	padding:5px;
}
div.abo-titre {
	color:#828282;
	margin:16px auto 16px auto;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.abo_div {
	color:#999;
	font-size:12px
}
.abo_site {
	color:blue;
	font-size:14px;
	font-weight:400;
}
.abo_nom {
	font-size:14px;
	color:#2bbbad;
}
.abo_cpville {
	color:black;
}
.abo_none {
	color:darkred;
	display:none;
}

.searchlist ul li {
	cursor:pointer;
}
.searchlist ul li.selected {
	color:white;
	background-color:#2bbbad;
	cursor:pointer;
}
.searchlist ul li.selected div {
	color:white;
}

button:focus, input[type=button]:focus, input[type=submot]:focus {
  outline: none;
}

button.prdv, input.prdv, #MB_BUTTONS button, a.prdv {
	-webkit-appearance:none;
	-moz-appearance:none;
	background-color:#2bbbad;
	border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	box-sizing:border-box;
	color:white;
	cursor:pointer;
	display:inline;
	font-family:Geneva, sans-serif;
	font-size:14px;
	font-weight:400;
	height:44px;
	line-height:2.5;
	margin:3px 3px 0 0;
	padding:4px 10px;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
button.prdv:disabled, input.prdv:disabled {
	background-color:grey;
	cursor:default;
}

button.prdv.small, input.prdv.small, a.prdv.small {
	height:32px;
	line-height:1.8;
}
button.prdv.tiny, input.prdv.tiny, a.prdv.tiny {
	font-size:11px;
	height:22px;
	line-height:1;
}

a.prdv:link {
	display:inline-block;
	text-decoration:none;
}
a.prdv:visited {color:white;}

a.prdv:hover,
input.prdv:hover,
button.prdv:hover,
#MB_BUTTONS button:hover {
	-webkit-box-shadow:0.5px 0.5px 3px #1bbb9d;
	-moz-box-shadow:0.5px 0.5px 3px #1bbb9d;
	box-shadow:0.5px 0.5px 3px #1bbb9d;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
a.prdv:active {color:darkgreen;}

a.red, input.red, button.red {color:red;}

@media only screen and (max-width: 770px) {
	img.frise {
		height:auto;
		width:100%;
	}
	#uleft, #uright {
		border: none;
		float:none;
		left:auto;
		right:auto;
		width:100%;
	}
	/* reverse l'ordre, uleft en bas et uright en haut.	*/
	.wrapper {display:table;width:100%;}
	.wrapper #uright { display: table-header-group; }
	.wrapper #uleft {display: table-footer-group; }

}