/*General*/
body 					{font-size: 90%;font-family:Arial Narrow, Helvetica, sans-serif;color:rgb(77,77,77)/*Gris*/;margin:0;padding:0; background-color:white; text-align: center;}
a						{outline:none}	
a						{text-decoration:none;color:rgb(77,77,77)}
a:hover					{color:#65932A}
.clearfloat				{clear:both}
img 					{border:none};
ul,li 					{margin:0;padding:0;list-style:none; list-style-type: none;}
/*Structure*/
#Page				{top:10px;position:relative;width:1000px;margin:0 auto; text-align: left; height:auto}
#Entete					{width:1000px;height:90px;}
	#EnteteLeft			{width:auto;float:left; }
	#EnteteRight		{margin-left:330px; width:auto;float:left; }
#Content				{width:1000px;float:left; }
	#ColLeft			{width:260px; margin-left:0; float:left}	
	#ColCenter			{width:400px; margin-left:10px; float:left}	
	#ColRight			{width:auto;float:left; margin-left:15px; margin-top:10px;}
	
#Slogan					{width:1000px;float:left; border-bottom:dotted 1px #CCC; padding-bottom:10px;}

#Portail				{color:#666; margin-left:30px;}
	#PortailLeft			{width:325px; margin-top:10px; margin-left:10px; float:left;  border-right:dotted 1px #CCC;}	
	#PortailCenter			{width:315px;margin-top:10px; margin-left:10px; float:left;  border-right:dotted 1px #CCC;}	
	#PortailRight			{width:auto; margin-top:10px; margin-left:10px;float:left; }

#Footer					{width:1000px;float:left; border-bottom:dotted 1px #CCC;}
#Footer	p				{font-size:0.85em;}
#Footer	p a				{font-size:0.9em;}

#Navigation 			{width:100%; height:30px; /*background-image:url(../../images/graphisme%202010/fond-menu.jpg);*/ background-color:#A6C849; padding-top:10px; margin-bottom:5px;float:left;}
#EnteteRight .telephone	{margin:0; padding:0;}
#EnteteRight .menu-header		{margin:0; padding:0; margin-left:260px;}
#EnteteRight ul.menu-header 	{list-style-image:url(../../images/graphisme%202010/puce.gif); }
#EnteteRight ul.menu-header  li a {padding-left:5px; font-size:0.80em; font-weight:bold;}


#Content h1 				{font-size:1.3em; margin:0; padding:0; margin-top: 7px; margin-bottom:2px;}
#Content p 					{font-size:1.1em; line-height:17px; text-align:justify; color:#000}
#Content.accueil 			{background:transparent url(../../images/graphisme%202010/fond-accueil.jpg) top center no-repeat;}
#Content .menu-content		{padding-bottom:5px; list-style:none}
#Content ul.menu-content li {margin-bottom:10px}



#ColLeft .vignette{padding-top:10px; height:250px; width:250px; cursor:pointer; float:left; }
#ColLeft .actualite{padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:15px; height:auto; width:210px; margin-left:19px; margin-top:182px; float:left; background:transparent url(../../images/graphisme%202010/actualite.jpg) top left no-repeat;}
#ColCenter .texte{padding-top:10px; height:250px; width:320px; margin-left:40px; margin-top:50px; float:left; }
#ColCenter .promotion{padding-top:150px; height:30px; width:370px; margin-left:35px; margin-top:20px; float:left;}
#ColCenter .menu-promo		{margin:0; padding:0; margin-left:15px}
#ColCenter ul.menu-promo 	{list-style-image:url(../../images/graphisme%202010/puce-blanche.png); }
#ColCenter ul.menu-promo  li a {padding-left:0px; font-size:1.1em; font-weight:bold; color:#FFF}
#ColCenter ul.menu-promo  li a:hover { text-decoration:underline}


#ColLeft .actualite p { font-weight:bold; color:#333; margin : 0; padding : 0;}
#ColLeft .actualite h2 { font-weight:bold; color:#000; font-size:1.1 em; margin-top:15px; margin-bottom:5px; padding: 0;}

#Portail h1 {margin:0; padding:0;font-size:1.1em;}
#Portail .menu-footer		{margin:0; padding:0; margin-left:20px;}
#Portail ul.menu-footer 	{list-style-image:url(../../images/graphisme%202010/puce.gif); }
#Portail ul.menu-footer  li a {padding-left:5px; font-size:0.80em; font-weight:bold;}






.clear 					{clear:both}
.right					{ text-align:right;}
.f_orange				{color:#E84c0F}
.f_blanc				{color:#FFFFFF}
.f_vert					{color:#A6C849}
.f_vert_fonce			{color:#48822F}
.f_gris					{color:rgb(77,77,77)}