/* CSS Document */
body {
background: #fff;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333;
margin: 0px;
padding: 0px;
}
#mascotte {
margin: 0px 0px 0px 0px;
padding: 60px 0px 0px 0px;
text-align: center;
height: 240px;
}
#barremenu {
height: 80px;
width: 100%;
background: url(img/fond_menu.jpg) top left repeat;
margin: 0px;
padding: 0px;
}
#boite_menu {
margin: 0px auto 0px auto;
padding: 0px;
background: transparent;
height: 80px;
width: 736px;
}
h1 {
float: left;
background: url(img/fond_menu.jpg) top left repeat;
height: 80px;
width: 240px;
margin: 0px;
padding: 0px;
text-align: center;
}
.liens {
text-decoration: none;
color: #333366;
font-weight: bold;
}
a.liens:hover, a.liens:focus {
text-decoration: underline;
}
.menu {
float: left;
margin: 0px;
padding: 0px;
background: transparent;
height: 80px;
list-style-type: none;
}
.menu li {
float: left;
margin: 0px;
padding: 0px;
background: transparent;
height: 80px;
width: 80px;
}
.menu li a {
display: block;
margin: 0px;
padding: 0px;
height: 80px;
width: 80px;
}
/* --  LES BOUTONS DU MENU --------------------------------------------------- */

a#btn_acc {
background-image: url(img/btn_acc.jpg);
background-position: 0px 0px;
}
a#btn_acc:hover, a#btn_acc:focus {
background-position: 0px 80px;
}
a#btn_profil {
background-image: url(img/btn_profil.jpg);
background-position: 0px 0px;
}
a#btn_profil:hover, a#btn_profil:focus {
background-position: 0px 80px;
}
#btn_contact {
background-image: url(img/btn_contact.jpg);
background-position: 0px 0px;
}
a#btn_contact:hover, a#btn_contact:focus {
background-position: 0px 80px;
}
a#btn_web {
background-image: url(img/btn_web.jpg);
background-position: 0px 0px;
}
a#btn_web:hover, a#btn_web:focus {
background-position: 0px 80px;
}
a#btn_print {
background-image: url(img/btn_print.jpg);
background-position: 0px 0px;
}
a#btn_print:hover, a#btn_aprint:focus {
background-position: 0px 80px;
}
a#btn_graph {
background-image: url(img/btn_graph.jpg);
background-position: 0px 0px;
}
a#btn_graph:hover, a#btn_graph:focus {
background-position: 0px 80px;
}
/* --  FIN DES BOUTONS DU MENU --------------------------------------------------- */
.cacher {
display: none;
}
.barre_sousmenu {
height: 5px;
width: 100%;
margin: 1px 0px 1px 0px;
padding: 0px;
background: #999;
}
#central {
width: 100%;
height: auto;
background: url(img/bg_acc.png) top left no-repeat;
margin: 0px 0px 20px 0px;
padding: 0px;
border-bottom: 1px solid #ccc;
}
#colcentral {
margin: 0px auto 0px auto;
padding: 0px;
width: 736px;
height: auto;
}
.sepa_col {
float: left;
margin:  30px 0px 0px 0px;
padding: 0px;
background: url(img/separ_col.png) top left repeat;
width: 2px;
height: 240px;
}
#colsousmenu {
float: left;
margin: 30px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 165px;
height: auto;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: transparent;
}
.sousmenu {
margin: 0px;
padding: 0px;
list-style-type: none;
color: #999;
font-size: 1.1em;
text-align: right;
}
.sousmenu li {
margin: 0px 0px 5px 0px;
padding: 0px;
}
.sousmenu li a {
text-decoration: none;
color: #999;
display: block;
width: 155px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 3px 10px 0px 0px;
}
.sousmenu li a:hover, .sousmenu li a:focus {
color: #333366;
background: url(img/triangle.png) top right no-repeat;
}
#menu_bas {
position: relative;
margin: 0px auto 0px auto;
padding: 0px;
width: 290px;
height: 32px;
list-style-type: none;
}
#menu_bas li {
display: inline;
margin: 0px;
padding: 0px;
}
#menu_bas li a {
text-decoration: none;
font-family: Times;
font-size: 1.5em;
font-style: italic;
font-weight: bold;
color: #fff;
}
.bulles {
display: none;
position: absolute;
top: -50px;
left: -28px;
width: 100px;
height: 41px;
background: url(img/bulle.png) no-repeat;
margin: 0px;
padding: 9px 0px 0px 0px;
text-align: center;
}
a:hover .bulles {
display: inline;
}
.bullesprofil {
display: none;
position: absolute;
top: -50px;
left: 21px;
width: 100px;
height: 41px;
background: url(img/bulle.png) no-repeat;
text-align: center;
margin: 0px;
padding: 9px 0px 0px 0px;
}
a:hover .bullesprofil {
display: inline;
}
.bullescv {
display: none;
position: absolute;
top: -50px;
left: 70px;
width: 100px;
height: 41px;
background: url(img/bulle.png) no-repeat;
color: #fff;
text-align: center;
margin: 0px;
padding: 9px 0px 0px 0px;
}
a:hover .bullescv {
display: inline;
}
.bullesweb {
display: none;
position: absolute;
top: -50px;
left: 121px;
width: 100px;
height: 41px;
background: url(img/bulle.png) no-repeat;
color: #fff;
text-align: center;
margin: 0px;
padding: 9px 0px 0px 0px;
}
a:hover .bullesweb {
display: inline;
}
.bullesprint {
display: none;
position: absolute;
top: -50px;
left: 168px;
width: 100px;
height: 41px;
background: url(img/bulle.png) no-repeat;
color: #fff;
text-align: center;
margin: 0px;
padding: 9px 0px 0px 0px;
}
a:hover .bullesprint {
display: inline;
}
.bullesgraph {
display: none;
position: absolute;
top: -50px;
left: 218px;
width: 100px;
height: 41px;
background: url(img/bulle.png) no-repeat;
color: #fff;
text-align: center;
margin: 0px;
padding: 9px 0px 0px 0px;
}
a:hover .bullesgraph {
display: inline;
}
#copyright {
margin: 20px auto 0px auto;
padding: 0px;
text-align: center;
color: #999999;
font-size: 10px;
}
#copyright a{
text-decoration: none;
color: #999999;
font-size: 10px;
}
#copyright a:hover, #copyright a:focus {
text-decoration: underline;
}
hr {
clear: both;
visibility: hidden;
margin: 0px 0px 0px 0px; 
}