body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #5A88AF;
}

p {
	margin: 0;
	padding: 0 0 7px;
}

a {
	color: #4482BB;
	text-decoration: none;
}

#global {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 995px;
	height: 594px;
	margin-top: -297px; /* moitié de la hauteur */
	margin-left: -497px; /* moitié de la largeur */
	background-color: #fff;
	background-image: url(../images_home/bg_global.gif);
	background-repeat: no-repeat;
}

#divlogo {
	position: absolute;
	width: 386px;
	height: 238px;
	left: 13px;
	top: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A88AF;
	background-image: url(../images_home/bg_logo.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#divlogo .logo {
	height: 72px;
	width: 319px;
	background-image: url(../images_home/logo_troccon.gif);
	background-repeat: no-repeat;
	margin-top: 23px;
	margin-left: 33px;
}

#divlogo .accroche {
	position: relative;
	color: #FF0000;
	top: 15px;
	left: 126px;
	width: 230px;
	font-family: "Trebuchet MS";
	font-size: 1.1em;
}

#divlogo .coord {
	position: relative;	
	top: 28px;
	left: 126px;
	width: 230px;
	color: #4482BB;
	font-size: 0.85em;	
}

#divdroite {
	position: absolute;
	width: 583px;
	height: 238px;
	left: 399px;
	top: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A88AF;
	background-image: url(../images_home/bg_droite.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #679AC9;	
}

#divdroite ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

#divdroite ul li a {
	display: block;
	width: 278px;
	height: 78px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #538DC1;
	font-size: 0.85em;		
}

#divdroite ul li a span {
	display: block;
	padding-top: 14px;
	margin-left: 186px;	
}

#divdroite ul li a:hover {
	background-color: #A9C6E0;
}

#divdroite ul li.li1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #679AC9;	
}

#divdroite ul li.li1 a {
	background-image: url(../images_home/bg_li1.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#divdroite ul li.li1 a:hover {
	background-image: url(../images_home/bg_li1RO.jpg);
}

#divdroite ul li.li2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #679AC9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #679AC9;		
}

#divdroite ul li.li2 a {
	background-image: url(../images_home/bg_li2.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#divdroite ul li.li2 a:hover {
	background-image: url(../images_home/bg_li2RO.jpg);
}

#divdroite ul li.li3 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #679AC9;		
}

#divdroite ul li.li3 a {
	background-image: url(../images_home/bg_li3.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#divdroite ul li.li3 a:hover {
	background-image: url(../images_home/bg_li3RO.jpg);
}

#textedroite {
	color: #FFFFFF;
	margin-left: 315px;
	padding-right: 20px;
	padding-top: 22px;
	text-align: justify;
	font-size: 0.75em;
	line-height: 11px;
	background-image: url(../images_home/bg_textedroite.gif);
	background-repeat: no-repeat;
	background-position: right top;	
}

#textedroite a {
	color: #FFFFFF;
}

  /*******************************/
 /******** DIV LIENS ************/
/*******************************/

#divliens {
	position: absolute;
	left: 13px;
	top: 254px;
	width: 384px;
}

#divliens div.catalogue {
	color: #333333;
	text-transform: uppercase;
	float: right;
	margin-top: 11px;
	letter-spacing: 0.1em;
}

#divliens ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 38px;
	margin-left: 16px;	
}
#divliens ul li {
	margin-bottom: 8px;
}

#divliens ul li a {
	display: block;
	height: 19px;
	text-decoration: none;
	color: #707070;
	background-color: #F2F2F2;
	font-size: 0.85em;
	padding-left: 31px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 1em;
}

#divliens ul li a:hover {
	background-color: #D9D9D9;	
}

#divliens ul li a.r1 {
	background-image: url(../images_home/bgli1.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r1 {
	background-image: url(../images_home/bgli1RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a.r2 {
	background-image: url(../images_home/bgli2.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r2 {
	background-image: url(../images_home/bgli2RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a.r3 {
	background-image: url(../images_home/bgli3.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r3 {
	background-image: url(../images_home/bgli3RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a.r4 {
	background-image: url(../images_home/bgli4.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r4 {
	background-image: url(../images_home/bgli4RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a.r5 {
	background-image: url(../images_home/bgli5.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r5 {
	background-image: url(../images_home/bgli5RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a.r6 {
	background-image: url(../images_home/bgli6.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r6 {
	background-image: url(../images_home/bgli6RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a.r7 {
	background-image: url(../images_home/bgli7.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r7 {
	background-image: url(../images_home/bgli7RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a.r8 {
	background-image: url(../images_home/bgli8.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r8 {
	background-image: url(../images_home/bgli8RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a.r9 {
	background-image: url(../images_home/bgli9.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

#divliens ul li a:hover.r9 {
	background-image: url(../images_home/bgli9RO.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

  /*****************************/
 /****** DIV BAS DROITE *******/
/*****************************/

#divbasdroite {
	position: absolute;
	width: 420px;	
	left: 416px;
	top: 255px;	
}

#divbasdroite ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 1.25em;
	width: 100%; /* précision pour Opera */
}

#divbasdroite ul li {
	float: left;	
	display: block;
	width: 130px;
	height: 144px;
	margin-right: 6px;	
	_margin-right: 2px;	
	/*border: 1px solid red;*/
}

#divbasdroite ul li.l0 {
	background-image: url(../images_home/bg_l0.gif);
	background-repeat: no-repeat;	
}

#divbasdroite ul li.l1 {
	background-image: url(../images_home/bg_l1.gif);
	background-repeat: no-repeat;	
}

#divbasdroite ul li.l2 {
	background-image: url(../images_home/bg_l2.gif);
	background-repeat: no-repeat;
	
}

#divbasdroite ul li.l3 {
	background-image: url(../images_home/bg_l3.gif);
	background-repeat: no-repeat;
	
}

#divbasdroite ul li.l4 {
	background-image: url(../images_home/bg_l4.gif);
	background-repeat: no-repeat;
	
}

#divbasdroite ul li.l5 {
	background-image: url(../images_home/bg_l5.gif);
	background-repeat: no-repeat;
	
}

#divbasdroite ul li a {	
	display: block;
	text-decoration: none;
	font-size: 0.55em;	
	width: 130px;
	height: 144px;
	color: #000;
	/*border: 1px solid yellow;	*/
}

/*#divbasdroite ul li a span {
	display: block;
	padding-top: 130px;
	padding-left: 26px;
	background-image: url(../images_home/puce_r2.gif);
	background-repeat: no-repeat;
	background-position: 14px 132px;
}

#divbasdroite ul li a span.r7 {
	background-image: url(../images_home/puce_r7.gif);
	background-repeat: no-repeat;
	background-position: 14px 132px;
}

#divbasdroite ul li a span.r6 {
	background-image: url(../images_home/puce_r6.gif);
	background-repeat: no-repeat;
	background-position: 14px 132px;
}


#divbasdroite ul li a span.savoirplus {
	text-transform: none;
	padding-top: 105px;
	padding-left: 70px;
	background-image: url(../images_home/puce_savoirplus.gif);
	background-repeat: no-repeat;
	background-position: 60px 108px;	
}

#divbasdroite ul li.savoirplus {
	background-image: url(../images_home/bg_savoirplus.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#divbasdroite ul li span.notre {
	display: block;
	padding-top: 18px;
	padding-left: 15px;
}
*/
#divbasdroite2 {
	position: absolute;
	width: 102px;
	height: 246px;
	left: 848px;
	top: 276px;
	background-image: url(../images_home/bg_savoirplus2.gif);
	background-repeat: no-repeat;
}

#divbasdroite2 a {
	display: block;
	width: 86px;
	height: 238px;
	color: #000000;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	font-size: 0.85em;
	letter-spacing: 0.1em;
}

  /****************/
 /**** BAS G *****/
/****************/

#basg {
	display: block;
	position: absolute;
	width: 385px;
	height: 28px;
	left: 14px;
	top: 546px;
	background-color: #FF0000;
	background-image: url(../images_home/bg_basg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#basd {
	display: block;
	position: absolute;
	width: 583px;
	height: 28px;
	left: 399px;
	top: 546px;
	background-color: #3579B6;
	background-image: url(../images_home/bg_basd.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#liens_bas {
	float: right;
	margin-right: 20px;	
	color: #F5F8FB;
	font-size: 0.85em;
	letter-spacing: 0.1em;	
	padding-top: 7px;
	
}

#liens_bas a.liens_bas {
	color: #F5F8FB;
	text-decoration: none;
	padding-left: 23px;
	background-image: url(../images_home/fleche_blanche_petite_home.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
	
}

#liens_bas a:hover.liens_bas {
	color: #A9C6E0;
}

  /**************************/
 /********** BAS D *********/
/**************************/

#recherchez {
	display: block;
	float: left;
	width: 230px;
	padding-left: 40px;
	color: #F5F8FB;
	font-size: 0.85em;
	letter-spacing: 0.1em;
	padding-top: 6px;
	font-family: "Trebuchet MS";
	background-image: url(../images/fleche_bl_3.gif);
	background-repeat: no-repeat;
	background-position: 29px 8px;
}

#formrecherchez {
	display: block;
	float: left;
	height: 28px;
	margin-left: 60px;
}

#formrecherchez table {
	margin-top: 4px;	
}

#formrecherchez input.champ {
	background-color: #FFE3E3;
	border: 1px solid #FF9595;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	height: 14px;
	width: 210px;
	background-image: url(../images_home/loupe_recherche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	
}

form#recherche {	
	margin: 0;
	padding: 0;
	padding-left: 16px;
}

#mentionsbas {
	position: absolute;
	left: 366px;
	top: 584px;
	width: 620px;
	color: #AEC9E2;
	font-size: 0.7em;
}