/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
           _       ____
   ___  __| |_   _|  _ \ ____
  / _ \/ _` | | | | | | |_  /
 |  __/ (_| | |_| | |_| |/ /
  \___|\__,_|\__,_|____//___|

            Créée le              :  06 Avril 2006 (Oulaa ça date :D)
            Derniere mise a jour  :  26 Juil 2009
            Auteur                : InSide
            Version               : 2.0

     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* ------------------------------ Structure de base ------------------------------*/




body
{
    font-family             : 'Nimbus Sans L','Trebuchet MS',Verdana,Tahoma,sans-serif;
    width                   : 100%;
    min-width               : 1024px;
    margin                  : 0px;
    padding                 : 0px;
    background-color        : #FEFEFE; /* #FEFEFE;*/
    background-image        : url(images/bannieres/ban2.jpg);
    background-attachment   : absolute; 
    background-color        : #FFFFFF;
    background-position     : left 40px;  
    background-repeat       : no-repeat;    
}



#menu_rapide
{
    margin              : 0px;
    height              : 42px;
    position            : absolute; 
    text-align          : center;
    width               : 100%;
    min-width           : 1064px;
    background          : url(images/test/barre_noire.png) repeat-x; 
    z-index             : 20;
}




#corps
{
    width                 : 80%!important;
        background-color      : #fefefe;
    float                 : left;
    border-radius         : 15px;
    padding               : 0px 15px 10px 15px;
    max-width             : 1200px;
    min-height            : 300px;
    margin: 120px auto 10px 150px;
    border                : 1px solid #E8E8E8; 
    z-index : 20 ;   
    font-size             : 80%;
}




 #pied_de_page
{
    width           : 100% !important;
    text-align      : center;
    margin-top      : 30px;
    margin-bottom   : 0px;
    background-color : #f8f8f8;
    height          : 200px;
    font-weight     : bold;
    float           : left;
    color           : #444;
    font-size       : 72%;    
    padding-top     : 15px;
/*     border-top      : 1px solid #EdEdEd;    */
}



#reseaux_sociaux
{
    position       : absolute;
    top            : 380px;
    left           : 20px;
    vertical-align : middle;
    text-align     : center;      
}

#inscription
{
    position            : absolute;
    padding             : 10px;
    top                 : 240px;
    background-position : 5px center;
    left                : 15px;
    color               : #fff;
    width               : 100px;
    background-color    : #00b4ff;
    border-radius       : 9px 9px 9px 9px;  
    font-size           : 11px;
    font-weight         : bold;
    cursor              : pointer;
}


#inscription:hover
{
    opacity : 0.75;
    color   : #000;
}

#icone_bug
{
    position            :absolute;
    background          : url(images/objets/bug_32.png) no-repeat;
    padding             : 10px;
    padding-left        : 40px;
    padding-top         : 14px;
    top                 : 320px;
    background-position : 5px center;
    left                : 15px;
    color               : #444;
    width               : 100px;
    border-radius       : 9px 9px 9px 9px;  
    font-size           : 11px;
    cursor              : pointer;
}


#icone_bug:hover
{
    opacity:0.75;
    color:#000;
}



/* ------------------------------ Structure secondaire ------------------------------*/

#corps  p
{
    text-align      : justify;
    padding-left    : 15px;
    padding-right   : 10px;
}

#profil_utilisateur img
{
    vertical-align : middle;
}
#annonce
{
    width            : 80%;
    height           : 75px;
    padding-left     : 23px;
    padding-top      : 0px!important;
    padding-top      : 5px;

    margin-left      : auto;
    margin-right     : auto;
    margin-bottom    : 15px;

    background-color : #FEFEFE;
    border           : 1px solid #E6E6E6;

    border-radius    : 15px;

}

/* -------------------- Onglets du menu rapide */
#onglets
{
    display          : block;
    padding          :  0px 5px 0px 10px;
    list-style-type  : none;
    font-size        : 0.80em;
    margin           : 0px;

}


#onglets li
{
    float           : left;
    margin          : 2px 0px 0 0px !important;  /* Pour les navigateurs autre que IE */
    margin          : 4px 0px 0 2px;  /* Pour IE  */
    padding         : 0px ;
}



#onglets li img
{
    vertical-align  :top;
}

#onglets a
{
    display         : block;
    color           : #f6f6f6;
    text-decoration : none;
    padding         : 8px 15px 8px 15px; 
}

#onglets a:hover
{
     background     : url(images/test/barre_grise.png) repeat-x;
 
}

.logo_edudz a
{
    padding : 0px !important;
}


.logo_edudz a:hover
{
   background : none !important;
}


.sous_menu 
{
    list-style-type     : none;
    list-style-position : outside;
    background-color    : #000;
    border-radius       : 0px 0px 9px 9px;
    opacity             : 0.75; 
    padding             : 0px ;
    display             : none;
}


.onglet_connexion 
{
    background-color    : #000;
    border-radius       : 0px 0px 9px 9px;
    padding             : 0px ; 
    opacity             : 0.75;     
}


.sous_menu li
{
    float           : none !important;
    padding         : 0px ;
}

.sous_menu a
{
      padding         : 7px 5px 7px 5px !important; 
}

 li.onglet_connexion
{
     width : 170px;
     
}


.formulaire_connexion p
{
    font-size   : 11px;
    color       : #FFF;
    text-align  : left;
    padding-left: 12px;
    padding-top : 2px;
}

.formulaire_connexion form
{
    display : none;
}


/* ------------------------------ Mise en page de base ------------------------------*/




#corps ul
{
     list-style-position    : outside;
     list-style-image       : url(images/objets/puce_bleue_5.png);
}

.barre_info
{
    color               : #488048;
    background-color    : #F8F8F8;
    border-top          : 1px solid #F0F0F0;
    border-bottom       : 1px solid #F0F0F0;
    background-image    : url(images/Zcode/info.png);
    background-repeat   : no-repeat;
    background-position : 5px 50%;
    vertical-align      : middle;
    border-radius       : 10px;
    margin              : 10px 0px 0px 0px;
}

.div_e_warning
{
    color               : #ed7a1e;
    padding-left        : 50px;
    margin              : 5px;
    font-weight         : bold;
    border-top          : 1px dotted #ffae6c;
    border-bottom       : 1px dotted #ffae6c;
    background-image    : url(images/Zcode/attention.png);
    background-repeat   : no-repeat;
    background-position : 5px 50%;
    background-color    : #FCFCFC;
}

.div_e_notice
{
    color               : #488048;
    padding-left        : 50px;
    margin              : 5px;
    font-weight         : bold;
    border-top          : 1px dotted #488048;
    border-bottom       : 1px dotted #488048;
    background-image    : url(images/Zcode/info.png);
    background-repeat   : no-repeat;
    background-position : 5px 50%;
    background-color    : #FAFAFA;
}



.paignation
{
    text-align  : left;
    text-indent : 10px;
    height      : 33px;
}

img
{
    padding : 0px;
    margin  : 0px;
}

strong
{
    font-weight : bold;
 /*   font-size   : 98%;*/
/*     color: #484848; */
}

.arabe
{
    font-size   : 1.3em;
    font-family : 'Arial','Helvetica','Tahoma',sans-serif;
    text-align  : right;
}

.police_arabe
{
    font-size   : 1.2em;
    font-family : 'Arial','Helvetica','Tahoma',sans-serif;
}


div.arabe .information
{
    background-position: 100% 20%;
    padding-right: 50px;
}

h2.arabe
{
    height     : 40px;
    font-size  : 1.6em;
        padding-right: 60px;
    background-position: 100% 20%;
}

.spacer
{
    clear  : both;
    margin : 0px;
}

.option, .obligatoire { font-size : 11px; }




/* ------------------------------ Les titres ------------------------------*/

h1
{
    color           : #368EA6;
    font-size       : 1.3em;
    font-weight     : bold;
    text-align      : center;    
}

h2
{
    font-size       : 1.8em;
    font-weight     : bold;
    letter-spacing  : -1px;
    margin          : 0 0 5px 15px;
    padding         : 5px 0 5px 50px;
}


h3
{
    height      : 40px;
    color       :  #077fa7;
    font-size   : 1.5em;
    margin      : 0 0 0px 15px;
    padding     : 0px 0 0 0px;
}

h4
{
    color       : #8fbde1;
    font-size   : 1.2em;
    margin      : 0px 0px 0px 15px;
    padding     : 0px 0 0 0px;
}

hr
{
    height           : 1px;
    margin           : none;
    padding          : none;
    color            : #ECECEC;
    background-color : #ECECEC;
    border           : none;
    margin-top       : 10px;
    margin-bottom    : 5px;
}

/* ------------------------------ Les liens ------------------------------*/

a
{
    font-size       : 1em;
    color           : #368EA6;
    text-decoration : none;
    font-weight     : bold;
}

a:hover{color:#999999;}

a img {border:0px;}

/* ------------------------------ Les formulaires ------------------------------*/

label
{
    width        : 145px;
    display      : block;
    float        : left;
    text-align   : right;
    margin-right : 10px;
    cursor       : pointer;
    font-weight  : bold;    
    color        : #444;    
}



input [type=button], input[type=text], input[type=password]
{
    margin-bottom   : 3px;
    border          : 1px solid #e1e1e1;

}

input[type=submit],input[type=button]
{

    color       : #333;
    font-weight : bold;
    padding     : 2px 4px 2px 4px;
    font-family : 'Nimbus Sans L','Trebuchet MS',Verdana,Tahoma,sans-serif;
    background  : url(images/test/barre_grise_arrondie.png) repeat-x;
    border      : 1px solid #E0E0E0;
    
    border-radius: 4px 4px 4px 4px;

    cursor: pointer;
}    
}

input[type=submit]:hover, input[type=button]:hover
{
    border      : 1px solid #F1AB37; 
}

legend
{
    color           : #000000;
    padding         : 3px 10px 3px 10px;
    font-weight     : bold;
    border-radius   : 5px;
    
    background  : #B2DAFD;

}

fieldset
{
    background-color   : #F8F8F8;
    border             : 0px solid #EBEBEB;
    margin             : 10px -5px 10px -5px;
    border-radius  : 10px;
}

textarea
{
    color   : #000000;
    border  : 1px solid #e1e1e1;
    width   : 100% ;
}

/* -------------------- Formulaires personnalisés */

/* -- Formulaires du menu */



/* -- Formulaires de recherche  */
input[type=text].formulaire_recherche
{
    background-color: #F0F0F0;
    border          : 0px solid #e1e1e1;
    color           : #7B7B7B;
}



.nombre_commentaires, .nombre_messages
{
    padding             : 0 4px;
    background-color    : #E0E0E0;
    border-radius       : 2px;  
    color               : #333;
}



.pagination a
{
         color               : red !important;
}

.div_auteur
{
    font-size        : 11px;
    color            : #333;
    background-color : #FAFAFA; 
    border-top       : 1px dotted #E6E6E6;
    border-bottom    : 1px dotted #E6E6E6;
    text-align       : left;
    padding-left     : 20px;
    padding-top      : 4px;
    display          : block;
    font-weight      : bold;
    min-height       : 18px;
}


.reseaux_sociaux
{
     background-color : #FAFAFA; 
    border-top       : 1px dotted #E6E6E6;
    border-bottom    : 1px dotted #E6E6E6;
    padding-top      : 6px;  
    padding-left     : 150px;
    margin-bottom    : 30px;
    margin-top    : 30px;    
}

.



/* eduDz défend les bonnes causes, ne l'oublier pas */
#firefox
{
	width			: 110px;
	border-radius	: 5px;
	box-shadow		: inset 0 0 3px #333;
	font-family		: Arial;
	font-size		: 12px;
	color			: #222;
	background		: url(images/ff.png) no-repeat;
	background-position: center 10px;
	padding			: 10px;
	padding-top		: 65px;
	position		: absolute;
	left			: 10px;
	top 			: 430px;
	cursor			: pointer;
}

#firefox:hover
{
	background-color:#999999;
	color			:#fff;
}

.bouton
{
    float               : left;
    padding             : 5px 5px 5px 5px;
    margin              : 5px 5px 15px 5px;
    text-align          : center;
    background-color    : #F6F6F6;
    border              : 1px solid #EBEBEB;
    -moz-border-radius  : 15px;
    -webkit-border-radius : 15px;
}