/* CSS Document */
body { 	margin:0 auto 0 auto; padding:0;
		text-align:center; background-color:#004040;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;  color:#000000;
		background-image:url(design/fond_top.jpg);
		background-repeat:no-repeat;
		background-position:top;
		}		
/* Menu Bar */
div#menu { width:979px; height:23px; margin:135px auto 0 auto; padding:0;  z-index:101;}
div#menu ul {margin: 0; padding: 0; }
div#menu li { float: left; width:139px; position:relative; list-style:none; line-height:23px; margin:0; padding :0;}
div#menu li a { display:block; text-decoration:none; margin:0; padding:0; color:#FFFFFF; }
div#menu ul.level1 li.menu-135 { width:139px; line-height:23px; margin:0; padding:0; list-style:none; }
div#menu ul.level1 li.menu-135 a { background-image:url(design/fond_btn_up_135.jpg); background-repeat:no-repeat; }
div#menu ul.level1 li.menu-135 a:hover { background-image:url(design/fond_btn_down_135.jpg); background-repeat:no-repeat; }
div#menu ul.level1 li.menu-140 { width:142px; line-height:23px; margin:0; padding:0; list-style:none;  }
div#menu ul.level1 li.menu-140 a { background-image:url(design/fond_btn_up_140.jpg); background-repeat:no-repeat; }
div#menu ul.level1 li.menu-140 a:hover { background-image:url(design/fond_btn_down_140.jpg); background-repeat:no-repeat; }
div#menu ul.level1 li.courant-135 { width:139px; line-height:23px; margin:0; padding:0; list-style:none; }
div#menu ul.level1 li.courant-135 a { background-image:url(design/fond_btn_down_135.jpg); background-repeat:no-repeat; }
div#menu ul.level1 li.courant-140 { width:142px; line-height:23px; margin:0; padding:0; list-style:none; }
div#menu ul.level1 li.courant-140 a { background-image:url(design/fond_btn_down_140.jpg); background-repeat:no-repeat; }
div#menu ul.level1 li.submenu { list-style:none; line-height:23px;  margin:0; padding :0;  }
div#menu ul.level1 li.submenu a { background:url(design/fond_btn_up_135.jpg) 0 0 no-repeat; }
div#menu ul.level1 li.submenu a:hover { background:url(design/fond_btn_down_135.jpg) 0 0 no-repeat; }

div#menu ul.level2 { position:absolute; width:139px; top:23px; left:0px; display:none;}
div#menu ul.level2 li.submenu a { background-image:none; background-color:#FFFFCC; color:#000000;}
div#menu ul.level2 li.submenu a:hover {  background-image:none; background-color: #EBB;}

div#menu ul.level3 { position:absolute; top:0px; left:139px; display:none;}
div#menu  ul.level1 li.submenu:hover ul.level3 li {  width:200px; }
div#menu  ul.level1 li.submenu:hover ul.level3 li a { background-image:none; background-color:#FFFFFF; color:#000000;}
div#menu  ul.level1 li.submenu:hover ul.level3 li a:hover  {background-image:none; background-color: #EBB;}

div#menu ul.level1 li.submenu:hover ul.level2{display:block;}     
div#menu ul.level2 li.submenu:hover ul.level3 {display:block;}  

/* Conteneur */
div#contwhite {
		width:977px; min-height:633px; margin:0 auto 0 auto; padding:1px; 
		background-image:url(design/fond_middle_white.jpg);  
		background-position:center; z-index:10;
		background-repeat:repeat-y; 
	}
div#contgray {
		width:979px; min-height:633px; margin:0 auto 0 auto; padding:0; 
		background-image:url(design/fond_middle_gray.jpg); 
		background-position:center; z-index:10;
		background-repeat:repeat-y; 
	}
div#contbeige {
		width:977px; min-height:633px; margin:0 auto 0 auto; padding:1px; 
		background-image:url(design/fond_middle_beige.jpg); 
		background-position:center; z-index:10;
		background-repeat:repeat-y; 
	}
div#contblue {
		width:977px; min-height:633px; margin:0 auto 0 auto; padding:1px; 
		background-image:url(design/fond_middle_blue.jpg); 
		background-position:center; z-index:10;
		background-repeat:repeat-y; 
	}
/* Couleur partagée */
div#contmarron {
		width:979px; min-height:633px; margin:0 auto 0 auto; padding:0; 
		background-image:url(design/fond_middle_marron.jpg); 
		background-position:center; z-index:10;
		background-repeat:repeat-y; 
	}
div#contsaumon {
		width:977px; min-height:633px; margin:20px auto 0 auto; padding:0; 
		background-image:url(design/fond_middle_saumon.jpg); 
		background-position:center; z-index:10;
		background-repeat:repeat-y; 
	}
div#contmarin {
		width:977px; min-height:633px; margin:20px auto 0 auto; padding:0; 
		background-image:url(design/fond_middle_marin.jpg); 
		background-position:center; z-index:10;
		background-repeat:repeat-y; 
	}

/* Titres */
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:44px; margin:20px auto 10px auto; font-weight:normal;}
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; margin:5px auto 5px auto; font-weight:normal;}
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin:5px auto 5px auto; font-weight:normal;}
h4 { font-family:Garamond, Arial; font-size:14px; margin:5px auto 5px auto; font-weight:normal; font-weight:normal;}

/* Pied */
div#footer {
		width:980px; height:auto; margin:0 auto 0 auto; padding:10px; 
		font-size:12px; font-style:italic; color:#CCC; text-align:center;
	}
div#footer span {color:#00a9a9;}
div#footer a {color:#00a9a9; text-decoration:none;}
div#footer a:hover {color:#00dfdf; }

/* Formulaire */
form#saisie { width:90%; text-align:left; margin:20px auto 20px auto; padding:10px; border:1px solid #CCC; background-color:#FEFDE7;}
form#saisie table td span { margin-left:5px; font-size:12px; color:#FF0000; }

/* Styleq purs */
.news { margin:0 0 0 0; padding-left:5px; font-size:16px; font-weight:bold; color:#000000; text-decoration:none; display:block;}
.newp { margin:0 0 0 0; padding-left:5px; font-size:16px; font-weight:bold; color:#000000; text-decoration:none; display:block; background-color:#003399; color:#FFFFFF; }

a.strict { color:#043882; font-weight:bold; text-decoration:none; }
a.strict:hover {text-decoration:underline; }
a.recette { color:#33662D; font-size:14px; font-weight:bold; text-decoration:none; }
a.recette:hover {text-decoration:underline; }
a.nouvelle { color:#295F24; font-size:12px;  text-decoration:none; }
a.nouvelle:hover {text-decoration:underline; }
