/* Feuille de style pour le site03
	 */

* {
 padding: 0;
 margin: 0;
 }
body {
 color: white;
 background-color: black;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 }
#wrapper {
 background-image: url(horrizontal_orange.bmp);
 background-repeat: repeat-y;
 background-position: top left;
 color: black;
 background-color: white;
 width: 720px;
 
 min-width: 600px;
 margin: 0 auto;
 }
#bandeau {
 position: relative;
 color: #000;
 background-color: black;
 padding: 0;
 }
#bandeau p {
 }
#zone_de_navigation {
 float: left;
 width: 130px;
 padding-left: 0;
 padding-top: 2em;
 margin: 0 5px;
 font-size: 90%;
 }
#zone_de_navigation ul {
 text-align: center;
 color: black;
 width: 110px;
 padding-left: 0;
 margin-left: 0;
 }
#navi02a,
#navi02b,
#navi02c,
#navi02d,
 {
 width: 75px;
 font-size: 84%;
 }
#zone_de_navigation li {
 list-style: none;
 border: 1px solid #808080;
 margin: 5px 0;
 }
#navi02a li {
 margin-left: 50px;
 }
#zone_de_navigation p {
 font-weight: bold;
 margin-top: 3em;
 }

#zone_de_navigation a {
 display: block;
 text-decoration: none;
 color: #A9122A;
 background-color: white;
 padding: 4px 0 4px 4px;
 }
#zone_de_navigation a:hover,
#accueil #navi01 a,
#enseignement_batterie #navi02 a,
#cours_bases #navi02a a,
#cours_rock #navi02b a,
#cours_jazz #navi02c a,
#cours_tambour #navi02d a,
#avant_de_commencer #navi03 a,
#page_de_contact1 #navi04 a,
#locaux #navi05 a,
#planning #navi06 a,
#tarifs #navi07 a,
#professeur #navi08 a,
#zone_eleves #navi09 a,
 {
 text-decoration: none;
 color: #ff9f13;
 background-color: white;
 }
#tambour {
 width: 50%;
 float: right;
 background-color: white;
 padding: 5px;
 margin: 10px;
 font-size: 81%;
 text-align: center;
 }
#bio {
 font-weight: normal;
 font-size: 84%;
 letter-spacing: 0,5px;
 text-align: left;
 }
#bio li {
 padding-bottom: 1em;
 list-style: none;
 }
#intro {
 padding: 0;
 margin: 0 0 3em 0;
 }
#sujets {
 padding: 0 4px;
 margin: 0 2px;
 }
#sujets p {
 font-size: 84%;
 }
#tableau_accueil {
 text-align: center;
 margin: 140px 0 60px 0;
 width: 95%;
 }
#tableau_accueil_2 {
 text-align: center;
 width: 95%;
 margin-bottom: 4em;
 }
#tableau_accueil_2 a {
 font-size: 130%;
 font-weight: bold;
 }
td.encadre {
 padding: 1em;
 border: 1px solid #808080;
 background-color: white;
 font-size: 90%;
 }
#tableau_sujets p {
 margin: 10px;
 text-align: top;
 } 
#tableau_sujets h4 {
 padding: 5px 10px;
 text-align: left;
 }
#tableau_sujets td {
 border: 1px solid #808080;
 }
#gauche {
 width: 50%;
 }
#droite {
 width: 50%;
 }
#tableau_sujets_compartiments td {
 border: 0;
 }
#sujets_vignette {
 text-align: right;
 padding-right: 10px;
 }
p.lien {
 text-align: right;
 }
#liste_des_cours {
 text-align: center;
 margin-bottom: 30px;
 margin-top: 20px;
 border: 1px solid #808080;
 padding: 3px;
 }
#liste_des_cours li {
 display: inline;
 list-style-type: none;
 margin: 20px;
 color: #ff9f13;
 }
#liste_des_cours_2 {
 margin-bottom: 30px;
 margin-top: 10px;
 }
#liste_des_cours_2 li {
 display: inline;
 list-style-type: none;
 }
#liste_infos_pratiques {
 margin-bottom: 20px;
 margin-top: 20px;
 }

#liste_tarifs {
 margin-bottom: 20px;
 margin-top: 20px;
 }
#liste_tarifs li {
 display: inline;
 list-style-type: none;
 margin: 10px;
 }
#liste_tarifs_2 {
 margin-bottom: 50px;
 margin-top: 20px;
 }
#liste_tarifs_2 li {
 display: inline;
 list-style-type: none;
 margin: 10px;
 }
#zone_de_texte {
 color: black;
 background-color: white;
 padding-top: 0;
 padding-right: 20px;
 padding-bottom: 10px;
 padding-left: 20px;
 margin-left: 130px;
 text-align: justify;
 }
#tableau {
 border: 1px solid #d90000;
 text-align: center;
 margin: 1em 0 2em 0;
 }
#tableau2 {
 border: 1px solid #d90000;
 text-align: left;
 margin: 1em 0 2em 0;
 }
#bandeau img {
 background-color: white;
 padding: 0;
 }
#pied_de_page_haut {
 background-color: white;
 padding-top: 20px
 }
#documents {
 width: 100%;
 background-color: white;
 text-align: center;
 font-size: 70%;
 }
#pied_de_page {
 color: #A9122A;
 background-color: white;
 padding: 20px;
 border-top: 1px solid #A9122A;
 margin-top: 0;
 }
#tableau_planning {
 width: 95%;
 font-size: 85%;
 }
#vacances {
 background-color: white;
 text-decoration: underline;
 }
h1 { 
 font-size: 180%; 
 }
h2 a {
 color: #a9122a;
 background-color: white;
 }
h2 {
 color: #A9122A;
 background-color: white;
 text-align: center;
 font-size: 110%;
 margin-top: 0;
 padding-top: 2em;
 margin-bottom: 2em;
 }
h3 {
 font-size: 100%;
 margin-bottom: 10px;
 padding-top: 1em;
 }
h4 {
 font-size: 84%;
 font-style: bold;
 margin-bottom: 1em;
 margin-top: 2em;
 }
h4.fleche {
 display: list-item;
 list-style-image: url(fleches_rouges1.gif);
 list-style-position: inside;
 }
h5 {
 font-size: 100%;
 }
h5.vignetambour {
 display: list-item;
 list-style-image: url(vignetambour.gif);
 list-style-position: inside;
 }
h6 {
 font-size: 120%;
 color: #A9122A;
 background-color: white;
 }
strong {
 color: ##800080;
 font-size: 100%;
 font-style: bold;
 }
address {
 text-align: center;
 font-size: 80%;
 font-style: normal;
 letter-spacing: 2px;
 line-height: 1,5em;
 }
a {
 text-decoration: none;
 }
a:link {
 color: #d90000;
 }
a:visited {
 color: #cc666;
 }
a:hover, a:focus {
 text-decoration: underline;
 }
a:active {
 color: white;
 background-color: #f2a12b;
 }
.skiplink {
 display: none;
 }
p {
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 font-size: 84%;
 }
ul {
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 font-size: 85%;
 font-weight: bold;
 letter-spacing: 1px;
 }
ol {
 margin-left: 1em;
 }
ul ul {
 margin: 0;
 border: 0;
 }
li {
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 1em;
 }














/* ===============================

	Les consignes pour le camp 08

============================================ */

#consignes {
 background-color: #eee;

 padding: 20px;
 border: 1px solid #8c8c8c;
 text-align: center;
 margin-top: 20px;
 }






/* =========================================

	Le formulaire de d?acement pour le camp 08

========================================== */

#formulaire_de_contact {
 background-color: #eee;
 width: 450px;
 padding: 20px;
 border: 1px solid #8c8c8c;
 text-align: justify;
 margin-top: 20px;
 }
label { display: block; }  /* titre sur une ligne ?art */
form p {
 padding-bottom: 1em;
 }
form checkbox {
 margin-left: 2em;
 }
#nomprenom {
 padding-bottom: 1em;
 }
#remarques {
 padding-top: 1em;
 }




/* =========================================

	Le formulaire de contact 1 et 2

========================================== */

form {
 background-color: #eee;
 width: 400px;
 padding: 20px;
 border: 1px solid #8c8c8c;
 }
label { display: block; }  /* titre sur une ligne à part 

*/
 
#instrument {
 width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
 }

#localite{
 width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
 } 
#code {
 width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
 }
#nom {
 width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
 }
#prenom {
 width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
 }
#telephone{
 width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
 } 
#expediteur {
 width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
 } 
textarea { 
height: 7em;
width: 300px;
 border: 1px solid #8c8c8c;
 margin-bottom: 1em;
 }