body, td {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #444444;
}

img {
	border: 0;
	pading:0;
	margin:0;
}

ul, li {
	margin: 0;
	padding: 0;
}

#site {
	width: 900px;
	margin: 0 auto;
}

/** * html img{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}**/

/****************************************************************************************************
 * HEADER
 ****************************************************************************************************/
 
#header {
	width: 900px;
	height: 246px;
}
 
/****************************************************************************************************
 * MENU
 ****************************************************************************************************/

#menu {
	height: 62px;
	background: url(../images/layout/background_content_top.png) no-repeat left 28px;
}

#menu img {
	border: none;
	vertical-align: bottom;
}

#menu.withSubmenu {
	background-position: left 46px;
}

#menu div.categorie1 {
	height: 28px;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: center;
}

#menu div.categorie1 ul {
	background-color: #FFFFFF;
}

#menu div.categorie1 ul li {
	display: inline;
	line-height: 28px;
}

#menu div.categorie1 ul li ul {
	display: none;
}

#menu div.categorie2 {
	height: 34px;
}

#menu div.categorie2 ul li {
	display: inline;
	padding: 0 12px;
	line-height: 18px;
	color: #FFFFFF;
}

#menu div.categorie2 ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu div.categorie2 ul li a:hover {
	text-decoration: underline;
}

#menu div.categorie2 ul li.selected {
	font-weight: bold;
}

#menu div.categorie2 ul.groupe {
	background-color: #93b600;
	padding-left: 23px;
}

#menu div.categorie2 ul.produits, #menu div.categorie2 ul.restauration, #menu div.categorie2 ul.epicerie {
	text-align: left;
	padding-left: 23px;
}

#menu div.categorie2 ul.gourmand, #menu div.categorie2 ul.rugby, #menu div.categorie2 ul.montagne {
	text-align: right;
	padding-right: 23px;
}

#menu div.categorie2 ul.produits, #menu div.categorie2 ul.restauration {
	background-color: #C23900;
}

#menu div.categorie2 ul.epicerie {
	background-color: #B46505;
}

#menu div.categorie2 ul.gourmand {
	background-color: #D8510E;
}

#menu div.categorie2 ul.rugby {
	background-color: #FCDF00;
}

#menu div.categorie2 ul.rugby li, #menu div.categorie2 ul.rugby li a {
	color: #000000;
}

#menu div.categorie2 ul.montagne {
	background-color: #785944;
}

/****************************************************************************************************
 * CONTENT
 ****************************************************************************************************/
 
#content {
	padding: 0 65px 22px;
}

#content h1 {
	margin: 0;
	padding: 0 0 0 10px;
	
	border-top: none;
	border-right: none;
	border-bottom: 2px solid;
	border-left: none;
}

#content h2 {
	font-size: 11px;
	font-weight: bold;
}

#content h2, #content p {
	margin: 0 0 10px;
	padding: 0;
}

#content .left {
	float: left;
}

#content .right {
	float: right;
}

#content a {
	font-weight: bold;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#content a.plus {
	background: url(../images/layout/link_arrow.png) no-repeat 0 4px;
	padding-left: 10px;
}

#content img.left {
	float: left;
	margin: 0 15px 10px 0;
}

#content span.left {
	float: left;
	margin: 0 12px 10px 0;
}

#content img.retour {
	float: right;
	margin: -14px 0 0 0;
}
/* hack ie6 sur texte disparaissant */
#content div.bloc {
	zoom: 1;
	padding: 20px 23px;
}

#content div.bloc hr {
	height: 1px;
	border: 0;
	/**background: url(../images/layout/hr_menu2.png) repeat-x left top;**/
	border-bottom: dotted #666 1px;
}


/** barre sous titre **/


#content div.actualites h1 {
	border-color: #169bb5;
}

#content div.produits h1, #content div.restauration h1 {
	border-color: #ca5301;
}

#content div.publicites h1, #content div.groupe h1 {
	border-color: #93b600;
}

#content div.recettes h1 {
	border-color: #ac0030;
}

#content div.epicerie h1 {
	border-color: #B46505;
}

#content div.gourmand h1 {
	border-color: #D8510E;
}

#content div.rugby h1 {
	border-color: #FCDF00;
}

#content div.montagne h1 {
	border-color: #785944;
}

#content div.sitemap h1, 
#content div.contact h1, 
#content div.recrutement h1, 
#content div.liens h1,
#content div.home h1,
#content div.credits h1 {
	color:#9C1F3F;
}


/** background univers **/


#content div.actualites div.bloc {
	background: url(../images/layout/background_bloc_actualites.png) repeat-x left top;
}

#content div.produits div.bloc, #content div.restauration div.bloc {
	background: url(../images/layout/background_bloc_produits.png) repeat-x left top;
}

#content div.publicites div.bloc, #content div.groupe div.bloc {
	background: url(../images/layout/background_bloc_publicites.png) repeat-x left top;
}

#content div.recettes div.bloc {
	background: url(../images/layout/background_bloc_recettes.png) repeat-x left top;
}

#content div.epicerie div.bloc {
	background: url(../images/layout/background_bloc_epicerie.png) repeat-x left top;
}

#content div.gourmand div.bloc {
	background: url(../images/layout/background_bloc_gourmand.png) repeat-x left top;
}

#content div.rugby div.bloc {
	background: url(../images/layout/background_bloc_rugby.png) repeat-x left top;
}

#content div.montagne div.bloc {
	background: url(../images/layout/background_bloc_montagne.png) repeat-x left top;
}

#content div.sitemap div.bloc, 
#content div.contact div.bloc, 
#content div.recrutement div.bloc, 
#content div.liens div.bloc,
#content div.home div.bloc,
#content div.credits div.bloc {
	background: url(../images/layout/background_bloc_menu2.png) repeat-x left top;
}

/** colorimetrie sur titre et liens univers **/


#content div.actualites div.bloc h2, #content div.actualites div.bloc a {
	color: #169bb5;
}

#content div.produits div.bloc h2, #content div.produits div.bloc a, #content div.restauration div.bloc h2, #content div.restauration div.bloc a {
	color: #ca5301;
}

#content div.publicites div.bloc h2, #content div.publicites div.bloc a, #content div.groupe div.bloc h2, #content div.groupe div.bloc a {
	color: #93b600;
}

#content div.recettes div.bloc h2, #content div.recettes div.bloc a {
	color: #ac0030;
}

#content div.epicerie div.bloc h2, #content div.epicerie div.bloc a {
	color: #B46505;
}

#content div.gourmand div.bloc h2, #content div.gourmand div.bloc a {
	color: #D8510E;
}

#content div.rugby div.bloc h2, #content div.rugby div.bloc a {
	color: #E4C701;
}

#content div.montagne div.bloc h2, #content div.montagne div.bloc a {
	color: #785944;
}

#content div.sitemap div.bloc h2, #content div.sitemap div.bloc a, 
#content div.contact div.bloc h2, #content div.contact div.bloc a, 
#content div.recrutement div.bloc h2, #content div.recrutement div.bloc a, 
#content div.liens div.bloc h2, #content div.liens div.bloc a, 
#content div.home div.bloc h2, #content div.home div.bloc a, 
#content div.credits div.bloc h2, #content div.credits div.bloc a {
	color:#9C1F3F;
}


/** gestion ul decalé **/

#content div.groupe div.bloc div.w60
{
	text: right;
	width: 80%; 
}

/** select coin gourmand **/

#content div.gourmand select  { float:right; width: 475px; margin: 0px; padding: 0px; text-align: center;  border: 1px solid #D8510E; }


/****************************************************************************************************
 * CONTENT HOME
 ****************************************************************************************************/

#content.home div.actualites, #content.home div.produits, #content.home div.publicites, #content.home div.recettes {
	float: left;
}

#content.home div.actualites, #content.home div.publicites {
	margin-right: 30px;
	width: 470px;
}

#content.home div.produits, #content.home div.recettes {
	width: 270px;
}

#content.home div.actualites, #content.home div.produits {
	margin-bottom: 20px;
}

#content.home div.actualites div.bloc, #content.home div.produits div.bloc {
	height: 146px;
}

#content.home div.publicites div.bloc, #content.home div.recettes div.bloc {
	height: 119px;
}

/****************************************************************************************************
 * CONTENT 4 BLOCS
 ****************************************************************************************************/

#content div.row {
	clear: both;
}

#content div.row div {
	float: left;
	width: 300px;
	margin: 0 20px 23px;
}

/****************************************************************************************************
 * CONTENT 3 BLOCS ON A ROW
 ****************************************************************************************************/

#content div.row3 {
	clear: both;
}

#content div.row3 div {
	float: left;
	width: 215px;
	margin: 0;
	padding: 10px 20px 0 20px
}
#content div.row3 p {
	/**margin: 0 20px;**/
}

/****************************************************************************************************
 * FOOTER
 ****************************************************************************************************/
 
#footer {
	clear: both;
	padding: 36px 88px 0 15px;
	height: 41px;
	background: url(../images/layout/background_footer.png) no-repeat left 10px;
}

#footer div.left {
	float: left;
	color: #cba748;
}

#footer div.left a {
	padding: 0 5px;
	color: #FFFFFF;
	text-decoration: none;
}

#footer div.right {
	float: right;
}

#footer div.right img {
	vertical-align: top;
	margin-top: -1px;
}

/****************************************************************************************************
 * SITEMAP
 ****************************************************************************************************/

/**
#content div.sitemap p.title {
	width: 100%;
	padding-bottom: 2px;
	border-bottom: dashed 1px ;
}**/

#content div.sitemap div.bloc b a {
	color: #444444;
}
/**
#content div.sitemap a:hover {
	text-decoration: none;
}
**/


/****************************************************************************************************
 * VIDEO
 ****************************************************************************************************/

#video object {
	padding-right: 20px;
	width: 352px;
	height: 210px;
}


/****************************************************************************************************
 * IMAGES ZOOM
 ****************************************************************************************************/

#image_zoom {
	float: left;
	padding: 0px;
	margin: 5px 5px 5px;
	width: 171px;
	height: 157px;
	background-color: #FDE102;
}

/****************************************************************************************************
 * FORMULAIRES
 ****************************************************************************************************/

form input, form select, form textarea  {margin: 0px; padding: 0px; text-align: left;  border: 1px solid #9C1F3F; color: #9C1F3F;}
form select {  }
form input[type=text] {width: 180px;}
form input[type=submit] {width: 200px;  background-color: #9C1F3F; font-size: 12px; font-weight: bold; color: #FFFFFF;}

ul.error_list li{
	color: red;
}