@charset "utf-8";

	/****************/
	/* CSS Document */
	/****************/
	
	/* general */
	
	body{
		margin:0;
		padding:0;
		font-family: Calibri, Verdana, Geneva, sans-serif;
		font-size:11px;	
		font-weight:bold;
		color:#f475ff;
		background-color:#030707;
	}
	
	img{
		text-decoration:none;
		border:none;
	}
	
	fieldset{
		border:1px solid #2b4080;
		border-radius: 10px;
	}
	
	.button{
		border:1px solid #2b4080;
		border-radius: 5px;
		background-image: url(../img/bouton.png);
		color:#f475ff;
		font-weight:bold;
		width:88px;
		height:22px;
	}
	
	/* Structure */
	
	#frame, #content, #header, #footer{
		width:1024px;
	}
	
	#frame{
		margin:20px auto 20px auto;
	}
	
	#content{
		margin-bottom:30px;
	}
	
	#header{
		height:80px;
	}
	
	#footer{
		text-align:center;
;	}

	/* Menu */
	
	#menu{
		margin-left:174px;
		margin-top:-10px;
		width:850px;
		height:41px;
		font-size:13px;	
	}
	
	#menu .menuText{
		position:absolute;
		margin-top:14px;
		width:627px;
		height:32px;
	}
	
	#menu span{
		margin-left:40px;
		font-size:14px;	
	}
	
	#menu span a{
		text-decoration:none;
	}

	#menu span a:hover, .enable a{
		color:#f475ff
	}
	
	.disable a{
		color:#52a4fa;
	}
	
	/* Header */
	
	.logo{
		width:510px;
		height:86px;
		float:left;
	}
	
	.login{
		width:295px;
		float:right;
		margin-top:5px;
		font-size:13px;	
	}

	.loginText{
		color:#52a4fa;
		text-align:right;
	}
	
	.loginField, .contactField{
		background-color:#676a6a;
		border:0;
	}
	
	.loginField{
		width:250px;
	}
	
	.loginButton{
		float:right;
	}
	
	/* Footer */

	#footer div{
		margin-top:10px;
	}
	
	#footer span{
		height:11px;
	}

	.link, .copy{
		font-weight:bold;
		color:#f475ff;
	}
	
	.link{
		text-decoration:none;
	}

	.link:hover{
		color:#52a4fa;
	}
	
	/* Home */
	
	#homeContent{
		margin-top:-30px;
	}
	
	.home, .homeLogo, .homeCadre, .homeVignette{
		height:150px;
	}
	
	.homeLogo, .homeCadre, .homeVignette{
		float:left;
	}
	
	.home{
		margin-top:30px;
		margin-left:54px;
		width:970px;
	}
	
	.homeLogo{
		margin-left:-40px;
		width:150px;
	}
	
	.homePreview{
		width:200px;
		margin-left:8px;
		margin-top:8px;
		height:134px;
	}
	
	.homeCadre{
		margin-left:50px;
		width:808px;
		border:1px solid #2b4080;
		border-radius: 10px;
		background-color:#111515;
	}
	
	.homeVignette{
		background-color:#2e3131;
		background-image: url(../img/notFound.png);
		margin-left:40px;
		width:216px;
	}
	
	#wdp, #ag, #ctv{
		width: 150px; 
		height: 150px;
		background-repeat: repeat;
        display: inline-block;
        margin-left: 20px;
	}

	#wdp{
        background-image: url(../img/wdpanim.png);
	}
	
	#ag{
        background-image: url(../img/aganim.png);
	}
	
	#ctv{
        background-image: url(../img/ctvanim.png);
	}
	
	/* Contact */

	#contact .contact{
		width:510px;
		margin:auto;
	}
	
	#contact fieldset .coord{
		width:310px;
	}
	
	.contactField{
		width:450px;
	}
	
	/* Affaire's game */
	
	.tab{
		width:576px;
		height:354px;
		font-size:14px;	
		font-weight:bold;
	}
	
	.tabImg{
		width:240px;
	}
	
	.tabPrice{
		font-size:45px;
		height:150px;
	}
	
	.center, .tabTitle, .tabPrice{
		text-align:center;
	}
	
	.tabDescr{
		height:110px;
	}
	
	.tabTitle{
		height:30px;
	}

	/* Video & Slide */
	
	.video{
		display:inline-block;
		border:1px solid #2b4080;
		margin-left:50px;
		float:left;
		width:596px;
		height:374px;
	}
	
	.video, .slide{
		border-radius: 10px;
	}
	
	.videoContent{
		margin-top:10px;
	}
	
	.wdp{
		margin-top:30px;
		margin-left:54px;
		width:970px;
		height:395px;
	}

	.slide{
		margin-left:70px;
		width:892px;
		border:1px solid #763e6e;
		background-color:#111515;
		height:150px;
		margin-bottom:-15px;
	}
	
	.leftArrow, .rightArrow{
		float:left;
		margin-top:57px;
		width:32px;
		height:36px;
	}
	
	.leftArrow, .videoContent{
		margin-left:10px;
	}
	
	.rightArrow{
		margin-left:40px;
	}
	
	/* Error */

	.error{
		color:red;
	}

	/* Signature */

	#signature{
		width:150px;
		float:right;
		font-weight:bold;
		font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
		margin-bottom:20px;
	}

	#signature a{
		text-decoration:none;
	}

	#signature a, #signature a:hover{
		color:white;
	}
	
	#signature a:hover{
		text-decoration:underline;
	}