/* Définition de l'image utilisée comme bannière */
#header-group-inner-inner {
  background-image:     url(../images/banners/ftm.jpg);
}


/*********************************************************
   Couleurs d'ensemble
   Note: les couleurs d'arrière-plan et un certain nombre
   d'exceptions sont définies un peu plus bas...
   
  Gris arrière plan foncé
  Utilisé autour du coin rouge
  rgb(207,213,202)
  
  Gris arrière plan clair
  Utilisé à l'intérieur du coin rouge
  rgb(242,247,235)
  
  Gris bordure
  Utilisé pour la bordure dans le coin rouge (sauf page d'accueil)
  rgb(173,179,171)
  
  Rouge foncé
  rgb(204,0,0)
  
  Rouge clair
  rgb(255,0,0)
  
  Blanc cassé
  rgb(248,255,243)
   
**********************************************************/
html {
  color:      #000;
  background: white;
}

.header-site-info {
  position: absolute;
  z-index: 900; /* en dessous de l'admin menu qui se trouve en 99 */
}

#site-name a,
#slogan {
  color: white;
}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
  color: rgb(204,0,0);
}

tr.odd  td a,
tr.even  td a{
  color:  #99190E;
}

.content-inner-inner .content-content .inner .content ul li {
  background: url("../images/red-bullet.png") no-repeat 0px 2px;
}

/* Annule le red bullet pour les "liens" et les éléments inline */
/* Et pour le jPlayer aussi, tiens */
.node ul.links li,
.node ul.inline li,
.node .links a,
.content-inner-inner .content-content .inner .content ul.jp-controls li,
.content-inner-inner .content-content .inner .content .jp-title ul li {
  background: transparent;
  margin: 0;
  padding: 0; /* 0 14px 0 0; */
}


.views-edit-view a:link, 
.views-edit-view a:visited {
  color: #99190E;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited,
#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus {
  border-color: rgb(204,0,0);
}

/* Séparateur entre la colonne de gauche (quand elle existe) et le contenu principal */
#content-group.grid16-12 {
  border-left:   solid rgb(204,0,0) 2px;
}


form input.form-submit {
  background-color: rgb(204,0,0);
  background-image: none;
}
.marker, .form-required,
#sidebar-first ul.pager li.pager-previous a,
#sidebar-first ul.pager li.pager-current,
#sidebar-first ul.pager li.pager-next a {
  color: rgb(204,0,0);
}

#sidebar-first ul.pager,
#sidebar-first ul.pager li.pager-previous,
#sidebar-first ul.pager li.pager-current,
#sidebar-first ul.pager li.pager-next,
#sidebar-first ul.pager a:link,
#sidebar-first ul.pager a:visited,
#sidebar-first ul.pager li.pager-current {
  background-color:   transparent;
  border:             none;
}

ul.pager a, ul.pager li.pager-current {
  padding: 0px 2px 0px 2px;
}

/* / Couleurs */



/*********************************************************
 * Organisation de la page, marges des conteneurs principaux
*********************************************************/
#logo {
  margin-left: 37px;
}

#logo img {
  margin-top:     20px;
  /*margin-bottom:  110px; /* A ajuster en fonction de la hauteur de la bannière*/
  /* Cette mention margin-bottom est inutile quand le bloc de bannières défilantes
    est présent, car la hauteur de ce bloc est fixe */
}


#site-name {
  margin-top: 20px;
  padding-top:  20px;  
}

#main-wrapper {
  padding:  0px;
}

#breadcrumbs {
  display:  none;
}

#search-box {
  display:  none;
}

#content-help {
  margin-top: 1.5em;
}

/* This is the Header region in which you can place (small) blocks */
#header-group-inner-inner {
  padding: 0;
}

#slogan {
  margin-top: 0px; /* Par défaut c'est -5px; trop collé au nom du site */
}

.preface-top-wrapper,
#preface-top-wrapper {
  padding-top:      0px;
  min-height:       0px;
  margin-bottom:    0px;
}

#content-group.grid16-12 .content-top-inner,
#content-group.grid16-12 .content-tabs-inner,
#content-group.grid16-12 .content-inner-inner {
  padding-left:   30px;
  padding-right:  25px;
}

#primary-menu {
  padding-bottom: 30px;
}

#postscript-bottom-inner {
  padding-top:        15px;
  padding-bottom:     60px;
}

/* Réglages pour que la colonne rouge aille jusqu'en bas.
   Ca casse un peu la mise en forme par défaut de ces régions,
   mais elles ne sont pas utilisées sur ce site.
*/
#postscript-bottom-wrapper {
  padding-top:      0px;
  min-height:       0px;
}

#postscript-bottom-wrapper,
#postscript-bottom-wrapper .block {
  margin-bottom:  0px;
}

#footer-message {
  padding: 0px;
}

/* Fin des réglages pour la colonne rouge */

#header-group-wrapper,
#header-group-wrapper .block {
  margin-bottom:  0px;
}

.page-admin #content-inner {
  overflow: scroll;
}


/* Organisation de la page */

/*********************************************************
   Bidouillages pour obtenir le coin arrondi
   autour du contenu principal
   
   Utilisés avec les div supplémentaires dans page.tpl.php
*********************************************************/
.oya-custom .oya-corner-top {
    background-color:     #CFD5CA; /*  recouvre le rouge constituant l'arrière-plan de #main */
    background-image:     url("../images/corner-top.png");
    background-position:  top right;
    background-repeat:    no-repeat;
    display:              block;
    height:               17px;
    overflow:             hidden;
}
.oya-custom .oya-inner {
  padding-right:  35px;       /* oya_val_1 */
}
.oya-custom .oya-inner-inner {
  padding-right:  20px;       /* oya_val_2 */
}
.oya-custom .oya-inner-inner-wrapper {
  border:       solid rgb(173,179,171) 3px;  /* 2 * épaisseur = oya_val_3 */
  border-left:  0px;          /* divise oya_val_3 par deux
                                 car l'épaisseur n'est en fait à
                                 compter qu'une fois */
  background-color:     rgb(207,213,202);
  
}

/* Diminue les largeurs pour compenser
   oya_val_1, oya_val_2, oya_val_3
   35+ 20 + 3
   Total 58px
*/
#postscript-bottom .grid16-16,
.oya-custom .grid16-16 {
  width:  902px;
}
#postscript-bottom .grid16-15,
.oya-custom .grid16-15 {
  width:  842px;
}
#postscript-bottom .grid16-14,
.oya-custom .grid16-14 {
  /*width:  782px;*/ /* valeur théorique */
  width: 662px; /* valeur bidouillée à la main pour que ça marche même sur les pages dont les marges latérales one été augmentées*/
}
#postscript-bottom .grid16-13,
.oya-custom .grid16-13 {
  width:  722px;
}
#postscript-bottom .grid16-12,
.oya-custom .grid16-12 {
  width:  662px;
}
#postscript-bottom .grid16-11,
.oya-custom .grid16-11 {
  width:  602px;
}
/* Fin des bidouillages pour le coin arrondi */

/*********************************************************
   Arrière plans pour les conteneurs principaux 
*********************************************************/
body,
#preface-top-wrapper,
#postscript-bottom-wrapper,
#main-wrapper {
  /* Couleur à utiliser sur les bords de la fenêtre
     lorsqu'elle fait plus de 960px de large */
  background-color:     white;
  background-image:     none;
}

#preface-top,
#postscript-bottom,
#primary-menu,
#main {
  background-color: rgb(207,213,202);;
}

#header-group-wrapper {
  background:       none;
}

#header-group-inner-inner {
  background-color:     transparent;
  background-repeat:    no-repeat;
  background-position:  center;     
  border-bottom:        solid #231f20 5px;
}

#header-group-inner {
  background-color:     transparent;
}

#main-top {
  background-image:     none;
  padding-top:          17px;
}

#main-inner {
  /* Définit la frise en bas du contenu */
  background-image:     url(../images/frise.png);
  background-repeat:    no-repeat;
  background-position:  bottom right;
  background-color:     rgb(242,247,235);
  padding-top:          50px;
  padding-bottom:       150px; /* Evite que la frise ne gêne la lecture du contenu */
}

/* Marge sur la gauche pour éviter que le contenu principal
   ne soit totalement au bord de la page.
   Ne s'applique que lorsqu'il n'y a pas de colonne à gauche, d'où
   le grid16-16.
   */
   

body .content-group.grid16-16 .content-group-inner {
  padding-left:   35px;
  padding-right:  40px;  
}

/*
   Sur la page d'accueil, les nodes, les pages de profil... et autres
   à définir si nécessaire: on augmente la taille de ces marges.
*/
body.front .content-group.grid16-16 .content-group-inner,
body.page-node .content-group.grid16-16 .content-group-inner,
body.page-user .content-group.grid16-16 .content-group-inner { 
  padding-left:   140px;
  padding-right:  100px;
}


#main,
#postscript-bottom-inner {
  /* Continue la colonne rouge en bas de page */
  background-image:   url(../images/bg-bottom.png);
  background-repeat:  repeat-y;
}


/*********************************************************
   Menu principal
   Pas mal de travail pour redéfinir tout le bleu et
   vert d'acquia-marina !
**********************************************************/

#primary-menu-inner ul.menu {
  margin-left:   35px;
}
#primary-menu-inner ul.menu ul.menu {
  margin-left:    0px;
  /*
  border-bottom:  1px solid #F20000;
  border-right:   1px solid #F20000;
  border-left:    1px solid #F20000;
  */
}

#primary-menu ul.menu li a:link,
#primary-menu ul.menu li a:visited,
#primary-menu ul.menu li:hover ul.menu,
#primary-menu ul.menu li.hover ul.menu,
#primary-menu ul.menu li.sfHover ul.menu,
#primary-menu ul.menu li span.nolink  {
  background-image: none;
}

#primary-menu ul.menu li:hover ul.menu li,
#primary-menu ul.menu li.hover ul.menu li,
#primary-menu ul.menu li.sfHover ul.menu li,
#primary-menu ul.menu li ul.menu li a:link,
#primary-menu ul.menu li ul.menu li a:visited,
#primary-menu ul.sf-menu li.sfHover ul.menu li span.nolink,
#primary-menu ul.menu li:hover ul.menu li span.nolink,
#primary-menu ul.menu li.hover ul.menu li span.nolink {
  background-color: rgb(207,213,202);
  background-image: none;
}

#primary-menu ul.menu li:hover ul.menu li,
#primary-menu ul.menu li.hover ul.menu li,
#primary-menu ul.menu li.sfHover ul.menu li {
  border-bottom: 1px solid #F20000;
}

#primary-menu ul.menu li,
#primary-menu ul.menu li.active-trail,
#primary-menu ul.menu li:hover,
#primary-menu ul.menu li.hover,
#primary-menu ul.menu li.sfHover {
  background-image:     url(../images/menu-separator.png);
  background-position:  center right;
}

#primary-menu ul.menu li.last {
  background-image:     none;
}

/* Second level */
#primary-menu ul.menu li:hover ul.menu,
#primary-menu ul.menu li.hover ul.menu,
#primary-menu ul.menu li.sfHover ul.menu {
  opacity: 1;
  filter: alpha(opacity=100);
}

#primary-menu ul.menu li:hover ul.menu li,
#primary-menu ul.menu li.hover ul.menu li,
#primary-menu ul.menu li.sfHover ul.menu li {
  border-right: solid black 0px;
}

#primary-menu ul.menu li a:link,
#primary-menu ul.menu li a:visited {
  color:  #171114;
}

/* Aligne le menu à gauche au lieu de droite
   (ça ne marche pas sous IE6, mais tant pis !)
*/
#primary-menu.block .inner {
  float: left;
} 

/* / Menu principal */

/*********************************************************
   "Menu" secondaire
**********************************************************/
#block-oya-footer *,
#block-oya-footer ul.menu {
  text-align: right;
}

#block-oya-footer ul li {
  display:        inline;
  padding-left:   5px;        
  padding-right:  5px;
}

/* / Menu secondaire*/

/*********************************************************
   Page en général
**********************************************************/
body h1.title {  
  font-family: "Myriad Pro", Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:  bold;
  line-height:  120%;
  font-size:    300%;
}

h1.title,
.node-type-production .field-field-subtitle {
  border:           0px;
  border-bottom:    solid white 3px;
  margin-bottom:    30px;
  padding-bottom:   27px;
}

.node-type-production h1.title {
  /* Elimine la bordure blanche car elle est sous le sous-titre */
  border-bottom:  none;
  margin-bottom:  5px;
  padding-bottom: 0px;  
}

.content-inner-inner .content-content .inner .content ul {
  margin: 0px 0px 10px 0px;
}

.content-inner-inner .content-content .inner .content .jp-title ul {
  margin: 0;
}

.content-inner-inner .content-content .inner .content ul ul {
  margin: 0px 0px 10px 20px;
}

blockquote {
  color:  #333;
}

blockquote p:first-child {
  background-position: 0 0;
}

/*********************************************************
   Noeud en général
**********************************************************/
.node p, .node blockquote {
  text-align: justify;
  margin: 0px 0px 1em 0px;
}

.node h2,
h2,
.node-type-association .field-label,
.node-type-production .field-label {
  color:          rgb(204,0,0);
  font-size:      142.25%;
  margin-top:     1.75em;
  margin-bottom:  1em;
  line-height:    125%;
}

.node h2:before,
h2:before,
.node-type-association .field-label:before,
.node-type-production .field-label:before {
  content:  url(../images/puce-logo.png);
  padding-right:    10px;
}

.block h2.title:before {
  content: none;
  padding-right: 0px;
}

h2.title {
  text-transform: none;
}

div.node h2.title {
  border-bottom: none;
}

body.front .node .field-field-teaser {
  color: #737373;
}

.node .field-field-teaser {
  font-weight:  bold;
  font-size:    125%;
  line-height:  140%;
}
.node .field-field-teaser p {
  text-align:   left;
  color:        #424242;
}

.node p .inline {
  margin-bottom:  0px;
}

.node p .inline img.image {
  padding:        0px;
  margin-right:   0px;
  margin-left:    0px;
  margin-bottom:  0.5em;
  margin-top:     0.5em;
  border:         solid #555 1px;
}
.node p .inline-left img.image {
  margin-right:   10px;
}
.node p .inline-right img.image {
  margin-left:    10px;
}

div.full-node .inner .content {
  border-bottom: none;
}

#node-form div.description {
  /* Met en valeur les instructions dans le
     formulaire d'édition de node */
  margin: 1em 0;
  border-left: solid #ADB3AB 3px;
  padding: 0.7em;
  font-size: 100%;
  background-color: white;
}

.node .links {
  margin-top: 1em;
}

.node ul.links li, .node ul.inline li, .node .links a {
  float: right;
}
.node ul.links li.addthis, .node ul.inline li.addthis, .node .links li.addthis a {
  padding: 0px 5px 0px 0px;
}

body.front .addthis {
  display: none;
}

/*********************************************************
   Noeud de type association
**********************************************************/
.node-type-association .field {
  margin-top: 1em;
}

.node-type-association .field-field-site-web a,
.node-type-association .field-field-site-web a:hover,
.node-type-association .field-field-site-web a:visited {
  color:  black;
}

/*********************************************************
   Noeud de type lieu de concert
**********************************************************/
#map_canvas {
  height: 500px;
}

/*********************************************************
   Noeud de type production
**********************************************************/
.node-type-production {
}

.full-node.node-type-production {
  /* Pour que l'affiche soit en face du titre (ou de l'image-titre)
     et non en dessous*/
  clear:  none;
}

.full-node.node-type-production h1.title {
  border:         0px;
  padding-right:  20%;
}

.node-type-production .field-field-subtitle {
  color:        #ADB2AB;
  font-size:    120%;
  font-weight:  bold;
}

.node-type-production .field-field-subtitle a,
.node-type-production .field-field-subtitle a:visited,
.node-type-production .field-field-subtitle a:hover {
  /* color:  black; */
}


.full-node.node-type-production .field-field-subtitle,
.full-node.node-type-production .field-field-texte-affiche {
  clear: left;
}

.node-type-production .field-field-assos  {
  margin-top: 1.5em;
}

.node-type-production .field-field-assos .more-link {
  display:  inline;
}

.node-type-production .field-field-assos a,
.node-type-production .field-field-assos a:hover,
.node-type-production .field-field-assos a:visited {
  font-weight:  bold;
}

.node-type-production .field-field-photo-gallery object {
  margin-right: auto;
  margin-left:  auto;
}

.node-type-production .image-attach-body {
  float:         left;
  margin-top:     0px;
  margin-bottom: 10px;
  margin-right:  15px;
  margin-left:    0px;
}

.node-type-production .image-attach-teaser {
  float: left;
  margin-left: 0px;
}

.node-type-production .node-type-concert,
.node-type-production .node-type-concert *,
.node.node-type-production .clearfix::after,
.node.node-type-production .clearfix .inner::after {
  clear: none;
}

.node-type-production .field-field-assos,
.node-type-production .field-field-texte1 {
  clear:  both;
}


/* Formate l'affichage d'un noeud "lieu de concert" dans
 * le contexte d'un noeud "production"
 */
.node-type-production .node-type-concert h2.title {
  /* Non significatif */
  display: none;
}

.node-type-production .field-field-affichage-concerts-pre.oya-prod-date {
  font-size:      500%;
  margin-bottom:  20px;
  margin-top:     50px;
  font-family:    "Times New Roman", Garamond, Perpetua, "Nimbus Roman No9 L", serif;
}

.node-type-production .field-field-affichage-concerts {
  background-color: rgb(173,179,171);
  padding:          15px;
  padding-left:     250px;
  
  margin-top:       10px;
  margin-left:     -20px;
  margin-bottom:    10px;
  
  min-height:       235px;
}

.node-type-production .field-field-affichage-concerts .field-field-date-concert {
  line-height:    175%;
  font-size:      120%;
  font-weight:    bold;
  padding-bottom: 0px;
  padding-top:    5px;
  color:          rgb(248,255,243);
}

.node-type-production .node-type-concert .node-type-lieu_concert div.group-adresse .content,
body.page-node.node-type-lieu-concert.full-node div.group-adresse .content {
  padding-left: 0px;
}

body.page-node.node-type-lieu-concert.full-node div.group-adresse .content {
  font-size:  150%;
}

.node-type-production .node-type-concert .node-type-lieu_concert div.group-adresse .content .field-field-cp {
  float: left;
  margin-right: 1em;
  /* TODO modifier le template parce que c'est vraiment trop laid */
}

.node-type-production .node-type-concert,
.node-type-production .node-type-concert .node-type-lieu_concert {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.node-type-production .fieldgroup.group-adresse {
  margin: 0px;
}

.fieldgroup.group-adresse a,
.fieldgroup.group-adresse a:hover,
.fieldgroup.group-adresse a:visited {
  /*color:  black;*/
}
.node-type-production .node-type-concert .node-type-lieu_concert span.title,
.node-type-production .fieldgroup.group-adresse {
  color:        black;
  font-weight:  normal;
  font-size:    100%;
  font-family:  "Myriad Pro", Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height:  120%;
}

/* Formater h2 n'est pas nécessaire car node-lieu-concert.tpl.php
   ne l'utilise pas */
/*
.node-type-production .node-type-concert .node-type-lieu_concert h2 {
  display: inline;
  border: 0px;
  text-transform: none;
} */

/* Empêche l'affichage des adresses pour la tournée uniquement */
#node-297.node-type-production .node-type-concert .field-field-lieu-concert {
  display:  none;
}


/*********************************************************
   Noeud de type concert
   
   Note: normalement ce type de noeud n'est jamais affiché
   "en entier" aux utilisateurs lambda. Les concerts sont toujours
   décrits de manière compacte dans les noeuds de type "production",
   à côté de l'affiche.
**********************************************************/
.node-type-concert {
}

.node-type-concert .imagefield-field_affiche {
  float:  left;
  margin-right: 20px;
}

#field-tarif-items .form-item .description,
#field-objet-items .form-item .description {
  white-space:  normal;
}

/* /Noeud de type concert */

.node-type-image .field-field-info {
  margin-top: 1em;
  font-weight:  bold;
}

.node-type-image .terms {
  display:  none;
}

/*********************************************************
   Trombinoscope
**********************************************************/
.view-trombi h3 {
  font-size: 150%;
  margin-top: 1em;
}

.view-trombi tr td {
  text-align: center;
}
.view-trombi .views-field-picture .picture {
  float: none;
}
.view-trombi .views-field-picture .picture img {
  border: solid #555 1px;
}

.view-trombi .views-field-value-10 {
  font-weight:  bold;
}
/* /Trombinoscope */

/*********************************************************
   Annuaire
**********************************************************/

#view-id-annuaire_membres_actuels-page_1,
#view-id-annuaire_membres_actuels-page_4 {
  /* overflow:   scroll; */
}

.view-annuaire-membres-actuels {
  
}

.view-annuaire-membres-actuels table tr td {
  white-space: nowrap;
}

.view-annuaire-membres-actuels table caption {
  font-size:      x-large;
  padding-bottom: 0.8em;
  padding-top:    0.8em;
}

/* Bloc effectif des pupitres */
#block-oya-effectif {
  margin-bottom:  0px;
  margin-top:     1em;
}

/*********************************************************
   Galerie de concerts
**********************************************************/
body.page-realisations h1.title {
  /* On s'en fiche un peu */
  display: none;
}

.view-concerts-passes {
  display:      block;
  margin-left: auto;
  margin-right: auto;
}

#view-id-concerts_passes-page_1 {
  /* Définit la largeur pour l'affichage "page"
     afin que les affiches soient proches les unes
     des autres (sinon elles sont espacées pour occuper
     toute la largeur disponible, c'est moins joli).
  */
  width: 740px;
}

.view-concerts-passes .views-field-image-attach-images {
  margin-bottom:    10px;
}

.view-concerts-passes.view-display-id-block_1 td.col-1 .views-field-image-attach-images {
  margin-left:  34px;
}

.view-concerts-passes td.col-2 .views-field-image-attach-images {
  margin-left:  0px;
}

.view-concerts-passes .views-field-image-attach-images img {
  border:       solid rgb(173,179,171) 1px;
}

.view-concerts-passes table.views-view-grid td {
  vertical-align: top;
}

.view-concerts-passes .view-display-id-page_1 {
  padding-right: 
}

/* block_2: sur les pages des assos */

.view-id-concerts_passes.view-display-id-block_2 {
  
}

.view-id-concerts_passes.view-display-id-block_2 td {
  width:  50%;
}

.view-id-concerts_passes.view-display-id-block_2 .views-field-image-attach-images {
  float: left;
  margin-right: 1em;
}
/* /Galerie de concerts */

/*********************************************************
   Liste des associations
**********************************************************/
.view-associations.view-display-id-block_1 {
  margin-left: 20px; /* Aligne sur le logo */
}

.view-associations.view-display-id-block_1 .views-row {
  margin-bottom:  0.75em;
}

.view-associations.view-display-id-block_1 a,
.view-associations.view-display-id-block_1 a:hover {
  color: black;
}

/* /Liste des associations */


/*********************************************************
   Album photo
**********************************************************/
#oya-album {
  text-align: left;
}

/*
#oya-album .nav .nav-up { 
  width:  100%;
  float: none;
}

#oya-album .nav .nav-up ul { 
  list-style-type: disc;
}

#oya-album .nav .nav-up ul li { 
  display:      inline;
  padding:      5px;
}

#oya-album .nav .nav-dn { 
  clear:  both;
}
*/

#oya-album .contribute p {
  font-weight: bold;
  padding: 1em;
  border: solid rgb(204, 0, 0) 5px;
}

#oya-album .thumb {
    padding: 5px;
    text-align: center;
    float:  left;
    
    width:  200px;
    height: 200px;
}

#oya-album .thumb img {
    border: solid #AAA 1px;
    max-width:   160px;
    max-height:  120px;
}

#oya-album .thumb .fname {
    display:    block;
}

#oya-album .folder {
    /*margin: 0.2em 0.2em 1em 1em; */
    text-align: center;
    float:  left;
    width: 190px;
    height: 150px;
}

#oya-album .folder img {
    border: solid white 0px;
}

#oya-album .folder .fname {
    display:    block;
}

#flashcontent {
  clear: both;
}

/*********************************************************
   Pied de page intranet
**********************************************************/

#block-oya-pp {
  text-align: center;
  color:      white;
}

#block-oya-confidentiel {
  text-align:           justify;
  font-size:            8pt;
  padding:              2px;  
  /* background-image:     url("../images/attention.gif"); */
  background-image:     url("../images/warning.png");
  background-repeat:    no-repeat;
  background-position:  5px 5px;
}

#block-oya-confidentiel .inner {
  padding-left: 45px;
}
#block-oya-pp {
  margin:   0px;
  padding:  0px;
  border:   0px;
}
#block-oya-pp * {
  margin:   0px;
  padding:  0px;
}
#block-oya-pp img {
  float:  left;
  border-top:       solid black 1px;
  border-bottom:    solid black 1px;
  border-right:     solid black 0px;
  border-left:      solid black 0px;
}


/*********************************************************
   Page d'accueil
**********************************************************/
body.front {
}

body.front .oya-custom .oya-inner-inner-wrapper {
  border-color: #F00;
}
/*
body.front h1.title {
  font-weight:      normal;
  line-height:      130%;
  font-size:        280%;
  padding-top:      1em;
} */

body.front .grid16-16 h1.title {
  padding-right:  15%;
}


/*********************************************************
   Page de maintenance
**********************************************************/
body.in-maintenance .page #logo {
  float:  left;
  margin: 0px 15px 0px 0px;
}

body.in-maintenance .header-site-info {
  position: static;
}

body.in-maintenance  .header-group-wrapper {
  height: 120px;
}

body.in-maintenance  .main-wrapper {
  /*margin-top: 100px;*/
}

/*********************************************************
   Profil utilisateur
**********************************************************/ 
body.page-user {
}

body.page-user h3 {
  border-bottom:  0px;
}

.profile .picture {
  float:  right;
  margin: 0 0 1em 1em;
}

.profile .picture img {
  border: solid black 1px;
}

.profile .sessions {
  clear:  both;
}

.profile dd {
  margin:   0px;
  padding:  0px;
}
.profile dt {
  margin:  0px;
  padding: 0px 5px 0px 0px;
  background-color: transparent;
  width: auto;
}

.profile dt.profile-profile_tel_portable,
.profile dt.profile-profile_email,
.profile dt.profile-profile_email2,
.profile dt.profile-profile_adresse {
  display: none;
}

.profile dt.profile-profile_ddn {
  font-weight: normal;
}


/* Magouilles pour la page de maintenance quand la base de données est dans les choux */
body.db-offline #main,
body.db-offline #header-group,
body.db-offline #preface-top {
  width: 960px;
}

.form-item input:disabled,
.form-item textarea:disabled,
.form-item select:disabled {
  /* Image pour changer la couleur d'arrière plan */
  background: #DDD;
  color: black;
}

/* Vue contact burô */
#view-id-contacts_buro-page_1 .views-row {
  margin-top: 2em;
}

#view-id-contacts_buro-page_1 .views-row .views-field-title {
  font-weight: bold;
  font-size: 150%;
  line-height: 150%;
}






#block-views-banners-block_1 {
  height: 230px;
}
#block-views-banners-block_1.block .inner {
  margin:   0px;
  padding:  0px;
}


#edit-profile-particule-wrapper,
#edit-profile-nom-wrapper,
#edit-profile-cp-wrapper,
#edit-profile-ville-wrapper{
  float:  left;
}

#edit-profile-nom-jf-wrapper,
#edit-profile-pays-wrapper {
  clear:  both;
}

.profile-infos-perso,
.profile-account,
.profile-coordonnees,
.profile-associatif {
  width:  45%;
  float:  left;
}

.profile-infos-perso,
.profile-coordonnees {
  margin-right: 1em;
}

.profile-sessions {
  clear:  both;
}


/* Concert booking system */
.cbs-pub img {
  float:  right;
}

table.cbs-selection {
  width:  75%;
  margin-right: auto;
  margin-left:  auto;
  
  border:   0px solid #CCC;
}

table.cbs-selection tr,
table.cbs-selection tr td,
table.cbs-selection tbody {
  border: 0px;
}

table.cbs-selection td.cbs-poster img {
  border: solid #555 1px;
}

table.cbs-selection th {
  text-align: center;
}

table.cbs-selection form input.form-submit {
  border:  none;
  padding: 0px;
  margin-top:  0px;
  margin-bottom:  0px;
  margin-right: 2em;
  margin-left:  2em;
  border-collapse: collapse;
  background-color: transparent;
  outline: 0px;
}

table.cbs-selection tr.even,
table.cbs-selection tr.even td,
table.cbs-selection tr.odd,
table.cbs-selection tr.odd td {
  background-color: transparent;
}

table.cbs-selection td {
  padding-top:    1.5em;
  padding-bottom: 1.5em;
  padding-right:  0.5em;
  padding-left:   0.5em;
  
  text-align: center;
}

table.cbs-selection td.cbs-poster {
  vertical-align: top;  
}

table.cbs-selection td.cbs-button {
  /*width:  200px;*/
}

table.cbs-selection td.cbs-button form input.form-submit {
  /*padding:  0.75em;*/
}

table.cbs-selection td.cbs-date {
  white-space: nowrap;
  font-weight:  bold;
}

.view-cbs-concert-summary {
  float:    right;
  padding-left: 2em;
}
.view-cbs-concert-summary .views-field-image-attach-images img {
  border: solid #ADB3AB 1px; 
}

.form-radios.cbs-date-selection .form-item {
  text-align: center;
  float:left;
  margin-right: 2em;
  display:  block;
}

.view-cbs-reservation {
  clear:  both;
  
}


.view-cbs-reservation .views-field-title-1,
.view-cbs-reservation .views-field-fullname,
.view-cbs-reservation .views-field-email {
  color:  #9C9C9C;
}

.view-cbs-reservation .views-field-title,
.view-cbs-reservation .views-field-email,
.view-cbs-reservation .views-field-title-1 {
  margin-bottom:  1em;
}


.view-cbs-reservation .views-field-title-1 {
  font-weight:  bold;
  font-size:    125%;
  line-height:  125%;
}

.view-cbs-reservation .views-field-image-attach-images {
  float:  left;
  padding-right:  3em;  
}

.view-cbs-reservation.view-display-id-block_1 .views-field-image-attach-images {
  padding-bottom: 15em;
}

.view-cbs-reservation .views-field-image-attach-images img {
  border: solid #ADB3AB 1px;
}


.view-cbs-reservation.view-display-id-block_1  .views-field-derived-seats,
.view-cbs-reservation.view-display-id-block_1  .views-field-derived-goodies {
  font-weight:  bold;
}

.view-cbs-reservation.view-display-id-block_1  .views-field-derived-goodies {
  text-transform: lowercase;
}

.view-cbs-reservation.view-display-id-block_1 .views-field-field-date-concert-value,
.view-cbs-reservation.view-display-id-block_1  .views-field-derived-amount .field-content {
  color:  #c00;
}




p.cbs-notice,
.cbs-pay {
  text-align: left;
}

p.cbs-notice {
  font-size:  smaller;
  line-height:  110%;
}

fieldset.cbs-summary .form-item {
  float:  left;
  padding-right:  1em;
}


.cbs-reservation img {
  float:  left;
  padding-right:  1em;
}

.cbs-reservation .field-field-production-title,
.cbs-reservation .field-field-date-concert {
  font-size:  150%;
  line-height:  150%;
}

/*
#block-oyaresas-announce-bookings span.title {
  font-size: 150%;
  line-height: 200%;
}
*/


/*
table.plan {
  background-color:#E4E4E4;
}

table.plan,
table.plan * {
  border:  none;
  padding: 0px;
  margin:  0px;
  border-collapse: collapse;
}

table.plan td.scene {
 background-color:  black;
 color:             white;
 padding-top:       2em;
 padding-bottom:    2em;
 font-size:         200%;
 text-align:        center;
}
*/

.view-id-annonce_reservations.view-display-id-block_1  {

}

.view-id-annonce_reservations.view-display-id-block_1 .views-field-image-attach-images {
  display:  none;
}

.view-id-annonce_reservations.view-display-id-block_1 .views-field-title {
  padding-top: 0.75em;
}

.view-id-annonce_reservations.view-display-id-block_1 .views-field-title,
.view-id-annonce_reservations.view-display-id-block_1 .views-field-nothing-2,
.view-id-annonce_reservations.view-display-id-block_1 .views-field-nothing-1 {
  color:  #c00;
}
.view-id-annonce_reservations.view-display-id-block_1 .views-field-title,
.view-id-annonce_reservations.view-display-id-block_1 .views-field-nothing-1 {
  font-size: 150%;
  line-height: 175%;
}

.view-id-annonce_reservations.view-display-id-block_1 .views-field-nothing {
  float: right;
  margin-left: 1em;
}

.view-id-cbs_reservations.view-display-id-page_1 td.views-field-field-date-concert-value {
  white-space: nowrap;
}

.view-cbs-reservations-of-concert table tr td {
  border-right: solid #CCC 1px;
  border-left:  solid #CCC 1px;
}


.presence_ind {
  display: inline;
}

.presence_ind img {
  height: 15px;
  width:  15px;
}

body.page-reservation a.addthis_button {
  display:  none;
}