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

#contenaire{width:1006px; position: absolute; left:50%; margin-left:-502px; top:5px;padding-bottom:15px;} /* calage IE ?? - 1004 avant 1006 */

#banniere{width:1005px; height:70px;}  /* calage IE ?? - 1004 avant 1005 */ 
#logo{float:left;width:217px; height:70px;}  /* calage IE ?? - 202 avant 201 */
#ban{ width:781px; height:70px; float:right; text-align:right}

#sousban{height:10px; width:998px; clear:both;}

#pagegauche{position:absolute; width:201px; left:0; top:77px;}   /* calage IE ?? - 202 avant 201 */
#pagegauchetete{ width:201px; float:left; }  /* calage IE ?? - 202 avant 201 */

#pagecentre{ width:802px; margin-left:202px;}
#pagecentretete{float:right;width:802px;padding-top:12px;}
 
#pagecentretete #pathway{padding-bottom:20px;}
#pagetext{width:580px; padding:0 10px 0 0;}
#pagedroite{width:200px; float:right;}

#pathway{width:802px; 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:802px;}
#vocationtxt{}

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

#pathway a{text-decoration:none; color:#ff3300; background-color:#FFFFFF;}
#pathway a:hover{text-decoration: underline; font-weight:bold;}




 
#footer{clear:both; width:1004px; height:25px; background-color:#ccc; color:#666666; font-size:10px; padding:5px 0 0 0; margin-top:5px ;}
#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:802px}


/* ****************************** MENU VERTICAL ********************************* */
  
#menu_vertical ul{padding:15px 0 0 0; margin:0;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:#000; 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:#ff3333!important; background-color:#FFFFFF; line-height:0.9em}
.menutitre a:hover{ text-decoration:none !important; color:#d2d1c9; 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:#d2d1c9!important; background-color:#FFFFFF;}
.societe a:hover { background-image: url(../artpackage/societe2.gif); background-repeat:no-repeat;color:#d2d1c9!important; background-color:#FFFFFF;}
.temoignage a:hover {background-image:url(../artpackage/temoignage2.gif); background-repeat:no-repeat;color:#d2d1c9!important; background-color:#FFFFFF;}
.logiciel a:hover {background-image:url(../artpackage/logiciel2.gif); background-repeat:no-repeat;color:#d2d1c9!important; background-color:#FFFFFF;}
.materiel a:hover {background-image:url(../artpackage/materiel2.gif); background-repeat:no-repeat;color:#d2d1c9!important; background-color:#FFFFFF;}
.services a:hover {background-image:url(../artpackage/services2.gif); background-repeat:no-repeat;color:#d2d1c9!important; background-color:#FFFFFF;}



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

/* ****************************** STYLE  ********************************** */
hr{display:block; clear:both; padding:3px 0 3px 0; visibility:hidden; border:none}
br {float:none}
 .rouge{color:#ff3300; background-color:inherit; font-weight:bold; font-size:11px; text-decoration:underline;}
.rouge a {color:#ff3300; background-color:inherit; }
.gris{color:#666666;background-color:inherit; font-weight:bold;}
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:#ff3300; background-color:inherit;}
a:hover{color:#e9b81b; background-color:inherit;}
.tablenpage{width:725px; 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;}
h1{ color:#ff3300; background-color:inherit; font-size:18px; font-weight:bold; margin:0; padding:10px 0 15px 0;}
h2{ color:#ff3300; background-color:inherit; font-size:16px; font-weight:bold;}
h3{ color:#ff3300; background-color:inherit; font-size:14px; font-weight:bold; }
h4{ color:#ff3300; background-color:inherit; font-size:14px; font-weight:bold;}
h5{ color:#ff3300; background-color:inherit; font-size:12px; font-weight:bold;}
h6{ color:#e9b81b; 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:#ff3333; 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:#f00; background-color:inherit;}
.formcontact .input{width:240px; border: 1px solid #ff0000; color:#f00; background-color:inherit; margin-left:10px;}
.formcontact .area{width:240px; border: 1px solid #ff0000; color:#f00; background-color:inherit; margin-left:10px;}
.formcontact .liste{width:116px; border: 1px solid #ff0000; color:#f00; background-color:inherit; margin-left:10px;}
.formcontact .area2{width:490px; height:108px; border: 1px solid #ff0000; color:#f00; background-color:inherit; margin-left:10px;}