body{
	background-color:#cacaca;
	font-family: Arial,Verdana,"Trebuchet MS",sans-serif;
	font-size: 13px;
	width:998px;
	margin:0 auto;
	padding:0;
	color:#676767;
}

*{
	outline:none;
}

.clear{
	clear:both;
	height:0;
}

.clearH{
	clear:both;
	height:10px;
}

h1, h2, h3, p, img{
	margin: 0;
	padding: 0;
	border:0;
}

.spacer {
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	float: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}


.centre {
	text-align: center;
}

.marge1 { height: 10px }
.marge2 { height: 20px }

a{
	text-decoration:none;
}

#header{
	width:900px;
	height:141px;
	margin:0;
	padding:45px 38px 0 60px;
	background:url(../images/entete.jpg) no-repeat;
	position:relative;
}

#content{
	width:998px;
	margin:0;
	background:url(../images/centre.jpg) repeat-y;
	position:relative;
}

#accueil, #contact, #reference, #societe-service, #societe-intervention, #societe-serrurerie-batiment, #societe-serrurerie-securite, #diaporama {
	min-height:495px;
	padding:0 35px 50px 60px;
}

#accueil{
	background:url(../images/coffre-accueil.jpg) no-repeat 19px bottom;
}

#contact{
	background:url(../images/fond-contact.jpg) no-repeat 19px bottom;
}

#reference{
	background:url(../images/fond-reference.jpg) no-repeat 19px bottom;
}

#societe-service{
	background:url(../images/fond-societe-service.jpg) no-repeat 19px bottom;
}

#societe-intervention{
	background:url(../images/fond-societe-intervention.jpg) no-repeat 19px bottom;
}

#societe-serrurerie-batiment{
	background:url(../images/fond-serrurerie-batiment.jpg) no-repeat 19px bottom;
	min-height:650px;
}

#societe-serrurerie-securite{
	background:url(../images/fond-serrurerie-securite.jpg) no-repeat 19px bottom;
	min-height:1420px;
}

#footer{
	width:998px;
	height:21px;
	margin:0;
	padding:0;
	background:url(../images/pied.jpg) no-repeat;
}

#logo{
	width:320px;
	float:left;
}

#logo h2{
	font-size:11px;
	font-weight:normal;
	color:#c0c0c0;
	padding:0;
	margin:5px 0 0 0;
}

#titrePage{
	width:567px;
	float:left;
	margin:10px 0 0 0;
}

.imageVerte{
	padding:0 0 0 13px;
	background:url(../images/background-titre-page.gif) repeat-y top left;
}

#titrePage h1{
	font-size:26px;
	color:#2c2c2c;
	margin:0;
}

#titrePage h1 span{
	font-size:25px;
}

#titrePage h2{
	font-size:23px;
	color:#3e3e3e;
	font-weight:normal;
	margin:0;
}

#titrePage h2 span#titre{
	color:#bd2d2a;
	font-size:24px;
	padding:0 0 0 50px;
	margin:0;
	background:url(../images/puce-petit-verte.gif) no-repeat left center;
}

#titrePage h2 span#ouverture, #titrePage h2 span#transport{
	color:#bd2d2a;
}

#titrePage h2 span#depannage, #titrePage h2 span#installation{
	color:#59298b;
}

#logoContact{
	width:167px;
	height:61px;
	background:url(../images/fond-contact.gif) no-repeat;
	position:absolute;
	top:22px;
	right:17px;
}



#logoContact a {

	color: #fff;

}

#logoContact p#hesitezContact{
	font-weight:bold;
	font-size:16px;
	padding:0;
	margin:7px 0 0 65px;
	color:#f8f8f8;
	line-height:16px;
}

#logoContact p#telContact{
	font-weight:bold;
	font-size:20px;
	padding:0;
	margin:4px 0 0 20px;
	color:#59298b;
}

#content #left{
	float:left;
	width:320px;
	padding:0;
	margin:0;
}

#content #right{
	float:left;
	width:583px;
	padding:0;
	margin:0;
}

#contactMentions{
	position:absolute;
	bottom:0;
	right:20px;
	width:110px;
	padding:5px 0 5px 13px;
}

#contactMentions a{
	color:#474747;
}

#contactMentions a:hover{
	text-decoration:underline;
}

#right h5{
	margin:20px 0;
	padding:0 0 0 60px;
	color:#bd2d2a;
	font-size:24px;
	font-weight:normal;
	background:url(../images/puce-petit-verte.gif) no-repeat left center;
}

#right h6{
	margin:20px 0 15px 0;
	padding:0 0 0 20px;
	text-transform:uppercase;
	color:#2c2c2c;
	font-size:18px;
	background:url(../images/puce-menu-hover.gif) no-repeat left center;
}

#right p.normal{
	padding:0;
	margin:0;
	color:#767676;
	font-size:13px;
}

#right p.normalBold{
	padding:0;
	margin:0 0 15px 0;
	color:#2c2c2c;
	font-weight:bold;
	font-size:13px;
}

#right ul.listePuceVerte{
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
}

#right ul.listePuceVerte li{
	margin:0 0 3px 0;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:12px;
	color:#767676;
	background:url(../images/puce-menu-hover.gif) no-repeat left center;
}


/*============== MENU ============*/

#left ul{
	list-style:none;
	margin:0;
	padding:0;
}

#left ul li{
	margin:11px 0 0 0;
	padding:0;
}

#left ul li.referenceMenu{
	margin:10px 0 0 0;
	padding:0;
}

#left ul li a{
	margin:0;
	padding:0 0 0 20px;
	background:url(../images/puce-menu.gif) no-repeat left;
	color:#474747;
	text-transform:uppercase;
	font-size:13px;
}

#left ul li a:hover{
	margin:0;
	padding:0 0 0 20px;
	background:url(../images/puce-menu-hover.gif) no-repeat left;
	color:#474747;
	text-transform:uppercase;
}

#left ul li a.active{
	margin:0;
	padding:0 0 0 20px;
	background:url(../images/puce-menu-hover.gif) no-repeat left;
	color:#474747;
	text-transform:uppercase;
}

#left ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	background:none;
}

#left ul li ul li{
	margin:0;
	padding:0;
	background:none;
}

#left ul li ul li#premierliMenu{
	margin-top:5px;
	padding:0;
	background:none;
}

#left ul li ul li a{
	margin:0;
	padding:0 0 0 28px;
	background:url(../images/puce-menu-petit.gif) no-repeat left;
	text-transform:none;
	font-size:12px;
}

#left ul li ul li a:hover{
	margin:0;
	padding:0 0 0 28px;
	background:none;
	background:url(../images/puce-menu-petit.gif) no-repeat left;
	color:#bd2d2a;
	font-weight:bold;
	text-transform:none;
}

#left ul li ul li a.active{
	margin:0;
	padding:0 0 0 28px;
	background:none;
	background:url(../images/puce-menu-petit.gif) no-repeat left;
	color:#bd2d2a;
	font-weight:bold;
	text-transform:none;
}

/*============== MENU ============*/

/*============== ACCUEIL ============*/

p.accueilSass{
	font-size: 14px;

	color:#2c2c2c;
	/*text-align:justify*/
}

p.accueilSass span{
	font-weight:bold;
}



h2.accueilVilles {

	font-size: 12px;

	margin: 10px 0;

	font-weight: normal;

	font-style: italic;

	text-align: justify;

	line-height: 18px;

}

p#contactezNous{
	width:520px;
	font-size:16px;
	font-weight:bold;
	color:#767676;
	padding:0;
	margin:10px 0 30px 0;
	text-transform:uppercase;
}

p#contactezNous span{
	color:#bd2d2a;
}

.accueilCoffre{
	width:176px;
	height:140px;
	background:url(../images/fond-accueil-coffre.jpg) top left;
	border:2px solid #e3e3e3;
	border-bottom:0;
	float:left;
	margin:0 10px 0 0;
	position:relative;
}

.accueilCoffre h4{
	color:#4f4f4f;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin: 0;
	position: absolute;
	top: 6px;
	width: 100%;
}

.accueilCoffre img{
	float:left;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	left:0;
}

.carousselDiv{
	width:558px;
	height:163px;
	background:url(../images/fond-caroussel.png) repeat;
	margin:20px 0 0 0;
	padding:12px 0 0 0;
}

.carousselDiv h4{
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:0;
	margin:0 0 0 62px;
}

p#intervention{
	font-size:10px;
	margin:5px 0 0 77px;
	padding:0;
	color:#4f4f4f;
}

/*============== ACCUEIL ============*/

/*============== CONTACT ============*/

#formulaire{
	width:505px;
	background-color:#ededed;
	padding:20px 20px 20px 15px;
	margin:15px 0 0 0;
}

#formulaire #gauche{
	width:220px;
	margin:0;
	float:left;
}

#formulaire #gauche form{
	margin:0;
	padding:0;
}

#formulaire #gauche label{
	width:55px;
	margin:0 10px 0 0;
	float:left;
	text-align:right;
	font-size:11px;
}

#formulaire #gauche input{
	width:130px;
	height:20px;
	border:1px solid #ededed;
	margin:0;
	float:left;
}

#formulaire #gauche textarea{
	width:130px;
	height:40px;
	border:1px solid #ededed;
	margin:0;
	float:left;
}

#formulaire #gauche input#envoyer{
	width:90px;
	height:33px;
	border:0;
	margin:0 0 0 80px;
}

label.error{
	display:none;
	position: absolute;
	top: -999999px;
}

input.error{
	border:1px solid red !important;
}

textarea.error{
	border:1px solid red !important;
}

#formulaire #droite{
	width:285px;
	margin:0;
	float:left;
}

#formulaire #droite p{
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
	color:#2c2c2c;
}

#formulaire #droite p span{
	font-weight:bold;
}

#formulaire #droite p a{
	color:#2c2c2c;
}

#formulaire #droite p a:hover{
	text-decoration:underline;
}

#formulaire #droite #googlemap{
	width:285px;
	height:345px;
	margin:0;
}

.adressesSousCarte {
	color: black;
	margin-top: 30px;
}

.adressesSousCarte span{
	font-weight:bold;
}

.adressesSousCarte a{
	color:#2c2c2c;
}

.adressesSousCarte a:hover{
	text-decoration:underline;
}

p.contactCambriolage{
	font-size:14px;
	color:#2c2c2c;
}

p.contactCambriolage span{
	font-weight:bold;
}

/*============== CONTACT ============*/

/*============== REFERENCE ============*/

p.colorGris{
	font-size:12px;
	color:#767676;
}

p.marques{
	font-weight:bold;
	color:#767676;
	font-size:14px;
	margin:20px 0 0 0;
	padding:0;
}

/*============== REFERENCE ============*/

/*============== MENTIONS LEGALES ============*/
#publication a{
	color:#767676;
}

#publication a:hover{
	text-decoration:underline;
}

/*============== MENTIONS LEGALES ============*/


/*============== SOCIETE ============*/

.gauche{
	float:left;
}

.droite{
	float:left;
	margin:0 0 0 15px !important;
}

img.imgSociete{
	margin:0 100px 0 0;
}

img.camion{
	margin:50px 20px 0 0 !important;
}

/*============== SOCIETE ============*/

/*============== BATIMENT ============*/

ul#batimentListe{
	margin:0 0 0 25px;
	padding:0;
	list-style-type:decimal;
	color:#000;
	font-weight:bold;
	font-size:13px;
}

ul#batimentListe li{
	margin:0 0 20px 0;
	padding:0;
}


ul#batimentListe li ul{
	margin:0;
	padding:0;
	list-style-type:decimal;
	color:#767676;
	font-weight:normal;
	font-size:13px;
}

ul#batimentListe li ul li{
	margin:0;
	padding:0;
}


/*============== BATIMENT ============*/

/*============== SECURITE ============*/

.photoSerrure{
	float:left;
	width:160px;
}

.description{
	float:left;
	width:400px;
	margin-top:8px;
}

.description p{
	margin:0;
	padding:0;
}

.caracteristique{
	background-color:#e9e9e9;
	margin:0;
	padding:20px 25px;
	width:510px;
}

.caracteristique ul{
	margin:0;
	padding:0;
	list-style:none;
}

.caracteristique ul li{
	margin:0;
	padding:0;
	font-weight:bold;
}

.caracteristique ul li ul{
	margin:0;
	padding:0;
}

.caracteristique ul li ul li{
	margin:0;
	padding:0;
	font-weight:normal;
}

p#explication{
	font-size:10px;
	margin:10px 0 0 5px;
}

p#hesitezContactSecurite{
	font-size:24px;
	margin:20px 0 0 0;
	color:#2c2c2c;
}

p#hesitezContactSecurite span{
	color:#bd2d2a;
}


/*============== SECURITE ============*/



.plaquette {

	margin: 0 0 0 20px;

}



.image-batiment {

	margin: 0 15px 0 0;

}



.majuscules {

	text-transform: uppercase;

}



/* Diaporama */

.diaporama {

	margin: 0 0 40px 0;

}



p.album {

	background: url(../images/puce-menu-hover.gif) no-repeat center left;

	padding: 0 0 0 20px;

	font-size: 18px;

	color: #2c2c2c;

	font-weight: bold;

}



.caroussel-diaporama {

	list-style: none;

	padding: 0;

	margin: 0;

}





/* Popup accueil Produits */

.popup-produit {

	width: 690px;

	height: 360px;

}



.popup-produit-gauche {

	float: left;

	width: 350px;

	margin: 0 20px 0 0;

}



.popup-produit-droite {

	float: left;

	width: 320px;

}



.popup-produit .image {

	text-align: center;

	width: 350px;

	height: 350px;

	overflow: hidden;

}



.popup-produit .cadre {

	margin: 10px 0;

}



.popup-produit .titre {

	color: #262626;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 16px;

}



.popup-produit .texte {

	color: #5f5f5f;

	font-size: 11px;

}



.popup-produit .type {

	float: right;

	padding: 5px 10px;

	color: #fff;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: bold;

	margin: 10px 0;

}



.popup-produit .type.neuf {

	background: #59298b;

}	



.popup-produit .type.occasion {

	background: #bd2d2a;

}	



.popup-produit .prix {

	float: right;

	color: #262626;

	font-weight: bold;

	font-size: 14px;

	margin: 10px 0 0 0;

}



.popup-imprimer {

	border: 1px solid #bbb;

	background: #f7f7f7 url(../images/puce-imprimer.gif) no-repeat center left;

	padding: 5px 5px 5px 25px;

	color: #4f4f4f;

	float: right;

	margin: 10px 20px 0 0;

	line-height: 16px;

}

.s10 {
	font-size: 10px !important;
}


.listePhotos {
	margin: 10px 0;
}

.listePhotos ul {
	list-style: none;
	margin: 0 0 0 -10px;
	padding: 0;
}

.listePhotos ul li {
	float: left;
	margin: 0 0 0 10px;
	width: 180px;
}