@charset "iso-8859-1";
<style type=text/css>
	HTML
	{
	}
	BODY
	{
		font-size        : 12px;
		color            : #ffffff;
		font-family      : Verdana, Arial, Helvetica, sans-serif;
		height           : 100%;
		background       : url("../images/artisan_nord_fond.gif") repeat-x top left #3c2d35;
	}
	select.contact
	{
		font-size   : 12px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color       : #000000;
		border      : 1px solid #000000;
	}
	input.contact
	{
		font-size   : 12px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color       : #000000;
		border      : 1px solid #000000;
	}
	textarea.contact
	{
		font-size   : 12px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color       : #000000;
		border      : 1px solid #000000;
	}
	select.accueil_recherche
	{
		font-size   : 11px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color       : #696969;
		width       : 182px;
		height      : 21px;
	}
	input.accueil_recherche
	{
		font-size    : 10px;
		font-family  : Arial, Helvetica, sans-serif;
		color        : #FFFFFF;
		border       : 1px solid #c7c2c4;
		width        : 182px;
		height       : 15px;
		/*background   : none;*/
		background-color:#45343e;
		padding-top  : 2px;
		padding-left : 1px;
	}
	input.newsletter
	{
		font-size    : 10px;
		font-family  : Arial, Helvetica, sans-serif;
		color        : #FFFFFF;
		border       : 1px solid #c7c2c4;
		width        : 130px;
		height       : 15px;
		background   : none;
		padding-top  : 2px;
		padding-left : 1px;
	}
	a.contenu
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu:link
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu:visited
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu:active
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu:hover
	{
		color           : #fdd000;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu2
	{
		color           : #fdd000;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu2:link
	{
		color           : #fdd000;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu2:visited
	{
		color           : #fdd000;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu2:active
	{
		color           : #fdd000;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.contenu2:hover
	{
		color           : #fdd000;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	a.tag1
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 12px;
		text-decoration : none;
	}
	a.tag1:link
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 12px;
		text-decoration : none;
	}
	a.tag1:visited
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 12px;
		text-decoration : none;
	}
	a.tag1:active
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 12px;
		text-decoration : none;
	}
	a.tag1:hover
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 12px;
		text-decoration : none;
	}
	a.tag2
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 14px;
		text-decoration : none;
	}
	a.tag2:link
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 14px;
		text-decoration : none;
	}
	a.tag2:visited
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 14px;
		text-decoration : none;
	}
	a.tag2:active
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 14px;
		text-decoration : none;
	}
	a.tag2:hover
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 14px;
		text-decoration : none;
	}
	a.tag3
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 18px;
		text-decoration : none;
	}
	a.tag3:link
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 18px;
		text-decoration : none;
	}
	a.tag3:visited
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 18px;
		text-decoration : none;
	}
	a.tag3:active
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 18px;
		text-decoration : none;
	}
	a.tag3:hover
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 18px;
		text-decoration : none;
	}
	a.tag4
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 20px;
		text-decoration : none;
	}
	a.tag4:link
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 20px;
		text-decoration : none;
	}
	a.tag4:visited
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 20px;
		text-decoration : none;
	}
	a.tag4:active
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 20px;
		text-decoration : none;
	}
	a.tag4:hover
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 20px;
		text-decoration : none;
	}
	a.tag5
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 24px;
		text-decoration : none;
	}
	a.tag5:link
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 24px;
		text-decoration : none;
	}
	a.tag5:visited
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 24px;
		text-decoration : none;
	}
	a.tag5:active
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 24px;
		text-decoration : none;
	}
	a.tag5:hover
	{
		color           : #ffffff;
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		font-size       : 24px;
		text-decoration : none;
	}
	h1
	{
		margin      : 0;
		padding     : 0;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color       : #fdd000;
		font-size   : 16px;
		font-style  : italic;
	}
	h2
	{
		margin      : 0;
		padding     : 0;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color       : #c5d9ba;
		font-size   : 14px;
		font-weight : bold;
	}
	#artisan_nord_header
	{
		width          : 1004px;
		height         : 158px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_header.jpg") no-repeat top left;
		color          : #ffffff;
	}
	#artisan_nord_contenu_haut
	{
		width          : 755px;
		height         : 315px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_contenu_haut.jpg") no-repeat top left;
		color          : #ffffff;
	}
	#artisan_nord_accueil_recherche
	{
		width          : 755px;
		height         : 274px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_accueil_recherche.jpg") no-repeat top left;
		color          : #ffffff;
	}
	#artisan_nord_gauche_accueil_etapes
	{
		width          : 249px;
		height         : 293px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_gauche_accueil_etapes.jpg") no-repeat top left;
		color          : #ffffff;
	}
	#artisan_nord_gauche_accueil_nous_contacter
	{
		width          : 249px;
		height         : 128px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_gauche_accueil_nous_contacter.gif") no-repeat top left;
		color          : #ffffff;
	}
	#artisan_nord_gauche_accueil_professionels
	{
		width          : 249px;
		height         : 128px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_gauche_accueil_professionels.jpg") no-repeat top left;
		color          : #ffffff;
	}
	#artisan_nord_gauche_recherche_1
	{
		width          : 249px;
		height         : 195px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_gauche_recherche_1.jpg") no-repeat top left;
		color          : #ffffff;
	}
	#artisan_nord_gauche_recherche_2
	{
		width          : 249px;
		height         : 120px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_gauche_recherche_2.jpg") no-repeat top left;
		color          : #ffffff;
	}
	a.artisan_nord_plan_site_texte1
	{
		text-decoration : none;
		font-weight     : bold;
		font-size       : 14px;		
		font-family     : Verdana, Arial, Helvetica, sans-serif;		
		color           : #fdd000;
		padding-left    : 25px;
	}
	a.artisan_nord_plan_site_texte2
	{
		text-decoration : none;
		font-size       : 12px;		
		font-family     : Verdana, Arial, Helvetica, sans-serif;
		color           : #c5d9ba;
		padding-left    : 50px;
	}		
	#artisan_nord_conseil_a_ami_haut
	{
		width          : 473px;
		height         : 10px;
		vertical-align : top;
		margin         : 0;
		background     : url("../images/artisan_nord_conseil_a_un_ami_haut.gif") no-repeat top right ;
		color          : #3d2d37;
	}
	#artisan_nord_conseil_a_ami_bas
	{
		width          : 473px;
		vertical-align : bottom;
		margin         : 0;
		background     : url("../images/artisan_nord_conseil_a_un_ami_bas.gif") no-repeat bottom right;
		color          : #3d2d37;
	}
	.vert
	{
		text-decoration : none;
		color           : #c5d9ba;
	}
	.contour_vert
	{
		border : 1px solid #c5d9ba;
	}
	.jaune
	{
		text-decoration : none;
		color           : #fdd000;
	}
	.contour_jaune
	{
		border : 1px solid #fdd000;
	}
	/* Autocompletion */
	.update{
		position:absolute;
		width:245px;
		background-color:#6b6065;
		color : #ffffff;
		border:1px solid #000000;
		margin:0px;
		padding:0px;
	}
	
	ul.villes  {
		list-style-type: none;
		margin:0px;
		padding:0px;
		text-align: left;
	}
	ul.villes li.selected { background-color: #42323a; cursor: pointer; color : #ffffff; }
	li.ville {
		list-style-type: none;
		display:block;
		margin:0;
		padding:2px;
		height:32px;
	}
	li.ville div.image {
		float:left;
		width:32px;
		height:32px;
		margin-right:8px;
	}
	li.ville div.nom {
		font-weight:bold;
		font-size:11px;
		line-height:1.2em;
	}
	
	ul.chantiers  {
		list-style-type: none;
		margin:0px;
		padding:0px;
		text-align: left;
	}
	ul.chantiers li.selected { background-color: #42323a; cursor: pointer; color : #ffffff; }
	li.chantier {
		list-style-type: none;
		display:block;
		margin:0;
		padding:2px;
		height:20px;
	}
	li.chantier div.image {
		float:left;
		width:20px;
		height:20px;
		margin-right:8px;
	}
	li.chantier div.nom {
		font-weight:bold;
		font-size:11px;
		line-height:1.2em;
	}
	ul.professions  {
		list-style-type: none;
		margin:0px;
		padding:0px;
		text-align: left;
	}
	ul.professions li.selected { background-color: #42323a; cursor: pointer; color : #ffffff; }
	li.profession {
		list-style-type: none;
		display:block;
		margin:0;
		padding:2px;
		height:20px;
	}
	li.profession div.image {
		float:left;
		width:20px;
		height:20px;
		margin-right:8px;
	}
	li.profession div.nom {
		font-weight:bold;
		font-size:11px;
		line-height:1.2em;
	}
</style>