/*----------------------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: #ffffff url(fond_site.jpg) repeat-x;
}

#fondsite {
	position: absolute;
	width: 920px;
	margin-left: -460px;
	left:50%;
}

#floatd {
	float:right;
}

.floatd {
	float:right;
}

#floatg {
	float:left;
}

.floatg {
	float:left;
}

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

#bandeau {
	width: 920px;
	height: 333px;
	float: left;
}

#logo {
	width: 100%;
	height: 67px;
		float: left;
}

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

#menu {
	width: 321px;
	height: 239px;
	float: left;
	background: url(menu.jpg);
}
	#menu ul {margin-top: 35px;
		list-style-type: none;		
	}
	
		#menu li {
			display: block;
			width: 200px;
			margin: 0 0 26px 0;
			padding: 0 0 13px 25px;
			font-size: 14px;
			float:left;
		}
		
		#menu li.lien_actif a {
			color: #199bfe;
		}
		
			#menu a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
				#menu a:hover {
					color: #199bfe;
				}

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

#diapo {
	position: absolute;
	width: 444px; /*599-155*/
	height: 276px; /*285-9*/
	padding: 9px 0 0 155px;
	top: 42px;
	right: 0px;
	background: url(diapo.jpg) no-repeat;
}

/*--------------------Nous contacter-------------------*/
/*-----------------------------------------------------*/

#nous_contacter {
	width: 240px; /*273-33*/
	height: 348px; /*358-50*/
	padding: 45px 0 0 33px;
	float: left;
	background: url(nous_contacter.jpg) no-repeat;
}

#nous_contacter p {
	color: #FFFFFF;
}

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

#contener {
	width: 920px;
	float: left;
}

#contenu {
	width: 611px; /*633-33*/
	float: left;
	padding: 0 0 0 33px;
}

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

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

h2 {
	margin: 16px 0px 20px 0px;
	padding: 0 0 0 33px;

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

#contenu a, #contenu strong, #contenu b {
		color: #003f72;
	}

		#contenu a:visited {
			color: #003f72;
		}
		
		#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: #8f1801;
	}
	
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 #8f1801 solid;	
}

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

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

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.materiel {
	font-size: 12px;
	border: 1px solid #999;
}

.materiel .titre {
	text-align: center;
	font-weight: bold;
	background-color: #999;
}

.materiel td {
	padding: 4px;
}

.materiel .taille {
	width: 350px;
}

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

#pdp {
	width: 897px; /*920-23*/
	height: 28px; /*40-12*/
	float: left;
	margin-top: 25px;
	padding: 12px 23px 0px 0px;
	
	background: url(pdp_fond.jpg) repeat-x;
	
	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: #420a00;
		}