*{
font-family:"Century Gothic", verdana;
font-size:13px;
}


html {
	margin: 0;
	padding: 0;
	}

	
body { 
	font:"Century Gothic"; 
	line-height: 1.2;
	color: #ffffff; 
	margin: 0; 
	padding: 0;
	background: #eccea2;
	}




.content{
	background-image:url(../images/left.jpg);
	background-repeat:no-repeat;
	background-position: top left ;


}	
.container { 
	background: url(../images/bg-fond.jpg) no-repeat bottom left;
	}

.deco { 
	background: url(../images/brush-deco.png) no-repeat left top;
	}

.deco2 { 
	background: url(../images/bg-mid.png) no-repeat bottom right;
	}

.deco3 { 
	background: url(../images/fontaine2.png) no-repeat bottom left;
	}


/* STYLE MENU*/


.menu{
 background: url(../images/fond-menu.jpg) repeat-x top left #e0ab4f;
 width:240px;


}


.element{ 
	width:240px;
	margin-bottom:20px;


}

.stretch {
	height: 28px;
	cursor: pointer;
}

.stretch span {
	display: none;
}


#cat1 {
	width: 240px;
	background: url(../images/bt_accueil.png);
}
#cat1:hover {
	width: 240px;
	background: url(../images/bt_accueil.png) 0 -28px;
}



#cat2 {
	width: 240px;
	background: url(../images/bt_activites.png);
}
#cat2:hover {
	width: 240px;
	background: url(../images/bt_activites.png) 0 -28px;
}


#cat3 {
	width: 240px;
	background: url(../images/bt_realisation.png);
}
#cat3:hover {
	width: 240px;
	background: url(../images/bt_realisation.png) 0 -28px;
}
#cat4 {
	width: 240px;
	background: url(../images/bt_partenaire.png);
}
#cat4:hover {
	width: 240px;
	background: url(../images/bt_partenaire.png) 0 -28px;
}
#cat5 {
	width: 240px;
	background: url(../images/bt_contact.png);
}
#cat5:hover {
	width: 240px;
	background: url(../images/bt_contact.png) 0 -28px;
}


#menu li{
	list-style-type:none;
	width:240px;

	
}
	
ul#menu li a {
	display:block;
	width:200px;
	height:16px;
	font-size:14px;
	color:#041953;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	font-family: "Century Gothic";
	text-align:left;

}
ul#menu li a:hover {
	display:block;
	width:200px;
	height:16px;
	font-size:14px;
	color: #cd8403;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-family: "Century Gothic";
	background:url(../images/rollover.png) no-repeat;

}






/*SYLE DECO DESIGN*/
.gauche1{
	background:url(../images/deco-fontaine.png) no-repeat bottom right ;

	}
	
.gauche2{
	background:url(../images/logo-g.png) no-repeat top right ;

	}
		
	
	
/*FONT STYLE & LIENS*/

titre {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #041953;
	letter-spacing: 1px;
	font-variant: small-caps;
	font-style: normal;
	font-weight: normal;
	margin:0 auto;


}
H1 {
	font-family: "Century Gothic";
	font-size: 16px;
	color: #041953;
	letter-spacing: 1px;
	font-variant: small-caps;
	font-style: normal;
	font-weight: normal;
	margin:0 auto;


}
H1 a:link {
	font-family: "Century Gothic";
	font-size: 16px;
	color: #041953;
	letter-spacing: 1px;
	font-variant: small-caps;
	font-style: normal;
	font-weight: normal;
	margin:0 auto;


}

H1 a:visited{
	font-family: "Century Gothic";
	font-size: 16px;
	color: #041953;
	letter-spacing: 1px;
	font-variant: small-caps;
	font-style: normal;
	font-weight: normal;
	margin:0 auto;

}
H1 a:hover{
	font-family: "Century Gothic";
	font-size: 16px;
	color: #041953;
	letter-spacing: 1px;
	font-variant: small-caps;
	font-style: normal;
	font-weight: normal;
	text-decoration:underline;
	margin:0 auto;
}
H2 {
	font-family: "Century Gothic";
	color:#FFFFFF;
	font-size: 14px;
	letter-spacing: 0px;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 auto;
}
H2 a:link {
	font-family: "Century Gothic";
	color:#FFFFFF;
	font-size: 14px;
	letter-spacing: 0px;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 auto;
}

H2 a:visited {
	font-family: "Century Gothic";
	color:#FFFFFF;
	font-size: 14px;
	letter-spacing: 0px;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 auto;
}
H2 a:hover {
	font-family: "Century Gothic";
	color:#FFFFFF;
	font-size: 14px;
	letter-spacing: 0px;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	margin:0 auto;
}
H3 {
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0C5669;
	font-variant: normal;
	text-transform: uppercase;
	margin:0 auto;
}
H3 a:link {
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0C5669;
	font-variant: normal;
	text-transform: uppercase;
	margin:0 auto;
}

H3 a:visited{
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0C5669;
	font-variant: normal;
	text-transform: uppercase;
	margin:0 auto;
}
H3 a:hover {
	margin: 0px;
	float:left;
	font-family: "Century Gothic";
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0C5669;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration:underline;
	margin:0 auto;

}


.texte{
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #041953;
}
.texte a:link{
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #041953;
}

.texte a:visited{
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #041953;
}
.texte a:hover{
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: normal;
	color: #041953;
	text-decoration:underline;
}



.lien a {
	font-size: 10px;
	font-variant: small-caps;
	color: #041953;
	font-family: "Century Gothic";
	text-decoration:none;
	font-weight:bold;

}
.lien a:link {
	font-size: 10px;
	font-variant: small-caps;
	color: #041953;
	font-family: "Century Gothic";
	text-decoration:none;
	font-weight:bold;

}

.lien a:visited {
	font-size: 10px;
	font-variant: small-caps;
	color: #041953;
	font-family: "Century Gothic";
	text-decoration:none;

}

.lien a:hover {
	font-size: 10px;
	font-variant: small-caps;
	color: #041953;
	font-family: "Century Gothic";
	text-decoration:underline;

}


.bordure {
	border: 4px solid #e6bb76;
}
.bordure_g{
	border-left: 1px solid #c00067; 
}
.bordure_d{
	border-right: 1px solid #c00067; 
}