/***********
Date : 06 Fev 2012
Auteur : BMiot
Version : 1.0

Project : Site BMSI

***/

html, body, div {
margin:0px;
padding:0px;
}

body {
background: #fff url(../img/fond-body.jpg) center top no-repeat;
font-family:Verdane, Arial, sans-serif;
color:#373737;
font-size:12px;
}

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

a:hover {
text-decoration:underline;
}

img {
border:none;
}

#wrapper {
width:940px;
margin: 0 auto 0 auto;
background: #fff url(../img/fond-body.jpg) center top no-repeat;
}

#header {
position:relative;
height:121px;
}

#header h2 {
margin:0px;
padding:0 0 0 0;
}

#header #nav {
position:absolute;
top:44px;
right:0px;
margin:0px;
padding:0px;
font-size:18px;
}

#header #nav li {
list-style:none;
display:inline;
padding:0px;
margin:0 0 0 20px;
}

#accroche  h1{
margin:85px 0 0 0;
padding:0px;
color:#fff;
font-size:40px;
text-align:center;
}

#accroche  p{
text-align:center;
font-size:22px;
font-weight:bold;
}

#accroche #boite {
margin: 62px 0 0 406px;
}


#accroche {
height:270px;
}

#liens {
font-size:18px;
text-align:center;
}

.toppage {
margin:-10px 0 50px 0;
text-align:right;
}

.toppage a {
color:red;
}

#liens a {
padding:0px 0px 0px 30px;
text-decoration:underline;
color:black;
}

#liens a:hover{
color:red;
}

#content {
width:696px;
padding:0 100px 20px 100px;
margin:0px;
}

#content p {
padding-bottom:10px;
text-align:justify;
/*font-family:georgia, serif;*/
font-family:cambria, serif;
font-size:16px;
line-height:30px;
}

ul {
margin-top:-13px;
/*font-family:georgia, serif;*/
font-family:cambria, serif;
font-size:16px;
line-height:30px;
}

ul ul{
margin-top:0px;
}

#side_gauche {
width:460px;
float:left;
margin:50px 80px 0 0;
}

h3 {
color:#fff;
font-size:24px;
margin:20px 20px 19px 0;
padding:0px;
float:left;
}

h4 {
font-size:18px;
margin:0px;
padding:0px;
text-decoration: underline;
}

#side_gauche .news .vignette {
float:left;
margin:0 40px 0 0;
}

#side_gauche .news {
margin:0 0 20px 0;
}

#side_gauche p {
margin:9px 0 8px 0;
padding:0px;
line-height:15px;
}

.more {
display:block;
width:80px;  /* 112px - 32 = 80 */
height:25px; /* 37 - 12*/
padding:12px 0 0 32px;
margin:0px;
background: url(../img/bouton-liresuite.png) left top no-repeat;
}

.description {
float:left;
width:300px;
}

.clear {
clear:both;
}

#side_droite {
width:400px;
float:left;
margin:50px 0 0 0;
}

#download {
height:217px;
background: url(../img/box-blue.png) left top no-repeat;
}

#download #bt_download {
margin:15px 0 0 150px;
}

#download p {
color:#fff;
text-align:justify;
margin-top:31px;
padding:0 16px 0 16px;
}

#footer {
height:90px; 
background-color:#373737;
text-align:right;
padding: 10px 0 0 0;
line-height:22px;
}

#footer  p {
text-align:left;
font-size:16px;
color:#fff;
margin:0 0 0 30px;
}

#footer  a {
/*float:right;*/
font-size:16px;
color:#fff;
margin:0 30px 0 0px;
}

#left {
float:left;
}

#right {
float:right;
}