body  {
        background : #DDDDCF;
        margin: 0;
        padding: 0;
        font: 13px Verdana, Arial, Geneva, Helvetica, sans-serif;

        }


/* contient tous les div de la page - correspond au cadre global - n'est pas utilisé dans cette css */

#conteneur {

       /* background-color : transparent; */
        padding : 0;
        margin : 0;

}

#container {
width: 970px;
border-top : 5px solid #556666;
border-left : 1px solid #556666;
border-right : 1px solid #556666;
margin-top : 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}

#galerie {
border-top : 1px solid #556666;
border-bottom : 1px solid #556666;
}


/* positionnement banner - premier logo */

#topheader {

        margin: 0;
        padding-top: 0px;
        padding-bottom: 5px;
        background-color: #A8A885;
        border-bottom: 0px solid #ddddcf;
        background-image:url("/logos/logopsk1.jpg");
        background-position: 15px 5px;
        background-repeat:no-repeat;


}

/* Titre de ma page - n'apparaît pas dans la css mais uniquement dans le code html */

#topheader h1 {

        display: none;
        margin: 0;
        padding: 0;

}


/* positionnement banner - deuxième logo */

#topheader div {

        background-image:url("/logos/logopsk3.jpg");
        background-position: top right;
        background-repeat: no-repeat;
        padding: 150px 5px 5px 5px;
        margin: 0 10px 10px 2px;

}



#menutop {
        text-align:center;
        border : 1px solid #A9A985;
        background-color: #f8f8fa;
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 2px;
        padding-right: 2px;
        color: #23549A;
        font-size: 11px;

}



#menuleft {

        color: #666666;
        background-color: #DDDDCF;
        border-right : 1px solid #C8C8B9;
        float: left;
        width: 150px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;

}

/* modification des propriétés du titre h1 uniquement dans le menu*/

#menuleft h3 {

        color: #23549A;
        background-color: #E6E6DA;
        border : none;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;

}

/* modification des propriétés des paragraphes contenus dans h1 du menu */

#menuleft p {

        color: #666666;
        font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
        text-align: left;
        padding-right: 5px;

}

/* liste sans puces uniquement dans le menu */

#menuleft li {

        list-style-type: none;
        font-size: 11px;
        text-align: left;
        line-height: 20px;
        padding-left: 2px;
        padding-right: 2px;


}


#menuleft ul {

        font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
        margin-left: 0px;
        padding-left: 10px;

}


/* contenu de la page principal - à droite du menu marge gauche à 150 px
le width permet de modifier éventuellement la taille d'un border pour contenu h1*/

#contenu {
        background-color : #DDDDCF;
        color:#666666;
        line-height: 20px;
        padding-top : 2px;
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 165px;
        margin-right: 0;
        width: auto;
}

/* modification du h1 uniquement dans le contenu   */

#contenu h3 {

        font: 14px Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-weight: bold;
        text-transform :lowercase;
        letter-spacing: 3px;
        color: #23549A;
        line-height: 20px;
        text-align: left;
        border-bottom: 2px solid #23549A;
}

/* modification des propriétés des paragraphes uniquement dans le contenu */

#contenu p {

        font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
        line-height: 20px;
}

/* modfication des propriétés des formulaires */

#formulaire  {

        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 11px;
        background-color: #E6E6DA;
        border : 1px solid #A9A985;
        text-align: center;
 }


#formulaire table {

        width: 80%;

 }



#formulaire td, #formulaire th {

        width: 20%;

}

#formulaire td {

         text-align: left;

 }

#formulaire th {

        text-align: right;
        font-weight: normal;

 }


/* permet l'affichage de la première lettre des paragraphes  du contenu en caractère gras */

#contenu p:first-letter {

        font-weight: bold;
        font-size:150%;
}


#footer {
        background-color: #D7D7CA;
        border-top : 1px solid #A9A985;
        border-bottom : 5px solid #556666;
        color: #000000;
        font-size: 10px;
        text-align: center;
        margin: 0px;
        padding: 4px;
}


a {

        text-decoration:none;

}


a:link {

        text-decoration:none;
        color:#666666;

}

a:visited {

        text-decoration: none;
        color:#666666;

}

a:active {

        text-decoration: none;
        color:#666666;

}

a:hover {

        color: #FF6600;
        background-color: transparent;

}



hr.toto {
        clear: both;
        visibility: hidden;
        margin: 0;
        padding: 0;
}


input {

        border: 1px solid #A9A985;
        color: #666666;
        padding-left: 0px;
        margin:0px;
        font-size: 11px;

}

input:hover, textarea:hover {
        color: #23549A;

}

/* couleur bleu */

.bleu {

           color: #23549A;
        font-size: 11px;

  }

/* couleur rouge */

.rouge {

        color: #ae0808;
        font-size: 11px;

}

.bleu {

       color: #4A7BAD;
       font-size: 10px;
}



.redsmall {

    color: #ae0808;
    font-size: 10px;

}



.gras {

        font-weight: bold;

}

.souligne {

        text-decoration: underline;

}




#center {

        text-align: center;

}

/* commentaire photos*/

.commentaire {

        text-align: right;
        color: #000000;
        font-size: 11px;

}

/* position des photos */

#photos{

        margin-top: 20px;
        text-align: center;
        color: #000000;
        font-size: 11px;
}

#photos2{

        margin-top: 20px;
        margin-left: 50px;
        padding: 5px;
        color: #000000;
        font-size: 11px;
}


/* mise en forme du livre d'or */

td.lvor {

                border:none;
                background-color: #f7f7f0;
}

td.lvor2 {

                padding-top: 10px;
                padding-bottom: 10px;
                background-color: #E6E6DA;
                border:none;
}


table.lvor {

        line-height: 20px;
        border : 1px solid #cccccc;

}


#contenu h3.titre {


text-align: left;
text-decoration: none;

}

/* mise en forme du livre d'or */

#livre {
        margin-left: 180px;
        margin-right: 180px;
        margin-top: 20px;
}

/* mise en forme affichage des news */

#livre2 {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}




.link {

text-align: center;

}



/*utilisation cadre et alignement texte vertical pour affichage des thumbnails dans la rubrique contributions*/

img.tn {
margin : 3px;
border : 1px solid #A9A985;
vertical-align:middle;
}

img.tn2 {
margin-left : 150px;
margin-right: 10px;
border : 1px solid #A9A985;
vertical-align:middle;
}

img.tn3 {
margin: 3px;
border : 1px solid #A9A985;
vertical-align:middle;
}


.contenu_img {
border : 1px solid #A9A985;
vertical-align: middle;
float:left;
margin-left: 2px;
margin-right: 6px;
}

.contenu_ad1 {
vertical-align: middle;
float:left;
margin-left: 2px;
margin-right: 6px;
}

.contenu_ad2 {
vertical-align: middle;
float:right;
margin-left: 2px;
margin-right: 6px;
}


/*image sans cadre*/

img.no {

border: none;
padding-left: 10px;

}

img.noplus {

border: none;
margin-left: 5px;
}

img.no2 {

border: none;
padding-left: 5px;
}

/*utilisation d'un cadre pour affichage des images taille normale*/

img.border {
border : 1px solid #A9A985;
}

img {
margin: 5px;

}

#forum {
        margin-left: 100px;
        margin-right: 100px;
}

#cadre {
border : 2px solid #23549A;
padding: 5px;
}

#cadre2 {
border : 2px solid #AE0808;
padding: 5px;
}

li {
list-style-type: none;
}

#scrollvertical {
padding-left: 15px;
padding-right: 10px;
line-height: 15px;
}

#scrollvertical img {
border: none;
}

.va {
vertical-align: middle;
}

.new {
background-color: #FFFFFF;
color : #23549A;
}

/* Annuaire */
.text_index_annuaire {  }

/* Lien vers les categories principales sur la page d'accueil */ 
a.link_cat_index_annuaire { font-size: 14px; 

font-weight:bold;
}

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { font-size: 14px; }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-size: 14px; }


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Arial; font-size: 14px; }

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire {  }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Arial; font-size: 14px; 
border : 1px solid #556666; 
padding: 4px;
background-color: #E6E6DA;
}

/* Texte pour dire qu'il n'y a pas de site dans une categorie :
Pas encore de sites dans...
*/
.no_site_in_cat_annuaire { color: #ff0000; }


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire { font-size: 14px; 
color: #23549A;
font-weight:bold;
text-decoration:underline;
}

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-size: 14px; }

/* Date de validation des sites */
.date_validation_site_annuaire { font-size: 14px; 
}

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire { font-size: 12px; }

/* Description des sites */
.description_site_annuaire { font-size: 12px; 
color: #000000;
}

/* URL des sites */
.url_site_annuaire { font-size: 12px; 
color: #006600;
}

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire { font-size: 12px; 
color: #DD6900;
}

/* Lien pour voter pour les sites */
a.vote_site_annuaire { font-size: 12px; 
color: #DD6900;
}

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire { font-size: 12px; 
color: #DD6900;
}

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire { font-size: 12px; 
color: #DD6900;
}

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire { font-size: 14px; }


/***** NOUVEAUTES *****/
/* Texte pour dire qu'il n'y a pas de nouveaux sites ces X derniers jours :
Aucun site n'a été ajouté ...
*/
.no_new_site_annuaire { color: #ff0000; }

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annuaire { font-weight: bold; }


/***** TOP CLICS *****/
/* Texte pour dire qu'aucun site n'a deja recu de clic :
Aucun site n'a encore reçu de visite...
*/
.no_clic_site_annuaire { color: #ff0000; }


/***** TOP VOTES *****/
/* Texte pour dire qu'on n'a pas encore voter pour les sites :
Aucun site n'a encore reçu de vote...
*/
.no_vote_site_annuaire { color: #ff0000; }

/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */
a.type_vote_annuaire {  }


/***** RECHERCHE *****/
/* Texte au cas ou il n'y aurait pas de resultat a la recherche effectuee :
Aucun résultat pour la recherche...
*/
.no_res_search_annuaire { color: #ff0000; }

/* Timer pour le moteur de recherche */
.timer_search_annuaire { font-style: italic; }

/* Texte dans les resultats d'une recherche :
Categories trouvées, Sites trouves
*/
.res_search_cat_site_annuaire { font-weight: bold; }

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annuaire {  }

/* Bouton pour lancer la recherche */
input.button_make_search_annuaire {  }

/* Texte en dessous du champ pour entrer la recherche a effectuer :
Résultats par page ...
*/
.text_search_annuaire {  }

/* Liste deroulante pour choisir le nombre de resultats de la recherche */
select.list_nb__res_search_annuaire {  }


/***** AJOUTER UN SITE *****/
/* Texte de confirmation apres la proposition d'un site dans l'annuaire */
.confirm_add_site_annuaire { font-size: 14px; }

/* Texte pour dire que tous les champs sont obligatoires */
.all_field_required_annuaire { color: #ff0000; font-weight: bold; }

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annuaire { color: #ff0000; font-weight: bold; font-size: 14px; }

/* Texte devant les champs :
Votre nom :, Votre prénom,...
*/
.text_before_field_add_annuaire { font-family: Arial; font-size: 12px; }

/* Champ(4) pour rentrer les donnees du site (nom, email, URL, titre) */
input.field_data_add_site_annuaire {  }

/* Textarea pour la description du site */
textarea.descr_add_site_annuaire {  }

/* Bouton pour envoyer le formulaire */
input.submit_form_add_site_annuaire {  }

/* Liste deroulante avec toutes les categories */
select.list_all_cats_annuaire {  }  


/***** VOTE *****/
/* Texte si on a deja vote pour le site :
Vous avez déjà voté ces dernières...
*/
.deja_vote_annuaire { color: #ff0000; }

/* Texte apres avoir voter correctement */
.vote_ok_annuaire { color: #009900; }

/* Texte qui apparait dans la popup avant de voter :
Vous allez pouvoir voter...
*/
.text_vote_annuaire { font-weight: bold; }

/* Liste deroulante avec les votes possibles */
select.list_vote_site_annuaire {  }


/***** COMMENTAIRES *****/
/* Texte pour signaler qu'il n'y a pas encore eu de commentaires pour un site :
Pas encore de commentaire...
*/
.no_com_site_annuaire { color: #ff0000; }

/* Auteur + date d'ajout du commentaire */
.author_and_date_com_annuaire { font-weight: bold; }

/* Texte du commentaire */
.text_com_annuaire {  }

/* Bouton pour ajouter un commentaire */
input.button_add_com_annuaire {  }

/* Texte devant les champs du formulaire d'ajout d'un commentaire */
.text_before_field_com_annuaire { font-weight: bold; }

/* Textarea pour entrer le commentaire */
textarea.text_add_com_annuaire { font-size: 12px; }

/* Champs nom et email pour la personne qui ajoute un commentaire */
input.champ_com_annuaire {  } 


/***** DIVERS *****/
/* Lien dans le bas des pages */
a.link_footer_annuaire { font-family: Verdana; font-size: 12 px; font-weight: bold; }

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { font-family: Verdana; font-size: 12 px; }

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire {  }
.arbo_annuaire_petit { color:green; font-weight: normal; }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire {  }

/* Liens vers les numeros des pages si il y a trop de sites pour etre affiche sur une seule page (categorie + recherche) */
a.link_numpage_annuaire { font-size: 11px; font-family: Arial; }

/* Titre des pages de l'annuaire */
.titre_annuaire { font-size: 18px; font-weight: bold; font-family: Arial; }

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire {  }

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annuaire {  }

/* fin annuaire */

/* galerie du site */
 
.img-shadow {
  float:left;
  background: url(../images/shadowalpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
 } 

table.mainadmin {
background-color: #DDDDCF; 
}

td.adminheader {
color: #ffffff; 
background-color: #7D8680; 
vertical-align: top;
text-align: left;
padding:2px; 
vertical-align: center;
}

td.adminbody {
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%; 
vertical-align: top;
background-color: #DDDDCF; 
text-align: left;
border-left: 1px;
border-right: 1px;
border-bottom: 1px;
border-top: 0px;
padding:15px; 

}

table.subnav {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 100%; 
vertical-align: top;
text-align: left;
padding-left:10px; 
padding-right:5px; 
}

.topnav {
color: #ffffff; 
background-color: #DDDDCF; 
vertical-align: middle;
text-align: center;
border: 1px;
border-style: outset;
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 80%; 
font-weight: bold;
width: 20%;
}

span.heading {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 130%; 

}

span.smerrortxt {
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%; 
color: #990000;

}

td.galheader {
color: #000000; 
background-color: #F3F3F3; 
vertical-align: top;
text-align: left;
padding:2px; 
border: 1px;
border-style: solid;
font-family:  Arial, Helvetica, sans-serif; 
font-size: 100%;
}

td.galdetails {
color: #000000; 
background-color: #ffffff; 
vertical-align: top;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}



span.footer {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
text-align: center;}

td.smadmin {
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%;
color: #808080 ;
}

.errortxt {
color: #CC0033;
font-weight: bold;
font-size: 110%;
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
}

td.resultline-alt {
background-color: #E6E6DA; 
text-align: left;
}

td.resultline-light {
background-color: #DBDBD2; 
text-align: left;
}

td.resultline-rlight {
background-color: #FDFDFD; 
text-align: right;
}
td.resultline {
background-color: #E6E6DA; 
}


input.formbutton {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 90%; 
color: #000000;
font-weight: bold;
border:1px solid;
padding: 0px;
border-top-color:#000033;
border-left-color:#000033;
border-right-color:#000033;
border-bottom-color:#000033;
background-color: #6699CC;
filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#6699CC');}


}

input, textarea, select {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 90%; 
color: #000000;

}

span.highlighttxt {
background-color: #FFCC99; 
font-weight: bold;
}

.blue {
font-style:bold;
color : #226690;
}