/* CSS COMMUN A TOUS LES SITES */
/* ALBUM PHOTOS */

/* liste des catégories */

#contenu ul.liste_cat_photo { 
	width:100%;
    list-style-position: outside; 
    list-style-type:none; 
    margin:0;
    padding:0;
}

#contenu ul.liste_cat_photo li { 
	clear:both;
    padding:0 0 15px 0;
    margin:0;
}

#contenu ul.liste_cat_photo img { 
	border:0;
    float:left;
    padding:0 5px 15px 0;
}

#contenu ul.liste_cat_photo span{
	font-weight:bold;
}

/* affichage de la liste des photos (+ cartes virtuelles + amis) */

#contenu ul.affichage_photos, ul.affichage_amis, ul.affichage_cartes { 
	width:100%;
    list-style-position: outside; 
    list-style-type:none; 
    margin:0;
    padding:0;
}

#contenu ul.affichage_photos p {
    font-weight:bold;
    margin:0;
    padding:0;
}

#contenu ul.affichage_photos div.commentaires_photo {
	clear:both;
    padding-top:5px;
}

/* modele 1 : en 3 colonnes / 3 lignes */
#contenu ul.affichage_photos li.liste_photos_1, ul.affichage_amis li.liste_amis, ul.affichage_cartes li.liste_cartes {
	width:33%;
    height:210px;
    float:left;
    padding-top:15px;
    text-align:center;
    overflow:hidden;
}

/* modele 2 : en 3 colonnes / 3 lignes */
#contenu ul.affichage_photos li.liste_photos_2 {
	width:100%;
    padding-top:15px;
    text-align:left;
    overflow:hidden;
}
#contenu ul.affichage_photos img.type2 {
    border:0;
    padding:5px;
    float:left;
}
 
/* modele 3 : affichage taille réelle */
#contenu ul.affichage_photos li.liste_photos_3 {
	width:100%;
    padding-top:15px;
    text-align:center;
}
#contenu ul.affichage_photos img.type3 {
    border:0;
    padding:5px;
}
/* FIN ALBUM PHOTOS */


/* liens commentaires BLOG et PHOTOS */

#contenu a.voircom {
	background:url(http://static.e-monsite.com/im/comment.png) no-repeat left;
     padding:3px 3px 3px 20px;
     font-size:11px;
     margin-left:10px;
}
#contenu a.addcom {
	background:url(http://static.e-monsite.com/im/comments_add.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}

/* FIN liens commentaires BLOG et PHOTOS */


/* lien dossier/categorie */

#contenu a.categorieblog {
	background:url(http://static.e-monsite.com/im/folder.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}

/* fin dossier/catégorie */



/* MODULE BLOG / AGENDA */

#contenu ul.affichage_blog, ul.affichage_agenda {
	width:100%;
    list-style-position: outside; 
    list-style-type:none; 
    margin:0;
    padding:0;
}

#contenu ul.affichage_blog li, ul.affichage_agenda li { 
	clear:both;
    padding:0 0 0 0;
    margin:0;
}

#contenu ul.affichage_blog a.billetblog, ul.affichage_blog a.description_agenda {
	font-weight:bold;
    clear:both;
}

#contenu span.datebilletblog {
	background:url(http://static.e-monsite.com/im/clock.png) no-repeat left;
    padding:3px 0 3px 20px;
    font-size:11px;
}

#contenu ul.affichage_agenda span, #contenu p.dateagenda {
	background:url(http://static.e-monsite.com/im/agenda.png) no-repeat left;
    padding:3px 0 3px 20px;
    font-weight:bold;
}


#contenu ul.affichage_blog div.blogtags, div.blogtags_billet, div.infosagenda {
	padding:2px 0 2px 0;
    margin:0 0 25px 0;
    border-right:0;
    border-left:0;
}
    
    
/* Affichage du détail d'un événement de l'agenda */

#contenu p.contactagenda {
	background:url(http://static.e-monsite.com/im/email_go.png) no-repeat left;
    padding:3px 0 3px 20px;
}    

#contenu p.lieuagenda {
	background:url(http://static.e-monsite.com/im/map.png) no-repeat left;
    padding:3px 0 3px 20px;
}  

#contenu p.tarifagenda {
	background:url(http://static.e-monsite.com/im/money.png) no-repeat left;
    padding:3px 0 3px 20px;
} 

#contenu p.dureeagenda {
	background:url(http://static.e-monsite.com/im/time.png) no-repeat left;
    padding:3px 0 3px 20px;
} 

#contenu a.categorieagenda {
	background:url(http://static.e-monsite.com/im/folder.png) no-repeat left;
    padding:3px 0 3px 20px;
}  

/* Lien pour voir les archives de l'agenda */
#contenu a.archives_agenda {
	background:url(http://static.e-monsite.com/im/time.png) no-repeat left;
    padding:3px 0 3px 20px;
}
 

/* Lien d'abonnement au fil d'information RSS */
#contenu a.abo_rss {
	background:url(http://static.e-monsite.com/im/feed.png) no-repeat left;
    padding-left:20px;
}

#contenu p.center{
	text-align:center;
}

#contenu p.sondageBtn{
	text-align:center;
}


/* WIDGETS */

/*dernieres photos */
div.photoswidget {
float:left;
width:60px;
height:60px;
margin:1px;
}

/*moteur de recherche*/
input.moteurderecherche {
border:1px solid #000;
color:#000;
background:#FFF;
width:100%;
}
input.moteurderecherche_valid {
border:1px solid #FFF;
color:#FFF;
background:#000;
}

/* prochains événements de l'agenda */
ul.agenda {
padding: 0 0 0 0;
margin: 0;
}
ul.agenda li {
list-style: none;
padding: 5px 2px 5px 2px;
}
ul.agenda li span {
font-weight:bold;
}

/* module zone membre */
#contenu p.zmdroit {
	background:url(http://static.e-monsite.com/im/vcard.png) no-repeat left;
    padding:3px 0 3px 20px;
}
#contenu p.zmmaj {
	background:url(http://static.e-monsite.com/im/clock.png) no-repeat left;
    padding:3px 0 3px 20px;
}
#contenu p.zmemail {
	background:url(http://static.e-monsite.com/im/email.png) no-repeat left;
    padding:3px 0 3px 20px;
}
#contenu p.zmurl {
	background:url(http://static.e-monsite.com/im/world.png) no-repeat left;
    padding:3px 0 3px 20px;
}
#contenu p.zmstatut {
	background:url(http://static.e-monsite.com/im/user_comment.png) no-repeat left;
    padding:3px 0 3px 20px;
    font-style:italic;
}
#contenu p.connecte {
    padding:0;
    margin:0;
    text-align:right;
}
#contenu p.message {
    background:url(http://static.e-monsite.com/im/bullet_error.png) no-repeat left;
    padding:3px 0 3px 20px;
    font-weight:bold;
    border:1px solid #000;
}


/* lien supprimer */
#contenu a.supprimer {
	background:url(http://static.e-monsite.com/im/delete.png) no-repeat left;
    padding:3px 0 3px 20px;
}
/* lien editer */
#contenu a.editer {
	background:url(http://static.e-monsite.com/im/overlays.png) no-repeat left;
    padding:3px 0 3px 20px;
}
/*Chatbox*/
div#chatbox{
	margin: 0 auto;
    padding-bottom: 10px;
    background: #fff;
}
div#chatbox iframe{
	width: 100%;
    height: 450px;
	margin: 0;
}
div#chatbox form{
	width: 100%;
	margin: 0;
}
div#chatbox form p{
	margin: 10px;
}
div#chatbox form p input{
	width: 344px;
    padding: 3px;
}
div#chatbox form p input.btnChat{
	width: 130px;
	height: 25px;
	margin-right: 20px;
	text-align: center;
	border: 1px solid #ccc;
	background: #f7f7f7 url(http://static.e-monsite.com/im/comment_add.png) 15px 50% no-repeat;
    cursor: pointer;
}
div#chatbox form p input.btnChat:hover{
	border: 1px solid #000;
}

/*Formulaire > champs anti-spam*/
fieldset .securite_div{
	float:right;
}

fieldset .img_securite{
	vertical-align:middle;
	float:left;
}

fieldset input.input_codesecu{
	width:150px !important;
}

.attention{
	font-style:italic;
	font-size:smaller;
}