/* @override http://www.akiproduction.com/css/akiprod-v2.css */

/*  ------------------------------------------------ 
           akiproduction.com 2010-03-31           
  ------------------------------------------------ 
            TAILLES ET FORMES DE TYPOS             
  ------------------------------------------------ 
 couleur de fond, typo du site, taille de base: 10 */


html {
	background-color: #202020;
}

body {
	background-color: #272729;
	color: #ddd;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	margin: 0;
}

a {
	color: #666;
	font-size: 8pt;
	text-decoration: none;
}

#videopreviewindex p a {
	text-decoration: none;
	background: none;
	
}

a:hover {
	color: #bbb;
	text-decoration: underline;
}
a:active, a:focus{
      outline:none;
}

p {
	color: #bbb;
	margin: 0;
	padding: 0;
}

/* Titre de la page (souvant la video) */

h1 {
	color: #9F0;
	margin: 0;
	padding: 10px 0 0;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
}

#titre h1 {
	width: 310px;
}

#titre h2 {
	width: 300px;
	font-size: 12px;
	padding-top: 3px;
text-shadow: rgb(0, 0, 0) 0px 1px 1px;
}

/* Sous-Titre de la page */

h2 {
	color: #818181;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	
	
	
}

/* taille de typo chemins, autres video */
h3 {
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-spacing: normal;
	
}

h5 {
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-spacing: normal;
	
}

/* ------------------------------------------------ 



          VARIANTES ET STYLES DE TYPOS            



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



 Sous titre*/

.soustitre {
	color: #818181;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	
}

/* Chemin blanc */

.chemin2 {
	color: #aaa;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}

/* Description des videos */

.descriptionindex {
	color: #707e98;
	font-size: 12px;
	text-align: left;

}

.descriptionindex2 {
	color: #bbb;
font: 20px/20px 'GreyscaleBasicRegular', Arial, sans-serif;
padding: 0;
	
}

.description1 {
	color: #bbb;
	font-size: 12px;
}

.description2 {
	color: #666;
	font-size: 11px;
	padding: 5px 0 2px 0;
	text-transform: uppercase;
	
}

.description3 {
	color: #aaa;
	font-size: 12px;
}

.description4 {
	color: #666;
	font-size: 12px;
	
	text-align: justify;
}

/* plan du site */

#planindex {

	padding: 0;
	margin: 0 380px 10px 10px ;
	text-align: center;
}


.plan {
	color: #bbb;
	font-size: 20px;
	letter-spacing: -1px;
	text-align: center;
	text-transform: uppercase;
	
}

#description ul {
	list-style-type: square;
	color: #70767a;
	font-size: 16px;
}

.plan2 {
	color: #9F0;
	display: block;
	font-size: 12px;
	margin: 5px 0 0 0;
	text-decoration: none;
	text-transform: uppercase;
		letter-spacing: -1px;
}

.plan3 {
	letter-spacing: -1px;
	margin-right: 0;
	padding: 0;
}

.plan3 a {
	font-size: 12px;
	letter-spacing: 0px;
	margin-right: 0;
	padding: 0;
}

/* menu 1er niveau */

.menu0 {
	color: #666;
	display: block;
	font-size: 10pt;
	letter-spacing: 3px;
	padding: 4px 2px 4px 7px;
	text-transform: uppercase;
}

.menu0 a:visited {
	color: #666;
	font-size: 10pt;
}

.menu1 {
	color: #adadad;
	display: block;
font: 18px/18px 'GreyscaleBasicRegular', Arial, sans-serif;
	margin: 15px 2px 2px 0px;
	padding-left: 7px;
	
	text-transform: uppercase;
}

.menu1 a:visited {
	color: #bbb;
	font-size: 10pt;
}

.menu1select {
	color: #9F0;
}

/* menu 2nd niveau (pas de select car il s'ouvre simplement)*/

.menu2 {
	font-size: 8pt;
	text-transform: uppercase;
}

/* menu 3eme niveau */

.menu3 {
	color: #bbb;
	font-size: 8pt;
	text-transform: uppercase;
}

.menu3select {
	background-color: #9F0;
	color: #101010;
}

/* mentions legales: couleur gris */

.copyright {
	color: #505050;
	font-size: 11px;
	text-align: right;
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;


}

.copyright a:hover {
	text-decoration: none;
}

/* include contact*/

div#contact {

	color: #bbb;
	margin: 0 auto;
	padding: 20px;
	width: 500px;
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  width: 70px;
  line-height: 22px;
  margin: 5px 10px 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #272729;
  background: #d0d0d0;
  border: 1px solid #ccc;
  margin: 5px 0;
}

  

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #fff;
}

input.button {
  cursor: pointer;
  border: none;
  background: url(../design/envoyer.gif) no-repeat left top;
  background-position: left -50px;
  width: 63px;
  height: 25px;
  margin-left: 10px;
  color: #272729;
  font-size: 12px;
}
input.button:hover {
background-position: left 0px;
color: #fff;
}

input.annuler {
  cursor: pointer;
  border: none;
  background: url(../design/annuler.gif) no-repeat left top;
  background-position: left -50px;
  width: 63px;
  height: 25px;
  margin-left: 100px;
  color: #272729;
  font-size: 12px;
}
input.annuler:hover {
background-position: left 0px;
color: #fff;
}

span.required{
  font-size: 13px;
  color: #9F0;
	font-style: italic;
}

.errormsg {
  display: block;

  height: 20px;
  line-height: 22px;
  color: #272729;
  font-weight: bold;
  background: #9F0 ;
  padding: 3px 10px;
  margin: 10px 0;
	-webkit-border-radius: 6px 6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	text-align: center;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}

#contFrm {
	margin-top: 10px;
	margin-bottom: 0;
}

.close a:link{
	cursor: pointer;
	
}

/* ------------------------------------------------ 



            PLACEMENT DES DIV PAR ID              



 ------------------------------------------------ */

div#header-links {
	font-size: 9px;
	margin: 0;
	padding-top: 5px;
	text-align: center;
	background: #202020;
	border-bottom: 1px solid #000;
	height: 30px;
}

#header-links div.wrap form {
	margin: 5px 0 0 0;
	padding: 0;
}

body#thin div#header-links .wrap {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	width: 750px;
}

body#wide div#header-links .wrap {
	color: #666;
	display: block;
	height: 22px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	width: 980px;

}

div#header-links a {
	text-decoration: none;
}

div#header-links a:hover {
	color: #fff;
	text-decoration: none;
}

div#header-links input {
	background-color: #bfbfbf;
	border: 1px solid #000;
	color: #151515;
	font-size: 8pt;
	margin: 0;
	padding: 1px 0 1px 2px;
}

div#header-links input.bouton {
background-color: #242426;
	border: 1px solid #242426;
	color: #6b7e99;
	cursor: pointer;
	margin: 0;
	padding: 1px 3px;
}

div#header-links input.bouton:hover {
	
		background-color: #6b7e99;
	border: 1px solid #000;
	color: #fff;
	font-variant: normal;

}

/* conteneur du site pour centrage */

div#body-bg {
	display: block;
	margin: 0 20px;
	border-top: 1px solid rgb(51, 51, 51);
}

div#body-wrap {
	display: block;
	margin: 0 auto;
	text-align: left;
}

body#thin div#body-wrap {
	margin: 0 auto;
	width: 750px;
}

body#wide div#body-wrap {
	margin: 0 auto;
	width: 980px;
}

/* Header */

div#header {
	display: block;
	height: 75px;
	position: relative;
	background: url(http://www.akiproduction.com/design/header.png) no-repeat;
}

div#header a {
	background: url(http://www.akiproduction.com/design/header.png) no-repeat;
	display: block;
	height: 75px;
	width: 100px;
	
}
div#header a:hover {
	background-position: 0 -75px;
}


/* Menu */

div#menu {
	float: left;
	margin-top: 15px;
	padding: 0 10px;
	width: 175px;
	background-color: #272729;
	margin-bottom: 20px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	

}

div#conteneur {
	float: right;
	width: 765px;
}

/* chemin de la page */

div#cheminpage {
	border-bottom: 1px solid #202020;
	float: none;
	margin-top: auto;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-top: 0;
	width: 745px;
	text-align: right;
}

/* titre de la page */

div#titre {
	clip: rect(auto,auto,auto,auto);
	float: none;
	margin: 0;
	padding-left: 20px;
	width: 745px;
	border-top: 1px solid rgb(51, 51, 51);
}

div#videopreview {
	color: #bbb;
	float: left;
	margin: 10px 0;
	padding: 20px 20px;
	width: 300px;
}

table#infosvideo {
	
/*	padding: 13px 20px; */
}

div#videopreview a {
	color: #6b7e99;
	font-size: 12px;
	text-decoration: underline;
}

div#videopreview a:hover {
	color: #fff;
}

/*  Description */

#description {
	float: right;
	margin-left: 0;
	margin-top: 17px;
	margin-bottom: 20px;
	padding: 13px 20px;
	width: 360px;
	background-color: #272729;
	-webkit-border-radius: 8px 8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

#pageindex #description {
	float: left;
	margin-left: 0;
	margin-top:40px;
	padding: 20px;
	width: 360px;
	
	background-color: #272729;
}

div#videopreviewindex {
	border: none;
	color: #bbb;
	float: left;
	margin: 0;
	padding: 20px 20px 0;
	width: 320px;
}


img#Image2, img#Image1 {
	border: 0;
		margin: 20px 0 0;
}



#contenu {
	left: 50%;
	margin-left: -195px;
	margin-top: -110px;
	position: absolute;
	top: 50%;
}

/*  conteneur des liens de la page */

#baspage {
	float: right;
	width: 765px;
}

#baspageindex {
	float: right;
	padding: 0 20px 10px;
	width: 725px;
}

#flechenav {
	float: right;
	padding: 0 20px 0 0;
	text-align: right;
	width: 725px;
	margin-top: 5px;
	margin-right: 4px;
}


#autresvideo1 {
	border-bottom: 1px solid #202020;
	float: none;
	margin-top: 0;
	padding-bottom: 4px;
	padding-left: 20px;
	width: 745px;
}

#slider1 {
	float: left;
	height: 48px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 20px;
	padding-top: 0;
	width: 745px;
	border-top: 1px solid rgb(51, 51, 51);
}

/* ------------------------------------------------ 



 ShadowBox stylesheet theme 



 ------------------------------------------------ */

#shadowbox_overlay {
	display: block;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 998;
}

#shadowbox_container {
	height: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 999;
}

#shadowbox {
	color: #888;
	display: none;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0 auto;
	position: relative;
	text-align: left;
	visibility: hidden;
}

#shadowbox_title {
	height: 30px;
	overflow: hidden;
	padding: 0;
}

#shadowbox_title_inner {

	font-size: 14px;
	height: 16px;
	line-height: 16px;
	padding: 10px 0 4px 10px;
	white-space: nowrap;
}

#shadowbox_body {
	background: #fff;

	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

#shadowbox_body_inner {
	overflow: hidden;
	position: relative;
}

#shadowbox_loading {
	background-color: #fff;
	height: 10000px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#shadowbox_loading img {
	float: left;
	margin: 10px 10px 0;
}

#shadowbox_loading span {
	float: left;
	font-size: 10px;
	margin-top: 16px;
}

#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited {
	color: #fff;
}

#shadowbox_content.html {
	height: 100%;
	overflow: auto;
	width: 100%;
}

#shadowbox_toolbar {
	height: 26px;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#shadowbox_toolbar_inner {

	height: 26px;
}

#shadowbox_toolbar_inner div {
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	padding-top: 6px;
}

#shadowbox_toolbar_inner div a {
	color: #000;
	text-decoration: none;
}
#shadowbox_toolbar_inner div a:hover {
	color: #fff;
	text-decoration: underline;
}

#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next {
	float: right;
	padding-right: 2px;
}

#shadowbox_counter {
	float: left;
	padding-left: 10px;
}

#shadowbox_counter a {
	padding: 0 4px 0 0;
}

div.shadowbox_message {
	padding: 10px;
	text-align: center;
}

div.shadowbox_message a:link,div.shadowbox_message a:visited {
	color: #bed333;
	text-decoration: none;
}

div.shadowbox_message a:hover,div.shadowbox_message a:focus {
	text-decoration: underline;
}

/* ------------------------------------------------ 



 Mootools tips 



 ------------------------------------------------ */

.tool-tip {
	color: #fff;
	width: auto;
	z-index: 13000;
}

.tool-title {
	background: url(http://akiproduction.com/design/bubble.png) top left;
	color: #6b7e99;
	font-size: 11px;
	font-weight: 700;
	margin: 0;
	padding: 8px 8px 4px;
	
}
.tool-text {
	background: url(http://akiproduction.com/design/bubble.png) bottom right;
	font-size: 10px;
	padding: 0px 8px 8px;
}

/* ------------------------------------------------ 



 Mootools Accordeon 



 ------------------------------------------------ */
.MGroup2 {
	font-size: 12px;
	height: auto;
	text-decoration: none;
	text-align: right;

}
.MGroup2 a {
	color: #707E98;
cursor: pointer;
}
.MGroup {
	font-size: 12px;
	height: auto;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	width: 175px;
}

.MGroup a {
	color: #707E98;
	height: auto;
	cursor: pointer;
	display: block;
	font-size: 12px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-top: 3px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	
}

#indexpage {
	color: #9f0;
	background: none;
}
#clientspage {
	color: #9f0;
	background: none;
}

.MGroup a:hover {
color: #b9d2fe;
	background: #202020 url(../images/plus.png) no-repeat right;
}




.MGroupContent {
	color: #fff;
	display: inline-block;
	font-size: 9px;
	font-weight: 400;
	padding-bottom: 5px;
	text-transform: none;
}

#MSelected,.MFile a:link,.MFile a:visited,.MIndex a:link,.MIndex a:visited {

	color: #909090;
	font-size: 11px;
	margin-right: 8px;
	padding-left: 16px;
	padding-top: 2px;
	text-align: left;
	text-decoration: none;
	
}

.MFile a:hover,.MFile a:active,.MIndex a:hover,.MIndex a:active {

	border-left: 2px solid #9f0;
	color: #fff;
	background: #272729;
	padding-left: 14px;
	
}

#MSelected {
	color: #9f0;
	padding-bottom: 3px;
	padding-top: 3px;
}

.darklink {
	color: #000;
	font-size: 13px;
}

.darklink a:link {
	color: #000;
}

.darklink a:hover {
	color: #000;
	text-decoration: underline;
}

.attention {
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

table#resultatrecherche {
	color: #666;
	padding: 20px;
}

a img,a:hover img {
	border: none;
	padding: 0;
	margin: 0;
	outline: none;
}

h4 {
	background-repeat: no-repeat;
	font-size: 9pt;
	line-height: normal;
	margin: 1pt;
	padding: 0;
	vertical-align: baseline;
	word-spacing: normal;
}

.chemin1,.chemin3 {
	color: #666;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}

.menu0 a:link,.menu1 a:link {
	color: #666;
	display: block;
	font-size: 10pt;
}

.menu0 a:hover,.menu1 a:hover {
	color: #fff;
	text-decoration: none;
}

.menu1 a:link,.menu1 a:link {
	color: #666;
	display: block;
	font-size: 10pt;
}

.menu1 a:hover,.menu1 a:hover {
	color: #fff;
	text-decoration: none;
}

div#page {
	float: right;
	padding-top: 0;
	margin-top: 0;
	width: 765px;
}

div#pageindex {
	float: right;
	padding-top: 0;
	margin-top: 0;
	width: 765px;

}




div#previewcontent,div#delimitation {
	left: 0;
	position: relative;
	top: 0;
	visibility: visible;
}

div#previewplay a:hover,#previewplay a,#previewplay a:link,#previewplay a:visited,#previewplay a:hover,#previewplay a:active {
	background-image: url(http://www.akiproduction.com/design/calqueplay.gif);
	background-repeat: no-repeat;
	left: 0;
	position: relative;
	visibility: visible;
}

#shadowbox_toolbar_inner div span.shortcut,#shadowbox_counter a.shadowbox_counter_current {
	font-weight: 700;
	text-decoration: underline;
}

#description a {
	color: #6b7e99;
	font-size: 12px;
	text-decoration: none;
}

#description a:hover {
	color: #fff;
	text-decoration: none;
	background: #272729;
}
#footer {
	background: #202020;
	clear: both;
	border-top: 1px solid #181818;
	height: 150px;
}

/* =Webkit extra */
a {-webkit-transition-duration: .33s; -webkit-transition-property: color; }
li {-webkit-transition:-webkit-transform .33s linear}
li:hover {-webkit-transform:rotate(-1deg);}



		/* Announce */

	.notice {
		background: #99ff00;
		border-top: 1px solid #2a8ab7;
		border-bottom: 1px solid #2a8ab7;
	}

	.notice div p {
		background: url(img/lightbulb.png) no-repeat;
		padding-left: 30px;
		font-size: 12px;
		line-height: 20px;
		color: #272729;
	text-align: center;
}

	.notice span {
		width: 98%;
		font-size: 15px;
		line-height: 40px;
		color: black;
		padding: .3em;
		text-align: right;
	}
/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     GreyscaleNet
 * @vendorurl:  http://www.greyscale.net
 * @licenseurl: http://www.fontsquirrel.com/license/Greyscale-Basic
 *
 *
 */

@font-face {
	font-family: 'GreyscaleBasicRegular';
	src: url('/fonts/Greyscale_Basic_Regular.eot');
	src: local('GreyscaleBasic Regular'), local('GreyscaleBasic'), url('/fonts/Greyscale_Basic_Regular.woff') format('woff'), url('/fonts/Greyscale_Basic_Regular.ttf') format('truetype'), url('/fonts/Greyscale_Basic_Regular.svg#GreyscaleBasic') format('svg');
}

@font-face {
	font-family: 'GreyscaleBasicItalic';
	src: url('/fonts/Greyscale_Basic_Regular_Italic.eot');
	src: local('GreyscaleBasic Italic'), local('GreyscaleBasic-Italic'), url('/fonts/Greyscale_Basic_Regular_Italic.woff') format('woff'), url('/fonts/Greyscale_Basic_Regular_Italic.ttf') format('truetype'), url('/fonts/Greyscale_Basic_Regular_Italic.svg#GreyscaleBasic-Italic') format('svg');
}

@font-face {
	font-family: 'GreyscaleBasicBold';
	src: url('/fonts/Greyscale_Basic_Bold.eot');
	src: local('GreyscaleBasic Bold'), local('GreyscaleBasic-Bold'), url('/fonts/Greyscale_Basic_Bold.woff') format('woff'), url('/fonts/Greyscale_Basic_Bold.ttf') format('truetype'), url('/fonts/Greyscale_Basic_Bold.svg#GreyscaleBasic-Bold') format('svg');
}

@font-face {
	font-family: 'GreyscaleBasicBoldItalic';
	src: url('/fonts/Greyscale_Basic_Bold_Italic.eot');
	src: local('GreyscaleBasic Bold Italic'), local('GreyscaleBasic-BoldItalic'), url('/fonts/Greyscale_Basic_Bold_Italic.woff') format('woff'), url('/fonts/Greyscale_Basic_Bold_Italic.ttf') format('truetype'), url('/fonts/Greyscale_Basic_Bold_Italic.svg#GreyscaleBasic-BoldItalic') format('svg');
}

span.left {
	float: left;
	margin-left: 20px;
	margin-top: 3px;

	font-size: 11px;
}
span.left a{
	color: #99ff00;
	font-size: 12px;
}