/*----------------------General------------------------*/
/*---------------<-- Design by T3cK -->----------------*/
/*------------------!! t3ck.net !!---------------------*/

/*-----------------------Reset-------------------------*/
/*-----------------------------------------------------*/

* {margin: 0; padding: 0; }
a img {border: 0;}
p {font-size: 12px;}

html, body {
    height: 100%;
}

/*-----------------------General-----------------------*/
/*-----------------------------------------------------*/

body {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	background: url(fond_wall.jpg) center top no-repeat;
}

html {
	background: #052e6c url(fond_site.jpg) repeat-x;
}

#fondsite {
	position: absolute;
	width: 786px;
	margin-left: -393px;
	left:50%;
}

#floatd {
	float:right;
}

.floatd {
	float:right;
}

#floatg {
	float:left;
}

.floatg {
	float:left;
}

/*----------------------Bandeau------------------------*/
/*-----------------------------------------------------*/

#bandeau {
	float: left;
	background: url(bandeau_fond.jpg) repeat-x;
}

#bandeau_gauche {
	float: left;
	background: url(bandeau_gauche.jpg) left no-repeat;
}

#bandeau_droit {
	width: 786px;
	height: 208px;
	float: left;
	background: url(bandeau_droit.jpg) right no-repeat;
}

/*------------------------Logo-------------------------*/
/*-----------------------------------------------------*/

#logo {
	float: left;
	margin: 60px 0 0 36px;
}

/*-----------------------Diapo-------------------------*/
/*-----------------------------------------------------*/

#diapo {
	position: absolute;
	top: 8px;
	right: 65px;
	border: 8px #2e5fa7 solid;
	padding: 2px;
	background: #FFFFFF;
}

/*------------------------Menu-------------------------*/
/*-----------------------------------------------------*/

#menu {
	float: left;
	background: url(menu_fond.jpg) repeat-x;
}

#menu_gauche {
	float: left;
	background: url(menu_gauche.jpg) left no-repeat;	
}

#menu_droit {
	width: 786px;
	height: 85px;
	float: left;
	background: url(menu_droit.jpg) right no-repeat;
}

	#menu ul {
		margin: 0 0 0 44px;
		list-style-type: none;		
	}
	
		#menu li {
			display: block;
			float: left;
			height: 63px; /*85-22*/
			font-size: 14px;
		}
		
		#menu li.lien_actif a {
			color:  #0565af;
		}
		
			#menu a {
				color: #16478f;
				text-decoration: none;
			}
			
				#menu a:hover {
					color: #0565af;
					text-decoration: none;
				}

.menu_accueil {
	width: 84px; /*167-83*/
	padding: 22px 0 0 83px;
	background: url(menu_accueil.jpg) no-repeat;
}

.menu_activites {
	width: 74px; /*200-115*/
	padding: 22px 0 0 115px;
	margin-left: 71px;
	background: url(menu_activ.jpg) no-repeat;
}

.menu_contact {
	width: 67px; /*216-149*/
	padding: 22px 0 0 149px;
	margin-left: 39px;
	background: url(menu_contact.jpg) no-repeat;
}

/*----------------------Contenu------------------------*/
/*-----------------------------------------------------*/

#contenu {	
	float: left;
	background: url(contenu_fond.jpg) repeat-y;
}

#contenu_haut {
	float: left;
	background: url(contenu_haut.jpg) top no-repeat;
}

#contenu_bas {
	width: 696px; /*786-45-45*/
	float: left;
	padding: 32px 45px 20px 45px;
	background: url(contenu_bas.jpg) bottom no-repeat;
}

h1 {
	display: block;
	/*width: 100%;*/
	margin: 16px 0px 20px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #16478f;
}

h2 {
	display: block;
	margin: 16px 0px 20px 25px;
	padding: 12px 0px 0px 35px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #16478f;
	
	background: url(h2_puce.jpg) no-repeat;
}

#contenu a, #contenu strong, #contenu b {
		color: #0072bc;
	}

		#contenu a:visited {
			color: #0072bc;
		}
		
		#contenu a:hover {
			text-decoration: none;
		}

#contenu ul {
		margin: 0px 0px 0px 25px;
	}

	#contenu li {
		font-size: 12px;
		margin: 0px 0px 0px 2px;
		padding: 0px 0px 5px 0px;
		color: #0072bc;
	}
	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding-bottom: 0px;
}

.img_border {
	border: 1px #16478f solid;	
}

.img_gauche {
	float: left;
	margin: 5px 5px 5px 0px;
	border: 1px #16478f solid;
}

.img_droite {
	float: right;
	margin: 5px 0px 5px 5px;
	border: 1px #16478f solid;
}

.sepa {
	width: 100%;
	height: 11px;
	clear: both;
	margin: 20px 0;
	background: url(sepa.jpg) no-repeat;

}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px #CCCCCC solid;
}

/*--------------------Pied de page---------------------*/
/*-----------------------------------------------------*/

#pdp {
	width: 786px; /*814-23*/
	height: 23px; /*33-10*/
	float: left;
	padding: 10px 0px 0px 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-align: right;
	text-decoration: none;
}

#pdp img {
	vertical-align: middle;
}

#pdp a {
		color: #FFFFFF;
		text-decoration: underline;
	}

		#pdp a:visited, #pdp a:hover  {
			color: #CCCCCC;
		}