@import url(typo.css);
/*
 Theme Name: tca
 Theme URL: http://www.theatredecarouge-geneve.ch/blog
 Description: Theme pour le Theatre de Carouge - Atelier de Geneve
 Author: One Pixel Studio - So2design
 Author URI: http://www.onepixel.ch
 Version: 2.0.0
 */
/*  CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
* {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
}
#content ul{
	margin:0 0 10px;
}
/* >> The Magnificent CLEARFIX << */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

.clear {
    clear: both;
}

/* ================ MAIN LAYOUT ========== */
body, body#accueil {
    /* background: url(images/fond_neutre.jpg) repeat-x top left #FFF;  change avec les pièces */
    margin: 0;
    padding: 0;
}

#container {
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: left;
}

#header {
    position: relative;
    height: 300px;
}

#logo {
    position: relative;
    height: 50px;
    background: #000;
    color: #FFF;
	padding:10px 10px 0;
}

#logo a.tca {
    position: absolute;
    top: 13px;
    right: 15px;
    height: 30px;
    width: 90px;
    background: url(images/logo.gif) no-repeat top left;
    text-indent: -9999px;
}

/* ================ banner ========== */
#band_bkg {
    position: absolute;
    height: 300px;
    width: 100%;
    top: 0;
    left: 0;
}
* html #band_bkg {
    top: 105px;
}

#banner {
    position: relative;
    margin: 3px 0 0;
    height: 236px;
    border-top: 1px solid #000;
}

/* ================ mmenu ========== */
#mmenu {
}

#mmenu li {
	margin:0 0 20px;
}

#mmenu li a {
    display: block;
    padding: 5px;
    background: #FFF;
    color: #5e5e5e;
	border:1px solid #b1b3b4;
}

#mmenu li a:hover, #mmenu li.current_page_item a {
    background: #000;
    color: #FFF;
}
/* menu categorie */
#menu-cat{
	margin:0 0 20px;
}
#menu-cat li{
	margin:0 0 10px;
}
#menu-cat a{
	display:block;
}
/* ================ CONTENT ========== */
#main {
	border-bottom:1px solid #000;
	padding:0 0 20px;
	margin:35px 0 3px;
}

#content, #footer .content {
    width: 620px;
    float: left;
}

body#home #sidebar,
body #sidebar{
    margin: 0 0 0 640px;
    width: 300px;
	padding:10px 0 0;
}
body #sidebar {
	padding:0;
}
#motion {
    margin: 0 0 5px 0;
}

#partenaires {
    padding: 20px;
    text-align: right;
    color: #6A2D32;
    font-size: 10px;
}
#main img{
	/*
border:1px solid #000;
*/
}
#motion{
	width:300px;
}
/* ================ POST ========== */
#post {
}
.post{
	margin:0 0 20px;
}
.post p{
	margin:0 0 0 60px;
}
#postmeta {
    margin: 10px 0;
}

#postmeta .tags {
}

#postmeta .comment {
    border-bottom: 1px solid #CCC;
    margin: 10px 0 0 0;
    padding: 0 0 5px;
    text-align: right;
}

.postmeta_home .comment {
    position: absolute;
    top: 42px;
    right: 20px;
    padding: 5px 0 0 0;
    text-align: right;
    font-size: 11px;
    border-bottom: 1px solid #CCC;
}

#postnavigation {
}
.similar{
	margin:20px 0;
}
.similar ul{
	margin:0 0 0 60px;
}
/* ================ HOME BOX ========== */
.colL {
    float: left;
    width: 300px;
}

.colR {
    margin: 0 0 0 320px;
    width: 300px;
}

.box, .journal-box {
    margin: 0 0 20px 0;
}
.journal-box-content {
	background:#D9D9D9;
	padding:10px;
}

#cat #galleries {
    margin: 0 0 20px 0;
    padding: 15px;
}
.btn_souv a{
	display:block;
	background:#97b314;
	color:#FFF;
	padding:3px;
	margin:5px 0;
}
.sidesouv{
	margin:0 0 40px 0;
}
.box-souv{
	padding:10px;
	border-bottom:1px solid #97b314;
	font-style:italic;
}
/* ================ SIDEBAR ========== */
#sidebar ul {
    margin: 0 0 10px 0;
}

#sidebar #sidebloc, #edito {
    
}

#edito {
    margin: 0 0 20px 0;
}

#edito img {
    margin: 10px 0;
}
.edito-arch{
	margin:10px 0 0;
}
#sidebar ul.postcom, #sidebar ul.arch_mois {
   
}

#sidebar ul.postcom li {
    padding: 5px 0;
    border-bottom: 1px solid #FFB335;
}

#sidebar ul.postcom a {
    color: #973F38;
}

#sidebar ul.arch_mois li {
    display: inline;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
    border-right: 1px solid #A82C2C;
}

#sidebar ul.arch_mois a {
    
}

/* ================ SEARCH ========== */
#searchform {
}

#search {
    height: 20px;
	margin:40px 0 20px 0
}

#search h4 {
    display: none;
}


/* ================ FOOTER ========== */
#footer {
    position: relative;
	border-top: 5px solid #000;
	margin:0 0 40px 0;
}
.footcol1 {
    float: left;
}

.footcol2 {
    margin: 0 0 0 320px;
}

.footcol3 {
    margin: 0 0 0 640px;
    width: 300px;
}
.footcol1, .footcol2, .footcol3 {
    width: 300px;
    padding: 20px 0 0;
}

#footer .partenaire {
}

#footer .partenaire a img {
margin:0 10px 0 0;
}

#footer .partenaire h3 {
border-bottom:1px solid #999999;
margin:0 0 5px;
padding:0 0 5px;
}
.sign {
    position: absolute;
    bottom: -30px;
    right: 0px;
    margin: 0 0 5px 0;
    font-size: 10px;
    text-align: right;
}

.sign a {
    color: #666;
}

/* ================ CALENDAR ========== */
#calendar_wrap {
    background: #FFE2AF;
    border: 1px solid #FFE2AF;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin: 10px auto;
}

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
}

#wp-calendar caption {
    text-align: left;
    background: #EBBA65;
    padding: 5px;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
    padding: 5px;
}

#wp-calendar thead {
    background: #EBCA8D;
}

#wp-calendar tbody, #wp-calendar tfoot {
    background: #F0E3D0;
}

#wp-calendar {
    empty-cells: show;
    width: 100%;
}

#wp-calendar #next a {
    text-align: right;
}

#wp-calendar #prev a {
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar td a {
    background: #EBCA8D;
    border: 2px solid #DBBC87;
    padding: 4px 0;
}

#wp-calendar td {
    padding: 5px;
    text-align: center;
}

/* End Calendar */
/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

/* End Images */
/* Begin Form Elements */
#sidebar #searchform input#s {
    width: 255px;
    padding: 3px 3px 0;
}

#sidebar #searchsubmit {
    padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align: center;
}

select {
    width: 130px;
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform {
    margin: 5px 10px 0 0;
}

#commentform textarea {
    width: 100%;
    padding: 2px;
}

#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}

/* End Form Elements */
/* ==================== Begin Comments*/
.commentlist .quote {
    background: #dfdfdf url(images/bg_commentlist.gif) bottom no-repeat;
    padding: 20px;
    margin: 0;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.commentlist li {
    margin-top: 15px;
    color: #666;
}

.commentlist cite {
    display: block;
    font-style: normal;
    margin: 0 0 20px 0;
    padding: 0 0 5px 30px;
}

/*
 .commentlist cite a:link, .commentlist cite a:visited {
 color:#88e5f0;
 text-decoration:none;
 }
 
 .commentlist cite a:hover, .commentlist cite a:active {
 color:#FFF;
 text-decoration:underline;
 }
 */
.alt {
}

/*========================================
 .commentlist {
 padding: 0;
 text-align: justify;
 }
 
 .commentlist li {
 margin: 15px 0 10px;
 padding: 5px 5px 10px 10px;
 list-style: none;
 
 }
 .commentlist li ul li {
 margin-right: -5px;
 margin-left: 10px;
 }
 */
.commentlist p {
    margin: 10px 5px 10px 0;
}

.children {
    padding: 0;
}

#commentform p {
    margin: 5px 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata {
    margin: 0;
    display: block;
}

/* End Comments */
/* Captions */
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border:none;
    text-align: left;
    margin: 0 0 10px 60px;
}
#post .wp-caption p{
	margin:0;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* form */
#tdomf_form1{
	margin:0 0 0 60px;
}
/*--------- SLIDER HOME ------*/
#slider1 {
}

.stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0 15px 0 30px;
}
.csw {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.csw .loading {
    margin: 200px 0 300px 0;
    text-align: center
}

.slider-wrap { 
    position: relative;
    overflow: hidden;
    width: 620px;
	clear: both;
    background: #FFF;
    margin: 0 0 20px 0;
}
.slider-wrap .panelContainer {
	position: relative;
    left: 0;
    top: 0;
    width: 120%;
    list-style-type: none;
    /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.slider-wrap .panelContainer .panel { /* Each panel is arranged end-to-end */
    float: left;
    position: relative;
    width: 620px;
}
.slider-wrap .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
    padding: 20px 0 10px;
}
.stripNav { 
    margin: auto;
}
.coda-nav ul { 
    list-style: none;
    width: 620px;
	border-bottom:5px solid #000000;
	height:27px;
}
#coda-nav-1 ul li {
    float: left;
    margin-right: 20px; 
}
.stripNavL, .stripNavR { 
    position: absolute;
    top: 230px;
    text-indent: -9000em;
    display: none;
}

.stripNavL a, .stripNavR a {
    display: block;
    height: 40px;
    width: 40px;
}

.stripNavL {
    left: 0;
}

.stripNavR {
    right: 0;
}

.stripNavL {
    background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
    background: url("images/arrow-right.gif") no-repeat center;
}

h3.cat_title {
    display: none;
}

/* ---- COLOR CHANGE ------*/
/* nuit des rois - magenta
 #content h2.homeNote a, #content h2.homeNote{
 color:#5C1034;
 }
 */
/* platonov - vert
 #content h2.homeNote a, #content h2.homeNote{
 color:#70A910;
 }*/
/* philoctete - orange
 #content h2.homeNote a, #content h2.homeNote{
 color:#FF9108;
 }*/
/* femmes - rouge
 #content h2.homeNote a, #content h2.homeNote{
 color:#F70A0A;
 }*/
/* FOND NEUTRE */