/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

body { 
	font-family: Tahoma; font-size: 10pt;
	background: #ECF4FB  url('images/bg-body.jpg') no-repeat top center; color: #333;
}

img, div { behavior: url('iepngfix.htc') }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-weight: normal; color: #232729; font-family: Georgia, "Times New Roman", Times, serif;}

h1{
	font-size: 135%;
	padding: 15px 0;
}
h2{
	font-size: 125%;
	padding: 15px 0;
}
h3{
	font-size: 125%;
}
h4{ font-size: 120%;}
h5{ font-size: 100%;}
h6{ font-size: 100%;}

/* =Links General-----------------------------------------------------------------------------*/

a{ color: #D05518; text-decoration: none;}
a:hover{ color: #F19A70; text-decoration: underline;}

/* =Other -----------------------------------------------------------------------------*/

.clear{ /* Class for clearing floats */clear:both; padding: 5px 0 0 0;}
.left { float: left;}
.right { float: right;}


/* =Top -----------------------------------------------------------------------------*/

#top{
	width: 900px;
	height: 504px;
	margin: 0 auto;
	position: relative;
}
#top h1{
	padding: 0;
}
#top h1 a.logo{
	background: transparent url('images/logo-residencefuneraireclaudecharest.png') no-repeat bottom center;
	height: 120px;
	width: 265px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	left: 0;
}
#top .section{
	/*background: transparent url('images/entete1.jpg') no-repeat bottom center;*/
	width: 900px;
	height: 323px;
	position: absolute;
	top:181px;
	left: 0;
}
#top h1.slogan{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #231F20;
	font-style: italic;
	text-transform: none;
	position: absolute;
	top: 95px;
	right: 0;

}

/* =Main Navigation -----------------------------------------------------------------------------*/

ul#nav-main{
	background: transparent url('images/bg-nav.gif') repeat top left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	position: absolute;
	top: 135px;
	left: 0;
	border: 5px solid #fff;
	width: 890px;
	height: 38px;
}
ul#nav-main li{
	display: inline;
}
ul#nav-main li a{
	color: #313D49;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	float: left;
	display: block;
	padding: 14px 10px;
}
ul#nav-main li a:hover{
	color: #909AA4;
}

/* =Main Navigation -----------------------------------------------------------------------------*/

ul#nav-sub{
	padding-top: 25px;
}

ul#nav-sub li{
	color: #909AA4;
	text-align: right;
	font-size: 75%;
	padding: 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
ul#nav-sub li a{
	color: #313D49;
	text-transform: uppercase;
}
ul#nav-sub li a:hover{
	color: #909AA4;
	text-decoration: none;
}

/* =Content -----------------------------------------------------------------------------*/

#content-wrap{
	clear: both;
}
#container{
	background: #fff url('images/img-phone.gif') no-repeat bottom center;
	width: 860px;
	padding: 20px;
	padding-bottom: 75px;
	margin: 0 auto;
}
#container h1{
	padding-bottom: 30px;
}
#content{
	background: transparent url('images/bg-content.gif') no-repeat;
	width: 568px;
	float: right;
	padding: 20px 0 20px 20px;
}
#content h2{
	font-size: 140%;
	letter-spacing: -0.04em;
	color: #232729;
	font-style: italic;
	padding: 5px 0 15px 0;
}
#content h3{
	font-size: 130%;
	font-style: italic;
	padding-bottom: 10px;
	margin: 0;
}
#content p{
	font-size: 100%;
	padding: 0 0 6px 0;
	line-height: 18px;
}

#setDate{
	background-color: transparent;
    width: 220px;
	border: none;
    text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666;
}

#content p.date,
#content h2 span.date{
	padding: 0;
	margin: 0;
	padding-top: 10px;
	font-size: 85%;
	color: #888;
}
#content h2 span.date{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	padding-top: 16px;
	font-size: 40%;
	color: #888;
	position: absolute;
	right: 10px;
	top: 20px;
}
#content ul{
	padding: 0;
	margin: 0;
	margin-right: 40px;
	line-height: 22px;
	font-size: 120%;
}
#content ul li{
	background: transparent url('images/ul-li-puce.gif') no-repeat;
	background-position: 12px 7px;
	padding-left: 25px;
}
#section ul li{
list-style: none;
}

.slider_container {
    width: 900px;
    margin: auto;  
}

.slider_container .bx-wrapper .bx-pager {
    position: absolute;
    top: -10px;
    right: -25px;
    text-align: left;
    width: auto;
    bottom: auto;
}

.slider_container .bx-wrapper .bx-pager .bx-pager-item,
.slider_container .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: block;
    margin: 0 0 5px 0;
}

.slider_container .bx-wrapper .bx-pager.bx-default-pager a {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

.slider {
    width: 900px;
    margin: auto;
}


.encadrer{
	padding: 3px 3px 3px 3px;
	margin: 1px 1px 1px 1px;
	float:left;
	border: solid #dddddd 1px;
}
#content hr{
	border: 1px solid #E2E8EE;
	height: 1px;
	clear: both;
}
#content .bloc-txt{
	float: left;
	width: 175px;
	padding: 10px 14px 10px 0;
}
/* = Side Content -----------------------------------------------------------------------------*/

#side-content{
	width: 250px;
	margin: 0;
	float: left;
}
#recherche{
	padding: 20px;
	background: transparent url('images/bg-recherche.gif') no-repeat;
	width: 210px;
	height: 96px;
	margin-bottom: 10px;
}
#recherche h2{
	font-size: 125%;
	letter-spacing: -0.03em;
	color: #232729;
	font-style: italic;
	padding: 0;
}
#recherche p{
	font-size: 85%;
	padding-bottom: 10px;
	color: #5D6266;
}

/* =Footer -----------------------------------------------------------------------------*/

#footer{
	width: 900px;
	margin: 0 auto;
	margin-bottom: 40px;
}
#footer p{
	color: #616161;
	text-align: center;
	font-size: 85%;
	padding: 5px 0;
}
#footer a{
	color: #313D49;
}
#footer a:hover{
	color: #909AA4;
}
#footer a.credits{
	color: #DE5E1F;
}