/*
Theme Name: strategik2010 Coiffure 2010
Theme URI: http://grafkar.com
Description: Modele de theme 
Version: 2.9.1
Author: Jean-Francois Blais
Author URI: http://grafkar.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/**************************    BODY    **************************/
* {
	margin:0;
}


html {

}
body {
	color: #333333;
	font: 85% Arial, Helvetica, sans-serif;
	background:#dadada url(images/fond.jpg) top center no-repeat; 
}


/**************************    ELEMENTS COMMUNS    **************************/

.clear {
	clear: both;
}

a {
	text-decoration:none;
}

/* images */

.entry-content img {
	margin: 0 0 1.5em 0;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
	padding-bottom: 10px;
}

.alignright, img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
	padding-bottom: 10px;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	padding-left:35px;
}

.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	margin: 0;
}

.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}

.gallery dl {
	margin: 0;
}

.gallery-caption {
	margin:-1.5em 0 0 0;
}

/* Pullquotes */

blockquote {
	color:#520701;
	margin: 20px;
	padding: 20px;
	background:#FFCC66 url(images/blockquote_fond.jpg) repeat-y;
	border-left: thick solid #520701;
	font-style: oblique;
}


blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

/* Address */

address {
	margin: 20px;
	padding: 20px;
	border-left: thick solid #999999;
	font-style: oblique;
}

/* Pre */
pre {
	width: 400px;
}


/**************************    WRAPPER    **************************/
#wrapper {
	width:1000px;
	margin:0 auto;
	background:url(images/wrapper_fond.jpg) repeat top;
}

/**************************    HEADER    **************************/
#header {
	width: 1000px;
	height: 223px;
}

#header ul {
	width:999px;
	height: 18px;
	margin: 0;
	padding:0;
	text-align:center;
	clear:left;
}

#header ul li.adresse {
	font-size:16px;
	float:right;
	margin: 145px 0 0 0;
	color:#3c3c3c;
	clear:both;
}

#header ul li.adresse a {
	font-weight:bold;
	text-decoration:none;
}

#header ul li.adresse a:hover {
	font-style: oblique;	
}

#header ul li.telephone {
	display:inline;
	font-size:16px;
	color:#6a6969;
	float:right;
	margin: 0 0 0 15px;
}

#header ul li.telephone a {
	font-weight:bold;
	text-decoration:none;
	color:#6a6969;
}

#header ul li.telephone a:hover {
	font-style: oblique;	
}




/**************************    NAV BAR SUPERIEURE    **************************/
#navbarsup {

}


/**************************    FEATURE (BANDE SUPERIEURE)    **************************/
#feature {

}

/***************************************  SLIDESHOW **************************/

#slideshow {
	position:relative;
    height:369px;
	float:left;
	padding: 0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
	padding: 0px 0 0 0px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/**************************    NAV BAR INFERIEURE    **************************/
#navbarinf {

}

/***************************************  CONTAINER **************************/
#container {
	width:1000px;
	float:left;
}

#content {
	width:1000px;
	margin: 0 0 0 0;
	float:left;
	background:white;
}

#content .titre {
	width:1000px;
	color:#2f384c;
	font-size:1.5em;
	text-align:center;
	padding: 10px 0 10px 0;
	font-weight: lighter;
}

#content h1 {
	font-size:2em;
	color:#FF6600;
	margin:5px 0 10px 0;
	padding: 5px 0 0 0;
}

#content h2 {
	font-size:1.8em;
	color:#436672;
	padding: 15px 0 0 0;
}

#content h3 {
	font-size:1.5em;
	color:#FF6600;
	padding: 15px 0 0 0;
	}

#content h4 {
	font-size:1.3em;
	color:#FF6600;
	padding: 15px 0 0 0;
	}

#content h5 {
	font-size:1em;
	color:#FF6600;
	padding: 15px 0 0 0;
}

#content h6 {
	font-size:0.8em;
	color:#FF6600;
	padding: 15px 0 0 0;

}

#content ul li {
	margin: 0 10px 0 10px;
	font-size:1em;
	text-align: justify;
	line-height: 1.6em;
	list-style: disc inside;
}

#content ul li ul li {
	list-style:circle inside;
	padding: 0 0 0 20px;
}

#content ol li {
	margin: 0 10px 0 60px;
	font-size:1em;
	text-align: justify;
	line-height: 1.6em;
	list-style: decimal outside;
}

#content ol li ol li {
	list-style: upper-roman outside;
	margin:0 0 0 20px;
	padding: 0 0 0 0;
}

#content ol li ol li ol li{
	list-style: lower-alpha outside;
	padding: 0 0 0 0;
}

#content .services {
	width:374px;
	margin:50px 0 0 0;
	float:left;
	display:block;
	font-size:0.9em;
}

#content .services_top {
	height:19px;
	background:url(images/services_top_fond.jpg) no-repeat top left;
}

#content .services h2 {
	font-size:1.4em;
	color:#b25709;
	margin: 0;
	padding: 0 0 0 0px;
	text-align: center;
}

#content .services .preview img {
	width:122px;
	height:152px;
	float:left;
}

#content .services .excerpt {
	margin:0;
	background:url(images/services_fond.jpg) repeat-y left top
}

#content .services p {
	margin:0 0 0 110px;
	padding: 0 20px 0 20px;
	text-align:justify;
}

#content .services_bottom {
	height:12px;
	margin: 0 0 15px 0;
	background:url(images/services_bottom_fond.jpg) no-repeat top left;
}

#content .entry {
	width:537px;
	float: left;
	display:block;
	margin: 0 40px 30px 0;
}

#content .entry p {
	font-size:1.2em;
	color:#00203a;
	text-align: justify;
	padding: 5px 40px 0 0;
}

#content .entry a {
	color:#006699;
	font-weight: bold;
}

#content .presentation {
	width:574px;
	float:right;
	margin:50px 0 0 0;
}

#content .presentation h3 {
	color:#5d5c5c;
	font-size:1.6em;
	text-align:justify;
	font-weight: lighter;
	margin: 0 0 2em 0;
}

#content .presentation h4 {
	width:474px;
	margin: 0 auto;
	text-align:justify;
	color:#262626;
	font-size:1.2em;
	font-weight: lighter;
}
.presentation .entry  {
width:537px;
	margin:0 auto;}

.presentation .entry p object embed {
	width:537px;
	margin:0 auto;
}

.presentation .entry .object {
	width:537px;
	margin:0 auto;
}

#video0 {
	width:400px;
	margin: 0 0 0 68px;
}



/**********    SIDEBAR 1    **********/
#sidebar_1 {

}

/**********    SIDEBAR 2    **********/
#sidebar_2 {

}

/***************************************  FOOTER **************************/
#footer {
	background:url(images/footer_fond.jpg) repeat-y center top;
}

#footer .text {
width:1000px;
margin: 0 auto;
padding: 0 0 0 0;
}

#footer p {
	color:#858585;
	padding: 10px 0 0 0;
	text-align:center;
}

#footer p a {
	color:#7e0f07;
}

#footer p a:hover {
	font-style: italic;	
}