/*
vCard - CSS File
*/
html, body{height:100%;}
body {
font-family:Tahoma, Arial, Verdana;
font-size:12px;
margin:0;
padding:0;
color:#000000;
line-height:18px;
background-image:url(../images/bg-main-repeat.jpg);
background-repeat:repeat;
}
* {
margin:0;
padding:0;
}
*:focus {
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
border: 0;
color: #dedede;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:10px; font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal;}
h1 {font-size:18px; line-height:20px; font-style:italic;}
h2 {font-size:16px; line-height:18px;margin-top:20px;}
h3 {font-size:14px; line-height:16px;}
h4 {font-size:12px; line-height:14px;}
h5 {font-size:12px; line-height:14px; margin:3px 0px; padding:0px;letter-spacing:1px;}
/* links */
a {color:#444444;text-decoration:underline;}
a:hover{color:#878686;}
a img{border:none}
.imgleft{float:left; padding-right:12px;}
.imgright{float:right; padding-left:12px;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
font-size:12px;
line-height:18px;
margin-bottom:12px;
}
ul, ol {
margin:10px 0 35px 40px;
}
li ol,
li ul
{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
margin:25px 0 25px 0px;
padding:10px 20px 10px 35px;
}
/* code */
code {
font-family:Verdana, Arial;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}
/*** END OF GLOBAL ***/
/*** CONTAINER ***/
#container{background-image:url(../images/bg-main.jpg); background-repeat:no-repeat; background-position:center; width:100%; min-height:100%}
* html #container{height:100%;} /* ie6 only */
#centercolumn{ margin:0 auto; width:734px; padding:0px 0px;}
#maincontent{width:734px;}
.main{width:500px; margin:0 auto; padding:0px 20px;}
/* content top */
#content-top{background-image:url(../images/bg-content-top.png); background-repeat:no-repeat; background-position:top;width:734px; padding:0px 0px 0px 0px; height:239px; overflow:hidden; position:relative;}
#top{height:100px; padding:30px 0px 0px 0px}
#topleft{float:left; padding:20px 0px 0px 0px; width:225px;}
#nav{float:left; padding:20px 0px 0px 0px; width:265px;}
#nav ul{margin:0px; padding:0px;}
#nav ul li{list-style-type:none; padding:0px; margin:0px; display:inline;}
#logo{ text-align:center; padding:0px 0px 0px 0px;}
#logo h1{color:#fff; padding:25px 0px 0px 0px}
/* navigation menu */
#nav ul{
padding:20px 0px 0px 0px;
margin:0;
width:auto;
list-style: none;
height:23px;
position: relative;
float:right;
}
#nav li{
list-style:none;
float:left;
text-align:center;
padding:0;
font:normal 12px Arial;
line-height:21px;
}
#nav .lavaLamp li a {
z-index: 10;
display: block;
float: left;
height: 23px;
position: relative;
overflow: hidden;
margin: auto 10px;
color:#333;
text-decoration:none;
}
#nav .lavaLamp li a:hover {
z-index: 10;
display: block;
float: left;
height: 23px;
position: relative;
overflow: hidden;
margin: auto 10px;
color:#333;
}
#nav .lavaLamp li.back {
background: url(../images/lava.png) no-repeat right -25px;
width: 11px; height: 24px;
z-index: 8;
position: absolute;
}
#nav .lavaLamp li.back .left {
background: url(../images/lava.png) no-repeat top left;
height: 23px;
margin-right: 11px; /* 7px is the width of the rounded shape */
}
/* content middle */
#content-middle{width:734px; padding-bottom:10px;}
.panels{background-image:url(../images/bg-content-middle.png); background-position:top; background-repeat:repeat-y; width:734px; overflow: hidden;margin:0;}
.panelsInner {overflow: hidden;}
.panel{padding:0px 0px 0px 0px;}
/* content bottom */
#content-bottom{background-image:url(../images/bg-content-bottom.png); background-position:top; background-repeat:no-repeat; width:734px; height:81px;}
#foot{font-size:10px; text-align:center; padding:15px 0px 0px 0px; color:#717070;}
/*** END CONTAINER ***/
/*** PAGE CONTENT ***/
/* about page */
ul.l1{margin:0px 0px 10px 0px; padding:0px; list-style-type:none;}
ul.l1 li{list-style-type:none; margin-bottom:10px; padding:0px 0px 0px 20px; background-image:url(../images/icon_check.gif); background-repeat:no-repeat; background-position:left top; vertical-align:baseline;}
/* work page */
ul.portfolio{margin:0px 0px 0px 0px;padding:0px; list-style-type:none;}
ul.portfolio li{list-style-type:none; float:left; display:inline; padding:0px 13px 15px 13px;}
/* social page */
ul.social{margin:20px 0px 0px 0px; padding:0px; list-style-type:none;}
ul.social li{list-style-type:none; float:left; display:inline; margin:0px 5px 12px 5px; background-image:url(../images/box.gif); background-repeat:no-repeat; width:223px; height:39px; overflow:hidden; padding:6px 8px}
ul.social li a, ul.social li a:visited{text-decoration:none;}
.t1{font-size:22px;}
/* contact page */
.box_large{background-image:url(../images/box_bgmiddle.gif); background-repeat:repeat-y; width:488px; float:left; margin-bottom:10px;}
.box_bgtop{background-image:url(../images/box_bgtop.gif); background-repeat:no-repeat; width:488px; float:left}
.box_bgbottom{background-image:url(../images/box_bgbottom.gif); background-repeat:no-repeat; background-position:bottom; width:488px; float:left }
.box_padding{padding:8px; float:left}
.box{padding-left:10px; float:left;}
.box2{width:200px; padding-left:40px; float:left;}
.box2{ background-image:url(../images/separator.gif);background-position:left center; background-repeat:no-repeat;}
.box h4, .box2 h4{font-family:tahoma, arial; margin:0px 0px 6px 0px; font-weight:bold;}
ul.icon{margin:0px; padding:0px; list-style-type:none;}
ul.icon li{margin:0px; padding:3px 0px; list-style-type:none;}
ul.icon li a, ul.icon li a:visited{text-decoration:none;}
ul.icon li img{vertical-align:middle; padding-right:10px;}
/*** END PAGE CONTENT ***/
/*** PERSO ****/
#drapeau {
margin-bottom:20px;
}