/*  _____________________________________________________________________________

    STYLES GENERAUX
    _____________________________________________________________________________  */
	
* {	margin: 0; padding: 0; }	
html { background-image: url(../images/body-fond.jpg); background-repeat: repeat-y; background-position: center top; background-color: #F3992B; height:100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;	text-align: center;	background-image: url(../images/body-fond-ornament.jpg); background-repeat: no-repeat; background-position: center top; 	padding-top: 9px;	height:100%; }
.clr { clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0; }

/* new clearfix */
.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both; height: 0;	}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* centrer les elements */
.centrer { text-align: center !important; display:block; width:100% }
.centrer * { margin: 0 auto; } /*donner cette marge a tous les sous elements*/


/* hr */
hr { background-color: #D1624E;	border: none;	height: 2px; margin: 0.8em 1% 1em 1%;	width:98%; }




/*  _____________________________________________________________________________

    FORMULAIRES
    _____________________________________________________________________________  */

/*
input[type=text] {}
input[type=password] {}
input[type=checkbox] {}
input[type=submit] {}
input[type=button] {}
*/

/* si formulaire avec 2 colones */
.formulaire .champs-gauche, .formulaire .champs-droite { float:left; width:100%; }
.formulaire .champs-gauche { margin-right:2%; }	
/* div ligne - conteneur des champs */
.formulaire .ligne {
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.formulaire .ligne .input .distance {
	clear:both;
	width: 150px;
}


.formulaire .ligne p {
	clear:both;
}

.formulaire label {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1.4em;
	width:45%;
	float:left;
	display:block;
	text-align:right;
}
.formulaire .radio label { font-family:Arial, Helvetica, sans-serif; font-size: 1em; }

/* pour un champ grand centré */
.formulaire div.grand {
	text-align: center;
	clear: both;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 3px;
	padding-left: 3px;
}
.formulaire {	font-size: 12px; }
.formulaire h3, .formulaire .grand label.rechercher  { color: #000000; }
.formulaire .champs label {}
/*.formulaire input, .formulaire textarea {
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 8px;
	margin-right: 5px;
	padding: 5px 5px 4px 10px;
	border:2px solid #F39C2B;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:inset 0 1px 5px #666666;
	-moz-box-shadow:inset 0 1px 5px #666666;
	box-shadow:inset 0 1px 5px #666666;
	background-color: #FBF9F7;
	font-weight: normal;
	color: #655A52;
}*/
.formulaire textarea {
	padding: 10px;
	height: 80px;
	width: 200px;
	margin-bottom: 0px;
	margin-top: 5px;
}
/* focus sur un input - classe change par javascript */
input.defaut-champ, textarea.defaut-champ {}
input.focus-champ, textarea.focus-champ {
	color: #000;
	border:2px solid #D17D0C;
	-webkit-box-shadow:inset 0 1px 3px #999999;
	-moz-box-shadow:inset 0 1px 3px #999999;
	box-shadow:inset 0 1px 3px #999999;	
}

.formulaire select {
	width: 150px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #FBF9F7;
	margin-right: 10px;
	margin-top: 3px;
	padding-right: 5px;
	margin-bottom: 1px;
	margin-left: 8px;
	border:2px solid #F39C2B;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}
.formulaire select option {
	background-color: #FFFFFF;
	height: 12px;
	padding-bottom: 2px;
	overflow: hidden;
	outline: none;
}
.formulaire .radio input { height: 12px;	width: 12px; }
.formulaire input.stdinput { width: 170px; }
.formulaire input.longueinput {	width: 265px; }
.formulaire input.grandinput {
	width: 350px;
	padding-top: 9px;
	padding-bottom: 7px;
	font-size: 18px;
	line-height: 18px;
}
.formulaire input.envoyer {}
.formulaire .envoyer:hover {}
.formulaire .message {
	text-align: left;
	vertical-align: top;
	line-height: 40px;
}


/*___________RECHERCHE___________*/
.rech-avance { display: block; height: 1px;	overflow: hidden;  }
#recherche-resto {
	width:610px;
	float:left;
	font-size: 1.1em;
	height:250px;
	position:relative;
	z-index:900;
}
#recherche-resto .ligne {	text-align:left;
float:left; }

#recherche-resto-fond {
	background-image: url(../images/cont-feuille-footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	z-index: 900;
	padding-bottom: 50px;
	width:100%;
	text-align: center;
}
#recherche-resto .cont {
	background-image: url(../images/cont-feuille-fond.png); background-repeat: no-repeat; background-position: left top;
	height: 200px;/*hauteur mini ie*/
	padding-top: 15px; padding-left: 95px; padding-right: 55px;
}
/*hauteur mini tout sauf ie*/
html>body #recherche-resto .cont { height: auto; min-height: 200px; }
#recherche-resto p:first-letter{/*taille pour tout les premieres lettres de chaque paragraphe - espace avant "{" est enlevé 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;
}
#recherche-resto h2, h3 {	color: #880016; }
#rech-av { display:block;	height:20px; margin: 3px 0 8px;	text-indent: -9000px;	cursor: pointer; background: url(../images/btn-plus-de-criteres.jpg) no-repeat center 0px; }
#recherche-resto .active { background: url(../images/btn-plus-de-criteres.jpg) no-repeat center -20px; }
/*___________FIN RECHERCHE____________*/




/*  _____________________________________________________________________________

    LIENS
    _____________________________________________________________________________  */
	
a {	text-decoration: none; color: #F58227; font-weight: bold;	cursor: pointer; }
a:focus { outline: none; }
#contenu2 a, #contenu3 a { color: #FCF9C7; }
p a, h1 a, h2 a, h3 a, h4 a, h5 a {	color:inherit; font-weight: inherit; }
a p {	color: #000000;	font-weight: normal; }
a h1, a h2, a h3, a h4, ah5 {	color: #000000; }
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----------------*/

/*------------------Boutons---------------------*/
/*Boutons standard*/
a.btn-min, input.btn-min, a.btn-petit, input.btn-petit, a.btn-moy,input.btn-moy-ami, input.btn-moy, a.btn-gd, input.btn-gd {
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 36px;
	padding:0 12px 0 8px;
	color: #9F011A;
	text-align: center;
	background-color:transparent;
	border:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 17px;
}
a.btn-gd, input.btn-gd { background-image: url(../images/btn-std-gd.png); width: 280px; }
a.btn-moy, input.btn-moy, input.btn-moy-ami { background-image: url(../images/btn-std-moy.png); width: 230px; }

a.btn-petit, input.btn-petit { background-image: url(../images/btn-std-petit.png); width: 150px; }
a.btn-min, input.btn-min {background-image: url(../images/btn-std-min.png); width: 100px; }
input.btn-min, input.btn-petit, input.btn-moy, input.btn-moy-ami, input.btn-gd {
	border:none;
	background-color: transparent;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
a.btn-min:hover, a.btn-petit:hover, a.btn-moy:hover, a.btn-gd:hover, input.btn-min:hover, input.btn-petit:hover, input.btn-moy:hover, input.btn-gd:hover {
	background-repeat: no-repeat;
	background-position: 0px -36px;
	color: #F60;
}
/*Boutons mini*/
a.btn-mini-petit, a.btn-mini-moy, a.btn-mini-gd {	font-size:11px;	text-align:center; height:24px;	line-height:25px;	background-repeat: no-repeat;	background-position: 0px 0px;	display:block; color: #333; }
a.btn-mini-petit { width:80px; background-image: url(../images/btn-mini-petit.png); }
a.btn-mini-moy { width:120px; background-image: url(../images/btn-mini-moy.png); }
a.btn-mini-gd { width:180px; background-image: url(../images/btn-mini-gd.png); }
a.btn-mini-petit:hover, a.btn-mini-moy:hover, a.btn-mini-gd:hover {	background-position: 0px -24px;	color: #9F011A; }
/*------------------Fin Boutons---------------------*/



/*  _____________________________________________________________________________

    TYPO
    _____________________________________________________________________________  */
	
p {	margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; line-height: 1.4em; }
h1, h2, h3, h4, h5 { letter-spacing: -0.03em; }
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; }
h1, h2, h3 { font-weight: normal; }
h2 { font-size: 1.8em; padding-bottom: 5px;	padding-top: 5px; }
h3 { font-size: 1.4em; padding-bottom: 3px;	padding-top: 5px; }
h4 { font-size: 1em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0em; }
h5 { font-size: 1em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0em; }
b, strong { font-size: 0.95em; font-weight: bold; }
em { font-style: italic; }
.petit { font-size: 0.8em; }
.clr { clear: both; float: none; font-size: 0; line-height: 0; height: 0;	}
.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; }
/*pour helloresto en bold en peu partout*/
.hello-resto { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; letter-spacing: 0.1em; }
/*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); }




/*  _____________________________________________________________________________

    LISTES
    _____________________________________________________________________________  */
	
ul { list-style: none; }	
ul.list {	list-style: disc; }
ul.num { list-style: decimal; }
	
	
	

/*  _____________________________________________________________________________

    IMAGES
    _____________________________________________________________________________  */
	
/*positionement des images d'illustration gauche, droite ou centre pour centre placer l'images dans une div class:"img-centre"*/
.image-gauche {	float: left; padding: 2px 12px 2px 0; }
.image-droite {	float: right;	padding: 2px 0 2px 12px; }
.img-centre { text-align: center; padding: 2px 0; }
.img-centre img { margin:0 auto; }



/*  _____________________________________________________________________________

    MISE EN PAGE
    _____________________________________________________________________________  */
	
/*___________DEBUT CONTAINER___________*/
#container {
	text-align: left;
	width: 984px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/container-fond.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
/*___________FIN CONTAINER___________*/


/*___________DEBUT SURBANDEU___________*/
#surbandeau {
	margin-left: 680px;
	position: absolute;
	margin-top: 1px;
	z-index:500;
	width:300px;
	height:170px;
}
/* btns haut */
#btns-haut {
	position:absolute;
	z-index:800;
	margin-left: 30px;
	list-style-type:none;
}
#btns-haut li { float:left; }
#btns-haut li a {
	float: left;
	height: 32px;
	text-indent: -9000px;
	display: block;
	background: no-repeat 0px 0px;
}
#btns-haut li a:hover { background-position:0px -32px; }
#btns-haut a.btn-newsletter { background: url(../images/btn-newsletter.png); width: 171px; }
#btns-haut a.btn-facebook { background: url(../images/btn-facebook.png); width: 44px;	}
#btns-haut a.btn-youtube { background: url(../images/btn-youtube.png); width: 44px;	}
/* case newsletter */
#case-newsletter {
	position: absolute;
	z-index:500;
	background-image: url(../images/case-newsletter.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	display: block;
	height: 100px;
	width: 330px;
	top: -120px;
	left: -100px;
	padding: 10px 5px 0 5px;
}
#case-newsletter .fermer { float: right; margin-right : 5px; }
#case-newsletter input { margin: 3px 3px 0 0; }
#case-newsletter input.btn-std {
	border:none;
	background-color: transparent;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
/*___________FIN SURBANDEU___________*/


/*___________MENU LANGUES___________*/
#langues {
	position:absolute;
	margin:40px 0 0 984px;
	z-index:500;
}
#langues .fr, #langues .en {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 21px;
	width: 25px;
}
#langues .fr:hover, #langues .en:hover {
	background-repeat: no-repeat;
	background-position: -25px 0px;
}
#langues .fr {
	background-image: url(../images/langue-fr.png);
	margin-bottom: 3px;
}
#langues .en {
	background-image: url(../images/langue-en.png);
}
/*___________FIN MENU LANGUES___________*/


/*___________DEBUT BANDEAU___________*/
#bandeau { height: 170px; }
/*___________FIN BANDEAU___________*/


/*___________DEBUT MENU PRINCIPAL___________*/
/*  ______________________ 1. Menu Bar_______________________  */
#menu {
	list-style:none;
	width:964px;
	height:38px;
	margin:0 auto;
	position:relative;
	z-index:9000;
	padding:0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-image:url(../images/menu-fond.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
			#menu li {
				float:left;
				margin:0;
				padding:0;
				border:none;
			}
			#menu li:hover, .active {}
			#menu li a {
				outline:0;
				display: block;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #993300;
				font-size: 17px;
			}
			#menu li:hover a { color:#FFFFFF; }
			#menu li a.drop {
				height:38px;
				display: block;
				padding: 0 0 0 16px;
				font-weight: normal;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #970000;
				font-size: 18px;
				background-repeat: no-repeat;
				text-indent: -9000px;
			}
#menu li a.btn1 {	width:215px; background-image: url(../images/bouton-menu-fond-1.jpg); }
#menu li a.btn2 {	width:195px;	background-image: url(../images/bouton-menu-fond-2.jpg); }
#menu li a.btn3 {	width:160px; background-image: url(../images/bouton-menu-fond-3.jpg); }
#menu li a.drop span {
	height:30px;
	padding: 8px 24px 0 0;
	display: block;
	background-image: url(../images/bouton-menu-bord.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu li a.drop span .spip_surligne{
display: none;
}
#menu li a.drop:hover { background-position: 0px -38px; }
#menu li a.drop:hover span { background-position: right -38px; }
/* menu specifique */
#menu li a.drop_spec {
	height:38px;
	display: block;
	padding: 0 0 0 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	font-size: 15px;
	background-repeat: repeat-x;
	font-style: italic;
	width:150px;
	text-indent:-9000px;
}
#menu li a.btn-spec1 {	background-image: url(../images/bouton-menu-spec-fond-1.jpg); }
#menu li a.btn-spec2 {	background-image: url(../images/bouton-menu-spec-fond-2.jpg); }
#menu li a.drop_spec span {
	height:28px;
	padding: 10px 24px 0 0;	
	display: block;
	background-image: url(../images/bouton-menu-spec-bord.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu li a.drop_spec:hover { background-position: 0px -38px; }
#menu li a.drop_spec:hover span {	background-position: right -38px; }
			/* Right aligned menu item */	
			#menu li.right {
				float:right;
				margin-right:-1px;
			}
			#menu li.right a { margin-right:5px; }

/*  ______________________ 2. Drop Down Common Container __________________________  */
#menu li .dropcontent {
	margin:0px auto;
	position:absolute;
	left:-9999em;
	top:38px; /* Places the drop down under the menu bar */
	z-index:9998; /* For IE7 */
	padding:24px 0px 24px 0px;
	text-align:left;
	background-image: url(../images/dropcontent-fond.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#menu li .dropfirst {	margin:0px auto 0px -1px; /* Fixes a 1px issue for the 1st drop down */ }
/* Showing Drop Down on Mouse Hover - Left aligned */
#menu li:hover .dropcontent {	left:auto; }
/* Showing Drop Down on Mouse Hover - Right aligned */
#menu li .align_right {	right:-1px; }
#menu li:hover .align_right {	left:auto; right:-1px; }

/* Full width drop down */
#menu li div.fullwidth {
	position: absolute;
	width: 984px;
	padding:24px 0px 24px 0px;
	left:-9999em;
	top:38px;
	background-image: url(../images/dropcontent-fond.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#menu li:hover div.fullwidth {
	display: block;
	z-index:9998;
	left: -1px;
}


/*  ___________________ 3. Drop Down Specific Containers _______________________  */
#menu .drop1column { width: 80px; }
#menu .drop2columns { width: 160px; }
#menu .drop3columns { width: 240px; }
#menu .drop4columns { width: 320px; }
#menu .drop5columns { width: 400px; }
#menu .drop6columns { width: 480px; }
#menu .drop7columns { width: 560px; }
#menu .drop8columns { width: 640px; }
#menu .drop9columns { width: 720px; }
#menu .drop10columns { width: 800px; }
#menu .drop11columns { width: 880px; }
#menu .drop12columns { width: 260px; }

/*  ______________ 4. Columns Grid _______________________  */
#menu .col_1, #menu .col_2, #menu .col_3, #menu .col_4, #menu .col_5, #menu .col_6, #menu .col_7, #menu .col_8, #menu .col_9, #menu .col_10, #menu .col_11, #menu .col_12 {
	display:inline;
	float: left;
	/*position: relative;*/
	margin-left: 15px;
	margin-right: 15px;
}
/*----trouver un restaurant-------*/

#menu .col_1 { width:210px; float:left; }
#menu .col_2 { width:700px; float:left; }

/*----Helloresto en détails-------*/

#menu .col_3 { 
float:left;
width:160px; }
#menu .col_4 { 
float:left;
width:750px;
 }
	
/*----MAgazine helloresto voir ecouter-------*/
	
#menu .col_5 { width:200px; float:left; }
#menu .col_5 h1 {
	font-size: 15px;
}

#menu .col_6 { width:200px; float:left; }
#menu .col_6 h1 { font-size: 15px; }

#menu .col_7 { width:670px; float:left;}

/*----Hellorecette-------*/

#menu .col_8 { width:200px; float:left; }
#menu .col_9 { width:200px; float:left;}
#menu .col_10 { width:200px; float:left;}
#menu .col_10 h1 { font-size: 15px;
font-weight:bold; }

/*----Helloresto job-------*/


#menu .col_11 { width:250px; float:left; }
#menu .col_12 { width:250px; float:left; }
#menu .col_13 { width:200px; float:left; }


/*  _______________ 5. Drop Down Typography _____________  */
#menu li .dropcontent h1 a, #menu li .dropcontent h2 a, #menu li .dropcontent h3 a, #menu li .dropcontent h4 a, #menu li .dropcontent h5 a, #menu li .dropcontent h6 a, #menu li .dropcontent p a,
#menu li .fullwidth h1 a, #menu li .fullwidth h2 a, #menu li .fullwidth h3 a, #menu li .fullwidth h4 a, #menu li .fullwidth h5 a, #menu li .fullwidth h6 a, #menu li .fullwidth p a {
	font-size:inherit;
	color:inherit;
}
#menu p, #menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6 {	color:#FFFFFF; }
#menu h1, #menu h2 { padding-bottom:12px; }
/* Links */
#menu li .dropcontent a, #menu li .fullwidth a {
	text-transform:none;
	font-size:12px;
	display:inline;
	padding:0px;
	background-image: none;
	color: #F39C2B;
}
#menu li .dropcontent a:hover, #menu li .fullwidth a:hover {	color:#b82323; }
#menu li .dropcontent a.voir-tout, #menu li .fullwidth a.voir-tout {
	padding:0 0 2px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F39C2B;
}
#menu li .dropcontent a:hover, #menu li .fullwidth a:hover {	padding:0; }
/* Images & Boxes */
#menu a img {	border:none; }
#menu li .black_box {
	background-color:#111111;
	color: #eeeeee;
	padding:6px 8px 6px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
/* Lists */
#menu li .dropcontent ul, #menu li .fullwidth ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li .dropcontent ul li, #menu li .fullwidth ul li {
	font-size:12px;
	line-height:24px;
position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
}
#menu li ul li:hover { background:none;	border:none; }
#menu ul.list, #menu ul.list2, #menu ol.num, #menu ol.num2 { margin:0 0 18px 20px; }
#menu ul.list li, #menu ul.list2 li, #menu ol.num li, #menu ol.num2 li { padding:0 0 0 12px; line-height:24px; }
#menu li .dropcontent ul.list li a, #menu li .dropcontent ul.list2 li a, #menu li .dropcontent ol.num li a, #menu li .dropcontent ol.num2 li a, 
#menu li .fullwidth ul.list li a, #menu li .fullwidth ul.list2 li a, #menu li .fullwidth ol.num li a, #menu li .fullwidth ol.num2 li a { color:#cccccc; }
#menu li .dropcontent ul.list li a:hover, #menu li .dropcontent ul.list2 li a:hover, #menu li .dropcontent ol.num li a:hover, #menu li .dropcontent ol.num2 li a:hover,
#menu li .fullwidth ul.list li a:hover, #menu li .fullwidth ul.list2 li a:hover, #menu li .fullwidth ol.num li a:hover, #menu li .fullwidth ol.num2 li a:hover { color:#ffffff; }
#menu ul.thumbnails li { margin-bottom:18px; }
#menu ul.categories { background:url("../img/menu_separator.jpg") top repeat-x; }
#menu ul.categories li, #menu ul.categories li:hover { background:url("../img/menu_separator.jpg") bottom repeat-x;	padding:9px 0 9px 0; }
#menu li .dropcontent ul.categories li a,
#menu li .fullwidth ul.categories li a { color:#cccccc; }
#menu li .dropcontent ul.categories li a:hover,
#menu li .fullwidth ul.categories li a:hover { color:#ffffff; }
/* Paragraphs with Icons */
#menu .calendar, #menu .note, #menu .help, #menu .delete, #menu .favorite, #menu .lock, #menu .archive, #menu .briefcase, #menu .search, #menu .user {
	padding-left:36px;
	margin-bottom:18px;
}
#menu .calendar { background:url("../img/icons/calendar.png") no-repeat 0px 5px}
#menu .note { background:url("../img/icons/note.png") no-repeat 0px 5px }
#menu .archive { background:url("../img/icons/archive.png") no-repeat 0px 5px }
#menu .search { background:url("../img/icons/search.png") no-repeat 0px 5px }
#menu .help { background:url("../img/icons/help.png") no-repeat 0px 5px }
#menu .delete { background:url("../img/icons/delete.png") no-repeat 0px 5px }
#menu .favorite { background:url("../img/icons/favorite.png") no-repeat 0px 5px }
#menu .lock { background:url("../img/icons/lock.png") no-repeat 0px 5px }
#menu .briefcase { background:url("../img/icons/briefcase.png") no-repeat 0px 5px }
#menu .user { background:url("../img/icons/user.png") no-repeat 0px 5px }
/* Dropcap */
.dropcap {
	display:block;
	float:left;
	font-size:42px;
	line-height:36px;
	margin:2px 8px 0 0;
}
/*___________FIN MENU PRINCIPAL___________*/


/*___________DEBUT SOUSMENU___________*/
/*eventuellement reprendre le sousmenu de l'ancien css si necessaire*/
/*___________FIN SOUSMENU___________*/


/* ___________ DEBUT CONTENU___________*/
.contenu { padding: 0 10px; }
/* ___________ FIN CONTENU___________*/

/* ___________ DEBUT BLOCKS CONTENUS___________*/
.contenu964 { width: 964px; } /* pour 1 colonne large */
.contenu610, .contenu354, .contenu321, .contenu241 { float:left; }
.contenu610 { width: 610px; } /* pour 2 colonnes (deuxieme 364) */
.contenu354 { width: 354px; } /* pour 2 colonnes (deuxieme 620) */
.contenu321 { width: 321px; } /* pour 3 colonnes largeur égale */
.contenu241 { width: 241px; } /* pour 4 colonnes largeur égale */

/* Pour les blocks de contenus iinline */
.in-droite { float:right; margin: 0 0 15px 20px; }
.in-gauche { float:left; margin: 0 20px 15px 0; }
/* ___________ FIN  BLOCKS CONTENUS___________*/


/* ___________ TYPE DE CONTENUS ___________ */
/*contenu sans fond remplisage direct*/ /*contenu TYPE1*/
.cont-rempli .cont { color:#FFF; padding:20px; }

/*contenu avec le fond blanc*/ /*contenu TYPE2*/
.cont-blanc .cont {	background:#FFF; padding:20px; margin:20px; }
.cont-blanc p { color:#000; }

/*contenu avec le fond image ocre + titre en image*/
.cont-ocre { background: url(../images/ocre-fond-3.gif) repeat-y right bottom; }
.cont-ocre p { color:#000; }
.cont-ocre .fond { background: url(../images/ocre-fond-1.gif) no-repeat left bottom; padding:0 0 30px 0; }
.cont-ocre .cont { padding:0 18px 0 22px; }

/*contenu avec le fond image rouge + titre en image*/
.cont-rouge h3 { background: url(../images/rouge-fond-3.gif) repeat-y right bottom; }
.cont-rouge { background: url(../images/rouge-fond-2.gif) repeat-y right bottom; }
.cont-rouge p { color:#fff; }
.cont-rouge .fond { background: url(../images/rouge-fond-1.gif) no-repeat left bottom; padding:0 0 30px 0; }
.cont-rouge .cont { padding:0 18px 0 22px; }

/* ___________ FIN TYPE DE CONTENUS ___________ */


/* ___________ DEBUT HAUTEUR MINI DE CONTENUS ___________ */
/*hauteur mini des divs contenus*/
.cont-ocre .cont { height: 14em; } /*hauteur mini ie*/
html>body .cont-ocre .cont { height: auto; min-height: 14em; } /*hauteur mini tout sauf ie*/
/* ___________ FIN HAUTEUR MINI DE CONTENUS ___________ */


/* ___________ DEBUT TITRES EN IMAGE ___________ */
/* Titres en image, h1=grand titre, h3=petit titre */
h1.titre, h3.titre {
	text-indent: -9000px;
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0px;
	padding: 0px;
	height: 80px; 
}
h3.titre { height: 50px; }
.contenu241 .titre { width: 241px; }
.contenu321 .titre { width: 321px; }
.contenu354 .titre { width: 354px; }
.contenu610 .titre { width: 620px; }
.contenu964 .titre { width: 984px; }

/* Diferents titres peut etre externaliser dans un autre css ou autre... */
.t-241-1 {	background-image: url(../images/titres/241-1.gif); } /* continuer la numérotation... */
.t-321-1 {	background-image: url(../images/titres/321-1.gif); }
.t-354-1 {	background-image: url(../images/titre-anim-resto.jpg); }
.t-354-recherche {	background-image: url(../images/titre-anim-resto-2.jpg); }
.t-610-1 {	background-image: url(../images/titres/610-1.gif); }
.t-964-1 {	background-image: url(../images/titres/964-1.gif); }

.t-610-2 {	background-image: url(../images/titres/610-2.gif); }
.t-610-2-partenaire {	background-image: url(../images/resto-partenaire.jpg); }
.titre-animation {	background-image: url(../images/fond-anim-resto.jpg); 
    background-repeat: no-repeat;
    height: 80px;
    margin-right: 10px;
    width: 680px;
}

/* ___________ FIN TITRES EN IMAGE ___________ */

/*___________DEBUT LISTE RESULTATS___________*/
.resultats-col .cont { padding:0 18px 0 13px;
min-height:400px; }	
ul.liste-resultats {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}
ul.liste-resultats li.resultat {
	display: block;
	padding: 8px 10px;
	background-color: #FFF;
	margin: 0 0 3px 0;
}
/* pour l'effet de chargement des images - a enlever si pad d'effet chargement des images */
.resultat .highslide { 
	background: url(../images/loader.gif) no-repeat center center;
	display: block;
	min-height: 16px;
	min-width: 16px;
	width: 170px;
	height: 100px;
	float:left;
	margin-right:10px;
}
ul.liste-resultats li.resultat img { float:left;	margin-right:10px; }
ul.liste-resultats li.resultat p {}
ul.liste-resultats .description {
	float: left;
	/*width: 300px;*/
	height: 85px;
	margin: 0 8px 0 0;
}
ul.liste-resultats .details-btn {
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
	display: block;
	width: 130px;
	height: 20px;
	text-indent: -9000px;
	background-image: url(../images/btn-plus-de-details.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
ul.liste-resultats .details-btn2 {
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
	display: block;
	width: 130px;
	height: 20px;
	text-indent: -9000px;
	background-image: url(../images/btn-plus-de-details-2.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
ul.liste-resultats .active { background-position: 0px -20px; }
ul.liste-resultats .fiche {
	background-color:#FFF;
	overflow: hidden;
	clear:both;
	height:120px;
	padding: 5px 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
	margin-top:10px;
	display:none;
}
ul.liste-resultats .fiche-gauche {
	clear:both;
	width:380px;
	margin-right:10px;
}
/*ul.liste-resultats .fiche-droite { float:left; width:120px; }*/
table.ouverture td {
	padding: 2px 4px;
	font-size: 10px;
	background-color: #F39C2B;
	color: #FFF;
}
ul.liste-resultats table.ouverture th {
	padding: 2px 4px;
	font-size: 11px;
	text-align:center;
}
ul.liste-resultats table.ouverture td.ferme {	background-color: #E0E0E0; color: #999; }

/* publicitées google */
ul.liste-resultats li.resultatpub { background: #F8F3ED; font-size:0.9em; text-align:center; }

/* resultats secondaires - non partenaires */
ul.liste-resultats li.resultatsec { background: #F8F3ED; font-size:0.9em; }
ul.liste-resultats li.resultatsec h3 { color: #000; }

/*Pagination*/
ul.pagination {
	list-style-type: none;
	text-align:right;
	padding: 0 30px;
	display: block;
	height:50px;
	font-size:11px;
	margin: 0 0 3px 0;
}
ul.pagination-base { margin: 3px 0 0 0; }
ul.pagination li, ul.pagination-base li {
	height: 20px;
	line-height: 20px;	
	display: block;
	float: right;
	padding: 0 2px;
}
ul.pagination-base li {	float: left; }
ul.pagination li a, ul.pagination-base li a {
	width: 22px;
	height: 20px;
	line-height: 20px;
	background-image: url(../images/pagination-btn-fond.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	display: block;
}
ul.pagination-base li a { float: left; }
ul.pagination li a:hover, ul.pagination li a.activ { background-position: 0px -20px; }
/*___________FIN LISTE RESULTATS___________*/


/*___________DEBUT PAGE DETAIL ANNONCE___________*/
/* galerie */
#gallery-area {	width: 460px; height: 340px; overflow: hidden; float:left; background-color:#FFF; }
/*___________FIN PAGE DETAIL  ANNONCE___________*/


/*___________DEBUT COLONNE ACTUS___________*/
.actus-col {
	/*position: relative;*/
	overflow: hidden;
	margin-top:10px;
}

.actus-col .cont { padding:8px 18px 0 10px; }	
.actus-col li {
	background:transparent !important; /*pour supprimer le fond blanc sur ie*/
}
.actus-col li a {
	display: block;
	width: 320px;
	margin: 1px 0 2px 0;
	padding: 4px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.actus-col li a.une-actu {
	height: 220px;
}
.actus-col .image-gauche {
	float: left;
	margin: 0 8px 0 2px;
}
.actus-col .image-droite {
	float: right;
	margin: 0 2px 0 8px;
}
.actus-col li a:hover {

}
#controls-actu {
	z-index: 1000;
	position: absolute;
	left: 80px;
	display: none;
	background-color: #ffc;
	border: 1px solid #ddd;
	margin: 0;
	padding: 2px;
	width: 80px;
	bottom: 20px;
}
#nav { margin: 2px 5px 2px 10px; text-align: left; float:left; }
#nav a {
	display:block;
	float:left;
	text-align:center;
	margin: 0 2px;
	text-decoration: none;
	background-image: url(../images/rond.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:15px;
	height:15px;
	line-height:15px;
	font-size:11px;
	color: #FEE7BD;
}
#nav a.activeSlide {
	background-position: -15px 0px;
	color: #FFB16F;
}
#nav a:focus { outline: none; }
a.toutes-actus {
	line-height: 15px;
	background-image: url(../images/fleche-droite.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 15px;
	padding:0 20px 0 0;
	color:#b86725;
	display:block;
	margin: 2px 0;
	float:left;
}
/*___________FIN COLONNE ACTUS___________*/


/*___________DEBUT COLONNE RECHERCHE___________*/
.recherche-col .cont { padding:8px 18px 0 10px; margin-top:8px; }
.recherche-col { margin-top:0px; }
/*___________FIN COLONNE RECHERCHE___________*/


/*___________DEBUT DIAPO___________*/
#prev-diapo, #next-diapo {
	float:left;
	width:40px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 156px;
	display: block;
	text-indent: -9000px;
}
#prev-diapo {	background-image: url(../images/prev.png); }
#next-diapo {	background-image: url(../images/next.png); }
.diapo {
	height:190px;
	background-image: url(../images/contenu-x1-fond-ext.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 5px 0 7px 0;
}
ul#diapo { float:left; }
#diapo li {
	width:904px;
	height:207px;
	overflow: hidden;
	display: block;
	background:transparent !important; /*pour supprimer le fond blanc sur ie*/
}
#diapo li a {
	display:block;
	height: 185px;;
	margin: 0 20px;
	float: left;
	position:relative;
	border: 3px solid #FF6600;
}
#diapo li img {	border:none; }
#diapo li a:hover {	border: 3px solid #FFFFFF; }
#diapo li p {
	position:absolute;
	width:242px;
	padding: 2px 2px 4px 6px;
	left: 0px;
	bottom: 0px;
	background-image: url(../images/noir-trans.png);
	background-repeat: repeat;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;

}
/*___________FIN DIAPO___________*/


/*___________DEBUT LISTE-CADRILLAGE___________*/
.liste-cadrillage {
	padding-left: 18px;
	color: #FFF;

}
.liste-cadrillage p {
	margin:0;
	color:#ffffff;
	padding:0px;

}
.liste-cadrillage ul li {
	background-repeat: no-repeat;
	background-image:url(../images/fond-liste-cadrillage.jpg);
	background-position: 0px 0px;
	display: block;
	float: left;
	margin:5px;
	height: 115px;
	width: 150px;
	padding: 15px;
}



.liste-cadrillage ul li strong { color: #FFDC8A;
 }

.liste-cadrillage2 {
	padding-left: 18px;
	color: #FFF;

}
.liste-cadrillage2 p {
	margin:0;
	color:#ffffff;


}
.liste-cadrillage2 ul li {
	background-repeat: no-repeat;
	background-color:#420001;
	background-position: 0px 0px;
	display: block;
	float: left;
	height: 160px;
	width: 150px;
	padding: 5px;
	margin-top: 5px;
	margin-right: 20px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}



.liste-cadrillage2 ul li strong { color: #FFDC8A;
 }
#logo-3 {
	background-color:#FFFFFF;
	width:150px;
	height:100px;
	
	}

#voile-2 p {
	font-size:11px;
	font-weight:bold;
	color:#ffdc8a;
}
#voile p {
	font-size:11px;
	font-weight:bold;
	color:#ffdc8a;
}
#logo-2 {
	background-color:#FFFFFF;
	width:170px;
	height:90px;
	
	}


/*___________FIN LISTE-CADRILLAGE___________*/


/*___________DEBUT CONTENU BAS 3 COLONNES___________*/
#contenu-bas { clear:both; padding-left: 30px; }
.colonnes-bas {
	width: 230px;
	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 h3 {
	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 {
	overflow: hidden;
	padding-right: 18px;
	padding-left: 18px;
	background-image: url(../images/cont-bas-col-arrondi-bas.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*reecriture du a:hover h3 specifique aux h3 de la colonne droite*/
.colonnes-bas a:hover h4 { color: #e50000; }
/*___________FIN CONTENU BAS 3 COLONNES___________*/


/*___________DEBUT CONTENU GAUCHE___________
#contenu-gauche {
	float: left;
	padding-left: 20px;
	width: 662px;
}
/*___________FIN CONTENU GAUCHE___________


/*___________DEBUT COLONNE DROITE___________
#colonne-droite {
	width: 241px;
	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 {
	clear: both;
	background-image: url(../images/footer-fond.jpg); background-repeat: no-repeat; background-position: left top;
	padding: 20px 0 40px 25px;
	margin-top:20px;
}
#footer .colonne {
	float: left;
	width: 170px;
	margin-right: 10px;
}
#footer .colonne-texte { width:400px; }
#footer p { color: #DA9658;	font-size: 90%; }
#footer h3 { color: #EDB176; font-family: Georgia, "Times New Roman", Times, serif; }
#footer ul { padding-top: 5px; padding-bottom: 3px; }
#footer li { list-style-type: none; }
#footer a { color: #FFBF53; }
#footer li 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___________*/

/*___________DEBUT STYLE NOUS___________*/


/*-------------- debut style moteur------------*/
#img-fond {
	width:100%;
	height:95px;
	background-image:url(../images/titre-accueil.jpg);
}


#moteur-spip {
	width:100%;
	text-align:center;
	padding-bottom:10px;


}
#moteur-spip input {
	
	
}
.formulaire h1 {
	font-size: 16px;
	font-weight: bold;
	color: #9F011A;
	margin-bottom: 20px;
}
.formulaire .exemple {
	font-size: 10px;
	color: #000;
}


#moteur-spip .submit {
	width:50px;
	height:34px;
	float:left;
	
}
#moteur-spip .defaut-champ {
	width:150px;
	height:20px;
	float:left;
	
}
#moteur-spip label {
	float:left;
	text-align:left;
	width:100px;
	margin-top: 10px;	
}

#moteur-spip .text defaut-champ {
	width:10px;
	
}


#moteur-typeresto {
	float: left;
	width: 49%;
	padding-top: 5px;
	padding-bottom: 5px;	
}
#moteur-typeresto option {
	color:#9f011a;
	
}
#moteur-typeresto select:hover {
	color:#ffffff;
	background-color:#9f011a;
	
}

#moteur-tarif {
	float: right;
	width: 49%;	
		padding-top: 5px;
	padding-bottom: 5px;	
	
}

#moteur-tarif option {
	color:#9f011a;
	
}
#moteur-tarif select:hover {
	color:#ffffff;
	background-color:#9f011a;
	
}


#moteur-specialite {
	float: left;
	width: 49%;	
		padding-top: 5px;
	padding-bottom: 5px;	
	
}
#moteur-specialite option {
	color:#9f011a;
	
}
#moteur-specialite select:hover {
	color:#ffffff;
	background-color:#9f011a;
	
}

#moteur-ville {
	float: right;
	width: 49%;	
		padding-top: 5px;
	padding-bottom: 5px;	
	
}

#moteur-ville input {
	width: 130px;	
}
#moteur-ville input {
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 8px;
	margin-right: 5px;
	padding: 5px 5px 4px 10px;
	border:2px solid #F39C2B;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:inset 0 1px 5px #666666;
	-moz-box-shadow:inset 0 1px 5px #666666;
	box-shadow:inset 0 1px 5px #666666;
	background-color: #FBF9F7;
	font-weight: normal;
	color: #655A52;
}
#rto {
float:left;
color: #9F011A;
font-weight:bold;
}
#moteur-moinsde {
	width: 60%;
	float:right;
	clear:both;
		padding-top: 5px;
	padding-bottom: 25px;	
	
}
#trait {
	width:100%;
 	height: 2px;
	clear:both;
	padding-bottom:2px;
	padding-top:10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9f011a;
	border-right-color: #9f011a;
	border-bottom-color: #9f011a;
	border-left-color: #9f011a;	
}
	
	#rechercheresto h3 {
	color: #9f011a;
	text-indent:inherit;
	font-size: 16px;
	background-image: none;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#encadre {
text-align:center;
color:#FFFFFF;
font-weight:bold;
}
#encadre table {
	width:100%;
	border: 3px solid #f7941d;	
	
}
#encadre td {
	background-color:#9f001a;
	border: 1px solid #9f001a;	
}

#quel-rech {
	font-weight:bold;
	color:#9f001a;
}

#ouverture {
	width:100%;
	padding-bottom:5px;
	padding-top:5px;
}
#ouverture li{
	display: inline;
	list-style-type: none;	
	margin-left: 8px;
	
}
#ouverture input{
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 8px;
	margin-right: 5px;
	padding: 5px 5px 4px 10px;
	
}
	

#midisoir {
	width:100%;
	float:left;
	clear:both;
	padding-bottom:10px;
	padding-top:10px;	
	
}

#capacite {
	width:100%;
	clear:both;
	padding-bottom:10px;
	padding-top:10px;	
}

#capacite h3 {
	color: #9f011a;
	text-indent:inherit;
	font-size: 16px;
	background-image: none;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#capacite option {
	color:#9f011a;
	
}
#capacite select:hover {
	color:#ffffff;
	background-color:#9f011a;
	
}


#pyctogramme {
	width:100 %;
	padding-bottom:10px;
	padding-top:10px;		
	
	
}

#pyctogramme h3 {
	color: #9f011a;
	text-indent:inherit;
	font-size: 16px;
	background-image: none;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#pyctogramme li {
	list-style-type: none;
	margin-right: 5px;
	margin-left: 5px;	
	
}
#pyctogramme ul {
	float:left;
	padding-bottom: 20px;	
}



/*-------------- fin style moteur------------*/

/*-------------- debut style reccherche------------*/

.fiche-gauche td {
	width:150px;
	height:30 px;
	text-align:center;
	background-color:#9f011a;
	font-weight:bold;
	color:#FFFFFF;
	border: 1px solid #000;	
}

.fiche-gauche td.ouvert {
	background-color:#f3992b;
	color:#9f011a;
	
}
.fiche-gauche td.ferme {
	background-color:#9f011a;
	color:#f3992b;
	
	
}
#fiche-gauche {
	clear:both;
	padding-top: 10px;
}
#fiche-gauche p {
	color:#f7941d;
	font-weight:bold;
}
#fiche-gauche a:hover {
	color:#000000;
	font-weight:bold;
}

/*-------------- fin style recherche------------*/

/*-------------- debut descriptif resto -----------*/
#champ-text-spip  {
	text-align:center;
	width:180px;
	margin-left:auto;
	margin-right:auto;
}



#bouton-recherche-spip  {
	text-align:center;
	width:230px;
	margin-left:auto;
	margin-right:auto;
}

#droite input.btn-moy {
	width:200px;
	height:30px;
	background-image:url(../images/btn-petit-moteur.png);
	
}


#descriptif-resto {
	background-color:#FFFFFF;
	color:#9f011a;
	width:965px;
	height:auto;
	clear:both;


}

#interieur-resto {
	width:550px;
	color:#000000;
	background-color:#FFFFFF;
	padding-left:10px;
	font-size:12px;
	float:left;
}
#interieur-resto-droite {
	width:380px;
	margin-left:15px;
	padding-left:10px;
	background-color:#FFFFFF;
	color:#000000;
	float:right;
}
#space {
	height:15px;
	clear:both;
}

#sousmenu {
	height:25px;
	clear:both;
	margin-bottom:10px;
	
}
#sousmenu input {
	width:150px;
	height:25px;
	float:left;
	margin-right:20px;
	color:#420001;
	font-weight:bold;
	font-size:12px;
 	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/fond-liste-menu.jpg);
	
}

#sousmenu input a:hover {
	width:150px;
	height:25px;
	float:left;
	margin-right:20px;
	color:#420001;
	font-weight:bold;
	font-size:12px;
 	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/fond-liste-menu.jpg);
	
	
}

#sousmenu li a {
	color:#420001;
	font-weight:bold;
}
#sousmenu li{
	list-style-image: none;
	float:left;
	background-image:url(../images/fond-liste-menu.jpg);
	width:150px;
	height:25px;
	text-align:center;
	list-style-type: none;
	display: inline-block;
	margin-right: 25px;
	padding-top:5px;
}
#sousmenu ul{
	padding-top:0px;
	padding-left:30px;
}



#sousmenu2 {
	height:25px;
	clear:both;
	margin-bottom:10px;
	
}
#sousmenu2 li a {
	color:#420001;
	font-weight:bold;
}
#sousmenu2 li{
	list-style-image: none;
	float:left;
	background-image:url(../images/sousmenu2.jpg);
	width:150px;
	height:25px;
	text-align:center;
	list-style-type: none;
	display: inline-block;
	margin-right: 25px;
	padding-top:5px;
}
#sousmenu2 ul{
	padding-top:0px;
	padding-left:30px;
}



#sousmenu3 {
	height:25px;
	float:right;
	margin-bottom:10px;
	
}
#sousmenu3 li a {
	color:#420001;
	font-weight:bold;
}
#sousmenu3 li{
	list-style-image: none;
	float:left;
	background-image:url(../images/sousmenu3.jpg);
	width:150px;
	height:24px;
	text-align:center;
	list-style-type: none;
	display: inline-block;
	margin-right: 25px;
	padding-top:5px;
}
#sousmenu3 ul{
	padding-top:0px;
	padding-left:30px;
}





.gauche {
	width:600px;	
}
.droite {
	width:304px;	
}

#fiche-droite {
	background-color:#FFF; 
	padding:18px; 
	float:left; 
	margin-left:12px; 
	width:440px;
	height:310px;
}

#pycto li{
	display:inline;
	margin-right: 20px;

}

/*-------------- fin descriptif resto------------*/

/*---------------------Début style liste-resultat-nous-----------------------*/

ul.liste-resultats .fiche-droite { float:right; width:120px; }
ul.liste-resultats .fiche-gauche{
	float:left;
}
#img-resultat img{
width:175px;
height:110px;
}
ul.liste-resultats .description {
	width: 236px;
}

/*.resultatsec img {
width:175px;
height:110px;
}*/
/*---------------------FIn style liste-resultat-nous-----------------------*/

/*---------------------------------DEBUT FICHE DETAILLE----------------------------------------*/ 
.liste-cadrillage ul li img{
	height: 90px;
	width: 170px;
}
.liste-cadrillage-droite ul li img{
	height: 90px;
	width: 170px;
}
/*----------------------------------FIN FICHE DETAILLE------------------------------------------------------------*/
#salut {
	clear: both;
	width: 750px;
	height: 250px;
	border: 2px solid #F39C2B;
	float:left;
}

#carte-loire {
	width: 200px;
	height: 270px;
	float:right;
	background-repeat: no-repeat;
}

#adresse {
	float:left;
	width:240px;
}

#desc a.btn-mini-moy{
	text-align:center;
	display: inherit;
	margin-top: 20px;	
}

#caracteristique {
	float:right;
	width:180px;
	font-weight:bold;
	border-left-width: 1px;
	padding-left:10px;
	border-left-style: solid;
	border-left-color: #9f011a;	
}

#caracteristique li {
	margin-top: 10px;
	margin-bottom: 10px;	
	
}

#titreh2 h2 {
	color:#9f011a;
	font-size:14px;
	font-weight:bold;
	
}

#titre-carte h1 {
	font-size: 16px;
	line-height:1;
	font-weight:bold;
	color: #FF9600;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
	
	#titreresto h1 {
	font-size:16px;
	color:#f3992b;
	font-weight:bold;
	margin-top: 10px;
		}
ul.pagination li input , ul.pagination-base li  input  {
	width: 22px;
	height: 20px;
	line-height: 20px;
	background-image: url(../images/pagination-btn-fond.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	display: block;
	color:#f29400;
	border:none;
	background-color:#ffe7bc;
}
 ul.pagination-base li  input  {
 background-color:#ffd180;
 }

ul.pagination li input:hover , ul.pagination-base li  input:hover  {
background-position: 0px -20px;
}
ul.liste-resultats li.resultat
{
	height:auto;
}
ul.liste-resultats .description{
	height:auto;
}
ul.liste-resultats .fiche{
height:auto;
}
.cont-ocre2 { background-color: #ffe7bc; }
#bouton-recherche-spip{
clear:both;
}

/*---------------------debut page article-----------------------*/

#desc {
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;	
	margin-left:10px;
	margin-right:10px;
}
#desc h1 {
	background-image:none;
	}

#desc a {
	color:#f58227;
	font-weight:bold;
}

#desc p:first-letter {
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #880016;
	
}

#desc-livre{
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;	
	margin-left:10px;
	margin-right:10px;
	float:left;
}

#desc-livre h1 {
	background-image:none;
	}
#background-h1-livre {
	height: 60px;
	margin-left:10px;
	margin-right:10px;
	width: 480px;
	background-image: url(../images/background-h1.jpg);
	background-repeat: no-repeat;
}

#desc-livre a {
	color:#f58227;
	font-weight:bold;
}

#desc-livre p:first-letter {
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #880016;
	
}

#formulaire-livre {
	width:230px;
	height:300px;
	padding:10px;
	margin-right:10px;
	color:#9f001a;
	float:right;
	background-color:#ffe7bc;
}
#formulaire-livre h1 {
	height:100px;
	background-image:url(../images/livredor.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#formulaire-annonce {
	width:230px;
	height:350px;
	font-weight:bold;

	padding:10px;
	margin-right:10px;
	color:#9f001a;
	float:right;
	background-color:#ffe7bc;
}
#formulaire-annonce h1 {
	height:100px;
	background-image:url(../images/annonce-2.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


#contenu {
	font-size: 13px;
	width: 699px;
	float:left;
}
#background-h1 {
	height: 60px;
	margin-left:10px;
	margin-right:10px;
	width: 680px;
	background-image: url(../images/background-h1.jpg);
	background-repeat: no-repeat;
}

#contenu h1{
	font-size: 20px;
	margin-left:10px;	
	margin-right:10px;
	text-align:center;
	font-weight:bold;
	color:#9f011a;
	background-color:#FFFFFF;
}

#fond-blc {
	height:200px;
	width: 600px;
	background-repeat: no-repeat;
	float: left;
}

#fond-blanc-haut {
	background-image: url(../images/haut-fond-blc.jpg);
	height: 60px;
	background-repeat: no-repeat;
}
/*
#fond-blanc-milieu {
	height:150px;
	background-color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;

}
#texte-fondblc {
	margin-left:auto;
	margin-right:auto;
}
#fond-blanc-bas {
	height:46px;
	background-image: url(../images/bas-fond-blc.jpg);

}
*/

#texte {
	color:#ffffcc;
	padding:20px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	margin-top: 20px;
	background-image: url(../images/fond-texte.jpg);
	background-repeat: repeat-y;
}

#texte a {
	color:#f7941d;
	font-weight:bold;
}
#texte a img {
	border: 1px solid #ffffcc;
}

#texte a:hover{
	color:#ffffcc;

}
#texte p:first-letter {
	color:#ffffcc;
	font-size: 115%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#texte p {
	padding-top: 2px;
	padding-bottom: 10px;	
}

#texte h3 {
	font-size:16px;
	color:#ffffcc;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;	
}
#droite {
	background-color: #ffe7bc;
	float: right;
	color:#9f011a;
	font-weight:bold;
	height: auto;
	width: 220px;
	margin-right: 30px;
}

#droite-h1{
	background-color: #FFFFFF;
	background-image:url(../images/fond-droite-h1.jpg);
	height:35px;
}
#decouvre {
	text-align:center;
	margin:10px;
}



#gallery-area{
border-style:solid;
border-color:#FFFFFF;
}
/*---------------------------------fin page article----------------------------------------*/ 
/*___________DEBUT LISTE-CADRILLAGE DROITE___________*/

.liste-cadrillage-droite2 {
	padding-left:70px;
	color: #FFF;
	margin: 5px 0 10px 0;
}
.liste-cadrillage-droite2 p {
	padding: 0;
	color:#FFFFFF;
	font-weight:bold;
}
.liste-cadrillage-droite2 a:hover {

	color:#FFDC8A;

}


.liste-cadrillage-droite2 ul li {
	background-repeat: no-repeat;
	background-color:#420001;
	background-position: 0px 0px;
	display: block;
	float: left;
	margin-bottom:5px;
	height: 143px;
	width: 150px;
	padding: 5px;
}

.liste-cadrillage-droite2 ul li strong { color: #FFDC8A; }
#droite-2 {
	background-color: #ffe7bc;
	float: right;
	color:#9f011a;
	font-weight:bold;
	height: auto;
	width: 300px;
	margin-right: 30px;
}

#droite-h1-2{
	background-color: #FFFFFF;
	background-image:url(../images/titre-jaune-biais-rech.jpg);
	height:35px;
}
#logo-2 {

	
	}

/*___________fin LISTE-CADRILLAGE recherche___________*/




.liste-cadrillage-droite {
	padding-left: 18px;
	color: #FFF;
	margin: 5px 0 10px 0;
}
.liste-cadrillage-droite p {
	padding: 0;
	color:#FFFFFF;
	font-weight:bold;
}
.liste-cadrillage-droite a:hover {

	color:#FFDC8A;

}


.liste-cadrillage-droite ul li {
	background-repeat: no-repeat;
	background-color:#420001;
	background-position: 0px 0px;
	display: block;
	float: left;
	margin-bottom:5px;
	height: 143px;
	width: 169px;
	padding: 5px;
}

.liste-cadrillage-droite ul li strong { color: #FFDC8A; }

#voile {
	color:#ffdc8a;
}
#voile p{
	color:#ffdc8a;
}
#voile a:hover {
	color:#ffdc8a;
}

#logo {
	background-color:#FFFFFF;
	width:170px;
	height:90px;
	
	}


/*___________FIN LISTE-CADRILLAGE DROITE___________*/


/*---------------------------------Sommaire-----------------------------------------------*/
.savoir-plus{
float:right;
}
#interview ul li p{
color:#FFFFFF;
position:relative;
z-index:2;
}
#interview ul li a img{
position:absolute;
z-index:1;
opacity:0.5;
}


/*---------------------------------Sommaire Fin-------------------------------------------------*/

/*---------------------------------Rubrique-----------------------------------------------*/
#contenu-rub{
	float:left;
	background-color:#FFFFFF;
	margin-bottom:5px;
	border:4px solid #420001;
	height:85px;
	padding:5px;
	color:#420001;
	width:680px;
}
#contenu-rub .date {
	color:#000000;
}


#contenu-rub li{
	display:inline;
	list-style:none;
	list-style-type:none;
	padding-right:10px;
}

#contenu-rub img{
float:left;
border-style:solid;
border-color:#FFFFFF;

}



#contenu-rub-livre{
	float:left;
	background-color:#FFFFFF;
	margin-bottom:5px;
	height:auto;
	padding:5px;
	color:#420001;
	width:680px;
}
#contenu-rub-livre h1 {
	color:#9f001a;
	font-size:18px;
}

#date {
	float:left;
	width:250px;
	font-weight:bold;
}

#contenu-rub-livre img{
float:left;
border-style:solid;
border-color:#FFFFFF;

}



#contenu-rub a:hover{
color:#9f011a;
}

#contenu-rub-mois{
	float:left;
	background-color:#FFFFFF;
	margin-bottom:15px;
	border:6px solid #420001;
	padding:5px;
	color:#420001;
	width:680px;
}

#contenu-rub-mois li{
display:inline;
}

#contenu-rub-mois img{
border-style:solid;
border-color:#FFFFFF;

}



#contenu-rub-mois a:hover{
color:#9f011a;
}

#contenu-rub2{
	float:left;
	background-color:#b22b29;
	margin-bottom:15px;
	border:2px solid #ffe7bc;
	height:105px;
	padding:5px;
	color:#ffe7bc;
	width:680px;
}

#contenu-rub2 img{
float:left;
border-style:solid;
border-color:#b22b29;

}

#contenu-rub2 a{
color:#420001;
}
#contenu-rub2 p{

color:#ffe7bc;
}


#contenu-rub2 a:hover{
color:#ffe7bc;
}


#ensavoir  {
float:right;
width:100px;
	}
	
#magazine {
	clear:both;
	padding-top:20px;
	
}

#contenu-rub-generale {
	width:141px;
	height:200px;
	font-size:11px;
	float:left;
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	background-image: url(../images/fond-texte-rub.jpg);
	background-repeat: repeat-y;
}

#contenu-rub-generale a:hover {
	color:#000000;
}

#contenu-rub-generale h1{
	font-size:14px;
	color:#ffe7bc;
	font-weight:bold;
}
#contenu-rub-generale li a{
	list-style-type: none;
	font-size:10px;
	color:#f7941d;
	margin-top: 5px;
}
#contenu-rub-generale li a:hover{
	color:#ffe7bc;
	font-weight:bold;
}

#generale {
	clear:both;
	width:950px;
}
#plus-contenu{
display:none;
z-index:1;
position:relative;
}


#titre-gene {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}


#contenu-rub-generale p {
	margin:0;
	padding:0;
	color:#ffe7bc;
}

/*---------------------------------Rubrique Fin-------------------------------------------------*/
/*---------------------------------debut arianne----------------------------------------*/ 
#ariane {
	width:100%;
	float:left;
	font-size:10px;
	height:20px;
	margin-top:15px;
	margin-bottom:10px;
	font-weight:bold;
	margin-left:20px;
	
	
}
#ariane li{
	list-style:none;
	list-style-type:none;
	color:#f3992b;
	display: inline;
	margin-right: 20px;
}

#ariane li a{
	color:#ffe6bd;
}
#ariane li a:hover{
	color:#f3992b;
}

/*---------------------------------fin arianne----------------------------------------*/ 
.spip_documents_right {
	padding:10px;
}
.spip_documents_left {
	padding:10px;
}
.filet_sep_image {
	background-repeat:no-repeat;
	background-position:center;
}

#tous-articles {
	 height:15px;
	 color:#f3992b;
	 font-weight:bold;
	
}

/*********************************Style Diapo*****************************************/

#flash ul{
	margin:0;
	padding:0;

}


/* Configuration des listes */
#gallery-area .diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

#gallery-area ul{
	margin:0;
	padding:0;
}


/* Configuration des listes */
#gallery-area .diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}
/***************************************************Fin style Diapo********************************/

/***************************************************Fin style Onglet********************************/

/***************************************************Fin style Onglet********************************/

#facebook {
	clear:both;
	width:90%;
	height:20px;
	color:#FFFFFF;
	padding-top:20px;
	margin-right: auto;
	margin-left: auto;
}
/**************************************************animation restaurant********************************/

#anim li {
	width:350px;
	height:250px;
}
#anim-2 li {
	width:350px;
	height:120px;
}

#cado-gourmand {
	background-color: #000000;
	float:right;
	margin-top:30px;
	margin-right:10px;
	height: 100px;
	width: 340px;	
}
#anim a {
	color:#000000;
}
#img-anim {
	float:left;
	width:150px;
	height:100px;
	margin-top:5px;
	margin-bottom:5px;
}
#titre-anim {
	color:#000000;

}
#img-resultat-anim {
	float:left;
	height:100px;
}
#description-anim {
	float:left;
}

#text-anim {


}

#dernier h1 {
	color:#FFFFFF;
	font-size:18px;
	padding-left:20px;
	padding-bottom:10px;
}
/*detail helloresto*/
#detail {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#detaildesc {
	background-color:#FFFFFF;
	padding-right:10px;
	padding-left:10px;
	margin-left:10px;
	margin-right:10px;
}

#detaildesc p:first-letter {
	color:#900115;
	font-size: 115%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#detaildesc p {
	padding-top: 2px;
	padding-bottom: 10px;	
}

#detaildesc b, strong  {
	font-size:13px;	
}

#detaildesc h1{
	color:#9f011a;
	margin-left:auto;
	text-align:center;
	margin-right:auto;
	font-size:18px;
	font-weight:bold;
}

#background-h1-petit {
	height: 60px;
	margin-left:10px;
	margin-right:10px;
	width: 960px;
	background-image: url(../images/background-h1-petit.jpg);
	background-repeat: no-repeat;
}
#texte-detail{
	color:#ffffcc;
	padding:20px;
	background-image: url(../images/fond-detail-texte.jpg);
	background-repeat: repeat-y;
}
#texte-detail p:first-letter {
	color:#ffffcc;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}


/*detail helloresto*/

#list-mois li a{
	display: list-item;
}

#precedente {
	padding-top: 20px;	
	
}
#precedente a {
	color:#FFFFFF;
	
}
#km {
	color:#9f011a;
	font-weight:bold;
	font-size:75%;
}

#inscription-news{
padding-bottom:10px;
}

#inscription-news .btn-petit {
display:inline;
}
