/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#container{
	background: transparent url(images/background01.jpg) no-repeat center 60px;
}

#container2{
	position:relative;
	z-index:13;
}

#catnav{
	width: 605px;
	padding-left:10px;
}

input#s, input.field {
	width:210px;
}


#wrap{
	width:960px;
	margin:auto;
	padding:0;
}

#navigation {
	border-bottom: 5px solid #000;
}

/* PAGES NAVIGATION */
#pagenav  { margin-top: 20px; }
#pagenav a  {
	display:block;
	z-index:100;
	margin: 0 0 10px;
	padding:0 0 2px 15px;
	text-decoration: none;
	text-align: right;
	font-size: 25px;
	font-family: Georgia, Helvetica, arial, sans-serif;
	color: #000;
  }

#pagenav li ul a:link, #pagenav li ul a:visited  { 
	padding: 0 0 0 10px; 
	font-family: Georgia, Arial, sans-serif !important; 
	font-size: 14px; 
	border: none; 
}

#pagenav li.rss a  { padding-right: 25px; }

#pagenav a:hover{background-color: none;}


#cadresociaux  { position: relative; margin: 155px 0 20px 635px; padding: 10px; background-color: #fff; border: 5px solid #efefef;}

#cadresociaux ul {
	list-style: none;
	height:40px;
	line-height: 40px;
}

#cadresociaux ul li{
	float:left;
	margin: 0 8px;
	color:#000;
}

#cadresociaux ul li.twitter  { height:40px; width:32px; }

#cadresociaux ul li a{height:40px; width:32px; display: block;}
#cadresociaux ul li.twitter a  { color: #000; background: #fff url(styles/default/twitter.png) no-repeat right 4px;}
#cadresociaux ul li.facebook a  { color: #000; background: url(styles/default/facebook.png) no-repeat right 4px; }
#cadresociaux ul li.rss a  { color: #000; background: url(styles/default/rss.png) no-repeat right 4px; }

/***************************/

div#background2  {
       position: absolute;
       top: 0;
       width: 100%;
       overflow: hidden;
       z-index: 1;
}

div#background2 div { width: 100%; position: absolute; height: 100%; z-index: 3; }
div#background2 img { width: 100%; z-index: 2; }

#minimenus {
	position:relative;
	height:60px;
	width:960px
}

#minimenugauche {
	position:absolute;
	top:20px; left:15px;
}

#minimenugauche ul, #cadresociaux2 ul{
	list-style-type: none;
	font-family: Arial;
	margin:0; padding:0;
}

#minimenugauche ul li{
	float:left;
	margin-right:20px;
	font-size:11px;
	height:23px;
	line-height:23px;
}

#minimenugauche ul li a{
	text-decoration:none;
	text-transform: uppercase;
	color:#797979;
}

#minimenugauche ul li a:hover{text-decoration: underline;}

#minimenugauche ul li.accueil{
	background: url(/img/maison.png ) no-repeat;
	padding:0 0 0 28px;
}

#minimenugauche ul li.chef{
	background: url(/img/chef.png ) 0 3px no-repeat;
	padding:0 0 0 28px;
}

#minimenugauche ul li.favoris{
	background: url(/img/etoile.png ) no-repeat;
	padding:0 0 0 28px;
}

#minimenugauche ul li.vino{
	background: url(/img/vino.png ) no-repeat;
	padding:0 0 0 28px;
}

#minimenugauche ul li.carte{
	background: url(/img/carte.png ) no-repeat;
	padding:0 0 0 28px;
}

#minimenugauche ul li.lire{
	background: url(/img/coeur.png ) no-repeat;
	padding:0 0 0 28px;
}



#cadresociaux2 {
	position:absolute;
	top:22px; left:855px;
}

#cadresociaux2 ul li{
	float:left;
	height:23px;
	width:24px;
	margin-right:10px;
}

#cadresociaux2 ul li.twitter{
	background: url(/img/twitter.png ) no-repeat;
}

#cadresociaux2 ul li.facebook{
	background: url(/img/facebook.png ) no-repeat;
}

#cadresociaux2 ul li.rss{
	background: url(/img/rss.png ) no-repeat;
}

#cadresociaux2 ul li span{
	display:none;
}

#cadresociaux2 ul li a{
	display:block;
	width:100%; height:100%;
}

#logoTDP {
	position:absolute;
	background: url(/img/logo-TDP.png ) no-repeat;
	width:272px; height:121px;
	z-index:100;
	top:180px;
}

#logoTDP a{
	display:block;
	width:100%; height:100%;
}

/*#photodescription{
	position:absolute;
	top:175px; left:720px;
	color:#666666;
	font-size:13px;
	width:230px; height:30px;
	font-family: Georgia;
	font-style:italic;
}

#photodescription a {
	color:#CCC;
	text-decoration:none;
}

#photodescription a:hover {color:#7b7b7b;}

#navigationphotoentete {
	position:absolute;
	list-style-type: none;
	z-index:75;
	top:200px; left:40px;
}*/

#mygalone{width: 960px; height: 246px; margin-bottom:30px;}

/*preload classes*/

/*.svw {width: 50px; height: 20px; background: transparent;}
.svw ul {position: relative; left: -999em;}*/

/*core classes*/
/*.stripViewer { 
	position: relative;
	overflow: hidden; 
	margin: 0 0 25px; padding:0;
	z-index:20;
	
}*/

/*.stripViewer ul {
	margin: 0;	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}

.stripViewer ul li { 
	float:left;
}

.stripTransmitter {
	overflow: hidden;
	width: 1%;
			height:20px;
			margin-left:30px;
			z-index:40;
			position:absolute;
			top:325px;

}

.stripTransmitter ul {
	margin: 0;
	padding: 0;
	position: absolute;
	list-style-type: none;
	z-index:75;

}

.stripTransmitter ul li{
	width: 20px;
	float:left;
	margin: 0 1px 1px 0;
}

.stripTransmitter a{
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #FFF;
	background: url(/img/carreblanc.png ) no-repeat;
	color: #000;
	text-decoration: none;
	display: block;
}

.stripTransmitter a:hover, a.current{
	background: url(/img/carreblancfull.png ) no-repeat;
	color: #b3354d;
}

.tooltip
{
	padding: 0.5em;
	background: #fff;
	color: #000;
	border: 5px solid #dedede;
}*/



/* Lines below optional for fonts setting*/
 {font-family:Verdana, Arial; font-size:12px; }
 

/* Two lines below setting ToolTips mouseover. You can use only this line. remember add <a class="tooltip" and them url href="http.www.anyurl.com" </a> */
a.tooltip:hover span{font-family:Arial; font-size:11px; display:inline; position:absolute; border:1px solid #828282; background:#f3f3f3; color:#4d4d4c; -moz-border-radius: 4px; -webkit-border-radius: 4px; opacity:90;}
a.tooltip span
{ display:none; padding:5px; margin-top: 40px; width:150px; line-height: 12px;}

#sociaux{
	background-color: #fdf8f0;
	padding:15px 20px 0 20px;
	border:1px solid #F7E1C1;
}

#likebox-frame{
 /*border:2px solid #000;*/
 z-index:10;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
 margin:18px 0;
 border:none;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
  border:none;
  background-color:#FFFFFF;
}