/*-------------------DEBUT STYLES GENERAUX-------------------------*/
html {
	background-image: url(../images/body-fond.jpg); background-repeat: repeat-y; background-position: center top; background-color: #F3992B;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}
body {
	/*behavior:url("styles/csshover2.htc"); /*pour donner la posibilite a ie 6 d'avoir des <a> autour des block de <li> etc a finir!!!*/
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000000;
	text-align: center;
	background-image: url(../images/body-fond-ornament.jpg); background-repeat: no-repeat; background-position: center top;
	padding-top: 9px; padding-bottom: 5px;
}

/*------------------debut liens----------------*/
a {
	text-decoration: none; color: #F58227; font-weight: bold;
	cursor: pointer; /*transforme le cursor en main pour utilisation des lien sur les zones des images et textes etc*/
}
#contenu2 a, #contenu3 a {
	color: #FCF9C7;
}
a p {
	color: #000000; /*mets les paragraphe en noir si le lien est mis en dehor du paragraphe ex<a href...><p>texte en noir</p><a>*/
	font-weight: normal;
}
a h1, a h2, a h3, a h4 {
	color: #000000;/*mets les titres en noir si le lien est mis en dehor des titres ex<a href...><h2>texte en noir</h2><a>*/
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4 {
	color: #FFCC00;
}

/* debut bordure lien image sous ie */
a img {
	/*-behavior:url('styles/csshover2.htc')*/
	border-top-color: #3F92F9; border-right-color: #FF9900; border-bottom-color: #FF9900; border-left-color: #FF9900; border-top-color: #FF9900;
}
a:hover img {
	border-top-color: #FFCC00; border-right-color: #FFCC00; border-bottom-color: #FFCC00; border-left-color: #FFCC00;
}
a:hover {
	background: none;
	color: #FFCC00;
}
/* fin bordure lien image sous ie */

/*debut lien voir le site et lire la suite*/
a.voir, a.suite {
	display: block;
	background-repeat: no-repeat; background-position: center center;
	text-indent: -9000px;
	height: 16px;
}
a.voir {
	background-image: url(../images/boutton-visitez-le-site.png);
}
a.suite {
	background-image: url(../images/boutton-lire-la-suite.png);
}
a.voir:hover {
	background-image: url(../images/boutton-visitez-le-site-hover.png); background-repeat: no-repeat; background-position: center center;	
}
a.suite:hover {
	background-image: url(../images/boutton-lire-la-suite-hover.png); background-repeat: no-repeat; background-position: center center;	
}
/*fin lien voir le site et lire la suite*/
/*------------------fin liens----------------*/

p {
	margin: 0px;
	padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;
	line-height: 1.4em;
}
h1, h2, h3, h4 {
	font-weight: bold; letter-spacing: -.03em;
}
h1 {
	font-size: 160%; font-family: Georgia, "Times New Roman", Times, serif; color: #FFDEA9; font-weight: bold; line-height: 66px;
	padding-bottom: 8px; padding-left: 60px;
	background-repeat: no-repeat; background-position: left bottom;
	text-indent: -9000px;
}
h2 {
	font-size: 130%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;
	padding-bottom: 5px; padding-top: 5px;
}
h3 {
	font-size: 110%; font-weight: bold; color: #FFFFCC;
	padding-bottom: 3px; padding-top: 5px;	
}
h4 {
	font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0em;
}
b {/*----texte en gras------------*/
	font-size: 95%; font-weight: bold;
}
em {/*----texte en italique------------*/
	font-style: italic;
}
.image-bbq {
	float: right;
	margin-right: 60px;
	border: thin solid #FF9900;
}
.clr {
	clear: both;
    float: Aucune;
    font-size: 0; line-height: 0;
    height: 0;	
}
.petit {/*petit texte*/
	font-size: 80%;
}
.infos-legales {
	font-size: 80%; color: #666666; line-height: 90%;
	border-top-width: 1px; border-top-style: dotted; border-top-color: #666666; border-right-color: #666666;
 border-bottom-color: #666666; border-left-color: #666666;
	width: 90%;	
	margin-top: 4px; margin-left: 5%;
	padding-top: 2px; padding-left: 5px; padding-right: 5px;
}
.hello-resto { /*pour helloresto en bold en peu partout*/
	font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;
	letter-spacing: 0.1em;
}
ul li {
	list-style-type: none;
}

/*debut encre nome pour le retour sur le haut de la page*/
.haut-page {
	float: right;
	padding-left: 5px;
}
.haut-page a {
	display: block; text-indent: -9000px;
	background-image: url(../images/boutton-haut-page.png); background-repeat: no-repeat; background-position: left center;	
	width: 88px; height: 16px;
}
.haut-page a:hover {
	background-image: url(../images/boutton-haut-page-hover.png);
}
/*fin encre nome pour le retour sur le haut de la page*/

/*debut positionement des images d'illustration gauche au droite*/
.image-gauche {
	float: left;
	padding-top: 2px; padding-right: 10px; padding-bottom: 2px;
}
.image-droite {
	float: right;
	padding-top: 2px; padding-bottom: 2px; padding-left: 10px;
}
.img-centre {
	text-align: center;
}

.image-recette {
	float: none;
	margin-left: 35px;
	border: 2px solid #FFC768;
}

/*fin positionement des images d'illustration gauche au droite*/
/*-------------------FIN STYLES GENERAUX-------------------------*/







/*----DEBUT CONTAINER------------*/
#container {
	text-align: left;
	width: 940px;
	margin-right: auto; margin-left: auto;
	background-image: url(../images/container-fond.jpg); background-repeat: repeat-y; background-position: center;
}
/*----FIN CONTAINER------------*/



/*----DEBUT BANDEAU------------*/
#bandeau {
	height: 180px;
}
/*----FIN BANDEAU------------*/



/*----DEBUT MENU PRINCIPAL------------*/
#menu{
	position:relative;
	background-image: url(../images/menu-sousmenu-fond.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
}
#menu li {
	list-style-type: none;
	display: inline;
	float: left;
}
#menu li a {
	display: block;
	padding-top: 10px;
	padding-bottom: 9px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #993300;
	font-size: 13px;
	background-image: url(../images/bouton-menu-fond.jpg);
	background-repeat: repeat-x;
	margin-right: 15px;
	margin-left: 15px;
	padding-left: 10px;
}
#menu span {
	padding-top: 10px; padding-bottom: 9px; padding-right: 12px;
	background-image: url(../images/bouton-menu-bord.jpg); background-repeat: no-repeat; background-position: right top;
}
#menu a:hover {
	color: #FF0000;
	padding-top: 11px; padding-bottom: 8px;	
	background-image: url(../images/bouton-menu-fond-hover.jpg); background-repeat: repeat-x;
}
#menu a:hover span {
	padding-top: 11px; padding-bottom: 8px;
	background-image: url(../images/bouton-menu-bord-hover.jpg); background-repeat: no-repeat; background-position: right top;
}
/*dans la suite bouton activ selon la page*/
#accueil #accueil-btn a.menubtn,
#recettes #recettes-btn a.menubtn,
#newsletter #newsletter-btn a.menubtn,
#restodumois #restodumois-btn a.menubtn,
#livredor #livredor-btn a.menubtn,
#contact #contact-btn a.menubtn,
#quisommesnous #quisommesnous-btn a.menubtn,
#partenaires #partenaires-btn a.menubtn,
#espacepro #espacepro-btn a.menubtn 
#tourism #tourism-btn a.menubtn
{
	color: #FF0000;
	padding-top: 11px; padding-bottom: 8px;	
	background-image: url(../images/bouton-menu-fond-hover.jpg); background-repeat: repeat-x;
}
#accueil #accueil-btn span,
#recettes #recettes-btn span,
#newsletter #newsletter-btn span,
#restodumois #restodumois-btn span,
#livredor #livredor-btn span,
#contact #contact-btn span,
#quisommesnous #quisommesnous-btn span,
#partenaires #partenaires-btn span,
#espacepro #espacepro-btn span 
#tourism #tourism-btn span 
{
	padding-top: 11px; padding-bottom: 8px;
	background-image: url(../images/bouton-menu-bord-hover.jpg); background-repeat: no-repeat; background-position: right top;
}
/*----FIN MENU PRINCIPAL------------*/



/*----DEBUT SOUSMENU------------*/
#menu .sousmenu { /*#menu ul ul au depart*/
	position:absolute;
	left:30px;
	top:35px; /* la seule maniere de faire forcer le sousmenu vers la gauche sous ie, par consequent la balise menu est en "relative"*/
	width:600px;	/*display:none;*/
	background-image: url(../images/fond-sousmenu.png); background-position: left bottom; background-repeat: no-repeat;
}
#menu .sousmenu li {
	padding-left: 5px;/*padding:0; margin:0 0 0 -2px; width:auto; position:relative; zoom:1;*/
}
#menu .sousmenu a, #menu .sousmenu li a:hover {
	background-image: url(../images/pouce-liste.png); background-repeat: no-repeat; background-position: left center;
}
#menu .sousmenu a {
	display: none;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 7px;
	padding-right: 8px;
	padding-bottom: 13px;
	padding-left: 15px;
}
#menu .sousmenu a:hover {
	color: #FDD29B;
	padding-top: 8px; padding-right: 8px; padding-bottom: 12px; padding-left: 15px;
}
/*dans la suite : affichage des sousmenus selon la page*/
#accueil #menu #accueil-btn .sousmenu a,
#recettes #menu #recettes-btn .sousmenu a,
#newsletter #menu #newsletter-btn .sousmenu a,
#restodumois #menu #restodumois-btn .sousmenu a,
#livredor #menu #livredor-btn .sousmenu a,
#espacepro #menu #espacepro-btn .sousmenu a, 
#quisommesnous #menu #quisommesnous-btn .sousmenu a,
#contact #menu #contact-btn .sousmenu a,
#partenaires #menu #partenaires-btn .sousmenu a {
	display: block;		
}
/*----FIN SOUSMENU------------*/



/*----DEBUT CONTENU----*/
#contenu {
	clear: both;
	height: 100%;
}
/*debut hauteur mini de la div contenu*/
#contenu {
	height: 8em; /*hauteur mini ie*/
}
html>body #contenu { /*hauteur mini tout sauf ie*/
	height: auto;
	min-height: 8em;
} 
/*fin hauteur mini de la div contenu*/



/*----DEBUT CONTENU GAUCHE----*/
#contenu-gauche {
	float: left;
	padding-left: 20px;
	width: 662px;
}
/*----FIN CONTENU GAUCHE----*/



/*----DEBUT CONTENU 1----*/
#contenu1 {
	background-image: url(../images/cont-1-fond-ext.jpg); background-repeat: repeat-y; background-position: left top;
	font-size: 110%;
}
#contenu1 .cont {
	height: 17em;/*hauteur mini ie*/
	background-image: url(../images/cont-1-fond.jpg); background-repeat: no-repeat; background-position: left top;
	padding-top: 15px; padding-left: 95px; padding-right: 55px;
}
html>body #contenu1 .cont { /*hauteur mini tout sauf ie*/
	height: auto;
	min-height: 17em;
}
#contenu1 p:first-letter{/*taille pour tout les premieres lettres de chaque paragraphe du div contenu1; espace avant "{" est enleve pour ne pas que ca soit pris en compte par IE6 car il a des problemes avec p:first-letter*/
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #880016;
}
#contenu1 h2, h3 {
	color: #880016;
}

/*----FIN CONTENU 1----*/



/*----DEBUT CONTENU 2, CONTENU 3----*/
#contenu2, #contenu3 {
	background-image: url(../images/cont-2-fond-ext.jpg); background-repeat: repeat-y;
	color: #FED891;
	overflow: auto;
	height: 100%;
}
#contenu2 h2, #contenu2 h3, #contenu3 h2, #contenu3h3 {
	color: #FFFFCC;
}
#contenu2 .cool-gauche {
	width: 260px;
	padding-left: 10px;
	float: left;
}
#contenu2 .cool-droite {
	width: 260px;
	padding-right: 10px;
	float: right;
}
#contenu3 {
	clear: both;
}
#contenu2 .cont, #contenu3 .cont {
	padding-left: 50px;
	padding-right: 40px;
}
/*----FIN CONTENU 2, CONTENU 3----*/



/*----DEBUT CONTENU BAS 3 COLONNES------------*/
#contenu-bas {
	padding-left: 60px;
	background-image: url(../images/ornament-petit.jpg); background-repeat: no-repeat; background-position: 22px top;/*ornament a cote du contenu bas*/
	overflow: auto; /*pour étendre la balise contenu-bas jsq au bord bas de la balises .colonnes-bas*/
	height: 100%;
}
.colonnes-bas {
	width: 190px;
	float: left;
	padding-bottom: 18px;
	text-align: justify;
	background-image: url(../images/cont-bas-col-arrondi-bas.jpg); background-repeat: no-repeat; background-position: right bottom;
}
/*.colonnes-bas:hover {
	color: #990000;
}*/
.colonnes-bas h3 {
	background-image: url(../images/cont-bas-col-3-titre.jpg); background-repeat: no-repeat; background-position: right top;
	height: 130px;
	text-indent: -9000px;
	padding: 0px;
}
.colonnes-bas h3.prem {
	background-image: url(../images/cont-bas-col-1-titre.jpg);
}
.colonnes-bas h3.deux {
	background-image: url(../images/cont-bas-col-2-titre.jpg);
}
.colonnes-bas h3.troix {
	background-image: url(../images/cont-bas-col-3-titre.jpg);
}
.colonnes-bas-cont {
	height: 120px;
	overflow: hidden;
	padding-right: 18px; padding-left: 18px;
}
.colonnes-bas a:hover h4 {/*reecriture du a:hover h3 specifique aux h3 de la colonne droite*/
	color: #e50000;
}
/*----FIN CONTENU BAS 3 COLONNES------------*/



/*----DEBUT COLONNE DROITE------------*/
#colonne-droite {
	width: 246px;
	float: left;
	background-image: url(../images/col-droite-fond-ext.jpg); background-repeat: repeat-y; background-position: left top;
	text-align: justify;
	margin-top: 10px;
}
#colonne-droite .cont {
	background-repeat: no-repeat; background-position: left bottom; background-image: url(../images/col-droite-cont-fond.jpg);
	padding-right: 15px; padding-left: 18px; padding-top: 8px;
	zoom:1; /*corrige le problemme de disparition des textes colonne droite sous ie*/
}
#colonne-droite h3 {
	background-image: url(../images/col-droite-titre.jpg); background-repeat: no-repeat; background-position: left bottom;
	height: 52px;
	text-indent: -9000px;
	padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
}
#colonne-droite .vignette {
	float: right;
	margin-left: 6px; margin-top: 2px; margin-bottom: 2px;
	border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
}
#colonne-droite a:hover .vignette {/*reecriture du a:hover img specifique aux vignettes de la colonne droite*/
	background-color: #e50000;
	border-color: #e50000;
}
#colonne-droite a:hover h4 {/*reecriture du a:hover h3 specifique aux h3 de la colonne droite*/
	color: #e50000;
}
#colonne-droite p {
	font-size: 95%;
}
#colonne-droite li {
	clear: both;
	border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #B12B28;
	padding-top: 4px; padding-bottom: 6px;
}
#colonne-droite li.dernier { /*dernier element de la liste*/
	border-style: none;
	padding-bottom: 0px;
}
#colonne-droite a {
	clear: both;
}
/*----FIN COLONNE DROITE------------*/



/*----DEBUT FOOTER------------*/
#footer {
	text-align: center;
	height: 50px;
	clear: both;
	background-image: url(../images/footer-fond.jpg); background-repeat: no-repeat; background-position: left top;
	padding-top: 20px;
}
#footer p {
	font-size: 90%;
	letter-spacing: 0.1em;
}
#footer ul {
	padding-top: 5px; padding-bottom: 3px;
}
#footer li {
	list-style-type: none;
	display: inline;
}
#footer a {
	font-size: 80%;
	color: #FFBF53;
	background-image: url(../images/boutton-lien-footer.png); background-position: left bottom;
	padding-left: 10px; padding-bottom: 2px; padding-right: 8px;
	background-repeat: no-repeat;
}
#footer a:hover {
	color: #FF0000;
}
/*----FIN FOOTER------------*/
.image-gauche-tour {
	float: left;
	border: 1px solid #FF9900;
}