/**FONT**/
@font-face {
	font-family: futura-book; 
	src: url(http://www.bernard-larquet.fr/css/fonts/futura/296681-webfont.eot?#iefix) format(embedded-opentype), 
	url(http://www.bernard-larquet.fr/css/fonts/futura/296681-webfont.woff) format(woff), 
	url(http://www.bernard-larquet.fr/css/fonts/futura/296681-webfont.ttf) format(truetype), 
	url(http://www.bernard-larquet.fr/css/fonts/futura/296681-webfont.svg#futura_book-normalregular) format(svg); 
	font-weight: normal; 
	font-style: normal;
}
/**ALL**/
body {
	background-attachment: fixed; 
	background-image: url(../img/forest.png); 
	background-repeat: no-repeat; 
	background-size: cover; 
	font-family: Arial, sans-serif; 
	font-size: 100%; 
	margin: 0px; padding: 0px; 
}

.clear, table,tr, td{
	margin: 0px; padding: 0px; 
} 

.wrap { 
	margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px;
	width: 960px;
} 

/**ACCUEIL**/
.home {display: inline-block; height: 771px; margin: 0px; padding: 0px; width: 100%;} 
.home h1 { color: rgb(255, 255, 255); font-size: 38px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 285px; text-align: center; font-family: "Open Sans", sans-serif;} 
.home .citation {background-image: url(http://www.bernard-larquet.fr//img/traits.png); background-repeat: no-repeat; display: block; height: 25px; margin: 0px; padding: 0px; width: 960px;}
.home .citation .citation_auteur{font-size: 20px; letter-spacing: 0.5px;} 
.home p { font-family: 'Sorts Mill Goudy', serif; font-size: 22px; margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255);}
.home a { color: rgb(255, 255, 255); font-size: 22px;}
.home .a { margin-left: 194px;} 
.home .b { margin-left: 20px; } 

/**HISTOIRE**/
.about { background-color: #DEDEDE; display: inline-block; min-height: 771px; margin: 0px; padding: 0px; width: 100%;} 
.about h2 { text-transform: uppercase; color: #7E7E7E; font-size: 30px; margin-top: 60px; margin-bottom: 50px;  text-align: center;}

.about .text{display: block; background-color: #FFFFFF; width: 960px; height: auto; margin: 0px 0px 60px 0px; padding: 0;}
.about .text .img_about{margin: 0; padding: 0; display: block;}

.titre{display: inline-block; float: left; height: 150px; width: 360px; margin-top: 30px;}
.titre h5{font-size: 36px; color: #444444; margin: 0px 0px 0px 25px; padding: 0;}

.paragraphe{display: inline-block; float: left; height: 150px; width: 600px; margin-top: 30px;}
.tx{color: #999999; font-size: 14px; line-height: 1.6; margin: 0px 25px 0px 0px;}

.bas{display: inline-block; height: 80px; width: 100%;}
.hr_about{clear: both; border: none; border-top: 1px solid #999999; width: 910px; margin: 0 auto;}
.citation{text-align: center; margin: 25px 0px 0px 0px; color: #444444;} 

/**CREATIONS**/
.creation {display: inline-block; background-color: #F9F9F9; margin-bottom: -3px; min-height: 771px; height: auto; padding-bottom: 80px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 100%; } 
.creation h2 {text-transform: uppercase; color: #7E7E7E; font-size: 30px; margin-top: 60px; margin-bottom: 50px; text-align: center;}


hr { border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: solid; border-top-width: 2px; margin-bottom: 20px; margin-top: 20px; width: 75px; } 
.menu { display: block; height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 70px; padding: 0px; width: 960px; } 
.fleche { display: block; margin-bottom: 0px; margin-left: 388px; margin-right: 0px; margin-top: 110px; padding: 0px; } 
li { border-color: rgb(255, 255, 255); border-style: solid; border-width: 2px; float: left; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; } 

ul { list-style-type: none; margin: 0px; padding: 0px;}
a { text-decoration: none; } 

/* Player */

#player{width:650px;margin:auto; font:15px "Segoe UI";}

table{border-collapse:collapse;}
tr.tr1{height:28px; margin:0; padding: 0;}
.mozilla{padding-top:1px;}

.player{background:url(../img/player.png); cursor: pointer;}
.play{width:70px;height:70px;}
.play:hover{background-position:0 -70px;}
.cursor{background-position:-70px -30px;width:10px;height:10px;float:right;margin:-2px -5px 0 0;}
.volumeLow{background-position:-70px 0;width:7px;height:12px;margin-left:15px;}
.volumeUp{background-position:-70px -12px;width:18px;height:18px;margin-right:15px;}
.repeat{background-position:-70px -40px;width:18px;height:18px;}
.repeat-in{background-position:-70px -58px;width:18px;height:18px;}

.title{padding:15px 0 0 15px;}
.currentTime{padding-left:15px;}
.bar{background:#2e2e33;width:300px;height:6px;margin:3px 10px 0 10px;}
.progress{background:#959595;width:0%;height:6px;}
.bar2{background:#2e2e33;width:60px;height:6px;margin:0 10px 0 10px;}
.progress2{background:#959595;width:50%;height:6px;}


.play-img { background-image: url(../img/play.png); background-repeat: no-repeat; cursor: pointer; height: 40px; margin-left: 20px; width: 40px; } 

.categ{display: block; width: 100%; height: auto;}
.categ p {text-align: center; font-size: 20px; font-family: "Open Sans", sans-serif;}
.categ p .nom_categ{color: #959595;}
.categ p .nom_categ:hover{color: #373737;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;}

.table_musique{margin-left: 180px;}
thead{border-bottom:  1px solid #000000;}
.td_play{width: 90px; padding-bottom: 5px;}
.td_titre{width: 220px; padding-bottom: 5px;}
.td_artiste{width: 200px; padding-bottom: 5px;}
.td_duree{width: 90px; padding-bottom: 5px;}

.td_musique{border-bottom: 1px solid #000000;}

/**CONTACT**/
.contact {background-color: #DEDEDE; display: inline-block; min-height: 771px; margin: 0px; padding: 0px; width: 100%;}
.contact h2 {text-transform: uppercase; color: #7E7E7E; font-size: 30px; margin-top: 60px; margin-bottom: 50px; text-align: center;}


.contact .text{display: block; background-color: #FFFFFF; width: 960px; height: auto; margin: 0px 0px 60px 0px; padding: 0;}
.contact .text .img_about{margin: 0; padding: 0; display: block;}

.contact .titre{display: inline-block; float: left; height: 150px; width: 360px; margin-top: 30px;}
.contact .titre h5{font-size: 36px; color: #444444; margin: 0px 0px 0px 25px; padding: 0;}

.contact .paragraphe{display: inline-block; float: left; min-height: 150px; height: auto; width: 600px; margin-top: 30px;}
.contact .tx2{color: #373737; font-size: 16px; line-height: 1.6; margin: 0px 25px 0px 0px;}
		 .tx2 > p > a{color:#999999;}
		 .tx2 > p > a:hover{color:#373737;}

.contact .bas{display: inline-block; height: 0px; width: 100%;}

input, textarea{display: block; width: 96%; 	
	webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border: 1px solid #959595;
	color: #959595;
	padding-left: 20px;
}

input{height: 35px; font-family: "Open Sans", sans-serif; font-size: 14px;}
textarea{height: 130px; padding: 10px 20px; font-family: "Open Sans", sans-serif; font-size: 14px;}

input[type='submit']{border: none; background-color: #373737; color: #FFF; cursor: pointer; margin-bottom: 25px;}
input[type='submit']:hover{background-color: #676767; 
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;}

/**FOOTER**/
.footer {background-color: #000000; display: inline-block; height: 82px; width: 100%; } 
.footer p { color: #555555; font-family: 'Open Sans', serif; margin: 30px; padding: 0px; text-align: center; } 
.footer p:hover{color: #959595; transition: 0.5s;}