/**************************** PAGES COMMON STYLE */
body{
	margin: 0;
	background: #C1C2C4 url(../images/common/bg11.jpg) repeat;
}

a{
	color: #582E50;
	transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
a:hover{
	color: #D68EC9;
}
.current a{
    color: #D68EC9;
	cursor: default;
}



/**************************** PAGE CONTAINER */
#page-container,
#page-header,
#page-content,
#page-footer{
	clear: both;
	overflow: hidden;
	position: relative;
}

#page-container{
	width: 840px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	z-index: 1;
	background: transparent url(../images/common/container-bg.png) repeat-y;
}


/**************************** PAGE HEADER */

#header-bg{
	top: 491px;
	z-index: 0;
	width: 100%;
	height: 80px;
	display: none;
	position: absolute;
	background-color: #ff0;
}

#page-header{
}

/* Options */
#header-top{
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #7a2334;
	background-color: #7a2334;
	background-size: 100% 5px;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-image: url(../images/common/transparent-bt.png);
}


/* Contacts */
#header-top .contacts{
	overflow: hidden;
	font-size: 16px;
}
#header-top .contacts .contact{
	margin: 0 10px;
}

/* Socials */
#header-top .socials{
	/*height: 20px;*/
	margin: 0;
	overflow: hidden;
}
#header-top .socials a,
#header-top .socials a img{
	width: 20px;
	height: 20px;
}
#header-top .socials a{
	margin: 0 3px;
}


/* Logo & Main menu */
#header-middle{
	height: 80px;
	padding: 0 10px;
	overflow: hidden;
	background-color: #63081a;
	/*background: #582E50 url(../images/common/header-bg.png) repeat;*/
}

/* Logo */
#logo{
	width: 250px;
	margin-top: 13px;
	overflow: hidden;
	text-align: center;
}
#logo a{
	display: inline-block;
}
#logo a img{
	width: 100%;
}

/* Baseline */
#logo #baseline{
	clear: both;
	color: #D68EC9;
	font-size: 14px;
}


/* Languages */
#website-languages{
	margin: 0;
	overflow: hidden;
}
#website-languages ul{
	margin: 0;
	padding: 0;
}
#website-languages ul .title{
}
#website-languages ul li{
	margin: 0;
	padding: 0;
	top: 3px;
	position: relative;
	display: inline-block;
}
#website-languages ul li a{
    width: 20px;
    height: 13px;
	margin: 0 3px;
	overflow: hidden;
	text-indent: -9999px;
	display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}
#website-languages ul li.ar a{
    background-image: url(../icons/flags/ar.png);
}
#website-languages ul li.en a{
    background-image: url(../icons/flags/en.png);
}
#website-languages ul li.fr a{
    background-image: url(../icons/flags/fr.png);
}


/* Menu principal */
#header-main-menu{
	margin-top: 20px;
	text-align: center;
	/*
	background-repeat: repeat-x;
	border-bottom: 1px solid #0A3B6C;
	background-image: url(../images/common/menu/bg.png);
	*/
}
#header-main-menu ul{
	margin: 0;
	display: inline-block;
}
#header-main-menu ul li{
	margin: 0;
	height: 40px;
	line-height: 40px;
    position: relative;
	display: inline-block;
    ?display: inline;
}
#header-main-menu ul li.first{
    background: none;
}
#header-main-menu ul li a{
    color: #fff;
	font-weight: normal;
	font-family: opificio;
}

#header-main-menu ul li a:hover{
    color: #D68EC9;
}
#header-main-menu ul li.current a{
    color: #ff0;
	/*
	border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background-color: transparent;
	*/
}



/**************************** PAGE CONTENT */
#page-content{
	margin-top: 1px;
	overflow: hidden;
	background-color: #fff;
	border-top: 10px solid #F7CBF0;
}
#page-content .current-page-content{
	padding: 30px 20px;
	overflow: hidden;
}

#page-content .page-title{
	color: #582E50;
	margin-bottom: 30px;
	text-align: center;
}
#page-content .page-title h2{
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}

#page-content .paginate{
	background-size: 1px 10px;
	background-repeat: repeat-x;
	background-position: left 2px;
	background-image: url(../images/common/gradient-grey.png);
}



/****************** Popups */
.popup-hidden{
	display: none;
	overflow: hidden;
}

.popup-title{
	margin: 0;
	color: #713E67;
	padding: 20px 20px;
	background-color: #F9f9f9;
}

.popup-content{
	padding: 30px 0;
	overflow: hidden;
	background-color: #F9f9f9;
	border-top: 1px solid #eee;
}

.product-popup-bloc-left{
	width: 302px;
	overflow: hidden;
	margin-left: 20px;
}
.product-popup-bloc-left .product-popup-thumb{
	border: 1px solid #F7CBF0;
}
.product-popup-bloc-left .product-popup-thumb,
.product-popup-bloc-left .product-popup-thumb img{
	width: 300px;
}
.product-popup-bloc-left a.product-popup-catalog{
	margin: 10px 0;
	display: block;
}
.product-popup-bloc-left a.product-popup-catalog img{
	margin-right: 5px;
}
.product-popup-description{
	width: 430px;
	padding: 0 20px;
}

.product-popup-description,
.news-popup-content{
	text-align: justify;
}

.news-popup-date{
	margin: 0;
	color: #713E67;
	display: block;
	padding: 10px 20px;
	background-color: #F9f9f9;
}
.news-popup-title{
	padding-top: 0;
}
.news-popup-content{
	padding: 20px;
}



/****************** Home Page */
/* Welcome */
#home-page-content{
}
#home-page-content #welcome{
	width: 360px;
	height: 163px;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #ccc;
	
	background-size: 1px 96px;
	background-repeat: repeat-x;
	background-position: left -2px;
	background-image: url(../images/common/gradient-grey.png);
}
#home-page-content #welcome .content{
	width: 190px;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	text-align: justify;
}
#home-page-content #welcome .content a.more{
	padding: 0 5px;
	margin: 0 15px;
	background-color: #E8E8E8;
}
#home-page-content #welcome .thumb{
	width: 150px;
	overflow: hidden;
}
#home-page-content #welcome .thumb img{
	width: 100%;
	height: 100%;
}


/* News */
#home-page-content #news{
	width: 390px;
	height: 193px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	border: 1px solid #ccc;
}
#home-page-content #news ul{
	margin: 0;
	width: 100%;
}
#home-page-content #news .ticker-buttons{
	top: 86px;
	right: 0;
	width: 36px;
	height: 20px;
	line-height: 20px;
	z-index: 10;
	font-size: 11px;
	position: absolute;
	text-align: center;
	background-color: #713E67;
}
#home-page-content #news .ticker-buttons a{
	color: #fff;
}
#home-page-content #news .ticker-buttons a:hover{
	color: #ff0;
}

#home-page-content #news ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#home-page-content #news ul li a{
	height: 80px;
	display: block;
	padding: 8px 20px;
	border-top: 1px solid #eee;
	
	background-size: 1px 96px;
	background-repeat: repeat-x;
	background-position: left -3px;
	background-image: url(../images/common/gradient-grey.png);
}
#home-page-content #news ul li.first-row a{
}
#home-page-content #news li a:hover{
	background-size: 1px 30px;
}
#home-page-content #news ul li a  .date{
	font-size: 11px;
}
#home-page-content #news ul li a  h3{
	margin: 5px 0;
	color: #713E67;
	font-size: 14px;
}
#home-page-content #news ul li a:hover .date{
	color: #000;
}
#home-page-content #news ul li a:hover h3{
	color: #582E50;
}
#home-page-content #news ul li a p{
	margin: 0;
	color: #666;
	font-size: 12px;
}
#home-page-content #news ul li a:hover p{
	color: #333;
}

/* Products */
#home-page-content #products{
	clear: both;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
#home-page-content #products a{
	width: 174px;
	height: 165px;
	margin: 0 10px;
	overflow: hidden;
	position: relative;
}
#home-page-content #products a img{
	width: 174px;
	height: 136px;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}
#home-page-content #products a:hover img{
	/*border-color: #F5342F;*/
	transition: all .1s ease;
	-o-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
}
#home-page-content #products a .denomination{
	margin: 0;
	width: 100%;
	margin-top: 10px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
#home-page-content #products a:hover .denomination{
}

#home-page-content #products a.all-products{
	bottom: 0;
	margin: 0;
	width: auto;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	z-index: 10;
	position: absolute;
	color: #713E67;
	background-color: #F7CBF0;
}
#home-page-content #products a.all-catalogs{
	bottom: 0;
	left: 0;
	height: 20px;
	line-height: 20px;
	position: absolute;
}
#home-page-content #products a.all-catalogs img{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
#home-page-content #products a.all-products:hover{
	color: #fff;
	background-color: #713E67;
}

#home-page-content #products #with-pagination{
	overflow: hidden;
	padding: 20px 10px;
	border: 1px solid #ddd;
	border-bottom-width: 2px;
	background-color: #fff;
	background-size: 1px 10px;
	background-repeat: repeat-x;
	background-position: left 2px;
	background-image: url(../images/common/gradient-grey.png);
}
#home-page-content #products .holder{
	border: 0;
	padding:0;
	margin: 0;
	overflow: hidden;
	padding-top: 10px;
}
#home-page-content #products .holder a{
	width: 20px;
	height: 20px;
	margin: 0 3px;
}



/****************** About Page */
#about-page-content{
}
#about-page-content .content{
	width: 500px;
	line-height: 1.4;
	text-align: justify;
}
#about-page-content .photo img{
	width: 250px;
}



/****************** Products Page */
#products-page-content{
}
#products-page-content nav,
#products-page-content nav ul{
	margin: 0;
	padding: 0;
}
#products-page-content #products-categories-menu{
	border: 2px solid #F7CBF0;
}
#products-page-content #products-categories-menu ul{
	width: 236px;
	padding: 2px;
}
#products-page-content #products-categories-menu ul li{
	/*margin-top: 10px;*/
}
#products-page-content #products-categories-menu ul li a{
	padding: 10px 18px;
	display: block;
	border-top: 1px dotted #ccc;
}
#products-page-content #products-categories-menu ul li.first a{
	border: none;
}
#products-page-content #products-categories-menu ul li.current a{
	color: #582E50;
	background-color: #ff0;
}


#products-page-content #list-products{
	width: 525px;
	padding: 15px 5px;
	border: 2px solid #F7CBF0;
}
#products-page-content #list-products #subs-menu{
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
#products-page-content #list-products #subs-menu ul{
	overflow: hidden;
}
#products-page-content #list-products #subs-menu ul li{
	padding: 5px 0;
	display: inline-block;
}
#products-page-content #list-products #subs-menu ul li a{
	margin: 0 5px;
	text-decoration: underline;
	/*border-left: 1px solid #ccc;*/
}
#products-page-content #list-products #subs-menu ul li a:hover,
#products-page-content #list-products #subs-menu ul li.current a{
	text-decoration: none;
}
#products-page-content #list-products #subs-menu ul li.first a{
	border-left: none;
}
#products-page-content #list-products #subs-menu ul li.current a{
	color: #fff;
	padding: 5px;
	background-color: #713E67;
}


#products-page-content #list-products a.product{
	margin: 10px;
	text-align: center;
	display: inline-block;
}
#products-page-content #list-products a.product img{
	width: 153px;
	height: 120px;
	border: 1px solid #999;
}
#products-page-content #list-products a.product .denomination{
	margin: 5px 0;
	font-size: 12px;
}


#products-page-content #list-catalogs{
	clear: both;
	width: 540px;
	margin-top: 20px;
}
#products-page-content #list-catalogs .page-title{
	margin-bottom: 10px;
	text-align: left;
}
#products-page-content #list-catalogs a.catalog{
	display: block;
}
#products-page-content #list-catalogs a.catalog img{
	margin-right: 5px;
}



/****************** Partners Page */
#partners-page-content{
}
#partners-page-content ul#gallery{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#partners-page-content ul#gallery li{
	width: 103px;
	height: 38px;
	line-height: 38px;
	padding: 40px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
#partners-page-content ul#gallery li img{
	width: 100%;
}
#partners-page-content ul#gallery li .partner-title{
	margin: 5px 0 0;
	display: none;
}



/****************** Photos Page */
#photos-page-content{
}
#photos-page-content ul#gallery{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#photos-page-content ul#gallery li{
	overflow: hidden;
	margin-bottom: 20px;
}
#photos-page-content ul#gallery li a{
	width: 148px;
	height: 115px;
	padding: 1px;
	display: inline-block;
	border: 1px solid #68B1FC;
}
#photos-page-content ul#gallery li a:hover{
	border-color: #18458F;
}
#photos-page-content ul#gallery li a img{
	width: 100%;
	height: 100%;
}



/****************** Contact Page */
#contacts-page-content .page-title{
    text-align: justify;
}
#contacts-page-content .contact-form,
#contacts-page-content .contact-details{
	overflow: hidden;
}

#contacts-page-content .contact-form,
#contacts-page-content .contact-form form{
	width: 400px;
}

#contacts-page-content .contact-details{
	width: 350px;
}
#contacts-page-content .contact-details .contact-row{
	padding: 1px 0;
	margin-top: 15px;
	padding-bottom: 10px;
	background-color: #fff;
	border: 1px solid #F7CBF0;
}
#contacts-page-content .contact-details .first{
}

#contacts-page-content .contact-details .contact-row .contact-title{
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 15px;
}
#contacts-page-content .contact-details .contact-row .contact-info{
	display: block;
	padding: 5px 15px;
}
#contacts-page-content .contact-details .contact-row .contact-info u{
	color: #407840;
	text-decoration: none;
	text-transform: uppercase;
}
#contacts-page-content .contact-details .contact-row .post-address u{
	display: block;
	margin-bottom: 5px;
}

/*  Google map*/
#contacts-page-content .gmap{
	clear: both;
	width: 350px;
	margin-top: 30px;
}
#contacts-page-content .gmap .page-title{
	margin-bottom: 17px;
}
#contacts-page-content .gmap #map{
	display: block;
	height: 160px;
	border: 1px solid #F7CBF0;
}
#contacts-page-content .gmap #map iframe{
	width: 100%;
	height: 100%;
}



/****************** Administrator Page */
#administrator-page-content form{
	width: 300px;
}
#administrator-page-content form .username-field input,
#administrator-page-content form .password-field input{
	width: 100%;
	background-size: 18px;
	background-repeat: no-repeat;
}
#administrator-page-content form .username-field input{
	background-image: url(../icons/forms/user.png);
}
#administrator-page-content form .password-field input{
	background-image: url(../icons/forms/key.png);
}

/**************************** PAGE FOOTER */
#page-footer{
	font-size: 12px;
}
#inner-page-footer{
}
#page-footer .main-menu{
	padding: 10px;
	background-color: #630811;
}
#page-footer .main-menu ul{
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
#page-footer .main-menu ul li{
	margin: 0;
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #000;
}
#page-footer .main-menu ul li.first{
	border: none;
}
#page-footer .main-menu ul li a{
	color: #D68EC9;
}
#page-footer .main-menu ul li a:hover{
	color: #F7BCED;
}
#page-footer .main-menu ul li.current a{
	color: #C9C958;
}
#page-footer .fotter-bottom{
	color: #000;
	padding: 10px;
	text-align: center;
    background-color: #7a2334;
}
#page-footer .fotter-bottom a{
	color: #D68EC9;
}
#page-footer .fotter-bottom a:hover{
	color: #ccc;
}


#footer-shadow{
	width: 860px;
	height: 20px;
	margin: 0 auto;
    background-size: 100% 20px;
    background-repeat: no-repeat;
	background-color: transparent;
    background-position: 0 0;
    background-image: url(../images/common/shadow.png);
}