/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4f5961;
	text-decoration: none;
}

body {
	background-image: url(gifs/images/dupuis-mecanique-fond.jpg);
	background-repeat: repeat-x;
	background-color: #84b3d4;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #357098;
	text-decoration: none;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #357098;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #357098;
}
a:active {
	text-decoration: none;
	color: #357098;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

/************************ MENU ************************************/

#index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 74px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu1-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu1.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#industrie {    /* "lien" sera notre conteneur, ici la balise div */
    width: 91px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu2-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#industrie a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu2.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#industrie a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#aeronautique {    /* "lien" sera notre conteneur, ici la balise div */
    width: 103px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu3-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#aeronautique a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu3.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#aeronautique a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

#qualite {    /* "lien" sera notre conteneur, ici la balise div */
    width: 88px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu4-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#qualite a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu4.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#qualite a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

#moyens_productions {    /* "lien" sera notre conteneur, ici la balise div */
    width: 188px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu5-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#moyens_productions a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu5.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#moyens_productions a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#groupe {    /* "lien" sera notre conteneur, ici la balise div */
    width: 98px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu6-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#groupe a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu6.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#groupe a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#contact {    /* "lien" sera notre conteneur, ici la balise div */
    width: 77px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu7-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#contact a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu7.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#contact a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

#actualites {    /* "lien" sera notre conteneur, ici la balise div */
    width: 94px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu8-r.jpg) no-repeat left top;    /* placement de l'image over */
}

#actualites a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu8.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#actualites a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

/********************************* FIN MENU ************************************/

/******************************** MENU GAUCHE **********************************/

#acces {    /* "lien" sera notre conteneur, ici la balise div */
    width: 204px;  /* changer la largeur ici */
    height: 28px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu-bis2r.jpg) no-repeat left top;    /* placement de l'image over */
}

#acces a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu-bis-2.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#acces a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#presentation {    /* "lien" sera notre conteneur, ici la balise div */
    width: 204px;  /* changer la largeur ici */
    height: 28px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu-bis3r.jpg) no-repeat left top;    /* placement de l'image over */
}

#presentation a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu-bis-3.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#presentation a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#historique {    /* "lien" sera notre conteneur, ici la balise div */
    width: 204px;  /* changer la largeur ici */
    height: 28px; /* changer la hauteur ici */
    background: url(gifs/images/dupuis-mecanique-menu-bis4r.jpg) no-repeat left top;    /* placement de l'image over */
}

#historique a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/images/dupuis-mecanique-menu-bis-4.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#historique a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
} 

/************************************ FIN MENU GAUCHE ********************************/

.fd_blanc {
	background-color: #FFFFFF;
	width: 745px;
	height: 405px;
	}
	
.fd_blanc2 {
	background-image: url(gifs/images/dupuis-mecanique-fd-gauche.jpg);
	background-repeat: repeat-y;
	width: 204px;
	}
	
.fd_blanc3 {
	background-image: url(gifs/images/dupuis-mecanique-fd-droite.jpg);
	background-repeat: repeat-y;
	width: 747px;
	}
	
.ombrage {
	background-image: url(gifs/images/dupuis-mecanique-ombrage.jpg);
	background-repeat: repeat-y;
	width: 3px;
	}
	
.footer {
	background-image: url(gifs/images/dupuis-mecanique-footer.jpg);
	background-repeat: no-repeat;
	width: 951px;
	height: 60px;
	}
	
.footer p {
	padding: 0px;
	margin: 0px;
	text-align: center;
	padding-top: 32px;
	}

.lien_footer {
	color: #FFFFFF;
	}
	
	.lien_footer a {
		color: #FFFFFF;
		text-decoration: none;
		}
		
	.lien_footer a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		}
		
.fd_newsletter {
	background-image: url(gifs/images/dupuis-mecanique-newslet2.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	width: 269px;
	height: 33px;
	padding-bottom: 7px;
	}
	
.fd_contenu {
	background-image: url(gifs/images/dupuis-mecanique-contenu2.jpg);
	background-repeat: repeat-y;
	width: 726px;
	height: 360px;
	}
	
	.fd_contenu p {
		padding: 0px;
		margin: 0px;
		padding-left: 20px;
		padding-right: 20px;
		}
		
	.txt_petit {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #4f5961;
		}
		
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #357098;
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #357098;
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	}
	
	h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #357098;
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	}
	h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #357098;
	padding: 0px;
	margin: 0px;
	}
	
.placement_actu {
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
.float_right{
	float:right;
}

.alignement_droite{
	margin:0;
	float:right;
	padding:0 0 0 20px;
}

.bordure{
border: 2px;
color: black;
}

ul li.sous_menu {
	background-image:url(gifs/bouton.jpg);
	width:192px;
	line-height:26px;
	height:26px;
	list-style-type:none;
	text-align:center;
	float:left;
	margin-left:70px;
}
ul li.sous_menu_selected {
	background-image:url(gifs/boutonover.jpg);
	width:192px;
	line-height:26px;
	height:26px;
	list-style-type:none;
	text-align:center;
	float:left;
	margin-left:70px;
}
ul li.sous_menu a {
	color:#FFFFFF !important;
	font-size:13px;
}
ul li.sous_menu_selected a {
	color:#333333 !important;
	font-size:11px;
}

.separationVerticale {
	border-right:1px dashed #999999;
	padding-left:0px;
}
.fdActu {
	background-image:url(gifs/fdactu.jpg);
	padding: 0 10px 0 20px;;
}

#back {
	display:block;
	width:150px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(gifs/bouton2.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
	margin:8px 8px 8px 500px;
	clear:both;
	padding:8px;
}