/* ATTENTION CECI EST LA FEUILLE GENERALE */

/* body */

body {
margin: 35px 20px 10px 20px; 
padding: 0; 
background: #fff; 
text-align: center; 
font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
color: #69666C;
}

/* general rules */

A { color: #1EAFF0; text-decoration: none; }
A:hover { text-decoration: underline; }
A.bodyLink { }
A.external, A.delicious-link, #weblog .bodyPost A { background: url(../images/g/icon-external.png) no-repeat right; padding-right: 15px; text-decoration: underline;}

A.valid { background: url(../images/g/icon-valid.png) no-repeat 1px; padding-left: 12px;}
A IMG {border:0;}
A#caseOn { font-weight: bold; color: #79767C; }

.strapBox A {
color: #1E9FEF;
}

A.s1 {font-size:10px; color:#B8D8EC;}
A.s2 {font-size:12px; color:#A7D1EC;}
A.s3 {font-size:14px; color:#87C5EC;}
A.s4 {font-size:16px; color:#5AB4EC;}
A.s5 {font-size:19px; color:#44ABEB;}
A.s6 {font-size:24px;}

P { line-height: 150%; }

P EM {font-style:normal; color: #49464C; background:#FFD9D9; }

.error {color:#ff0000; font-size:14px;}

.hide {	display: none;}

UL, OL {
margin: 0;
padding: 0;
list-style: none;
line-height: 150%;
}

H2 { font-size:36px; }
H2.title {color:#000; margin: 0px; line-height: 70%; letter-spacing: -2px;}
H3 { font-size:32px; letter-spacing: -1px;}
H3.caseTitle { margin:0; text-transform: uppercase; line-height: 100%;}
H4 {font-size:16px; color:#000; line-height: 70%; margin-bottom:12px;}

.subcaseTitle {font-size: 16px;}

ul.styled {list-style: square; margin: 0 0 0 15px; padding: 0 0 1em 0;}

ul#presentationList {list-style: square; margin: 0 0 0 15px; padding: 0 0 1em 0;}

.intro {font-size:16px;}

.rightBox {float:right;}

/* structural */

#wrap {
width: 714px;
margin: 0 auto;
}

#content #leftcol {
width:129px;
float:left;
}

#content #rightcol {
width:585px;
margin-left:129px;
background: #F1F1F2;
border-top: 1px solid #D0D5DA;
}



/* header */

#header { 
padding-bottom:6px;
width: 714px;
text-align:left;
}

#header A#logo {	
display: block;
height:17px;
width:94px;
background: url(../images/g/logo.png) no-repeat;
position: relative;
left:616px;
}

#header A#banner {
display: block;	
height:72px;
width:560px;
background: url(../images/g/banner.png) no-repeat;
}

#header #headernav { text-align: right; }

/* content structure */

#content {
text-align: left;
}

.contentBox {padding:20px 28px 20px 28px; }
.contentBox.inside {padding-top:10px;}

.strapBox {
background: #E4E4E7;  
border-top: 1px solid #D0D5DA;
padding:0px 28px 5px 28px;
color: #59565C;
}

.downloadBox {
background: #FFF; 
border-top: 1px solid #D0D5DA;
padding:20px 28px 28px 28px;
}

.downloadList {
margin-top:5px;
}

.downloadList A.pdf {
background: url(../images/g/icon-pdf.png) no-repeat;
padding-left:20px;
padding-bottom: 4px;
line-height:22px;
}

#baseline {
border-top: 1px solid #D0D5DA;
font-size: 11px;
}

#baseline SPAN {
padding-right:8px;
}

/* navigation */

#nav {
color: #1EAFF0;
line-height: 150%;
}

#nav .selected {
color: #000;
background: #F1F1F2;
border-top: 1px solid #D0D5DA;
}

#nav .selected A {
color: #000;
}

A#buttonBlog {
display:block; 
height:136px; 
border-right:2px solid #fff; 
background:url(../images/g/button-blog.png) no-repeat;
margin-top:30px;}

.en A#buttonBlog {
height:136px; 
background:url(../images/g/button-blog-en.png) no-repeat;
}


/* case studies */

#casestudy #screenshots { float: left; width: 314px; margin-right:23px;}
#casestudy #screenshots ul { margin: 0; padding: 0; }
#casestudy #screenshots ul li { width: 314px; height: 225px; }

#casestudy a.nav { display: block; }
#casestudy a#prev { float: left;  }
#casestudy a#next { float: right; }

#casestudy #screenshots ul#shotmenu { margin: .4em; text-align: center; }
#casestudy #screenshots ul#shotmenu li { background: none; width: auto; height: auto; display: inline;  margin: 0; padding: 0;}
#casestudy #screenshots ul#shotmenu li a { font-weight: bold; color: #64635F; text-decoration: none; padding: 7px 7px;  }
#casestudy #screenshots ul#shotmenu li.selected a { background: url(../images/g/icon-case.png) no-repeat center center; color: #fff;  }

#casestudy UL.caseDescript {
margin-top:5px;
font-size:10px;
line-height: 150%;
list-style: square;
list-style-position: inside;
}

#casestudy P {margin-top:5px; margin-bottom:4px;}

/* delicious links */

.delicious-posts H2 {display:none;}

/* profile */

#profile IMG#portrait {float:left; padding:1px; border:1px solid #aaa; margin-right:10px; margin-top:5px;}



/* weblog RENOMMÉ articles */


#weblog .articleBox {
background: #FFF; 
border-top: 1px solid #D0D5DA;
padding:20px 28px 40px 28px;
color:#333;
}

#weblog .articleBox P {
font-size: 13px;
}

#weblog #agoravox {
background:#E4E4E7; /* url(../images/g/agoravox.png) no-repeat 460px 0px; */
}

#weblog #agoravox A.external{
/* color:#A8CB0D; */
}

#weblog #agoravox H4 EM{
font-style:normal; color:#aaa;
}

#weblog H3 {
font-size:23px;
line-height:25px;
margin:0;
margin-bottom:8px;
}
#weblog H3 A{
color:#59565C;}

#weblog .postBox {
margin-bottom:20px;
}
#weblog .excerpt P {margin-bottom:5px; margin-top:2px; }
#weblog .articleExcerpt {font-weight:bold;}

#weblog .navArticle {height:30px; padding:20px 28px 0px 28px;}
#weblog .navArticle #prev {float:left;}
#weblog .navArticle #prev A {padding-left:12px; background:url(../images/g/icon-prev.png) no-repeat left;}
#weblog .navArticle #next {float:right;}
#weblog .navArticle #next A {padding-right:12px; background:url(../images/g/icon-next.png) no-repeat right;}

#weblog .headarticleBox {padding:0px 28px 20px 28px;}

#weblog .commentForm {padding:20px 28px 20px 28px;}
#weblog .commentForm INPUT {padding:2px 2px 2px 2px;}
INPUT.comment_name_input {font-size:11px; color:#1EAFF0;}
INPUT.comment_email_input {font-size:11px; color:#1EAFF0;}
INPUT.comment_web_input {font-size:11px; color:#1EAFF0;}
TEXTAREA.txpCommentInputMessage {color:#49464C; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; padding:2px 2px 2px 2px; width:100%; background: #F7F7F7;}

#weblog STRONG#flux {background:url(../images/g/icon-feed.png) no-repeat left; padding-left:20px;}

#weblog .comments_invite {background:url(../images/g/icon-comment.gif) no-repeat left; padding-left:15px;}

#weblog .articleLink A {background:url(../images/g/icon-article.gif) no-repeat left; padding-left:15px;}

#weblog #addComment {background:url(../images/g/icon-addcomment.png) no-repeat left; padding-left:20px;}
#weblog .commentDisplay {padding:0px 0px 20px 0px;}
#weblog .comments LI P {font-size:11px;}

#weblog .commentAuthor {
background:#E4E4E7 url(../images/g/icon-user.png) no-repeat 20px 10px;  
border-top: 1px solid #D0D5DA; padding:10px 28px 10px 40px;}

#weblog .commentMessage { padding:10px 28px 10px 28px; background:url(../images/g/icon-speech.png) no-repeat 20px top;}

#weblog #commentClosed {padding:10px 28px 10px 50px; background:url(../images/g/icon-closedcomment.png) no-repeat 28px 10px;}




/* google */

#google {}

/* footer */
#footer {
text-align: right; 
color:#aaa;
}