/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, em, font, img, small, strike, strong,
sub, sup, b, u, i, center, dl, dt, dd, ul, ol, li,
form, input, select, option, textarea, fieldset, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	outline: 0;
	
}
img{
	border: none;
}
ol, ul{
	list-style-type: none;
}
:focus{
	outline: 0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
body{
	font-family: helvetica, arial, sans-serif;
	background: #fff url(../images/bg-menu.jpg) center top no-repeat;
}
.txt-bold{
	font-weight: bold;
}
.clear{
	clear: both;
}

label {
	font-family: helvetica,arial,sans-serif;
	font-size: 12px;
	color: #666;
}

/* HEADER */
div#header{
	position: relative;
	height: 147px;
	width: 990px;
	margin: 0 auto;
}
div#header div#btn-social{
	position: absolute;
	top: 5px;
	right: 270px;
}
div#header a#logo{
	text-indent:-9999px;
	height: 121px;
	width: 340px;
	display: block;
	float:left;
	background: url(../images/logo-top.png) left top no-repeat;
	margin-top: 10px;	
}
div#search-form{
	position: absolute;
	right: 0;
	top:0;
	background: url(../images/bg-search.png) left top no-repeat;
	width: 240px;
	height: 40px;
	z-index: 9000;
	padding-top: 10px;
	padding-left: 20px;
}
div#search-form input#search-field{
	width: 190px;
	height: 20px;
	line-height: 20px;
	background: url(../images/search-field.gif) left top no-repeat;
	border: none;
	font-size: 12px;
	color: #999;
	padding: 0 5px;
	float: left;
}
div#search-form input#search-btn{
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(../images/search-btn.gif) center center no-repeat;
	border: none;
	float: left;
	margin-left: 5px;	
}
div#header ul#menu-top{
	float: right;
	border-left: 1px solid #fff;
	height: 147px;	
}
div#header ul#menu-top li{
	height: 147px;
	border-right: 1px solid #fff;
	float: left;
	font-family: Oswald, sans-serif;
	font-weight: 300;	
}
div#header ul#menu-top li a{
	display: block;
	height: 46px;
	line-height: 46px;
	margin-top: 100px;
	padding: 0 15px;
	text-decoration: none;
	color: #666;
}
div#header ul#menu-top li a:hover{
	background: url(../images/menu-top-over.gif) left bottom repeat-x;
}
/* CONTENU */
div#container{
	width: 990px;
	margin: 0 auto;
}
div#container ul#menu-right{
	float: left;
	width: 220px;
	background: url(../images/bg-menu-right.jpg) center bottom no-repeat;
	text-align: center;
	padding: 20px 0;
}
div#container ul#menu-right li a{
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(../images/sep-menu-right.jpg) center bottom no-repeat;
	font-family: Oswald, sans-serif;
	font-weight: 400;
	text-decoration: none;
	color:#999;		
}
div#container ul#menu-right li:last-child a{
	background: none;
	padding-bottom: 0;	
}
div#container ul#menu-right li a:hover{
	color:#f90;
}
div#contenu{
	width: 760px;
	float: left;
	margin-left: 10px;
	padding-top: 30px;
}
div#contenu div#bloc-txt{
	border: 1px solid #ddd;
	padding: 20px;
	background: #fff;
}
div#contenu div#bloc-txt h1{
	font-size: 24px;
	color:#f90;
	font-family: Oswald, sans-serif;
	font-weight: normal;
	background: url(../images/title-line.jpg) left bottom no-repeat;
	padding-bottom: 10px;
}
div#contenu div#bloc-txt p{
	color:#666;
	font-size: 12px;
	padding-top: 15px;	
}
div#contenu div#bloc-bas{
	background:#eee url(../images/bg-bloc-bas.jpg) left top no-repeat;
	padding: 36px 0 15px 0;
}
div#contenu div#bloc-bas div.bloc-rond{
	width: 233px;
	padding: 0 10px;
	float: left;
	text-align: center;	
}
div#contenu div#bloc-bas div.bloc-rond h2.tit-bloc{
	width: 130px;
	height: 105px;
	padding: 48px 10px 0 13px;
	color: #fff;
	font-family: Oswald, sans-serif;
	font-size: 18px;
	text-align: left;
	margin: 0 auto;
	font-weight: normal;
	text-transform: uppercase;		
}
div#contenu div#bloc-bas div#bloc1 h2.tit-bloc{
	background: url(../images/bg-bloc1.gif) left top no-repeat;
}
div#contenu div#bloc-bas div#bloc2 h2.tit-bloc{
	background: url(../images/bg-bloc2.gif) left top no-repeat;
}
div#contenu div#bloc-bas div#bloc3 h2.tit-bloc{
	background: url(../images/bg-bloc3.gif) left top no-repeat;
}
div#contenu div#bloc-bas div.bloc-rond p{
	font-size: 12px;
	color:#666;
	padding: 15px 0;
}
div#contenu div#bloc-bas div.bloc-rond a.btn-bloc-bas{
	font-family: Oswald, sans-serif;
	font-weight: 300;
	font-size: 14px;	
	text-decoration: none;
	color:#666;
	background: url(../images/btn-bloc-bas.png) center center no-repeat;
	width: 115px;
	height: 40px;
	margin: 0 auto;
	display: block;
	line-height: 40px;
}
div#contenu div#bloc-bas div.bloc-rond a.btn-bloc-bas:hover{
	color:#f90;	
	background: url(../images/btn-bloc-bas-over.png) center center no-repeat;	
}

/*PAGE CONSOLES*/
div#contenu div#bloc-txt ul.lst-consoles{
	position: relative;
	clear: both;
	height: 160px;
	width: 700px;
	margin: 20px auto 0 auto;
}
div#contenu div#bloc-txt ul.lst-consoles li{
	float: left;
	height: 158px;
	width: 158px;
	border: 1px solid #ccc;
	margin-right: 20px;
}
div#contenu div#bloc-txt ul.lst-consoles li:last-child{
	margin-right: 0;
}
div#contenu div#bloc-txt ul.lst-consoles li a.mosaic-overlay h4{
	font-family: Oswald, sans-serif;
	font-weight: 400;
}
/* PAGE CONTACT */
div.contact-form{
	position: relative;
	float: left;
	font-family: helvetica,arial,sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 15px;
}
div.contact-form input{
	border: 1px solid #ccc;	
}
div.contact-form input.btn-radio{
	border: 0;	
}
div#contact-form-left{
	width: 280px;
	padding-top: 25px;	
}
div#contact-form-left label.lb-genre{
	position: relative;
	bottom: 2px;
	margin: 0 25px 0 3px;
}
div#contact-form-left label.lb-txt{
	clear: both;
	display: block;
	margin: 20px 0 5px 0;	
}
div#contact-form-left input.txt-field{
	width: 244px;
	padding: 0 2px;
	font-size: 12px;
	color:#666;
	font-family: helvetica,arial,sans-serif;
	height: 18px;
	line-height: 18px;
}
div#contact-form-right{
	width: 407px;
	padding-left: 30px;
	border-left: 1px solid #ccc;
}
div#contact-form-right label.lb-txt{
	clear: both;
	display: block;
	margin-bottom: 5px;
}
div#contact-form-right input.txt-field{
	margin-bottom: 20px;
	width: 404px;
	padding: 0 2px;
	font-size: 12px;
	color:#666;
	font-family: helvetica,arial,sans-serif;
	height: 18px;
	line-height: 18px;
}
div#contact-form-right textarea{
	width: 404px;
	padding: 0 2px;
	font-size: 12px;
	color:#666;
	font-family: helvetica,arial,sans-serif;
	border: 1px solid #ccc;
	height: 150px;
}
div#contact-send{
	clear: both;
	text-align: right;
	padding-top: 20px;
}
div#contact-send input{
	font-family: Oswald, sans-serif;
	font-weight: 300;
	font-size: 14px;	
	text-decoration: none;
	color:#666;
	background: url(../images/btn-bloc-bas.png) center center no-repeat;
	width: 115px;
	height: 40px;
	margin: 0 auto;
	border: 0;
	line-height: 40px;
	cursor: pointer;	
}
div#contact-send input:hover{
	color: #f90;
	background: url(../images/btn-bloc-bas-over.png) center center no-repeat;		
}
div#bloc-bas div#contact-bas-left{
	float: left;
	width: 261px;
	padding-left: 20px;
	padding-bottom: 20px;
}
div#bloc-bas div#contact-bas-right{
	float: left;
	padding: 0 20px 0 55px;
	width: 400px;
	font-size: 12px;
	color: #666;
	font-family: helvetica,arial,sans-serif;	
}
div#bloc-bas div#contact-bas-right h4{
	font-family: Oswald, sans-serif;	
	font-weight: normal;
	color: #f90;
	font-size: 18px;
	padding-bottom: 15px;
	line-height: 18px;
}
div#bloc-bas div#contact-bas-right p{
	padding-bottom: 10px;
}
div#bloc-bas div#contact-bas-right p a{
	text-decoration: underline;
	color: #00acee;	
}
div#bloc-bas div#contact-bas-right h5{
	font-size: 14px;
	padding: 10px 0 10px 0;	
}

/* PAGE PANNES */
div#contenu div#bloc-txt h1.tit-pannes{
	font-size: 18px;
}
div#contenu div#bloc-txt img#img-console{
	float: left;
	border: 1px solid #ccc;
	width: 158px;
	height: 158px;
	margin: 15px 25px 15px 0;
}
div#contenu div#bloc-txt div#accordion{
	clear: both;
}
div#contenu div#bloc-txt div#accordion h3{
	font-size: 12px;
	font-weight: bold;
	color: #888;	
}
div#contenu div#bloc-txt div#accordion h3.ui-state-hover,div#contenu div#bloc-txt div#accordion h3.ui-state-active{
	color: #454545;	
}
div#contenu div#bloc-txt div#accordion div.ui-accordion-content{
	padding: 20px;
}
div#contenu div#bloc-txt div#accordion div.ui-accordion-content p{
	padding: 0;
}
/* FOOTER */
div#footer{
	background-color:#00acee;
	color:#fff;
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
	clear: both;
}
div#footer a{
	color:#fff;	
}
div#footer p{
	padding-top: 10px;	
}