body {
	margin:0;
	padding: 0;
	text-align: center;
	font-size: 11pt;
	font-family: 'times new roman';
}

#global {
	width: 800px;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	position: relative;
	margin-top: 10px; 
	margin-bottom: 20px; 
}

.tete {
	background : #000 url(../images/bandeauHaut.jpg) no-repeat 0 0;
	padding-top: 92px;
}

.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 46px; 
	background: url(../images/fondBandeMenu.jpg) no-repeat 0 0;
	font-family: 'century gothic', Arial, sans-serif;
	font-size: 12px; /* avant: 12 ou 13 px */
}

.menu li {
	float: left;
	margin-top: 3px;
}

.menu a {
	text-align: center;
	padding-left: 4px;
	padding-right: 5px;
	margin-left: 4px;
	margin-right: 5px;
}

a {
	text-decoration: none;
}

.contenu a, .contenu_instru a, .contenu_instru_batterie a {font-weight: bold;}

/* ***************************************************************/

#pied {
	width: 100%;
	height: 26px; 
	text-align: center;
	padding-top: 7px;
}


#pied .logo-pied {
	float: right;
	height: 26px;
	margin-right: 15px;
}

#pied p {
	font-size: 12px;
	margin: 0;
}

#pied p span {
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid white;
	color: white;
}

p {	
	text-align: justify;
	margin: 15px;
}

p.pointilles {text-align: center;}

.corps#index p {
	text-align: left;
}

li {
	text-align: justify;
}

ul.texte li{
	margin: 15px;
}

.separation {
	clear: both;
	visibility: hidden;
	margin: 0;
}

.separationDroite {
	clear: right;
	visibility: hidden;
	margin: 0;
}

dl {margin-left: 30px;}

dt {
	font-weight: bold;
	padding-bottom: 5px;
}

dd {
	margin-bottom: 15px;
	text-align: justify;
}

ul {
	list-style-type: none;
}

li {
	text-align: left;
}

h2 {font-size: 13pt;}
h3 {font-size: 12pt;}
h4 {font-size: 11pt;}
h2,h3,h4 {margin-left: 15px;}

.contenu_instru h3 {margin-left: 0;}
.contenu_instru h4{margin-left: 15px; font-style: italic;}
.contenu_instru_batterie h2,.contenu_instru_batterie h3,.contenu_instru_batterie h4 {margin-left: 0;}

img {border: 0;}

.sous-menu {
	position: absolute;
	right: 15px;
	top: 60px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px; /* IE met 15px à gauche sans raison... */
	z-index: 100;
	display: inline;
}

html>body .sous-menu { /* ce con d'IE me met tjs 15 px a gauche au sous-menu */
	padding-left: 15px;
}

.sous-menu a {
	text-decoration: none;
}

.sous-menu li {
	font-size: 12pt;	
	margin-top: 3px;
	margin-bottom: 3px;
}

.sous-menu li span.titre_menu {
	font-weight: bold;
	margin-bottom: 20px;
}

.sous-menu li span { font-weight: bold; }
.sous-menu li span.lien_mort { font-weight: normal; }

html>body .sous-menu ul { /* ce con d'IE me met tjs 15 px a gauche au sous-menu */
	padding-left: 15px;
}

.sous-menu ul {
	margin-bottom: 0;
	margin-top: 0;
}

.contenu {
	z-index: 0;
	position: relative;
	padding-right: 190px;
	padding-left: 15px;
	padding-bottom: 10px;
}

.corps {
	margin: 0px;
	padding-bottom: 15px;
	height: 370px;
	position: relative;
}

html>body  .corps {
	height: auto;
	min-height: 370px;
}
.corps#corps_galerie {
	padding-bottom: 0;
}

.corps p#\1 {
	margin-top: 30px;
}

h1 span {
	font: 14pt/16pt bold;
	margin: 0px;
	margin-left: 55px;
}

h1 { 
	margin: 0px;
	padding: 0px;
}

h1.avec_image { 
	margin: 0px;
	padding: 0px;
	height: 46px;
	border: 0;
}

h1.avec_image span {
	font: 14pt bold times, serif;
	margin: 0px;
	margin-left: 55px;
	position: relative;
	top: 8px;
}
/********************* CONTACT ***********************/
#blocContact {
	width: 297px;
	height: 210px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

#blocContact p {
	text-align: center;
	margin: 0;
	font-size: 11pt;
	padding: 10px;
}

#blocContact p span {
	font-size: 13pt;
	font-weight: bold;
}

.corps#contact {
	text-align: center;
	height: 400px;
}
.corps#contact h1 {
	text-align: left;
}


/******************* SET BATTERIE ********************/
.corps#set {
	position: relative;
	height: 920px;
}

#imgset {
	margin: 15px;
	border: 0;
	width: 520px;
}

#photoSet {
	margin-right: 15px;
	position: absolute;
	right: 23px;
	top: 275px;
}

.corps#set ul.description {
	float: left;
	margin: 0;
	margin-top: 15px;
	padding-left: 50px;
}

.corps#set ul.description span {
	font-weight: bold;
}
/********* PAGES INSTRUMENTS  : instruBresil.php, instruAfrique.php, instruCuba.php , instruBatterie*************/
/********* liste des instruments **********/ 
.liste_instru {
	float: left;
	margin: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline; /* pour corriger la double marge d'IE */
}

html>body .liste_instru {
	padding-left: 15px;
}

#liste_instru_batterie, #liste_batteurs  {
	float: left;
	margin: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 0px;
	display: inline;
}

html>body #liste_instru_batterie {
	padding-left: 15px;
}

#liste_instru_batterie ul {
	margin-left: 15px;
	margin-top: 0;
	margin-bottom: 15px;
	padding: 0;
}

#liste_instru_batterie ul li{
	padding-left: 15px;
}

html>body #liste_instru_batterie ul li{
	padding: 0;
}

#liste_instru_batterie li {
	border: 1px solid #4D6980;
}

.liste_instru a {
	text-decoration: none;
} 

a#boutonInstruBresil {width: 88px; height: 66px;display: block;margin-bottom: 15px;}
a#boutonInstruCuba {width: 88px; height: 44px;display: block;margin-bottom: 15px;}
a#boutonInstruAfrique {width: 88px; height: 22px;display: block;margin-bottom: 15px;}
a#boutonInstruAfrique span, a#boutonInstruAfrique span {display: none;}
a#boutonInstruBresil span, a#boutonInstruBresil span{display: none;}
a#boutonInstruCuba span, a#boutonInstruCuba span {display: none;}

/******* page d'accueil des instruments  **********/ 
.bloc_boutons_instrus {
	width: 495px;
	padding: 0;
	margin: 0;
	margin-top: 15px;
	padding-bottom: 300px;
	padding-left: 95px;
}

.corps#atelierC {height: 600px;}

.bouton_instru  {
	display: block ;  
	float: left;
	width: 100px ; 
	height:  100px  ;  
	text-align: left;
	text-decoration: none;
}

.bouton_instru span { 
	position: relative;
	top: 5px;
	left: 5px;
	font: normal 11pt times, serif;
}

/********** Corps de la page instru : titre, photo et texte ***********/
.contenu_instru {
	/*position: relative; */ /* pose des pbs sous firefox les flèches "remonter" qui sont en absolute... mais utile ? */
	margin-left: 160px;
	margin-right: 195px;
}

.contenu_instru_batterie {
	position: relative;
	margin-left: 165px;
	padding-right: 120px;
}

.corps#batteurs .contenu {
	position: relative;
	margin-left: 190px;
	padding-right: 210px;
}

.contenu_instru_batterie .intro {
	padding-top: 0;
}

.contenu_instru p, .contenu_instru_batterie p {
	margin: 0;
	margin-bottom: 15px;
}

/********** Titre de l'instrument ***********/
.contenu_instru h2 { /* ATTENTION! d'autres définitions pour contenu_instru h2 plus haut... et plus bas*/
	margin-top: 15px;
	margin-left: 0;
	padding-bottom: 3px;
}

.contenu_instru h3 { /* ATTENTION! d'autres définitions pour contenu_instru h3 plus haut... */
	margin-top: 15px;
	padding-bottom: 3px;
	border-bottom: 2px solid;
}

/********** Photo de l'instrument ***********/
img.instru {
	border: 0;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

/**************** LIVRE D'OR *******************/
/******** livredor.php **********/
.bloc_message {
	border: 1px solid black;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid;
	border-left: 3px solid;
}

.message {
	margin: 0;
	padding-top: 5px;
	padding-left: 20px;
	font-style: italic;
}

.auteur {
	font-weight: bold;
}

a#signer {
	display: block;
	margin-top: 30px;
	margin-left: 320px;
}

#form_livre {
	width: 600px;
	margin-left: 100px;
	margin-right: 100px;
	padding: 10px;
}

.corps#signerlivre input {width: 200px;}
.corps#signerlivre textarea {width: 500px;height: 200px;}
.corps#signerlivre #submit {width: 100px;}

/***************** MARC DE DOUVAN ****************/
img#marcBW {
	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid black;
}

.citation {
	font-size: 13pt;
	font-style: italic;
}

/******************* FLECHE POUR REMONTER  voir aussi plus bas pour la page liens *****************/
img.flecheHaut {
	position: absolute;
	float: right;
	right: 30px;
	margin: 0;
	border: 0;
}

/******************** PAGE ATELIERS ******************/
.corps#ateliers #bloc_afrique {
	margin-left: 15px;
	margin-top: 15px;
}

.corps#ateliers #bloc_afrique h4 { 
	background: url(../images/guineeFlag.jpg) no-repeat 0 0; 
	padding-left: 50px;
	height: 30px;
}

.corps#ateliers #bloc_bresil {
	margin-left: 15px; 
	margin-top: 15px;
}

.corps#ateliers #bloc_bresil h4 { 
	background: url(../images/bresilFlag.jpg) no-repeat 0 0; 
	padding-left: 50px;
	height: 30px;
}

.corps#ateliers #bloc_cuba {
	margin-left: 15px; 
	margin-top: 15px;
}

.corps#ateliers #bloc_cuba h4 { 
	background: url(../images/cubaFlag.jpg) no-repeat 0 0; 
	padding-left: 50px;
	height: 30px;
}

.corps#atelierA, .corps#atelierB, .corps#atelierC {font: 13pt normal times, serif;}


/** bidouille pour voir l'image en background en entier NE MARCHE PAS AVEC IE... */
.contenu#contenu_atelierC {height: 705px;}
.corps#atelierC {height: 760px;}
.contenu#contenu_atelierB {height: 600px;}
.corps#atelierB {height: 650px;}
.contenu#contenu_atelierA {height: 600px;}
.corps#atelierA {height: 645px;}


/*************** PERCUSSIONS ****************/
.menu_percu a {
	display: block;
	width: 150px;
	height: 241px;
	float: left;
	margin: 25px;
	text-align: center;
	text-decoration: none;
}

.menu_percu a  span {
	margin: 0;
	position: relative;
	top: -15px;
	font-size: 16pt;
}

.menu_percu {
	height: 300px;
	margin: 70px; 
	margin-right: 50px;
	margin-bottom:0;	
	padding: 0;
}

p.intro {
	font-weight: bold;
	margin-top: 0px;
	padding-top: 15px;
}

.last {
	margin-bottom: 0px;
	padding-bottom: 15px;
}

/**************** ajustements pour frises verticales... ******************/
.avec_frise{
	padding-bottom: 0px;
	
}

.avec_frise .contenu {
	margin-left: 30px;
	padding-left: 21px;
	/* height:340px; fait bugger sous IE quand longue page avec photo...*/ 
}

html>body .avec_frise .contenu {
	height: auto;
	min-height: 340px;
}

.avec_frise h2 {
	margin-top: 0;
	padding-top: 15px;
}



/************************ ACCUEIL *************************/
.corps#index h2 {
	margin: 0;
	padding: 3px;
	padding-left: 8px;
}

.corps#index h4 {
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.coinDroit {
	float: right;
}

.coinGauche {
	float: left;
}

#bloc_actu {
	margin-left: 200px;
	margin-right: 200px;
}
 
#bloc_index_gauche {
	width: 150px;
	float: left;
	margin-left: 15px;
	display: inline;
}

.texte_rubrique {
	margin: 1px;
	border: 1px dashed;
	border-top: none;
	padding: 5px;
}

.texte_rubrique p {
	margin: 0;
	padding: 0;
}

#bloc_index_droit {
	float: right;
	width: 150px;
	margin-right: 15px;
	display: inline;
}

#bloc_actu #voir_info {
	display: block;
	text-align: center;
}

#bloc_actu .texte_rubrique {
	border-top: 1px dashed;
}

#bloc_actu .texte_rubrique p {
	margin: 15px;
}

#bloc_actu h2 {
	height: 30px;
	text-align: center;
}

#bloc_actu h3, .corps#actu h3 {
	display: inline;
	padding-left: 20px;
	margin-right: 15px;
}

.bloc_rubrique {
	padding: 0px;	
	margin-bottom: 30px;
}

.bloc_rubrique  ul {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-top: 15px;
	list-style-type: disc;
}

.bloc_rubrique  li {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	text-align: left;
}

#photoMarc {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0;
	margin-left: 210px;
	margin-right: 210px;
	margin-bottom: 30px;
}

.corps#index img.gauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.corps#index img.droite {
	float: right;
	margin-left: 10px;
	margin-bottom: 15px;
}


img#enveloppe {
	display: block;
	float: right;
	margin-right: 8px;
}

/***************** PAGE ACTU *****************/
.corps#actu .titre_news {
	display: inline;
}

.corps#actu .contenu {
	padding-left: 190px;
}

.titre_news img {
	margin-right: 15px;
}

.corps#actu h2 {
	text-align: center;
	color: #7EABD1;
}

/******************** PAGE MATERIEL **********************/
.corps#materiel .lien_interne {margin-left: 45px;}
.corps#materiel .liste_materiel {list-style-type: disc;}

/******************* PAGE LIENS **********************/
.corps#liens li{
	margin-right: 40px;
	padding-left: 15px;
	padding-bottom: 1px;
	padding-top: 2px;
}

.corps#liens p {
	margin-top: 5px;
}

.corps#liens ul {list-style-type: disc;}

.corps#liens ul#bloc_liens_internes {
	list-style-type: none;
}

img.flecheHaut2 {
	position: relative;
	left: 50px;
	top: 10px;
	margin-left: 0;
}



/************ PAGE MUSIQUE ***************/
.corps#musique h2 span {
	position: relative;
	top: -20px;
	left: 15px;
}

.corps#musique #bloc1, .corps#musique #bloc1 {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}

/***************** CREDITS *********************/
#credits {
	text-align: center;
}

#credits h1 {text-align: left;}
#credits li {margin: 7px;}
#credits p {
	text-align: center;
}
#logos { text-align: center;}

#bloc_credits {
	margin-left: 250px;
	margin-top: 15px;
	text-align: left;
}

#bloc_mentions{
	margin-top: 70px;
	margin-bottom: 70px;
}

/*************** PAGE BATTEURS ******************/
#liste_batteurs {
	padding-top: 1em;
	width: 150px;
}

.corps#batteurs .contenu a {
	margin-left: 30px;
	font-weight: normal;
}

.corps#batteurs h2{
	 font-family: 'Century gothic', Helvetica, sans-serif;
	 font-weight: bold;
	 font-size: 22pt;
	 color: #000000;
	 text-transform: uppercase;
	 margin-top: 15px;
	 padding-bottom: 3px;
	 border-bottom-width: 1px;
	 border-bottom-style: solid; 
}

.corps#batteurs h2 span {
	 display: block;
	 border-bottom-width: 3px;
	 border-bottom-style: solid; 
}

.corps#batteurs .contenu h3 {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.corps#batteurs p {
	margin-right: 0;
}

/*************** LECONS ******************/

.corps#lecons ul {list-style-type: disc;}

/**************** PEINTURE *******************/
.corps#peinture a span {
	position: relative;
	margin: 15px;
	padding: 0;
	top: -10px;
}

.corps#peinture .contenu li {
	margin-bottom: 20px;
}

.vignette {
	width: 500px;
	float: left;
	margin-bottom: 30px;
	margin-left: 30px;
}

.series_peinture {
	padding-top: 15px;
}

.series_peinture a {
	display: block;
	float: left;
	margin-right: 30px;
}

img#atelier {
	float: right;
	padding-left: 30px;
}

/************* ACCUEIL BATTERIE *****************/
.corps#batterie img {
	margin: 0px;
	margin-top: 15px;
	margin-left: 50px;
}
/**************/ 

/************* ACCUEIL INSTRUS BATTERIE *****************/
.corps#instru_batterie img {
	margin: 0;
	margin-top: 15px;
	padding: 0;
}
/**************/ 
.a_droite {
	float: right;
	margin-left: 15px;
}

.a_gauche {
	float: left;
	margin-right: 15px;
}

.au_centre {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bas {
	margin-top: 15px;
}

/****** TITRES CENTURY ***********/
.contenu_instru_batterie h2, .contenu_instru h2, .titre_century h2{
	 font-family: 'Century gothic', Helvetica, sans-serif;
	 font-weight: bold;
	 font-size: 22pt;
	 text-transform: uppercase;
	 margin-top: 15px;
	 padding-bottom: 3px;
	 border-bottom-width: 1px;
	 border-bottom-style: solid; 
}

.contenu_instru_batterie h2 span, .contenu_instru h2 span, .titre_century h2 span {
	 display: block;
	 border-bottom-width: 3px;
	 border-bottom-style: solid; 
}

.titre_century p {
	font-size: 3ex;
	font-style: italic;
	padding: 0;
}

.titre_century h2{
	margin-bottom: 0;
}

.titre_century {
	width: 580px;
}

/*********************** INFO_BULLES ************************/
.avec_info_bulle {	
	position: relative;
	display: block;
}

.cadre_info_bulle{
	display: none;
} 

.avec_info_bulle:hover{
	background: none; /* correction bug IE */
	z-index: 500;
}

.avec_info_bulle:hover .cadre_info_bulle {
	display: block;
	position: absolute;
	width: 150px;
	z-index: 500;
	top: 5em;
	left: 1em;
	padding-top: 40px;
}

.avec_info_bulle .cadre_info_bulle_bas {
	display: block;
	padding-bottom: 15px;
	width: 150px;
}

.avec_info_bulle .info {
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding-left: 25px;
	padding-right: 15px;
}
/*----------------------------------------------------------------------------------------*/
.encart {
	width: 250px;
	float: right;
	border-top: 5px solid;
	border-bottom: 1px dashed;
	border-left: 1px dashed;
	border-right: 1px dashed;
	margin-left: 15px;
	margin-right: 15px;
}

.encart img {
	margin-left: 10px;
	margin-top: 10px;
}

/************************* PAGE INTERRACTIVITE *******************/
.blocs_inter {
	width: 790px;
	padding-left: 10px;
}

.blocs_inter div {
	width: 210px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.blocs_inter ul{
	padding-left: 15px;
	border: 3px solid;
	border-top: 0;
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}

.blocs_inter h2 {
	margin: 0px;
	padding-left: 15px;
	padding-top: 4px;
	height: 1,5em;
}
/********************************************************************************/

.legende_photo {
	border: 1px solid;
	border-left: 3px solid;
	margin-left: 15px;
	margin-right: 15px;
	padding: 10px;
}

.legende_photo ul {
	float: left;
	padding: 0;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid 
}

.titre_legende {
	font-weight: bold;
	margin-bottom: 10px;
}

/**************** LECON 4 ********************/
#shemas_balais {
	list-style-type: circle;
}

#shemas_balais li {
	margin-bottom: 5px;
}

#shemas_balais span {
	font-weight: bold;
}

/***********************************************/
/* GALERIES PHOTOS ******************************/

.bouton_galerie{
	margin-left: 30px;
	position: relative;
	margin-bottom: 10px;
}	

.bouton_galerie span {
	top: 0;
	margin-left: 15px;
	position: absolute;
	font-size : 1.2em;
}	

.bouton_galerie img {
	width: 420px;
}

#miniatures {
	margin: 10px;
}

#photoCourante {
	display: block; /* pour que les marges auto fonctionnent */
	margin-left: auto;
	margin-right: auto;
}

.corps#photos h2{
	border-bottom: 1px solid #4D6980;
}

/****** VIDEOS *************************************************/

.bloc_video div {
	margin-left: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: left;
	display: inline;
	height: 200px;
	width: 240px;
}

html>body .bloc_video div {
	height: auto;
	
}

.bloc_video div  p {
	margin: 0;
}

.bloc_video div  p.streaming, .bloc_video div  p.telechargement, .bloc_video div  p.duree {
	padding-left: 25px;
}

.bloc_video div  p.duree {
	padding-top: 5px;
}

.bloc_video h3 {
	border-bottom: 1px dashed black;
}

#video {
	width: 320px;
	height: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	border: 2px solid black;
	display: block;
}

/***************/
p.remarque {
	border: 1px solid;
	border-left: 3px solid;
	padding: 5px;
	font-style: italic;
}

/****/
.lien_son {
	padding-right: 25px;
	margin-right: 5px;
	line-height: 20px;
	padding-bottom: 5px;
}

/****/
.lien_image_bulle_son {
	width: 150px;
	height: 250px;
	margin-right: 70px;
	position: relative;
	float: left;
}

#playvideo {
	background: #000;
}

#liste_lecons {
	margin-right: 30px;
	list-style-type: disc;
}

#liste_lecons li {
	margin-bottom: 3px;
	font-weight: bold;
}


span.intro {
	font-weight: bold;
}

.phrases li{
	margin-bottom: 6px;
}

h2.leçons {
	margin-top: 40px;
	border-bottom: 2px solid;
	margin-right: 15px;
}

#sous-menu-batteurs {

	float:right;
	padding-top:160px;
	padding-right:40px;
	width:150px;
	position:relative;
	z-index:1000000;
}

#sous-menu-batteurs .sous-menu {

	top:15px!important;	

}

#amazon {

	margin-left:30px;

}