@charset "utf-8";
body { margin:0; padding:0; text-align:center; background-color:#04144a;
font-family:Helvetica, Arial, sans-serif; font-size:100%; height:100%; z-index:1; }

html>body #main { height: auto; min-height: 446px; }
html>body #right #coin-poissonnier div.content { height: auto; min-height: 126px; }

/* GENERALITES ----------------------------------------------------------- */
ul { list-style-type:none; margin:0; padding:0; }
/*ul.disc { list-style-type: disc; list-style-position: inside; margin-left:1px;  }
ul.disc li { line-height:9pt; }*/
li { margin:0; padding:0; /*line-height:normal;*/ }
p { margin:0; padding:0; text-align:justify;  }
form { margin:0; padding:0; }
input, select { font-size:10px; margin:0; padding:0; }
textarea { font-size:11px; }
h1, h2, h3 { margin:0; padding:0; }

sup { vertical-align:10%; }

/*ul.bul { list-style-type:disc; list-style-position:outside; background-color:#FF9933;  }
ul.bul li { padding-left:0px; }*/

ul.bul { list-style-type:disc;list-style-position:outside; padding:0 0 0 15px; }
ul.bul li { line-height:10pt; padding:0; }


/*h1 span { font-size:11px;  }*/

/*h1 { color:#7b1014; margin-bottom:10px; font-size:15px;}
h2 { margin-top:15px; margin-bottom:2px; font-size:15px;}
h3 { color:#7b1014; font-size:12px; padding:1px 0 2px 0; }*/
/*table { font-size:11px; }
table th { text-align:left; }
table td {  }

a { text-decoration:none;  }
a:link, a:visited { color:#7b1014; }
a.selected { color:#7b1014; }
a:hover { color:#ff0000; }*/

/* messages ------------------------------------------------ */
.err { margin:5px auto; width:90%; border:1px solid #ff0000; }
.errtt { display:block; background-color:#FF0000; color:#FFFFFF; text-align:center; font-weight:bold; }
.errtxt { display:block; color:#ff0000; padding:2px 5px; }
.chpsErr { background-color:#FF7777; }
.suc { margin:5px auto; width:90%; border:1px solid #339933; }
.succestt { display:block; background-color:#339933; color:#FFFFFF; text-align:center; font-weight:bold; }
.succestxt { display:block; color:#339933; padding:2px 5px; }

/* DESIGN GENERAL -------------------------------------------------------- */
#ombrine {
	width:950px; /*height:100%;*/
	margin:0px auto;
	background: #04144a url(img/fd-conteneur.jpg) 0px 0px repeat-y;
	padding:0 13px;
}
#conteneur {
	width:950px; height:100%;
	margin:0px auto;
	text-align:left;
}
.wrap { text-align:left; margin:0 auto; padding:0px; width:auto; /*background-color:#FF3399; */}

/* HAUT */
#header {
	border-top:2px solid #3399cc;
	height:176px;
}
#top { height:150px; }

#top #bandeau { float:left; height:150px; }

#top #flags { float:right; margin-top:-150px; width:118px; height:20px; background:url(img/fd-flags.jpg) 0px 0px no-repeat; }
#top #flags a { float:left; margin:0; padding:0; padding-top:1px; }
#top #flags a.fr { padding-left:6px; }
#top #flags a.en { padding-left:9px; }
#top #flags a img { margin:0; padding:0; }

/*
#top #flags { float:right; margin-top:-130px; width:118px; height:20px; background-color:#FFCC00; }
#top #flags ul { background:url(img/fd-flags.jpg) 0px 0px no-repeat; height:20px; }
#top #flags ul li { float:left; display:inline; height:13px; }
#top #flags ul li img { margin:0; padding:0; }
#top #flags ul li.fr { padding-left:6px; background-color:#00FFFF; width:26px; }
#top #flags ul li.en { padding-left:5px; background-color:#CC3366; width:25px; }
*/
/*
#menutop { height:24px; border-top:1px solid #3399cc; border-bottom:1px solid #3399cc; font-size:71%; }
#menutop ul { height:18px; background-color:#0b487f; float:left; width:100%; margin-top:3px;   }
#menutop li { float:left; display:inline; height:16px; padding:2px 10px 0 10px; border-right:2px solid #04144a; }
#menutop li.mAcc {  padding:1px 0 0 0; margin:0; height:17px; background-color:#87494f;  }
#menutop li a { text-decoration:none; font-weight:bold; }
#menutop li a:link, #menutop li a:visited { color:#3399cc; }
#menutop li a:hover { color:#fff; }
#menutop li a:active { color:#3399cc; }
*/

/* MENU HAUT */
#menutopconteneur { background-color:#04144a; height:22px; width:100%; 
border-top:1px solid #3399cc; border-bottom:1px solid #3399cc; }

#menutop { float:left; font-size:71%; background-color:#0b487f; width:100%; margin:2px 0 0 0; }

#menutop table { /*margin-top:3px;*/ }
#menutop td.home { background-color:#87494f; }
#menutop td span { display:block; background-color:#0b487f; padding:2px 10px 2px 10px; border-right:2px solid #04144a; }
#menutop td.home span { padding:2px 0; background-color:#87494f; }

#menutop a { /*display:block; */text-decoration:none; font-weight:bold; }
#menutop a:link, #menutop a:visited { color:#3399cc; }
#menutop a:hover { color:#fff; }
#menutop a:active { color:#3399cc; }

#menutop div { cursor:pointer; display:none; position:absolute; width:250px; margin-top:4px;}
#menutop div ul { background-color:#04144a; float:left; }
#menutop div ul li { display:block; background-color:#0b487f; padding:2px 10px 2px 10px; margin-bottom:2px; font-weight:bold; }

#smenu1 { z-index:101; }
#smenu2 { z-index:102; }
#smenu3 { z-index:103; }
#smenu4 { z-index:104; }
#smenu5 { z-index:105; }

#framesmenu1, #framesmenu2, #framesmenu3, #framesmenu4, #framesmenu5 { filter:alpha(opacity=0); 
position:absolute; display:none; border:0; z-index:100; padding:0; margin:0 auto 0 0; width:210px; height:160px;
 }
/*#framesmenu5 { filter:alpha(opacity=0);
position:absolute; display:none; border:0; z-index:100; padding:0; margin:0 auto 0 0; width:510px; height:160px;
}*/

#divS1 { text-align:center; width:910px; z-index:10; }
/*

margin-left: 0px; margin-right: auto; width: 150px; top: 128px;  
  border: 0px; z-index:0; padding: 0px; margin-top: 0px; margin-bottom: 0px;*/

/*#menutop div ul li a { text-decoration:none; font-weight:bold; }
#menutop div ul li a:link, #menutop div ul li a:visited { color:#3399cc; }
#menutop div ul li a:hover {  color:#fff; }
#menutop div ul li a:active { color:#3399cc; }*/

/* NAVIGATION */
#navigation { border-bottom:1px solid #0b487f; height:16px; padding-top:2px; font-size:71%; color:#fff; }
#navigation p { padding-left:10px; color:#0b487f; }

/* CONTENUS */

#content { float:left; width:930px; padding:0 0 0 20px; }

#main { padding-bottom:10px;/*padding:0 0 0 20px; padding:0 0px 10px 20px;*/height:446px;/* float:left;*/font-size:81%; color:#fff; /* background-color:#99CC00; */ }
#main p { margin:5px 15px 5px 0px; }
/*#main p, #main li, #main td, #main th { margin:5px 15px 5px 0px; font-size:81%; }*/
#main li, #main td, #main th { margin:5px 15px 5px 0px; color:#fff; }
#main h1 { color:#3399cc; font-size:100%; margin-top:10px; }
#main p span.sst { font-weight:bold; color:#fff; font-size:110%; /*margin-top:5px;*/ margin-bottom:20px; /*background-color:#FFCC00;*/ }

#main p#engagements { float:right;padding:0 0 0 20px; overflow:hidden;  }

#main a:link, #main a:visited { color:#3399cc; }
#main a:hover {  color:#fff; }
#main a:active { color:#3399cc; }


/* ACCUEIL */
#acc { float:left; /*background-color:#CC6600; */width:100%; }

#content-acc { float:left; width:645px;	font-size:71%; color:#fff; line-height:10pt;  }
#right { float:right; width:223px; font-size:71%; padding-right:41px; line-height:10pt;  }

#content-acc p {   }
#content-acc #bienvenue, #content-acc #recettes { float:left; }
#content-acc div.photo, #content-acc div.texte { float:left; }
#content-acc #bienvenue div.photo { width:276px; }
#content-acc #bienvenue div.texte { width:360px; margin-top:30px; }
#content-acc #bienvenue div.texte h1 { text-align:left; margin-bottom:10px; line-height:22px; font-size:22px; }
#content-acc #bienvenue div.texte p { margin-bottom:10px; font-size:110%; }

#content-acc #bienvenue div.texte p a { text-decoration:none;  }
#content-acc #bienvenue div.texte p a:link, #content-acc #bienvenue div.texte p a:active, #content-acc #bienvenue div.texte p a:visited { color:#3399cc;  }
#content-acc #bienvenue div.texte p a:hover { color:#fff; text-decoration:underline; }

#content-acc #recettes { /*background-color:#FFCC00; padding:5px; margin-bottom:0; height:100%;*/ }
#content-acc #recettes img { }
#content-acc #recettes div.photo { width:363px; height:184px;  }
#content-acc #recettes div.texte { width:266px; margin-top:30px; font-size:110%; }
#content-acc #recettes div.texte h1 { margin-bottom:15px; padding-left:40px; }
#content-acc #recettes div.texte p { margin-bottom:10px; padding-left:40px; padding-right:10px; text-align:left; }


/* ACCUEIL  DROITE */

#right div.headline { float:left; width:223px; height:25px; background-color:#669900; margin-bottom:2px; }
#right div.content { float:left; width:223px; overflow:visible; }
#right div.content-text { float:left; width:223px; overflow:visible; margin-top:10px; }
/*#right div.sepa { margin:0; padding:0; }*/

#right #coin-poissonnier { float:left; margin-bottom:5px; margin-top:10px;  }
#right #ombrine-chez-vous { float:left; margin-bottom:10px; }
#right #avis-interesse { float:left; }

#right #coin-poissonnier div.headline { background:#3399cc url(img/acc/coin-du-poissonnier.jpg) 0px 0px no-repeat; /*height:104px;*/ }
#right #coin-poissonnier div.content { background:#3399cc url(img/acc/fd-poissonnier.jpg) bottom no-repeat; color:#003333; height:126px; overflow:visible; }
#right #coin-poissonnier div.sepa { background: url(img/acc/points_poissonnier.jpg) 10px 2px no-repeat; }
#right #coin-poissonnier div.content-text div.blocAgauche { padding:0;width:140px; height:auto; overflow:visible; }

#right #ombrine-chez-vous div.headline { background:#b2cc33 url(img/acc/ombrine-chez-vous.jpg) 0px 0px no-repeat; }
#right #ombrine-chez-vous div.content { background-color:#b2cc33; color:#003300; }
#right #ombrine-chez-vous div.sepa { background: url(img/acc/points_ombrine.jpg) 10px 2px no-repeat; }

#right #avis-interesse div.headline { background:#d48d2b url(img/acc/avis-interesse.jpg) 0px 0px no-repeat; }
#right #avis-interesse div.content { background-color:#d48d2b; color:#663300; }
#right #avis-interesse div.sepa { background: url(img/acc/points_avis.jpg) 10px 2px no-repeat; }

#right .content-text div { font-weight:bold; width:auto; padding:0px 10px 0px 10px; }
#right .content-text div.niv1 { font-size:93%; }
#right .content-text div.niv2 { font-size:120%;   }
#right .content-text div.niv2 a { font-size:83%; }

#right a { text-decoration:none; padding-left:5px; }
#right #coin-poissonnier a.lire:link, #right #coin-poissonnier a.lire:visited { color:#003333; }
#right #ombrine-chez-vous a.lire:link, #right #ombrine-chez-vous a.lire:visited { color:#003300; }
#right #avis-interesse a.lire:link, #right #avis-interesse a.lire:visited { color:#663300; }

#right a.lire:hover { text-decoration:underline; }
#right a.lire:active { }

#right div.content-text img { float:right; margin:-3px 7px 7px 7px;  }

/*  */

.alignDroite { float:right; }
img.alignDroite { padding:0 0 15px 20px; }
.alignGauche { float:left; }
img.alignGauche { padding:0 20px 15px 0; }

/* PRODUITS */
table.produits { margin-top:20px; }
table.produits td { text-align:center; padding:5px 0; color:#fff; font-weight:bold; width:170px; }
table.produits td.solo { width:320px; }
table.produits td.solo img { float:left; }

/* RECETTES */
table.recettes, table.recettes2 { width:98%; }
table.recettes td, table.recettes2 td { text-align:center; padding:5px 0; color:#fff; font-weight:bold; vertical-align:top; font-size:11px; }
table.recettes td { width:33%;  }
table.recettes2 td { width:50%; }
table.recettes td.pdf, table.recettes2 td.pdf { font-style:italic; font-size:11px; font-weight:normal; }
table.recettes td.pdf a, table.recettes2 td.pdf a { text-decoration:none; }

/* BAS */

#bottom { clear:both; height:18px; border-top:1px solid #3399cc; border-bottom:1px solid #3399cc; padding:2px 0; }

#bottom-menu { height:18px; font-size:71%; }
#bottom-menu ul {  }
#bottom-menu li { float:left; display:inline; height:16px; padding:2px 10px 0 10px; margin-right:2px; }

#bottom-menu li a { text-decoration:none; font-weight:bold; }
#bottom-menu li.bmcontact { background-color:#87494f; }
#bottom-menu li.bmcontact a { color:#fff; }
#bottom-menu li.bmcoin { background-color:#3399cc; }
#bottom-menu li.bmcoin a { color:#003333; }
#bottom-menu li.bmombrine { background-color:#b2cc33; }
#bottom-menu li.bmombrine a { color:#003300; }
#bottom-menu li.bmavis { background-color:#d48d2b; }
#bottom-menu li.bmavis a { color:#663300; }
#bottom-menu li.bmpartenaires { background-color:#0b487f; }
#bottom-menu li.bmpartenaires a { color:#3399cc; }

#bottom-menu ul.bmRight { float:right; }
#bottom-menu ul.bmRight li { float:left; display:inline; height:12px; padding:0px 5px; margin-top:3px; }
#bottom-menu ul.bmRight li a { font-weight:normal; }
#bottom-menu ul.bmRight li.borderLeft { border-left:1px solid #3399cc; }
#bottom-menu ul.bmRight li a:link, #bottom-menu ul.bmRight li a:active, #bottom-menu ul.bmRight li a:visited { color:#3399cc; }
#bottom-menu ul.bmRight li a:hover { color:#fff; }

#bott { width:950px; margin:0px auto; background: url(img/bas.jpg) 0px 0px no-repeat; padding:40px 13px; height:100%; }

/*   */
.delimite { height:1px; width:auto; clear:left; padding:10px 0 10px 40px;  }

/* FERME MARINE */

.fermemarine p { float:left; width:360px; }
.fermemarine div.imgFM { float:right; width:540px; padding-right:15px; }
.fermemarine div.imgFM img { padding:0 5px 10px 10px; }

/* CARTE APPROVISISONNEMENT  */

#main.appro #menu { height:24px; }
#main.appro #menu div { float:left; width:100px; height:auto; padding:4px 0; color: white; font-size:12px; font-weight:bold; text-align:center; cursor:pointer;
 border-color:#fff; border-style:solid; border-width:1px 1px 0 1px; }
#main.appro #menu div.selected { background-color:#0099FF; }

#main.appro div#liste { width:400px; padding:10px; border-color:#fff; border-style:solid; border-width:1px; }
#main.appro div#liste li { list-style-type:disc; margin-left:20px; }

/* FAQ */

#main.faq .reponse { margin-bottom:10px; }
#main.faq .question {  cursor:pointer; margin-bottom:10px; }
#main.faq div.reponse p { border-left:1px solid #3399cc; border-bottom:1px solid #3399cc; margin-left:10px; padding:0 0 10px 10px; }
#main.faq p.question span { color:#3399cc; font-weight:bold; }
#main.faq p.question .lirelasuite {   }

/* CONTACT */
#slideshow {
	position: relative;
	width: 300px;
	height: 225px; 
	float:right; background-color:#FF6633;
}
div.slide {
	position: absolute;
	top: 0;
	left: 0;
}
div.slide img {
	/*margin-left:90px;*/
}

/* ATUALITE */
.actu { float:left; border-bottom:1px solid #3399cc; padding-bottom:15px; margin-bottom:10px; width:98%; }
.actu .titre { padding:0 5px; font-weight:bold; color:#3399cc; }
.actu .texte { float:left; width:690px; text-align:left; padding-left:5px;  }
.actu .media { float:right; width:200px;  }

.actu .noactu { text-align:center; padding:10px 0; }