/*###############################
# Création pour le site A.S.F 	#
# Réalisation par Romain Giraud #
# Daté le : 12/01/2009			#
###############################*/
body{ font-family: arial, verdana, sans-serif; text-align: center; background: #8a8ad5; margin: 0 auto; padding: 10px 0 0; }
#cadre{ width: 1000px; background: #26268c; margin: 5px auto; padding: 23px 0; }
#global{ width: 954px; border: 1px solid #b62123; text-align: left; margin: 0 auto; padding: 0; }
/*Top
--------------------*/
#top{ width: 954px; height: 140px; background: url(img/bandeau.jpg) 0 0 no-repeat; margin: 0; padding: 0; }
#top a.hidden{ width: 105px; height: 41px; text-indent: -9999px; float: left; display: block; line-height : 5px; background: url(img/logo.gif) 0 0 no-repeat; margin: 0 50px 0 0; padding: 0; }
#top h6.hidden{
	width: 495px;
	height: 60px;
	text-indent: -9999px;
	font-size: 1px;
	position: relative;
	top: -20px;
	line-height : 5px;
	background: url(img/intervention-depanage.png) 0 0 no-repeat;
	margin: 0 0 -20px 225px;
	padding: 0;
}
#top h2.hidden{
	width: 81px;
	height: 47px;
	text-indent: -9999px;
	float: left;
	line-height : 5px;
	background: url(img/24-24.gif) 0 0 no-repeat;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#top h3.hidden{ width: 140px; height: 40px; text-indent: -9999px; float: left; line-height : 5px; background: url(img/18ans.gif) 0 0 no-repeat; margin: 0; padding: 0 0 0 30px; }
#top h4.hidden{ width: 190px; height: 35px; text-indent: -9999px; font-size: 1px; line-height : 5px; background: url(img/tel.gif) 0 0 no-repeat; margin: 0; padding: 0; }
#top h5.hidden{ width: 150px; height: 25px; text-indent: -9999px; font-size: 1px; float: left; line-height : 5px; background: url(img/port.gif) 0 0 no-repeat; margin: 0; padding: 0; }
/*Menu
--------------------*/
#menu{ height: 30px; background: url(img/menu.gif) 0 0 repeat-x; text-align: center; margin: 0; padding: 0; }
#menu ul{  height: auto ; margin: 0; padding: 0; }
#menu ul li{ float: left; list-style-type: none; margin: 0; padding: 0 5px; }
#menu ul li a{ width: 140px; height: 30px; display:block; text-decoration: none; color: #000; font-size : 15px; font-weight: bold; margin: auto; padding: 2px 2px; }
#menu ul li a:hover{ color: #fff; }
/*Contenu
--------------------*/
#contenu{
	margin: 0;
	padding: 5px;
	background-color: #FFF;
}
#contenu-erreur{ width: 944px; background: #fff; margin: 0; padding: 5px 5px; }
#contenu-erreur p#erreur{ width: 442px; height: 262px; text-indent: -9999px; display: block; background: url(img/erreur.jpg) 0 0 no-repeat; margin: 20px auto; padding: 0; }
#contenu h1{
	font-size: 0.9em;
	text-align: center;
	color: #000;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
}
#contenu h1 a{ font-size: 20px; text-decoration: none; color: #000; margin: 0; padding: 0; }
#contenu h1 a:hover{ color: #b62123; text-decoration: underline; }
#contenu h2{ font-size: 16px; text-align: center; color: #000; margin: 5px 0; padding: 0; }
#contenu h2 a{ font-size: 16px; text-decoration: none; color: #000; margin: 0; padding: 0; }
#contenu h2 a:hover{ color: #b62123; text-decoration: underline; }
#contenu h3{ font-size: 14px; text-align: center; color: #000; margin: 5px 0; padding: 0; }
#contenu p{ font-size: 14px; text-align: center; color: #000; margin: 5px 0; padding: 0; }
/*Droit
--------------------*/
#droit{width: 200px; float: right; margin: 0 5px 0 0; padding: 0; }
#droit p{ width: 90px; height: 100px; text-indent: -9999px; display: block; float: left; margin: 20px 5px; padding: 0; }
#droit p#droit-montur{ background: url(img/serrure1.jpg) 0 0 no-repeat; }
#droit p#droit-pollu{ background: url(img/serrure2.jpg) 0 0 no-repeat; }
#droit p#droit-fichet{ background: url(img/serrure3.jpg) 0 0 no-repeat; }
#droit p#droit-pollux{ background: url(img/serrure4.jpg) 0 0 no-repeat; }
#droit p#droit-bricar{ background: url(img/serrure5.jpg) 0 0 no-repeat; }
#droit p#droit-bricard{ background: url(img/serrure6.jpg) 0 0 no-repeat; }
#droit p#droit-monttura{ background: url(img/serrure7.jpg) 0 0 no-repeat; }
#droit p#droit-muel{ background: url(img/serrure8.jpg) 0 0 no-repeat; }
#droit p#droit-picard{ background: url(img/serrure9.jpg) 0 0 no-repeat; }
#droit p#droit-mue{ background: url(img/serrure10.jpg) 0 0 no-repeat; }
/*Centre
--------------------*/
#centre{ width: 540px; float: left; margin: 0; padding: 0 5px; }
#centre h1{
	font-size: 1em;
	text-align: center;
	color: #000;
	margin: 0 0 10px;
	padding: 0;
	font-family: "Arial Black", Gadget, sans-serif;
}
#centre h2{
	font-size: 0.9em;
	text-align: center;
	color: #000;
	margin: 5px 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
}
#centre h3{ font-size: 14px; text-align: center; color: #000; margin: 5px 0; padding: 0; }
/*--------------------------------------------*/
#centre p{
	font-size: 0.9em;
	color: #000;
	margin: 5px 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
}
#centre p a{ font-size: 15px; font-weight: bold; text-decoration: none; color: #000; margin: 0; padding: 0; }
#centre p a:hover{ text-decoration: underline; color:#F00 }
/*--------------------------------------------*/
#centre ul{ margin: 0; padding: 0; }
#centre ul li.dep{ list-style-type: none; float: left; margin: 2px 0; }
#centre ul li.dep a{ width: 200px; display:block; text-decoration: none; font-weight: normal; color: #000; background: url(img/liens.png) 0 0 no-repeat; margin: 5px 0 10px 40px; padding: 0 5px 5px 25px; }
#centre ul li.dep a:hover{ text-decoration: underline; }
/*--------------------------------------------*/
#centre ul li.paris{ list-style-type: none; float: left; margin: 2px 0; padding: 0; }
#centre ul li.paris a{ width: 200px; display:block; font-size: 13px; font-weight: normal; text-decoration: none; color: #000; background: url(img/liens.png) 0 0 no-repeat; margin: 0 0 0 40px; padding: 0 5px 5px 25px; }
#centre ul li.paris a:hover{ text-decoration: underline; }
/*--------------------------------------------*/
#nomarques{ width: 675px; margin: 0 auto; }
/*--------------------------------------------*/
#centre-grand{
	width: 764px;
	float: left;
	padding: 0 5px;
	text-align: center;
}
#centre-grand h1{
	font-size: 0.9em;
	text-decoration: none;
	text-align: center;
	color: #000;
	margin: 0 0 10px;
	padding: 0;
}
#centre-grand h2{
	font-size: 0.9em;
	text-align: center;
	color: #000;
	margin: 5px 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
#centre-grand p u {
	text-decoration: underline;
	background-color: #FFF;
}

#centre-grand h3{ font-size: 15px; text-align: center; color: #000; margin: 5px 0; padding: 0; }
/*--------------------------------------------*/
#centre-grand p{
	font-size: 0.9em;
	color: #000;
	margin:5px 0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#centre-grand a{ text-decoration: none; font-size: 15px; color: #000; margin: 0; padding:0; }
#centre-grand a:hover{
	text-decoration: underline;
	color: #F00;
}
#centre-grand a.lien-marque{ width: 150px; float: left; display:block; text-decoration: none; text-align: center; font-weight: normal; color: #000; background: url(img/liens.png) 0 0 no-repeat; margin: 10px 0 10px 40px; padding: 0 5px 5px 25px; }
/*--------------------------------------------*/
#centre-grand li{ list-style-type: none; text-align: center; margin: 10px auto; }
#centre-grand li a{ text-decoration: none; font-weight: normal; color: #000; margin: 0; }
#centre-grand li a:hover{ text-decoration: underline; margin: 0; padding: 0; }
/*--------------------------------------------*/
#centre-grand li.liste-lien{ list-style-type: none; text-align: left; margin: 10px auto; }
#centre-grand li.liste-lien a{ text-decoration: none; font-weight: normal; color: #000; margin: 0; }
#centre-grand li.liste-lien a:hover{ text-decoration: underline; margin: 0; padding: 0; }
/*--------------------------------------------*/
#centre-grand h1.depart{
	font-size: 0.9em;
	text-align: center;
	text-decoration: none;
	color: #000;
	margin: 10px 0;
	padding: 0;
}
#centre-grand h2.suite-dep{ font-size: 16px; text-align: center; color: #000; margin: 10px 0; padding: 0; }
#centre-grand h3.departement{ font-size: 15px; font-weight: bold; text-align: center; color: #000; margin: 20px 0; padding: 0;}
/*--------------------------------------------*/
.materiel{ width: 620px; background: #e2e0e0; border: 1px solid #b62123; margin:10px auto; padding: 10px; }
.materiel img{ width: 200px; float: left; margin: 0 5px 0 0; padding: 0; }
.materiel .text{ width: 415px; float: left; margin: 0; padding: 0; }
.materiel .text h1{ font-size: 16px; text-align: left; text-decoration: none; color: #000; margin: 0; padding: 0; }
.materiel .text p{ margin: 10px 0; padding: 5px 0; }
.materiel p.ref{ width: 200px; display: block; font-size: 13px; color: #b62123; margin: 0; padding: 0; }
/*--------------------------------------------*/
a#liensuivants{ width:22px; height: 22px; display:block; float:left; text-indent: -9999px; background:url(img/liens.png) 0 0 no-repeat; margin: 0 0 0 375px; }
a#lienprecedents{ width:22px; height: 22px; display:block; float:left; text-indent: -9999px; background:url(img/lien-precedent.png) 0 0 no-repeat; margin: 0 0 0 375px; }
a#liensuivantp{ width:22px; height: 22px; display:block; float:left; text-indent: -9999px; background:url(img/liens.png) 0 0 no-repeat;margin: 0 0 0 20px; }
a#lienprecedentp{ width:22px; height: 22px; display:block; float:left; text-indent: -9999px; background:url(img/lien-precedent.png) 0 0 no-repeat; margin: 0 0 0 350px; }
/*Gauche
--------------------*/
#gauche{ width: 170px; float: left; margin: 0; padding: 0; }
/*Pied
--------------------*/
#pied{ height: 25px; background: url(img/menu.gif) 0 0 repeat-x; text-align: center; margin: 5px 0; padding: 0 5px; }
#pied ul{  text-align: center; margin: 0; padding: 0 0; }
#pied ul li{  float: left; text-align: center;  list-style-type: none; margin: 3px 0; padding: 0; }
#pied ul li a{  height: 25px; width:125px; display: block; text-align: center; text-decoration: none; color: #000; font-size : 12px; font-weight: bold; margin: 0 0; padding: 0px 0; }
#pied ul li a:hover{  color: #fff; }
/*Lien Marques
--------------------*/
a#bricard{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/bricard.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#bricard:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#mottura{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/mottura.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#mottura:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#city{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/city.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#city:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#muel{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/muel.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#muel:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#dom{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/dom.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#dom:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#mul-t-lock{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/mul-t-lock.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#mul-t-lock:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#fichet{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/fichet.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#fichet:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#pollux{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/pollux.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#pollux:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#e{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/e.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#e:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#picard{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/picard.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#picard:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#jpm{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/jpm.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#jpm:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#reelax{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/reelax.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#reelax:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#laperche{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/laperche.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#laperche:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#vachette{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/vachette.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#vachette:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#metalux{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/metalux.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#metalux:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
a#vak{ width: 76px; height: 45px; text-indent: -9999px; display: block; float: left; background: url(img/vak.jpg) 0 0 no-repeat; margin: 20px 4px; padding: 0; }
a#vak:hover{ width: 76px; height: 45px; display: block; border: 1px solid #000; margin: 19px 3px; padding: 0; }
/*Devis
--------------------*/
#fcontact{ width: 500px; margin: 0 auto; padding: 0; }
#nom{ margin: 0 0 0 100px; }
#prenom{ margin: 0 0 0 80px; }
#telephone{ margin: 0 0 0 60px; }
#email{ margin: 0 0 0 93px; }
#objet{ margin: 0 0 0 97px; }
#message{ margin: 0 0 0 140px; }
/*Bas de pages
--------------------*/
#block-paris{ width: 1000px; background: #e2e0e0; border: 5px solid #b62123; text-align: left; margin: 5px auto; padding: 5px; }
#block-paris h1{ font-size: 10px; line-height : 11px;text-decoration: none; color: #000; margin: 10px 0 0; padding: 0; }
#block-paris h3{ font-size: 10px; line-height: 12px; text-decoration:underline; color:#000; font-weight:bold; margin: 8px; padding:0; }
#block-paris p{ font-size: 9px; line-height : 10px;color: #000; font-weight: bold; margin: 5px auto 0; padding: 0; }
#block-paris a{ font-size: 9px; line-height : 10px;color: #000; text-decoration: none; margin: 0; padding: 0; }
#block-paris a:hover{ text-decoration: underline; color:#F03 }
/*Site map
--------------------*/
.serrures{ width : 400px; float: left; margin: 0 25px 0; }
.serrures a{ width: 250px; display:block; text-decoration: none; font-weight: normal; font-size: 13px; color: #000; background: url(img/liens.png) 0 0 no-repeat; margin: 5px 0 10px 40px; padding: 0 5px 5px 25px; }
.serrures a:hover{ text-decoration: underline; }
.cylindres{ width : 400px; float: left; margin: 0 25px 0; }
.cylindres a{ width: 250px; display:block; text-decoration: none; font-weight: normal; font-size: 13px; color: #000; background: url(img/liens.png) 0 0 no-repeat; margin: 5px 0 10px 40px; padding: 0 5px 5px 25px; }
.cylindres a:hover{ text-decoration: underline; }

/*Option
--------------------*/
hr{ clear: both; height: 1px; visibility: hidden; margin: 0; padding: 0; }
h1#boite{
	font-size: 10px;
	text-align: center;
	color: #000;
	margin: 10px auto 0;
	padding: 0;
}
p#copy{ font-size: 9px; text-align: center; color: #000; margin: 5px auto 0; padding: 0; }
#gauche  {
	height: auto;
	text-align: justify;
}
#gauche p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9px;
	color: #000;
	text-align: left;
}
a {
	text-decoration: underline;
}
a:hover {
	color: #F00;
	text-decoration: none;
}
.tele {
	font-size: 18px;
	color: #F00;
}
.barre {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}