/*** MISE EN FORME PAR DEFAUT ***/
*{
   margin:0; 
   padding:0; 
   box-sizing:border-box;   
   z-index:1;
}

body{
   font-family: 'Open Sans', sans-serif;
   font-size:14px;
   font-weight:normal;
   line-height: 1.6;
   color:#666;
   background-color:#fff;
}

img{border:none; max-width:100%;}

a{color:inherit; text-decoration:none;}
a:hover{text-decoration:none;}

p{padding-bottom:10px;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:5px 0;}

.acenter{text-align:center;}
.aleft{text-align:left;}
.aright{text-align:right;}
.tgras{font-weight:bold;}
.blanc{color:#fff;}

#logo{
   padding:20px 0;
}
#banntitre{
   font-family: 'Tinos', serif;
   font-weight:normal;
   font-size:70px;
   line-height:70px;
   color:#fff;
   background:#222 url(../images/bg1.jpg) no-repeat center center;
   padding:140px 0;
}

#accueil{
   padding:30px 0;
}

.bloc-produit{
   padding:50px 0 40px 0;
   border-top:1px solid #999;
}
.desc-produit{
   padding-left:15px;
}

h1{
   font-family: 'Tinos', serif;
   font-weight:normal;
   font-size:35px;
   line-height:36px;
   color:#222;
   padding-bottom:10px;
   font-weight:bold;
}
h2{
   font-family: 'Tinos', serif;
   font-weight:normal;
   font-size:28px;
   line-height:34px;
   color:#222;
   padding-bottom:10px;
}

.photo{
   display:block;
   float:left;
   width:35%;
   margin-right:10px;
   margin-bottom:10px;
}
.photo img{
   display:block;
}
.photo:first-child{
   width:100%;
}
.derniere-piece{
   position:absolute;
   top:0;
   left:0;
   background-color:#990000;
   color:#fff;
   font-size:16px;
   padding:5px 10px;
}
@media (min-width:600px) and (max-width: 767px){
   .photo{
      width:100%;
   }
}
@media (max-width: 599px){
   .photo,
   .photo:first-child{
      width:45%;
   }
   .desc-produit{
      padding-left:0;
   }
}

#prix-resp{
   display:none;
}
@media (max-width: 990px){
   #prix-normal{
      display:none;
   }
   #prix-resp{
      display:block;
   }
}

.prix-accroche{
   font-size:19px;
   color:#222;
}
.prix-produit{
   display:inline-block;
   font-family: 'Tinos', serif;
   font-weight:normal;
   font-size:46px;
   line-height:30px;
   text-align:right;
   color:#cc0000;   
}
/*
.prix-produit span.asterisque{
   font-size:16px;
   color:#000;
   vertical-align:top;
}
*/
.prix-produit span.ancien-prix{
   font-size:26px;
   color:#000;
   text-decoration:line-through;
}
.prix-credit{
   font-size:16px;
   color:#222;
}
.prix-credit span{
   font-size:20px;
   font-weight:bold;
   color:#0066cc;
}
.prix-tva{
   font-style:italic;
   color:#666;
}

.onglet{
   display:block;
   border-bottom:1px solid #8f181a;
}
.onglet span{
   display:inline-block;
   background-color:#8f181a;
   color:#fff;
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size:15px;
   padding:5px 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
table.prd-attributs{
   border-collapse:collapse;
   width:100%;
}
table.prd-attributs td{
   padding:8px 5px;
   border-bottom:1px solid #9c1315;
}
table.sous-table{
   border-collapse:collapse;
   width:100%;  
}
table.sous-table td{
   padding:2px 0;
   border-bottom:none;
}

.button{
   display:block;
   float:right;
   background-color:#9d1315;
   color:#fff;
   font-size:19px;
   padding:15px;
   margin-bottom:15px; 
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 3px 4px 2px 0px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:    3px 4px 2px 0px rgba(50, 50, 50, 0.75);
   box-shadow:         3px 4px 2px 0px rgba(50, 50, 50, 0.75);
}

footer{
   background-color:#222;
   color:#fff;
   font-size:30px;
   line-height:45px;
   text-align:center;
   padding:50px 0;
}

p.telephone{
   font-size:38px;
   color:#9d1315;
   font-weight:bold;
}
p.horaires{
   font-size:16px;
   font-style:italic;
}
#contact-form .row{
   padding-top:50px;
   max-width:600px;
}
#contact-form label{
   display:block;
   text-transform:uppercase;
   font-size:12px;
   font-weight:bold;
   padding-bottom:5px;
   text-align:left;
}
#contact-form .champ{
   padding:0 10px 20px 0;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea{
   width:100%;
   padding:8px 5px;
}
#contact-form textarea{
   height:200px;
}
#contact-form input[type="submit"]{
   background-color:#9d1315;
   color:#fff;
   font-size:20px;
   padding:8px 15px;
   margin-bottom:15px; 
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

#contact-form #msg_all{display:block; clear:both; text-align:left;}
#contact-form #msg_all .success,
#contact-form #msg_all .error{
   padding:8px 20px;
}
#contact-form .error{
   color:#990000;
   font-size:12px;
   border:1px solid #990000;
}
#contact-form .form-error{
	font-size:11px;
	color:#cc0000;
}
#contact-form #msg_all .success{
   background-color:#dff2bf;
   border:1px solid #669933;
   color:#537d17;
}
#contact-form #msg_all .error{
   background-color:#ffbaba;
   border:1px solid #990000;
   color:#990000;
}

/*** GOTOTOP BOUTON ***/
#gotoTop {
   /*display: none;*/
   z-index: 299;
   position: fixed;
   width: 40px;
   height: 40px;
   background-color: #333;
   background-color: rgba(0,0,0,0.3);
   font-size: 20px;
   line-height: 36px;
   text-align: center;
   color: #FFF;
   top: auto;
   left: auto;
   right: 30px;
   bottom: 50px;
   cursor: pointer;
   border-radius: 2px;
}
body:not(.device-touch) #gotoTop {
   transition: background-color .2s linear;
   -webkit-transition: background-color .2s linear;
   -o-transition: background-color .2s linear;
}
.stretched #gotoTop { bottom: 30px; }
#gotoTop:hover { background-color: #CCCCCC; }

/*** FORMULAIRE LOGIN/INSCRITION ***/
body.index #accueil{
   background:#ffffff url(../images/bg1.jpg) no-repeat center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bg1.jpg',sizingMethod='scale')";
   background-size: cover;
}
#loginsc{
   width:95%;
   max-width:550px;
   margin:0 auto;   
   padding:20px;
   border:1px solid #ccc;
   /*background-color:rgba(255, 255, 255, 0.95);*/
   background-color:#f9f9f9;
   z-index:999;
}
#loginsc img{
   display:block;
   margin:0 auto;
   margin-bottom:20px;
}
#loginsc hr{
   margin:30px 0;
}
#loginsc label{
   font-size:16px;
}
#loginsc input[type='text'],
#loginsc select{
   border:1px solid #ccc;
   font-size:15px;
   padding:8px;
   width:100%;
   margin-bottom:8px;
}
#loginsc input[type="submit"]{
   background-color:#9d1315;
   color:#fff;
   font-size:20px;
   padding:8px 15px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
#loginsc .error{
   color:#990000;
   border:1px solid #990000 !important;
}
#loginsc .form-error{
   display:block;
   font-size:11px;
   color:#cc0000;
   text-align:center;
   margin-bottom:8px;
}
body.index #mentions{ 
   padding-top:10px;
   font-size:13px;
   font-style:italic;
}