p {
color : black;
font-weight : 200;
position : relative;
}
a {
color : #800000;
}
a:hover {
color : silver;
}
ul {
list-style : none;
}
body {
color : #000080;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
margin : 0;
padding : 0;
background : url('../images/frame.jpg') repeat-x;
}
#main {
margin : auto;
position : relative;
width : 800px;
background : url('../images/fond-st-stalles2.png') ;
font-size : medium;
font-family : Arial;
}
#center {
min-height : 560px;
border-left : 1px solid rgb(245, 245, 245);
border-right : 1px solid rgb(245, 245, 245);
padding : 5px;
}
#header {
background : url('../images/logo-musicastallis.png') no-repeat -5px -5px;
height : 85px;
border-top : 1px solid #000080;
text-align : right;
}
#header a {
left : 0;
position : absolute;
top : 0.4em;
right : 1.5em;
width : 37px;
}
#header a.link, a.visited, a.active {
color : black;
text-decoration : none;
}
.titrebandeau {
font-size : 40px;
margin-left : 2px;
color : black;
font-family : Times, serif;
text-align : right;
}
.soustitrebandeau {
font-size : medium;
color : black;
text-align : right;
width : 60%;
font-family : Verdana, serif;
font-variant : small-caps;
}
.commentaire {
font-size : small;
color : rgb(30, 30, 30);
font-family : Verdana, serif;
text-align : right;
font-weight : 200;
}
.bandeau {
display : block;
height : auto;
position : relative;
margin-left : 501px;
}
.recherche-simple {
width : 63%;
display : inline-block;
float : left;
margin-left : 15px;
height : 100%;
font-variant : small-caps;
font-size : small;
}
#simplesrc {
font-size : small;
height : 18px;
width : 95%;
border : 1px solid grey;
font-family : Verdana, serif;
background : url('../images/fond-st-stalles2.png');
}
html > body #left {
height : auto;
min-height : 450px;
}
#center2 {
background-color : white;
border : 1px solid rgb(125, 125, 125);
height : 560px;
margin-left : 0;
margin-top : 5px;
padding : 10px;
}
html > body #center {
height : auto;
min-height : 560px;
}
#footer, #footer.a .topo {
color : black;
font-size : 12px;
line-height : 12px;
border : 1px solid rgb(245, 245, 245);
}
#request {
margin-left : 10px;
text-align : left;
font-size : medium;
font-family : arial;
font-weight : 400;
background : url('../images/requestmusica.jpg');
text-align : center;
background-color : rgb(254, 254, 254);
display : block;
height : 180px;
border : 2px solid rgb(245, 245, 245);
}
#subheader {
height : 25px;
overflow : hidden;
width : 95%;
margin-left : 5px;
}
#subheader a, #subheader a:visited, #subheader a:link {
border : 1px solid #000080;
padding : 1px;
color : #800000;
text-decoration : none;
overflow : hidden;
display : inline-block;
margin-top : 5px;
font-size : small;
font-weight : 200;
height : 35px;
background-color : rgb(245, 245, 245);
}
#subheader a:hover {
color : silver;
border : 1px solid rgb(235, 235, 235);
background : none;
}
h1, h2, h3 {
margin : 0;
margin-bottom : 1em;
}
a img {
border : 0;
}
fieldset {
font-size : small;
padding : 1em;
border : 1px solid silver;
margin : 1em;
background : url('../images/fond-st-stalles.png');
}

.null {
font-size : small;
padding : none;
margin : none;
float : left;
vertical-align : top;
border : none;
background : none;
height : 95%;
}

label {
display : block;
font-weight : 400;
}

input {
background : white;
border : 1px solid grey;
cursor : text;
}

input:focus {
background : rgb(250,250,250);
border : 1px solid black;
}
input.send {
border : 1px solid #dcdcdc;
padding : 0.1em;
margin : 0 0 0.5em 0;
font-weight : bold;
}
input.send:hover {
background-color : white;
color : #b4cdcd;
font-weight : bold;
border : 1px solid #b4cdcd;
padding : 0.1em;
margin : 0 0 0.5em 0;
}
legend {
font-size : small;
font-weight : bold;
}
hr {
visibility : hidden;
clear : both;
}
hr.clear {
clear : both;
margin : 0;
visibility : hidden;
}
* html .clear {
height : 1%;
}
H1 {
font-size : 20pt;
text-align : left;
width : 66%;
color : #000080;
}
H2 {
font-size : 16pt;
width : 66%;
text-align : left;
color : #000080;
}
H3 {
font-size : 13pt;
text-align : left;
width : 33%;
color : #000080;
}
H4 {
font-size : medium;
text-align : left;
width : 66%;
color : #000080;
}
H1, H2, H3, H4 {
padding : 5px;
}
.langue {
margin-top : 1px;
text-align : right;
margin-bottom : 0;
}
.texterouge {
font-size : medium;
font-family : Verdana, sans-serif;
text-align : left;
color : #900;
}
.textebleu {
font-size : medium;
font-family : Verdana, sans-serif;
text-align : left;
color : #000080;
}
.textenoir {
font-size : medium;
font-weight : 400;
font-family : Verdana, sans-serif;
text-align : left;
color : rgb(0, 0, 0);
}
.textegris {
font-size : small;
font-family : Verdana, sans-serif;
text-align : left;
color : rgb(125, 125, 125);
}
#admin {
padding : 0.7em;
text-decoration : none;
}
#admin, #admin a, #admin a:visited, #admin a:link {
color : #000080;
margin-top : 1px;
text-decoration : none;
}
#admin a:hover {
color : silver;
font-weight : 400;
}
.pagi {
font-size : medium;
padding : 0.7em;
color : silver;
display : inline;
text-decoration : none;
margin-top : 2px;
margin-left : 2px;
}
.pagi, .pagi a, .pagi a:visited, .pagi a:link {
color : #000080;
text-decoration : none;
font-weight : bold;
font-size : medium;
}
.pagi a:hover {
color : silver;
}
#pagination {
padding : 0.7em;
text-align : center;
display : block;
margin-top : 2px;
}
#resultats {
display : block;
margin-top : 2px;
}
.t {
font-size : large;
letter-spacing : 1px;
color : rgb(34, 45, 56);
}
p.t:first-letter {
text-indent : 5px;
font-family : "Times New Roman", Times, serif;
float : left;
font-size : 200%;
padding : 0.1em;
}
.infobox_r {
width : 250px;
color : black;
float : right;
font-family : Helvetica, sans-serif;
font-size : small;
line-height : 12px;
margin-top : 10px;
margin-left : 10px;
text-align : center;
display : inline-block;
}
.infobox_r a, .infobox_r a:visited, .infobox_r a:link {
margin-top : 10px;
color : black;
text-decoration : none;
}
.infobox_r a img {
margin-top : 10px;
}
.infobox_r a:hover {
color : silver;
}
.infobox_l {
width : 450px;
font-size : small;
font-weight : 200;
background : url('../images/infoboxstalles.jpg');
float : left;
border : 2px solid rgb(245, 245, 245);
margin-top : 10px;
margin-left : 10px;
text-align : left;
display : inline-block;
padding : 1.3em;
color : #000080;
}
.infobox_l a, .infobox_l a:visited, .infobox_l a:link {
margin-top : 10px;
color : black;
text-decoration : none;
}
.infobox_l a:hover {
color : silver;
}
#espace_perso {
width : 400px;
font-size : medium;
font-weight : 200;
color : #000080;
text-align : center;
border : 2px solid rgb(230, 230, 230);
margin-top : 50px;
padding : 1.3em;
background : white;
}
.espace_index {
width : 400px;
border : 2px solid rgb(230, 230, 230);
margin-top : 10px;
padding : 1.3em;
background : url('../images/fond-st-stalles.png') ;
font-variant : small-caps;
font-weight : 200;
}
.espace_index a {
color : #800;
}
#espace_navi {
text-decoration : none;
font-size : medium;
text-align : left;
float : right;
padding : 0.5em;
background : url('../images/woodtexture.jpg');
width : 85%;
border : 2px solid rgb(230, 230, 230);
}
#espace_navi li, #espace_navi ul, #espace_navi a {
text-decoration : none;
color : black;
font-size : small;
}
#infobox_liens {
width : 700px;
font-size : small;
background : url('../images/woodtexture.jpg');
color : black;
float : left;
border : 1px solid silver;
margin-top : 10px;
margin-left : 10px;
text-align : left;
display : inline-block;
padding : 1.3em;
}
#infobox_liens a.img, #infobox_liens a, #infobox_liens a.visited, #infobox_liens a.link {
margin-top : 10px;
color : #000080;
text-decoration : none;
}
#infobox_liens a:hover {
color : silver;
}
#fiches {
width : 450px;
font-size : small;
float : left;
margin-top : 10px;
text-align : left;
}
#fiches a.img, #fiches a, #fiches a.visited, #fiches a.link {
margin-top : 10px;
text-decoration : none;
}
#fiches a:hover {
text-decoration : underline;
}
#resul {
border : 1px solid rgb(245, 245, 245);
font-size : small;
font-family : Verdana, sans-serif;
float : left;
width : 700px;
height : 100px;
margin-left : 4px;
background-color : rgb(255, 255, 255);
margin-top : 4px;
padding : 0.5em;
}
#liste-fiche {
border : 1px solid rgb(245, 245, 245);
border-bottom : 1px solid rgb(230, 230, 230);
border-right : 1px solid rgb(230, 230, 230);
font-size : small;
font-family : Verdana, sans-serif;
float : left;
text-align : right;
width : 700px;
height : 90px;
margin-left : 4px;
background : url('../images/woodtexture.jpg');
margin-top : 4px;
padding : 0.5em;
}
#liste-fiche:hover {
border : 1px solid silver;
}
.img {
float : left;
margin-left : 2px;
}
#accordion {
margin : auto;
}
#accordion div {
float : left;
width : 20%;
margin-left : 2px;
overflow : hidden;
font-size : 10px;
}
#accordion:hover div {
width : 33%;
font-size : 12px;
}
#accordion:hover div:hover {
width : 25%;
overflow : auto;
}
.thumby {
width : 140px;
height : 165px;
float : left;
font-size : 14px;
line-height : 12px;
text-align : center;
display : inline;
margin-left : 12px;
margin-top : 4px;
background : white;
color : #000080;
border : 2px solid rgb(235, 235, 235);
}
.thumby:hover {
background : rgb(252, 252, 252);
}
.thumby a img {
margin-top : 15px;
border : 2px solid rgb(230, 230, 230);
}
.thumby a {
text-decoration : none;
color : black;
}
.thumby a:hover {
color : silver;
text-decoration : none;
}
.text-space {
display : block;
float : left;
border : 2px solid rgb(245, 245, 245);
margin-top : 5px;
margin-left : 10px;
padding : 0.5em;
background : white;
}
#modification {
display : block;
float : left;
color : black;
font-size : small;
border : 1px solid rgb(245, 245, 245);
margin-top : 5px;
margin-left : 10px;
background : url('../images/woodtexture.jpg');
padding : 0.5em;
width : 90%;
}
#modification:hover {
background : white;
}
#modification a:link, a:visited, a:active {
text-decoration : none;
}
#modification a:hover {
color : silver;
text-decoration : none;
}
.box {
display : block;
color : black;
float : right;
font-size : small;
margin-top : 5px;
background : white;
border : 2px solid rgb(245, 245, 245);
padding : 0.5em;
width : 85%;
}

.box-navi {
display : block;
color : black;
float : right;
text-align : left;
font-size : small;
margin-top : 5px;
background : white;
border : 2px solid rgb(245, 245, 245);
padding : 0.5em;
width : 85%;
}

#footnote {
color : rgb(50, 50, 50);
font-size : small;
padding : 5px;
border-top : 1px solid silver;
}
.footnote {
font-size : 12px;
line-height : 10px;
width : 15%;
text-align : right;
display : inline-block;
float : right;
padding-top : 3px;
padding-right : 10px;
height : 100%;
font-weight : 200;
font-family : arial;
}
.footnote a {
text-decoration : none;
color : #800000;
}
.footnote a:hover {
text-decoration : none;
color : silver;
}
.modifier a {
text-decoration : none;
vertical-align : top;
text-align : left;
border : 1px solid rgb(200, 200, 200);
color : #800000;
float : left;
padding : 5px;
background : url('../images/fond-st-stalles2.png');
}
.modifier a:hover {
border : 1px solid rgb(50, 50, 50);
color : red;
background : white;
}
#center .messages {
font-size : 0.9em;
margin : 20px 60px;
list-style-type : disc;
padding : 1em 0 1em 80px;
}
#center #infos {
background : #cee url(../images/info.png) no-repeat 10px 50%;
border : 2px solid #41b3c2;
}
#center #erreurs {
background : #fe8 url(../images/warning.png) no-repeat 10px 50%;
border : 2px solid #ec9010;
}
.indef {
color : red;
}
.actualite, .actualite a {
font-size : small;
color : silver;
font-variant : normal;
}
.quickstat {
width : 15%;
display : inline-block;
height : 100%;
padding-top : 3px;
padding-left : 10px;
float : left;
font-size : 12px;
text-align : left;
line-height : 10px;
font-weight : 200;
font-family : arial;
}
.recherche-simple, p.t:first-letter, .infobox_r, .infobox_l, #espace_navi, #infobox_liens, #fiches, #resul, #liste-fiche, .img, #accordion div, .text-space, #modification, .box, .liste-histo-img, .footnote, .modifier a, .quickstat {
display : inline;
}
#center {
height : 560px;
}
body #left {
height : 450px;
}
body #center {
height : 560px;
}
.req {
text-align : right;
font-size : small;
font-variant : small-caps;
}
.mini-histo a, a.link, a.visited, a.active {
display : inline-block;
float : left;
height : 150px;
width : 130px;
padding : 2px;
text-decoration : none;
background : url('../images/fond-st-stalles.png');
text-align : center;
margin-left : 4px;
margin-top : 4px;
font-size : 12px;
line-height : 12px;
color : #000080;
border : 2px solid rgb(235, 235, 235);
}
.mini-histo a img {
margin-top : 5px;
border : 2px solid silver;
}

.mini-histo a:hover {
color : #800000;
background : white;
}

.bouton {
background : white;
color: #444;
border : 1px solid grey;
width : 150px;
cursor : pointer;
}

.bouton:hover {
background : white;
color: black;
border : 1px solid black;
width : 150px;
}