/***********************************************/
/* BASICS ELEMENTS                             */
/***********************************************/
body { 
	font: 10px/12px verdana; 
	color: #3D3D3D; 
	/*background: transparent url(fond.gif) top left;*/
	background: #C3C3C3;
	margin: 0px; 
	}
p { 
	font: 10px/12px verdana;
	margin-top: 0px; 
	text-align: justify;
	}
img {
  border: 0;
  vertical-align: middle;
}
ul {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 10px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 15px;
 
  color: #346D99;
  font-size: 12px;
}
h1 { color: #346D99; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 5px;}
a:link { color:#3D3D3D; text-decoration:none; }
a:visited { color:#3D3D3D; text-decoration:none;}
a:hover { color:#346D99; text-decoration:underlined }
a:active { color:#346D99; text-decoration:none }
a:focus { color:#346D99; text-decoration:none }
/***********************************************/
/* FORMATAGE DIVS                               */
/***********************************************/

#container {
  position: absolute;
  left: 50%;
  margin-top: 0px;
  margin-left: -384px;
  padding: 0px;
  width: 768px;
}
#top { 
	background: #FFFFFF;
	margin: 0px;
	height: 70px;
}
.logo { 
	background: transparent url(logo.gif) no-repeat top left;
	margin: 10px 0px 0px 20px;
	width: 160px;
	height: 53px;
	float: left;
	}
#top h1 { 
	background: transparent url(logo.gif) no-repeat top left;
	margin: 10px 0px 0px 20px;
	width: 160px;
	height: 53px;
	float: left;
	}
.header { 
	background: transparent url(degrad.gif) no-repeat top right;
	margin: 0px 0px 0px 0px;
	width: 400px;
	height: 70px;
	float: right;
	}
#top p {
	text-align: right;
	margin: 5px 10px 0px 0px;
	font-size: 11px;
	}
.adress {
	background: transparent url(fondadresse.gif) no-repeat top left;
	margin: 0px;
	width: 400px;
	height: 20px;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;

}
.adress a {
	margin: 0px;
	width: 400px;
	height: 20px;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	font-weight:bold;
}

.adress a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#pageHeader { 
  	background: #3D3D3D;
 	 margin: 0px;
	height: 35px;
}
#pageHeader h1 { 
  font : bold 10px Verdana;
  color: #CECECE;
  margin: 8px 10px 0px 0px;
  vertical-align: middle;
	float: right;
}
#pageHeader ul {
 margin: 0px 0px 0px 10px;
 padding: 10px 0px 0px 0px;
 float: left;
}	
#pageHeader li {
 display: inline;
 padding: 0px;
 list-style-type: none;
}
#pageFlash {
  margin: 0px;
  background: #346D99;
  height: 340px;
}
#pageCenter { 
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  width: 768px;
}
#left {
  margin: 0px;
  padding: 0px;
  width: 198px;
  height: 100%;
  float: left;
  background: #F7F7F7;
}



#lefth {
  margin: 0px;
  padding: 0px;
  width: 520px;
  height: 100%;
  float: left;
  background: #F7F7F7;
}

#left ul {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	list-style-type: none;
	list-style-position: inside;
	line-height: 20px;
}
#left li a {
	margin: 0px;
	padding: 5px 5px 5px 10px;
	background: #F7F7F7;
	display: block;
	color: #346D99;
}
#left li a:hover {
	background: #FEB75A;
	color: #FFFFFF;
	text-decoration: none;
}
#left p {
  margin: 10px 0px 0px 20px;
  width: 160px;
}
#center {
  margin: 0px;
  padding: 0px;
  width: 336px;
  height: 350px;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  float: left;
}
#center2 {
  margin: 0px;
  background-color: #FFFFFF;
  padding: 0px 5px 0px 20px;
  border-left: 1px solid #FEB75A;
  width: 530px;
  float: left;
}
#center2 h4 {
	font-size: 12px;
	line-height: 25px;
}
#center2 #forfait {
	width: 90%;
	background: #F7F7F7;
	padding: 0px;
}
#forfait th {
  background: #346d99;
  color: #FFFFFF;
  margin-top: 0px;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
}
#center2 #forfait td {
	background: #F7F7F7;
	padding: 10px;
	border-right: 1px solid #FFFFFF;
	text-align: left;
	font-size: 12px;
}
#center2 #forfait td.bouquet {
	background: #FFFFFF;
	padding: 8px;
	border-right: 1px solid #FFFFFF;
	font-size: 10px;
}
#center2 #destok {
	width: 100%;
	background: #F7F7F7;
	padding: 0px;
}
#destok th {
  background: #346d99;
  color: #FFFFFF;
  margin-top: 0px;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dotted #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
#destok td {
	background: #F7F7F7;
	padding: 6px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px dotted #346d99;
	text-align: center;
	font-size: 10px;
}
.titregris {
  background: #E7E7E7;
  margin-top: 0px;
  padding: 5px;
  color: #346d99;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px dotted #FEB75A;
}
#salonsh {
  margin: 15px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
 /* width: 300px; 
  height: 65px;*/
  vertical-align: middle;
}
#salonsh h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 0px 10px;
  float: left;
}
#salonsh h2 {
  margin: 0px 0px 0px 0px;
  line-height: 20px;
}
#salonsh h3 {
  margin: 5px 0px 0px 0px;
  font: 10px/12px verdana; 
  color: #3D3D3D;
}
#salonsh h4 {
  margin: 3px 0px 0px 0px;
  text-align: right;
}





#salons {
  margin: 15px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
  width: 300px;
  height: 65px;
  vertical-align: middle;
}

#salons h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 0px 10px;
  float: left;
}
#salons h2 {
  margin: 0px 0px 0px 0px;
  line-height: 20px;
}
#salons h3 {
  margin: 5px 0px 0px 0px;
  font: 10px/12px verdana; 
  color: #3D3D3D;
}
#salons h4 {
  margin: 3px 0px 0px 0px;
  text-align: right;
}

#righth {
  margin: 0px;
  padding: 0px;
  width: 230px;
  /*height: 350px;*/
  float: left;
  background: #F7F7F7;
}


#right {
  margin: 0px;
  padding: 0px;
  width: 230px;
  height: 350px;
  float: left;
  background: #F7F7F7;
}
.productOfMonth {	
	margin: 10px;
	padding: 5px;
	background: #FFFFFF;
	/*height: 140px;*/
	text-align: center;
	color: #F46519;
	border: 1px dotted #FEB75A;
}
#news {
  margin: 10px 0px 0px 10px;
  padding: 0px;
  width: 200px;
  height: 40px;
  vertical-align: middle;
}
#news h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 0px 10px;
  float: left;
  height: 60px;
}
#news h2 {
  margin: 0px 0px 0px 0px;
}
#news h3 {
  margin: 5px 0px 0px 0px;
  font: 10px/12px verdana; 
  color: #3D3D3D;
}
#news h4 {
  margin: 3px 0px 0px 0px;
  text-align: right;
}
#pageFooter { 
  background: #E7E7E7;
  margin: 0px;
	height: 22px;
}
#pageFooter ul {
 margin: 0px 0px 0px 10px;
 padding: 5px 0px 0px 0px;
}	
#pageFooter li {
 display: inline;
 padding-left: 7px;
 padding-right: 7px;
 border-right: 1px solid #346D99;
 list-style-type: none;
}	
#pageFooter li.last {
 display: inline;
 padding-left: 7px;
 padding-right: 7px;
 border-right: 0px;
 } 
#bottom { 
	margin: 0px;
	padding: 2px 5px 0px 18px;
	background: #346D99;
	height: 17px;
	line-height: 17px;
	font : bold 9px Verdana;
  	color: #FFFFFF;
  	text-decoration: none;
}
#bottom h1 {
  margin: 0px;
  font : bold 9px Verdana;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
}
#bottom h2 {
  margin: 0px;
	font : bold 9px Verdana;
  color: #FFFFFF;
  text-decoration: none;
  float: right;
}
#validator {
  margin: 0px;
  text-align: right;
}

/***********************************************/
/* FORMS DIVS                                   */
/***********************************************/
form {
  margin: 0px;
}
input {
  margin: 0px;
  border: 1px solid #595959;
  background-color: #FFFFFF;
  font-size: 10px;
  font-family: "verdana",sans-serif;
  color: #595959;
}
textarea {
  margin: 0px;
  width: 300px;
  border: 1px solid #595959;
  background-color: #FFFFFF;
  font-size: 10px;
  font-family: "verdana",sans-serif;
  color: #595959;
}
div.row {
 	clear: both;
	padding-top: 10px;
}
div.row span.label {
 	float: left;
 	width: 100px;
 	font : bold 10px Verdana;
  color: #F46519;
  text-decoration: none;
 	text-align: right;
}
div.row span.formw {
  margin: 0px 0px 0px 10px;
	float: left;
 	width: 335px;
 	text-align: left;
}
div.row span.button {
  margin: 0px 120px 0px 0px;
	float: right;
}
div.row2 {
 	clear: both;
	padding-top: 20px;
}
div.row2 span.label {
 	float: left;
 	width: 150px;
 	font : bold 10px Verdana;
  color: #F46519;
  text-decoration: none;
 	text-align: right;
}
div.row2 span.formw {
  margin: 0px 0px 0px 20px;
	float: left;
 	width: 350px;
 	text-align: left;
}
div.row2 span.button {
  margin: 0px 120px 0px 0px;
	float: right;
}
/***********************************************/
/* TEXT DIVS                                   */
/***********************************************/
.orange {
  font : bold 10px Verdana;
  color: #F46519;
  text-decoration: none;
}
.orangePetit {
  font : bold 8px Verdana;
  color: #F46519;
  text-decoration: none;
  font-style: italic;
}
.blue {
  font : bold 10px Verdana;
  color: #346D99;
  text-decoration: none;
}
.white {
  font : bold 10px Verdana;
  color: #FFFFFF;
  text-decoration: none;
}
a.blue {
  font : bold 10px Verdana;
  color: #346D99;
  text-decoration: none;
}
a.blue:link {
  font : bold 10px Verdana;
  color: #346D99;
  text-decoration: none;
}
a.blue:visited {
  font : bold 10px Verdana;
  color: #346D99;
  text-decoration: none;
}
a.blue:hover {
  font : bold 10px Verdana;
  color: #FEB75A;
  text-decoration: none;
}
.orangeClair {
  font : bold 10px Verdana;
  color: #FEB75A;
  text-decoration: none;
}
a.orangeClair {
  font : bold 10px Verdana;
  color: #FEB75A;
  text-decoration: none;
}
a.orangeClair:link {
  font : bold 10px Verdana;
  color: #FEB75A;
  text-decoration: none;
}
a.orangeClair:visited {
  font : bold 10px Verdana;
  color: #FEB75A;
  text-decoration: none;
}
a.orangeClair:hover {
  font : bold 10px Verdana;
  color: #F46519;
  text-decoration: none;
}
a.topMenu {
	font : bold 10px Verdana;
	color: #CECECE;
	text-decoration: none;
}
a.topMenu:link {
  font : bold 10px Verdana;
  color: #CECECE;
  text-decoration: none;
}
a.topMenu:visited {
  font : bold 10px Verdana;
  color: #CECECE;
  text-decoration: none;
}
a.topMenu:hover {
  font : bold 10px Verdana;
  color: #FEB75A;
  text-decoration: none;
}
.topMenuIn {
  font : bold 10px Verdana;
  color: #FEB75A;
  text-decoration: none;
}
.valid {
  font : 9px Verdana;
  color: #346D99;
  text-decoration: none;
}
a.valid {
  font : 9px Verdana;
  color: #346D99;
  text-decoration: none;
}
a.valid:link {
  font : 9px Verdana;
  color: #346D99;
  text-decoration: none;
}
a.valid:visited {
  font : 9px Verdana;
  color: #346D99;
  text-decoration: none;
}
a.valid:hover {
  font : 9px Verdana;
  color: #000000;
  text-decoration: none;
}

/***********************************************/
/* CLASS SPECIALS DIVS                         */
/***********************************************/
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}