/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                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
    ------------------------------------------------------------------------------*/


/* -------------------- Module evenements */

h4.titre_bloc
{
    margin-bottom       : 8px;
    text-align          : center;    
    color               : #555;
    text-shadow         : 0px 0px 10px #C0C0C0 ;  
    font-variant        : small-caps ;    
    vertical-align      : middle;
}

#bloc_news , #bloc_fichier  , #bloc_forum , #bloc_video 
{
    margin-bottom   : 40px;
}

#bloc_news h4 img, #bloc_fichier h4 img, #bloc_forum h4 img, #bloc_video h4 img
{
    vertical-align  : top;
}


/* -------------------- Module evenements*/

.div_news
{
    width               : 85%;
    margin              : 15px 7.5% 50px 7.5% ;
    color               : #333;
    padding             : 9px;
    padding-top         : 0px;
    background-color    : #F6F6F6; 
    border-top          : 0px;
    
    border-radius       : 15px;      
}

h3.news
{
    color           : #555;
    display         : block;
    height          : 52px;
    padding-top     : 10px;
    background      : url(images/objets/icone_news.png) no-repeat 0% 100%; 
    text-indent     : 75px;
    text-align      : left;
    text-shadow     : 0px 0px 10px #C0C0C0 ;  
}



.slides_container 
{
/*     display          : none; */
/*     border           : 1px solid #DADBD9; */
    border-radius    : 12px;
    background-color : #f5f5f5;
}


.slides_control
{
    width:95% !important;
}        

.pagination 
{
    margin  : 10px auto 0;
    width   : 100px;
}

.pagination li 
{
    float       : left;
    margin      : 0 1px;
    list-style  : none;
}

.pagination li a 
{
    display             : block;
    width               : 12px;
    height              : 0;
    padding-top         : 12px;
    background-image    : url(images/slide/pagination.png);
    background-position : 0 0;
    float               : left;
    overflow            : hidden;
}

.pagination li.current a 
{
    background-position : 0 -12px;
}


.slide_news, .slide_fichier, .slide_forum
{
    width           :100% !important;
    display         :block;    
    padding-bottom  : 60px;  
    padding         : 8px;
    padding-right   : 15px; 
    height          :115px; 
 
}


.slide_news p, .slide_fichier p, .slide_forum p
{
    color : #555555;
}
 

#blocs_news_fichiers, #blocs_forum_videos
{
    margin      : 35px auto 0px auto;  
     width        :90%; 
  clear       : both;   
}
 
#bloc_news,  #bloc_fichier,  #bloc_forum
{
    width        :42%;  
    padding-left : 40px;     
}

#bloc_news
{
    background  : url(images/slide/titre_news.png) no-repeat top left; 
   float        : left; 
   margin-right : 5%;
}

#bloc_fichier
{
    background  : url(images/slide/titre_fichiers.png) no-repeat top left ; 
float       : left;   
}



#bloc_forum
{
    background  : url(images/slide/titre_forum.png) no-repeat top left ;   
 float       : left;    
    margin-right : 5%;
} 

.slide_forum
{
    height :85px;
}

.auteur_news
{
    color     : #848484;
    font-size : 0.85em;
}


.titre_news
{
    font-size       : 13px;
    padding-left    : 20px; 
    font-weight     : bold;
    color           : #555;     
    margin          : 2px 1.25% 2px 1.25%;
}

h5.titre_news a
{
    
       color        : #555; 
}



#bloc_video
{
   width               : 35% ;
/*    margin          : 5px auto 30px auto;*/
    color               : #333;
    background-color    : #f5f5f5; 
    border-top          : 0px;
    border-radius   : 15px;
    background  : url(images/slide/titre_videos.png) no-repeat top left ;     
    padding-left : 50px;   
float       : left;      
}


#citation 
{
    background-color    : #F3F3F3;
    border              : 1px solid #D3D3D3;
    border-radius       : 13px;
    max-height          : 60px;
    overflow            : hidden;
    padding             : 4px 8px;
    position            : absolute;
    top                 : 55px;
    right               : 30px;
    text-align          : right;
    width               : auto;
    max-width           : 400px;
    
    font-size           : 12px;
    opacity             : 0.75; 
    z-index             : 10;
}


#citation span
{
    font-weight : bold;
    font-size   : 13px;
}