@charset "utf-8";
/* CSS Document */

/*------------------------------------General------------------------------------*/
body{
	background-image: url('http://www.patinagehauteperformance.com/images/bg.png');	
	margin: 0px;
}

object{ 
outline: 0; 
}

tr.dis td {
	color: #CCC;
}

#wrap{
	position: relative;
	margin: auto;
    width: 1000px;
	background-color: #f1f1f1;
    font-family: 'Lucida Grande', Tahoma, Geneva, sans-serif;
	border-left: solid 3px #CFCFCF;
	border-right: solid 3px #CFCFCF;
}

img{
	border: 0px;
}

/* Custom Styling */

input, select {
	border: 1px solid #CFCFCF;
	padding: 4px;	
}

a:link {
	color: #2F2F2F;
	text-decoration: none;
}

a:visited {
	color: #2F2F2F;
	text-decoration: none;
}

a:hover {
	color: #acacac;
	text-decoration: none;
}

/*------------------------------------Header------------------------------------*/
#menu{
	position: absolute;
    top: 388px;
    left: 0px;
    z-index: 1000;

    height: 197px;
    overflow: hidden;
}

#header{
	width: 1000px;
    height: 138px;
    background-color: #FFF;
}

#logo{
	position: absolute;
    top: 6px;
    left: 42px;
    z-index: 2;
	width: 291px;
    height: 230px;
}

#login{
	padding: 20px 0px 0px 690px;
    width: 280px;
    height: 40px;
    font-size: 9pt;
}

#imageHeader{
    width: 1000px;
    z-index:1;
}

/*------------------------------------Content------------------------------------*/
#content{
	overflow: hidden;
    width: 1000px;
	margin-top: 53px;
}

#containerBox{
	float: left;
    width: 305px;
}

.newsBox{
    width: 305px;
    background-image: url("http://www.patinagehauteperformance.com/images/bgNewsBox.png");
    background-repeat: repeat-y;
    margin-top: 25px;   
}

.newsHeader{
	width: 305px;
    height: 71px;
    background-image: url("http://www.patinagehauteperformance.com/images/topNewsBox.png");
    background-repeat: no-repeat;
}

.newsHeader2{
	width: 305px;
    height: 42px;
    background-image: url("http://www.patinagehauteperformance.com/images/topNewsBox2.png");
    background-repeat: no-repeat;
}

.newsText{
	width: 248px;
    background-image: url("http://www.patinagehauteperformance.com/images/bottomNewsBox.png");
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 0px 35px 20px 22px;
}

.elementNews{
    color: #FFF;
    font-size: 14px;
    padding-bottom: 14px;
}

#menuContact{
	margin: auto;
	padding: 40px 0px 30px 0px;
	width: 960px;
}

.elementMenuContact{
	float: left;
}

.imageContact{
	float: left;
	width: 32px;
	height: 32px;
}

.texteContact{
	float: left;
	width: 277px;
	margin-left: 10px;
}

.titreContact{
	padding-top: 3px;
	color: #2F2F2F;
    font-size: 12px;
	font-weight: bold;
}

.titreContact a{
	color: #2F2F2F;
	text-decoration: none;
}

.titreContact a:hover{
	color: #000;
}

.sousContact{
	color: #2F2F2F;
    font-size: 10px;
}

.sousContact a{
	color: #2F2F2F;
	text-decoration: none;
}

.sousContact a:hover{
	color: #000;
}

#fullDiv{
	width: 960px;
	margin: 0px 0px 0px 20px;
}

#fullDiv h1{
	width: 960px;
	font-weight: normal;
    color: #2F2F2F;
    font-size: 18px;
    padding:0;
    margin:0;
	margin-top: 30px;
}

.fullDivP{
	width: 960px;
    text-align: justify;
    color: #2F2F2F;
    font-size: 14px;
    margin-top: 30px;
}

.fullDivImg{
	clear: both;
	width: 960px;
	height: 153px;
	margin-top: 30px;
	border: 1px solid #000;
}

.partners{
    margin-top: 30px;   
    width: 960px;
}

.partnersLogo{
    width: 200px;
    height: 75px;
    float: left;
    border: 1px solid #898989;
    overflow: hidden;
}

.partnersText{
    width: 738px;
    margin-left: 20px;
    float: left;
    text-align: justify;
    color: #2F2F2F;
    font-size: 14px;
}

.partnersText h2{
    color: #2F2F2F;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}

#sideContent{
	float: left;
    width: 285px;
}

#sideContent h1{
	width: 285px;
	font-weight: normal;
    color: #2F2F2F;
    font-size: 18px;
    margin: 0px;
    padding-top: 30px;
}

.sideContentP{
    text-align: justify;
    color: #2F2F2F;
    font-size: 14px;
}

.sideContentP a{
    color: #2F2F2F;
	text-decoration: none;
}

.sideContentP a:hover{
    color: #c4c4c4;
}

#textContent{
	float: left;
    margin: 0px 0px 0px 20px;
    width: 655px;
}

#textContent h1{
	width: 655px;
	font-weight: normal;
    color: #2F2F2F;
    font-size: 18px;
    margin: 0px;
}

.textContentP{
	width: 655px;
    text-align: justify;
    color: #2F2F2F;
    font-size: 14px;
}

#sideContentS{
	float: left;
    width: 206px;
}

#textContentS{
	float: left;
    margin: 0px 0px 0px 20px;
    width: 734px;
}

#textContentS h1{
	width: 736px;
	font-weight: normal;
    color: #2F2F2F;
    font-size: 18px;
    margin: 0px;
    padding-top: 30px;
}

.textContentPS{
	width: 736px;
    text-align: justify;
    color: #2F2F2F;
    font-size: 14px;
    padding-top: 30px;
}

.vignettes{
	width: 204px;
	height: 192px;
	margin: auto;
	border: 1px solid #000;
	margin-top: 30px;
	overflow: hidden;
}

.xText {
	border:1px solid #CFCFCF;
	color:#666666;
	padding: 4px;
	font-size: 11pt;
	font-family: Tahoma, Geneva, sans-serif;
	width: 100%;
}

.xButton {
	height: 38px;
	width: 300px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	color: #999;
	margin-top: 20px;
}

input.xButton:hover {
	color: #333;
}

.xButton2{
	margin-bottom: 10px;
}

legend{
    color: #2F2F2F;
    font-size: 16px;
	font-weight: bold;
}

fieldset{
	background-color: #FFF;
}

table span {
	margin-left: 10px;
	visibility: hidden;
	color: #333;
	font-size: 8pt;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	margin:0 auto;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 71px;
	height: 500px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
	
	cursor: pointer;
}

#kwick_1 { 
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/001.jpg');
	background-repeat: no-repeat;
}
#kwick_2 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/002.jpg');
	background-repeat: no-repeat;
}
#kwick_3 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/003.jpg');
	background-repeat: no-repeat;
}
#kwick_4 { 
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/004.jpg');
	background-repeat: no-repeat;
}
#kwick_6 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/005.jpg');
	background-repeat: no-repeat;
}
#kwick_5 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/006.jpg');
	background-repeat: no-repeat;
}
#kwick_7 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/007.jpg');
	background-repeat: no-repeat;
}
#kwick_8 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/008.jpg');
	background-repeat: no-repeat;
}
#kwick_9 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/009.jpg');
	background-repeat: no-repeat;
}
#kwick_10 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/010.jpg');
	background-repeat: no-repeat;
}
#kwick_11 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/011.jpg');
	background-repeat: no-repeat;
}
#kwick_12 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/012.jpg');
	background-repeat: no-repeat;
}
#kwick_13 {
	background-image:url('http://www.patinagehauteperformance.com/images/kwicks/new/013.jpg');
	background-repeat: no-repeat;
}

.form
{
	margin-bottom:10px;
}

.label
{
	width:170px;
    float:left;
}

.form_desc
{
	margin-left:170px;
    font-size:11px;
    color:#555555;
}

.form_error
{
	color:#bc0d1d;
    border:solid 1px #bc0d1d;
    background-color:#ffe7e7;
    width:100%;
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
}


/*------------------------------------Footer------------------------------------*/
#footer{
	clear: both;
    width: 1000px;
    padding: 30px 0px 30px 0px;
    text-align: center;
    color: #2F2F2F;
    font-size: 10px;
	background-color: #F1F1F1;
}

#footer a{
	text-decoration: none;
    color: #2F2F2F;
}

#footer a:hover{
    color: #acacac;
}
