body { padding-top: 170px; }

/*----------div--------------------------------*/
div#logoCatod {
    margin: 10px 20px 0 0;
    padding: 0 20px 0 0;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #000000;
}

div#aide{
    text-align: center;
    margin:15px 30px 0 0;
    padding:2px 20px 0 0;
    height: 56px;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #000000;
    color:#3c6d75;
    font-size: 0.8em;
}

div#menuCmd{
    padding:2px 0 0 0;
    text-align: center;
    margin-top:15px;
    font-size: 0.8em;

}

div.bordure{
    width: 220px;
    height: 220px;
    border-width:1px;
    border-color : #d9d8d8;
    border-style: solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
}

div.outils{
    padding: 10px 10px;
}

div#paveCmd{
    -webkit-box-shadow: 0px 3px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 5px 0 rgba(50, 50, 50, 0.75);
}

.modal-content div.legende { text-align: left; margin: 0 auto; width:50%}

div.panier{
    background-color: #f2f2f2;
    padding:15px;
    font-weight: bold;
    border-width: 0 0 1px 0;
    border-color: #cccccc;
    border-style: solid;
}

div.first {padding-top: 20px;}
div.last {padding-bottom: 15px;}

div#ttal {
    padding:15px;
    background-color: #cccccc;
    font-weight: bold;
}

div.panierValeur{
    font-size: 1.7em;
    font-weight: normal;
    margin: -5px 10px 0 0;
    padding:0;
}

div.livraison{
    font-size: 1.2em;
}
div.total{
    font-size: 2em;
    margin-top:-20px
}
div.noMargeR {
    padding:0;
}

div.ombre{
    -webkit-box-shadow: 0px 3px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 5px 0 rgba(50, 50, 50, 0.75);
}

input.error{
    border-color: #ff931e;
}
label.error{
    color: #ff931e;
    width:100%;
    text-align: left;
}


/*----------------------TABLES---------------------*/





/*---------------listes----------------------*/



/*----------Typo----------------------------------*/

#menuCmd a,#menuCmd a:hover
{
    text-decoration: none;
    color:#FFF;
}
#catodNav a,#catodNav a:hover
{
    text-decoration: none;
    color:#FFF;
}


p.legende{
    color:#989898;
    font-weight: bold;
    margin:0 0 5px 0;
}

p.imgCadenasDblePage{
    margin-top:7px;
    text-align: center;
    width:140px;
    position:absolute;
}

p.imgCadenasSplePage{
    margin-top:7px;
    text-align: center;
    width:70px;
    position:absolute;
}
.bordure p{
    padding:0;
    margin:0;
}


/*----------DIVERS-------------------------*/
#validBtn{display: none}

#paypalbtn{display: none}

.left{
    float : left;
    display: inline
}
.right{ float : right;}


.margeH15{ margin-top:15px;}
.margeH30{ margin-top:50px;}
.margeR15{margin-right:15px;}
.padR15{padding-right:15px;}
.marge15{ margin:15px;}
.marge10{ margin:10px;}
.marge30{ margin:30px;}
.padH15{padding-top:15px;}
.margeGD10{margin : 0 10px;}
.margeB10{margin-bottom: 10px}
.margeD10{margin-right : 10px;}
.bordureD {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #cccbcb;
}

img.selectOff,img.selectOn, img.loupe {
    cursor: pointer;
}

img.ombre{
    -webkit-box-shadow: 0 0 5px 2px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0 0 5px 2px rgba(50, 50, 50, 0.75);
    box-shadow:        0 0 5px 2px rgba(50, 50, 50, 0.75);
}

img.deplace{cursor: move;}

.no-ombre{   -webkit-box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0 0 0 0 rgba(50, 50, 50, 0.75);
    box-shadow:        0 0 0 0 rgba(50, 50, 50, 0.75);}

.modal-content p {
    margin: 15px 0;
}



.centrer{
    margin:0 auto;
}

div.bordure img {

    border-radius: 6px;
}

.theImage img{
    -webkit-box-shadow: 0 0 5px 2px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0 0 5px 2px rgba(50, 50, 50, 0.75);
    box-shadow:        0 0 5px 2px rgba(50, 50, 50, 0.75);

}
.cursor {    cursor: move;}

#moins, #plus {
    font-size: 0.8em;
    margin : 5px;
    padding-bottom:5px;
    cursor: pointer;
}

#pagesMontant{
    font-size: 1.3em;
}

.slide{ display: none}

.blanc{color:#FFF}
/*----------redéfinition Bootstap--------------*/
.modal{
    top:80px;

}
#btnValiderPerso{display:none;}
.modal-content{ padding:15px;
text-align:center}

button.close{
    margin :-30px 5px 0 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
.catodnavbar{
    min-height: 80px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    width:100%;
    max-width: 970px;
    margin: 0 auto;
    top:0;
}

#catodNav {
    background-color: #6dc5d4;
    color: #FFFFFF;
    z-index: 10000;

}
#cmdNav {


    background-color: #FFF;
    color: #4e4d4d;
    z-index: 100;
}

h5{
    margin: 4px 0;
}

h2.rond{
    font-family: Helvetica Neue, Helvetica, Arial;
    border-width: 2px;
    border-style: solid;
    border-radius:50%;
    width:35px;
    height:35px;
    text-align: center;
    font-weight: bold;
    margin:0 auto 5px auto;
    padding: 2px 0;
}

h2.vert{
    border-color: #3c6d75;
    color:#3c6d75;
}
h2.blanc{
    border-color: #FFF;
    color:#FFF;
}
h2.transparent{
    opacity: 0.4;
    filter: alpha(opacity=40);
    /*cursor: pointer;*/

}
h2.roll:hover {
   opacity: 1;
    filter: alpha(opacity=100);
}

button.btn-validation{
    color:#FFF;
    background-color: #4e4d4d;
    font-weight: bold;
}

#cmdNav h3 {
    margin-top:10px;
    margin-bottom: 0;
    font-weight: bold;
}

h3.categorie{color:#989898;}


.colMarge {
    margin : 15px 0;

}

button.btnModif {
    margin-top:15px;
    background-color: #6dc5d4;
}

.control-label{
    text-align: left!important;
margin-left:15px}


.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #6dc5d4; /* black */
}
.tooltip-inner{
    background-color:#6dc5d4;
}
.tooltip.bottom{
    margin-top:10px
}