html {

font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size : 14px; 
}

body 
{
background-image: url('interface/fond.gif');
}




.hautdepage
{
border: none;
width:740px;
height:80px;
text-align: center;
margin-top:4; 
margin-left:auto; 
margin-right:auto; 
margin-bottom:0;
}

.menu-nav
{
border: none;
position:relative;
top:10px;
left:0px;
width:740px;
height:28px;
margin-top:auto; 
margin-left:auto; 
margin-right:auto; 
margin-bottom:2;
vertical-align:middle;
background-image: url('interface/barre-navig.gif');
background-repeat: no-repeat;
background-position: center 4px;
}

/*.rubrique
{
border: none;
position:relative;
top:24px;
left:0px;
width:740px;
height:600px;
text-align:left;
margin-top:0; 
margin-left:auto; 
margin-right:auto; 
margin-bottom:2;
}*/


.central
{
border: none;
position:relative;
top:24px;
left:0px;
width:740px;
height:100%;
text-align:left;
margin-top:auto; 
margin-left:auto; 
margin-right:auto; 
margin-bottom:2;
}


.pied-page
{
width:740px;
height:48px;
margin-top:44px; 
margin-left:auto; 
margin-right:auto; 
margin-bottom:2;
background-image: url('interface/barre-navig.gif');
background-repeat: no-repeat;
}

.i-picto
{
position: relative;
left: 0px;
top: 6px;
}

.titre-topic
{
padding: 2px;
text-align: left;
vertical-align: middle;
font-weight: bold;
font-size: 16px;
}


.article
{
padding: 6px;
text-align: justify;
vertical-align: middle;
}

.legende
{
padding: 4px;
text-align: center;
vertical-align: middle;
font-weight: bold; 
}

.ico-tede
{
text-align: right;
vertical-align: bottom;
}

.courrier
{
position:relative;
top: -10px;
left:700px;
z-index: 3;
}

img
{
border: none;
}

a.services 
{ 
position:relative;
top:0px;
left:20px;
width:98px;
height:28px;
display:block;
background-image:url('interface/bouton-services.gif');
background-repeat:no-repeat;
z-index:3;
}

a:hover.services 
{
position:relative;
top:0px;
left:20px;
width:98px;
height:28px;
display:block; 
background-image:url('interface/bouton-services-2.gif');
background-repeat:no-repeat;
z-index:2;
} 


a.culture 
{ 
position:relative;
top:0px;
left:24px;
width:98px;
height:28px;
display:block;
background-image:url('interface/bouton-culture.gif');
background-repeat:no-repeat;
z-index:3;
}

a:hover.culture 
{
position:relative;
top:0px;
left:24px;
width:98px;
height:28px;
display:block; 
background-image:url('interface/bouton-culture-2.gif');
background-repeat:no-repeat;
z-index:2;
} 


a.new-tech 
{ 
position:relative;
top:0px;
left:27px;
width:98px;
height:28px;
display:block;
background-image:url('interface/bouton-new-tech.gif');
background-repeat:no-repeat;
z-index:3;
}

a:hover.new-tech 
{
position:relative;
top:0px;
left:27px;
width:98px;
height:28px;
display:block; 
background-image:url('interface/bouton-new-tech-2.gif');
background-repeat:no-repeat;
z-index:2;
} 

a.musique 
{ 
position:relative;
top:0px;
left:27px;
width:98px;
height:28px;
display:block;
background-image:url('interface/bouton-musique.gif');
background-repeat:no-repeat;
z-index:3;
}

a:hover.musique 
{
position:relative;
top:0px;
left:27px;
width:98px;
height:28px;
display:block; 
background-image:url('interface/bouton-musique-2.gif');
background-repeat:no-repeat;
z-index:2;
} 

a.vision 
{ 
position:relative;
top:0px;
left:28px;
width:98px;
height:28px;
display:block;
background-image:url('interface/bouton-vision.gif');
background-repeat:no-repeat;
z-index:3;
}

a:hover.vision 
{
position:relative;
top:0px;
left:28px;
width:98px;
height:28px;
display:block; 
background-image:url('interface/bouton-vision-2.gif');
background-repeat:no-repeat;
z-index:2;
}


a
{ 
color: #FF6600;
text-decoration:none;
}

a:hover
{
color:#000000;
text-decoration:underline;
}