/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Arial, sans-serif; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

@font-face {
	font-family: 'Myriad Pro';
	src: local('Myriad Pro'), url('/include/css/MyriadPro-Regular.otf');
}

a:link, a:visited {
	color: #47b2e1;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #FFFFFF url(../../images/body-t.gif) repeat-x 0 64px;
}
#page {
	width: 996px;
	margin: 0 auto;
	font-size: 1.1em;
	color: #172983;
	background: #FFFFFF url(../../images/page-bg.gif) repeat-y 0 0;
	border-top: solid 10px #FFFFFF;
}

#top {
	position: relative;
	z-index: 10;
	background: url(../../images/top-bg.png) no-repeat 0 0;
	height: 125px;
	margin: 0 0 25px;
}
	#logo {
		float: left;
		padding: 0 0 0 33px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 227px;
			height: 125px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../../images/logo-1.png) no-repeat 0 0;
			}
	#menu {
		float: right;
		margin: 54px 0 0;
		padding: 0 60px 0 0;
		position: relative;
		z-index: 10;
		width: 500px;
	}
		#menu ul {
			font-family: 'Myriad Pro', sans-serif;
		}
			#menu li {
				float: left;
				position: relative;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					line-height: 40px;
					color: #FFFFFF;
					padding: 0 7px;
					text-transform: uppercase;
					letter-spacing: 0.1em;
					text-decoration: none;
				}
				#menu li a:link:hover, #menu li a:visited:hover,
				#menu li:hover a:link, #menu li:hover a:visited,
				#menu li.active a:link, #menu li.active a:visited {
					background: url(../../images/menu1-active.gif) no-repeat 50% 0;
				}

				#menu li ul {
					position: absolute;
					left: -1000em;
					top: 40px;
					height: auto;
					font-family: Arial, sans-serif;
				}
				#menu li ul.type1,
				#menu li ul.type1 ul {
					background: #47b2e1;
					width: 140px;
				}
				#menu li ul.type2,
				#menu li ul.type2 ul {
					background: #b3ca1e;
					width: 110px;
				}
				#menu li ul.type2 ul li{
					background: #b3ca1e;
					width: 210px;
				}
				#menu li ul.type3,
				#menu li ul.type3 ul {
					background: #172983;
					width: 200px;
				}
				#menu li:hover ul {
					left: 0;
				}
					#menu li li {
						width: 100%;
					}
						#page #menu li li a:link, #page #menu li li a:visited {
							float: none;
							color: #FFFFFF;
							line-height: 26px;
							letter-spacing: 0;
							background: none;
							background-repeat: no-repeat;
							background-position: 95% 50%;
						}
						#page #menu li li a:link:hover, #page #menu li li a:visited:hover {
						}
						#page #menu li li a.sub:link:hover, #page #menu li li a.sub:visited:hover,
						#page #menu li li.onhover a.sub:link, #page #menu li li.onhover a.sub:visited,
						#page #menu li li:hover a.sub:link, #page #menu li li:hover a.sub:visited {
							background-image: url(../../images/bullet-2.gif);
						}
						#page #menu ul.type1 li a:link:hover, #page #menu ul.type1 li a:visited:hover {
							background-color: #62bde5;
						}
						#page #menu ul.type2 li a:link:hover, #page #menu ul.type2 li a:visited:hover {
							background-color: #c9dd49;
						}
						#page #menu ul.type3 li a:link:hover, #page #menu ul.type3 li a:visited:hover {
							background-color: #45549c;
						}
					
						#menu li li ul,
						#menu li:hover li ul {
							left: -1000em;
							top: 0;
						}
						#menu li li:hover ul {
							left: 110px;
						}
	#langs {
		position: absolute;
		right: 30px;
		top: 20px;
	}
		#langs a:link, #langs a:visited {
			float: left;
			display: block;
			margin: 0 5px 0 0;
			width: 14px;
			height: 12px;
		}
			#langs a.fr:link span, #langs a.fr:visited span {
				background: url(../../images/lang-fr.gif) no-repeat 0 0;
			}
			#langs a.en:link span, #langs a.en:visited span {
				background: url(../../images/lang-en.gif) no-repeat 0 0;
			}
			#langs a.de:link span, #langs a.de:visited span {
				background: url(../../images/lang-de.gif) no-repeat 0 0;
			}
			#langs a.es:link span, #langs a.es:visited span {
				background: url(../../images/lang-es.gif) no-repeat 0 0;
			}
	#path {
		position: absolute;
		left: 355px;
		top: 100px;
		font-size: 90.91%;
	}
		#path a:link, #path a:visited {
			color: #47b2e1;
			padding: 0 10px 0 0;
			background: url(../../images/bullet-1.gif) no-repeat 100% 50%;
		}
		#path a.last:link, #path a.last:visited {
			color: #172983;
			background: none;
		}


#wrap {
	width: 990px;
	overflow: hidden;
	margin: 0 3px;
	position: relative;
	z-index: 1;
	min-height: 430px;
}
	#content {
		float: right;
		width: 620px;
		padding: 0 20px 30px 0;
	}
	#side1 {
		float: left;
		width: 340px;
	}


#content p {
	line-height: 1.45;
	margin: 0 0 1.5em;
}
#content ul {
	list-style: disc;
	line-height: 1.4;
	margin: 0 0 1.5em 1.5em;
}

#content h2 {
	font-size: 109.1%;
	font-weight: bold;
	color: #b3ca1e;
	text-transform: uppercase;
	text-indent: 1em;
	margin: 0 0 .6em;
}
#content h2.type1 {
	background: #47b2e1;
	color: #FFFFFF;
	text-indent: 0;
	padding: 1em 10px;
	margin: 0;
}

#content h3 {
	font-size: 100%;
	font-weight: bold;
	color: #b3ca1e;
	text-transform: uppercase;
	margin: 0 0 .5em;
}
#content h3.type1 {
	background: #cdeaf9;
	color: #172983;
	padding: .4em 10px;
	margin: 0 0 1.25em;
}

#content a:link, #content a:visited {
	text-decoration: underline;
}
#content a:link:hover, #content a:visited:hover {
	text-decoration: none;
}



#footer {
	background: url(../../images/page-b.png) no-repeat 0 100%;
	padding: 0 10px 13px;
	margin: -25px 0 0;
	height: 20px;
	position: relative;
	z-index: 10;
	/*font-family: 'LondonBetween', 'Myriad Pro', Arial, sans-serif;
	font-size: 109.09%;*/
	font-family: Arial, sans-serif;
	font-size: 95%;
}
	#footer p.links {
		text-transform: uppercase;
		text-align: right;
	}
		#footer p.links a:link, #footer p.links a:visited {
			color: #2e3192;
			padding: 0 .75em;
		}


/*-------
// home
//-----*/

.home #top {
	margin: 0;
}
	.home #menu {
		padding-bottom: 31px;
		background: url(../../images/misc/home-1.jpg) no-repeat 310px 100%;
	}

.home #content {
	float: none;
	width: 960px;
	overflow: hidden;
	background: url(../../images/misc/home-2.jpg) no-repeat 100% 0;
	padding: 315px 0 0px 30px;
}

.home .box {
	float: left;
	position: relative;
	height: 88px;
	margin: 0 20px 0 0;
}
	.home #page .box h2 {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		font-size: 100%;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 18px;
		margin: 0;
	}

.box1 {
	width: 450px;
	border: solid 1px #49b2e1;
}
	.box1 h2 {
		background: #49b2e1;
	}
	#page .box1 ul {
		list-style: none;
		width: 100%;
		overflow: hidden;
		margin: 0;
	}
		.box1 li {
			float: left;
			width: 33%;
			position: relative;
			height: 70px;
		}
			#page .box1 li a:link, #page .box1 li a:visited {
				float: left;
				display: block;
				width: 100%;
				text-align: center;
				text-decoration: none;
				position: absolute;
				bottom: 0;
				left: 0;
				text-decoration: none;
				color: #172983;
			}
				.box1 li a:link img, .box1 li a:visited img {
					display: block;
					margin: 0 auto 2px;
				}

.box2 {
	width: 215px;
	border: solid 1px #162983;
	margin: 0;
}
	.box2 h2 {
		background: #162983;
	}

.box3 {
	width: 220px;
	border: solid 1px #b3ca21;
}
	.box3 h2 {
		background: #b3ca21;
	}
	#page .box3 p {
		line-height: 1.2;
		padding: .5em .5em;
		display: block;
	}

.home #footer {
	margin: 0;
}

/*-------
// page-1
//-----*/

#image1 {
	position: absolute;
	left: 0;
	bottom: 0;
}
#imagecontact {
	position: absolute;
	left: 0;
	top: 0;
}

#page .photos1 {
	list-style: none;
	margin: 0 0 1em;
	font-size: 90.91%;
}
	.photos1 li {
		float: left;
		margin: 0 10px 0 0;
	}
	.photos1 li.last {
		margin: 0;
	}
		.photos1 li a:link, .photos1 li a:visited {
			float: left;
			display: block;
			border: solid 1px #cceaf9;
			padding: 1px 1px;
			position: relative;
		}
			.photos1 li a:link img, .photos1 li a:visited img {
			}
			.photos1 li a:link span, .photos1 li a:visited span {
				position: absolute;
				left: 1px;
				bottom: 1px;
				text-decoration: underline;
			}


/*-------
// page-2
//-----*/

#content .list1 {
	list-style: none;
	margin: 0;
	width: 100%;
	overflow: hidden;
}
	.list1 li {
		float: left;
		width: 192px;
		height: 160px;
		margin: 0 20px 15px 0;
	}
	.list1 li.alt {
		margin-right: 0;
	}
		.list1 li a:link, .list1 li a:visited {
			display: block;
			border: solid 1px #d5eefa;
			text-decoration: none;
		}
			.list1 li a:link img, .list1 li a:visited img {
				display: block;
			}
			.list1 li a:link span, .list1 li a:visited span {
				display: block;
				background: #47b2e1;
				color: #FFFFFF;
				text-align: center;
				padding: .1em 0;
				height:30px;
			}
	
#categs {
}
	#categs li.recette {
		
	}
		#categs li.recette a:link, #categs li.recette a:visited {
			border: none;
			width: 101px;
			height: 118px;
			margin: 10px auto 0;
		}
			#categs li.recette a:link span, #categs li.recette a:visited span {
				background: url(../../images/but-recette.png) no-repeat 0 0;
				padding: 0;
				height: 100%;
			}
    
            #categs li.recette a:link span.proprecetteen, #categs li.recette a:visited span.proprecetteen 
            {
				background: url(../../images/recette-en.png) no-repeat 0 0;
            }

/*-------
// page-4
//-----*/

#content p.print {
	margin: 0 0 .3em;
	text-align: right;
}

#page .logos {
	list-style: none;
	margin: 0 0 1em;
	vertical-align: middle;
}
	.logos li {
		display: inline;
		padding: 0 10px 0 0;
	}
		.logos li img {
			vertical-align: middle;
		}


/*-------
// page-5
//-----*/

#content #news {
	list-style: none;
	margin: 0 0 1em;
	width: 450px;
}
	#news li {
		margin: 0 0 1.5em;
	}
		#news li p {
			clear: both;
			margin: 0 0 .2em;
		}
		#news li p.title {
			background: #e147a5;
			color: #FFFFFF;
			font-weight: bold;
			float: left;
			text-transform: uppercase;
			padding: .2em 1em;
		}
			#news li p a:link, #news li p a:visited {
				color: #172983;
			}

#page #nav1 {
	margin: 0 auto 1em;
	line-height: 12px;
	width: 100px;
	font-weight: bold;
}
	#nav1 a:link, #nav1 a:visited {
		color: #172984;
	}
	#nav1 a.prev:link, #nav1 a.prev:visited,
	#nav1 a.next:link, #nav1 a.next:visited {
		padding: 0 0 0 7px;
		width: 1px;
		height: 12px;
		text-decoration: none;
	}
	#nav1 a.prev:link, #nav1 a.prev:visited {
		background: url(../../images/icon-prev.gif) no-repeat 0 0;
	}
	#nav1 a.next:link, #nav1 a.next:visited {
		background: url(../../images/icon-next.gif) no-repeat 0 0;
	}


/*-------
// page-6
//-----*/

.contact #content form {
	width: 410px;
}
	.contact #content ul {
		list-style: none;
		margin: 0;
		width: 100%;
		overflow: hidden;
		font-size: 110%;
	}
		.contact #content li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 10px;
		}
			.contact #content li label {
				float: left;
				display: block;
				width: 100px;
				line-height: 1.6;
				font-weight: bold;
			}
				.contact #content li label span {
					color: #47b2e1;
				}
			.contact #content li input.text,
			.contact #content li textarea {
				float: left;
				width: 290px;
				border: solid 1px #8b94c1;
			}
			.contact #content li ul.items {
				float: left;
				width: 260px;
				overflow: hidden;
			}
				.contact #content li ul.items li {
					float: left;
					width: auto;
					margin: 0 20px 0 0;
				}
					.contact #content li ul.items li input {
						float: left;
						margin: 0 3px 0 0;
					}
					.contact #content li ul.items li label {
						float: left;
						width: auto;
						white-space: nowrap;
						line-height: 1.1;
					}
		.contact #content li.button {
			width: auto;
			padding: 0 0 0 100px;
		}
			.contact #content li.button input.submit {
				background: #172983;
				color: #FFFFFF;
				border: none;
				padding: .2em .3em;
			}
	.contact #content p.obs {
		text-align: right;
		padding: 0 20px 0 0;
		position: relative;
		top: -40px;
	}
		.contact #content p.obs span {
			color: #47b2e1;
		}

#coordonnees 
{
	text-align: center;
	width: 500px;
}
#coordonnees a:link, #coordonnees a:visited
{
	color: #172983;
}

/*-------
// plan du site
//-----*/

.mr-01 { margin-right:50px; }
.mr-02 { margin-right:10px; }
#content .plansite  { list-style-type: none; line-height: 0;}
ul.plansite a:link, ul.plansite a:visited { color: #172983; text-decoration: none}
.plansite { width:185px; float:left; }
.plansite li { margin-bottom:12px; }
.plansite li.section { font-weight: bold; margin: 28px 0; }
.plansite li ul { margin:16px 0 16px 36px;  }
.plansite li ul li ul li { margin:2px 0; }



/*-------
// contact messages
//-----*/

#content form#aspnetForm input.texterror, 
#content form#aspnetForm textarea.texterror {
	border: 1px dotted red;
	background-color: #B3CA1E;
}
.contact #content .SuccessMessage {
	padding: 0px;
	width: 386px;
	margin: 0 0 395px 5px;
}
.contact #content .ErrorMessage 
{
	text-align: left;
	padding: 5px 0px;
	width: 355px;
	margin: 5px 0px;
}

.contact #content .ErrorMessage li 
{
	padding : 0;
	margin : 0;
}
#content form#aspnetForm a
{
    font-weight: bold;
    color: #7E92E9;
}