.titre {
	color: #993400;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}
h1 {
	margin:0px;
	padding:0px;
	color: #5e280c;
	font-size:11px;
	font-weight:200;
	
}
html {
	height:100%;
	width:100%;
	background:url(/public/images/accueil/bg-bottom.jpg) 0 288px repeat-x;
}
body {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
	background:url(/public/images/default/bg-top.jpg) repeat-x;
}
#accueil {
	width:985px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#accueil #menu-sec #header-keywords {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
	left:288px;
	top:67px;
	white-space:nowrap;
}
#clearer {
	clear:both;
}
a {
	color:#569A78;
	text-decoration:none;
}
a:hover {
	color:#993300;
}
#menu b {
	float:left;
	display:block;
	color:#ffffff;
	margin-left:25px;
	margin-right:11px;
	margin-top:15px;
}
#menu input#q {
	float:left;
	width:83px;
	height:10px;
	font-size:10px;
	line-height:10px;
	margin-top:15px;
}
#menu input#img {
	float:left;
	margin-top:15px;
	margin-left:5px;
}
	#left {
		float:left;
		width:226px;
		padding-top:454px;
		background:url(/public/images/accueil/escalier.jpg) no-repeat;
	}
		#left b{
			color:#006633;
			border-bottom:1px solid #006633;
			font-size:13px;
			font-weight:bold;
			padding-left:18px;
		}
		#left a{
			float:left;
			width:147px;
			padding-left:18px;
			padding-top:10px;
			padding-bottom:10px;
			color:#333333;
			text-decoration:none;
			border-bottom:1px solid #D9E8E1;
		}
		#left a:hover{
			color:#993400;
			border-bottom:1px solid #993400;
		}
	#content {
		float:left;
		width:498px;
		padding-left:20px;
		padding-right:20px;
	}
		#content #texte{
			float:left;
			width:498px;
			height:138px;
		}
		#bottom {
			float:left;
			font-size:8px;
			width:498px;
		}
			#realisation {
				float:left;
				width:294px;
				border:1px solid #006633;
				text-decoration:none;
               
			}
			#realisation #demo {
            	margin:2px;
            	height:217px;
			}
			#realisation a#voir {
            	display:block;
				width:284px;
                height:18px;
				text-align:right;
				font-size:12px;
				color:#ffffff;
				background:url(/public/images/accueil/bg-bg-realisation.jpg) repeat-x bottom;
            	font-weight:normal;
                padding-right:10px;
                padding-top:7px;
			}
			#realisation a:hover#voir {
				background:url(/public/images/accueil/bg-bg-realisation-roll.jpg) repeat-x bottom;
			}
			#realisation a#resolution1 {
            	display:block;
                height:14px;
				text-align:center;
				font-size:7pt;
				color:#ffffff;
				background:url(/public/images/accueil/bg-bg-realisation.jpg) repeat-x bottom;
            	font-weight:normal;
            	padding-top:1px;
            	margin:2px 1px 0px 2px;
			}
			#realisation a:hover#resolution1 {
				background:url(/public/images/accueil/bg-bg-realisation-roll.jpg) repeat-x bottom;
			}
			#realisation a#resolution2 {
            	display:block;
                height:14px;
				text-align:center;
				font-size:7pt;
				color:#ffffff;
				background:url(/public/images/accueil/bg-bg-realisation.jpg) repeat-x bottom;
            	font-weight:normal;
            	padding-top:1px;
            	margin:2px 2px 0px 1px;
			}
			#realisation a:hover#resolution2 {
				background:url(/public/images/accueil/bg-bg-realisation-roll.jpg) repeat-x bottom;
			}
			#slogan {
				float:left;
				width:184px;
				height:234px;
				margin-left:9px;
				background:url(/public/images/accueil/slogan.jpg) no-repeat;
			}
	#boxes {
		float:left;
		width:199px;
		padding-right:20px;
		padding-top:3px;
	}
		#boxes a {
			float:left;
			width:190px;
			padding-right:8px;
            border:1px solid #006634;
			margin-bottom:15px;
			text-align:right;
			color:#ffffff;
			text-decoration:none;
		}
		a#info {
			height:68px;
			background:url(/public/images/accueil/info.jpg) no-repeat;
		}
		a:hover#info {
			background:url(/public/images/accueil/info-roll.jpg) no-repeat;
		}
		a#promo {
			height:193px;
			padding-top:5px;
			background:url(/public/images/accueil/promo.jpg) no-repeat;
			font-size:13px;
            font-weight:bold;
		}
		a:hover#promo {
			background:url(/public/images/accueil/promo-roll.jpg) no-repeat;
		}
		#chronique {
        	float:left;
			width:200px;
			background: url(/public/images/accueil/chronique.jpg) no-repeat;
			font-size:13px;
            color:#ffffff;
            padding-top:5px;
            text-align:right;
		}
		#chronique strong{
        	display:block;
            padding-bottom:8px;
            padding-right:10px;
		}
		#chronique b{
        	display:block;
		}
		#chronique a{
			width:185px;
			font-size:11px;
			padding-left:3px;
			margin-bottom:2px;
            color:#006634;
            text-align:left;
		}
		#chronique a:hover{
            color:#993400;
		}
        
        
        
#smenu {
	float:left;
}
#smenu div#contenu {
	clear:both;
}
#smenu div#content1, #smenu div#content2, #smenu div#content3, #smenu div#content4 {
	position:absolute;
	display:none;
	background:#D9E8E1;
    border-left:1px solid #006634;
    border-right:1px solid #006634;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
    #smenu div#content1 {
        margin-left:13px;
    }
    #smenu div#content2 {
        margin-left:16px;
    }
    #smenu div#content3 {
        margin-left:15px;
    }
    #smenu div#content4 {
        margin-left:12px;
    }
#smenu div#contenu a {
	display:block;
    clear:both;
	text-transform:none;
	margin:0;
	float:none;
	padding:3px;
	padding-left:10px;
    width:112px;
    color:#006634;
    font-size:11px;
    border-bottom:1px solid #006634;
}
#smenu div#contenu a:hover, #smenu div#contenu #o a{
    color:#ffffff;
	background:#993400 ;
}        
        

/***************************************** MENU SECONDAIRE ****************************************************/

	form {
	margin:0;
	padding:0;
}
	#menu-sec {
		float:left;
		width:400px;
		height:43px;
        padding-left:358px;
        padding-top:35px;
		border-top:8px solid #993400;
		background:url(/public/images/accueil/logo.jpg) no-repeat;
	}
					#menu-sec ul {
						float:left;
						margin:0;
						padding:0;
						display:block;
					}
					#menu-sec ul li {
						margin:0px;
						padding:0;
						display:inline;
					}
					#menu-sec ul li a{
						display:block;
						float:left;
						text-align:center;
						padding-left:7px;
						padding-right:7px;
					}
					#menu-sec ul li a:hover, #menu-sec ul li a#o{
						color:#993300;
						background: url(/public/default/default/spacer.gif);
					}

/***************************************** MENU ****************************************************/


	#menu {
		float:left;
		width:758px;
		height:40px;
		margin-bottom:25px;
		margin-top:2px;
		background: url(/public/images/accueil/menu-bg.jpg) no-repeat;
	}
					#menu ul {
						float:left;
						margin:0;
						padding:0;
						display:block;
					}
					#menu ul li {
						margin:0px;
						padding:0;
						display:inline;
					}
					#menu #first ul {
						float:left;
						margin:0;
						padding:0;
						display:block;
					}
					#menu #first ul li {
						margin:0px;
						padding:0;
						display:inline;
					}
					#menu #first a{
						display:block;
						float:left;
						font-size:13px;
						text-align:center;
						padding-left:24px;
						padding-right:45px;
						padding-top:17px;
						padding-bottom:4px;
						color:#ffffff;
						height:20px;
						letter-spacing:1px;
						white-space:nowrap;
						background:url(/public/images/default/menu-off.jpg) repeat-x;
					}
					#menu ul li a:hover, #menu ul li a#o{
						background: url(/public/images/default/spacer.gif);
					}
#bottom_2 {
	padding-left:200px;
	padding-bottom:20px;
	clear:both;
	margin:5px;
	font-size:10px;
	width:554px;
	text-align:center;
	color:#666666;
}
#bottom_2 a {
	color:#569A78;
}
#bottom_2 a:hover {
	color:#993300;
}
#imarcom {
	padding-top:5px;
	color:#444;
}
#imarcom a {
	color:#644;
	font-weight:900;
}
#imarcom a:hover {
	color:#008ac2;
	font-weight:900;
}