/********************************************************************* Balise ****************************************************************/
*{
padding:0;
margin:0;
}
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:#dcf3ff;
}

img{border:none;}
a:focus{outline:none;
}

/******************************************************************** 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;
}


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

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

}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px; font-weight:bold;
	color:#446d91;
	background:none; border:none;
}

/**********************************************************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");
	}
	
/**********************************************************************************************************/
	#footer{
	background:url(gifs/images/mecanique_19.jpg) no-repeat; width:1003px; height:69px; text-align:center; color:#244f75;
	}
		#footer p{
		padding-top:18px;
		}
		#footer a:link{
		text-decoration:underline;  color:#244f75;
		}
		#footer a:visited{
		text-decoration:underline;  color:#244f75;
		}
		#footer a:hover{
		text-decoration:none;  color:#244f75;
		}
	#liens{
	background:url(gifs/images/mecanique_06.jpg) no-repeat; width:741px; height:31px; text-align:right; color:#244f75;
	}
		#liens div{
		padding-top:5px; padding-right:15px;
		}
		#liens a:link{
		text-decoration:underline;  color:#244f75; font-size:10px;
		}
		#liens a:visited{
		text-decoration:underline;  color:#244f75; font-size:10px;
		}
		#liens a:hover{
		text-decoration:none;  color:#244f75; font-size:10px;
		}	
	#newsletter{
	background:url(gifs/images/mecanique_05.jpg) no-repeat; width:262px; height:74px; text-align:left; color:#244f75;
	}
	
	#titrepage{
	background:url(gifs/images/mecanique_07.jpg) no-repeat; width:741px; height:43px; text-align:left; color:#244f75;
	}	
	#titrepage h1{
	font-size:15px; padding-left:55px; padding-top:18px; 
	}
	
	
.petage{background:url(gifs/images/petage.jpg) repeat-y; text-align:left;
}	
	
/********************************************************************** Menu **************************************************************/
#menu a {
	display:block;
	width:100%;
	height:100%;
	line-height:25px;
	color:#446d91;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding: 0px 50px;
}	

#menu a:hover {
	color:446d91;
	text-decoration:underline;
}
	
#accueil {    /* "lien" sera notre conteneur, ici la balise div */
    width: 307px;  /* changer la largeur ici */
    height: 27px; /* changer la hauteur ici */
    background: url(gifs/images/mecanique_08.jpg) no-repeat left top;    /* placement de l'image over */
}


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

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

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

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

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

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

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

#menu .menuOver a {
	text-decoration:underline;
}

#devis {
	background-image:url(gifs/images/mecanique_17.jpg);
	background-repeat:no-repeat;
	width:307px;

	color:#446d91;
	font-size:10px;
}

#devis p {
	padding:20px 10px 0px 20px;
	margin:0px;
}

#devis strong {
	font-size:14px;
}

#devis a {
	text-decoration:underline;
	padding: 15px 0px 0px 100px;
}

 #contenuu h2{ font-size:11px; font-weight:bold;padding:20px 30px 0px 10px; text-align:justify; color:#244f75;
 }
 #contenuu h3{font-size:11px; font-weight:normal;padding:20px 30px 0px 10px; text-align:justify; color:#244f75;
 }
 #contenuu p{font-size:11px; font-weight:normal;padding:20px 30px 0px 10px; text-align:justify; color:#244f75;
 }
 #contenuu {font-size:11px; font-weight:normal;padding:20px 30px 0px 10px; text-align:justify; color:#244f75;}
 #contenuu li {
 list-style-image:url(gifs/images/carre.jpg);
 }
 #contenuu ul {
 padding-left:10px;
 }
#contenuu img {
	margin-top: 15px;
	margin-right: 15px;
}

 
 .imgexemple{
 border:1px solid #244f75;
 }
 
 
 
 #contenu-accueil{
	background:url(gifs/images/mecanique_09.jpg) no-repeat; width:696px; height:579px; text-align:left; color:#244f75;
	}
		#contenu-accueil p {
		padding-top:10px;
		}
		#contenu-accueil a:link{
		text-decoration:underline;  color:#244f75; float:right;  font-weight:bold;
		}
		#contenu-accueil a:visited{
		text-decoration:underline;  color:#244f75; float:right; font-weight:bold;
		}
		#contenu-accueil a:hover{
		text-decoration:none;  color:#244f75; float:right; font-weight:bold;
		}
		
		#haut{
		width:435px; float:right; padding-right:45px; margin-left:3px; text-align:justify;
		}
		#tableauaccueil{
		clear:right; text-align:left; float:left; margin-left:1px; margin-top:17px;
		}
			#tableauaccueil a:link{
			text-decoration:none;  color:#244f75; font-size:12px; font-weight:bold;float:left;
			}
			#tableauaccueil a:visited{
			text-decoration:none;  color:#244f75; font-size:12px; font-weight:bold;float:left;
			}
			#tableauaccueil a:hover{
			text-decoration:none;  color:#244f75; font-size:12px; font-weight:bold;float:left;
			}
			#tableauaccueil p{
			padding-left:7px; padding-right:10px; color:#FFFFFF; margin-bottom:0px;
			}
			
			#lien1 a:link{font-size:9px; text-decoration:underline;color:#FFFFFF; padding-top:10px; padding-left:5px;
			}
			#lien1 a:visited{font-size:9px; text-decoration:underline;color:#FFFFFF; padding-top:10px; padding-left:5px;
			}
			#lien1 a:hover{font-size:9px; text-decoration:none;color:#FFFFFF; padding-top:10px; padding-left:5px;
			}
			
			
			
			#rea{ margin-top:17px; margin-left:3px; float:left;
			}
			/*#rea p{padding-top:30px; width:420px; float:right; padding-right:55px; padding-top:25px; text-align:justify;color:#ffffff;
			}*/
			#rea .texte {
			padding:0;
			margin:0;
			display:block;
			float:left;
			padding-left:60px;
			padding-top:20px;
			text-align:justify;
			color:#ffffff;
			width:420px;
			}
			#rea a:link{
			text-decoration:none;  color:#244f75; font-size:12px; font-weight:bold;float:left;
			}
			#rea a:visited{
			text-decoration:none;  color:#244f75; font-size:12px; font-weight:bold;float:left;
			}
			#rea a:hover{
			text-decoration:none;  color:#244f75; font-size:12px; font-weight:bold;float:left;
			}
			
			#lienba{
			clear:both;
			float:right;
			padding-top:10px;
			color:#ffffff;
			width: 180px;
			}
			#lienba a:link{
			text-decoration:underline;  color:#ffffff; font-size:9px; font-weight:bold;
			}
			#lienba a:visited{
			text-decoration:underline;  color:#ffffff; font-size:9px; font-weight:bold;
			}
			#lienba a:hover{
			text-decoration:none;  color:#ffffff; font-size:9px; font-weight:bold;
			}
			
			#dernieractu{
			background:url(gifs/images/mecanique_18.jpg) no-repeat; width:307px; height:117px; text-align:left; color:#244f75;
			}

div#form label{
	float:left;
	width:150px;
	text-align:right;
	padding-right:5px;

	}
div#form{
	width:450px;
	margin:0 80px 0 80px;
	background-color:#FDFFF1;
	border:1px solid #000;
}
div#form p {
	margin:10px;
	padding:0;
}

div#form li {
	margin:8px 0 8px 0;
}

div#form li label {
	float:none;
	text-align:left;
	margin-left:10px;
}
div#form ul{
	list-style:none;
	margin-left:140px;
}
div#form ul ul {
	margin-left:30px;
}
div#form #bg_demande{
	background-color:#FDFFF1;
	margin:10px;
	padding:5px;
}

.liste {
color:#244f75;
}