@charset "UTF-8";

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;background-color:#000;}
/* end hide */

body,a{
	font-family: 'Courier New', Courier, modern, monospace;
	font-size: 1em;
	font-weight: lighter;
	color:#777;
	text-decoration:none;
	cursor:default;
}
#ArrierePlan {
	position: absolute;
	width:100%;
	height:100%;
	background:no-repeat center fixed;
	-webkit-background-size: contain; /* pour Chrome et Safari */
	-moz-background-size: contain; /* pour Firefox */
	-o-background-size: contain; /* pour Opera */
	background-size: contain;}

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#content {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 100%;
}
#page-table {
	height: 100%;
	width: 100%;
	border-collapse: collapse;
	}
	
#page-td {
	height: 100%;
	padding: 0;
	vertical-align: middle;
	}

#hautdelapage{
	position: fixed;
	width:90%;
	left:5%;
	right:5%;
}

#basdelapage{
	position: fixed;
	left:5%;
	right:5%;
	height:15px;
	bottom:12px;
}

#barre{
	height:1px;
	width:100%;
	border-top-style:solid;
	border-width:2px;
	border-bottom:medium;
	color: #151515;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}

/* Page Title
------------------------------ */
#title{
	width:400px;
	bottom:0px;
	cursor:default;
}

.titre{
	font-size:0px;
	display:none;
}

.identity{
	position: absolute;
	text-align:right;
	width:auto;
	top:20px;
	right:0px;
}

/* Bas de la page
------------------------------ */
#accordion {
	position:relative;
	width: 850px;
	height: 15px;
	font-weight: normal;
	text-transform: uppercase;
	overflow: hidden;
}

/* accordion header */
#accordion h3, #accordion a {
	float: left;
	padding: 0 20px 0 0;
	position: relative;
	cursor:pointer;
}

#accordion h3:hover, #accordion a:hover {
	color: #FFF;
	cursor:pointer;
}	

#accordion h3.current, #accordion a.current {
	cursor:pointer;
	color:#FFF;
}
	
.spacer {
	float: left;
	padding: 0 20px 0 0;
	}
/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;
}

/* content inside a pane should have fixed width */
#accordion div p {
	width:320px;
	text-transform:none;
	padding: 0 10px 0 0px;
}

.spacerdiv {
	float: left;
	color:#AAA;
	padding: 0px 15px 0 0;
	cursor:default;
	}

#credit {
	position: fixed;
	right:5%;
	bottom:0px;
	width: auto;
	font-size: 1em;
	text-align:right;
}

/* Page Description
------------------------------ */


#Chapitre h3 {
	width:auto;
	height:auto;
	text-align:center;
	overflow:auto;
	letter-spacing:20px;
	font-family: Gill Sans, Verdana;
	color:#FFF;
	font-stretch:condensed;
	font-variant:small-caps;
	padding-top:15%;
	font-size:56px;
	text-align:center;
}

#outerDescription{
height:50%;
width:100%;
display:table;
vertical-align:middle;
}
#contentDescription {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: auto;
}

#TexteDescription {
width: auto;
height: auto;
text-align: justify;
margin-left:auto;
margin-right:auto;
padding-left:5%;
padding-right:5%;
}

#TexteDescription p {
	text-align:justify;
	align:top;
	text-indent:4em;
	font-size:1em;
}

#TexteDescription a {
	position:fixed;
	width:90%;
	bottom:10%;
	display:block;
	text-align:center;
	align:center;
}	

#TexteDescription a:hover {
	color: #FFF;
	cursor:pointer;
}

/* Page Info
------------------------------ */
#video {	
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:640px;
}

#info {width: auto;
height: auto;
text-align: justify;
margin-left:auto;
margin-right:auto;
}

#info p {
	padding-top:2em;
	text-indent:4em;
	width:90%;
    height:100%;
	padding-left: 5%;
	padding-right:5%;
}

#info a:hover {
	color: #FFF;
	cursor:pointer;
}

/* Page Contact
------------------------------ */


#contact {
width: auto;
height: auto;
text-align: center;
margin-left:auto;
margin-right:auto;
line-height: 4em;
}

#contact p {
}

#contact a:hover {
	color: #FFF;
	cursor:pointer;
}



/* 
Matthieu DUBAIL Photography CSS - Galleria
Author URL: http://www.matthieu-dubail.com
Last modified: 11/01/2010*/

#galleria-loader{height:1px!important}
#galleria{
	z-index:5;
	margin: 20px auto;
	width: 100%;
	border-collapse: collapse;
}

.galleria-container {
	overflow: hidden;
}

.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.galleria-stage {
    position: absolute;
	left: 5%;
    right: 5%;
	bottom: 50px;/* taille galleria*/
	top: 50px;
}

.galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #000;
    margin: 0 5px 0 0;
    border: 1px solid #000;;
    float: left;
    cursor: pointer;
}

/*------------------- Image Nav -----------------*/
.galleria-image-nav {
    position: fixed;
	right:5%;
	width:98px;
	height:9px;
	bottom:32px;
}

.galleria-image-nav-left,
.galleria-image-nav-right {
	float:right;
	opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: pointer;
	height:9px;
	width:9px;
}

.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
	cursor:pointer;
}

.galleria-image-nav-left {
	float:left;
    background-image: url(../styles/arrow-left.png);
    background-repeat: no-repeat;
}

.galleria-image-nav-right {
    background-image: url(../styles/arrow-right.png);
    background-repeat: no-repeat;	
}

.galleria-counter {
    position: fixed;
    text-align: right;
    color: #AAA;
    font: 'Courier New', Courier, modern, monospace;
	margin-right:15px;
	bottom:26px;
	right:5%;
}

/*------------------- Loader -----------------*/
.galleria-loader {
    width: 80px;
    height: 80px;
    position: absolute;
	left:45%;
	top:45%;
    display: none;
    background: url(../styles/Hypnotic-Pillar-COPYRIGHT-David-Pope.gif) no-repeat 2px 2px;
}

/*------------------- Infos -----------------*/
.galleria-info {
	position:absolute;
    width: auto;
    z-index: 2;
	margin-left:5%;
	margin-right:5%;
	bottom:26px;
}
.galleria-info-text {
    padding: 0px;
    display: none;
    /* IE7  zoom:1;*/
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
}

.galleria-info-description {
	font-family: 'Courier New', Courier, modern, monospace;
	font-size: 1em;
	font:italic;
    margin: 0px;
    color: #777;
	cursor:default;
}
.galleria-info-description a:hover{
	color:#FFF;
	cursor:pointer;
}

.galleria-info-title+.galleria-info-description {
    margin-top: 0px;
}