@charset "utf-8";
*{
	outline:0px;
}
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol,ul,li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.4; background-image:url(null); background-repeat:no-repeat; background-position: 2px 41px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/******************************* Begin *******************************/

html {
		/*height: 100%;
		/*overflow: hidden;*/
		color:#7c7c7c;
	}
	
	#container {
	width:1152px;
	height:768px;
		margin:0px auto;
	}
	/* end hide */

	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #000;
	}
	
#footer{
	width:1152px;
	margin:0px auto;
	
	text-align:right;
	text-transform:uppercase;
	font-size:.6em;
	font-family:Century Gothic,Times new Roman, Arial;
}

#footer a {
	text-decoration:none;
	color:#7c7c7c;
}
/* CSS Document */


html, body, div, img, ul, li, dl, dt, dd, h1, h2, h3 { margin: 0; padding: 0; border: 0; }


* {
	font-family: verdana, arial;
	font-size: 11px;
}

body {
	background:  url(/html/images/fond.gif1) repeat-y 50% #000000;
}

#main {
	width: 990px;
	margin: 0 auto 0 auto;
}

		#header {
			padding: 0;
			background: url(/html/images/charte/logo-chausseur-delcros.gif) top left no-repeat;
			color: white;
			height: 150px;
		}
		
		.homeHeader {
			margin-bottom: 36px;
		}

				#header p {
					margin-top: 0;
					padding: 0;
					border: 0;
					text-align: justify;					
				}
				
				#header p.firstParagrapheHeader {
					padding-top: 70px;
				}
				
				#header img {
					float: left;
				}


		h1#pageTitle, h1#pageTitle span {
			margin: 0 29px 5px 0;
			text-align: right;
			color: #8a6e47;
			font-family: "Century Gothic", Verdana;
			font-size: 24px;
			font-weight: normal;
			letter-spacing: 6px;
		}

		h1#pageTitle span {
			margin: 0;
			color: #f7e9d4 !important;
		}
		
		#content {
			position: relative;
		}

				#contenu {
					border: #FFFFFF solid 1px;
					width: 959px;
					height: 444px;
					background: url(/html/images/charte/fond-defaut.jpg) top right no-repeat;
				}

					#contenu #texte {
						width: 360px;
						height: 404px;
						background: url(/html/images/charte/fond-texte.jpg) top left;
						padding: 20px;
						color: black;
					}
					
							#texte a {
								color: #FFF;
							}
							
							#texte a:hover {
								color: #000
							}

							#texte h1, #texte h2 {
								margin-bottom: 8px !important;
								font-size: 16px;
								font-weight: bold;
								color: #AE936D;
								text-transform: uppercase;
								background: white;
							}

							#texte h2 {
								margin-top: 3px;
								font-size: 14px;
								text-transform: none;
							}

							#texte p {
								margin-top: 0;
								text-align: justify;
							}

							#texte ul {
								margin: 3px 0 15px 25px;
								list-style: square;
							}
							
							#texte ul.navigation {
								margin: 0;
								list-style: none;
								text-align: center;
							}
								
								ul.navigation li {
									margin-right: 10px;
									display: inline;
								}
							
							#texte dl {
								margin-bottom: 10px;
							}
							
							#texte dt {
								font-weight: bold;
							}
							
							#texte dd {
								margin-left: 10px;
								margin-bottom: 3px;
								text-align: justify;
							}
							
							.center {
								text-align: center !important;
							}
							
							div.pictureList {
								margin-bottom: 10px;
								width: 100%;
							}
								.pictureMiddle {
									margin: 0 50px 0 49px;
								}

				#menu {
					position: relative;
					margin: 7px 0 0 0;
					padding: 0;
					border: 0;
				}


						#menu dt {
							margin-bottom: 11px;						
						}

								#menu dd {
									position: absolute;				
									width: 158px;
									height: 120px;
									color: black; 
									background: blue;
									right: 29px;
									border: 1px #FFFFFF solid;
									border-right: none;
									display: none;
								}

										#menu dd a {
											color: black;
											text-decoration: none;
										}

										#menu dd a:hover {
											font-weight: bold;
										}

										#menu dd ul {
											margin: 9px 4px 9px 9px;
											list-style: none;
										}

										#menu dd#subMenu1 {
											background: #AE936D;
											top: 0;
										}

										#menu dd#subMenu2 {
											background: #C2B096;
											top: 132px;
										}

										#menu dd#subMenu3 {
											background: #F7E9D4;		
											top: 265px;
										}

										#menu dd.subMenuActive {
											display: block;
										}

		#footer {
			margin-right: 29px;
			text-align: right;
			color: white;
		}

		#footer a {
			color: white;
		}
		
/* ****************************************************************************************** */
/* FORMULAIRES */

	form, label, fieldset, input, textarea, p.alert, p.confirm { margin: 0; padding: 0; border: 0; }

	form p {
		margin: 0 0 8px 0;
		padding: 0;
	}

	form fieldset {
		padding: 10px;
		border: solid 1px #FFFFFF;
	}
	
	form legend {
		font-weight: bold;
	}
	
	#formFooter {
		padding: 4px;
		/*margin: 5px 0;*/
		text-align: center !important;
		background: #FFFFFF;
	}
	
	#formFooter input {
		margin: 0 5px 0 ;
	}
	
	form input, form textarea {
		border: #000000 1px solid;
	}

	form label {
		margin-right: 10px;
		float: left;
		text-align: right;
		width: 40%;
	}
	
	form label:hover {
		cursor: pointer;
	}

	.alert { color: red !important; }
	.confirm { color: blue !important; }
	.alert, .confirm {
		margin: 5px 0 5px 0 !important;
		padding: 2px !important;
		background: #F7E9D4;
	}

/* ****************************************************************************************** */

.float-right { float: right; }
.float-left { float: left; }

img.float-right {
	margin: 5px 0 2px 5px;
}