@charset "utf-8";
/*-----------------------------------------------------
TOUTE LA DECO SPECIFIQUE AU DESIGN 
MAQUETTE POUR CE CLIENT (tout ce qui concerne les id) :
- Couleurs et images d'ARP
- Tailles spécifiques à certains blocs pour mettre en
valeur les images d'ARP correspondantes
...
-----------------------------------------------------*/

#global {
	width:100%;
	min-width:960px;
	overflow:hidden;
	clear:both;
}
#col1 {
	float:left;
	width:20%;
	background-color:#000;
	position:fixed;
	height:100%;
}
#col2 {
	float:right;
	width:80%;
	background-color:#FFF;
	min-height:1200px;
		
}
#col2a {
	width:70%;
	min-width:830px;
	min-height:500px;
	float:left;	
}
#col2b {
	width:24%;
	min-height:250px;
	float:right;
	overflow:hidden;
	
}

#logo {
	float:right;
	padding:15px 5px 0;
}
#menu {
	float:right;
	clear:both;
	padding:60px 5px 0;

}

#menu ul {
	list-style-type:none;
}

#menu ul li a {
	text-decoration:none;
	text-align:right;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:36px;
	line-height:1.2;
	display:block;
	padding:0;
	transition:color 0.5s;
	
}

#menu ul li a:hover {
	color:#F90;
}
#copyright {
	position:absolute;
	bottom:10px;
	right:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}

h1 {
	font-style:italic;
	font-size:14px;
	margin-left:110px;
	margin-bottom:20px;
}
#slideshow {
	width:100%;
	max-width:830px;
	height:430px;
	margin:0 auto 20px;
	/*border:solid 1px #FFF;*/
	/*overflow:hidden;*/
	position:relative;

}
#bandeau2 {
	display:none;
}
#masque {
	width:100%;
	height:430px;
	overflow:hidden;
	clear:both;
	position:relative;
}
#masque img {
	float:left;
}

#navigation {
	clear:both;
	padding:5px;
	
}

#navigation a {
	margin-right:10px;
}

#pagination {
	background-color:#FFF;
	opacity:0.5;
	border-radius:8px;
	position:absolute;
	right:15px;
	bottom:10px;
	list-style-type:none;
	padding:3px;
	clear:both;
	float:right;
}

#pagination li {
	float:left;
}

#pagination li a {
	font-size:0px;
	display:block;
	border-radius:50%;
	padding:3px;
	background:#999;
	color:#FFF;
	border:solid 1px #666;
	margin-left:2px;
	
}

#pagination li a:hover {
	background:#F90;
	color:#FFF;
}

#ecriture {
	clear:both;
}
#points p {
	text-align:center;
	font-size:60px;
	font-family:"Times New Roman", Times, serif;
	width:100%;
	margin-bottom:50px;
}
#sociaux {
	text-align:center;
	margin-bottom:300px;
}
#sociaux img {
	padding:10px;
	
}
#vide {
	height:156px;
}

.def {
	float:left;
	background-color:#000;
	max-width:200px;
	color:#FFF;
	padding:15px;
	line-height:1;
	margin-left:20px;
	margin-bottom:40px;
	font-size:11px;
	text-align:justify;
	-webkit-box-shadow:10px 10px 15px #000;
	-moz-box-shadow:10px 10px 15px #000;
	-o-box-shadow:10px 10px 15px #000;
	box-shadow:10px 10px 15px #000;
}
.texte {
	background-color:#000;
	color:#FFF;
	padding:15px;
	line-height:1;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:40px;
	font-size:16px;
	line-height:1.2;
	text-align:justify;
	-webkit-box-shadow:10px 10px 15px #000;
	-moz-box-shadow:10px 10px 15px #000;
	-o-box-shadow:10px 10px 15px #000;
	box-shadow:10px 10px 15px #000;
}
#col2b h1 {
	font-size:12px;
	color:#F90;
	margin-left:0;
	font-style:normal;
}
#carre1 {
	text-align:center;
	width:64%;
}
#carre1 img {
	border:solid 1px #000000;
	-webkit-box-shadow:10px 10px 15px #000;
	-moz-box-shadow:10px 10px 15px #000;
	-o-box-shadow:10px 10px 15px #000;
	box-shadow:10px 10px 15px #000;
}
#carre2 {
	text-align:center;
}
#carre2 img {
	border:solid 1px #000000;
	-webkit-box-shadow:10px 10px 15px #000;
	-moz-box-shadow:10px 10px 15px #000;
	-o-box-shadow:10px 10px 15px #000;
	box-shadow:10px 10px 15px #000;
}
#vue2 {
	height:15px;
	clear:both;
}
#about h2{
	color:#F90;
	font-size:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow:hidden;
	text-align:left;
}
#about {
	overflow:hidden;
	clear:both;	
	margin-bottom:70px;

}
#history {
}
#history h2{
	color:#F90;
	font-size:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

#artists h2{
	color:#F90;
	font-size:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#artists {
	margin-top:30px;
}
#ourmusic h2{
	color:#F90;
	font-size:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#ourmusic {
	margin-top:30px;
}	
#aboutnoto {
	width:100%;
}
#aboutnoto h3 {
	font-family: 'cac_champagneregular';
	font-size:50px;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}
#gauche {
	width:83%;
	overflow:hidden;
	float:left;
}
#droite {
	margin-right:20px;
	float:right;
	width:14%;
	min-width:112px;
}
#droite img {
	width:100%;
	margin-bottom:17px;
	border:solid 1px #000000;
}
#releases {
	clear:both;
	width::300px;
	margin-bottom:84px;
}
#releases h2{
	margin-right:0!important;
	width:300!important;
	color:#F90;
	font-size:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow:hidden;
}
#releasenoto {
	width:100%;
}

#player {
	width:390px;
	height:430px;
	text-align:center;
	clear:both;
	overflow:hidden;
	margin:0 auto 80px;
	-webkit-box-shadow:10px 10px 15px #000;
	-moz-box-shadow:10px 10px 15px #000;
	-o-box-shadow:10px 10px 15px #000;
	box-shadow:10px 10px 15px #000;
	}
#trax{
	width:390px;
	height:430px;
}
#reldroite {
	font-size:12px;
	width:37%;
	float:right;
	text-align:left;
	margin-left:0;
	overflow:hidden;	
}
#relgauche {
	font-size:12px;
	width:37%;
	float:left;
	text-align:left;
	margin-right:0;
	clear:both;
	overflow:hidden;
}
h4 {
	color:#F90;
}
#vue3 {
	margin-top:200px;
	float:left;
	width:100%;
	height:15px;
	clear:both;
	overflow:hidden;
}
#logocontact {
	clear:both;
	float:left;
	margin-bottom:47px;
}
#logocontact h2 {
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
#digivin {
}
#vue4 {
	float:left;
	margin-top:100px;
	width:100%;
	height:15px;
	clear:both;
}
#address {
	margin-top:174px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	overflow:hidden;
	width:50%;
	padding:20px;

}
#address h2 {
	color:#F90;
}

#contact {
	width:50%;
	overflow:hidden;
	min-height:365px;
	clear:both;
	margin-top:53px;
	margin-bottom:57px;
	margin-right:auto;
	margin-left:auto;

}
#contact h2 {
	color:#F90;
}
form{
	padding:15px;
}
form p{
	margin-bottom:20px;
}

.alerte {
	color:#F00;
	font-weight:bold;
}
.label {
	width:200px;
	float:left;
}
.champ {
	width:300px;
}
current {
	color:#F00;
}
#demos {
	color:#F90;
	width:50%;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	overflow:hidden;
	padding:15px;
}
#demos {
	color:#F90;
	margin:0 auto;
}
#demos p span a {
	color:#FFF;

}
#points2 p {
	text-align:center;
	font-size:60px;
	font-family:"Times New Roman", Times, serif;
	width:100%;
	margin-bottom:13px;
	clear:both;
}
#sociaux2 {
	text-align:center;
	margin-bottom:100px;
	clear:both;
}
#sociaux2 img {
	padding:10px;
	
}