@charset "UTF-8";
/* CSS Document */

body {
	background:#000 url(images/background/rotate.php) top center no-repeat;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#top {text-align:right; font-size:9px; text-transform:uppercase; color:#999; margin:10px 0; background:#000 url(images/header.gif) repeat-x; height:56px;}
#top div.tagline {float:left; font-size:14px; color:#4bddd8; float:left;}
#header {height:140px; width:940px; background:#000 url(images/header-bg.jpg); position:relative; z-index:3;}
#header div.col-left, #header div.col-right { color:#FFF; margin-top:71px;}
#header div.col-right {float:right; text-align:right; width:370px;}
#header div.col-left {float:left; width:390px; }
#header div.col-center {float:left; margin:0px 0px 0px 20px; width:140px;}

#banner {height:334px; width:940px; background:#000 url(images/banner-bg.jpg); position:relative; z-index:1;}
#contentainer { background:#000 url(images/content-bg.gif); text-align:left;}
#content {margin:0px 40px; padding-top:20px; position:relative; }
#content div.col-left {width:530px; float:left;}
#content div.col-right {width:320px; float:right; border-left-style:solid; border-left-color:#262626; border-left-width:2px; padding-left:20px;}

#footer {height:80px; background:#000 url(images/footer-bg.jpg) repeat-x; width:940px; margin:0 auto;}
#footer div.col-left, #footer div.col-right { margin:20px; width:300px; color:#999; font-size:11px;}
#footer div.col-right {float:right; text-align:right;}
#footer div.col-left {float:left;}
#footer a {color:#ec2387; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

h1 {color:#FFF; font-weight:normal; margin:0; padding:0;}
h2 {color:#46b7b3; font-weight:normal; font-size:18px;}
h3 {color:#69c0bd; font-weight:normal; font-size:19px; line-height:25px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
h4 {color:#ec2387; font-weight:normal; font-size:23px; margin-bottom:0px;}
h5 {color:#ec2387; font-weight:bold; font-size:16px; margin-bottom:0px; margin-top:0px;}
h6 {color:#CCC; font-size:21px; font-weight:normal; margin:0; padding:0; margin-bottom:-10px;}
p {color:#FFF; font-size:13px; line-height:19px;}

.promotions {border-bottom:1px solid #1c1c1c; padding:0px 10px 10px 10px; height:150px; }
.promotions p {font-size:14px;}
.promotions .small {font-size:12px; color:#666;}

.highlight, highlight-nrm {color:#4bddd8;}
.highlight {font-weight:bold;}
.highlight-nrm {font-weight:normal;}

.centered940 {margin:0 auto; width:940px;}
.centered980 {margin:0 auto; width:980px; position:relative;}
.clear {clear:both;}

.btn-caclick {font-size:15px; width:151px; height:36px; background:url(images/btn-caclick.jpg) no-repeat; padding-left:9px; padding-top:5px; float:left;}
.btn-temoignages {font-size:15px; width:151px; height:36px; background:url(images/btn-temoignages.jpg) no-repeat; padding-left:9px; padding-top:5px; float:right;}
.btn-caclick a {color:#FFF; text-decoration:none;}
.btn-temoignages a {color:#FFF; text-decoration:none;}

* {outline:none;}

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


.pagenav {
	margin:0; padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:20px;
	font-size:9px;
	
}

.page_item, .page_item-photos {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.page_item a {	display:block;
	float:left;
	color:#777777;
	text-decoration:none;
	padding:0px 10px;}

.page_item-photos a {	display:block;
	float:left;
	color:#ec2387;
	text-decoration:none;
	padding:0px 10px;}
	
.page_item-photos a:hover, .page_item a:hover {	text-decoration:underline;}
	
	

.flright {float:right;}
.frmtext {background:#000; border:solid 1px #1c1c1c; font-size:10px; color:#FFF; height:15px}
.frmbtn {background:#1c1c1c; border:solid 1px #313131; font-size:10px; color:#FFF; height:19px;}
.hidden {visibility:hidden;}


.side-forfaits ul {margin:0; padding:0;}
.side-forfaits li { font-size:16px; margin:10px;}
.side-forfaits li a {color:#cecece; text-decoration:none;}
.side-forfaits li a:hover {text-decoration:underline; color:#FFF;}
.side-forfaits p {font-size:14px; color:#cecece;}







/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	text-align:left;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			33px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	font-size:15px;
	padding:8px 10px 10px 10px;
	text-decoration:none;
}

.sf-menu ul li a {
	border-bottom:		1px solid #333;
	padding: 		10px;
	text-decoration:none;
	font-size:13px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}

.sf-menu ul li a, .sf-menu ul li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#CCC;
}
.sf-menu a:hover, .sf-menu a.current {background:transparent url(images/menu-bg.gif) bottom repeat-x;}
.sf-menu ul li a:hover {color:#fff; background:none;}
.sf-menu ul li a.current {color:#46B7B3; background:none;}
.sf-menu li {

}
.sf-menu li li {
	background:#000 url(images/sbmenu-bg.png);

}
.sf-menu li li li {

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}












.temoignages-msg {font-size:14px; color:#CCC; font-style:italic; margin:10px 0;}
.temoignages-nom {text-align:right; color:#999; font-size:12px; margin:0px 30px 15px 0px;}
.temoignages-sep p {font-size:11px; color:#69C0BD; margin:15px 0px 20px 0px; width:210px; text-align:center; clear:both; height:10px;}

.logozeliecreation {width:100px; float:right; background:url(images/zeliecreation.gif) no-repeat; height:41px;}
.logozeliecreation:hover {width:100px; float:right; background:url(images/zeliecreation-ov.gif) no-repeat; height:41px;}
.logozeliecreation a {text-indent:-9999px; width:100px; height:41px; display:block;}

.logovizage {width:126px; float:right; background:url(images/vizage.gif) no-repeat; height:30px; margin:10px 20px;}
.logovizage:hover {width:126px; background:url(images/vizage-ov.gif) no-repeat; height:30px;}
.logovizage a {text-indent:-9999px; width:126px; height:30px; display:block;}
























/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:940px;
		height:334px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:40px;
		height:40px;
		position:absolute;
		left:10px;
		top:150px;
		}	
	#nextBtn{ 
		left:890px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:40px;
		height:40px;
		background:url(images/slider-leftbtn.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/slider-rightbtn.png) no-repeat 0 0;	
		}