/*
 * Victoria Multimédia (c) 2006
 * Tous droits réservés
 */

body {
	padding: 0;
	text-align: center;
}
#page {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 800px
}

#header {
	background: #ffffff url(../images/metier-00.jpg) top left no-repeat;
	height: 158px;
}

	img#logoSite {
		float: right;
	}
	
	#metiers {
		list-style-type: none;
		font: bold 14px Verdana, Arial, sans-serif;
		padding: 90px 0 0 160px;
	}
	#metiers li { float: left; padding-right: 10px }
	
	#nomSite {
		margin: 0 0 0 160px;
		padding: 10px 10px 0 0;
		clear: left;
		font: bold 24px Verdana, Arial, sans-serif;
		text-align: right;
		color: #B09C91;
	}
	
#main {
	background: #ffffff url(../images/bg-col-left.gif) top left repeat-y;
}

	.sidebar#left {
		float: left;
		width: 154px;
	}

		#menu {
			margin: 10px 0 40px 15px;
			list-style-type: none;
			font: bold 10px Verdana, Arial, sans-serif;
		}
		#menu .subItem {
			margin-left: 30px;
		}
		#menu a {
			display: block;
			height: 22px;
			background: url(../images/menu-back-0.gif) top left no-repeat;
			padding: 5px 0 0 10px;
			text-decoration: none;
			color: #A08D86;
		}
		#menu a:hover {color: #ffffff; background: url(../images/menu-back-1.gif) top left no-repeat}
		
		#validation {
			list-style-type: none;
			margin-left: 9px;
			float: left;
			position: relative;
			top: -35px;
		}
	
	#content {
		font-family: Verdana, Arial, sans-serif;
		margin-left: 154px;
		padding: 10px;
	}
	
		h2, h2 a {
			font-weight: bold;
			font-size: 20px;
	  	color: #000000;
			margin-bottom: 10px;
			position: relative;
			text-decoration: none;
		}
		
		h3, h3 a {
			margin: 0 0 10px 0;
			font-size: 14px;
			font-weight: bold;
			color: #5C6A69;
			text-decoration: none;
		}
		
		h4, h4 a {
			padding: 2px 2px 5px 2px;
			font-size: 16px;
			font-weight: bold;
			color: #C0783D;
			text-decoration: none;
		}
		
		p {
			font-size: 12px;
			position: relative;
		}
		
		#accueil {
			padding-top: 20px;
		}
		
		#accueil img.logo {
			margin-right: 10px;
			float: left;
		}
		
		#accueil p.texte {
			line-height: 18px;
			text-align: justify;
		}
		
		p#descRubrique, p#contactPostal {
			margin: 0 0 10px 0;
			padding: 10px;
			color: #7e655e;
			font-weight: bold;
			background: #efefef;
			border: 1px solid #7e655e;
		}
		
		p.lire a, p.envoyer a, p.telecharger a, p.retour a {
			border-style: solid;
			border-color: #A08D86;
			border-width: 0 3px 0 3px;
			padding: 0 3px 0 3px;
			font-weight: bold;
			color: #A08D86;
			text-decoration: none;
		}
		
		p.lire a:hover, p.envoyer a:hover, p.telecharger a:hover, p.retour a:hover {
			color: #ffffff;
			background: #A08D86;
		}

		#listeArticles, #listeVideos {
			width: 620px;
			list-style-type: none;
			font-family: Verdana, Arial, sans-serif;
		}
		
			#listeArticles .descriptif, #article .descriptif {
				font-weight: bold;
				font-size: 14px;
				color: #999999;
				text-align: justify;
				margin-bottom: 10px;
			}
			#listeArticles .partiel .descriptif { }
			#listeArticles .logo, #article .logo {
				float: left;
				margin: 0 10px 5px 0;
				border: 5px solid #efefef;
			}
			#listeArticles .texte, #article .texte {
				margin-bottom: 20px;
				line-height: 18px;
				text-align: justify;
			}
			#listeArticles .ps, #article .ps {
				margin-bottom: 20px;
				font-size: 11px;
				font-style: italic;
			}
			#listeArticles .lire {
				text-align: right;
			}
			#listeArticles li {clear: both;}
			#listeVideos h3 {
			  margin: 0;
			  padding: 5px 0;
			}
			
			#listeVideos h3 img {
			  vertical-align: middle;
			}
			
			#listeVideos .descriptif {
			  margin: 0;
			  padding: 5px 0;
			}
			
			#listeVideos .lire {
			  clear: left;
			}
			
			#listePhotos li {
				list-style-type: none;
				float: left;
				margin: 3px;
				font: italic normal 12px Georgia, Verdana;
				text-align: center;
			}
			
			#listePhotos img {
				border: 5px solid #efefef;
			}
			
			#listePhotos a {
				color: #000;
				text-decoration: none;
			}
			
			#article p.retour {
				margin-top: 20px;
				text-align: center;
			}
			
			div.wclear {
				width: 10px;
				font-size: 5px;
			}
			
			* html div.wclear { width: 620px }

		
		#listeDocuments {
			list-style-type: none;
			font-family: Verdana, Arial, sans-serif;
		}
			#listeDocuments h3.titre {
				margin: 0 0 15px 0;
			}
			#listeDocuments img.logo {
				border: 5px solid #efefef;
			}
			#listeDocuments p.descriptif {
				float: right;
				width: 460px;
				text-align: justify;
			}
			#listeDocuments p.telecharger {
				clear: right;
				float: right;
				text-align: right ;
			}
			#listeDocuments p.taille {
				font-size: 11px;
				font-style: italic;
				margin: 15px 0 15px 0;
			}
			
		#formulaireContact {
			margin-top: 10px;
			list-style-type: none;
			font-family: Verdana, Arial, sans-serif;
		}
			#formulaireContact td {
				vertical-align: top;
				padding:5px;
				font-size: 12px;
			}
			#formulaireContact p.libelle {
				margin-right: 10px;
				color: #C0783D;
				text-align: right;
			}
			#formulaireContact p.champ {
				margin-left: 10px;
			}
			#formulaireContact p.envoyer {
				margin-top: 5px;
				text-align: center;
			}

div#footer {
	height: 100px;
	background: #ffffff url(../images/logo-portail.jpg) top left no-repeat;
}

	#coordonnees {
		height: 100px;
		background: #ffffff url(../images/logo-crml.jpg) top left no-repeat;
		margin: 0 0 0 170px;
		padding: 66px 40px 0 0;
		font: normal 11px Verdana, Arial, sans-serif;
		font-style: italic;
		color: #7E655E;
		text-align: left;
	}

#listeArticles ul { font-size: 12px; color; #555; padding: 0 40px; }
#listeArticles ul li {list-style-type: square;  padding: 0;}