body {
margin:0;
padding:0;
background:#414444;
font:12px Arial, Helvetica, sans-serif;
}
a {
color:#ccc;
text-decoration:none;
}
a:hover {
color:#d7a802;
text-decoration:underline;
}
#content{
background:url('../../images/background.jpg') repeat-x;
margin:240px 0 0 0;
padding-top:29px;
}
#carousel {
width:100%;
height:365px;
overflow:hidden;
position:relative;
z-index:100;
}
#container {
width:8000px;
padding:0;
margin:0;
list-style:none;
}
.photo {
float:left;
position:relative;
margin:0;
padding:0;
}
.photo img{
top:0;
left:0;
position:absolute;
border:none;
z-index:100;
}
.slider {
width:100px;
background:#414444;
}
.slider h2{
margin:0;
font:bold 12px Arial, Helvetica, sans-serif;
border-right:1px solid #c3c2c2;
border-left:1px solid #c3c2c2;
padding:0 4px 0 4px;
color:#fff;
}
.description {
margin:0;
border-right:1px solid #c3c2c2;
border-left:1px solid #c3c2c2;
padding:0 4px 0 4px;
color:#c3c2c2;
}
.description p{
margin:0;
padding:3px 0 3px 0;
}
.box {
height:17px;
background:url('../../images/box.jpg') repeat-x;
}
.box-left {
height:17px;
width:10px;
background:url('../../images/box-left.jpg') no-repeat;
float:left;
}
.box-right {
height:17px;
width:10px;
background:url('../../images/box-right.jpg') no-repeat;
float:right;
}
h1 {
width:271px;
height:68px;
background:url('../../images/logo.jpg') no-repeat;
position:absolute;
top:-100px;
left:40px;
}
h1 a{
display:none;
}

#menu {
position:fixed;
top:300px;
width:100%;
z-index:10;
}
#menu ul{
margin:0 auto;
width:499px;
padding:0;
list-style:none;
}
#menu li{
margin:0 10px 0 0;
padding:0;
float:left;
}
#menu li a span{
display:none;
}
#menu li a {
height:18px;
display:block;
}
#illustration {
background:url('../../images/illustration.png') no-repeat;
width:76px;
}
#menu li a:hover {
background-position:0 -23px;
}
#portrait {
width:53px;
background:url('../../images/portrait.png') no-repeat;
}
#mariage {
width:67px;
background:url('../../images/mariage.png') no-repeat;
}
#spectacle {
background:url('../../images/spectacle.png') no-repeat;
width:76px;
margin:0;
}
#paysage {
background:url('../../images/paysage.png') no-repeat;
width:69px;
margin:0;
}
#contact {
width:56px;
height:17px;
position:absolute;
right:78px;
top:0;
background:url('../../images/contact.png') no-repeat;
}
#contact span{
display:none;
}
#cv {
width:95px;
background:url('../../images/presentation.png') no-repeat;
}
#link {
width:38px;
position:absolute;
right:30px;
top:0;
background:url('../../images/liens.png') no-repeat;
}
#mask {
width:100%;
height:200px;
top:269px;
left:0;
position:absolute;
z-index:1000;
background:#414444 url('../../images/indicator.gif') center center no-repeat;
}

#contactForm, #presentation, #liens  {
position:absolute;
z-index:100;
top:269px;
left:0;
width:100%;
}
#contactPart, #philippe-abel, #abel{
width:100%;
background:#303232;
height:200px;
}
#form {
width:600px;
margin:0 auto;
}
#address {
float:left;
color:#fff;
width:300px;
text-align:center;

}
#address h3{
font:bold 14px Arial, Helvetica, sans-serif;
padding-top:20px;
}
#addressForm {
width:300px;
float:left;
}
#addressForm fieldset{
border:1px solid #ccc;
padding:5px;
margin:0;
}
#addressForm fieldset legend{
font:bold 14px Arial, Helvetica, sans-serif;
color:#fff
}
#addressForm fieldset input, #addressForm fieldset textarea {
border:1px solid #d7a802;
width:170px;
background:#333;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
margin-bottom:3px;
}
#addressForm fieldset label {
width:100px;
display:block;
float:left;
color:#ccc;
}
#addressForm fieldset textarea {
height:60px;
}
#visio {
position:absolute; 
right:0; 
top:0; 
height:81px; 
width:81px;
margin:0; 
}
#visio-design {
display: block; 
height: 80px; 
width: 80px; 
background: url(../../images/visio-design.png) bottom right no-repeat; 
text-decoration: none;
}
#visio-design span{
display:none;
}
#formContact {
margin:0;
padding:0;
}
.loading {
width:24px;
height:24px;
background: url(../../images/indicator.gif) bottom right no-repeat; 
}
.error {
color:#FF0000;
text-align:center;
padding:4px;
background-color:#FFCACA;
}
.valid {
color:#00FF00;
text-align:center;
padding:4px;
margin-top:20px;
background: #002200;
}
.ErrorMsg {
color:#FF0000;
}
#presentation-philippe-abel, #liens-abel {
width:600px;
margin:0 auto;
}
#presentation-philippe-abel h2,#liens-abel h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#fff;
padding:5px;
margin:0;
}
#presentation-philippe-abel p, #liens-abel p{
color:#c3c2c2;
padding:5px;
margin:0;
}
#terms {
width:100%;
position:absolute;
bottom:10px;
text-align:center;
margin:0;
}
.hidden {
display:none;	
}