body {
	margin-top: 0px;
}
.Style15 {font-size: 11px; color: #0000FF; font-weight:normal; }
body, p, td, tr, ul, li, span, div {
  font-family: Arial;
  font-size: 12px;
  color: #333333;
}
#Layercadre {
	z-index:1;
	border: thin solid #90BCE9;
	width: 97%;
	background-color: #EFEFEF;
}
.fondjaune {background-color: #FFFF99
}
.title {
  font-family:  Verdana;
  font-size: 15px;
  font-weight: normal;
  color: #330099;
}
.title_gras {
  font-family:  Verdana;
  font-size: 15px;
  font-weight: bold;
  color: #330099;  
}
.asterix {
  font-family:  Verdana;
  font-size: 18px;
  font-weight: bolder;
  color: #FF0000;  
}
.title-white {
  font-family: Arial, Tahoma, Verdana;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}
.title_subwhite {
  font-family: Arial, Tahoma, Verdana;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}
.title_sub {
  font-family: Arial, Tahoma, Verdana;
  font-size: 14px;
  font-weight: bold;
  color: #CC0000;
}
.table-title {
  background-color:	#FFF9F3;
  font-family:		Verdana;
  font-size:		11px;
  font-weight:		bold;
  color:		#666666;
}
.bar-text {
  font-family: Verdana, Tahoma, Arial;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  width:100%;
}
.bar-menu {
  font-family: Verdana, Tahoma, Arial;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}
.bar-text2 {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #392204;
}
a:link {
  font-weight: normal;
  text-decoration: none;
  color: #3300CC;
}
a:active {
  font-weight: normal;
  text-decoration: none;
  color: #3300CC;
}
a:visited {
  font-weight: normal;
  text-decoration: none;
  color: #3300CC;
}
a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #3300CC;
}
.menu {
  font-family: Arial;
  font-size: 11px;
  font-weight:normal;
}
.content {
  padding: 14px;
}
.tbl-border {
  background-color: #666666;
}
.tbl-title {
  background-color: #FFF9F3;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #666666;
}
.left-client-menu {
  background-color: #FFF9F3;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  border: 1 solid #000000;
}
.left-client-sub-menu {
  font-family: Verdana;
  font-size: 10px;
  color: #000000;
  border-bottom: 1 solid #C0C0C0;
}
.products-menu {
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  border-bottom: 1 solid #000000;
  background-color: #FCFCFC;
}
.cart-footer {
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  border-bottom: 1 solid #000000;
  background-color: #FCFCFC;
}
.tbl-color1 {
  background-color: #FFFFFF;
}
.tbl-color2 {
  background-color: #F8F8F8;
}
.small {
  font-size: 10px;
  font-weight: lighter;
  text-decoration:underline;
}
.title-medium {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FF6600;
}
.title-menu {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #0000FF;
}
.title-moyen {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #0000FF;
}
.texte_menu {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #0000FF;
}
  .texte_courant {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #0000FF;
}
  .texte_courantgras {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #003399;  
}
  .texte_info {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #000099;
 }
  .texte_info-rouge {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #FF0000;
 }
  .texte_info-rougegras {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FF0000;   
}
  .grostitre {
  font-family: Verdana;
  font-size: 20px;
  font-weight: normal;
  color: #000099;     
}
 .texte_barre {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #6F8ABD;
}
.texte_mini {
  font-family: Verdana;
  font-size: 9px;
  font-weight: bold;
  color: #FFFFFF;
}  
  .texte_copyright {
  font-family: "Orange LET";
  font-size: 12px;
  font-weight: normal;
  color: #6F8ABD;
}    
.texte_deco {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #CC0033;
  text-align:left;
  } 
   
div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 210px;
padding-top: 20px;
background: url(program_images/css_haut.gif) top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(program_images/css_bas.gif) bottom left no-repeat;
padding-bottom: 10px;
}
div#bloccadre p {
margin: 0 20px 0 20px;
}   
div#cadreinfo {/* conteneur global et arrière-plan du titre du cadre */
width: 135px;
padding-top: 26px;
background: url(program_images/cadre_info01.gif) top left no-repeat;
}
div#bloccadreinfo {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(program_images/fond135_i01.gif) bottom left no-repeat;
padding-bottom: 10px;
}
div#bloccadreinfo p {
margin: 0 20px 0 20px;
}   
div#cadremenu {/* conteneur global et arrière-plan du titre du cadre */
width: 135px;
padding-top: 26px;
background: url(program_images/cadre_produits01.gif) top left no-repeat;
}
div#bloccadremenu {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(program_images/fond135_i01.gif) bottom left no-repeat;
padding-bottom: 10px;
}
div#bloccadremenu p {
margin: 0 20px 0 20px;
}  
div#cadreservice {/* conteneur global et arrière-plan du titre du cadre */
width: 135px;
padding-top: 26px;
background: url(program_images/cadre_services01.gif) top left no-repeat;
}
div#bloccadreservice {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(program_images/fond135_i01.gif) bottom left no-repeat;
padding-bottom: 10px;
}
div#bloccadreservice p {
margin: 0 20px 0 20px;
}  
div#cadreclient {/* conteneur global et arrière-plan du titre du cadre */
width: 135px;
padding-top: 26px;
background: url(program_images/cadre_client01.gif) top left no-repeat;
}
div#bloccadreclient {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(program_images/fond135_i01.gif) bottom left no-repeat;
padding-bottom: 10px;
}
div#bloccadreclient p {
margin: 0 20px 0 20px;
}
a.info {
    position:relative; /* Très important */
    z-index:10;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
}

a.info:hover {
    z-index:20;
}

a.info span {
    display:none;
}

a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display:block;
    position:absolute;
    top:18px;
    left:10px;
       
    /* Éléments pour positionner le texte dans la bulle */
    padding-left:25px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    width:205px;
    height:45px;

    /* Style du character dans la bulle */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#999999;
    text-decoration:none;
    text-align:justify;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.info:hover>span { background-image:url(program_images/bgInfo.png);}
a.info:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="program_images/bgInfo.png", sizingMethod="crop");}
/*<a href="votreDestination" class="info">Le nom de votre lien<span>La description de votre lien avec un maximum de 130 caractère dans ce cas si</span></a>*/