/* JV CSS Document HYPTIQUE / ERIK SOULARD 2007*/

.accueil #adresse{padding:13px 0 25px 440px;}
.accueil #piedpage div#menu_bas{left:430px;width:493px;}
.accueil h2.c_interne {padding:6px 0 0 20px;}
.accueil h4.c_interne {padding:0 0 0 20px;}
.accueil .colonne_gauche h4 {margin-left: 48px;}

/* Main conteneur principale de la page */
#main{margin-left:auto; margin-right:auto; width:1024px; height:auto; background:url(../img/accueil/fondParentAccueil.gif) repeat left top;}

/* #main#bandeau_haut */
#bandeau_haut{position:relative; background:url(../img/accueil/fond_topHome.gif) repeat left top; width:1024px; height:100px;}
#logo{position:absolute; top:0px; left:46px; width:195px; height:82px;}
.logoH1{height:82px;}

/* moteur de recherche haut de page */
#recherche{position:absolute; top:17px; left:774px; width:172px; height:16px;}
#recherche form{display:inline;}
#recherche input.recherche{position:relative; text-indent:2px; border-bottom:1px solid #000; border-right:1px solid  #000; border-top:1px solid #000; border-left:1px solid #000; height:14px; width:95px; margin:0px 0px 0px 0px; font-size:1.2em;}
#recherche input.btOk{margin:0px}
#recherche input#ok{position:relative; width:29px; height:16px; border:none}

#piedpage{width:1024px; height:142px; margin-left:auto; margin-right:auto; background:url(../img/accueil/fond_footAccueil.gif) no-repeat left top;}
#piedpage div#newsletter{position:relative; top:-57px; left:773px; width:172px; height:30px;}
#piedpage div#newsletter form{display:inline;}
#piedpage div#newsletter form p{line-height:12px;}
#piedpage div#newsletter input.fmail{position:relative; text-indent:2px; border-bottom:1px solid #000; border-right:1px solid #000;  border-top:1px solid #000; border-left:1px solid #000; height:12px; width:95px; margin:0px 0px 0px 0px; font-size:1.2em;}
#piedpage div#newsletter input.btOk{margin:0px}
#piedpage div#newsletter input#ok{position:relative; width:29px; height:16px; border:none}
/*signature theatre*/
.name{font-size:1.4em; color:#000; font-weight:bold; padding:10px 0 0 440px;}
.add{font-size:1.2em; color:#000; padding:0 0 25px 440px; line-height:18px;}

.clearboth{clear:both;}

/* Contenu colone de gauche */
.colonne_gauche{position:relative; height:494px; width:420px; float:left; background:url(../img/accueil/fond_noirGAcc.gif) no-repeat right 
top;}
/*contrle sur le div du lecteur flash*/
#videoAlaUne h3 {color:#EF3E2E; font-weight: bold;}

#module { margin:0 0 20px 67px;}
#module p{ margin-left:10px;padding:0;width:335px; color: #FFFFFF;}
.colonne_gauche h3{padding:0 0 0 67px; font-weight:lighter;}
.colonne_gauche h4{padding:7px 34px 0 67px;}
.colonne_gauche h5{padding:0 0 0 67px;}
.colonne_gauche p{/*width:318px; */padding:0 34px 0 67px; text-align:justify; line-height:16px;}
.colonne_gauche p.sep10{width:318px; padding:0 0 0 67px; text-align:justify; line-height:10px;}
.colonne_gauche p.sep15{width:318px; padding:0 0 0 67px; text-align:justify; line-height:3px;}
/*liens dclins sur le genre de spectacle*/
.danseL{color:#368ACC;}
.danseL:link{color:#368ACC;}
.danseL:hover{color:#FFF;}
/**/
.theatreL{color:#F13E30;}
.theatreL:link{color:#F13E30;}
.theatreL:hover{color:#FFF;}
/**/
.musiqueL{color:#78C682;}
.musiqueL:link{color:#78C682;}
.musiqueL:hover{color:#FFF;}
/**/
.poesieL{color:#FF6699;}
.poesieL:link{color:#FF6699;}
.poesieL:hover{color:#FFF;}
/**/
.conteL{color:#FAA61A;}
.conteL:link{color:#FAA61A;}
.conteL:hover{color:#FFF;}
/**/
.chansonL{color:#FFD400;}
.chansonL:link{color:#FFD400;}
.chansonL:hover{color:#FFF;}
/**/

/* conteneur_home */
.conteneur_contenu{position:relative; height:auto; float:left; width:604px; background:url(../img/accueil/fond_noirDAcc.gif) no-repeat right top;}
.aLaUne{padding:0 20px 6px 20px; font-weight:bold; font-size:1.8em !important;}
.saison{padding:7px 20px 0 20px;}
/* conteneur des actus */
.conteneuractu{
	position:relative;
	width:483px;
	height:auto;
	background-color:#FFFFFF;
}
/* ligne de 2 actus */
.conteneur_contenu .actu{
	position:absolute;
	height:260;
	padding-bottom:0px;
	width: 483px;
	top: 350px;
	left: 0;
	z-index: 0;

}
/*.actu{position:absolute; height:auto; width:483px; padding-top:450px;}*/
/*découpage cts gauche/droit*/
.conteneur_contenu .conteneuractu .actu1 {float:left; width:220px; margin:0 5px 0 10px; padding:0;}
.conteneur_contenu .conteneuractu .actu2 {float:right; width:220px; margin:0 20px 0 0;padding:0; display: inline;}
.conteneur_contenu .conteneuractu .actu3 {clear:both;float:right; width:220px; margin:0 20px 0 0;padding:0; display: inline;}
/*#listeActu .actu1 .couleurCat115, #listeActu .actu1 .couleurCat108 , #listeActu .actu2 .couleurCat108 {padding-bottom:21px;}*/

.conteneur_contenu .conteneuractu div div div{padding-bottom:10px;}

.conteneur_contenu .conteneuractu .actuTip {height:237px;background:url(../img/accueil/fondActu.jpg) no-repeat left top; }
.conteneur_contenu .conteneuractu .actuTip ul {padding:0 5px 0 27px;}
.conteneur_contenu .conteneuractu .actuTip ul li {font-size:1.2em; line-height:14px; padding:0 15px 0 0px;}


.conteneuractu #listeActu div.sfhover .couleurCat115{background-color:#368ACC;color:#000000;}
.conteneuractu #listeActu div.sfhover .couleurCat108{background-color:#f13e30;color:#000000;}
.conteneuractu #listeActu div.sfhover .couleurCat116{background-color:#78C682;color:#000000;}
.conteneuractu #listeActu div.sfhover .couleurCat119{background-color:#FAA61A;color:#000000;}
.conteneuractu #listeActu div.sfhover .couleurCat123{background-color:#FF6699;color:#000000;}

.conteneur_contenu .conteneuractu html .actuTip {
	margin:0 -3px 0 0;
	padding:0;
	width: 220px;
}

/*.conteneur_contenu .conteneuractu *:first-child+html .actuTip { position:absolute; top:-322px; margin:0; padding:0; overflow:hidden; }*/
.titreActuTip{font-size:2.4em; font-weight:bold; padding:15px 15px 5px 15px;}
.texteActuTip{font-size:1.2em; line-height:14px; padding:0 15px 0 15px;}

/*ACTU*/
.titreActu{font-size:2.4em; padding:0 5px 5px 5px; line-height:22px}
.titreActu a {text-decoration:none; color:#000000;}
.surtitreActu{font-size:1.2em; padding:5px 0 0 5px;}
.dateActu{font-size:1.2em; font-weight:bold; line-height:15px; padding:0 0 5px 5px;}
.imageActu{padding:0 0 5px 10px;}
/*texte sous la photo*/
.texteActu{font-size:1.3em; line-height:16px; padding:0 5px 0 5px;}