@charset "iso-8859-1";
<!--
body,html 
	{
	margin:0px; padding:0px; background: url(images/bg.gif) repeat-x; background-color:#dbe3e8; height:100%; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}
div#maindiv	{
	width:100%; height:auto; display:table;  text-align:center;
}
div#contentdiv	{
	width:907px; display:table; height:auto; margin-left: auto; margin-right:auto; background-color:#FFFFFF;
}

/*--------------------------------
	HEADER LAYOUT
--------------------------------*/

div#header
	{
	width:907px; height:170px; background-color:#0885cf; text-align:left;
	}
	
	div#headleft
		{
		background:url(images/top_left.jpg) no-repeat; width:574px; height:170px; float:left;
		}
		div#headlang
			{
			font-size:11px; color:#0068aa; padding:3px 0px 0px 15px; height:27px; margin:0px;
			}
			div#headlang img
				{
				margin:0px 4px 0px 8px; vertical-align:middle;
				}
		div#headleft .logo
			{
			margin:19px 0px 0px 36px; padding:0px; display:block;
			}
		div#headleft .etiquette
			{
			padding:0px; display:block;
			}
			
	div#headbaseline
		{
		width:187px; float:left;
		}
		
	div#headklaxman
		{
		float:left;
		}
		
	div#headtexte
		{
		margin-left:358px; position:absolute; font-size:10px; color:#FFFFFF; line-height:1.2; width:545px; float:left; text-align:left;
		}




/*--------------------------------
	CONTENT LAYOUT
--------------------------------*/

div#content
	{
	width:905px; clear:both; text-align:left; padding:0px; margin:0px; border-right:1px solid #c8cdd0; border-left:1px solid #c8cdd0; 
	}
div#content
	{
	-width:907px; /* hack ie6 */
	}
	div#rightdiv
		{
		width:234px; float:right; 
		}
		
		div#sousmenu
			{
			width:210px; background-color:#bec8cd; margin:8px; padding:0px;
			}
		div#sousmenu p
			{
			color:#40494f; border-bottom:1px solid #8c959b; margin:4px 15px 4px 17px; text-transform:uppercase;
			}
		div#sousmenu a, a:visited
			{
			color:#40494f; text-decoration:none;
			}
		div#sousmenu a:hover
			{
			color:#ffffff; text-decoration:none;
			}
			
		div#asavoir
			{
			width:210px; background-color:#076cb3; margin:8px; padding:0px; margin-top:14px;
			}
		div#asavoir p
			{
			color:#ffffff; margin:4px 15px 4px 17px;
			}
		
	div#centerdiv
		{
		width:671px; 
		}
	div#centerdiv
		{
		-width:668px; /* hack ie6 */
		}
		div#texte
			{
			margin:0px 15px 30px 40px; padding:0px; border:1px solid white;
			}
		div#menu
			{
			
			}
		
	div#footer
		{
		font-size:10px; color:#929da5; margin:10px 0px 0px 40px; width:625px; border-top:1px solid #83b5d9; clear:both;
		}
	div#footer a
		{
		color:#076cb3;
		}
	
	

/*--------------------------------
	ACCUEIL
--------------------------------*/
div#accueil
	{
	margin:0px 5px 30px 20px; clear:both; padding:0px 0px 0px 0px;
	}
	
	div#homecontent
		{
		width:230px; background-color:#076cb3; margin:0px; padding:0px;
		}
		div#homecontent p
			{
			color:#ffffff; margin:9px 15px 5px 17px;
			}	
		div#homecontent h1
			{
			color:#adcfe6; margin:5px 15px 5px 17px; font-size:13pt; border-top:1px #5298ca solid; padding-top:9px;
			}
		div#homecontent a, homecontent a:hover, homecontent a:visited
			{
			color:#adcfe6; font-weight:bold;
			}
			
	div#homeextrait
		{
		width:618px; margin:0px 10px 20px 0px; padding:0px; float:right;
		}
		div#homeextrait table
		{
		margin:20px 0px 0px 0px;
		}	
		div#homeextrait td.extrait
		{
		 background-color:#e4e8ea; margin:20px 0px 0px 0px; padding:0px; border-bottom:3px solid #bec8cd;
		}
		div#homeextrait p
			{
			color:#000000; margin:9px 15px 5px 17px;
			}
		div#homeextrait .blue, .blue a, .blue a:hover, .blue a:active
			{
			color:#076cb3; font-weight:bold;
			}
		div#homeextrait .red, .red a, .red a:hover, .red a:active
			{
			color:#f10119; font-weight:bold;
			}
			

div#homeextrait .home_more { margin-top: 30px; }
div#homeextrait .home_more p { margin-top: 20px; color: #999; }
div#homeextrait .home_more p a { color: #999; text-decoration: underline; }
	
	
	
/*--------------------------------
	CATALOGUE
--------------------------------*/
div#menucatalogue2
	{
	width:594px; background-color:#e2d8c3; margin-top:0px; padding:1px 10px 1px 10px;
	}
	#menucatalogue2 p
		{
		color:#000
		}
	#menucatalogue2 a, #menucatalogue2 a:hover, #menucatalogue2 a:visited,#menucatalogue2 a:active
		{
		color:#7d5c3b
		}
div#menucatalogue3
	{
	width:594px; background-color:#f4f0e9; margin-top:5px; padding:1px 10px 1px 10px; 
	}
	#menucatalogue3 p
		{
		color:#5b5241
		}
	#menucatalogue3 a, #menucatalogue3 a:hover, #menucatalogue3 a:visited,#menucatalogue3 a:active
		{
		color:#938670
		}
#cattable th, #cattable td
	{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 6px 8px 6px 10px;	
	}
#cattable th
	{
	font-size: 13px; color: #085285; text-transform:capitalize; font-weight:bold;
	}
#cattable td
	{
	font-size: 11px; color: #40494f;	
	}
td.odd 
	{
	background-color:#eaf2f6;	
	}







/*--------------------------------
	CONTENT
--------------------------------*/




	
A
	{
	text-decoration: none; color: #E40522; 
	}
A:visited
	{
	text-decoration: none; color: #ff3e57; 
	}
A:hover, A:active
	{
	text-decoration: underline;
	}
HR	{
	border: 0; width: 80%; color: #cccccc; background-color: #cccccc; height: 1px; margin:0px; padding:0px;
	}
H1
	{
	font-size:18px; color:#076cb3; font-weight:normal; padding-top:15px; border-bottom:1px solid #076cb3;
	}
H2
	{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ee001b; font-weight:bold; padding:0px
	}


P, LI
	{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #40494f; margin: 15px 0px 15px 0px; text-align: left;
	}
UL	
	{
	margin: 15px 0px 15px 30px; padding:0px; list-style-type:square; list-style-position:outside; color:red;
	}
LI  
	{
	margin:0px;padding-top:5px;
	}
	

input, textarea
	{
	background-color: #FFFAF4; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 1em; border: solid 1px #E6DBDC;
	}
select
	{
	background-color: #FFFAF4; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 1em; border: solid 1px #E6DBDC;
	}
input.submit, input.submit:hover, input.submit:active
	{
	background:url(images/bg_button.gif) repeat-x; border:0px; padding:3px; margin:0px;
	}
.submitimage
	{
	border:0;
	}
form
	{
	margin: 0px; padding: 0px; text-align: left;
	}
img
	{
	border: #ffffff solid 0px; margin:0px;
	}
.puce
	{
	display: inline; vertical-align: middle;
	}

.form
	{
	color: #555555; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; margin-left: 5px; text-align: right;
	}


.aveugle {
	display:none;
}
-->