/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.25em; background:#f6f6f6}
html, input, textarea { font-family: 'MuseoSlab500'; letter-spacing: -0.15pt ;
color:#000000; }
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container { overflow:hidden; width: 100%;}
img{ vertical-align:top; }
a{color:#000000; text-decoration:underline}
a:hover{text-decoration:none}
a img{ border: 2; }
p{
font-family: 'MuseoSlab500'; letter-spacing: -0.15pt ;
}
.link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em }
.link:hover{text-decoration:underline }
.link1{color:#04b4d0; text-decoration:none; }
.link1:hover{text-decoration:underline }
ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/tail1.gif) no-repeat left bottom; }
ul li a{background:url(images/marker1.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:14px; color:#04b4d0; text-decoration:none; line-height:2.23em; padding-bottom:7px}
ul .last{ background:none}
ul li a:hover { color:#000; text-decoration:none; }
.ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 13px; margin:0; padding-left:14px; }
.ul li a{color:#2e630f; text-decoration:none; line-height:2.23em; background:url(images/tail.gif) repeat-x bottom; padding-bottom:7px; padding-left:0}
.ul li .last{ background:none}
.ul li a:hover {color:#FFFFFF; text-decoration:none; }
.ul li span { color:#FFFFFF}
.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#4a4b4b; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:3px 15px 30px 17px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#6d98b3}
/*header*/
#header {font-size:0.75em; color:#FFFFFF; background:url(images/top.gif) repeat-x top }
#header .top-left{ background:url(images/top_left.gif) no-repeat top left}
#header .top-right{ background:url(images/top_right.gif) no-repeat top right; height:423px}
#header p{ margin:0 0 19px 0}
.flash{ padding:32px 0 0 8px;}
.flash1{ padding:0px 0 0 29px; margin-top:-6px; position:relative}
#header2 {font-size:0.75em; color:#FFFFFF; background:url(images/top.gif) repeat-x top }
#header2 .top-right{ background:url(images/top_right.gif) no-repeat top right; height:173px}
#header2 .top-left{ background:url(images/top_left.gif) no-repeat top left}
#header2 p{ margin:0 0 19px 0}
.flash{ padding:32px 0 0 8px;}
.flash1{ padding:0px 0 0 29px; margin-top:-6px; position:relative}
/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left; background:url(images/bg_cont.gif)}
#content .indent-main{padding:0 61px 0 29px}
#content .indent-main1{padding:0 26px 0 29px}
#content .indent-col1{padding:43px 18px 30px 26px}
#content .indent-col2{padding:45px 0 0 0}
#content .indent-col3{padding:43px 17px 30px 56px}
#content .title{ margin-bottom:23px}
#content .title1{ margin:10px 0 23px 0}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 18px 0}
#content .img-indent1{ margin:0 17px 0 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0 0 15px 0}
#content .p1{ margin:0 0 25px 0}
#content .p2{ margin:0 0 20px 0}
#content h4{color:#000; font-size:1.23em; margin-bottom:9px; }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
#content .indent{padding:0 0 0 0}
#content .indent1{padding:47px 0 21px 53px}
/*box*/
.box{ background:#92e462; width:100%; color:#2e630f}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:15px 18px 22px 26px; }
/*footer*/
#footer { color:#000; font-size:0.75em; background:url(images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:47px 50px 0 58px;}
#footer a {color:#04b4d0; text-decoration:underline}
#footer a:hover { text-decoration:none}
.bot-left{ background:url(images/bot_left.gif) no-repeat top left}
.bot-right{ background:url(images/bot_right.gif) no-repeat top right; height:90px}
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:24px}
.block-contact span{ float:right; margin-right:0px}
input{
border:1px solid #e1e1e1;
background:#e1e1e1;
width:177px; height:15px;
font-size:1em;
padding-left:5px;
padding-top:2px
}
textarea{
border:1px solid #e1e1e1;
background:#e1e1e1;
width:177px; height:157px;
font-size:1em;
padding-left:5px;
margin-bottom:31px;
overflow:auto}
/* Photo
---------------------------------------------*/
#PhotoBox {
padding: 30px 30px 0 30px;
}
#Container {
position: relative;
height: 350px;
width: 500px;
margin: 0 auto;
background-color: #808080;
border: none;
font-size: 0px;
}
/* Photo Navigation
---------------------------------------------*/
#Controls {
display: none;
position: absolute;
top: 10px;
right: 10px;
background: transparent url(../img/controls.gif) left top no-repeat;
height: 28px;
width: 67px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}
#Controls a {
text-indent: -9000px;
float: left;
display: block;
height: 28px;
}
#PrevLink { width: 25px; background: transparent url(../img/controls.gif) left top no-repeat; }
#PlayToggle { width: 17px; background: transparent url(../img/controls.gif) -25px top no-repeat; }
#NextLink { width: 25px; background: transparent url(../img/controls.gif) -42px top no-repeat; }
#PrevLink:hover { width: 25px; background: transparent url(../img/controls.gif) left -28px no-repeat; }
#PlayToggle:hover { width: 17px; background: transparent url(../img/controls.gif) -25px -28px no-repeat; }
#NextLink:hover { width: 25px; background: transparent url(../img/controls.gif) -42px -28px no-repeat; }
/* Loading
---------------------------------------------*/
#Loading {
text-align: left;
padding: 20px 0 0 20px;
font-size: 11px;
color: #ccc;
font-weight: bold;
vertical-align: middle;
}
#Loading img {
vertical-align: -30%;
margin-right: 3px;
}
/* Caption
---------------------------------------------*/
#CaptionContainer {
margin: 0 auto;
text-align: left;
padding: 5px 0;
width: 500px;
}
#CaptionContainer p {
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
}
#Counter {
padding-right: 5px;
color: #999;
}
/* Thumbnail View
---------------------------------------------*/
#ViewThumbs {
margin-top: 2px;
display: block;
float: right;
text-indent: -9000px;
height: 13px;
width: 71px;
overflow: hidden;
background: transparent url(../img/thumbnails.gif) left top no-repeat;
}
#ViewThumbs:hover, #ViewThumbs:visited:hover {
background: transparent url(../img/thumbnails.gif) left -13px no-repeat;
}
#ThumbContainer {
display: none;
}
#ThumbContainer img {
display: block;
border: none;
}
#ThumbContainer a {
float: left;
margin: 0 4px 4px 0;
}
#ThumbContainer a:link, #ThumbContainer a:visited { border: 2px solid #999; }
#ThumbContainer a:hover, #ThumbContainer a:visited:hover { border: 2px solid #0063DC; }
#ThumbContainer a.selected:link, #ThumbContainer a.selected:visited, #ThumbContainer a.selected:hover, #ThumbContainer a.selected:visited:hover { border: 2px solid #FF0084; }
Copiez le code @font-face ci-dessous dans votre feuille de style CSS ou crez-en une nouvelle pour ces polices.
Votre Type Drawer doit tre ACTIV pour que les polices commencent apparatre sur votre site.
Assistance technique et documentation disponibles lĠadresse suivante http://www.extensis.com/fr/WebINK/support/.
---------------------------------------------------------------------------------------------------
@font-face{
font-family: 'AniversRegular';
src: url( 'http://fnt.webink.com/wfs/?drawer=C2B83A64-6878-461E-AE4E-74B5377354E0&font=7457E115-673A-527D-3A6B-C2290F8B4EEC');
font-weight:normal;font-style:normal;font-variant:normal;
}
@font-face{
font-family: 'MuseoSlab500';
src: url( 'http://fnt.webink.com/wfs/?drawer=C2B83A64-6878-461E-AE4E-74B5377354E0&font=E213AFFE-F903-C651-3ECD-BF8B621702B1');
font-weight:normal;font-style:normal;font-variant:normal;
}