/*
Feuille de style des pages du site evenementiel lagarce.net
Copyright 2005 - Association C.R.I.S. - Yves Tannier
*/

/* ---- GENERAL ---- */
.texte p {
    margin-top: 10px;
    margin-bottom: 5px;
}
.spip_documents {
    margin: 10px;
}
#acte .gris, #spectacle .gris {
    color: #a5a5a5;
}
#acte, #spectacle {
    padding: 20px;
}



/* ---- TITRE ACTE + TYPE --- */
#titre_acte h1, #acte h1, #contacts h1, #presse h1, #partners h1 {
    color: #ff0000;
    font-size: 2.3em;
    float: left;
    margin-right: 10px;
    font-weight: normal;
}
#titre_acte h2 {
    font-family: Georgia, serif;
    font-size: 2.3em;
    font-weight: normal;
}
#titre_acte h2 span {
    font-size: 0.4em;
    font-weight: normal;
}
#titre_acte h2 {
    line-height: 70%;
    padding-top: 5px;
}
#titre_acte h2 {
    float: left;
    width: 100px;
}

/* ---- DEUX IMAGES ENTETES --- */
#images_tete {
    float: left;
    width: 250px;
}
#images_tete p {
    margin: 10px;
}
 
/* ---- LISTE DES EVENEMENTS ---- */
#acte .event {
    float: left;
    width: 320px;
    margin-right: 15px;
    margin-bottom: 30px;
}
#liste_spectacles .event {
    height: 90px;
}
#acte .event h2 a, #acte .event h2 {
    font-size: 16px;
    font-family: Georgia; serif;
    color: #9f843f;
    font-weight: bold;
}
#acte .event h2 {
    color: #666;
}
#acte .event h2 a:hover {
    color: #000;
}
#acte .event p a {
    text-decoration: none;
    color: #000;
}
#acte .event h3, #acte .event h4, #acte .event h5 {
    font-weight: normal;
    font-size: 1em;
}
#acte a.titre {
    font-size: 1.8em;
    font-family: Georgia, serif;
    text-decoration: none;
    font-weight: normal;
}

/* ---- LISTE DES SPECTACLES ---- */
#liste_spectacles {
    margin-top: 15px;
    float: left;
    width: 680px;
}

/* ---- PAGE SPECTACLES --- */
#spectacle #detail_event h3, #spectacle #detail_event h4, #spectacle #detail_event h5 {
    font-weight: normal;
    font-size: 1em;
}
#spectacle .crea, #acte .crea {
    color: #ff0000;
    font-family: "Trebuchet MS", Trebuchet, sans-serif;
    font-size: 10px;
    font-weight: normal;
}
#spectacle #titre_event {
    margin-bottom: 0;
}
#contenu_event {
    margin-top: 15px;
}
#intro_event {
    float: left;
    width: 250px;
}
#detail_event {
    float: left;
    width: 450px;
}
h1#titre_event {
    font-weight: normal;
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #9f843f;
    font-family: Georgia, serif;
}
h2#sstitre_event, h2#date_event {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}
#lien_spectacle {
    padding-top: 50px;
    margin-left: 20px;
    font-size: 1.2em;
    font-weight: bold;
}

/* ---- LISTE DES EVENEMENTS INTERNATIONAUX ---- */
#liste_international .event {
    float: none;
    width: 900px;
    margin-bottom: 0;
    margin-top: 20px;
}
#liste_international .event p {
    margin-top: 5px;
    margin-bottom: 5px;
}
#liste_international .logo_event, #liste_expositions .logo_event {
    float: left;
    width: 230px;
}
#liste_international .descrip_event {
    float: left;
    width: 400px;
}
#liste_international .descrip_event h5 {
    font-weight: bold;
    margin-bottom: 5px;
}

/* ---- LISTE DES EXPOSITIONS ---- */
#liste_expositions .event {
    float: left;
    width: 450px;
    margin-top: 20px;
}
#liste_expositions .spip_logos {
    float: left;
    padding-bottom: 15px;
    padding-right: 15px;
}
#expositions {
    padding: 20px;
}
#contenu_event #album {
    float: left;
    width: 550px;
}
#expositions #detail_event {
    float: left;
    width: 380px;
}
#expositions #detail_event li {
    padding: 3px;
    list-style-type: square;
    margin-left: 15px;
}
#expositions #tech {
    margin-top: 15px;
}
#expositions #tech img {
    vertical-align: bottom;
}
.album_vignettes li {
    float: left;
    padding: 10px;
}

/* ---- LISTE DES COLLOQUES ---- */
#liste_colloques {
    margin-top: 15px;
}
#liste_colloques .img_event {
    float: left;
    width: 210px;
    padding-right: 5px;
}
#liste_colloques .detail_event {
    float: left;
    width: 300px;
    padding-bottom: 15px;
    padding-right: 15px;
}
#liste_colloques .event {
    width: 900px;
}
#liste_colloques .event h3 {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* ---- PAGE CONTACTS ---- */
#contacts h1 {
    padding-left: 20px;
}
#contacts {
    padding: 20px;
    padding-left: 0;
}
#contacts h3 {
    clear: both;
    color: #ff0000;
    font-weight: normal;
    font-size: 1em;
    margin-top: 10px;
}
#contacts .spip_logos {
    float: left;
    width: 300px;
    padding-top: 50px;
}
#contacts .texte {
    float: left;
    margin-left: 25px;
}
#auteur {
    padding: 20px;
}
#auteur p {
    margin-top: 15px;
}
#auteur .previsu {
    border: 2px dotted #ccc;
    padding: 10px;
}
#auteur .reponse_formulaire {
    font-size: 1.3em;
    border: none;
    border-left: 10px solid #ff0000;
    padding-left: 5px;
    color: #000;
}
#auteur .spip_bouton input {
    margin-top: 15px;
    border: 2px solid #ff0000;
}
#auteur legend {
    padding-top: 10px;
    margin: 5px;
    font-size: 1.4em;
}
#auteur .titre {
    color: #ff0000;
    margin-bottom: 10px;
}
#auteur label {
    display: block;
}

/* ---- SALLE DE PRESSE ---- */
#presse #docs_presse {
    float: left;
    width: 700px;
}
#presse {
    padding: 20px;
}
#presse .texte {
    float: left;
    margin-top: 30px;
    width: 200px;
}
#presse h4 {
    font-size: 1.2em;
}
#presse h5 a {
    font-size: 1em;
}
#presse .doc {
    float: left;
    margin-top: 30px;
    width: 300px;
    padding: auto;
    text-align: center;
}
#presse .doc h4, #presse .doc h5 {
    font-weight: normal;
}

/* ---- CONNAITRE LAGARCE ---- */
#connaitre h1 {
    background: bottom left url(/images/lagarce/interface/titre_connaitre.gif) no-repeat;
    width: 540px;
    height: 110px;
    margin-left: 20px;
}
#connaitre .texte h3 {
    margin-bottom: 10px;
    font-size: 1.3em;
}
#connaitre .texte {
    padding: 20px;
    text-align: justify;
    float: left;
    width: 460px;
}
#connaitre .video {
    float: left;
    width: 210px;
    padding-left: 15px;
    margin-top: 70px;
}
#connaitre .stats {
    float: left;
    width: 240px;
}
#connaitre .blocstats {
    width: 230px;
    padding-top: 11px;
    background: top url(/images/lagarce/interface/fond_cadre_connaitre_haut.gif) no-repeat;
}
#connaitre .blocstats #blocstats_content {
    width: 230px;
    padding-bottom: 11px;
    background: bottom #ff0000 url(/images/lagarce/interface/fond_cadre_connaitre_bas.gif) no-repeat;
}
#connaitre .blocstats p {
    padding: 10px;
    font-size: 9px;
}
#connaitre .blocstats a {
    color: #fff;
font-size: 11px;
}
#connaitre h2 {
    font-size: 14px;
    color: #ff0000;
    margin-top: 15px;
}
#connaitre p.elem_stats {
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
#connaitre .blocstats .spip_logos {
    vertical-align: bottom;
}
#connaitre .blocstats h3 {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Courier, serif;
    font-weight: normal;
}
#connaitre #docs {
    margin-top: 20px;
    margin-bottom: 20px;
}
#connaitre #docs img {
    vertical-align: bottom;
}
#connaitre #docs li {
    padding-bottom: 10px;
}
#connaitre #autres li {
    float: left;
    padding-top: 28px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}
#connaitre #autres li a {
    padding-top: 28px;
    text-decoration: none;
    color: #000;
}
#connaitre #textes_edites {
    background: top center url(/images/lagarce/interface/icone_textes.gif) no-repeat;
}
#connaitre #mes {
    background: top center url(/images/lagarce/interface/icone_mes.gif) no-repeat;
}
#connaitre #traductions {
    background: top center url(/images/lagarce/interface/icone_traductions.gif) no-repeat;
}

/* ---- FAIRE CONNAITRE LAGARCE ---- */
#faire_connaitre h1 {
    background: bottom left url(/images/lagarce/interface/titre_faire_connaitre.gif) no-repeat;
    width: 586px;
    height: 110px;
    margin-left: 20px;
}
#faire_connaitre .texte {
    padding: 20px;
    text-align: justify;
    width: 500px;
}
#faire_connaitre #infos_user {
    float: left;
    width: 420px;
    margin-top: 15px;
    padding-left: 15px;
}
#faire_connaitre #infos_user p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#choix_produit {
    float: left;
    width: 365px;
    margin-top: 15px;
}
.produit {
	float: left;
	width: 170px;
	height: 200px;
}

#choix_produit h2 {
    font-size: 1em;
margin: 5px;
}
#choix_produit p {
    margin: 2px;
    font-size: 9px;
}
#choix_produit input {
    width: 50px;
}
#choix_produit .produit {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
#choix_produit {
    border: 2px solid #ccc;
    padding: 5px;
}

/* ---- PARTENAIRES ---- */
#partners {
    padding: 20px;
}
#partners .colonne_un {
    float: left;
    width: 370px;
    padding-left: 250px;
    margin-top: 20px;
    background: top left url(/images/lagarce/interface/fond_partenaires.jpg) no-repeat;
}
#partners .colonne_deux {
    float: left;
    width: 250px;
    margin-top: 20px;
}
#partners h3 {
    font-weight: normal;
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #9f843f;
    font-family: Georgia, serif;
}
#partners p {
    margin-top: 10px;
    margin-bottom: 10px;
}
#partners .spip_documents img {
    vertical-align: middle;
}

/* ---- PUBLICATIONS ---- */
#publications {
    margin-top: 20px;
    background: transparent url(/images/lagarce/interface/fond_publi.jpg) repeat-y;
}
#publications .event {
    width: 600px;
    margin-left: 60px;
    margin-bottom: 35px;
}
#publications .event img {
    padding-right: 10px;
}
#publications .event h3 {
    font-weight: bold;
}
#publications .event h4 {
    margin-top: 20px;
}

/* les formulaires par defauts
-------------------------------------------------------- */
input, select, textarea {
    border: 2px solid #ccc;
}
textarea {
    font-family: "Trebuchet MS", Trebuchet, sans-serif;
    font-size: 1em;
}
form div label {
    float: left;
    width: 150px;
}


/* haut de page et menu
-------------------------------------------------------- */
#header_accueil h1 {
    height: 101px;
    width: 430px;
    background: top left #000 url(/images/lagarce/interface/page_lagarce.jpg) no-repeat;
}
#header_accueil h1 a {
    display: block;
    height: 101px;
    width: 430px;
}
#menu_secondaire {
    position: absolute;
    top: 110px;
    left: 688px;
    background: top left #000 url(/images/lagarce/interface/page_menu_s.gif) no-repeat;
    height: 46px;
    width: 273px;
}
#menu_secondaire li {
    position: absolute;
    list-style: none;
}
#menu_secondaire li, #menu_secondaire a {
    display: block;
    height: 35px;    
}
#menu_secondaire span {
    display: none;

}
#menu_s1129 { top: 5px; width: 110px;}
#menu_s1137 { top: 5px; left: 130px; width: 140px;}
#menu_s1129 a:hover {
    background: transparent url(/images/lagarce/interface/page_menu_s.gif)
               -0px -51px no-repeat;
}
#menu_s1137 a:hover {
    background: transparent url(/images/lagarce/interface/page_menu_s.gif)
               -130px -51px no-repeat;
}
.erreur {
    border: 2px solid #ff0000;
}
h2.erreur {
    font-size: 1.3em;
    border: none;
    border-left: 10px solid #ff0000;
    padding-left: 5px;
    color: #000;
}