/*!
The darkside immersion Tour 2017 CSS3
 */


body {
	 font-family: 'Eczar', serif;
	 font-style: normal;
	 font-weight: 400;
	background: url('../img/bg.jpg') no-repeat center center fixed;
	background-color: #101010;
	color:#E5E5E5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;

	
}
h1 {
	 font-family: 'Cinzel Decorative', cursive;
	 margin: 0 0 35px;
    text-transform:uppercase;
	 font-size: 40px;
	 font-weight: 600;
	 line-height: 73px;
}	

h2,
h3,
h4,
h5,
h6 {
    text-transform:uppercase;
	font-family: 'Eczar', serif;
	font-weight: 700;
    letter-spacing: 1px;
}
.brand{

	font-family: 'Carrois Gothic SC', sans-serif;
     font-weight: 400;
    letter-spacing: 1px;
}

p {
	margin: 0 0 25px;
    font-size: 1.25em;
	line-height: 1.5;
	font-weight: bolder;
	font-family: 'Merriweather', serif;
	}

hr {
    max-width: 400px;
    border-color: #999999;
}

.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 3em;
font-family: 'Eczar', serif;
	color:#CECECE;

}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,0.1);
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #fff;
    background: rgba(255,255,255,0.1);
}

footer p {
    margin: 0;
    padding: 50px 0;
}

@media screen and (min-width:768px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
		font-family: 'Eczar', serif;
		font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.1);
    }

    .nav>li>a {
        padding: 35px;
    }

    .navbar-nav>li>a {
        line-height: normal;

    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;

    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

/* bouton scroll */
a#cRetour{
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#000;
  background:rgb(204, 204, 204);
  position:fixed;
  right:20px;
  opacity:1;
  z-index:99999;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
	}
	
a#cRetour:before{
	content: "\25b2";
	color: #000;
	}
	
a#cRetour:hover{
  background:rgb(102, 102, 102);
  transition:all ease-in 0.2s;
	}
	
a#cRetour.cInvisible{
  bottom:-35px;
  opacity:0;
  transition:all ease-in 0.5s;
	}

a#cRetour.cVisible{
  bottom:20px;
  opacity:1;
	}



.space{
	margin-left:10px;
	}
	
#page-top .remonter {
	color: #000;
	}
.top {
	color: #000;
}
.remonter {
	color: #000;
}

.espace{
	height:40px;
	}
	
.espaceB{
	height:20px;
	}
	
.navbar.navbar-default.navbar-fixed-top .container #bs-example-navbar-collapse-1 .nav.navbar-nav li a:hover {
	color: #00F; 
}

audio {
    width: 100%;
    height: auto;
}

video {
    width: 100%;
    height: auto;
	border:solid #000 2px;
}

.container .row .box .col-lg-12 .text-center ul li {
	display: inline;
	list-style-type: none;
}
/*.container .row .box .col-lg-12 .text-center ul li .fb-like {
	margin-top: -20px;
	padding:20px;
}*/

.design{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	/*--webkit-box-shadow:0 3px 4px #aaa;
	-moz-box-shadow::0 3px 4px #aaa;
	box-shadow::0 3px 4px #aaa;*/
	}
	
.design2{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	/*-webkit-box-shadow:0 4px 5px #aaa;
	-moz-box-shadow::0 4px 5px #aaa;
	box-shadow::0 4px 5px #aaa;*/
	}
	.design3{
	/*-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 4px 5px #aaa;
	-moz-box-shadow::0 4px 5px #aaa;
	box-shadow::0 4px 5px #aaa;
	  opacity:0.5;*/
	}
	
	.design4{
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*cercle*/
	}
	

	ul.pagination li.active a{
		background-color:#010101;
		border-color:#010101;
		color:#FFF;
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*cercle*/
		}
		
		ul.pagination li.active a:hover{
		background-color: #7F7F7F;
				border-color:#292929;
						color:#FFF;
						-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*cercle*/
		}
		
	ul.pagination li a{
		background-color: #BDBDBD;
				border-color:#292929;
						color:#000;
						-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*cercle*/
		}
		
		
	ul.pagination li a:hover{
		background-color: #7F7F7F;
				border-color:#292929;
						color:#FFF;
						-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*cercle*/
		}	
		
.BioDesign{
	background-color:#161616;
	color:#E8E8E8;
	padding:5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
.covBlack{
	background-color:#000;
	border:solid #2C2C2C 2px;
	}

.covBlack2{
	border:solid #000 2px;
	}
	
covBlack3{
	border:solid #2D2D2D 2px;
	}
	
.VidExp{
	background-color:#000;
	border:solid #181818 2px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
	
	.artitext{
	background-color:#161616;
	padding:5px;
	}
	
.titre{
	background-image:url(../img/titre.png);
	background-repeat:repeat-x;
	background-position:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
	.titre2{
	background-image:url(../img/titre2.png);
	background-repeat:repeat-x;
	background-position:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
	.groupe{
	background-image:url(../img/titre.png);
	background-repeat:repeat;
	background-position:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
	.groupe2{
	background-image:url(../img/titre2.png);
	background-repeat: repeat;
	background-position:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
	.groupe3{
	background-image:url(../img/photIntro.png); 
	background-repeat:repeat;
	background-position:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
	.bloc{
	background-image:url(../img/bloc.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	
	.bloc2{
	background-image:url(../img/bloc2.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0px auto;
	}

.conform{
/*	font-size:16px;
*/	font-style:italic;
}