html, body {
	margin-top: 5px;
	padding: 0;
	border: 0;
	height: 100%;
	background: url("../img/fond.jpg") repeat-x;
}

body {
	/*background-color: #342EB4;
	color: #FFFFFF;*/
	font-size: 84%;
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
}

img {border: none;}

a {
	color: #556379;
	text-decoration: none;
}

a:hover {
	color: #F1961F; /* #8496B3;*/
	text-decoration: none;
}

#page {
	width: 753px;
	/*height: 721px;*/
	/*height: 867px;*/
	margin: auto;
	border: 1px solid gray;
	background-color: #fff;
}

#gris {
	width: 753px;
	height: 14px;
	background: url("../img/gris.gif") no-repeat;
}

#menu1 {
	width: 753px;
	height: 15px;
}

#bandeau {
	width: 753px;
	height: 82px;
	background: url("../img/bandeau.gif") no-repeat;
}


#menu2 {
	width: 753px;
	height: 34px;
	background: url("../img/fond_menu.gif") no-repeat;
	padding-top: 6px;
	text-align: center;
}

#menu2 ul {
	list-style: none;
	margin: 0px 0px 0px 25px;
}

#menu2 ul li {
	float: left;
	margin: 0px 15px 0px 0px;
}

#menu2 ul li a {
	color: #ffffff;
	text-decoration: none;
}

#content {
	width: 753px;
	/*height: 552px;*/
	height: 681px;
	border-bottom: 1px solid gray;
}
#contenta {
	width: 753px;
	/*height: 552px;*/
	
	border-bottom: 1px solid gray;
}


#content .admin {
	margin-left: 10px;
	margin-right: 10px;
}


#content .admin h3 {
	color: #21BD75;
}

#content .tableau {
	margin-left: 13px;
	width: 700px;
	clear:both;
}

#content .cellule {
	float: left;
}

#content .cellule2 {
	float: left;
	width: 150px;
}

#content .cellule3 {
	float: left;
	width: 200px;
}

#content .cellule4 {
	float: left;
	width: 30px;
}

#content .boutons {
	float: left;
	width: 300px;
}

#content2 {
	width: 753px;
	/*height: 552px;*/
	height: 618px;
	/*border-bottom: 1px solid gray;*/
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow : -moz-scrollbars-vertical; 
}

#menu_gauche {
	float: left;
	width: 193px;
	/*height: 552px;*/
	height: 681px;
	border-bottom: 1px solid gray;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow : -moz-scrollbars-vertical; 
}

#menu_gauche a {
	text-decoration: none;
}

/*
#menu_gauche a:visited {
	color: #556379;
}

#menu_gauche a:hover {
	color: #FEF61F;
}
*/
#menu_gauche .menu {
	position: relative;
	/*background:url("../img/fd_menu.gif") repeat-x 0 100%;*/
}

#menu_gauche .menu dt a, #menu_gauche .menu dt a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #52687f;
	background: url("../img/bg-puce20.gif") no-repeat 0 0.2em;
	padding: 0 0 0 15px;
	margin-left: 10px;
	text-decoration: none;
	width: 110px;
	display: block;
}

#menu_gauche .menu ul {
	list-style: none;
}

#menu_gauche .menu dd {
	margin-left: -15px;
}

#menu_gauche .menu dd ul li a {
	padding: 1px 0;
	color: #4577E9;
}

/*
#menu_gauche .menu dd a{display:block;font-weight:normal;color:#52687f;text-decoration:none;}
#menu_gauche .menu dd ul{margin:0;}
#menu_gauche .menu dd ul li{list-style:none;padding:1px 0;}
*/	
#menu_gauche .image {
	width: 209px;
	height: 146px;
	margin-left: 2px;
	/*background: url("../img/join.gif") no-repeat;*/
}

#menu_gauche .lib_categorie {
	width: 170px;
	height: 26px;
	margin-left: 2px;
	/*background: url("../img/lib_categories.gif") no-repeat;*/
	background: url("../img/nav-item-hover.gif") repeat-x;
	border: 1px solid gray;
	text-align: center;
	padding-top: 5px;
	font-family: "Trebuchet MS", Arial, sans-serif, Verdana;
}

#menu_gauche .categorie1 {
	width: 190px;
	height: 20px;
	margin-left: 3px;
	background: url("../img/fond_cat1.gif") no-repeat;
	padding-left: 5px;
	padding-top: 5px;
}

#menu_gauche .categorie {
	width: 190px;
	height: 20px;
	margin-left: 3px;
	/*background: url("../img/fond_cat.gif") no-repeat;*/
	padding-left: 5px;
	padding-top: 2px;
}

#menu_gauche .categorie_selected {
	width: 190px;
	height: 20px;
	margin-left: 3px;
	/*background: url("../img/fond_cat.gif") no-repeat;*/
	padding-left: 5px;
	padding-top: 2px;
	background: #C4D3EF;
}

#contenu {
	float: left;
	width: 559px;
	/*height: 552px;*/
	height: 681px;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
}

#contenu .generique {
	width: 529px;
	float: left;
	margin-left: 10px;
}

#contenu .descr {
	width: 548px;
	/*height: 150px;*/
	height: 263px;
	margin: 5px;
	border-bottom: 1px solid gray;
}

#contenu .recherche, #catalogue .recherche {
	width: 550px;
	height: 22px;
	/*background: url("../img/fond_recherche.gif") no-repeat;*/
	padding-left: 5px;
	padding-top: 2px;
	border: 1px solid gray;
}

#contenu .emplacement, #catalogue .emplacement {
	width: 300px;
	float: left;
}

#contenu .search, #catalogue .search {
	width: 240px;
	float: left;
	margin-top: -2px;
}

div#liens {
	width: 500px;
	margin-left: 10px;
}

div#gauche {
	width: 50%;
	float: left;
}

div#droite {
	width: 50%;
	float: left;
	text-align: right;
}


#catalogue {
	float: left;
	width: 559px;
	/*height: 552px;*/
	height: 681px;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow : -moz-scrollbars-vertical; 
}

#catalogue .tableau {
	float: left;
	width: 480px;
	margin-left: 20px;
	margin-right: 19px;
	border: 1px solid gray;
}

#catalogue .cell_left {
	float: left;
	width: 237px;
	padding-left: 2px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

#catalogue .cell_right {
	float: left;
	width: 235px;
	border-bottom: 1px solid gray;
	padding-left: 5px;
}

#catalogue .cell_end_left {
	float: left;
	width: 237px;
	padding-left: 2px;
	border-right: 1px solid gray;
}

#catalogue .cell_end_right {
	float: left;
	width: 235px;
	padding-left: 5px;
}

#catalogue .recherche {
	width: 530px;
	height: 22px;
	/*background: url("../img/fond_recherche.gif") no-repeat;*/
	padding-left: 5px;
	padding-top: 2px;
	border: 1px solid gray;
}

#catalogue .titreFamille {
	margin-left: 10px;
	margin-top: 10px;
	width: 520px;
	color: #51A255;
	border-bottom: 1px dashed gray;
	font-size: 1.2em;
}

#catalogue .titreSType {
	margin-left: 30px;
	width: 480px;
	border-bottom: 1px solid gray;
	color: #4577E9;
}

#catalogue .titreMarque {
	margin-left: 40px;
	width: 470px;
	border-bottom: 1px inset gray;
	color: #A81E28;
}

#catalogue .produit {
	margin-left: 50px;
	width: 460px;
}

#catalogue .prix {
	float: left;
	text-align: right;
	width: 70px;
	background: #A7C4FD;
	color: #A81E28;
}

#catalogue .descr_prod {
	float: left;
	width: 380px;
	text-align: left;
	padding-left: 10px;
	background: #A7C4FD;
}

#catalogue .prix2 {
	float: left;
	text-align: right;
	width: 70px;
	color: #A81E28;
	background: #C4D3EF;
}

#catalogue .descr_prod2 {
	float: left;
	width: 380px;
	text-align: left;
	padding-left: 10px;
	background: #C4D3EF;
}

#ref {
	width: 543px;
}

#ref .refer {
	width: 180px;
	margin-left: 6px;
	float: left;
}

#catalogue a {
	text-decoration: none;
}

#cadres {
	width: 548px;
	height: 120px;
}

#cadres .cadre {
	float: left;
	width: 269px;
	height: 115px;
	border: 1px solid gray;
	margin-left: 2px;
}

#contenu_bas {
	width: 538px;
	height: 378px;
}

#contenu_bas_gauche {
	float: left;
	width: 389px;
	height: 378px;
}

#contenu_bas_gauche .bandeau {
	width: 389px;
	height: 130px;
}

#contenu_bas_gauche .descr_produit {
	float: left;
	width: 194px;
	height: 248px;
}

#contenu_bas_gauche .produit {
	width: 189px;
	height: 123px;
	margin-left: 5px;
	font-size: 0.7em;
}

#contenu_bas_centre {
	float: left;
	width: 3px;
	height: 378px;
	background: url("../img/ligne.gif") no-repeat;
}

#contenu_bas_droite {
	float: left;
	width: 140px;
	height: 378px;
	margin-left: 5px;
	margin-top: 5px;
}

#contenu_bas_droite .actu {
	height: 230px;
}

#contenu_bas_droite.pub {
	height: 143px;
}

#footer {
	width: 753px;
	height: 50px;
	text-align: center;
	padding-top: 5px;
}

.blanc {color: #FFFFFF;}
.gras {font-weight: bold;}
.italique {font-style: italic;}
.souligne {text-decoration: underline;}
.barre {text-decoration: line-throught;}
.center {text-align: center;}
.justify {text-align: justify;}
.droite {text-align: right;}
.gauche {text-align: left;}
.rouge {color: red;}
.vert {color: green;}
.violet {color: #BA32C3;}
.bordeau {color: #A81E28;}
.bleu {color: #4577E9;}
.normal {font-weight: normal;}
.grand {font-size:14px;}
.titre {
	color: #4577E9;
}
.moyen {
	list-style-type:none;
	font-size:12px;
	border:1px solid #4577E9;
	padding: 2px;
}

.titreSav {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
/*	width: 520px;*/
	color: #51A255;
	border-bottom: 1px dashed gray;
	font-size: 1.2em;
}

.titreRubrique {
	font-size: 1.5em;
	border-bottom: 1px solid gray;
	color: #A0A0E6;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
}

.texte  {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial;
	font-size: 10pt;
	color: #333333;
}

#catalogue .titreFormation {
	margin-left: 30px;
	width: 480px;
	border-bottom: 1px solid gray;
	color: #4577E9;
	padding-left: 20px;
}

.puce {
	background: url("../img/bg-puce20.gif") no-repeat center left;
}

.date {
	height: 50px;
	width: 45px;
	background: url("../img/calendar.gif") no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 100%;
	float: left;
}
.date span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}

.title {
	float: left;
	margin-left: 10px;
	/*width: 438px;*/
	width: 450px;
}

h2 {
	/*color: #333333;*/
	color: #21BD75;
	margin: 3px 0 2px;
	padding-bottom: 4px;
	font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
	border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
	color: #333333;
	text-decoration: none;
}
h2 a:hover {
	color: #44a1d0;
	text-decoration: none;
}

.tableau {width:100%; float:left;}
.cellule30 {width:30%; float:left;}
.cellule40 {width:40%; float:left;}
.border {border:1px solid black;}
.petit {font-size:9px;}