/* GENERIQUE */
*{
	padding: 0;
	margin: 0;
}

body{
	font: 12px Arial,sans-serif;
	color: #fff;
	background: url("../images/body_bg.png") no-repeat scroll center top #000000;
}

p, ul{
	line-height: 18px;
}

a{
	text-decoration: none;
	color: inherit;
	outline: none;
}

a:hover{
	text-decoration: underline;
}

a:hover li{
	text-decoration: none;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 14px;
}

h4{
	font-size: 12px;
}
h5{
	font-size: 10px;
}

img{
	border: none;
}

li{
	list-style-position: inside;
}

.violet{
	color: #e33994;
}

.rouge{
	color: #BC1F30;
}
.jaune{
	color: #EF6408;
}

/* BLOCS */

#imagemap{
    display: block;
    width: 210px;
    height: 270px;
    padding: 80px 0 0 100px;
}

#conteneur{
	margin: 0 auto;
	width: 1120px;
}

#fond{
    position: relative;
    z-index: 10;
    background: url('../images/fond.png') no-repeat scroll 0 0 transparent;
    width: 1120px;
    height: 417px;
}

#photos{
    position: relative;
    top: -285px;
    left: 420px;
    z-index: 0;
    height: 0;
}

#adresse{
    position: relative;
    top: -200px;
    left: 800px;
    z-index: 20;
    height: 0;
}

#logo{
	float: left;
	padding: 10px 0 0 20px;
}

#logo_fiche{
	margin: -45px 0 0 20px;
}

#intro{
	margin: 20px 20px 0 160px;
}

#intro_fiche{
 	margin-left: 390px;
	min-height: 220px;
	padding-right: 20px;
}

#intro_fiche h2{
	width: 580px;
	font: 22px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dashed black;
}

#intro p{
	padding: 4px 0;
	text-align: justify;
}

#col_gauche{
	float: left;
    width: 320px;
    display: table-cell;
    padding-right: 20px;
}
#col_gauche_fiche{
	float: left;
	padding-left: 20px;
	width: 370px;
}

#col_gauche_fiche h3,#col_gauche_fiche h4, #col_gauche_fiche h5{
	padding: 2px 0;
}

#col_droite{
	float: right;
	padding: 10px 68px 20px 0;
	width: 430px;
}
#col_droite_fiche{
	display: table-cell;
    width: 780px;
    float: right;
    margin-top: 30px;
}

.detail1{
	padding: 10px 2px;
    border-bottom: 2px solid #E33994;
}

.detail2{
 	margin-top: 5px;
	padding: 10px 2px 10px 20px;
	border-bottom: 1px dotted #2e2e2e;
}

.detail3{
 	margin-top: 5px;
	padding: 10px 2px 10px 40px;
	border-bottom: 1px dotted #2e2e2e;
}

.artiste h3{
 	font-size: 18px;
	padding: 0 0 5px;
}
.detail_artiste{
    position: relative;
    z-index: 10;
}
.detail_artiste h2{
	padding-bottom: 6px;
}
.detail_artiste p{
	padding-bottom: 4px;
}
#presentation, #prestations, #fiche_technique{
	padding-top: 10px;
}

#fiche_technique, #autres_artistes{
    width: 345px;
    border-top: 2px solid #E33994;
    margin-top: 10px;
}

.artistes_detail{
    position: relative;
    z-index: 20;
    background: url(../images/cercle.png) no-repeat left center;
    height: 151px;
    width: 370px;
}

.picture_artiste{
    float: left;
    position: relative;
    z-index: 10;
}

.slideshow_picture_artiste, .slideshow_picture_reference { /* Photos sur la fiche artiste et références */
    border-color: #494949 #494949 #2e2e2e #2e2e2e;
    border-radius: 4px;
    border-style: solid;
    border-width: 6px;
}

#table_artistes{
    border-collapse: separate;
    border-spacing: 20px 40px; /* Nombre de pixels d'espace horizontal (20px), vertical (40px) */
}

/* MINI PANIER */
#mini_panier{

}

/* SLIDESHOW */

.slideshow_artiste{
    float: right;
    width: 256px;
	margin-right: 6px;
}

.slider{

}

.slider li, .slideshow li{
 	list-style-type: none;
}

/* RECHERCHE */
.search{
	margin-top: 10px;
	padding: 4px;
    background-color: #3A3A3A;
    width: 310px;
}

.mini_search{
 	position: relative;
    top: -56px;
    left: 10px;
    z-index: 20;
    height: 0;
}

.mini_search p, .search p{
 	margin-right: 10px;
 	text-align: left;
}

.mini_search input.texte, .search input.texte{
    padding: 2px;
 	width: 140px !important;
 	margin-right: 10px;
    font-size: 11px;
	vertical-align: middle;
    background-color: #646567;
    border: none;
    color: #fff;
}

.mini_search input.submit, .search input.submit{
    border: none;
    font-size: 11px;
    background: none;
    color: #fff;
}

#resultats{
	width: 960px;
	padding: 20px;
}
.fiche_resultat{
	border-bottom: 1px dotted #2e2e2e;
}
.fiche_resultat a:hover p, #hasard a:hover p{
	text-decoration: underline;
}

/* MENUS */
#menu-haut{
    position: relative;
    top: -374px;
    left: 230px;
    z-index: 20;
    height: 0
}

#menu-bas{
    position: relative;
    top: -56px;
    left: 715px;
    z-index: 20;
    height: 0;
}

#menu-haut li, #menu-bas li{
	display: inline;
	padding: 0 6px;
	font-size: 16px;
    color: #e3e3e3
}

#menu-haut li a, , #menu-bas li a{
  	color: #e3e3e3;
}

#menu-haut li a:hover, #menu-bas li a:hover{
  	color: #e3e3e3;
    text-decoration: underline;
}

#menu-haut li img, #menu-bas li img{
	padding: 0 12px 1px 0;
}

/* PANIER */
#panier{
	float: right;
	padding: 5px 25px 0 0;
	font-size: 9px;
}
#liste_artistes, #form_devis{
	width: 960px;
	padding: 20px;
}

.tbl_panier, .th_panier{
	padding: 0 4px;
	border: 1px solid #2e2e2e;
	vertical-align: middle;
}
.th_panier{
	padding: 4px;
	background-color: #2e2e2e;
}
.button{
	border: 1px solid #2e2e2e;
	background-color: #eee;
	text-decoration: none;
	cursor: pointer;
}
/* FORMULAIRES */

#form_devis label, #form_recrut label{
	float: left;
	width: 220px;
	text-align: right;
	padding-right: 4px;
}

#form_devis fieldset, #form_recrut fieldset{
	margin: 0 0 10px 40px;
	width: 700px;
	border: 1px solid #e2e2e2;
	padding: 6px;
}
#form_devis legend, #form_recrut legend, #form_contact legend{
	font-weight: bold;
    background: url("../images/legend.png") no-repeat scroll 0 5px transparent;
    width: 182px;
    height: 23px;
    margin-left: 10px;
    padding: 12px 0 0 20px;
}
#form_devis p, #form_recrut p, #form_contact p{
		padding: 4px 0;
}
#form_devis input, #form_devis textarea, #form_devis select, #liste_artistes input, #form_recrut input, #form_recrut textarea, #form_recrut select, #form_contact input, #form_contact textarea{
	border: none;
	padding: 2px;
	font-size: 11px;
    color: white;
    background-color: #646567;
}

#form_devis .submit{
	margin-left: 264px;
}
#form_devis .submit input, #form_recrut .submit input, #form_contact .submit input{
	cursor: pointer;
}

#error{
margin-left: 40px;
border-top: 1px solid red;
border-bottom:  1px solid red;
background-color: #FFDEEE;
padding: 6px 12px;
color: #333;
}

/* FORMULAIRE REFERENCEMENT */
#form_recrut label{
	width: 260px;
}

#form_recrut fieldset{
	width: 800px;
}

#form_recrut .submit{
	margin-left: 314px;
}

/* FORMULAIRE CONTACT */
#form_contact label{
		float: left;
	width: 120px;
	text-align: right;
	padding-right: 4px;
}
#form_contact fieldset{
	margin: 0 0 10px 40px;
	width: 450px;
	border: 1px solid #e2e2e2;
	padding: 6px;
}

#piedpage{
	clear: both;
	height: 22px; 
	width: 100%;
	text-align: center;
	font-size: 10px;
    padding-top: 50px;
}

#piedpage a{
	color: #fff;
}

/********* TABLEAU DEVIS **********/

#devis, .propal{
    padding: 20px;
    margin: 0 20px;
    background-color: white;
    color: black;
}

.tbl_devis{
    border-collapse: collapse;
}

.tbl_devis th, .tbl_devis td{
  border: 1px solid black;
  padding: 4px;
}

/*********** PROPOSITIONS DEVIS **********/
.propal p{
    padding-bottom: 10px;
}