/*.longuer {
	height:80%;
}*/
body{
  background-color: #EFF5FB;
}
.container_milieu {
   min-height: 800px;
}
.active{
  background-color: yelow;
}
.wellp {
  background-color: #F8E6E0;

}
.navbar-inner{
  background: none;
  filter:none;
  border:none;
  box-shadow: none;
   clear: both;
  border-radius: 20px;
   font-weight: bold;
  background: #ddcc2c;
background: -moz-radial-gradient(center, ellipse cover, #E3F6CE 1%, #E3F6CE 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddcc2c', endColorstr='#ef8188',GradientType=1 );
  }
.navbar .nav > li > a {
  color:black;
}

.nav-list{
  background: #eff5fb;
/*background: -moz-radial-gradient(center, ellipse cover, #eff5fb 50%, #f8e6e0 54%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,#eff5fb), color-stop(54%,#f8e6e0));
background: -webkit-radial-gradient(center, ellipse cover, #eff5fb 50%,#f8e6e0 54%);
background: -o-radial-gradient(center, ellipse cover, #eff5fb 50%,#f8e6e0 54%);
background: -ms-radial-gradient(center, ellipse cover, #eff5fb 50%,#f8e6e0 54%);
background: radial-gradient(ellipse at center, #eff5fb 50%,#f8e6e0 54%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff5fb', endColorstr='#f8e6e0',GradientType=1 );*/
}
.nav-list > li > a {
  
}

  .divpag{
    margin-top: 20px;
    margin-bottom: 5px;
  text-align: center;
  font-weight: bold;
  background: #ddcc2c;
background: -moz-radial-gradient(center, ellipse cover, #ddcc2c 1%, #ef8188 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#ddcc2c), color-stop(100%,#ef8188));
background: -webkit-radial-gradient(center, ellipse cover, #ddcc2c 1%,#ef8188 100%);
background: -o-radial-gradient(center, ellipse cover, #ddcc2c 1%,#ef8188 100%);
background: -ms-radial-gradient(center, ellipse cover, #ddcc2c 1%,#ef8188 100%);
background: radial-gradient(ellipse at center, #ddcc2c 1%,#ef8188 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddcc2c', endColorstr='#ef8188',GradientType=1 );
}

.footer {
  border-top: 3px solid #ffcc00;
  background-color: #f5f5f5;
   bottom: 0;
  width: 100%;
    height: 80px;
  clear:both;
  margin-top: 50px;
  text-align: center;
  padding-top: 20px;
  
}
.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}

.titreinfo{
  background-color:#F8E6E0;
  width: 80%;
  }
.tablle {
  width:90%;
  margin-bottom: 2px;
  background-color: #F5ECF5;
  margin-left,margin-right: auto;
}
.tabllei {
  width:90%;
  margin-bottom: 2px;
  background-color: #CEF6E3;
  margin-left,margin-right: auto;
}
.tablle thead th {
  vertical-align: bottom;
  background-color:#D8CEF6; 
  
}

.zoneprd{
                border-bottom: 1px solid #ffcc00;
              
            }
.zoneprdt {
	 background-color:#fefeee; 
}
.zoneprdtu{
  background-color:#E8E8FF; /* #FAFAFA  CEECF5 */
}
.zoneprdtup{
  background-color:#E3CEF6; 
}
.zoneprdtv {
   background-color:#81F781;
   color:#fefeee;
}
            .imgcntn {
    height: 80px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 2px;
    text-align: left;
    
}
.div_prix {
      color:#0000ff;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    
   
}

.div-details {
   background: #A1DCF7;
   margin-bottom: 35px;
   margin-top: 15px;
   width: 95%;
   
}
.details-fr{

}
.details-ar{
float:right;
 background: #A1DCF7;
 color:yellow;
  font-weight: bold;
}
.div_id{
  font-size:9px;
  color:red;
  font-weight: bold;
}
.vendu{
  color:green;
  font-weight: bold;
}
.datetimesss {
    background: #fefeee;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 10px;
    text-align: left;
    clear:both;
}
.datetimessp {
    background: #fefeee;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 10px;
    text-align: right;
   float:right;
}


/*  CSS Vieww.ctp*/ 

.imgdetail{
   border-bottom: 7px solid #ffcc002;
   margin-bottom: 15px;
}
.horizontal {
}
.partieright{
  min-height: 400px;
}

/* Style login.ctp */

.btncancel{
  float:left;
}
div.submit{
  width:50%;
}


/*  le style des icones */

.boutil{
  margin-right: 7px;
}
.tabledet{
  width:80%;
  
}
/* #EFF8FB */
.p_descr{
  background-color: #d9edf7;
  color:green;
  border-bottom: 3px solid #F7819F;
  margin-bottom: 15px;
}
.offreid{
  margin:25px;
  font-weight: bolder;
  color:#0011dd;
}
.lg-titre{
  font-weight:bold;
  font-size: 16px;

}
.sp-arabe{
  font-size: 18px;
  clear:both; 
  direction:rtl;
}
.sp-france{ 
}
/*
table{
  width:90%;
    border-collapse: collapse;
}
table th{
    text-align: left;
}
*/
.logo{
  min-height: 50px;
    background: none;
  filter:none;
  border:none;
  box-shadow: none;
   clear: both;
    font-weight: bold;
  background: #E3CEF6;

}
.logo-left{
  text-align: left;
}

.tabledoc{
width:90%;
    border-collapse: collapse;
  border: 0px solid black;
  border-spacing: 0px;
  /*  
   color: blue;
   background-color: blue; */
}
.tabledoc th {
  background-color:white;
  color:blue;
  font-weight: bold;
}
/*
#tabledoc thead tr{
  font-family: Arial, monospace;
  font-size: 14px;
}

#tabledoc thead tr th{
  border-bottom: 2px solid black;
  border-top: 1px solid black;
  margin: 0px;
  padding: 2px;
  background-color: #cccccc;
}

#tabledoc tr {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: white;
}

#tabledoc tr.odd {
  background-color: #AAAAAA;
}

#tabledoc tr td, th{
  border-bottom: 1px solid black;
  padding: 2px;
}
*/

/* class pour les buttons */
.scanquit{
    float: left;
}
.butConf{
    float: right;c
    margin-right: 2px;
}

/* style  table liste */
.tableliste
{
border-collapse:collapse;
width:100%;
max-width:700px;
min-width:400px;
text-align:center;
}

caption
{
caption-side:bottom;
font-weight:bold;
font-style:italic;
margin:4px;
}


.tabledoc tr
{
border: 2px solid white;
}
/*
th, td
{
height: 24px;
padding:4px;
vertical-align:middle;
}

th
{
background-image:url(table-shaded.png);
}
*/

.rowtitle
{
background: #9CF;
font-weight:bold;
}