@charset "UTF-8";

/* CSS Document */

* {
	margin:0px;
	padding:0px;/*position:relative;*/
}

img { border:none; }

a, a:hover {
	color:inherit;
	text-decoration:none
}

/* hack FF pour envlever pointillés autour des liens */
a { outline: none; }

:focus {
	outline-style:none !important;
	outline:none;
	-moz-outline-style: none;
}

/* fin de hack */



p a, p a:hover { color:black; }

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


#pas_encore {
	width:380px;
	position:absolute;
	left:50%;
	top:340px;
	margin-left:-200px;
	border:solid 10px white;
	z-index:501;
	background:white;
}

#div_warning {
	position:absolute;
	bottom:25px;
	left:50%;
	margin-left:-150px;
	width:300px;
	/*height:150px;*/
	display:none;
	z-index:1000;
}

.sep { clear: both; }

.spacer40 {
	clear: both;
	height: 40px;
}

.up30 {
	position:relative;
	top:-30px;
	height: 30px;
}

.bold { font-weight: bold; }

.fleche_g, .fleche_d {
	/*float: left;*/
	position:absolute;
	top:65px;
}

.fleche_g { left:-35px !important; }

.fleche_d { right:-10px !important; }

p a {
	color: black;
	text-decoration:none;
	font-weight:bold;
}

p a:hover { background:white; }

h1, h2.cadre {
	font-family: 'Trebuchet MS', tahoma, arial, sans-serif;
	text-transform: uppercase;
}

.mouth {
	position:relative;
	background:#FFF9E6 url(/media/h2_mouth.gif) no-repeat;
	height: 40px;
	padding-left: 55px;
	padding-top:9px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;	/*float: left;*/
	margin-bottom:10px;
}

.mouth span {
	background: url(/media/h2_mouth_span.gif) no-repeat right bottom;
	display: block;
	padding: 0px 20px 9px 10px;
	float: left;/*height:inherit;*/
}

.mouth .coin {
	background:#FFF9E6;
	font-size:1px;
	padding:0px;
	position:absolute;
	right:-1px;
	top:0px;
	height:10px !important;
	height:9px;
	width:7px;
}

h1.mouth {
	font-size:20px;
	padding-left: 51px;/*background:#FFF9E6 url(/media/mouth_big.gif) no-repeat left top;*/
}

/*h1.mouth span {
	background: url(/media/mouth_big2.gif) no-repeat right bottom;
	padding: 3px 20px 9px 10px;
	}*/
.extra {
	margin-top:10px;
	background:  url(/media/extra.gif) no-repeat center top;
	text-align:center;
	height: 40px;
	padding-left: 10px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;/*float: left;*/
}

a.link_hand, .link_hand {
	/* background: url(/media/hand_link.gif) no-repeat; old */
	background: url(/media/link_lil.gif) no-repeat left center;
	/*display: block;*/
	float:left;
	padding-left: 20px;
	font-weight:bold;
	padding-right:5px;
	height: 30px;
	line-height:30px;
	position:relative;
	/*font-size: 16px;*/
	color: #EA0079;
	text-decoration: none;/*margin: 10px 0px;*/
}

.bloc_vignettes .link_hand, .bloc_vignettes a.link_hand:hover { background-position: left 7px; }

a.link_hand:hover { background: white url(/media/link_lil.gif) no-repeat 2px center; }

a.link_back {
	/* background: url(/media/hand_link.gif) no-repeat; old */
	background: url(/media/fleche_back.gif) no-repeat 3px center;
	/*display: block;*/
	padding-left: 25px;
	font-weight:bold;
	padding-right:5px;
	height: 30px;
	line-height:30px;
	position:relative;
	/*font-size: 16px;*/
	color: #EA0079;
	text-decoration: none;/*margin: 10px 0px;*/
}

a.link_back:hover { background: white url(/media/fleche_back.gif) no-repeat left center; }

.border_white { border:solid 10px white }

/*****************************/
html, body { height:100% }

body {
	background-image: url(/media/bg.gif);
	margin: 0px;
	background-color: #000000;
	/*font:12px tahoma, arial, sans-serif;*/
	font:12px arial, sans-serif;
	color:#4D4D4D;
}

#page {
	margin:0px auto;
	width: 935px !important;
	/*width: 936px;*/
	position: relative;
	background: #000000;
	padding:5px;
}

#top_corps {
	float:left;
	margin-top:-20px;
	background: white url(/media/top_corps.gif) no-repeat right top;
	height:20px;
	padding:0px 10px;
	font-family: "Bookman Old Style", "Rockwell Extra Bold", "Times New Roman", verdana, sans-serif;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-weight: bold;
}

#corps {
	background: #FFF9E6 url(/media/col_d_bg.gif) repeat-y right;
	z-index: 3;
	position:relative;
  margin-bottom: 5px;
	width:935px;
}

.class {
	display: block;
	height: 22px;
	width: 400px;
}

.float_right, a.float_right {
	float: right;
	display: inline;
}

#offense { margin: 0px auto; }

#col_d .standard {
	display:block;
	margin: 30px 35px;
}

#skyscraper {
	/*float: left;*/
	left:950px;
	position:absolute;
	top:117px;/*margin-top: 210px;*/
}

#header {
	z-index:10;
	width:915px;
	background:#FFFFFF no-repeat;
	position: relative;
	padding: 10px;
}

#page #header #banner {
	width:915px;
	height:90px;
	margin-bottom: 10px !important;
	text-align:center;
}

#page #header #banner  #megabanner {
	width:728px;
	height:90px;
	text-align:center;
	margin:auto;
}


#page #header #logo {
	margin-left:0px;
	float: left;
	display:inline;
	/*width: 381px;*/
	margin-right: 10px;
	text-align: left;
	position: relative;
}

#header #head_right {
	float: right;
	
	display:inline;
	
	/*padding-top:20px;
	margin-top:10px;*/

	width: 485px;
	position: relative;
}

/* logins */
#head_right a { color:white; }

#head_right h2 {
	text-align:left;
	font-size:13px;
	margin-bottom:5px;
}

#head_right h2 a {
	border-bottom:solid 1px #640A3E;
	display:block;
	padding-left:2px;
	line-height:20px;
	height:20px;
	position:relative;
	padding-bottom:3px;
}

#head_right h2 a img {
	position:absolute;
	top:1px;
	right:2px
}

#head_right #login_musiciens, #head_right #login_webabonnes {
	float:left;
	display:inline;
	padding:5px;
	width:225px;
	height:85px;
	color:white;
}

#head_right #login_musiciens { background:#640a3e url('/media/h_login_mus_bg.gif') no-repeat;float:right;margin-right:20px; }
#head_right #login_user {float:right;}


#head_right #login_webabonnes {
	background:#b6025b url('/media/h_login_abo_bg.gif') no-repeat;
	margin-left:15px !important;

}

#head_right h2 a:hover {
	color:#ECC4DC;
	background:black;
}

/*#head_right #login_box {
	position: relative;
	top: -25px;
}*/
.login_box { margin-bottom:5px;/*padding:0px 5px;*/
}

.login_box legend, .login_box fieldset { border:0px; }

.login_box legend {
	font-size:12px;
	/*text-transform:uppercase;*/
font-weight:bold;
	margin-bottom:5px;
	border:0px;
}

.login_box input[type="text"], .login_box input[type="password"] {
	padding:0px 5px;
	border:0px;
	width:80px;
}

.login_box .login {
	/* font-size: Aucune; */
	font-style: italic;
	font-weight: bold;
	text-align: right;
	font-size:12px;
	margin-right:5px;
	float:left;
	display:inline;
	border:0px
}

.login_box input[type="image"] { }

#page #header #head_search {
	background: url(/media/bg_rechecher2.gif) no-repeat right center;
	width: 412px;
	height: 25px;
	margin-top:10px;
	position: relative;/*top:-5px;*/
}

#page #header #head_search .rechercher {
	background: url(/media/bg_rechercher.gif) no-repeat;
	padding: 4px;
	text-align: center;
	width: 202px;
	border: 0px;
}

#page #header #head_search select {
	border: 1px solid #EA0070;
	width: 170px;
}

#page #header #head_search .submit {
	position: absolute;
	right: 0px;
	top: 4px;/**** header BO *******/
}

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

#header #agenda_head, #header #accroche_nl {
	margin-left: 10px;
	float: left;
	display:inline;
	position:relative;
}

/*
#header #accroche_nl {
	width: 155px;
	height: 87px;
	background: #640A3E url(/media/bg_nl.gif) no-repeat left top;
	line-height:20px;
	color:white;
	font-weight:bold;
	font-size:12px;
	padding:0px 10px 0px 10px;
}*/

#head_right #accroche_nl {
	width: 171px;
	height: 95px;
	background: #640A3E url(/media/bg_nl.gif) no-repeat left top;
	line-height:20px;
	color:white;
	font-weight:bold;
	font-size:12px;
	padding:0px 10px 0px 10px;
}

#login_user h2 a{
border:none;
}

#login_user h2 a:hover {
background:none !important;
}


#header #accroche_nl a { display: block; }

#header #accroche_nl a:hover {
	text-indent:2px;
	color:#EEE
}

#bloc_connected {
	font-weight:bold;
	line-height:1.2;
	padding:20px 10px 10px 45px !important;
	padding:18px 10px 10px 45px;
	background:  url('/media/bg_bloc_connected.gif') no-repeat left top;
	color:#060606;
	position:relative;
}

#bloc_connected #nom {
	font-family:serif;
	text-transform:uppercase;
	font-size: 14px;
	text-indent:125px;
	color:#BF065B
}

#bloc_connected ul {
	margin-top:5px;
	font-size:11px;
	list-style:none;
	padding:0px;
	line-height:normal;
}

#bloc_connected ul a { /*display:block;*/ /*padding: 0px 5px;*/}

#bloc_connected ul a:hover {
	background:white;
	color:#660033;
}

#bloc_connected #decon {
	position:relative;
	top:-10px;
	float:right;
	display:inline;
	margin-right:35px;
	display:block;
	text-align:right;
	color:#BF065B
}

/******************* menu *******************/

#page #header #menunav {
	clear: both;
	margin-top:10px;
	position: relative;
	background:url('/media/bg_menu.gif') no-repeat left top;
	/*padding-left:5px;*/
	width:900px;
	height:35px;
}

#page #header #menunav_bg {
	position: absolute;
	left:0px;
	top:0px;
	width:900px;
	height:35px;
	background:url('/media/bg_menu_bg.gif') no-repeat left -300px;/*padding-left:5px;*/
}

#page #header #menunav ul { list-style:none; }

#page #header #menunav li.menu {
	/*float: left;*/
	/*display:block;*/
	/*list-style:none;*/
	/*padding:3px;*/
	display:inline;
	height:35px;
	float: left;
	position:relative;/*width:100px;*/
}

#page #header #menunav ul ul {
	list-style:none;
	display:none;
	float:none;
	position:absolute;
	float:none;
	left:-5px;
	top:45px;
	z-index:1000;
	background:#E3D6C5;
}

#page #header #menunav ul ul li a {
	background:#E3D6C5;
	display:block;
	position:relative;
	float:none;
	line-height:13px;
	clear:both;
	width:200px;
	padding:5px;
}

#page #header #menunav ul ul li a:hover {
	line-height:13px;
	background:#EA0070;
	color:white;
	font-size:11px;
	font-weight:bold;
}

/****************** menu -- onglets specifiques *****************/
#page #header #menunav div, #page #header #menunav div a { display:block; }

/*#page #header #menunav div { color:#e3d6c5; }
*/
/* #page #header #menunav div img{ width:100%; }
*/
#page #header #menunav div a:hover { color:white; }

#page #header #menunav div#barmenu1 a {
	width:123px;
	padding-top:5px;
	height:30px;
	font-size:11px;
}

/*#page #header #menunav div#barmenu1 a:hover { background:url(/media/bg_menu.gif) no-repeat 0px top; }*/
#page #header #menunav div#barmenu2 a {
	width:97px;
	padding-top:5px;
	height:30px;
	font-size:11px;
}

/*
#page #header #menunav div#barmenu2 a:hover {
	background:url('/media/bg_menu.gif') no-repeat -123px -35px;
}*/
#page #header #menunav div#barmenu3 a {
	width:97px;
	padding-top:5px;
	height:30px;
	font-size:11px;
}

#page #header #menunav div#barmenu4 a {
	cursor:default;
	width:148px;
	padding-top:5px;
	height:30px;
	font-size:11px;
}

#page #header #menunav div#barmenu5 a {
	width:255px;
	padding-top:5px;
	height:30px;
	font-size:11px;
}

#page #header #menunav div#barmenu6 a {
	width:180px;
	padding-top:5px;
	height:30px;
	font-size:11px;
}

#corps #col_g {
	background: #fff9e6;
	float:left;
	padding:20px;
	width:595px;
	/*width: 585px !important;*/
	/*width: 610px;*/
	display:inline;
}

#corps #col_d, .col_d_home {
	position:relative;
	float: left;
	width: 300px;
	display:inline;
}

#page #corps .col_g_home { }

div.cat1, a.cat1:hover, li.cat1, h2.cat1, h3.cat1 { background:#ECC4DC; }

div.cat2, a.cat2:hover, li.cat2, h2.cat2, h3.cat2 { background:#C8CDE7; }

div.cat3, a.cat3:hover, li.cat3, h2.cat3, h3.cat3 { background:#FCE4BA; }

div.cat4, a.cat4:hover, li.cat4, h2.cat4, h3.cat4 { background:#E4F4F6; }

div.cat5, a.cat5:hover, li.cat5, h2.cat5, h3.cat5 { background:#E6E6E6; }

div.cat6, a.cat6:hover, li.cat6 h2.cat6, h3.cat6 { background:#CDE2B1; }

#concours .tri_recherche legend { display: inline; }

.middlepub {
	display:inline;/*clear: none;*/
	float:left;
  height:30px;
  width:280px;
  margin-top:3px;
}

* html .middlepub {
margin-top:0px;
}

*+ html .middlepub {
margin-top:0px;
}



.note.white { background: url(/media/star_bg_w.gif) no-repeat left top; }

#form_inscr, #form_log, .bo form, form.bo {
	position:relative;
	padding:10px;
	background:url('/media/bg_recherche_avancee.png');
	border: 10px solid white;
	overflow:hidden;
	zoom:1;
	z-index:1000;
}

#form_inscr legend, .bo legend {
	padding:5px;
	background:#EA0070;
	color:white;
	font-size:14px;
	font-weight:bold;
}

#form_inscr fieldset, .bo fieldset {
	border:solid 3px white;
	margin:10px 0px;
	padding:10px;
	background:#F6F3ED;/*width: 150px;
float:left;
display:inline;*/
}

#form_inscr br, #form_log br, .bo form br { clear:both;overflow:hidden;zoom:1; }

.moit {
	float:left;
	text-align: right;
	display:inline;
	width:250px;
}

.moit + .moit { margin-left:20px; }

.moit input { /*width:200px;*/ }

#bloc_g_dna {
	width:575px;
	position:relative
}
.btn_inscri, .impulsons .btn_inscri {
color:#640A3E;
display:block;
float:right;
font-size:12px;
font-weight:bold;
height:35px;
line-height:32px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-left:20px;
text-decoration:none;
background:url(/media/btn_inscri_l.png) no-repeat left top;
}
.btn_inscri span, .impulsons .btn_inscri span{
background:url(/media/btn_inscri_r.png) no-repeat right top;
color:#640A3E;
display:block;
float:left;
height:35px;
padding-right:35px;
padding-left:5px;
}

/**************************************/
#partners {
	background: #FFFFFF;
	padding-top: 10px;
	position:relative;
	/*float:left;
	display:inline;*/
	width:300px;
	background: #FFFFFF;
	padding-top: 10px;
}

#partners .logo_partner {
	display:inline;
	float:left;
	margin:5px;
}

#parrains {
	background: #E3D6C5;
	padding-left:8px;
}

#parrains .bloc_parrain {
	/*display:none;
	padding: 10px;*/
	border:solid 7px white;
	position:relative;
	margin-left:7px;
	width:255px;
	height:100px;
	background:#F6F3ED;
}

#parrains .bloc_parrain img {
	float:left;
	display:inline;
	margin-right:10px;
}

#parrains .bloc_parrain h3 { color:black; }

#parrains .bloc_parrain .bulle {
	behavior:url('/css/iepngfix/iepngfix.htc');
	background:transparent url(/media/bulle.png) no-repeat scroll left top;
	float:left;
	font-size:11px;
	height:53px;
	line-height:1.1;
	margin-left:-20px;
	padding:5px 5px 5px 25px;
	position:relative;
	width:126px;
}

#parrains ul {
	list-style: none;
	padding:15px 0px;
	/*height:260px*/
}

#parrains ul li {
	background:white;
	padding: 5px;
	float:left;
	display:inline;
	height:110px;
	width:75px;
	margin:0px 0px 10px 7px;
}

#parrains ul li:hover { background:#fff9e6; }

#parrains ul li h3 {
	font-weight:normal;
	font-size:12px;
	line-height:1.2;
	margin-top:2px;
	text-align:center;
}

/************************** bloc DNA LINK *************************/
#dna_link {
	position:relative;
	width:300px;
	background: #FFFFFF;
	padding: 5px 0px;
}

#dna_link .dna_link_a {
	font-size: 20px;
	clear:both;
	font-weight: bold;
	text-decoration: none;
	color: #E50036;
	margin-left: 15px;
	margin-right: 15px;
	float:left;
	display:inline;
}

#dna_link .dna_link_logo {
	margin-right: 15px;
	float:right;
	display:inline;
}

#dna_link .txt_actu { margin: 15px; }

#dna_link .txt_actu img {
	float:left;
	display:inline;
	margin:0px 10px 10px 0px;
}

#dna_link h2, #dna_link .fil_info {
	font-weight:bold;
	text-align: center;
	background: #700511;
	padding: 2px 10px;
	color: #FFFFFF;
}

/*************************************/
/************************** bloc sitzami *************************/

#sitzami {
	text-align:left;
	padding:15px;
	padding-bottom:15px;
	line-height:13px;
}

#sitzami ul li {
	list-style: none;
	margin-bottom:5px;
}

#sitzami ul li a {
	list-style: none;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

#sitzami a:hover { color:#FFFFFF; }

/************************************/
/*********** Classes infos utiles **************/
.texte a, .chapo a {
	display:block;
	margin-top:10px;
}

#footer {
	background:#534741;
	color:white;
	/*margin:15px;*/
padding:15px;
}

#footer #liens { /*width:620px;*/
	float:left;
	font-size:11px;
}

#footer .signaler { float:right; }