html, body {
width: 100%;
height: 100%;
/*min-width: 1000px;
width:expression(document.body.clientWidth < 1000 ? "1000px" : "auto" );
*/
}
body {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100%;
/*background-color: #f0ffff;*/
}

#page  {
}

img.right {
  float: right;
  padding:20px;
}

img.left {
  float: left;
  padding:20px;
}

.sepd {
  clear:right;
  visibility:hidden;
}

.sepg {
  clear:left;
  visibility:hidden;
}

.sep {
  clear:both;
  visibility:hidden;
  margin:0;
}

/*.produits {
  display:table-cell;
  width:100%;
}*/

.cfonddispo {background: #BEE0F1;}   /*bleu*/
.ctextedispo {font-weight:normal; text-align: left; font-size: 11px;color:#333333;}
.ctitre {font-weight:bold; text-align: left; font-size: 14px;color:#333333;}
.ctexte {font-weight:normal; text-align: justify; font-size: 12px;color:#333333;}
.clogos {text-align:center;}
.ctitrecentre {font-weight:bold; text-align: center; font-size: 12px;color:#333333;}

.cmauve ,.crose ,.cbleu, .cvert,.ccadeau,.cblanc,.cmarques,.csac {
  margin:3px;
}

.cmauve h3 {
  font-weight: bold; 
  text-align: center; 
  font-size: 12px;
  color:#cc0099;
  background-color:#ffccff;
  margin:0;
  padding:2px;
}
.cmauve p {
  font-weight:normal; 
  text-align: justify; 
  font-size: 12px;
  color:#cc0099;
  background-color:#ffccff;
  margin:0;
  padding:2px;
}
  
.crose h3 {
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  color:#cc3333;
  background-color:#ffcccc;
  margin:0;
  padding:2px;
}
.crose p {
  font-weight:normal;   text-align: justify;
  font-size: 12px;
  color:#cc3333;
  background-color:#ffcccc;
  margin:0;
  padding:2px;
}

.cvert h3 {
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  color:#336633;
  background-color:#ccfccc;
  margin:0;
  padding:2px;
}
.cvert p {
  font-weight:normal;   text-align: justify;
  font-size: 12px;
  color:#336633;
  background-color:#ccffcc;
  margin:0;
  padding:2px;
}

.ccadeau h3  {
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  background-color:#ffcccc;
  line-height:12px;
  margin:0;
  
  padding:0px;
}

.cbleu h3 {
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  color:#3366cc;
  background-color:#bee0f1;
  margin:0;
  padding:2px;
}

.cbleu p {
  text-align: center;
  background-color:#bee0f1;
  margin:0;
  padding:0;
}

.cbleu a:link, .cbleu a:visited {
  text-decoration:none;
  color:#3366cc;
}

.cbleu a:hover, .cbleu a:active {
  text-decoration:underline;
}

.cblanc h3 {
  font-weight:bold; 
  font-size: 12px;
  color:#333333;  
  margin:0;
  padding:4px;
}

.cblanc p {
  font-weight:normal;
  text-align: justify;
  font-size: 12px;
  color:#333333;
  padding:4px;
  margin:0px;
}

.cblanc img {
  margin:3px;
}

.csac {
   margin:2px;
   float:left;
   width:28%;
   text-align:center;
}
.csac p {
  margin:0;
}

.cblanc p.centre {
  text-align:center;
}

/* cacher d'IE Mac \*/
.bugie {height: 1%;}
/* Fin du hack */ 

.separation {clear:both;}

/*div#content {
  margin-left: 195px;
  margin-right: 170px;
  margin-top: 0px;
  width:700px;
}

div#margedroite {
   position: absolute;
   top: 148px;
   right: 0px;
   width: 170px;
   margin:0px;
}

div#margegauche {
   position: absolute;
   top: 148px;
   left: 0px;
   width: 195px;
   margin:0px;
}
*/
.cadreindex {
  margin:2px;
  float:left;
/*  color:        #000000;*/
    /*  background: mediumaquamarine; */
/*  border-color: black;*/
    /*  border-style:       dotted;  */
/*  border-style:   solid;
  border-width: 1px;*/
  width:240px;
}

.cadreindexpromo {
  margin:2px;
}
		

hr.separateur {
  width:100%;
 height: 1px;
 border: 0;
}

input.contact,input.sujet,textarea.contact{
   font-size: 11px;
   border:1px solid black;
}

input.contact {
  width:200px;
}

input.sujet {
  width:300px;
}

textarea.contact{
  width:300px;
}

.ccadeau a:link, .ccadeau a:visited {
  text-decoration: none;
  color: #cc3333;
}

.ccadeau a:hover, .ccadeau a:active {
  text-decoration: underline;
  color: #cc3333;
}