/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
    margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {
	background: url(../images/charte/bg-body.jpg) center top fixed;
}

form fieldset {border:none;}

/***************** CONTAINER *****************/
#container {
	position:relative;
	min-height:100%;
	width:968px;
	margin:11px auto 0 auto;
	background: url(../images/charte/bg-container.png) center top repeat-y;
}
/***************** HEADER *****************/
#header {
	float:left;
	position:relative;
	display:inline;
	width:100%;
	height:221px;
	background:url(../images/charte/bg-header.gif) top center no-repeat;
}
#header .logo { float:left; display:inline; margin:23px 0 0 34px; }
#header h1 { float:left; display:inline; margin:51px 0 0 104px; }
#headerFlash {
	float:left;
	position:relative;
	display:inline;
	width:960px;
	height:200px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
/***************** MENU TOP *****************/
#menuTop {
	clear:both;
	position:absolute;
	bottom:29px;
	right:19px;
	z-index:10;
	width:737px;
	height:49px;
	list-style:none;
}
#menuTop li {
	position:relative;
	float:left;
	display:inline;
	margin-left:5px;
	width:87px;
}
#menuTop a {
	text-decoration:none;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	display:block;
	float:left;
	height:49px;
	width:87px;
	line-height:60px;
	overflow:hidden;
	background:url(../images/charte/bg-menu.gif) 0 0 no-repeat;
}
#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {
	background:url(../images/charte/bg-menu.gif) bottom left no-repeat;
	line-height:52px;
}
/***************** SOUS MENU *****************/
#menuTop li ul {
	list-style:none;
	position:absolute;
	width:160px;
	top:-6000px;
	left:0;
	background:#ffc0a9;
}
#menuTop li li {
	float:none;
}
#container #menuTop li li a {
	background:none;
	width:auto;
	position:relative;
	height:20px;
	font:11px/20px Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#fff;
	text-decoration:none;
}
#container #menuTop li li a:hover {
	background:#ff8598;
}
.content { clear:both; float:left; display:inline; margin-left:4px; background:red; width:960px; position:relative; background:url(../images/charte/bg-content.png) 0 0 repeat-y; padding-bottom:15px; }
.content .ombre { position:absolute; width:960px; height:5px; top:0; left:0; background:url(../images/charte/ombre.png) 0 0 no-repeat; }

/***************** CONTENU *****************/
#contenu {
	float:left;
	position:relative;
	display:inline;
	width:653px;
	margin-left:15px;
	margin-top:18px;
}
.top-encart-home { float:left; width:623px; background:#d9dada; padding:15px; overflow:hidden; }
.top-encart-home h1 { font-size:15px; font-weight:bold; color:#000; }
.top-encart-home h2 { font-size:14px; font-weight:bold; color:#e2007a; }
.top-encart-home .text-encart { float:left; display:inline; margin-top:10px; font-size:13px; color:#000; text-align:justify; width:290px; }
.top-encart-home .photo-top-encart { float:left; display:inline; margin-top:5px; margin-left:15px; }
/*.liste-soirees { clear:both; width:100%; margin-top:20px; }
.liste-soirees tr { position:relative; overflow:hidden; }
.liste-soirees td { display:inline; height:auto; background:#e2007a url(../images/charte/bg-table.gif) bottom left no-repeat; width:319px; vertical-align:top; position:relative; overflow:hidden; float:left; }
.liste-soirees td .entete { position:relative; width:100%; height:47px; background:url(../images/charte/entete-soirees.gif) 0 0 no-repeat; }
.liste-soirees td .entete .titre-soiree { margin-left:10px; font-size:13px; color:#fff; padding-top:7px; width:180px; font-weight:bold; }
.liste-soirees td .entete .ages-soiree { margin-left:10px; font-size:13px; color:#1a171b; padding-top:5px; font-weight:bold; }
.liste-soirees td .entete .date-soiree { position:absolute; right:5px; top:10px; text-align:right; width:115px; font-size:12px; color:#fff; }
.liste-soirees td .photo-soiree { clear:both; float:left; display:inline; margin:10px 0 5px 9px; width:150px; }
.liste-soirees td .right-soiree { float:left; display:inline; width:143px; margin-left:10px; margin-top:5px; font-size:12px; position:relative; }
.liste-soirees td .right-soiree .lieu-soiree { text-align:right; color:#1a171b; }
.liste-soirees td .right-soiree .detail-soiree { padding-top:5px; color:#fff; line-height:14px; padding-bottom:40px; }
.liste-soirees td .savoir-plus { clear:both; position:absolute; bottom:21px; right:5px; }
.liste-soirees td .savoir-plus a { font-size:11px; color:#fff; text-decoration:none; }
.liste-soirees td .savoir-plus a:hover { color:#e2007a; text-decoration:underline }
.liste-soirees td .navigation-soiree { position:absolute; bottom:5px; padding-top:5px; font-size:11px; color:#fff; }
.liste-soirees td .navigation-soiree a { color:#e2007a; text-decoration:none; }
.liste-soirees td .navigation-soiree a:hover { color:#fff; text-decoration:underline; }
.liste-soirees td .navigation-soiree a.precedent { margin-right:5px; background:url(../images/charte/fleche-gauche.gif) left center no-repeat; padding-left:15px; padding-bottom:2px; }
.liste-soirees td .navigation-soiree a.suivant { margin-left:5px; background:url(../images/charte/fleche-droite.gif) right center no-repeat; padding-right:15px; padding-bottom:2px; }
.liste-soirees td.sep { width:15px; background:none; }
.liste-soirees tr.ligne-vide td { height:20px; background:none; }*/
.soirees { clear:both; float:left; width:100%; margin-top:20px; background:url(../images/charte/bg-soirees.gif) bottom left no-repeat; overflow:hidden; position:relative; }
.soirees .soiree { float:left; display:inline; width:319px; position:relative; padding-bottom:15px; }
.soirees .soiree .entete { position:relative; background:url(../images/charte/entete-soirees.gif) 0 0 no-repeat; }
.soirees .soiree .entete .titre-soiree { margin-left:10px; padding-top:4px; width:180px; }
.soirees .soiree .entete .titre-soiree a { font-size:13px; color:#fff; font-weight:bold; text-decoration:none; }
.soirees .soiree .entete .titre-soiree a:hover { color:#e2007a; text-decoration:underline; }
.soirees .soiree .entete .ages-soiree { margin-left:10px; font-size:13px; color:#1a171b; padding-top:7px; padding-bottom:3px; font-weight:bold; }
.soirees .soiree .entete .date-soiree { position:absolute; left:200px; bottom:3px; text-align:right; width:115px; font-size:12px; color:#fff; }
*html .soirees .soiree .entete .date-soiree { top:30px; left:190px; }
.soirees .soiree .photo-soiree { clear:both; float:left; display:inline; position:relative; margin-top:10px; margin-left:10px; margin-right:10px; width:150px; z-index:10; }
.soirees .soiree .right-soiree { float:left; display:inline; width:143px; margin-top:5px; font-size:12px; position:relative; }
.soirees .soiree .right-soiree .lieu-soiree { text-align:right; color:#1a171b; }
.soirees .soiree .right-soiree .detail-soiree { padding-top:5px; color:#fff; line-height:14px; padding-bottom:30px; }
.soirees .soiree-right { margin-left:15px; }
/*.soirees .bottom-soiree { clear:both; position:absolute; width:319px; height:38px; z-index:9; }
.soirees .bottom-soiree .savoir-plus { clear:both; text-align:right; margin-right:5px; }
.soirees .bottom-soiree .savoir-plus a { font-size:11px; color:#fff; text-decoration:none; font-weight:bold; }
.soirees .bottom-soiree .savoir-plus a:hover { color:#e2007a; text-decoration:underline }*/
.soirees .bottom-soiree .navigation-soiree { text-align:right; padding-top:3px; font-size:11px; color:#fff; margin-right:5px; }
.soirees .bottom-soiree .navigation-soiree a { color:#e2007a; text-decoration:none; }
.soirees .bottom-soiree .navigation-soiree a:hover { color:#fff; text-decoration:underline; }
.soirees .bottom-soiree .navigation-soiree a.precedent { margin-right:5px; background:url(../images/charte/fleche-gauche.gif) left center no-repeat; padding-left:15px; padding-bottom:2px; }
.soirees .bottom-soiree .navigation-soiree a.suivant { margin-left:5px; background:url(../images/charte/fleche-droite.gif) right center no-repeat; padding-right:15px; padding-bottom:2px; }
.soirees .bottom-gauche { bottom:1px; left:0; }
.soirees .bottom-droite { bottom:1px; right:0; }

.enplus
{
	position:relative;
	bottom:-19px;
	left:50px;
}

*html .enplus
{
	bottom:-21px;
}

*+html .enplus
{
	bottom:-21px;
}

.enplus a { font-size:11px; color:#fff; text-decoration:none; font-weight:bold; }

.enplus a:hover { color:#e2007a; text-decoration:underline }

/* --- BIDOU --- */
#bidou1
{
	display:block;
	width:10px;
	height:152px;
	position:absolute;
	top:350px;
	left:15px;
	background:url(../images/charte/bidou.jpg);
	z-index:1000;
}

#bidou2
{
	display:block;
	position:absolute;
	width:10px;
	height:152px;
	top:350px;
	left:349px;
	background:url(../images/charte/bidou.jpg);
	z-index:1001;
}

#bidou3
{
	display:block;
	position:absolute;
	width:10px;
	height:152px;
	top:571px;
	left:15px;
	background:url(../images/charte/bidou.jpg);
	z-index:1002;
}

#bidou4
{
	display:block;
	position:absolute;
	width:10px;
	height:152px;
	top:571px;
	left:349px;
	background:url(../images/charte/bidou.jpg);
	z-index:1003;
}

/* ----- colonne right ----- */
#right { float:left; display:inline; width:245px; margin-left:30px; margin-top:18px; }
#right .video { clear:both; float:left; width:100%; margin-bottom:20px; }
#right .newsletter { clear:both; float:left; margin-bottom:20px; width:100%; height:80px; background:url(../images/charte/bg-encart-newsletter.gif) 0 0 no-repeat; }
#right .newsletter .titre { font-size:13px; margin-left:10px; color:#fff; padding-top:3px; }
#right .newsletter .intro-newsletter { font-size:13px; color:#fff; padding-top:10px; margin-left:10px; }
#right .newsletter .input-newsletter { float:left; display:inline; margin-left:10px; margin-top:5px; border:0; padding:2px; font-size:12px; color:#e2007a; width:188px; border-right:1px solid #939294; }
#right .newsletter .bt-ok-newsletter { float:left; display:inline; margin-top:5px; padding:1px 2px; background:#1a171b; text-align:center; color:#e2007a; font-size:12px; border:0; text-transform:uppercase; }
#right .newsletter .bt-ok-newsletter:hover { color:#fff; cursor:pointer; }
#right .prochaines-soirees { clear:both; float:left; width:100%; margin-bottom:20px; background:#d9dada url(../images/charte/bg-prochaines-soirees.gif) 0 0 no-repeat; }
#right .prochaines-soirees .titre { background:url(../images/charte/titre-prochaines-soirees.gif) 0 0 no-repeat; height:27px; line-height:27px; padding-left:10px; color:#fff; font-size:13px; }
#right .prochaines-soirees .liste-soirees { clear:both; float:left; display:inline; margin-left:11px; margin-top:10px; width:220px; list-style-type:none; }
#right .prochaines-soirees .liste-soirees li { clear:both; float:left; width:100%; padding-bottom:10px; font-size:13px; }
#right .prochaines-soirees .liste-soirees li a.titre-soiree { display:block; float:left; display:inline; color:#1a171b; text-decoration:none; font-weight:bold; width:160px; }
#right .prochaines-soirees .liste-soirees li a.titre-soiree:hover { color:#E2007A; text-decoration:underline; }
#right .prochaines-soirees .liste-soirees li .date-soiree { display:block; float:left; display:inline; color:#e2007a; font-weight:bold; margin-left:5px; width:55px; text-align:right; }
#right .prochaines-soirees .liste-soirees li .descrip-soiree { clear:both; border-top:1px solid #fff; font-size:12px; color:#7e7d7f; text-align:justify; padding-top:3px; }
#right .prochaines-soirees .toutes-soirees { clear:both; background:#e2007a; text-align:right; padding-right:10px; padding-bottom:2px; }
#right .prochaines-soirees .toutes-soirees a { padding-right:15px; font-size:12px; color:#fff; text-decoration:none; background:url(../images/charte/fleche-soirees.gif) right center no-repeat; }
#right .prochaines-soirees .toutes-soirees a:hover { color:#000; text-decoration:underline; }
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:968px;
	margin:0 auto;
	padding-top:15px;
	text-align:center;
	background:url(../images/charte/bg-footer.png) 0 0 no-repeat;
}
#footer p { color:#8d8d8d; font-size:12px; padding-bottom:10px; }
#footer a:link, #footer a:visited{
text-decoration:none;
color:#8d8d8d;
}
#footer a:hover, #footer a:active{
color:#E2007A; text-decoration:underline;
}
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}

.contenu-interieur h1 { font-size:18px; color:#e2007a; font-weight:bold; }
.contenu-interieur h2 { font-size:16px; font-weight:bold; padding-top:10px; }
.contenu-interieur p { padding-top:10px; font-size:12px; }
.contenu-interieur p a { color:#000; text-decoration:underline; }
.contenu-interieur p a:hover { color:#e2007a; }


#div_err
{
	display:none;
	position:absolute;
	top:305px;
	left:710px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C00;
}

*html #div_err
{
	width:250px;
}

div.form{display:block;float:left;height:auto;padding-bottom:4px;padding-top:4px;width:100%;position:relative;margin-top:5px; background-color:#CCC;}
div.form input{float:left;}
div.form label, div.form span.label{margin-left:10px;font:normal 12px/15px Arial, Verdana, Sans-Serif;color:#e2007a;display:block;float:left;width:165px;}
div.form label.rad_label{color:#e2007a;display:block;float:left;width:80px;}
div.form input, div.form select, div.form textarea{color:#000;border:1px solid #cccccc;background:#ffffff;}
div.form input.input_court{margin-right:2px;background-color:#FFF;border:none;}

.captcha
{
	border:1px solid white;
}

div.numerotation-page
{
	clear:both;
	width:100%;
	font-size:13px;
}

div.numerotation-page hr
{
	background-color:#e2007a;
	border:0;
	width:100%;
	height:2px;
}

div.numerotation-page a
{
	text-decoration:underline;
	color:#e2007a;
}

div.numerotation-page a:hover
{
	text-decoration:none;
}

div.soiree-item
{
	background-color:#CCC;
	margin-bottom:5px;
	padding:10px;
	font-size:12px;
}

div.soiree-item a
{
	color:#e2007a;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

div.soiree-item a:hover
{
	text-decoration:underline;
}

div.soiree-item .date-item
{
	float:right;
	color:#e2007a;
	font-weight:bold;
}