/* NE CONTIENT AUCUNE BALISE QUI FAIT REFERENCE A UNE COULEUR */
/*  METTRE LES REFERENCES DE COULEURS DANS LES FEUILLES CSS DEDIEES ( mdk_gray,mdk_vert ... */

/*--------------------------------------------------------------*/
/*    ASPECT DU BODY  */  
/*--------------------------------------------------------------*/

#ie9{ display:none;}

img {border:0 none; vertical-align:middle;}

hr{width:60%;}

#fullpage{width:98%;margin:auto;margin-top:10px !important;margin-top:-10px;padding:5px;}
#wrap, #bandeau, .tabel{position:relative;display:table;width:100%;border-spacing:5px;table-layout:fixed;empty-cells:hide;}
#bandeau>p, #bandeau>div,.tabel>div {display:table-cell;padding:10px;vertical-align:top;}/* dans accueil, dans forum last post */
#bandeau>div{text-align: center;}
#cadre_gauche, #cadre_droit{display:table-cell;vertical-align:top;}
#cadre_central{display:table-cell;padding:10px;border-left:1px solid #BABABAborder-right:1px solid #BABABA;}
#footer{clear: both;}

#news-feed{ position:relative; height:60px;width: 90%;overflow: hidden; border:1px solid #666;text-align: center;}
.headline{ position:absolute;height: 60px;top:70px;overflow: hidden;}

#i_bckg{
    position:relative;
    margin:auto;
    width:906px;
    height:553px;
    background: url('iphoneblack_vide.jpg') no-repeat;
}

#btn_iphone{
    position:absolute;
    width:90px;
    height:90px;
    top:233px;
    left:35px;
/*    background: #abc;*/
  }
  
  #btn_ipad{
    position:absolute;
    width:40px;
    height:40px;
    top:253px;
    left:764px;
/*    background: #abc;*/
  }

#clock{
    position: absolute;
   /* background:#000;*/
    color:#408000;
    /*width:50px;*/
    height:10px;
    top:57px;
    left:25%; right:25%;  /* centrage Horiz */
}
  
  
/* largeur des zones */
.width_22{
  width:22%;
}
.width_50{
  width:50%;
}
.width_100{
  width:100%;
}


/*--------------------------------------------------------------*/
/*    ZONE RESSOURCES.PHP  */  
/*--------------------------------------------------------------*/

.center
{ 
  text-align:center;
}

.indent {
  text-align:justify;
  text-indent:2em;
}

/*
.macpc {
text-align:left;
list-style-position:inside;
list-style-image:url("LogoMacPC.png");
text-decoration:none;
}
.mac {
text-align:left;
list-style-position:inside;
list-style-image:url("LogoMac.png");
text-decoration:none;
}
.window {
text-align:left;
list-style-position:inside;
list-style-image:url("LogoPC.png");
text-decoration:none;
}
*/

/*
.logo_extensionsmini {
text-align:left;
list-style-position:inside;
list-style-image:url("logo_extensionsmini.jpg");
text-decoration:none;
}
*/

/*
.logo_installeursmini {
text-align:left;
list-style-position:inside;
list-style-image:url("logo_installeursmini.jpg");
text-decoration:none;
}
*/

tr{
  height:15px;
}

.tableau_frais{
  border:2px ridge ;
  width:98%;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  margin-bottom:5px;
  padding:5px;
  /* deco */
  border:1px ridge #030;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url("css/PIE.php");
}

.listing{
  width:80%;
  margin:auto;
}

/*------------------------------------------------*/
/* === LISTE DEROULANTE MDK ===   */
/*-----------------------------------------------*/

.info_mini{
  padding:3px;
  font-weight: normal;
  font-size:9px;
  text-align:center;
}

/*----------------------------------------------------------------------------------*/
/*couleur bandeau o� figure la NOM , DATE CATEGORIE  des NEWS */  
/*----------------------------------------------------------------------------------*/

.texte_news img { text-align:center; border:5px;}

.table_news {
  width:100%;
  margin-right:auto;
  margin-left:auto;
  border-collapse:collapse;
}

/*Vert clair= stabilo_p ... , VERT = 2  ROUGE= 3  ORANGE= 4*/
.stabilo_paragraphe,.stabilo2_paragraphe, .stabilo3_paragraphe, .stabilo4_paragraphe{ 
  position: relative;
  margin:0;
  line-height: 22px;
  text-align:center;
  padding:3px 5px;
  color:#FFF;
  /* deco */
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #3A4E8C;
  /* ombre interne */
  -webkit-box-shadow:inset 0px 0px 0px 2px #edf9ff;
  box-shadow:inset 0px 0px 0px 2px #edf9ff;
  behavior: url("css/PIE.php");
}

.stabilo_paragraphe{
    background-image: url('menu_v5.png');
/*    background-image: url('degrade_vert.png');*/
    color:#000;
    font-size: 12px;
}
.stabilo2_paragraphe{
    background-image:url('degrade_vert.png');
}
.stabilo3_paragraphe{   
    background-image:url('degrade_rouge.png');
}
.stabilo4_paragraphe{  
    background-image:url('degrade_orange.png');
}

/* gestion masques */
.firstcol { 
  width:20%;
}

/*
 gestion masques 
table.maqtable  { 
border:0;
border-collapse:collapse;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
*/

.right{
  text-align:right;
  margin-right:10px;
}

.galerie li
{ 
  display:inline;
}

.hide{
  display:none;
}

.highlight { 
  background:yellow; padding:2px;
}

.ouah{
  width:60%;
  /* animation */
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}

.ouah:hover{
  width:90%;
  /* animation */
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}


.droite{
  float:right;
  padding-right: 20px;
/*  width: 45%;*/
/*  text-align:center;*/
}

/*
Page des mises � jour
*/
.version, .option{
  display:none; 
  clear:both; 
}

.space_10{
  margin-left:10px;
}
.space_20{
  margin-left:20px;
}
.space_40{
  margin-left:40px;
}
.space_60{
  margin-left:60px;
}

/* NEWS USERS */

.calendrier2{
  background:url('calendar2.gif') no-repeat ;
  height:59px;	/* hauteur de l'image calendar2 */
}	

.cal_jm{
    font-size:1em;
    color: #CC0000;
    font-size: 1em;
    left: -15px;
    position: relative;
    top: 21px;
}

.cal_annee{
  position: relative;
  top:0px;
  left:13px;
  color:#000;
  font-size:0.8em;
}

.button{
  display:inline-block;
  padding:5px 10px;
  border:1px solid #777;
  cursor:pointer;
  text-decoration:none !important;
  /*font-size: 100%;*/
  color:#000;
  /*text-shadow: 0 0 1px #123;*/
  box-shadow: #999 1px 2px 3px;
  
  /* Background color and gradients */
  background: #F4F4F4;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#408000)); /* ancien webkit */
  background: -webkit-linear-gradient(top, #F4F4F4, #408000); /* depuis Chrome 10 */
  background: -moz-linear-gradient(top, #F4F4F4, #408000);  /* FF */
  background: -o-linear-gradient(top, #F4F4F4, #408000);  /* op */
  background: linear-gradient(#F4F4F4, #408000);
  -pie-background:linear-gradient(#F4F4F4,#408000);
  
  /* Rounded corners */ 
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  behavior: url(css/PIE.php);
}

.button:active{
  top:1px;
}