/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                eduDz
                          Page CSS d'eduDZ  
    
    Créée le              :  06 Avril 2006 (Oulaa ça date :D)
    Derniere mise a jour  :  26 Juil 2009                                                       
    Auteur                : InSide
    Version               : 2.0
    ------------------------------------------------------------------------------*/


/* -------------------- Couleurs */

.rouge  , .bg_rouge      { color:#FF0000; }
.orange , .bg_orange     { color:#FF9900; }
.jaune  , .bg_jaune      { color:#FFFF00; }
.vert-f , .bg_vert-f     { color:#009900  }
.vert-c , .bg_vert-c     { color:#00FF66; }
.bleu-f , .bg_bleu-f     { color:#0000FF; }
.bleu-c , .bg_bleu-c     { color:#077FA7; }
.noir   , .bg_noir       { color:#000000; } 
.gris   , .bg_gris       { color:#999999; }
.gris-c , .bg_gris-c     { color:#7B7B7B; }
.blanc  , .bg_blanc      { color:#FFFFFF; }


.bg_rouge { background-color : #FF0000; }
.bg_orange { background-color : #FF9900; }
.bg_jaune { background-color : #FFFF00; }
.bg_vert-f { background-color : #009900; }

.bg_vert-c { background-color : #00FF66; }
.bg_bleu-f { background-color : #0000FF; }
.bg_bleu-c { background-color : #077FA7; }
.bg_noir { background-color : #000000; }
.bg_gris { background-color : #999999; }
.bg_gris-c { background-color : #7B7B7B; }
.bg_blanc { background-color : #FFFFFF; }
/* -------------------- Balise position */
.gauche     { text-align: left;    }
.droite     { text-align: right;   }
.justifie   { text-align: justify; }

.centre 
{
    text-align   : center !important;
    margin-left  : auto;
    margin-right : auto;
}

/* -------------------- Mise en page */
.souligne   { text-decoration:underline; }


/* -------------------- Balise taille */
.ttpetit    { font-size: xx-small; }
.tpetit     { font-size: x-small;  }
.petit      { font-size: 0.9em;    }
.gros       { font-size: large;    }
.tgros      { font-size: x-large;  }
.ttgros     { font-size: xx-large; }



/* -------------------- Balise float */

.flot_droite    { float: right; }
.flot_gauche    { float:left;   }
.flot_gauche, .flot_droite { margin:1em; }



/* -------------------- Balise code */

.autre
{
    font-family : "Bitstream Vera Sans Mono","courier new",monospace; 
    font-size   : 0.9em;
    border      : 1px #E6E6E6 solid;
    padding     : 5px;
    padding-top : 16px;
    background  : url(images/test/code.png) no-repeat left top;

}


.console
{
    font-family       : "Bitstream Vera Sans Mono","courier new",monospace; 
    font-size         : 0.9em;
    background-color  : #000000;
    color             : #FFFFFF;
    border            : 1px #E6E6E6 solid;
    background-image  : url(images/test/code.png);
    background-repeat : no-repeat;
    background-position :  left top;
    padding     : 5px;
    padding-top : 18px;    
}



/* -------------------- Balises d'informations */

.attention
{  
    color       : #d38d61;
    background  : url(images/Zcode/attention.png) no-repeat;
}
.information
{   
    color       :#488048;
    background  :url(images/Zcode/info.png) no-repeat;
}

.erreur
{
    color       :#c25f5f;
    background  :url(images/Zcode/erreur.png) no-repeat;
}

.question
{
    color       :#6c96d3;
    background  :url(images/Zcode/question.png) no-repeat;
}

.wiki_vide
{
    color       :#488048;
    background  :url(images/Zcode/drapeau-vert.png) no-repeat;
}

.information, .attention, .question, .erreur, .wiki_vide, .barre_info
{
    height              :50px; /* On fixe la hauteur, que IE interprete comme une "hauteur minimale" */
    display             :block;
    font-weight         :bold;
    padding-left        :60px !important;
    vertical-align      :middle;
    background-position :5px 50%;
}

/* Petit arrangement CSS pour une différence entre IE et Firefox. On rétablit en fait la
hauteur en auto (par défaut), et on utilise min-height pour définir une hauteur minimale
sous Firefox et autres navigateurs comprenant le CSS 2. */

html>body .information, html>body .attention, html>body .question, html>body .erreur
{
    height:auto;
    min-height:35px;
}

/* -------------------- Balises citation */
.bloc_citation
{
    width       : 80%;
    margin      : 20px;
    border      : 1px solid #F0F0F0;
    border-left : 4px solid #F0F0F0;
    padding     : 0px 8px 8px 8px;
    background  : url(images/objets/quote.gif) no-repeat 20px 15px #fafafa;  
}

.auteur_citation
 {
    font-size    : 13px;
    font-weight  : bold;
    color        : #777777;
    text-indent  : 25px;
    padding-left : 10px;
    font-variant    : small-caps;
 }
 
 
 
 
 
/*  Z formulaire */

.formulaire_zcode 
{
    margin-left : 100px;  
}

.emoticone_cliquable
{
    cursor     : pointer;
    text-align : center;   
}

.emoticone_cliquable:hover
{
   background-color : #c0c0c0;
   border-radius    : 5px; 

}

.bouton_deroulable_menu
{
    background-color : #F8FAFD;
    border           : 1px solid #E3E7EC;
    cursor           : pointer;
    padding          : 2px;
    position         : absolute;
}

.boutons 
{
    cursor          : pointer;
    margin-right    : 20px;
}


.bouton_cliquable , .bouton_deroulable
{
    cursor          : pointer;
}

.bouton_cliquable:hover, .bouton_deroulable:hover 
{
   background-color : #f0f0f0;
   border-radius    : 5px; 
}

.bloc_emoticones
{
    float            : left;
    width            : 100px;
    margin-right     : 10px;
    margin-top       : 90px;
    clear            : left;
    vertical-align   : middle;
    text-align       : center; 

}

.bloc_autres_emoticones
{
    display : none;
}

#lien_autres_emoticones
{
    font-size       : 0.8em;
    font-weight     : bold;
    padding         : 0px !important;
    cursor          : pointer;    
    text-align       : center !important; 
}


.cadre_previsualisation_finale 
{
    margin: 10px 0 7px 15px;
    padding: 3px;
    width: 95%;
    
    background-color:#FFF;
    border:1px  dotted #D5D5D5;
    padding:10px;    
}