/* ////////////////////////////////////////////////////////////////////////////////////// general ////////////////////////////////////////////////////////////////////////*/
body
{
background-image:url("../img/maquette/fond.jpg");
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:gainsboro;
font-family:"courier new";
font-size:16px;
line-height:1.5em;
}
hr
{
width:560px;
margin-left:auto;
margin-right:auto;
}
.clear
{
clear:both;
}
#page
{
position:relative;
width:960px;
margin-right:auto;
margin-left:auto;
padding-bottom:50px;
background-color:white;
border-style:solid;
border-width:1px;
border-color:black;
}
#banniere
{
width:960px;
height:250px;
}
/* ////////////////////////////////////////////////////////////////////////////////////// menu ////////////////////////////////////////////////////////////////////////*/
.li-menu a:link
{
color:white;
text-decoration:none;
}
.li-menu a:visited
{
color:white;
text-decoration:none;
}
.li-menu a:hover
{
color:black;
font-weight:none;
text-decoration:underline;
}
.li-menu a:active
{
color:white;
text-decoration:none;
}
.li-menu #lien-actif
{
color:black;
font-weight:bold;
text-decoration:underline;
}
#bloc-menu
{
width:960px;
height:50px;
background-color:darkgray;
}
#ul-menu
{
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:10px;
padding:0px;
list-style:none;
width:950px;
height:50px;
background-color:darkgray;
}
.li-menu
{
float:left;
margin-right:20px;
margin-top:12px;
}
.menu-deroulant
{
display:none;
}
.li-menu:hover span.menu-deroulant
{
position:absolute;
display:block;
padding:15px;
background-color:darkgray;
}
.li-menu:hover span.menu-deroulant a
{
display:block;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page style general ////////////////////////////////////////////////////////////////////////*/
.gris
{
color:darkgray;
}
.titre-gris
{
color:darkgray;
text-align:center;
}
.sous-titre-violet
{
color:palevioletred;
text-align:center;
}
.texte-droite
{
text-align:right;
font-weight:bold;
}
.texte-violet
{
color:palevioletred;
}
.coordonnees
{
text-align:left;
font-weight:bold;
margin-left:25px;
}
.texte-petit
{
color:black;
font-size:14px;
text-align:center;
}
.texte-petit-02
{
color:black;
font-size:14px;
}
.center
{
text-align:center;
}
.justify
{
margin-left:25px;
margin-right:25px;
text-align:justify;
}
.left
{
margin-left:25px;
margin-right:25px;
text-align:left;
}
.indent
{
margin:25px;
text-align:justify;
text-indent:30px;
}
.color-bleu
{
color:blue;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page accueil ////////////////////////////////////////////////////////////////////////*/
#actu-cd 
{
width:960px;
margin-top:25px;
font-size:13px;
background-color:palegoldenrod;
}
#actu-cd img{border:none;}
#actu-cd  table {margin-left:5px;text-align:center;float:left;}
#actu-cd  table tr td {padding-left:5px;padding-right:5px;}
#imgactu
{
position:relative;
width:252px;
height:136px;
float:right;
margin-right:10px;
bottom:20px;
}
#texte-accueil
{
width:500px;
float:right;
margin-right:28px;
margin-top:25px;
}
#texte-cv
{
text-align:center;
font-weight:bold;
}
#photo-niute
{
width:376px;
height:931px;
margin-top:50px;
margin-left:28px;
background-image:url("../img/accueil/niute.jpg");
}
/* ////////////////////////////////////////////////////////////////////////////////////// page actualite ////////////////////////////////////////////////////////////////////////*/
#page-actu{margin-top:25px;padding-left:25px;padding-top:15px;padding-bottom:15px;background-color:palegoldenrod;}
#page-actu img{border:none;}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique chant ////////////////////////////////////////////////////////////////////////*/
#photo-chant
{
width:500px;
height:665px;
background-image:url("../img/chant/chant.jpg");
margin-top:50px;
margin-left:37px;
}
#texte-chant
{
width:350px;
float:right;
margin-top:25px;
margin-right:37px;
text-align:justify;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique harmoniologie ////////////////////////////////////////////////////////////////////////*/
#texte-harmoniologie
{
width:450px;
text-align:right;
margin-top:30px;
margin-right:50px;
float:right;
}
#photo-harmoniologie
{
width:324px;
height:500px;
background-image:url("../img/harmoniologie/harmoniologie.jpg");
margin-top:50px;
margin-left:85px;
}
#texte-harmoniologie-02
{
width:350px;
margin-top:75px;
margin-left:98px;
}
#photo-harmoniologie-triangle
{
width:317px;
height:300px;
/*margin-top:50px;*/
margin-right:98px;
float:right;
background-image:url("../img/harmoniologie/harmoniologie-triangle.jpg");
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique spectacles ////////////////////////////////////////////////////////////////////////*/
#en-robe-bleu-ciel
{
width:960px;
height:463px;
}
#c-furieux-cabaret
{
width:960px;
height:426px;
}
#la-ballade-de-pepe-patogas
{
width:960px;
height:467px;
}
#felix-d-ici-et-d-ailleurs
{
width:960px;
height:461px;
}
#le-pere-noel-est-sans-papier
{
width:960px;
height:450px;
}
#les-historiettes-et-tableaux-sonores
{
width:960px;
height:444px;
}
#duo-du-elles
{
width:960px;
height:476px;
}
#vent-de-paroles
{
width:960px;
height:418px;
}
#les-dames-de-choeur
{
width:960px;
height:460px;
}
#bloc-lien-spectacle-01
{
position:relative;
width:960px;
bottom:50px;
text-align:center;
}
#bloc-lien-spectacle-02
{
position:relative;
width:500px;
bottom:50px;
left:440px;
}
#bloc-lien-spectacle-03
{
position:relative;
width:600px;
bottom:50px;
left:40px;
}
#bloc-lien-spectacle-04
{
position:relative;
width:960px;
bottom:50px;
text-align:center;
}
#bloc-lien-spectacle-05
{
position:relative;
width:600px;
bottom:50px;
left:350px;
}
#bloc-lien-spectacle-06
{
position:relative;
width:960px;
bottom:50px;
text-align:center;
}
#bloc-lien-spectacle-07
{
position:relative;
width:960px;
bottom:50px;
text-align:center;
}
#bloc-lien-spectacle-08
{
position:relative;
width:960px;
bottom:50px;
text-align:center;
}
#bloc-lien-spectacle-09
{
position:relative;
width:600px;
bottom:50px;
left:450px;
}
.lien-spectacle 
{
background-color:gainsboro;
color:black;
font-weight:bold;
padding:5px;
}
.lien-spectacle:hover
{
color:white;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique discographie ////////////////////////////////////////////////////////////////////////*/
#cd-en-robe-bleu-ciel
{
width:850px;
height:841px;
float:left;
}
#iyushi
{
width:850px;
height:857px;
float:left;
}
.datecd
{
position:relative;
color:palevioletred;
left:15px;
margin-top:400px;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique partitions ////////////////////////////////////////////////////////////////////////*/
#partitions-01
{
width:300px;
height:211px;
float:left;
margin-left:71px;
margin-right:5px;
}
#partitions-left
{
margin-left:15px;
margin-right:15px;
text-align:left;
font-size:14px;
}
#color-red
{
color:red;
}
#color-orange
{
color:orange;
}
#color-pink
{
color:pink;
}
#color-green
{
color:green;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique spectacle-en-robe-bleu-ciel ////////////////////////////////////////////////////////////////////////*/
#imgspectacle
{
width:575px;
height:141px;
margin-left:auto;
margin-right:auto;
}
#imgspectacle img{border:none;}
#plaquette
{
border-bottom-style:solid;
border-top-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-top-color:black;
border-bottom-color:black;
}
#dewplayer
{
float:left;
margin-left:140px;
}
#imgcd{float:right;margin-right:145px;}
#jardin
{
margin-left:25px;
}
.color-bleu-enligne{color:#00d0f4;display:inline;}
.color-bleu-02{color:#00d0f4;}
.sitation{text-align:left;font-style:italic;font-size:14px;}
.italic{font-style:italic;}
#pagegrise{background-color:#7e7e7e;color:white;}
.textdroit{text-align:right;margin-right:10px;}
#lienpdf{font-style:normal;font-size:12px;}
#lienpdf a:link
{
color:black;
text-decoration:underline;
}
#lienpdf a:visited
{
color:black;
text-decoration:underline;
}
#lienpdf a:hover
{
color:black;
text-decoration:underline;
}
#lienpdf a:active
{
color:black;
text-decoration:underline;
}
#tarif-cd
{
width:650px;
padding:10px;
margin-left:auto;
margin-right:auto;
background-color:gainsboro;
color:black;
text-align:justify;
border-width:1px;
border-color:black;
border-style:solid;
}
.etoile {margin-left:10px;}
#presse{margin-left:25px;margin-bottom:15px;}
#presse caption{font-size:20px;font-weight:bold;color:black;text-align:left;}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique c-furieux-cabaret ////////////////////////////////////////////////////////////////////////*/
#resume
{
margin:10px;
color:darkgray;
}
#center-01
{
text-align:center;
background-image:url("../img/spectacle-c-furieux-cabaret/c-furieux-cabaret-03.jpg");
background-position:720px 580px;
background-repeat:no-repeat;
}
#image-04
{
width:500px;
height:422px;
margin-left:230px;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique felix-d-ici-et-d-ailleurs ////////////////////////////////////////////////////////////////////////*/
.content
{
margin-left:25px;
margin-right:25px;
text-align:justify;
}
.felix-d-ici-et-d-ailleurs
{
float:left;
margin:10px;
border-style:solid;
border-width:1px;
border-color:black;
}
.felix-d-ici-et-d-ailleurs-droite
{
float:right;
margin:10px;
border-style:solid;
border-width:1px;
border-color:black;
}
.titre
{
font-size:x-large;
}
.sous-titre
{
font-size:large;
}
#felix-d-ici-et-d-ailleurs-02
{
width:500px;
height:265px;
margin-left:255px;
border-style:solid;
border-width:1px;
border-color:black;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique duo-du-elles ////////////////////////////////////////////////////////////////////////*/
.image-gauche
{
float:left;
margin:10px;
border-style:solid;
border-width:1px;
border-color:black;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique la-ballade-de-pepe-patogas ////////////////////////////////////////////////////////////////////////*/
#player
{
width:960px;
height:399px;
background-image:url("../img/spectacle-la-ballade-de-pepe-patogas/la-ballade-de-pepe-patogas-02.jpg");
background-position:50px top;
background-repeat:no-repeat;
}
#dewplayer-pepe-01
{
margin-top:50px;
margin-left:178px;
}
#dewplayer-pepe-02
{
position:relative;
margin-left:670px;
bottom:260px;
}
#coordonnees-pepe
{
position:relative;
text-align:left;
font-weight:bold;
margin-left:640px;
bottom:260px;
}
#texte-petit
{
font-size:12px;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page musique vent-de-paroles ////////////////////////////////////////////////////////////////////////*/
.floatright
{
float:right;
margin-right:150px;
margin-left:150px;
}
#player-takemitsu
{
margin-left:360px;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page enseignement-cours ////////////////////////////////////////////////////////////////////////*/
.titre-bleu
{
color:lightslategray;
margin-left:25px;
}
#cours-02
{
width:400px;
height:236px;
margin-left:280px;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page enseignement-interventions-pedagogiques ////////////////////////////////////////////////////////////////////////*/
#interventions-pedagogiques-01
{
width:500px;
height:387px;
margin-left:230px;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page textes ////////////////////////////////////////////////////////////////////////*/
#textes-01
{
width:500px;
height:527px;
margin-left:230px;
margin-bottom:50px;
}
#table-textes
{
width:900px;
margin-left:30px;
margin-right:30px;
text-align:center;
}
#table-textes th
{
height:100px;
vertical-align:middle;
color:palevioletred;
font-size:large;
}
#table-textes td
{
height:100px;
vertical-align:middle;
}
#later
{
display:none;
}
td:hover #later
{
position:absolute;
margin-top:-60px;
margin-left:52px;
display:block;
z-index:100;
width:150px;
background-color:palevioletred;
color:white;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page arts-plastiques ////////////////////////////////////////////////////////////////////////*/
#ap-image-gauche
{
float:left;
margin:10px;
border-style:solid;
border-width:10px;
border-color:black;
}
/* ////////////////////////////////////////////////////////////////////////////////////// page projets-vocaux
////////////////////////////////////////////////////////////////////////*/
#marges {height:100%;margin:25px;}