/* @group hacks */

.clearfix { display: inline-block;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.spacer {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
	border: none;
}
/* @end */

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777;
	background: #555;
	text-align: center;
}

a, img {
	border: none;
}

a {
	color: #555;
	text-decoration: none;
}

#leftcontent p a, #leftcontent li a {
	border-bottom: 1px solid #bbb;
}


#leftcontent p a:hover, #leftcontent li a:hover {
	border-bottom: 1px solid #555;
}

ul {
	position: relative;
	list-style: none;
}

p {
	margin: 1em 0;
}



/* @group header */

#header {
	margin-bottom: 10px;
}

#header img {
	display: block;
	position: relative;
	float: left;
}

#hayot {
	position: relative;
	width: 135px;
	height: 35px;
	float: right;
	margin-top: 38px;
	margin-right: 1px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background: url(../images/hayot.jpg) no-repeat;
}


/* @end */

#lang {
	position: relative;
	width: 728px;
	padding-top: 23px;
	font-size: 12px;
	line-height: 12px;
	margin: 0 auto;
	text-align: right;
}

#lang, #lang a {
	color: #eee;
}

#lang a:hover {
	color: #999;
}

#container {
	position: relative;
	margin: 0px auto 0;
	padding: 26px;
	border: 1px solid #333;
	text-align: left;
	height: auto;
	background: #fff;
	width: 780px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 728px;
}

#container.minheight {
	height: 450px;
}

#footer {
	position: relative;
	margin: 2px auto 0;
	width: 780px;
	height: auto;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	color: #f0f0f0;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}

#footer span {
	padding: 0 1em;
}

#footer div.sites {
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
}

#footer .sites a {
	display: block;
	text-align: right;
}

#content {
	position: relative;
	z-index: 1;
}

/* @group menu */
#menu {
	z-index: 200;
	height: 45px;
	width: 100%;
	margin-top: 10px;
}

#menu li {
	float: left;
	margin-right: 13px;
	font-size: 14px;
}

#menu li.last {
	margin-right: -1px;
}

#menu.empty {
	margin-bottom: 10px;
}

#menu.empty li {
	width: 133px;
	height: 33px;
	border: 1px solid #999;
}

#menu.empty li.last {
	width: 133px;
}

#menu.empty li#goback {
	border: none;
}

li#goback a {
	display: block;
	color: #888;
	background: url(../images/elements/back-menu.gif) no-repeat;
}


#menu li a, #menu.empty li#goback {
	display: block;
	width: 135px;
	height: 35px;
	font-size: 1px;
}

#menu li a:hover {
	background-position: bottom left;
}

#menu li ul {
	position: absolute;
	background: #ccc;
	z-index: 400;
}

#paupieres a {
	background: url(../images/elements/paupieres-menu.gif) no-repeat;
	color: #888;
}

#cernes a {
	background: url(../images/elements/cernes-menu.gif) no-repeat;
	color: #999;
}

#rides a {
	background: url(../images/elements/rides-menu.gif) no-repeat;
	color: #aaa;
}

#sourcils a {
	background: url(../images/elements/sourcils-menu.gif) no-repeat;
	color: #bbb;
}

#cosmetique a {
	background: url(../images/elements/cosmetique-menu.gif) no-repeat;
	color: #ccc;
}

/* @end */

/* @group columns */

#leftcontent, #rightcontent {
	position: relative;
	width: 558px;
	height: auto;
	float: left;
	margin: 0;
	text-align: left;
}

#rightcontent {
	float: right;
	padding-left: 13px;
	width: 149px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 136px;
}

.medium {
	width: 100%;
	height: auto;
}

.medium #leftcontent {
	width: 411px;
}

.medium #rightcontent {
	width: 296px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 283px;
}


.small #leftcontent {
	width: 263px;
}

.small #rightcontent {
	width: 444px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 431px;
}


#content {
	margin-top: 5px;
}

div.large {
	background: url(../images/elements/content_large.gif) repeat-y right 0;
}

div.medium {
	background: url(../images/elements/content_medium.gif) repeat-y right 0;
}

div.small {
	background: url(../images/elements/content_small.gif) repeat-y right 0;
}


.white div.large {
	background: url(../images/elements/contentwhite_large.gif) repeat-y right 0;
}

.white div.medium {
	background: url(../images/elements/contentwhite_medium.gif) repeat-y right 0;
}

.white div.small {
	background: url(../images/elements/contentwhite_small.gif) repeat-y right 0;
}



/* @end */


/* @group subcols */


#rightcontent p {
	margin : 0.5em 0;
}


#rightcontent .left, #rightcontent .right {
	padding-top: 5px;
}

#rightcontent .left {
	position: relative;
	float: left;
	width: 270px;
	margin-left: 13px;
	text-align: left;
	display: inline;
}

#rightcontent .right {
	position: relative;
	float: right;
	width: 130px;
	margin-right: 7px;
	display: inline;
}

#rightcontent img {
	margin-top: 7px;
	margin-left: 7px;
	
}

.large #rightcontent img {
	margin-left: 4px;
}

#rightcontent .right img {
	margin-left: 0px;
	margin-bottom: 7px;
}

#contact {
	clear: both;
	position: relative;
	height: 45px;
}

#contact a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 137px;
	height: 35px;
	background: #fff;
	padding: 10px 0 0 10px;
}

#contact a span {
	display: block;
	background: #fff;
	border: 1px solid #999;
	text-align: center;
	font-size: 16px;
	width: 135px;
	height: 33px;
	line-height: 33px;
}

.large #contact a span {
	width: 134px;
}


/* @end */

#savoir {
	display: block;
	clear: both;
	position: relative;
	text-align: right;
	font-size: 12px;
	color: #000;
	padding-top: 4px;
	padding-right: 146px;
	background: #fff;
}

a#savoir:hover {
	color: #ccc;
	text-decoration: underline;
}

.small #savoir {
	padding-right: 441px;
}

.medium #savoir {
	padding-right: 293px;
}


#leftcontent p {
	line-height: 1.4em;
}


h1 a {
	position: relative;
	width: 390px;
	height: 35px;
	float: left;
	margin-top: 38px;
	margin-left: 11px;
	font-size: 2px;
	background: url(../images/title.gif) no-repeat;
	color: #fff;
}

#leftcontent ol {
	margin-left: 2em;
}

#leftcontent ol li {
	margin: 1em 0;
}

#leftcontent ul {
	margin-left: 1em;
}

#leftcontent ul li, #rightcontent ul li {
	list-style-type: disc;
	margin: 0.5em 1em;
}

#leftcontent li a, #rightcontent li a {
	font-weight: bold;
	border-bottom: 1px solid #bbb;
}

#rightcontent img {
	border: 2px solid #fff;
}



/* old styles : used but to be redesigned */


h2, h3 {
	font-weight: normal;
}

h2 {
	text-align: left;
	color: #999;
	font-size: 18px;
	margin-bottom: 15px;
}

h2 span {
	display: block;
	color: #555;
}

h2 span span {
	color: #999;
}

#bhayot h2 {
	text-align: right;
	margin-top: 30px;
	margin-right: 296px;
}

h3 {
	color: #999;
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 23px;
	background: url(../images/elements/h3arrow.gif) no-repeat 0 2px;
}

h3 span {
	color: #ccc;
}


#submenu {
	position: relative;
	width: auto;
	height: auto;
	margin-top: 10px;
	background: #fff;
}

#submenu ul {
	display: none;
}

#submenu ul li {
	list-style: none;
	margin: 0.1em 0;
}


#submenu li a {
	font-size: 12px;
	color: #aaa;
}

#submenu li.current a {
	color: #777;
	font-weight: bold;
}


#submenu li a:hover {
	color: #555;
}

#sub-cernes, #sub-rides, #sub-sourcils, #sub-cosmetique {
	position: absolute;

}

.paupieres #submenu {
	height: 108px;
}

.cernes #submenu, .cosmetique #submenu {
	height: 36px;
}

.rides #submenu, .sourcils #submenu {
	height: 54px;
}

#sub-cernes {
	left: 148px;
}

#sub-rides {
	left: 296px;
}

#sub-sourcils, #sub-cosmetique {
	text-align: right;
}

#sub-sourcils {
	right: 148px;
}

#sub-cosmetique {
	right: 0;
}


#skyscraper {
	position: absolute;
	top: -75px;
	right: 0;
	width: 135px;
}


#rightcontent ul.links li {
	margin: 1em 0;
	list-style: none;
}

.links li {
	padding-left: 25px;
	background: url(../images/elements/wlnkarrow.gif) no-repeat;
}

.links li a:hover {
	color: #999;
}

/* @group callus */

#callus{
	position: relative;
	width: 395px;
	height: auto;

}

#callus label , #callus input, #callus textarea {
	float: left;
	width: 150px;
	display: block;
	margin: 3px 0;
}

#callus textarea {
	width: 250px;
	height: 75px;
}

#callus label {
	width: 120px;
	padding: 3px 0;
}

#callus br {
	clear: both;
}

#callus input#submit{
	margin-top: 20px;
	margin-left: 120px;
}

/* @end */

/* @group zoom */

.thumb, .thumb3 {
	position: relative;
	float: left;
}

.thumb2, .thumb4 {
	margin-left: 15px;

}

.thumb a, .thumb2 a, .thumb3 a, .thumb4 a, .thumb5 a, .thumb6 a {
	width: 125px;
	height: 100px;
	background: url(../images/spacer.gif);
	z-index: 600;
}

.thumb a, #zoom {
	display: block;
	position: absolute;
	top: 5px;
	left: 20px;
	z-index: 450;
}

.thumb2 a, #zoom2 {
	display: block;
	position: absolute;
	top: 5px;
	left: 160px;
	z-index: 452;
}

.thumb3 a, #zoom3 {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 454;
}

.thumb4 a, #zoom4 {
	display: block;
	position: absolute;
	top: 140px;
	left: 155px;
	z-index: 456;
}

.thumb5 a, #zoom5 {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 458;
}

.thumb6 a, #zoom6 {
	display: block;
	position: absolute;
	top: 110px;
	left: 0px;
	z-index: 460;
}

div.zoomthumb {
	position: relative;
	float: left;
	z-index: 100;
}

.zoomthumb img {
	z-index: 200;
}

.zoomthumb a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #cff url(../images/spacer.gif);
	z-index: 600;
}



#zoom, #zoom2, #zoom3, #zoom4, #zoom5 {
	top:  0;
	left: -113px;
	text-align: center;
	background: #fff;
	visibility: hidden;
}

#zoom3, #zoom4 {
	top:  100px;
}

#zoom5 {
	top:  0;
	left: -267px;
}

/* @end */


dl.references {
	text-align: right;
}

dl.references dt {
	font-weight: bold;
	color: #555;
}

dl.references dt span {
	font-style: italic;
}

dl.references dd {
	margin: 5px 0 15px;
}

/* @group error */

#error #container {
	margin-top: 130px;
	padding: 10px;
	width: 450px;
}

#error #content {
	font-size: 13px;
	padding: 10px;
}

#error h1 a {
	position: relative;
	float: none;
	margin: 0;
}

#error h3 {
	padding: 0;
	color: #000;
	background: none;
}

#error #logo {
	margin: 10px auto 20px;
}

#error #logo a {
	border: none;
}

#error p {
	margin: 1em 0;
}


#error ul.left, #error ul.right {
	position: relative;
	width: 150px;
	height: auto;
	float: left;
	list-style: none;
	margin-left: 1em;
	margin-bottom: 1em;
}

#error ul li {
	list-style-type: circle;
	margin: 0.3em 0;
}

#error ul.right {
	float: right;
	width: 230px;
}

#error .back {
	text-align: right;
}

#error a {
	border-bottom: 1px dotted #777;
}

#error a:hover {
	color: #999;
	border-bottom: 1px solid #999;
}

#error em {
	color: #999;
	font-size: 10px;
}

/* @end */

#content #leftcontent a.text {
	color: #777;
	cursor: text;
	text-decoration: none;
	border: none;
}


div.keywords ul {
	margin: 2em 0 1em;
	padding: 0;
	list-style: none;
	font-size: 10px;
	text-align: center;
}

div.keywords li {
	display: inline;
	margin: 0 .5em;
}


#footer div.keywords li,
#footer div.keywords li a {
	color: #fff;
}



#video li {
	text-align: center;
	font-size: 11px;
}

#video .jcarousel-container {
    -moz-border-radius: 10px;
    /*background: #F0F6F9;
    border: 1px solid #346F97;*/
}

#video .jcarousel-container-horizontal {
    /*width: 245px;*/
    padding: 20px 40px;
}

#video .jcarousel-clip-horizontal {
    /*width:  245px;*/
    height: 124px;
}


#video .jcarousel-item {
    width: 124px;
    height: 124px;
}

#video .jcarousel-item-horizontal {
    margin-right: 8px;
}

#video .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
#video .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../assets/img/next-horizontal.png) no-repeat 0 0;
}

#video .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

#video .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

#video .jcarousel-next-disabled-horizontal,
#video .jcarousel-next-disabled-horizontal:hover,
#video .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#video .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../assets/img/prev-horizontal.png) no-repeat 0 0;
}

#video .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

#video .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

#video .jcarousel-prev-disabled-horizontal,
#video .jcarousel-prev-disabled-horizontal:hover,
#video .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

h2.belle {
	color: #000;
	margin-bottom: .3em;
}

h2.belle span {
	display: inline;
	color: #ec008c;
}

h2.belle em {
	color: #999;
}