@import url("editeur.css");
/*
CSS Document for tca  ===== One Pixel Studio -juin 2008
================ main class ========== 
*/
ul {
    margin: 0 0 10px 0;
}

li {
    margin: 0 0 0 15px;
    padding: 0;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 3px 0 0 0;
	line-height:normal;
}

.eventTitle h1, .eventTitle h2 {
    text-transform: uppercase;
    font-size: 30px;
    padding: 0;
    margin: 0;
}

h2 {
    font-size: 24px;
}

h3{
    font-size: 18px;
}

h4 {
	font-size: 13px;
}

p {
    margin: 0 0 10px 0;
    padding: 0;
}

blockquote p {
    margin: 0;
}

blockquote {
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px dotted #666;
}

A {
    color: #000;
    text-decoration: none;
}

A:hover {
    color: #02A3D9;
}

.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
}

.teaser_link a {
    font-style: italic;
}
/* ================ main id ========== */
html{
	text-align:center;
}
body#newsletter {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
    background: #FFF;
    padding: 0;
    color: #333;
	position:relative;
	width:900px;
	margin:10px auto;
	text-align:left;

}
* html body#newsletter #content{
margin:20px;
width:910px;
}
body#newsletter .nonvisible{
	position:absolute;
	top:0;
	right:0;
	z-index:100;
}


body#newsletter #logo {
	position:relative;
	top:0;
	left:-15px;
    height: 110px;
    background: url(http://www.theatredecarouge-geneve.ch/fileadmin/templates/images/newsletter/logo_newsletter.gif) no-repeat top left #FFF;
}

#logo a {
    display: block;
    height: 110px;
    width: 180px;
    text-indent: -999px;
}
body#newsletter .adresse {
font-style:normal;
text-transform:uppercase;
font-size: 11px;
padding:10px 0;
border-bottom:1px solid #333;
}
body#newsletter h2.maintitle {
display:block;
margin:25px 0 30px 0;
font-size:38px;
border-bottom:4px solid;
text-transform:uppercase;
}
body#newsletter p.imagetop img{
	margin:0 20px 0 0;
}
body#newsletter p.desc p{
	padding:13px 0 0 0;
	font-size:14px;
}
body#newsletter #news{
	position:relative;
	margin:50px 0 0 0;
}
/*
body#newsletter #news_desc{
	position:absolute;
	top:0;
	left:0;
	width:675px;
	padding:20px 0;
	border-top:1px solid #666;
	background:#FFF;
}
body#newsletter #news_divers{
	position:absolute;
	top:-20px;
	left:715px;
	margin:0;
}
*/
body#newsletter #news_desc{
	float:left;
	width:675px;
	padding:0 0 20px;
	/*
border-top:1px solid #666;
*/
	background:#FFF;
}
body#newsletter #news_divers{
	float:right;
	width:185px;
	margin:-20px 0 0 0;
}
body#newsletter ul, body#newsletter li{
	list-style:none;
	padding:0;
	margin:0;
}
body#newsletter #news_divers li{
	padding:0 0 20px 0;
}
body#newsletter ul.spectacle li{
	display:block;
	clear:none;
}
body#newsletter ul.autres_info img{
	float:left;
	margin:0 30px 10px 0;
	padding:0;
}
body#newsletter #news_desc ul h4, body#newsletter #news_divers ul h4{
	border:none;
	color:#333;
	font-weight:bold;
}
.theatre_info, .autres{
	font-family: Georgia;
}
body#newsletter #news_desc h3, body#newsletter #news_divers h3{
	display:block;
	padding:0 0 3px 0;
	margin:0 0 5px 0;
	font-family: Georgia;
	font-weight:normal; 
	font-size:16px;
	text-transform:uppercase;
	border-bottom:1px solid #797979;
	color:#797979;
}
body#newsletter #news_desc h3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	color:#333;
	border-bottom:2px solid #333;
}
body#newsletter #news_divers h4{
	font-size:12px;
	font-weight:normal;
	padding:0 0 3px 0;
	color:#797979;
	border-bottom:1px solid #797979;
}
body#newsletter #news_divers .pub img{
	margin:0 0 10px 0;
	border: 1px solid #333;
}
#newsletter_footer{
font-size: 11px;
padding:10px 0;
color:#666;
}
 body#newsletter #newsletter_footer h3{
color:#666;
text-transform:uppercase;	
border-bottom:1px solid #666;
font-weight:normal;
}
#newsletter_footer09{
position:relative;
font-size: 11px;
padding:10px 0;
color:#666;
padding:0 230px 0 0;
}
#newsletter_footer09 h3{
font-size:16px;
color:#666;
text-transform:uppercase;	
border-bottom:1px solid #666;
font-weight:normal;
}
#newsletter_fooPart{
position:absolute;
top:-6px;
right:0px;
padding:10px 0;
color:#666;
width:205px;
}
body#newsletter a.partenaire_forum{
	display:block;
	height:40px;
	width:100px;
	float:left;
	background: url(http://www.theatredecarouge-geneve.ch/fileadmin/templates/images/forumm.jpg) 0 10px no-repeat #FFF;
	color:#FFF;
}
body#newsletter a.partenaire_chatelard{
	display:block;
	height:40px;
	width:100px;
	float:right;
	background: url(http://www.theatredecarouge-geneve.ch/fileadmin/templates/images/chatelard.jpg) 0 10px no-repeat #FFF;
	color:#FFF;
}
#newsletter_fooPart h4{
color:#666;	
border-bottom:1px solid #666;
font-weight:normal;
}
/* ================ FICHES SPECTACLES ========== */

body#newsletter .eventMain {
   margin:10px 0 30px 0;
}
body#newsletter .eventTitle {
margin:0;
}

body#newsletter .eventSubtitle p {
    width: auto;
}

body#newsletter .eventHome {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    overflow: hidden;
    height: 100%;
}

.eventTitle {
    border-bottom: 3px solid #9D2316;
    margin: 3px 0 5px 0;
}

.eventSubtitle{
    font-family: Georgia;
    margin: 0 0 10px 0;
}

.eventSubtitle {
    font-size: 18px;
    color: #9D2316;
    padding: 5px 0 0 0;
}

.eventSubtitle p {
    width: 680px;
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #9D2316;
}

.eventTeaser {
    margin: 0;
    padding: 5px 0;
}

.eventTeaser p {
    margin: 0;
}

body#newsletter .si h3{
	text-indent:-999px;
	margin:0;
	padding:0;
}
body#accueil #sideHome .forum {
    position: absolute;
    width: 210px;
    bottom: 20px;
}
body#accueil #sideHome .forum a img {
    border:none;
}
body#newsletter .forum h3 {
    font-size: 12px;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #999;
    font-weight: normal;
}

/*//////////////////// BOX 1 /////////*/
.box1 .Main, .box1 .MainReservation {
    position: relative;
    float: right;
    width: 680px;
    padding: 0;
    margin: 0;
}
.box1 .MainReservation .eventTitle{
	border:none;
}
.box1 .MainReservation .eventTitle h2{
	font-size: 24px;
}

.box1 h1, .box1 h2 {
    font-size: 20px;
    border-bottom: 2px solid #CCC;
    margin: 0;
}

.box1 .sideBar {
    padding: 20px 5px 0pt 0pt;
    text-transform: uppercase;
}

.box1 p {
    padding: 0 0 5px 0;
}

.box1 table.csc-uploads p {
    margin: 0;
    padding: 3px 0;
}

.box1 table td.csc-uploads-fileSize p {
    padding: 3px 0 3px 20px;
    font-weight: bold;
}
/* ================ COULEURS & EVENTS BLOCS ========== */

.sideHome .bleu_fonce a, .requis .bleu_fonce, .bleu_fonce .eventTitle, .bleu_fonce .eventTitle h2 a, .bleu_fonce .eventSubtitle p, .bleu_fonce .sideMenu, .bleu_fonce .sideMenuFiche {
    color: #00597C;
    border-color: #00597C;
}

.sideHome .bleu_clair a, .requis .bleu_clair, .bleu_clair .eventTitle, .bleu_clair .eventTitle h2 a, .bleu_clair .eventSubtitle p, .bleu_clair .sideMenu, .bleu_clair .sideMenuFiche {
    color: #02A3D9;
    border-color: #02A3D9;
}

.sideHome .magenta a, .requis .magenta, .magenta .eventTitle, .magenta .eventTitle h2 a, .magenta .eventSubtitle p, .magenta .sideMenu, .magenta .sideMenuFiche {
    color: #EC125C;
    border-color: #EC125C;
}

.sideHome .brun a, .requis .brun, .brun .eventTitle, .brun .eventTitle h2 a, .brun .eventSubtitle p, .brun .sideMenu, .brun .sideMenuFiche {
    color: #9D2115;
    border-color: #9D2115;
}

.sideHome .violet a, .requis .violet, .violet .eventTitle, .violet .eventTitle h2 a, .violet .eventSubtitle p, .violet .sideMenu, .violet .sideMenuFiche {
    color: #870053;
    border-color: #870053;
}

.sideHome .vert_fonce a, .requis .vert_fonce, .vert_fonce .eventTitle, .vert_fonce .eventTitle h2 a, .vert_fonce .eventSubtitle p, .vert_fonce .sideMenu, .vert_fonce .sideMenuFiche {
    color: #3FBAB5;
    border-color: #3FBAB5;
}

.sideHome .orange a, .requis .orange, .orange .eventTitle, .orange .eventTitle h2 a, .orange .eventSubtitle p, .orange .sideMenu, .orange .sideMenuFiche {
    color: #F27324;
    border-color: #F27324;
}

.sideHome .vert_clair a, .requis .vert_clair, .vert_clair .eventTitle, .vert_clair .eventTitle h2 a, .vert_clair .eventSubtitle p, .vert_clair .sideMenu, .vert_clair .sideMenuFiche {
    color: #74BE45;
    border-color: #74BE45;
}

div.bleu_fonce, div.bleu_clair, div.magenta, div.brun, div.violet, div.vert_fonce, div.vert_clair, div.orange {
    padding: 10px 0 0 0;
    margin: 0;
}

.bleu_fonce .bleu_fonce, .bleu_clair .bleu_clair, .magenta .magenta, .brun .brun, .violet .violet, .vert_fonce .vert_fonce, .vert_clair .vert_clair, .orange .orange {
    padding: 0;
    margin: 0;
}
/* ================ COULEURS & EVENTS BLOCS 10-11 ========== */
.eventHome .jaune_corp .eventTitle h2 a, .eventHome .jaune_corp .eventTitle, .jaune_corp .eventTitle, .jaune_corp .eventTitle h2 a, .jaune_corp .eventDate, .jaune_corp .eventSubtitle p, .jaune_corp .sideMenu, .jaune_corp .sideMenuFiche {
    color: #DC9805;
    border-color: #DC9805;
}
.eventHome .bleu1_10 .eventTitle h2 a, .eventHome .bleu1_10 .eventTitle, .bleu1_10 .eventTitle, .bleu1_10 .eventTitle h2 a, .bleu1_10 .eventDate, .bleu1_10 .eventSubtitle p, .bleu1_10 .sideMenu, .bleu1_10 .sideMenuFiche {
    color: #0079a1;
    border-color: #0079a1;
}
.eventHome .rose1_10 .eventTitle h2 a, .eventHome .rose1_10 .eventTitle, .rose1_10 .eventTitle, .rose1_10 .eventTitle h2 a, .rose1_10 .eventDate, .rose1_10 .eventSubtitle p, .rose1_10 .eventSubtitle p, .rose1_10 .sideMenu, .rose1_10 .sideMenuFiche {
    color: #d4006b;
    border-color: #d4006b;
}
.eventHome .vert_10 .eventTitle h2 a, .eventHome .vert_10 .eventTitle, .vert_10 .eventTitle, .vert_10 .eventTitle h2 a, .vert_10 .eventDate, .vert_10 .eventSubtitle p, .vert_10 .eventSubtitle p, .vert_10 .sideMenu, .vert_10 .sideMenuFiche {
    color: #97b314;
    border-color: #97b314;
}
.eventHome .orange_10 .eventTitle h2 a, .eventHome .orange_10 .eventTitle, .orange_10 .eventTitle, .orange_10 .eventTitle h2 a, .orange_10 .eventDate, .orange_10 .eventSubtitle p, .orange_10 .eventSubtitle p, .orange_10 .sideMenu, .orange_10 .sideMenuFiche {
    color: #e85113;
    border-color: #e85113;
}
.eventHome .bleu2_10 .eventTitle h2 a, .eventHome .bleu2_10 .eventTitle, .bleu2_10 .eventTitle, .bleu2_10 .eventTitle h2 a, .bleu2_10 .eventDate, .bleu2_10 .eventSubtitle p, .bleu2_10 .eventSubtitle p, .bleu2_10 .sideMenu, .bleu2_10 .sideMenuFiche {
    color: #00a2af;
    border-color: #00a2af;
}
.eventHome .rouge_10 .eventTitle h2 a, .eventHome .rouge_10 .eventTitle, .rouge_10 .eventTitle, .rouge_10 .eventTitle h2 a, .rouge_10 .eventDate, .rouge_10 .eventSubtitle p, .rouge_10 .eventSubtitle p, .rouge_10 .sideMenu, .rouge_10 .sideMenuFiche {
    color: #d20024;
    border-color: #d20024;
}
.eventHome .violet_10 .eventTitle h2 a, .eventHome .violet_10 .eventTitle, .violet_10 .eventTitle, .violet_10 .eventTitle h2 a, .violet_10 .eventDate, .violet_10 .eventSubtitle p, .violet_10 .eventSubtitle p, .violet_10 .sideMenu, .violet_10 .sideMenuFiche {
    color: #a5027d;
    border-color: #a5027d;
}
.eventHome .rose2_10 .eventTitle h2 a, .eventHome .rose2_10 .eventTitle, .rose2_10 .eventTitle, .rose2_10 .eventTitle h2 a, .rose2_10 .eventDate, .rose2_10 .eventSubtitle p, .rose2_10 .eventSubtitle p, .rose2_10 .sideMenu, .rose2_10 .sideMenuFiche {
    color: #ea657c;
    border-color: #ea657c;
}
/* ================ PRINT ========== */
@media print {

body {
        font: 12px Helvetica, Arial, Verdana, sans-serif;
        background: #FFFFFF;
        margin: 0;
}

#container {
        width: 650px;
        margin: 0;
        text-align: left;
}

#header, #footer, #rootline, .formMain h1, #formular_01 .FormGo {
        display: none;
}

#formular_01 .abo_tab3 h4 {
        margin: 0;
}

#formular_01 .abo_tab3 ul {
        margin: 0 0 0 200px;
}

.formMain {
        float: none;
        width: 650px;
}
}