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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* ******************************
* @GENERAL
* body, typography, element tags (links, headers)
* ****************************** */
body {
background: #ede5b8;
color: #231b25;
font-family: "Century Gothic", AppleGothic, "URW Gothic L", Tahoma, "Lucida Sans", "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
font-size: 0.7512em;
line-height: 1.5em;
margin: 0;
padding: 0;
} /* BASE = 12 RYTHME = 18 */
html>body { font-size: 12px; }
a, a:link {
color: #008298;
font-weight: bold;
text-decoration: underline;
}
a:visited {
text-decoration: none;
}
a:hover, a:focus, a:active {
background: #008298;
color: #FFB300;
}
a.sneaky, a.sneaky:link {
background: transparent;
color: inherit;
font-weight: inherit;
text-decoration: none;
}
a.sneaky:hover, a.sneaky:focus, a.sneaky:active {
background: transparent;
color: #008298;
text-decoration: none;
}
a.semi-sneaky, a.semi-sneaky:link {
text-decoration: none;
}
p,
dd,
blockquote,
ul,
ol
{
font-size: 1em; /* 12px / BASE */
line-height: 1.5; /* RYTHME / 12px */
margin: 0 0 1.5em 0; /* = line-height */
text-align: left;
vertical-align: top;
}
h1 {
font-size: 3em; /* 36px / BASE */
line-height: 0.5; /* RYTHME / 36px */
margin: 0 0 0.5em 0; /* = line-height */
}
h2 {
font-size: 1.83333333em; /* 22px / BASE */
line-height: 0.81818182; /* RYTHME / 22px */
margin: 0 0 0.81818182em 0; /* = line-height */
}
h3 {
font-size: 1.6666667em; /* 20px / BASE */
line-height: 0.9; /* RYTHME / 20px */
margin: 0 0 0.9em 0; /* = line-height */
}
.amp /* Eperluettes */
{
font-family: "Goudy Bookletter 1911", Adorable, Mutlu, "Warnock Pro", "Goudy Old Style", "Palatino Linotype", "Palatino", "Hoefler Text", "Baskerville", "Book Antiqua", "Times New Roman", Times, serif;
font-style: italic;
}
acronym, abbr {
border-bottom: 1px dotted #B4AA96;
cursor: help;
}
kbd,
code
{
display: inline;
background-color: #e0d0b1;
color: #913447;
border: 1px dotted #706859;
padding: 0 5px;
font-size: 80%;
font-weight: bold;
font-family: "Bitstream Vera Sans Mono", Courier, "Courier New", FreeMono, monospace, fixed;
}
kbd.gros, code.gros,
kbd.grosse, code.grosse,
.grosKbd kbd, .grosKbd code
{
font-size: 100%;
}
dl dd
{
padding-left: 1em;
border-left: 1px solid #e0d0b1;
}
hr
{
background-color: #e0d0b1; color: #e0d0b1;
height: 1px;
border: 0;
/* width: 0px; background: transparent; color: transparent; Pour
invisible */
}
input {
border: 2px solid #888;
padding: 4px;
font-size: 1em;
background-color: #F8F8F8;
}
input:focus {
border-color: #000;
background-color: #FFFE9D;
outline: none;
}
ul, ol
{
padding-left: 1em;
list-style-position: outside;
}
ol { padding-left: 1.4em; }
ol ol { padding-left: 1.5em; }
ul li { list-style-type: disc; }
ul li ul li { list-style-type: circle; }
/* ul li { list-style-image: url('../img/puce.gif'); }*/
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-latin; }
/* Special unbulleted */
ul.nobullet { padding-left: 0; }
ul.nobullet li { list-style-type: none; }
/* ******************************
* @HELPERS
* notifications, clear, consistant items
* ****************************** */
.floatLeft {
float: left;
display: inline; /* Fix for IE's double margins */
}
.floatRight {
float: right;
display: inline; /* Fix for IE's double margins */
}
.cache
{ /* Cacher */
position: absolute !important;
top: -1000em !important;
left: -1000em !important;
height: 1px !important;
width: 1px !important;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.hidden3 {
position: absolute;
top: -888em;
left: -888em;
height: 1px !important;
width: 1px !important;
}
/* IMG REPLACE MIX */
.imgReplace, .hidden2, .hidden3 { letter-spacing: -1000em !important; text-align: left !important; text-indent: -999em !important; display: block; font-size: 1em; }
/* Mike Rundle's Phark Method */
.imgReplace2
{
text-indent: -8888px !important;
}
.container_with_float {
height: 1%;
}
.container_with_float:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.emailProtection {
unicode-bidi:bidi-override; direction: rtl;
}
.skipLink {
float: left;
left: 1px;
opacity: 0;
padding: 0.5em 1em;
position: absolute;
top: 1px;
z-index: -1;
}
.skipLink:hover, .skipLink:active, .skipLink:focus {
opacity: 1;
z-index: 99;
}
span.fine {
font-size: 50%;
line-height: 0px;
}
/* @Iconized links */
a {
position: relative;
}
a span.iconized_link {
display: none;
}
/* Inline icons */
a:hover span.iconized_link {
display: inline;
padding-left: 10px;
margin-left: 2px;
margin-right: 2px;
}
/* Absolute icons */
#Affiliation a:hover span.iconized_link,
#HireMe a:hover span.iconized_link,
.bookDescColumn a:hover span.iconized_link,
#Marketing a:hover span.iconized_link {
height: 16px;
left: -27px;
margin: 0;
padding-left: 0px;
padding-right: 20px;
position: absolute;
vertical-align: bottom;
width: 16px;
}
a:hover span.ext
{
background: transparent url('../mysite/img/utility/icons/link_external1.gif') no-repeat left 80%;
height: 11px;
width: 13px;
}
#Affiliation a:hover span.iconized_link.ext,
#HireMe a:hover span.iconized_link.ext,
.bookDescColumn a:hover span.iconized_link.ext,
#Marketing a:hover span.iconized_link.ext {
left: -23px;
}
a:hover span.pdf
{
background: transparent url('../mysite/img/utility/icons/link_pdf.gif') no-repeat left top;
}
a:hover span.mailto
{
background: transparent url('../mysite/img/utility/icons/link_mailto.gif') no-repeat left bottom;
}
#Affiliation a:hover span.iconized_link {
left: -29px;
}
#Affiliation a:hover span.iconized_link.ext {
left: -25px;
}
#HireMe a:hover span.iconized_link.mailto {
left: -22px;
top: 3px;
}
#Marketing a:hover span.iconized_link.ext {
background: transparent;
font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;
font-size: 14px;
font-style: italic;
font-weight: normal;
left: 0;
line-height: 1em;
position: relative;
vertical-align: middle;
}
#Marketing a:hover span.ext:after {
content: "Lire l'article...";
}
/* ******************************
* @STYLES TINYMCE
* ****************************** */
.plusPetit, sub {
font-size: 90%;
font-variant: small-caps;
letter-spacing: 0.05em;
}
/* ******************************
* @STRUCTURE
* skeleton, sections, decorations
* ******************************* */
html, body {
height: auto;
position: relative;
}
#Wrapper {
min-height: 100%;
height: 100%;
position: relative;
}
#Wrapper, #Header, #Layout, #Footer {
clear: both;
}
/* ******************************
* @COMPONENTS
* elements for all pages
* ****************************** */
#Header {
background: #231b25 url('../mysite/img/header_repeat.png') repeat-x;
height: 308px;
}
#HeaderContainer {
background: transparent url('../mysite/img/header.png') no-repeat;
height: 100%;
}
#Logo {
padding-top: 1.7em;
font-size: 21px;
}
#Logo h1 {
background: transparent url('../mysite/img/_Sprite_HeaderFooter3.png') no-repeat 0px 0px;
height: 124px;
width: 175px
}
#Logo a:hover, #Logo a:active, #Logo a:focus {
background: transparent;
}
#Logo a:focus h1, #Logo a:active h1 {
border-bottom: 1px solid #008298;
}
#Navigation ul {
margin: 0;
}
#Navigation li {
display: inline;
float: left;
}
#Navigation a {
color: #008298;
display: block;
font-family: "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "Arial Narrow Bold", sans serif;
text-decoration: none;
}
#Navigation a strong {
cursor: pointer;
display: block;
float: left;
font-size: 21px;
height: 100%;
letter-spacing: -0.08em;
line-height: 1.2;
margin-bottom: 0.6em;
padding-top: 1.6em;
text-transform: uppercase;
width: auto;
}
#Navigation hr {
background: transparent;
border-top: 2px solid #008298;
clear: both;
display: block;
height: 0px;
margin: 0 0 0.2em 0;
width: 100%;
}
#Navigation .subtitle {
display: inline;
font-size: 13px;
font-style: normal;
letter-spacing: -1px;
line-height: 12px;
text-transform: lowercase;
width: auto;
}
#Navigation .current a strong {
background: transparent url('../mysite/img/_Sprite_Header-Indic.png') no-repeat 50% 0px;
}
#Navigation a:hover, #Navigation a:focus, #Navigation a:active {
color: #008298; /* no change */
background: transparent;
}
#Navigation a:hover strong, #Navigation a:focus strong, #Navigation a:active strong {
background: transparent url('../mysite/img/_Sprite_Header-Indic.png') no-repeat 50% -80px;
}
#Pub {
background: transparent url('../mysite/img/_Sprite_HeaderFooter.png') no-repeat -282px 0;
display: block;
height: 113px;
position: absolute;
right: 0;
top: 0;
width: 117px;
}
#Pub:hover, #Pub:focus, #Pub:active {
background: transparent url('../mysite/img/_Sprite_HeaderFooter.png') no-repeat -399px 0 !important;
}
#Title {
color: #ffb300;
display: block;
font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;
font-size: 30px;
font-style: italic;
font-weight: normal;
letter-spacing: -0.035em;
margin: 99px 0 0 0;
}
#Title sub {
display: block;
font-size: 40%;
padding-left: 0.2em;
letter-spacing: 0.1em;
}
.Layout {
background: #ede5b8 url('../mysite/img/bg_color.png') repeat;
}
#LayoutContainer {
background: transparent url('../mysite/img/bg_light.png') repeat-y;
/* background: white url('../mysite/img/utility/RythmeVertical_Grille18.gif') repeat;*/
}
.Layout ul {
padding: 0;
}
.Layout li {
list-style-type: none;
padding: 0;
}
.Layout h3 {
color: #231b25;
display: block;
margin: 0;
}
.Layout h3 strong {
font-family: "Helvetica Neue", Helvetica, Arial, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", sans-serif;
font-size: 22px;
font-weight: bold;
letter-spacing: -0.05em;
line-height: 0.81818182;
}
.Layout h3 em {
font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
letter-spacing: -0.05em;
line-height: 0.5;
margin-bottom: 0.9em;
}
#Footer {
background: #080609 url('../mysite/img/footer_repeat5.png') repeat-x;
color: #414045;
font-weight: bold;
}
#FooterContainer {
background: transparent url('../mysite/img/footer2.png') no-repeat;
position: relative;
}
#HireMe .asterix {
color:#FFB300;
font-family:"URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
margin-top:4em;
}
#Affiliation {
margin: 0 0 6em 0;
padding-top: 71px;
padding-left: 0;
}
#Affiliation h4 {
font-size: 12px;
letter-spacing: 0.25em;
line-height: 1.5em;
margin: 0 0 1.5em 0;
font-variant: small-caps;
}
#Affiliation ul {
border-left: 1px solid #008298;
font-family: AppleGothic, "URW Gothic L", "Lucida Sans", Tahoma, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 0.05em;
line-height: 1.63636364em;
padding: 0 0 0 0.62em;
margin: 0 0 1.63636364em 0;
}
#Affiliation li {
padding: 0;
list-style-type: none;
}
#Affiliation li em {
color: #2b2a2b;
font-size: 10px;
font-style: normal;
}
#Affiliation a {
text-decoration: none;
color: #414045;
}
#Affiliation a:hover, #Affiliation a:focus, #Affiliation a:active {
color: #FFB300;
}
#ContactLink, #ContactLinkFocus {
background: url('../mysite/img/_Sprite_HeaderFooter3.png') no-repeat 0px -144px;
display: block;
height: 38px;
margin-top: 78px;
width: 516px;
}
#ContactLink:hover, #ContactLink:focus, #ContactLink:active {
background: url('../mysite/img/_Sprite_HeaderFooter3.png') no-repeat 0px -182px
}
#ContactLinkFocus {
background: url('../mysite/img/_Sprite_Contact.png') no-repeat 0px -116px;
}
#ContactLinkFocus:hover, #ContactLinkFocus:focus, #ContactLinkFocus:active {
background: url('../mysite/img/_Sprite_Contact.png') no-repeat 0px -154px
}
#ContactLinkFocus { display: none !important; }
.contact-faq-devis #ContactLinkFocus { display: block !important; }
.contact-faq-devis #ContactLink { display: none !important; }
#HireMe p {
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.25em;
line-height: 1.28571429em;
margin: 3.3em 0 0 0;
padding: 0;
text-align: left;
}
#HireMe p + p {
margin-top: 0;
}
#HireMe a {
text-decoration: none;
}
#Copyrights {
font-size: 10px;
font-weight: normal;
line-height: 1.8em;
margin: 0;
padding-bottom: 1.8em;
}
/* WatchMouse */
#wm-uptime {
display: inline !important;
}
#wm-uptime a {
position: absolute !important;
width: 1px !important;
height: 1px !important;
opacity: 0.0 !important;
filter : alpha(opacity=0);
}
/* ******************************
* @CLASSIC PAGE (A)
* ****************************** */
.Classic h3 {
font-size: 1.66667em;
font-variant: small-caps;
letter-spacing: 0.1em;
line-height: 1.02;
margin: 2.04em 0 1.02em 0;
text-transform: lowercase;
}
.Classic p,
.Classic ul {
line-height: 1.7;
margin: 0 0 1.7em 0;
}
.Classic ul li {
list-style-type:disc;
}
# Awards page pictures
.selectedImage {
display: block;
}
.selectedImage img {
border: 8px solid #231b25;
}
.leftAlone {
float: left;
margin: 0 1em 1em 0;
}
/* ******************************
* @HOMEPAGE
* ****************************** */
.skills {
position: relative;
}
.skills h3 {
letter-spacing: -1000em !important; text-align: left !important; text-indent: -999em !important; display: block; font-size: 1em;
position: absolute;
top: 0.2em;
}
#SkillDo h3 {
font-size: 22px;
height: 157px;
left: -10px;
background: transparent url('../mysite/img/_Sprite_Home.png') no-repeat -146px -144px;
width: 40px;
}
#SkillLike h3 {
font-size: 23px;
height: 81px;
left: 0px;
background: transparent url('../mysite/img/_Sprite_Home.png') no-repeat -188px -144px;
width: 18px;
}
#SkillDont h3 {
font-size: 18px;
height: 46px;
left: -2px;
background: transparent url('../mysite/img/_Sprite_Home.png') no-repeat -193px -227px;
width: 12px;
}
#SkillDo ul {
font-size: 13px;
line-height: 1.38461538em;
padding-left: 50px;
}
#SkillLike ul {
font-size: 11px;
line-height: 1.63636em;
margin-bottom: 1.7em;
padding-left: 38px;
}
#SkillDont ul {
font-size: 10px;
line-height: 1.8em;
padding-left: 38px;
}
#SkillLikeDont {
padding-top: 0.1em;
}
#Showcast {
margin-top: 1.9em;
}
#Showcast {
margin-left: 0px;
margin-right: 20px;
position: relative;
}
.Works {
height: 306px;
}
.Works a {
border: 8px solid #231b25;
display: block;
height: 290px;
width: 290px !important;
}
.Works a:hover, .Works a:focus, .Works a:active {
border-color: #FFB300;
background: transparent;
}
.Works a {
display: none;
}
.Works a.noscript, .Works .showcastImgPh {
display: block;
height: 290px;
left: 0;
position: absolute;
top: 0;
width: 290px;
z-index: 0;
}
.Works a.noscript {
z-index: 1;
}
#ShowcastLink {
background: url('../mysite/img/_Sprite_Home.png') no-repeat -59px 0px;
border: 0;
display: block;
height: 144px;
right: -11px;
position: absolute;
top: -43px;
z-index: 88;
width: 146px !important;
}
#ShowcastLink:hover, #ShowcastLink:focus, #ShowcastLink:active {
background: url('../mysite/img/_Sprite_Home.png') no-repeat 0px -144px;
border: 0;
}
#Quotes {
background: transparent url('../mysite/img/_Sprite_Home.png') no-repeat -146px -312px;
margin-top: 2.5em;
padding-top: 1px;
width: 360px;
}
#Quotes div {
position: relative;
}
#Quotes p {
background: transparent !important; /* No longer needed with the 'cleartypeNoBg' option on cycle(). But, well... */
font-size: 11px;
left: 0;
line-height: 1.63636364;
margin-right: 10px;
padding-left: 12px;
padding-right: 45px;
text-indent: 60px;
text-align: justify;
top: 0;
}
#Quotes p + p {
display: none;
}
#Quotes sub { /* signature et apostrophe fermante */
background: transparent url('../mysite/img/_Sprite_Home.png') no-repeat 234px 24px;
bottom: 1.75em;
color: #B4AA96;
display: block;
font-size: 11px;
height: 77px;
font-variant: small-caps;
letter-spacing: 0.025em;
line-height: 1.63636363636363636364em;
text-indent: 0;
text-transform: lowercase;
width: 295px;
}
/*#Quotes p sup {*/
/* font-size: 1.1em;*/
/* font-variant: small-caps;*/
/* letter-spacing: 0.075em;*/
/* text-transform: lowercase;*/
/*}*/
#Quotes h3 {
margin-top: 0.9em;
padding-left: 10px;
height: 38px !important;
}
#Quotes h3 em {
display: block;
float: left;
line-height: 0.9;
margin-bottom: 0em;
text-indent: 60px;
}
#NextQuote {
display: none;
float: right;
font-size: 12px;
font-variant: small-caps;
font-weight: normal;
letter-spacing: 0.2em;
line-height: 1.75em;
margin: 0 55px 0 0;
padding: 0;
text-indent: 0;
text-decoration: none;
}
#Features {
margin-top: 1.6em;
}
.features ul, .features p {
margin-bottom: 1.5em;
}
.features {
margin-bottom: 2.5em;
}
#Marketing h3 {
font-size: 24px;
letter-spacing: -0.05em;
line-height: 1em; /* car line-height bugué avec Cufon */
margin: 1.2em 0 0.2em;
}
#Marketing ul {
font-size: 17px;
font-weight: normal;
line-height: 2.117647em; /* = 1em x 2 */
margin-bottom: 2.3em;
}
#Marketing li {
background: transparent url('../mysite/img/_Sprite_Home.png') no-repeat 0px -385px;
padding-left: 50px;
}
#Marketing a {
color: #008298;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
padding: 0.5em;
text-decoration: none;
vertical-align: bottom;
}
#Marketing .Whyme ul {
font-size: 15px;
line-height: 2.4em; /* 1.2 x 2 */
}
#Marketing .Whyme h3 {
margin: 0 0 0.3em;
}
#Marketing a:hover,
#Marketing a:active,
#Marketing a:focus {
background: #008298;
color: #FFB300;
cursor: help;
font-weight: bold;
}
/* ******************************
* @BOOK
* ****************************** */
.bookItem {
padding-top: 1.1em;
margin-bottom: 8.5em;
}
.bookType {
color: #B4AA96;
font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;
font-size: 27px;
font-style: italic;
font-weight: normal;
line-height: 0.9;
text-align: right;
text-transform: lowercase;
}
.bookTitle {
display: inline;
float: left;
font-size: 27px;
font-weight: bold;
line-height: 0.8;
margin-left: 2px;
margin-bottom: 1.25em;
text-transform: uppercase;
width: auto;
}
.bookDate {
color: #B4AA96;
display: inline;
float: left;
font-size: 14px;
font-variant: small-caps;
font-weight: normal;
line-height: 0.8em;
margin-left: 20px;
}
h3.section {
background:transparent;
border: 0;
font-size: 12px;
height: 91px;
margin: 10.3em 0 6em 24px;
padding: 0;
width: 919px;
}
h3#SectionLogos {
background: transparent url('../mysite/img/_Sprite_Book-Sections.png') no-repeat 0px 0px;
margin-top: 1.4em;
}
h3#SectionPrints {
background: transparent url('../mysite/img/_Sprite_Book-Sections.png') no-repeat 0px -91px;
}
h3#SectionSites {
background: transparent url('../mysite/img/_Sprite_Book-Sections.png') no-repeat 0px -182px;
}
.bookSS {
border: 8px solid #231b25;
display: block;
margin-left: 3px;
margin-right: 0px;
position: relative;
width: 640px !important;
height: 480px !important;
z-index: 0;
}
.bookSS img {
height: 480px !important;
width: 640px !important;
}
.bookSS img + img {
display: none;
}
.bookSS .loading {
color: #B4AA96;
font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;
font-size: 16px;
font-variant: small-caps;
left: 43%;
position: absolute;
top: 38%;
z-index: -1;
}
.bookSSnav {
background: transparent;
bottom: -6.1em;
position: absolute;
left: -8px;
z-index: 8;
}
.bookSSnav a {
display: block;
float: left;
/* font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;*/
font-size: 24px;
font-style: normal;
font-weight: bold;
padding: 0.35em 1em 1.6em 1em;
cursor: pointer;
text-decoration: none;
}
.bookSSnav a.activeSlide {
background: transparent;
color: #b4aa96;
cursor: default;
font-style: normal;
font-weight: bold;
}
.bookDesc {
font-size: 11px;
line-height: 1.6363636;
margin-bottom: 3.27273em;
position: relative;
}
.bookDesc {
height: 1%;
}
.bookDesc:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.bookDescColumn {
text-align: right;
}
.bookDesc p {
font-size: 11px;
float: left;
line-height: 1.6363636;
margin-bottom: 0;
text-align: justify;
width: 180px;
}
/*.bookDesc sup {*/
/* font-size: 12px;*/
/* font-variant: small-caps;*/
/* letter-spacing: 0.075em;*/
/* text-transform: lowercase;*/
/*}*/
.bookDescWho p {
font-weight: bold;
}
.bookDesc h5 {
float: right;
font-variant: small-caps;
font-weight: bold;
font-size: 11px;
line-height: 1.6363636;
margin: 3px 0 0 20px;
letter-spacing: -1000em !important; text-align: left !important; text-indent: -999em !important; display: block; font-size: 1em;
}
.bookDescWho h5 {
background: transparent url('../mysite/img/_Sprite_Book-Sections.png') no-repeat -919px 0px;
height: 50px;
margin-bottom: 2px;
margin-left: 16px;
/* margin-right: 24px;*/
width: 19px;
}
.bookDescChallenge h5 {
background: transparent url('../mysite/img/_Sprite_Book-Sections.png') no-repeat -919px -147px;
height: 42px;
width: 19px;
}
.bookDescSolution h5 {
background: transparent url('../mysite/img/_Sprite_Book-Sections.png') no-repeat -919px -50px;
height: 97px;
/* margin-right: 25px;*/
width: 14px;
}
.bookLink {
display: block;
margin-top: -1.5em;
padding-right: 39px;
}
#BookMenu {
background: transparent;
display: block;
height: auto;
padding-bottom: 40px;
position: fixed;
right: 0px;
top: 14%;
width: 180px;
z-index: 888;
}
#BookMenu #bg {
display: none;
position: absolute;
visibility: hidden;
}
#BookMenu li {
display: block;
margin-left: 132px;
position: relative;
z-index: 1;
}
li.SubMenuLogos {
height: 147px;
width: 63px;
}
li.SubMenuPrints {
height: 189px;
width: 63px;
}
li.SubMenuSites {
height: 194px;
width: 63px;
}
#BookMenu h3 {
letter-spacing: -1000em !important; text-align: left !important; text-indent: -999em !important; display: block; font-size: 1em;
}
#BookMenu a {
display: block;
width: 63px;
z-index: 1;
}
.SubMenuLogos a {
background: transparent url('../mysite/img/_Sprite_SubMenu-3.png') no-repeat 0px 0px !important;
height: 147px;
}
#BookMenu:hover .SubMenuLogos a, #BookMenu:active .SubMenuLogos a, #BookMenu:focus .SubMenuLogos a {
background-position: -63px 0px !important;
}
#BookMenu .SubMenuLogos a:hover, #BookMenu .SubMenuLogos a:focus, #BookMenu .SubMenuLogos a:active {
background-position: -126px 0px !important;
}
.SubMenuPrints a {
background: transparent url('../mysite/img/_Sprite_SubMenu-3.png') no-repeat 0px -140px !important;
height: 189px;
}
#BookMenu:hover .SubMenuPrints a, #BookMenu:active .SubMenuPrints a, #BookMenu:focus .SubMenuPrints a {
background-position: -63px -140px !important;
}
#BookMenu .SubMenuPrints a:hover, #BookMenu .SubMenuPrints a:focus, #BookMenu .SubMenuPrints a:active {
background-position: -126px -140px !important;
}
.SubMenuSites a {
background: transparent url('../mysite/img/_Sprite_SubMenu-3.png') no-repeat 0px -329px !important;
height: 194px;
}
#BookMenu:hover .SubMenuSites a, #BookMenu:active .SubMenuSites a, #BookMenu:focus .SubMenuSites a {
background-position: -63px -329px !important;
}
#BookMenu .SubMenuSites a:hover, #BookMenu .SubMenuSites a:focus, #BookMenu .SubMenuSites a:active {
background-position: -126px -329px !important;
}
.subMenuShadow {
position: absolute;
top: 10px;
left: -9px;
width: 80px;
z-index: -1;
}
.SubMenuLogos .subMenuShadow {
background: transparent url('../mysite/img/_Sprite_SubMenu-3.png') no-repeat -189px 0px;
height: 141px;
}
.SubMenuPrints .subMenuShadow {
background: transparent url('../mysite/img/_Sprite_SubMenu-3.png') no-repeat -189px -139px;
height: 187px;
}
.SubMenuSites .subMenuShadow {
background: transparent url('../mysite/img/_Sprite_SubMenu-3.png') no-repeat -189px -328px;
height: 191px;
}
/* ******************************
* @CONTACT ET FAQ
* ****************************** */
.Faq, .Contact {
margin-top: 1.2em;
}
.Faq img {
border: 0.6em solid #414045;
float: left;
margin: 0 1.68em 1em 0;
}
.Faq h3, .Contact h3 {
font-size: 23px;
line-height: 0.78260870em;
margin-bottom: 0.78260870em;
}
.Faq h3 {
margin-bottom: 1.15em;
}
.Faq dt span canvas {
top: -4px !important;
}
.Faq dt
{
display: block;
font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Garamond, Times, "Times New Roman", Baskerville, "Bookman Old Style", Georgia, serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
line-height: 1.125;
padding-top: 0.5625em;
padding-bottom: 0.5625em;
text-decoration: none;
border-left: 3px solid #414045;
padding-left: 7px;
}
.Faq dt:hover,
.Faq dt.ui-state-active {
border-left: 3px solid #FFB300;
}
.Faq dd
{
border: 0;
height: auto !important;
margin-bottom: 0;
padding: 0.75em 10px 0.75em 50px;
}
.Faq dd ul, .Faq dd ol {
padding-left: 0;
}
.Faq dd li {
list-style-position: outside;
list-style-type: disc;
}
.Faq dd ol li {
list-style-type: lower-latin;
}
.Faq dd sup {
font-variant: small-caps;
text-transform: lowercase;
letter-spacing: 0.075em;
}
.Faq sub {
font-size: 80%;
letter-spacing: 0.05em;
}
.Contact .field {
position: relative;
font-size: 13px;
margin-top: 1.38462em;
}
.Contact .middleColumn {
width: 330px;
}
.Contact label {
color: #414045;
font-variant: small-caps;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1.3846154;
}
.Contact input, .Contact textarea {
background: transparent;
border: 0.6em solid #414045;/*#231B25;*/
color: #B4AA96;
font-family: "Century Gothic", AppleGothic, "URW Gothic L", Tahoma, "Lucida Sans", "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 1.38462;
padding: 0.9em; /* = 1.5x2 - 0.6x2 (des bordures) */
text-align: left;
vertical-align: top;
width: 301px;
}
.Contact input:focus, .Contact textarea:focus {
border-color: #FFB300;
}
.Contact input.action {
background: url('../mysite/img/_Sprite_Contact.png') no-repeat 0px 0px;
border: 0;
height: 38px;
margin-top: 1.38462em;
width: 340px;
}
.checkboxsetfield {
overflow: hidden;
height: 1%;
}
.checkboxsetfield:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.checkboxsetfield li {
width: 49%;
}
.checkboxsetfield .odd {
float: left;
clear: both;
text-align: right;
}
.checkboxsetfield .even {
float: right;
text-align: left;
}
.checkboxsetfield .odd input {
float: right;
margin-left: 0.55em;
margin-right: 0.25em;
}
.checkboxsetfield .even input {
margin-right: 0.15em;
margin-left: 0.25em;
}
.checkboxsetfield input {
border: 0;
display: inline;
padding: 0;
width: auto;
margin: 5px 0 0 0;
}
.checkboxsetfield label {
font-variant: normal;
font-size: 12px;
font-style: normal;
letter-spacing: 0;
line-height: 1.5;
}
.checkboxsetfield .val21 label,
.checkboxsetfield .val4 label,
.checkboxsetfield .val68 label
{
/*color: #921C00;*/
}
.checkboxsetfield .val31 label,
.checkboxsetfield .val34 label
{
/*color: #925700;*/
}
.checkboxsetfield .val53 label,
.checkboxsetfield .val23 label,
.checkboxsetfield .val6 label
{
/*color: #927800;*/
}
.checkboxsetfield .val18 label,
.checkboxsetfield .val19 label
{
/*color: #5F3900;*/
}
.Faq img /* XXX */
{
display: none !important;
}
/* Malarkey Image Replacement, modified */
.Contact input.action { letter-spacing: -1000em !important; text-align: left !important; text-indent: -999em !important; display: block; font-size: 1em; }
.Contact input.action:hover, .Contact input.action:focus, .Contact input.action:active {
background: url('../mysite/img/_Sprite_Contact.png') no-repeat 0px -38px;
cursor: pointer;
}
.message {
background: #FFB300;
color: #231B25;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 1.63636;
padding: 4px 8px;
width: 322px; /* = 33 - 4 x 2 */
}
.middleColumn + .message { /* JS messages et Php generated message are not positioned at the same place. That's so dumb. */
}
#EditableTextField5 input.defaultText {
background: transparent url('../mysite/img/_Sprite_Contact.png') no-repeat 0px -76px;
}
.antispam {
margin: 0px !important;
padding: 0px !important;
}
.antispam label, .antispam middleColumn, .antispam input, .antispam textarea {
display: none !important;
visibility: hidden !important;
}
.Contact p { /* Emphasis for after form submission message */
border-left:3px solid #9AB814;
padding-left:1em;
}
.Contact p strong{ /* Emphasis for after form submission message */
color:#9AB814;
}
.Contact #Who p {
color: #231b25;
}
#Who {
margin-top: 8.2em;
}
/* ***********************
* 404 page
* ***********************/
.page-inexistante .typography, .service-inaccessible .typography, .maintenance-du-site .typography {
text-align: center;
}
.page-inexistante h2, .service-inaccessible h2, .maintenance-du-site h2 {
font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;
font-size: 36px;
font-variant: small-caps;
letter-spacing: -0.05em;
line-height: 0.5;
margin-bottom: 1.8em;
}
.page-inexistante h3, .service-inaccessible h3, .maintenance-du-site h3 {
font-family: "URW Palladio L", "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Garamond, "Bookman Old Style", Times, "Times New Roman", Georgia, serif;
font-size: 36px;
font-variant: small-caps;
font-size: 28px;
font-variant: normal;
font-style: italic;
letter-spacing: 0;
line-height: 1.28571em; /* = 0.642857 x 2 */
margin-bottom: 0.45em;
padding: 0 25%;
}
.page-inexistante p, .service-inaccessible p, .maintenance-du-site p {
text-align: center;
padding: 0 25%;
}
.page-inexistante #LayoutContainer, .service-inaccessible #LayoutContainer, .maintenance-du-site #LayoutContainer {
padding-bottom: 8em;
}
/* unitip css */
#unitip {
position: absolute;
z-index: 1000;
top: -1000px;
color: #fff;
font: normal normal 11px/15px "Century Gothic",AppleGothic,"URW Gothic L",Tahoma,"Lucida Sans","Lucida Grande",Verdana,"Lucida Sans Unicode",sans-serif;
display: none;
}
#unitippoint, #unitipmid, #unitipcap {
position: relative;
top: 0px;
left: 0px;
width: 145px;
display: block;
}
#unitippoint {
background: url('../mysite/img/unitip/TipPoint.png') no-repeat;
height: 19px;
overflow: hidden;
}
#unitipmid {
background: url('../mysite/img/unitip/TipMid.png') repeat;
width: 115px;
height: auto;
padding: 5px 15px;
}
#unitipcap {
background: url('../mysite/img/unitip/TipCap.png') no-repeat;
height: 7px;
overflow: hidden;
}