@charset "utf-8";



/*****************************************************************



Globale



*****************************************************************/



body



{
	margin:0px;
	padding:0px;
	background-image: url(../images/bg/bg_ap.gif);



}



*{margin:0px;padding:0px;}



a{color:#01234A; text-decoration:none;}



a:hover{color:#005E9E; text-decoration:underline;}







form#contact{margin:0px;padding:0px;}



#global{margin:0px auto;padding:0px; width:779px;}







/*****************************************************************



Header



*****************************************************************/



#accedirect {



	position: relative;



	left:0px;



	top:0px;



	width:769px;



	height:23px;



	z-index:1;



	font:10px verdana;



	color:#8E97A6;



	text-align:right;



	padding-top:4px;



	padding-right:5px;



}



#accedirect a {



	font:10px verdana;



	color:#BDC2CB;



	text-decoration:none;



	padding-left:10px;

	

	background:url(../images/separateur/acc_direct.gif) no-repeat left -3px;



}



#accedirect a:hover {



	font:10px verdana;



	color:#8E97A6;



	text-decoration:none;



}







#header {





	left:0px;



	top:0px;



	width:780px;



	height:151px;



	z-index:2;



	



}



.logo img



{



	vertical-align:top;



	padding-left:0px;



}



.logo



{



	background:url(../images/bg/bg_header2.jpg) no-repeat;



}







#menu{padding-left:33px;



background:url(../images/bg/fdmenu.gif) repeat-x; position:relative; height:21px;  z-index:100;}



#menu img{margin-right:11px;}



/*****************************************************************



Sous-menu



*****************************************************************/

#menu ul{list-style:none; margin:0; padding:0;}

#menu ul li{border-bottom:1px solid #434850; color:#FFFFFF;  background:#203150; padding:0; margin:0; float:left;}

#menu ul li a{color:#FFFFFF; display:block; text-decoration:none; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px 2px; width:117px;}

#menu ul li a:hover{color:#CA7508; background:#18253C;}

#menu ul.smenu1{display:block; position:absolute; top:21px; left:28px; width:117px;}

#menu ul.smenu2{display:block; position:absolute; top:21px; left:302px; width:117px; z-index:10;}

#menu ul.smenu3{display:block; position:absolute; top:21px; left:386px; width:117px; z-index:10;}

/*****************************************************************



Contenu



*****************************************************************/



#body {





	left:0px;



	top:0px;



	width:780px;



	_height:520px ;



	min-height:520px;



	padding-bottom:25px;



	z-index:0;



	background:#F4DDB4;

	

	color:#01234a;



}



/*****************************************************************



partenaire



*****************************************************************/







#partenaire



{



	position: relative;



	left:0px;



	top:0px;



 	width:744px;



	height:74px;



	background:#fff;



	clear:both;



	padding-left:36px;



	margin-top:7px;



}



#partenaire img{margin-right:8px;}



/*****************************************************************



footer



*****************************************************************/







#footer



{



	position: relative;



	left:0px;



	top:0px;



 	width:771px;



	height:135px;



	font:10px verdana;

	letter-spacing:1px;



	color:#AFB5C0;



	text-align:right;



	padding-top:7px;



	background:url(../images/bg/bg_footer.gif) no-repeat 342px 100%;



}



#footer a{font:10px verdana;color:#AFB5C0;text-decoration:none;}



#footer a:hover{font:10px verdana;color:#8E97A6;text-decoration:none;}







/*****************************************************************



Mise en page



*****************************************************************/



/*****************************************************************



Artiste



*****************************************************************/







#artiste



{



	padding-left:73px;







}



#artiste .bloc1



{



	width:170px;



	height:182px;



	float:left;



	padding-right:36px;



}



#artiste .bloc1 div



{



	font:700 11px Verdana;



	color:#00397B;



	padding-top:4px;



	padding-left:4px;



	padding-bottom:5px;



}



#artiste .link



{



	margin-left:-73px;



	clear:both;



	width:243px;

	

	font: 10px Verdana;



}



#artiste .link div a



{



	font: 10px Verdana;



	color:#01234A;



	display:block;



	text-decoration:none;



	background:url(../images/separateur/flech.gif) no-repeat 21px 11px;



	padding-left:40px;



	padding-top:8px;



	padding-bottom:6px;



	width:130px;



}







#artiste .link div a:hover



{color:#005E9E; text-decoration:underline;}







#trans {



	position:absolute;



	left:20px;



	top:0px;



	width:244px;



	height:auto;



	z-index:0;



	visibility: visible;



}



#artiste .pagination



{



	font:700 10px Verdana;



	color:#01234A;



	clear:both;



	text-align:right;



	padding-right:130px;



}



#artiste .pagination a



{



	font:700 10px Verdana;



	color:#01234A;



	text-decoration:underline;



}



/*****************************************************************



Festival



*****************************************************************/



#festival select



{



	font: 10px Verdana;



	color:#01234A;



	width:148px;



	margin-left:21px;



	margin-top:5px;



}







#festival



{



	padding-left:284px;



	padding-top:4px;



	position:relative;



	width:450px;



}



#festival .txt



{



	font:10px Verdana;



	color:#01234A;



	width:459px;



}



#festival .txt p



{



	padding-bottom:12px;



}



#festival .link



{



	margin-left:-20px;



	padding-top:12px;



	clear:both;



	width:243px;







}



#festival .link div a



{



	font: 10px Verdana;



	color:#01234A;



	display:block;



	text-decoration:none;



	background:url(../images/separateur/flech.gif) no-repeat 21px 11px;



	padding-left:40px;



	padding-top:8px;



	padding-bottom:6px;



	width:130px;



}



#festival .link div a:hover{color:#CA7508; text-decoration:none;}



.txt_marron



{



	font: 10px Verdana;



	color:#EB8604;

	

	font-weight:bold;



}



.txt_marron a{font: 10px Verdana;color:#013B7C;text-decoration:none;}



.txt_marron a:hover{font: 10px Verdana;color:#013B7C;text-decoration:underline;}



/*****************************************************************



Actualité & Liens utiles & Lieux du festival



*****************************************************************/



#actu



{



	padding-left:284px;



	padding-top:4px;



	position:relative;

	width:450px;



}



#actu .bloc_actu



{



	font: 11px Verdana;



	color:#01234A;



	width:410px;



	padding-bottom:27px;



	position:relative;



}



#actu .bloc_actu .titre



{



	font:700 11px Verdana;



	color:#00397B;



}







#actu .bloc_actu .LogoPart img{margin:8px 5px 8px 0; /*border:2px solid #F9D302;*/}



{



	font:700 11px Verdana;



	color:#00397B;



}







#actu .bloc_actu img.plus



{



	position:absolute;



	right:16px;



	bottom:23px;



}



#actu .link



{



	margin-left:-20px;



	padding-top:12px;



	clear:both;



	width:243px;



}



#actu .link div a



{



	font: 10px Verdana;



	color:#00397B;



	display:block;



	text-decoration:none;



	background:url(../images/separateur/flech.gif) no-repeat 21px 11px;



	padding-left:40px;



	padding-top:8px;



	padding-bottom:6px;



	width:130px;



}



#actu .link div a:hover{color:#005E9E; text-decoration:underline;}







/*****************************************************************



equipe



*****************************************************************/



#equipe



{



	padding-left:46px;



	padding-top:7px;



	position:relative;



	width:600px;



}



#equipe .txt



{



	width:229px;



	float:left;



}



#equipe .txt2



{



	width:350px;



	float:left;



}







#equipe .txt div,#equipe .txt2 div



{



	font: 11px Verdana;



	color:#01234A;



	padding-bottom:19px;



}



#equipe .txt .titre, #equipe .txt2 .titre



{



	font: 700 11px Verdana;



	color:#00397B;



	display:block;



}



#equipe .link



{



	margin-left:-46px;



	clear:both;



	width:243px;







}



#equipe .link div a



{



	font: 10px Verdana;



	color:#00397B;



	display:block;



	text-decoration:none;



	background:url(../images/separateur/flech.gif) no-repeat 21px 11px;



	padding-left:40px;



	padding-top:8px;



	padding-bottom:6px;



	width:130px;



}







/*****************************************************************



Contact



*****************************************************************/



#contact



{



	padding-left:52px;



	padding-top:7px;



	position:relative;



	width:450px;



	font: 11px Verdana;



	color:#01234A;



}



#contact .titre



{



	font:700 11px Verdana;



	color:#00397B;



}



#contact .form



{



	font:11px Verdana;



	color:#01234A;



	padding-top:41px;



}



#contact .form div



{



	position:relative;

	width:200px;

	height:42px;



}



#contact .form input



{



	padding-left:5px;



	padding-top:2px;



	font:11px Verdana;



	color:#01234A;



	position:absolute;



	left:0px;



	top:15px;



	width:142px;



	height:14px;



	border:none;



	background:url(../images/bg/input.gif) no-repeat left top !important;



	background:url(../images/bg/textarea.gif) no-repeat left top fixed;







}



#contact .form textarea



{



	padding-left:5px;



	padding-top:2px;



	font:11px Verdana;



	color:#01234A;



	position:absolute;



	left:0px;



	top:16px;



	width:142px;



	height:99px;



	border:none;



	background:url(../images/bg/textarea.gif) no-repeat left top !important;



	background:url(../images/bg/textarea.gif) no-repeat left top fixed;



	overflow:auto;



}



#contact .form input.button



{



	position:absolute;



	left:117px;



	top:9px;



	width:25px;



	height:20px;



	border:none;



	background: url(../images/pictos/ok.gif) no-repeat left top !important;*/



	cursor:pointer;



}



#contact .link



{



	margin-left:-52px;



	clear:both;



	width:243px;







}



#contact .link div a



{



	font: 10px Verdana;



	color:#01234A;



	display:block;



	text-decoration:none;



	background:url(../images/separateur/flech.gif) no-repeat 21px 11px;



	padding-left:40px;



	padding-top:8px;



	padding-bottom:6px;



	width:130px;



}



#contact .link div a:hover{color:#005E9E; text-decoration:underline;}



/*****************************************************************



Programme



*****************************************************************/







#programe



{



	padding-left:172px;



	padding-top:4px;



	position:relative;



	width:523px;



	padding-bottom:10px;



}



#programe .txt



{



	font: 10px Verdana;



	color:#01234A;



	width:150px;



	padding-left:15px;



	padding-top:5px;



}



#programe select



{



	font: 10px Verdana;



	color:#01234A;



	width:148px;



	margin-left:12px;



	margin-top:-2px;



}



#programe .txt a{font: 10px Verdana;color:#1B140B;text-decoration:none;}



#transprg {



	position:absolute;



	left:0px;



	top:18px;



	width:172px;



	height:auto;



	z-index:4;



}



#transprg2 {



	position:absolute;



	right:00px;



	top:-1px;



	width:172px;



	height:auto;



	z-index:4;



}



#programe #transprg2 .txt a 



{



	display:block;



	padding-top:12px;



	font: 10px Verdana;



	color:#01234A;



}



#programe #transprg2 .txt a:hover{color:#005E9E; text-decoration:underline}



#transprg2 img{ margin-left:17px; margin-top:21px;}



.legende .legende1{

	padding:0 0 1px 30px;

	font:9px Verdana, Arial, Helvetica, sans-serif;

	display:block;

	margin-left:10px;

	background-image: url(../images/bg/bg_legende1.gif);

	background-repeat: no-repeat;

	background-position: 0 center;

}

.legende .legende2{

	padding:0 0 1px 30px;

	font:9px Verdana, Arial, Helvetica, sans-serif;

	display:block;

	margin-left:10px;

	background-image: url(../images/bg/bg_legende2.gif);

	background-repeat: no-repeat;

	background-position: 0 center;

}

.legende .legende3{

	padding:0 0 1px 30px;

	font:9px Verdana, Arial, Helvetica, sans-serif;

	display:block;

	margin-left:10px;

	background-image: url(../images/bg/bg_legende3.gif);

	background-repeat: no-repeat;

	background-position: 0 center;

}

.legende .legende4{

	padding:0 0 1px 30px;

	font:9px Verdana, Arial, Helvetica, sans-serif;

	display:block;

	margin-left:10px;

	background-image: url(../images/bg/bg_legende4.gif);

	background-repeat: no-repeat;

	background-position: 0 center;

}

.legende .legende5{

	padding:0 0 1px 30px;

	font:9px Verdana, Arial, Helvetica, sans-serif;

	display:block;

	margin-left:10px;

	background-image: url(../images/bg/bg_legende5.gif);

	background-repeat: no-repeat;

	background-position: 0 center;

}



/*****************************************************************



Programme carte



*****************************************************************/



#ven {



	position:absolute;



	left:49px;



	top:19px;



	width:94px;



	height:auto;



	z-index:4;



}







#ven .kocani{margin-bottom:287px;}



#ven .randy{margin-top:375px;}











#sam {



	position:absolute;



	left:144px;



	top:19px;



	width:94px;



	height:auto;



	z-index:4;



}







#sam .kocani{margin-bottom:107px;}



#sam .astrakan{margin-bottom:203px;}



#sam .astrakan2{margin-top:195px;}



#sam .steps{margin-top:462px;}











#dim {



	position:absolute;



	left:239px;



	top:19px;



	width:77px;



	height:auto;



	z-index:4;



}







#dim .kocani{margin-bottom:42px;}



#dim .plena{margin-top:130px;}











#ven img,#sam img,#dim img {margin-bottom:1px;}







.carteprog{position:relative;}



.lienBelitteri a{}



.Titre{

	font-size:18px;

	margin-top:-10px;

	position:absolute;

	top:-18px;

	left:285px;

	width:300px;

}



.TitreGras{font-size:13px; font-weight:bold; color:#AD4408; text-align:center;}

.TextGras{font-weight:bold; color:#E67C0C;}

.ImgAlbum{margin-left:24px;}

.TextArtist



{



	margin:8px 0 8px 21px;

	font: 10px Verdana;



}



.error {color:#D7381C; font-weight: bold; font-size: 9px; padding: 7px 0 0 5px; float:right;}

.Signature{color:#AD4408; font-weight:bold; font-size:12px;}

.retour{width:600px; text-align:right;}





.haus_en {

	background-image: url(../images/bg/bg_header2_en.jpg);

	background-repeat: no-repeat;

}