html{
background-color:#c0c0c0;
}

body{
margin:0;
padding:0;
height:550px;
/*width:4000px;*/

color:#ffffff;
/*background-attachment:fixed;*/
}

:focus{
outline: none;
}
.cleared{
clear: both;
}
.noMarginTop{
margin-top: 0;
}
.message{
color: #d00a0b;
}
label{
display: block;
float: left;
width: 125px;
padding: 5px 0;
}
input, textarea{
width: 300px;
border: 2px solid #8c8888;
padding: 5px;
}
textarea{
height: 125px;
}
input:focus, textarea:focus{
border-color: #ed8821;
}
input.submit{
width: 100px;
cursor: pointer;
color: #fff;
margin-left: 125px;
border-color: #ed8821;
background: #ed8821;
}

#en_tete{
background:url(fond_body2.jpg);
height:120px;
}

#pied{
background:url(fond_body2.jpg);
height:120px;
}

img{
border:none;
}



#menu{
position:relative;
padding:0;
margin:0;
width:430px;
height:120px;
margin-left:400px;
/*border:1px solid yellow;*/
}



#menu h1{
position:absolute;
font-size:12px;
width:155px;
height:45px;
color:black;
/*background:yellow;*/
}

#titre_menu0{
top:85px;

}
#titre_menu1{
top:15px;

}
#titre_menu5{
top:65px;
left: 30px;

}

#titre_menu2{
top:50px;
left:130px;
}

#titre_menu3{
top:0px;
left:130px;
}

#titre_menu4{
top:30px;
left:250px;
}

/*pour ie6*/
.logo_cliquable{
display:block;
width:155px;
height:45px;
}

a .texte_invisible {
position: absolute;
left: -500em;
top: -500em;
text-indent: -500em;
}

/*fin*/


#conteneur{
height:390px;
background-color:#070707;
margin:0;
padding:0;
overflow:hidden;
color:#ffffff;
}

.flottant{
float:gauche;
}

div.flottant{
float:left;
height:390px;
margin:0;
padding:0;
}

div.flottant .contenu{
height:365px;
margin-top:15px;
overflow:hidden;
font-family:Arial;
font-size:14px;
color:#8c8888;
/*border:1px solid white;*/
}

#div1{
/*width:930px;*/
overflow:hidden;
margin:auto;
/*border:1px solid red;*/
}

#texte_accueil{
width:376px;
height:344px;
float:left;
margin:0;
padding:0;
/*margin-top:20px;*/

}

#texte_accueil p{
font-family:Arial;
font-size:14px;
margin-left:45px;
}

.couleur1{
color:#8c8888;
}

.couleur2{
color:#ed8821;
}

#photo_mois{
width:514px;
float:left;
margin:0;
padding:0;
margin-left:20px;
/*margin-top:20px;*/
}

p.bottom{
margin:0;
padding:0;
margin-top:1px;
font-size:11px;
text-align:right;
color:#b8b4b4;
font-family:arial;
/*border:1px solid blue;*/
}

/*#div2{
border:1px solid yellow;
margin:auto;
text-align:center;
}*/

#div3{
/*width:500px;*/
/*border:1px solid blue;*/
}
#div3 .contenu{
background:url(../images/philosophie.jpg) top left no-repeat;
} 

#div3 .contenu p{
/*margin-left:40px;
margin-right:20px;*/
margin:auto;
margin-top:40px;
width:400px;
line-height:20px;
}

#div4{
/*width:1750px;*/
/*border:1px solid orange;*/
}

#div4 .contenu{
background:url(../images/projets_recents.jpg) top left no-repeat;
} 

#div4 .projet{
margin:0;
padding:0;
margin-left:25px;
margin-top:31px;
float:left;
}
#div4 .projet.first{
margin-left:50px;
}

#div5{
/*border:1px solid green;*/
}

#div5 .contenu{
background:url(../images/portfolio.jpg) top left no-repeat;
} 

#div5 .contenu #portfolio{
width:715px;
margin-left:50px;
overflow:hidden;
}

 #portfolio .vignette{
 float:left;
 width:100px;
 margin-right:8px;
 margin-top:8px;
 border: 2px solid #8c8888;
 }
 #portfolio .vignette:hover{
 border-color: #ed8821;
 }
 
.popup{
 display: none;
 width: 530px;
 height: 450px;

 }
 
#contenu_popup{
background-color:#070707;
color:#fff;
padding: 0 15px;
}
#contenu_popup h4{
color:#fc9b1c;
margin-top: 0;
font-size: 14px;
}

#contenu_popup img{
float:left;
margin-right:20px;
}
#contenu_popup .col0{
height: 150px;
}
#contenu_popup .col1{
float: left;
width: 250px;
height: 200px;
padding-right: 15px;
border-right: 1px solid #fc9b1c;
}
#contenu_popup .col2{
float: left;
width: 200px;
padding-left: 15px;
}
#contenu_popup .typePrestation{
float:left;
}

#contenu_popup ul{
list-style-type:none;
}


#div6{

}

#div6 .contenu{
background:url(../images/contact.jpg) top left no-repeat;
padding-left:50px;
overflow:hidden;
} 

.separation{
clear:both;
visibility:hidden;
}