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

/* Feuille de style pour le widget templatec */

/* --------- Éléments de templatec dimensions et positions --------- */

*.templatec {
position:relative;
width:862px;
height:432px;
overflow:hidden;
font-family:'Helvetica Neue', Helvetica, Arial, 'sans-serif';
color:#575a5d;
}

*.templatec *.image-panel {
width:214px;
height:432px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

*.templatec *.text-panel {
width:430px;/*Total 430*/
height:432px;/*Total 432*/
overflow:hidden;
position:absolute;
top:-432px;
left:0;
background-color:white;
/*padding:76px 0 76px 48px;*/
}

*.templatec *.mouse-mask {
width:214px;
height:36px;
position:absolute;
left:0;
bottom:0;
z-index:20;
cursor:pointer;
text-align:center;
text-transform:uppercase;
font-size:14px;
}

*.templatec *.mouse-mask .label {
height:100%;
position:relative;
top:25%;
}

*.templatec *.front {
z-index:10;
}


/* Cacher les éléments lorsque les éléments de la page se chargent */

*.templatec.loading * {
display:none;
}

*.templatec.loading *.loader {
display:block;
}


/* Scrollbar */

.templatec .text-panel .scrollbar {
overflow:auto;
height:396px;
}

/* Dimensions des panneaux */

*.templatec *.narrow {
width:214px;
}

*.templatec *.medium {
width:430px;
}

*.templatec *.large {
width:648px;
}

*.templatec *.full {
width:862px;
}


/* Position des panneaux */

*.templatec *.far-left {
left:0;
}

*.templatec *.middle-left {
left:216px;
}

*.templatec *.middle-right {
left:432px;
}

*.templatec *.far-right {
left:648px;
}