/* Feuille de style pour le site de l'Orchestre Symphonique de Clichy */

/* Mise en page globale */ 
body {
font-family	: Georgia, Times New Roman, Times, serif;
margin : 0;
padding: 10px 0 ;
background : #e7a76d ;
text-align : center;
font-size : 75%;
}
h1,h2,h3,h4,h5,h6 {
font-family	: Georgia, Times New Roman, Times, serif;
}

h1 {
margin : 0 ; padding : 0 ;
}

div#global {
width		: 750px;
height		: 560px;
min-height  : 560px ;
margin      : auto ;
margin-top	: 10px ;
background-color: #e7a76d;
}	

p {
text-align	:justify;
padding : 0 10px ;
}

.left {
float : left ;
}
.right {
float : right ;
}
/* Première page - Texte */

.accueil {
font-family	:Georgia, Times New Roman, Times, serif;
color		:black;
text-align	:center;
font-size	:9pt; 
line-height	:1.8em;
margin-top  :20px ;	
}


/* ---------------------------------------
              Titres 
------------------------------------------ */
#titre {
border : 3px solid #000 ;
}
h1, h2,h3 {
font-family	:Georgia, Times New Roman, Times, serif;
color		:#7C4514; 
}
h2 {
font-size	:1.6em;
padding-left  	:5px ;
}
h2.h2compositeurs {
display : inline ;
}
h3 {
font-size	:1.4em;
padding 	:5px ;
clear : both ;
}

/* Blocs sur fond clair */

.fondclair {
width			: 750px;
margin   		: auto;
margin-top		: 20px;
margin-bottom	: 5px;
text-align		: center;
background-color: #f1deb8;
border			: 1px solid #000000;
padding			: 1px;
}

/* ------------------------------------
           CONTENU PRINCIPAL
------------------------------------- */
#content {
width : 575px;
float : right ;
margin-top		: 20px;
margin-bottom	: 5px;
text-align		: left;
background-color: #f1deb8;
border			: 1px solid #000000;
min-height		: 330px ;
padding			: 10px 0 ;
}


/* ------------------------------------------
                   MENU 
 ------------------------------------------ */

#menu{
margin-top	: 20px;
float : left  ;
text-align : left ;
padding-left: 0;
margin-left: 0;
border-bottom: 1px dotted #f1deb8;
width: 150px;
}
#menu ul {
margin : 0 ;
padding : 0 ;
}
#menu li{
list-style: none;
margin: 0;
padding: 5px 0 5px 5px;
border-top: 1px dotted #f1deb8;
}
#menu li a { 
text-decoration: none; 
padding-left: 10px ;
}
#menu li a:hover { 
text-decoration: none; 
padding-left: 10px ;
background : url(../images/arrow.gif) left center no-repeat ;
}
#menu li .active { 
text-decoration: none; 
padding-left: 10px ;
background : url(../images/arrow.gif) left center no-repeat ;
}

.bureau, #menu ul, #menu li {
list-style-type : none;
}
/* -----------------------------------------
                 Textes
------------------------------------------ */



.texte {
	color		:black; 
	font-size	:9pt; 
	line-height	:1.3em ;
	text-align	:justify;
}
.gras {/* emphase  de certains mots - couleur marron */
	color	:#5c300b ;
	font-weight : bold ;
} 
.majuscule {/* première lettre du mot en majuscule */
	text-transform :capitalize ;
} 
p.soustitre {
	margin-top : 0 ; font-weight : bold ;
}
/* -----------------------------------------
          Textes petite taille
----------------------------------------- */

.textemini {
	font-family	:Georgia, Times New Roman, Times, serif;
	color		:black; 
	font-size	:7pt; 
	line-height	:1.1em ;
}
p.texteminiHome {
	font-family	:Georgia, Times New Roman, Times, serif;
	color		:black; 
	font-size	:7pt; 
	line-height	:1.1em ;
	text-align : right ;
}

.lettrine {
	font : bold 3em/1em Georgia, Times New Roman, Times, serif ;
	float : left ;
	color : black ;
}

.legende {
	font-family	:Georgia, Times New Roman, Times, serif;
	color		:black; 
	font-size	:7pt; 
	line-height	:1.1em ;
	text-align : right ;
}
/* ---------------------------------------
                 Images 
--------------------------------------- */ 

img {
	border: 0;
	/*margin : 0;
	padding : 0;*/
}
.illustRight {
float : right ;
margin : 5px ;
padding : 5px ;
}
.illustLeft {
float : left ;
margin : 5px ;
}

/* ----------------------------------------------
                     Liens 
 ------------------------------------------------ */
a  {
	color : #330000;
	text-decoration : underline;
}
a:hover {
	color : #330000;
	text-decoration : none;
}
a:visited {
	color : #330000;
	text-decoration : underline;
}

/* ----------------------------------------------
                  Formulaire Contact
------------------------------------------------ */

form#contact .ligne{
clear : both ;
width : 460px  ;
}
form#contact .ligne2{
clear : both ;
width : 400px  ;
padding-left : 30px ;
}
form#contact .ligneErreur{
clear : both ;
width : 400px  ;
padding-left : 180px ;
color : #330000;
font-weight : bold ;
}

form#contact input , form#contact select, form#contact textarea { 
float : right ;
width : 250px ;
border : 1px solid #000 ;
margin : 4px 4px ;
padding : 2px ;
}
form#contact select {
width :  256px ;
}
form#contact textarea { 
height : 100px ;
}
form#contact .submit {
border : 1px solid #000 ;
width : 100px ;
background : #fff ;
font-family	: Georgia, Times New Roman, Times, serif;
}
form#contact label {
vertical-align : top ;
width : 180px ;
float : left ;
text-align : right ;
}

img.droite {
margin-left : 280px ;
border : 1px solid #000;
}
/* - - - - - - - - - - - - - - - - - - - - - - 
             Liste des anciens concerts
- - - - - - - - - - - - - - - - - - - - - -  */
table, td, tr {
border : 0 ;
padding : 1px 0;
}
td {
border-top : 1px solid #e7a76d ;
vertical-align : top ;
}
.annee {
background : #e7a76d ;
font-weight : bold ;
border-top : 0 solid #f1deb8 ;
}
.1ereligne {
border-top : 1px solid #f1deb8 ;
}
/* - - - - - - - - - - - - - - - - - - - - - - 
            Extraits
- - - - - - - - - - - - - - - - - - - - - -  */
#extraits  {
margin-left : 5px  ;
}
#extraits td {
border-top : 0 solid #f1deb8 ;
}
#extraits td.border {
border-top : 2px solid #e7a76d ;
}
/* ------------------------------------------
        Mise en page deux colonnes
------------------------------------------- */
#musiciens #col1, #musiciens #col2 {
width : 215px ;
margin : 0 ;
text-align : left ;
} 
#partenaires #col1, #partenaires #col2 {
width : 45% ;
margin : 0 ;
text-align : center ;
} 
#col1 {
float : left ;
}
#col2 {
float : right ;
padding-right : 20px ;
}
#partenaires, #musiciens {
margin : 0 ;
clear : both ;
width : 100% ;
padding-bottom : 10px ;
}
#musiciens #col2 .image{
clear : both ;
float : right ;
}
#musiciens #col1 {
padding-left : 15px ;
} 
#musiciens h3 {
margin : 0 ;
margin-left : -5px ;
}
#musiciens h4 {
display : inline ;
margin : 0 ;
font-weight : bold ;
color : #000 ;
}
/* --------------------------------
            Espace Membres
--------------------------------- */
.membres input.submit {
width : 80px ;
}
.membres a {
margin : 2px 3px  ;
}
.membres, .membres p {
text-align : left ;
}
table.membres {
border : 0 solid #000 ;
}