/* CSS Cabinet VINCENT */

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	color:#000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	border:0;
}

body {
	background:#f0f9ff url(../images/fond.png) top center repeat-x;
}

a {
	color:#fff;
	outline:none;
}

img {
	border:0px none;
}

#global {
	position:relative;
	width:960px;
	height:100%;
	margin:0 auto 0 auto;
	padding:0;
	z-index:1;
}

#header {
	float:left;
	clear:both;
	width:960px;
	height:220px;
	margin:0;
	padding:0;
	text-align:right;
	background:url(../images/header.png) top left no-repeat;
}

#left {
	float:left;
	clear:left;
	width:220px;
	height:370px;
	margin:20px 0 0 10px;
}

	#left .border {
		float:left;
		clear:left;
		width:220px;
		height:10px;
		background:url(../images/left-border.png) bottom right no-repeat;
	}

	#left .content {
		float:left;
		clear:left;
		width:220px;
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		color:#ccc;
		background:url(../images/left-content.png) top right repeat-y;
	}
			
		#left .content a {
			text-decoration:none;
		}
			
			#left .content a:hover {
				color:#fff;
				text-decoration:underline;
			}
		
		#left .content .title {
			width:190px;
			padding:0 15px 0 15px;
			color:#fff;
			font-family:"Times New Roman", Times, serif;
			font-size:16px;
			font-style:italic;
			font-weight:bold;
		}
		
			#left .content .title a {
				color:#fff;
			}
	
			#left .content .title:first-letter {
				font-size:20px;
			}
		
		#left .content .text {
			width:190px;
			padding:0 15px 0 15px;
		}
		
			#left .content .text a {
				color:#ccc;
			}
		
			#left .content .text .check {
				margin:10px 0 0 0;
				color:#fff;
				font-style:italic;
			}
		
		#left .content form {
			margin:0;
			padding:0;
		}
		
		#left .content input#ami {
			width:100px;
		}
	
		#left .content ul {
			float:left;
			clear:left;
			width:220px;
			margin:0;
			padding:0;
			list-style-type:none;
		}
	
			#left .content ul li {
				width:220px;
				height:50px;
				padding:0;
				font-family:"Times New Roman", Times, serif;
				font-size:16px;
				font-style:italic;
				font-weight:bold;
				background:url(../images/left-menu-border.png) bottom center no-repeat;
			}
	
				#left .content ul li:hover {
					background:url(../images/left-menu-hover.png) top right repeat-y;
				}
	
				#left .content ul li a {
					display:block;
					width:190px;
					height:43px;
					padding:7px 15px 0 15px;
					color:#fff;
					text-decoration:none;
				}
	
					#left .content ul li a:first-letter {
						font-size:20px;
					}

					#left .content ul li a:hover {
						text-decoration:none;
					}

				#left .content ul li span {
					width:190px;
					margin:0;
					padding:0;
					color:#cdcdcd;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					font-style:normal;
					font-weight:normal;
				}

#center {
	float:left;
	width:500px;
	margin:0 auto 0 auto;
	padding:0;
}

	#center .border {
		float:left;
		clear:left;
		width:500px;
		height:10px;
		background:url(../images/center-border.png) bottom center no-repeat;
	}

	#center .content {
		float:left;
		clear:left;
		width:500px;
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		color:#045b91;
		border-bottom:1px solid #aaaaaa;
		background:url(../images/center-content.png) top center repeat-y;
	}
			
		#center .content a {
			color:#045b91;
			text-decoration:none;
		}
			
			#center .content a:hover {
				color:#045b91;
				text-decoration:underline;
			}
	
		#center .content .title {
			width:470px;
			margin:0 15px 20px 15px;
			padding:0 0 5px 0;
			font-family:"Times New Roman", Times, serif;
			font-size:24px;
			font-style:italic;
			font-weight:bold;
			text-align:right;
			background:url(../images/center-title-border.png) bottom center no-repeat;
		}
	
			#center .content .title:first-letter {
				font-size:36px;
			}
		
			#center .content .title a {
				color:#045b91;
			}
		
		#center .content .text {
			width:470px;
			padding:0 15px 0 15px;
		}
		
			#center .content .text a {
				color:#045b91;
				font-style:italic;
			}
	
			#center .content .text .block {
				position:relative;
				width:350px;
				margin:10px auto 10px auto;
				padding:5px;
				font-family:"Times New Roman", Times, serif;
				font-size:12px;
				font-style:italic;
				text-align:center;
				background:#fff;
				border:1px solid #ff9900;
			}
			
				#center .content .text .block:first-letter {
					font-size:16px;
				}
		
			#center .content .text span {
				font-size:13px;
				font-weight:bold;
			}
		
			#center .content .text .subtitle {
				width:470px;
				margin:15px 0 15px 0;
				background:#81AFCC;
			}
		
			#center .content .text .subtitle span {
				width:440px;
				margin:0 10px 0 20px;
				padding:0 10px 0 10px;
				font-size:14px;
				font-style:italic;
				font-weight:bold;
				background:#fff;
			}
		
			#center .content .text .libelle {
				margin:0 0 5px 0;
				width:470px;
				font-weight:bold;
			}
		
			#center .content .text p {
				margin:0;
			}
	
		#center .content .text ul {
			margin:0 0 0 30px;
			padding:0;
			list-style-type:square;
		}
	
			#center .content .text ul li {
				margin:0 0 10px 0;
				padding:0;
			}
		
		#center .content .form {
			width:470px;
			padding:0 15px 0 15px;
		}
		
			#center .content .form fieldset legend {
				margin:0 0 10px 0;
				font-weight:bold;
				font-size:14px;
				font-style:italic;
			}
		
			#center .content .form p {
				clear:both;
				margin:0 0 5px 170px;
			}
				
				#center .content .form p.erreur {
					color:#ff3300;
				}
				
				#center .content .form p.check {
					color:#009900;
				}
			
				#center .content .form p span {
					float:left;
					width:160px;
					margin:0 0 5px -170px;
					font-style:italic;
					text-align:right;
				}
				
					#center .content .form p span.select {
						font-weight:bold;
					}
			
					#center .content .form p span.true {
						color:#009900;
						font-weight:bold;
					}
				
					#center .content .form p span.false {
						color:#ff3333;
						font-weight:bold;
					}
			
				#center .content .form p.infos {
					display:none;
				}
		
		#center .content .contact {
			width:470px;
			padding:0 15px 0 15px;
			font-size:12x;
			text-align:center;
		}
		
			#center .content .contact span {
				font-size:14px;
			}

#right {
	float:right;
	clear:right;
	width:220px;
	height:370px;
	margin:20px 10px 0 0;
}

	#right .border {
		float:left;
		clear:left;
		width:220px;
		height:10px;
		background:url(../images/right-border.png) bottom right no-repeat;
	}

	#right .content {
		float:left;
		clear:left;
		width:220px;
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		color:#ccc;
		background:url(../images/right-content.png) top right repeat-y;
	}
			
		#right .content a {
			text-decoration:none;
		}
			
			#right .content a:hover {
				color:#fff;
				text-decoration:underline;
			}
		
		#right .content .title {
			width:190px;
			padding:0 15px 0 15px;
			color:#fff;
			font-family:"Times New Roman", Times, serif;
			font-size:16px;
			font-style:italic;
			font-weight:bold;
		}
	
			#right .content .title:first-letter {
				font-size:20px;
			}
		
			#right .content .title a {
				color:#fff;
			}
		
		#right .content .text {
			width:190px;
			padding:0 15px 0 15px;
		}
		
			#right .content .text a {
				color:#ccc;
			}

	#right #cadre {
		float:left;
		clear:left;
		width:220px;
		margin:0 0 20px 0;
	}

	#right #photo {
		float:left;
		clear:left;
		width:220px;
		margin:0 0 20px 0;
	}

#footer {
	float:left;
	clear:both;
	width:960px;
	margin:20px 0 20px 0;
	padding:0 10px 0 10px;
	color:#808080;
	text-align:center;
	font-style:italic;
}

	#footer a {
		color:#808080;
		text-decoration:none;
	}