body {
     background-color: #e6e6e6;
     color: Black;
     padding: 0px;
     border: 0px;
     margin: 0px;
     font-family: Arial, sans-serif;
     font-size: 11px;
}
img {
     border: 0;
}
a {
     color: Black;
     font-weight: bold;
     text-decoration: none;
}
em {
     font-style: normal;
}
p {
     margin: 0;
     padding: 5px 0;
}
a:hover {
     text-decoration: underline;
}
form {
     margin: 0;
     padding: 0;
}
hr {
     border: 0;
     height: 1px;
     background-color: #9c9a9a;
     color: #9c9a9a;
     padding: 0;
     text-align: left;/*this will align it for IE*/
     margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
h1 {
     font-family: "Arial Black", Arial, sans-serif;
     font-weight: normal;
     font-size: 18px;
     text-transform: Uppercase;
     color: #eb1f28;
     margin: 0;
     padding: 13px 0 15px 0;
}
h2 {
     font-family: "Arial Black", Arial, sans-serif;
     font-weight: normal;
     font-size: 12px;
     text-transform: Uppercase;
     color: #eb1f28;
     margin: 0;
     padding: 0;
}
h3 {
     font-family: Arial, sans-serif;
     font-weight: bold;
     font-size: 12px;
     color: #eb1f28;
     margin: 0;
     padding: 0 0 0px 0;
}
#wrapper {
     width: 750px;
     min-width: 450px;
     margin: auto;
     background-color: #787878;
}
#wrapper #header {
     width: 750px;
     height: 95px;
     background-image: url('../images/header.png');
}
#wrapper #menu {
     width: 750px;
     height: 31px;
     display: block;
     list-style: none;
     padding: 0;
     margin: 0;
     background-image: url('../images/menuBg.png');
     border-bottom: 1px solid #9c9a9a;
}
#wrapper #menu a {
     display: block;
     padding: 0;
     margin: 0;
     color: White;
}
#wrapper #menu a:hover {
    text-decoration: none;
    font-style: italic;
}
#wrapper #menu li {
     float: left;
     position: relative;
     margin: 0;
     padding: 0;
     display: inline;
     font-weight: bold;
     font-family: Arial, Sans-serif;
     font-size: 11px;
}
#wrapper #menu li a {
     border-right: 1px solid White;
     text-align: center;
     padding-top: 7px;
     margin-right: 1px;
     height: 24px;
}
#wrapper #menu #accueil {
     width: 63px;
}
#wrapper #menu #apropos {
     width: 67px;
}
#wrapper #menu #prix {
     width: 114px;
}
#wrapper #menu #abonnement {
     width: 158px;
}
#wrapper #menu #autres {
     width: 99px;
}
#wrapper #menu #coordonnees {
     width: 86px;
     margin-right: 0;

}
#wrapper #menu #right {
     width: 223px;
     background-image: url('../images/menu7.jpg');
     margin-right: 0;
}

#rightBar {
     float:right; 
     width:149px;
     overflow:hidden;
}
#main-content {
     float:right;
     width:451px;
}
#leftBar {
     float:left;
     width:150px;
}
#wrapper2 {
     float:left;
     width:601px;
     background-image: url('../images/mainBg.jpg');
     background-repeat: repeat-y;
}
div .lightGreyBar {
     width: 149px;
     height: 17px;
     background-color: #e3e3e3;
}
div .mediumGreyBar {
     width: 149px;
     height: 17px;
     background-color: #dbdada;
}
div .darkGreyBar {
     width: 149px;
     height: 17px;
     background-color: #c6c5c5;
}
#menu2 {
     width: 149px;
     display: block;
     list-style: none;
     padding: 5px 0 16px 0;
     margin: 0;
     background-color: #ca0016;
}
#menu2 a {
     display: block;
     font-size: 11px;
     color: White;
     font-weight: normal;
     padding: 0 0 0 8px;
     margin: 0;
}
#menu2 a:hover {
    text-decoration: none;
    font-style: italic;
}
#menu2 li {
     position: relative;
     margin: 0;
     padding: 0;
     display: inline;
}
#menu2 li a {
     background-image: url('../images/dot.jpg');
     background-position: 0 26px;
     background-repeat: repeat-x;

     padding-top: 11px;
     height: 16px;
}
#menu3 {
     width: 148px;
     display: block;
     list-style: none;
     padding: 9px 0;
     margin: 0;
     background-image: url('../images/menuBg.jpg');
}
#menu3 a {
     display: block;
     font-size: 11px;
     color: White;
     font-weight: normal;
     padding: 0;
     margin: 0;
}
#menu3 a:hover {
    text-decoration: none;
    font-style: italic;
}
#menu3 li {
     position: relative;
     margin: 0;
     padding: 0;
     display: inline;
}
#menu3 li a {
     padding: 9px 0 9px 11px;
}
div .sondage {
     width: 135px;
     background-color: #f0f0f0;
     padding: 17px 7px;
}
div .solutions {
     width: 135px;
     background-color: #f0f0f0;
     padding: 17px 7px;
     margin-bottom: 40px;
}
#banner {
     padding: 9px 0;
     width: 100%;
     text-align: center;
     background-color: #e6e6e6;
}
#footer {
     padding: 15px 13px;
     width: 724px;
     margin: auto;
     border-top: 2px solid #cdcccc;
     text-align: right;
     background-color: #e6e6e6;
}
#footer a {
     font-weight: normal;
}
#current {
     overflow: hidden;
     padding: 12px;
}
#others {
     padding: 12px;
}
div .preview {
     padding: 10px 0;
     clear: left;
}
#wrapperGestion {
     width: 600px;
     margin: auto;
}
fieldset {
     margin: 10px 0;
     border: 0;
}
label {

}
.imageRetaillee {
}
.popupImage {
}     