/**
* Auteur : Sébastien Braissant - The DevTowah
* Date de création : 21/01/2014
**/

html {
  height:100%;
}

body {
  height:100%;
  margin:0px;
  padding:0px;
	font-size:16px;
	background-color:#000;
	color:#fff;
	line-height:20px;
	font-family: 'Ubuntu Condensed', Arial, Helvetica, sans-serif;
	/*letter-spacing:0.2px;*/
}

div#fixedInfos {
  position:fixed;
  top:0px;
  left:0px;
  font-size:14px;
  z-index:98;
  /*display:none;*/
}

div#fixedInfos #logo {
  width:300px;
  height:186px;
}

div#fixedInfos #event p.titre {
  margin:40px 0 11px;
  font-size:25px;
  line-height:28px;
  font-family:"TisaOT-Light",'Times New Roman',Georgia,serif;
}

div#fixedInfos #logos {
  margin-top:23px; 
}

div#fixedInfos #logos p {
  margin:36px 0 0;
}

div#fixedInfos #contact {
  position:relative;
  top:484px;
  left:25px;
  line-height:20px;
}

div#fixedInfos a, div#fixedInfos a:visited {
  text-decoration:none;
  color:#000;
}

div#fixedInfos a:hover {
  color:#000;
}

div#fixedInfos #contact a {
  color:#fff;
  text-decoration:underline;
}

div#fixedInfos #contact a:hover {
  color:#D41E22;
}

div#fixedMenu {
  position:fixed;
  padding-left:340px;
  left:0px;
  top:0px;
  width:auto;
  min-width:740px;
  height:46px;
  z-index:98;
  text-align:left;
  font-family: 'Fjalla One', sans-serif;
  
  background-color:#000;
}

div#fixedMenu div {
f
  float:left;
}

div#fixedMenu a, div#fixedMenu a.selected, div#fixedMenu a.inView {
  display:block;
  float:left;
  /*margin-right:60px;
  margin-top:20px;*/
  margin-right:2px;
  text-decoration:none;
  padding:8px 44px;
  font-size:18px;
  line-height:28px;
  color:#ddd;
  background-color:#586060;
  letter-spacing:0.01em;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

div#fixedMenu a:hover, div#fixedMenu a.selected, div#fixedMenu a.selected:hover, div#fixedMenu a.inView:hover {
  text-decoration:none;
  background-color:#D41E22;
  color:#fff;
}

div#fixedMenu a.fb {
	display:inline-block;
	width:30px;
	height:30px;
	background-image:url(images/yvesbook.png);
	background-position:0 0;
	margin-top:35px;
}

div#fixedMenu a.fb:hover {
	background-position:0 -30px;
	text-decoration:none;
}

div#fixedMenu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

div#fixedMenu ul li.yb {
	background-image:url(images/yvesbook.png);
	width:30px;
	height:30px;
	cursor:pointer;
}

div#fixedMenu ul li.yb:hover {
	background-position:0 -30px;
}

div#fixedMenu ul li.yb a {
	background-image:url(images/yvesbook.png);
}

div#fixedMenu ul li.yb a:hover {
	background-position:0 -30px;
}

div#mainContent {
	width:1080px;
}

div.pageBox {
  width:740px;
  margin-left:340px;
  height:auto;
  z-index:75;
  text-align:left;
  line-height:26px;
  font-size:15px;
  padding-top:80px;
  margin-bottom:160px;
  /*overflow:hidden;*/
}

div.pageBox div.pageTitle {
  font-size:22px;
  color:#D41E22;
  margin-bottom:18px;
  line-height:20px;
  /*font-family: 'Fjalla One', sans-serif;*/
}

div.pageBox div.pageSubtitle,
div.pageBox div.photosSubtitle {
  font-size:16px;
  color:#fff;
  margin-top:4px;
  margin-bottom:2px;
}

div.pageBox a {
  text-decoration:underline;
  display:inline-block;
  /*border-bottom:1px dotted #fff;*/
  color:#fff;
}

div.pageBox a:hover {
  text-decoration:underline;
  color:#D41E22;
  /*border-bottom:1px dotted #D41E22;*/
}

div.pageBox div.concert {
	 line-height:24px;
	 margin-top:32px;
	 color:#999;
}

div.pageBox div.concert:first-child {
	margin-top:60px;
}

div.pageBox div.concert span.place {
	text-transform:uppercase;
}

div.pageBox table#concerts {
  border:0;
  width:100%;
}

div.pageBox table#concerts tr.year td {
  font-weight:700;
  color:#D41E22;
  font-size:1.1em;
}

div.pageBox table#concerts tr.liveshow td {
  vertical-align:top;
}

div.pageBox table#concerts tr.liveshow td.with div.padder {
  float:left;
  width:16px;
}

div.pageBox table#concerts tr.liveshow td.with div.artists {
  float:left;
  width:360px;
}

div.pageBox table#concerts tr.liveshow td:last-child {
  text-align:right;
}

div.pageBox table#concerts tr.sep {
  line-height:20px;
}

3
div.pageBox div.photoset {
  
}

div.pageBox div.photoset img {
  display:block;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
  height:125px;
  border:none;
  cursor:pointer;
}

div.pageBox div#slideshow {
  display:none;
}

div.pageBox div#slideshow div#slideset {
  position:relative;
  width:531px;
  height:531px;
}

div.pageBox div#slideshow div#slideset img {
  position:absolute;
  left:0px;
  top:0px;
  max-width:531px;
  max-height:531px;
  z-index:95;
  opacity:0.0;
  cursor:pointer;
}

div.pageBox div#slideshow div#slideset img.active {
  z-index:96;
  opacity:1.0;
}

div.pageBox div#slideshow div#slideset img.last-active {
  z-index:97;
  opacity:0.0;
}

div#videos div.vid {
  float:left;
  margin-top:4px;
  margin-right:20px;
  margin-bottom:20px;
  height:125px;
  width:222px;
}

div.crlf  {
  clear:both;
  line-height:1px;
}

a.nohover, a.nohover:hover {
  text-decoration:none;
  color:transparent;
}

#register table {
  line-height:18px;
  margin-left:10px;
  text-align:left;
  width:420px;
  font-size:12px;
  font-family:"TisaOT-Medi",'Times New Roman',Georgia,serif;
}

#register table .checkIt {
  font-family:"TisaOT",'Times New Roman',Georgia,serif;
}

input[type="text"], textarea {
  border:none;
  background-color:#d3dfe6;
  color:#34424b;
  font-family:"TisaOT-Medi",'Times New Roman',Georgia,serif;
  font-size:11px;
  line-height:18px;
  height:18px;
  padding:0 2px;
  width:316px;
  letter-spacing:0.05px;
}

/* Cacher la case à cocher */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position:absolute;
  left:-999px;
}

/* style pour le label */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 0px;
  width: 17px; height: 17px; /* dim. de la case */
  border: none;
  background: #d3dfe6;
}
 
/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 2px;
  font-size: 15px;
  font-family:"TisaOT-Medi",'Times New Roman',Georgia,serif;
  color: #34424b;
  transition: all .1s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

input[type="button"],input[type="submit"],input[type="reset"] {
  border:none;
  background-color:#005caf;
  color:#fff;
  line-height:23px;
  height:24px;
  padding:0px 10px;
  font-family:"TisaOT-Medi",'Times New Roman',Georgia,serif;
  letter-spacing:0.1px;
  font-size:14px;
}

input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover {
  cursor:pointer;
  background-color:#34424b;
}

div#pied-de-page {
  width:740px;
  /*visibility: hidden;*/
}

div#pied-de-page div.yves {
  width:200px;
  height:240px;
  float:left;
  margin-left:70px;
  background:bottom no-repeat;
  background-size:100% auto;
}

div#pied-de-page div.yves:first-child {
  margin-left:0;
}

@media screen and (max-width: 736px) {
  div#fixedInfos{display:none;}
  div#fixedMenu {padding-left:40px;}
  div.pageBox {
    margin-left:40px;
  }
}

@media screen and (max-width: 496px) {
  div#fixedInfos{display:none;}
  div#fixedMenu {padding-left:40px;}
  div.pageBox {
    margin-left:40px;
  }
}