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

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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #83baea;
}

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



a.souligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
a.souligne:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
a.souligne:hover {
	text-decoration: none;
	color: #666666;
}
a.souligne:active {
	text-decoration: underline;
	color: #666666;
}
.gris {
	color: #666666;
}




/********************************************************************** 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:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#F89400;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fond2 {
	background-image: url(gifs/images/Nord-engrenages_03.jpg);
	background-repeat: repeat-x;
}
.fondcontenu1 {
	background-image: url(gifs/images/nord-engrenages_29.gif);
	background-repeat: repeat-y;
}
.fondpouradres {
	background-image: url(gifs/images/nord-engrenages_31.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
.fondpourad2 {
	background-image: url(gifs/images/nord-engrenages_32.gif);
	background-repeat: no-repeat;
}

.fichierbin{
}
.photo{
}
/**********************************************************************************************************/
.fondcontenu2 {
	background-image: url(gifs/images/nord-engrenages_17.jpg);
	background-repeat: no-repeat;
	height: 460px;
}
.orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F59500;
}

.orange_souligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F59500;
	text-decoration: underline;
}
.noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.fondconseill {
	background-image: url(gifs/images/nord-engrenages_27.jpg);
	height: 49px;
	width: 204px;
}
.fondnews {
	background-image: url(gifs/images/nord-engrenages_09.jpg);
	width: 288px;
	height: 57px;
}


.bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5FA2DD;
}
.bleu_souligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5FA2DD;
	text-decoration:underline;
}
.fondaccueil {
	background-image: url(gifs/images/fondaccueil_17.jpg);
	background-repeat: no-repeat;
}

.bleupetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3785D8;
}
.bleupetit2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3785D8;
}
.ita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
}
.ita2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #000000;
}
.fondqualite {
	background-image: url(gifs/pourqualite2.jpg);
	background-repeat: no-repeat;
}
.itableu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5FA2DD;
	text-decoration: underline;
}

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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

.bdd1 {
	background-image: url(gifs/bdd_01.jpg);
	background-repeat: no-repeat;
	height: 47px;
	width: 599px;
}
.bdd2 {
	background-image: url(gifs/bdd_02.jpg);
	background-repeat: repeat-y;
	height: 99px;
	width: 599px;
}
.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}
.vert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000CC;
	font-style: normal;
	text-decoration: underline;
	background-color: #DDF5FF;
	padding: 5px;
}
.gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ADA058;
}
.orange2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F59200;
}
/**********************************************NOS COMPETENCES BLOCS *****************************************/
.pignon_droit {
	background-image: url(gifs/pignon_droit.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.pignon_helicoidal {
	background-image: url(gifs/pignon_helicoidal.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.pignon_conique {
	background-image: url(gifs/pignon_conique.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.vis_sans_fin {
	background-image: url(gifs/vis_sans_fin.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.roue_vis_sans_fin {
	background-image: url(gifs/roue_sans_fin.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.pignon_chaine {
	background-image: url(gifs/pignon_chaine.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.cremaillere {
	/*background-image: url(gifs/bloc_cremaillere.jpg);*/
	background-image: url(gifs/bloc_cremaillere2.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.divers {
	background-image: url(gifs/bloc_divers.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.calculs {
	background-image: url(gifs/calculs.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.pouliescrantes{
	background-image: url(gifs/poulies_crantes.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.dentureinterieure{
	background-image: url(gifs/denture_interieure.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.crabotfacial{
	background-image: url(gifs/crabot_facial.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.spiroconique{
	background-image: url(gifs/spiro_conique.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}

.chainespe{
	background-image: url(gifs/chainespe.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 621px;
}
/*************************************************************************************************************/
.cliquez {
	width: 89px;
	float: left;
	padding-left: 80px;
	padding-top: 100px;
}

.texte_bloc_competences {
	width: 260px;
	float: right;
}
.alignement_gauche {
	float: left;
	margin-right: 10px;
}
.alignement_droite {
	float: right;
	margin-left: 10px;
	margin-right: 30px;
}.bloc {
	height: 200px;
}
.alignement_center {
	float:none;
	margin-left: 10px;
	margin-right: 30px;
}


#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;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	

#overlay2 img{ border: none; }

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

#contain, contain a{
display:block;
width:684px;
height:310px;
}

#competences a{
display:block;
float:left;
background-image:url(gifs/fd_competences.jpg);
background-repeat:no-repeat;
width:329px;
height:155px;
text-decoration:none;
}

#competences a:hover{
background-image:url(gifs/fd_competencesa.jpg);
}

#compet {
padding-top:108px;
padding-left:60px;
padding-right:121px;
cursor:pointer;
}

.compet2 {
padding-left:25px;
}

#equipements a{
display:block;
float:left;
background-image:url(gifs/fd_equipements.jpg);
background-repeat:no-repeat;
width:329px;
height:155px;
text-decoration:none;
}

#equipements a:hover{
background-image:url(gifs/fd_equipementsa.jpg);
}

/*#equipement {
padding-top:110px;
padding-left:139px;
padding-right:2px;
cursor:pointer;
}*/
#equipement {
padding-top:15px;
padding-left:140px;
padding-right:2px;
cursor:pointer;
}
#equipement2 {
padding-top:0px;
padding-left:140px;
padding-right:2px;
cursor:pointer;
}
.equipement2 {
padding-left:130px;
}

#realisations, #realisations a{
display:block;
float:left;
background-image:url(gifs/fd_realisations.jpg);
background-repeat:no-repeat;
width:329px;
height:155px;
text-decoration:none;
}

#realisations a:hover{
background-image:url(gifs/fd_realisationsa.jpg);
}

#real {
padding-top:80px;
padding-left:40px;
cursor:pointer;
}

.real2 {
padding-left:70px;
}

#prix a{
display:block;
float:left;
background-image:url(gifs/fd_prix.jpg);
background-repeat:no-repeat;
width:329px;
height:155px;
text-decoration:none;
}

#prix a:hover{
background-image:url(gifs/fd_prixa.jpg);
}

#price {
padding-top:80px;
padding-left:125px;
cursor:pointer;
}

.price2 {
padding-left:110px;
}

#menuproduits{
	margin:0;
	padding:0;
	color:#666;
	line-height:20px;
}

#menuproduits a{
	text-decoration:underline;
	color:#84BAE9;
}

#menuproduits a:hover{
	text-decoration:none;
}