/*-----------------------------
=balises général (font-family, font-color, font-size)
----------------------------- */
body,
td,
div,
li,
form {
  font-family:"Century Gothic", sans-serif, Verdana, sans-serif;
  font-size:12px;
  color:#000000;
}
h1,
h2 {
 font-size:14px;
}
h3 {
font-size:14px;
}
h4 {
font-size:14px;
}
input,
select {
 font-size:10px;
}
h4,
div {
	margin:0px;
	pading:0px;
}
hr{
	color:#000000;
	border-style:dotted;
}
/*-----------------------------
=structure général (margin,padding,width,height,border-size)
----------------------------- */
#doc {

}
#header {

}
#navigation {
	text-align:right;
}
#navigation A {
	padding-left:10px;
	padding-right:10px;
}
#bd {
	height:475px;
	min-height:475px;
}
#bd1 {
	min-height:475px;
}
#bd2 ul,
#bd2 form,
#bd2 fieldset
{
	margin:0;
	padding:0;
	border:0;
}
#bd2 select {
	 width:200px;
}
#bd2 li{
	/*list-style:none;
	padding-left:40px;*/
	padding:2px;
	padding-left:5px;
	margin-left:40px;
}
#bd4{
	margin-left:20px;
}
#doc_ft {
	
}
#doc_ft A {
	padding-left:5px;
	padding-right:5px;
}
/* calendrier position */
.ds_box {
	position: absolute;
	z-index: 32767;
}
/*-----------------------------
=lien
----------------------------- */
A:link, A:visited {
	color:#3C332A;
	text-decoration:none;
}
A:hover, A:active {
	color:#000000;
	text-decoration:underline;
}
/*
*
* ordre  suivre dans dfinition html
* class="box boxtheme boxborder theme"
*
*/
/*-----------------------------
=box .box (margin,padding,width,height)
----------------------------- */
.box0 {
  margin:0;
  padding:0;
}
.box1 {
  margin:20px;
  margin-right:15px;
  margin-bottom:0px;
}
.box2 {
  margin-top:20px;
  margin-right:5px;
  margin-bottom:0px;
  margin-left:0px;
}
.box3,
.ds_box {
  margin:2px;
  padding:2px;
}
.box4 {
  margin:0px;
  padding:5px;
}
/* driv */
.confirmation  {
	padding:5px;
	padding-left:20px;
}
.btn {
	padding:2px;
	display:compact;
	font-size:10px;
}
.submit,
.btn {
	width:200px;
	font-family:"Century Gothic", sans-serif, Verdana, sans-serif;
}
/*-----------------------------
=boxtheme .boxtheme (border, background color, color,a color)
----------------------------- */
.boxtheme0 {

}
.boxtheme1,
.ds_box {
	background-color:#FFFFFF; /* fond blanc */
	color:#000000;
}
.boxtheme2 {
	background-color:#C9C1C9; /* fond mauve */
	color:#000000;
}
.boxtheme3 {
	/* theme fond blanc transparent, contour fin violet 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/fondalpha1g.png');*/
	color:#000000;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.boxtheme3[class] {
  background-image:url(/images/fondalpha1g.png);
}
.boxtheme4 {
	background-color:#000000; /* fond noire */
	color:#FFFFFF;
}
/* dérivé */
.boxtheme1 .btn {
	background-color:#C9C1C9; /* fond mauve */
	color:#000000;
}
.boxtheme1 a.btn {
	color:#000000;
}
.boxtheme4 a{
	color:#FFFFFF;
}
/*-----------------------------
=boxtheme contraste élement en rapport au boxtheme
----------------------------- */
.boxtheme1 input {
	background-color:#FFFFFF; /* fond blanc */
	color:#000000;
}
.boxtheme2 input {
	background-color:#FFFFFF; /* fond blanc */
	color:#000000;
}

/*-----------------------------
=theme .boxborder (border)
----------------------------- */
.boxborder0{
	border:0;
}
.boxborder1,
.ds_box{
	/* noir fonc*/
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}
.boxborder2{
	/* noir fonc*/
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}
.boxborder3{
	/* noir fonc*/
	border-color:#000000;
	border-style:solid;
	border-width:thin;
}
/* driv */
.boxtheme1 .btn  {
	border-color:#988199;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	width:200px;
	text-align:center;
}
/*-----------------------------
=theme .theme (color,a color)
----------------------------- */
.theme1
 {
  font-family:"Century Gothic", sans-serif, Verdana, sans-serif;
  font-size:12px;
  color:#000000;
}
.theme2
 {
  font-family:"Century Gothic", sans-serif, Verdana, sans-serif;
  font-size:12px;
  color:#FFFFFF;
}
.theme3
 {
  font-family:"Century Gothic", sans-serif, Verdana, sans-serif;
  font-size:12px;
  color:#988199; /*violet fonc (fond border)*/
}


/*-----------------------------
=zone précise (box des menus..etc)
----------------------------- */
/* driv des themes */	
.doc_navigation,
.doc_ft,
.box_picto {
	font-size:9px;
	/*letter-spacing:1px;*/
	font-weight:normal;
}
.doc_navigation A,
.doc_ft,
.box_picto {
	font-weight:bold;
}
.box_picto {
	height:30px;
}
#doc_brand,
#doc_brand form {
	margin:0;
	padding:0;
}
#doc_brand {
	margin-left:10px;
}
#doc_brand input {
	width:870px;
	border:0;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	/*word-spacing:1em*/
}
#bd.boxtheme1 .doc_brand input {
	font-family:"Century Gothic", sans-serif, Verdana, sans-serif;
	background-color:#FFFFFF; /* fond blanc */
	color:#000000;
}
#bd.boxtheme2 .doc_brand input {
	font-family:"Century Gothic", sans-serif, Verdana, sans-serif;
	background-color:#C9C1C9; /* fond mauve */
	color:#000000;
}
.box_link1 b,
.box_link1 A
{
  font-size:14px;
}
.box_link1 b,
.box_link1 b A
{
  color:#988199;
}
.box_pubzone1,
.box_pubzone2 {
	text-align:center;
	font-weight:bold;
}
table.box_picto  {
	margin-top:5px;
}
.box_picto tr td{
	vertical-align:middle;
	font-size:10px;
}
/*catalogue header */
h2,
.catalogue_header h1,
.catalogue_header h2{
	font-size:24px;
	font-weight:normal;
}
h2 b,
h4 b,
.catalogue_header h1 b,
.catalogue_header h2 b,
.commande legend b
.commande legend h4 b{
	  color:#988199; /*violet foncé (fond border)*/
}
h2,
.catalogue_header h2{
	font-size:18px;
}
/* mondressing + commande */
fieldset.commande{
	width:600px;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
}
.commande legend,
legend{
	font-size:16px;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}
.commande td{
	padding-left:10px;
}
/* confirmation*/
div.confirmation h4.error { color: #CC0000; }
div.confirmation h4.warning { color: #C9C1C9; }
div.confirmation h4.info { color: #FFFFFF; }
div.confirmation h4.success { color: #988199; }
.box_dispo {
text-align:center;
}
/* publicité */
.box_pubzone2 a:link,
.box_pubzone1 a:link,
.box_pubzone2 a:hover,
.box_pubzone1 a:hover,
.box_pubzone2 a:visited,
.box_pubzone1 a:visited,
.box_pubzone2 a:selected,
.box_pubzone1 a:selected
{
	text-decoration:none;
}
.box_pubzone2 a,
.box_pubzone1 a
{
	text-decoration:none;
}
/*-----------------------------
=calendrier
----------------------------- */
.ds_cell:hover {
	background-color:#C9C1C9; /* fond mauve */
} /* This hover code won't work for IE */
.ds_cell {
	text-align: center;
	cursor: pointer;
}