@charset "utf-8";
/* CSS Document */

html, body {
  	height: 100%;
}

*, html, body {
	margin:0 auto;
	padding:0;
}

body {
	background-color: black;
	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c9c9c9;
	line-height: 20px;
}

a, a:hover {text-decoration:none;}
li {list-style:none;}
img {border:0;}

p {
	font-family:'Roboto Slab', Arial, Helvetica, sans-serif;
	text-align:justify; 
	font-size:14px;
	color:#c9c9c9;
}

/* Arrabesk */

#arrabesk {
	position:absolute;
	top:63px;
	width:100%;
	height:122px;
	background:url(../images/bg-arrabesk.png) top center no-repeat;
	z-index:-1;
}

/* End Arrabesk */

/* Fullscreen */

#welcome {
  	position: relative;
}

#welcome .container {
	position: relative; 
	margin: 0 auto; 
	padding: 0;
	width:100%;
  	height: 100%;
  	z-index: 600;
}

#welcome .slider-container {
	position:relative;
	width:100%;
}

#welcome .description {
	position: relative;
	width:100%;
	height:100%;
	top:0;
}

/* Supersized */

#supersized {  
	display:block; 
	position:fixed; 
	left:0; 
	top:0; 
	overflow:hidden; 
	z-index:-999; 
	height:100%; 
	width:100%; 
}

#supersized-loader { 
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:0; 
	width:60px; 
	height:60px; 
	margin:-30px 0 0 -30px; 
	text-indent:-999em; 
	background:url(../img/supersized/progress.gif) no-repeat center center;
}
	
#supersized img { 
	width:auto; 
	height:auto; 
	position:relative; 
	display:none; 
	outline:none; 
	border:none; 
}

#supersized.speed img { 
	-ms-interpolation-mode:nearest-neighbor; 
	image-rendering:-moz-crisp-edges; 
}	

#supersized.quality img { 
	-ms-interpolation-mode:bicubic; 
	image-rendering: optimizeQuality; 
}			

#supersized li { 
	display:block; 
	list-style:none; 
	z-index:-30; 
	position:fixed; 
	overflow:hidden; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:#000; 
}

#supersized a { 
	width:100%; 
	height:100%; 
	display:block; 
}

#supersized li.prevslide { 
	z-index:-20; 
}
	
#supersized li.activeslide { 
	z-index:-10; 
}

#supersized li.image-loading { 
	background:#000 url(../fullscreen/img/progress.gif) no-repeat center center; 
	width:100%; 
	height:100%; 
}

#supersized li.image-loading img { 
	visibility:hidden; 
}

#supersized li.prevslide img, #supersized li.activeslide img { 
	display:inline; 
}

#prevslide, #nextslide { 
	position:absolute; 
	height:83px; 
	width:48px;
	top:50%; 
	bottom:0;
	opacity:0;
	margin-top:-25px;
}

#prevslide.inter, #nextslide.inter { 
	top:200px; 
	opacity:0;
	margin:0;
}

#prevslide { 
	left:60px; 
	background:url(../fullscreen/img/back.png); 
}

#nextslide { 
	right:60px; 
	background:url(../fullscreen/img/forward.png); 
}

#prevslide:hover, #nextslide:hover { 
	cursor:pointer;
}

/* End Supersized */

/* End Fullscreen */

/* Header */

header {
  	position:absolute;
  	top:0px;
  	width: 100%;
	height:59px;
	line-height:59px;
	background:#000 url(../images/bg-header.png) top center no-repeat;
	border-top:4px solid #9a5808;
	border-bottom:1px solid #9a5808;
	z-index:1000;
}

/* End Header */

/* Content */

#content {
	width:100%;
	height:auto;
	min-height:480px;
	margin-top:94px;
	margin-bottom:40px;
}

/* Breadcrumb */

#content .breadcrumb {
	margin-bottom:50px;
}

#content .breadcrumb span,
#content .breadcrumb a {
	font-size:12px;
	color:#f0f0f0;
}

#content .breadcrumb a,
#content ul.thumbnails .caption span > a {
	-webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

#content .breadcrumb a:hover,
#content .breadcrumb a.active {
	color: #9a5808;
	text-decoration: none;
}

#content .breadcrumb b {
	margin:0 8px;
}

/* End Breadcrumb */

/* Title */

#content .title {
	margin:20px 0;
}
	
#content h1 {
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size:43px;
	line-height:43px;
	color:#f0f0f0;
	margin:0;
}

#content h2 {
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:26px;
	color:#9a5808;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin:0;
}

/* End Title */

#content p.column {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	    -ms-column-count: 2;
	     -o-column-count: 2;
	        column-count: 2;
	
	-webkit-column-gap: 30px;
	   -moz-column-gap: 30px;
	    -ms-column-gap: 30px;
	     -o-column-gap: 30px;
	        column-gap: 30px;
}




#content p > b.citation {
	display:block;
	font-family:'Roboto Slab', Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:35px;
	color:#9a5808;
	font-weight:normal;
	margin-top:30px;
}

#content p > b.citation > span {
	font-size:33px;
}

#content p > a {
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#db9151;
	font-weight:bold;
	margin-top:20px;
	text-decoration:underline;
}

/* Planning */

#content .planning {
	height:auto;
	margin-bottom:20px;
}

#content .planning .titre {
	height:auto;
	padding:3px 10px;
	margin-bottom:5px;
	background-color:#D38B4D;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

#content .planning .titre h4 {
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:25px;
	color:#000;
	margin:0;
}

#content .planning .titre span {
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000;
	font-weight:bold;
}

#content .planning .titre a {
	display:block;
	height:45px;
	line-height:45px;
}

#content .planning .titre a > img.pdf,
#content .planning .titre a > span {
	display:inline-block;
	vertical-align:top;
}

#content .planning .titre a img.pdf {
	margin:9.5px 7px;
}

#content .planning .titre a > span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:15px;
	color:#060501;
	font-weight:bold;
	margin-top:7.5px;
}

#content .planning .Ptable .row-fluid {
	height:35px;
	line-height:35px;
	padding:0 10px;
	margin-bottom:2px;
	background-color:rgba(211,139,77,.1);
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fdfaf6;
	font-weight:bold;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

#content .planning .Ptable .row-fluid:nth-child(odd) {
	background-color:rgba(211,139,77,.2);
}

#content .planning p {
	font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fefefe;
}

#content .planning .price {
	font-size:27px;
}

#content .planning span.text {
	display: block;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #fdfaf6;
	margin-top: 20px;
	margin-bottom: 50px;
	line-height: 24px;
}

/* End Planning */

/* Thumbnails */

#content ul.thumbnails li:nth-child(3n+1) {
	margin-left:0;
}

#content ul.thumbnails li img {
	width:100%;
	border:1px solid #4C331C;
}

#content ul.thumbnails li img:hover {
	filter: url(filters.svg#brightness); 
	-webkit-filter: brightness(0.5); 
	   -moz-filter: brightness(0.5); 
	    -ms-filter: brightness(0.5); 
	     -o-filter: brightness(0.5); 
	        filter: brightness(0.5); 
}

#content ul.thumbnails .caption {
	margin-top:10px;
}

#content ul.thumbnails .caption h5 {
	font-family:'Roboto Slab', Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#db9151;
	text-transform:uppercase;
}

#content ul.thumbnails .caption span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f0f0f0;
}

/* End Thumbnails */

/* Form */

#content .form-horizontal {
	margin-top:40px;
}

#content .form-horizontal .control-label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f0f0f0;
}

#content .form-horizontal input[type=submit] {
	height:43px;
	line-height:43px;
	padding:0 20px;
}

/* End Form */

/* End Content */

/* Footer */

footer {
  	position: relative;
  	bottom:0;
  	width: 100%;
	height:auto;
	border-top:1px solid rgba(90,49,14,.6);
	padding-top:1px;
  	z-index: 1000;
}

#footer {
  	width: 100%;
	height:auto;
	padding:15px 0;
	background-color:#9a5808;
}

#footer .container {
	position:relative;
}

#bottom {
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 100px;
	height: 167px;
	background: url(../images/bottom.png) top center no-repeat;
}

footer ul.inline {
	margin:0;
	height:20px;
	line-height:20px;
}

footer a
{
	-webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

footer span, 
footer a {
	font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-transform:uppercase;
}

footer a:hover {
	color:#000;
	text-decoration:none;
}

footer span > b {
	padding:0 5px;
}

/* End Footer */