body
{
   width:760px;
   margin:auto;
   margin-top:10px;
   margin-bottom:10px; 
   background-color: white;  
   font-family: "trebuchet MS", Arial, "Times New Roman", Times, serif;
}


h1
{
   font-size: 220%;
   text-align : center;
   background-color: red;
}

h2
{
   font-size: 150%;
}

h3
{
   color:rgb(40,213,49);
   font-size: 140%;
}

p
{
   font-size: 110%;
}

a
{
   text-decoration: none;
   color : blue;
}


a:hover
{
font-style: italic;
}


a:visited
{
   color : blue;
}

.accueil
{
   border : 2px outset blue;
   font-weight : bold;
   font-size : 130%;
   margin-left : 400px;
   text-align : center;
}

.autres_langues
{
   font-weight : normal;
   font-size : 90%;
   margin-left : 580px;
   text-align : center;
}

.centre
{
   text-align : center;
}

.cours 
{ 
background-color : rgb(255,128,0);
}

.cours .accueil
{
   background-color : black;
   color : white;
   margin-left : 580px;
}

.cours .accueil a
{
   color : white;
}

.cours #carte
{ 
width : 760px;
height: 70px;
background-color:black;
color:white;
font-size : 180%;
font-weight : bold;
text-align : center;
}

.cours #image
 {    /* bloc image en arrière-plan */
width : 750px;
height: 480px;
background: url("fichiers/photos/2009/carte.jpg") top left no-repeat;
border : 5px solid black;
}

.cours .lang
{ 
background-color : rgb(255,128,0);
}


.cours #menu
{ 
width : 760px;
background-color:white;
color:black;
font-size : 100%;
font-weight : bold;
text-align : center;
}

.cours #menu a
{ 
color:black;
}

.cours #menu table
{ 
border : 2px solid black;
width : 760px;
}

.cours #menu table td
{ 
border : 2px solid black;
}

.cours td
 {
width : 253px;
}

.cours tr
 {
height : 40px;
}

.cours #zone4
 {    /* zone cliquable */
background-color : rgb(255,128,0);
color : white;
padding-top : 2px;
float: left;
width : 200px;
height: 22px;
margin-left: -210px;
margin-top: 10px;
font-size : 90%;
font-weight : bold;
text-align : center;
border : 5px solid rgb(255,128,0);
}

.cours #zone1
 {    /* zone cliquable */
padding-top : 5px;
background-image : url("fichiers/2010/pellan_printemps_p.jpg");
float: left;
width : 200px;
height: 120px;
margin-left: 100px;
margin-top: 40px;
border : 5px solid rgb(255,128,0);
}

.cours #zone2
 {    /* zone cliquable */
padding-top : 10px;
background-color : white;
float: right;
width : 50px;
height: 40px;
margin-right: 110px;
margin-top: 114px;
}


.cours #zone3
 {    /* zone cliquable */
padding-top : 10px;
background-color : white;
float: right;
width : 50px;
height: 30px;
margin-right: 230px;
margin-top: 137px;
}

.details
{
   font-size: 50%;
}

.diatometh
{
   background-color : rgb(140,70,0);
}


.diatometh .accueil 
{
   border : 4px outset white;
}

.diatometh .accueil a
{
   color : white;
   text-decoration : none;
}

.diatometh .audio
{
   text-align : center;
   border : none;
   background-color : rgb(140,70,0);
}

.diatometh .audio tr, .diatometh .audio tr td
{
   border : none;
   
}

.diatometh .bienvenue, .diatometh .bienvenue a
{
   color : blue;
   background-color : white;
   font-weight : bold;
}

.diatometh em
{
   color : white;
   text-decoration : underline;
}

.diatometh .entete
{
text-align : center;
}

.diatometh .entete a
{
   text-decoration : none;
   color : rgb(140,70,0);

}

.diatometh .fan
{
   color : rgb(140,70,0);
background-color : rgb(255,201,14);
font-weight : bold;
}


.diatometh form
{
   text-align : center;
}

.diatometh h1
{
background-color : rgb(255,201,14);
   color : rgb(140,70,0);
   font-size : 200%;
}

.diatometh h2
{
   font-size : 120%;
   text-align : center;
}

.diatometh h3
{
   background-color : rgb(255,201,14);
   color : rgb(140,70,0);
   font-size : 150%;
   text-align : center;
}

.diatometh h3 a
{
   color : rgb(140,70,0);
}


.diatometh h4 a
{
   color : white;
   border : 4px solid rgb(255,201,14);
   padding : 15px;
   font-size : 130%;
   margin-left : 100px;
}

.diatometh h4 a
{
   color : white;
}

.diatometh h5 a
{
   color : white;
   border : 4px solid rgb(255,201,14);
   padding : 8px;
   margin-left : 300px;
}

.diatometh h5 a
{
   color : white;
}

.diatometh .menu
{
   margin-left : 200px;
   margin-right : 200px;
}

.diatometh .message
{
   color : white;
}

.diatometh .numero
{
   font-style : italic;
   font-size : 60%;
   color : rgb(255,201,14);
}

.diatometh p
{
   font-size : 120%;
}

.diatometh p a
{
   color : white;
   text-decoration : underline;
}

.diatometh .prenom
{
background-color : rgb(255,201,14);
   color : rgb(140,70,0);
font-weight : bold;
padding : 3px;
}

.diatometh .rep
{
   color : white;
   font-size : 80%;
   font-style : italic;
}

.diatometh strong 
{
background-color : rgb(255,201,14);
   color : rgb(140,70,0);
}

.diatometh ul
{
   padding-left : 200px;
}

.diatometh ul li 
{
   color : white;
   font-size : 150%; 
}

.diatometh ul li a
{
   color : white;
}


.ecole_accordeon_rubriques
{
	width: 760px ;
        background-color:rgb(255,128,0);
        font-size : 90%;
}

.ecole_accordeon_rubriques .calendrier td
{
	width: 150px ;
}


.ecole_accordeon_rubriques .ecoute_titre
{
        background-color:rgb(255,128,0);
        font-size : 70%;
        color : yellow;
}

.ecole_accordeon_rubriques .ecoute_titre a
{
        color : yellow;
        text-decoration : underline;
}


.ecole_accordeon_rubriques .maps
{
        background-color:rgb(255,128,0);
	border : none; 
}

.ecole_accordeon_rubriques .maps td
{
	border : none; 
}

.ecole_accordeon_rubriques h1
{
        color : white;
        background-color : blue;
	border : 4px solid white;
}

.ecole_accordeon_rubriques h2
{
        font-size : 120%;
        color : blue;
}

.ecole_accordeon_rubriques h3
{
        font-size : 170%;
        color : white;
        background-color : blue;
	border : 4px solid white;
}

.ecole_accordeon_rubriques h3 a
{
        color : white;
}

.ecole_accordeon_rubriques a
{
        text-decoration : none;
}


.ecole_accordeon_rubriques .add 
{ 
background-color : blue;
color : white;
font-size : 70%;
}


.ecole_accordeon_rubriques .bouton
{

        color : white;
        background-color : blue;
        margin-left : 180px;
        margin-right : 180px;
        padding-left: 70px;
        font-size : 120%;
}

.ecole_accordeon_rubriques .bouton a
{

        color : white;
}

.ecole_accordeon_rubriques em
{
	background-color : white;
	color : blue;
	text-align : center;
        font-size : 100%;
}

.ecole_accordeon_rubriques h4
{
   font-size : 100%;
   margin-left : 450px;
   font-style : italic;
   color : blue;
}


.ecole_accordeon_rubriques h4 a
{
   color : blue;
}

.ecole_accordeon_rubriques h5 
{
   font-size : 110%;
   font-style : italic;
   color : white;
}

.ecole_accordeon_rubriques h5 a
{
   font-style : italic;
   color : white;
	text-decoration : underline;
}


.ecole_accordeon_rubriques h6
{
        font-size : 130%;
        margin-left : 170px;
        margin-right : 170px;
        color : white;
        background-color : blue;
	border : 4px solid white;
	text-align : center;
        margin-top : 0px;
        margin-bottom : 0px;
}


.ecole_accordeon_rubriques h6 a
{
        color : white;
}

.ecole_accordeon_rubriques .new
{

        color : white;
        background-color : blue;
	border : 2px solid white;
        font-size : 80%;
}

.ecole_accordeon_rubriques .nom
{

        color : blue;
	font-style : italic;
}

.ecole_accordeon_rubriques p
{
        color : white;
        font-size : 130%;
}

.ecole_accordeon_rubriques .photo_intro
{
       border : none;
        background-color:rgb(255,128,0);
}

.ecole_accordeon_rubriques .photo_intro td
{
        border : none;
}

.ecole_accordeon_rubriques .photos
{
        background-color:rgb(255,128,0);
	border : none; 
}

.ecole_accordeon_rubriques .photos td
{
	border : none; 
}

.ecole_accordeon_rubriques .pub
{
        background-color : blue;
        color : white;
        font-size : 90%;
}

.ecole_accordeon_rubriques .reponse_enseignement a
{
	text-decoration : underline;
}


.ecole_accordeon_rubriques .tarifs h3
{
        color : white;
	margin-left : 730px;
        background-color : rgb(255,128,0);
	border : none;
}


.ecole_accordeon_rubriques  .retour
{
   margin-left : 550px;
   	padding-left : 10px;
	background-color : white;
	border : 2px solid blue;
}

.ecole_accordeon_rubriques  .retour a
{
	color : blue;
}

.ecole_accordeon_rubriques .sommaire 
{
	border : none;
width : 750px;
background-color : white;
font-size : 80%;
font-weight : bold;
}

.ecole_accordeon_rubriques .sommaire tr
{
        height : 10px; 
}

.ecole_accordeon_rubriques .sommaire td
{
border : 2px solid blue;
width : 250px;
}


.ecole_accordeon_rubriques strong
{
        font-size : 100%;
        background-color : rgb(40,213,49);
        color : yellow;
}


.ecole_accordeon_rubriques table
{
        background-color:white;
        font-size : 120%;
}


.ecole_accordeon_rubriques table tr, th
{
        height : 50px;
}

.ecole_accordeon_rubriques table th
{
       color : blue;
       background-color : rgb(183,226,255);
}

.ecole_accordeon_rubriques table strong
{
       color : blue;
       background-color : rgb(183,226,255);
}


.ecole_accordeon_rubriques .frequence
{
       width : 20%;
}

.ecole_accordeon_rubriques .jour
{
       width : 15%;
}

.ecole_accordeon_rubriques .avantage
{
       width : 65%;
}

.ecole_accordeon_rubriques .expl
{
       text-align : left;
       padding : 10px;
}

.ecole_accordeon_rubriques .tarif
{
       width : 12%;
}

.ecole_accordeon_rubriques ol li
{
        color : white;
        font-size : 130%;
	margin-bottom : 30px;
	margin-top : 30px;
}

.ecole_accordeon_rubriques ol li a
{
        color : white;
	text-decoration : underline;
}

.ecole_accordeon_rubriques ol li em a
{
	color : blue;
}

.ecole_accordeon_rubriques ul li
{
        color : white;
        font-size : 130%;
	margin-bottom : 15px;
	margin-top : 15px;
}

.ecole_accordeon_rubriques ul li a
{
        color : white;
	text-decoration : underline;
}


.ecole_accordeon_rubriques ul li em a
{
	color : blue;
}

.ecole_accordeon_rubriques .cal td
{
        width : 150px;
}

 .ecoute_titre
{
   font-size : 100%;
   background-color : yellow;
color : rgb(27,169,30);
   font-weight : bold;
}

marquee
{
   color : black;
   font-size: 120%;
	font-weight : bold;
}

.moyen
{
        font-size : 70%;
}

.petit
{
        font-size : 50%;
}



.faqdiat 
{
   background-color : rgb(255,128,0);
}

.faqdiat .accueil
{
   border : 2px outset blue;
   font-weight : bold;
   font-size : 130%;
   margin-left : 450px;
   background-color : white;
}


.faqdiat .autres_langues
{
   background-color : white;
}

.faqdiat form
{
   text-align : center;
}

.faqdiat h1
{
   background-color : blue;
   color : white;
   font-size : 200%;
}

.faqdiat h2
{
   color : blue;
   font-size : 120%;
}

.faqdiat h4
{
   color : blue;
}

.faqdiat .img a
{
   color : rgb(130,231,242);
}

.faqdiat .pages
{
color : blue;
border : none;
width : 350px;
}

.faqdiat .hic 
{
background-color : blue;
color : white;
}

.faqdiat .hic a
{
color : white;
}

.faqdiat .liste_morceaux
{
width : 750px;
border : none;
}

.faqdiat .liste_morceaux tr
{
height : 50px;
}

.faqdiat .liste_morceaux td
{
width : 250px;
}

.faqdiat p
{
   font-size: 120%;
}

.faqdiat .prenom
{
   background-color : blue;
   color : white;
}

.faqdiat .reponse
{
   color : blue;
   font-size: 100%;
}

.faqdiat .reponse a
{
   color : blue;
   text-decoration : underline;
}

.faqdiat strong
{
   color : blue;
   font-size : 100%;
   text-decoration : underline;
}

.faqdiat table
{
   color : blue;
border : 10px outset blue;
}

.faqdiat table 
{
width : 200px;
}


.fete_accordeon 
{
   background-color : rgb(255,120,255);
}

.fete_accordeon a
{
   color : rgb(150,0,255);
}

.fete_accordeon h1
{	border : 10px solid rgb(255,0,255);
	background-color : yellow;
	margin-left : 200px;
	margin-right : 200px;
}

.fete_accordeon h2
{
   font-size: 110%;
   margin-left : 500px;
}

.fete_accordeon h4
{
   font-size: 90%;
   margin-left : 550px;
}

.fete_accordeon table 
{
   width : 760px;

}

.fete_accordeon table tr
{
   height : 120px;
        font-size : 190%;
	font-weight : bold;
}

.fete_accordeon table .unan
{
   background-color : rgb(255,0,255);
   color : black;
}


.fete_accordeon table .unan a
{
   color : black;
}

.fete_accordeon table .daou
{
   background-color : black;
   color : rgb(255,0,255);
}

.fete_accordeon table .daou a
{
   color : rgb(255,0,255);
}

.img
{
        text-align : center;
}

.languages 
{
 	background-color : blue;
}

.languages .drapeaux
{
        height : 100px;
}

.languages .drapeaux td
{
	border : none;
}

.languages h2
{
        font-size: 130%; 
	color : white;
}

.languages h3
{
	color : blue;
        font-size: 110%;
}

.languages .precision
{
        font-size: 90%; 
	color : white;
	margin-left : 400px;
}

.languages strong
{
	color : blue;
}

.languages table p 
{
        text-align : left;
        margin : 20px;
}

.languages ul li 
{
        text-align : left;
}

.languages table 
{
        height : 600px;
        font-size : 120%;
 	background-color : rgb(255,180,0);
   	border : 10px outset blue;
}

.organisateurs
{

   background-color : rgb(192,192,192);
}

.organisateurs .accueil
{
   	border : 2px outset black;
        background-color : white;
        color : black;
        font-weight : bold;
	font-size : 110%;
        margin-left : 450px;
}

.organisateurs .accueil a
{
        color : black;
}

.organisateurs h1
{
        font-size : 250%;
	background-color : white;
}

.organisateurs h2
{
        font-size : 100%;
	color : black;
}

.organisateurs h3
{
        font-size : 130%;
	color : white;
	text-decoration : underline;
}

.organisateurs h3 a
{
	text-decoration : underline;
}

.organisateurs h4
{
        font-size : 100%;
	color : black;
	text-align : right;
}

.organisateurs table td
{
   width : 350px;

}

.organisateurs table tr
{
   height : 150px;
        font-size : 150%;
}

.organisateurs table .unan
{
   background-color : white;
   color : black;
}

.organisateurs table .unan a
{
   color : black;
}

.organisateurs table .daou
{
   background-color : black;
   color : white;
}

.organisateurs table .daou a
{
   color : white;
}

.organisateurs table .tri
{
   background-color : black;
   color : white;
	width : 430px;
}

.organisateurs table .tri a
{
   color : white;
}

.organisateurs table .pevar
{
   background-color : black;
   color : white;
}

.organisateurs table .pevar a
{
   color : white;
}

.organisateurs table .pevar strong
{
   background-color : white;
	color : black;
}

.organisateurs_pages_pratiques
{

   background-color : rgb(192,192,192);
}

.organisateurs_pages_pratiques .accueil
{
   	border : 2px outset black;
        background-color : white;
        color : black;
        font-weight : bold;
	font-size : 110%;
        margin-left : 530px;
}

.organisateurs_pages_pratiques .accueil a
{
        color : black;
	text-decoration : none;
}

.organisateurs_pages_pratiques h1
{

   background-color : black;
   color : white;
}

.organisateurs_pages_pratiques h2
{
	font-size : 100%;
        font-style : italic;
}

.organisateurs_pages_pratiques h3
{
	font-size : 220%;
        color : white;
        font-weight : bold;
}

.organisateurs_pages_pratiques h4
{
        margin-left : 480px;
	font-size : 75%;
}

.organisateurs_pages_pratiques .important
{
	text-decoration : underline;
}

.organisateurs_pages_pratiques p
{
	font-size : 150%;
        font-weight : bold;
}


.organisateurs_pages_pratiques p a
{
	color : black;
	text-decoration : underline;
}

.organisateurs_pages_pratiques .photos_flos tr
{
	height : 450px;
}

.organisateurs_pages_pratiques .photos_flos a 
{     
	color : white;
}

.organisateurs_pages_pratiques .precision
{
	font-size : 120%;
        font-style : italic;
}

.organisateurs_pages_pratiques .precision a
{
	color : black;
	text-decoration : underline;
}

.organisateurs_pages_pratiques table 
{
   background-color : black;
   color : white;
}

.organisateurs_pages_pratiques ul li
{
	font-size : 190%;
        font-weight : bold;
}

.organisateurs_pages_pratiques .techn
{
	font-size : 150%;
        font-weight : bold;
}

.organisateurs_pages_pratiques .techn a 
{     
	color : black;
	background-color : white;
}

.question_enseignement
{
	font-size : 110%;
	font-weight : bold;
        color : white;
        background-color : blue;
	border : 4px solid white;
}

.reponse
{
   color:blue;
   background-color:white;
   font-style:italic;
   font-size:80%;
}

.reponse_enseignement
{
   color : white;
   font-style:italic;
   font-size:100%;
}


.souligne
{
   text-decoration : underline;
}


table
{
   margin : auto;
   border: 2px outset black;
   background-color: white;
   font-size: 100%;
   width : 790px;
   text-align : center;
}


td,th
{
   border: 1px solid black;
}