@font-face{
	font-family: arciform;
	src:url(fonts/Arciform.otf)
}

@font-face{
	font-family: podriq;
	src:url(fonts/Podriq.otf)
}

@font-face{
	font-family: uni;
	src:url(fonts/UniNeue-Light.otf)
}

@font-face{
	font-family: shkoder;
	src:url(fonts/Shkoder-1989-Black.otf)
}

@font-face{
	font-family: ayres;
	src:url(fonts/Ayres.otf)
}

@font-face{
	font-family: hentges;
	src:url(fonts/HENTGES.ttf)
}

@font-face{
	font-family: simplifica;
	src:url(fonts/SIMPLIFICA-Typeface.ttf)
}


body {
	margin: 0 0;
	padding: 0;
	/*background-color: #D3D3D3; */
	background-color:#fff;
	background: linear-gradient(to bottom, #d3d3d3, #fff);

/*	font-family: uni, "Book Antiqua", Georgia, "Times New Roman", Arial, Helvetica, sans-serif;*/
	
/*	color: #999E88; */
	color: black;
}

.texmex {
	background: url(images/poulet3.jpg);
	background-position:bottom;
}

.salades {
	background: url(images/salades.jpg);
	background-position:bottom;
}

.pizzas {
	background: url(images/pizza5.jpg) no-repeat;
	background-position:center;	
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardis�e */
}

/* Content */

#content {
	width: 80%;
	margin: 50px auto;
	padding: 20px 20px 20px 20px;
	background-color: white;
	display:block;
	/* opacity:0.9; */
}



.bordure{
	border-radius:10px;
	box-shadow: 0 0 1.5em #C0C0C0; 	
}

/* Texte */

h1, h2, h3, h5, h6 {
	margin: 0;
	padding: 0;
	/*letter-spacing: -1px;*/
	font-family: podriq, Georgia, "Book Antiqua", "Times New Roman", Times, serif;
	/*font-variant: small-caps;*/
	color: #f49816;
	text-shadow:1px 1px 1px #d3d3d3;
}

h2 {
	padding: 14px 0 0 0;
	word-spacing: 5px;
	font-size: 2.7em;
	text-shadow:1px 1px 1px #d3d3d3;
	font-family: shkoder, Georgia, "Book Antiqua", "Times New Roman", Times, serif;
}

h3 {
	padding: 20px 0 0 0;
	border-bottom: 0.01em solid #d3d3d3;
	word-spacing: 3px;
	font-size: 1.85em;
	color: #000;
	text-shadow:3px 3px 3px #d3d3d3;
	font-family: podriq, "Book Antiqua", Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
}

h4 {
	font-family:serif;
	font-size: 1.5em;
	font-variant: small-caps;
	color: red;
	font-family: uni, Georgia, "Book Antiqua", "Times New Roman", Times, serif;
}

p {
	font-size:1.7em;
	font-family: simplifica, variane, hentges, Georgia, "Book Antiqua", "Times New Roman", Times, serif;
}

a {
	color: #f49816;
}

a:hover {
	text-decoration: none;
	color: #95AE36;
}



/* Header => selon la r�solution d'�cran */

@media all and (min-width:1080px) {
	
	#header {
		width: 100%;
		height: 121px;
		margin: 0 auto;
		/*padding: 0 20px 0 20px;
		background: url(images/logo.jpg) no-repeat ; */
		background-color:#000; 
		/*border-radius:10px; */
		display:inline-block;
		font-family:Arciform, "Book Antiqua", Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
	}

	#header img {
		margin-top:0px;
		margin-left:0px;
		float:left;
	}

	#images img {
		width: 100%;
	}

	/* Menu */

	.dropdown {
		position: relative;
		display: inline-block;
		display:none;
	}

	#header ul {
		float:left;
		margin-top:10px;
	}

	#header li{display:inline-block;min-width:50px;}

	#header li a {
		text-decoration:none;
		line-height: 70px;
		padding: 0 10px;
		text-align: center;
		font-size: 1.4em;
		/*font-weight:bold;*/
		color: #f49816;
		text-transform: uppercase;
	}
	#header li a:after {
		content: '';
		display: block;
		margin: auto;
		height: 1px;
		width: 0;
		background: transparent;
		transition: width .5s ease, background-color .5s ease;
	}
	#header li a:hover:after {
		width: 90%;
		background: #fff;
		
	}
}

@media all and (min-width:800px) and (max-width:1080px) {

	.dropdown {
		position: relative;
		display: inline-block;
		display:none;
	}
		
	#header {
		width: 100%;
		height: 121px;
		margin: 0 auto;
		/*padding: 0 20px 0 20px;
		background: url(images/logo.jpg) no-repeat ; */
		background-color:#000; 
		/*border-radius:10px; */
		display:inline-block;
		font-family:Arciform, "Book Antiqua", Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
	}

	#header img {
		margin-top:0px;
		margin-left:0px;
		float:left;
	}

	#images img {
		width: 100%;
	}

	/* Menu */
	#header ul {
		/*float:left;*/
		margin-top:10px;
		
	}

	#header li{float:left;display:inline-block;min-width:50px;}

	#header li a {
		text-decoration:none;
		line-height: 50px;
		padding: 0 5px;
		text-align: center;
		font-size: 1.15em;
		/*font-weight:bold;*/
		color: #f49816;
		text-transform: uppercase;
	}
	#header li a:after {
		content: '';
		display: block;
		margin: auto;
		height: 1px;
		width: 0;
		background: transparent;
		transition: width .5s ease, background-color .5s ease;
	}
	#header li a:hover:after {
		width: 90%;
		background: #fff;
		
	}
}

@media all and (max-width:800px) {
	
	#header {
		width: 100%;
		height: 121px;
		margin: 0 auto;
		/*padding: 0 20px 0 20px;
		background: url(images/logo.jpg) no-repeat ; */
		background-color:#000; 
		/*border-radius:10px; */
		display:inline-block;
		font-family:Arciform, "Book Antiqua", Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
	}

	#header img {
		margin-top:0px;
		margin-left:0px;
		float:left;
	}

	#images img {
		width: 100%;
	}


	/* Menu */

	#super {
		display:none;
	}

	/* Dropdown Button */
	.dropbtn {
		background-color: orange;
		color: black;
		padding: 16px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		font-family:Arciform, "Book Antiqua", Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
		width:7em;
	}

	/* Le containeur <div> - a besoin de position le contenu du dropdown  */
	.dropdown {
		position: relative;
		display: inline-block;
		float:right;
		margin: 1em 1em 0 0;
		
	}

	/* Contenu du dropdown (cach� par d�fault) */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 7em;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	/* Liens � l'int�rieur du dropdown */
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align:center;
	}

	/* Change la couleur des liens du dropdown quand la souris est dessus */
	.dropdown-content a:hover {background-color: #d3d3d3}

	/* Mode d'affichage du dropdown menu quand la souris est dessus */
	.dropdown:hover .dropdown-content {
		display: block;
	}

	/* Change la couleur du background du dropdown button quand le contenu du dropdown est visible */
	.dropdown:hover .dropbtn {
		background-color: #d3d3d3;
		color: black;
	}
}




/* Footer */

#footer {
	clear: both;
	width: 100%;
	height: 7%;
	/* position: fixed; */
	/* bottom: 0; */
	margin-top:-40px;
	
	/*background-color: #bf1f25;*/
	color:#555;
}




#footer_OLD {
	clear: both;

	width: 820px; 
	margin: 20px auto auto auto;
	padding: 5px 0;
	background: #bf1f25 url(images/img11.gif) repeat-x left bottom;
	font: "Times New Roman", Times, serif;

}

#footer p, #footer a {
	margin: 0;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	font-family: uni, Georgia, "Book Antiqua", "Times New Roman", Times, serif;
}


/* Tableau */


#tableau {
	width: 80%;
	margin: 0 auto;
	padding: 20px auto;
	font-family: simplifica, Georgia, "Book Antiqua", "Times New Roman", Times, serif;
	font-weight:bold;
}

_________

#gradient-style-t {
font-family:"Book Antiqa", "Georgia", Sans-Serif;
font-size:12px;
width:800px;
text-align:left;
border-collapse:collapse;
margin:200px;
}

#gradient-style-t th{
font-size:1.4em;
font-weight:bold;
background:#e34650 url("images/tomate.png") repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#fff;
padding:8px;
}

#gradient-style-t td{
font-size:1.1em;
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid #fff;
background:#eef0f0;
/*background:#defa90 url("images/gradback01.png") repeat-x;*/
padding:8px;
}

#gradient-style-t tfoot tr td{
background:#e8edff;
font-size:12px;
color:#99c;
}

#gradient-style-t tbody tr:hover td{
/* background:#fa9b4e url("images/tomate.png") repeat-x; */
background:#e34650 url("images/tomate.png") repeat-x;
color:#fff;
font-weight:bold;
}

_________

#gradient-style-c {
/*font-family:"Book Antiqa", "Georgia", Sans-Serif;*/
font-size:12px;
width:800px;
text-align:left;
border-collapse:collapse;
margin:200px;
}

#gradient-style-c th{
font-size:1.4em;
font-weight:bold;
background:#ef9b3f url("images/curry.png") repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#fff;padding:8px;
}

#gradient-style-c td{
font-size:1.1em;
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid #fff;
background:#eef0f0;
/*background:#defa90 url("images/gradback01.png") repeat-x;*/
padding:8px;
}

#gradient-style-c tfoot tr td{
background:#e8edff;
font-size:12px;
color:#99c;
}

#gradient-style-c tbody tr:hover td{
/* background:#fa9b4e url("images/curry.png") repeat-x; */
background:#ef9b3f url("images/curry.png") repeat-x;
color:#fff;
font-weight:bold;
}

_________

#gradient-style-b {
font-family:"Book Antiqa", "Georgia", Sans-Serif;
font-size:12px;
width:800px;
text-align:left;
border-collapse:collapse;
margin:200px;
}

#gradient-style-b th{
font-size:1.4em;
font-weight:bold;
background:#663330 url("images/barbecue.png") repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#fff;padding:8px;
}

#gradient-style-b td{
font-size:1.1em;
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid #fff;
background:#eef0f0;
/*background:#defa90 url("images/gradback01.png") repeat-x;*/
padding:8px;
}

#gradient-style-b tfoot tr td{
background:#e8edff;
font-size:12px;
color:#99c;
}

#gradient-style-b tbody tr:hover td{
/* background:#fa9b4e url("images/barbecue.png") repeat-x; */
background:#663330 url("images/barbecue.png") repeat-x;
color:#fff;
font-weight:bold;
}

_________

#gradient-style-cf {
font-family:"Book Antiqa", "Georgia", Sans-Serif;
font-size:12px;
width:800px;
text-align:left;
border-collapse:collapse;
margin:200px;
}

#gradient-style-cf th{
font-size:1.4em;
font-weight:bold;
background:#315495 url("images/cf.png") repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#fff;padding:8px;
}

#gradient-style-cf td{
font-size:1.1em;
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid #fff;
background:#eef0f0;
/*background:#defa90 url("images/gradback01.png") repeat-x;*/
padding:8px;
}

#gradient-style-cf tfoot tr td{
background:#e8edff;
font-size:12px;
color:#99c;
}

#gradient-style-cf tbody tr:hover td{
/* background:#fa9b4e url("images/cf.png") repeat-x; */
background:#315495 url("images/cf.png") repeat-x;
color:#fff;
font-weight:bold;
}

-------------

#gradient-style-6 {
/*font-family:"Book Antiqa", "Georgia", Sans-Serif;*/
font-size:12px;
width:800px;
text-align:left;
border-collapse:collapse;
margin:200px;
}

#gradient-style-6 th{
font-size:1.4em;
font-weight:bold;
background:#43c0e5 url("images/6.png") repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#fff;padding:8px;
}

#gradient-style-6 td{
font-size:1.1em;
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid #fff;
background:#eef0f0;
/*background:#defa90 url("images/gradback01.png") repeat-x;*/
padding:8px;
}

#gradient-style-6 tfoot tr td{
background:#e8edff;
font-size:12px;
color:#99c;
}

#gradient-style-6 tbody tr:hover td{
/* background:#fa9b4e url("images/curry.png") repeat-x; */
background:#43c0e5 url("images/6.png") repeat-x;
color:#fff;
font-weight:bold;
}

-------------

#gradient-style-650 {
/*font-family:"Book Antiqa", "Georgia", Sans-Serif;*/
font-size:12px;
width:800px;
text-align:left;
border-collapse:collapse;
margin:200px;
}

#gradient-style-650 th{
font-size:1.4em;
font-weight:bold;
background:#d3e842 url("images/650.png") repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#fff;padding:8px;
}

#gradient-style-650 td{
font-size:1.1em;
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid #fff;
background:#eef0f0;
/*background:#defa90 url("images/gradback01.png") repeat-x;*/
padding:8px;
}

#gradient-style-650 tfoot tr td{
background:#e8edff;
font-size:12px;
color:#99c;
}

#gradient-style-650 tbody tr:hover td{
/* background:#fa9b4e url("images/curry.png") repeat-x; */
background:#d3e842 url("images/650.png") repeat-x;
color:#fff;
font-weight:bold;
}

-------------

#gradient-style-750 {
/*font-family:"Book Antiqa", "Georgia", Sans-Serif;*/
font-size:12px;
width:800px;
text-align:left;
border-collapse:collapse;
margin:200px;
}

#gradient-style-750 th{
font-size:1.4em;
font-weight:bold;
background:#9a7edc url("images/750.png") repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#fff;padding:8px;
}

#gradient-style-750 td{
font-size:1.1em;
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid #fff;
background:#eef0f0;
/*background:#defa90 url("images/gradback01.png") repeat-x;*/
padding:8px;
}

#gradient-style-750 tfoot tr td{
background:#e8edff;
font-size:12px;
color:#99c;
}

#gradient-style-750 tbody tr:hover td{
/* background:#fa9b4e url("images/curry.png") repeat-x; */
background:#9a7edc url("images/750.png") repeat-x;
color:#fff;
font-weight:bold;
}
_________

/* MISE EN PLACE DES SLIDES */

.shell { /*width: 940px;*/ width:82%; margin: auto; border-radius: 10px; font-family:uni; }

.slider-holder { /*background: url(images/slider-holder.png) repeat-x 0 0; border-bottom: 1px solid #fff;*/ height: 100%; }
.slider-holder .shell { position: relative; top: 10px; border-radius: 10px; height:100%;}
/*.slider-holder span.t { background: url(images/slider-top.png) no-repeat 0 0; position: absolute; top: -14px; left: 17px; width: 905px; height: 31px; z-index: 100; }
.slider-holder span.b { background: url(images/slider-bottom.png) no-repeat 0 0; position: absolute; bottom: -1px; left: 16px; width: 907px; height: 17px; z-index: 100; }
.slider-holder span.l { background: url(images/slider-left.png) no-repeat 0 0; position: absolute; top: -14px; left: -11px; width: 28px; height: 317px; z-index: 100; }
.slider-holder span.r { background: url(images/slider-right.png) no-repeat 0 0; position: absolute; top: -14px; right: -7px; width: 25px; height: 317px; z-index: 100; }
commenter les background si on decommente les 4 ligns
*/

/* Bouton sous le slider*/
.slider-holder a.slider-btn { width: 237px; height: 67px; padding-top: 17px; background: url(images/slider-btn.png) no-repeat 0 0; text-shadow: rgba(0,0,0,0.5) 1px 1px 2px; text-align: center; position: absolute; bottom: -54px; left: 50%; letter-spacing: -1px; margin-left: -134px;  z-index: 120; display: block; color: #fff; font-size: 14px; font-weight: bold; }
.slider-holder a.slider-btn:hover { text-decoration: none; color: #f49816; }
/*.slider-holder .shell { position: relative; } DOUBLON*/

.flexslider { /*width: 905px;*/ width:100%; height: 309px; position: relative; /*left: 16px;*/ padding-top: 10px; border-radius: 10px; }
.flexslider ul.slides { list-style: none; list-style-position: outside; position: relative; border-radius: 10px; }
.flexslider ul.slides li { float: left; width: 100%; height: 309px; position: relative; z-index: 20; border-radius: 10px;}
.flexslider ul.slides li img { width: 100%; height: 309px; border-radius: 10px; }


/* BOX � l'int�rieur du slider*/

.flexslider .slide-cnt { width: 588px; position: absolute; top: 48px; right: 43px; border-radius: 10px;}
.flexslider .slide-cnt h2 { font-size: 30px; line-height: 23px; color: #fff; font-weight: bold; text-shadow: rgba(0,0,0,0.8) 0 1px 2px; padding-bottom: 18px; }
.flexslider .slide-cnt p { color: #fff; font-size: 12px; font-weight: bold; line-height: 25px; }
.flexslider .box-t { background: url(images/slide-cnt-t.png) no-repeat 0 0; height: 62px; font-size: 0; line-height: 0; text-indent: -4000px; }
.flexslider .box-c { background: url(images/slide-cnt-c.png) repeat-y 0 0; padding: 0px 33px 14px 46px; position: relative; height: 100%; }
.flexslider .box-b { background: url(images/slide-cnt-b.png) no-repeat 0 bottom; height: 15px; width: 588px; font-size: 0; line-height: 0; text-indent: -4000px;   }
.flexslider .box-cnt { float: left; position: relative; margin-top: -30px;  }


.main{ padding-top: 30px; padding-bottom: 25px; }

.cols { padding-bottom: 15px; position: relative; margin-right: -22px; padding-left: 14px; width: 948px; }
.cols .col { width: 278px; float: left; padding-right: 38px; }
.main a img  { display: block; border: 2px solid #fff; width: 274px; height: 156px; margin-bottom: 11px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; }
.main img:hover { -webkit-filter: blur(2px);}
.main h3 { font-size: 20px; line-height: 22px; font-weight: bold; padding-bottom: 10px; }
.main h3 a { color: #000; }
.main p { color: #646458; font-size: 11px; text-align: left; line-height: 22px; padding-left: 3px; }