* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
    font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    background-color: #fff; }

a {color: #000; text-decoration: none;}

#allContent {
padding: 10px 0 0 0;
width: 950px;
margin: 0 auto;
background-color: #fff;}

#mainContent {width: 950px;}

#content {
padding: 10px 0 0 0;
width: 950px;}

#colGauche {
padding: 0 28px 0 0;
float: left;
width: 247px;}

#contenu {
position: relative;
float: left;
width: 675px;}

.zoneTexte ul li,
.zoneTexte ol li {
padding: 0 !important;
list-style-position: inside;}

.zoneTexte a {
text-decoration: underline;
color: #ee8016;}
/******************************************************************************/
/*                                                         Recherche en entête*/
/******************************************************************************/
#recherche {
position: relative;
display: block;
z-index: 40;
color: #ee8016;
font-size: 12px;
font-weight: bold;
text-align: right;
width: 950px;
height: 40px;}

#recherche select {
color: #fff;
border: 1px #666666 solid;
background: #ee8016;
padding: 2px;
font-size: 11px;}

.accesModele {
top: 0;
left: 255px;
width: 200px;
position: absolute;
line-height: 20px;
padding: 0 5px 0 0;
width: 125px;
display: block;
float: left;}

.accesTechnique {
top: 0;
left: 615px;
width: 200px;
position: absolute;
line-height: 20px;
padding: 0 5px 0 0;
width: 125px;
display: block;
float: left;}

#selectModele{
position: absolute;
top: 0;
left: 390px;
width: 200px;
height: 20px;
display: block;
float: left;}

#selectTechnique{
position: absolute;
top: 0;
left: 750px;
width: 200px;
height: 20px;
display: block;
float: left;}

#selectModele h4 a,
#selectTechnique h4 a {
border: 0;
padding: 2px;
width: 196px;
font-size: 12px;
color: #fff;
text-align: left;
display: block;
float: left;
background: #ee8016 url(../../images/flecheBasse.gif) no-repeat 180px 5px;}

#contentMenu1 {
height: 300px;
overflow: auto;
z-index: 50;
background: #fff;
display: block;
width: 195px;
border: 1px #ee8016 solid;}

#contentMenu2 {
z-index: 50;
background: #fff;
display: block;
width: 198px;
border: 1px #ee8016 solid;}

.lstMenu ul {
list-style: none;}

.lstMenu ul li {
border-bottom: 1px #ee8016 solid;
padding: 1px 1px 1px 20px;
width: 150px;
display: block;
text-align: left;}

.lstMenu ul li a {
display: block;
width: 150px;
font-size: 11px;
color: #ee8016;
text-decoration: none;
height: auto;
text-align: left;
padding: 1px;
}

.lstMenu ul li a:hover {
display: block;
color: #fff;
background: #ee8016;}

.lstMenu ul li.sexe {
color: #fff;
background: #666666;
border-bottom: 1px #ee8016 solid;
padding: 1px 1px 1px 5px;
width: 165px;
display: block;
text-align: left;}

.lstMenu ul li.categ {
font-size: 11px;
color: #000;
background: #d4bda5;
border-bottom: 1px #ee8016 solid;
padding: 1px 1px 1px 5px;
width: 165px;
display: block;
text-align: left;}





/******************************************************************************/
/*                                                                  Navigation*/
/******************************************************************************/
#menu {
width: 950px;}

#logo {
float: left;
display: block;
width: 275px;
text-align: right;}

#navigation {
margin: 12px 0 0 0;
float: left;
display: block;
width: 675px;
height: 32px;
list-style: none;}

#navigation li {float: left;}
#navigation li a {display: block;}
#navigation li a span {display: none;}

#navigation li#btn01 a {
background:  url(../../images/btnHomme.gif) no-repeat;
height: 32px;
width: 135px;}

#navigation li#btn02 a {
background:  url(../../images/btnFemme.gif) no-repeat;
height: 32px;
width: 135px;}

#navigation li#btn03 a {
background: transparent url(../../images/btnTechnique.gif) no-repeat;
height: 32px;
width: 135px;}

#navigation li#btn04 a {
background: transparent url(../../images/btnActu.gif) no-repeat;
height: 32px;
width: 135px;}

#navigation li#btn05 a {
background: transparent url(../../images/btnContact.gif) no-repeat;
height: 32px;
width: 135px;}

#navigation li span{
display: none;}

#navigation li#btn01 a:hover,
#navigation li#btn02 a:hover,
#navigation li#btn03 a:hover,
#navigation li#btn04 a:hover,
#navigation li#btn05 a:hover
{background-position: 0 -32px;}


/******************************************************************************/
/*                                                   Nav corpo et Nav Contact*/
/******************************************************************************/
#navCorpo,
#navContact {
margin: 10px 0 0 0;
display: block;
float: right;
width: 170px;
list-style: none;}

#navCorpo li,
#navContact li {
padding: 3px 0 3px 0;
border-bottom: 1px #ee8016 solid;
font-weight: bold;
font-size: 14px;
text-align: right;}

#navCorpo li a,
#navContact li a {
color: #ee8016;
display: block;
text-decoration: none;}

/******************************************************************************/
/*                                                                Fil d'ariane*/
/******************************************************************************/
#ariane {
display: block;
color: #666666;
width: 600px;
margin: 0 0 0 275px;
display: block;
font-size: 11px;}

#ariane a {
text-decoration : none;}





/******************************************************************************/
/*                                                                   Home Page*/
/******************************************************************************/
#blocNouveauteHome {
margin: 0 10px 0 40px;
position: relative;
float: left;
display: block;
width: 514px;
height: 103px;
background: transparent url(../../images/bkgBlocNouveaute.gif) no-repeat;}

#produitHomme a {
position: absolute;
left: 188px;
top: 0;
display: block;
width: 144px;
height: 103px;
background: transparent url(../../images/produitHommeHome.png) no-repeat;
}

#produitFemme a {
position: absolute;
left: 358px;
top: 0;
display: block;
width: 132px;
height: 103px;
background: transparent url(../../images/produitFemmeHome.png) no-repeat;}


#produitHomme span,
#produitFemme span {display: none;}

#blocTechniqueHome {
float: left;
display: block;
width: 327px;
height: 103px;
background: transparent url(../../images/blocTechHome.jpg) no-repeat;}

#blocTechniqueHome a {
display: block;
width: 327px;
height: 103px;
border: 0;}


#blocTechniqueHome span {
display: none;
}

/******************************************************************************/
/*                                                                  Actualités*/
/******************************************************************************/
.pageActualites h1 {
font-weight: bold;
text-transform: uppercase;
color: #ee8016;
margin: 10px 0 10px 0;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 10px;}

.pageActualites h2{
font-weight: bold;
text-transform: uppercase;
color: #000;
margin: 10px 0 10px 0;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 10px;}

.pageActualites #contenu img{
padding: 3px;
float: right;}


.date {
font-weight: bold;
color: #ee8016; }

.actu {
    border-bottom: 1px #ee8016 solid;
    padding-bottom: 10px;
    margin-bottom: 10px;}

.btnSuite a {
display: block;
width: 100px;
margin: 5px 0 0 0; font-weight: bold;}

.btnSuite a:hover {
color: #ee8016;}

.pageActualites #btnRetour {
font-weight: bold;
display: block;
float: right;}

.actu img {
padding: 3px;
float: right;}



/******************************************************************************/
/*                                                      Page Corpo - Generique*/
/******************************************************************************/
.pageCorpo h1,
.pageForm h1 {
font-weight: bold;
text-transform: uppercase;
color: #ee8016;
margin: 10px 0 10px 0;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 10px;}

.pageCorpo h2,
.pageForm h2 {
margin: 15px 0 5px 0;
color: #ee8016;
font-size: 16px;}

.pageCorpo h3 {
margin: 10px 0 10px 0;
color: #ee8016;
font-size: 16px;}


.pageCorpo p,
.pageForm p {
padding: 0 0 5px 0;}

.pageCorpo ul {
list-style: inside;}

.pageCorpo li {
color: #ee8016;}

.pageCorpo .txtNoir {color: #000;}

.pageCorpo img.right {float: right;
padding: 10px;}

.pageCorpo img.left {
display: block;
float: left;
padding: 5px;}



/******************************************************************************/
/*                                                 Page Corpo - Page Technique*/
/******************************************************************************/
.video {
margin: 15px 0 0 0;
text-align: right;
width: 175px;
display: block;
float: left;}

.pictoVideo {
float: right;
display: block;
padding: 5px 0 10px 0;}

.pictoCoupe a {
margin: 50px 0 0 0;
width: 200px;
height: 183px;
float: right;
display: block;
padding: 5px 0 10px 0;
background: transparent url(../../images/pictoCoupe.jpg) no-repeat;
}

.pictoCoupe a span {
display: none;
}

.pageTech #contenu {
position: relative;
float: left;
width: 660px;}

.pageTech h1 {
font-weight: bold;
text-transform: uppercase;
color: #ee8016;
margin: 10px 0 10px 0;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 10px;}

.pageTech #bigShoe {
float: left;
position: relative;
display: block;
width: 660px;
height: 580px;
float: right;
background: transparent url(../../images/bigShoeTech.jpg) no-repeat right top;}

.pageTech #bigShoe span {
display: none;}

.pageTech #legendes {
display: block;
width: 300px;
list-style: none;
font-size: 11px;
position: absolute;
left: 0px;
top: 10px;
z-index: 10 !important;}

.pageTech #legendes ul {
list-style: none;}

.pageTech #legendes li{
color: #000;
margin: 0 0 4px 0;
padding: 0 0 0 26px;}


#legendes li.n1 {
line-height: 21px;
background: transparent url(../../images/n1.gif) no-repeat;}
#legendes li.n2 {
line-height: 21px;
background: transparent url(../../images/n2.gif) no-repeat;}
#legendes li.n3 {
line-height: 21px;
background: transparent url(../../images/n3.gif) no-repeat;}
#legendes li.n4 {
line-height: 21px;
background: transparent url(../../images/n4.gif) no-repeat;}
#legendes li.n5 {
line-height: 21px;
background: transparent url(../../images/n5.gif) no-repeat;}
#legendes li.n6 {
line-height: 21px;
background: transparent url(../../images/n6.gif) no-repeat;}
#legendes li.n7 {
line-height: 21px;
background: transparent url(../../images/n7.gif) no-repeat;}
#legendes li.n8 {
line-height: 21px;
background: transparent url(../../images/n8.gif) no-repeat;}
#legendes li.n9 {
line-height: 21px;
background: transparent url(../../images/n9.gif) no-repeat;}
#legendes li.n10 {
width: 150px;
background: transparent url(../../images/n10.gif) no-repeat;}
#legendes li.n11 {
width: 150px;
background: transparent url(../../images/n11.gif) no-repeat;}
#legendes li.n12 {
line-height: 21px;
background: transparent url(../../images/n12.gif) no-repeat;}
#legendes li.n13 {
line-height: 21px;
background: transparent url(../../images/n13.gif) no-repeat;}
#legendes li.n14 {
line-height: 21px;
background: transparent url(../../images/n14.gif) no-repeat;}
#legendes li.n15 {
line-height: 21px;
background: transparent url(../../images/n15.gif) no-repeat;}

.blocTech {
display: block;
float: left;
width: 300px;
margin: 20px 15px 10px 0;}

.blocTech ul {
list-style: inside;}

.blocTech h3 {
padding: 3px 0 3px 0;}
.blocTech p{text-align: left;}
.blocTech p img{float: right;}

/******************************************************************************/
/*                                           Page Corpo - Page Qui sommes nous*/
/******************************************************************************/


dl.event
{padding: 0;
}

.event dt
{position: relative;
left: 15px;
top: 15px;
width: 5em;
font-size: 14px;
font-weight: bold;
color: #ee8016;
}

.event dd
{border-left: 1px solid  #ee8016;
margin: 0 0 0 70px;
padding: 0 0 .5em .5em;
}


table {
border: 1px #ee8016 solid;
border-collapse: collapse;
width: 500px;
}
th {
border: 1px #ee8016 solid;
width: 120px;
padding: 5px;
}

td {
border: 1px #ee8016 solid;
width: 120px;
padding: 5px;
text-align: center;
}


/******************************************************************************/
/*                                                    Page Resultats Recherche*/
/******************************************************************************/
.pageResultats .pages a {text-decoration: underline;}


.pictoTech {
margin: 0 0 10px 0;
text-align: right;
color: #ee8016;
font-weight: bold;
font-size: 14px;
display: block;}


.modHomme,
.modFemme {
border-bottom: 1px #ee8016 solid;
margin: 10px 0 10px 0;
width: 660px;
display: block;
float: left;
font-weight: bold;
font-size: 28px;
color: #ee8016; }

.pageResultats .reponses {
text-decoration: none;
color: #666666;
font-weight: bold;
text-align: center; }




/******************************************************************************/
/*                                                                  Page Gamme*/
/******************************************************************************/
#catalogue a {
float: right;
display: block;
background: transparent url(../../images/pictoCatalogue.gif) no-repeat;
height: 100px;
width: 175px;
}

#catalogue span {
display: none;}






#blocSecuH {
float: left;
display: block;
background: transparent url(../../images/imgSecuHomme.jpg) no-repeat;}

#blocSecuAgroH {
float: left;
display: block;
background: transparent url(../../images/imgSecuAgroHomme.jpg) no-repeat;}

#blocSecuTravailH {
float: left;
display: block;
background: transparent url(../../images/imgTravailHomme.jpg) no-repeat;}

#blocSecuF {
float: left;
display: block;
background: transparent url(../../images/imgSecuFemme.jpg) no-repeat;}

#blocSecuAgroF {
float: left;
display: block;
background: transparent url(../../images/imgSecuAgroFemme.jpg) no-repeat;}

#blocSecuTravailF {
float: left;
display: block;
background: transparent url(../../images/imgTravailFemme.jpg) no-repeat;}


#blocSecuH a,
#blocSecuF a,
#blocSecuAgroH a,
#blocSecuAgroF a,
#blocSecuTravailH a,
#blocSecuTravailF a {
display: block;
float: left;
width: 225px;
height: 144px; }

#blocSecuH h2,
#blocSecuF h2,
#blocSecuAgroH h2,
#blocSecuAgroF h2,
#blocSecuTravailH h2,
#blocSecuTravailF h2 {
width: 225px;
height: 144px;}


#blocSecuH h2 span,
#blocSecuF h2 span,
#blocSecuAgroH h2 span,
#blocSecuAgroF h2 span,
#blocSecuTravailH h2 span,
#blocSecuTravailF h2 span {
display: none;}

.titreSecuAgro {
margin: 10px 0 10px 0;
display: block;
width: 670px;
height: 38px;
background: transparent url(../../images/titreSecuAgro.gif) no-repeat;}

.titreSecuAgro span {
display: none;}

.titreSecu {
margin: 10px 0 10px 0;
display: block;
width: 670px;
height: 38px;
background: transparent url(../../images/titreSecu.gif) no-repeat;}

.titreSecu span {
display: none;}

.titreSecuTravail {
margin: 10px 0 10px 0;
display: block;
width: 670px;
height: 38px;
background: transparent url(../../images/titreTravail.gif) no-repeat;}

.titreSecuTravail span {
display: none;}

.blocShoes {
margin: 0 5px 5px 0;
float: left;
text-align: center;
display: block;
width: 160px;}

.blocShoes .picto {
text-align: left;
margin: 0 0 5px 0;
}

.blocShoes .imgProduit {
width: 160px;
position: relative;
display: block;
height: 160px;
}

.blocShoes .imgProduit img {
position: absolute;
left: 0;
bottom: 3px;
}


.blocShoes .nomProduit {
width: 160px;
height: 24px;
background: transparent url(../../images/bkgNomProduit.gif) no-repeat;
}


.blocShoes .nomProduit a {
padding: 4px 0 0 0;
text-align: center;
display: block;
font-weight: bold;
font-size: 14px;
color: #fff;
}

/******************************************************************************/
/*                                                                Page Produit*/
/******************************************************************************/
.globalLayerTech {
position: absolute;
left: 1px;
top: 250px;
z-index: 50;
width: 674px;
display: block;
}

#layerSemelle {
position: absolute;
left: 1px;
top: 300px;
z-index: 50;
width: 674px;
display: block;}

.layerTech {
padding: 20px;
width: 634px;
display: block;
background: transparent url(../../images/bkgLayerTech.gif) repeat-y;}

.layerTech img {float: right;}

.btnFermerTech a {
margin: 0 0 0 10px;
display: block;
float: right;
width: 76px;
height: 32px;
background: transparent url(../../images/btnFermerTech.gif) no-repeat;}

.btnFermerTech span {
display: none;}

.layerTech h3 {
font-size: 16px;
margin: 10px 0 10px 0;
display: block;
color: #000
}

.basLayerTech {
width: 674px;
height: 10px;
display: block;
background: transparent url(../../images/basLayerTech.gif) no-repeat;}

#blocProduit {
width: 675px;
position: relative;
display: block;}

#visuelShoe  {
margin: 20px 0 10px 0;
float: left;
width: 675px;
display: block;}

#colorShoe a {
margin: 10px 0 10px 0;
border: 0;
float: left;
width: 175px;
display: block;}

#blocPictos {display: block;
float: left;
width: 270px;}

#blocParaxe a {
margin: 0 0 0 20px;
height:59px;
width: 91px;
display: block;
float: left;
background: transparent url(../../images/pictoParaxe.gif) no-repeat;}

#blocParaxe span {
display: none;
}

#blocDetailSemelle {
border: 1px red solid;
z-index: 80;
position: relative;
padding : 10px;
float: right;
display: block;
width: 263px;}

#colDetail {
position: absolute;
right: 0;
top: 0;
z-index: 10;
width: 283px;
display: block;
float: right;}

#btnRetourGamme a {
padding: 3px 0 0 0;
font-weight: bold;
text-align: center;
color: #fff;
display: block;
float: right;
width: 283px;
height: 22px;
background: transparent url(../../images/btnRetourGamme.gif) no-repeat;
}

#btnPrecedent a,
#btnSuivant a{
padding: 3px 0 0 0;
font-weight: bold;
text-align: center;
color: #fff;
display: block;
float: right;
width: 133px;
height: 22px;
background: transparent url(../../images/btnPrecedent.gif) no-repeat;
}

#btnPrecedent a{
margin: 0 16px 0 0;
}

#blocDetail {
z-index: 80;
position: relative;
padding : 10px;
float: right;
display: block;
width: 263px;
background: transparent url(../../images/bkgBlocDetail.gif) no-repeat;}

#blocDetail .zoneTxt {font-size: 11px;}








.btnMasquer a {
margin: 0 0 10px 0;
display: block;
width: 263px;
height: 21px;
background: transparent url(../../images/btnMasquer.gif) no-repeat;}

.btnMasquer span {
display: none;}

.btnAfficher a {
position: absolute;
left: 10px;
top: 61px;
margin: 0 0 10px 0;
display: block;
width: 263px;
height: 21px;
background: transparent url(../../images/btnAfficher.gif) no-repeat;}

.btnAfficher span {
display: none;}


#blocDetail h3 {
margin: 0 0 5px 0;
text-transform: uppercase;
font-size: 18px;
color: #9357a9;}

#blocDetail h5 {
margin: 5px 0 5px 0;
font-size: 12px;}

#blocDetail ul {
margin: 10px 0 10px 0;
list-style: none;}

.ficheTechnique a {
display: block;
background: transparent url(../../images/puceFicheTechnique.gif) no-repeat;}

.conformite a {
display: block;
background: transparent url(../../images/puceConformite.gif) no-repeat;}

.CE a {
display: block;
background: transparent url(../../images/puceCE.gif) no-repeat;}

.photoHD a {
display: block;
background: transparent url(../../images/pucePhotoHD.gif) no-repeat;}

.ficheTechnique a,
.conformite a,
.CE a,
.photoHD a {
margin: 0 0 3px 0;
font-weight: bold;
padding: 0 0 0 25px;
display: block;
height: 15px;}

.btnDemandeDevis {
border: 0;
margin: 0 0 08px 0;
float: right;
font-size: 11px;
font-weight: bold;
color: #ee8016;
padding: 8px 0 8px 20px;
width: 145px;
height: 35px;
display: block;
background: transparent url(../../images/btnDemandeDevis.gif) no-repeat;}


#piedBlocDetail {
position: absolute;
left: 0;
bottom: 0;
clear: both;
display: block;
width: 283px;
height : 11px;
background: transparent url(../../images/bkgPiedDetail.gif) no-repeat;}


/******************************************************************************/
/*                                                                Page Contact*/
/******************************************************************************/

fieldset {border: 1px #ccc solid; padding: 10px; margin: 10px 0 10px 0;}

legend {font-size: 12px; font-weight: bold; color: #ff8800; padding: 0 10px; background-color: #fff;}

input, textarea, select {
font-size: 11px;}

.lineForm input {width: 180px; border: 1px #ee8016 solid;}

.lineForm input.radio {width: 20px; border: 1px #ee8016 solid;}
.lineForm input .btnradio {font-size: 11px;}


.lineText textarea {width: 350px; height: 80px; border: 1px #ee8016 solid;}

.pageContacts .noSize {width: auto; border: 0;}

.lineForm,
.lineCheck,
.lineSubmit,
.lineText {margin-bottom: 8px;}

.lineCheck {padding-left: 150px;}
.lineSubmit {padding-left: 253px;}

.lineForm label,
.lineText label {
    display: block; float: left;
    text-align: right;
    padding-right: 3px; width: 150px;}

#emailFound {margin-bottom: 10px;}

.mentions,
.obligatoire {font-size: 10px; line-height: 12px;}

.btnForm {font-weight: bold; padding: 0 10px;}
.btnValider {margin-left: 250px;}

#errMsg,
.validation-advice {
   display: block; background-color: #ee8016;
   color: #fff; font-weight: bold; margin-top: 10px;
   padding: 2px 10px;}

#blocSearchMail .lineForm {float: left;}

#blocSearchMail p {float: left; width: 650px;}
#blocSearchMail .lineForm {width: 80%; clear: none;}

#blocSearchMail .lineForm label {width: 100px; padding-top: 3px;}
.required {color: #000;}

.blocEmailFound {
    border: 1px #ee8016 solid; padding: 10px;
    margin-bottom: 20px;}


.btnValider {
border: 0;
margin: 0 0 08px 0;
float: right;
font-size: 12px;
font-weight: bold;
color: #ee8016;
padding: 4px 0 8px 0;
width: 145px;
height: 35px;
display: block;
background: transparent url(../../images/btnValider.gif) no-repeat;}

/******************************************************************************/
/*                                                          Page Representants*/
/******************************************************************************/
.blocRepresentant {
height: 170px;
margin: 0 10px 10px 0;
padding: 5px;
float: left;
display: block;
width: 310px;
border: 1px #ee8016 solid;}
.carte {display: block;
float: right;}

/******************************************************************************/
/*                                                                      Footer*/
/******************************************************************************/
#footer {
margin: 20px 0 0 0;
text-align: right;
font-size: 11px;
display: block;
width: 950px;}

#footer #sousNav{
text-align: right;
height: 50px;
display: block;}

#footer .navBasse {
line-height: 20px;
font-weight: bold;
padding: 5px 0 5px 0;
border-top: 1px #ee8016 solid;
border-bottom: 1px #ee8016 solid;
width: 950px;}

#footer .navBasse a {
padding: 0 0 3px 0;
color: #ee8016;
font-weight: bold;
font-size: 14px;}

#footer .navBasse a:hover {
color: #666666;}