body {
margin : 0 ; 
padding : 0 ; 
text-align : center;
background : #0040FF url(https://www.boutmy-sens.fr/bg_all.gif) repeat-x;
font-family : arial; 
font-size : 11px; 
color : #373737
}

/*  WEBSITE
********************************************************************/

#website {
position : relative; 
width : 857px; 
margin : 0 auto; 
text-align : center; 
}

/* HEADER
********************************************************************/

#header {
border-top : 1px solid #7798FC;
width : 100%; 
height : 303px ; 
background : url(https://www.boutmy-sens.fr/haut.gif) no-repeat;
margin : 0 auto;
text-align : left;
}
 
#deco {
background : url(https://www.boutmy-sens.fr/expo.jpg) no-repeat;
width : 557px;
height : 206px;
margin : 80px 0 0 200px
}
 
/*  MAIN
********************************************************************/
 
#main {
width : 100%; 
background : url(https://www.boutmy-sens.fr/centre.gif);
margin : 0 auto;
text-align : left
}

/*  CONTENU
********************************************************************/

#contenu { 
width : 670px; 
padding-bottom : 30px; 
background : #fff;
margin-left : 88px ;
text-align : left;
}

#contenu h1 {
margin : 0 0 0 20px ; 
padding : 20px 0 10px 0 ; 
font-size : 32px ; 
clear : left;
}
 
#contenu  h2 {
margin : 0  ; 
padding :  0 ; 
font-size : 16px ; 
clear : left ; 
color : #373737 
}

#contenu ul{ 
list-style : none;
margin : 0 ; 
padding : 0 150px 0 20px;
}

#contenu li { 
margin : 0;
padding : 0 0 10px 0;
}

#contenu p {
margin : 0  ; 
padding : 0 0 0 20px; 
}

/*  CONTENU >> ENCART PUB DOWNLOAD
********************************************************************/

#pub-download {
margin : 20px 0 0 20px; 
height : 400px; 
}

#pub-download p {
margin : 0; 
padding : 0; 
}

#pub-download img{
float : left ; 
margin-right : 10px; 
}

#pub-download .bloc {
float : left ; 
width : 313px ;
}

/*  MENU
********************************************************************/
 
#menu {
position : absolute ; 
left : 0px ; 
top : 26px ;
text-align : left;
background : url(https://www.boutmy-sens.fr/menubleu.gif) top left no-repeat;
}

#menu ul{ 
width : 202px ; 
height : 275px; 
list-style: none; 
margin : 5px 0 0 0;
padding : 25px 0 0 29px;
text-transform : uppercase; 
}

#menu li{
margin :0 ;
padding : 0 ;
list-style: none; 
line-height : 30px;
text-align : left;
text-indent : 10px
}

#menu li a {
background : url(https://www.boutmy-sens.fr/bg_menu.gif) bottom no-repeat; 
width: 150px;
display: block;
height : 30px;
text-decoration: none;
margin :  0;
padding : 0;
list-style: none;
color  : #FFF
}

#menu li a:hover {
background : url(https://www.boutmy-sens.fr/bg_menu_ov.gif) bottom no-repeat; 
height : 30px;
}

/*  GALERIE
********************************************************************/

.corect_bug_galery { 
width: 100%;
height: 145px;
background : #fff urlhttps://www.boutmy-sens.fr/bgbugmenu.jpg);
}

dl.gallery {
background : #37393D;
width: 167px;
text-align: center;
float: left;
margin : 0;
padding : 0;
color : #fff;
}

.gallery dt {}

.gallery dt img {
width: 167px;
height: 124px;
border : none; 
}

.gallery dd {
font-weight: bold; 
text-transform : uppercase; 
margin: 0;
padding: 0 0 4px 0;
background : #37393D;
color : #fff
}

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

/*  SITE
********************************************************************/

#pub{
position : absolute; 
bottom : 36px  !important; 
bottom : 35px ;
right : 2px  !important;
right : 1px;
width : 224px; 
height : 378px;
padding : 25px 0 0 0;  
background : url(https://www.boutmy-sens.fr/menubrun.gif) top left no-repeat;
color : black; 
text-align : left; 
}
 
#pub ul  {
padding : 10px 0 0 0 ;
margin : 0 20px 15px 40px ;  
list-style : none
}

#pub li  {
padding : 0 ;
margin : 0 ;  
}

#pub li a  {
color : black; 
}

#pub li:first-child  {
font-weight : bold ; 
text-transform : uppercase ;  
}

/*  BLOCS IMAGES
********************************************************************/

#cont-img {
padding-left : 10px;
}

.bloc-img {
background-color: #fff;
width: 141px ;
text-align: left;
padding: 10px 10px  0 12px ;
float: left;}

.bloc-img p {
margin : 0; 
padding : 0
}

.bloc-img .ref {
float : left ; 
color : #ffa500
}

.bloc-img .tarifs  {
float : right  ; 
margin: 0; 
padding : 0
}

.bloc-img .name {
font-weight : bold ; 
clear : both
}

/*  LIENS
********************************************************************/

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

/*  FOOTER
********************************************************************/
 
#footer {
width : 100%; 
height : 151px ; 
background : url(https://www.boutmy-sens.fr/bas.gif);
margin : 0 auto;
}

p#copy  {
position : absolute;
bottom  : 60px;
left : 365px;
color : #fff;  
}

p#copy a  {
color : #fff
}


/*  SPACER
********************************************************************/

.spacer {
clear : both ; 
height : 13px
} 
 
 
 /*  TABLEAU
********************************************************************/
 
 caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour �viter que le titre ne soit trop coll� au tableau en-dessous */
}

table /* Le tableau en lui-m�me */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-t�te */
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centr�s*/
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centr�s*/
   padding: 5px; /* Petite marge int�rieure aux cellules pour �viter que le texte touche les bordures */
}