/* ============ HEADER ==== */

#header {
display:inline-block;
width:100%;
background-image:url('./Design/Albert_bandeau.jpg');
background-size:100%;
background-repeat:no-repeat;
text-align:center;
margin:0;
padding:0
}

h1 {
display:inline-block;
position:relative;
width:220px;
margin:25px 0;
padding:0
}

h1 img {
width:100%;
height:auto
}

#introduction {
display:inline-block;
width:100%;
background-color:white;
font-size:0;
text-align:center;
margin:0;
padding:15px 0 40px 0
}

#cc_wrap {
display:inline-block;
position:relative;
width:100%;
background-color:#e7e7e7;
font-size:0;
text-align:center;
margin:0;
padding:25px 0
}

.cc_pageTitle {
display:inline-block;
width:100%;
font-weight:700;
font-size:24px;
color:black;
margin:10px 0 20px 0;
padding:0
}

/* ============ FIRST STEP ==== */

#etapeClic a {
display:inline-block;
width:auto;
text-transform:uppercase;
margin:0 15px 0 0;
padding:8px 14px
}

#etapeClic a:hover {
display:inline-block;
width:auto;
text-transform:uppercase;
text-decoration:none;
margin:0 15px 0 0;
padding:8px 14px
}

a.etapeClicOn, .etapeClicOn {
color:#5F5F5F;
border:solid 1px #5F5F5F
}

a.etapeClicOn:hover, .etapeClicOn:hover {
color:#9B9B9B;
border:solid 1px #9B9B9B
}

a.etapeClicOff, .etapeClicOff {
color:#9B9B9B;
border:solid 1px #9B9B9B
}

a.etapeClicOff:hover, .etapeClicOff:hover {
color:#5F5F5F;
border:solid 1px #5F5F5F
}

/* ============ WRAP BOUTIQUE ==== */

.cc_contentMid {
display:inline-block;
width:70%;
max-width:1200px;
margin:0 auto;
padding:0 5px
}

#commande {
display:inline-block;
vertical-align:top;
width:63%;
margin:0 2% 0 0;
padding:0
}

#commande > section {
display:inline-block;
width:100%;
margin:0;
padding:0
}

#commande > section > section {
display:inline-block;
width:100%;
background-color:white;
margin:0 0 25px 0;
padding:15px 20px
}

#infoCommande {
display:inline-block;
z-index:9999;
vertical-align:top;
width:35%;
background-color:white;
margin:0;
padding:15px 10px
}

.greyStick {
display:inline-block;
width:100%;
height:1px;
background-color:#D9D9D9;
margin:20px 0;
padding:0
}

.clicWrap {
display:block;
position:relative;
width:100%;
font-size:0;
margin:0;
padding:20px 10px
}

.caseClic {
display:inline-block;
width:100%;
font-size:0;
border-bottom:solid 1px #D9D9D9;
margin:0 0 10px 0;
padding:0 0 5px 0
}

.resaNotClicked, a.resaNotClicked { background-color:white; color:#707070 }
.resaNotClicked:hover, a.resaNotClicked:hover { background-color:#F3AA02; color:white }

.resaClicked, a.resaClicked, .resaClicked:hover, a.resaClicked:hover { background-color:#F3AA02; color:white }

.firstClicWrap {
padding-top:5px
}

#intituleClic { padding:0 10px }

#intituleClic p:nth-child(1) {
display:inline-block;
margin:0 1% 0 52%;
padding:0 5px 0 0
}

#intituleClic p:nth-child(2) {
display:inline-block;
margin:0 1% 0 0;
padding:0 5px 0 0
}

#intituleClic p:nth-child(3) {
display:inline-block;
margin:0;
padding:0 5px 0 0
}

.caseClic p:nth-child(1) {
display:inline-block;
width:51%;
margin:0 1% 0 0;
padding:0 5px 0 0
}

#intituleClic p:nth-child(1),
#intituleClic p:nth-child(2),
#intituleClic p:nth-child(3),
.caseClic p:nth-child(2),
.caseClic p:nth-child(3),
.caseClic p:nth-child(4) { width:15% }

.caseClic p:nth-child(2) {
display:inline-block;
text-align:center;
margin:0 1% 0 0;
padding:0 5px 0 0
}

.caseClic p:nth-child(3) {
display:inline-block;
text-align:center;
margin:0 1% 0 0;
padding:0 5px 0 0
}

.caseClic p:nth-child(4) {
display:inline-block;
text-align:center;
margin:0;
padding:0 5px 0 0
}

.quantiteClic,
.totalClic {
display:inline-block;
width:40px;
background:none;
border:none;
color:#707070;
text-align:center;
margin:0 5px;
padding:0
}

.caseClic input[type="text"][disabled] {
color:#707070
}

.caseClic p:nth-child(3) a {
display:inline-block;
font-size:16px;
color:#5F5F5F;
margin:0;
padding:0
}

.caseClic p:nth-child(3) a:hover {
display:inline-block;
font-size:16px;
color:#F3AA02;
text-decoration:none;
margin:0;
padding:0
}

.caseClic aside {
display:inline-block;
width:100%;
color:#F3AA02;
margin:10px 0;
padding:0 0 0 5px
}

.spanTotal { font-size:0 }

.spanTotal > span {
display:inline-block;
width:70%;
margin:0 5% 0 0	
}

.totalCommande {
display:inline-block;
vertical-align:middle;
width:25%;
font-size:16px;
color:#5F5F5;
text-align:right;
border:none;
background:none;
margin:0;
padding:0
}

a.seeMore, a.seeMore:hover
a.seeMoreClic, a.seeMoreClic:hover,
a.seeMoreLivr, a.seeMoreLivr:hover { text-decoration:none }

a.seeMore i,
a.seeMoreClic i,
a.seeMoreLivr i {
display:inline-block;
color:#F3AA02;
margin:0 10px 0 0
}

.catLink { display:inline-block; width:auto; text-decoration:none; text-transform:uppercase; color:#5F5F5F; border:solid 1px #F3AA02; background-color:white; margin:0 10px 8px 0; padding:10px 14px }
.catLink:hover { display:inline-block; width:auto; text-decoration:none; text-transform:uppercase; color:white; border:solid 1px #F3AA02; background-color:#F3AA02; margin:0 10px 8px 0; padding:10px 14px }

#commande .none, .caset.none { display:none }

/* ============ WRAP CRENEAU ==== */

.wrapCreneau article {
display:inline-block;
position:relative;
width:31%;
background-color:#F3F3F3;
border:solid 1px #F3AA02;
margin:10px 1%;
padding:10px
}

.wrapCreneau article:hover {
background-color:white
}

.wrapCreneau article label {
display:inline-block;
position:relative;
font-size:14px;
margin:0;
padding:0 0 0 35px
}

.cc_stick {
display:inline-block;
width:70%;
height:1px;
background-color:#F3AA02;
font-size:0;
margin:32px 15%;
padding:0
}

.awsmline {
vertical-align:middle
}

.awsmline i {
display:inline-block;
color:#F3AA02;
margin:0 5px 0 0
}

/* ============ WRAP INFOS ==== */

#cc_connexion input:nth-child(1) {
width:40%;
margin:0 60% 15px 0
}

#cc_connexion input:nth-child(2) {
width:40%;
margin:0 60% 5px 0
}

#cc_connexion a:nth-child(3) {
display:inline-block;
width:40%;
text-align:right;
font-size:12px;
color:red;
text-decoration:none;
margin:0 60% 20px 0;
}

#cc_connexion a:nth-child(3):hover {
display:inline-block;
width:40%;
text-align:right;
font-size:12px;
color:black;
text-decoration:none;
margin:0 60% 20px 0;
}

#coordonnees input, #coordonnees select, #cmd_message, #cc_connexion input {
display:inline-block;
border:solid 1px #F3AA02;
background-color:white;
font-size:14px;
font-weight:300;
color:#5F5F5F;
padding:6px 12px
}

#coordonnees { position:relative }

#coordonnees input:nth-child(1) {
width:48%;
margin:0 52% 20px 0
}

#coordonnees select:nth-child(2),
#coordonnees input:nth-child(4) {
width:32%;
margin:0 0 20px 0
}

#coordonnees input:nth-child(3) {
width:32%;
margin:0 2% 20px 2%
}

#coordonnees input:nth-child(5) {
width:100%;
margin:0 0 20px 0
}

#coordonnees input:nth-child(6),
#coordonnees select:nth-child(6) {
width:32%;
margin:0 3% 20px 0
}

#coordonnees input:nth-child(7) {
width:65%;
margin:0 0 20px 0
}

#coordonnees input:nth-child(8) {
width:48%;
margin:0 4% 20px 0
}

#coordonnees input:nth-child(9) {
width:48%;
margin:0 0 20px 0
}

#cmd_message {
width:100%;
height:120px;
margin:0
}

#etapeClic a i {
display:inline-block;
vertical-align:middle;
margin:0 5px 0 0
}

#cbStripe {
display:inline-block;
vertical-align:middle;
width:100px;
height:auto;
margin:0 0 0 10px
}

#partie3 label {
display:inline-block;
position:relative;
margin:0;
padding:0 0 0 35px
}

/* ============ LINK */

.btnGold2 { display:inline-block; width:auto; text-decoration:none; text-transform:uppercase; color:white; border:solid 1px #F3AA02; background-color:#F3AA02; margin:20px 10px 0 0; padding:10px 14px }
.btnGold2:hover { display:inline-block; width:auto; text-decoration:none; text-transform:uppercase; color:#F3AA02; border:solid 1px #F3AA02; background-color:white; margin:20px 10px 0 0; padding:10px 14px }

.btnGold3 { display:inline-block; width:auto; text-decoration:none; text-transform:uppercase; color:white; border:solid 1px #F3AA02; background-color:#F3AA02; margin:0; padding:8px 12px }
.btnGold3:hover { display:inline-block; width:auto; text-decoration:none; text-transform:uppercase; color:#F3AA02; border:solid 1px #F3AA02; background-color:white; margin:0; padding:8px 12px }