/* CSS Document */

body 		{font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size: 12px; color:#333;	background:#999;margin: 0px auto;}

#wrapper 	{position:relative; width:900px; margin: 0px auto;}

#header		{width:900px;height:224px; background: url("image/fond_top.gif") no-repeat 0 0;
			border-top:0px solid #666;border-left:12px solid #666;border-right:12px solid #666;border-bottom:0px solid #666;}


/*************************************/

#nav, #nav, ul{
margin: 0px 0px 0px 0px;
width:600px;
padding:0 0 0 0;
min-height:40px;
border-top:12px solid #666; border-bottom:2px solid #66CC00;
list-style-type:none;
list-style-position:outside;
line-height:40px; 
background:#666;
}

#nav a {
display:block;
font-size:14px;
padding:0px 14px;
color:#fff;
text-decoration:none;
background-color:#333;
}

#nav a:hover{
background-color:#66CC00;
color:#fff;
}

#nav li{
float:left; position:relative; line-height:40px;}

#nav ul {position:absolute;	display:none; margin: 14px 0 0 0; width:0px; top:14px; 
		line-height:40px; z-index: 9;visibility: visible;}

#nav li ul a{
font-size:12px;
width:160px;
height:auto;
float:left;
line-height:11px; 
padding:12px 10px 12px 10px;
border-bottom: 1px solid #ccc;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:160px;
margin:0px 0 0 11px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}				

/*************************************/

#main 	{overflow: auto; min-height:400px;width:900px; background: url("image/fond_vert_olive.jpg");
		border-top:0px solid #666;border-left:12px solid #666;border-right:12px solid #666;border-bottom:0px solid #666;}
				

.submenu 				{font-size:14px;color:#eee;font-weight:normal;margin:0 0 0 0;padding:0px 0px 0px 30px;}
.submenu  a:link 		{font-size:14px;color:#ccc;text-decoration: none;}
.submenu  a:visited 	{font-size:14px;text-decoration: none;color:#ccc;}
.submenu  a:hover 		{font-size:14px;text-decoration: none;color:#66CC00;}
.submenu  a:active 		{font-size:14px;text-decoration: none;}


#leftwrap 			{float:left;font-weight:normal;margin:30px 0px 0px 30px;}

#boutique			{overflow:auto; width:800px; min-height:400px;
					border-top:4px solid #66CC00;border-left:12px solid #66CC00;border-right:4px solid #66CC00;border-bottom:4px solid #66CC00;
					padding:10px 10px 10px 10px;background-color:#fff;margin:0px 0px 20px 0px;}

.boutique_left		{float:left; width:185px; background:#eee; padding:10px 10px 10px 10px;}

.boutique_right		{width:530px; margin:0px 10px 0px 220px;}



#footer 				{height:30px; width:912px;background-color:#666;font-size:12px; font-weight:normal;color:#fff; padding:13px 0px 0px 12px;}
#footer  a:link 		{font-size:12px;color:#ccc;text-decoration: none;}
#footer  a:visited 		{font-size:12px;text-decoration: none;color:#ccc;}
#footer  a:hover 		{font-size:12px;text-decoration: none;color:#66CC00;}
#footer  a:active 		{font-size:12px;text-decoration: none;}


#copyright  			{background-color:#999;font-size:11px; font-weight:normal; color:#333; margin:10px 0px 30px 12px;}


#logoSODEC				{outline:none; margin:0px 0px 20px 12px;}




a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #66CC00;
	text-decoration: none;
}
a:active {
	color: #0066FF;
	text-decoration: none;
}



