/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:11px;
background:#000000 url(../media/interface/bg.jpg) top center no-repeat;
text-align:center;
margin:0px;
padding:0px;
}
#page{
width:822px;
padding-left:2px;
margin: 0px auto;
text-align:left;
}
#menu a{
display:block;
float:left;
height:30px;
}
#menu a.sel, #menu a:hover{
background-position:0px -30px;
}
#menu a span{
display:none;
}
#rubrique1{
width:75px;
background:url(../media/interface/menu_theatre.jpg) 0px 0px no-repeat;
}
#rubrique2{
width:87px;
background:url(../media/interface/menu_concerts.jpg) 0px 0px no-repeat;
}
#rubrique3{
width:112px;
background:url(../media/interface/menu_conferences.jpg) 0px 0px no-repeat;
}
#rubrique4{
width:104px;
background:url(../media/interface/menu_expositions.jpg) 0px 0px no-repeat;
}
#rubrique5{
width:82px;
background:url(../media/interface/menu_castings.jpg) 0px 0px no-repeat;
}
#rubrique7{
width:122px;
background:url(../media/interface/menu_livres.jpg) 0px 0px no-repeat;
}
#rubrique8{
width:129px;
background:url(../media/interface/menu_editions.jpg) 0px 0px no-repeat;
}
#menu_reservations{
width:111px;
background:url(../media/interface/menu_reservations.jpg) 0px 0px no-repeat;
}
#ariane{
float:left;
margin-top:15px;
font-size:10px;
}
#ariane a{
text-decoration:none;
}
#ariane a:hover{
text-decoration:underline;
}
#mailing{
float:right;
margin-right:8px;
padding-top:28px;
width:198px;
}
*html #mailing{
margin-right:4px;
}
#mailing input.texte{
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
width:128px;
border:1px solid #a17d4f;
background:#FFF;
padding:2px 7px;
}
#mailing p{
width:144px;
padding:3px;
background-color:#cc9c5c;
float:left;
}
*html #mailing input.texte{
width:120px;
}
*html #mailing p{
width:120px;
}
#mailing .btn{
width:50px;
margin-left:-5px;
background:none;
border:none;
padding:3px 0px;
cursor:pointer;
color:#97621F;
font-weight:bold;
font-size:9px;
font:Arial, Helvetica, sans-serif;
}
*html #mailing .btn{
margin-left:0px;
}
#mailing .erreur_mailing{
background:#B40C1B;
padding:1px 4px;
color:#FFFFFF;
width:auto;
font-size:9px;
margin-top:10px;
}
#col_actu{
float:left;
width:238px;
margin-right:43px;
margin-top:125px;
min-height:280px;
background:url(../media/interface/col_actu.jpg) 0px 22px no-repeat;
}
*html #col_actu{
margin-top:167px;
}
*+html #col_actu{
margin-top:167px;
}
#col_actu h2{
margin-bottom:-10px;
font-size:16px;
}
#col_actu h2 a{
font-size:9px;
float:right;
text-decoration:none;
margin-top:6px;
background:url(../media/interface/a.gif) top right no-repeat;
padding-right:9px;
}
#col_actu h2 a:hover{
text-decoration:underline;
}
#col_actu .col_actu_item{
margin:20px 4px 0px 4px;
}
#col_actu .col_actu_item span.date{
background-color:#4c4c4c;
padding:1px 3px;
font-weight:bold;
float:left;
margin-right:5px;
}
#col_actu .col_actu_item h3{
font-size:11px;
text-transform:uppercase;
color:#dfb072;
margin-bottom:0px;
}
#col_actu .col_actu_item div.texte_breve{
margin:10px 14px 0px 14px;
}
#col_content{
float:left;
width:539px;
margin-top:15px;
min-height:380px;
background:url(../media/interface/col_content.jpg) 0px 22px no-repeat;
}
*html #col_content{
margin-top:22px;
}
*+html #col_content{
margin-top:22px;
}
#col_content h2{
font-size:16px;
text-transform:uppercase;
}
#col_content_contenu{
padding:12px;
}
#col_content_contenu .col_content_item a{
color:#FFF;
}
#col_content_contenu .col_content_item h3{
font-size:14px;
text-transform:uppercase;
}
#col_content_contenu .col_content_item h3 span.infos{ 
text-transform:none;
font-weight:normal;
}
#col_content_contenu .col_content_item p.categorie{
float:right;
color:#3e3e3e;
text-transform:uppercase;
text-decoration:none;
}
#col_content_contenu .col_content_item p.categorie a{
color:#3e3e3e;
text-transform:uppercase;
text-decoration:none;
}
#col_content_contenu .col_content_item p.categorie a:hover{
text-decoration:underline;
}
#col_content_contenu .col_content_item .vignette{
width:146px;
float:left;
margin-right:13px;
margin-bottom:10px;
}
#col_content_contenu .col_content_item .vignette img{
border:solid 1px #000;
}
#col_content_contenu .col_content_item .detail p.detail_infos{
font-size:12px;
font-weight:bold;
color:#4c4c4c;
}
#col_content_contenu .col_content_item .detail a.btn{
margin-right:8px;
}
#col_content_contenu .col_content_item div.texte_article img, #document_actif img {
margin-top:10px;
margin-bottom:10px;
max-width:512px;
border:solid 1px #000;
}
ul.liste_liens{
list-style:none;
}
ul.liste_liens li{
background:url(../media/interface/a.gif) top left no-repeat;
padding-left:12px;
}
ul.liste_liens li a{
color:#dfb072;
text-decoration:none;
}
ul.liste_liens li a:hover{
text-decoration:underline;
}
.rel_partenaires#second,#third{
margin-left: 30px ;
}
.rel_partenaires{
display: inline ;
margin-bottom: 70px ;
}
#partenaire{
margin-bottom: 50px ;
}
#footer, #footer a{
margin-top:45px;
color:#494949;
}
#footer a:hover,#footer a.sel{
color:#FFF;
text-decoration:none;
}
#footer p{
color:#FFF;
margin-top:20px;
margin-bottom:10px;
}
#footer img{
margin-top:20px;
}
.clear{
clear:both;
height:0px;
line-height:0px;
font-size:0px;
}
.sep{
background:url(../media/interface/sep.gif) top center no-repeat;
height:1px;
line-height:0px;
font-size:0px;
margin:10px 0px;
}
.septop{
background:url(../media/interface/septop.gif) top center no-repeat;
height:1px;
line-height:0px;
font-size:0px;
margin:10px 0px;
}
hr{
border:none;
border-top: solid 1px #ededed;
margin:10px 0 10px 0;
}
h1{
font:24px Arial, sans-serif;
font-weight:bold;
color:#FFF;
margin:0 0 208px 0;
}
h1 a,h1 a:hover{
display:block;
line-height:99px;
text-decoration:none;
}
h1 span{
display:none;
}
h2{
font:22px Arial, sans-serif;
font-weight:bold;
color:#FFF;
margin:0 0 5px 0;
}
h3{
font:20px Arial, sans-serif;
font-weight:bold;
color:#FFF;
margin:0 0 5px 0;
}
h4{
font:18px Arial, sans-serif;
font-weight:bold;
color:#FFF;
margin:0 0 5px 0;
}
h4#rel{
font:18px Arial, sans-serif;
font-weight:bold;
color:#FFF;
margin-bottom:-20px;
}
.fl{
float:left;
}
.fr{
float:right;
}
img{
border:none;
}
img.fl{
margin:0 10px 0 0;
}
img.fr{
margin:0 0 0 10px;
}
p{
margin:0 0 10px 0;
padding:0px;
}
a{
color:#FFF;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
ul,li{
margin:0px;
padding:0px;
}
form{
padding:0px;
margin:0px;
}
.highlight{
color:#ff0000;
}
.dark{
color:#666;
}
.small{
font-size:9px;
}
.big{
font-size:12px;
}
/* CONTACT */
table.contact {   
width: 100%;
margin: 0 0 0 0;
}
table.contact td{   
font-family:Arial, Helvetica, sans-serif;
}
table.contact td.titre {
padding: 15px 0 20px 0;
font-size: 11px;
color: #FFF;
font-weight: bold;
}
table.contact td.designation {
width: 200px;
padding: 7px 0 6px 10px;
font-weight: bold;
vertical-align: top;
}
table.contact td.required {
width: 10px;
font-size: 1px;
}
table.contact td.required-on {
width: 10px;
font-size: 1px;
background-image: url(../media/interface/field-required.gif);
background-position: left;
background-repeat: no-repeat;
}
table.contact td.field {
vertical-align: top;
padding: 3px 0 0 0;
}
table.contact td.field input {
width: 220px;
border:solid 1px #a17d4f;
color:#333;
padding:2px 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
table.contact td.field select {
width: 230px;
border:solid 1px #a17d4f;
color:#333;
padding:2px 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
table.contact td.field textarea {
width: 220px;
height: 100px;
border:none;
border:solid 1px #a17d4f;
background:#FFF;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
padding:2px 3px;
color:#333;
}
table.contact td.sep {
height: 20px;
font-size: 1px;
}
table.contact table.button {
width: 100%;
}
table.contact table.button input {
width: 100px;
height: 20px;
border:solid 1px #a17d4f;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
}
table.contact table.button td.space {
width: 150px;
}
table.contact table.button td.submit {
width: 120px;
text-align: left;
}
table.contact table.button td.reset {
text-align: left;
}
table.contact table.button td.submit input,table.contact table.button td.reset input, input.button_abo{
background-image:none;
background-color:#9b0004;
border:solid 1px #a13d3b;
color:#FFF;
cursor:pointer;
}
table.contact tr.error {
color: #ff0000;  
}
div.error {
color: #ff0000;    
margin-bottom:20px;
}                    
div.error div.titre {
padding: 0px;
font-size: 1.30em;
line-height: 1.30em;
font-weight: bolder;
}         
div.error div.titre img {
float:left;
}        
div.error div.txt {
padding: 0px;
}
a.rss{
text-decoration:none;
float:right;
margin-top:-3px;
}
a.rss img{
vertical-align:middle;
margin-bottom:2px;
}
a.rss:hover span{
text-decoration:underline;
}
table.contact td.field input.read_only{
background:none;
border:none;
color:#FFFFFF;
}
fieldset {
border:none;
display:block;
margin-left:0px;
margin-right:0px;
padding:0px;
}
legend{
display:none;
}
.invisible_livre{
visibility:hidden;
}

.inscription_texte label, .connexion_texte label{
	width:200px;
	display:block;
	float:left;

}
.inscription_texte input, .connexion_texte input {
	border:1px solid #A17D4F;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	padding:2px 3px;
	width:220px;
	margin-bottom:10px;
}
.inscription_texte .submit, .connexion_texte .submit{
	background-color:#9B0004;
	background-image:none;
	border:1px solid #A13D3B;
	color:#FFFFFF;
	cursor:pointer;
	width:auto;
	margin-left:200px;
}

.logo_contact {
	height:47px;
	margin-left:590px;
	margin-top:-180px;
	position:absolute;
	width:198px;
}
.message_ok {
	display:block;
	width:300px;
	border:1px solid green;
	text-align:center;
	background:#aee37d;
	color:green;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:100px;
	margin-bottom:20px;
}
.message_erreur {
	display:block;
	width:300px;
	border:1px solid red;
	text-align:center;
	background:#d09090;
	color:red;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:100px;
	margin-bottom:20px;
}
.notification-connexion {
	display:block;
	margin-top:5px;
}
.notification-connexion a{
	color:red;
}