/*
Theme Name: Salon de Coiffure : Les Créateurs Version 1
Theme URI: http://lescreateurs-salon.fr
Description: Thème de la version 1 du site lescreateurs-salon.fr
Version: 1
Author: Jonathan Buttigieg
Author URI: http://jbuttigieg.net
Tags: vert, marron 

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #94d03e;

}

* {
margin: 0;
padding: 0;

}

ul {
list-style-type: none;

}

a {
text-decoration: none;

}

img {
border: none;

}

#page {
width: 909px;
margin: 0 auto;

}

#content {
overflow:hidden;
background: url(images/bg_conteneur.png) repeat-y;
margin-top: -5px;
margin-left: -2px;
padding:10px 12px;
width:890px;

}

div#corps {
padding:10px 15px 0;
font-size: 12px;

}

h1 {
font-size: 15px;

}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;

}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}

.postmetadata, blockquote, strike {
color: #777;
padding-bottom: 0;
}

.postmetadata a {
color: #015C8B;

}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}

#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */


.post {
clear: left;
text-align: justify;

}
.post hr {
display: block;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: both; 
}
.clear { 
clear: both; 
}

/* End Structure */

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
display: inline;
}
img.alignleft {
display: inline;
margin: 5px 10px 0 0;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Begin Lists


/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}

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

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden { 
display: none; 
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-bottom: 20px;
}

.navigation a {
color: #000;

}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;

}
.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;
}
/* End captions */


/*
=======================
	HEADER
=======================
*/

div#header {
height: 168px;
background: url(images/header.png) no-repeat;

}


div#headerimg span, div#headerimg div.description {
display: none;

}

/*
=======================
	SIDEBAR
=======================
*/

div#sidebar {
height: 26px;
background: url(images/bg_menu.png) no-repeat;
padding-left:20px;
position: relative;

}

div#sidebar li {
line-height:26px;
display: inline;

}

div#sidebar a {
background-image:url(images/separation.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 30px;
margin-left: 25px;
color: #fff;
font-size: 12px;

}

/*
=======================
	ACCUEIL
=======================
*/

div#gauche, div#droite {
float: left;

}

div#droite {
width: 290px;
margin-left: 10px;

}

div#actu {
min-height: 222px;

}

div#actu img {
width: 80px;
height: 80px;
float: left;
margin-right:5px;

}

table {
margin: 10px 0;

}

td.cadre1, td.cadre2, div#cadre1 {
height:165px;
padding:7px 0 0 6px;
width:189px;

}

td.cadre1, div#cadre1 {
background: url(images/cadre1.png) no-repeat;

}

td.cadre2 {
background: url(images/cadre2.png) no-repeat;

}

td.cadre2 img {
margin-top: 8px;

}

td.cadre2 h2 {
margin: 2px 0 0 -6px !important;

}

/*
=======================
	CABINE
=======================
*/

div#cadre1 {
float: left;
margin-right: 10px;

}

/*
=======================
	DIV ENTRY
=======================
*/

div.entry {
margin-bottom:  10px;

}

div.entry p {
padding: 3px 0;
font-size: 12px;
text-align: justify;

}

div.entry a {
color: #015c8b;

}

div.entry img {
padding: 2px;
border: 1px solid #000;
background-color: #fff;

}

div.entry span {
font-size: 11px;

}

div.entry ul {
padding-bottom: 5px;

}

div.entry li {
background: url(images/puce_bleue.gif) no-repeat;
background-position: 0 2px;
padding-left: 10px;
line-height: 17px;

}

div.entry h2 {
font-size: 12px;
color:#F17708;
margin: 5px 0;

}

div.entry a.suite {
font-size: 11px;
text-decoration: underline;
float: right;


}

div.entry a.lien:hover {
text-decoration: none;

}

/*
=======================
	CADRE THUMBNAIL
=======================
*/

div.cadre_thumb h2 {
font-size:14px;
text-align:center;
margin: 5px 0 0 -6px;
color: #fff;

}

div.cadre_thumb h2 a {
color: #fff;

}

div.cadre_thumb img {
padding: 2px;
border: 1px solid #000;
background-color: #fff;
text-align: center;

}

/*
=======================
	FOOTER
=======================
*/

div#footer {
background: url(images/footer.png) no-repeat;
background-position: top center;
font-size: 11px;
padding-top: 15px;
margin-top: 15px;
text-align: center;
clear: both;

}

div#footer li {
display: inline;
margin-right: 5px;


}

div#footer li a {
text-decoration: underline;
color: #000;

}

/*
=======================
	FLASH
=======================
*/

div#flash img {
width: 585px;
height: 215px;

}

/*
=======================
	PAGE CABINE
=======================
*/

div.content_article {
border-bottom:1px solid #94D03E;
margin-bottom:10px;
overflow:auto;
position: relative;

}