html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {
  margin: 0;
  padding: 0;
}
body {
  background: url(../img/back-normal-4.jpg) repeat-y;
  font: 12px Arial,Tahoma,sans-serif; /*75%*/
  color: #810813; /*#244;*/
  margin: 0;
  padding: 0;
  text-align: center;
}


/* GENERAL STYLES
------------------------------------------*/
a {
  color: #810813;
  font-weight:bold;
  text-decoration: underline;
}
a:hover, a:hover {
  color: #e19b1e;
  font-weight:bold;
  text-decoration: underline;
}


.right {
  float: right;
}
.left {
  float: left;
}
.new {
  color: #CC3333;
}
.error {
  background-color: #F9E1E1;
  border: 1px solid #EAAEAE;
  padding: 6px;
}
.success {
  background-color: #EDF9E2;
  border: 1px solid #CCEBAD;
  padding: 6px;
}
#container {
  width: 770px;
  height:100%;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  background: #FFFFFF;
  border-left: 2px solid #810813;
  border-right:2px solid #810813;
  /*border-bottom:2px solid #810813;*/

}

/* HEADER
------------------------------------------*/
#header {
  height: 120px;
  width: 770px;
  margin: 0px 0px 0px 0px;
}
#header img {
  float:right;
  margin-top:0px;
  margin-right:0px;
  margin-left:0px;
  margin-bottom:0px;
  border:0px;
}
#header .slogan {
  float:left;
  margin-top:0px;
  margin-right:0px;
  margin-left:0px;
  margin-bottom:0px;
  border:0px;
}

#flag{
position: relative;
float:left;
clear:left;
top:0px;
left:-68px;
width:64px;
float:left;
background-color:#FFF;
border-left:2px solid #000;
border-bottom:2px solid #000;

}

#menu {

  width:770px;
  margin-top:12px;
  margin-right:0px;
  margin-left:0px;
  margin-bottom:0px;
  padding: 0px 0px 0px 0px;
}




/* THE BIG BAR
------------------------------------------*/
#bigbar {
  height: 240px;
  margin: 0px 0px 0px 0px;
  border-bottom:2px solid #810813;
}
#bigbar a {
  color: #EBF7FA;
  text-decoration: none;
}
#bigbar a:hover {
  color: #FFF;
}

/* MAIN CONTENT
------------------------------------------*/
#main {
  /*background: url(/images/content_shadow.gif) repeat-x;*/
}
#content {
  float: left;
  width: 700px;
  height:100%;
  margin: 15px 24px 0 24px;
  line-height: 15px; /* 16px for 11px font */
  display: inline;
}
#content p {
  margin: 0px 0px 0px 0px;
}

#news {
width:690px;
padding:3px;
margin-bottom:5px;
}

h2 {
  color: #810813; /*#D05A25;*/
  margin: 0 0 17px 0;
  font: bold 16px Optima,Georgia,Arial Narrow,Arial,sans-serif;
  line-height: 15px;
}

h3 {
  color: #810813; /*#D05A25;*/
  font: bold 16px Optima,Georgia,Arial Narrow,Arial,sans-serif;
}

.info {
  font: italic 12px Arial,sans-serif;
  color: #810813;
  padding:3px;
}

.img_news {
  width:150px;
  float: right;
  margin: 6px 0 0 16px;
  border:1px solid #ccc;
  padding:2px;
  display: block; /* fix IE double-float bug */
}
h4{
  color: #810813; /*#D05A25;*/
  font: bold 14px Georgia,Arial Narrow,Arial,sans-serif;
}

.content_block {
  margin-bottom: 36px;
  overflow: hidden;
}


ul.with_bullets {
  margin-bottom: 14px;
}
ul.with_bullets li {
  clear: left;
  list-style-type: square;
  margin: 0px 0px 0px 15px;
  color: #810813;
}

ul.with_bullets_droite {
  float:right;
  margin-bottom: 14px;
}
ul.with_bullets_droite li {
  clear: right;
  list-style-type: square;
  margin: 0px 0px 0px 15px;
  color: #810813;
}

.bouton_connexion {
border:0px;
margin-top:5px;
}


hr {
  clear: left;
  border: none 0;
  border-top: 1px solid #EEE;
  height: 1px;
  margin: 16px 0 !important;
  margin: 10px 0;
}

#produits_gauche {
float:left;
width:250px;
height:130px;

}

.img_droite{
float:right;
margin-left:10px;
margin-top :0px;
margin-bottom :10px;
padding:3px;
border:1px solid #810813;
}

.img_gauche{
float:left;
margin-right:10px;
margin-left:0px;
margin-top:0px;
margin-bottom:5px;
padding:3px 3px 3px 3px;
border:1px solid #810813;
}




/****************************
GALERIES
*/

.galerie_droite {
float:right;
text-align:center;
width:320px;
padding:5px;
margin-top:50px;
border:1px solid #810813;
}

.galerie_droite_couverts {
float:right;
text-align:center;
width:320px;
padding:5px;
margin-top:10px;
border:1px solid #810813;
}

.galerie_gauche {
float:left;
clear:left;
text-align:center;
width:320px;
padding:5px;
margin-top:10px;
border:1px solid #810813;
}


.galerie_img{
width:100px;
height:55px;
border:1px solid #810813;
}

#gal{
  float: left;
  width: 660px;
  margin-left: 15px;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom:15px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom:10px;
  border:1px solid #CCC;
  background-color:#FFFFFF;
}

.galimg{
  margin-left: 3px;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom:3px;
  padding-left: 2px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom:2px;
  border:1px solid #CCC;
}
.galinfos {
  font: bold 10px Optima,Georgia,Arial Narrow,Arial,sans-serif;
  color:#BBB;
}
.galtitre {
  font: bold 14px Optima,Georgia,Arial Narrow,Arial,sans-serif;
  color:#84241A;
  padding-bottom:5px;
}


/* FOOTER
------------------------------------------*/
#footer {
  clear: left;
  width: 700px;
  margin: 24px 25px;
  padding-top: 16px;
  text-align: center;
  border-top: 1px solid #E6E6E6;
  color: #AAA;
}
#footer a {
  color: #788;
}
#footer p {
  font-size: 11px;
}

#footer_content {
  clear: left;
  width: 675px;
  margin: 24px 25px;
  padding-top: 16px;
  text-align: center;
  border-top: 1px solid #E6E6E6;
  color: #AAA;
}
#footer_content a {
  color: #788;
}
#footer_content p {
  font-size: 11px;
}



/* FORMS
------------------------------------------*/
fieldset {
  border: none;
}
#content fieldset {
  background-color: #FDFDF8;
  margin: 20px 0;
  padding: 20px 16px;
  border-top: 1px solid #F3F3E2;
  border-bottom: 1px solid #F3F3E2;
}
#content fieldset p.small {
  font-size: 11px;
  margin-top: 10px;
}
fieldset#mycs input {
  margin-left: 14px;
}
.row {
  clear: left;
}
.textbox {
  margin-top: 2px;
}
#contact .textbox {
  width: 200px;
}
#login label.left,#contact label,#register label {
  float: left;
  margin: 2px 0 10px 0;
  width: 90px;
}
#sideLogin label.left {
  float: left;
  text-align: left;
  color: #0F4257;
  font-size: 11px;
  margin: 6px 0 9px 0;
  width: 62px;
}
#private1,#private2,#private3,#private4,#remember {
  margin: 4px 4px 0 0 !important;
  margin: 0;
  margin-left: -4px;
  padding: 0;
}
#remem {
  margin: 4px 4px 0 0 !important;
  margin: 0;
  margin-left: -4px;
  padding: 0;
}
#login label.remember {
  font-size: 11px;
}

#upload fieldset .row {
  margin-bottom: 30px;
}
#login span {
  float: left;
  width: 90px;
}
#register label {
  float: left;
  margin: 6px 0 10px 0;
  width: 140px;
}
#editscheme label.right {
  float: right;
  margin: 6px 0 10px 7px;
  width: 160px;
}
#editscheme h3 {
  margin-top: 12px;
}
#editscheme .row {
  clear: both;
  margin-left: 7px;
}
#editscheme .rowcomment {
  font: 10px Tahoma,sans-serif;
  color: #999;
  margin-left: 2px;
}
#editscheme .submit {
  margin-left: 7px;
}
a.pop {
  position: relative;
  color: #06C;
  cursor: help;
}
a.pop:hover {
  text-decoration: none;
  border: none;
}
a.pop span {
  display: none;
}
a.pop:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 160px;
  padding: 8px; 
  z-index: 100;
  background: #FFFFF4;
  color: #333;
  border: 1px solid #F4F4CC;
  font-size: 11px;
}
#upload label {
  clear: none;
  font-size: 11px;
}
#upload label.number {
  float: left;
  clear: left;
  text-align: center;
  width: 40px;
  font: 48px Georgia,"Times New Roman",serif;
  color: #EDEDAB;
  padding: 0 12px 0 0;
  margin: 0 20px 0 0;
  border-right: 1px solid #EDEDAB;
}
#upload label.check {
  color: #80804C;
}