html{font-size:100%;}
body{
margin:0;
padding:0;
background:#666259 url(../img/fondHeader.jpg) repeat-x;
font:normal 0.8em 'Ubuntu',Verdana,Arial,sans-serif;
color:#c2c2c2;
line-height:1.5em;
cursor:default
}
ul{
list-style-type:none;
margin:0;
padding:0
}
li{
display:list-item
}
a img{
border:none
}
#header,#global,#footer{
margin:auto;
width:800px;
}
#header{
padding:0;
height:140px;
}
#global{
margin-top:40px;
overflow:hidden
}
#footer{
width:100%;
height:100%;
margin:30px 0 0 0;
font-size:0.85em;
line-height:18px;
background:#696460 url(../img/fondFooter.jpg) repeat-x;
}
#footerContent{
margin:auto;
width:800px;
height:200px;
padding:30px 0
}
#footerLeft,#footerMiddle,#footerRight{
float:left;
margin:0;
padding:0
}
#footerLeft{width:166px}
#footerMiddle{width:302px}
#footerRight{width:330px}
#zoneLink{
float:right;
width:auto;
height:40px;
margin:100px 0 0 0;
}
.link,.linkActiv{
float:left;
width:auto;
height:32px;
background:#cfcece;
padding:0 6px;
margin:8px 5px 0 0;
font-size:1.1em;
color:#322c2c;
line-height:32px;
letter-spacing:1px;
cursor:pointer;
text-decoration:none
}
.link:hover,.linkActiv,.linkActiv:hover{
color:#322c2c;
background:#f5f5f5;
margin-top:4px;
border-top:4px solid #c5d51a
}
.colonne{
float:left;
width:380px;
margin-right:40px;
}
.description{
margin:0 0 0 265px;
padding:0;
}
.competences{
line-height:1.9em;
margin:5px 0 0 0;
}
#show, #show2{
height:100%;
opacity:0;
-moz-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter:alpha(opacity=0);
}
.hidden{
display:none
}
#Gmap{width:328px;height:200px;padding:5px;border:1px dotted #d0d0ce}
.star,.starVide,.starDemi{float:right;width:14px;height:13px;margin-top:6px;padding:0;background-image:url(../img/star.jpg)}
.starVide{background-image:url(../img/starVide.jpg)}
.starDemi{background-image:url(../img/starDemi.jpg)}
#validSend{height:16px}
#box{position:absolute;}
#box div{width:380px;display:block;float:left}
.mask{
position:relative;
width:380px;
height:123px;
overflow:hidden;
}
.like{
float:left;
width:116px;
background-color:#f5f5f5;
padding:6px;
margin-right:8px;
color:#666259;
}
.preview,.previewInfo{
float:left;
width:auto;
height:auto;
margin:0 15px 15px 0;
padding:4px;
border:1px solid #332d2c;
background-color:#FFF;
text-decoration:none;
}
a.iconPreview{
z-index:999;
display:none;
position:absolute;
margin:0 0 0 156px;
height:auto;
padding:4px 6px 5px 27px;
background:#FFF url('../img/icon-loupe.jpg') no-repeat;
border-bottom:1px solid #332d2c;
border-left:1px solid #332d2c;
color:#c5d51a;
font:bold 1em 'Ubuntu',Verdana;
text-decoration:none;
}
.preview:hover .iconPreview{display:block;}
.previewDesc{
position:absolute;
float:left;
width:230px;
height:18px;
background:#332d2c;
color:#f5f5f5;
text-align:right;
font:bold 0.9em 'Ubuntu',Verdana;
margin:124px 0 0 -238px;
padding:4px 8px 4px 0;
opacity:0.80;
-moz-opacity:0.80;
-ms-filter:"alpha(opacity=80)";
filter:alpha(opacity=80)
}
a.previewDesc{text-decoration:none;}
#show,#show2{float:left}