/* CSS Document */

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#000000;
	background-image:url(../images/background.gif);
	background-repeat:repeat;
	
	color: #FFF;
	font-family: "Lucida Grande", Tahoma, Helvetica;
	font-size: 0.70em;
	text-align: normal;
	
}
#mainpagedegarde {
	margin: 0 auto;
	left: 50%;
	width: 965px;
	height: 100%;
	margin-top: -482,5px; /* moitié de la hauteur */
	margin-left: -495px; /* moitié de la largeur */
	position: absolute;
}

#day{
	height: 20px;
	width: 86px;
	position: absolute;
	left: 838px;
	top: 475px;
}
#month{
	height: 20px;
	width: 86px;
	position: absolute;
	left: 839px;
	top: 509px;
}
#year{
	height: 20px;
	width: 86px;
	position: absolute;
	left: 838px;
	top: 543px;
}
#click{
	height: 20px;
	width: 639px;
	position: absolute;
	left: 153px;
	top: 667px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
#bntvalider{
	height: 20px;
	width: 45px;
	position: absolute;
	left: 806px;
	top: 667px;
}

#main {
	width: 100%;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#newsletter{
	border: 1px solid #FFF;
	height: 150px;
}
#clients{
	position: absolute;
	height: 300px;
	width: 500px;
	left: 152px;
	top: 9px;
}
#whosthat {
	position:absolute;
	width:200px;
	height:115px;
	left: 152px;
	top: 9px;
}
#whoarewe01{
	position: absolute;
	height: 100%;
	width: 567px;
	left: 0px;
	top: 6px;
}
#whoarewe02{
	position: absolute;
	height: 100%;
	width: 567px;
	left: 0px;
	top: 473px;
}
#textewho-are-we{
	position: absolute;
	height: 881px;
	left: 571px;
	top: 6px;
	width: 313px;
}
#unephoto {
	position:absolute;
	width:200px;
	height:115px;
	left: 155px;
	top: 9px;
}
#photo-930 {
	position:absolute;
	width:930px;
	height:100%;
	left: -2px;
	top: 58px;
}
#bio {
	position:absolute;
	width:200px;
	height:115px;
	left: 5px;
	top: 38px;
}
#bio02 {
	position:absolute;
	width:930px;
	height:115px;
	z-index:1;
	left: 5px;
	top: 1601px;
}
#pressetmedia {
	position:absolute;
	width:200px;
	height:115px;
	left: 152px;
	top: 9px;
}
#bar-mobile {
	position:absolute;
	width:200px;
	height:115px;
	left: 152px;
	top: 9px;
}
#display-mobile {
	position:absolute;
	width:200px;
	height:115px;
	left: 152px;
	top: 9px;
}
#fridge-mobile {
	position:absolute;
	width:200px;
	height:115px;
	left: 152px;
	top: 9px;
}
#telechargement {
	position:absolute;
	width:240px;
	height:21px;
	z-index:1;
	left: 652px;
	top: 68px;
}
#telechargement-monin-00 {
	position:absolute;
	width:369px;
	height:21px;
	z-index:1;
	left: 10px;
	top: 2px;
}
#telechargement-monin-01 {
	position:absolute;
	width:757px;
	height:21px;
	z-index:1;
	left: 10px;
	top: 15px;
}
#telechargement-8eme-monde {
	position:absolute;
	width:305px;
	height:21px;
	z-index:1;
	left: 0px;
	top: 0px;
	text-align: left;
}
.a, .a:link, .a:visited, a:hover {
	text-decoration:none;
	color:#FFF;
	
}


.border {
	background-color:#393939;
	width:4px;
	}

.separate {
	background-color:#FFFFFF;
	height:2px;
	}

.right {
	text-align:right;
}

#flashcontent, #flashcontent2, #flashcontent3, #flashcontent4, #flashcontent5, #flashcontent6, #flashcontent7, #flashcontentheader, #flashhomecocktails, #flashhomeblender {
		height: 100%;
	}
	
#flvcontent {
	padding-left:0px;
	width:360px;
	height:288px;
	text-align:center;
	border:1px solid #FFFFFF;
}


form {
	font-size:12px;
	color: #000;
	}
form2 {
	font-size:12px;
	color: #000;
	}	
	
.button_text {

	margin-top:20px;
}
/*------------------------------HEADER------------------------------------*/

#baseline {
	height:88px;
	text-align:center;
	padding-top:0px;
	}

#header {
	padding-top:10px;
	padding-bottom:10px;
	width:955px;
	height:127px;
	}

#pictures {
	float:left;
	width: 520px;
}

#logo {
	float:left;
	width: 180px;
}

#video {
	float:left;
	width: 255px;
}


/*------------------------------NAVIGATION------------------------------------*/

#nav {
	height:80px;
	}
	
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8 {
	float:left;
	}
	
#nav img {
	border:0px;
	}
	
/*---------------------------nouvelle navigation---------------------------*/

/* div item caches par defaut */
.item{
	display: none;
	color: #F00;
}

.lienItem{
	text-decoration: underline;
	color: #F00;
}
 
/* styleOverMenu = style du menu lors de l evenement mouseover */
/* style des liens lors du hover */
.lienItem:hover, .styleOverMenu{
	
	color: #F00;
	/*background-color: #FFF;*/
}
 
/* style du menu lors de l evenement mouseout */
.styleOutMenu{
 
}
.sous-menu {
	color: #F00;
	text-decoration: underline;
}

/*------------------------------CONTENT------------------------------------*/

#content {
	height:auto;
	background-image:url(../images/content_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:0px;
	}
	
#content p {
	padding-right:30px;
	}	
/*------------------------------FOOTER------------------------------------*/

#footer {
	height:25px;
	background:url(../images/footer.gif) no-repeat;
	}
	
	
/*------------------------------IFRAME------------------------------------*/


.framebody   {
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-image:url(../images/content_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-attachment:fixed;
	text-align: left;
	color: #FFF;
	
	}


.framebody a, a:link, a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}

.framebody a:hover {
	text-decoration:underline;
	color:#F00;
	font-family: "Lucida Grande", Tahoma, Helvetica;
	}

.contact  {
	color:#FFF;
	font-size:10px;
	
}


.list   {
	padding-left:50px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:bottom;
	background-attachment:fixed;
	
	}

.list img {
	border:1px solid #666666;
	
	}
	
.list table {
	font-size:10px;
}

.list #equipment img {
	border: none ;
}

.mentions  {
	color:#FFF;
	font-size:11px;
	text-align:justify;
	font-weight:lighter;
	
}

.mentions a, a:hover {
	color:#666666;
}
.framebody #bio #texte-bio p strong {
	color: #FFF;
}
.framebody table tr td h3 strong {
	text-align: left;
}
.framebody table tr td div table tr td h3 strong {
	text-align: justify;
}
.framebody table tr td div table tr td h3 strong {
	text-align: justify;
}
.framebody table tr td div .mentions strong {
	color: #F00;
	font-size: medium;
}
.framebody table tr td div table tr td h3 strong {
	text-align: justify;
}
#mainpagedegarde table tr td table tr td form table tr td p label .majeurindex {
	color: #000;
}