/* FEUILLE DE STYLE CSS - POUR ORGANWORKS */
/* version 004  du 04/02/2018 */

@charset "UTF-8";       /* Définit l'encodage de la feuille de style à Unicode UTF-8 */


/*       BODY       */
/* Annuler les merges interieures et exterieures des elements <body>, <div> et <ul>*/
body, div, ul {margin:0; padding:0;}
body {background-image:url(http://organ.monespace.net/organworks/images/imgfond.jpg);}
body {font-family:Arial, sans-serif; font-size:13px;}
body a{color:darkblue;}
body a:visited{color:purple;}
/* Liens en forme de bouton orange*/
#boutonorange {border-style:solid;color:black;}
#boutonorange:hover{background-color:yellow;color:black;}
#boutonorange {background-color:orange;}
#boutonorange {background-color:orange;}
#boutonorange {border-radius:20px 20px;}
#boutonorange {height:20px; padding:3px;}
#boutonorange {text-decoration:none;}

/*       GLOBAL      */
/* l'ensemble de la page est fixe et au centre */
#global {width : 950px; margin:auto;}

/*   ENTETE (TITRE)   */
#entete {height:80px; padding:0px;}
#entete {margin-left:5px;margin-top:5px;}
#entete {background-image:url(http://organ.monespace.net/organworks/images/bandeau-entete950-90.png);}
#entete {border-style:solid;}
#entete {border-radius:20px 20px;}
#entete h1 {margin:3px 80px; color:palegoldenrod;}
#entete h1 {font-size:40px; font-weight:normal;}
#entete h1 {text-shadow:2px 2px 2px darkorange;} /* x, y, floue, couleur de l'ombre */
#entete h1 {text-align:center;}

/* Second titre, en dessous, en francais */
#entete h2 {margin:3px 80px; color:palegoldenrod;}
#entete h2 {font-size:24px; font-weight:strong;}
#entete h2 {text-shadow:1px 1px 2px darkorange;}
#entete h2 {vertical-align:5px;} /* devrait remonter le texte */
#entete h2 {text-align:center;}



/*       MENU       */
/* menu de navigation */
#blocmenu {height:72px; }
#blocmenu {margin-top:5px;}
#blocmenu {margin-left:5px;}

#menu li {float: left;list-style-type: none;}
#menu li {margin-top:2px;}
#menu li {margin-right:2px;}
#menu li a, #menu li a:visited {padding:10px; line-height: 24px; font-size :12px;text-decoration:none;color:black;}
#menu li {border-style:solid;}
#menu li {border-radius:20px 20px;}
#menu li {background-color:steelblue;}
#menu li:hover {background-color:lightsteelblue; color:brown;} 




/* CONTENU DE LA PAGE */
#contenu {width : 930px; margin:0 auto;}/* soit 950 moins 2 fois le paddding */
#contenu {padding:10px;}
/* background-color : seulement pour la mise au point des pages */
/* #contenu {background-color:#e0e0c0;}*/
#contenu {float:left;}
#contenu {margin-left:0px;}

/* texte d'introduction de la page */
#intro {text-align:center; color:#000070;}

/* table type1 : pour menu vertical avec images */
#tabletype1 {float:left; padding:10px;}
#tabletype1 {width:100%;}
#tabletype1 {text-align:left;}
#tabletype1 {margin-left:auto;}
#tabletype1 {margin-right:auto;}
#tabletype1 {border:0px;}

#tabletype1 td{color:#200000;}/* rouge tres sombre */

/* table bilingue : pour texte sur 2 colonnes */
#tablebilingue {float:left; padding:5px;}
#tablebilingue {width:100%;}
#tablebilingue {table-layout:fixed;}
#tablebilingue {text-align:justify;}
#tablebilingue {margin-left:auto;}
#tablebilingue {margin-right:auto;}
#tablebilingue {border:0px;}
#tablebilingue {border-spacing:20px 2px;}/* espacement horizontal et vertical */
#tablebilingue td{color:#200000;}/* rouge tres sombre */

/* table catalogue : pour liste des oeuvres */
#tablecatalog {float:left; padding:5px;}
#tablecatalog {width:100%;}
/*#tablecatalog {table-layout:auto;}*/
#tablecatalog {text-align:justify;}
#tablecatalog {margin-left:auto;}
#tablecatalog {margin-right:auto;}
#tablecatalog {border:2px;}
#tablecatalog {border-spacing:2px 2px;}/* espacement horizontal et vertical */
#tablecatalog td{color:#300000;}/* rouge tres sombre */
#tablecatalog td, th {border: thin solid #6495ed;width: 0%;} /*- important : width doit rester a zero*/
#tableheader{background-color:#f0d050; font-weight:bold; font-size:14px;}/*1ere ligne du tableau */
#tableheader{text-align:center;}
#col1{background-color:#80b0a0;text-align:center;}
#col2{background-color:; text-align:left;} /*- doit rester incolore*/
#col3{background-color:; text-align:left;} /*- doit rester incolore*/
#col4{text-align:center; background-color:#c0c090;}/* Mp3 */
#col5{background-color:; text-align:center;} /* PDF - doit rester incolore*/
#col6{background-color:; text-align:center;} /*book - doit rester incolore */
#col7{font-size:10px; text-align:center;}/* prix - doit rester incolore */