* {
	margin:0;
	padding:0;
	outline:none;
}

body {font-family:Arial, Helvetica, sans-serif; background:url(../gfx/fd.gif);}

p{color:#fff;font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:normal;}
a, img{border:0;outline:0; font-family: Arial, Helvetica, sans-serif;}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:none;}

h1,h2,h3,h4,h5,h6{font-family: Arial, Helvetica, sans-serif;}

.db{display:block;}
.di{display:inline;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both}

.txt{text-indent:-9999px;}
.Right05{margin-right:5px;}
.Right10{margin-right:10px;}
.Right15{margin-right:15px;}
.Right20{ margin-right:20px;}
.Right30{ margin-right:30px;}
.Right40{ margin-right:30px;}

.Left10{margin-left:10px;!important; margin-left:5px;}
.Left15{margin-left:15px;!important; margin-left:7px;}
.Left20{margin-left:20px;!important; margin-left:10px;}
.Left30{margin-left:30px;!important; margin-left:15px;}
.Left40{margin-left:40px;!important; margin-left:20px;}
.Left50{margin-left:50px;!important; margin-left:25px;}

.Bottom03{ margin-bottom:3px;}
.Bottom05{ margin-bottom:5px;}
.Bottom10{ margin-bottom:10px;}
.Bottom15{ margin-bottom:15px;}
.Bottom20{ margin-bottom:20px;}

.Top05{ margin-top:05px;}
.Top10{ margin-top:10px;}
.Top20{ margin-top:20px;}

.auto{margin: 0 auto}

.relative{ position:relative;}
.absolute{ position: absolute;}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*Contenu ////////////////////////////////////////////////////////////////////////////*/

#contentGenerale{width:100%;height:690px;display:block;background:url(../gfx/fd.jpg) top center no-repeat;padding-top:10px;}
#content{width:980px;height:680px;margin: 0 auto;display:block;position:relative;}

.colGauche{width:774px;height:680px;}
.colDroite{width:206px;height:680px;}

.colGauche a.logo{width:290px;height:112px;background:url(../gfx/logo.png) no-repeat bottom right!important; background:url(../gfx/logo.jpg) no-repeat bottom right; display:block;margin-bottom:8px;}
	.colGauche .blocCentral{width:774px;height:380px;}
		.colGauche .blocCentral .colGaucheInt{width:186px;height:380px;margin-left:10px;}
			.colGauche .blocCentral .colGaucheInt h1
			{overflow:hidden;width:116px;height:117px!important; height:77px;background:url(../gfx/h1-avec-ou-sang.png) no-repeat;display:block;margin-bottom:26px; padding:50px 35px 0 35px; font-size:26px;}
.colGauche .blocCentral .colGaucheInt .sansTicket {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../gfx/sans-ticket.jpg) no-repeat scroll 0 0;
height:167px;
margin-bottom:26px;
width:185px;
}
			
			
			.colGauche .blocCentral .colGaucheInt p
			{overflow:hidden;width:136px;height:94px;background:url(../gfx/fd-description-video.jpg) no-repeat;padding:25px;display:block;margin-bottom:9px;}
			.colGauche .blocCentral .colGaucheInt .textfield
			{
			width:153px;
			height:20px;
			background:url(../gfx/textfield.gif) no-repeat;
			border:0;
			margin-left:25px;
			font-size:9px;
			color:#000;
			line-height:20px;
			padding-left:5px;
			}
			.colGauche .blocCentral .colDroiteInt{width:560px;height:375px;margin-left:8px;}
			.colGauche .blocCentral .colDroiteInt .goodiesFd{width:560px;height:340px; background:url(../gfx/fd-goodies.jpg) no-repeat; padding-top:10px;}
			.colGauche .blocCentral .colDroiteInt .goodiesFd .content{overflow:auto; padding:15px 40px!important; padding:20px; display:block; height:285px; width:475px!important; width:510px;}
			.colGauche .blocCentral .colDroiteInt .goodiesFd .content h2{ display:block; font-size:14px; color:#fff;}
			
			.colGauche .blocCentral .colDroiteInt .aSavoir{width:551px;height:310px; background:url(../gfx/fd-a-savoir.jpg) no-repeat; padding:30px 0 0 9px;}
			.colGauche .blocCentral .colDroiteInt .aSavoir p{color:#000; font-size:13px;}
			.colGauche .blocCentral .colDroiteInt .aSavoir p span{color:#d01920; background:url(../gfx/bullet.gif) no-repeat 0 5px; padding-left:10px;}
			.colGauche .blocCentral .colDroiteInt .aSavoir ul{width:90px;height:228px; display:block; float:left;}
				.colGauche .blocCentral .colDroiteInt .aSavoir ul li{width:90px;height:64px; list-style:none; display:block; text-indent:-9999px;}
				.colGauche .blocCentral .colDroiteInt .aSavoir ul li a{width:90px;height:64px; display:block; background:url(../gfx/menu-a-savoir.jpg) no-repeat;}
				.colGauche .blocCentral .colDroiteInt .aSavoir ul li a.casque{ background-position:0 0;}
				.colGauche .blocCentral .colDroiteInt .aSavoir ul li a:hover.casque, .colGauche .blocCentral .colDroiteInt .aSavoir ul li #btn1.active{ background-position:-90px 0;}
				.colGauche .blocCentral .colDroiteInt .aSavoir ul li a.tenue{ background-position:0 -82px;}
				.colGauche .blocCentral .colDroiteInt .aSavoir ul li a:hover.tenue, .colGauche .blocCentral .colDroiteInt .aSavoir ul li #btn2.active{ background-position:-90px -82px;}
				.colGauche .blocCentral .colDroiteInt .aSavoir ul li a.bienvu{ background-position:0 -164px;}
				.colGauche .blocCentral .colDroiteInt .aSavoir ul li a:hover.bienvu{ background-position:-90px -164px;}
			#txt1, #txt2, #txt3{width:415px;height:300px; display:none; position:absolute; right:30px; top:30px;}
			#txt1{ display: block;}


.colGauche .partage{width:186px;height:139px;background:url(../gfx/partage.jpg) no-repeat;}
.colGauche .partage.off{visibility:hidden;}			
	.colGauche .partage ul{width:171px;height:132px;padding-top:3px;}
		.colGauche .partage ul li{width:171px;height:33px;list-style:none;display:inline;}
			.colGauche .partage ul li a{width:171px;height:33px;background:url(../gfx/partage-links.jpg) no-repeat;text-indent:-999px;display: block;}
				.colGauche .partage ul li a.link1{background-position: 0 0;}
				.colGauche .partage ul li a:hover.link1{background-position: -171px 0;}
				.colGauche .partage ul li a.link2{background-position: 0 -33px;}
				.colGauche .partage ul li a:hover.link2{background-position: -171px -33px;}
				.colGauche .partage ul li a.link3{background-position: 0 -66px;}
				.colGauche .partage ul li a:hover.link3{background-position: -171px -66px;}
				.colGauche .partage ul li a.link4{background-position: 0 -99px;}
				.colGauche .partage ul li a:hover.link4{background-position: -171px -99px;}
				
.videos{width:191px;height:170px;}
	.videos a.titres {background:url(../gfx/bullet-links.png) no-repeat 0 0; color:#000; font-size:12px; padding-left:20px; display:block;overflow:hidden;height:15px;}
	.videos a.titres.on {background-position:0 -18px;}
	.videos p {color:#000; font-size:8px; padding-left:20px; display:block;}
	
.colGauche a.hautParleur{width:158px;height:152px; background: url(../gfx/haut-parleur.jpg) no-repeat 0 0;}
.colGauche a:hover.hautParleur{background-position:0 -152px;}

.colDroite .boutons{width:206px;height:142px;background: url(../gfx/fd-boutons.jpg) no-repeat top right; }
	.colDroite .boutons a.goodies, .colDroite .boutons a.goodiesSelect{width:76px;height:63px; background:url(../gfx/bt-goodies.jpg) no-repeat; top:9px; left:21px;}
		.colDroite .boutons a:hover.goodies, .colDroite .boutons a.goodiesSelect{background-position:0 -63px;}
	.colDroite .boutons a.warning, .colDroite .boutons a.warningSelect {width:76px;height:60px; background:url(../gfx/bt-warning.jpg) no-repeat; bottom:9px; left:21px;}
		.colDroite .boutons a:hover.warning, .colDroite .boutons a.warningSelect{background-position:0 -60px;}		
	.colDroite .boutons a.power{width:48px;height:125px; background:url(../gfx/bt-power.jpg) no-repeat; top:15px; right:22px;}
		.colDroite .boutons a.power.off{background-position:0 0;}
		.colDroite .boutons a.power.on{background-position:-48px 0;}
		
.colDroite .liens{width:195px;height:141px;background: url(../gfx/fd-liens.jpg) no-repeat top right; padding:34px 0 0 11px}
	.colDroite .liens a{ display:block; text-align:center; color:#000; font-size:11px; text-decoration:none;}
		.colDroite .liens a:hover{text-decoration:underline;}
	.colDroite .liens a.prevention{width:189px;height:49px;background: url(../gfx/liens.jpg) no-repeat 0 0;}
	.colDroite .liens a.assureurs{width:189px;height:59px;background: url(../gfx/liens.jpg) no-repeat 0 -49px;}
			
a.btPartager{width:76px;height:20px;background: url(../gfx/bt-partager.gif) no-repeat; margin-right:25px!important; margin-right:10px;}
