body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:url('images/bg2.jpg') repeat-x;
}
#conteneur {
position: absolute;
width: 960px;
left: 50%;
margin-left: -485px;
}
#header {
height: 85px;
background-image: url(images/header_2.png);
background-color: #FFFFFF;
}
#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: 265px;
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;
}
#bienvenue{
float: left;
margin: 0 40px 0 0;
width: 445px;
}
#titre_bienvenue{
margin-left: 1px;
}
#actualites{
float: left;
margin: 0;
width: 445px;
}
#titre_actualites{
margin-left: 1px;
}
#barre{
margin-left: 15px;
padding: 0;
}
.titre_news{
color: #3399CC;
padding-left: 29px;
}
.details{
color: #666666;
text-align: justify;
padding: 0px 10px 5px 29px;
line-height: 20px;
}
.infos{
text-align: right;
color: #FF3333;
margin-top: -15px;
margin-right: 10px;
}
.infos a{
color: #FF3333;
text-decoration: none;
}
.infos a:hover{
text-decoration: underline;
}
#services{
clear: left;
width: 960px;
margin-left: 20px;
}
.avatar{
float: left;
margin-right: 15px;
}
#site_internet{
float: left;
margin-right: 40px;
width: 278px;
}
#audiovisuel{
float: left;
margin-right: 40px;
width: 278px;
}
#print{
float: left;
margin-right: 20px;
width: 278px;
}
h2{
color: #3399CC;
font-size: 15px;
}
h3{
text-indent: -10000px;
}
.details_services{
color: #3399CC;
text-align: justify;
padding: 0 5px 0 0;
}
#pied{
position: absolute;
top: 715px;
height: 100px;
background-color: #3399CC;
}
#infos_studio{
position: absolute;
width: 350px;
top: 10px;
left: 5px;
margin: 0;
padding: 0;
}
.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{
position: absolute;
top: 5px;
left: 535px;
width: 400px;
margin: 0;
padding: 0;
}
.adresse{
color: #FFFFFF;
text-align: right;
}
.adresse a{
color: #FFFFFF;
text-decoration: none;
}
.adresse a:hover{
color: #666666;
}