body{background:url(../images/fond-degrad.jpg) #cacaca;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}
a{text-decoration:none;color:#474747;}
a:hover{text-decoration:underline;color:#474747;}
img{border:0;}
hr{background: #fff url(../images/hr.jpg) no-repeat scroll center;height:1px;width:500px;border:0;margin:15px auto;}
#telecharger{margin:10px 0 0 0;text-align:center;}
a#btn_telecharger{background:url(../images/telechargez-plaquette.png) no-repeat;width:160px;line-height:120px;display:block;margin:auto;}
a#btn_telecharger:hover{background:url(../images/telechargez-plaquette-on.png) no-repeat;width:160px;line-height:120px;display:block;}
a#btn_telecharger_recommandations{background:url(../images/recommandations-datamatrix-off.png) no-repeat;width:170px;line-height:100px;display:block;margin:auto;}
a#btn_telecharger_recommandations:hover{background:url(../images/recommandations-datamatrix-on.png) no-repeat;width:170px;line-height:100px;display:block;}
a#btn_telecharger_codifications{background:url(../images/codifications-cip-acl-off.png) no-repeat;width:170px;line-height:100px;display:block;margin:auto;}
a#btn_telecharger_codifications:hover{background:url(../images/codifications-cip-acl-on.png) no-repeat;width:170px;line-height:100px;display:block;}
#conteneur{width:995px;margin:4px auto;}
#conteneur #bandeauHaut{background:url(../images/fond1.png) no-repeat;width:995px;height:150px;display:block;}
#conteneur #bandeauHaut #logo{width:248px;height:148px;float:left;margin:2px 0 0 2px;}
#conteneur #bandeauHaut #logo a{width:138px;height:117px;display:block;margin:15px 0 0 55px;}
#conteneur #bandeauHaut #banniereFlash{width:640px;float:left;margin:0 0 0 80px;}
#conteneur #fond2{background:url(../images/fond2.png) no-repeat;width:995px;height:35px;display:block;}
#conteneur #fond2 p{margin:0;padding:5px 10px 0 0;text-align:right;color:#ddd;font-size:10px;}
#conteneur #fond2 a{color:#ddd;}
#conteneur #fond2 a:hover{color:#ddd;text-decoration:underline;}
#conteneur #milieu{background:url(../images/fond3.png) repeat-y;width:995px;display:block;}
#conteneur #milieu #menuGauche{float:left;margin:0 5px 0 20px;padding:0;width:185px;}
#conteneur #milieu #menuGauche #haut{width:185px;height:10px;display:block;margin:0 auto;padding:0;background:url(../images/menu/fond-menu-haut.png) no-repeat;}
#conteneur #milieu #menuGauche #menu{list-style:none;float:none;clear:both;width:185px;display:block;margin:0 auto;padding:0;background:url(../images/menu/fond-menu-milieu.png) repeat-y;}
#conteneur #milieu #menuGauche #menu #accueil a{background:url(../images/menu/menu-accueil-off.png) no-repeat;width:165px;height:35px;display:block;margin:0 auto 5px auto;padding:0;}
#conteneur #milieu #menuGauche #menu #accueil a:hover{background:url(../images/menu/menu-accueil-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #accueil.actif a{background:url(../images/menu/menu-accueil-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #integrateur a{background:url(../images/menu/menu-integrateur-off.png) no-repeat;width:165px;height:35px;display:block;margin:0 auto;padding:0;}
#conteneur #milieu #menuGauche #menu #integrateur a:hover{background:url(../images/menu/menu-integrateur-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #integrateur.actif a{background:url(../images/menu/menu-integrateur-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #automatisme a{background:url(../images/menu/menu-automatisme-off.png) no-repeat;width:165px;height:25px;display:block;margin:0 auto;padding:0;}
#conteneur #milieu #menuGauche #menu #automatisme a:hover{background:url(../images/menu/menu-automatisme-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #automatisme.actif a{background:url(../images/menu/menu-automatisme-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #supervision a{background:url(../images/menu/menu-supervision-off.png) no-repeat;width:165px;height:25px;display:block;margin:0 auto;padding:0;}
#conteneur #milieu #menuGauche #menu #supervision a:hover{background:url(../images/menu/menu-supervision-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #supervision.actif a{background:url(../images/menu/menu-supervision-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #tracabilite a{background:url(../images/menu/menu-tracabilite-off.png) no-repeat;width:165px;height:25px;display:block;margin:0 auto;padding:0;}
#conteneur #milieu #menuGauche #menu #tracabilite a:hover{background:url(../images/menu/menu-tracabilite-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #tracabilite.actif a{background:url(../images/menu/menu-tracabilite-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #marquage a{background:url(../images/menu/menu-marquage-off.png) no-repeat;width:165px;height:25px;display:block;margin:0 auto;padding:0;}
#conteneur #milieu #menuGauche #menu #marquage a:hover{background:url(../images/menu/menu-marquage-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #marquage.actif a{background:url(../images/menu/menu-marquage-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #datamatrix a{background:url(../images/menu/menu-datamatrix-off.png) no-repeat;width:165px;height:25px;display:block;margin:0 auto 5px auto;padding:0;}
#conteneur #milieu #menuGauche #menu #datamatrix a:hover{background:url(../images/menu/menu-datamatrix-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #datamatrix.actif a{background:url(../images/menu/menu-datamatrix-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #situation a{background:url(../images/menu/menu-situation-off.png) no-repeat;width:165px;height:35px;display:block;margin:0 auto 5px auto;padding:0;}
#conteneur #milieu #menuGauche #menu #situation a:hover{background:url(../images/menu/menu-situation-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #situation.actif a{background:url(../images/menu/menu-situation-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #rdp a{background:url(../images/menu/menu-rdp-off.png) no-repeat;width:165px;height:35px;display:block;margin:0 auto 5px auto;padding:0;}
#conteneur #milieu #menuGauche #menu #rdp a:hover{background:url(../images/menu/menu-rdp-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #rdp.actif a{background:url(../images/menu/menu-rdp-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #nousContacter a{background:url(../images/menu/menu-contacter-off.png) no-repeat;width:165px;height:35px;display:block;margin:0 auto;padding:0;}
#conteneur #milieu #menuGauche #menu #nousContacter a:hover{background:url(../images/menu/menu-contacter-on.png) no-repeat;}
#conteneur #milieu #menuGauche #menu #nousContacter.actif a{background:url(../images/menu/menu-contacter-on.png) no-repeat;}
#conteneur #milieu #menuGauche #bas{width:185px;height:15px;display:block;margin:0 auto;padding:0;background:url(../images/menu/fond-menu-bas.png) no-repeat;}
#conteneur #milieu #contenu{width:710px;float:left;margin:0 40px 0 30px;text-align:justify;}
#conteneur #milieu #contenu img{vertical-align:middle;}
#conteneur #milieu #contenu h1{margin:0 17px 10px 4px;font-size:18px;color:#000;}
#conteneur #milieu #contenu h2{margin:0 0 18px 0;text-align:center;font-size:16px;color:#8f1419;font-style:italic;}
#conteneur #milieu #contenu h3{margin:0 0 10px 0;font-size:16px;color:#8F1419;text-decoration:underline;}
#conteneur #milieu #contenu p{margin:0 17px 8px 2px;font-size:12px;color:#000;}
#conteneur #milieu #contenu p img{vertical-align:middle;border:medium ridge;margin:2px 10px;}
#conteneur #milieu #contenu a{text-decoration:none;color:#474747;font-weight:bold;}
#conteneur #milieu #contenu a:hover{text-decoration:underline;color:#474747;font-weight:bold;}
#conteneur #milieu #contenu a.top{font-size:11px;text-decoration:none;color:#ddd;}
#conteneur #milieu #contenu a.top:hover{text-decoration:underline;color:#474747;}
#conteneur #milieu #contenu table.misEnForme{width:710px;}
#conteneur #milieu #contenu table.misEnForme tr{font-size:12px;}
#conteneur #milieu #contenu table.misEnForme tr th{font-size:12px;font-weight:bold;border-top-style:solid;border-top-width:3px;border-top-color:#333;border-bottom-style:solid;border-bottom-width:3px;border-bottom-color:#333;text-align:center;margin:0;padding:4px 2px;background-color:#ccc;}
#conteneur #milieu #contenu table.col2 th{width:50%;}
#conteneur #milieu #contenu table.col3 th{width:33%;}
#conteneur #milieu #contenu table.misEnForme tr td{font-size:12px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#666;text-align:justify;margin:0;padding:4px 4px;}
#conteneur #milieu #contenu table.connexion{width:260px;margin:auto;}
#conteneur #milieu #contenu table.connexion tr th{width:130px;text-align:center;}
#conteneur #milieu #contenu table.connexion tr td{width:130px;}
#conteneur #milieu #contenu table.accesDirect{margin:0 0 0 20px;border-color:#8f1419;background-color:#eee;}
#conteneur #milieu #contenu table.accesDirect tr th{}
#conteneur #milieu #contenu table.accesDirect tr td{padding:10px 0;}
#conteneur #milieu #contenu table.accesDirect tr td p{margin:0 0 2px 0;padding:0;}
#conteneur #milieu #contenu table.accesDirect tr td h4{font-size:13px;color:#8f1419;margin:0 0 8px 0;padding:0;font-weight:bold;font-style:italic;text-decoration:underline}
#conteneur #milieu #contenu table.accesDirect tr td a{font-size:12px;text-decoration:none;color:#474747;}
#conteneur #milieu #contenu table.accesDirect tr td a:hover{text-decoration:underline;color:#474747;}
#conteneur #milieu #affichage{width:995px;height:0;display:block;clear:both;}
#conteneur #fond4{background:url(../images/fond4.png) no-repeat;width:995px;height:35px;display:block;}
#conteneur #bandeauBas{background:url(../images/fond5.png) repeat-y;width:995px;height:148px;display:block;}
#conteneur #bandeauBas p{margin:0;padding:0;color:#000;}
#conteneur #bandeauBas #col1{width:220px;float:left;margin:2px 5px 0 5px;text-align:left;}
#conteneur #bandeauBas #col1 a{text-decoration:none;color:#000;}
#conteneur #bandeauBas #col1 a:hover{text-decoration:none;font-weight:bold;color:#474747;}
#conteneur #bandeauBas #col2{width:177px;float:left;margin:2px 5px 0 5px;text-align:right;}
#conteneur #bandeauBas #col2 a{text-decoration:none;color:#000;}
#conteneur #bandeauBas #col2 a:hover{text-decoration:none;font-weight:bold;color:#474747;}
#conteneur #bandeauBas #col3{width:220px;float:left;margin:2px 5px 0 5px;text-align:left;}
#conteneur #bandeauBas #col3 a{text-decoration:none;color:#000;}
#conteneur #bandeauBas #col3 a:hover{text-decoration:none;font-weight:bold;color:#474747;}
#conteneur #bandeauBas #col4{width:250px;float:left;margin:2px 0 0 96px;text-align:center;}
#conteneur #bandeauBas #col4 p{color:#fff;}
#conteneur #bandeauBas #col4 a{text-decoration:none;color:#fff;}
#conteneur #bandeauBas #col4 a:hover{text-decoration:none;font-weight:bold;color:#fff;}
#conteneur #fond6{background:url(../images/fond6.png) no-repeat;width:995px;height:10px;display:block;}
#conteneur #copyright{text-align:center;font-size:10px;color:#474747;}
#conteneur #copyright a{color:#474747;}
#conteneur #bandeauBas .editBandeauBas{height:16px;width:16px;display:block;margin:-20px 4px 0 0;float:right;}
#conteneur #milieu #contenu #visualisation #carreIntegration{margin:25px auto 0 auto;padding:0;width:710px;height:370px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cautomatisme{margin:0;padding:0;float:left;width:350px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cautomatisme a{background:url(../images/automatisme-off.png) no-repeat;margin:0;padding:0;width:350px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cautomatisme a:hover{background:url(../images/automatisme-on.png) no-repeat;margin:0;padding:0;width:350px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #csupervision{margin:0;padding:0;float:left;width:360px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #csupervision a{background:url(../images/supervision-off.png) no-repeat;margin:0;padding:0;width:360px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #csupervision a:hover{background:url(../images/supervision-on.png) no-repeat;margin:0;padding:0;width:360px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #ctracabilite{margin:0;padding:0;float:left;width:360px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #ctracabilite a{background:url(../images/tracabilite-off.png) no-repeat;margin:0;padding:0;width:360px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #ctracabilite a:hover{background:url(../images/tracabilite-on.png) no-repeat;margin:0;padding:0;width:360px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cinfoIndus{margin:0;padding:0;float:left;width:350px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cinfoIndus a{background:url(../images/marquage-off.png) no-repeat;margin:0;padding:0;width:350px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cinfoIndus a:hover{background:url(../images/marquage-on.png) no-repeat;margin:0;padding:0;width:350px;height:150px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration #cintegrateur{margin:100px 0 0 200px;padding:0;width:300px;height:100px;display:block;position:absolute;}
#conteneur #milieu #contenu #visualisation #carreIntegration #cintegrateur a{margin:0;padding:0;width:300px;height:100px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration #cintegrateur a:hover{background:url(../images/integrateur-on.png) no-repeat;margin:0;padding:0;width:300px;height:100px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cdatamatrix{margin:0;padding:0;float:left;width:710px;height:70px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cdatamatrix a{background:url(../images/datamatrix-off.png) no-repeat;margin:0;padding:0;width:710px;height:70px;display:block;}
#conteneur #milieu #contenu #visualisation #carreIntegration .ligne #cdatamatrix a:hover{background:url(../images/datamatrix-on.png) no-repeat;margin:0;padding:0;width:710px;height:70px;display:block;}