/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url(images/img_fond.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h1 {
	margin: 16px;
	text-decoration: underline;
}

h2 {
	margin: 10px 0px 4px 0px;
	text-decoration: underline;
}
a, a:link, a:visited, a:active {
	color: #CCCC66;
	text-decoration: none;
}
a:hover {
	color: #FFFF99;
	text-decoration: underline;
}
img {
	border: none;
}

#cadre_flash {
	height: 150px;
	width: 510px;
	position: absolute;
	left: 0px;
	top: 10px;
}

#cadre_radio {
	height: 80px;
	width: 220px;
	position: absolute;
	left: 620px;
	top: 210px;
	display: none;
}

#cadre_menu {
	height: 100px;
	width: 470px;
	position: absolute;
	left: 30px;
	top: 160px;
}

#cadre_principal_marge_basse {
	height: auto;
	width: 890px; /* 890 - 2x30*/
	position: absolute;
	left: 50px;
	top: 320px;
	padding: 0px;
	padding-bottom: 60px;
}
#cadre_principal_haut {
	background-image: url(images/fond_principal.jpg);
	color: #CCCCCC;
	width: auto;
	height: auto;
}
#cadre_principal_bas {
	background-image: url(images/fond_principal_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	width: auto;
	height: auto;
}
#cadre_principal_texte {
	padding: 30px;
}

#bouton_prods {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 10px;
	top: 0px;
}
#bouton_prods a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_prods.gif);
}
#bouton_prods a:hover {
	background-image: url(images/bouton_prods_survol.gif);
}
#bouton_outils {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 160px;
	top: 0px;
}
#bouton_outils a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_outils.gif);
}
#bouton_outils a:hover {
	background-image: url(images/bouton_outils_survol.gif);
}
#bouton_unites {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 310px;
	top: 0px;
}
#bouton_unites a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_unites.gif);
}
#bouton_unites a:hover {
	background-image: url(images/bouton_unites_survol.gif);
}
#bouton_staff {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 70px;
	top: 50px;
}
#bouton_staff a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_staff.gif);
}
#bouton_staff a:hover {
	background-image: url(images/bouton_staff_survol.gif);
}
#bouton_liens {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 260px;
	top: 50px;
}
#bouton_liens a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_liens.gif);
}
#bouton_liens a:hover {
	background-image: url(images/bouton_liens_survol.gif);
}
#bouton_prods_actif {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 10px;
	top: 0px;
}
#bouton_prods_actif a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_prods_actif.gif);
}
#bouton_prods_actif a:hover {
	background-image: url(images/bouton_prods_actif_survol.gif);
}
#bouton_outils_actif {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 160px;
	top: 0px;
}
#bouton_outils_actif a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_outils_actif.gif);
}
#bouton_outils_actif a:hover {
	background-image: url(images/bouton_outils_actif_survol.gif);
}
#bouton_unites_actif {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 310px;
	top: 0px;
}
#bouton_unites_actif a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_unites_actif.gif);
}
#bouton_unites_actif a:hover {
	background-image: url(images/bouton_unites_actif_survol.gif);
}
#bouton_staff_actif {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 70px;
	top: 50px;
}
#bouton_staff_actif a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_staff_actif.gif);
}
#bouton_staff_actif a:hover {
	background-image: url(images/bouton_staff_actif_survol.gif);
}
#bouton_liens_actif {
	height: 50px;
	width: 150px;
	position: absolute;
	left: 260px;
	top: 50px;
}
#bouton_liens_actif a {
	height: 50px;
	width: 150px;
	display: block;
	background-image: url(images/bouton_liens_actif.gif);
}
#bouton_liens_actif a:hover {
	background-image: url(images/bouton_liens_actif_survol.gif);
}
.div_pagination {
	text-align: right;
}
.div_pagination a, .div_pagination a:link, .div_pagination a:active, .div_pagination a:visited {
	text-decoration: none;
}
.div_pagination a:hover {
	text-decoration: underline;
}
.div_production {
	margin: 4px 6px 8px 6px;
	width: 48%;
	float: left;
/*	border: 1px dotted Blue;
	overflow: auto;
	height: 240px;*/
}