html {
background: none;
}
.carte-virtuel{
position:relative;
display:block;
z-index:1;
min-width:1044px;
background-color: #EBF0F2;
}
.carte-virtuel-inner{
position:relative;
width:996px;
margin:0 auto;
height:auto;
padding:24px;
overflow:hidden;
}
.carte-virtuel-outer{
padding:31px;
width:934px;
background-color: #fff;
margin:0;
border:0;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.carte-virtuel-outer .liens-carte img {
display: block;
width: 136px;
float: left;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.carte-virtuel-text{
display: flex;
float: left;
align-items: center;
padding-left: 20px;
font-family:Lato-Regular, Arial;
height: 82px;
}
.carte-virtuel-outer .invite-img, .carte-virtuel-outer a{
max-width:375px;
}
.carte-virtuel-text h1{
padding:0;
font-family:Lato-Light, Arial;
font-size:20px;
line-height:28px;
color:#9D9D9D;
}
.carte-virtuel-text h1 span {
font-family: Lato-Bold, Arial;
margin-top: 14px;
color: #45373F;
font-size: 30px
}
.carte-virtuel-txt h2{
margin-top: 21px;
margin-bottom: 6px;
font-size:16px;
font-family:Lato-Regular, Arial;
padding-bottom:0px;
display:block;
}
.carte-virtuel-txt p, .carte-virtuel-txt p a, .text-bottom p {
font-family:Lato-Regular, Arial;
font-size:16px;
line-height: 1.7em;
color: #9D9D9D;
}
.carte-virtuel-txt .carte-virtuel-txt-court {
display: none;
}
.carte-virtuel-txt .carte-virtuel-txt-long {
overflow: auto;
height: 70px;
width: 956px;
margin-top: 20px;
padding-right: 50px;
line-height: 1.4em;
color: #9d9d9d;
}
.carte-virtuel-text .carte-virtuel-txt {
overflow: hidden;
width: 540px;
}
.carte-virtuel-outer-mini {
background-color: #fff;
padding: 20px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.carte-virtuel-outer-mini .cat-logo{
float: left;
display: block;
padding: 10px;
background-color: #b2c3c9;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.cartes-list-bottom{
border-bottom: 2px solid #f2f2f2;
border-top: 2px solid #f2f2f2;
display: block;
padding:25px 0 25px 0;
margin-bottom: 20px;
}
.cartes-list-bottom-inner{
position:relative;
text-align:center;
padding:0 0 0 24px;
overflow:hidden;
}
.text-bottom {
display: none;
border-bottom: 2px solid #f2f2f2;
border-top: 2px solid #f2f2f2;
padding: 8%;
}
.text-show {
display: block;
}
.text-noShow {
display: none;
}
.innerPub div {
margin: 5px;
}
.pagination{
float:none;
display: inline-block;
padding:0;
margin:0;
border:0;
}
.pagination li{
float:left;
padding-right:10px;
}
.pagination li a{
width:34px;
height:29px;
float:left;
text-align:center;
line-height:29px;
color:#76868C;
font-family:Lato-Bold, Arial;
font-size:20px;
text-decoration:none;
border: 1px solid #cacaca;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.pagination li a:hover {
border-color: #969696;
}
.pagination li.current a{
background-color: #CA0A6D;
color:#fff;
border-color: #CA0A6D;
}
.pagination li.prev-page{
padding-right: 10px;
}
.pagination li.prev-page a{
background:url("//static.cybercartes.com/layouts/cyb_default/img/catalog/prev-page-list-product-noborder.png") no-repeat left top;
font-size:0;
text-indent:-999px;
}
.pagination li.prev-page a:hover{
background:url("//static.cybercartes.com/layouts/cyb_default/img/catalog/prev-page-list-product-hover-noborder.png") no-repeat left top;
}
.pagination li.next-page{
padding-right:0;
}
.pagination li.next-page a{
background:url("//static.cybercartes.com/layouts/cyb_default/img/catalog/next-page-list-product-noborder.png") no-repeat left top;
font-size:0;
text-indent:-999px;
}
.pagination li.next-page a:hover{
background:url("//static.cybercartes.com/layouts/cyb_default/img/catalog/next-page-list-product-hover-noborder.png") no-repeat left top;
}
.pagination li.bulles{
width:38px;
background:url("//static.cybercartes.com/layouts/cyb_default/img/catalog/dots_pager.png") no-repeat center center;
font-size:0;
text-indent:-999px;
height:29px;
padding:0;
margin-right:10px;
}
.all-cartes{
display:block;
padding:0;
min-width: 1024px;
}
.all-cartes-inner{
position:relative;
width:977px;
margin:0 auto;
height:auto;
padding:22px 0 32px 0px;
overflow:hidden;
}
.title-all-carte{
color:#45373f;
font-size:37px;
font-family:Lato-Light, Arial;
display:block;
line-height:27px;
padding-bottom:16px;
}
.title-all-carte .big{
font-size:27px;
font-family:Lato-Bold, Arial;
line-height:20px;
}
.all-cartes-inner ul{
float:left;
margin:0 0 0 0;
padding:10px 0 10px 15px;
border-left:1px dashed #c6c6c7;
}
.all-cartes-inner ul.first-list{
margin:0 0 0 73px;
_margin:0 0 0 30px;
padding:10px 0 10px 14px;
border-left:1px dashed #c6c6c7;
width:160px;
}
.all-cartes-inner ul.second-list{
width:152px;
}
.all-cartes-inner ul.third-list{
width:230px;
}
.all-cartes-inner ul.fourth-list{
float: right;
width:290px;
}
.all-cartes-inner ul.first-list a{
width:160px;
}
.all-cartes-inner ul.second-list a{
width:152px;
}
.all-cartes-inner ul.third-list a{
width:230px;
}
.all-cartes-inner ul.fourth-list a{
width:290px;
}
.all-cartes-inner ul.fourth-list .title{
color:#45373f;
text-decoration:none;
font-size:20px;
font-family:Lato-Bold, Arial;
line-height:16px;
float:left;
}
.all-cartes-inner ul li{
clear:both;
float:left;
padding:0 0 15px 0;
}
.all-cartes-inner ul li.last{padding:0;}
.all-cartes-inner li a{
color:#45373f;
text-decoration:none;
font-size:20px;
font-family:Lato-Light, Arial;
line-height:16px;
display:block;
}
.all-cartes-inner ul.fourth-list a
{
width:290px;
}
.all-cartes-inner li a:hover{
text-decoration:underline;
font-weight:700;
}
.cyber-mag{
display:block;
padding:0;
min-width: 1024px;
background:url("//static.cybercartes.com/layouts/cyb_default/img/catalog/fd_cybermag.png") repeat scroll 0 0 transparent;
}
.cyber-mag-inner{
height: auto;
margin: 0 auto;
margin-top: 6px;
overflow: hidden;
padding: 30px 0px;
position: relative;
width: 1000px;
}
.cyber-mag-inner .title{
font-family:Lato-Light, Arial;
font-size:37px;
display:block;
color:#45373f;
}
ul.cyber-mag-list{
width:932px;
margin: 0 auto;
margin-top: 25px;
}
ul.cyber-mag-list li {
margin-bottom: 20px;
}
ul.cyber-mag-list li a.cybermagArticle{
display:block;
position: relative;
text-decoration: none;
padding: 20px;
background-color: #FCF3F7;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
ul.cyber-mag-list li a.cybermagArticle:HOVER{
background-color: #fff;
}
ul.cyber-mag-list li .left{
float:left;
text-decoration:none;
padding-right:21px;
}
ul.cyber-mag-list li .left img{
float:left;
border:0;
width: 100px;
height: 100px;
}
.right-area{
padding-right:16px;
}
ul.cyber-mag-list li .title{
display:block;
color:#d20064;
font-size:17px;
font-family:Lato-Bold, Arial;
line-height:20px;
margin-bottom: 10px;
text-decoration:none;
}
ul.cyber-mag-list .cybermagText{
font-size:13px;
line-height:18px;
font-family:Lato-Regular, Arial;
text-decoration:none;
color:#5f4c4e;
}
h2 {
font-size: 28px;
}
#suggest li {
list-style-type: disc;
list-style-position: inside;
}
#suggest ul {
padding-top: 5px;
}
#suggest .gras {
color: #D80067;
font-weight: bolder;
}
/* scroll bread */
.scrolling{
width:300px;
position:sticky;
top:10px;
}
.scrollTopCompl {
height: 31px;
width: 100%;
}
/**/
/* catalogue container */
.catalogContainer {
max-width: 1080px;
display: flex;
flex-direction: row;
margin: 0 auto;
margin-top: 25px;
}
/* .breadCol {
position: relative;
display: flex;
justify-content: center;
min-width: 360px;
padding-top: 26px;
padding-bottom: 51px;
} */
.breadCol {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
min-width: 320px;
padding: 10px 0;
background-color: #ebf0f2;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 48px;
margin-left: 20px;
margin-right: 20px;
}
.itemCol {
min-width: 720px;
}
.cartes-list {
display: block;
min-width: 960px;
position: relative;
z-index: 1;
padding-top: 22px;
}
.cartes-list-top {
display: block;
margin: 0 auto;
width: 1030px;
}
.cartes-list-top {
border-bottom: 2px solid #f2f2f2;
}
.CatPillsContainer {
width: 1055px;
margin: 0 auto;
padding-left: 25px;
}
.CatPillsContainer .pill {
background-color: #EBF0F2;
color: #45373f;
padding: 8px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin-right: 8px;
cursor: pointer;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
font-size: 15px;
}
.CatPillsContainer .pill:last-child {
margin-right: 0;
}
.CatPillsContainer .pill:hover {
background-color: #A8E1F6;
}
.CatPillsContainer .activPill, .CatPillsContainer .activPill:hover {
background-color: #64c8dd;
}
.cartes-list-top-inner {
height: auto;
margin: 0 auto;
overflow: hidden;
padding: 0 0 0 0;
position: relative;
width: 960px;
}
#catalogBCom {
/*display: none;*/
width: 970px;
margin: 0px auto 10px auto;
min-height: 252px;
}
.nativeLineBread {
width: 100%;
margin-bottom: 50px;
}
#seedEmptyPlacement {
width: 100%;
}
/**/
#offComBlock {
padding: 15px;
}
#offComTitle {
font-size: 2em;
padding-bottom: 20px;
}
#offComSubtitle {
font-size: 1.5em;
padding-bottom: 10px;
}
ol.offComList {
list-style: decimal;
list-style-type: decimal;
padding-left: 12px;
margin: 8px 0 20px 0;
font-size: 1.4em;
clear: both;
}
ol.offComList li {
padding-bottom: 5px;
}
.listTitle {
height: 40px;
line-height: 40px;
font-size: 1.5em;
}
#blockerA,
#blockerB {
width: 80px;
height: 80px;
background: url("https://static.cybercartes.com/layouts/cyb_default/img//catalog/blockers.gif");
background-size: 160px 80px;
background-repeat: no-repeat;
}
#blockerA {
background-position: -80px 0px;
}
#blockerSeparator {
font-size: 1.5em;
vertical-align: middle;
}
#blockerB {
background-position: 0px 0px;
}
#blockers_identifier span {
display: block;
float: left;
}
#blockers_identifier {
display: block;
height: 80px;
line-height: 80px;
clear: both;
margin-bottom: 15px;
}
#blockerChapterA,
#blockerChapterB {
display: block;
width: 40px;
height: 40px;
float: left;
margin-right: 6px;
background: url("https://static.cybercartes.com/layouts/cyb_default/img//catalog/blockers.gif");
background-size: 80px 40px;
background-repeat: no-repeat;
}
#blockerChapterA {
background-position: -40px 0px;
}