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

body{
	font: 12px Tahoma,Geneva,Kalimati,sans-serif;
	color: #000;
	background: #fff url(../images/fond.jpg) repeat-y scroll center top;
}

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: #A01C70;
}

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

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

#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 20px;
	text-align: justify;
}

#col_gauche{
	float: left;
	padding: 5px 0 0 90px;
}
#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{
	float: left;
	width: 590px;
	border-top: 2px solid #2e2e2e;
	padding-bottom: 10px;
	margin-bottom: 50px;
}

#col_droite_fiche .violet{
	margin: 8px 0;
}

.detail1{
	padding: 10px 2px;
}

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

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

.artiste h3{
 	font-size: 18px;
	padding: 0 0 5px;
}
.detail_artiste{
	border-top: 1px dotted #2e2e2e;
	margin-left: 10px;
	padding: 10px 120px 10px 0;
	text-align: justify;
}
.detail_artiste h2{
	padding-bottom: 6px;
}
.detail_artiste p{
	padding-bottom: 4px;
}
#presentation, #prestations, #fiche_technique{
	padding-top: 10px;
}

/* MINI PANIER */
#mini_panier{
    font-size:  9px;
    margin-right: 30px;
    text-align:  right;
}

/* AU HASARD */

#hasard{
	margin-top: 10px;
	padding: 20px 10px 20px 20px;
	background: transparent url(../images/fond_rnd.png) no-repeat;
}

/* SLIDESHOW */
.slideshow_fiche{
	float: right;
    width: 100px;
	margin: 15px 6px 0 0;
}

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

.slideshow_hasard{
    float: right;
    width: 100px;
}

.slider{

}

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

.vignette{
    float:  left;
	padding: 10px;
	height: 180px;
	/*background: url(../images/vignettes/fond_gris.png) no-repeat left center;*/
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/vignettes/fond_gris.png');*/
}
.vignette li{
	list-style-type: none;
	line-height: normal;
}

.vignette li a{
	color: #fff;
}

.vignette li a:hover{
	color: #fff;
	text-decoration: none;
}

/* RECHERCHE */
#search{
	margin: 20px auto 0 auto;
	width: 864px;
	height: 32px;
	background: url(../images/fond_search.png) no-repeat center center;	
}

#search p{
	line-height: 32px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
}
#mini_search{
 	float: left;
 	padding: 20px 0 0 20px;
	height: 60px;
	background: url(../images/search.gif) no-repeat top center;
}
#mini_search p{
 	margin-right: 10px;
 	text-align: left;
}

#search input.texte, #mini_search input.texte{
	padding: 2px;
	width: 280px;
	border: 1px solid grey;
	font-size: 11px;
	vertical-align: middle;
	
}
#search input.texte{
	margin: 0 10px;
}
#mini_search input.texte{
 	width: 140px;
 	margin-right: 10px;
}
#search input.submit, #mini_search input.submit{
	vertical-align: -5px;
}
#resultats{
	width: 960px;
	padding: 20px;
}
.fiche_resultat{
	border-bottom: 1px dotted #2e2e2e;
}
.fiche_resultat a:hover p, #hasard a:hover p{
	text-decoration: underline;
}

/* MENU */
#menu{
	height: 40px;
	padding: 5px 20px 0 20px;
}
.menu_items{
	padding-left: 365px;
}
.menu_items li{
	display: inline;
	padding: 0 6px;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}

/* 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 #e2e2e2;
	vertical-align: middle;
}
.th_panier{
	padding: 4px;
	background-color: #eee;
}
.button{
	border: 1px solid #e2e2e2;
	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;
	color: #BC1F30;
}
#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: 1px solid #e2e2e2;
	padding: 2px;
	font-size: 11px;
}
#form_devis input:focus, #form_devis textarea:focus, form_recrut input:focus, #form_recrut textarea:focus, #form_contact input:focus, #form_contact textarea:focus{
	background-color: #eee;
}
#form_devis .submit{
	margin-left: 264px;
}
#form_devis .submit input, #form_recrut .submit input, #form_contact .submit input{
	cursor: pointer;
}
/* 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;
}

/****** SYSTEME DE CALQUES COULISANTS JQUERY ******/
/* boxgrid est le cadre conteneur, overflow: hidden est obligatoire */

.boxgrid{
	width: 180px;
	height: 180px;
	background: transparent url(../images/vignettes/slide_gris.png) no-repeat;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/vignettes/slide_gris.png');*/

	border: none;
	overflow: hidden;
	position: relative;
	
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0;
}
.boxgrid ul{
	padding-top: 22px;
	list-style-position: inside;
}
.boxgrid li{ 
	padding: 0 10px; 
	color: #fff; 
	font-weight: bold; 
	font-size: 10px;
}
.boxgrid a{
	text-decoration: none; 
}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}
.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}
/****** FIN DES CALQUES COULISSANTS ******/

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

#piedpage a{
	color: #6f6f6f;
}

/********* TABLEAU DEVIS **********/
#devis, .propal{
    padding: 20px;
    margin: 0 20px;
    border-top: 1px dashed 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;
}