@charset "utf-8";
/* CSS Document */

html, body, span, applet, object, h1, h2, h3, h4, h5, h6, p, ol {
margin: 0;
padding: 0;
border: none;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
line-height: 110%;
color:#666666;
}

body {
font: 62.5%/1em;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
width: 100%;
background-image:url(../pics/back.png);
background-attachment:fixed;
/* make IE center the site */
}

p{
font-family:Arial, Helvetica, sans-serif;
margin-top:10px;
font-size:10px;
}

.little{
font-size:9px;
margin-top:10px;
padding-top:5px;
border-top:1px solid #808080;
}

a{
color:inherit;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:#999999;
}

img{
border:0;
padding:0;
}

h1{
font-size:18px;
margin-bottom:20px;
line-height:21px;
}

h2{
color:#666666;
font-size:10px;
padding-top:5px;
border-top:1px dotted #666666;
margin-top:5px;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

h3{
padding-top:5px;
margin-top:2px;
border-top:1px solid #666666;
}

h3 a:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#radiant{
position:fixed;
z-index:10;
width:100%;
height:50px;
left:0;
top:0;
background-image:url(../pics/radiant.png);
}

#left{
position:fixed;
width:150px;
height:320px;
margin:50px;
margin-top:50px;
text-align:center;
}

#right{
position:absolute;
z-index:5;
width:800px;
margin-left:250px;
overflow:hidden;
padding-top:100px;
padding-bottom:40px;
}

.right-fixed{
position:fixed;
width:150px;
height:320px;
margin-left:250px;
margin-top:100px;
}

.row-illu{
float:left;
margin-bottom:10px;
width:550px;
}

.row{
float:left;
width:800px;
margin-bottom:15px;
}

.right-one{
float:left;
margin-right:50px;
width:150px;
}


.right-twice{
float:left;
margin-right:50px;
width:350px;
}

.right-three{
float:left;
width:550px;
}

#right-folio{
position:absolute;
z-index:5;
width:550px;
margin-left:450px;
overflow:hidden;
padding-top:100px;
padding-bottom:40px;
}

#illu{
margin-top:-100px;
}

.radiantcirc{
position:absolute;width:350px;height:350px;background-image:url(pics/radiant-circ.png);z-index:12;left:500px;
}

#logo{
display:block;
width:150px;
height:35px;
background-image:url(../pics/logo.png);
margin-bottom:15px;
}

#logo:hover{
background-position:0px 53px;
}

.portfolio:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.form-txt{
display:inline-block;
width:50px;
}

.envoi{
margin-top:10px;
font-size:10px;
color:#666666;
}

.input{
font-size:10px;
width:259px;
height:14px;
color:#666666;
padding-bottom:0px;
}