@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300");

@media screen and (max-width:844px){

#container{
max-width: 480px;
}
/**Entete******************************/
#entete{
width:100%;
margin: 0 auto;
}
img.smart{
max-width: 100%;
min-width: 10%;
height: auto;
}
#logo{
margin: 0 auto;
position: relative;
z-index:10;
height:auto;
} 
#niveau1{
background-color:#a70b1e;
padding:0.7em 0em 0.7em 0.7em;
}

/*accès client************************************/
#client{ 
margin-top:-40px;
z-index:10; 
color:white;
font-family:'Oswald', sans-serif ; 
font-size:16px;
margin-right:20px;
}
ul.menuclient li a{
font-size: 0.9em;
}
ul.menuclient li a:hover{
color: #FFD700;
}
input, textarea, .uneditable-input {
width: 125px;
}
.btn-toolbar{
margin-top:20px;
}

#corps ul.unstyled li.lienProfil{
padding-bottom:15px;
}

dl.dl-horizontal dt{
padding-top:10px;
padding-bottom:0px;
width:99px;
font-size:0.85em;
}
dl.dl-horizontal dd{
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-left:5px;
font-size:0.85em;
}

p.titi {
font-family: 'Raleway', sans-serif;
font-weight: bold;
font-size: 1.1em;
}
.profile, .profile-edit{
width:90%;
}
.profile .EditionProfile, .profile-edit .EditionProfile, .registration .EditionProfile, .reset-confirm .EditionProfile, .reset-complete .EditionProfile, .login .EditionProfile, .remind .EditionProfile{
font-size: 1.7em;
}
.control-label label{
width:250px;
}
.control-label label#jform_montant-lbl{
width:100px;
}
.control-label label.offreLabel{
width:100px;
}
.control-label label.jform_cgv-lbl{
width:300px;
}
form#adminForm.form-validate{
width:90%;
}
p.GAGtitreForm{
font-size: 1.6em;
margin-top:0em;
padding-left: 1.5em;
padding-bottom:1.2em;
text-align: left;
}
.item-page [itemprop="headline"]{
font-size: 1.6em;
padding-left: 0em;
text-align: left;
}
textarea#jform_comment{
width:260px;
}
table#grid-offers td.GAGList_MTOFFRE {
padding-right: 0px;
}
.boutonVente {
margin-right:10px;;
}
.fly-horizontal .controls {
margin-left: 0px;
}
form#adminForm {
padding-top: 0em;
}
.txtcom {
padding-left: 0px;
}
/***Navigation********************************/
nav {
position: relative;
}
nav ul {
transform: translateY(0);
box-shadow: 0 0 5px rgba(0,0,0, .7);
transition: all .5s;
position: absolute;
margin-top:10px;
}
nav li {
flex: none; 
width: 100%;
border-bottom: solid 1px #777;
background-color:#a70b1e;
} 
nav input[type="checkbox"]:checked + ul  {
transform: translateX(-200%);
width: 100%;
transition: all .5s;
}
nav label{
display: block;
} 
nav input[type="checkbox"]:checked + ul li:nth-child(1){
}  
ul.menuprincipal { 
margin-top:5px;
}
ul.menuprincipal li { 
margin: 0px 0px 0px 0px; 
}
ul.menuprincipal li a{ 
padding-left:20px;
}
ul.menuprincipal li ul{
width: 90%;
}
ul.menuprincipal li:hover ul{
margin:0;
}
ul.nav-child li{
/*background-color: #ed882a;*/
background-color: #a70b1e;
}
ul.menuprincipal li ul.nav-child li{
width:100%;
/*padding-left:0px;*/
margin-left:15px;
}

/**Corps*******************************/
/*#corps{
padding : 0em 1.5em 0em 1.5em;
}*/
.item-page, .homedata{
padding-left:1.5em;
padding-right:1.5em;
}

/**menu pied********************************/
#bottom{
display:none;
}
#bottom-small{
background-color: #521363;
font-size:0.7em;
Color:white;
}
table.menu-pied-small{
width:100%;
text-align: center;
}
td.menu-bas-small{
width:100%;
}
table.menu-pied-small td.menu-bas-small ul.menubas li{
list-style-type: none; 
}
table.menu-pied-small td.menu-bas-small ul.menubas a{
color:white;
}
table.menu-pied-small td.menu-bas-small ul.menubasi a:hover {
color:white;
text-decoration: underline;
}
/*td.newsletter-small{
width:50%;
text-align:left;
padding-left:5px;
}*/
ul.nav.menubas{
margin:0px;
padding:0px;
}


/*Gestion ventes**********************************/
.homedata{
max-width:480px;
}
ul.vente{
display: inline-block;
text-align:center;
padding:0em 1.1em;
margin-top:0px;
}
.grid.four > li {
margin:0 0 1em 0;
}
ul.vente li.smallScreen{
display: inline-block;
}
.largeScreen, .mediumScreen{
display:none;
}
ul.smallScreen{
background-color: #f4f4f4;
padding-top:15px;
padding-left:20px;
}
div.titre{
color:#a70b1e;
width:150px;
}


/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */
dl.float-right{
border: 1px solid #000;
background-color: #ddd;
text-align: center;
padding: 0 0 10px 0;
float: right;
margin: 0 0 1em 1em;
}
.float-right dt{
font-weight: bold;
background-color: #131210;
color: #959289;
padding: 5px 10px;
margin-bottom: 10px;
}
.float-right dd img{
border: 1px solid #000;
width: 100px;
height: 100px;
}
.float-right dd{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 85%;
}
.EntetelargeScreen, .EntetemediumScreen, .boutonvente, .noSmallScreen{
display:none;
}
.EntetesmallScreen{
background-color:#f4f4f4;
}
.EntetesmallScreen table{
margin:0 auto;
}
.EntetesmallScreen dl{
margin:0em;
padding:0em;
}
.EntetesmallScreen table dl dt{
width: 40px;
}
.EntetesmallScreen hr{
padding:0px;
margin:0px;
}
.SmallScreenOnly{
height:25px;
padding-top:15px;
}
.boutonVente{
clear:both;
}
.row-fluid{
width:100%;
}
.span4{
width:100%;
float:left;
margin-bottom:5px;
}
div.filter{
background-color:white;
padding:0px;
height:120px;
}
div.filter-category, div.filter-search{
background-color:#bebebe;
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
width:94%;
}


/*Liste des lots d'une vente*****/
.smallScreen{
clear: both;
margin-top:1.8em;
}
.lot{
background-color:#f4f4f4;
margin-bottom:1em;
min-height:350px;
padding:0.8em;
}
dl.table-display{
margin:0em;
padding:0em;
}
.table-display{
font-family: 'Oswald', sans-serif ; 
font-weight:400;
font-size:0.9em;
}
.table-display dt.SmallScreenImageLot{
padding-bottom:1em;
padding-right: 1em;
}
.table-display dd{
/*max-width:220px;*/
}
.table-display dd.SmallScreenInfo{
padding:0em;
width:180px; /*170px;*/
}
.table-display dt.SmallScreenL1{
width: 80px;
padding: .5em;
float: left;
border-bottom:1px solid #bebebe;
}
.table-display dd.SmallScreenL1DD{
float: left;
width:65px; /*50px;*/
border-bottom:1px solid #bebebe;
}
.table-display dt.descrLib1,.table-display dt.descrLib2{
width:85px;
padding: 0.4em 0em 0.4em 0em;
}
.table-display dd.descrData, .table-display dd.descrData2{
padding: 0.4em 0em 0.4em 0em;
float:left;
width:220px;
}
.table-display dt.descrLib1{
/*padding: .5em;*/
float:none;
}
.table-display dd.descrData{
float: left;
width: 400px;
text-align: justify;
padding: 0em 0em 0.4em 0em;
}
.table-display dt.descrLib2{
border-top:1px solid #bebebe;
}
.table-display dd.descrData2{
border-top:1px solid #bebebe;
}
.LotCompletSmall{
background-color: #a70b1e;
float:right;
padding: 5px;
}
.LotCompletSmall a{
color:white;
text-decoration:none;
}
 .chzn-single {
width:150px;
 }
.docVente-inner table{
margin:0 auto;
 }
 .docVente{
margin-top:0px;
border:1px solid #bebebe;
}
.basculelist{
display:none;
}
.pull-right{
clear:both;
float:none;
}
form#adminForm.catalogForm{
padding-top:40px;
}


/*Autres Lots*******/
.InfoSupLot{
padding-left:0.5em;
}
table.lotGroupeTable{
width:100%;
text-align:left;
}
.CellC1StructNumLotObj{
margin-left:0;
}
td.lotGroupeTableTD2, td.lotGroupeTableTD3{
padding:0em 0.4em 0em 0.4em;
}
td.lotGroupeTableTD3{
width:45px;
}


/*diaporama***************************/
#lot{
padding:0px;
}
#newGal{
background-color:#f4f4f4;
box-shadow: inset 1px 1px 5px 5px #e8e8e8;
}
table.newGalTab, table.infoLotTable, .MagicToolboxContainer, div#navPhotos, #boutonVideo, #videozone{
width:330px;
}
.MagicToolboxContainer{
padding: 15px ;
margin:0;
}
.mcs-item  a{
padding: 0px 2px;
}
div#navPhotos{
 padding-top:0.5em;
}
div#infosLot{
width: auto;
}


/*Pages intérieures*/
img.photo{
width:100%;
}


/*Page institutionnelle : Nos références*************/
ul.three{
display:inline-block;
text-align:center;
width:100%;
margin:0;
padding:0;
}
ul.ref li.smallScreensp4{
display:inline-block;
}
.activref{
font-size:0.9em;
}


/*Détail d'un lot***********/
.col-sm-6{
width:100%;
}
#infosLot table.infoLotTable  td.L1 dt{
width:100px;
}
#infosLot dl.table-display dd{
width:200px;
}
#infosLot table.infoLotTable  td.L1 dt,#infosLot table.infoLotTable  td.L1 dd{
padding:5px 0px;
border-bottom:1px solid #ffffff;
height:20px;
}
#infosLot table td.L2 div.regroup dd.titi{
text-align:center;
}
#infosLot table td.L2 dd{
width:auto;
}
#infosLot table td.L3 dd.texteDescr{
width:340px;
}

/*pagination.....*/
.pagination-list{
padding-left:0;
}
.pagination ul > li > a,
.pagination ul > li > span {
padding: 0.3em 0.5em;
}
/*Encherir en ligne****/
.span12{
float: left;
width:100%;
}
.span6{
height:auto;
width:46%;
}


/*Signet page Nos Services*********/
table.tab-signet{
width:100%;
border:0;
}
td.signet{
width:20%;
text-align:top;
}
td.signet a{
font-size:0.8em;}

/*Page itinéraire************/
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.infodateVenteLot, .infocontactVenteLot{
padding-left:0em;
}
/*Page erreur 404************/
.niv1{
padding-bottom:3em;
}

/*bandeau Alerte cookies*****/
#cadre_alert_cookies{
padding-top:0px;
}
.cadre_texte  p{
font-size:0.7em;
margin-top:0px;
margin-bottom:0px;
}
#cadre_alert_cookies .btn{
font-size:0.6em;
}
#cadre_alert_cookies .col-sm-6{
width:auto;
}

.offresAccessEditLBL{
width:120px;
float:left;
padding-bottom:10px;
}
dl.offersList{
padding:10px;
box-shadow: inset 1px 1px 5px 5px #e8e8e8;
background-color: #f4f4f4;
font-size:0.9em;
height:160px;
}
dl.offersList dt, dl.offersList dd{
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
text-align:left;
}
.offresdateLBL,.offresventeLBL,.offreslotLBL,.offresmontantLBL{
font-weight:bold;
color: #a70b1e;
width:70px;
}
dl.offersList dt.offresdateLBL,dl.offersList dd.offresdateDT, dl.offersList dt.offresventeLBL,dl.offersList dd.offresventeDT, dl.offersList dt.offreslotLBL,dl.offersList dd.offreslotDT,dl.offersList dt.offresmontantLBL,dl.offersList dd.offresmontantDT {
float: left;
border-top: 1px solid #bebebe;
padding-top:5px;
padding-bottom:5px;
}

dl.offersList dd.offresdateDT, dl.offersList dd.offresventeDT,dl.offersList dd.offresmontantDT,dl.offersList dd.offreslotDT {
margin-left:0px;
width:200px;
}
dl.offersList dd.offreslotDT{
padding-bottom:5px;
}
/*dl.offersList dt.offresmontantLBL,dl.offersList dd.offresmontantDT {
border-top: 1px solid #bebebe;
padding-top:5px;
}*/
.control-label label#jform_cgv-lbl{
width:210px;
}
}




}