@charset "UTF-8";
/* Document CSS valide W3C CSS niveau 3 */
/* Reset css */
html, body, div, ol, ul, li, p, span, img, a, em, font, small, strong, sub, sup, b, u, i, input, h1, h2, h3, h4, h5, h6, noscript, object, fieldset, form, label, caption, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
ol, ul {
	list-style:none;
}
:focus {
	outline:0;
}
/* body */
body {
	background-color:#c2d258;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-size:13px;
	color:black;
}
/* Liens génériques */
a:link, a:visited {
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	text-transform:none;
}
a:hover, a:active {
	text-decoration:none;
}
/*Mise en place générale du site*/
#main {
	margin: 0 auto;
	width: 980px;
}
/*Mise en place du header*/
#header {
	float:left;
	width: 980px;
	height:146px;
	background:#c2d258 url(../images/banHP.jpg) center top no-repeat;
}
#header h1 {
	text-indent:-9999px;
}
/*Menu avec image de fond et coins inférieurs arrondis*/
#navBottom {
	background:#FFF url(../images/menuBottom.jpg) 0 100% no-repeat;
	vertical-align:top;
}
/*Menu avec coins supérieurs arrondis*/
#nav {
	float:left;
	background:#fff url(../images/menuTop.gif) 0 0 no-repeat;
	width: 223px;
	padding:10px;
	vertical-align:top;
}
#bgnav {
	float:left;
	vertical-align:top;
	width: 243px;
}
/*Contenu avec coins inférieurs arrondis*/
#contentBottom {
	float:right;
	background:#c2d258 url(../images/contBottom.gif) 100% 100% no-repeat;
	width:737px;
	height:100%;
	padding:0 0 10px 0;
	vertical-align:top;
}
/*Contenu avec coins supérieurs arrondis*/
#content {
	float:right;
	background:#fff url(../images/contTop.gif) 100% 0 no-repeat;
	width:627px;
	padding:10px 50px 0 50px;
	vertical-align:top;
}
/*Image de fond du footer*/
#footer {
	float:left;
	background:transparent url(../images/footHP.jpg) 0 100% no-repeat;
	height: 35px;
	padding-top:27px;
	width:980px;
	color:white;
	font-size:1em;
	text-align:center;
}
/*Liens du footer*/
#footer a:link, #footer a:visited {
	color:white;
	font-size:1em;
}

/*Page de maintenance*/
#maintenance #main {
	width: 737px;
}
#maintenance #contentBottom {
	margin-top:300px;
}



/*--------------------------------------------------------------------Menu de gauche, texte, taille et gestion du fond des onglets--------*/
#nav a {
	text-decoration:none;
}
#nav li {
	margin:10px;
}
.navLink {
	height:25px;
	padding:6px 0 2px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight:normal!important;
	color: black;
	display:block;
}
#liActuel {
	background: #9fe35d url(../images/itemMenu.png) right 0 no-repeat;
}
#nav a:link, #nav a:visited {
	background:transparent url(../images/itemMenu.png) right -80px no-repeat;
}
#nav a:hover, #nav a:active {
	background:#b42c39 url(../images/itemMenu.png) right -40px no-repeat;
	color:#e7ffd9;
}
#partenaires {
	float:left;
	margin-top:100px;
	padding-left:20px;
}
#partenaires img {
	width:203px;
	height:76px;
	margin-top:10px;
}

/*--------------------------------------------------------------------Séparateur horizontal dans le contenu------------------------------------*/
.sep, .sep .borders-top, .sep .borders-bottom {
	width:727px;
}
.sep {
	height:30px;
	margin-left:-50px;
	background-color:#c2d258;
}
.sep .borders-top {
	background:transparent url(../images/contBottom.gif) center top no-repeat;
	height:10px;
}
.sep .borders-bottom {
	background:transparent url(../images/contTop.gif) center bottom no-repeat;
	height:20px;
}

/*--------------------------------------------------------------------Formatages divers------------------------------------------------------*/

.floatl {
	float:left;
}
.floatr {
	float:right;
}
.clear {
	clear: both;
}
.texteRouge {
	color:#990000;
}
.souligne {
	text-decoration:underline;
}
.textindent {
	text-indent:1.5em;
}
.textjustify {
	text-align:justify;
}
.margtop20 {
	margin-top:20px;
}
.margtop40 {
	margin-top:40px;
}
.margbot20 {
	margin-bottom:20px;
}
.margbot200 {
	margin-bottom:200px;
}
.alignD {
	width:26%;
}
p {
	line-height:1.5;
}
h3 {
	font-size:15px;
	margin-bottom:10px;
}
.libele{
	font-weight:bold;
}

/*--------------------------------------------------------------------Contenu divers----------------------------------------------------------*/

/*Photo de l'accueil*/
#imgPanier {
	width:435px;
	height:327px;
	display:block;
	margin: 40px auto;
}
#FAbox {
	width:200px;
	height:267px;
	margin: 10px 10px 10px 0;
}
/*.annifauch {
	width:627px;
	height:890px;
	display:block;
	float:left;
}*/
/*Texte du Player mp3*/
/*#player_container p {
	padding:15px 0 0 10px;
}*/
/*Texte défilant en page d'accueil*/
#houx {
	width:627px;
	height:46px;
	padding-top:26px;
	background: #fff url(../images/houx.gif) 100% 0 no-repeat;
}
#marquee {
	width:580px; /*largeur de la zone d'affichage*/
	height:20px; /*hauteur de la zone d'affichage*/
	overflow:hidden!important;
	position:relative;
}
#defile {
	position:relative;
}
/*Images de la page "équipe"*/
#PhotosHenri {
	display:block;
	width:627px;
	height:250px;
}
#histoire {
	width:274px;
	height:35px;
}
#equipe {
	width:393px;
	height:35px;
}
.quote {
	width:14px;
	height:8px;
}
/*Tableau des photos de la page "équipe"*/
#equtable {
	text-align:center;
	text-indent:0;
}
#equtable img {
	display:block;
	width:120px;
	height:160px;
}
/*Presse*/
#presse #bgnav {
	height:1200px;
	background:transparent url(../images/bgnavpresse.jpg) 0 100% no-repeat;
}
#presse0 img.floatl {
	padding:7px 10px 10px 0;
	width:350px;
	height:224px;
}
.logodep {
	width:193px;
	height:43px;
}
#presse0 p, #presse6 p {
	text-indent:1.5em;
	text-align:justify;
}
.depecheTimeStamp {
	margin:10px 120px 0 0;
}
#presse1, #presse2, #presse3, #presse4 {
	width:627px;
	margin-bottom:10px;
}
#presse1 {
	height:512px;
}
#presse2 {
	height:478px;
}
#presse3 {
	height:479px;
}
#presse4 {
	height:810px;
}
#presse5 {
	width:313px;
	height:181px;
	margin-left:20px;
}
#presse6 img.floatl {
	padding:7px 10px 0 0;
	width:350px;
	height:300px;
}

/*--------------------------------------------------------------------Page des compositions---------------------------------------------------*/

#compositions #bgnav {
	height:1200px;
	background:transparent url(../images/bgnavcompos.jpg) 0 100% no-repeat;
}
#jcycle {
	width:570px;
	height:200px;
	margin: 0 auto;
}
#jcycle div {
	display:none;
}
#jcycle noscript p {
	margin:0 50px;
}
#compos1 {
	background:transparent url(../images/compos1.jpg) 100% 60px no-repeat;
}
#compos2 {
	background:transparent url(../images/compos2.jpg) 100% 120px no-repeat;
}
.descript {
	width:450px;
}
.descript a {
	float:left;
	margin:20px 10px 20px 0;
	padding:7px 10px 13px 10px;
	width:80px;
	height:80px;
	background:transparent url(../images/bgThumb.png) 50% 0 no-repeat;
}
.descript a img {
	width:80px;
	height:80px;
}
.events {
	margin-left:15px;
	list-style:url(../images/puce.png) outside;
	width:200px;
}
.events li {
	margin-left:15px;
	vertical-align:baseline;
}
.apercus img {
	width: 627px;
	padding:10px 0;
}

/*--------------------------------------------------------------------Carte Google-------------------------------------------------------------*/
/*Marqueur Google sur la page*/
.curseurG {
	 float:left;
	 width:20px;
	 height:34px;
	 margin:50px 15px 0 10px;
}
/*mage de remplacement*/
#map_google {
	width:627px;
	height:600px;
	background:transparent url(../images/googlemap/mapGoogle.jpg) 0 0 no-repeat;
}
/*Personnalisation de la bulle information*/
.texteGoogle {
	text-align:center;
}
.texteGoogle img {
	display:block;
	width:170px;
	height:50px; 
	margin:0 55px;
}
#map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div>img, #map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div>img { /*Suppression des coins supérieurs*/
	display:none;
}
#map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div+div+div>img, #map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div+div+div+div>img, #map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div+div>img { /*Réapparition des coins inférieurs et de la flèche pour IE7*/
	display:block;
}
#map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div { /*Coin supérieur gauche*/
	background: transparent url("../images/googlemap/iw3.png") 0 0 no-repeat;
}
#map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div { /*Coin supérieur droit*/
	background: transparent url("../images/googlemap/iw3.png") 100% 0 no-repeat;
}
#map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div+div+div+div+div { /*Partie supérieure centrale*/
	background: #c2d258!important;
}
#map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div+div+div+div+div+div { /*Fond central*/
	background: #fff url("../images/googlemap/iw3.png") -26px -137px no-repeat;
}
#map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div+div+div+div { /*Coin inférieur droit pour IE7*/
	background: transparent;
}
#map_google>div:first-child>div:first-child>div:first-child+div+div+div+div+div+div+div+div+div>div.gmnoprint>div.gmnoprint+div+div+div+div+div+div+div+div { /*Partie inférieure centrale pour IE7*/
	background: #fff;
}
.formIti { /*Zone de recherche d'itinéraire*/
	text-align:center;
}
.formIti input { /*Zone de recherche d'itinéraire*/
	margin: 5px 0;
	border:#000 solid 1px;
}
.formIti .jqTransformInputWrapper { /*jqTransform*/
	float:none!important;
	margin:0 15px;
}
.formIti .jqTransformCheckboxWrapper {
	margin-top:0!important;
}
.formIti .floatl {
	margin-left:15px!important;
}
#side_bar { /*Liens d'affichage des bulles d'info*/
	text-align:center;
	margin: 5px 0;
}
.googledir, .googledir div { /*Affichage itinéraire*/
	padding:5px 0;
}

/*---------------------------------------------------------------------------Formulaires de contact-----------------------------------------------*/
/*Image de fond du tableau "commande"*/
#formulaireCommande {
	background:#FFF url(../images/poivron-jaune.jpg) 440px 160px no-repeat;
}
/*Image de fond du tableau "recette"*/
#formulaireRecette {
	background:#FFF url(../images/CuisineLegumes.jpg) 100% 45px no-repeat;
}
#formulaireCommande td.label, #formulaireRecette td.label {
	width:110px;
}
.rowElem input {
	border:#000 solid 1px;
	overflow-y:auto;
}
.radiogroup {
	padding-top:4px;
}
.radiogroup input {
	margin:0 4px;
}
.checkbox a {
	margin:-8px 4px 0 0!important;
}
.spaminput {
	display:none;
}
#contact-form sub, #recette-form sub, #contact-form sup, #recette-form sup, .copyright {
	color:#666;
	font-size:8px;
}
.formError {
	margin:-5px 0 0 -290px!important;
	line-height:1em;
}
.civilMformError {
	margin-top:-9px!important;
}
.civilMformError .formErrorContent {
	opacity:0.66!important;
}
.adressformError, .messageformError, .message2formError {
	margin-left:-55px!important;
}
.formErrorContent {
	width:210px!important;
}
.adressformError .formErrorContent, .messageformError .formErrorContent, .message2formError .formErrorContent {
	width:115px!important;
}
#formulaireCommande td > button, #formulaireRecette td > button {
	text-indent:8px;
}
#sendform, #sendform2 {
	margin-left:20px;
}
.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}
#formulaireCommande #loading, #formulaireRecette #loading2 {
	position:relative;
	bottom:9px;
	visibility:hidden;
}
#formulaireCommande h1, #formulaireRecette h1  {
	display:block;
	width:70%;
	text-align:center;
	padding:150px 0 300px 0;
	
}
a#fd-but-date {
	float:right;
	margin:-32px 5px 0 0;
}
/* Hack Safari et Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	a#fd-but-date {
		margin:6px 0 0 0;
	}
	.formError {
		margin-top:5px!important;
	}
	.civilMformError {
		margin-top:-5px!important;
	}
	.adressformError, .messageformError, .message2formError {
	margin-left:-65px!important;
	}
}
.date-picker-week-header {
	color:#666!important;
}

/*---------------------------------------------------------------------------tooltip-------------------------------------------------------------*/
#tooltip {
	position:absolute;
	z-index: 3000;
	border:none;
	color:#fff;
	text-align:center;
	border: none;
	width: 250px;
	padding-top:20px;
	height: 60px;
	opacity: 1;
	background:transparent url(../images/title.png) 0 0 no-repeat;
}
#tooltip h3 {
	font-size: 10pt;
	font-weight:normal;
	width: 250px;
	text-align: center;
}