@charset "UTF-8";

/***
 * SECTIONS :
 *   - GENERAL STYLES
 *   - HEADER
 *   - MAIN SECTION
 *   - FOOTER
 *   - PAGE «ACCUEIL»
 *   - PAGE «AVANTAGES»
 *   - SUPER STYLES
 ***************************************/

/***
 * GENERAL STYLES
 *****************/

html, body {
padding:0;
margin:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

p, ul, ol, h1, h2, h3, h4, h5, h6, table, pre, code, blockquote {
margin:0 0 16px 0;
}

img {
border:0;
}

table {
border-collapse: collapse;
padding:0;
border-spacing:0;
}

td {
padding:0;
}

.separator {
background:url('../_images/_header/separateur-blanc.png') repeat-x;
height:15px;
width:1024px;
margin:0 auto;
}

.separator hr {
display:none;
}
 
/***
 * HEADER
 *********/

.header {
width:1024px;
height:99px;
margin:0 auto;
background:url('../_images/_header/background_gradient.png') repeat-x;
position:relative;
font-size:0;
} 

.header .contextmenu {
font-size:11px;
font-weight:bold;
color:#333;
position:absolute;
top:0;
right:54px;
}

.header .contextmenu .separator {
margin:0 6px;
background:0;
}

.header a.plandesite {
color:#333;
font-weight:bold;
padding:0;
}

.header .logo {
font-size:20px;
vertical-align:bottom;
display:inline-block;
*display:inline;
*zoom:1;
}

.header .nav {
position:relative;
top:-6px;
margin:0 0 0 70px;
padding:0;
vertical-align:bottom;
display:inline-block;
*display:inline;
*zoom:1;
}

.header .nav li {
padding:0;
margin:0 26px 0 0;
display:inline-block;
*display:inline;
*zoom:1;
}

.header .nav a {
font-size:12px;
font-weight:bold;
color:#333;
text-transform:uppercase;
text-decoration:none;
}
 
/***
 * MAIN SECTION
 ***************/
 
.main {
width:1024px;
margin:0 auto;
}

/***
 * FOOTER
 *********/
 
.footer-separator {
height:20px;
background:url('../_images/_footer/separateur-blanc.png') repeat-x;
}
 
.footer {
width:1024px;
margin:0 auto;
}

.footer a {
text-decoration:none;
}

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

/***
 * PAGE «ACCUEIL»
 *****************/
 
.index .footer-separator {
height:15px;
background:url('../_images/_header/separateur-blanc.png') repeat-x;
}

.index .slideshow {
width:1024px;
height:398px;
background:url('../_images/_accueil/background_slideshow.png') repeat-x;
position:relative;
overflow:hidden;
}

.index .slideshow .slide {
position:absolute;
top:0;
left:0;
width:1024px;
height:398px;
}

.index .slideshow .slider {
font-size:0;
text-align:center;
width:100%;
height:28px;
position:absolute;
bottom:0;
left:0;
}

.index .slideshow .slider .value {
cursor:pointer;
font-size:12px;
background:url('../_images/_accueil/button_slideshow_value_inactive.png') no-repeat;
height:18px;
width:18px;
/*
-moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-moz-border-radius:9px 9px 9px 9px;
-webkit-border-radius:9px 9px 9px 9px;
-o-border-radius:9px 9px 9px 9px;
border-radius:9px 9px 9px 9px;
*/
margin:0 8px 0 0;
display:inline-block;
*display:inline;
*zoom:1;
}

.index .slideshow .slider .value.current {
background:url('../_images/_accueil/button_slideshow_value_active.png') no-repeat;
/*
background:url('../_images/_accueil/background_slide_status_value.png') repeat-x;
*/
}
.index .slideshow .slider .value.last {
margin:0;
}

.index .featured-merchants {
width:1024px;
margin:0 auto;
background:#FFFFFF;
text-align:center;
border-top: solid 5px black;
border-bottom: solid 5px black;
}

.index .featured-merchants h2 {
color:#666;
font-size:12px;
font-weight:normal;
margin:0;
padding:20px 0 20px 64px;
text-align:left;
}

.index .featured-merchants a {
margin:0 40px 0 0;
}

.index .featured-merchants a.last {
margin-right:0;
}

.banner {
width:1024px;
height:60px;
margin:0 auto;
background:#FFF;
/* background:url('../_images/_accueil/bg_banner.png') repeat-x; */
text-align:center;
}

.banner.empty {
height:16px;
}

.banner:after {
content:'';
width:0;
height:60px;
vertical-align:middle;
display:inline-block;
*padding-top:20px;
}

.banner > * {
vertical-align:middle;
}

.banner .tagline {
background:url('../_images/_accueil/icon_banner_arrow.png') no-repeat right center;
padding-right:26px;
font-size:16px;
font-weight:bold;
color:#333;
margin-right:100px;
text-decoration:none;
}

.banner .tagline em {
font-style:normal;
text-decoration:underline;
}

.banner a > img {
vertical-align:middle;
}

.index .temoignages-avant {
	width:1024px;
	margin:0 auto;
	text-align:center;
	font-family: "proxima-nova-condensed";
	color: black;
	font-weight: 300;
	font-size: 28px;
	padding-top: 25px;
	padding-bottom: 25px;
	line-height: 30px;
}

.index .temoignages {
	border-bottom: solid 5px #666666;
	width: 1024px;
	margin:0 auto;
}
	
.index .temoignages .gauche {
	padding-left:25px;
	padding-right:30px;
	padding-top: 40px;
	font-weight: 300;
	font-family: "proxima-nova";
}

.index .temoignages .gauche .nom {
	padding-bottom: 10px;
	font-weight: 600;
	color: black;
}

.index .temoignages .gauche .texte {
	font-size: 15px;
	font-style:italic;
	font-weight: 300;
	
}

.index .temoignages .droite {
	padding-left:30px;
	padding-right:25px;
	padding-top:40px;
	font-family: "proxima-nova";
	font-weight: 200;
	vertical-align:text-top;
}

.index .temoignages .droite .nom {
	padding-bottom: 10px;
	font-weight: 600;
	color: black;
}

.index .temoignages .droite .texte {
	font-size: 15px;
	font-style: italic;
	font-weight: 300;
}

.index .temoignages .centre {
	float: center;
}

.index .footer-separator {
display:none;
}

/***
 * PAGE «AVANTAGES»
 *********************/

.avantages .AvantagesListe {
width:880px;
}
 
.avantages .item {
margin-bottom:80px;
width:100%;
font-size:0;
text-align:justify;
-ms-text-justify:distribute-all-lines;
*text-justify:distribute-all-lines;
}

.avantages .item .text {
vertical-align:middle;
text-align:left;
width:433px;
font-size:12px;
line-height:20px;
display:inline-block;
*display:inline;
*zoom:1;
}

.avantages .item .text h2 {
font-size:20px;
font-weight:bold;
color:#000;
}

.avantages .item .text a {
color:#000;
line-height:11px;
border-bottom:1px solid #999;
text-decoration:none;
display:inline-block;
*line-height:normal;
}

.avantages .item .photo {
width:405px;
vertical-align:middle;
text-align:center;
font-size:12px;
line-height:20px;
display:inline-block;
*display:inline;
*zoom:1;
}
 
.avantages .item:after {
vertical-align:middle;
font-size:0;
content:'';
width:100%;
height:0;
line-height:0;
display:inline-block;
-ms-text-justify:distribute-all-lines;
*display:inline;
*zoom:1;
*text-justify:distribute-all-lines;
}
 
/***
 * INVITER UN AMI
 *******************/
 
body.inviter-un-ami,
body.inviter-un-ami {
	font-size:14px;
	background:#3c3c3c;
	font-family:Arial,Helvetica,sans-serif;
}
.inviter-un-ami a {
	color:#000;
	text-decoration:underline;
}
.inviter-un-ami.step-1 #main {
	background:url(../_images/_inviter_un_ami/bg-main-repeat.png) repeat-y;
	margin:0 auto;
	padding:0 0 1em 0;
	width:874px;
}
.inviter-un-ami.step-1 #main .layer {
	background:url(../_images/_inviter_un_ami/bg-main.jpg) no-repeat;
	min-height:479px;
	padding:300px 0 0 36px;
	position:relative;
	_height:479px;
}
.inviter-un-ami.step-1 #footer {
	background:url(../_images/_inviter_un_ami/bg-footer.png) no-repeat;
	color:#999;
	font-size:12px;
	margin:0 auto;
	padding:10px 0 0 36px;
	width:838px;
}
.inviter-un-ami.success #main,
.inviter-un-ami.error #main {
	background:url(../_images/_inviter_un_ami/bg-step-2-repeat.png) repeat-y;
	margin:0 auto;
	padding:0 0 1em 0;
	width:700px;
}
.inviter-un-ami.success #main .layer,
.inviter-un-ami.error #main .layer {
	background:url(../_images/_inviter_un_ami/bg-step-2.jpg) no-repeat;
	min-height:281px;
	padding:360px 40px 0 0;
	position:relative;
	text-align:center;
	_height:281px;
}
.inviter-un-ami.success #footer,
.inviter-un-ami.error #footer {
	background:url(../_images/_inviter_un_ami/bg-step-2-footer.png) no-repeat;
	color:#999;
	font-size:12px;
	margin:0 auto;
	padding:15px 0 0 0;
	width:700px;
}
.inviter-un-ami h1 {
	color:#fff;
	font-size:32px;
}
.inviter-un-ami.step-1 h1 {
	position:absolute;
	top:0;
	left:40px;
}
.inviter-un-ami.success h1,
.inviter-un-ami.error h1 {
	position:absolute;
	top:0;
	left:40px;
}
.inviter-un-ami h2 {
	font-size: 24px;
	margin:0 0 0px;
}
.inviter-un-ami p.pulloff {
	margin-top:0;
}
.inviter-un-ami #main .intro {
	width:421px;
}
.inviter-un-ami .ord {
	text-indent:-24px;
	margin:0 0 -8px;
}
.inviter-un-ami .error {
	color:#C93300;
	font-size:10px;
}
.inviter-un-ami .error-container {
	color:#C93300;
	display:inline-block;
	font-size:10px;
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	vertical-align:middle;
}
.inviter-un-ami .input-row {
	font-size:0;
	margin:0 0 8px;
}
.inviter-un-ami .input-row .input-container {
	background:#fff;
	display:inline-block;
	font-size:12px;
	height:30px;
	margin:0 1px 0 0;
	vertical-align:middle;
	width:210px;
	*display:inline;
	*zoom:1;
}
.inviter-un-ami .input-row .input-container input {
	border:0;
	padding:0 0 0 10px;
	vertical-align:middle;
	width:200px;
}
.inviter-un-ami .after {
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.inviter-un-ami .caption-contacts {
	font-size:18px;
	margin:30px 0 0;
}
.inviter-un-ami .caption-social-media {
	font-size:18px;
	margin:30px 0 0;
}
.inviter-un-ami .caption-social-media img {
	vertical-align:middle;
}
.inviter-un-ami fieldset {
	border:0;
	margin:0;
	padding:0;
}
.inviter-un-ami input[type=image] {
	margin:10px 0 0;
}
.inviter-un-ami .referer, .referer input {
	color:#666;
}
.inviter-un-ami .contacts, .contacts input {
	color:#999;
}
.inviter-un-ami .social-media {
	margin:0 0 60px 0;
}
.inviter-un-ami .empty-placeholder {
	display:inline-block;
	height:30px;
	vertical-align:middle;
	width:421px;
	*display:inline;
	*zoom:1;
}
.inviter-un-ami .btn-delete {
	color:#333;
	cursor:pointer;
	display:inline-block;
	font-size:10px;
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	text-decoration:underline;
	vertical-align:middle;
}
.inviter-un-ami .btn-add {
	background:url(_images/_inviter_un_ami/btn-plus.png) no-repeat 0 50%; 
	color:#333;
	cursor:pointer;
	display:inline-block;
	font-size:10px;
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	text-decoration:underline;
	vertical-align:middle;
}
.inviter-un-ami .btn-facebook {
	background:#eaeaea;
	border:1px solid #333;
	cursor:pointer;
	padding:2px 4px;
}
.inviter-un-ami .btn-facebook::-moz-focus-inner {
	border:0;
	padding:0;
}
.inviter-un-ami .btn-facebook img, .btn-facebook .label {
	vertical-align:middle;
}

/**
 * Border Layout
 */

.border-layout {
	position: relative;
}

.border-layout:after {
	clear:both;
	content:'';
	display:block;
	height:0;
	width:0;
}

.border-layout >  .top-left ~ .bottom-left,
.border-layout >  .left ~ .bottom-left {
	bottom:0;
	left:0;
	position:absolute;
}

.border-layout > .bottom-right {
	clear:right;
	float:right;
}

.border-layout > .left {
	float:left;
}

.border-layout > .right {
	float:right;
}

.border-layout > .top-left {
	float:left;
}

.border-layout > .top-right {
	float:right;
}