@charset "utf-8";
/*
	Feuille de style principal tapis-vert
	décembre 2009
	Martin MOREL
	www.tegara.ca

	Cette feuille s'applique surtout le site, et contient la mise en page du contenu de la page d'acceuil
*/

/*****AFFICHAGE PRINCIPAL******/
body{
	background-color: #000000;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	color:#FFFFFF;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size:12px;	
}
#bottomBg{
	background:url(images/base_ligne_footer.jpg) repeat-x bottom;
}
h1,h3,h4,h5,h6{
	color:#bad13b;
}
h2{
	color:#FFFFFF;
}
a{
	color:#bad13b;
	text-decoration:none;
}
a:hover{
	color:#71746d;
}
#wrapper{
	margin:0 auto;
	width:928px;
}
em{
	color:#bad13b;
	font-weight:bold;
}
h2{
	font-size:16px;
}
h3{
	font-size:16px;
}
h4{
	font-size:14px;
	color:#ffffff;
}
h5{
	font-size:14px;
}
/******************************/
/*****HEADER ET MENU DU HAUT******/
#headerLogo{
	float:left;
}

#topMenu{
	margin-top:41px;
	width:587px;
	height:59px;
	background-image:url(images/box_menu.png);
	float:left;
	clear:right;
	color:white;
	margin-bottom:20px;
	margin-left:20px;
	text-align:center;
}

#display{
	width:928px;
	height:327px;
	margin-bottom:147px;
}

.top-menu a{
	color:#FFFFFF;
}
.top-menu a:hover{
	color:#bad13b;
}
.top-menu{
	line-height:50px;
	padding-left:40px;
	
	
}
.top-menu li { /* Main Menu */
	float:left;
	display:inline;
	height:59px;
	position:relative;
	background:url(images/separateur_menu.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:20px;	
	line-height:59px;
	behavior: url( IEmen.htc );
}
#firstLI{
	background:none;
	padding-left:0;
}
.top-menu ul {	/* submenus inside Main Menu */
	display:none;
	position:absolute;	
	left:4px;
	width:126px;
	background-image:url(images/box_menu_deroule.png);s
	background-position:bottom;
	padding-top:60px;
	background-repeat:no-repeat;
}
.top-menu img{
	margin-top:4px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}
.top-menu ul li{
	margin-left:20px;
	line-height:12px;
	background:none;
	padding-left:0;
	line-height:normal;
	height:31px;
}

.top-menu a {	
	position:relative;
}
.top-menu li:hover ul, .top-menu ul li:hover ul, .top-menu ul ul li:hover ul, .top-menu li.over ul{
	display:block
}

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


/******	MENU EN BOÎTE ***********/
.boxe{
	width:214px;
	height:181px;
	float:left;
	margin-left:24px;
	margin-bottom:23px;
}
.boxe img:hover{
	opacity:0.65;
	filter:alpha(opacity=65);
}
#boxe1{
	margin-left:0;
}
#boxes{
	margin-top:23px;
}
/*******************************/


/******CONTENU ET NOUVELLES*********/
#content{
	clear:left;
	width:928px;
	height:219px;
	background-image:url(images/frame_news.jpg);
	margin:0 auto;
}

#news1, #news2{
	float:left;
	width:430px;
	height:173px;	
	text-align:justify;
	margin-top:20px;
	margin-left:20px;
}
#news2{
	padding-left:12px;
}
.newsContent h1{
	margin-bottom:10px;
	font-size:14px;
	text-transform:uppercase;
}
.readMore{
	margin-top:15px;
}
#news1 img, #news2 img{
	float:left;
	margin-right:20px;
	text-align:center;
}
/***************************/

/******PIED DE PAGE*********/
#footer{
	clear:both;
	width:928px;
	height:317px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#footer_left{
	float:left;
	height:317px;
}
#footer_right{
	float:right;
	text-align:right;
}
#newsletter{
	background-image:url(images/box_newsletter.png);
	background-repeat:repeat;
	margin-top:35px;
	width:350px;
	height:70px;
	padding-top:10px;
	/*opacity:0.9;
	filter:alpha(opacity=90)*/
}
#newsletter button{
	width:23px;
	height:23px;
}
#newsletter label{
	line-height:25px;
	vertical-align:middle;
	margin-right:5px;
}
#newsletter #notice{
	font-size:10px;
}
#newsletter form{
	height:100%;
	padding-top:10px;
}
#newsletter input#courriel{
	background-color:#53544f;
	opacity:0.5;
	filter:alpha(opacity=50);
	border:none;
	color:white;
	height:23px;
	font-size:16px;
	vertical-align:middle;
}
#sitemap{
	margin-top:23px;
	margin-left:10px;
}
#sitemap a{
	color:#FFFFFF;
}
#sitemap a:hover{
	color:#bad13b;
}
#sitemap ul{
	float:left;
	margin-right:35px;
	height:150px;
	list-style:disc;
}
#sitemap ul li{
	list-style:disc inside none;
}
#sitemap ul li span{
	font-size:12px;
}
#newsletter input{
	margin-top:5px;
	vertical-align:middle;
}
#newsletter {
	padding-left:15px;
}
#newsletter form label{
	color:#c3d738;
}
#links{
	width:160px;
	padding-top:40px;
}
#links img{
	margin-top:20px;
}
#links img:hover{
	opacity:0.65;
	filter:alpha(opacity=65);
}

#credits{
	clear:both;
	color:#8f8f8f;
	font-size:10px;
	position:relative;
	top:-25px;
}
#credits a{
	color:#8f8f8f;
	text-decoration:none;
}
#credits a:hover{
	color:#bad13b;
}
/***************************/