/*------------GENERAL------------*/

* {
padding: 0;
margin: 0;
background: transparent;
}

body {
font-family: trebuchet ms, Verdana, Arial, sans-serif ;
background: url(ims/fond.gif); repeat-x top left
}

/*------------PAGE COMPLETE------------*/

#page {
position: relative;
width: 775px;
margin: auto;
padding: 0;
background: url(ims/corps.jpg);
}

/*------------HAUT------------*/

#header {
position: relative;
width :775px;
height: 166px;
background: url(ims/haut.gif) no-repeat;
}

#header ul {
width: 768px;
padding-left: 0;
padding-top: 2px;
font-family: Verdana;
font-size: 0.6em;
font-weight: 700;
text-align: right;  
}

#header li, #header p {
color: #ffffff;
display: inline;
}

#header a {
font-size: 1.2em;
font-weight: 400;
}

#header a:link, #header a:visited {
color: #ffffff;
}

#header a:hover, #header a:active {
color: #ffffff;
}

/*------------MENU------------*/

#brunocoupe {
text-indent: -10000px;
list-style:none;
position:absolute;
width :204px;
height: 24px;
left: 24px;
top: 124px;
margin: 0;
padding: 0;
background: url(ims/brunocoupe.gif) no-repeat;
}

#brunocoupe:hover {
background: url(ims/spacer.gif) top left no-repeat;
}

#menu {
position:absolute;
width :495px;
height: 25px;
left: 270px;
top: 125px;
margin: 0;
padding: 0;
text-align: left;
}

#menu ul {
width: 495px;
margin: 0px 0 0 0px;
font-size: 0.8em;
font-weight: 700;
text-align: left;
}

#menu li, #menu1 p {
color: #477487;
}

#menu span {
font-size: 1em;
font-weight: 700;
color: #F5941D;
}

#menu a {
font-size: 1em;
font-weight: 700;
text-decoration: none;
}

#menu a:link, #menu a:visited {
color: #477487;
}

#menu a:hover, #menu a:active {
color: #558BA8;
text-decoration: underline;
}

/*------------CONTENU------------*/

#contenu {
position: relative;
width :720px;
left: 25px;
top: 5px;
}

#titre {
position: absolute;
left: 15px;
top: 0px;
}

#b1 {
float: left;
width :450px;
margin-left: 15px;
margin-top: 35px;
}

#b1 p {
font-size: 1em;
line-height: 1.2em;
margin-top: 15px;
text-align: justify;
color: #454547;
}

#b1 em {
font-size: 1.2em;
line-height: 1.1em;
text-align: left;
color: #F38907;
}

#b1 a {
font-weight: bold;
}

#b1 a:link {
color: #3F6778;
text-decoration: none;
}

#b1 a:visited {
color: #3F6778;
text-decoration: none;
}

#b1 a:hover {
color: #F38907;
}

#b2 {
float: left;
width :450px;
margin-left: 15px;
margin-top: 35px;
}

#b2 p {
font-size: 1em;
line-height: 1.2em;
margin-top: 15px;
text-align: justify;
color: #454547;
}

#b2 em {
font-size: 1.2em;
line-height: 1.1em;
text-align: left;
color: #F38907;
}

#b2 ul {
font-size: 1em;
text-align: left;
}

#b2 li {
list-style: none;
color: #454547;
}

#b2 a {
text-decoration: none;
font-weight: bold;
}

#b2 a:link {
color: #3F6778;
text-decoration: none;
}

#b2 a:visited {
color: #3F6778;
text-decoration: none;
}

#b2 a:hover {
color: #F38907;
}

#spacer {
position: relative;
width :25px;
height: 25px;
background: url(ims/spacer.gif) no-repeat;
}

/*------------LIENS------------*/

#cadre {
float: right;
width :212px;
height:390px;
margin: 0 0 50px;
padding: 0;
background: url(ims/cadre.gif) no-repeat;
}

#liens {
position: relative;
width :183px;
height:370px;
left: 25px;
top: 30px;
}

#liens p {
text-align: left;
font-size: 0.8em;
line-height: 1.6em;
color: #477487;
}

#liens a {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
}

#liens a:link {
color: #3F6778;
}

#liens a:visited {
color: #3F6778;
}

#liens a:hover {
text-decoration: underline;
color: #558BA8;
}

/*------------PIED------------*/

#pied {
width: 730px;
margin-top: 50px;
margin-left: 25px;
padding-top : 50px; 
padding-bottom : 10px; 
color: #3F6778; 
clear: both;
}

#pied p {
color: #3F6778;
text-align: center;
font-family: verdana;
font-size: 0.7em;
}

#pied ul {
width: 720px;
margin: 0 0 5px; 
text-align: center;
font-family: verdana;
font-size: 0.8em;
border-bottom: 2px solid #F8951D;  
}

#pied li {
display: inline;
}

#pied li p {
margin: 5px 0 10px; 
padding: 5px 0 0;
text-decoration: none;
display: inline;
}

#pied li a {
text-decoration: none;
}

#pied a:link {
color: #3F6778;
}

#pied a:visited {
color: #3F6778;
}

#pied a:hover {
color: #F8951D;
}

/*------------INVISIBLE------------*/

h1, h2, h3, h4, h5 {
position: absolute;
top: -5000px;
left: -5000px;
}

b {
font-weight: 400;
}