/*
Theme Name: Summer2010
Theme URI: http://www.summerbazar.ch/
Description: Summer Bazar 2010
Version: 0.1
Author: Thiago Costa Guimil
 
Creation Theme by Thiago Costa Guimil || http://www.summerbazar.ch
 
*/

/* Begin Typography & Colors */
body {
font-family: Arial, Helvetica, Lucida Grande, Sans-serif;
font-size: 0.8em;
text-align: left;
background: #948c86 url('images/bgcolor.png');
background-repeat:repeat-x;
color: #3c3c3c;
margin: 0;
height: 100%;
}

#page {
margin: 0 auto 0 auto;
width: 960px;
height: 100%;
float: none;
}

#header{
background: url('images/banniere.jpg');
height:310px;
background-repeat:no-repeat;
padding: 0 10px 20px 10px;
}

.titre {
padding: 0 20px 0 0;
font-size: 0px;
text-align: right;
}

.description {
padding: 0 20px 0 0;
font-size: 0px;
text-align: right;
}
#menu {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
margin : 290px  0 0 0 ;
text-align: center;
font-size: 2em;

}

#menu li { 
display : inline;
padding : 0.2em 0.6em; /* Pour espacer les boutons entre eux */
}


#content {
width: 860px;
height: 100%;
color: #000;
margin: 0 auto 0 auto;
background: #e9e7e4;

}

#content h1 {
font-family: Helvetica, Arial, Sans-serif;
font-size: 3em;
border-top: 3px solid black;
border-bottom: 3px solid black;
}

#content h2 {
font-size: 2.5em;
}


#cat09 {
width: 410px;
height: 680px;
background: #e9e7e4;
text-align: right;
float: right;
margin: 0;
padding : 10px 10px 10px 10px;

}

#cat3{
width: 410px;
height: 680px;
background: #e9e7e4;
text-align: left;
float: left;
margin: 0;
padding : 10px 10px 10px 10px;
}

#catpart{
width: 840px;
background: #e9e7e4;
text-align: left;
float: left;
margin: 0;
padding : 10px 10px 10px 10px;
}

.postsingle {
padding : 25px;
}

.postmetadata{

font-size: 0.6em;

}

.post_content{
font-size: 1.2em;
height: 100%;
color: #222;
border-bottom: 3px solid black;
}



#contentpage1 {

width: 810px;
color: #000;
margin: 0 auto 0 auto;
background: #e9e7e4;
padding : 25px;
font-size: 1.5em;
}

#contentpage1 h1{

font-family: Helvetica, Arial, Sans-serif;
font-size: 4em;
border-top: 3px solid black;
border-bottom: 3px solid black;

}

#contentpage2 {

background: #128597;

}



#contentHOME{

border-top: 3px solid black;
border-bottom: 3px solid black;
width: 810px;
color: #000;
margin: 0 auto 0 auto;
background: #e9e7e4;
padding: 25px;
font-size: 1em;
}


#footer{
border-top: 6px solid black;
width: 860px;
height: 400px;
color: #000;
margin: 0 auto 0 auto;
background: #948c86;
float: none;
display: block;
}

#footercontent{

padding: 25px;
}

.copyright{
float: right;
font-size: 0.8em;

}

.img{
float: right;

}

.partenaire{
float: left;
height: 35px;
border: 0px;

}



/* LIENS*/


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

a:hover {
color: #f5b128;
text-decoration: underline;
}
a:visited {
color: #000;
text-decoration: none;
}

h2 a {
border-top: 5px solid black;

}
 
h2 a:hover {
border-top: 5px solid black;

}



/*COMMENTAIRE*/

.comments-template{
	margin: 10px 0 0 0;
}
 
.comments-template ol{
	margin: 10px;
	padding: 0 0 0 15px;
	list-style: none;
}
 
.comments-template ol p{
	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 0.9em;
}
 
.comments-template ol li{
	margin: 10px 0 0 0;
	line-height: 15px;
	padding: 0 0 10px;
}
 
.comments-template h2, .comments-template h3{
	font-size: 1.2em;
}
 
.commentmetadata{
	font-size: 0.9em;
}
 
.comments-template p.nocomments{
	padding: 0;
}
 
.comments-template textarea{
	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 0.9em;
}
 
.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}


/*GALLERY*/




div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}




div#video-header {
height : 683px;
margin : -1px 0 0;
}


div#header div.wrap {                   
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;          /*Image de fond qui simule le cadre à enlever!!!!!*/
}



div#header div#slide-holder {
z-index : 40;
width : 993px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {    /*barre BG navigation*/
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}



div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {  /*Bouton*/
background-image : url(images/silde-nav.png);
}


div#nav ul li a {
background : url(images/nav.png) no-repeat;  /*JE sais pas ce que c'est*/
}