/* Website Template by freewebsitetemplates.com */
@font-face {
	font-family: 'Forum-Regular';
	src: url('../fonts/Forum-Regular.eot');
	src: url('../fonts/Forum-Regular.woff') format('woff'), url('../fonts/Forum-Regular.ttf') format('truetype'), url('../fonts/Forum-Regular.svg') format('svg');
}
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	min-width: 960px;
	padding: 0;
}
#header {
  background-color:lightgray;
  border:0 0 0 1px solid gray;
	height: 161px;
	margin: 0;
	padding: 0;
}
#header> div {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 960px;
}
#header div a.logo {
	display: block;
	float: left;
	margin: 21px 0 0 26px;
	padding: 0
}
#header div a.logo img {
	border: 0;
}
#header div ul {
	background: url(../images/bg-navigation.png) no-repeat left top;
	float: right;
	margin: 50px 0 0;
	overflow: hidden;
	padding: 0 0 0 8px;
	width: 653px;
}
#header div ul li {
	float: left;
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 14px 0 27px;
	width: 104px;
}
#header div ul li a {
	color: #bab6b4;
	display: block;
	line-height: 14px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
}
#header div ul li a:hover, #header div ul li.selected a {
	color: #fff;
}
#body {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
#body .body {
	padding: 40px 0 0;
}
#body .body h1 {
	color: #e91391;
	font-family: 'Forum-Regular';
	font-size:30px;
	font-weight:normal;
	margin: 0;
	padding: 0 0 0 30px;
}
#body .body p {
	color: #7d7978;
	line-height: 24px;
	margin: 0;
	padding: 0 30px 25px;
	text-align: justify;
}
#body .body p a {
	color: #7D7978;
	text-decoration: underline;
}
#body .body p a:hover {
	color: #e91391;
}
#body .footer ul {
	margin: 0;
	overflow: hidden;
	padding: 40px 0 63px;
}
#body .footer ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 320px;
}
#body .footer ul li a {
	display: block;
	margin: 0;
	padding: 0;
}
#body .footer ul li a:hover {
	opacity: 0.7;
}
#body .footer ul li a img {
	border: 0;
}
#body .content {
	background: url(../images/bg-content.png) no-repeat top center;
	margin: 0 0 63px;
	min-height: 850px;
	padding: 0;
}
#body h2 {
	color: #e91391;
	font-family: 'Forum-Regular';
	font-size:30px;
	font-weight:normal;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 0px 0 10px 10px;
}
#body .content ul {
	margin: 0;
	overflow: hidden;
	padding: 20px 0 0;
}



/*  Text Box Hover Information Products 

a.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
a.dropt div {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
a.dropt:hover div {left: 33%; background: #e91391; color: #ffffff; font-size:18px; position: absolute; bottom:-50px;} 
a.dropt div {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
a.dropt:hover div {margin: 20px 0 0 170px; background: #e91391; z-index:6; color: #ffffff; font-size:18px; position:absolute bottom:-10px;}
*/

#body .content ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	width: 180px;
  height: 200px;
}
#body .content ul li a {
	color: #a8a8a8;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-decoration: none;
	width: 180px;
  height: 200px;
}
#body .content ul li a:hover {
	color: #5c5c5c;
}
#body .content ul li a img {
	border: 1px solid #cccccc;
	display: block;
  margin:0 auto; 
    
}
#body .content ul li a:hover img {
	opacity: 0.8;
}
#body .content ul li a span {
	display: block;
	line-height: 18px;
	margin: 0;
	text-indent: 0px;
}
#body .content ul.paging {
	margin: 50px 0 0;
	padding: 0;
	text-align: center;
}
#body .content ul.paging li {
	display: inline;
	float: none;
	margin: 0 2px;
	padding: 0;
	width: auto;
}
#body .content ul.paging li a, #body .content ul.paging li.first a, #body .content ul.paging li.last a {
	background: url(../images/icons.png) no-repeat;
}
#body .content ul.paging li a {
	background-position: -35px -113px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}
#body .content ul.paging li.first a, #body .content ul.paging li.last a {
	background-position: 0 -147px;
	width: 65px;
}
#body .content ul.paging li a:hover ,#body .content ul.paging li.selected a{
	color: #e91391
}
#body .content ul.gallery {
	margin: 0;
	padding: 0 30px;
}
#body .content ul.gallery li {
	margin: 0;
	padding: 30px 20px 0;
	text-align: center;
	width: 260px;
}
#body .content ul.gallery li a {
	padding: 0;
	width: 260px;
}
#body .content ul.gallery li a img {
	border: 3px solid #f3f3f3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: none;
	margin: 0 0 30px;
	padding: 0;
}
#body .content ul.gallery li a span {
	color: #5b5b5b;
	font-size: 16px;
	line-height: normal;
	text-indent: 0;
	text-transform: capitalize;
}
#body .content ul.gallery li a:hover span {
	color: #e91391;
}
#body .content h3 {
	color: #ff9600;
	font-family: 'Forum-Regular';
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 30px 0 0 30px;
}
#body .content p {
	color: #7d7978;
	line-height: 24px;
	margin: 0;
	padding: 0 30px;
}
#body .content a, #body .contact a {
	color: #7D7978;
}
#body .content a:hover, #body .contact a:hover {
	color: #e91391;
}
#body .blog {
	margin: 0;
	overflow: hidden;
	padding: 55px 0 63px;
}
#body .blog .sidebar {
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
	width: 290px;
}
#body .blog .sidebar div {
	background: url(../images/border-horizontal.png) no-repeat top left;
}
#body .sidebar h2 {
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px 50px;
	text-transform: capitalize;
}
#body .sidebar h3, #body .sidebar h3.selected {
	background: url(../images/icons.png) no-repeat;
}
#body .sidebar h3 {
	background-position: 190px -215px;
	color: #7D7978;
	font-family: 'Forum-Regular';
	font-size:20px;
	font-weight:normal;
	line-height: 47px;
	margin: 0;
	padding: 0 0 0 15px;
}
#body .sidebar h3.selected {
	background-position: 190px -180px;
	color: #e91391;
}
#body .sidebar h3:hover {
	cursor: pointer;
}
#body .sidebar ul {
	background: url(../images/border-horizontal.png) no-repeat top left;
	margin: 0;
	padding: 10px 0;
}
#body .sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#body .sidebar ul li a {
	color: #a79ea1;
	display: block;
	font-size: 12px;
	line-height: 23px;
	text-decoration: none;
	text-indent: 35px;
	text-transform: capitalize;
}
#body .sidebar ul li a span {
	color: #b5aca5;
}
#body .sidebar ul li a:hover {
	color: #e91391;
}
#body .blog .content {
	background: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 640px;
}
#body .blog .content .article {
	background: url(../images/border-long.png) no-repeat top center;
	margin: 0 0 22px;
	padding: 22px 0 0;
	overflow: hidden;
}
#body .blog .content .article:first-child {
	background: none;
	padding: 0;
}
#body .blog .content .article h3 {
	color: #3d3d3d;
	font-family: 'Forum-Regular';
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 5px 0 0;
}
#body .blog .content .article a.figure {
	display: block;
	float: left;
	margin: 5px 0 0;
	padding: 0;
}
#body .blog .content .article a.figure:hover {
	opacity: 0.8;
}
#body .blog .content .article img {
	border: 3px solid #5b5b5b;
	display: block;
}
#body .blog .content .article p {
	color: #7d7978;
	float: left;
	line-height: 24px;
	margin: 0;
	padding: 0 20px;
	text-align: justify;
	width: 380px;
}
#body .blog .content .article p a {
	color: #7d7978;
	text-decoration: none;
}
#body .blog .content .article p a:hover {
	color: #7d7978;
}
#body .blog .content .article p a.readmore {
	background: url(../images/icons.png) no-repeat 0 -302px;
	color: #fff;
	display: inline-block;
	height: 20px;
	line-height: 22px;
	margin: 0 0 0 5px;
	padding: 0;
	text-decoration: none;
	text-align: center;
	width: 75px;
}
#body .blog .content .article p a.readmore:hover {
	color: #2e2e2e;
}
#body .contact {
	background: url(../images/bg-content.png) no-repeat top center;
	margin: 0 0 63px;
	min-height: 830px;
	padding: 30px 0 0 30px;
}
#body .contact h4 {
	border-bottom: 1px solid #ebebeb;
	color: #ff9600;
	font-family: 'Forum-Regular';
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0 0 30px;
	padding: 60px 0 0;
	width: 460px;
}
#body .contact p {
	color: #7d7978;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
#body .contact span {
	color: #7d7978;
	display: block;
	line-height: 24px;
}
#body .contact ul {
	margin: 0;
	padding: 30px 0 0;
}
#body .contact ul li {
	color: #7d7978;
	line-height: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#body .contact ul li a {
	color: #7d7978;
	text-decoration: none;
}               

#body .content img {
max-width: 565px;
height: auto;
width: auto\9; /* ie8 */
border: 1px solid #cccccc;
}


#footer {
  background-color:lightgray;
  border:0 1px 0 0 solid gray;
	height: 300px;
	margin: 0;
	padding: 0;
}
#footer> div {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 960px;
}
#footer div ul.contact {
	float: left;
	margin: 0;
	padding: 65px 0 0 30px;
}
#footer div ul.contact li {
	color: #9b9b9b;
	line-height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer div ul.contact li a {
	color: #9b9b9b;
	text-decoration: none;
}
#footer div ul.contact li a:hover {
	color: #5c5c5c;
}
#footer div ul.connect {
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 80px 0 0;
}
#footer div ul.connect li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 14px;
}
#footer div ul.connect li.facebook a, #footer div ul.connect li.mail a, #footer div ul.connect li.twitter a, #footer div ul.connect li.googleplus a, #footer div ul.connect li.pinterest a {
	background: url(../images/icons.png) no-repeat;
	display: block;
	height: 32px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 32px;
}
#footer div ul.connect li.googleplus a {
	background-position: 0 0;
}
#footer div ul.connect li.mail a {
	background-position: 0 -38px;
}
#footer div ul.connect li.facebook a {
	background-position: 0 -75px;
}
#footer div ul.connect li.twitter a {
	background-position: 0 -112px;
}
#footer div ul.connect li.pinterest a {
	background-position: 0 -249px;
}
#footer p {
	color: #9b9b9b;
	margin: 0;
	padding: 50px 0 0;
	text-align: center;
}


/* Bouton */
a.bouton, 
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font:17px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
    text-decoration:none;
} 
a.bouton span, 
button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 25px; 
    vertical-align:middle; 
    background:url(../images/bouton_gch.gif) left top no-repeat; 
} 
a.bouton span span, 
button.bouton span span { 
    padding:0 25px 0 0; 
    background:url(../images/bouton_dte.gif) right top no-repeat; 
} 
a.bouton span span span, 
button.bouton span span span { 
    height:40px; 
    padding:0; 
    line-height:1.5;
    padding-top:8px;
    color:#000000;
    text-decoration:none; 
    background:url(../images/bouton_mil.gif) left top repeat-x; 
} 

/* Hover */
a.bouton, 
button.bouton:hover { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font:17px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
    text-decoration:none;
} 
a.bouton:hover span, 
button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 25px; 
    vertical-align:middle; 
    background:url(../images/bouton_gch2.gif) left top no-repeat; 
} 
a.bouton:hover span span, 
button.bouton span span { 
    padding:0 25px 0 0; 
    background:url(../images/bouton_dte2.gif) right top no-repeat; 
} 
a.bouton:hover span span span, 
button.bouton span span span { 
    height:40px; 
    padding:0; 
    line-height:1.5;
    padding-top:8px;
    color:#000000;
    text-decoration:none; 
    background:url(../images/bouton_mil2.gif) left top repeat-x; 
} 


/* Selected */
a.selected, 
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font:17px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
    text-decoration:none;
} 
a.selected span, 
button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 25px; 
    vertical-align:middle; 
    background:url(../images/bouton_gch2.gif) left top no-repeat; 
} 
a.selected span span, 
button.bouton span span { 
    padding:0 25px 0 0; 
    background:url(../images/bouton_dte2.gif) right top no-repeat; 
} 
a.selected span span span, 
button.bouton span span span { 
    height:40px; 
    padding:0; 
    line-height:1.5;
    padding-top:8px;
    color:#000000;
    text-decoration:none; 
    background:url(../images/bouton_mil2.gif) left top repeat-x; 
} 

 
  /* IMAGE VIEW OF PRODUCTS */ 
  /* Setup Tabs */
        
#body .content div a .picturedisplayed {
border-bottom: 1px solid #000000;
max-width: 570px;
max-height: 400px;

}





/* NIVO SLIDER (Images Slideshow à l'entrée du site) */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/* Control du texte dans partie vente */
#body .content p{
font-size:18px;
font-family: Georgia, Verdana, Times New Roman;
}

#body .content .title{
color: #e91391;
font-size:24px;
text-decoration: bold;
font-family: Georgia, Verdana, Times New Roman;
padding: 10px 0 5px 50px;
}