/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
}
/* =HTML5
 --------------------------------------------------------------------------------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
textarea{
	overflow:auto;
	font-size:1em;
}
fieldset{
	display:block;
}
input, select{
	margin:0;
	padding:0;
	outline:0;
}
input, label, select{
	vertical-align:middle;
	font-size:1em;
}
legend{
	margin-left:-7px;
}
/* remember to define focus styles! */
:focus {
	/*outline: 0;*/
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* resolve strict doctype behaviour */  
object, embed{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

body{font-size: 11px; font-family:Lato-Regular, Arial;}

input, textarea, select{font-family:Lato-Regular, Arial;}

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/  

h1{font-size:24px;font-weight: normal;} 

h2,.sub-title{font-size: 22px;font-weight: normal;}

h3{font-size: 20px;font-weight: normal;}

h4{font-size: 18px;font-weight: normal;}

h5{font-size: 16px;font-weight: normal;}

h6{font-size: 14px;font-weight: normal;} 

p{font-size: 11px;}

a{outline:0 none;} 


@font-face
{ 
	font-family: 'Lato-Bold'; 
	src: url('../../fonts/lato-bold-webfont.eot'); 
	src: url('../../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('../../fonts/lato-bold-webfont.woff') format('woff'),
		 url('../../fonts/lato-bold-webfont.ttf') format('truetype'), 
		 url('../../fonts/lato-bold-webfont.svg#webfont') format('svg'); 
}
@font-face
{ 
	font-family: 'Lato-Light'; 
	src: url('../../fonts/lato-light-webfont.eot'); 
	src: url('../../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('../../fonts/lato-light-webfont.woff') format('woff'),
		 url('../../fonts/lato-light-webfont.ttf') format('truetype'), 
		 url('../../fonts/lato-light-webfont.svg#webfont') format('svg'); 
}
@font-face
{ 
	font-family: 'Lato-Regular'; 
	src: url('../../fonts/lato-regular-webfont.eot'); 
	src: url('../../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('../../fonts/lato-regular-webfont.woff') format('woff'),
		 url('../../fonts/lato-regular-webfont.ttf') format('truetype'), 
		 url('../../fonts/lato-regular-webfont.svg#webfont') format('svg'); 
}


html{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_01.png") repeat left top;
	color:#45373f;
	-webkit-text-size-adjust:none;  
	-o-text-size-adjust:none;
}

body a{
	color:#fff;
}

.clear{
	clear:both;
	font-size:0;
}


#feedback-new-site {     /****Temporaire****/
	position: fixed;
	z-index: 1000;
	right: 0px;
	top: 175px;
}


.wrap-top{
	position:relative;
	display:block;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_05.png") repeat-x left bottom;
	z-index:2;
	min-width: 1044px;
}

.wrap-top-inner{
	position:relative;
	width:1044px;
	height:93px;
	margin:0 auto; 
}

.wrap-top-inner-hp{
	
	height:188px;
}

#facebbok-like{ 	/*-----Xavier------*/
	margin: 0 0 0 31px;    /*déplacé de catalogue.css*/
	display: inline;		/*idem*/
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_15.png") no-repeat top left;
	color: #305D9A;
    float: left;
    font-size: 15px;
    height: 39px;
    padding: 70px 0 0 100px;
    position: relative;
    width: 118px;
    z-index: 100;

	_visibility:hidden;
}

.action-like{
	display:block;
	margin:0 0 0 52px;
	padding:15px 0 0 39px;
	/*background:url(	hp/3/cybercartes_04.png") no-repeat left top;*/
	min-height:33px;
}

.top-banner
{   
	width: 970px;
	margin:0 auto;
	padding:8px 0 0 0;
	border:0;
	
}

.top-space
{   
	height: 15px;
}

.nav-area{
	clear:both;
	position:relative;
	display:block;
	float:left;
	width:1044px;
}

.logo{
	position:absolute;
	left:0;
	top:-10px;
	z-index:99;
}

.logo img{
	position:relative;
	display:block;
	float:left;
}

.right-header{
	float:right; 
}

.my-cybercatre{
	float:right;
	padding:0 33px 0 0;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_07.png") no-repeat right center; 
	font-size:12px;
	font-weight:normal; 
	font-family:Lato-Regular, Arial;
	text-decoration:none;
	line-height:16px;
	_line-height:18px;
	margin:7px 4px 13px 0;
	position:relative;
	overflow:hidden;
	color:#fff;
	display:none;
}

.my-cybercatre:hover{
	text-decoration:underline;
}

.search{
	height:22px;
	padding:0 16px  0 5px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_06.png") no-repeat left top; 
}

.search-accueil {
	margin-top:35px;
}

.search .key-searched{
	width:170px;
	height:18px;
	line-height:18px;
	background:#fff;
	font-size:11px;
	color:#45373f;
	float:left;
	border:0;
	margin:3px 0 0 4px;
	font-family:Lato-Regular, Arial;
}

.search .btn_submit{
	width:14px;
	height:14px;
	float:left;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_08.png") no-repeat left top; 
	margin:5px 0 0 0;
	padding:0;
	border:0;
	cursor:pointer;
} 





/*
 *
 * Pink button ( Slideshow )
 *
 */
.pink-btn{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/pink-btn-left.png") no-repeat left top;
	padding:0 0 0 20px;
	height:71px;
	text-decoration:none;
	overflow:hidden;
}

.pink-btn:hover{ background-position:left -71px; }

.pink-btn span{
	position:relative; float:left; 
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/pink-btn.png") no-repeat right top;
	padding:0 66px 0 7px;
	height:71px; line-height:68px; 
	font-size:14px; font-family:Lato-Bold, Arial;
	cursor:pointer;
}

.pink-btn:hover span{ background-position:right -71px; }  






.wrap-content{
	position:relative;
	display:block; 
}

.wrap-content-inner{
	position:relative;
	width:994px;
	margin:0 auto;
	overflow:hidden;
	padding:29px 0 0 16px;
}

#nav li h2{
	font-size:16px; 
}

#nav li h2 a{
	text-decoration:none; 
	display:inline-block; 
}

#nav{
	float:left;
	position:relative; 
	z-index:10;
	height:70px;
	width: 815px;
}
#nav ul { 
	float:left;
	padding:0 0 0 0;
	height:70px;
	margin:0 0 0 300px;
	width: 515px;
}

#nav ul li {
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/menu-separator.png") no-repeat scroll right 48px transparent;
	float: left;
	height: 70px;
	list-style: none outside none;
}

#nav ul li a { 
	font-size: 11pt;  
	line-height: 15px;
	padding-left: 11px;
	padding-right: 16px;
	text-decoration: none;
	float:left;
	position:relative;
	color:#fff;
	font-family:Lato-Regular, Arial;
	cursor:pointer;
	padding-top:44px;
	margin:0;  
}

#nav ul li a:hover,#nav ul li a.active {
	color: #ff0099; 
}

#nav ul li ul {
	display: none;
}

#nav ul li .area-submenu{
	display:none;
	visibility:hidden;
}


#nav ul li.hover .area-submenu{
	display: inline;
	visibility:visible;
	position: absolute; 
	width: 1010px;/*(-44px)*/
	height: 130px; 
	z-index: 10;
	font-weight: normal;
	margin:0 0 0 0; 
	padding: 9px 5px 8px 5px;
	left: 17px;
	top:69px;
}

#nav ul li.hover .area-submenu .left-area-submenu{
	position:absolute;
	width:5px;
	height:138px;
	left:0;
	top:9px;
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_19.png") repeat-y scroll left top transparent;
}

#nav ul li.hover .area-submenu .right-area-submenu{
	height: 138px;
    position: absolute;
    right: -5px;
    top: 9px;
    width: 5px;
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_21.png") repeat-y scroll right top transparent;
}

#nav ul li.hover .area-submenu .bottom-area-submenu{
	bottom: -5px;
    height: 8px;
    left: 5px;
    position: absolute;
    width: 1015px;/*(-44px)*/
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_20.png") repeat-x scroll left bottom transparent;
}

#nav ul li.hover ul{
	margin:0;
	padding:10px 15px 0 40px;
	border:0;
	width: 960px; /*(-44px)*/
	height: 128px;
	position:relative;
	background:#45373f;
	line-height: 15px;
	font-size: 14px;
	font-family:Lato-Light, Arial;
	display:block;
}

#nav ul li.hover ul li {
	font-size: 13px;
	background: none;
	cursor: default;
	border-left: 1px solid #fff;
	height: 79px;
	margin-top: 10px; 
	color: #FFFFFF;
	display:inline-block;
} 

#nav ul li ul li.card-type {
	border-left: none; 
	margin-right: 20px;
	min-width: 135px;
}

#nav ul li ul li.last {
	border-left: none;
	_width:150px;
	position: absolute;
	right: 15px;
	bottom: 20px;
}

#nav ul li.hover ul li a {   
	color: #FFFFFF;
    display: inline-block;
    font-size: 10pt;
    height: 20px;
    overflow: hidden;
	text-decoration:none;
	font-family:Lato-Bold, Arial; 
	padding-left: 10px;
    padding-right: 25px;
	margin:0;
	clear:both;
	padding-top:0;
}

#nav ul li.hover ul li a:hover{ 
	text-decoration:underline;
	color: #FFFFFF;
}

#nav ul li .gris-arrow {  
	display: none;
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_17.png") center no-repeat;
	width: 12px;
	height: 9px;
	margin-top:0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto; 
	font-size:0;
	text-indent:-999px; 
}

#nav ul li.hover .gris-arrow { 
	display: block;
	top: 68px;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
	padding:0 13px;
}

#nav ul li.current .gris-arrow.pink-arrow {
	display: block;
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_09.png") no-repeat scroll center center transparent; 
	top: 76px;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%; 
	padding:0;
}

#nav ul li.current.hover .gris-arrow.pink-arrow { 
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_17.png") center no-repeat; 
	top: 68px; 
}

#nav ul li.hover ul li a {
	line-height: 20px;
}

#nav ul li.hover ul li.last a {
	margin:70px 0 0 0;
	padding:0 25px 0 0;
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_52.png") no-repeat right center;
	height: 20px;
	overflow:hidden;
	position:relative;	
}

*+html #nav ul li.hover ul li.last a {
	width:120px;
}

.menu-card-type {
	line-height: 25px;
}

.card-name {
	font-family:Lato-Light, Arial;
	font-size: 30px;
}

.card-category {
	font-size: 15px;
	font-family:Lato-Bold, Arial;
}

.active-card{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_22.png") no-repeat;
	height: 10px;
	width: 12px;
	margin-left: 135px;
}
.arrow-active-card{
	width: 555px;
	margin:0 auto;
}


/* TO DELETE IF WORKS

.pink-btn-content{
	position:relative; 
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/pink-btn-left-without-shadow.png") no-repeat left top;
	padding:0 0 0 5px;
	height:27px;
	text-decoration:none; 
	display:block;
}

.pink-btn-content:hover{background-image:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/pink-btn-left-hover-without-shadow.png");}

.pink-btn-content span{
	position:relative;  
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/pink-btn-without-shadow.png") no-repeat right top;
	padding:0 26px 0 7px;
	height:27px;
	line-height:27px; 
	font-size:12px;
	font-family:Lato-Bold, Arial;
	display:block;
	cursor:pointer;
	text-align: left;
	min-width:119px;
}

.pink-btn-content:hover span{background-position:0 27px;}

*/

.top-day{  
	color: #FFFFFF;
    float: right;
    height: 110px; 
    position: relative;
    text-align: center;
    width:575px;
}

.bg-tday{
	position:absolute;
	right:0;
	top:0;
	width:633px;
	height:110px; 
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_41.png") no-repeat 10px top;
}

.top-day .flowers{  
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_53.png") no-repeat 0 0;
    bottom: -25px;
    height: 39px;
    position: absolute;
    right: 253px;
    width: 59px;
    z-index: 10;
}

.top-day .day{   
	display: block;
    font-family:Lato-Light, Arial;
    font-size: 9pt;
    left: 220px;
    padding: 5px 0;
    position: absolute;
    top: 1px;
    width: 163px;
    text-align: center;
}

.top-day .day strong{
	font-family:Lato-Bold, Arial;
	font-size:13px;
}

.party-person{  
	color: #43363C;
    display: block;
    font-family:Lato-Light, Arial;
    font-size: 13px;
    padding-left: 0;
    padding-top: 30px;
    position: relative;
    width: 575px;	
}

.party-person a.msg-party{ 
	color: #43363C;
    display: block;
    font-size: 24px;
	line-height:32px;
    padding: 0 0 0 10px;
    text-decoration: none;
}

.party-person .msg-party strong{
	font-family:Lato-Bold, Arial;
	font-size: 24px;
	color:#45353f;
}

.party-person .date{ 
	color: #44363E;
    display: block;
    font-family:Lato-Light, Arial;
    font-size: 15px;
	line-height:15px;
}

.party-person .date a{
	color: #44363E;
    font-family:Lato-Light, Arial;
    font-size: 11pt;
    text-decoration: none;
}

.party-person .date strong{
	font-family:Lato-Bold, Arial;
    font-size: 15px;
} 

.party-person .show-all-firstname{
	font-size:11px;
	color:#bd005a;
	padding:0 12px 0 0;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_43.png") no-repeat right 2px;
	font-family:Lato-Bold, Arial;
	text-decoration:none;
	height:15px;
	display:inline-block;
	margin:0 3px 6px 10px; 
}

.party-person .show-all-firstname span{
	border-bottom:1px solid transparent; 
	display:block;
	color:#bd005a;
	font-family:Lato-Light, Arial;
	font-size:12px;
}

.party-person .show-all-firstname:hover span{
	border-bottom:1px solid #bd005a;
}

/*------------PREFOOTER--------*/

.wrap-footer-icon{
	position:relative;
	display:block; 
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_51.png") repeat 0 0;
	z-index:2;
	margin-top:6px;
	min-width: 1024px;
} 

.wrap-footer-icon-inner{
	position:relative;
	width:990px; 
	margin:0 auto; 
	overflow:hidden;
}

.wrap-footer-icon .list-icon{
	clear:both;
	float:left;
	padding:38px 0 38px 0;
	margin-left: 6px;
}

.wrap-footer-icon li{
	float:left; 
	border-right:1px dashed #45373f;
	text-align:left;
	overflow:hidden;
}

.wrap-footer-icon li .item{
	padding:70px 15px 0;
	position:relative;
	display:inline-block;
	text-decoration:none;
	float:left; 
	cursor:pointer;
	width:168px;
}

.wrap-footer-icon li .item a,.wrap-footer-icon li .item a:hover{
	text-decoration:none;
}

.wrap-footer-icon li.last{
	border:0;
	padding-right:0;
}

.wrap-footer-icon li .title{ 
	display:block; 
	color:#45373f;
	font-size:19px;
	font-family:Lato-Bold, Arial; 
}

.wrap-footer-icon li .desc{
	display:block; 
	color:#44363e;
	font-size:12px;
	font-family:Lato-Regular, Arial; 
}

.wrap-footer-icon li .item .link-footer{
	position:absolute;
	left:0;
	top:0;
	width:154px;
	height:70px;
	font-size:0;
	text-indent:-999px;
	text-decoration:none;
}

.wrap-footer-icon li .facebook{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_fb.png") no-repeat 0 3px; 
	padding-left:0;  
}

.wrap-footer-icon li .facebook-hover{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_fb_hover.png") no-repeat 0 3px;  
}

.wrap-footer-icon li .twitter{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_twit.png") no-repeat 24px 3px;
}

.wrap-footer-icon li .twitter-hover{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_twit_hover.png") no-repeat 24px 3px;
}

.wrap-footer-icon li .iphone-ipad{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_mobile.png") no-repeat 24px 3px;
}

.wrap-footer-icon li .iphone-ipad-hover{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_mobile_hover.png") no-repeat 24px 3px;
}

.wrap-footer-icon li .cybermag{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_cybermag.png") no-repeat 24px 3px;
}

.wrap-footer-icon li .cybermag-hover{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_cybermag_hover.png") no-repeat 24px 3px;
}

.wrap-footer-icon li .newsletter{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_news.png") no-repeat 24px 3px;
}

.wrap-footer-icon li .newsletter-hover{
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/prefooter/pre_news_hover.png") no-repeat 24px 3px;
}
/*--------------------------*/




/*----------FOOTER------------*/

.wrap-footer-icon li .item {
	padding-top:62px;
}

.wrap-footer-icon li .desc {
	padding: 3px 0 0;
}

.wrap-footer-icon-inner { 
    width: 995px;
	padding-left: 18px;
	padding-bottom:6px;
}

.wrap-footer-icon .list-icon {
	margin-left:0;
}

.wrap-footer-bottom-inner{
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/logo-footer.png") no-repeat scroll 25px 34px transparent;
	width:1027px;
}

.wrap-footer-bottom-inner .top-footer{
	display:block;
	margin:0;
	padding:0;
	border:0;
	position:relative;
	overflow:hidden;
}

.wrap-footer-bottom-inner .top-footer-inner{
	float:right;
	margin:18px 0 0 0;
	padding:0 0 27px 0;
	border:0;
	text-align:left;
}

.wrap-footer-bottom-inner .top-footer-inner ul{
	float:left;
	margin:0;
	padding:0 0 0 19px;
	border-left:1px dashed #a29b9f;
	width:149px;
	height:195px;
}

.wrap-footer-bottom-inner .top-footer-inner ul li{
	clear:both;
	float:left; 
	padding-bottom: 4px;
    padding-left: 2px;
	width:149px;

}

.wrap-footer-bottom-inner .top-footer-inner ul li a{
	font-family:Lato-Light, Arial;
	font-size:12px;
	line-height:12px;
	color:#A29B9F;
	text-decoration:none;
	text-align: left;
}

.wrap-footer-bottom-inner .top-footer-inner ul li.title{
	font-family:Lato-Light, Arial;
	font-size:20px;
	line-height:20px;
	color:#fff;
	padding-bottom: 12px;
}

.wrap-footer-bottom-inner .top-footer-inner ul.decovers{
	padding-left: 17px;
    width: 152px;
}

.wrap-footer-bottom-inner .top-footer-inner ul.contact{
	width: 150px;
}

.wrap-footer-bottom-inner .top-footer-inner ul.contact li{
	padding-left: 0;
}

.wrap-footer-bottom-inner .top-footer-inner  a:hover{
	text-decoration:underline;
}

.wrap-footer-bottom-inner .bottom-footer{
	position:relative;
	display:block;
	margin:0;
	padding:0 0 0 25px;
	border:0;
	text-align:left; 
	overflow:hidden;
	width:97%;
}

.wrap-footer-bottom-inner .bottom-footer p{
	font-family:Lato-Regular, Arial;
	font-size:12px;
	color:#fff;
	padding-bottom:12px;
	line-height: 13px;
}


.wrap-footer-bottom-inner .bottom-footer p.gris{
	color:#a29b9f; 
}

.wrap-footer-bottom-inner ul.contact li a{
	width:84px;
	padding-right:15px; 
	float:left;
}

.wrap-footer-bottom-inner .top-footer-inner ul li a.twitter{
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/logo-twitter.png") no-repeat scroll right top transparent; 
}

.wrap-footer-bottom-inner .top-footer-inner ul li a.face{
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/logo-face.png") no-repeat scroll right top transparent; 
}

.wrap-footer-bottom-inner .top-footer-inner ul li a.cybermag{
	background: url("http://static.cybercartes.com/layouts/cyb_default/img/logo-cybermag.png") no-repeat scroll right top transparent; 
}

.wrap-footer-bottom {
	padding-bottom:0;
}

.wrap-footer-bottom{
	position:relative;
	display:block; 
	background:#45373f;
	z-index:2;
	margin-top:6px;
	padding-bottom: 35px;
	min-width: 1024px;
} 

.wrap-footer-bottom-inner{
	position:relative;
	overflow:hidden;
	padding:35px 0 5px 0;
	text-align:center;
	font-family:verdana;
	font-size:10px;
	color:#898187;
	width:950px;
	margin:auto;
	text-align:center;
}

.nav-footer{
	display:inline-block;
	overflow:hidden;
	padding-bottom:11px;
}

.nav-footer li{
	display:inline;
}

.nav-footer li h2{
	font-size:11px; 
	display:inline;
	font-weight: 400;
}

.nav-footer li h2 a{
	text-decoration:none;
	color:#fff;
	display:inline-block;
	font-family:verdana;
	border-right:1px solid #fff;
	padding:0 5px;
}

.nav-footer li.last h2 a{border:0;}

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

.wrap-footer-bottom-inner .annonceur{
	font-size:11px;
	color:#c50054;
	padding:14px 0;
	display:block;
	text-align:center;
}

.wrap-footer-bottom-inner p{
	font-size:10px;
	font-family:verdana;
	color:#898187;
}

.wrap-footer-bottom-inner .copyright{
	display:block;
	text-align:center;
	font-size:10px;
}

.hideThis {
	display: none;
}


/*------Railroad---------*/
.cartes-list-top .path{
	float:left;
	padding:5px 0 6px 0;
}

.cartes-list-top .path li{
	float:left;
}

.cartes-list-top .path li.separator{
	width:5px;
	height:11px;
	text-indent:-9999px;
	font-size:0;
	padding:0 12px 0 6px; 
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/catalog/arrow-path.png") no-repeat 10px 4px;
}

.cartes-list-top .path span{
	padding:0;
	margin:0;
	border:0;
	font-size:14px;
}

.cartes-list-top .path a{
	color:#ca096d;
	text-decoration:none; 
	font-family:Lato-Regular, Arial;
	float:left;
	line-height:11px;
}

.cartes-list-top .path a:hover {
	text-decoration: underline;
}

.cartes-list-top .path .last a{
	font-family:Lato-Bold, Arial;
}

.cartes-list-top .path .last a:hover{
	text-decoration: none;
}

.cartes-list-top .filter-by{
	float:right;
	display:none !important;
}

.cartes-list-top .title{
	float:left;
	font-family:Lato-Regular, Arial;
	line-height:14px;
	color:#606164;
	font-size:14px;
	padding:5px 13px 4px 0;
}

.cartes-list-top .list-filters{
	float:left;
	padding:1px 5px 1px 1px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/catalog/populate-top-list.png") no-repeat 0 0;
	width:199px;
	height:21px;
}

.cartes-list-top .list-filters li{float:left;}

.cartes-list-top .list-filters li.nouveaute a{
	float:left;
	padding:5px 18px 6px 19px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/catalog/black-btn-list.png") no-repeat 0 0;
	width:65px;
	height:10px;
	font-family:Lato-Regular, Arial;
	line-height:8px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

.cartes-list-top .list-filters li.popularite{
	padding-left:8px;  
}

.cartes-list-top .list-filters li.popularite a{
	float:left;
	padding:5px 0 6px 20px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/catalog/coeur_plein_catalog.png") no-repeat 0 7px;  
	font-family:Lato-Regular, Arial;
	line-height:8px;
	color:#45373f;
	font-size:14px;
	text-decoration:none;
}

/*********
* Autres *
*********/

.bigInput {
	color: #757575;
	margin-right: 10px;
	float: left;
	font-size: 22px;
	height: 32px;
	width: 260px;
	border-width: 1px;
	border-style: solid;
	border-color: #B6B6B6;
}

.bigInput:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #00B8FF;
	
	/*-moz-box-shadow: inset 0 0 5px #9E9E9E;
	-webkit-box-shadow: inset 0 0 5px #9E9E9E;
	box-shadow:  inset 0 0 5px #9E9E9E;*/
}

.bigInput:focus {
	
	border-width: 1px;
	border-style: solid;
	border-color: #00B8FF;	
	
	-moz-box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, 0.72);
	-webkit-box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, 0.72);
	box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, 0.72);
	background-color: #F2F7FF;
}

.fontBold{
	font-family: Lato-Bold, Arial;
}
.fontLight{
	font-family: Lato-Light, Arial;
}
.fontUpper{
	text-transform: uppercase;
}

#isNotForLittleChild {
	padding:25px; font-size:16px; line-height:18px; text-align:center;
}

#isNotForLittleChild .warning {
	font-size:18px; font-weight:bolder; color:#BD005A;
}

#isNotForLittleChild strong {
	font-size:12px; color:#BD005A
}

#isNotForLittleChild a {
	display:inline-block; width:100px; height:35px; line-height:35px; margin-top:10px; text-decoration:none;
	background:#BD005A; color:#fff;
}

#isNotForLittleChild a:hover {
	background:#f20075;
}

#isNotForLittleChild #noncaira {
	background:#eee; color:#555;
}

#isNotForLittleChild #noncaira:hover {
	background:#eee;
} 

#popsuggest {
	line-height: 12px; 
	cursor: pointer;
	color: #CA096D;
	padding-right: 11px;
	font-size: 12px;
	height: 12px;
	display: block;
}

#suggestion-popin {
	padding:25px; 
	font-size:16px; 
	line-height:18px;
	position: absolute;
	overflow: auto;
	background-color: #FFF;
	z-index: 9999;
}

#suggestion-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #777;
	opacity:0.5;
	z-index: 9998;
}

#suggestion-popin p {
	position: relative;
	display: block;
	width: 100%;
	padding: 10px;
	background: #FAFAFA;
	cursor:pointer;
}

#suggestion-popin p:hover {
	background:#f20075;
	color:#fff;
}

#freeRibbon {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}


/* Google search engine */

.right-header div:first-child{
	position:absolute;
	width:250px;
}
/*------FB Banner---------*/

.fbBanner {
	display:block;   
	padding:0;
	min-width: 1024px;
	background:url("http://static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_44.png") repeat scroll 0 0 transparent;
}

.fbBanner-inner {
	height: auto;
    margin: 6px auto 0 auto;
    overflow: hidden;
    padding: 14px 0 14px 24px;
    position: relative;
    width: 1000px;
    clear: both;
}

.fbBanner-inner .fbLinkBloc {
	float: left;
	clear: both;
}

.titleZone {
	width: 320px;
	float: left;
	text-align: center;
	margin-top: 29px;
	margin-right: 65px;
}

.title {
	font-family:Lato-Light, Arial;
	font-size:37px; 
	color:#45373f;
}


#becomeFanLink {
	font-family:Lato-Light, Arial;
	font-size:20px; 
	color:#45373f;
	text-decoration: none;
}

#fbComplementLink img {
	margin-top: 15px;	
}

.fbBanner-inner .fbPlugin {
	float: right;
}
.fbBanner-inner .fbPlugin iframe {
	background-color: #ffffff;
}

.fbMin {
	font-size:25px; 
}
.fbName {
	font-family:Lato-Bold, Arial;
	color: #25559b;
}

.dotLine {
	padding: 0px 0px 70px 0px;
	height: 1px;
	background-image: url(../../img/dotted_line.png);
	background-repeat: repeat-x;
}

/*------COOKIES Banner---------*/

#cookie_choice {
	display: none;
	z-index: 2000;
	padding: 5px 15px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	color: #999;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

#cookie_choice_info {
	margin-left: 5px;
}

#cookie_choice_close {
	margin-left: 25px;
}

#cookie_choice a,
#cookie_choice a:hover,
#cookie_choice a:active,
#cookie_choice a:visited {
	color: #000;
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
	#cookie_choice {
		padding: 5px 30px
	}
}

@media print {
	#cookie_choice {
		display: none
	}
}