body {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#FFFFFF;}

#contenaire{
	width:1004px;
	position: absolute;
	left:auto;
	top:5px;
	padding-bottom:15px;
	margin: 0px;
}


#banniere{width:1004px; height:70px; background-image:url(../artpackage/bann-cabinet-comptable-comptabilite-paris-ile-de-france.jpg)}
#logo{float:left;width:202px; height:70px;}
#ban{ width:802px; height:70px; float:right; text-align:right}

#sousban{height:6px; width:1004px; clear:both;}
#sousban800{height:6px; width:800px; clear:both;}

#pagegauche{position:absolute; width:202px; left:0; top:77px;}
#pagegauchetete{
	width:198px;
	float:left;
	margin-left: 3px;
}

#logographie{width:198px;}
#pagecentre{ width:802px; margin-left:202px;}
#pagecentretete{float:right;width:800px;}
 
#pathway{padding-bottom:10px; width:799px;}
#pagetext{width:580px; padding:0 10px 0 0;}
#pagetext-sanscoldroite{width:797px; padding:0 0px 0 0;}
#pagedroite{width:200px; float:right;}

#pathway{width:800px; height:25px; clear:both;   line-height:2.3em; font-weight:bold; background-image:url(../artpackage/pathway.gif); background-repeat:repeat-x; font-size:11px;}
#vocation{height:80px; width:800px;}
#vocationtxt{}

/* ****************************** interligne Hpx de haut  Lpx de large ********************************* */
#interligne10px802px{height:10px; width:800px;}

#pathway a{text-decoration:none; color:red; background-color:#FFFFFF;}  /* color:#ff9900  */
#pathway a:hover{text-decoration: underline; font-weight:bold;color:#ffbe33;}

 
#footer{clear:both; width:1004px; height:25px; background-color:#ccc; color:#666666; font-size:10px; padding:5px 0 0 0; }
#footertxt p{text-align:center;padding:0; margin:0; line-height:1em}
#footer p a{text-decoration:none;  background-color:inherit;  color:#666666; padding:0; margin:0}
#footer p a:hover{text-decoration:underline;}


/* ****************************** SEPCIAL TETE DE RUBRIQUE ********************************* */
#pagecentrale{width:800px}


/* ****************************** MENU VERTICAL ********************************* */
  
#menu_vertical ul{
	padding:15px 0 0 0;
	margin:0;
	margin-left:4px ;
	list-style:none;
}
 
#menu_vertical li a{padding:0; margin:0; color:#000; background-color:inherit; text-decoration:none; }
#menu_vertical li a:hover{ font-weight:bold; text-decoration:underline; color:#ffbe33; background-color:inherit;}

.menutitre a{ display: block; background-repeat:no-repeat; height:25px; width:180px; background-position:left top; font-weight:bold; font-size:16px; text-indent:15px;padding:5px 0 0 0; color:#C40D0A!important; background-color:#FFFFFF; line-height:0.9em}
.menutitre a:hover{ text-decoration:none !important; color:#C40D0A; background-color:#FFFFFF; }

/*  menutitre en rouge #F92205  */
.menutitrered a{ display: block; background-repeat:no-repeat; height:25px; width:180px; background-position:left top; font-weight:bold; font-size:14px; text-indent:15px;padding:5px 0 0 0; color:#C40D0A!important; background-color:#FFFFFF; line-height:0.9em}
.menutitrered a:hover{ text-decoration:none !important; color:#ffbe33; background-color:#FFFFFF; }


.solutions a{background-image:url(../artpackage/solutions1.gif); background-repeat:no-repeat;}
.societe a{ background-image: url(../artpackage/societe1.gif); background-repeat:no-repeat;}
.temoignage a{background-image:url(../artpackage/temoignage1.gif); background-repeat:no-repeat;}
.logiciel a{background-image:url(../artpackage/logiciel1.gif); background-repeat:no-repeat;}
.materiel a{background-image:url(../artpackage/materiel1.gif); background-repeat:no-repeat;}
.services a{background-image:url(../artpackage/services1.gif); background-repeat:no-repeat;}

.solutions a:hover {background-image:url(../artpackage/solutions2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.societe a:hover { background-image: url(../artpackage/societe2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.temoignage a:hover {background-image:url(../artpackage/temoignage2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.logiciel a:hover {background-image:url(../artpackage/logiciel2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.materiel a:hover {background-image:url(../artpackage/materiel2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.services a:hover {background-image:url(../artpackage/services2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}



/* ****************************** FORMULAIRE *************************************** */
.module form{padding:0;margin:0; color:black; background-color:inherit;}
.input{  height:18px; font-size:10px; margin-bottom:5px; width:180px; color:black; background-color:inherit; border:1px solid red;}
.textarea{  font-size:12px;  margin-bottom:5px;  color:black; background-color:inherit; border:1px solid red;  }
.select{  height:18px; font-size:10px;  width:100px; line-height:1em;}
.chkbox{ line-height:2em; border:none; color:black;background-color:#fff;}
.bouton{background-color:#FFFFFF; color:black; border:1px solid red; }


/* ****************************** STYLE  ********************************** */
hr{display:block; clear:both; padding:3px 0 3px 0; visibility:hidden; border:none}
br {float:none}
.rouge{color:#C40D0A; background-color:inherit; font-weight:bold; font-size:11px; text-decoration:underline;}
.rougerubisbold {color: #C40D0A; font-weight: bold;}
.rouge a {color:#C40D0A; background-color:inherit; }
.gris{color:#666666;background-color:inherit; font-weight:bold;}
.blanc{color:white;background-color:inherit; font-weight:bold;}
.noir{color:black;background-color:inherit; font-weight:bold;  font-size:16px;}
img a{border:none;}  /* de jacques ???? signification ??? */
a img{border:none;}   /* Gilles :  pas de cadre sur une image qui est un lien  */
.clear{clear:both;}
a{color:#C40D0A; background-color:inherit; text-decoration:none;}
a:hover{color:#ffbe33; background-color:inherit;}
.tablenpage{margin:0; padding:0; border:none; border-collapse:collapse;}
table{width:100%; margin:0; padding:0; border:none; border-collapse:collapse;}

table p{text-align:justify;}
#pagecentre li{ line-height:1.2em; font-size:12px;padding : 0 0 4px 0; list-style-image:url(../artpackage/puce.gif); font-family:Arial, Helvetica, sans-serif }
#pagecentretete li{ line-height:1.2em; font-size:12px;padding : 0 0 4px 0; list-style-image:url(../artpackage/puce.gif); font-family:Arial, Helvetica, sans-serif }

#pagecentre ul {clear:both; padding-top: 10px; list-style-image:url(../artpackage/puce.gif); }
#pagecentre ol {clear:both; padding-top: 10px; list-style-image:decimal }

#pagencentretete{color:#666666; background-color:inherit}
h1{ color:#C40D0A; background-color:inherit; font-size:18px; font-weight:bold; margin:0; padding:10px 0px 5px 10px;}
h2{ clear:both; color:#C40D0A; background-color:inherit; font-size:16px; font-weight:bold;}
h3{ color:#C40D0A; background-color:inherit; font-size:14px; font-weight:bold; }
h4{ color:#C40D0A; background-color:inherit; font-size:14px; font-weight:bold;}
h5{ color:#C40D0A; background-color:inherit; font-size:12px; font-weight:bold;}
h6{ color:#C40D0A; background-color:inherit; font-size:14px; font-weight:bold;}

/* ******************************* PAGE CONTACT ********************************* */
.listeadresse{padding-left:17px; color:#666; background-color:inherit;}
.listeadresse span{padding:0; margin:0; font-size:12px; color:red; background-color:inherit; font-weight:bold;}
.listeadresse img{border:none;}
.listadresse a img{border:none;}
.listeadresse a{color:#666; background-color:inherit;}
.listeadresse a:hover{color:#333333; background-color:inherit;}

.formcontact {color:black; background-color:inherit;}
.formcontact .input{width:240px; border: 1px solid red; color:black; background-color:inherit; margin-left:10px;}
.formcontact .input-etroit{width:110px; border: 1px solid red; color:black; background-color:inherit; margin-left:10px;}
.formcontact .area{width:240px; border: 1px solid red; color:black; background-color:inherit; margin-left:10px;}
.formcontact .liste{width:116px; border: 1px solid red; color:black; background-color:inherit; margin-left:10px;}
.formcontact .area2{border: 1px solid red; color:black; background-color:inherit; margin-left:10px;}
.formcontact .area-etroite{width:110px; border: 1px solid #ff0000; color:black; background-color:inherit; margin-left:10px;}

