@charset "iso-8859-1";
/* auteur: WonkaStudio */

body {
	background-color: #000000; 
	background-repeat: repeat-x;
	background-color:#000;
	text-align:center;
	margin:0;
	padding:0;
	font-size:100.1%;
	font:83%/1.4 verdana, arial, helvetica, sans-serif;

}

h1 	{
	padding:0px 10px 0px 10px;
	font-size:17px;
	color:#000000;
	font-weight:bold;
	margin:0px;
	text-align:center;
	}


h2 	{
	padding:0px 10px 0px 10px;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	margin:0px;
	text-align:left;
	}
h3 	{
	padding:0px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	margin:0px;
	text-align:center;
	}
h4 	{
	padding:0px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	margin:0px;
	text-align:center;
	}
.cle {	text-align:left;
	margin:0;
	padding:0;
	font-size:12px;
	font:verdana, arial, helvetica, sans-serif;
}
.texte_claire {
	text-align:justify;
	padding:0px 10px 0px 10px;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	}
	
.serrurerie {
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}
a.lien {

	font-style: italic ;
	font-size:10px;
	color:red;

	text-decoration:underline;
	}
a.href {color:navy;
		font-style:strong;

	text-decoration:underline;
	}


a.href2{color:red;text-decoration:none;}
a.href2:hover { color: navy ; text-decoration: underline ; }

p {

	font-family: verdana ;
font-style: bold ;

	font-size:17px;
	color:#ffffff;


	}


.urgence {
	font-size:17px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}

ul#liste_sombre {  }

ul#liste_sombre li {
	color:#939393;
	font-size:10px;
	}

.conteneur_page {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	}
	
.conteneur_head
	{
	height:151px;
	position:relative;
	width:847px;
	text-align:right;
	background-image:url(images/serrurerie.jpg);
	}
	
.conteneur_search
	{
	position:absolute;
	top:0px;
	left:479px;
	height:47px;
	width:368px;
	padding:0px;
	margin:0px;
	text-align:left;
	background-image:url(images/search_back.png);
	}
	
.titre_search {
	margin-left:15px;
	margin-top:10px;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	}

.input_search {
	float:left;
	background-image:url(images/back_input_search.png);
	height:21px;
	width:115px;
	border:0px;
	margin:0px;
	padding:2px 0px 0px 20px;
	}
.input_contact {
	float:left;
	border:0px solid;
	color:#ffffff;
	background-color:#737373;
	margin:0px;
	padding:4px;
	}	
	
.button_search {
	float:left;
	background-image:url(images/back_input_search_button.png);
	height:23px;
	width:32px;
	border:0px;
	margin:0px;
	padding:0px;
	}
	
/* MENU 1 HORIZONTALE ------------------------------------------------------------------------------------------------ */

.menu_first
	{
	float:left;
	height:39px;
	width:20px;
	background-image:url(images/menu_1.png);
	}

.menu_last
	{
	float:left;
	height:39px;
	width:15px;
	background-image:url(images/menu_4.png);
	}

.conteneur_menu
	{
	float:left;
	height:39px;
	width:900px;

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

ul#menu li {
	background-image:url(images/menu_3.png); 
	float: left; }

ul#menu a {
	height:39px;
	width:101px;
	float: left;
	padding:0 0 0 0;
	line-height:30px;
	margin:0 7px 0 0;
	background-image:url(images/menu_2.png); 
	text-align: center; }

ul#menu a:hover {
		background-image:url(images/menu_2.png);
    background-position:0px 39px;
    }

a.link_menu_inside {
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}	
a.link_menu_inside:hover {
  color:#000000;
  }


a.link_menu_2 {
	font-size:10px;
	color:#ff0000;
	font-weight:bold;
	text-decoration:none;
	}	
a.link_menu_2:hover {
  color:#000000;
  }

  
/* CONTENEUR CONTENUS ET MENU ------------------------------------------------------------------------------------------------ */

.conteneur_left
	{
	float:left;
	position:relative;
	width:181px;
	}
.conteneur_center
	{
	position:relative;
	float:right;
	width:642px;
	border-right:46px solid black;
	}

/* MENU LEFT ------------------------------------------------------------------------------------------------ */

.menu_left_head_1
	{
	margin-top:33px;
	display:block;
	height:31px;
	width:181px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	line-height:31px;
	color:#ffffff;
	background-image:url(images/menu_left_head.png);
	}
	
.menu_left_2
	{
	margin-top:20px;
	display:block;
	height:200px;
	width:181px;
	background-image:url(images/menu_left_head_2.png);
	background-color:#ffffff;
	background-repeat:no-repeat;
	padding-top:20px;
	}

ul#simpleliste { 
	text-align:left;
	list-style-type: none;
	margin:0px;
	padding:0px 0px 0px 10px;
	}

ul#simpleliste li {
	margin:5px 0px 8px 0px;
	color:#000000;
	font-size:10px;
	}	
ul#simpleliste a {
	color:#000000;
font-weight:bold;
	text-decoration:none;
	}		
ul#simpleliste a:hover {
	color:#ffffff;
	padding:4px;
	text-decoration:none;
	background-color:#075ba1;
	}	
	
.menu_left_foot
	{
	display:block;
	height:17px;
	width:181px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	line-height:31px;
	color:#ffffff;
	background-image:url(http://www.serrurerie.com/images/menu_left_foot.png);
	}


.copie-de-cle
	{
	display:block;
	height:17px;
	width:181px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	line-height:31px;
	color:#ffffff;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-particuliers.png);
	}

.copie-de-cle
	{
	margin-top:20px;
	margin:auto;
	display:block;
	height:49px;
	width:181px;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-particuliers.png);
	}
.copie-de-cle:hover	{	background-position:0px 49px; }


.copie-de-cle-1
	{
	margin-top:20px;
	margin:auto ;
	display:block;
	height:49px;
	width:181px;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-particuliers.png);
background-position:0px 49px;
	}
.copie-de-cle:hover	{	background-position:0px 49px; }



.commande-de-cle
	{
	display:block;
	height:17px;
	width:181px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	line-height:31px;
	color:#ffffff;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-entreprises.png);
	}
.commande-de-cle
	{
	margin-top:20px;
	margin:auto;
display:block;
	height:49px;
	width:181px;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-entreprises.png);
	}
.commande-de-cle:hover	{	background-position:0px 49px; }


.commande-de-cle-1
	{
	margin-top:20px;
	margin:auto ;
display:block;
	height:49px;
	width:181px;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-entreprises.png);
background-position:0px 49px;
	}
.commande-de-cle:hover	{	background-position:0px 49px; }
	



.double-de-cle
	{
	display:block;
	height:17px;
	width:181px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	line-height:31px;
	color:#ffffff;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-coproprietes.png);
	}
.double-de-cle
	{
	margin-top:20px;
	margin:auto;
display:block;
	height:49px;
	width:181px;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-coproprietes.png);
	}
.double-de-cle:hover	{	background-position:0px 49px; }


.double-de-cle-1
	{
	margin-top:20px;
	margin:auto;
display:block;
	height:49px;
	width:181px;
	background-image:url(http://www.serrurerie.com/images-png/bt-attestation-coproprietes.png);
background-position:0px 49px;
	}
.double-de-cle:hover	{	background-position:0px 49px; }
	


.icone_left1
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/icone_left_1.png);
	}
.icone_left1:hover	{	background-position:0px 49px; }
	
.icone_left2
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/icone_left_2.png);
	}
.icone_left2:hover	{	background-position:0px 49px; }

.icone_left3
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/icone_left_3.png);
	}
.icone_left3:hover	{	background-position:0px 49px; }


.contact
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/contact.png);
	}
.contact:hover	{	background-position:0px 49px; }


.contact1
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/contact.png);
background-position:0px 49px;
	}
.contact:hover	{	background-position:0px 49px; }

.actu
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/actus-serrurerie.png);
	}
.actu:hover	{	background-position:0px 49px; }


.forum
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/forum.png);
	}
.forum:hover	{	background-position:0px 49px; }

.partenaires
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/partenaires.png);
	}
.partenaires:hover	{	background-position:0px 49px; }


.partenaires1
	{
	margin-top:20px;
	display:block;
	height:49px;
	width:181px;
	background-image:url(images/partenaires.png);
background-position:0px 49px;
	}
.partenaires1:hover	{	background-position:0px 49px; }


/* CONTENTCENTER HAUT ------------------------------------------------------------------------------------------------ */

.content_haut_1
	{
	display:block;
	margin-top:33px;
	width:642px;
	height:290px;
	background-image:url(images/content_1_back.png);
	background-color:#000000;
	background-repeat:no-repeat;
	}

.contact2
	{
	display:block;
	margin-top:33px;
	width:642px;
	height:290px;
	background-image:url(images/contact-serrurerie.png);
	background-color:#000000;
	background-repeat:no-repeat;
	}


.content_haut_1_contact
	{
	display:block;
	margin-top:33px;
	width:642px;
	background-image:url(images/content_1_back_contact.png);
	background-color:#000000;
	background-repeat:no-repeat;
	}	
.content_haut_1_partenaires
	{
	display:block;
	margin-top:33px;
	width:642px;
	background-image:url(images/content_1_back_partenaires.png);
	background-color:#000000;
	background-repeat:no-repeat;
	}	
.content_haut_1_agence
	{
	display:block;
	margin-top:33px;
	width:642px;
	background-image:url(images/content_1_back_agence.png);
	background-color:#000000;
	background-repeat:no-repeat;
	}
.content_haut_1_services
	{
	display:block;
	margin-top:33px;
	width:642px;
	background-image:url(images/content_1_back_services.png);
	background-color:#000000;
	background-repeat:no-repeat;
	}		
  	
.content_haut_2
	{
	display:block;
	position:relative;
	margin-top:10px;
	height:257px;
	width:642px;
	background-image:url(images/block_white_background.png);
	background-color:#000000;
	background-repeat:no-repeat;
	}	

.content_haut_2_bloctext	
		{
		position:absolute;
		top:80px;
		left:10px;
		width:400px;
		font-size:10px;
		color:#1b1b1b;
		text-align:justify;
		}
		
.content_interieur_left_haut_1_conteneur
	{
	float:left;
	margin-top:51px;
	margin-left:20px;
	}
.content_interieur_left_haut_1
	{
	font-size:2px;
	padding:0px;
	margin:0px;
	height:20px;
	width:383px;
	display:block;
	background-image:url(images/content_1_interieur_left_head.png);
	}	


.content_interieur_left_haut_2
	{
	text-align:left;
	height:200px;
	width:383px;
	background-color:#000000;
	display:block;
	}	

.content_interieur_right_haut_1_conteneur
	{
	float:left;
	margin-top:51px;
	margin-left:20px;
	}
.content_interieur_right_haut_1
	{
	display:block;
	font-size:2px;
	height:20px;
	width:193px;
	background-image:url(images/content_1_interieur_right_head.png);
	}	
.content_interieur_right_haut_2
	{
	text-align:left;
	display:block;
	height:200px;
	width:193px;
	background-color:#000000;
	}	
.content_haut_1_blindages
	{
	display:block;
	margin-top:33px;
	width:642px;
	background-image:url(images/blindages.png);
	background-color:#000000;
	background-repeat:no-repeat;

	}		
.button_dark
	{
	border:0px;
	margin-top:20px;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	margin-right:10px;
	text-align:center;
	display:block;
	height:16px;
	width:97px;
	background-image:url(images/bouton_bluedark.png);
	}
.button_dark:hover	{	background-position:0px 16px; }
	
.button_white
	{
	border:0px;
	margin-top:20px;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	margin-right:10px;
	text-align:center;
	display:block;
	height:16px;
	width:97px;
	background-image:url(images/bouton_bluewhite.png);
	}
.button_white:hover	{	background-position:0px 16px; }
	

	
/* FOOTER ------------------------------------------------------------------------------------------------ */

.conteneur_foot
	{
	float:left;
	margin:20px 0px 0px 0px;
  clear:both;
	position:relative;
	background-image:url(images/footer.png);
	height:51px;
	width:900px;
	line-height:47px;
	text-align:center;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	}
.lien_footer {
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}
.lien_footer:hover {
	color:#ffffff;
	text-decoration:underline;
	}
	
	
.separator{
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1em;
	}

/* block top search */
#header #search_block_top {
	background: transparent;
	height: 28px;
	width: 330px;
	float: left;
}
#header #search_block_top p { padding: 0.4em 0 0.4em 1em; }
#header #search_block_top label, #header #search_block_top input{ float:left; }
#header #search_block_top label {
	background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
	float: left;
	width: 19px;
	height: 18px;
	display: block;
}
#header #search_block_top input#search_query { width: 12em; }