/*feuille de style réalisée par http://www.ExpertWeb.fr
à partir des  originauxde http://css.alsacreations.com sous licence
creativecommons
http://creativecommons.org/licenses/by/2.0/fr/ */


html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #B70900;
	/*background-image: url("design_interieur/fond.jpg") ;*/
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
}
#page {
    /*ensemble sur fond blanc*/
	text-align: left;
	width: 790px;
	margin: 10px auto 0px auto;
	position: relative;
	background: #FFF;
	border-left : 1px solid #7805B6;
	border-right : 1px solid #7805B6;
	padding: 0;

}

#content
{
background: #FFF;
color: #000;
text-align: left;
margin: 0px 0 0 0px;
padding: 1em 0 0 0;
}

/*contenu bas */
#bas {
	text-align: left;
	margin : 0 0 10px 0;
	padding : 10px 10px 10px 20px ;
}

#menutop {
/*bloc du menu haut */
	position:relative;
	height: 200px;
	margin:  0px 0px 0em 0px;
	clear: both;
	background:#fff url(design_interieur/menu.jpg) left top no-repeat;
	left: 45px;
	top: 0px;
	border-left : 1px solid #7805B6;
	border-right : 1px solid #7805B6;
}


#content h2 {
height : 35px;
	position: relative;
	color: #cc9900;
	padding-top: 13px;
	padding-left: 25px;
	background-position:  % 50%;
	background-repeat: no-repeat;
	font: bold 1.3em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background: transparent url("design_interieur/toque.jpg") top left no-repeat;
	border-bottom: 1px solid #FFD62F;
}
#content h2 a {
	color: #CC9900;
}
#content h2 a:hover {
	text-decoration: none;
	color: purple;
}
h1#top {
	position: absolute;
	margin: 0px;
	padding:0px;
	text-indent: -5000px;
	line-height: 1px;
	font-size: 1px;
}
a {
	text-decoration: none;
	color: purple;
}
a:hover {
	text-decoration: underline;
}
ol li.current a
{
	text-decoration: none;
	color: purple;
}
ul {
list-style-type: square;
}
#content img {
	border-width: 1px;
	border-color: #006699;
	border-style: solid;
	padding: 5px;
	margin: 10px;
}


#menutop ul, #menutop li {
	padding: 0;
	list-style-type: none;
	}
#menutop ul {
	position: absolute;
	height: 50x;
	width: 100%;
	left: -16px;
}

#menutop li {
float: left;
}

#menutop li a.petit { /* dimensions et définitions des boutons */
margin:110px 0 0 0;
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 20px;
width: 83px;
color: #000;
font: 14px/18px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
text-decoration: none;
text-align: center;
}
#menutop a.petit:hover {
height:20px;
color: #FFF;
}

#menutop li a.grand { /* dimensions et définitions des boutons */
margin:110px 0 0 0;
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 40px;
width: 83px;
color: #000;
font: 14px/18px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
text-decoration: none;
text-align: center;
}
#menutop a.grand:hover {
height:40px;
color: #FFF;
}
#menutop li a.avlast {
margin:100px 0 0 50px;
padding-left:0px;
display: block;  /* mise en block de <a> pour lui donner des dimensions margin:-5px 0px 0 0;*/
height: 20px;
width: 95px;
text-align: center;
color:#000; 
text-decoration: none;
}

#menutop li a.avlast:hover {
color: #FFF;
height:20px;
}
#menutop li a.last {
margin:170px 0 0 0;
padding-left:0px;
display: block;  /* mise en block de <a> pour lui donner des dimensions margin:-5px 0px 0 0;*/
height: 20px;
width: 95px;
text-align: center;
color:#000; 
background-color:transparent;
text-decoration: none;
border : 0;
}

#menutop li a.last:hover {
color: #FFF;
height:20px;
}




	#bas h1 {
	color: #B70900;
	font: 1.2em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 0;
	}

#bas h2 {
	height : 24px;
	width:92%;
	position: relative;
	color: #cc9900;
	padding-top: 22px;
	padding-left: 25px;
	background-position:  %50%;
	background-repeat: no-repeat;
	font: bold 1.3em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background: transparent url("design_interieur/toque.jpg") top left no-repeat;
	border-bottom: 1px solid #FFD62F;
	border-left: 1px solid #FFD62F;
}	
	#bas h3 {
	color: #B70900;
	font: 1.2em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 0;
	}

#bas a img {
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid black;
	text-decoration: underline;
	font-weight: bold;
	color: #FFF;
}

#bas a:hover img {
	border: 1px solid #cc9900;
	
}

#bas ul {
	list-style-type: square;
	margin : 5%;
	padding: 0;
	text-align: left;
}

#bas ul li {
	margin: 0;
	padding: 0 0 0 1%;
	display: outline;
}

/*pied page */
#footer {
	text-align: center;
	padding: 0.5em;
	clear: both;
	border: none;
	color:#E7CA86;
	font-size:85%;
	margin: 1em 0px 0 0px;
}
#footer img, div.col-content img {
	border: 0px ;
}
#footer a {
	text-decoration: none;
	border: none;
	color: #FFF;
}
#footer a:hover {
	text-decoration: underline;
	font-weight:bold;
}
/*petits commentaires */
p.petit {
	font-size: 0.9em;
	margin: 1em 2em 1em 1em;
	text-align: right;
	color: #000;
	font-style: normal;
}

p.petit a {
	color: purple;
}

/*formulaire*/
	textarea {
	border: 1px solid #B70900;
	background: #fff;
}

	input {
	background: #fff;
}

.bord{
	border: 1px solid #B70900;
	}

fieldset {
border: 0;
margin: 0;
padding: 0;
}

input[type=submit], input[type=reset] {
	border: 1 px solid 	#B70900;
}

input[type=radio],  {
	border: 1px solid 	#B70900;
}

input[type=submit]:hover {
	background: #fff;
	color: #B70900;
}
input[type=reset]:hover {
	background: #fff;
	color: #B70900;
}


/* bande  dans le contenu bas pour les recettes*/ 
#bande {
	text-align: left;
	height: auto;
	width: 80%;
	margin : 0 0 1em 0;
	padding: 0 0 0 0;
	background: #E7CA86 url(design_interieur/coted2.jpg) right top no-repeat;
}

#bande div {
	margin : 0 0 0 0;
	text-align: left;
	padding : 10px  20px  10px 10px;
	width: 48%;
	height: 455px;
	background: #FFF  url(design_interieur/coteg.jpg) right top repeat-y;
	border-top : 1px solid #E3CA8A;
	padding-bottom:20px;
}

/*nom  de chaque recette*/
	#bande h3 {
	color: #cc9900;
	font: 1.3em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	padding-top: 0px;
	text-align:center;
	margin-left: 0;
	margin-top: 0;
	}

#bande p {
	padding-left:4%;
	text-align: left;
}

#bande ul {
	list-style-type: none;
	margin : 0;
	padding:0;
	text-align: left;
}

#bande ul li {
	margin: 0;
	padding: 0 0 0 4%;
	display: outline;
}

#bande a img {
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid purple;
}

#bande a:hover img {
	border: 1px solid #769712;
}
/*ajustement longeur page de tosu les menu- pour opéra*/

#recette{
	text-align: left;
	height: auto;
	width: 80%;
	margin : 0 0 1em 0;
	padding: 0 0 0 0;
	background: #E7CA86 url(design_interieur/coted2.jpg) right top no-repeat;
}

#recette div {
	margin : 0 0 0 0;
	text-align: left;
	padding : 10px  20px  10px 10px;
	width: 48%;
	height: auto;
	background: #FFF  url(design_interieur/coteg.jpg) right top repeat-y;
	padding-bottom:20px;
}

/*nom  de chaque recette*/
	#recette h3 {
	color: #cc9900;
	font: 1.3em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	padding-top: 0px;
	text-align:center;
	margin-left: 0;
	margin-top: 0;
	}

#recette p {
	padding-left:4%;
	text-align: left;
}

#recette ul {
	list-style-type: none;
	margin : 0;
	padding:0;
	text-align: left;
}

#recette ul li {
	margin: 0;
	padding: 0 0 0 4%;
	display: outline;
}

#recette a img {
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid purple;
}

#recette a:hover img {
	border: 1px solid #769712;
}



/*bande pour autre que menu*/
/*la bande du dessous*/
#bande2 {
	text-align: left;
	height: auto;
	width: 100%;
	margin : 0 0 1em 0;
	padding: 0 0 0 0;
}
/*la bande du dessus*/
#bande2 div {
	margin : 0 0 0 0;
	text-align: left;
	padding : 10px 10px 10px 0px;
	width: 97%;
	height: auto;
	background: transparent  url("design_interieur/champi.jpg") right center no-repeat ;

}

#bande2 p {
	padding-left:4%;
	text-align: left;
	background-color:#fff;
}

#bande2 ul {
	list-style-type: square;
	margin : 0;
	padding:0;
	text-align: left;
}

#bande2 ul li {
	margin: 0;
	padding: 0 0 0 4%;
	display: outline;

}

#bande2 a img {
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid purple;
}

#bande2 a:hover img {
	border: 1px solid #769712;
}

/*cadre des recettes */

#menuright {
	color: #000; /*police et couleur par defaut des recettes */
	font: 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	margin-top:0;
	margin-bottom: 20px;/*espace sous cadre des recettes */
	background: #FFFFFF url(design_intérieur/parchemin.jpg) left top repeat;

}

#menuright h2 {
	color: #006699;
	font: 1.1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	background: url(design/separateur.gif) top center no-repeat;
	padding-top: 15px;
	margin-bottom: 5px;
	font-variant: small-caps ; 
}

#menuright h3 {
	color: purple;
text-align:center;
}

#menuright a {
	color: purple;
	font: 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
}
#menuright a img {
	border: none;
}
#menuright ul {
	list-style-type: square;
	margin: 0 20 1em 0; /*marge gauche du cadre*/
	padding: 0;
}
.cadre, #menuright {
	width: 650px; /*largeur de la zone des recettes*/
	padding-top: 15px; /*espace entre bord cadre et début texte ds le cadre*/
	background: transparent url(design_interieur/top.gif) top left no-repeat;
}
.cadrebas, {
	padding: 0 0.5em 7px 0.5em;
	background: #E0FFFF url(design_interieur/bottom.gif) bottom left no-repeat;
}