/*
Theme Name: Tvan France
Theme URI: 
Description: Tvan France theme
Author: Altitude Creation
Version: 1.0
License: 
License 
Tags: 
Text Domain:
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
body {
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*hack IE7*/
*+html{overflow-x: hidden;}


/* =Layout
-------------------------------------------------------------- */


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family:Arial, Helvetica, sans-serif;
}

th, td {
	vertical-align: top;
}



/* =Global Elements
-------------------------------------------------------------- */

html, body { 
  height:100%;
  font-size:100%;
}


/* Main global 'theme' and typographic styles */
body {
	background: #807d7b;
}


input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
	padding:0;
}


a:link {
	color: #ccc;
	text-decoration: none;
}
a:visited {
	color: #ccc;
	text-decoration: none;
}
a:active,
a:hover {
	color: #fa6bb8;
	text-decoration: none;
}

.clearboth {
  clear:both;
}

/* =template
-------------------------------------------------------------- */

#wrapper {
  position: absolute;
  bottom: 150px;
  right: 0px;
  width :926px;

}


#mainbox {
  position: absolute;
  bottom: 42px;
  right: 0px;
  width :926px;

}

#main {
  float:left;
  background: #2a2a2a;
  overflow:hidden;  

}

#maincontent {
  color: #fff;
}

#content p:last-child {
  margin-bottom: 0!important;
}

#container {
  background: #2a2a2a;
  color: #fff;
 /*font-size: 0.75em;*/
 font-size: 11px;
}

#content {
  padding: 10px 10px 10px 10px;	
}

.type-projets,
.type-experience {
  width: 400px;
}

.post-sub {
}

.bio-pic {
  padding: 0 0 0 15px;	
}

ul.project-cat {
	float: left;
	margin:0;
	padding:0;
	list-style: none;
}

ul.project-cat li {
	float: left;
	margin:0;
	margin:0 0 0 10px;
	background-color: #424242;
	background-repeat: no-repeat;
	background-position: center 0;
}

ul.project-cat li.pci-first {
	margin: 0px;
}

ul.project-cat li a,
ul.project-cat li a:hover {
	display: block;
	width: 222px;
	padding: 161px 0 3px 0;
	text-decoration: none;
	color: #aaa;
	text-align: center;
}

ul.project-cat li a:hover {
	color: #fff;
}

/* projets yatchs */
ul.project-cat li#pc-12,
ul.project-cat li#pc-106 {
	background-image:url(images/projets-yachts.jpg);
}

/* projets navires a passagers */
ul.project-cat li#pc-13,
ul.project-cat li#pc-105 {
	background-image:url(images/projets-navs2.jpg);
}

/* projets navires a passagers */
ul.project-cat li#pc-170,
ul.project-cat li#pc-171 {
	background-image:url(images/projets-navs3.jpg);
}



ul.bio-short-content {
	float:left;
}

li.bio-short-block {
	float:left;	
	padding: 0 0 0 10px;
}

li.bio-first {
	padding: 0 0 0 0;
}


a.bio-short-link,
div.bio-short-item,
div.bio-short-desc {
	  height: 276px;
}
div.bio-short-item {
	  width:355px;
	  background:#424242;
}

a.bio-short-link {
	width: 155px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image:url(images/spacer.gif);
	display: block;
	float: left;
}

div.bio-short-desc {
  width: 200px;
  float: left;
  overflow: hidden;
}

div.bio-short-desc-txt {
  padding: 5px 10px 5px 10px;	
}

a.bio-link, a.bio-link:hover {
  display: block;
  padding: 14px 0 0 0;
  font-weight: bold;
  color: #ccc;
  text-decoration: none;
  font-size: 1.1em;
}

a.bio-link:hover {
	color: #fff;
}

.bio-txt {
	float: left;
	padding: 0 10px 0 0;
}

.bio-img {
	float: left;
}






ul.bio-block {
	padding: 0 0 0 0px;
	list-style: none;
	margin:0;
	float:left;
}

ul.bio-block li {
	margin: 0 0 0 10px;
	padding:0;
	float:left;
	background-position: center center;
	background-repeat: no-repeat;
	background-image:url(images/spacer.gif);
}

ul.bio-block li a {
	display:block;
	width: 88px;
	height: 260px;
	text-decoration: none;
	background:url(images/plus.gif) right top no-repeat;
}



ul.bio-block li a span {
	display: none;
}







table.address {
	
}

table.address tr td {
	background: #000;
	color: #fff;
	vertical-align: top;
	text-align:left;
	padding:0;
	border-right: 5px solid #2a2a2a;
	
}

table.address tr td:last-child {
	border-right: none;	
}

table.address tr td.row-2 {
	line-height: 0;
}


table.address tr td.row-1,
table.address tr td.row-3 {
	padding: 2px 4px;	
}

table.address tr td.row-3 {
  font-size: 0.9em;
}


.tablepresta tr td {
	padding: 0 0 15px 0;
}

#home-content {
	position:absolute;
	width: 100%;
	height: 100%;
	background: #575553 url(images/bg.gif) 0 0 repeat-x;
	z-index: 99998;
}

#ml {
	position: absolute;
	bottom: 10px;
	left:10px;
	z-index: 99999;
	font-size: 10px;
}

#ml a,#ml a:hover {
	color: #666;	
}

#ml a:hover {
	color: #000;
}


#home-sub {
	position:relative;
	width: 240px;
	height: 234px;
	top: 50%;
	left: 50%;
	margin-top: -117px;
	margin-left:-120px;
}

#anim-logo-box {
	width: 240px;
	height: 200px;
}

.home-logo {
  background:url(images/logo-home.gif) center center no-repeat;
}

ul.lg {
	float: left;
	list-style: none;
	margin:0;
	padding: 10px 0 0 57px;
}

ul.lg li {
	margin:0;
	padding:0 12px;
	float: left;
}


ul.lg li a,
ul.lg li a:hover {
	display:block;
	text-align: center;
	font-size: 11px;
	line-height: 10px;
	padding: 2px 0;
	color: #fff;
	background-image:url(images/menu-line.gif);
	background-position: 0 19px;
	background-repeat: repeat-x;
	height: 15px;
}

li.lg-sel-first {
	background:url(images/home-line.gif) right 1px no-repeat;
}


/* =Menu
-------------------------------------------------------------- */

#navbox {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width :1130px;	
}


#menu-logo,
#secondary-nav,
#access {
  background-color: #424242;
  background-image:url(images/bg-menu.gif);
  background-repeat:repeat-y;
}

#menu-logo {
	background-position: left 0;
}

#access {
  background-position: -210px 0;
}

#secondary-nav {
	background-position: right 0;	
}


#menu-logo {
  width:210px;
  height: 36px;
  float:left;
  position:relative;
}


#menu-logo a {
  width: 130px;
  background: url(images/menu-logo.png) center center no-repeat;
  height: 36px;
  display: block;
  text-decoration: none;
  position:absolute;
  top: 0;
  left: 0;
}

#menu-logo a span {
  display: none;
}

#access {
  float: left;
  margin: 0 auto;
  width: 700px;	
}


#secondary-nav {
  float: right;
}

#secondary-nav,
#access {
  display: block;
}

#access .menu-header,
div.menu,
#secondary-nav .menu-secondary,
div.menu-secondary {	
  font-size: 12px;
}

#access .menu-header,
div.menu {
	width: 700px;
}

#access .menu-header ul,
div.menu ul,
#secondary-nav .menu-secondary ul,
div.menu-secondary ul
 {
	list-style: none;
	margin: 0;
}

#access .menu-header li,
div.menu li,
#secondary-nav .menu-secondary li,
div.menu-secondary li
{
	float: left;
	position: relative;
	padding: 0 10px 0 10px;
	background-image:url(images/home-line.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#access .menu-header li:first-child,
div.menu li:first-child,
#secondary-nav .menu-secondary li:first-child,
div.menu-secondary li:first-child,
#access .menu-header li.first-child,
div.menu li.first-child,
#secondary-nav .menu-secondary li.first-child,
div.menu-secondary li.first-child
{
	background-image: none;	
}



#secondary-nav a,
#access a {
	color: #fff;
	display: block;
	line-height: 36px;
	padding: 0 10px;
	text-decoration: none;
	height: 36px;
	font-size: 11px;
}


#secondary-nav li > a,
#access li > a {
	background-image:url(images/menu-line.gif);
	background-position: 0 36px;
	background-repeat: repeat-x;
}

#access li.current_page_item > a,
#secondary-nav li.current_page_item > a {
	background-position: 0 32px;
}



#secondary-nav ul ul,
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	/*bottom: 36px;*/
	top: 36px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}

#secondary-nav ul ul li,
#access ul ul li {
	min-width: 180px;
	padding: 0;
	background-image: none;
}

#secondary-nav ul ul ul,
#access ul ul ul {
	left: 100%;
	top: 0;
}

#secondary-nav ul ul a,
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}


#secondary-nav li:hover,
#access li:hover {
	/*background: #333;*/	
}


#secondary-nav li:hover > a,
#secondary-nav ul ul :hover > a,
#access li:hover > a,
#access ul ul :hover > a {
	color: #fff;
}


/*
#access li a:hover  {
  margin-top: -3px;
  margin-bottom: 3px; 	
}

#access li ul li a:hover  {
  margin-top: 0px;
  margin-bottom: 0px; 
}
*/

#secondary-nav ul li:hover > ul,
#access ul li:hover > ul {
	display: block;
}

#secondary-nav ul li.current_page_item > a,
#secondary-nav ul li.current-menu-ancestor > a,
#secondary-nav ul li.current-menu-item > a,
#secondary-nav ul li.current-menu-parent > a,

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}


* html #secondary-nav ul li.current_page_item a,
* html #secondary-nav ul li.current-menu-ancestor a,
* html #secondary-nav ul li.current-menu-item a,
* html #secondary-nav ul li.current-menu-parent a,
* html #secondary-nav ul li a:hover,

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}






/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}

/* =Background
-------------------------------------------------------------- */

#backgroundimg {
  position:absolute;
  top: 0px;
  left: 0px;

  overflow:hidden;	
  width: 100%;
  height:100%;
}

img.slide  {
  position:absolute;  
  display: none;
}

/* =Press
----------------------------------------------------------------*/

.press-block {
	margin:0;
	padding:0;
	list-style: none;
	float:left;
}

.press-block li {
	margin:0;
	padding: 0 10px 10px 0;
	float:left;
}

.press-block li a {
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid #fff;
}

.press-block li a img {
	width: 100px;
	height: 100px;
}


/* =Footer
-------------------------------------------------------------- */

#footer {

}

/* = content
-----------------------------------------------------------------*/

#content h1 {
	font-size: 1.2em;
	text-transform:uppercase;
	padding: 0 0 10px 0;
	font-weight: bold;
}

#content h2 {
	font-size: 1.1em;
	padding: 0 0 5px 0;
	font-weight: bold;
}

#content h3 {
	font-size: 1.1em;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #fa6bb8;
}



#content .entry-content {
	text-align: justify;
	line-height: 1.6em;
}

ul.exp-block {
	padding: 0 0 0 0px;
	list-style: none;
	margin:0;
	float:left;
}

ul.exp-block li {
	margin: 0 0 0 10px;
	padding:0;
	float:left;
	background-position: center center;
	background-repeat: no-repeat;
	background-image:url(images/spacer.gif);
}

ul.exp-block li a {
	display:block;
	width: 88px;
	height: 260px;
	text-decoration: none;
	background:url(images/plus.gif) right top no-repeat;
}


ul.exp-block-2 li a {
	height: 328px;	
}


ul.exp-block li a span {
	display: none;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	/*-webkit-text-size-adjust: 120%;*/
}
#site-description {
	-webkit-text-size-adjust: none;
}





/*ipad*/
@media only screen and (device-width: 768px) {
	
 
  #navbox {
    width: 926px;
  }  

  #secondary-nav {
	background-position: -710px 0;	
  }


  #menu-logo {
	width:160px;
  }
  
  .lang-fr {
	width:570px!important; 
  }

  .lang-en {
	width:475px!important; 
  }

}


/*galaxy tab*/
@media (max-device-width: 1280px) {

 
  #navbox {
    width: 926px;
  }  

  #secondary-nav {
	background-position: -710px 0;	
  }

  #menu-logo {
	width:160px;
  }
/*  
  #access {
	width:530px;
  }
*/

  .lang-fr {
	width:570px!important; 
  }

  .lang-en {
	width:475px!important; 
  }

}





/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
}