body {
  background-color: #eeeeee;
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

label {
 display: block;
 font-size: 12px;
}

a.LienRose:link{text-decoration:underline; color: #FF3399}
a.LienRose:visited{text-decoration:none; color: #FF3399}
a.LienRose:hover{text-decoration:underline; color: #FF3399}
a.LienRose:active{text-decoration:none; color: #FF3399;}

a.LienBleu:link{text-decoration:underline; color: #0066CC}
a.LienBleu:visited{text-decoration:none; color: #0066CC}
a.LienBleu:hover{text-decoration:underline; color: #0066CC}
a.LienBleu:active{text-decoration:none; color: #006600;}

#header {
  height: 100px;
  width: 920px;
	background-color: #ffffff;
}

#barrebleu {
 height: 2px;
 background-color: #0066CC;
}

#panel-header {
  height: 100px;
  width: 920px;
	background-color: #ffffff;
  background-image:url(/img/header-pro.gif);
}

#conteneur {
	position: relative;
	width: 920px;
	margin: 0 auto;
	background-color: #ffffff;
}
#centre {
  background-color: #ffffff;
	margin-left: 162px;
	margin-right: 162px;
}
#gauche {
  background-color: #ffffff;
  background-repeat: no-repeat;
	position: absolute;
	left: 0;
	width: 159px;
}
#droite {
  background-color: #ffffff;
	position: absolute;
	margin-top: 39px;
	right: 0;
	width: 162px;	
}
#Hcentre {
  width: 360px;
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #0066CC;
  font-weight: bold;  
  margin-left: 270px;
	margin-right: 150px;
	margin-top: 0px;
	padding-top: 25px;
	text-align: center;
}

#Hgauche {
	position: absolute;
	left: 0;
	width: 150px;
}
#Hdroite {
	position: absolute;
	right: 0;
  width: 350px;
  margin-left: 250px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;  	
}

#espaceClient {
 position: absolute;
 top: 0px;
 right: 0px;
}

#pied {
	height: 30px;
	background-color: #ffffff;
	text-align: center;
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #0066CC;
  font-weight: bold; 	
}
img {
  border: 0;
}
p {
	margin: 0 0 10px 0;
}
.InputTextField {
  font-size: 11px;
}
.FormInput {
  font-size: 11px;
}

H1.AccesPro {
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #0066CC;
  font-weight: bold;
  margin: 0px;
}

li {
 font-family: Arial, Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 display : list-item;
 list-style-image : url("/img/puce.gif");
 list-style-position: outside;
 margin: 0px;
}

ul li { 
  font-size: 12px;
  margin: 0px;
  text-align: left;
}

.error {
 color: #ff0000;
}

.error2 {
 color: #ff0000;
 font-size: 15px;
 font-weight: bold;
}

.TabRegister {
 margin-left: 10px;
 width: 550px;
 background-color: #f7f6ed;
}

.TabEditPop {
 width: 400px;
 background-color: #f7f6ed;
}

.TabRegisterPro {
 background-color: #f7f6ed;
 width: 600px;
 height: 120px;
 border: solid #b0b0b0 1px;
 padding: 0;
 margin: 0; 
}

.TabPanel {
 width: 600px;
 text-align: center;
 height: 120px;
 background-color: #ffffff;
 border: solid #b0b0b0 1px;
 padding: 0;
 margin: 0;
}

.TabAnnuairePro {
 background-color: #f7f6ed;
 width: 600px;
 height: 120px;
 border: solid #b0b0b0 1px;
 padding: 0;
 margin: 0; 
}



a.LienPanel:link{text-decoration:none; color: #0066CC}
a.LienPanel:visited{text-decoration:none; color: #0066CC}
a.LienPanel:hover{text-decoration:underline; color: #000000}
a.LienPanel:active{text-decoration:none; color: #006600;}

#connecte {
 text-align: left;
 height: 70px;
}

#ProLoginForm {
	position: relative;
	background: url('/img/panel/identification-box.gif') no-repeat top center;
	color: #fff;
	margin: 5em auto 1em;
	padding: 55px 0 0;
	width: 255px;
}

#ProLoginForm form {
	background: url('/img/panel/identification-box-bas.gif') no-repeat bottom center;
	padding: 0 5px 25px;
}

.FormInputPro {
 color: #000000;
 font-size: 11px; 
}

#message {
 background-color: #f7f6ed;
 color: #0066CC;
 font-size: 13px;
 font-weight: bold;
 width: 400px; 
}

#widgets {
 background-color: #f7f6ed;
 list-style-type: none;
}

#widgets li{ 
 background-color: #fbfbef;
 margin: 5px 5px 5px 5px;
 border: solid #0066CC 1px;
 list-style-type: none;
 list-style-image : none; 
}

#widgetstitle {
 background-color: #f7f6ed;
 list-style-type: none;
}

#widgetstitle li{ 
 background-color: #fbfbef;
 margin: 5px 5px 5px 5px;
 border: solid #0066CC 1px;
 list-style-type: none;
 list-style-image : none; 
}

.FormPage {
	text-align: center;
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.referencement {
 background-color: #eeeeee;
 margin: 5px 5px 5px 5px;
 border: solid #666666 1px;
 list-style-type: none;
 list-style-image : none; 
}

.configuration {
 background-color: #f7f6ed;
 width: 600px;
 height: 120px;
 border: solid #b0b0b0 1px;  
}

.listproduit {
 width: 600px;
 background-color: #f7f6ed;
}

.listproduit th {
 background-color: #b0b0b0;
}

tr.listproduittd {
 background-color: #b0b0b0;
 text-align: center;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 margin: 0;
 padding: 0; 
}

.ProduitTab {
  border: 1px solid #6495ed;
  border-collapse: collapse;
  width: 300px;  
}

.ProduitTab2 {
  border: 1px solid #6495ed;
  border-collapse: collapse;
  width: 590px;
  margin-left: 8px;
	margin-top: 10px;  
}


/*
 *
 * Site Web Cirialis
 * 
*/
.nav {
 position: relative;
 margin: 15px 8px 0px 9px;
 padding: 0px;
}

.nav ul {
    position: relative;
    margin: 15px 0 0 -5px;
    padding: 0px;    
}

.nav li {
    margin: 2px ;
    padding: 0;
    list-style-image : none;   
    text-decoration: none; 
    display: block;
    list-style: none;
}

.nav li a:link, .nav li a:visited {
    color: #ffffff;
    font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;  
    font-weight: bold;  
    display: block;
    height: 32px;
    width: 140px;
    line-height: 32px;
    text-decoration: none;
    text-align: center;
    background:#fff url('/img/nav.gif');
    padding: 0;
    list-style-image : none;
}

.nav li a:hover, .nav li a:active {
    background:#000 url('/img/nav.gif') 0 -32px;
    padding: 0;
}   

#hautducentre {
 margin: 10px;
 background-color: #f6f6f6;
 width: 450px;
 color: #666666;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;  
 font-weight: normal;  
}

#placement {
 margin-left: 25px
}

.produitsCirialis {
 margin: 0px;
 padding: 0px;
 border-collapse: collapse;
}

.produitsCirialis td {
 color: #000000;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 17px;  
 font-weight: bold;
 text-align: center;
 padding: 0px; 
}

.descProduitCirialis td {
 color: #000000;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;  
 font-weight: normal;
 text-align: left;
}

.lstProduitVert {
  font-size: 10px;
  margin-left: 18px ;
  padding: 0px;
  font-weight: bold;   
}

.lstProduitVert li {
  display : list-item;
  list-style-image : url("/img/pucevert.gif");
}

.lstProduitVertDetail li {
  display : list-item;
  list-style-image : url("/img/pucevert.gif");
}

.lstProduitOrangeDetail li {
  display : list-item;
  list-style-image : url("/img/puceorange.gif");
}

.nobulle li {
  display : list-item;
  list-style-image : none;
  list-style-type: none;
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;  
  font-weight: bold;    
}

.lstProduitOrange {
  font-size: 10px;
  margin-left: 18px ;
  padding: 0px;
  font-weight: bold;   
}

.lstProduitOrange li {
  display : list-item;
  list-style-image : url("/img/puceorange.gif");
}

.lstProduitBleu {
  font-size: 10px;
  margin-left: 18px ;
  padding: 0px;
  font-weight: bold;   
}

.separatorProduit {
 color: #00FF00;
 width: 25px;
}

.tdP1 {
 background-color: #f7fafa;
 border-right: 1px solid #c0c0c0;
 border-left: 1px solid #c0c0c0;
}
.tdP2 {
 background-color: #f1f7fc;
 border-right: 1px solid #c0c0c0;
 border-left: 1px solid #c0c0c0; 
}
.tdP3 {
 background-color: #fff9f2;
 border-right: 1px solid #c0c0c0;
 border-left: 1px solid #c0c0c0; 
}

.descProduitCirialis li {
  font-size: 10px;
  margin: 0px ;
  padding: 0px;
  font-weight: bold;
}


.prix td {
 color: #FF0000;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;  
 font-weight: bold; 
}

.asterix {
 color: #FF0000;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;  
 font-weight: normal; 
}

.tarif {
 margin: 0px;
 padding: 0px;
 border-collapse: collapse;
 color: #666666;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;  
 font-weight: bold; 
 text-align: right;
}

.tarif td {
 border-bottom: 1px solid #c0c0c0;
 height: 50px;
}

.faqtitre {
 background-color: #f8f8f8;
 border-bottom: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 color: #ff9900;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;  
 font-weight: bold;  
}

.faqtitrelib {
 border-bottom: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 color: #ff9900;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;  
 font-weight: bold;  
}

.buttonOrange {
 height: 32px;
 width: 140px;
 margin-left: 10px;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #101010;  
 font-weight: bold;
 text-align: center;  
 background: #FFCC55 ;
}

.buttonGris {
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 width: 150px;
 margin-left:4px;
 font-size: 13px;
 color: #00ff00;  
 font-weight: bold;
 text-align: center;
 background: #f1f7fc url(/img/fond-bouton-vert.gif);
}

.fondEcran {
 background: url(/img/fond-ecran.gif) no-repeat;
}

.packTitrePresent {
 width: 480px;
 margin-top: 8px;
}

a.PlienVert:link,a.PlienVert:visited,a.PlienVert:active{
 color: #006666;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;  
 font-weight: bold;
}
a.PlienBleu:link,a.PlienBleu:visited,a.PlienBleu:active{
 color: #0066CC;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;  
 font-weight: bold;
}
a.PlienOrange:link,a.PlienOrange:visited,a.PlienOrange:active{
 color: #ff9900;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;  
 font-weight: bold;
}

.PackWebTitle {
 background-color: #f7fafa;
 border-bottom: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 color: #006666;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;  
 font-weight: bold;
}


.PackCatalogueTitle {
 background-color: #f1f7fc;
 border-bottom: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 color: #0066CC;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;  
 font-weight: bold;
}

.PackCommerceTitle {
 background-color: #fff9f2;
 border-bottom: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 color: #ff9900;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;  
 font-weight: bold;
}

.comparatif {
 margin: 0px;
 padding: 0px;
 border-collapse: collapse;
 color: #666666;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;  
 font-weight: bold; 
 text-align: center;
}

.comparatif td {
 border-bottom: 1px solid #c0c0c0;
}

a img {

border:0;

vertical-align:middle;

}

a.info {
text-decoration: none;
color: black;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;  
font-weight: bold;  
}

a.info span {
display: none;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;  
font-weight: bold;
}

a.info:hover,a.info:focus,a.info:active {
background: none; /* correction d'un bug IE */
}

a.info:hover span,a.info:focus span,a.info:active span {
display: inline;
position: absolute;
z-index: 500;
margin:2em 0 0 1em;
background: orange;
text-align: center;
color: white;
padding: 3px;
border:0
}

.tableauSepDash td{
 border-collapse: collapse;
 border-top: dashed 1px #c0c0c0;; 
}

.commandeTitle {
 background-color: #fff9f2;
 border-bottom: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 color: #ff9900;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;  
 font-weight: bold;
}

.commande {
 background-color: #f1f7fc;
 border-bottom: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 color: #0066CC;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;  
 font-weight: bold;
}

.etat {
  background-color: #ffff00;
  border: dashed 1px #c0c0c0; 
}
.etat td{
  background-color: #ffff00;; 
}

.etattrans {
  background-color: #ffffbb;
}

.frais {  
  background-color: #fafafa;
  border-top: solid 1px;  
}

.fraistab {
  background-color: #ffffff;
  margin: 8px;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #bbbbbb;
}

.fraistab td {
  background-color: #ffffff;  
  margin: 8px;
  text-align: center;
  border: 1px solid #eeeeee;
}