/* Start of CMSMS style sheet 'BaronCocoa Global' */
/*

	BaronCocoa
	===========================================================================================
	media: all
	browser: all

	Legend:
	-------------------------------------------------------------------------------------------
	1 General
		1.1 headings and paragraphs
		1.2 lists
		1.3 forms
		1.4 links
	2 Elements
		2.1 small tweaks
		2.2 properties	
		2.3 table location	
	3 Layout
		3.1 site-options
			3.1.1 accessibility
			3.1.2 languages
		3.2 branding
			3.2.1 logo
			3.2.2 navigation
		3.3 content
			3.3.1 main-content
			3.3.2 secondary-content
		3.4 site-info
	4 Pages
		4.1 actualites
		4.2 location
		4.3 medias
		4.4 nos produits
		4.5 formulaire

*/


/* General -1- ====================================================================================*/
 
*{
	margin: 0px;
	padding: 0px;}
html{	    
	font-size: medium;
	text-align: center;}
body{
	background: #2b1609;
	color: #241208;
/*	font: normal normal 56.25%/136% Verdana,Arial,Helvetica,sans-serif;} */
	font: normal normal 66.25%/146% Verdana,Arial,Helvetica,sans-serif;}

	/* headings and paragraphs -1.1- ----------------------------------------------------------*/
	p{}
	h{}
	h1{}
	h2{}
	h3{}
	h4{
		font-size: 100%;}	
	h1,h2,h3,h4{
	    position: relative;}

      
	/* lists 1.2 ------------------------------------------------------------------------------*/
	ul,ol{
	    list-style-type: none;}
	
	/* forms 1.3 ------------------------------------------------------------------------------*/      
	input,select,option,textarea{
		color: #000;
		font-size: 100%;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		vertical-align: middle;}	
	.actions input,.options input{
		width: auto !important;}
	form p{
		vertical-align: baseline;}
	label{
		vertical-align: middle;		
	}
	
	/* links -1.4- ----------------------------------------------------------------------------*/
	a{
		color: #000;
		text-decoration: none;}
	a:hover{
	    color: #b1dafc;
	    }


/* Elements -2- ===================================================================================*/

	/* small tweeks -2.1- ---------------------------------------------------------------------*/
	div:focus{ outline: none;}
	a img{ border: none;}
	hr{ display: none;}

	/* float left */	
	.floatl{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}
		
	/* float right */
	.floatr{
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		}
	
	/* properties -2.2- -----------------------------------------------------------------------*/
	.properties{
		height: 1%;
		margin-top: 20px;
		overflow: auto;
		}
	.properties h2{
		margin-left: 8px;
		}		
	.properties div{	
		height: 1%;	
		padding: 8px 0px;
		position: relative;
		width: 123px;
		}
	.properties div ul{
		background: transparent url(images/properties_bg.gif) repeat-y left top;
		padding: 0px 7px !important;
		}
	.properties div li{
		height: 1%;
		background: #ff9100 url(images/properties_li_bg.gif) repeat-x left bottom !important;
		color: #FFF;
		font: normal normal 111%/120% "Myriad","Trebuchet MS",Arial,sans;
		padding: 5px 7px !important;
		position: relative;
		}
	.properties div li span{
		position: absolute;
		right: 5px;
		top: 5px;
		}
	.properties div span.top, .properties div span.bottom{
		background: transparent no-repeat left top;
		display: block;
		line-height: 8px;
		height: 8px;
		left: 0px;
		position: absolute;
		width: 100%;
		}
	.properties div span.top{
		background-image: url(images/properties_top.gif);
		top: 0px;
		}
	.properties div span.bottom{
		background-image: url(images/properties_bottom.gif);
		bottom: 0px;}
	
	/* table locations -2.3- -----------------------------------------------------------------------*/
	table.locations{
		border: 1px solid #732801;
		margin: 10px 0px 5px;}
	table.locations th{
		color: #FFF;
		font-weight: normal;
		padding: 5px;		
		text-align: center;
		}
		
	table.locations thead th{
		background-color: #732801;
		}
	table.locations thead td{
		background-color: #241208;}
		
	table.locations tbody th{	
		background-color: #241208;
		border-top: 1px solid #381706;
		text-align: left;}
	table.locations tbody td{
		background-color: #FFF;
		border: 0px solid #dbc9bf;
		border-width: 1px 0px 0px 1px;
		padding: 5px;		
		text-align: center;
		}



/* Layout -3- =====================================================================================*/

#page{
	background: transparent url(images/page_bg.gif) repeat-y left top;
	margin: 0px auto;
	width: 1004px;
	}

	/* site-utils -3.1- ----------------------------------------------------------------------*/
	#site-options{
		background: #2b1609 url(images/page_top.gif) no-repeat left bottom;
		overflow: auto;
		padding: 10px 135px 15px 150px;
		text-align: left;
		width: 1004px;
		w\idth: 719px;
		}

		/* accessability -3.1.1- --------------------------------------------------------*/
		#accessibility{
			float: left;
			overflow: hidden;
			}
		#accessibility li{
			background: transparent url(images/accessibility_sep.gif) no-repeat left center;
			display: inline;
			margin-left: -7px;		
			padding: 0px 10px 0px 7px;
			}
		#accessibility a{
			color: #FFF;
			}
		
		/* languages -3.1.2- ------------------------------------------------------------*/
		#languages{
			float: right;
			}
		#languages li{
			display: block;
			float: left;
			padding-left: 5px;
			}
		#languages li a{
			display: block;
			float: left;
			height: 11px;
			overflow: hidden;
			position: relative;
			width: 16px;
			}
		#languages li a span{
			background: transparent no-repeat left top;
			height: 100%;
			position: absolute;
			width: 100%;
			}
			#languages li a.fr span{
				background-image: url(images/flag_fr.gif);
				}	    
			#languages li a.en span{
				background-image: url(images/flag_en.gif);
				}	    
			#languages li a.es span{
				background-image: url(images/flag_es.gif);
				}	    

	/* branding -3.2- ----------------------------------------------------------------------*/
	#branding{
		background: transparent url(images/branding_bg.jpg) no-repeat center top;
		margin: -10px 129px 0px;
		padding: 209px 0px 0px;
		position: relative;
		text-align: left;
		z-index: 10;
		}
		
		/* logo -3.2.1- -----------------------------------------------------------------*/
		#branding h2{
			display: block;
			left: 0px;
			height: 112px;
			position: absolute;
			top: 50px;
			width: 75px;
			}
		#branding h2 a{			
			display: block;
			height: 100%;
			overflow: hidden;
			position: relative;
			width: 100%;
			}
		#branding h2 a span{
			background: transparent url(images/logo.jpg) no-repeat left top;
			display: block;
			height: 100%;
			width: 100%;
			}
			
		/* navigation -3.2.2- -----------------------------------------------------------*/
		#branding div{
			background: #281509 url(images/navigation_bg.gif) repeat-x left bottom;
			text-align: center;
			padding: 8px 0px;
			}
		#branding ul{
			display: inline;
			list-style-type: none;
			margin: 0px auto;
			}		
		#branding li{
			border-left: 1px solid #00a4ff;
			display: inline;		
			font-size: 111%;
			margin: 0px;
			position: relative;
			}
		#branding li.first{
			border-left: 0px;}
		#branding li a{
			color: #FFF;
			font-weight: bold;
			line-height: 140%;
			padding: 5px 13px;
			text-transform: uppercase;
			word-spacing: normal;
			}
		#branding li a:focus{
			outline: 0px;}
		#branding li a:hover, #branding li a:active{
			background-color: #601e04;
			}
			
			#branding li ul{
				background: #5f1d03 url(images/navigation_ul_bg.gif) repeat-x left top;
				border-top: 1px solid #3b1101;
				display: none;
				float: none;
				left: 0px;
				padding: 3px 0px 0px;
				position: absolute;
				top: 1.4em;
				z-index: 10;
				}
			#branding li:hover ul{
				display: block;
				}
			#branding li li{
				border-left: 0px;
				display: list-item;
				float: none;
				margin: 0px;
				text-align: left;
				}
			#branding li li a{
				color: #fefffd;
				display: block;
				font-size: 90%;
				padding: 2px 10px;
				text-transform: none;
				}
			#branding li li a:hover{
				background-color: #2b1609;
				color: #FFF;}
				
		
	/* content -3.3- ----------------------------------------------------------------------*/		
	#content{
		background: transparent url(images/content_bg.gif) repeat-x left bottom;
		clear: both;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		text-align: left;
		width: 746px;
		z-index: 2;
		}
		
		/* main-content -3.3.1- ------------------------------------------------------*/
		#main-content{
			float: right;
			padding: 10px 20px 30px 0;
			position: relative;
			width: 495px;
			w\idth: 475px;
			z-index: 2;
			}
			#main-content h1{
				background: transparent url(images/h1_bottom.gif) no-repeat left bottom;
				color: #742802;
				font-size: 133%;				
				font-weight: bold;
				margin: 0px -5px;
				text-transform: uppercase;
				width: 484px;}
			#main-content a{
				border-bottom: 1px soldi #FF9900;
				color: #FF9101;
				}	

			#main-content a:hover{
				border-bottom: 1px soldi #FF9900;
				color: #FCCD90;
				}	
				
			#main-content h1 span{
				background: transparent url(images/h1_top.gif) no-repeat left top;
				display: block;
				padding: 10px 5px 10px 48px;}

			#main-content h4{
				background: transparent url(images/h1_bottom.gif) no-repeat left bottom;
				color: #742802;
				font-size: 133%;				
				font-weight: bold;
				margin: 0px -5px;
				width: 484px;}

			#main-content h4 span{
				background: transparent url(images/h1_top.gif) no-repeat left top;
				display: block;
				padding: 10px 5px 10px 48px;}
				
			#main-content h2{
				color: #f74000;
				font-size: 122%;
				font-weight: bold;}
			
			#main-content h3{
				color: #2d1912;
				font-size: 111%;
				font-weight: bold;
				text-transform: uppercase;}
			#main-content p{
				margin-bottom: 1em;}
				
			#main-content ul, #main-content ol{
				padding: 3px 0px 3px 20px;}
			#main-content li{
				background: transparent url(images/li_bg.gif) no-repeat left center;
				padding: 0px 0px 0px 10px;}
				
		/* secondary-content -3.3.2- ------------------------------------------------*/
		#secondary-content{
			background: transparent url(images/buffet_avec_fontaine_top.jpg) no-repeat left bottom;;
			border-right: 1px solid #dad0c7;
			float: left;
			margin-top: 5px;
			padding-bottom: 315px;
			width: 238px;
			z-index: 3;}
			
			#site-search form{
				padding: 0px 2px 0px 4px;
				}
			#site-search fieldset{
				background: #f7f0e6 url(images/search-site_input.gif) no-repeat 2px 8px;
				border: 0px;				
				padding: 8px 2px 4px 2px;
				vertical-align: middle;
				}
			#site-search input{				
				border: 0px;
				color: #140a04;
				height: 27px;}
				#site-search #m3searchinput{
					background: transparent;
					line-height: 100%;
					height: 1.2em;		
					padding: 2px 9px;
					width: 188px;
					w\idth: 170px;
					vertical-align: middle;}
				#site-search #search-submit{
					margin: 0px 0px 0px -3px;
					vertical-align: middle;}

			#secondary-content ul{
				border-top: 1px solid #8e8178;
				}
			#secondary-content li{
				border-bottom: 1px solid #201007;
				}				
			#secondary-content li a{
				background: #241208 url(images/subnavigation_li_bg.gif) repeat-x left bottom;
				color: #b74615;
				display: block;
				font-size: 122%;
				padding: 8px 2px 8px 8px;
				}
			#secondary-content li a:hover{
				color: #FFF;
				}

	/* site-info -3.4- ----------------------------------------------------------------------*/
	#site-info{
		background: #2b1609 url(images/page_bottom.gif) no-repeat left top;
		clear: both;
		color: #FFF;
		line-height: 17px;	
		margin: -10px 0 0;
		padding: 20px 130px 10px;
		position: relative;
		z-index: 1;
		vertical-align: middle;
		height: 1%;
		font: normal normal 56.25%/146% Verdana,Arial,Helvetica,sans-serif;}
		}
		
		#site-info ul{
			position: absolute;
			left: 368px;
			overflow: hidden;
			text-align: left;
			top: 20px;
			width: 500px;}
		#site-info li{
			border-left: 1px solid #097ec1;
			display: inline;
			padding: 0px 6px 0px 7px;
			}
		#site-info li.first{
			border-left: 0px;}
		#site-info li a{
			color: #FFF;
			}
			
		#site-info p{
			float: left;}
			
		#site-info .rss{
			display: block;
			float: right;
			height: 17px;
			overflow: hidden;
			position: relative;
			width: 33px;}
		#site-info .rss span{
			background: transparent url(images/rss.gif) no-repeat left top;
			display: block;
			height: 100%;
			position: absolute;
			width: 100%;}


/* Pages -4- ====================================================================================*/

	/* actualites -4.1- ----------------------------------------------------------------------*/
	#actualites #main-content h3{
		padding-left: 83px;}
	#actualites #main-content p{
		padding-left: 83px;}
	#newsblock {
/*		font: normal normal 66.25%/146% Verdana,Arial,Helvetica,sans-serif;} */
		font: normal normal 106.25%/146% Verdana,Arial,Helvetica,sans-serif;}
		background-color:#F7EFE2;
		margin-bottom:10px;
		padding: 8px;
		}

	.NewsSummaryOne {
		display:block;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:0.9em;
		text-align:left;
		width:100%;
	}


	.NewsTitle {
		display:block;
		float:left;
		font-weight:bold;
		text-align:left;
		width:50%;
		color:#FF9000;
	}

	.NewsTitle a {
		color:#FF9000;
	}

	.NewsTitle a:hover {
		color:#FCCD90;
	}

	.NewsDate {
		display:block;
		float:right;
		text-align:right;
		width:50%;
		color:#FF9000;
	}

	.NewsSummarySummary {
		text-align:left;
		clear:both;
		display:block;
		padding-top:5px;
	}

	.NewsSummaryMorelink {
		display: block;
		color:#000;
		clear:both;
		float:right;
		width:100%;
		text-align:right;
		padding-bottom: 25px;
	}

		
	/* location -4.2- ----------------------------------------------------------------------*/
	#location #main-content h3{
		color: #732801;}

	/* médias -4.3- ----------------------------------------------------------------------*/


	/* nos produits -4.4- ----------------------------------------------------------------------*/

	#category_items{
		margin-top: 5px;
		float: left;
		background-color: #F7EFE2;
		width: 30%;
		padding: 5px 5px;
	}

	#category_items h5{
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 10px;
	}
	.category_item {
		padding-bottom: 5px;
	}

	#category_notes{
		margin-top: 5px;
		float: right;
		width: 65%;
		padding: 8;
	}

	/* formulaire -4.4- ----------------------------------------------------------------------*/

	.adresse-field {
		width: 100px;
	}

#main-content input, textarea {
	background:#F9EFED;
	border:#DAC9B9 thin solid;
	width:150px;
}

#main-content textarea {
	height: 40px;
}

#positionform table {
	width:100%;
	padding-right:5px;
}

#positionform td {
	text-transform:uppercase;
	padding:5px 0px 5px 0px;
	font-weight:bold;
	width:100%;
}

#infogen {
	float:left;
	width:175px;
}

#positionform {
	float:right;
	width:260px;
	background:#EDE1C9 none no-repeat;
}

input#ffdevis, input#ffdemande {
	width:20px;
}

input#m3fftelephone, input#m3ffemail, input#m3ffnom {
	border:#FF5C00 2px solid;
}

#positionform label {
	padding-left:5px;
	text-transform:uppercase;
	width:120px;
	float:left;
	font-weight: bold;
}

#positionform input:select {
	60px;
}

#positionform input {
	width:130px;
}

#positionform textarea {
	width:98%;
}

#positionform .contact div {
	padding-top:3px;
	padding-left:2px;
}

#positionform div.demande label {

}

input#m3_32_1, input#m3_32_0 {
	width:20px;
float:right;
}
/* End of 'BaronCocoa Global' */