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

/* Main conteneur principale de la page */
#main { margin:0 auto; width:1024px; height:auto; background:url(../img/layout/bkg.gif) repeat left top;position:relative; }

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

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


#rootline { position:absolute; top:85px; left:280px; height:10px; }
#outils { position:absolute; top:116px; left:820px; height:10px; }
.theatre #outils, .petitsetgrands #outils, .musique #outils, .humour #outils, .danse #outils, .chanson #outils {top:108px;}

.filet { position:absolute; top:99px; left:292px; width:593px; height:1px; background-color:#333; }

/* Contenu colone de gauche */
#colonne_gauche { height:494px; width:273px; float:left; background:url(../img/layout/fond_noir_g_.gif) no-repeat right top;}
#colonne_gauche h2 {margin-left:45px;}

/* conteneur_home */
#conteneur_contenu { min-height:494px; height:auto; /*max-height:494px;width:751px;*/ padding:0 0 0 20px;width:731px;float:left; background:url(../img/layout/fond_noir_d.gif) no-repeat left top; }

.spectacle #conteneur_contenu {padding:0 121px 0 20px;width:610px;}


/* footer */
#piedpage { position:relative; width:1024px; margin:0 auto; height:213px; background:url(../img/layout/fond_foot__.gif) no-repeat left top; }

#piedpage div#newsletter { position:absolute; top:35px; left:774px; width:172px; height:30px; }
#piedpage div#newsletter form { display:inline; }
#piedpage div#newsletter form p { line-height:12px; }
#piedpage div#newsletter input.fmail { float:left; text-indent:2px; border:1px solid #000; border-right:1px solid #000; width:95px; padding:0 0 2px; font-size:1.2em; height:12px; }
#piedpage div#newsletter input.btOk { margin:0; }
#piedpage div#newsletter input#ok { padding:0; float:left; border:none; }
/*signature theatre*/
#adresse{padding:13px 0 25px 293px;}
#adresse p {line-height:18px; font-size:1.2em;}
#adresse p strong{font-size:1.2em;}

.name { font-weight:bold; padding:13px 0 0 293px; }
.add { padding:0 0 25px 293px; line-height:18px; }

.clearboth { clear:both; }