/*styles pincipaux pour le club des artisans*/

html{
	margin: 0 auto;	padding: 0;
	width: 100%;
	background: url(images/ciel.jpg) repeat-x;}
	
body{
	width: 100%;
	margin: 0 auto; padding: 0;
	position: relative;
	background: url(images/club-artisans.jpg) center top no-repeat;
	font-size :.8em;
	font-family: arial, verdana, sans serif;
}

h1, h2, h3, h4, h5, h6{
	margin: 0; padding: 0;}
	
ul, li, dt, dd, dl{
	margin: 0; padding: 0;
	list-style: none;}
	
img {
	border: none;}

	
/***********************************************************************************************************LISTES DEROULANTES */	
select{
	/*float: left;*/
	padding: 0;
	margin: 0;}
	
	select.niveau2{
		width: 200px;
		padding: 0px;
		margin: 1px 1px 5px 1px;
		cursor: pointer;}
		
	select.niveau3{
		width: 200px;
		padding: 0px;
		margin: 5px 1px 1px 1px;
		cursor: pointer;}
		
	select.region{
		margin: 1px 1px 1px 1px;
		cursor: pointer;}

optgroup.niveau1{
	color: #003399;
}

optgroup.niveau2{
	padding-left: 20px;
	color: #000000;
	font-style: normal;
}

option.niveau2{
	/*padding-left: 30px;*/
	color: #000000;
	font-weight: bold;
}

option.niveau3{
	/*padding-left: 60px;*/
	color: #000000;
}	

#select_niv2, #select_niv3{
	cursor: pointer;
	position: relative;
	z-index: 2;}
	
/***********************************************************************************************************HEADER + CONTENEUR */	
#header{
	height: 124px;
	width: 990px;
	margin: 0 auto;
	top: 0;}
	
#conteneur{
	width: 990px;
	margin: 0 auto;
	padding-top: 0px;
}

/*************************************************************************************************************mise en forme des contenus standards*/
#page_inter #contenu{
	width: 640px;
	padding: 0 50px 50px 100px;
	line-height: 1.4em;}
	
	#page_inter #contenu h1{
		width: 100%;
		margin: 0 0 20px 0;
		font-size: 1.3em;
		color: #181B78;
		border-bottom: #999 dotted 2px;
		}
	
#page_inter #contenu blockquote{
		color: #000/*#505050*/;
		/*font-family: verdana;*/
		float: left;
		width: 290px;
		font-size: .9em;
		font-weight: bold;
		text-align: justify;
		margin: 0; padding: 0 0 0 40px;}
		
		img.charte{
		float: left;}
		
	#page_inter #contenu ul{
		}
		#page_inter #contenu ul li{
		background: url(images/fleche-blanc.gif) left 1px no-repeat;
		padding: 10px 50px;}
		
	#page_inter #contenu ul.charte{
		clear: both;}
		#page_inter #contenu ul.charte li{
		background: url(images/fleche-charte.gif) left 16px no-repeat;
		padding: 15px 40px;}		
	#page_inter #contenu .col{
		background: url(images/col_fond.jpg) left top no-repeat;
		float: left;
		width: 272px;
		margin: 0;
		padding: 20px;
		overflow: hidden;
		height: 180px;}
		
		#page_inter #contenu .col h2{
			color: #999;
			font-size: 1.2em;}
			
/*présentation des artisans*/
#fiche{
	width: 100%;
	padding: 0 30px 80px 20px;
	line-height: 1.4em;
	float: left;
	overflow: hidden;}
	
	#fiche a{
		color: #181B78;
	}
	#fiche a:hover{
		color: #C7D52A;
	}	
	
	#entete{
		width: 550px;
		float: left;
		overflow: hidden;
		height: 150px;
		padding: 20px 50px 5px 100px;
		display: block;
		background: url(images/artisan-fiche.gif) left top no-repeat;}
		
		#entete img{
		float: right;
		border: 1px solid #EEE;
		-moz-border-radius: 2px;}
		
		#entete h1{
		padding: 10px 0 20px 0;
		color: #C7D52A;}
		
		ul#fiche-nav{
		display: none;}
		
				
	#fiche #econtact{
		width: 100%;
		display: block;
		background: url(images/artisan-contact.jpg) 10px top no-repeat;
		margin: 0;
		padding: 20px 0 30px 80px;
		overflow: hidden;}
		
	#fiche #descr{
		width: 90%;
		display: block;
		background: url(images/artisan-detail.jpg) 10px top no-repeat;
		padding: 10px 0 0 80px;
		overflow: hidden;}
		#fiche #descr ul, .col_act1 ul{
			list-style: circle outside;
			padding: 0 0 0 30px;}
			#fiche #descr ul li, .col_act1 ul li{
			list-style: circle outside;}
			
	#fiche #econtact h3, #fiche #descr h3, #fiche-droite h3{
		font-size: 1.3em;
		color:#181B78;}
		
#fiche-droite, .outline, ul#menu, #menu-recherche, #col-droite, #actualites {
	display: none;}
	
	

/*************************************************************************************************************mise en forme des boutons*/
	
submit
{
	background: url(images/bouton-submit.gif) left top no-repeat;
	display: block;
	padding : 4px 0;
	text-align: center;	
	cursor: pointer;
	float: right;
	width: 90px;}
	
	.valider{
		background: url(images/bt_valider.gif) left top no-repeat;
		display: block;
		padding : 4px 0;
		text-align: center;	
		float: right;
		width: 85px;
		height: 24px;
		background-color: #ffffff;
		color: #FFF;
		border: 0px solid black;
		cursor: pointer;
		font-weight: bold;
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 0px 0px;}
	
	.valider:hover{
		/*color: #181B78;	*/
		background: url(images/bt_valider.gif) right top no-repeat;}
		
	.valider:focus{
		border: 0px solid red;
		text-align: center;}

/*************************************************************************************************************mise en forme de la zone de recherche*/
#page_inter{
	background: url(images/bas-charte-artisan.jpg) center bottom no-repeat;
	min-height: 420px;
	_height: 420px;
	clear: both;
	z-index: 1;
	position: relative;
	overflow: hidden;} 
	
	/*carte située à gauche en fixe*/
	#carte{
	float: left;
	padding: 0 20px;
	z-index: 1;
	position: relative;}
		#carte h2 {
		padding: 5px 0 5px 40px;
		font-size: .9em;}
		#carte .ray{
		background: url(images/fleche-hor-bleu.gif) left top no-repeat;
		color: #181B78;
		padding: 5px 0 5px 40px;
		display: block;
		float: left;}
	
	/*les deux zones de recherche*/
	#recherche-libre, #recherche-theme{
	background: url(images/recherche-bas.gif) left bottom no-repeat;
	width: 440px;
	padding: 0 0 10px 0;
	overflow: hidden;}
	
	#recherche-libre #recherche-saisie{
	background: url(images/recherche-libre.gif) left top no-repeat;
	width: 440px;
	height: 39px;
	padding: 10px 0 0 0;
	overflow: hidden;}
	
	#recherche-theme #recherche-saisie{
	background: url(images/recherche-theme.gif) left top no-repeat;
	width: 440px;
	height: 39px;
	padding: 10px 0 0 0;
	overflow: hidden;}

		#recherche-saisie  a.on, #recherche-saisie  a.off{
		display: block;
		height: 24px;
		float: left;
		padding: 5px 0 0 30px;
		text-decoration: none;
		cursor: pointer;}
		
			#recherche-saisie  a.on{
				}
			#recherche-saisie  a.off{
				}
		
		#recherche-saisie  a.off{
		background: url(images/fleche-hor.gif) top left no-repeat;
		color: #999;}
		#recherche-saisie  a.on, #carte h2, #actualites h2{
		font-weight: bold;
		background: url(images/fleche-vert.gif) top left no-repeat;
		color: #181B78;}
		
		#recherche-form{
		background: url(images/recherche-fond.gif) left top repeat;
		width: 420px;
		overflow: hidden;
		padding: 0px 10px 0px 10px;}
		
			#quoi{
				float: left;
				width: 200px;
				margin: 0px;
				padding: 4px;
				font-weight: bold;
				font-style: italic;}
				
				#quoi img{
					margin: 0px;
					padding: 2px;
					vertical-align: bottom;
				}
				
				#quoi span{
					margin: 0px;
					padding: 2px;
				}
			
				#quoi input{
					margin: 7px 2px 2px 2px;
					padding: 1px;
				}
			
			#ou{
				float: left;
				width: 200px;
				margin: 0px;
				padding: 4px;
				font-weight: bold;
				font-style: italic;}
				
					#ou img{
						margin: 0px;
						padding: 2px;
						vertical-align: bottom;
					}
					
					#ou span{
						margin: 0px;
						padding: 2px;
					}
			
			#valid{
				float: right;
				margin: 0px;
				padding: 1px 5px 5px 5px;
				width: 95px;}
			
			#error-libre, #error-theme{
				clear: both;
				float: right;
				margin: 0px;
				padding: 1px 10px 3px 3px;
				color: #181B78;
				font-weight: bold;
				text-align: right;}

	/*la zone de présentation de la page d'accueil*/
	#logos{
		float: left;
		width: 440px;
		padding : 0px 0px 0px 40px;}
		
			#logos .col1{
			width: 205px;
			float: left;
			color: #FFFFFF;
			}
			#logos .col2{
			width: 220px;
			float: left;
			padding: 30px 0px 0px 0px;
			}

				#logoCertif img{
				float: left;}
				#logos img{
				float: left;}
				
				#logos .col2 a h3{
				color: #c7d52a;
				font-size: 1.3em;
				text-align: center;}
				#logos .col2 a h3:hover{
				color: #181B78;
				}
				
				#text1{
					padding: 4px 4px 4px 10px;
					width: 141px;
				}

				#text2{
					width: 177px;
					text-align: center;
					color: #999;
					font-weight: bold;
					font-size: 0.9em;
					clear: both;
				}
	
/*************************************************************************************************************mise en forme des actualités - ça bouge !*/

			
		#footer, #footer-page{
		display: none;}	

	
/*********************************************************************************************************************NUAGE*/
		
		a.mot1{
			font-weight:bold;
			font-size:1.3em;
			color: #181b78;
			text-decoration:none;
		}

		a.mot2{
			font-weight:bold;
			font-size:1.2em;
			color: #c7d52a;
			text-decoration:none;		
		}

		a.mot3{
			font-weight:bold;
			font-size:1.1em;
			color: #181b78;
			text-decoration:none;		
		}

		a.mot4{
			font-weight:bold;
			font-size:1em;
			color: #c7d52a;
			text-decoration:none;		
		}

		a.mot5{
			font-weight:bold;
			font-size:.8em;
			color: #181b78;
			text-decoration:none;		
		}

		a.mot6{
			font-weight:bold;
			font-size:.7em;
			color: #c7d52a;
			text-decoration:none;		
		}
	
a.mot1:hover, a.mot2:hover, a.mot3:hover, a.mot4:hover, a.mot5:hover, a.mot6:hover{
	text-decoration: underline;}