/*--------------------------------ADMIN */
/*--------------------------------CADRE */
.cadreAdmin{ 
top: 5px;	
background-color:#464e54;
border:  1px solid #9FC6FF;
padding: 1px;
width:80%;
/*height:155;*/
/*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:   5px 0;
-webkit-border-radius:5px 0;
border-radius:        10px 0;
}
 
 /*-----------------              POLICE          -------------------------*/
 

sousTitre{font-size:14px ;color:#045FB4;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;font-style: italic; }/*sous titre*/

dialSite {font-size:17px ;color:#c9c9c9 ; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*texte*/

          
textSupprElevesVert{font-size:12px ;color:#FF0000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*rouge*/
textSupprElevesRouge{font-size:12px ;color:#04B404;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*vert*/
	
dialSiteIns {font-size:14px ;color:#c9c9c9 ; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*texte*/

Text{font-size:12px ;color:#6C6000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;} /*menu coté*/
or{font-size:16px ;color:#FF8000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/
/*affichePseudo{font-size:13px ;color:#04B404;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}   */
ccPhoto {font-size:14px ;color:#c9c9c9 ; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*texte*/


/*===================Messages=======*/

textMessage{font-size:18px ;color:#cda174;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
TitreTextMessage{font-size:19px ;color:#cda174;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
/*=====fiches pseudo===============*/
info{font-size:19px;color:#04B404;font-family:'Abel', sans-serif;}
infoP{font-size:21px ;color:#43b0a4;font-family:'Abel', sans-serif;}
ficheTexte {font-size:16px ;color:#2e8089;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;} 
infoTitre{font-size:17px ;color:#43b0a4;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}


/*Texte contenu pages*/		
 titre{font-style: italic;font-size:21px;font-family:Chalkduster, fantasy;color:#4ec9cd;}		
 page {font-size:17px ;color:#87a6bd ; font-family:'Abel', sans-serif;}/*texte*/ 
 
 a{font-size:16px ;color:#2e8089;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;} 
 
 chanteur{font-size:17px ;color:#ba87bd; font-family:'Abel', sans-serif;}/*chanteur*/ 
  
 
 .prestation{
	display: block;
	position: absolute;   
    top: 0; 
    height: 200px;
	border-radius: 5px;
	/* background-color: aquamarine; */
    background-image: url('/Contenu/prestation.png');
  /*  background-size: cover;*/
    z-index: -1;
 }
 /*texte vert dans annonces*/
 .infoTextePage{
	 font-size: 18px;color: #46a546;font-family:'Abel', sans-serif;
 }
  /*Cadre dans lequel le texte est contenu*/
.tableauMusique {
box-shadow: inset -2px 4px 3px 0px #5b3f3fc4;
    border:1px;
    background-color: #4c4d56;
    border-radius: 5px;
    border-color: #D0FA58;
    position: relative;
    z-index: 3;
}	
#tab{	
	width:70%; 
	margin: 50px;
	border-radius: 10px;
	border: 2px solid #4ec9cd;
}	
.cadreTitre{	
    background-color:#3b4f5d;
}	
	
	
/*	@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src: url(‘/fonts/Roboto-Regular.woff2’) format(‘woff2’),
		url(‘/fonts/Robot-Regular.ttf’) format(‘truetype’)
}   */
	/*=================================EXERCICES=============================>*/
				

				
	
	
	
	
/*	.btnExercice{
background-image : url('../Contenu/message/exercice.jpg');
height: 100%;
width: 100%;
cursor:pointer;

}*/


	
	.message {
box-shadow: 0px 2px 3px #715757;
    background-color: #271d1d;
    border-radius: 5px;
    border-color: #D0FA58;
    position: relative;
    width: 807px;
    left: 100% -100px;
    z-index: 3;

}
	
	
	
	/*=========================================================================>*/
	
	

 
.tabInsere  {
	box-shadow: 0px 5px 8px #aaa;
	/*background-color: #F2F2F2;*/
	border-radius: 5px;
	border-color:#6d4646;
    position: relative;
    width: 675px;                                    
	
    z-index: 3;
}
 
 #ccPhoto{             
	     /*position: absolute;        */
		 height:26px;
		 top: 285px;
		 right:200px;
		 z-index:1;             
		color:#8f6363;
	 
 }
 .hautImg{
    position: absolute;   
    top: 0; 
    width:99%; 
    height: 94%;
    /* background-color: aquamarine; */
    background-image: url('/Contenu/banderole.jpg');
    background-size: cover;
    z-index: -1;
} 
     .barreLien{
        position: absolute;      
        display: flex;
		/*width:700px;*/
        justify-content: space-around;
        align-items: center;              
        padding: 0px;                      
        top: 320px;    
        width: 100%;
        height: 37px;
        background-color: #294d5e;
        box-shadow: 0px 2px 2px #4ec9cd;
        z-index: 1;
}       
 #menu{
    display: flex;
    background-color: #1e2527;

    margin-left: auto;
    margin-right: auto;      
    top:340px;
    position: relative;
    justify-content: space-around;
    align-items: center;

    opacity: 0.8;
       
    /*LONGEUR LARGEUR*/
    width: 70%;
    height: 100px;
    /*ANIMATION*/
    transition: 0.9s;
    /* lighting-color: #11a0b3; */
    /*BORDURE*/
            border-color: #dfe6e7;
            border: 2px;
            border-style:solid;
            border-radius: 5px;
    z-index:-0;
}

.connexionU{      
     
    right:30px;
    top:34px;
    position: absolute; 
    width: 200px;
    z-index:5;
 }
 .connectC{
    width: 400px;
    height: 22px;
    background: #415062;
    box-shadow: 1px 3px 1px #4ec9cd;
    position: absolute;
	left: -200px;
    top: -10px;
    border-radius: 5px;
    z-index: 1;
}
.connectC2{
    width: 300px;
    height: 22px;
    background: #294d5e;
    box-shadow: 0px 2px 3px #4ec9cd;
    position: absolute;
    left: -100px;
    top: 20px;
    border-radius: 5px;
    z-index: 4;
}


 .affiche{
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
		top: 346px;
        width: 70%;
        height: 800px;
        background-color: #333333;
        box-shadow: 0px 3px 3px #4ec9cd;
        overflow-y: scroll;
        z-index: 4;
 }





    .lien{
        position: absolute;
        display: flex;
        justify-content: space-around;
        right: 75px;
        top:425px;
        width: 5%;
        height: 40px;
        z-index: 2;
}






#imgArrondi{
	width: 835px;
    border-radius: 10px;
    height: 390px;
    background-color: #363a3b;
}
body{
    /*background-color: #574040;*/
	background-color: black;
}

/* button{
    height: 30px;
    width: 100px;
    border-radius: 10px;
} */
#imgProfil{
    z-index: 2;
    width: 200px;
    position: absolute; 
    top: 250px;
}
	.mePage{
    box-shadow: 0px 2px 2px #4ec9cd;
    background-color: #333333;
    border-radius: 5px;
    border-color: #bb4d4d;
    position: relative;
	width:675px;
    
	left:40px;
	
   left: auto;     
    z-index: 3;
				}

			  /* a supprimer*/
/*.sautLignes{

    box-shadow: 1px 3px 1px #4ec9cd;
    background: none;
    height: 140px;
    opacity: 0;
}     */
.menuGuitare
{
	width:100%;
	border:2px;
	border-style: solid;
	border-color :#25595b;
    border-radius: 5px;   
    position: absolute;
    align-items: center;
    z-index:5;
	background-color: #333333;
    height:25px;
   
    }
	.menuGuitare2
{
	width:100%;
	border:2px;
	border-style: solid;
	border-color :#25595b;
    border-radius: 5px;   
    position: absolute;
    align-items: center;
    z-index:5;
	background-color: #333333;
    height:190px;
   
    }
		.menuGuitare3
{
	width:897px;
	/*border:2px;*/
	/*border-style: solid;*/
	/*border-color :#25595b;
    border-radius: 5px;   */
    position: relative;
    align-items: center;
    z-index:5;
	background-color: #333333;
    height:600px;
	top:190px;
   
    }
	
	
		 /* place le formulaire inscription en z index plus eleve*/
/*.formIns  {
		  z-index:5;
}         */

/*---------------------------------------Menu connexion -----------------*/



     ul{
        align-content: 0;
        }





/*///////SCROLLBAR////////////////////////*/
 /* width */
 ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #8f8282;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #11a0b3;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/*//////////////////MENU IMAGES/////////////////////////*/


/*Bouton passage souris*/
.fond_image{
    /*background:#FFFFFF;*/
    display:inline-block;
    }
    .fond_image img{
    -moz-transition: opacity 0.9s;
    -webkit-transition: opacity 2.9s;
    -o-transition: opacity 0.9s;
    }
    .fond_image img:hover{
    opacity:0.5;
    -moz-transition: opacity 0.7s;
    -webkit-transition: opacity 0.7s;
    -o-transition: opacity 0.7s;
    }


/*-----------------------------------CONNEXION, INSCRIPTION STEP*/

connect{font-size:12px ;color:4ec9cd;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
connect2{font-size:12px ;color:#04B404;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
/* ------------------------------------- Animation images accueil --------------------------------------*/






orange{font-size:12px ;color:#FF8000;font-family:courrier}/*phrase musique*/
description{font-weight: bold;font-size:14px ;color:#6a5e4a;font-family:Calibri} /*description*/
nom{font-size:17px ;color:#01A9DB;font-family:Trebuchet MS, fantasy}/*Titres*/
* {
    margin: 0;
    padding: 0;
}


header {
    background-color:rgba(33, 33, 33, 0.9);
    color:#fff;
    display:block;
    font: 14px/1.3 Arial,sans-serif;
    margin-bottom: 10px;
    position:relative;
}
/*header h2{
    font-size: 22px;
    margin: 0px auto;
    padding: 10px 0;
    width: 80%;
    text-align: center;*/
}
header a, a:visited {
    text-decoration:none;
    color:#fcfcfc;
}
/*//////////////////////////////////////////////////LECTEUR AUDIO ////////////////*/
/* HTML5 Audio player with playlist styles */
.example {
    margin: 50px auto 0;
    width: 400px;
}
.player {
    background: transparent url("../images/spr.png") no-repeat scroll center top;
    height: 162px;
    position: relative;
    width: 326px;
    z-index: 2;
}
.title, .artist {
    font-family: verdana;
    left: 167px;
    position: absolute;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.title {
    color: #ff8000;
    font-size: 11px;
    font-weight: bold;
	left: 20px;
    top: 3px;
}


.com {
    color: #c9c9c9;
    font-size: 10px;
    height: 94px;
    left: 160px;
    position: absolute;
    top: 25px;
    width: 150px;

}

.artist {
    color: #7cb2c1;
    font-size: 10px;
    top: 5px;
	left: 205px;
}
/*menu deroulant*/
.pl {
    background: transparent url("../images/spr.png") no-repeat scroll -274px -175px;
    cursor: pointer;
    height: 34px;
    left: 270px;
    position: absolute;
	/*top: 20px;*/
    top: 126px;
    /*taille ddu bouton;*/
	width: 36px;
}
/*position appuie btn menu deroulant*/
.pl:hover {
   /* top: 21px; */
   top: 125px;
}
/*couverture*/
.cover {
	background: transparent url("../data/passager02.jpg") no-repeat scroll center top; 

    border-radius: 5px 5px 5px 5px;
    height: 94px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 94px;
}
/*Position du menu play ret etc..*/
.controls {
    cursor: pointer;
    height: 23px;
    left: 167px;
    position: absolute;
    top: 83px;
    width: 138px;
}
/*Menu Boutons*/
.controls .play, .controls .pause, .controls .rew, .controls .fwd {
    background: transparent url("../images/spr.png") no-repeat scroll 0 0;
    float: left;
    height: 100%;
    width: 33%;
}
/*Boutons*/
.controls .play {
    background-position: -8px -171px;
}
.controls .pause {
    background-position: -8px -198px;
    display: none;
}
.controls .rew {
    background-position: -54px -171px;
}
.controls .fwd {
    background-position: -100px -171px;
}
.controls .play:hover {
    background-position: -8px -170px;
}
.controls .pause:hover {
    background-position: -8px -197px;
}
.controls .rew:hover {
    background-position: -54px -170px;
}
.controls .fwd:hover {
    background-position: -100px -170px;
}
.hidden {
    display: none;
}
.controls .visible {
    display: block;
}

/*Barre Volume*/
.volume {
    height: 10px;
    left: 186px;
    position: absolute;
    top: 110px;
    width: 112px;
}
.tracker {
    height: 15px;
    left: 20px;
    position: absolute;
    top: 126px;
    width: 285px;
}

/*Barre volume*/
.ui-slider-range {
    background: transparent url("../images/spr.png") no-repeat scroll 5px -222px;
    height: 100%;
    position: absolute;
    top: 0;
}
.ui-slider-handle {
    cursor: pointer;
    height: 10px;
    margin-left: -5px;
    position: absolute;
    top: 2px;
    width: 10px;
    z-index: 2;
}
.volume .ui-slider-handle {
    background: url("../images/spr.png") no-repeat scroll -201px -188px rgba(0, 0, 0, 0);
    height: 13px;
    width: 13px;
}
/*Affichage titres dans la playlist*/
.playlist {
    background-color: #333333;
    border-radius: 5px 5px 5px 5px;
    list-style-type: none;
    margin: -10px 0 0 2px;
    padding-bottom: 10px;
    padding-top: 15px;
    position: relative;
    width: 326px;
    z-index: 1;
}
.playlist li {
    color: #EEEEEE;
    cursor: pointer;
    margin: 0 0 5px 15px;
}
.playlist li.active {
    font-weight: bold;
}

/*///////////////////////////////////FIN LECTEUR///////////////////////////////////*/


/*Bouton passage souris*/
.fond_image{
/*background:#FFFFFF;*/
display:inline-block;
}
.fond_image img{
-moz-transition: opacity 0.9s;
-webkit-transition: opacity 2.9s;
-o-transition: opacity 0.9s;
}
.fond_image img:hover{
opacity:0.5;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}





/*Numero code html*/
pre{
    counter-reset: line;
	color:#01DFD7;
	border-color:#6E6E6E;
}
code{
    counter-increment: line;
	color:#01DFD7;
}

code:before{
    content: counter(line);
}








/* ----------------------------------------------------------------------FONT STYLES */
/* -----------------------------------------------font-family */
/* sans-serif */
/* serif */
/* courier */
/* arial */
/* arial black */
/* comic sans ms */
/* courier new*/
/* georgia*/
/* impact */
/* new roman*/
/* new roman */
/* trebuchet ms */
/* verdana */
/* trebuchet */
/* tahoma */
/* Arial Narrow */
/* Chalkduster */
/* Helvetica */
/* 'Arial Black', Gadget, sans-serif */
/* 'Bookman Old Style', serif */
/* 'Comic Sans MS', cursive; */
/* Courier, monospace; */
/* 'Courier New', Courier, monospace;      monospace pour code html*/
/* Garamond, serif; */
/* Georgia, serif; */
/* Impact, Charcoal, sans-serif; */
/* 'Lucida Console', Monaco, monospace; */
/* 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */
/* 'MS Sans Serif', Geneva, sans-serif; */
/* 'MS Serif', 'New York', sans-serif; */
/* 'Palatino Linotype', 'Book Antiqua', Palatino, serif; */
/* Symbol, sans-serif; */
/* Tahoma, Geneva, sans-serif; */
/* 'Times New Roman', Times, serif; */
/* 'Trebuchet MS', Helvetica, sans-serif; */
/* Verdana, Geneva, sans-serif; */

/* -------------------------------------------------------------FONT */
/* ----------------------------BRAS */
/* Font-Weight: normal;*/
/*Font-Weight: Bold; */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------FORMULAIRE  admin*/


formulaire{ font-size:14px ;color:#04B404;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }/*chakras*/
svideo{ font-size:14px ;color:#FF8000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }/*chakras*/
smusique{ font-size:14px ;color:#04B404;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }/*chakras*/
ssite{ font-size:14px ;color:#0000FF;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }/*chakras*/
sgeneral{ font-size:14px ;color:#7401DF;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }/*chakras*/
s3dsmax{ font-size:14px ;color:#01DFD7;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }/*chakras*/
sphotoshop{ font-size:14px ;color:#FF0000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }/*chakras*/
principal{font-size:12px ;color:#FF0000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*violet clair*/
/* ------------------------PRINCIPAL---------------------- */ 

/*
text-shadow: 0 1px 0 #04B4AE,*/
         /*    0 2px 0 #e5e5e5,
             -1px 1px 0 #eee,
             -1px 1px 0 #C1C1C1, 
             -1px 1px 0 #B9B9B9,
             -1px 1px 0 #ffffff,
             -1px 1px 1px rgba(0,0,0, 0.6),
             -1px 1px 5px rgba(0,0,0, 0.2),
             -1px 1px 30px rgba(0,0,0, 0.4)*/;
			 
			 }


/* ---------------------------------------------------- */



/* -----------------------------------------------------------------------------------------  */

/* --------------#E2A9F3----------------LIENS-----------------------------------------------------------  */


/* a{font-size:12px ;color:#E2A9F3;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*violet clair*/ */

/* --------------MENU-----------------------------------------------------------  */
coeur{font-size:15px ;color:#04B431;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*rose*/
titreCote{font-size:11px ;color:#F7BE81;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*rose*/
/* ---------------------------------------------------- */

/* -------------------------MINERAUX--------------------- */
nomPierre{font-size:14px ;color:#7401DF;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;;font-style: italic; }/*nomPierre*/

rouge{font-size:12px ;color:#FF0000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/
orange{font-size:12px ;color:#FF8000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/
jaune{font-size:12px ;color:#D7DF01;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/ 
vert{font-size:12px ;color:#04B404;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/
bleu{font-size:12px ;color:#0000FF;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/
violet{ font-size:12px ;color:#7401DF;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }/*chakras*/
blanc{font-size:12px ;color:#D8CEF6;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/
gris{font-size:12px ;color:#01DFD7;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/
tous{font-size:12px ;color:#01DFD7;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*chakras*/
description{font-size:14px ;color:#A4A4A4;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;} /*description pierres*/
dial2{font-size:12px ;color:#819FF7;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*bienfaits pierres */
dial3{font-size:12px ;color:#04B431;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*nettoyage pierres */
TitreGPierres1{font-size:10px ;color:#5858FA;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; }
TitreGPierres{font-size:10px ;color:#088A4B;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
/* ---------------------------------------------------- */

/* -------------------MAIL---------------------------- */
mail{font-size:24px ;color: #4ec9cd;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
/* ---------------------------------------------------- */
          
/*---------------------MUSIQUE-------------------------*/
/* titreMusique{font-size:14px ;color:#AC58FA ; font-family:Arial Narrow, sans-serif} */
note{font-size:14px ;color:#01DFD7 ; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
note2{font-size:14px ;color:#F5A9F2 ; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}

langue{font-size:13px ;color:#0080FF;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*gris link*/
Pagemusique {font-size:13px ;color:#01DFD7;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*gris link*/
artiste {font-size:13px ;color:#01DFA5;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*gris link*/
Titremusique{font-size:13px ;color:#AC58FA;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*gris link*/

pdf{font-size:15px ;color:#F5A9F2;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*table rose*/


/* -------------------------A VOUS LA PAROLE------------------------------------------------  */
titreChat{font-size:14px ;color:#045FB4;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;font-style: italic; }/*sous titre*/
dialChat {font-size:12px ;color:#848484 ; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*texte*/
decoChat{font-size:13px ;color:#7401DF;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*poste par*/
Pseudo{font-size:12px ;color:#FF8000;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*pseudo*/
date{font-size:11px ;color:#7401DF;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}/*le date*/
/* ----------------TABLEAU HTML -----------------------*/


Hfichier {font-size:12px ;color:#D0A9F5 ; font-family:Courier, monospace;}/*page html*/
d {font-size:12px ;color:#D7DF01 ; font-family:Courier, monospace;}/*texte*/
Hdial{font-size:12px ;color:#D8D8D8;font-family:Courier, monospace;}/*dialogue jaune*/ 
Hbody{font-size:12px ;color:#01DF3A;font-family:Courier, monospace;}/*body vert*/
Htitle{font-size:12px ;color:#819FF7;font-family:Courier, monospace;}/*title bleu*/
Hhead{font-size:12px ;color:#F5BCA9;font-family:Courier, monospace;}/*head violet*/
Hhtml{font-size:12px ;color:#FFFFFF;font-family:Courier, monospace;}/*html rouge*/
Hcenter{font-size:12px ;color:#01DFD7;font-family:Courier, monospace;}/*center gris*/
Hb{font-size:12px ;color:#04B486;font-family:Courier, monospace;}/*b bleu Foncé*/
Htable{font-size:12px ;color:#F5A9F2;font-family:Courier, monospace;}/*table rose*/
Htr{font-size:12px ;color:#01DFA5;font-family:Courier, monospace;}/*tr bleu vert*/
Htd{font-size:12px ;color:#74DF00;font-family:Courier, monospace;}/*td vert*/
Htable{font-size:12px ;color:#F5A9F2;font-family:Courier, monospace;}/*table rose*/
Hhr{font-size:12px ;color:#D8CEF6;font-family:Courier, monospace;}/*hr*/
Hbr{font-size:12px ;color:#D8CEF6;font-family:Courier, monospace;}/*hr*/
Ha{font-size:12px ;color:#FA8258;font-family:Courier, monospace;}/*maron clair liens*/
Hfont{font-size:12px ;color:#CEF6D8;font-family:Courier, monospace;}/*vert clair font*/
Hlink{font-size:12px ;color:#01DFD7;font-family:Courier, monospace;}/*gris link*/
Hcolor{font-size:12px ;color:#01DFD7;font-family:Courier, monospace;}/*gris link*/
Hwidth{font-size:12px ;color:#01DFD7;font-family:Courier, monospace;}/*gris link*/
Hheight{font-size:12px ;color:#01DFD7;font-family:Courier, monospace;}/*gris link*/
Hcellspacing{font-size:12px ;color:#2E9AFE;font-family:Courier, monospace;}/*gris link*/
Hcellpadding{font-size:12px ;color:#2E9AFE;font-family:Courier, monospace;}/*gris link*/
Hborder{font-size:12px ;color:#0080FF;font-family:Courier, monospace;}/*gris link*/
Hdiv{font-size:12px ;color:#01DFD7;font-family:Courier, monospace;}/*gris link*/
Hlink{font-size:12px ;color:#01DFA5;font-family:Courier, monospace;}/*gris link*/
Himg{font-size:12px ;color:#E0ECF8;font-family:Courier, monospace;}/*gris link*/
Hsrc{font-size:1px ;color:#FFBF00;font-family:Courier, monospace;}/*gris link*/
HTARGET{font-size:12px ;color:#D8CEF6;font-family:Courier, monospace;}
Hhref{font-size:12px ;color:#F6CECE;font-family:Courier, monospace;}
Hbordercolor{font-size:12px ;color:#D0FA58;font-family:Courier, monospace;}
Hbgcolor{font-size:12px ;color:#F3E2A9;font-family:Courier, monospace;}
Hvalign{font-size:12px ;color:#088A4B;font-family:Courier, monospace;}
Hi{font-size:12px ;color:#B45F04;font-family:Courier, monospace;}
Hu{font-size:12px ;color:#2ECCFA;font-family:Courier, monospace;}
Hb{font-size:12px ;color:#FA5858;font-family:Courier, monospace;}
Hp{font-size:12px ;color:#F8ECE0;font-family:Courier, monospace;}
Hul{font-size:12px ;color:#F5DA81;font-family:Courier, monospace;}
Hli{font-size:12px ;color:#AC58FA;font-family:Courier, monospace;}
Hol{font-size:12px ;color:#F5DA81;font-family:Courier, monospace;}
Hh1{font-size:12px ;color:#F7819F;font-family:Courier, monospace;}

																	 
/*--------------------------------------------CONNECTION STEP
/*CONTOUR*/

.connectCTel{
left: 239px;
height: 22px;
background: #415062;
box-shadow: 1px 3px 1px #4ec9cd;
position: absolute;
left: -330px;
top: -10px;
border-radius: 5px;
z-index: 1;
width: 380;
}
/*----------------------------------------- tableau html */







/*----------------------------------------- Decor */

.bdimg{
	border-color : rgb(0, 0, 0);
	border-color: rgba(0, 0, 0, 1);

	border-width: 7px;
	
    border-style:solid;
    padding: 20px;
	
	
}


/*================================= CADRE MODIFICATION DU SITE */
.admin{
	
		position: absolute;
		margin: 0 auto;
		width:80%; 
        height:300px;
        top: 40px; 
        left: 160px;
		background: #333333;
		box-shadow: 1px 3px 1px #4ec9cd;
		border-radius: 5px;
}

.desousMenuAdmin{
	
		position: absolute;
		margin: 0 auto;
		background:#e2e2e2;
		width:80%; 
        height:400px;
        top: 40px; 
        left: 160px;
}





.absolute{
	
		position: absolute;
		margin: 0 auto;
		/*background:#e2e2e2;*/
		background:#000000;
		width:100%; 
        height:100%;
		        top: 150px; 


}

/* logo */
.alignPict{       
    width: 100%;
    height: 100%;
    position: relative;
    top: -165px;
    left: 0px;
	z-index: 1;
}

.lienG{      
    
z-index: 4;
    left: 198px;
    top: 123px;
    position: absolute;

}

.lienD1{      
     
right:20px;
top:-130px;
position: absolute; 

}
.lienD1Tel{      
     
right: -546px;
top:-130px;
position: absolute; 

}


.lienD{      
     
z-index: 4;
    right: 66px;
    top: 123px;
    /* bottom: 270px; */
    position: absolute;
  
  
}
/*--------------------------------------------------------- MENU ADMIN*/


/* barre sous le menu */ 
.barreAdmin{
	width:100%;
	height:22px;
	background:#a9bace;
	box-shadow: 0px 5px 8px #aaa;
    position: absolute; 
    top: 0px; 

    z-index: 3;
}


/* barre menu Admin*/

/* Balise comprenant tous les liens */
#menu-deroulantA, #menu-deroulantA ul {
    padding: 0px;
    margin: 0px;

	
    list-style: none;
	

	
	
	
	
}
#menu-deroulantA {
/* on centre le menu dans la page  centrer tous les boutons */
    text-align: center;
}
#menu-deroulantA li {
/* on place les liens du menu horizontalement */
    display: inline-block;
	vertical-align:top;

	
}
#menu-deroulantA ul li {
				/* on enlève ce comportement pour les liens du sous menu */


        	background-color: #a9bace;   	
			display: inherit;
			display: block;
			height:40px;
			width:250px;

			
			
			
			/* background-color: #dad6e5;   */
			/* background:transparent; */
				}
				
#menu-deroulantA ul {
		position: absolute;
		/* on cache les sous menus complètement sur la gauche */
		 
		left: -999em; 
		text-align: center;
		z-index: 1000;
	     
		x:30px;		
		y:30px;	
		


		
		}
				
				
				
				
				
				
				
				
				


/*--------------------------------------------------------- MENU */

.bloc {
	                      
						  				/* Bloc du menu deroulant	   */
						  display: block;
							width: 127px;
							 background-color: #F2F2F2;  
							border: 0px solid #e0d4e4;
							
						} 



/* barre sous le menu */
.barre{
    width: 100%;
    height: 31px;
	display: block;
    background: #294d5e;
    box-shadow: 0px 2px 2px #4ec9cd;
    position: absolute;
    top: 125px;
    border-radius: 2px;
    z-index: 3;
}
.barreTel{
    width: 1021;
    height: 31px;
	display: block;
    background: #294d5e;
    box-shadow: 0px 2px 2px #4ec9cd;
    position: absolute;
    top: 125px;
    border-radius: 2px;
    z-index: 3;
}


#menu_relative{
    height: 36px;
    vertical-align: middle;
    display: block;
    text-align: right;
	position: relative;
}

#barre_gauche{
    height: 36px;
    position: relative;
display: inline-block;
    margin: 0 26%;
    width: 127px;
}
#barre_gaucheTel{
    height: 36px;
    position: relative;
display: inline-block;
    margin: 0 26%;
    width: 130px;
}

.menu{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.mgauche{
	
}

.mdroite{
	margin-right: 20px;
}

a.cache {  
 text-decoration: none; 
  color: #000; 
} 



/*---------------------------------------------------------------------------DEROULANT  HAUT*/

#menu-deroulant {
/* on centre le menu dans la page  centrer tous les boutons */
    text-align: center;
	
}



/* ------------------------------------------------------CONTENU-------------------------------- */
.fondChampTexte {
    width: 134%;
    height: auto;
    bottom: auto;
    background: #FFFFFF;
    box-shadow: 2px 3px 5px #aaa;
    position: absolute;
    margin: 0 auto;
    left: -161px;
    z-index: 1;
    top: -12px;
}


.champTexte {
width: 50%;
    height: auto;
    bottom: auto;
    background: #333333;
    box-shadow: 2px 2px 3px #836565;
    position: absolute;
    margin: 0 auto;
    left: 374px;
    z-index: 1;
    top: 146;
}
.champTexteTel {
width: 130%;
    height: auto;
    bottom: auto;
    background: #333333;
    box-shadow: 2px 2px 3px #836565;
    position: absolute;
    margin: 0 auto;
    left: 320px;
    z-index: 1;
    top: 146;
}

.gauche {

    height: 20px;
    position: absolute;
    top: 125px;
    margin-left: 100;
	z-index:4

}
.droite {

    height: 20px;
    position: absolute;
    top: 125px;
	z-index:4;
    right: 82;
}


.image_profil {
z-index: 4;
    position: absolute;
    left: 28px;
    top: 59px;
	/*OMBRE IMAGE*/
  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
	
	
}





/* align le texte dans affiche */
.align{  
	
		left: 20px;
		
	
	
}




/*cours de musiques*/
.tableauAffiche {
	box-shadow: 0px 5px 8px #aaa;
	background-color: #ffffff;
	border-radius: 5px;²²
	border-color:#D0FA58;
    position: relative;
    width: 750px;
	left: 100% -100px;
    z-index: 3;

}
/*modif pierres*/
.tableauPierres {
	box-shadow: 0px 5px 8px #aaa;
	background-color: #F2F2F2;
	border-radius: 5px;
	border-color:#D0FA58;
    position: relative;
    width: 885px;
	left: 100% -100px;
    z-index: 3;

}



.tableauMusiqueTel {

border-radius: 5px;
border-color: #D0FA58;
position: relative;
/*width: 807px;*/
left: 100% -100px;
z-index: 3;

}

/*ecoute de musiques*/
.tableauMusique2 {

	background-color: #3c3c3c;


}

.tableauCours {
	box-shadow: 0px 5px 8px #aaa;
	background-color: #2E2E2E;
	border-radius: 5px;
    position: relative;
    width: 100% -100px;
	left: 15px;
    z-index: 3;

}
.tableauCoursLigne {
	
	background-color: #848484;
	
    position: relative;
    width: 20px;
	height:100%;
	vertical-align:left;
    z-index: 3;

}

.menuSuivant{
	/* position calque */
	position: absolute; z-index:3;
	width:100%;
	height:100%px;
	background:#a9bace;/*couleur barre*/
    /*bottom:600;*/
	vertical-align:bottom;
	vertical-align:left;
}
/*------------------ fond code -----------*/
.tabAdmin {
	/*ombres*/
	box-shadow: 0px 2px 2px #5f3636;
    background-color: #333333;
	/*angles*/
	border-radius: 5px;
	/*couleur bordure*/
	border-color:#D0FA58;
	/*emplacement*/
    position: relative;

    width: 900; 
	left: 100% -100px;
    z-index: 3;

}

.sousTitre {
    box-shadow: 0px 2px 3px #aaaaaa4a;
    background-color: #333333;
    border-radius: 5px;
    border-color: #D0FA58;
    position: relative;
        width: 897px;
    z-index: 3;
}

* {
    margin: 0;
    padding: 0;

}