body { 
  background-color: #8A8A87; 
}

a.email {
  text-decoration: none;
  color: #000000;
}

a.email:hover {
  text-decoration: underline;
  color: #CC9933;
}

a.lien {
  text-decoration: underline;
  color: #000000;
}

a.lien:hover {
  text-decoration: underline;
  color: #CC9933;
}

sup {
  Vertical-align : 2px;
}

p.clear { clear: both; }

#page-wrap {position: relative; }
#sidebar { width: 80px; position: fixed; left: 50%; top: 200px; margin: 0 0 0 370px; }
#sidebar2 { width: 200px; position: fixed; left: 50%; top: 200px; margin: 0 0 0 -480px; }
/* Top */

div.top {
  width: 960px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: white; 

}

p.coordtop {
  width : 102px;
  height: 103px;
  background-color: #8A8A87;
  margin-top: -110px;
  margin-left: 246px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-right: 5px;
	padding-top: 5px;
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-align: right;
}

span.coordtop{
  color: #FFFFFF; 
  font-size: 14px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-align: right;
  font-weight: bold;
}

span.petittop{
  color: #FFFFFF; 
  font-size: 8px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-align: right;
  font-weight: bold;
}

p.menuderoulant1{
  width: 76px;
  height: 20px;
  margin-top: -25px;
  margin-bottom: 0px;
  margin-left: 359px; 
  margin-right: 0px;
  background-color: #8A8A87; 
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-top: 5px;
  padding-left: 40px;
  padding-right: 0px;
  padding-bottom: 0px;
}

p.menuderoulant1 A{
  text-decoration:none;
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
}

p.menuderoulant2{
  width: 90px;
  height: 20px;
  margin-top: -25px;
  margin-bottom: 0px;
  margin-left: 481px; 
  margin-right: 0px;
  background-color: #8A8A87; 
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-top: 5px;
  padding-left: 26px;
  padding-right: 0px;
  padding-bottom: 0px;
}

p.menuderoulant2 A{
  text-decoration:none;
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
}

p.menuderoulant3{
  width: 95px;
  height: 20px;
  margin-top: -25px;
  margin-bottom: 0px;
  margin-left: 604px; 
  margin-right: 0px;
  background-color: #8A8A87; 
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
}

p.menuderoulant3 A{
  text-decoration:none;
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
}

p.sousmenuderoulant1 {
  position :absolute;
  width: 100px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 604px; 
  margin-right: 0px;
  background-color: #DDDCD8;
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
	z-index :9999;
}

p.sousmenuderoulant1 A {
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: none;
}

p.sousmenuderoulant1 A:hover {
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: underline;
}

p.sousmenuderoulant2 {
  position :absolute;
  width: 102px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 481px; 
  margin-right: 0px;
  background-color: #DDDCD8;
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
	z-index :9999;
}

p.sousmenuderoulant2 A {
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: none;
}

p.sousmenuderoulant2 A:hover {
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: underline;
}

p.partage {
	color: #999999; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
	position: absolute;
	margin-top: 0;
	margin-left: 800px;
	text-align: right;
}

p.partage a {
	color: #000000; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration : none;

}

p.partage a:hover {
	color: #CC9933; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration : none;

}

p.spacerorange {
  width: 353px;
  height: 25px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px; 
  margin-right: 0px;
  background-color: #CC9933; 
}

p.spacerorange2 {
  width: 236px;
  height: 25px;
  margin-top: -25px;
  margin-bottom: 0px;
  margin-left: 724px; 
  margin-right: 0px;
  background-color: #CC9933; 
}

p.spacerbleu {
  width: 333px;
  height: 29px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  margin-right: 0px;
  background-color: #003366; 
  color: #FFFFFF; 
  font-size: 18px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-top: 7px;
  padding-left: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  
}

p.spacerbleu A{
  color: #FFFFFF; 
  font-size: 18px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
}

p.spacergris {
  width: 236px;
  height: 30px;
  margin-top: -30px;
  margin-bottom: 0px;
  margin-left: 724px; 
  margin-right: 0px;
  background-color: #DDDCDB; 
}

img.trouba_logo{
  width: 246px;
  height : 122px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  margin-right: 0px;
}

img.trouba_01{
  width: 365px;
  height : 114px;
  margin-top: -114px;
  margin-bottom: 0px;
  margin-left: 360px; 
  margin-right: 0px;
}

img.img_sousmenu{
  margin-left: -10px;
}

/* Centre */

div.centre {
	position: relative;
  width: 960px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: white; 
}
/* Gauche */

div.gauche {
  float: left;
  width: 200px;
	min-height: 650px;
  margin: 0px;
  padding: 0px;
  background-color: #CC9933;
}

p.menu{
  margin-left: 28px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF;
  padding: 0;
}

p.menu2{
  margin-left: 28px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #8A8A87;
  padding: 0;
}

p.sousmenu2{
  width: 130px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 40px; 
  margin-right: 0px;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding-left: 5px;
  background-color: #CC9933;
}

a.sousmenu2 {
  text-decoration: none; 
  color: #FFFFFF;
}

a.sousmenu2:hover {
  text-decoration: underline; 
  color: #FFFFFF;
}

p.sousmenu3{
  width: 130px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 40px; 
  margin-right: 0px;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding-left: 5px;
  background-color: #CC9933;
}

a.sousmenu3 {
  text-decoration: none; 
  color: #FFFFFF;
}

a.sousmenu3:hover {
  text-decoration: underline; 
  color: #FFFFFF;
}

a.menu {
  text-decoration: none; 
  color: #FFFFFF;
}

a.menu:hover {
  text-decoration: underline;  
  color: #FFFFFF;
}

a.menu2 {
  text-decoration: none; 
  color: #FFFFFF;
}

a.menu2:hover {
  text-decoration: underline;  
  color: #FFFFFF;
}

img.img_menu {
  margin-left: -12px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* Milieu */

div.milieu {
  float: left;
  width: 760px;
  margin: 0px;
  padding: 0px;
  background-color: white;
}

p.titrepage {
  margin-left: 45px;
  margin-top: 30px;
  margin-right: 45px;
  margin-bottom: 10px;
  font-size: 21px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #B5B3B3;
  padding: 0;
}

p.titre {
  margin-left: 45px;
  margin-top: 15px;
  margin-right: 45px;
  margin-bottom: 5px;
  font-size: 15px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
  padding: 0;
}

p.titre2 {
  margin-left: 0px;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 5px;
  font-size: 15px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
  padding: 0;
}

p.stitre {
  margin-left: 45px;
  margin-top: 15px;
  margin-right: 45px;
  margin-bottom: 5px;
  font-size: 13px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
  padding: 0;
}
p.texte {
  margin-left: 45px;
  margin-top: 10px;
  margin-right: 45px;
  margin-bottom: 5px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding: 0;
}

td {
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
}

td a {
  text-decoration: underline;
  color: #000000;
}

td a:hover {
  text-decoration: underline;
  color: #CC9933;
}

ul.liste{
  float:left;
  margin-left: 0px;
}

ul.liste2{
  float:left;
  margin-left: -40px;
}

li {
  list-style-type : square; 
  margin-left: 45px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color:#CC9933;
	margin-right: 45px;
	padding-bottom : 5px;
	
}

li.accueil {
  list-style-type: square; 
  margin-left: 45px;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color:#CC9933;
	margin-right: 45px;
}

li.liste {
  list-style-type: square; 
  margin-left: 45px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color:#CC9933;
	margin-right: 0px;
}

li.prix {
  list-style-type: square; 
  margin-left: 45px;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color:#CC9933;
	margin-right: 0px;
}

span.texte {
  color: #000000;
}

img.carte {
  margin-left: 45px;
  margin-right : 10px;
}

img.galerie {
  margin-left: 0px;
  margin-right : 10px;
  margin-bottom : 10px;
}

span.gros
{
  font-size: 16px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: bold;
}

div.clearfix {
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  margin-left: -15px; 
  padding: 3px 0px;
}

label {
	width: 200px;
  float: left;
  margin : 0 10px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
}

div.clearfix2 {
	position: relative;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  margin-left: 0px; 
  margin-right: 0px;
  padding: 3px 0px;
  text-align: right;
	
}

label.tarrif {
	position: relative;
	width: 375px;
  float: left;
  margin : 0 10px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  text-align: left;
}

label.tarrif2 {
	position: relative;
	float: right;
	text-align: right;
	padding-right: 30px;
}

span.tarrifpetit{
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

span.droit{
  margin-left:155px;
}

div.clear { clear: both; }

/* Droite */ 

div.droite {
  float: left;
  width: 236px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite2 {
  float: left;
  width: 150px;
  height : 976px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite3 {
  float: left;
  width: 150px;
  height : 697px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite4 {
  float: left;
  width: 150px;
  height : 1135px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite5 {
  float: left;
  width: 150px;
  height : 1200px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite6 {
  float: left;
  width: 150px;
  height : 2000px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite7 {
  float: left;
  width: 150px;
  height : 3406px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

p.titredroite{
  margin-left: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DDDCDB;
  font-size: 21px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #CC9933;
  padding: 0;
}

p.semititredroite{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DDDCDB;
  font-size: 16px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
  padding: 0;
}

p.semititredroite A{
  font-size: 16px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
}

p.semititredroite1{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DDDCDB;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #CC9933;
  padding: 0;
}

p.semititredroite1 A{
  font-size: 14px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #CC9933;
}

p.petittitredroite{
  margin-left: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DDDCDB;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
  padding: 0;
}

p.textedroite{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  background-color: #DDDCDB;
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding: 0;
}

p.textedroite A{
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
}

img.affichedroit {
  margin-left: 25px;
  margin-top : 7px;
}

/* Copyright */

p.copy {
  text-align: center; 
  font-size: 9px; 
  font-family: Arial;
  margin-top: 60px; 
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

a.petitmenu {
  color: #333333; 
  font-size: 9px; 
  font-family: Arial; 
  text-decoration : none;
}

a.petitmenu:hover {
  color: #CC9933; 
  font-size: 9px; 
  font-family: Arial; 
  text-decoration : underline;
}

img.ancre{
  margin-left: 25px;
}

/* 2017-03-12 - Modifications */
.masquer::before { 
	content:'\25be'; /* \25bc */
	font-size:18px;
}
.masquer.haut::before { 
	transform: rotate(180deg);  
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	display:inline-block;
	color:#CC9933;
}


.masquer, 
.masquer:hover {
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	padding:0 0.15em;
}
.masquable.masque {
	display:none;
}

.c {
	float:left;
	margin:0 1%;
}

.c6 {
	width:48%;
}


.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.lkvert {
	color: green;
	font-size:15px;
}

.nowrap_table tr td {
    white-space: nowrap;
}

.cal {
	width:21px;
	height:17px;
	background:#fff url(https://musiquetroubadour.com/Images/cal.png) no-repeat center center;
	border:solid #eee 1px;
	display:inline-block;
	float:right;
	cursor:pointer;
}
.cal span {
	display:none;
}

.lm_ct {
	display:none;
	background:#fff;
	padding:3em;
	width:620px
}

.lm_ct,
.lm_ct p,
.lm_ct tr td {
	white-space:normal !important;
}

.lm_actions {
	margin:20px 0 0 0 ;
}

.lm_actions a {
	display:inline-block;
	padding:0.4em 0.6em;
	background:green;
	color:#fff;
	font-size:15px;
	margin:15px 0;
	font-size:15px;
	margin:15px 0;
}

.lm_actions a.envoyer {
	background:green;
	color:#fff;
	float:right;
}

.lm_actions a.gris {
	background:gray;
	color:#fff;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.modal_close,
.modal_close:hover {
	position:absolute;
	top:6px;
	right:16px;
	text-decoration:none;
	font-size:20px;
	color:#ccc;
}

.lm_actions a.back_to_edit,
.html_preview {
	display:none;
}

table ul.intable {
	padding-left: 15px;
}

table ul.intable li {
	margin-left:0px;
	margin-right:0px;
}

.adm_table {
	margin-left:45px;
	width:calc(100% - 45px);
}

.horaire_cours {
	text-decoration:none;
	display:block;
	position: absolute;
	z-index:30000;
	font-weight:bold;
	border-bottom:solid #000 1px;
}

.horaire_cours p {
	padding:0 0 0 1em;
}

.bleu {
	background-color: rgba(173,216,230, 0.9);
}

.jaune {
	background-color: rgba(255,250,105,0.9);
}

.rouge { 
	background-color: rgba(254,101,111,0.9);
}

.default {
	background-color: rgba(200,200,200, 0.9);
}

#journee_nav {
	padding:70px 45px 0;
}

#journee_prev {
	float:left;
}

#journee_next {
	float:right;
}

.prof_hide {
	display:none !important;
}

.paiement_item {
	border-top:solid #ccc 1px;
	margin-top:10px;
	padding-top:10px;
}

.ct {
	margin-left:45px;
}

.cols {
	float:left;
}

.cols_12 {
	width:48%;
	margin:0 1%;
}

table#cc_table {
	border-collapse:collapse;
	padding:0;
	margin:0;
	border-spacing:0;
}

table#cc_table td {
	padding:0.35em 0.25em;
}

table#cc_table .inactif td {
	background-color:#f5f5f5;
}

.blured {
	background:#ddd;
	color:#666;
}

@media print {
	.print_bold {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
		border: 0;
		background: transparent;
		font-weight:bold;
	}
}