/*  
Theme Name: Tutorial
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Small Potato
Author URI: http://www.wpdesigner.com/

*/


body
{
margin: 0;
padding: 0;
background: #68655d ;
font-family:  "Trebuchet MS", Lucida grande, Arial, Verdana;
color: #ffffff;
font-size:11px;
line-height: 1.8em;
text-align: center ;
}


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

a.italic

{
color: #ffffff ;
text-decoration: none ;
font-style: italic ;
}

.hidden
{
visibility: hidden ;
}


.topheader
{
width: 100% ;
height: 8px ;
margin: 0 ;
padding: 0 ;
background: url(images/commun/topheader_bg.gif) repeat ;
}

#top
{
width: 100% ;
height: 140px ;
background: url(images/commun/footer_bg.jpg) repeat ;
margin: 0 auto;
}

#header
{
width: 800px ;
height: 140px;
background: url(images/commun/footer_bg.jpg) repeat ;
margin: 0 auto;
}

#logo
{
width: 400px ;
height: 140px ;
float: left ;
margin: 0 ;
padding: 0 ;
background: url(images/commun/logo.gif) no-repeat;
}

#navigation
{
background: url(images/commun/footer_bg.jpg) repeat ;
width: 320px ;
height: 40px ;
margin: 60px 0 0 0 ;
padding: 0 ;
float: left ;
text-align: center ;
}

#menu
{
width: 320px ; /*fixer une largeur à ul permet de centrer l'element float:left ce dessous* avec margin: 0 auto */
height: 40px ;
list-style: none;
padding: 0 ;
margin: 0 ;

}

#menu li
{
float: left ;
margin: 0 ;
padding: 0 ;

}

#menu a
{
display: block ;
width: 80px ;
height: 40px ;
margin: 0 ;
padding: 10px 0 0 0 ;
font-size: 130% ;
font-weight: bold ;
color: #ffffff ;
text-align: center ;
text-decoration: none ;
background: url(images/commun/bgnav.gif) no-repeat;
}

#menu  a:hover.home
{

color: #c5c5c5 ;
}

#menu li a#active.home
{
background: url(images/commun/bgnav_active.gif) no-repeat;
}

#menu  a:hover.mportfolio
{
color: #c5c5c5 ;

}

#menu li a#active.mportfolio
{
background: url(images/commun/bgnav_active.gif) no-repeat;
}

#menu  a:hover.blog
{
color: #c5c5c5 ;
}

#menu li a#active.blog
{
background: url(images/commun/bgnav_active.gif) no-repeat;
}

#menu  a:hover.contact
{
color: #c5c5c5 ;
}

#menu li a#active.contact
{
background: url(images/commun/bgnav_active.gif) no-repeat;
}

#centre
{
text-align: center ;
width: 800px ;
min-height: 500px ;
margin: 0 auto;
padding: 0 0 2px 0;
position: relative;
}

#centre_haut
{
text-align: center ;
background: url(images/blog/centre_haut_bg.jpg) repeat ;
margin: 0 auto;
padding: 0 ;
width: 100%;
height: 160px ;
color: #ffffff ;

}

.element_centre_haut
{
width:800px ;
height: 160px ;
text-align: left;
margin: 0 auto ;
padding: 0 ;
background: url(images/blog/centre_haut.jpg) no-repeat ;
}

#centrehaut_gauche
{
float: left ;
width : 570px ;
height : 160px ;
padding: 0 ;
margin:  0 ;
}

#centrehaut_droite
{
float: right ;
width : 230px ;
height : 160px ;
padding: 0 ;
margin:  0 ;
}

#searchform 
{
	clear: left;
	padding: 50px 0 0 5px;
}

input#s {
	
	width: 150px;
	height: 20px;
	border: none;
	float: left;
	margin: 0 5px 10px 0;
	padding: 5px 0 0 5px;
	background: url(images/blog/submit.gif) no-repeat center bottom;
	color: #000;
	
}

input#searchsubmit 
{

	width: 30px;
	height: 30px;
	background: #55616d ;
	border: none;
	float: left;
}

#centreg
{
width: 530px ;
text-align: justify ;
float: left ;
margin: 0 auto ;
}

.post

{
padding-top: 40px ;
}

h2.main
{
height: 40px ;
margin: 0 0 25px 0;
color: #ffffff;
line-height: 1.8em ;
font-size: 220%;
border-bottom: 1px solid #719fdc ;
text-align: left ;

}

h2.main a
{
text-decoration: none ;
color: white ;
}


.date
{
margin: 0;
padding: 0 ;
color: #c3c3c3 ;
font-size: 110% ;
font-style: oblique ;
}

.container
{
width:750px;
margin: 0 auto;
position: relative;
overflow:hidden;
}

.contenu
{
font-size: 120% ;
padding: 20px ;
}


.notes
{
padding: 5px 45px 10px 5px ;
text-align: justify ;
font-size: 90% ;
border-top: 1px dotted #ffffff ;
color: #c3c3c3 ;
}

.postmetadata
{
margin: 30px 0;
color: #ffffff ;

}

#sidebar
{
width: 230px ;
text-align: left;
float: right ;
margin: 0 auto ;
padding: 0 20px;
height: auto ;
}

ul.sb
{
text-decoration: none ;
font-size: 110% ;

}

ul.sb a
{
display: block ;
width: 160px ;
padding: 5px 0 5px 8px;
color: white ;
border-top: 1px solid #719fdc ;
}

ul.sb a:hover
{
background: #56626e ;
}

#sidebarbottom
{
background: url(images/blog/sidebarbottom.gif) left bottom no-repeat ;
width: 230px ;
padding: 5px 15px 25px 15px ;
min-height: 600px ;
}

#sidebar ul{
list-style-type: none;
margin: 0 5px;
padding: 0;
}



.categories
{
background: url(images/blog/categories.gif) ;
width: 180px ;
height: 30px ;
text-indent: -9999px ;
}


.archives
{
background: url(images/blog/archives.gif) ;
width: 180px ;
height: 30px ;
text-indent: -9999px ;
}


.blogoliste
{
background: url(images/blog/blogoliste.gif) ;
width: 180px ;
height: 30px ;
text-indent: -9999px ;
}

.articles
{
background: url(images/blog/articles.gif) ;
width: 180px ;
height: 30px ;
text-indent: -9999px ;
}

.synthpost
{
margin: 0 15px ;
font-size: 115% ;
background: #5b5850 ;
border: 1px solid #706e69 ;
padding: 10px ;
}

span.comment 
{
padding-left: 22px; 
background: url(images/blog/commentaire.png) no-repeat left center;
}
span.auteur
{
padding-left: 22px;
background: url(images/blog/pencil.png) no-repeat left top ;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Helvetica, Lucida grande, Arial, Verdana;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Helvetica, Lucida grande, Arial, Verdana;
	font-size: 12px;
}

#footer
{
text-align: center ;
background: url(images/commun/footer_bg.jpg) repeat ;
margin: 0 auto;
width: 100%;
color: #ffffff ;

}

#centre-footer
{
line-height: 1.4em ;
margin: 0 auto;
text-align: left ;
padding: 5px 0 ;
width: 800px ;
word-spacing: 5px ;
}

#menufooter
{
list-style-type: none ;
}

#menufooter ul
{
padding-left: 0 ;
}

#menufooter li
{
display: inline ;
text-align: left ;
}
#menufooter a
{
color: #8ab4ed ;
font-size: 140% ;
text-align: left ;
padding-right: 5px ;
text-decoration: none ;
}

#menufooter a:hover
{
text-decoration: underline ;
}
.pied
{
text-align: left ;
display: block ;
font-size: 120% ;
}

ul.rss
{
text-align: center ;
width: 200px ;
}
img
{
border: 0 ;
}