/* CSS Desaulniers */

/* Style de base
	----------------------------- */
	
		body {text-align:left;margin:0;padding:0;font-family:Geneva,Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
		img { border: none; }
		
		.tableau{width:405px; padding:10px; background-color:#ddd; border:1px solid #000; text-align:center; margin-left:20px}
		.tableauinfo{width:405px; padding:10px; background-color:#eee; border:1px solid #000; text-align:center; margin: 40px 0 40px 20px}
		.gifanim {border-left: 20px solid #900; border-right: 20px solid #666; border-top: 0px solid #ccc; border-bottom:0px solid #ccc}
		.gifanim2 {border-left: 20px solid #900; border-right: 20px solid #666; border-top: 0px solid #ccc; border-bottom:0px solid #ccc; margin-right:15px}
		p.spacer{border-bottom: 1px dashed #8c8c8c; margin-bottom:20px; margin-top:20px}
		p.info {font-weight:bold; color:#000}
		p.legend{font-size:11px; font-style:oblique; color:#a0130a; padding-bottom:10px}
		
		
/* conteneur 760 px
	----------------------------- */
		#contenant {
			width:760px;
			margin-right:auto;
			margin-left:auto;
			margin-top:0px;
			padding:0px;
			text-align:left;
			height:100%;
			z-index:1;
			}

/* Accueil
	----------------------------- */
		#pageaccueil
		{
			position:absolute;
			top:0px;
			width:760px;
			height:557px;
			background-image:url(../img/accueil.jpg);
			background-repeat:no-repeat;
		}
		
		#accueilentrez
		{
			position:absolute;
			top:408px;
			width:760px;
			text-align:right;
			left: 1px;
		}
		
		#accueilicons
		{
			position:absolute;
			top:460px;
			margin-left:180px;
			width:580px;
			height:400px;
			font-size:9px;
			text-align:left
		}
		
		#accueilicons a
		{
			color:#999999;
			text-decoration:none;
		}
		
		#accueilicons a:hover
		{
			color:#990000;
			text-decoration:underline;
		}
		
		#accueilicons img
		{
			border:0px;
			text-decoration:none;
		}
		
		
		
		#accueilicon1
		{
			position:absolute;
			top:460px;
			margin-left:180px;
			width:40px;
			height:37px;
		}
		
		#accueilicon2
		{
			position:absolute;
			top:460px;
			margin-left:230px;
			width:39px;
			height:37px;
		}
		
		#accueilicon3
		{
			position:absolute;
			top:460px;
			margin-left:279px;
			width:39px;
			height:37px;
		}
		
		#accueilicon4
		{
			position:absolute;
			top:460px;
			margin-left:328px;
			width:40px;
			height:37px;
		}
		
		#accueilicon5
		{
			position:absolute;
			top:460px;
			margin-left:376px;
			width:40px;
			height:37px;
		}
		
		#accueilicon6
		{
			position:absolute;
			top:460px;
			margin-left:427px;
			width:39px;
			height:37px;
		}
		
		#accueilicon7
		{
			position:absolute;
			top:1460px;
			margin-left:475px;
			width:39px;
			height:37px;
		}
		
		#accueilicon8
		{
			position:absolute;
			top:1460px;
			margin-left:523px;
			width:40px;
			height:37px;
		}
		
		#accueilicon9
		{
			position:absolute;
			top:1460px;
			margin-left:573px;
			width:40px;
			height:37px;
		}
		
		#accueilicon10
		{
			position:absolute;
			top:1460px;
			margin-left:624px;
			width:40px;
			height:37px;
		}
		
		#accueilicon11
		{
			position:absolute;
			top:1460px;
			margin-left:670px;
			width:41px;
			height:37px;
		}
		
		#accueilicon12
		{
			position:absolute;
			top:1460px;
			margin-left:721px;
			width:39px;
			height:37px;
		}
		
		#accueilicon13
		{
			position:absolute;
			top:511px;
			margin-left:180px;
			width:39px;
			height:37px;
		}
		
		#accueilicon14
		{
			position:absolute;
			top:511px;
			margin-left:230px;
			width:39px;
			height:37px;
		}
		
		#accueilicon15
		{
			position:absolute;
			top:511px;
			margin-left:279px;
			width:39px;
			height:37px;
		}
		
		#accueilicon16
		{
			position:absolute;
			top:511px;
			margin-left:328px;
			width:40px;
			height:37px;
		}
		
		#accueilicon17
		{
			position:absolute;
			top:511px;
			margin-left:376px;
			width:40px;
			height:37px;
		}
		
		#accueilicon18
		{
			position:absolute;
			top:511px;
			margin-left:427px;
			width:39px;
			height:37px;
		}
		
		#accueilicon19
		{
			position:absolute;
			top:511px;
			margin-left:475px;
			width:39px;
			height:37px;
		}
		
		#accueilicon20
		{
			position:absolute;
			top:511px;
			margin-left:523px;
			width:40px;
			height:37px;
		}
		
		#accueilicon21
		{
			position:absolute;
			top:511px;
			margin-left:573px;
			width:40px;
			height:37px;
		}
		
		#accueilicon22
		{
			position:absolute;
			top:511px;
			margin-left:624px;
			width:40px;
			height:37px;
		}
		
		#accueilicon23
		{
			position:absolute;
			top:511px;
			margin-left:670px;
			width:41px;
			height:37px;
		}
		
/* Header
	----------------------------- */
		#header
		{
			position:absolute;
			top:0;
			width:760px;
			height:254px;
			background-image:url(../img/header.jpg);
			background-repeat:no-repeat;
			border-bottom: 1px dashed #8c8c8c;
		}
		
/* Menu Horisontal
	----------------------------- */
	
		#menuhorisontal
		{
			position:absolute;
			top: 200px;
			margin-left:332px;
			height:20px;
			width:428px;
			z-index:5;
		}
		
		#menuhorisontal ul { padding: 0px 0 0 0px; margin:0}
		#menuhorisontal li  { font-weight:bold; color: #FFF; display:inline; border: none; padding: 0 6px 0 0px;}
		#menuhorisontal li a { font-weight:bold; color: #620F08; text-decoration:none;}
		#menuhorisontal li a:hover{ font-weight:bold; color: #fff; text-decoration:none;}

/* menu de gauche
	----------------------------- */	
	#menuleft {
		position:absolute;
		top:268px;
		width:225px;
		padding:0px;
		text-align: left;
		z-index:10;
		}
		
	#menuleft ul { padding:0; margin:0}
	#menuleft li { list-style-type: none; text-decoration:none; background: none; padding-left: 15px; line-height: 140%; color:#CCC}
	#menuleft li a { color: #BBB47D; text-decoration:none;}
	#menuleft li a:hover { color: #fff;	text-decoration:none;}	
	
	
/* Contenu principal
	----------------------------- */	
	
		#contenu {
		position:absolute;
		top:268px;
		width:485px;
		padding:0px 0px 20px 20px;
		margin-left:245px;
		text-align: left;
		border-left: 13px solid #ccc;
		text-align:left;
		z-index:2;
		}
		
		#contenu h1 { font-size:18px; color: #666;}
		#contenu h2 { font-size:16px; color: #a0130a;}
		#contenu h3 { font-size:12px; color: #000;}
		#contenu h4 { font-size:12px; color: #a0130a;}
		#contenu h5 { font-size:12px; color: #000;}
		#contenu li { list-style-type: square; text-decoration:none; background: none; line-height: 120%; color:#666}
		#contenu li.orderlist { list-style-type: decimal; text-decoration:none; background: none; line-height: 120%; color:#666}
		#contenu li a { color: #a0130a; text-decoration:none;}
		#contenu li a:hover { color: #666;	text-decoration:underline;}
		#contenu li.titreli a { color: #a0130a; text-decoration:none; font-weight:bold;padding-top:10px}
		#contenu li.titreli a:hover { color: #666;	text-decoration:underline;font-weight:bold;padding-top:10px}
		#contenu a { color: #a0130a; text-decoration:underline;}
		#contenu a:hover { color: #666;	text-decoration:underline;}	
		#contenu th {background-color:#a0130a; color:#FFFFFF; font-weight:bold; text-align:center; padding: 5px}
		#contenu td {background-color:#ddd; color:#666; font-weight:bold; text-align:center; padding: 5px}
		#contenu td ul { padding:0; margin-left:20px}
		#contenu td li { list-style-type: square; text-decoration:none; background: none; line-height: 120%; color:#666; text-align:left}
		
	
/* Icons
	----------------------------- */
		#icons
		{
			float:right;
			clear:both;
			margin-top:10px;
			height: 100px;
			width:100px;
			border: 1px solid #999;
			margin-bottom:20px;
			margin-left:20px;
		}