/* Boite à outils classique : Instanciation de départ et classes utiles */

body{
	margin: 				0px;
	background-color:		#000000;
	font-family:			"Lucida Grande", Helvetica, "Helvetica Neue", Geneva, Arial, sans-serif;
	font-size: 				11px;
	color: 					#999999;
	background-color:		black;
	background-image:		url('images/main/bgHeader.jpg');
	background-repeat:		no-repeat;
	background-position:	top center;
	min-width:				940px;
}

img{
	border:					0;
}

h1, h2, h3, h4, h5, h6 {
	margin:					0px;
	padding:				0px;
	font-weight:			normal;
}

h1{
	font-size:				16px;
	font-weight:			bold;
}

a, a:visited {
	text-decoration:		none;
	color:					#787878;
}

a:hover{
	color:					#3366FF;
	text-decoration:		underline;
}

a:active {
	color:					#FF6600;
}

.cboth{
	height:					0px;
	clear:					both;
}

.separator{
	height:					1px;
	border-top:				1px dotted #262626;
	margin : 				15px 0px;
}

.green{
	color : green;
}

.red {
	color : red;
}

.orange {
	/*color : #FF8C00;*/
	color : #FF7800;
}

.grey{
	color : #777777;
}

.black{
	color : #222222;
}

.validFeedback{
	background-image : url('images/main/tick.png');
	background-repeat : no-repeat;
	background-position : middle left;
	padding-left : 20px;
	min-height : 20px;
	color : green;
}

.errorFeedback{
	background-image : url('images/main/cross.png');
	background-repeat : no-repeat;
	background-position : middle left;
	padding-left : 20px;
	min-height : 20px;
	color : red;
}


/* Début des styles pour le code structurel */


#container{
	min-height: 900px;
	width:		940px;
	margin:		0 auto;
}

	#header{
		height:			100px;
		margin-bottom:	30px;
		vertical-align:bottom;
		text-align:right;
	}

	#content{
	
	}

		#main{
			width:		540px;
			padding:	30px;
			float:		left;
		}
		
			#mainTitles{
				
			}
			
				#mainTitle{
					float:left;
					width:	270px;
					padding-bottom : 30px;
				}
			
				#mainTitlebis{
					float:left;
					width:		270px;
					text-align:	right;
				}
			
			.moviePlayer{
				margin-bottom : 20px;
			}
				
			#titleVideo{
				color:			#FFFFFF;
			}
			
			#dateVideo{
				font-size:		12px;
				color:			#787878;
				font-weight:	bold;
			}
			
			#descriptionVideo{
				font-size:		14px;
				text-align:		justify;
				margin-top : 20px;
			}
			
			#oldVideosBox{
				width:	540px;
				margin : 40px auto 0px auto;
			}
				
				#titleOldVideos{
					font-weight : 		bold;
					font-size :			12px;
					border-bottom : 	1px dotted #262626;
					padding-bottom : 	5px;
				}
				/*540/4 = 135  540 - 4*100 = 140  140/3 -= 46 */
				.oldVideos{
					float:			left;
					width:			100px;
					margin-top:		25px;
					margin-right : 	46px;
				}
				
				.oldVideos h2{
					color:		#FFFFFF;
					font-size:	12px;
				}
				
				.titleOldVideo{
					margin-top : 5px;
				}
				
				.dateOldVideo{
					font-size:	9px;
				}
			
			.storeProducts{
				float:		left;
				width: 		270px;
				text-align : center;
			}
			
			.titleProducts{
				color:		#FFFFFF;
				font-size:	12px;
			}
			
			.productOldPrices{
				color : red;
				text-decoration : line-through;
			}
			
			.productPrices{
				color : #44BB44;
				font-size : 12px;
				font-weight : bold;
			}
		
			#credits{
				text-align : left;
			}	
				.mainTitleCredits{
					color : #FFFFFF;
					font-weight : bold;
					margin-bottom : 15px;
					margin-top : 30px;
				}

				.titleCredits{
					color : #FFFFFF;
					font-weight : bold;
					margin-left : 15px;
					margin-bottom : 15px;
				}

				.subTitleCredits{
					color : #999999;
					margin-left : 15px;
				}

				.nameCredits{
					color : #787878;
					margin-left : 15px;

				}

			#presse{

			}
				#presse a{
					line-height : 60px;
				}
		
		#contact{
			color : #FFFFFF;
		}
			#contact label{
				display: inline-block;
				display : -moz-inline-box;
				line-height: 1.8;
				width : 80px;
				vertical-align: top;
				margin-top : 0px;
				margin-bottom : 10px;
			}
			
			#contentContact{
				width : 400px;
				height : 100px;
			}
		
		#jobs{
		}
		
			#jobs li{
				list-style : none;
			}
			
			#jobs .emphasize{
				color : #FFFFFF;
			}
		
		#storeCart{	
		}
			#storeCart li{
				list-style : none;
			}
		
			#storeCart .cartProduct{
				width : 50%;
				display : inline-block;
				text-align : left;
			}
			
			#storeCart .cartProductQuantity{
				display : inline-block;
				width : 30%;
			}
			
			#storeCart .cartProductQuantity input{
				width : 25px;
				text-align : center;
			}
			
			#storeCart .cartProductTotal{
				width : 18%;
				text-align : right;
				display : inline-block;
			}
			
			#cartRefresh, #cartTotal, #cartConfirm{
				width : 98%;
				text-align : right;
			}
			
			#cartTotal{
				color:		#FFFFFF;
				font-size:	12px;
				padding : 4px 0px;
			}

		#sidebar{
			width:		280px;
			padding:	30px;
			color:		#787878;
			float:		left;
		}
		
		#sidebar form{
			margin-top:	10px;
		}
		
		#sidebar input[type=text]{
			width:		180px;
			font-size:	13px;
		}
		
		
			.titlesSidebar{
				color:		#FFFFFF;
				font-size:	12px;
				font-weight:bold;
				padding-bottom : 8px;
			}
			
			.pollQuestion{
				color:		#FFFFFF;
			}
			
			.formPoll input{
				margin-left:	30px;
			}
			

	#footer{
		text-align:	center;
		width:		880px;
		padding:	30px;
		font-size:	9px;
		color:		#666666;
	}