body {
background:#fff url(../images/bg.jpg) top no-repeat;
font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
font-size:12px;
line-height:16px;
color:#666;
}

.body-sub {
background:#fff url(../images/bg-sub.jpg) top no-repeat;
}

a {
color:#8297AC;
text-decoration:none;
}

a:hover {
color:#0F69A9;
text-decoration:none;
}

hr {
color:#E6E6E6;
background-color:#E6E6E6;
height:1px;
border:0;
}

h1 {
background:url(../images/h1.png) left no-repeat #eee;
margin-bottom:20px;
color:#797c80;
font-size:14px;
font-weight:700;
text-transform:uppercase;
padding:5px 10px 5px 40px;
}

h2 {
font-size:14px;
font-family:"Arial Black", Gadget, sans-serif;
line-height:24px;
color:#333;
margin-bottom:10px;
}

h3 {
color:#797c80;
font-size:11px;
font-weight:400;
text-transform:uppercase;
}

#container {
position:relative;
width:940px;
height:auto;
overflow:hidden;
margin:0 auto;
}

#top {
position:relative;
width:940px;
height:85px;
}

#logo {
position:relative;
float:right;
display:inline;
margin-top:22.5px;
width:251px;
height:40px;
}

.navigation {
height:50px;
left:0;
line-height:50px;
padding-right:18px;
position:absolute;
top:23px;
font-size:12px;
z-index:6;
}

#home-flash {
position:relative;
width:940px;
outline:0;
height:300px;
}

#sub-banner {
position:relative;
width:940px;
outline:0;
height:150px;
margin-top:10px;
}

#content-top {
background:url(../images/bg-content-top.gif) no-repeat;
position:relative;
width:909px;
height:40px;
margin-top:50px;
padding-left:31px;
}

#content {
background:url(../images/bg-content.jpg) repeat-y;
position:relative;
width:940px;
height:auto;
font-family:Arial;
overflow:hidden;
}

#content-in {
position:relative;
padding:20px 31px;
}

#content-left {
position:relative;
width:558px;
height:auto;
float:left;
display:inline;
text-align:justify;
}

#content-left ul {
position:relative;
margin-bottom:15px;
}

#content-right {
position:relative;
width:259px;
height:auto;
float:right;
display:inline;
text-align:justify;
}

#content-right h1 {
background:url(../images/h1.png) left no-repeat #F5F5F5;
margin-bottom:10px;
color:#797c80;
font-size:14px;
font-weight:700;
text-transform:uppercase;
padding:5px 0 5px 40px;
}

#footer {
background:url(../images/bg-content-bottom.gif) no-repeat;
position:relative;
width:878px;
height:40px;
line-height:40px;
padding:0 31px;
}

#bottom {
position:relative;
width:940px;
height:auto;
text-align:center;
margin:10px auto;
}

.breadcrumb {
color:#ddd;
float:left;
display:inline;
line-height:40px;
}

.pro {
float:right;
display:inline;
padding-right:31px;
line-height:40px;
height:40px;
}

.copyright {
float:left;
display:inline;
color:#f5f5f5;
}

.scroll-top {
float:right;
display:inline;
}

.scroll-top a {
text-decoration:underline;
color:#f5f5f5;
}

.scroll-top a:hover {
text-decoration:underline;
color:#ddd;
}

.home-bloc {
position:relative;
float:left;
display:inline;
margin-right:10px;
}

.home-bloc-text {
position:relative;
margin-top:10px;
}

.right-bloc-text {
position:relative;
margin-top:5px;
}

.right-bloc-text a {
position:relative;
text-transform:uppercase;
}

.clear {
clear:both;
}

.contact-home {
width:100%;
}

.contact-home-bloc {
width:33%;
float:left;
display:inline;
}

.back-to-top {
background:#eee;
margin-bottom:10px;
text-align:right;
width:auto;
display:block;
padding:5px 20px 5px 0;
}

#content-left ul li,#content-right ul li {
position:relative;
list-style:square;
margin-left:15px;
}

.breadcrumb a,.copyright a {
text-decoration:none;
color:#fff;
}

.breadcrumb a:hover,.copyright a:hover {
text-decoration:underline;
color:#fff;
}

.partager a {
text-decoration:none;
color:#fff;
}

.partager a:hover {
color:#eee;
}