body {
  font-family: Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
  color:#333333;
  font-size: 12px;
  margin:0;
}

#bloc_fond {
  margin:0px;
  width:100%;
  background:url(img/fond.jpg) repeat-y center top;
}

#bloc_fond_2 {
  margin:0px;
  width:100%;
  padding-top:24px;
  margin-bottom:-56px; /* hauteur de fond_fin.jpg (partie blanche)  */
  background:url(img/fond_2.jpg) no-repeat center top;
}

#bloc_fin {
  margin:0px;
  width:100%;
  padding-bottom:80px; /* haureur totale de fond_fin.jpg */
  background:url(img/fond_fin.jpg) no-repeat center top;
}


#page {
  position:relative;
  width:772px;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  clear:both;
  float:none;
}

input {
  font-family: Arial, Helvetica, sans-serif;
  color:#333333;
  font-size: 12px;
}

textarea {
  font-family: Arial, Helvetica, sans-serif;
  color:#333333;
  font-size: 12px;
  border:1px solid #333333;

}

.input_text_formulaire {
  width : 200px;
  border:1px solid #333333;
}

.etoile {
  color:#FF3300;
  font-weight:bold;
  font-size: 15px;
}


.input_textarea_formulaire {
  height : 70px;
  width : 300px;
  border:1px solid #333333;
}

.input_textarea_admin {
  height : 70px;
  width : 400px;
  border:1px solid #333333;
}

.input_text_admin {
  width : 300px;
  border:1px solid #333333;
}

#contenu_admin {
  width:1000px;
  margin:0px 0px 0px 0px;
  border : 1px solid #CCCCCC;
  padding:10px 10px 0px 10px;
  background-color:#FFFFFF;
}

.bouton_recherche {
width:95px;
height:20px;
background-color:#F4F4F4;
color:#333333;
font-weight:bold;
border:1px solid #999999;
}

#tableau {
font-size:11px;
}


/* haut */
#banniere {
  width:320px;
  margin:0px 0px 0px 0px;
  padding:30px 0px 10px 450px;
  background-image:url(img/banniere.jpg);
  background-repeat:no-repeat;
  background-position:0px 5px;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
}

#menu {
  width:770px;
  height:20px;
  font-size:13px;
  background-color:#F4F4F4;
  color:#333333;
  font-weight:bold;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}

#menu a, #menu a:link, #menu a:visited {
  text-decoration: underline;
  color:#333333;
}

/* recherche, fiche descriptive du site, contact, ...*/
#contenu {
  width:750px;
  margin:0px 0px 0px 0px;
  border : 1px solid #CCCCCC;
  padding:10px 10px 0px 10px;
  background-color:#FFFFFF;
}


#contenu a.detail_site, #contenu a.detail_site:link, #listes_sites a.detail_site:visited {
  color:#666666;
  font-weight:bold;
}

#contenu a.detail_site:hover {
  color:#FF6600;
}

#contenu a.resultat, #contenu a.resultat:link, #listes_sites a.resultat:visited {
  color:#666666;
}

#contenu a.resultat:hover {
  color:#FF6600;
}

/* categorie (ajouter site, proposer categorie...) */
#menu_categorie {
  width:750px;
  margin:0px 0px 0px 0px;
  border-left : 1px solid #CCCCCC;
  border-right : 1px solid #CCCCCC;
  padding:10px;
  background-color:#FFFFFF;
}

#menu_categorie a, #annuaire a:link, #annuaire a:visited {
  text-decoration: underline;
  color:#666666;
}

#message_ok {
  width:75%;
  color:#009933;
  font-weight:bold;
  padding:7px;
  border:2px solid #009933;
}

#message_nok {
  width:75%;
  color:#FF3333;
  font-weight:bold;
  padding:7px;
  border:2px solid #FF3333;
}

/* categorie (liste des sites) */
#listes_sites {
  width:750px;
  margin:0px;
  padding:0px;
}

#listes_sites .tableau_site {
  border-bottom : 1px solid #BEBEBE;
}

#listes_sites a.titre_site, #listes_sites a.titre_site:link, #listes_sites a.titre_site:visited {
  color:#0000CC;
  font-weight:bold;
}

#listes_sites a.titre_site:hover{
  color:#FF6600;
  font-weight:bold;
}

#listes_sites .date_site {
  font-size:10px;
}

#listes_sites a.description_site, #listes_sites a.description_site:link, #listes_sites a.description_site:visited {
  color:#303030;
  background-color:#FFFDFB;
  text-decoration: none;
}

#listes_sites a.description_site:hover {
  color:#FF6600;
}

#listes_sites .url_site {
  color:#008000;
}


/* annuaire */

#annuaire {
  width:750px;
  margin:0px 0px 0px 0px;
  border-right : 1px solid #CCCCCC;
  border-left : 1px solid #CCCCCC;
  border-bottom : 1px solid #CCCCCC;
  padding:10px;
  background-color:#FFFFFF;
  background-image:url(img/image_2.jpg);
  background-repeat:no-repeat;
  background-position:bottom right;
}

#annuaire ul {
  float: left;
  margin: 0px 20px 0px 30px; /* mettre un plus au milieu la liste */
  padding: 0px;
  list-style-image: url(img/dossier.jpg);
  list-style-position: inside;
}

#annuaire li {
  font-size:14px;
  display: list-item;
  margin: 15px 0px 10px 0px;
  background-color: #FFFFFF;
  color: #333333;
  font-weight: bold;
  text-align: left;
}

#annuaire li a, #annuaire li a:link, #annuaire li a:visited {
  margin: 0px 3px 0px 3px;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
  border: 1px solid #FFFFFF;
  color: #666666;
}

#annuaire li a:hover, #annuaire li a:active {
  margin: 0px 3px 0px 3px;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
  border: 1px solid #FF6600;
  color: #592400;
}

#annuaire span.catniv2, #annuaire span.catniv2 a, #annuaire span.catniv2 a:visited,#annuaire span.catniv2 a:hover {
  margin: 0px;
  font-size: 10px;
  font-weight: normal;
  border: 0px;
  color: #47425E;
}

/* formulaire */
.commentaire {
  font-size:10px;
}

/* Fiche descriptive du site */
h1 {
font-size : 12px;
color:#333333;
display : inline ;
}

/* Administration */
.input_admin {
  font-size : 11px;
  width:350px;
  border : 1px solid #999999;
  margin-bottom:10px;
}

.textarea_admin {
  font-size : 11px;
  width:750px;
  height:350px;
  border : 1px solid #999999;
  margin-bottom:10px;
}

.news_titre_champ {
  color:#779B24;
  font-weight:bold;
}

#admin_listing_news {
  border:1px dashed #FF6600;
  padding:5px;
  background-color:#FFF8F2;
}

#admin_listing_news a.news_date:link,a.news_date:hover,a.news_date:visited{
  font-size:11px;
  color:#333333;
  text-decoration:none;
}

/* News */
 /* accueil */
#news_accueil a.news_date:link, #news_accueil a.news_date:hover, #news_accueil a.news_date:visited {
  font-size:11px;
  color:#666666;
  text-decoration:none;

}

#news_accueil a.news_titre:link, #news_accueil a.news_titre:hover, #news_accueil a.news_titre:visited {
  font-size:12px;
  color:#AE2C00;
  text-decoration:none;
}

#news_accueil a.news_contenu:link, #news_accueil a.news_contenu:hover, #news_accueil a.news_contenu:visited {
  font-size:12px;
  color:#333333;
  text-decoration:none;
}

#news_accueil a.news_suite:link, #news_accueil a.news_suite:hover, #news_accueil a.news_suite:visited {
  font-size:9px;
  color:#B00000;
  text-decoration:none;
}

/* News */
 /* Page News */

#contenu_news {
  margin-bottom:25px; /*uniquement pour la marge entre la pub et le cadre*/
  padding:10px;
  background-color:#FFFFFF;
  text-align:justify;
}

#contenu_news h1 {
  font-weight:bold;
  font-size:18px;
}

#contenu_news h2 {
  margin:0px 5px 5px 0px;
  font-weight:bold;
  font-size:14px;
  color:#CC3300;
}

#contenu_news li {
list-style-position: outside;
list-style-type: none;
list-style-image: url(img/puce.gif);
line-height:17px;
margin-bottom:5px;
}