/* CSS Document */

body {
background-color:#C2DB7D;
margin:0;
margin-right:auto;
margin-left:auto;
scrollbar-face-color: #E97900;
scrollbar-shadow-color: #228b22;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C2DB7D;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FCE1C6;
scrollbar-arrow-color: #FFFFFF;
}

#page {
background-color:#FFFFFF;
width:950px;
margin-right:auto;
margin-left:auto;
height:730px;
}

#top {
width:950px;
height:201px;
background: #FFFFFF url(../images/interface/top.jpg) no-repeat top left;
}

#top-en {
width:950px;
height:201px;
background: #FFFFFF url(../images/interface/top_en.jpg) no-repeat top left;
}

#logo {
pointer:cursor;
width:191px;
height:201px;
float:left;
}

#logo a {
display:block;
width:191px;
height:201px;
}

#menus {
width:634px;
float:left;
margin:0;
padding:0;
}

#menu3 {
width:125px;
float:left;
}

/* ************* le BOTTOM *************** */

#bottom {
	position:relative;
	height:96px;
	width:950px;
	background:#FFFFFF url(../images/interface/bottom.jpg) no-repeat top left;
}

#bottom img {
border:none;
}

#adresse {
margin:50px 0 0 34px;
float:left;
font:normal 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#FR {
float:left;
position:relative;
top:60px;
left:300px;
}

#EN {
float:left;
position:relative;
top:60px;
left:310px;
}

#actu {
float:left;
position:relative;
top:10px;
left:315px;
}

#middle {
height:433px;
width:950px;
}

#left {
float:left;
width:276px;
height:433px;
background:#FFFFFF url(../images/interface/col-verte.jpg) no-repeat top right;
}

#contenu-left {
width:250px;
}

#contenu {
float:left;
width:654px;
height:430px;
overflow:auto;
padding:5px;
}

/* ***************** MENU **************** */

#top ul, #top li, #top-en ul, #top-en li {
margin: 0;
padding: 0;
list-style-type: none;
}

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:relative;
z-index:3;
}

#menu1 dt {
cursor: pointer;
height: 30px;
width:90px;
}

#menu2 dt {
cursor: pointer;
height: 58px;
width:114px;
}

#menu dd#smenu1 {
z-index: 100;
width:250px;
}

#menu dd#smenu2 {
z-index: 100;
width:120px;
}

#menu ul {
border:2px solid #F29E00;
background-color:#FFFFFF;
}
#menu li {
font: normal 16px/32px Arial, Helvetica, sans-serif;
height: 32px;
}
#menu li a, #menu dt a {
padding-left:5px;
text-decoration: none;
display: block;
height:32px;
color:#87B800;
}

#menu li a:hover {
background-color:#F6C896;
font-weight:bold;
font-size:15px;
color:#E97900;
}

#menu1,#menu2 {
position:relative;
}
#menu1 {
top:30px;
left:370px;
width:90px;
}
#menu2 {
width:114px;
top:25px;
left:480px;
}

/* *********************** LES TEXTES ********************* */

h2 {
color:#87B900;
font:normal bold 14px Arial, Helvetica, sans-serif;
}

.titre-recette{
color:#E97900;
font:normal bold 14px Arial, Helvetica, sans-serif;
}

.titre-rubrique {
font: normal bold 16px/16px Arial, Helvetica, sans-serif;
color: #651617;
padding-left:20px;
background:transparent url(../images/interface/carre-bordeaux.gif) no-repeat center left;
margin-left:33px;
}

.sous-rubrique-on {
font:normal bold 12px Arial, Helvetica, sans-serif;
color:#87B900;
}

.sous-rubrique-off {
font:normal 12px Arial, Helvetica, sans-serif;
color:#E97900;
}

.titre-paragraphe {
font:italic bold 13px Arial, Helvetica, sans-serif;
color:#E97900;
}

.titre-paragraphe-recettes {
font:italic bold 14px Arial, Helvetica, sans-serif;
color:#87B900;
}

.titre-paragraphe-actus {
font:italic bold 13px Arial, Helvetica, sans-serif;
color:#87B900;
}

.lien-actus{
font:normal 12px Arial, Helvetica, sans-serif;
color: #E97900;
}

.lien-actus a{
font:normal 12px Arial, Helvetica, sans-serif;
color: #E97900;
text-decoration:none;
}


.lien-actus a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color: #E97900;
text-decoration:underline;
}

.texte {
font:normal 12px Arial, Helvetica, sans-serif;
color: #651617;
}

.liste{
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #651617;
	text-align:center;
	text-decoration:none;
}

#contenu ul {
list-style-image:url(../images/interface/puce-orange.gif);
list-style-position:inside;
font:normal 12px Arial, Helvetica, sans-serif;
color: #651617;
}

/* ***************** LES IMAGES ********************* */

.imgleft {
float:left;
margin-right:1em;
margin-bottom:1em;
}

.imgright {
float:right;
margin-left:1em;
margin-bottom:1em;
}

#flash{
position:absolute;
z-index:1;
}

#cartoucheactu {
z-index:2;
display:none;
position:absolute;
left:63%;
top:43%;
}


#middle-accueil {
position:relative;

}

/* mon formulaire contact */

#col1, #col2 {
padding:5px;
float:left;
width:460px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#651617;
}

#col1 input, #col2 input, #col1 textarea, #col2 textarea, #col1 select, #col2 select {
border:1px solid #92AA2F;
background-color:#EAF1CD;
font:normal 11px Arial, Helvetica, sans-serif;
color:#2B320E;
}

.bouton-feuille {
width:141px;
height:47px;
background:#FFFFFF url(../images/interface/bouton-feuille.jpg) no-repeat top left;
font:normal bold 12px/47px Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
cursor:pointer;
}

.decale {
padding-left:20px;
}

.video {
	margin:10px 0 0 50px;
}