body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:url(images/background.jpg) repeat-x;
}
#conteneur {
position: absolute;
width: 960px;
left: 50%;
margin-left: -485px;
}
#header {
height: 85px;
width : 720px;
background-image: url('images/header_3.png');
background-color: #FFFFFF;
}
#facebook{
position :absolute;
top: 10px;
right: 50px;
}
#fb{
border: none;
}
#haut {
height: 30px;
background-color:#FFFFFF;
}
.actif {
color: #666666;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
text-align: right;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 35px 0 25px;
color: #3399CC;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
}
.menuhaut a:hover {
text-decoration: none;
color: #666666;
}
#bandeau {
width: 960px;
height: 330px;
margin: 0;
padding: 0;
}
#bandeau #titre{
float: left;
width: 450px;
}
#bandeau #titre h1{
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 28px;
margin : 0;
padding : 60px 0 0 30px;
}
.illustration{
position: absolute;
top: 141px;
right: 40px;
}
#corps{
margin: 0 40px 0 0;
}
#corps a{
color: #3399CC;
text-decoration :none;
}
#corps a:hover{
text-decoration :underline;
}
#corps li{
list-style-type: square;
color: #666666;
text-align: justify;
padding: 10px 10px 5px 5px;
line-height: 20px;
}
.presta_audiovisuel{
margin-left: 28px;
}
#galerie_photos{
margin-left: 28px;
}
#galerie_photos p{
margin-top: 20px;
}
.pict{
border: none;
margin-right: 10px;
margin-bottom: 10px;
}
.plus_renseignements li{
list-style-image: url(images/puce_fleche.png);
color: #666666;
text-align: justify;
padding: 10px 10px 5px 5px;
margin-left: 25px;
line-height: 20px;
}
.plus_renseignements a{
color: #3399CC;
text-decoration :none;
}
.plus_renseignements a:hover{
text-decoration :underline;
}
#adwords{
position: absolute; 
top: 1270px;
right: 80px;
}
#competences{
margin: 0 40px 0 0;
}
#competences li{
list-style-type: square;
color: #666666;
text-align: justify;
padding: 10px 0px 5px 5px;
line-height: 20px;
}
.titre_corps{
margin-left: 1px;
}
.titre_corps2{
margin-left: 1px;
margin-top: 10px;
}
.titre_projet{
font-weight: bold;
color: #3399CC;
padding-left: 24px;
color: #FFFFFF;
margin-left: 5px;
background-color: #666666;
}
.titre_news{
font-weight: bold;
color: #3399CC;
padding-left: 29px;
}
.details{
color: #666666;
text-align: justify;
padding: 0px 0px 5px 29px;
line-height: 20px;
}
.infos{
text-align: right;
color: #FF3333;
margin-top: -10px;
}
.infos a{
color: #FF3333;
text-decoration: none;
}
.infos a:hover{
text-decoration: underline;
}
h2{
color: #3399CC;
font-size: 15px;
}
.details_services{
color: #3399CC;
text-align: justify;
padding: 0 5px 0 0;
}
#infos_studio{
float: left;
margin-top: 5px;
width: 490px;
}
.pied_services{
color: #FFFFFF;
margin-top: -6px;
margin-left: 8px;
}
.pied_services a{
color: #FFFFFF;
text-decoration: none;
}
.pied_services a:hover{
color: #666666;
}
#adresse{
float: right;
margin-top: -95px;
margin-right: 10px;
width: 490px;
}
.adresse{
color: #FFFFFF;
text-align: right;
}
.adresse a{
color: #FFFFFF;
text-decoration: none;
}
.adresse a:hover{
color: #666666;
}
span{
color: #3399CC;
font-weight: bold;
}
#pied{
position: absolute;
top: 800px;
height: 100px;
background-color: #3399CC;
}
#pied_contact{
position: absolute;
top: 650px;
height: 100px;
background-color: #3399CC;
}
#infos_studio{
float: left;
margin-top: 5px;
width: 490px;
}
.pied_services{
color: #FFFFFF;
margin-top: -6px;
margin-left: 8px;
}
.pied_services a{
color: #FFFFFF;
text-decoration: none;
}
.pied_services a:hover{
color: #666666;
}
#adresse{
float: right;
margin-top: -95px;
margin-right: 10px;
width: 490px;
}
.adresse{
color: #FFFFFF;
text-align: right;
}
.adresse a{
color: #FFFFFF;
text-decoration: none;
}
.adresse a:hover{
color: #666666;
}