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

            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            : 90%;
    margin           : auto;
    margin-top       : 2px;
    max-width        : 1280px;
    background-color : #FEFEFE; /* #FEFEFE;*/
    padding-left     : 10px;
}

#en_tete
{
    width       : 100%;
    height      : 250px;
    background  : url(images/objets/banniere2.jpg) no-repeat;
    margin      : 0px 0px 5px -2%;
}

#menu_rapide
{
    margin  : 0px 0px 0px -1%;
    padding : 0px;
}

#menu
{
    float       : left;
    width       : 105px;
    margin-left : 0px;
}

#corps
{
    width                 : 82%!important;
    width                 : 78%;
    float                 : right;
    -moz-border-radius    : 15px;
    -webkit-border-radius : 15px;
    border                : 1px solid #F4F4F4;/* 888*/
    padding               : 10px;
    background-color      : #FEFEFE; /* #FDFDFD*/
    padding-top           : 0px;
    margin-right          : auto;
    margin-bottom         : 0px;
}

 #pied_de_page
{
    width           : 99% !important;
    width           : 78%;
    padding         : 10px;
    text-align      : center;
    margin-top      : 30px;
    margin-bottom   : 0px;
    background      :url(images/objets/fond_pied_de_page.png) repeat-x;
    float           : right;
}

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


#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;

    -moz-border-radius    : 15px;
    -webkit-border-radius : 15px;
}

/* -------------------- Onglets du menu rapide */
#onglets
{
    width            : 96%;
    list-style-type  : none;
    padding-bottom   : 2px;
    font-size        : 0.7em;
     background       : url(images/objets/barre_menu_rapide.png) repeat-x;
    background-color : #F9F9F9;

    margin-bottom    : 15px;
    margin-top       : 0px;
    height           : 25px;
    border-bottom    : 1px solid #f1f1f1;
/*    letter-spacing : 0.8px; */
/*    font-variant   : small-caps; */

}


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

#onglets li.onglets_droite
{
      float : right;
}

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

#onglets a
{
    display         : block;
    color           : #7B7B7B;
    font-weight     : bold;
    text-decoration : none;
    padding         : 4px;
}

#onglets a:hover
{
    color:#077FA7;
}


/*  -------------------- Menu de gauche */
#menu .corpsmenu
{
    padding         : 1px 0px 5px 0px;
    margin          : 0px;
    margin-bottom   : 8px;
    background      : url(images/objets/fond_menu.png) bottom no-repeat;
}


#menu ul
{
    list-style-type     : none;
    list-style-position : outside;
    padding             : 0px;
    margin              : 6px;
    text-indent         :5px;
}


#menu li
{
    display:inline;
}


#menu li a
{
    font-size       : 0.65em;
    margin          : 0px;
    display         : block;
    padding-bottom  : 10px;
    height          : 20px;
    text-indent     : 8px;
}


#menu li a:hover
{
    color      : #FFFFFF;
    background : url(images/objets/barre_bleu.png) repeat-x;
    font-size  : 0.7em;
}

#menu h5
{
    margin          : 0px;
    padding-left    : 2px;
    font-weight     : bold;
    color           : #666666;
    font-size       : 11px;
    background      : url(images/objets/barre_titres_menu.png) no-repeat;
    letter-spacing  : 1.2px;
    font-variant    : small-caps;
    height          : 17px;
}

#menu h5 img
{
    vertical-align : top;
    padding-right  : 2px;
}

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

#corps , #pied_de_page p
{
    font-size       : 80%;
    color           : #484848;
    text-align      : justify;
    padding-left    : 15px;
    padding-right   : 10px;
    min-height      : 3em;
}

#pied_de_page p, #annonce p
{
    font-size : 70%;
    color     : #7B7B7B;
}

#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;
    -moz-border-radius  : 10px;
    -webkit-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;
}

.barre_grise, .paignation
{
    text-align        : center;
    height            : 26px;
    padding-top       : 2px;
    background-image  : url(images/test/barre_grise_arrondie.png);
    background-repeat : no-repeat;
    margin            :0px;
}

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

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

strong
{
    font-weight : bold;
    font-size   : 98%;

}

.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; }

.div_auteur
{
    font-size        : 11px;
    color            : #7B7B7B;
    background-color : #F8F8F8;
    border-top       : 1px solid #F0F0F0;
    border-bottom    : 1px solid #F0F0F0;
    text-align       : left;
    padding-left     : 20px;
    padding-top      : 2px;
    display          : block;
}


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

h1
{
    height          : 21px;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 13px;
    letter-spacing  : 1.2px;
    font-variant    : small-caps;
    color           : #5385bb;
    font-weight     : bold;
    text-align      : center;
    padding         : 0px;
    padding-top     : 2px;
    margin          : 0px;
    background      : url(images/test/barre_titre_h1.png) repeat-x;
}


h2
{
    height     : 40px;
    font-size  : 1.5em;
    margin     : 0 0 5px 15px;
    padding    : 10px 0 0 50px;
    background : url(images/test/circle_green.png) no-repeat 0% 50%;
}


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      : 0 0 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;
}


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

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

    color       : #FFF;
    font-weight : bold;
    font-family :'Trebuchet MS',Verdana,Tahoma,sans-serif;
    background  : url(images/objets/barre_bleu.png) repeat-x;
    border             : 1px solid #EBEBEB;
}

input[type=submit]:hover, input[type=button]:hover
{
    background  : url(images/objets/barre_verte.png) repeat-x;
}

legend
{
    color           : #000000;
    font-variant    : small-caps;
/*     background-color: #b2dafd; */

    color           : #5385bb;
    padding : 3px 10px 3px 10px;
    font-weight: bold;
    -moz-border-radius  : 10px;
   -webkit-border-radius : 10px;

}

fieldset
{
    background-color   : #F9F9F9;
    border             : 1px solid #EBEBEB;
    margin             : 10px -5px 10px -5px;
    -moz-border-radius  : 10px;
     -webkit-border-radius : 10px;
}

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

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

/* -- Formulaires du menu */
.formulaire_connexion
{
    font-size   : 11px;
    color       : #7B7B7B;
    text-align  : left;
    padding-left: 12px;
    padding-top : 2px;
}

p.formulaire_connexion input
{
    background-color : #F0F0F0;
    border           : 0px solid #e1e1e1;
    color           : #7B7B7B;
}

#menu input[type=submit]
{
    font-size:0.78em;
}

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

.apercu
{
    background-color:#FAFAFA;
    border:1px  dotted #D5D5D5;
    padding:10px;
}

.div_emoticones
{
    float:left;
    width:80px;
    margin-right:10px;
    margin-top:30px;
    clear:left;
}
.div_formulaire {margin-left:90px;}