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

html, body {
	font-family: Corbel, Calibri, Arial, sans-serif;
	font-size: 14px;
	line-height:16px;
	color: #fcfaf7;
	background-color: #222222;
	margin: 0;
  height:100%;
}
p {
	line-height: 18px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#3d979f;
}
#container {
	min-height:100%;
	margin-bottom: -145px; 
    position: relative;
}
.wrapper {
	width:960px;
	margin:0 auto;
}
#accueil {
	width:900px;
	margin:0 auto;
	font-family: Courier New, Courier, monospace;
	text-align:right;
}
#accueil .logo {	
	margin-top:200px;
	background: url(../images/logo_Agence_Denoncourt.png) no-repeat;
}
#accueil a {
	color:#fcfaf7;
	font-size:14px;
	margin-right:10px;
}
#accueil a:hover {
	color:#3d979f;
	font-size:14px;
}
#header {
	height:110px;
}
#header .logo {
	float:left;
	margin-top:20px;
}
#header .draw {
	float:right;
	margin-top:10px;
}
#menu {
	background:url(/images/bg_menu.png) no-repeat;
	margin:20px 0 20px 0;
	width:100%;
	height:45px;
	font-family: Courier New, Courier, monospace;	
	text-align: center;
	font-size:12px;
	color: #fcfaf7;
    -webkit-box-shadow: 0px 2px 3px 1px #111111;
    box-shadow: 0px 2px 3px 1px #111111;
}
#navigation {
	color: #fcfaf7;
}
#navigation a {
	padding: 15px 5px 15px 5px;
	color: #fcfaf7;
	font-weight:bold;
	font-size:1.1em;
	text-transform: uppercase;
	text-decoration:none;
	display:inline-block;
}
#navigation a:hover, #navigation a.active_section  {
	padding: 15px 5px 14px 5px;
	background-image:url(../images/bg_hover.png);
}
#contenu {
	padding:10px 0 10px 0;
	font-size:1em;
	height:inherit;
}
#section_artistes{
	float:right;	
	width:600px;
	margin-right:40px;
	text-align:left;
	margin-bottom:20px;
}
a.bloc_artiste {
	float:left;
	width:102px;
	height:195px;
	margin:0 10px 10px 0;
	background:#535353;
	color: #fcfaf7;
	text-decoration:none;
	display:block;
	border:1px solid #111111;
}
a.bloc_artiste:hover {
	background:#3d979f;
	display:block;
}
a.bloc_artiste img {
	width:100px;
	height:150px;
	border:1px solid #111111;
	vertical-align:top;
}
a.bloc_artiste span {
    display: block;
    margin: 5px 0 10px 10px;
}
a.bloc_artiste .nom {
	font-size:12px;
}
#liste_artistes {
	font-family: Corbel, Calibri, Arial, sans-serif;
	color: #fcfaf7;
	font-size:14px;
}
#liste_artistes .lt{
	float:left;
	width:300px;
	margin-right:20px;
	margin-bottom:20px;
}
#liste_artistes .md{
	float:left;
	width:300px;
	margin:0 20px 20px 20px;
}
#liste_artistes .rt{
	float:left;
	width:250px;
	margin-left:20px;
	margin-bottom:20px;
}
#liste_artistes .titre {
	font-weight:bold;
}
#liste_artistes a {
	color:#3d979f;
	text-decoration:none;
}
#liste_artistes a:hover {
	color:#fcfaf7;
	text-decoration:none;
}
#artiste {
	float:left;
	width:260px;
	text-align:justify;
	margin-bottom:20px;
}
#artiste img {
	border:1px solid #111111;
}
#artiste .credit {
	text-align:left;
	font-size:11px;
}
#artiste .demos {
	text-align:left;
	font-size:1em;
}
#artiste .demos a {
	font-size:12px;
	color:#fcfaf7;
	text-decoration:none;
	/*font-variant:small-caps;*/
}
#artiste .demos a:hover{
	color:#3d979f;
	text-decoration:none;
}
#artiste .player {
	width:80px;
	height:30px;
}
#artiste .cat {
	color:#3d979f;
}
#info {
	float:right;
	width: 690px;
	text-align: left;
	margin-bottom:20px;
}
#info .cv {
	text-align: right;
	font-size: 15px;
	margin-bottom:10px;
}
#info .cv a {
	color: #3d979f;
	font-weight: bold;
	text-decoration: none;
}
#info .cv a:hover{
	color:#3d979f;
	font-weight: bold;
	text-decoration:underline;
}
#info .cat {
	margin-top:30px;
	color:#3d979f;
}
#info .texte {
	color:#fcfaf7;
}
#info li {
	list-style:none;
	margin-bottom: 10px;
	margin-left: -40px;
}
#voix {
}
#voix-h {
	float:left;
	width:450px;
}
#voix-f {
	float:right;
	width:450px;
}
#voix .art {
	float:left;
	width:110px;
	height:200px;
	margin-right:5px;
}
#voix .fiche {
	float:left;
	margin: auto;
	width:250px;
	/*height:200px;*/
	margin-top:-10px;
}
.gauche {
	float:left;
	width:600px;
	margin-right:20px;
	margin-bottom:20px;
}
.droite {
	float:right;
	width:300px;
	margin-bottom:20px;
}
.push {
	height: 145px;
	clear: both;
}
#footer {
	position:relative;
	font-family: Courier New, Courier, monospace;
	font-size:14px;
	width:960px;
	height:145px;
	background:url(/images/bg_menu.png) no-repeat;
	color: #fcfaf7;
    -webkit-box-shadow: 0px 2px 3px 1px #111111;
    box-shadow: 0px 2px 3px 1px #111111;
}
#footer .adresse {
	float:left;
	margin-left:20px;
	margin-top:20px;
}
#footer .adresse a {
	color:#55c4cc;
	text-decoration:none;
}
#footer .adresse a:hover{
	color:#55c4cc;
	text-decoration:underline;
}
#footer .copyright {
	float:right;
    font-size:10px;
	text-align:right;
	margin-right:20px;
	margin-top: 110px;
}
#footer .copyright a {
	color: #ff9000;
	text-decoration: none;
}
#footer .copyright a:hover{
	color: #55c4cc;
	text-decoration: none;
}
.clear {
	clear:both;
}
h5 { 
	font-size:22px;
	margin-top:0;
	margin-bottom:20px;
	line-height:30px;
	border-bottom:1px solid #3d979f;
	font-weight:normal;
}
h6 { 
	font-size:16px;
	margin-top:0;
	margin-bottom:10px;
	line-height:22px;
}
hr {
	color: #3d979f;
	background-color: #3d979f;
	height: 1px;
}
a {
	color:#3d979f;
	text-decoration:none;
}
a:hover {
	color:#fcfaf7;
	text-decoration:none;
}
.slidingDiv {
	height:20px;
	padding-bottom:5px;
}
.show_hide {
	display:none;
	cursor:pointer;	
}
.show {
	display: block;
	cursor:pointer;	
}
#map {
    width: 600px;
    height: 400px;
}
.dld {
  vertical-align: bottom;
  margin-top: 3px;
}