@charset "utf-8";


.global-body{
	min-width: 800px;
}

.mega-container{
	height: 100%; 
	width: 100%;
	border-color:red;
}

#generalContainer
{
	/*border: 1px solid green;*/
	width: 990px;
	margin: 0px auto -1px auto; 
	margin-top: 40px;
	text-align: left;
}

.left-menu{
	height: 100%;
	/*display: inline-block;*/
	margin-left: 10px;
	padding-top: 100px;
	width: 150px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size:20px;
	line-height: 50px;
	float: left;
}

#home-container {
	width: 100%;
	margin-top: 40px;
	border-color:blue;
	display: inline-block;
	position: absolute;
    top: 0;
}

#home-img-container{
	height: 100%;
	display: inline-block;
}
#home-image{
	height: 100%;
	margin: 5px, 5px, 5px, 5px;
}

#home-txt-container{
	height: 100%;
	width: 600px;
	display: inline-block;
    position: absolute;
    top: 0;
}

#home-title{
	height: 100px;
	width: 100%;
	margin-top: 100px;
	
	font-family: "Times New Roman", Times, serif;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	
	display: inline-block;
	position: absolute;
    bottom: 300px;
}

#home-txt{
	width: 600px;
	padding-top: 110px;
	padding-left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
	position: absolute;
    bottom: 0;
}

/*------------------------------------------------------------------------
			Galerie style  
--------------------------------------------------------------------------
*/
.galerie-txt{
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
}

.sculpture-info-name{
	font-size: 20px;
}

.sculpture-info{
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
		
    display: block;
    float: left;  
    z-index: 3;
    position: absolute; /*newly added*/

	min-width: 250px;
	max-width: 400px;
	min-height: 50px;
    left: 10px;
    bottom: 40px;
	
	
	background-image: url("../images/semi-transparent-pixel.png");
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 15px;
	color: white;
}

.galerie-dot{
	width:25px;
	margin-top: 5px;
	margin-left: 5px;
}

#galerie-container{
	height: 100%;
	width: 800px;
	margin-top: 40px;
	display: inline-block;
	position: absolute;
	/*border-color:red;*/
}


.galerie-image-container{
	height: 100%;
	display: inline-block;	
	position: absolute;
	/*border-color:blue;*/
}

.galerie-image {
	background-size: 100% auto;
	height : 100%;
	width : 100%;
	/*border-style : solid;
	border-width: 5px 0px 0px 5px;*/
	background-repeat: no-repeat;
	color: #000000;
	/*border-color:pink;*/
	
}

#galerie-rigth-menu{
	height: 100%;
	width: 200px;
    margin-top: 40px;
	margin-left: 800px;	/*control with JS*/
	padding-left: 30px;
	display: inline-block;
	position: absolute;
	
	font-family: "Times New Roman", Times, serif;
	line-height: 25px;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	/*float: right;*/
}

/*------------------------------------------------------------------------
			Exposition style  
--------------------------------------------------------------------------
*/

.ExpositionCorps{

	margin-left:200px;
	width:600px;
	
	font-family: "Times New Roman", Times, serif;
	color: #f58519;
}

.exposition_body {
	margin-left:200px;
	width: 600px;
	height: 100%;
	display: inline-block;
	position: absolute;
	font-family: "Times New Roman", Times, serif;
	color: #f58519;
}

.exposition_table_container{
	width: 600px;
}

.exposition_table {
    border-collapse: collapse;
}


.left_locumn{
	padding-left: 10px;
}


.ExpositionText{
	font-size: 18px;
	line-height: 30px;
	vertical-align: top;
}

.ExpositionTitle{
	text-align:center;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	
	padding-top: 20px;
	padding-bottom: 20px;
}

.TableColour1{
	background-color:#111111;
}

.TableColour2{
	background-color:#222222;
}


.TableColour3{
	background-color:#333333;
}


/*------------------------------------------------------------------------
			Actualité  
--------------------------------------------------------------------------
*/

.ActualiteCorps{
	background-color:#222222;
	margin-left: 200px;
	margin-bottom: 50px;
	padding:20px;
	width:600px;
}

.ActualiteTitle{
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 50px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	
}

.ActualiteText{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	width: 600px;
	margin-bottom: 20px;
}

.ActualiteIlustration{
	width: 500px;
	margin-top:20px;
	text-align: center;
	/*padding-left:150px;*/
}

/*------------------------------------------------------------------------
				Presse style  
--------------------------------------------------------------------------
*/

.presse-body {
	width:950px;
	margin-left: 220px;
}

.presse-text{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	margin-top: 20px;
}

.presse-article{
	margin-top: 50px;
	margin-bottom: 50px;
	width:950px;
	/*margin-left: 70px;*/
	display: inline-block;
}

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

gazette-img{
	margin-left: 30px;
	margin-right: 20px;
	float: right;
}

#gazette-txt{
	width: 480px;
	text-align: justify;
}

.signature{
	font-size: 16px;
}


/*------------------------------------------------------------------------
				Biographie style
--------------------------------------------------------------------------
*/

.biographie-title{
	font-size: 50px;
	margin-bottom: 100px;
	text-align: center;
}

.biographie-body {
	width:950px;
	margin-left: 220px;
}

.biographie-text{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	margin-top: 20px;
}

.biographie-article{
	margin-top: 50px;
	margin-bottom: 50px;
	width:950px;
	/*margin-left: 70px;*/
	display: inline-block;
}

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


/*------------------------------------------------------------------------
				Contacte style  
--------------------------------------------------------------------------
*/
.contact-body {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	
	margin-left: 150px;
	margin-top: 100px;
	width:450px;
	float: left;
}

.row {
	margin-bottom: 10px;
}
#submit_button:hover {color:#FFFFFF;} 	/* Over link      */
#submit_button {
	font-family: "Times New Roman", Times, serif;
	background-color:black;
	color:#f58519;
	font-size: 20px;
	float: right;
	
	border:2px solid #f58519;
	padding:3px;
}