/* CSS Document */
body {
	margin-top: 20px;
	font-family: Verdana;
	background-image:url(medias01/bg.png);
}
div#cadremenu {/* conteneur global et arrière-plan du titre du cadre */
width: 145px;
padding-top: 32px;
background: url(program_images/boutonhebergeorange.swf) top left no-repeat;
}
div#bloccadremenu {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(program_images/bas.png) bottom left no-repeat;
padding-bottom: 10px;
}
div#bloccadremenu p {
margin: 0 30px 0 20px;
}
div#cadreclient {/* conteneur global et arrière-plan du titre du cadre */
width: 145px;
padding-top: 24px;
background: url(program_images/hautclient.png) top left no-repeat;
}
div#bloccadreclient {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(program_images/bas.png) bottom left no-repeat;
padding-bottom: 10px;
}
div#bloccadreclient p {
margin: 0 30px 0 20px;
}
div#cadreservices {/* conteneur global et arrière-plan du titre du cadre */
width: 145px;
padding-top: 24px;
background: url(program_images/services.png) top left no-repeat;
}
div#bloccadreservices {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(program_images/bas.png) bottom left no-repeat;
padding-bottom: 10px;
}
div#bloccadreservices p {
margin: 0 30px 0 20px;
}
texte_info-rouge {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #FF0000;
 }
 .title {
  font-family:  Verdana;
  font-size: 15px;
  font-weight: normal;
  color: #330099;
}
.Style15 {font-size: 11px; color: #0000FF; font-weight:normal; 
}
.texte_deco {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #CC0033;
  } 
  .texte_titrerouge {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #CC0033;
  } 
.texte_small {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #0033CC;
  } 
  .texte_blanc {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  } 
  .titre_bleu {
  font-family: Verdana;
  font-size: 17px;
  font-weight: bold;
  color: #003399;
  } 
.texte_info-rouge {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FF0000;
 }    
  #Layerpage {
	z-index:1;
	margin: auto;
	width: 100%;
	background-color: 8383BE;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.title {
  font-family:  Verdana;
  font-size: 20px;
  font-weight: normal;
  color: #330099;
}
.title_moyen {
  font-family:  Verdana;
  font-size: 13px;
  font-weight: normal;
  color: #330099;
}
.title_moyengrad {
  font-family:  Verdana;
  font-size: 15px;
  font-weight: bold;
  color: #330099;
}
.title_gras {
  font-family:  Verdana;
  font-size: 20px;
  font-weight: bold;
  color: #330099;  
}
.titlemoyen {
	font-family:  Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	font-style: italic;
}
.texcadre     { border:1px solid #CC0000;
font-family:  Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}	
.tableaubleu	{
	font-family:  Verdana;
	font-size: 13px;
	font-weight: normal;
	color: #003366;
} 
.tableaurouge	{
	font-family:  Verdana;
	font-size: 13px;
	font-weight: normal;
	color: #CC0000;
}   
.cadretableau {width:100px;
height:15px;
margin:auto;
padding:3px;
background-color:#FFFFDF;
/*border:1px solid #999999; couleur du cadre */
text-align: center;
font-family:  Verdana;
	font-size: 11px;
	color: #003399;
}
.moncadre {width:200px;
height:15px;
margin:auto;
padding:3px;
background-color:#F3F3F3;
/*border:1px solid #999999;  couleur du cadre */
font-family:  Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
a:link {
	text-decoration: none;
}
a.info {
    position:relative; /* Très important */
    z-index:10;
    color:#CC0000;
    font-family:verdana;
	text-decoration:none
}

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:15px;
    width:320px;
    height:80px;

    /* Style du character dans la bulle */
    font-family:verdana;
    font-weight:normal;
    font-style:italic;
    font-size:11px;
    color:#0066FF;
    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>*/
.fondjaune {background-color: #FFFF33;
font-family:  Verdana;
  font-size: 15px;
  font-weight: bold;
  color: #330099;
}
.menuclient {
background-color:#EAEAFF;
font-family:  tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #0000FF;
}