body{
	margin-bottom:0px;
	margin-left:-1px;
	margin-top:10px;
	margin-right:0px;
	text-align:center;
	/*	background-image:url('fullbg.jpg');
	background-repeat:no-repeat;
	background-position:center top;
*/
	background-image:url('images/bandeau-de-fond-proswell.png');
	background-repeat:repeat-y;
	background-position:center top;

/*    background-color:#CCCCCC;*/
      background-color:#666666;
	padding:0;
	margin:0;
	text-align:center;
	/*//       border-color:#000000;
//	      border-style:solid;
 //      border-width:thin;
//       background-image:url('fullbg.gif');
//       background-repeat:repeat-y;
//         border:2px;
*/
       color:#000000;
	/*       background-image:url('images/fond.png');
       background-repeat:repeat-y;
*/
       width:100%;
	font-size:11px;
	font-family:Verdana;
       }
  .gauche {
  	text-align:left;
  }
  .centre {
  	text-align:center;
  }
  .droite {
  	text-align:right;
  }
  .Hauteur25{
    height: 25px;
  }
  .Bandeau_menu
  {font-family: Verdana;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #F9BC16;
  color: #FFFFFF;
  text-align: center;
  
  }
  .style9 {
	font-size: 10px;
	color: #999999;
}

  a.Procopi {
    border:none;
    border-bottom-width: 0px;
  }
  .jaune {
    background: #F9BC16;
  }
  .gris {
    background: #666666;
    
  }
  .Option_menu
  {font-family: Verdana;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #F9BC16;
/*  margin-top: 2px; */
  color: white;
  text-align: center;
  float: left;
  padding-top: 3px;
  height: 22px!important;
  height: 25px;
  border-right-width:1px;
  border-right-color: white;
  border-right-style: solid;
  }
    .Option_menu_gris
  {font-family: Verdana;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #666666;
  color: white;
  text-align: center;
  float: left;
  padding-top: 3px;
  height: 22px!important;
  height: 25px;
  border-right-width:1px;
  border-right-color: white;
  border-right-style: solid;
  }

    .Commentaire
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 100;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #AEAEAE;
  border: 3px double #666666;
  color: #000000;
  }

  .Fond_vert {
    background-color: #99CC33;
    color: white;
  }

  .Fond_gris {
    background-color: #666666;
    color: white;
  }
  .Fond_gris_clair {
    background-color: #C4C4C4;
    color: white;
  }
  .Fond_gris_clair_10 {
    background-color: #C4C4C4;
    color: white;
    font-weight: 600;
    font-size: 12px;
  }
  .Fond_gris {
    background-color: #666666;
    color: white;
  }
  .Fond_gris_Tres_clair {
    background-color: #EAEAEA;
    color: #FFFFFF;
  }

  a {
    text-align: center;
    color: white;
    text-decoration: none;
  }
.ImageCentre {
    margin-top: 5px; 

    margin-bottom: 5px;
/*  
	border-width: 1px;
	border-style: solid;
	border-color: #935e3a #935e3a #935e3a #935e3a;
 */
}
   .Tableau
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 100;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #000000;
  }
   .Detail
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 100;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #A6DBD3;
  border: 2px solid #CCCCCC;
  color: #000000;
  }
.FondImage {
    background-image: url('images/Bouton_Ajout_Panier.png');
    background-repeat: no-repeat;
    width: 87px;
    height: 40px;
}
.FondImageSauvePanier {
    background-position: center;
    background-image: url('images/Bouton_vert.png');
    text-align: center;
    width: 202px;
    height: 32px;
}
.FondImageSauveCommande {
    background-image: url('images/Bouton_gris_cde.png');
    width: 202px;
    height: 32px;
}

   .sousMenu
  {font-family: Verdana;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #00CCAA;
  color: #FFFFFF;
  text-align: center;}

    .ZonePaire
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 100;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #EAEAEA;
  color: #000000;
  text-align: center;
/*    border: 1px solid #666666;*/

  }

    .ZoneImPaire
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 100;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #FFFFFF;
  color: #000000;
  text-align: center;
/*      border: 1px solid #666666;*/
}

    .SousMenuGamme
  {font-family: Verdana;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  background: #999999;
  color: #FFFFFF;
  text-align: center;}

  #Familles {
	font-family: Verdana;
	font-size: 12px;
	font-weight: 200;
	font-style: normal;
	position:absolute;
	top:220px;
	left:150px;
	width:300px;
	background-color:#B0E9DB;
	/*display: block; */
	margin: 1px;
	padding: 2px 3px;
	line-height:25px;
  }

#Familles a{
/* font: bold 11px/16px arial, helvetica, sans-serif;*/
font-family: Verdana;
font-size: 12px;
font-weight: 200;
font-style: normal;
display: block;
border-width: 1px;
border-style: solid;
/*border-color: #ccc #888 #555 #bbb; */
/*border-color: #935e3a #935e3a #935e3a #935e3a; */
margin: 1px;
padding: 2px 3px;
/*line-height:8px;*/
height:20px;

}

    .clientRubrique
  {font-family: Verdana;
  font-size: 12px;
  font-weight:bold;
  font-style: oblique;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #33CCFF;
  text-align: center;
  height: 25px;
  }

    .LibelChamps
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #000000;
  height:25px;
  width: 190px;
  float: left; 
  clear: both;
  text-align: left;}
 
     .LibelChampsBlanc
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #FFFFFF;
  height:25px;
  width: 190px;
  float: left; 
  clear: both;
  text-align: left;}
 
  .AfficheChamps
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #000000;
  height:25px;
  text-align: left;}

  .TexteBlanc
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #FFFFFF;
  height:25px;
  text-align: left;}

  
    .LibelChampsNum
  {font-family: Verdana;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #000000;
  height:25px;
  width: 280px;
  float: left; 
  clear: both;
  text-align: left;}

  .TextCentre
  {font-family: Arial;font-size: 12px;font-weight: 400;font-style: normal;color: #FFFFFF;text-align: left;}

  .TextNormal
  {font-family: verdana;font-size: 12px;font-weight: 200;font-style: normal;color: #000000;text-align: left;}

   .TextGras
  {font-family: verdana;font-size: 12px;font-weight:600;font-style: normal;color: #000000;text-align: left;}
   .TextGras10
  {font-family: verdana;font-size: 10px;font-weight:600;font-style: normal;color: #000000;text-align: left;}

 .TextNormalBleu
  {font-family: verdana;font-size: 12px;font-weight: 200;font-style: normal;color: #000088;text-align: left;}
  .TextNormalViolet
  {font-family: verdana;font-size: 15px;font-weight: 600;font-style: normal;color: #A900FF;text-align: left;}

 .TextNormalBlanc
  {font-family: verdana;font-size: 11px;font-weight: 200;font-style: normal;color: #FFFFFF;text-align: left; background-color: #A3A3A3;}

  .test
  {font-family: Arial;font-size: 15px;font-weight: 600;font-style: normal;text-align:center;color: #000000;}

  .titre
  {font-family: Arial;
   font-size: 18px;
   font-weight: 600;
   font-style: italic;
   text-align: center;
   color: #FFFFFF;
   border: 2px solid #CCCCCC;
   background-color: #6699CC;

   }
  .Quitter
  {font-family: Arial;
   font-size: 11px;
   font-weight: 600;
   font-style: normal;
   text-align: right;
   color: #3300FF;
   border: 0px;
   background-color: #9cc1ff;
   }

  .MenuGauche
  {font-family: Arial;
   font-size: 11px;
   font-weight: 600;
   font-style: normal;
   text-align: left;
   color: #3300FF;
   border: 0px;
   background-color: #9cc1ff;

   }
     .VisuNumerique
  {font-family: Verdana;
   font-size: 11px;
   font-weight: 200;
   font-style: normal;
   text-align: right;
   color: #000000;
  }


     .ChampNumerique
  {font-family: Verdana;
   font-size: 11px;
   font-weight: 200;
   font-style: normal;
   text-align: right;
   color: #000000;
/*   border-top-width: 1px solid;
   border-right-width: 1px solid;
   border-bottom-width: 2px solid;
   border-left-width: 2px solid;
 */
/*  	border: 1px,1px,2px,2px solid; */
  }
  .ChampNumerique15
  {font-family: Verdana;
   font-size: 13px;
   font-weight: 200;
   font-style: normal;
   text-align: right;
   color: #000000;
/*   border-top-width: 1px solid;
   border-right-width: 1px solid;
   border-bottom-width: 2px solid;
   border-left-width: 2px solid;
 */
/*  	border: 1px,1px,2px,2px solid; */
  }

     .VisuTexte
  {font-family: Verdana;
   font-size: 11px;
   font-weight: 200;
   font-style: normal;
   text-align: left;
   color: #000000;

/*  	border: 1px,1px,2px,2px solid; */

   }
   
   

     .ChampTexte
  {font-family: Verdana;
   font-size: 11px;
   font-weight: 200;
   font-style: normal;
   text-align: left;
   color: #000000;
/*  	border: 1px,1px,2px,2px solid; */

   }
     .ChampTexte15
  {font-family: Verdana;
   font-size: 13px;
   font-weight: 400;
   font-style: normal;
   text-align: left;
   color: #000000;
/*  	border: 1px,1px,2px,2px solid; */

   }
     .TexteCentre
  {
	font-family: Verdana;
	font-size: 11px;
	font-weight: 200;
	font-style: normal;
	text-align: center;
	color: #000000;
	/* border: 1px,1px,2px,2px solid; */

   }

     .ChampTexteBlanc
  {font-family: Verdana;
   font-size: 11px;
   font-weight: 200;
   font-style: normal;
   text-align: left;
   color: #FFFFFF;
/*  	border: 1px,1px,2px,2px solid;*/

   }
    .ChampRadio
  {font-family: Verdana;
   font-size: 11px;
   font-weight: 200;
   font-style: normal;
   text-align: left;
   color: #000000;
/*  	border: 1px solid blue;*/

   }

  .CoteGauche
  {font-family: Arial;
   font-size: 12px;
   font-weight: 600;
   font-style: normal;
   text-align: right;
   color: #3300FF;
   border: 0px;
   background-color: #DDEAFF;

   }
     .BlockMenu
  {font-family: Arial;
   font-size: 12px;
   font-weight: 600;
   font-style: normal;
   text-align: right;
   color: #3300FF;
   border: 1px solid;
   border-color: #999999;
   background-color: #DDEAFF;

   }
    .BlockMenuWOB
  {font-family: Arial;
   font-size: 12px;
   font-weight: 600;
   font-style: normal;
   text-align: right;
   color: #3300FF;
/*   border: 1px solid;
//   border-color: #999999;
*/
   background-color: #DDEAFF;

   }

   .GrasSouligne
   {font-family: Arial;
   font-size: 12px;
   font-weight: 600;
   font-style: normal;
   text-align: center;
   text-decoration:underline;
   color: #3300FF;

   }

   .NormalPetit
   {font-family: Arial;
   font-size: 10px;
   font-weight: 200;
   font-style: normal;
   text-align: left;
   color: #000000;

   }

   .TitreMenu
   {font-family: Arial;
   font-size: 11px;
   font-weight: 600;
   font-style: normal;
   text-align: center;
   color: #FFFFFF;
   margin-top:5px;
   margin-bottom:10px;
/*   vertical-align: middle; */
   background-color: #6699CC;
   height:25px;
   padding-top:5px;
   }
   
   .CentreVertical
   {
    vertical-align:middle;
    background-color: white;
   }

  .LigneMenu
  {font-family: Arial;
   font-size: 11px;
   font-weight: 500;
   font-style: normal;
   text-align: left;
   color: #3300FF;
   border: 0px;
   height:30px;

   }


fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:350px;border:0;}
ul.form li{border-bottom:1px dashed #464e5f;padding:6px 0;height:35px;}
.form_head{height:20px;width:400px;color:#aaa;text-align:center;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#000000;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:180px;background-color:#ccc;border:2px solid #ccc;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{background:transparent url(/images/send.png) no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:34px;
width:110px;
overflow:hidden;
text-indent:-4000px;
float:right;}
#comment{width:400px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:340px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:130px !important;}
.valid{background-color:#A0C7E7;border:2px solid #0046AD !important;}
.invalid{border:2px solid #800 !important;}
.corner{background-color:#A0C7E7 !important;}

a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  /* border: 2px solid; */
  font-family: verdana;
  font-size: 10px;
  font-weight:600;
  font-style: normal;
  overflow: visible; /* IE6 form button fix */
}
.button {
  color: #000;
  background-color: #A0C7E7;
  padding: 5px 7px;
}
.button:hover {
  background-color: #cee;
}
/* definition pour windowing
*/
#window
{
	position: absolute;
	left: 200px;
	top: 100px;
	width: 400px;
	height: 300px;
	overflow: hidden;
	display: none;
}
#windowTop
{
	height: 30px;
	overflow: 30px;
	background-image: url(images/window_top_end.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	cursor: move;
}
#windowTopContent
{
	margin-right: 13px;
	background-image:url(images/window_top_start.png);
	background-position:left top;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #6caf00;
}
#windowMin
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
}
#windowMax
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
	display: none;
}
#windowClose
{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
#windowBottom
{
	position: relative;
	height: 270px;
	background-image: url(images/window_bottom_end.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#windowBottomContent
{
	position: relative;
	height: 270px;
	background-image: url(images/window_bottom_start.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
}
#windowResize
{
	position: absolute;
	right: 3px;
	bottom: 5px;
	cursor: se-resize;
}
#windowContent
{
	position:absolute;
	top: 30px;
	left: 10px;
	width: auto;
	height: auto;
	overflow: auto;
	margin-right: 10px;
	border: 1px solid #6caf00;
	height: 255px;
	width: 375px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
}
#windowContent *
{
	margin: 10px;
}
.transferer2
{
	border: 1px solid #6BAF04;
	background-color: #B4F155;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}