body{
background-color:#718da5;
font-family:Arial, Helvetica, sans-serif;
}


div{
background: none;
background-color:none;
}

img{
border:none;
}
#site{
position:relative;
width:982px;
height:683px;
margin: 0px;
padding: 0px;
margin:0px auto;
margin-top:50px;

}

#header{
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
height:171px;
margin: 0px;
padding: 0px;
}

#content{
background-image:url(../images/site_BG2.jpg);
background-repeat:no-repeat;
height:512px;
margin: 0px;
padding: 0px;
}

#content h1{
display:none;
position:absolute;
left:435px;
top:195px;
font-size:30px;
font-weight:normal;
text-align:center;
color:#FFF;
letter-spacing:2px;
margin-bottom:0px;
}


/*****************************  ENCARD  *************************************/

#encard_1{
position:absolute;
background-image:url(../images/home_module_1.jpg);
background-repeat:no-repeat;
width:325px;
height:126px;
left: 47px;
top: 200px;
color:#FFFFFF;
font-size:13px;
padding-left:15px;
padding-top:15px;
}

#encard_1 p{
margin-top:25px;
}

#encard_2{
position:absolute;
background-image:url(../images/home_module_2.jpg);
background-repeat:no-repeat;
width:325px;
height:126px;
left: 47px;
top: 339px;
color:#FFF;
font-size:13px;
padding-left:15px;
padding-top:15px;
}

#encard_2 p{
margin-top:25px;
margin-left:145px;
}

#actu{
position:absolute;
left: 60px;
top: 488px;
color:#FFFFFF;
font-size:13px;
}

#actu p{
margin-top:25px;
color:#696969;
font-size:11px;
}

#actu a{
color:#00426f;
font-size:11px;
}

/*****************************  MENU  *************************************/

#nav{
position:absolute;
left:351px;
top:138px;
margin: 0px;
padding: 0px;
z-index:10;
}

div#nav ul {
list-style:none;
padding: 0px;
margin:0px; 
}

div#nav li.sousmenu {
padding: 0px;
margin: 0 20px 0 0;
}

div#nav ul li {
list-style: none;
float:left;
}

div#nav ul ul {
position: absolute;
display:none;
}

div#nav li a {
font-size:11px;
font-weight:bold;
color:#FFF;
text-decoration:none; 
padding: 0px; 
margin: 0px;
}

div#nav ul.niveau2{
padding-top:14px;
}

div#nav ul.niveau2 a{
font-size:11px;
color:#FFF;
}

div#nav ul.niveau2 li{
background-color:#718da5;
float: none;
padding: 5px; 
margin: 0px;
border-bottom:1px #577187 solid;
}

/*div#nav ul.niveau1 li.sousmenu:hover ul.niveau2 {
display:block;
}
*/

/*****************************  NAV  *************************************/

#top_nav{
position:absolute;
left:553px;
top:82px;
list-style:none;
margin: 0px;
padding: 0px;
}

#top_nav li{
float:left;
margin: 0 15px 0 0;
}

#top_nav a{
font-size:11px;
font-weight:bold;
color:#00426f;
text-decoration:none;
}


#nav_ville{
position:absolute;
left:73px;
top:138px;
list-style:none;
margin: 0px;
padding: 0px;
}

#nav_ville li{
float:left;
}

#nav_ville a{
font-size:10px;
font-weight:bold;
text-decoration:none;
vertical-align:bottom;
}

.paris{
display:block;
height:19px;
width:48px;
color:#909193;
line-height:19px;
text-align:center;
}

.paris a:hover{
background-image:url(../images/nav/paris_on.jpg);
background-repeat:no-repeat;
display:block;
height:19px;
width:48px;
color:#FFF;
line-height:19px;
text-align:center;
}

.lyon{
display:block;
height:19px;
width:48px;

line-height:19px;
text-align:center;
}

.lyon a:hover, .lyon_on a{
background-image:url(../images/nav/paris_on.jpg);
background-repeat:no-repeat;
display:block;
height:19px;
width:48px;
color:#FFF;
line-height:19px;
text-align:center;
}

.toulouse{
display:block;
height:19px;
width:67px;
color:#909193;
line-height:19px;
text-align:center;
}

.toulouse a:hover, .toulouse_on{
background-image:url(../images/nav/toulouse_on.jpg);
background-repeat:no-repeat;
display:block;
height:19px;
width:67px;
color:#FFF;
line-height:19px;
text-align:center;
}





.mention{
width:982px;
margin:0px auto;
text-align:center;
font-size:11px;
color:#FFF;
}

.mention a{
color:#FFF;
text-decoration:none;
}

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

.clear{
clear:both;
}




.actu{
color:#666666;
}

element.style{
color:#666666;
}