/************************************************

Feuille de styles site E-monsite.com 

************************************************/


/* Configuration générale du site (police de caractère et taille par défaut, fond d'écran (couleur ou image), etc.) */
body { 
margin:0px;
padding:0px;
text-align:center;
color:#000000;
font: 13px Trebuchet MS, Helvetica, Arial, sans-serif, Verdana;
background-repeat:no-repeat;background-position:center center;background-attachment: fixed;
background-image: url(http://s1.e-monsite.com/2009/08/26/7762782845547820fondecranmanimalworld-jpg-jpg.jpg);
background-color: #D0DAFF;
}
 
/* liens par défaut */
a{ 
color:#0034B7;
text-decoration:underline;
}

a:hover{
text-decoration:none;
color: #000000;
}
 

/* Titre du site dans le bloc header */ 
#header h1,#header p { 
	margin:0 0 0 0; 
    padding:0 5px 0 5px; 
    font-size:50px; 
    line-height:normal; 
    font-family:Trebuchet MS; 
    color:#FFFFFF; 
    text-align:center;
    display:none; 
 }

/* Titre des rubriques et des modules dans le bloc contenu  */
#contenant #contenu h2,#contenant #contenu h1{ 
    margin:0 0 20px 0; 
    padding:3px; 
        text-align:center; 
    font-size:20px; 
    color:#000000; 
    font-weight:bold; 
    background-image: url(http://www.e-monsite.com/); 
    background-repeat:no-repeat;background-position:center center;    border:1px solid #000000;    line-height: normal;
 }


/* Titre des rubriques dans le contenu avec un lien  */
#contenant #contenu h2 a,#contenant #contenu h1 a { 
    color:#000000;
}

/* Style à utiliser pour faire des sous titres dans les rubriques */
h3 { 
    margin:20px 0 0 0;
    padding:0 0 0 0; 
    text-align:left; 
    font-size:16px; 
    font-weight:bold; 
    clear:both;
}

h3 a { text-decoration:none; }

/* Titre des sujets du forum sur la page du sujet */
h4 { 
	margin:0 0 0 0; 
    padding:0 0 0 20px; 
    font-size:17px; 
    background: url(http://www.e-monsite.com/rep/im/script.png) left no-repeat;
}

h5 { 
	margin:0 0 0 0; 
    padding:0 0 0 0 ; 
    font-size:13px; 
}

/* Barre se séparation dans le contenu */
hr {
	border: none 0;
    border-top: 1px solid #000000; 
    width: 100%; 
    height: 1px; 
}

ul.formulaire {list-style-position: outside; list-style-type:none; margin:0; }

/* FORMULAIRES PAR DEFAUT*/
form { }
label { }
input {
padding:2px;
}
select, option {}
textarea {
padding:2px;
}
/* FIN FORMULAIRES PAR DEFAUT*/



/* BLOC EDITABLE POUR LES VERSIONS PRO EN HAUT DU SITE */
#hautvpro
{ 
width:100%;
text-align:center;
font: 13px Trebuchet MS, Helvetica, Arial, sans-serif, Verdana;
color:#000000;
}

#hautvpro a
{ 
color:#000000;
text-decoration:none;
margin:0;
padding:0;
}

#hautvpro a:hover
{ 
color:#000000;
text-decoration:underline;
}
/* FIN BLOC EDITABLE POUR LES VERSIONS PRO EN HAUT DU SITE */


/* BLOC PUBLICITÉ ADSENSE 
UNIQUEMENT EN VERSION PRO */
#pubpro
{
text-align:center;
margin:5px;
}
/* FIN BLOC PUBLICITÉ ADSENSE */




/* BLOC LOGO */
#headerlogo
{
text-align:center;
}
/* FIN BLOC LOGO */


/* BLOC HEADER (entete) AVEC TITRE DU SITE EN TEXTE */
#header
{
height:45px; /* la hauteur est égale à :  hauteur - padding-top */
padding:12px 0px 0 0px;
width:960px;color:#FFFFFF;text-align:center;
font-weight:bold;}

#header a{
    color:#FFFFFF;
    text-decoration:none;
}

/* Bloc du sous-titre */
#header div.sstitre{
    font-size:16px;
    padding:0 5px 0 5px;
    margin:0;
    line-height:normal;
    display:none;
}

/* Uniquement pour la disposition menu horizontal en dessous de l'entete (pour que le menu ait la même largeur que l'entete) */
#headermenu {
	width:960px;    text-align:center;
    margin:auto;
}

/* FIN DU BLOCK HEADER  */



/* BLOC CONTENANT LES MENUS HAUT (selon emplacement), BAS (selon emplacement), DROITE, GAUCHE, CONTEN U*/
#contenant
{
font-family:Trebuchet MS; 
width:980px;
background-color:;
text-align:left;
margin-top:0px;
overflow:hidden;
padding:0 0px 0 0px; 
border-top:none;}

/* FIN DU BLOC CONTENANT LES MENUS HAUT, BAS, DROITE, GAUCHE, CONTENU */


/* BLOC DU CONTENU */

#contenant #contenu
{ 
color:#000000;
width:530px;
margin: 2px 215px 5px 215px;
line-height: 150%;}

#contenant > #contenu
{ 
width:auto;
margin: 2px 50px 5px 50px;
}


#contenu div, #contenu span,#contenu ul,#contenu li{
margin: 0;
padding: 0;
}

#contenant #contenu li.formulaire { list-style-type:none; }

/* FIN DU BLOC DU CONTENU */







/* MENU HAUT HORIZONTAL */
#menuh
{ 
position: absolute;
top: 345px;
left:47px;
right: 30px;
clear:both;
font-size:14px;
text-align:center;
color:#000000;
padding:auto 0;
font-size:13px;
margin-bottom:10px;
height:30px;
overflow:visible;
} 

/* Style des liens dans le menu haut horizontal*/
#menuh a 
{ 
//display:block;
border:1px solid gray;
background-image: url(http://s1.e-monsite.com/2009/07/01/06/47715577menuderoulant-jpg.jpg);
color:#000000;
font-size:14px;
text-decoration:none;
text-align:center;
height:30px;
width:150px;
line-height:31px;
padding:0 0px;
margin:1px;
position:relative;
z-index:100;
}

/* Style des liens dans le menu haut horizontale, une fois survolé*/
#menuh a:hover
{ 
color:#2136AF;
text-decoration:underline;
}

/* MENUS DEROULANTS */
#menuh #nav ul li { margin:auto 1px; padding:auto 1px; }
#menuh #nav { margin:1px auto; height:30px; z-index:1000000; width:100%; }
#menuh #nav ul { 
	top:31px;
}
#nav ul li a { color: #000000; }
#nav ul a.hover { color: #2136AF; }
#nav ul a { border:1px solid gray;  opacity: 0.9; filter: alpha(opacity=90);float: none; margin:0; }
/* FIN MENUS DEROULANTS */
/* FIN DU MENU HAUT HORIZONTAL */



/*MENU HORIZONTAL EN BAS DU SITE */
#menub
{ 
font-size:12px;
padding:auto 0 2px auto;
text-align:center;
color:;
font-size:12px;
height:30px;
overflow:hidden;
}

#menub a 
{ 
color:;
font-size:12px;
font-weight:bold;
text-decoration:none;
height:10px;
line-height:10px;
padding:4px 10px 4px 10px;
position:relative;
z-index:100;
}

/* Style des liens dans le menu haut horizontale, une fois survolé*/
#menub a:hover
{ 
color:#00CCCC;
text-decoration:underline;
padding:4px 10px 4px 10px;

}

/*FIN DU MENU HORIZONTAL EN BAS DU SITE */



/*

MENU DE GAUCHE VERTICAL 

/!\ !!!!!!!
Si la disposition "1 seul menu à droite" est choisie c'est ce style qui s'applique (ne pas tenir compte de l'indication menu de gauche)

*/


/* Bloc des rubrique/catégorie des menus gauche  */
#menug .categorieg
{
padding:0;
margin:0 0 20px 0;
}


#menug
{
font-size:13px;
margin:2px 5px 20px 5px;
-margin:2px 3px 20px 3px; /* Pour IE6 */

width:200px;
color:#000000;
}



#menug ul {
list-style: none;
margin: 0px;
padding: 0 0 0px 0;
border: none;
z-index:100;
}

#menug ul li {
margin: 0px;
padding: 0 0 0 0;
}

#menug ul li a {
display: block;
border-bottom: 1px solid #000000;
padding: 5px 0px 5px 3px;
text-decoration: none;
color: #000000;
}

#menug ul li a:hover, #menug ul li a:focus {
color: #0034B7;
background-color: #DFF5E5;
}


#menug span
{
text-align:left;
display:block;
padding:2px 2px 2px 2px;}

/* Affichage de formulaires dans le menu de gauche avec la classe "formulaire" */
#menug ul.formulaire {list-style-position: outside; list-style-type:none; margin:0; font-size:11px; }

/* Barre horizontale dans le menu de gauche */
#menug hr
{
border: none 0; border-top: 1px solid #000000; width: 100%; height: 1px; 
}

/* CATEGORIES DU MENU DE GAUCHE */
#menug h3 {
display:block;
text-align:center;
font-size:13px;
padding:0 3px 0 3px;
margin:0;
overflow:hidden;
}

#menug h3 a {
color:#000000;
text-decoration:none;
}

#menug h3 a:hover
{
color:#000000;
text-decoration:underline;
}
/* FIN CATEGORIES */


/* Style des liens des titre des rubriques du menus gauche*/



#menug a {
color:#000000;
text-decoration:none;
}

#menug a:hover{
color:#DFF5E5;
text-decoration:underline;
}


/*FIN MENU DE GAUCHE VERTICAL */



/*

MENU DE DROITE VERTICAL 

/!\ !!!!!!!!!
Seulement pour les dispositions à deux menu verticaux. 

*/

#menud .categoried
{
padding:0;
margin:0 0 20px 0;
}


#menud
{
font-size:13px;
margin:2px 5px 20px 5px;
-margin:2px 3px 20px 3px; /* Pour IE6 */

width:200px;
color:#000000;
}


#menud ul {
list-style: none;
margin: 0px;
padding: 0 0 0px 0;
border: none;
z-index:100;
}

#menud ul li {
margin: 0px;
padding: 0 0 0 0;
}

#menud ul li a {
display: block;
border-bottom: 1px solid #000000;
padding: 5px 0px 5px 3px;
text-decoration: none;
color: #000000;
}

#menud ul li a:hover, #menug ul li a:focus {
color: #0034B7;
background-color: #DFF5E5;
}


#menud span
{
display:block;
margin:2px 2px 2px 2px;}

/* Affichage de formulaires dans le menu de droite avec la classe "formulaire" */
#menud ul.formulaire {list-style-position: outside; list-style-type:none; margin:0; font-size:11px; }

/* Barre horizontale dans le menu de droite */
#menud hr
{
border: none 0; border-top: 1px solid #000000; width: 100%; height: 1px; 
}

/* CATEGORIES DU MENU DE DROITE */
#menud h3 {
display:block;
text-align:center;
font-size:13px;
padding:0 3px 0 3px;
margin:0;
overflow:hidden;
}

#menud h3 a {
text-decoration:none;
color:#000000;
}

#menud h3 a:hover
{
text-decoration:underline;
color:#000000;
}
/* FIN CATEGORIES */


/* Style des liens des titre des rubriques du menu de droite */



#menud a {
color:#000000;
text-decoration:none;
}

#menud a:hover{
color:#6188EB;
text-decoration:underline;
}


/*FIN MENU DE DROITE VERTICAL */



/* BLOC EDITABLE EN DESSOUS DU SITE */
#bas
{ 
text-align:center; 
color:#000000;
}

#bas a
{ 
color:#000000;
text-decoration:none;
}

#bas a:hover
{ 
color:#000000;
text-decoration:underline;
}
/* FIN DU BLOC EDITABLE EN DESSOUS DU SITE */



/* LIENS E-MONSITE */
#lien-emonsite 
{ 
color:#000000;
}
#lien-emonsite a
{ 
color:#000000;
text-decoration:none;
}
#lien-emonsite a:hover
{ 
color:#000000;
text-decoration:underline;
}
/* FIN LIEN E-MONSITE */





/* CADRES VISITEURS / COMMENTAIRES / ETC */

/* Cadre Vous êtes le XX visiteurs & dernière mise à jour */
#contenu .visiteurs
{
margin-top:20px;
background-color:;
text-align:center;
font-size:16px;
font-weight:bold;
color:#000000;background-image: url(http://www.e-monsite.com/);
background-repeat:no-repeat;background-position:center center;border:1px solid #000000;clear:both;
}

/* Cadre Poster un commentaire, ajouter un message sur le livre d'or, sur le forum, ... */
#contenu .commentaires
{ 
margin-top:20px;
padding:3px;
background-color:;
text-align:center;
font-size:16px;
font-weight:bold;
color:#000000;
background-image: url(http://www.e-monsite.com/);
background-repeat:no-repeat;background-position:center center;border:1px solid #000000;clear:both;
}





/* FORMULAIRE POUR POSTER UN MESSAGE SUR LE SITE (FORUM, COMMENTAIRES, LIVRE D'OR, ...) */

#contenu #monForm
{
	width: 100%;
}

#contenu #monForm p
{
	margin: 5px 0;
}

/* fieldset , legend */
#contenu #monForm fieldset
{
	margin-bottom: 20px;
	border: #030303 1px solid;
	
}
#contenu #monForm fieldset:hover
{
	background-color: none;
    color:#000000;
}
#contenu #monForm fieldset legend
{
	padding: 0 5px;
	font-size: 15px;
	color: #030303;
}

/* Label */
#contenu #monForm label
{
	display: block;
	width: 155px;
	float: left;
	padding-right: 1%;
	text-align: right;
	margin:5px;
}

#contenu #monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#contenu #monForm input, #monForm select, #monForm textarea
{
	margin-left: 1%;
	width: 330px;;
	border: #CCC 1px solid;
}

/* case à cocher */
#contenu #monForm input[type="checkbox"]
{
	width: 15px;
	height: 15px;
}


/* button submit */
#contenu #monForm input[type="submit"]
{
	width: 220px;
	float:right;
	border:#030303 1px solid;
}

#contenu #monForm p{
clear:both;
}
/* FIN FORMULAIRE POUR POSTER UN MESSAGE SUR LE SITE (FORUM, COMMENTAIRES, LIVRE D'OR, ...) */


/*

CONFIGURATION DU LIVRE D'OR et COMMENTAIRES

affichage des messages sur le module livre d'or et des commentaires (rubriques, blog, photos...)  

*/ 

#contenu .message-livredor
{
line-height:20px;
text-align:justify;
}

#contenu .titre-livredor
{
font-weight:bold;
}

#contenu .img-livredor
{
text-align:right;
margin-top:-30px;
margin-bottom:10px;
}

/* FIN DE CONFIGURATION DU LIVRE D'OR */ 



/* CONFIGURATION DU MODULE LIENS */ 

#contenu .message-liens
{
line-height:20px;
text-align:justify;
}

#contenu .titre-liens
{
font-weight:bold;
}

/* FIN DE CONFIGURATION DU MODULE LIENS */ 




/* CONFIGURATION DE L'ANNUAIRE */ 

#contenu a.annuaire
{
text-decoration:none;
padding-left:20px;
font-size:16px;
background: url(http://www.e-monsite.com/rep/im/folder.png) left no-repeat top;
}

#contenu a.annuaire:hover
{
text-decoration:underline;
padding-left:20px;
background: url(http://www.e-monsite.com/rep/im/folder2.png) left no-repeat top;
}

#contenu table.tannuaire td
{
width:50%;
text-align: justify;
}

#contenu .img-annuaire
{
border:1px solid #596473;
margin : 5px 10px 25px 0;
vertical-align:middle;
}

#contenu div.description-annuaire
{
text-align:justify;
margin-bottom:25px;
}

#contenu div.description-annuaire p {
margin:0;
padding:0;
}


/* FIN DE CONFIGURATION DE L'ANNUAIRE */ 




/* CONFIGURATION DES BARRES DE RESULTAT DU SONDAGE */

#contenu .sondage {
    background:#000;
    margin-bottom:1em;
    overflow:hidden;
    width:100%;
	height:16px;
	color:#FFFFFF;
	padding-right:3px;
    padding-top:2px;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
}

/* FIN DE CONFIGURATION DES BARRES DE RESULTAT DU SONDAGE */




/* MINIATURE DES PHOTOS SUR LES RUBRIQUES BLOCS, ALBUM PHOTO et CARTES VIRTUELLES */

#contenu .photo {
margin:2px;
border:0px;
}

/* Affichage 3 colonnes de photos */
#contenu .colonnephoto {
width:33%;
float:left;
text-align:center;
}

/* FIN DE  MINIATURE DES PHOTOS SUR LES RUBRIQUES BLOCS, ALBUM PHOTO et CARTES VIRTUELLES */



/* PAGINATION (numérotation des pages en bas de page sur les modules album photos, blog, livre d'or, forum, ...) */

#contenu #pageNav {
  padding: 20px 0;
  text-align: center;
  font-weight: bold;
  clear:both;
}

#contenu #pageNav span {
  padding: 2px 6px 3px 6px;
  border: 1px solid #FFFFFF;
  margin-bottom: 20px;
  background-color:#000000;
  color:#FFFFFF;
}

#contenu #pageNav a {
  background: #FFFFFF;
  color: #000000;
  text-decoration: none;
  padding: 2px 6px 3px 6px;
  border: 1px solid #000000;
}

#contenu #pageNav a:hover {
  border-color:#FFFFFF;
}

/* FIN PAGINATION */



/* 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://www.e-monsite.com/rep/im/comment.png) no-repeat left;
     padding:3px 3px 3px 20px;
     font-size:11px;
     margin-left:10px;
}
#contenu a.addcom {
	background:url(http://www.e-monsite.com/rep/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://www.e-monsite.com/rep/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://www.e-monsite.com/rep/im/clock.png) no-repeat left;
    padding:3px 0 3px 20px;
    font-size:11px;
}

#contenu ul.affichage_agenda span, p.dateagenda {
	background:url(http://www.e-monsite.com/rep/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;
    margin:0 0 25px 0;
    border:1px solid #0034B7;
}
    
    
/* Affichage du détail d'un événement de l'agenda */

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

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

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

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

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

 

/* Lien d'abonnement au fil d'information RSS */
#contenu a.abo_rss {

	background:url(http://www.e-monsite.com/rep/im/feed.png) no-repeat left;
    padding:3px 0 3px 20px;

}


/* 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;
}