@charset "UTF-8";
/* CSS Document */

html {
	height:100%;
}

body {
	margin: 0;
	font-size: 12px;
	font-family: Helvetica, Geneva, sans-serif;
	color: #333;
	background-image: url(/images/fondmenu.gif);
	background-repeat: repeat-y;
	background-position: left;
	height:100%;
}

textarea {
	font-family: Helvetica, Geneva, sans-serif;
	width:500px;
	font-size: 11px;
	height: 9em;
}

textarea.moyen {
	height: 6em;
}

a {color:#666;}

h1 {
	text-align:center;
	font-size: 20px;
	margin: 14px;
}

h2 {
	text-align:center;
	font-size: 22px;
	margin: 20px;
}

h3 {
	font-size: 16px;
}

.fond {
	position: absolute;
	height: 100%;
	width: 100%;
	top:0;
	left:0px;
}


#logo {
	width : 174px;
	position: relative;
	left:2px;
	margin: 4px 0 ;
	height: 130px;
	font-size: 14px;
	background-image:url(/images/logo.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 90px;
}

#logo p {
	position: absolute;
	margin:0;
	width: 100%;
	bottom : 10px;
	line-height: 40px;
    font-weight: 
}


#menulateral {
	position: relative;
	top:0;
	left:0;
	width: 180px;
	text-align:center;	
	z-index:2000;
}

@media screen and (min-width: 900px) and (min-height: 920px) and (min-device-aspect-ratio: 1/1) {
	#menulateral {
		position: fixed;
	}
}
	
#contenudroit {
	position: absolute;
	width: 100%;
	top: 1px;
}

#corps {
	clear: both;
}

#contenu, #pied {
	position:relative;
	padding-left:180px;
	padding-top:10px;
	clear:both;
}

#pied, #pied a {
	text-decoration:none;
	color:#CCC;
	text-align:center;
}

#menu {
	position:relative;
	left: 180px;
	margin: 20px;
	width: calc(100% - 220px) ;
	width: -moz-calc(100% - 220px) ;
	width: -webkit-calc(100% - 220px) ;
	text-align:center;
}
	
#menu ul {
	list-style:none;
	margin: 0;
	padding: 0;	
}

#menu li {
	display: inline ;
	height:36px;
}

#menu a { 
	font-size:18px;
	padding: 5px 16px;
	line-height: 38px;
	color: #FFF;
	margin: 0 4px;
	text-decoration:none;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
}

#menulateral ul {
	list-style:none;
	padding: 0;
	margin : 0 0 8px 0;
}

#menulateral ul.monphysiorama {
	font-weight: bold;
	padding: 10px 0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.monphysiorama p {
	margin:0;
}

#nbmesannonces, #nbmesfiches, #favoris span, #messagerie span, span#mesannonces, span#mesfactures  {
	/* #nbmesannonces à supprimer */
	display:block; 
	position:absolute;
	top: 1px;
	font-size: 9px;
	right: 8px;
	color:#FFFFFF;
	text-align:center;
	min-width: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0 4px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #9ABF49;
}

span#mesannonces, span#mesfactures, #physiocompte a span#nbmesannonces  {
	background-color: #586F94;
}

#messagerie span  {
	background-color: #F03;
}

.actif #favoris span, .actif #messagerie span,#physiocompte a:hover span#nbmesannonces,#physiocompte a.actif span#nbmesannonces, .actif span#mesannonces, .actif span#mesfactures, a:hover #favoris span, a:hover #messagerie span, a:hover span#mesannonces, a:hover span#mesfactures {
	background-color: #FFF;
	color: #586F94;
}

#menulateral li { 
	position: relative;
}

#menulateral input[type="text"] {
	font-size: 10px;
	height:14px;
	width: 120px;
	padding:0;
	margin:0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #999;
	padding: 0 4px;
}

#menulateral input[type="text"]:focus {
	outline: 0;
}

#menulateral input[type="submit"] {
	font-size: 10px;
	height:20px;
	padding: 0;
}

#menulateral ul a {
	text-decoration:none;
	font-size: 12px;
	display:block;
	margin: 8px auto ;
	padding: 1px 0;
	width : 174px;
	height:20px;
	line-height: 20px;
	text-align:center;
	background-color: #FFF ;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	vertical-align:middle;
}

#menulateral p {
	font-size: 14px;
}

#menulateral #identification {
	font-size:11px;
	margin:0;
}
	
#moncompte a, #messagerie a, #favoris a, #connecter a, #deconnecter a, #mesprod a, .ajouter a, #mesfiches a, #mesrecherches a, #menulateral a.favrech, .recherche{
	background-repeat: no-repeat;
	background-position: 8px center;
}

#moncompte a{
	background-image: url(/images/moncompte.png);
}

#messagerie a{
	background-image: url(/images/contact.png);
}

#favoris a{
	background-image: url(/images/favoris.png);
}

#connecter a{
	background-image: url(/images/verrou.png);
}

#deconnecter a{
	background-image: url(/images/verrouopen.png);
}

.ajouter a{
	background-image: url(/images/ajouter.png);
}

#mesfiches a{
	background-image: url(/images/mesfiches.png);
}

.recherche {
	background-image: url(/images/chercher.png);
}

#menulateral a.favrech {
	 border-radius: 18px 0 0 18px ;
	-moz-border-radius: 18px 0 0 18px ;
	-webkit-border-radius: 18px 0 0 18px ;
	background-image: url(/images/chercher.png);
}

.favrech span {
	position: absolute;
	right: 4px;
	top:0;
	height: 100%;
	width: 24px;
	color: #CCC;
}

#menulateral ul#tabfavorisrecherches{
	background-color:#CCC;
	display:none;
	position: absolute;
	width: 180px;
	padding: 4px;
	right: -188px;
	top: -10px;
	 border-radius: 0 22px 22px 0 ;
	-moz-border-radius: 0 22px 22px 0 ;
	-webkit-border-radius: 0 22px 22px 0 ;
}	
	
#menulateral ul li.recherche span a {
	display:block;
	position: absolute;
	width: 32px;
	height:22px;
	right: 0px;
	top: 0px;
	margin: 0 ;
	text-align: left;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	background-color:transparent;	
	background-image:none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#physiotroc #menulateral ul li.recherche span a{
	background-repeat:no-repeat;
	background-position:center;
	background-image: url(/images/croix.png);
}

#physiotroc #menulateral ul li.recherche span a:hover {
	background-color: transparent;
	background-image: url(/images/croixon.png);
}

#chercher {
		margin: 20px 0;
}

ul#pages {
	position:relative;
	list-style:none;
	margin: 20px auto;
	width:500px;
	height:20px;
	text-align:center;
	padding: 10px;
	clear: both;
}

ul#pages li{
	display:inline;
}

ul#pages a {
	display:inline-block;
	margin: 0 2px;
	height:20px;
	text-decoration:none;
	line-height: 20px;
	font-size:12px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #EEE ;
	padding: 0 7px;
}

.google01 {
	position:relative;
	left: 80px;
	width:728px;
	height:90px;
	margin: 0 auto;
}

.edition a {
	float: left;
	margin: 0 20px;
	height:14px;
	padding: 3px 8px;
	text-decoration: none;
	border: solid 1 px #EEE ;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.epingler,.epinglerdemo, .epingleroff, .modifier, .supprimer, .activer, .inactiver, .contacter,.contacterdemo, .promouvoir, .deplacer, .telephoner, .facturer, .acheter, .annuaire, .fiche, .visualiser, .panier, .photos, .gerer  {
	position: absolute;
	display:block;
	width: 40px;
	height: 40px;
	top: -12px;
	background-color:#FFF;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	z-index: 99 ;
	outline: 0;
}

.contacter a, .contacterdemo a, .modifier a, .epingler a, .epinglerdemo a, .epingleroff a, .supprimer a, .activer a, .inactiver a, .promouvoir a, .deplacer a, .telephoner a,.facturer a,.annuaire a, .fiche a, .visualiser a, .panier a,.acheter a, .photos a, .gerer a{
	display:block;
	position:absolute;
	top: 4px;
	left:4px;
	width: 32px;
	height: 32px;
	background-color:#9ABF49;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	background-position: center center;	
	text-decoration:none;
	outline: 0;
}


.modifier a:hover, .supprimer a:hover, .inactiver a:hover, .activer a:hover, .telephoner a:hover, .contacter a:hover, .promouvoir a:hover, .epingler a:hover, .epingleroff a:hover, .annuaire a:hover, .fiche a:hover, .visualiser :hover, .acheter a:hover, .facturer a:hover, .panier a:hover, .photos a:hover, .gerer a:hover {
	background-color:#FF0000;
}
 
.epingler,.epinglerdemo, .epingleroff, .modifier {
	right:20px;
}

.telephoner,.deplacer,.activer, .inactiver, .visualiser, .gerer {
	right: 140px;
}

#detailmail .supprimer {
	right: -40px;
}

.contacter, .contacterdemo, .fiche, .supprimer{
	right:80px;
}

.annuaire, .promouvoir, .facturer {
	right: 200px;
}

.photos {
	right: 260px;
}

.photos a {
	background-image:url(/images/photos.png) ;
}

.telephoner a {
	background-image:url(/images/telephoner.png) ;
}
 
.telephoner em {
	display: block;
	font-style:normal;
	position:absolute;
	left: -32px;
	top: 36px;
	width:110px;
	height: 24px;
	line-height: 24px;
	background-color: #9ABF49;
	color: #FFF;
	font-size:12px;
	font-weight: normal ;
	text-align: center;
	border-radius: 12px ;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	visibility: hidden;
}

#fichesolo {
	margin: 50px 0;
}
.fiche, .panier {
	right: -20px;
}

.fiche {
	top :40px;
}

.panier{
	top : 80px;
}

.annuaire a {
	background-image:url(/images/annuaire.png) ;
}
 
.contacter a, .contacterdemo a {
	background-image:url(/images/contacter.png) ;
}
 
.promouvoir a {
	background-image:url(/images/up.png) ;
}

.epingler a, .epinglerdemo a{
	 background-image:url(/images/epingler.png) ;
 }
 
.epingleroff a {
	 background-image:url(/images/epingleroff.png) ;
 }
 
.modifier a {
	background-image:url(/images/editer.png) ;
}
 
.supprimer a {
	background-image:url(/images/supprimer.png) ;
}
  
.inactiver a {
	background-image:url(/images/inactiver.png) ;
}

.activer a {
	background-image:url(/images/activer.png) ;
}
  
.inactiver a:hover {
	background-image:url(/images/activer.png) ;
}

.activer a:hover {
	background-image:url(/images/inactiver.png) ;
}

.deplacer a {
	background-image:url(/images/deplacer.png) ;
}

.facturer a {
	background-image:url(/images/facturer.png) ;
}

.fiche a, .visualiser a {
	background-image:url(/images/fiche.png) ;
}

.panier a, .acheter a {
	background-image:url(/images/panier.png) ;
}

.gerer a {
	background-image:url(/images/gerer.png) ;
}

#detailmail .contacter a {
	background-image:url(/images/repondre.png) ;
}

#popup h2, #popup p {
	text-align:center ;
	margin: 30px auto;
	line-height:20px;
}
/********************** Aide *************************/

#entete {
	position:relative;
	margin: 20px;
	clear: both;
    min-height: 100px;
}

.aide, .ajout {
	position:relative;
}

.aide .poignee, .ajout .poignee{
	float:left;
	margin: 10px;
}

.aide .contenu{
	position:relative;
	clear: both;
	margin: 0 10px;
}


.aide .poignee a, .ajout .poignee a {
	display:block;
	position:relative;
	font-size: 12px;
	text-align: center;
	color:#FFFFFF;
	text-decoration:none;
	width: 180px;
	font-weight: bold;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	height:30px;
	line-height: 30px;
	background-color: #DE9937;
}

.poignee.ajouter a {
	background-color: #9ABF49;
 }
 
.poignee a:hover {
	background-color: #FF0000;
}

.aide .help {
	display:block;
	position:absolute ;
	font-weight: 500;
	top : 0;
	left:0;
	font-size:20px;
	padding: 0 10px;
}

.aide .position {
	display:block;
	position:absolute ;
	top : 0;
	right:0;
	font-size:12px;
	padding: 0 10px;
}

.aide h2 {
	font-size: 16px;
	padding: 0 20px;
}

.aide .contenu > div {
	margin-top:50px;
	border: solid 1px #999;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size: 14px;
	color: #666;
	padding: 8px;
	display:none;
}

.aide .contenu p{
	padding-left: 80px;
}

.pub {
	position:relative;
	width: 720px;
	margin: auto;
	font-size: 14px;
	color:#999;
	text-align:center;
}

.pub ul {
	margin:0;
	padding:0;
}

.informations {
	float: left;
	margin: 10px 0 40px 40px ;
	font-size: 14px;
	color:#999;
	border: solid 1px #999 ;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding:5px 20px;
}
.informations p{
	float: left;
	margin-right: 10px;
}

.informations strong {
	color:#FF0000;
}

.informations .telephone {
	font-size:16px;
	color: #CCC;
}

.informations .telephone span {
	padding: 0 0 0 34px;
}

.informations .telephone strong{
	display:block;
	color: #9ABF49;
	width : 160px;
	font-size:22px;
	padding: 4px 0 0 34px;
	background: url(/images/telephone.png) no-repeat;
}

.liste .telephone {
	padding-left: 20px;
}

#contenuaide p.danger {
	background-image: url(/images/attention.png);
	background-repeat: no-repeat;
	min-height: 46px;
}

.aidenew, .aideurgent {
	background-repeat: no-repeat;
	background-position: 12px center ;
}

.aidenew {
	background-image: url(/images/new.png);
}

.aideurgent {
	background-image: url(/images/urgent.png);
}

.check {
	background-image: url(/images/check.png);
	background-repeat: no-repeat;
	background-position: center 2px;
}

#contenuaide p {
	position:relative ;
	min-height: 42px;
	padding-left: 70px;
}

#contenuaide span {
	position: absolute;
	left:20px;
	top: 0;
	width: 30px;
	height:  30px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color:#9ABF49;
	background-repeat:no-repeat;
	background-position:center;

}

.aideajouter span {
	background-image: url(/images/ajouter.png);
}

.aideediter span {
	background-image: url(/images/editer.png);
}

.aidepromouvoir span {
	background-image: url(/images/up.png);
}

.aideactiver span {
	background-image: url(/images/activer.png);
}

.aidedeplacer span {
	background-image: url(/images/deplacer.png);
}

.aideinactiver span {
	background-image: url(/images/inactiver.png);
}

.aideepingler span{
	background-image: url(/images/epingler.png);
}

.aidetelephoner span{
	background-image: url(/images/telephoner.png);
}

.aidecontacter span{
	background-image: url(/images/contacter.png);
}

.aidesupprimer span{
	background-image: url(/images/supprimer.png);
}

.aiderdeplacer span{
	background-image: url(/images/deplacer.png);
}

.aiderepondre span{
	background-image: url(/images/repondre.png);
}

.aideannuaire span{
	background-image: url(/images/annuaire.png);
}


.dialogue h2{
	font-size: 28px;
	color:#999 !important;
	background-color: transparent !important ;
	margin: 150px 0;
	clear:both;
}
/**************************** Liste *****************************/

.liste {
	position:relative;
	width: 90%;	
	margin: 20px auto ;
	text-align: left;
	min-height: 110px;
	padding: 6px; 
	border: solid 1px #CCC;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;

}

.liste h2 a { color:#FFFFFF; }
.liste embed, .liste object {float: right; margin: 8px}
.liste img {float: left; margin: 8px; clear:both}



/*************************** editer ****************************/

label {
	display:inline-block;
	position: relative;
	width: 160px;
	text-align:right;
	vertical-align: top;
	top: 3px;
	padding-right: 10px;
}

label.libcourt {width: 40px;}

input[type="text"],input[type="password"], input[type="email"] {
	width:60ex;
	font-size: 12px;
	height: 14px;
}

input.moyen[type="text"],input[type="password"] {
	width: 30ex;
}

input.court[type="text"], input[type="tel"] {
	width: 18ex;
}

input[type="date"] {
	width: 24ex;
}

input.trescourt[type="text"] {
	width : 2em;
}


select {
	width:200px;
	font-size: 12px;
	height: 16px;
}
	
input[name="submit"] {
	display: block;
	font-size: 12px;
	position:relative;
	width: 33px;
	margin: 10px auto;
	height: 33px;
}

input[name="submit"]:focus {
	outline: 0;
}

input[type="submit"] {
	cursor: pointer;
}

#editer {
	position:relative;
	width : 600px;
	margin: 20px auto;
	padding: 0px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #CCC;
}

.liste h2, #editer h2 {
	color:#FFFFFF; font-size: 14px;
	padding: 0 20px ;
	text-align:left;
	margin: 0 0 10px 0 ;
	position: relative;
	height: 24px;
	line-height:25px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}

#editer h2 {
	text-align:center ;
}

#editer p {
	margin: 16px 0 4px 0;
}

#editer .header {
	margin: 10px 30px;
}

#confirmersuppression {
	clear:both;
}


#saisiefiche {
	position:relative;
	clear: both;
}

#saisiefiche p{
		margin:  10px ;
}

#saisiefiche div {
	clear: both;
}
	
#confirmersuppression p{
	float: left;
	width: 50%;
	text-align:center;
}

.groupe label {
	float: left;
	line-height: 32px;
}

#editer .groupe.auto p {
	 width: auto;
 }
 
#rubriques {
	position:relative;
}

#rubriques div {
	position: relative;
	left: 8%;
	width:92%;
	clear:both;
}
		
#editer .groupe p {
	float: left;
	width: 150px;
	margin: 10px 20px 20px 0;
	height: 22px;
	background-color:#EEE;
	line-height: 22px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 4px;
	border-style:solid ;
	border-width: 1px;
	border-color: #CCC;
}

#confirmersuppression a {
	display: inline-block;
	font-size: 14px;
	height: 22px;
	width: 100px;
	line-height:22px;
	padding: 0 6px;
	border-radius: 10px ;
	-moz-border-radius: 10px ;
	-webkit-border-radius: 10px ;
	text-align: center;
	text-decoration:none;
	background-color:#9ABF49;
	color:#FFFFFF ;
}

#confirmersuppression a:hover, #physiotroc #confirmersuppression a:hover,#physiotchat #confirmersuppression a:hover,#physiostore #confirmersuppression a:hover, #physiosurf #confirmersuppression a:hover, physiomail #confirmersuppression a:hover, #physioschool #confirmersuppression a:hover {
	background-color:#9ABF49;
}

.erreursaisie {
	position: relative;
	color: #F00;
	width: 400px;
	left: 173px;
	visibility: hidden;
}


.compteur {
	color: #999;
}

/* ************** enregistrements ******************/

#confirmation, #contenucredits {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #999;
	margin: 100px auto 20px auto ;
	width: 90%;
	clear:both;
}

#paiement  {
	 clear: both;
}

#confirmation h1, .aide h2, #contenucredits h2  {
	margin: 0 0 10px 0;
	color: #FFF;
	border-radius: 18px 18px 0 0;
	-moz-border-radius: 18px 18px 0 0;
	-webkit-border-radius: 18px 18px 0 0;	
}

#confirmation h1 {
	padding: 15px;
	border-color: #9ABF49;
}

.aide h2, #contenucredits h2 {
	padding: 0;
	line-height: 30px;
	background-color: #DE9937;
	font-size:16px;
}

#etapeenregistrement {margin : 0px 0px 40px 0px;}
	
#etapeenregistrement h2 {
	padding: 8px 15px;
	margin: 0;
	color: #FFF;
	font-size: 16px;
	background-color:#DD6030 ;
}

#etapeenregistrement strong, .aide strong, #contenucredits strong {
	color:#F00;
}

.cheque, .cb, .prelevement {
	margin: 10px 0;
	padding: 10px 0 10px 80px;
	background-repeat:no-repeat;
	background-position: 10px center;
	border-top: 1px solid #999;
	clear: both;
}

#contenupacks form {
	float:left;
	margin: 20px 20px;
}

#contenupacks p, #contenupacks div {
	margin: 10px;
}

.cheque {
	background-image:url(/images/cheque.png);
}

.cb {
	background-image:url(/images/cb.png);
}

#confirmation p {
	line-height: 20px;
	padding:10px;
	font-size: 12px;
}

#etapeenregistrement h3 {
	clear:both;
	font-weight:normal;
	font-size: 12px;
}

#confirmation h1 {
	font-size: 20px;
	background-color:#9ABF49 ;
}

#etapeenregistrement div {
	heigth: 50px;
	clear:both;
	
}

#etapeenregistrement span, #etapeenregistrement form {
	float: left;
	margin: 20px 0;
	display:block;
	height: 20px;
	width: 20%;
	line-height:20px;
	padding: 0;
	text-align:center;
}

#contenucredits input[type="submit"]:hover, #etapeenregistrement input[type="submit"]:hover{
	background-color: #FF0000;
}


#contenupacks input[type="submit"], #etapeenregistrement input[type="submit"], #etapeenregistrement a {
	font-size: 14px;
	font-weight:bold;
	width: 130px;
	height: 30px;
	text-align:center;
	background-color:#9ABF49;
	color:#FFFFFF;
}

#etapeenregistrement a {
	border-radius: 15px;
	display: inline-block;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-decoration:none;
	line-height: 30px;
}

#etapeenregistrement a:hover {
	background-color:#FF0000;
}

/************************** rubriques communes *****************/

a.maccueil:hover, a.mannonces:hover, a.mforum:hover, a.mboutique:hover, a.mannuaire:hover, a.mformations:hover  {
	background-color: #9ABF49;
}

#localisation {
	position:relative;
	left:130px;
	width: 20%;
	height: 300px;
	overflow:hidden;
}
#localisationmini {
	position: absolute;
	right:20px;
	top: 110px;
	width: 300px;
	height: 300px;
}

.gallerie {
	display:none;
}

/* ************************* PhysioraAccueil ********************/


a.maccueil, #physiohome h2 {
	background-color: #3A55A1;
}

#physiohome #menulateral, #physiohome #menulateral ul a{
	color:#3A55A1;
}

#physiohome #menulateral ul a.actif, #physiohome #menulateral ul a:hover, #physiohome .liste h2 {
	background-color: #DD6030;
	color: #FFF;
}

/********************** éléments Communs ********************/

.periode {
	position: relative;
	left: 110px;
}

.urgente, .new{ 
	padding: 0;
	display: inline-block;
	width: 42px;
	height:41px;
	margin-right: 10px;
	background-image:url(/images/urgent.png)
	}
	
.new {
	background-image:url(/images/new.png)
	}

/* ************************ Physiotroc **************************/

#physiotroc #logo {
	background-image:url(/annonces/logo.png);
}

.liste.silver, .liste.gold, .liste.platinum {
	margin: 40px 10px 60px 30px;
	min-height: 160px;
	clear: both;
	font-size: 14px;
}

.platinum h2{
	background-color: #C90909;
	color: #FFF;
}

.gold h2{
	background-color: #DE9937;
	color: #FFF;
}

.silver h2{
	background-color: #999;
	color: #FFF;
}

.basic h2{
	background-color: #EEE;
	color: #999;
}

.liste.silver {
	font-size: 13px;
}

.liste.basic {
	width: 480px;
	float: left;
	margin: 20px 10px 40px 30px;
	font-size:12px;
}

#fichesolo .liste.basic {
	float: none;
	margin:auto;
}


.liste.basic h2 {
	font-size: 12px;
}

.liste.silver p, .liste.gold p, .liste.platinum p, #physioschool .liste p, #physiosurf .liste p {
	margin-right: 160px;
}

.gallerie {
	position:absolute;
	top: 170px;
	right: 25px;
	width: 120px;
	height: 120px;
}

.liste.silver {
	border: solid 2px #CCC;
}

.liste.basic {
	border: solid 1px #CCC;
}

.ornement {
	z-index: 10;
	position:absolute;
	right: -110px;
	font-size: 12px;
	top: 30px;
	width:90px;
	height:20px;
	color : #FFF;
	text-align:center;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
	 text-transform:uppercase;
	 font-weight:bold;
	 line-height: 20px;
	 border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}

.platinum h2, .platinum h3, .platinum strong {
	color: #C90909;
}

.platinum .ornement, .liste.platinum h2, #physiocompte .liste.platinum h2, #physiocompte #editer.platinum h2  {
	background-color:#C90909;
	color: #FFF;
}

.gold h2, .gold h3, .gold strong {
	color: #DE9937;
}

.gold .ornement, .liste.gold h2, #physiocompte .liste.gold h2, #physiocompte #editer.gold h2 {
	background-color:#DE9937;
	color: #FFF;
}

.silver h2, .silver h3, .silver strong {
	color: #999;
}

.silver .ornement, .liste.silver h2, #physiocompte .liste.silver h2, #physiocompte #editer.silver h2{
	background-color:#AAA;
	color: #FFF;
}

.basic h2, .basic h3, .basic strong {
	color: #BBB;
}

.liste.basic h2, #physiocompte .liste.basic h2, #physiocompte .liste.basic h2 , #physiocompte #editer.basic h2 {
	background-color:#DADADA;
	color: #666;
}

a.mannonces {
	background-color: #DD6030;
	color: #FFF;
}

/*#physiocompte .physiotroc .liste.platinum h2, #physiocompte .physiotroc h2 */

#physiotroc #menulateral, #physiotroc #menulateral ul a {
	color:#DD6030;
}
#physiotroc #menulateral ul a.actif, a.actif, #physiotroc ul#pages a:hover, #physiotroc .edition a:hover, #physiotroc #menulateral ul a:hover,#physiotroc #confirmersuppression a, .monphysiorama .annonces a:hover {
	background-color: #DD6030;
	color: #FFF;
}

#physiotroc ul#pages a, #physiotroc .edition a {
	border-color: #DD6030 ;
}

.header {
	position:relative;
	height: 40px;
	line-height: 40px;
}

.prestations {
	position: absolute;
	top:0;
	left: 420px;
	height: 40px;
}

#saisiefiche .prestations div {
	clear: none;
}

.prestations div {
	width: 40px;
	height: 40px;
	margin: 0 10px;
	float: left;
}

#aideprestations {
	position:relative;
	background-color:#FFF;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.vehicule, .hebergement, .secretaire, .retrocession {
	background-repeat:no-repeat;
}

#aideretrocession, #aidevehicule, #aidehebergement, #aidesecretaire {
	background-repeat:no-repeat;
	height: 40px;
	width: 200px;
	float:left;
	background-position: 16px center;
}

.localisation {
	padding: 4px 20px;
	background-image:url(/images/localisation.png) ;
	background-repeat:no-repeat;
}

.retrocession {
	position: relative;
	color: #CCC;
	font-size:14px;
	background-image:url(/images/retrocession.gif)
}

.retrocession .sup {
	position:relative;
	top: -7px;
	left:5px;
}

.retrocession .inf {
	position:relative;
	top: 9px;
	right: 0;
}

#aideretrocession {
	background-image:url(/images/aideretrocession.gif)
}
.vehicule, #aidevehicule {
	background-image:url(/images/vehicule.gif)
}

.hebergement, #aidehebergement {
	background-image:url(/images/hebergement.gif)
}

.secretaire, #aidesecretaire {
	background-image:url(/images/secretaire.gif)
}

.balneo, #aidebalneo {
	background-image:url(/images/balneo.gif)
}

.periode {
	position: relative;
	width:327px;
	margin:10px;
	height: 28px;
	background-position: 0 bottom;
	background-repeat:no-repeat;
}

.periode div {
	position: absolute ;
	background-color:#FF0000;
	height: 4px;
	left:0;
	top:0;
}

.dep01,.dep02,.dep03,.dep04,.dep05,.dep06,.dep07,.dep08,.dep09,.dep10,.dep11,.dep12,.dep13,.dep14,.dep15,.dep16,.dep17,.dep18,.dep19,.dep20,.dep2A,.dep2B,.dep21,.dep22,.dep23,.dep24,.dep25,.dep26,.dep27,.dep28,.dep29,.dep30,.dep31,.dep32,.dep33,.dep34,.dep35,.dep36,.dep37,.dep38,.dep39,.dep40,.dep41,.dep42,.dep43,.dep44,.dep45,.dep46,.dep47,.dep48,.dep49,.dep50,.dep51,.dep52,.dep53,.dep54,.dep55,.dep56,.dep57,.dep58,.dep59,.dep60,.dep61,.dep62,.dep63,.dep64,.dep65,.dep66,.dep67,.dep68,.dep69,.dep70,.dep71,.dep72,.dep73,.dep74,.dep75,.dep76,.dep77,.dep78,.dep79,.dep80,.dep81,.dep82,.dep83,.dep84,.dep85,.dep86,.dep87,.dep88,.dep89,.dep90,.dep91,.dep92,.dep93,.dep94,.dep95,.dep971,.dep972,.dep973,.dep974,.dep976,.dep98 {
	position:absolute;
	right: 6px;
	top: 50px;
	width: 150px;
	height: 120px;
	background-repeat:no-repeat;
}

.dep01{background-image:url(/images/dep01.gif)}
.dep02{background-image:url(/images/dep02.gif)}
.dep03{background-image:url(/images/dep03.gif)}
.dep04{background-image:url(/images/dep04.gif)}
.dep05{background-image:url(/images/dep05.gif)}
.dep06{background-image:url(/images/dep06.gif)}
.dep07{background-image:url(/images/dep07.gif)}
.dep08{background-image:url(/images/dep08.gif)}
.dep09{background-image:url(/images/dep09.gif)}
.dep10{background-image:url(/images/dep10.gif)}
.dep11{background-image:url(/images/dep11.gif)}
.dep12{background-image:url(/images/dep12.gif)}
.dep13{background-image:url(/images/dep13.gif)}
.dep14{background-image:url(/images/dep14.gif)}
.dep15{background-image:url(/images/dep15.gif)}
.dep16{background-image:url(/images/dep16.gif)}
.dep17{background-image:url(/images/dep17.gif)}
.dep18{background-image:url(/images/dep18.gif)}
.dep19{background-image:url(/images/dep19.gif)}
.dep20{background-image:url(/images/dep20.gif)}
.dep2A{background-image:url(/images/dep2a.gif)}
.dep2B{background-image:url(/images/dep2b.gif)}
.dep21{background-image:url(/images/dep21.gif)}
.dep22{background-image:url(/images/dep22.gif)}
.dep23{background-image:url(/images/dep23.gif)}
.dep24{background-image:url(/images/dep24.gif)}
.dep25{background-image:url(/images/dep25.gif)}
.dep26{background-image:url(/images/dep26.gif)}
.dep27{background-image:url(/images/dep27.gif)}
.dep28{background-image:url(/images/dep28.gif)}
.dep29{background-image:url(/images/dep29.gif)}
.dep30{background-image:url(/images/dep30.gif)}
.dep31{background-image:url(/images/dep31.gif)}
.dep32{background-image:url(/images/dep32.gif)}
.dep33{background-image:url(/images/dep33.gif)}
.dep34{background-image:url(/images/dep34.gif)}
.dep35{background-image:url(/images/dep35.gif)}
.dep36{background-image:url(/images/dep36.gif)}
.dep37{background-image:url(/images/dep37.gif)}
.dep38{background-image:url(/images/dep38.gif)}
.dep39{background-image:url(/images/dep39.gif)}
.dep40{background-image:url(/images/dep40.gif)}
.dep41{background-image:url(/images/dep41.gif)}
.dep42{background-image:url(/images/dep42.gif)}
.dep43{background-image:url(/images/dep43.gif)}
.dep44{background-image:url(/images/dep44.gif)}
.dep45{background-image:url(/images/dep45.gif)}
.dep46{background-image:url(/images/dep46.gif)}
.dep47{background-image:url(/images/dep47.gif)}
.dep48{background-image:url(/images/dep48.gif)}
.dep49{background-image:url(/images/dep49.gif)}
.dep50{background-image:url(/images/dep50.gif)}
.dep51{background-image:url(/images/dep51.gif)}
.dep52{background-image:url(/images/dep52.gif)}
.dep53{background-image:url(/images/dep53.gif)}
.dep54{background-image:url(/images/dep54.gif)}
.dep55{background-image:url(/images/dep55.gif)}
.dep56{background-image:url(/images/dep56.gif)}
.dep57{background-image:url(/images/dep57.gif)}
.dep58{background-image:url(/images/dep58.gif)}
.dep59{background-image:url(/images/dep59.gif)}
.dep60{background-image:url(/images/dep60.gif)}
.dep61{background-image:url(/images/dep61.gif)}
.dep62{background-image:url(/images/dep62.gif)}
.dep63{background-image:url(/images/dep63.gif)}
.dep64{background-image:url(/images/dep64.gif)}
.dep65{background-image:url(/images/dep65.gif)}
.dep66{background-image:url(/images/dep66.gif)}
.dep67{background-image:url(/images/dep67.gif)}
.dep68{background-image:url(/images/dep68.gif)}
.dep69{background-image:url(/images/dep69.gif)}
.dep70{background-image:url(/images/dep70.gif)}
.dep71{background-image:url(/images/dep71.gif)}
.dep72{background-image:url(/images/dep72.gif)}
.dep73{background-image:url(/images/dep73.gif)}
.dep74{background-image:url(/images/dep74.gif)}
.dep75{background-image:url(/images/dep75.gif)}
.dep76{background-image:url(/images/dep76.gif)}
.dep77{background-image:url(/images/dep77.gif)}
.dep78{background-image:url(/images/dep78.gif)}
.dep79{background-image:url(/images/dep79.gif)}
.dep80{background-image:url(/images/dep80.gif)}
.dep81{background-image:url(/images/dep81.gif)}
.dep82{background-image:url(/images/dep82.gif)}
.dep83{background-image:url(/images/dep83.gif)}
.dep84{background-image:url(/images/dep84.gif)}
.dep85{background-image:url(/images/dep85.gif)}
.dep86{background-image:url(/images/dep86.gif)}
.dep87{background-image:url(/images/dep87.gif)}
.dep88{background-image:url(/images/dep88.gif)}
.dep89{background-image:url(/images/dep89.gif)}
.dep90{background-image:url(/images/dep90.gif)}
.dep91{background-image:url(/images/dep91.gif)}
.dep92{background-image:url(/images/dep92.gif)}
.dep93{background-image:url(/images/dep93.gif)}
.dep94{background-image:url(/images/dep94.gif)}
.dep95{background-image:url(/images/dep95.gif)}
.dep971{background-image:url(/images/dep971.gif)}
.dep972{background-image:url(/images/dep972.gif)}
.dep973{background-image:url(/images/dep973.gif)}
.dep974{background-image:url(/images/dep974.gif)}
.dep976{background-image:url(/images/dep976.gif)}
.dep98{background-image:url(/images/dep98.gif)}

/* ************************ physiotchat **************************/

#physiotchat #logo {
	background-image:url(/forum/logo.png);
}

a.mforum {
	background-color: #688940;
}

#physiotchat #menulateral, #physiotchat #menulateral ul a, #physiotchat h1 {
	color:#688940;
}

#physiotchat #menulateral ul a.actif, #physiotchat ul#pages a:hover, #physiotchat .edition a:hover, #physiotchat #menulateral ul a:hover, #physiotchat .liste h2, #physiotchat #editer h2,#physiotchat #confirmersuppression a   {
	background-color: #688940;
	color: #FFF;
}

#physiotchat ul#pages a, #physiotchat .edition a {
	border-color: #688940 ;
}


/* ************************ physiostore**************************/

#physiostore #logo {
	background-image:url(/boutique/logo.png);
}

a.mboutique {
	background-color: #7E161B;
}

#physiostore #menulateral, #physiostore #menulateral ul a, #physiostore h2 {
	color:#7E161B;
}

#physiostore #menulateral ul a.actif, #physiostore ul#pages a:hover, #physiostore .edition a:hover, #physiostore #menulateral ul a:hover, #physiostore .liste h2, #physiostore #editer h2,#physiostore #confirmersuppression a   {
	background-color: #7E161B;
	color: #FFF;
}

#physiostore ul#pages a, #physiostore .edition a {
	border-color: #7E161B ;
}


.prix, .prixpromo {
	background-color: #8BAA48;
	color: #FFF;
	font-weight:bold;
	font-size:14px;
	padding: 4px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align:center;
	width:80px;
	position: absolute;
	right: 10px;
	bottom: 10px
}

.prixbarre {
	color: #999;
	font-size:12px;
	padding: 4px 10px;
	text-align:center;
	width:80px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	background-image:url(../images/prixbarre.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.prixpromo {
	background-color: #FF0000;
}

.article {
	position:relative;
	float:left;
	width: 450px;
	height: 380px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: solid 1px  #3C57A0;
	margin: 20px;
}

.article .header {
	margin: 0;
	height:0;
}

.interieurslide {
	overflow:hidden;
}


.bandeau {
	position:absolute;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	overflow:hidden;
}

.bandeau p{
	background-color:#FF0000;
	color: #FFF;
	position:absolute;
	left: -34px;
	top: 10px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	margin: 0;
	text-align: center;
	width: 110px;
	z-index:60;
}

.article ul, .article li {
	margin: 0;
	padding: 0;

}
.article .photo {
	background-position:center;
	margin: 20px auto;
	width: 400px;
	height: 180px;
	background-repeat: no-repeat;
}

.article p {
	margin:10px;
}

.article h3{
	position:relative;
	margin: 20px 0 10px 0;
	background-color:  #3C57A0;
	color: #FFF ;
	font-size:14px;
	height: 20px;
	line-height: 20px;
	text-align:center;
}

/*********************** Physiosurf *************************/

#physiosurf #logo {
	background-image:url(/sites/logo.png);
}

#physiosurf #menulateral, #physiosurf #menulateral ul a, #physiosurf h1 {
	color: #971B51;
}


a.mannuaire {
	background-color: #971B51;
}

#physiosurf #menulateral ul a.actif, #physiosurf ul#pages a:hover, #physiosurf .edition a:hover, #physiosurf #menulateral ul a:hover, #physiosurf .liste h2, #physiosurf #editer h2,#physiosurf #confirmersuppression a   {
	background-color: #971B51;
	color: #FFF;
}

#physiosurf ul#pages a, #physiosurf .edition a {
	border-color: #971B51 ;
}

.ficheannuaire #header {
	background-color: #971B51;
	background-image: url(/images/iconeannuaire.png);
}

/* ************************ Physiomail **************************/

.messagerie #header {
	background-color: #D02633;
	background-image: url(/images/iconecontact.png);
}

.messagerie.type1 #header {
	background-color: #DD6030;
}

.messagerie.type2 #header {
	background-color: #688940;
}

.messagerie.type3 #header {
	background-color: #3B396C;
}

.messagerie.type4 #header {
	background-color: #971B51;
}

.messagerie.type5 #header {
	background-color: #21626C;
}

#physiomail #logo {
	background-image:url(/messagerie/logo.png);
}

#physiomail #menulateral, #physiomail #menulateral ul a {
	color:#D0232D;
}

#physiomail #menulateral ul a.actif, #physiomail ul#pages a:hover, #physiomail .edition a:hover, #physiomail #menulateral ul a:hover, #physiomail .liste h2, #physiomail #editer h2,#physiomail #confirmersuppression a , .unmail .supprimer a:hover, .unmail .deplacer a:hover,.unmail .contacter a:hover   {
	background-color: #D0232D;
	color: #FFF;
}

#frames {
	position:relative;
}

#iframelistemails {
	position:absolute;
	top: 0;
	width: 40%;
	height: 100%;
	border: none ;
	overflow-x:hidden;
	overflow-y:auto;
	min-height: 500px;
	border-top: solid 1px #CCC;
}

#iframedetailmail {
	position:absolute;
	top: 0;
	left: 40%;
	width: 60%;
	border: none ;
	height: 100%;
	min-height: 500px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}

#mails #entete a {
	padding-right: 8px;
}

#mails #entete a.up:after {
	content: " \25bc" ;
}

#mails #entete a.down:after {
	content: " \25b2" ;
}

#messagerie span {
	visibility: hidden;
}

#mails {
	position:relative;
	width: calc(100%-180px);
	width: -moz-calc(100%-180px);
	width: -webkit-calc(100%-180px);
}

#listemails div {
	position: relative;
	cursor:pointer;
	border-bottom: solid 1px #CCC;
}

#listemails h2, #listemails h3 {
	margin: 0;
	padding: 3px 16px;
	font-size:12px; 
	color: #000;
	height: 1em;
	overflow: hidden;
}

#listemails .nonlu h2 {
	background-image: url(/images/nonlu.png) ;
	background-position: 4px center;
	background-repeat:no-repeat;
}

#listemails h3 {
	font-weight: normal;
	font-size:12px; 
	height: 1em;
	overflow: hidden ;
}

#listemails p {
	margin: 0;
	padding: 2px 16px;
	height: 2em;
	overflow: hidden ;
}
#detailmail h2, #detailmail h3 {
	font-size: 14px;
	margin: 0;
}

#detailmail p, #detailmail h2, #detailmail h3 {
	padding: 4px 8px;
}

#detailmail .chapeau {
	position:relative;
	height:90px;
	border-bottom: solid 1px #EEE;
}
#detailmail .boite {
	 color:#999
}
#detailmail .contenu {
	position:relative;
	margin-top: 20px;
}

#detailmail .gestion p {
	 padding: 0;
}

#detailmail .gestion {
	position:relative;
	left: 50%;
	top: 0px;
	width: 220px;
	height:32px;
	margin: 10px 0 10px -140px;
}

.unmail {
	position:relative;
	background-color: #FFF;
	width: 94% ;
	margin: 20px auto;
	min-height: 200px;
	border-radius: 10px ;
	-moz-border-radius: 10px ;
	-webkit-border-radius: 10px ;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}

#mails #entete  {
	position:relative;
	height: 18px;
	margin: 0;
	padding : 0 4px;
	min-height: 0;
	line-height: 18px;
	background-color: #EEE;
	border-bottom: solid 1px #CCC;
}

#mails #entete p  {
		margin: 0;
}

#mails #entete a{
	text-decoration:none;
}

#listemails .actif {
	background-color:#EEE; 
}

#listemails .date, #detailmail .date {
	position: absolute;
	right:0;
	padding-right: 8px;
	top: 0;
	width: 55px;
	height: 1em;
	text-align: right;
}
 
#listemails .sujet, #detailmail .sujet {
	color: #000;
}

#detailmail .date {
	 width: 200px;
 }

#physiomail ul#pages a, #physiomail .edition a {
	border-color: #D0232D ;
}

#physiomail .liste .date {
	padding: 4px;
	margin:0 ;
	display:block ;
	position: absolute;
	top: 8px;
	right: 20px;
}

#physiomail #mailsrecus span {
	color: #F03;
	background-color:#FFFFFF;
}

#mailsrecus a, #mailsenvoyes a, #mailssupprimes a {
	background-repeat: no-repeat;
	background-position: 8px center;
}

#mailsrecus a{
	background-image: url(/images/mailsreception.png);
}

#mailsenvoyes a{
	background-image: url(/images/mailsenvoyes.png);
}

#mailssupprimes a{
	background-image: url(/images/mailscorbeille.png);
}

/*********************** physioschool *************************/

#physioschool #logo {
	background-image:url(/formations/logo.png);
}

#physioschool #menulateral, #physioschool #menulateral ul a, #physioschool .liste h2 {
	color: #21626C;
}

a.mformations {
	background-color: #21626C;
}

#physioschool #menulateral ul a.actif, #physioschool ul#pages a:hover, #physioschool .edition a:hover, #physioschool #menulateral ul a:hover, #physioschool .liste h2, #physioschool #editer h2,#physioschool #confirmersuppression a   {
	background-color: #21626C;
	color: #FFF;
}

#physioschool .liste h2  {
	background-color: #21626C;
	color: #FFF;
}


/*********************** physiocompte *************************/

#physiocompte #logo {
	background-image:url(/comptes/logo.png);
}

#physiocompte #menulateral, #physiocompte #menulateral ul a{
	color: #586F94;
}

#physiocompte #menulateral ul a.actif, #physiocompte ul#pages a:hover, #physiocompte .edition a:hover, #physiocompte #menulateral ul a:hover, #physiocompte .liste h2, #physiocompte #editer h2,#physiocompte #confirmersuppression a   {
	background-color: #586F94;
	color: #FFF;
}

#physiocompte ul#pages a, #physiocompte .edition a {
	border-color: #586F94 ;
}

#physiocompte .liste h2  {
	background-color: #586F94;
	color: #FFF;
}

.status,.theme {
	position:absolute;
	top: -18px;
	height: 18px;
	line-height: 18px;
	color:#FFF;
	font-size:12px;
	background-color:#9ABF49;
	padding: 0 12px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}

.theme {
	left:110px;
	background-color:#AAA;
}

.status {
	left:20px;
}

.basic.inactive .status, .inactive .status { background-color:#FF0000; }

/************** Dialogues inline ************************/

#confirmer {
	background-image:url(/images/iconeparametres.png);
	position:relative;
	background-repeat: no-repeat;
	background-position: 20px center;
	font-size: 16px;
	background-color: #8BAA48;
	color: #FFF;
	height:150px;
	width: 600px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	margin: auto;
}

#confirmer h1{
	position:absolute;
	margin: 60px 100px;
	height: 30px;
	text-align:center;
	font-size: 22px;
}

#confirmer.enregistrer {
	background-image:url(/images/confirmer.png);
}

/***************** Chargement photos *******************/

#photos, #photosPlatinum {
	 position:relative;
	 height: 140px;
	 width: 100%;
	 margin: 40px 0;
}
#photos label,#photosPlatinum label {
	 float: left;
	 width:152px;
}

#photos div, #photosPlatinum div {
	clear: none;
}

#photo1, #photo2,#photo3,#photo4,#photo5,#photo6,#photo7 {
	float:left;
	 width: 160px;
	 height: 120px;
	 margin: 10px;
	 position:relative;
	 cursor:pointer;
 }
 
.containerphoto {
	width: 160px;
	height: 120px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(/images/photo.gif);
	position:relative;
	overflow:hidden;
	cursor:pointer;
 }
 
 .photoload {
	width: 160px;
	height: 120px;
	background-position:center;
	background-repeat:no-repeat;
	background-size: contain;
 	cursor:pointer;
 }

.rotation {
	position: absolute;
	bottom: -34px;
	left: 64px;
	width: 32px;
	height: 32px;
	background: url(../../images/rotation.png) no-repeat ;
	z-index: 99;
	display:block;
	cursor:pointer;
}

.rot0 {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	-o-transform:rotate(0deg);
    transform: rotate(0deg);
}
.rot90 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	-o-transform:rotate(90deg);
    transform: rotate(90deg);
}
.rot180 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg);
	-o-transform:rotate(180deg);
    transform: rotate(180deg);
} 
.rot270 {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); 
	-moz-transform: rotate(270deg);
	-o-transform:rotate(270deg);
    transform: rotate(270deg);
} 
.spinner {
	position:absolute;
	top:0;
	left:0;
	margin: auto;
	 width: 100%;
	 height: 100%;
 }
 .deletephoto {
	 position:absolute;
	 width: 32px;
	 height: 32px;
	 bottom: -32px;
	 right:0 ;
	 background:url(../../images/supprimerimage.png) no-repeat;
	 display:block;
	 cursor:pointer;
 }
 
 #pubslider{
	height: 130px;
	 cursor: pointer;
}
 
#pubslider li{ display:none; }
 
#sliderpromos{
	 visibility: hidden;
	 cursor: pointer;
}

.promodiapo {
	position: relative;
	width: 728px;
	height: 78px;
	overflow:hidden;
	margin: 0 auto 20px auto;
	border:#999999 solid 1px;
}

.promodiapo .interieurslide {
	position:absolute;
	top: -12px;
	height: 90px;
	width: 712px;
	left:10px;
}

.promodiapo .proslide{
	height: 90px;
	color:#666;
	cursor: pointer;
}

.promodiapo .proslide p{
	margin:0;
}

.bandeaupromo{
	background-color:#FF0000;
	color: #FFF;
	position:absolute;
	left:10px;
	top: 40px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	margin: 0;
	text-align: center;
	width: 140px;
	z-index:60;
}
.promodiapo .proslide .photo {
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:right;
	width: 120px;
	height: 90px;
	top: 0;
	left:60px;
}

.promodiapo .proslide p, .promodiapo .proslide h3 {
	overflow: hidden;
	margin: 10px 160px 10px 190px;
}

.promodiapo .proslide p.prixpromo, .promodiapo .proslide p.prix { right: 4px; bottom: 40px; margin: 10px 60px 10px 190px;}
.promodiapo .prixbarre { left: 360px; bottom:10px;}

.favoris {
	color: #999;
	position:absolute;
	bottom: -27px;
	font-size: 10px;
}
.correspondance {
	width: 90%;
	margin: auto;
}

.correspondance label {
	display: block;
	color: #999;
	text-align: left;
	margin-bottom: 6px;
}

.correspondance textarea, .correspondance p {
	width: 100%;
}

.messageencours{
	position: absolute;
	width: 100%;
	opacity: 0.8 ;
	background-color: #FFF;
	text-align: center;
	line-height: 100% ;
	font-size: 16px;
	color: #F000 ;
}

.resume {
    display: block;
}

.CollapsiblePanelContent {
    display: none;
}

.principal>h2:before {
    padding: 0 5px;
    content: "\25B6";
}

.principal>.resume {
    cursor: pointer;
}
.principal.open>h2:before {
    content: "\25BC";
}

.open .CollapsiblePanelContent {
    display: block;
}

.open .resume {
    display: none;
}

.open .reponse .resume {
    display: block;
}

.reponse {
    position:relative;
    width: 85%;
    left:10%;
    margin: 40px 0;
    border: solid thin #CCC;
    border-radius: 20px;
}

.principal {
    min-width: 600px;
    margin: 40px 20px;
}
.principal>.intitule {
    cursor: pointer;
}
.principal p {
    margin: 10px 20px; 
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
}

#physiotchat .reponse h2 {
    background-color: #99B773;
}

.cartouche {
    clear: both;
    margin: 20px auto;
    text-align: center;
}

.editer a {
    display: inline-block;
    color: #FFF;
    background-color: #99B773;
    line-height: 24px;
    border-radius: 12px;
    padding: 0 12px;
    text-decoration: none;
}

.editer a:hover {
    background-color: #688940;
}

.datef {
    position: absolute;
    right: 10px;
    top: 0;
}

form>h2{
	position: relative;
}
form>h2 span {
	position: absolute;
	display: block;
	margin: 0 20px ;
	top: 0;
	right: 0;
}
#physiotchat #editer p {
	margin: 20px;
}
#physiotchat label {
	display: block;
	top:0;
	text-align: left;
	width: 100%;
}

.valider {
	text-align: center;
}

#physiotchat .informations {
    position: relative;
    top: 0;
    left: 0;
}

.reponseform{
    position: relative;
    width: 85%;
    left: 10%;
    margin: 20px 0 ;
    border-radius: 20px;
    overflow: hidden;
    border: solid thin #CCC;
}

.reponseform p{
    margin: 10px;
    text-align: center;
}

.reponseform textarea {
    font-size: 14px;
    width: 100%;
}

#physiotchat .reponseform h3 {
    font-size: 14px;
    margin: 0;
    padding: 4px 20px;
    background-color: #99B773;
    color: #FFF;
}

/* ****** boutique ********** */
.produits>div {
    position: relative;
    float: left;
    width: 400px;
    height: 400px;
    margin: 40px;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    border: solid thin #CCC;
}

.produits p {
    margin: 10px;
}

.produits a {
    position: absolute;
    top: 0;
    letf:0;
    width: 100%;
    height: 100%;
}
#physiostore .produits h2 {
    background-color: #7E161B;
    color: #FFF;
    margin: 0;
    padding: 4px 10px;
}

#physiostore .photo{
	width: 260px;
	height: 140px;
	background-position:center;
	margin: 20px auto;
	background-repeat: no-repeat;
}

.prix, .prixpromo {
	background-color: #8BAA48;
	color: #FFF;
	font-weight:bold;
	font-size:14px;
	padding: 4px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align:center;
	width:80px;
	position: absolute;
	right: 10px;
	bottom: 10px
}

.prixbarre {
	color: #999;
	font-size:12px;
	padding: 4px 10px;
	text-align:center;
	width:80px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	background-image:url(../images/prixbarre.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.prixpromo {
	background-color: #FF0000;
}

#physiostore h2.categorie{
    margin: 60px auto;
    color: #CCC;
}

#physiostore .liste {
    position: relative;
    min-width: 880px;
    min-height: 300px;
}

#physiostore .liste .img {
    position: absolute;
    width: 250px;
    height: 250px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#physiostore .description {
    position: relative;
    min-width: 300px;
    width: calc(100% - 260px);
    left: 260px;
    top: 0;
} 

#physiostore .description p {
    margin: 10px 20px;
}

table.references {
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    width: 600px;
    margin: 30px 0 ;
}
.references td { border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; text-align:center ; padding: 4px;}
.references th { border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; text-align:center ; padding: 2px; background-color:#EEE; color:#333333; font-weight:normal}

.refprod {text-align:left }
.refprix, td.refprix, td.refprixpromo {text-align:right; padding-right: 10px ; }
.refprixpromo {text-align: center; color: red; font-weight: bold}
.refprixpromo span { font-size:9px; color:#666666; font-weight: normal; text-decoration:line-through}

.references a{
    background-color: #688940;
    color: #FFF;
    padding: 2px 4px;
    text-decoration: none;
}

.references a:hover{
     background-color: #9ABF49;
}

.produit {
    width: 90%;
    margin: 20px auto;
    border: solid thin #CCC;
    border-radius: 20px;
    min-width: 600px;
    overflow: hidden;
}


#physiostore .produit>h2, #physiostore .commande>h2{
    background-color: #7E161B;
    color: #FFF;
    margin: 0;
    padding: 4px 20px;
}

.photosprod {
    display: flex;
    justify-content: center;
}
.photosprod .photo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 20px;
}

.descriptionprod {
    clear: both;
    margin: 20px;
}

.descriptionprod>div {
    margin: 20px 0;
}
.produit .references {
    margin: auto;
}

.commande, #conditions {
    width: 90%;
    border: solid thin #CCC;
    margin: 20px auto;
    text-align: left;
    min-height: 110px;
	border-radius: 20px;
    overflow: hidden;
 }

#physiostore .commande h2, #conditions h2, #physiocompte .commande h2 {
    background-color: #7E161B;
    color:#FFFFFF; font-size: 14px; padding: 4px ; margin: 0px ; position: relative;}

#physiocompte .commande h2 {
    background-color: #586F94;
}

#conditions p , #conditions h3{
    margin: 20px;
}
.commande p{ position: relative; clear: both; padding: 2px; text-align:left ; }
.commande span{ float:left; text-align: right; width: 110px;  margin: 0px ; line-height: 22px }
.commande input, .commande textarea{ float:left; }
.commande input.qte { float:none; width: 3em; }
.commande select { float:left; }
.commande p.valider { text-align: center; line-height: 24px; padding: 10px 0px 0px 0px;  }
.commande .valider input{ float: none}
.commande .adresse { text-align:left; }
.reglement td { border:none; text-align:center; }
.reglement input { float:none; }

.port, .port ul { text-align:left; }
.options, .options th {text-align:center; color:#333333}

table.refcom { border-top: dotted 1px gray; border-left: dotted 1px gray; width: 100% }
.refcom  td { border-bottom: dotted 1px gray; border-right: dotted 1px gray; text-align:center ; padding: 4px;}
.refcom  th { border-bottom: dotted 1px gray; border-right: dotted 1px gray; text-align:center ; padding: 2px; background-color:#E0E0E0; color:#333333; font-weight:normal}

#physiostore .commande input[type=submit] {
    background-color: #688940;
    color: #FFF;
    line-height: 24px;
    border: none;
    border-radius: 10px;
}

#physiostore .commande input[type=submit]:hover {
    background-color: #9ABF49;
}