/*
Theme Name: sunset-creation
Theme URI: http://sunset-creation.com
Description: Thème pour le site sunset-creation.com.
Version: 1.0
Author: IRCF
Author URI: http://ircf.fr
Tags: sunset,creation

	sunset-creation
	This theme was designed by IRCF
	All rights reserved to SUNSET CREATION
*/

/* Typography and colors */
body{
	background-color:#413c36;
	text-align:center;
	font-family:lucida,lucida sans,sans-serif,sans;
	font-size:14px;
	color:#fff;
	line-height:16px;
	margin:0;
	padding:0;
}
h1{
	color:#9b8f79;
	font-size: 24px;
	line-height:normal;
	margin:20px 0;
	padding:0;
}
h1 a{
	color:#9b8f79!important;
}
h2{
	font-size:18px;
	line-height:normal;
	color:#9b8f79;
	margin:0 0 10px 0;
}
a{
	color:#fff;
}
a img{
	border:0;
}
a:hover{
	color: #9a1a27;
}
ul{
	list-style-image:url(images/puce.gif);
	margin:0 0 10px 16px;
	padding:0;
}
hr{
	color:#48a848;
	background:#48a848;
	height:1px;
	border:none;
}
.separateur{
	clear: left;
}	

/* Page */
#page{
	background:url(images/fond_page.jpg) no-repeat;
	width:1000px;
	margin:0 auto;
}

/* Header */
#header{
	text-align:left;
	background:url(images/entete.png) repeat-y left 15px;
	width: 1000px;
}
#header ul.accessibilite{
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
	float:right;
	display:inline;
}
#header ul.accessibilite li{
	margin:0 10px 0 0;
	display:inline;
	font-size:10px;
}
#header ul.accessibilite li a{
	color:#e6e2d9;
	text-decoration:none;
}
#header ul.accessibilite li a:hover{
	color:#fff;
}
#header h1{
	margin:0;
	padding:0;
}
#header h1 a{
	display: block;
	background:url(images/logo.png) no-repeat center center;
	width: 414px;
	height: 130px;
}
#header h1 a span{
	display: none;
}
ul.menu{
	clear: left;
	list-style:none;
	display:table;
	padding:0;
	font-size:13px;
	width: 1000px;
	height:32px;
	line-height:32px;
	background: url(images/fond_menu.png) scroll 0 0;
	margin:0;
}
ul.menu li{
	text-align: center;
	display:table-cell;
	height: 32px;
	line-height: 30px;
}
ul.menu li.first{
	border:none;
}
ul.menu li a{
	display: block;
	text-decoration:none;
	padding:0 10px;
	border:1px solid transparent;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
ul.menu li a:hover,
ul.menu li a.hover,
ul.menu li.current_page_item>a{
	color:white!important;
	border-color:#8a8077;
	background:#413c36;
}
ul.menu li ul{
	position:absolute;
	display:none;
	background:#8a8077;
	border:1px solid #413c36;
	border-bottom:none;
	z-index: 1000;
	width:160px;
	padding:0;
	margin:0;
	list-style: none;
}
ul.menu li ul li{
	display:block;
	height: auto;
	line-height: normal;
	border-left:none;
	border-bottom:1px solid #413c36;	
}
ul.menu li ul li a{
	padding:4px 0;
	border:none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
ul.menu li ul li a:hover,
ul.menu li ul li a.hover{
	background:#413c36;
}
ul.menu li ul li ul{
	margin:-24px 0 0 160px;
}

/* Content+sidebar wrapper */
#wrapper{
	clear:both;
	float:left;
	width:960px;
	background:#fff;
	color:#70706e;
	padding:20px;
	text-align:left;
}
#wrapper a{
	color:#70706e;
}

/* Sidebar */
#sidebar{
	float:left;
	width:232px;
	margin-right:20px;
}
#sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
}

/* Widgets */
.widget{
	border:6px solid #e6e2d9;
	padding:10px;
	margin:0 0 20px 0;
}
.widget h2{
	margin-top:0;
}
.widget ul{
	list-style-image:url(images/puce.gif)!important;
	margin:0 0 0 16px!important;
}

/* Widget Actualités */
.widget.widget_recent_entries{
	background:#c4bca9;
	border:none;
}
.widget.widget_recent_entries ul{
	list-style-image:url(images/puce-blanche.gif)!important;
}
.widget.widget_recent_entries h2{
	color:#fff;
}
/* Widget Rechercher */
#pac_mots_cles{
	float:left;
	font-family:lucida,lucida sans,sans-serif,sans;
	font-size:14px;
	color:#333;
	width:140px;
	height:17px;
	padding:5px;
	margin:0 10px 0 0;
	border:1px solid #c4bca9;
}

/* Widget Nuancier */
.widget#text-3{
	/*background:url(images/nuancier.png) no-repeat top right;*/
}

/* Widget Nouveautés */
.widget .gallery{
	position:relative;
	float:none;
}
.widget .gallery ul{
	clear:both;
	position:relative;
	list-style:none!important;
	margin:0;
	padding:0;
	overflow:hidden;
	height:160px;
	width:160px;
}
.widget .gallery ul li{
	position:absolute;
	top:0;
	background:#fff;
	opacity : 0;
	width:100%;
	cursor:pointer;
	text-align:center;
}
.widget .gallery ul li img{
	max-height:150px;
	width:106px;
	margin:0 auto;
}
.widget .gallery .nav{
	cursor:pointer;
	position:absolute;
	top:50%;
	z-index:100;
	font-size:20px;
}
.widget .gallery .prev{
	left:0;
}
.widget .gallery .next{
	right:0;
}

/* Content */
#content{
	float:left;
	width:708px;
}
.post-column{
	float:left;
	margin:0 0 0 20px;
	width:49%;
}
.post-column.first{
	margin-left:0;
}
.clear{
	clear:both;
}
.alignleft{
	float:left;
	margin:0 10px 0 0;
}
.alignright{
	float:right;
	margin:0 0 0 10px;
}
.image{
	margin:0 -10px;
}
.pdf{
	display:block;
	background:#c4bca9 url(images/pdf.gif) no-repeat;
	padding-left:45px;
	height:33px;
	text-decoration:none;
	font-size:12px;
	border:6px solid #c4bca9;
	color:#fff!important;
}

/* Footer */
#footer{
	clear:both;
	font-size:12px;
}
#footer address{
	font-style:normal;
	color: #fff;
	padding:10px;
}
#footer address a{
	font-style:normal;
	color: #fff;
	padding:10px;
}
#footer address a:hover{
	font-style:normal;
	color: #9a1a27;
	padding:10px;
}
#footer ul.menu li ul{
	display: none!important;
}

/* Google Maps */
#GMV{
	clear:both;
	width:100%!important;
	height:300px!important;
	border:1px solid #9b8f79;
}

/* Forms */
fieldset{
	border:6px solid #e6e2d9;
	margin:0;
	padding:10px;
}
fieldset legend{
	color:#9b8f79;
	font-size:18px;
	padding:10px;
	font-weight:bold;
}
fieldset ol{
	list-style:none;
	margin:0;
	padding:0;
}
fieldset ol li{
	clear:left;
	margin:5px;
}
fieldset ol li label,
fieldset ol li.cf-box-title{
	float:left;
	display:block;
	width:120px;
}
fieldset ol li input,
fieldset ol li select,
fieldset ol li textarea{
	font-size:14px;
	font-family:"lucida sans","lucida sans ms",sans-serif,sans;
	color:#333;
	border:1px solid #c4bca9;
	padding:4px;
}
fieldset ol li input:focus,
fieldset ol li select:focus,
fieldset ol li textarea:focus{
	border-color:#70706e;
}
fieldset ol li input.fldrequired{
	background:#fee;
}
fieldset ol li.cf-box-group{
	clear:none;
	float:left;
}
fieldset ol li.cf-box-group label{
	width:auto;
}
fieldset ol li.cf-box-group input{
	border:none;
	float:left;
	clear:left;
}
.cf_hidden,.linklove{
	display:none;
}
.cf-before{
	float:none;
	width:auto;
}
.emailreqtxt,.reqtxt{
	padding:5px;
}
.sendbutton{
	clear:both;
}

/* Galerie d'images */
.gallery{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}
.gallery li{
	margin:0 10px 10px 0;
	float:left;
}
.gallery li a{
	/*margin-right:10px;*/
}
.gallery li a img{
	border:6px solid #e6e2d9;
	width:150px;
	height:150px;
	display:block;
}
.gallery li a span{
	display:block;
	margin:0;
	width:150px;
	border:6px solid #e6e2d9;
	background:#e6e2d9;
	text-align:center;
}
.gallery li a:hover img{
	border-color:#c4bca9;
}
.gallery li a:hover span{
	border-color:#c4bca9;
	background:#c4bca9;
	color:#fff;
}
.gallery li.clear{
	width:100%;
	float:none;
	margin:0;
}

/* Catalogue */
.article a#image{
	display:block;
	width:300px;
	height:300px;
	text-align:center;
	border:6px solid #e6e2d9;
}
.article a#image img{
	max-width:300px;
	max-height:300px;
}
.article .gallery{
	float:right;
	width:360px;
	margin:0 0 0 20px!important;
}
.article .description{
	/*clear:both;*/
}

/* Accueil */
#accueil #content .first.post-column{
	margin:0;
	width:180px;
}
#accueil #content .gallery{
	width:516px;
}

/* Contact */
#contactez-nous fieldset ol li.cf-box-title{
	clear:none;
}
#contactez-nous fieldset ol li.cf-box-group#li--2items{
	width:140px;
}
#contactez-nous fieldset ol li.cf-box-group#li--3items{
	width:250px;
}

/* Nuanciers */
table{
	max-width:100%;
}
table img{
	height: auto;
}
#nuancier-tissus table{
	width: 100%;
}
#nuancier-tissus table img,
#nuancier-bois table img{
	width: 100%;
}