body {
	background: #7EE88C;
}
a {
	text-decoration: none;
}
img {
	border: 0px none;
}
div {
	border: 0px solid red;
}
table {
	border-collapse: collapse;
	border: 0px solid blue;
}
td {
	border: 0px solid brown;
}
table.main_table {
	margin-top: -8px;
	margin-left: auto;
	margin-right: auto;
}
td.bandeau_superieur {
	width: 980px;
	height: 150px;
	background: url(images/maquette12_en.jpg) no-repeat;
}
td.bandeau_lateral_gauche {
	width: 200px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: "Tahoma";
	vertical-align: top;
	background-color: #009F3C;
}
td.contenu {
	width: 750px;
	font-size: 16px;
	font-family: "Tahoma";
	font-weight: bold;
	text-align: justify;
	vertical-align: top;
	word-spacing: 2px;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 10px;
	background-color: white;
}
div.contenu {
  position: relative;
}
div.accueil {
  position: relative;
}
/*---------- bas de page debut ----------*/
td.bandeau_inferieur {
	height: 40px;
	font-size: 14px;
	font-family: "Tahoma";
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
div.bandeau_inferieur {
	position: relative;
	top: -10px;
	height: 40px;
	background: url(images/bandeau_inf_1px.png) repeat-x;
	padding-top: 15px;
}
td.bandeau_inferieur a {
	text-decoration: none;
	color: #FFFFFF;
}
td.bandeau_inferieur a:visited {
	color: #FFFFFF;
}
td.bandeau_inferieur a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/*---------- bas de page fin ----------*/
div.bandeau_lateral_gauche {
	background-color: #009F3C;
	width: 200px;
	font-size: 17px;
	font-weight: bold;
	font-family: "Tahoma";
	color: #FFFFFF;
	z-index: 10;
}
/* ---------- Contenu debut ----------*/
html>body #contenu {
	height: auto;
	min-height: 430px;
}
#contenu_presentation {
	position: relative;
	top: -20px;
}
.contenu_actu {
	font-size: 14px;
	font-family: "Tahoma";
	text-align: justify;
	word-spacing: 2px;
	color: #000000;
	background-color: #AAD5F4;
}
.contenu_presentation2 {
	font-size: 14px;
	font-family: "Tahoma";
	text-align: justify;
	word-spacing: 2px;
	color: #000000;
}
.fond_cellule {
	background-color: #009CCC;
}
.titre1 {
	font-size: 20px;
	font-weight: bold;
}
.titre2 {
	font-size: 18px;
	font-weight: bold;
}
.lien_hautdepage a {
	color: #009F3C;
	font-size: 10px;
}
.lien_hautdepage a:visited {
	color: #009F3C;
}
.lien_hautdepage a:hover {
	color: #009F3C;
	text-decoration: underline;
	font-weight: bold;
}
.lien_activite a {
	color: #00459F;
	font-weight: bold;
	font-size: 16px;
}
.lien_activite a:visited {
	color: #00459F;
}
.lien_activite a:hover {
	color: #00459F;
	text-decoration: underline;
}
.titre_page_menu_v {
	color: #009F3C;
	font-size: 20px;
	font-weight: bold;
	font-family: "terminator two", "stencil std", "Good Times", "Tahoma";
}
.titre2_page_menu_v {
	color: #009F3C;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
.titre_page_menu_h {
	color: #009F3C;
	font-size: 20px;
	font-weight: bold;
	font-family: "terminator two", "stencil std", "Good Times", "Tahoma";
}
.titre2_page_menu_h {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
.video_page_activite {
	position: absolute;
	top: 80px;
	left: 600px
}
.photo_page_activite {
	position: absolute;
	top: 80px;
	left: 600px
}
.video_rectif {
	position: absolute;
	top: 200px;
	left: 250px
}
/* ---------- Contenu fin ----------*/
/*---------- Menu debut ----------*/
.menu {
	position: relative;
	background-color: #009f3c;
	width: 200px;
	font-size: 14px;
	font-weight: bold;
	font-family: "Tahoma";
	text-align: center;
	color: #FFFFFF;
	z-index: 10;
}
#image_pyramide {
	background: url(images/pyramide_pour_menu_flash.jpg) no-repeat;
	height: 180px;
}
.menu a {
	text-decoration: none;
	color: #FFFFFF;
}
.menu a:visited {
	color: #FFFFFF;
}
.menu a:hover {
	color: #000000;
}
.menu li {
	list-style-type: none;
}
div.dinatec_auto {
	position: relative;
	top: 15px;
	left: 20px;
	width: 155px;
}
div.microrex {
	position: relative;
	top: 15px;
	left: 20px;
	width: 155px;
	height: 50px;
}
div.image_rectif {
	position: relative;
	top: 50px;
}
#viameca {
	position: relative;
	left: 15px;
}
#pole_comp {
	position: relative;
	left: 15px;
}
/*---------- Menu fin ----------*/
/*---------- Menu horizontal debut ----------*/
.menu_horizontal {
	position: relative;
	font-size: 16px;
	font-family: "Tahoma";
	text-align: justify;
	word-spacing: 2px;
	color: #000000;
	top: 10px;
	padding-left: 10px;
	margin-bottom: 149px;
	margin-right: 0px;
	z-index: 2;
}
div.menu_horizontal_flash {
	position: relative;
	top: 59px;
	left: 200px;
	width: 650px;
	height: 25px;
	font-size: 16px;
	font-family: "Tahoma";
	text-align: justify;
	word-spacing: 2px;
	color: #000000;
	z-index: 10;
}
.menu_horizontal a {
	color: #FFFFFF;
	font-weight: bold;
}
.menu_horizontal a:visited {
	color: #FFFFFF;
}
.menu_horizontal a:hover {
	color: #000000;
	text-decoration: underline;
}
/*-#b_accueil {
	top: -1px;
	left: 0px;
}
#b_activite {
	position: relative;
	top: -1px;
	z-index: 2;
}
#b_clients {
	position: relative;
	top: -1px;
}
#b_moyens {
	position: relative;
	top: -1px;
}
#b_actualite {
	position: relative;
	top: -1px;
}
--------- Menu horizontal fin ----------*/
/* ---------- zone cliquable debut ----------*/
div.langue {
	position: relative;
	top: 42px;
	left: 900px;
	width: 60px;
	height: 22px;
	z-index: 10;
}
.langButton {

  width: 22px;
  height: 22px;
  border: none;
  color: transparent;
  padding: 0 0 0 22px;
  cursor: pointer;
}
#frLangButton {

  background:url(images/fr.png) no-repeat;
}
#frLangButton:hover {

  background:url(images/fr2.png) no-repeat;
}
#enLangButton {

  background:url(images/en.png) no-repeat;
}
#enLangButton:hover {

  background:url(images/en2.png) no-repeat;
}
#accueil_bouton {
	position: absolute;
	top: 0;
	left: 75;
	z-index: 10;
}
#accueil {
	position: relative;
	left: 50;
	z-index: 10;
}
/* ---------- zone cliquable fin ----------*/
/* ---------- page réalisation debut ----------*/
.realisation_text {
	width: 380px;
}
div.exemple_realisation {
	position: absolute;
	top: 45px;
	left: 430px;
	width: 300px;
	font-size: 14px;
}
.list_sans_point {
	list-style: none;
}
/* ---------- page réalisation fin ----------*/
/* ---------- page bureau d'etude debut ----------*/
div.bureau_etude {
position:relative;
  top: 50px;
  left: 15px;
  text-align: center;
}
.lien_be {
	color: #000000;
	font-size: 17px;
	font-weight: normal;
}
.lien_be a {
	color: #000000;
	font-weight: bold;
}
.lien_be a:visited {
	color: #000000;
}
.lien_be a:hover {
	color: #000000;
	font-size: 18px;
}
.image_lien_be_auto a:hover img {
	width: 215px;
	height: 128px;
}
.image_lien_be_meca a:hover img {
	width: 215px;
	height: 128px;
}
#lien_be_automatisme {
	position: absolute;
	top: 115px;
	left: 0px;
}
#lien_be_mecanique {
	position: absolute;
	top: 115px;
	left: 250px;
}
#lien_be_electrique {
	position: absolute;
	top: 115px;
	left: 510px;
}
#txt_be_integre {
	position: absolute;
	top: 0px;
	left: 270px;
	font-size: 20px;
	font-weight: bold;
}
#fleche_be_auto {
	position: absolute;
	top: 50px;
	left: 190px;
}
#fleche_be_meca {
	position: absolute;
	top: 50px;
	left: 490px;
}
#fleche_be_elec {
	position: absolute;
	top: 50px;
	left: 340px;
}
#image_auto1 {
	position: absolute;
	top: 110px;
	left: 60px;
}
#image_auto2 {
	position: absolute;
	top: 155px;
	left: 590px;
}
#image_auto3 {
	position: absolute;
	top: 110px;
	left: 580px;
}
#info_indus {
	position: absolute;
	top: 405px;
	left: 410px;
}
#acquisition_de_donnees {
	position: absolute;
	top: 560px;
	left: 430px;
}
#commande_numerique {
	position: absolute;
	top: 730px;
	left: 430px;
}
#image_meca1 {
	position: absolute;
	top: 190px;
	left: 10px;
}
#image_meca2 {
	position: absolute;
	top: 185px;
	left: 230px;
}
#image_meca3 {
	position: absolute;
	top: 185px;
	left: 480px;
}
#image_elec1 {
	position: absolute;
	top: 145px;
	left: 20px;
}
#image_elec2 {
	position: absolute;
	top: 145px;
	left: 400px;
}
#cote_vert_automatisme {
	position: absolute;
	width: 200px;
	height: 500px;
	background-color: #009F3C;
	margin-top: 300px;
	margin-left: -220px;
	z-index: 2;
}
.lien_auto_meca {
	color: #000000;
	font-size: 16px;
	font-weight: normal;
}
.lien_auto_meca a {
	color: #000000;
	font-weight: bold;
}
.lien_auto_meca a:visited {
	color: #000000;
}
.lien_auto_meca a:hover {
	color: #000000;
	font-size: 18px;
	text-decoration: underline;
}
.suiv_prec {
	position: relative;
	top: -40px;
	left: 590px;
	font-size: 14px;
}
.suiv_prec2 {
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}
.suiv_prec2 a {
	color: #000000;
	font-weight: bold;
}
.suiv_prec2 a:visited {
	color: #000000;
}
.suiv_prec2 a:hover {
	color: #000000;
	font-size: 15px;
	text-decoration: underline;
}
/* ---------- page bureau d'etude fin ----------*/
/**********************************/
/*page analyse du besoin debut  */
/**********************************/
.besoin {
	font-size: 20px;
	font-family: "Lucida Calligraphy", "Harlow Solid Italic", "Harrington", "Bookman Old Style", "Tahoma";
	font-weight: bold;
	text-align: justify;
}
#besoin_li {
	position: relative;
	left: 50px;
}
/**********************************/
/*page analyse du besoin fin  */
/**********************************/
/* ---------- page activité debut ----------*/
#b_acti_analyse {
	position: absolute;
	top: 170px;
	left: 30px;
	background: url(./images/b_acti_analyse-du-besoin_en.jpg) no-repeat;
	width: 300px;
	height: 40px;
	z-index: 1;
}
#b_acti_analyse:hover {
	background: url(./images/b_acti_analyse-du-besoin_2_en.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
.b_acti_analyse_txt {
	position: relative;
	top: 8px;
	left: 20px;
	z-index: 2;
}
#b_acti_etudes {
	position: absolute;
	top: 210px;
	left: 30px;
	background: url(./images/b_acti_etudes_en.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
#b_acti_etudes:hover {
	background: url(./images/b_acti_etudes_2_en.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
#b_acti_etudes_txt {
	position: absolute;
	top: 8px;
	left: 40px;
}
#b_acti_realisation {
	position: absolute;
	top: 250px;
	left: 30px;
	background: url(./images/b_acti_realisation_en.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
#b_acti_realisation:hover {
	background: url(./images/b_acti_realisation_2_en.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
#b_acti_realisation_txt {
	position: absolute;
	top: 8px;
	left: 50px;
}
#b_acti_installation {
	position: absolute;
	top: 290px;
	left: 30px;
	background: url(./images/b_acti_installation.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
#b_acti_installation:hover {
	background: url(./images/b_acti_installation_2.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
#b_acti_installation_txt {
	position: absolute;
	top: 8px;
	left: 40px;
}
#b_acti_services {
	position: absolute;
	top: 330px;
	left: 30px;
	background: url(./images/b_acti_services.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
#b_acti_services:hover {
	background: url(./images/b_acti_services_2.jpg) no-repeat;
	width: 300px;
	height: 40px;
}
#b_acti_services_txt {
	position: absolute;
	top: 8px;
	left: 20px;
}
#im_acti {
	position: relative;
	top: 40px;
	left: 330px;
}
/* ---------- page activité fin ----------*/
/* ---------- page clients debut ----------*/
#bouton_suivant {
	position: relative;
	top: 30px;
	left: 20px;
}
#bouton_retour {
	position: relative;
	top: 35px;
	left: 110px;
}
.lien_clients {
	color: #0033FF;
	font-size: 16px;
	font-weight: bold;
}
.lien_clients a {
	color: #0033FF;
}
.lien_clients a:visited {
	color: #0033FF;
}
.lien_clients a:hover {
	color: #0099FF;
	text-decoration: underline;
}
.zindex_anim_client_secteur {
	z-index: 5;
}
/* ---------- page clients fin ----------*/
/* ---------- page moyen debut ----------*/
#tab_moyens {
	position: absolute;
	top: 70px;
	left: 0px;
}
#video_presentation_dinatec {
	position: absolute;
	top: 70px;
	left: 430px;
}
/* ---------- page moyen fin ----------*/
/* ---------- Contact debut ----------*/
#adresse_dinatec {
	position: relative;
	top: 20px;
	left: 40px;
	width: 400px;
}
#voiture {
	position: absolute;
	top: 40px;
	left: 380px;
	height: 154px;
}
.voiture2 {
	z-index: 5;
}
#contact_email {
	position: relative;
	font-weight: normal;
	top: 30px;
	left: 80px;
	width: 200px;
	height: 140px;
}
#situation_geo {
	position: relative;
	font-weight: normal;
	top: 30px;
	left: 250px;
	width: 180px;
	height: 150px;
}
#plan_pdf {
	position: absolute;
	font-weight: normal;
	top: 225px;
	left: 385px;
	width: 220px;
	height: 140px;
}
.email:hover {
	background: url(./images/emailicon2.jpg) no-repeat;
	width: 100px;
	height: 112px;
}
.imprimante a:hover img {
	width: 115px;
	height: 115px;
}
.carte_fr a:hover img {
	width: 115px;
	height: 112px;
}
#petit_rouge {
	font-size: 10px;
	color: #FF0000;
}
td.contact_label {

  text-align: right;
  padding-right: 10px;
}
td.contact_textbox {

  text-align: left;
}
.formulaire_dinatec {
	font-size: 10px;
	text-align: left;
	font-family: "Tahoma";
}
#cote_vert_formulaire {
	position: absolute;
	width: 200px;
	height: 500px;
	background-color: #009F3C;
	margin-top: 350px;
	margin-left: -220px;
	z-index: 2;
}
/* ---------- Contact fin ----------*/
/* ---------- les différents cadres de la pages d'accueil debut ----------*/
td.cadre_top_left_corner {
	background: url('images/cadre_top_left_corner.png') no-repeat;
	width: 10px;
	height: 10px;
}
td.cadre_top_bottom {
	background: url('images/cadre_top_bottom.png') repeat-x;
	height: 10px;
}
td.cadre_top_right_corner {
	background: url('images/cadre_top_right_corner.png') no-repeat;
	width: 10px;
	height: 10px;
}
td.cadre_left_right {
	background: url('images/cadre_left_right.png') repeat-y;
	width: 10px;
}
td.cadre_bottom_right_corner {
	background: url('images/cadre_bottom_right_corner.png') no-repeat;
	width: 10px;
	height: 10px;
}
td.cadre_bottom_left_corner {
	background: url('images/cadre_bottom_left_corner.png') no-repeat;
	width: 10px;
	height: 10px;
}
td.cadre_top_bottom_left_open {
	background: url('images/cadre_top_bottom_left_open.png') no-repeat;
	width: 10px;
	height: 10px;
}
td.cadre_top_bottom_right_open {
	background: url('images/cadre_top_bottom_right_open.png') no-repeat;
	width: 10px;
	height: 10px;
}
td.cadre_left_right_bottom_open {
	background: url('images/cadre_left_right_bottom_open.png') no-repeat;
	width: 10px;
	height: 10px;
}
td.cadre_left_right_top_open {
	background: url('images/cadre_left_right_top_open.png') no-repeat;
	width: 10px;
	height: 10px;
}
div.cadre_1 {
	position: relative;
	top: -15px;
	left: 5px;
	width: 360px;
	text-align: justify;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}
div.cadre1_title {
	position: relative;
	top: 10px;
	left: 30px;
	width: 80px;
	font-size: 14px;
	font-weight: bold;
	color: #009f3c;
	z-index: 1;
}
td.cadre_1_contenu {
  padding: 20px;
  height: 195px;
}
div.cadre_2 {
	position: relative;
	top: -10px;
	left: 5px;
	width: 740px;
	text-align: justify;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
}
div.cadre2_title {
	position: relative;
	top: 10px;
	left: 30px;
	width: 250px;
	font-size: 14px;
	font-weight: bold;
	color: #009f3c;
	z-index: 1;
}
td.cadre_2_contenu {
  padding: 5px;
  height: 200px;
  text-align: center;
}
#oriimec {
  position: relative;
}
#oriimecBack {
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: left;
  visibility: hidden;
}
li.oriimecDetail {

  margin-bottom: 10px;
}
.hand {
  cursor: pointer;
}
#labelPM2 {
  position: absolute;
  top: 300px;
  left: 120px;
  width: 450px;
  text-align: right;
  font-size: 10pt;
  font-family: "Tahoma";
  color: RoyalBlue;
}
div.cadre_3 {
	position: absolute;
	top: 0px;
	left: 385px;
}
div.cadre_4 {
	position: absolute;
	top: 490px;
	left: 200px;
	visibility: hidden;
}
/* ---------- les différents cadres de la pages d'accueil debut ----------*/
/* ---------- flash player debut ----------*/
#FP_menu {
	position: relative;
	left: 25;
	font-size: 10px;
	font-weight: normal;
	background-color: #DC0004;
}
.FP_application {
	font-size: 10px;
	font-weight: normal;
	background-color: #DC0004;
	color: #FFFFFF;
}
.FP_application a:visited {
	color: #FFFFFF;
}
.FP_application a:hover {
	color: #000000;
}
/* ---------- flash player fin ----------*/
/* ---------- float debut ----------*/
.float_right {
	float: right;
}
.float_left {
	float: left;
}
/* ---------- float fin ----------*/
/* ---------- gras debut ----------*/
.gras {
	font-weight: bold;
}
.gras2 {
	font-weight: 900;
}
/* ---------- gras fin ----------*/
/*---------- Puces  debut ----------*/
/**/
.puce {
	background: url(images/puce.png) no-repeat;
	width: 25px;
	height: 25px;
}
.puce:hover {
	background: url(images/puce2.png) no-repeat;
	width: 25px;
	height: 25px;
}
#accueil {
	position: relative;
	top: 0px;
	left: 60px;
}
td.menu_text {

  width: 170px;
  height: 33px;
  text-align: center;
  vertical-align: middle;
}
td.menu_puce {

  width: 30px;
  text-align: center;
  vertical-align: middle;
}
#contact {
	position: absolute;
	top: 220px;
	left: 60px;
}
#puce_contact {
	position: absolute;
	top: 0px;
	left: 110px;
}
#admin {
	position: absolute;
	top: 250px;
	left: 55px;
}
#puce_admin {
	position: absolute;
	top: 0px;
	left: 115px;
}
/*---------- Puces  fin ----------*/
/*---------- Plan du site  debut ----------*/
#box_accueil {
	position: absolute;
	width: 150px;
	background-color: #DDDDDD;
	top: 80px;
	left: 30px;
}
#box_contact {
	position: absolute;
	width: 150px;
	background-color: #DDDDDD;
	top: 280px;
	left: 570px;
}
#pds_fond_vert {
	font-weight: bold;
	background-color: #009F3C;
	color: #FFFFFF;
}
#box_menu_v {
	position: absolute;
	width: 150px;
	background-color: #DDDDDD;
	top: 130px;
	left: 80px;
}
#box_menu_h {
	position: absolute;
	width: 150px;
	background-color: #DDDDDD;
	top: 135px;
	left: 430px;
}
#box_BE {
	position: absolute;
	width: 150px;
	background-color: #DDDDDD;
	top: 235px;
	left: 230px;
}
#box_pied_de_page {
	position: absolute;
	width: 150px;
	background-color: #DDDDDD;
	top: 370px;
	left: 330px;
}
#box_lien_autre_site {
	position: absolute;
	width: 150px;
	background-color: #DDDDDD;
	top: 370px;
	left: 130px;
}
#fleche_plan_de_site {
	position: absolute;
	top: 255px;
	left: 490px;
}
#fleche_plan_de_site2 {
	position: absolute;
	top: 210px;
	left: 180px;
}
#fleche_plan_de_site3 {
	position: absolute;
	top: 105px;
	left: 190px;
}
.plan_du_site {
	font-weight: normal;
}
.plan_du_site a {
	color: #000000;
}
.plan_du_site a:visited {
	color: #000000;
}
.plan_du_site a:hover {
	color: #000000;
	text-decoration: underline;
}
/*---------- Plan du site  fin ----------*/