@charset "iso-8859-1";

/* CSS Document  */

@import url(/css/structure.css); 
@import url(/css/actu.css); 


/* COMMON STYLES */
/*reset d'un certain nombre de styles css par defaut*/
* {
	border: 0;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

table, tr, td {
margin:0;
padding:0;
table-layout: fixed!important;}

a {
margin:0;
padding:0;
display:inline;
color:#f30;
}

/*CSSEditor|structure,global|Zone ext?rieure|notext*/

body {
font-family:"Trebuchet MS", tahoma, sans-serif;
background:#fff url(/images/fond_bas.jpg) no-repeat 47% -45px;
font-size:14px;
}

#super_cont {
background: url(/images/) no-repeat 50% -20px;
height:100%!important;
margin:auto;
}

#contener {
width:980px;
margin:5px auto 0 auto;
background:#fff; }

*html #contener {
width:980px;
overflow:hidden;
}

.clear {
clear:both;}


h4.error {
background:#b00;
color:#fff!important;
font-weight:normal;
padding:2px 5px;
text-align:center;

}

div#radio {
position:absolute;
z-index:10;
top:65px;
left:50%;
margin-left:-490px;
}

  /* ####################### */
 /* ###### Wrapper ######## */
/* ####################### */

#wrap {
width:100%;
background:#fff url(/images/fond_conteneur.png) repeat-y 0px;
clear:both;
padding-bottom:5px;
}



  /* ######################### */
 /* #######  BANNER  ######## */
/* ######################### */


#header{
height:135px;
overflow:hidden;
background:#fff url(/images/frise.jpg) no-repeat 175px 2px;
}

*+html #header{
height:135px;
overflow:hidden;
background:#fff url(/images/frise.jpg) no-repeat 175px 2px!important;
}
*html #header{
height:135px;
margin:0;
border:0px solid red!important;
background:#fff url(/images/frise.jpg) no-repeat 175px 2px;
}

#header_gauche {
float:left;
width:250px;
background:url(/images/logo.png) no-repeat left 3px;
height:125px;
border:0px solid blue;}


#header_droit {
width:39px;
margin-left:941px;
background:url(/images/) no-repeat left 12px;
height:125px;
border:0px solid blue;}

#header #adresse{
float:left;
font-size:12px!important;
width:255px;
padding:0px;
color:#810000;
margin-top:-60px;
line-height:14px;
border: 0px solid white!important;
}

*html #header #adresse{
float:none;
position:absolute;
font-size:16px!important;
width:255px;
padding:0px;
color:#fff;
margin:0;
top:205px;
left:50%;
margin-left:250px;
line-height:16px;
border: 0px solid white!important;
}



  /* #################### */
 /* ###   menu top   ### */
/* #################### */

#header #menu_top {
display:none;
float:left;
border:0px solid yellow;
width:550px;
height:20px;
margin-top:-10px;
margin-left:170px;}

*html #header #menu_top {
position:absolute;
border:0px solid red;
top:125px!important;
left:50%;
margin-left:-300px;
z-index:10!important;
}

#header #menu_top ul li{
float:left;
margin:0 1px 0 1px;
line-height:20px;
padding:0 0px 0 2px;
list-style:none;
width:auto;
}

#adresse .f_adresse {
display:none;}

*html #header #menu_top ul li{
width:80px;}

#header #menu_top ul li.dot{
width:0px;
padding:0;
margin:0 0px;
border:0px solid blue;
background:url(/images/) no-repeat left center;
}

#header #menu_top ul li a{
color:#800;
background:#fff;
font-weight:bold;
display:block;
padding:0 5px!important;
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

#header #menu_top ul li a:hover{
color:#333;
filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;}

#header #menu_top ul li.up{
background:#dfdfdf url(/images/) no-repeat left center;
}

#header #menu_top ul li.up a{
color:#333;
height:41px;
font-weight:bold;
font-style:italic;
background:url(/images/bm_top_d.png) no-repeat top right;
}

#header #menu_top ul li.up a:hover{
color:#333;
}

  /* ###################### */
 /* ######  MAIN  ######## */
/* ###################### */


#main {
min-height:515px!important;
width:650px;
margin-left:175px;
border:0px solid red;
color:#000;
padding-top:5px;
padding-bottom:00px;
overflow:hidden;
}

#main h1 {
color:#810000;
padding-top:10px;
margin:0px 0;
font-size:1.8em;
font-style:italic;
border-bottom:2px solid #e70;
}

#main h2 {
color:#810000;
margin:5px 0;
font-size:1.5em;}

#main h3 {
color:#e70;
margin:5px 0;
font-size:1.4em;}

#main h4 {
color:#e70;
margin:5px 0;
font-size:1.3em;}

#main h5 {
color:#e70;
margin:5px 0;
font-size:1.1em;}

#main h6 {
color:#e70;
margin:5px 0;
font-size:1em;}

#main p {
margin:8px 0;
}

#main img {
position:relative;
top:5px;
left:5px;
padding:0px 5px 5px 0;
margin:5px;}

*html #main img {
background:transparent;}

#main img.no_shade {
background:transparent;
border:0;
padding:0px;
margin:1px;}

#main table {
}

#main ul li {
background:url(/images/) no-repeat left 5px;
padding-left:15px;
margin-left:10px;
list-style:none;
}

#main .info_index {
font-size:18px;
text-align:center;
float:right;
width:230px;
margin-top:5px;
}
#main .info_index li {
height:auto;
height:18px;
margin:0!important;
}
#main .info_index h4 {
font-size:14px;
width:190px;
border:0px solid red;
margin:-10px 0 0 15px;
}

#main .foot_default h2{
width:380px;
padding:10px;
color:#fff;
background:#800;
float:left;
/*margin:15px 5px;*/
border:1px solid red;
}

#main .foot_default h2 em{
font-style:italic;
display:block;
font-weight:normal;
}

#main .foot_default h2 span{
color:#f90;
font-size:28px;
}

  /* ###################### */
 /* ###### Module ######## */
/* ###################### */



#main #module_select {}

#main #module_select #prod_select img{
width:150px;
}

#main #module_select #prod_select.bloc_model {
background:url(/images/bloc_model.png) no-repeat!important;
border:0px solid blue;
}

#main #module_select #sport_select.bloc_sport {
background:url(/images/bloc_sport.png) no-repeat!important;
border:0px solid blue;
}


#main #module_select #prod_select, #main #module_select #sport_select, #main #module_select #taille_select{
width:200px;
float:left;
height:162px;
margin:0 7px;
background:url(/images/fond_mod_bas.png) no-repeat;
}

#main #prod_select, #main #sport_select {
text-align:center;
}

#main #module_select #sport_select{}

#main #module_select #taille_select .from_row{
clear:both;
margin:0;
border:0px solid #666;
padding:0;}

#main #module_select #taille_select label{
text-align:center;
font-size:20px;
color:#800;
line-height:50px;
display:block;
float:right;
height:49px;
width:150px;
border:0px solid red;
overflow:hidden;
}
 
*+html #main #module_select #taille_select label{
width:150px;
text-align:left;
border:0px solid red;
margin-top:-35px;
}


#main #module_select #taille_select input{
margin:20px 10px 0 20px;
}

#main #module_select .ico_ok {
float:left;
margin-left:-40px;
margin-top:125px;
}

#main #module_select #taille_select img{
border:0px solid blue;
height:48px;
margin:-3px 50px 0 0;
padding:0;
width:35px;
float:right;
}
*+html #main #module_select #taille_select img{
margin-top:-50px;}

#main #module_select #taille_select .r_pet img{
background:url(/images/tetes.png) no-repeat 2px -10px;
height:40px;
}

#main #module_select #taille_select .r_moyen img{
background:url(/images/tetes.png) no-repeat -40px -2px;
}

#main #module_select #taille_select .r_grand img{
background:url(/images/tetes.png) no-repeat -90px -2px;
}

#main #module_select {}


#foot_mod fieldset{
clear:both;
border-top:3px solid #800;
width:640px;
padding:2px 5px;}


#foot_mod legend{
font-size:16px;
padding:0 5px;
color:#800;
font-weight:bold;
}
#foot_mod em {
color:#666;
font-style:italic;
}

#foot_mod .f_prix {
float:right;
border:0px solid #654;
}

*+html #foot_mod .f_prix {
width: 300px; margin-top: -20px;
}

#foot_mod .f_prix h2{
text-align:right;
margin:-10px 0 0 10px;
}

#foot_mod .f_prix form{
float:right;
}

#foot_mod .f_prix form a{
font-size:18px;
font-weight:bold;
}

#foot_mod input.input_q {
background:#ddd;
width:40px;
margin:0 10px;
text-align:center;
}

#main h2.titre{
margin:0;
}


/* ######## MAIN HK #############*/

#hk_protect #main img {
margin:2px;
padding:0;
border-right:2px solid #333;
border-bottom:2px solid #000;
border-left:1px solid #ddd;
border-top:1px solid #fff;
}

#hk_protect #main {
height:578px;
overflow:auto;
overflow-x:hidden;
}




/* ######### Main PANIER ############# */

#main_panier .row {
border-bottom:1px solid #666;
border-top:1px solid #666;
margin:5px;
padding-top:10px;
}

.row .supp{
float:right;}


#main_panier .row .img_prod{
float:left;
margin-top:-10px;

}

#main_panier .row .supp form{
float:left;
}

/* ######### Main Enregistrement ############# */

#main.enregistrement {
border:1px solid #ddd;
}
#main.enregistrement .label{
float:left;
width:150px;
display:block;
}
#main.enregistrement .form{
clear:both;
margin:1px;
}
#main.enregistrement textarea{
background:#ccc;
height:100px;
width:306px;
}
#main.enregistrement input{
height:14px;
font-size:12px;
background:#ccc;
width:300px;
}
.f_form input{
width:auto!important;
height:auto!important;}

#main.enregistrement fieldset{
border-top:3px solid #800;
padding:0 10px;
margin:10px 0 0 0;}

#main.enregistrement fieldset legend{
color:#800;
font-size:18px;
font-weight:bold;
padding:0 5px;
float:left;
margin:0 0 0 10px!important;}

#head_commande .etape_up{
margin:5px 2px;
width:180px;
border:0px solid red;
float:left;
}
#head_commande .etape{
width:180px;
margin:5px 2px;
border:0px solid #800;
float:left;
}
#head_commande .etape , #head_commande .etape_up {
font-size:32px;
font-weight:bold;
padding:5px;
background:#f96 url(/images/fond_comm_etape.png);}

#head_commande .etape_up {
background:#fd6;
background:#f96 url(/images/fond_comm_etape_up.png);
}

#head_commande .etape span, #head_commande .etape_up span{
font-size:14px;
display:block;
font-weight:normal;
}

#main.commande_1 .row{
margin:5px;
border-bottom:1px solid #654;
}

#main.commande_1 fieldset {
padding:1px;
border-top :1px solid #800;
}

#main.commande_1 fieldset legend{
color:#800;
margin:0 5px;
padding:0 5px;}

#main.commande_1 .row span{
display:block;
float:left;
width:150px;
text-align:right;
margin:0 5px;
background:#eee;
color:#f60;
}

#main.commande_1 #surimp a{
position:absolute;
top:0;
display:none;
left:0;
z-index:10;
background:#000;
width:100%;
height:100%;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
#main.commande_1 #surimp.deplie a{
display:block;
}


#main.commande_1 #s_cgv{
position:absolute;
background:#fff;
top:20px;
z-index:11;
height:650px;
left:50%;
width:700px;
padding:15px;
display:none;
overflow:auto;
margin-left:-350px;
}
#main.commande_1 #s_cgv.deplie{
display:block;
}

#main.commande_1 {
overflow:auto;
height:575px;
overflow-x:hidden;
}

#main.commande_1 .pt_prod{
clear:both;
float:right;
margin-right:5%;}

#main.commande_1 h4.pt_prod{
margin:0 5%;
color:#d30;
}
#main.commande_1 h4.pt_prod span.info_port{
font-size:90%;
color:#633;
font-weight:;
}
#main.commande_1 h4.pt_prod span div{
font-weight:normal;
color:#f60;
border:1px solid #633;
padding:10px;
}


#main.commande_1 fieldset{
clear:both;}

#main.commande_1 #info_cheque{
border:1px solid #999;
padding:5px;
width:90%;
background:#fed;
display:none;
margin:5px auto;}
#main.commande_1 #info_cheque.deplie{
display:block;
}

#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}
#main.commande_1 {}

/* ######### mon compte ############ */

fieldset.l_commande em{
float:right;
}

fieldset.l_commande .row{
border:0!important;
background:#ddd;}


fieldset.l_commande {}
fieldset.l_commande {}
fieldset.l_commande {}
fieldset.l_commande {}


/* ######### CGV ############ */

#main.cgv {
border:0px solid red;
height:570px;
overflow:auto;
overflow-x:hidden;
}



  /* ###################### */
 /* ###### GAUCHE ######## */
/* ###################### */


#col_gauche h3 {
color:#fff;
clear:both;
border-top:1px solid #f96;
margin:-2px 5px 0 5px;
}
#col_gauche select{
width:150px;
color:#fff;
background:#600;
margin:2px 0 2px 5px;
border-top:1px solid #300;
border-right:1px solid #996;
border-bottom:1px solid #fa9;
border-left:1px solid #400;
}

#col_gauche select option{
padding:0 5px;
}


#col_gauche {
border:0px solid white;
float:left;
width:170px;
overflow:hidden;
background:#bd0926 url(/images/col_gauche.jpg) no-repeat top right;
/*height:585px!important;*/
height:630px!important;
}

#col_gauche #logo {
background:url(/images/) no-repeat center top;}

#col_gauche ul#lpage {
clear:both;
margin:70px 0;}

#col_gauche ul li {
list-style:none;
margin:2px 0 ;
padding:1px 0;
}

#col_gauche ul#lpage li a{
display:block;
color:#fff;
line-height:20px;
margin:0!important;
font-weight:normal;
font-style:normal;
background:url(/images/dot.png) no-repeat center right;
padding-right:30px;
padding-left:5px;
width:130px;
text-align:right;}

#col_gauche ul#lpage li.up {
background:url(/images/fond_mup.png) repeat-x top right;
}

#col_gauche ul#lpage li.up a,#col_gauche ul#lpage li.up a:hover{
background:url(/images/dot_on.png) no-repeat center right;
}

#col_gauche ul#lpage li a:hover{
background:url(/images/dot_up.png) no-repeat center right;
}


#col_gauche ul#type_sport li.picto {
float:left;
width:50px;
height:50px;
margin:1px!important;
padding:0!important;
height:auto!important;
list-style:none;
}

#col_gauche ul#type_sport form {
padding:0!important;
margin:0!important;}


#col_gauche ul#type_sport .picto a span{
display:none;
}

#col_gauche ul#type_sport .picto a:hover span{
display:block;
z-index:1000;
position:absolute;
background:#fff;
padding:5px;
margin:-5px 0 0 -30px;
border:1px solid #000;
}

#col_gauche ul#type_sport .picto a:hover span em{
display:block;
width:200px;
font-weight:normal;
font-size:12px;
line-height:14px;

}

/* ########## Adulte / Junior ################ */

a.adulte_off img {
border:0px solid red;
background:url(/images/b_adulte.png) no-repeat 0 0 ;
width:75px;
height:25px;
}
a.adulte_on img {
border:0px solid red;
background:url(/images/b_adulte_ON.png) no-repeat 0 0 ;
width:75px;
height:25px;
}
a.jun_off img {
border:0px solid red;
background:url(/images/b_junior.png) no-repeat 0 0 ;
width:75px;
height:25px;
}
a.jun_on img {
border:0px solid red;
background:url(/images/b_junior_ON.png) no-repeat 0 0 ;
width:75px;
height:25px;
}

#col_gauche ul li.up a{ background:url(/images/bout_gup.png) no-repeat top left;
}



/* SOUS CAT */

#col_gauche ul.sous_cat li {
list-style:none;
margin:0px 0 0px 0px;
padding:0 0 0 15px;
}

#col_gauche ul.sous_cat li a{
display:block;
color:#000;
font-weight:bold;
font-style:italic;
font-size:14px;
background:url(/images/) no-repeat top left;
height:30px;
line-height:16px;
padding-left:8px;
}


#col_gauche ul.sous_cat li.up a{
background:url(/images/) no-repeat top left;
}



  /* ###################### */
 /* ###### DROITE ######## */
/* ###################### */


#col_droit #connecte {
margin-top:-55px;
background:url(/images/blanc_rond.png);
padding:3px 5px;
position:absolute;
font-size:11px;
width:130px;
height:50px;
}

#col_droit #connecte a{
display:block;
}

#cd_cart {
padding:0 0 0 3px;
border:0px solid red;
background:url(/images/fond_cart.png) no-repeat 0 0;
height:55px;
}

#cd_cart h3 {
color:#000;
font-size:16px;
padding:12px 0 0 20px;
}
#cd_cart.fmain {
margin:20px auto 0 auto;
border:0px solid blue;
width:155px;}
#cd_cart.fmain img, #cd_cart.fmain a{
padding:0!important;
position:static;
float:left;
margin:-1px 2px 0 0!important;
border:0px solid blue;}

#col_droit {
float:right;
height:585px;
width:150px;overflow:hidden;
border:0px solid blue;
background:#fff;
}
#col_panier {
height:50px;
border:0px solid #0f6;}

#col_actu {
height:550px;
border:0px solid #0f6;
background:#df8602 url(/images/col_droite.jpg) no-repeat top left;
padding:0 0 0 1px;
}

#col_actu .actu{
height:380px;

}

div#sep_droite {
height:4px;
margin:-10px 0px 4px -1px;
background:#fff;
}


  /* ########################## */
 /* ###   PARC ### */
/* ########################## */

#parc_ table {
width:90%;
}

#parc_ fieldset {
width:100%;
margin:auto;
padding:5px 10px;
border-top:4px solid white;
}

#parc_ legend {
font-weight:bold;
font-size:16px;
display:block!important;
border:0px solid white;
margin:0px;
padding:0 5px;

}

#parc_ .vignette {
margin:0 0px;
width:95px;
height:80px;
overflow:hidden;
float:left;}

#parc_ .elements .vignette a img {
padding:1px 5px 0 0;
width:82px!important;}

#parc_ .info {
margin:3px 5px;
float:left;
font-size:16px;
font-weight:bold;
width:80%;
}

#parc_ .info p{
border-top:1px solid #d99;
padding:3px;
margin:8px 2px 0 0px;
background:#933;
width:90%;
}

#parc_ .info span{
color:#e96;
font-size:90%;
font-weight:normal;}

#parc_ .ext {
width:80px;
height:65px;
margin:5px;
line-height:65px;
font-size:40px;
text-align:center;
background:#750505;
border-top:1px dotted #faa;
border-right:1px dotted #600;
border-bottom:1px dotted #300;
border-left:1px dotted #933;
}


  /* ########################## */
 /* ###   Acces Part Pro   ### */
/* ########################## */


#pro #b_envoie {
float:right;
margin:-30px 40%;
}

#pro .f_contact input{
background:#ddd url(/images/) repeat-x;
width:350px;
padding:3px;
}

#pro fieldset{
margin-top:10px;
border-top:3px solid #f90;
padding:5px;
}

#pro legend {
color:#f90;
font-size:18px;
padding:0 5px;

}

#pro .label {
font-size:16px;
font-weight:normal;
color:#fd0;
}


  /* ####################### */
 /* #### Contact     ###### */
/* ####################### */

#contact .form {
}

.form input{
background:#ccc url(/images/) repeat-x;
width:250px;
padding:3px;
}
.form2 textarea{
margin-top:-350px;
float:right;
background:#d9d9d9 url(/images/) repeat-x bottom;
width:350px;
height:320px;
padding:3px;
}

.f_form input {
float:right;


}


  /* ####################### */
 /* #### ESPACE PRO  ###### */
/* ####################### */


#espace_pro span.deco {
float:right;
margin-right:5%;}

#espace_pro span.deco a{
color:#f99;}
#espace_pro span.deco a:hover{
color:#fff;}

#espace_pro .row_pro{
border-bottom:1px solid #a66;
background:url(/images/fond_date.png) no-repeat right bottom; 
overflow:hidden; }

#espace_pro .row_pro h4{
margin-left:80px;
height:25px;
line-height:25px;
font-size:25px;
font-weight:normal;
text-indent:30px;
background:url(/images/fleche_gauche.png) no-repeat center left; 
}

#espace_pro .img_part, #espace_pro .img_part2 {
height:60px;
width:60px;
overflow:hidden; }

#espace_pro h1 strong{
color:#fda;
}
#espace_pro h1 em{
color:#fda;
font-size:18px;
font-weight:normal;
font-style:italic;
}

#espace_pro .clear {
clear:none; }

#espace_pro .img_part span.ext {
width:45px;
height:45px;
display:block;
font-size:26px;
color:#fee;
background:#600;
margin:5px;
text-align:center;
line-height:45px; }

#espace_pro #main img.no_shade {
margin-left:0;
padding-left:2px; }

#espace_pro .row_pro .img_part, #espace_pro .row_pro .img_part2{
float:left;
margin:5px 10px; }

#espace_pro .dp_com {
}
#espace_pro h5{
color:#fff!important;
float:right;
margin-top:-20px!important;
margin-right:50px!important;}
#espace_pro h5 em{
font-weight:normal;}

.dp_com a.lnk_info span{
display:none;}

.dp_com a:hover.lnk_info span{
display:block;
position:absolute;
color:#fff;
z-index:10;
border:1px solid #666;
padding:5px;
width:50%;
margin-left:-5%;
margin-top:-5px;
cursor:default;
background:url(/images/img_admin/fond_noir85);}


  /* ######################## */
 /* ####  Bread Crumb  ##### */
/* ######################## */
#breadc {

font-size:11px;
/*color:#fff;*/
color:#006;
width:100%;
border:0px solid;
margin:-8px 0 0 0;
height:16px;
background:#141d5c url() no-repeat 0 0px ;
padding:0px 0 0 0px;
}

#breadc a {display:none;
color:#aff;}

#breadc a:hover {

color:#fff;}

#main #breadc ul li{
float:right;
margin:0 10px;
height:20px;
color:#060;
font-weight:bold;
font-size:12px;
}


#main #breadc ul li a {
color:#060;
display:block;
height:20px;
line-height:20px;
padding:2px;
}

#main #breadc ul li a:hover, #main .breadc li.up a {
color:#ff6;
background:#8a3;
}

  /* ###################### */
 /* ######  foot  ######## */
/* ###################### */

#foot {
width:980px;
clear:both;
margin:auto;
border:0px solid blue;
height:15px;
padding:0;
margin:0;
background:#bd0926 url(/images/) no-repeat 5px top;
}

*html #foot {
background:url(/images/) no-repeat 5px top;
}


#foot #foot_link {
padding:0 30px 0 0;
margin-right:50px;
margin-top:0px;
float:right;
background:url(/images/) no-repeat right center;
}

#foot a{
font-size:12px;
line-height:12px;
color:#fff
}

#foot a.fla span{
position:absolute;
display:none;
color:#fff;
font-size:110%;
background:#333;
padding:15px;
width:200px;
left:50%;
margin-left:250px;
margin-top:-100px;
border:1px solid #faa;}

#foot a.fla:hover span{
display:block;
}

#foot a.fla {
color:#ff0;
}





a.lnk_fb {
background: url(/images/blanc_rond.png) 62px -10px;
    color: #5167A6;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    left: 50%;
    margin-left: 320px;
    position: absolute;
    top: 5px;
    visibility: visible !important;
}
.lnk_fb span{
width:120px;
display:block;
float:left;
}
a.lnk_fb img{
float:left;
margin:5px;
}


#ffgh {
 border: 0 solid red;
    height: 53px;
    left: 50%;
    margin-left: -490px;
    position: absolute;
    top: 75px;
    width: 252px;
}

#ffgh a{
display:block;
width:252px;
height:53px;
background:url(/images/fedehockey.png) no-repeat center;
}