﻿#main {
	display : block;
	width : 960px;
	height : 615px;
	margin : 0 auto;
	position : relative;
		background: #fff; 
}

html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color : #FFF;
	font-family: Muli-Light, Helvetica, Arial;
	font-size:13px;
	/*letter-spacing: 0.1em;*/
	color:#333;
}

#wrapper {
	margin: 0 auto;
	padding : 0;
	text-align: left;
	width: 100%;
	border : 0 none;
}

#wrapper td {
	padding : 0;
	margin : 0;
	vertical-align: middle;
}






* { margin: 0; padding: 0; }
a.current, a:hover { color: #000;}

a { outline: 0; color: #666; text-decoration: none; }
li { list-style: none; }
li a { display: block; }

img { outline: 0; border: 0;}

a img:hover {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	  filter: alpha(opacity=50);
	  -moz-opacity: 0.5;
	  -khtml-opacity: 0.5;
	  opacity: 0.5;
}

i{
/*	font-family: Muli-LightItalic;
	color:#f00;*/
}


p { line-height: 1.4em; 

}

p.titrepano {
		line-height: 1.6em;
		margin-bottom:10px;
	}


h1 {
	font-family: Muli-Regular, Helvetica, Arial;
	font-size:16px;
	color:#666;
	margin-bottom:12px;
}



h2 {
	font-family: Muli-Regular, Helvetica, Arial;
	color: #666;
	font-size:13px;
}




h3 {
	float:left;
	margin: 0 4px 0 0	;
}


h4 {
	color: #666;
	margin: 0 0 4px;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}





.content {
/*	background: #0f0;
	padding: 10px 20px 20px 20px;
	margin: 20px 0 0 0;*/

}

#header{
/*	float: left;
	background: #ace; */
/*	width: 180px;*/
	height: 22px;
/*	padding: 10px 20px 0 0;	*/
	text-align:right;
/*	border-right-style:solid;
	border-width:0px 1px;
	border-color:#000;*/
}

#footer {
position:relative;
bottom:0;
}

#footer h1{
	text-align:center;
	font-size:36px;
	letter-spacing:1.6em;
	margin-right:-80px;
	margin-left:-40px;
	margin-top:-5px;
	color:#ccc;
}


		
#menu { 
	background: #622; 
	text-align:center;
 }

	
#menu li a{
	letter-spacing:0.1em;
		display:block;
	float:left;
	font-size:18px;
	padding:0 9px 3px 10px;
		background-color:#FFF;
/*	line-height: 1.7em;*/
 }

#menu li a:hover, #menu li a.current { 
	color:#fff;
	background-color:#666;
 }

#menu li.contact{
	display:block;
	float:right;

/*	line-height: 1.7em;*/
 }

#menu li.david{
	display:block;
	float:right;
	margin-right:50px;

/*	line-height: 1.7em;*/
 }

#menu li.david a{
		color:#000;
/*	line-height: 1.7em;*/
 }

#menu li.david a:hover, #menu li.david a.current { 
	color:#fff;
	background-color:#666;
 }




#page {
	height: 545px;
	margin:5px;
}

#page_fade {
/*	display:none;*/
	height: 545px;
	margin:5px;
}



/***************
*
Slider dimensions
*
 ****************/
.rsNav {
/*    position: absolute;
    bottom: auto;
    top: 0px;*/
/*	background-color:#fff;*/
}

.royalSlider {
/*		margin: 0;
  	width: 950px;
  	height: 520px;
	background-color : #fed;*/
}



#page .royalSlider {
		margin: 0;
  	width: 950px;
  	height: 520px;
	/*background-color : #f8f;*/
}






.colonne_slider .royalSlider {
		margin: 0;
  	width: 750px;
  	height: 500px;
/*	background-color : #fff;*/
}




#photo{
	float:left;
	width: 405px;

}

#photo img{
		float:left;
	position:absolute;
	bottom:60px;
	left:10px;
}
#photo p{
	position:absolute;
	bottom:60px;
	left:180px;
}


#expo{
	margin-left:205px;	
}



.auteurs {
	text-align:right;
	
}

.colonne {
	float:left;
	width: 355px;
	padding-left:17px;
	margin-top:25px;

}

.colonne_bio {
	float:left;
	width: 720px;
	margin-top:25px;
	margin-left:215px;
}

.colonne_bio_dm {
	float:left;
	width: 720px;
	margin-top:25px;
	margin-left:120px;
	margin-right:95px;
	
}




.colonne_bio img, .colonne_bio_dm img{
	float:right;
	padding:10px;
	margin-right:-370px;
}

.colonne_bio p, .colonne_bio_dm p{
	width:350px;
	margin-right:370px;

}


.texte_scroll{
	overflow:auto;
padding-right:15px;

	float:left;
	height: 470px;
}

.texte_scroll h2{
margin-top:15px;
}


.colonne_slider {
/*	background-color:#ff6;*/
	float:left;
	width: 737px;
	margin-left:205px;
	margin-top:25px;
}

.texte_scroll_slider{
	/*	float:left;*/
position:absolute;
bottom:0;
left:0px;	
	overflow:auto;
	padding-left:170px;
	padding-right:20px;

	height: 470px;
	width: 400px;
	/*background-color:#ff6;*/
}

.texte_scroll_slider img{

padding-top:20px;
padding-bottom:5px;


}



.vue_slider h1{
	float:left;
	padding-top:6px;
	line-height:7px;
	
}
.vue_slider h3{
	font-family: Muli-LightItalic;
font-size:15px;
	padding-top:6px;
line-height:7px;
	margin-left:5px;
	padding-bottom:10px;
}


.vue_slider_david h1{
	float:left;
	padding-top:26px;
	line-height:7px;
	
}

.vue_slider_david h3{
	font-family: Muli-LightItalic;
font-size:15px;
	padding-top:26px;
line-height:7px;
	margin-left:5px;
	padding-bottom:0px;
}

.texte_scroll_slider_david {
	position:absolute;
	bottom:0;
	overflow:auto;
	padding-left:280px;
	padding-right:20px;
		height: 470px;
		width: 400px;
		/*background-color:#ff6;*/
	
}

.texte_scroll_slider_poeme{
	position:absolute;
	bottom:0;
	overflow:auto;
	padding-left:230px;
	padding-right:5px;
		height: 470px;
		width: 520px;
		/*background-color:#ff6;*/
	
}





/*page accueil*/

.actu{
padding:50px 40px 0 40px;
/*height:480px;*/
}

.actu p{
font-size:16px;
}

.actu a { outline: 0; 
	/*background-color: #900;*/
	 color:#900 ; padding:0 5px; text-decoration: none; font-family: Muli-Regular;}

.actu a:hover { color: #000; 	  font-family: Muli-Regular;}

.actu h1{
font-size:26px;
}


.colonne1new{
float:left;

height:490px;
text-align: right;
}

.colonne2new{
float:left;
padding-left:10px;
width:435px;
height:490px;
}





/*page sculptures*/

.liste_galerie{
	float:left;
	
/*background-color:#987;*/	
padding-top:80px;
padding-left:40px;
height:160px;
	width:150px;
}




.liste_galerie p{
/*height:150px;*/
font-weight:bold;

color:#333;
}


.liste_galerie h2{
	float:left;
/*	text-align:center;*/
/*height:150px;
text-align:center;*/
/*width:120px;*/	

}






/*page video*/

.video{
margin-top:50px;
text-align:center;

}

.video h1{
	margin-top:5px;

	margin-bottom:-5px;
}

/*page david*/

#david{
margin:20px 0 0 150px;

/*text-align:center;*/
}

#david_publication{
margin-top:20px;
/*text-align:center;*/
}

#david_publication .texte_scroll{
margin-left:75px;
/*background-color:#fed;*/
width:350px;
float:left;
}

#david .texte_scroll{
margin-left:75px;
/*background-color:#fed;*/
width:350px;
float:left;
}

.liste_galerie_david{
	float:left;
	margin:30px 10px 0 50px;
/*	background-color:#fed;*/
	
}




.poeme{
	margin:70px 80px 0 0;
	float:right;
	line-height:19px;
	
}



/*page contact*/
#contact{
	padding-top:90px;
	margin-left:110px;
}

#contact p{
	line-height:20px;
	padding-bottom:5px;
}


#contact label{
	font-size:13px;
	float : left;	
	width:400px;
	text-align:right;
	padding-right:5px;
}

	
.infull {
	width :300px;
}
	
#contact input, textarea {
	font-size:14px;
	color:#000;
}


#message_form{
		width :300px;
		padding-left:405px;
		padding-bottom:10px;
}
#message_form_ok{
		overflow:auto;
		width :300px;
		height:400px;
		padding-left:405px;
		padding-bottom:10px;
		padding-right:10px;
		
}






.cellule_site{
	padding-top: 40px;
}

#liste_site {
	display : block;
	overflow : auto;
	height : 605px;
	width : 610px;
	padding: 10px 10px 0px  10px;
}

#liste_site img {
	float:left;
	margin:0 0px 0px 0;
	background-color: #333;
}

#liste_site a{
	height:144px;
	margin-right:10px;
	float:left;
}





/*page about*/
#about{
padding-top:20px;
}

#about h2{
	float:left;
	width:250px;
	text-align:right;
	padding-right:10px;
	color:#336699;
}

#about p {
	padding-left:260px;
	
}



#liens{
	padding-top:20px;

}

#liens h2{
	float:left;
	margin: 2px 4px 0 0	;
	width:270px;
	text-align:right;
	font-size: 1em;
	/*line-height:1.5em;*/
}



#liens p{
	padding-left:275px;
}


/* page photos*/

#photos_g	 {
	float:left;
	width:290px;
	height: 625px;
/*	padding: 0px 20px 10px  10px;*/
	font-size : 1em;
}

#photos_d {
	float:left;
	width:290px;
	height: 625px;
/*	padding: 0px 20px 10px  10px;*/
	font-size : 1em;
}
	

#photos_g a, #photos_d a{
	margin:0px;
	width:80px;
	
}

#photos_g a img, #photos_d a img{
	float:left;
	margin:0px 10px 11px 10px;
	height: 80px;
}



#photos_g p, #photos_d p{
	/*	height: 80px;*/
	width:100px;
	float:left;

		margin:0;
}


/*

	.case img { float: left; clear: left; margin: 0 20px 20px 0; background: #121212; padding: 3px; }
	.short { padding: 0 0 15px 0; background: url(../images/line.gif) repeat-x left bottom; }
	.case a, .article a { color: #ddd; font-weight: bold; }
	.date { font-size: .84em; margin: 0 0 3px; }
#footer { clear: both; background: url(../images/line.gif) repeat-x; padding: 20px 20px 10px; font-size: .9em; }
	#footer a { color: #ccc; margin: 0 10px 0 0; border-bottom: 1px dotted #444; padding: 0 0 1px; }
	#links { float: right; }
		#links a { margin: 0 0 0 10px; }
	#footer p { margin: 0 0 8px; }
*/

/****************************************************************/

	::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 8px;
	}

	::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(130,130,130,.5);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}

	::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	    border-radius: 4px;
	}

/****************************************************************/
	/* Fontes */


	@font-face {
	  font-family: Muli-Regular;
	  src: url("muli/Muli-Regular.ttf");
	}

	@font-face {
	  font-family: Muli-Italic;
	  src: url("muli/Muli-Italic.ttf");
	}

	@font-face {
	  font-family: Muli-Light;
	  src: url("muli/Muli-Light.ttf");
	}

	@font-face {
	  font-family: Muli-LightItalic;
	  src: url("muli/Muli-LightItalic.ttf");
	}



/****************************************************************/

