/*  
Theme Name:Médoc touristique
Theme URI: 
Description: Theme par Squale Prod.
Version: 1.4
Author: Pascal E
Author URI: 
	This theme was designed and built by Pascal E.

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/



body {background: url(images/body-bg.gif) repeat;;
	font: 11px/150% "Verdana", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	margin: 0px;
	color:#000000;
	padding:0;
}

/*------------>>>---HEADER AREA---<<<-----------*/
#head h1 {float:right; margin-top:15px;padding:2px}

.date {position:absolute;right:10px;color : #6f6f6f;}


/*------------>>>---LANGUES---<<<-----------*/
#langage {position:absolute;margin-top:20px}
#langage ul {list-style-type:none;margin:0;padding:0}
#langage li {
	margin-top:2px;
	padding:0;
	float:left;
	display:block;
	width:80px;
}
#langage a{
	line-height: 11px ;
	color: #000 ;
	text-indent:22px ; /* On décale le texte de xpx du bord gauche */
	text-decoration: none ;
	float:left;
	display:block;
	background-repeat:no-repeat;
}
a.fr
{
	background-image:url(images/fr.gif);
	background-position:0 0;
	
}

a.fr:hover, li.current a.fr
{
	background-position:0 -11px;

}
 a.gb
{
	background-image:url(images/gb.gif); /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	background-position:0 0;
}

a.gb:hover, li.current a.gb
{
	background-position:0 -11px;
}


/*------------>>>---NAVIGATION---<<<-----------*/


#navcontainer {position:absolute;top:325px;margin:0 0 0 340px;width:640px;z-index:1001}

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("images/menu-bg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 120px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer li#active { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }

/*------------>>>---SHOWCASE---<<<-----------*/
*{padding:0; margin:0;}
.showCase {background: url(images/showcase0.jpg) 0px 0px no-repeat;}
a.accueil {display:block;width: 330px;height:300px;}


#showcase_wrapper {
	width: 100%;
	background: #fff url(images/body-cote-bg.jpg) repeat-x top center;
}

#showcase_wrapper_front {
	height: 300px;
	width: 976px;
	margin: 0px auto;
	background:url(images/showcase_bg.jpg) repeat-x top center;
	overflow: hidden;
}

#showcase_wrapper_front .showCase,
#showcase_wrapper_front .showCaseInactive {
	width: 330px;
	height: 300px;
	float: left; margin:0 2px;
	overflow: hidden;
	cursor:pointer;
	display:inline;
}

#showCase1,#showCase2,#showCase3,#showCase4,#showCase5 {
	margin-left: 26px;
}		

.readMore {
	display: block;
	position: relative;
	top: 260px;
	float: right;
	color: #444;
	padding: 5px 7px;
	text-decoration: none;
	background: #fff;
}

#showcase_wrapper_front .showCaseInactive .readMore {
	display: none;
}

/*------------>>>---CONTENT AREA---<<<-----------*/

#wrap {background: url(images/wrap-bg.png) repeat-y;}
#content {color : #3F3F3F;line-height:1.8em;text-align:justify;line-height:1.5em;
	padding: 0px 10px 0 10px;
	margin-top:10px;
		display:inline;
	}
	
#subContent{
	width:200px;
	padding:30px 10px 0;
	margin:0 10px;
	float:left;
	display:inline;
}
#subContent li a{
	padding-top:70px;
	width:200px;
	font-size:1.1em;
	display:block;
	text-align:center;
	margin-bottom:30px;
	color:#9F0031 !important;
}
#subContent li.plan a{
	background:url(images/plan-picto.jpg) top center no-repeat;
}
#subContent li.activites a{
	background:url(images/activites-picto.jpg) top center no-repeat;
}
#subContent li.contact a{
	background:url(images/tarif-picto.png) top center no-repeat;
}

.gallery{margin:0 auto;padding:5px;width:700px;text-align:center}
.gallery a.gallery_item img {border:1px solid #ccc;padding:10px 5px;margin:2px;background:#fff}
.gallery a.gallery_item:hover img {border:1px solid #000;margin:2px;}




.imgfloatleft {float:left;padding:0 10px 10px 0}
.imgfloatleft img,.imgcenter img,.imgfloatright img{padding:2px;border:1px solid #ccc}

.imgfloatright {float:right;padding:0 0px 20px 20px}
.imgcenter {margin:5px}




/* footer area */
#footer {background: url(images/footer-bg.png) no-repeat;
	margin : 0px auto;
	width:1000px;
	height : 30px;
	color : #666;
	font-size : 10px;
	padding-top : 0px;
}

#copyright {
	text-align:center;color:#6F6F6F;
	padding:0px;
	margin-top : 2px;
}


/* credits */
#credits {text-align:center;
	padding-left: 10px;
	font-size: 80%;color:#8f8f8f
	}
#credits a, #credit a:visited {
	color: #048db4;
}

#w3c{text-align:center;padding:5px}

.rss {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

#imageMenu, #imageMenuMini{
	float:left;
}