/* $Id: styles.css,v 1.1.2.2.2.1 2011/01/11 01:08:49 dvessel Exp $ */

h1#site-name {
  margin-bottom: 0;
}

#site-header,
#site-subheader,
#footer-region,
.column,
.node,
.comment,
.block {
  margin-bottom: 1.5em;
}

ul.main-menu,
ul.secondary-menu {
  display: block;
  margin: 0;
  padding: 0;
}



/**** CUSTOM CSS ****/


body, html
{
  overflow: hidden;
}

body, html
{
  margin: 0px;
  padding: 0px;
  font-family: arial, helvetica;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  font-family: Georgia, Times;
}

body
{
  background: url('images/michele.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
  color: white;
}

h1
{
  font-size: 60px;
  line-height: 65px;
  font-weight: normal;
}

h2
{
  font-size: 45px;
  line-height: 50px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

h3
{
  font-size: 17px;
  line-height: 21px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

h4
{
  font-size: 30px;
  line-height: 35px;
  font-weight: normal;
  margin: 0px;
  margin-bottom: 30px;
  padding: 0px;
}

h5
{
  font-weight: normal;
}

a
{
  color: white;
  text-decoration: none;
}

a.active
{
  text-decoration: underline;
}

a:hover
{
  text-decoration: underline;
}

#page
{
  margin-top: 90px;
}

#page *
{
  text-align: center;
}

#site-header, #site-header *
{
  text-align: center;
}

/*
#site-name
{
  font-size: 70px;
  line-height: 55px;
  font-weight: normal;
  width: 200px;
  margin-left: 200px;
}
*/

#site-name *
{
  text-align: center;
}

#site-name a
{
  text-decoration: none;
}

#site-slogan
{
  font-size: 30px;
  margin-top: 10px;
  line-height: 55px;
  font-weight: normal;
}





/***** BLOCS SATELLITES *****/

#topleft, #topright, #bottomleft, #bottomright
{
  z-index: 100;
}

#topleft *, #topright *, #bottomleft *, #bottomright *
{
  text-align: center;
  z-index: 0;
}

#topleft
{
  position: absolute;
  z-index: 10;
  top: 90px;
  left: 50px;
  width: 165px;
  height: 250px;
  /*background-color: red;*/
}

#topleft li, #topleft a
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 17px;
  line-height: 22px;
}


#topleft h2
{
  font-size: 26px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 20px;
}

#topright
{
  position: absolute;
  z-index: 20;
  top: 90px;
  right: 50px;
  width: 165px;
  height: 250px;
  /*background-color: green;*/
}

#bottomleft
{
  position: absolute;
  z-index: 30;
  bottom: 30px;
  left: 50px;
  width: 165px;
  height: 250px;
  /*background-color: pink;*/
}

#bottomright
{
  position: absolute;
  z-index: 30;
  bottom: 30px;
  right: 50px;
  width: 165px;
  height: 250px;
  /*background-color: pink;*/
}


#global
{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

#scroll
{
  height: 100%;
  width: 100%;
  overflow-y: auto;
  padding: 0px;
  margin: 0px;
}

#main-content
{
  margin-top: 0px;
  padding-top: 0px;
}


/***** PAGE CONTENT *****/

h1
{
  padding: 0px;
  margin: 0px;
}

.field-name-body
{
  margin-top: 20px;
}

#main-content h2
{
  margin-bottom: 0px;
}

#main-content .title
{
  text-decoration: underline;
}

#main-content img
{
  margin-top: 20px;
  margin-bottom: 0px;
}

#main-content p
{
  font-size: 18px;
  line-height: 24px;  
}

.field-name-field-videos-spectacles
{
  margin-top: 20px
}



/***** PAGE D'ACCUEIL *****/

body.front h1, body.front h1 a, body.front h1 *
{
  text-decoration: none  !important;
  font-size: 70px;
  line-height: 55px;
}

body.front h1
{
  margin-bottom: 15px;
}

body.front h3
{
  font-weight: normal;
  font-size: 30px;
  line-height: 55px;
}

body.front h5
{
  font-family: times;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}

body.front .content li, body.front .content a
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 40px;
  line-height: 45px;
}

body.front ul.menu
{
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
}

/***** SLIDESHOW *****/

.views_slideshow_cycle_main, .views_slideshow_cycle_main *
{
  text-align: center;
  /*border: 1px solid red;*/
}

.views_slideshow_cycle_main
{
  margin: auto;
}

.views-slideshow-cycle-main-frame, .views_slideshow_cycle_teaser_section
{
  margin: auto;
}

.views_slideshow_cycle_teaser_section img
{
  margin-left: 0px;
}






/***** BIOGRAPHIE *****/

.page-node-8 div.views-field.views-field-field-bio-photos img
{
  padding-bottom: 20px;
}







/***** AGENDA *****/

.view-agenda h5
{
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  margin: 0px;
  margin-bottom: 5px;
}

.evenement
{
  margin-bottom: 10px;
  padding-bottom: 0px;
}

.evenement h2
{
  font-size: 32px;
  line-height: 32px;
}

.evenement .photo, .evenement .photo *
{
  margin: 0px;
  padding: 0px;
}

.evenement .photo
{
  margin-top: -10px;
}

.etoile-big
{
  display: inline-block;
  width: 13px;
  height: 11px;
  background-image: url('images/bullet.png');
  background-repeat: no-repeat;
  background-position: center;
}

.etoile-small
{
  display: inline-block;
  width: 13px;
  height: 11px;
  background-image: url('images/bullet-small.png');
  background-repeat: no-repeat;
  background-position: center;
}

h1#page-title
{
  margin-bottom: 20px;
}







/**** BLOCS LATERAUX ****/

#topleft h1
{
  font-size: 26px;
  line-height: 22px;
}

#topleft h3
{
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 22px;
}

#topleft h5
{
  margin-top: -15px;
  font-size: 5px;
  line-height: 6px;
  font-weight: normal;
}

#topleft a:hover h1
{
  text-decoration: underline;
}








#topright .evenement
{
  width: 180px;
  margin-bottom: 5px;
}

#topright .evenement .photo
{
  margin-top: 5px;
}

.etoile-small
{
  display: inline-block;
  margin-top: 0px;
  padding: 0px;
  width: 6px;
  height: 5px;
  background-image: url('images/bullet-small.png');
  background-repeat: no-repeat;
  background-position: center;
}

#topright .view-agenda h5
{
  font-size: 8px;
  line-height: 8px;
  font-weight: normal;
}











.region-bottomleft
{
  width: 220px;
}

.region-bottomleft h2
{
  font-size: 25px;
  line-height: 27px;
  text-decoration: underline;
}

.region-bottomleft .field-items, .region-bottomleft .field
{
  margin: 0px;
  padding: 0px;
}

.region-bottomleft img
{
  margin-top: 10px;
  margin-bottom: 10px;
}

.region-bottomleft *
{
  font-size: 7px;
  line-height: 9px;
}




/**** PAGE CONTACTS ****/

.email ul
{
  list-style: none;
  padding: 0px;
  margin-left: -15px;
}





/**** TABS ****/

/**** QUICKTABS STYLE ****/

ul.quicktabs-tabs
{
  margin-bottom: 30px; 
  padding-bottom: 20px;
  /*border-bottom: 1px solid black;*/
}

.quicktabs-tabs li
{
  font-size: 14px;
  line-height: 16px;
  /* margin-left: 4px;
  margin-right: 4px;*/
}

.quicktabs-tabs li a
{
  text-decoration: none;
}

.quicktabs-tabs li a:hover
{
  border-bottom: 1px solid black;
}
.quicktabs-tabs li.active a
{
  border-bottom: 1px solid black;
}

#block-quicktabs-tabs-spectacles
{
}

#block-quicktabs-tabs-spectacles li
{
  display: inline-block;
}





/**** MEDIA ELEMENT > AUDIO ****/

.mediaelement-audio
{
  width: 300px;
  margin: auto;
}

.mejs-inner
{
  margin-bottom: 3px;
}

/**** MEDIA ELEMENT > VIDEO ****/

.media-vimeo-outer-wrapper
{
  margin-left: -50px;
  margin-bottom: 30px;
}




/***** COPYRIGHT *****/

#copy
{
  font-size: 14px;
  line-height: 18px;
}

#copy a
{
  text-decoration: underline;
}

.copy-photo
{
  margin-top: 5px;
  font-size: 10px;
  line-height: 14px;
}



/***** FORMATAGE TEXTE *****/

p
{
  margin-top: 10px;
}



/***** QUICKTABS *****/

#block-quicktabs-tabs-spectacles ul li,
#quicktabs-view__quicktabs_contacts__page ul li,
#quicktabs-tabs_biographie ul li
{
  display: inline;
  margin: 0px;
}




/***** SLIDESHOW *****/

#views_slideshow_controls_text_simple_image-block_1
{
  /*border: 2px solid green;*/
  margin-top: -105px;
  margin-bottom: 70px;
}

#views_slideshow_controls_text_pause_simple_image-block_1
{
  display: none;
}

.views-slideshow-controls-text-previous
{
  /*border: 2px solid blue;*/
  padding-right: 100px;
}

.views-slideshow-controls-text-next
{
  /*border: 2px solid blue;*/
  padding-left: 100px;
}