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

 

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;

                background-color: #ffffff;

                color:#ffffff;

                font: 10px "Arial", Helvetica, Arial, sans-serif, Verdana;

}

#body { 

                width:100%;

                margin:0px;

                padding:0px;

                text-align:center;

                

                               background-color: #ffffff;

}

 

/* liens par défaut */

a{ 

                color:#222222;

                text-decoration:underline;

}

a:hover{

                text-decoration:none;

}

 

/* Images */

img{

                border:0;

}

 

/* Titre du site dans le bloc header */ 

#header h1,#header p { 

                margin:0 0 0 0; 

    padding:0 5px 0 5px; 

    font-size:60px; 

    line-height:normal; 

    font-family:Arial; 

    color:#423d8a; 

    text-align:center;

    display:block; 

    font-weight:bold; }

 

/* 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:#287562; 

    font-weight:bold; 

    background-image: url(http://www.e-monsite.com/); 

    background-repeat:no-repeat;background-position:center center;    border:3px solid #287562;    line-height: normal;

 }

 

/* Titre des rubriques dans le contenu avec un lien  */

#contenant #contenu h2 a,#contenant #contenu h1 a { 

    color:#287562;

    text-decoration:none;

}

#contenant #contenu h2 a:hover,#contenant #contenu h2 a:hover { 

    text-decoration:underline;

}

 

/* Style à utiliser pour faire des sous-titres dans les pages */

#contenant #contenu h3 { 

    margin:20px 0 0 0;

    padding:0; 

    text-align:left; 

    font-size:13px; 

    font-weight:bold; 

    clear:both;

}

#contenant #contenu h3 a { 

                text-decoration:none; 

}

 

/* Titre des sujets du forum sur la page du sujet */

#contenant #contenu table.forum-lire 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;

}

 

/* Titre H4 */

#contenant #contenu h4 { 

                margin:20px 0 0 0;

    padding:0; 

    text-align:left; 

    font-size:12px; 

    clear:both;

}

 

/* titre H5 */

#contenant #contenu h5 { 

                margin:0; 

    padding:0; 

    font-size:13px; 

}

 

/* Barre se séparation dans le contenu */

#contenant #contenu hr {

                border: none 0;

    border-top: 1px solid #222222; 

    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: 10px Arial, Helvetica, Arial, sans-serif, Verdana;

                color:#ffffff;

}

#hautvpro a

{ 

                color:#ffffff;

                text-decoration:none;

                margin:0;

                padding:0;

}

#hautvpro a:hover

{ 

                color:#ffffff;

                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:147px; /* la hauteur est égale à :  hauteur - padding-top */

                padding:60px 15px 0 15px;

                width:920px;     color:#423d8a;      background-color:#7eaae0;                       

                background-image: url(http://www.e-monsite.com/s/2010/02/20/savoie-leman/22429011bol-d-or-logo-adhepe-3-jpg.jpg);

                background-repeat:repeat;background-position:top left;                          text-align:center;

                               font-weight:bold;                           }

 

#header a{

    color:#ffffff;

    text-decoration:none;

}

 

/* Bloc du sous-titre */

#header div.sstitre{

    font-size:25px;

    padding:0 5px 0 5px;

    margin:0;

    line-height:normal;

    display:block;

}

 

/* 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:950px;    text-align:center;

    margin:auto;

}

 

/* FIN DU BLOCK HEADER  */

 

 

 

/* BLOC FOOTER (PIED DE PAGE) */

#footer

{

                height:0px;

                width:0px;                         

                margin:0 auto;

}

 

 

 

 

 

/* BLOC CONTENANT LES MENUS HAUT (selon emplacement), BAS (selon emplacement), DROITE, GAUCHE, CONTEN U*/

#contenant

{

font-family:Arial; 

width:950px;

text-align:left;

margin-top:10px;

overflow:hidden;

padding:10px 0 10px 0; 

 

 

}

 

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

 

 

 

/* BLOC DU CONTENU */

 

#contenant #contenu

{ 

color:#222222;

width:697px;  /* seulement pour ie6 */

line-height: 140%;

background-color:#FFFFFF;

background-image: url(http://www.e-monsite.com/im/fondv3/2610-76153566content-png.png);

 

background-repeat:repeat-x;background-position:top left;/* bordure arrondi sous firefox puis sous safari ----  mettre 15px  */

-moz-border-radius:15px;

-khtml-border-radius : 15px;

border-radius : 0px;

 

padding: 2px 3px 5px 3px;

border:4px double #7eaae0;

margin: 0px 215px 0 5px; /* seulement pour ie6 */

}

 

#contenant > #contenu

{ 

width:auto;

margin: 0px 0px 0 0px;

}

 

 

#contenu div, #contenu span{

margin: 0;

padding: 0;

}

 

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

 

/* FIN DU BLOC DU CONTENU */

 

 

 

 

 

 

 

/* MENU HAUT HORIZONTAL */

#menuh

{ 

position:relative;

clear:both;

font-size:14px;

padding:auto 0;

background-color:#287562;text-align:center;

color:#ffffff;

margin-bottom:20px;

font-size:14px;

height:28px;

overflow:visible;

}

 

 

/* Style des liens dans le menu haut horizontal*/

#menuh a 

{

border:none;

border-right: #ffffff 1px solid;

color:#ffffff;

line-height:28px;

padding:0 10px;

text-decoration:none;

font-weight:bold;

position:relative;

z-index:100;

float:left;

}

 

/* Style des liens dans le menu haut horizontale, une fois survolé*/

#menuh a:hover

{

background-color:#7eaae0;

color:#111111;

}

 

 

/* MENUS DEROULANTS */

#menuh #nav ul li { 

                background-color:#287562; 

}

#menuh #nav { 

                margin:0 auto; height:28px;  

}

#menuh #nav ul { 

                top:28px;

    background-color:#287562;

}

#nav ul li a { color: #ffffff; }

#nav ul a.hover { color: #111111; }

#nav ul a { border-bottom: 1px solid white; border-right: none; float: none;  }

/* FIN MENUS DEROULANTS */

/* FIN DU MENU HAUT HORIZONTAL */

 

 

 

/*MENU HORIZONTAL EN BAS DU SITE */

#menub

{ 

font-size:15px;

padding:auto 0 2px auto;

background-color:#ffffff;text-align:center;

color:#287562;

font-size:15px;

height:20px;

overflow:hidden;

position:relative;

}

 

#menub a 

{

//display:block;

border: none;

color:#287562;

line-height:20px;

text-decoration:none;

padding:0 9px;

font-weight:bold;

font-variant:small-caps;

position:relative;

z-index:100;

}

 

/* Style des liens dans le menu haut horizontale, une fois survolé*/

#menub a:hover

{

background-color:#7eaae0;

color:#ab1daf;

}

 

 

#menub ul { margin:0 auto; }

 

 

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

{

/* bordure arrondi sous firefox, sous safari, puis futur norme commune ---- mettre 15px  */

-moz-border-radius:15px;

-khtml-border-radius : 15px;

border-radius : 15px;

/* fin arrondi */

 

padding:0;

margin:0 0 20px 0;

border:2px solid #287562;background-color:#b7e4d5;}

 

 

#menug

{

font-size:12px;

margin:0px 0px 20px 20px;

-margin:0px 0px 20px 10px; /* Pour IE6 */

 

width:190px;

color:#287562;

}

 

 

 

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

padding: 5px 0px 5px 3px;

text-decoration: none;

color: #287562;

background-color: ;

border-bottom: 1px solid #287562;

 

}

 

#menug ul li a:hover, #menug ul li a:focus {

color: ;

background-color: #7eaae0;

border-bottom: 1px solid ;

text-decoration: none;

}

 

/* Sous pages */

#menug ul li.sspage {

                padding-left: 15px;

}

 

#menug span

{

text-align:left;

display:block;

padding:2px 2px 2px 2px;}

 

#menug span a,#menug span a:hover

{

color:#287562;

}

 

/* 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 #287562; width: 100%; height: 1px; 

}

 

/* TITRE DES ELEMENTS DU MENU DE GAUCHE */

#menug h3 {

display:block;

background-color:  #287562;font-weight:normal;height:24px;

line-height:24px;

text-align:center;

font-size:15px;

color:#ffffff;

padding:0 3px 0 0px;

margin:0;

overflow:hidden;

}

 

#menug h3 a {

color:#ffffff;

text-decoration:none;

}

 

#menug h3 a:hover

{

color:#ffffff;

text-decoration:underline;

}

/* FIN TITRE ELEMENTS MENUS */

 

 

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

#menug a {

color:#287562;

text-decoration:none;

}

 

#menug a:hover{

color:;

text-decoration:underline;

}

 

#menug ul li a

{

                padding-left:20px;

                background-image: url('http://www.e-monsite.com/im/puces/icons/accept.png');

                background-position: center left;

                background-repeat: no-repeat;

}

 

#menug ul li a:hover

{

                padding-left:20px;

                background-image: url('http://www.e-monsite.com/im/puces/icons/application_form_edit.png');

                background-position: center left;

                background-repeat: no-repeat;

}

 

 

/*FIN MENU DE GAUCHE VERTICAL */

 

 

 

 

/*

 

MENU DE DROITE VERTICAL 

 

/!\ !!!!!!!!!

Seulement pour les dispositions à deux menu verticaux. 

 

*/

 

#menud .categoried

{

/* bordure arrondi sous firefox, sous safari, puis futur norme commune ---- mettre 15px  */

-moz-border-radius:15px;

-khtml-border-radius : 15px;

border-radius : 15px;

/* fin arrondi */

 

padding:0;

margin:0 0 20px 0;

border:2px solid #287562;background-color:#b7e4d5;}

 

 

#menud

{

font-size:12px;

margin:0px 0px 20px 0px;

-margin:0px 0px 20px 0px; /* Pour IE6 */

 

width:190px;

color:#287562;

}

 

 

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

padding: 5px 0px 5px 3px;

text-decoration: none;

color: #287562;

background-color: ;

border-bottom: 1px solid #287562;

 

}

 

#menud ul li a:hover, #menug ul li a:focus {

color: ;

background-color: #7eaae0;

border-bottom: 1px solid ;

text-decoration: none;

}

 

/* Sous pages */

#menud ul li.sspage {

                padding-left: 15px;

}

 

#menud span

{

display:block;

margin:2px 2px 2px 2px;}

 

#menud span a,#menud span a:hover

{

color:#287562;

}

 

/* 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 #287562; width: 100%; height: 1px; 

}

 

/*TITRE DES ELEMENTS DU MENU DE DROITE */

#menud h3 {

display:block;

background-color:  #287562;font-weight:normal;height:24px;

line-height:24px;

text-align:center;

font-size:15px;

color:#ffffff;

padding:0 3px 0 0px;

margin:0;

overflow:hidden;

}

 

#menud h3 a {

text-decoration:none;

color:#ffffff;

}

 

#menud h3 a:hover

{

text-decoration:underline;

color:#ffffff;

}

/* FIN TITRE ELEMENTS */

 

 

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

 

 

 

#menud a {

color:#287562;

text-decoration:none;

}

 

#menud a:hover{

color:;

text-decoration:underline;

}

 

#menud ul li a

{

                padding-left:20px;

                background-image: url('http://www.e-monsite.com/im/puces/icons/accept.png');

                background-position: center left;

                background-repeat: no-repeat;

}

 

#menud ul li a:hover

{

                padding-left:20px;

                background-image: url('http://www.e-monsite.com/im/puces/icons/application_form_edit.png');

                background-position: center left;

                background-repeat: no-repeat;

}

 

/*FIN MENU DE DROITE VERTICAL */

 

 

 

 

/* BLOC EDITABLE EN DESSOUS DU SITE */

#bas

{ 

text-align:center; 

color:#ffffff;

}

 

#bas a

{ 

color:#ffffff;

text-decoration:none;

}

 

#bas a:hover

{ 

color:#ffffff;

text-decoration:underline;

}

/* FIN DU BLOC EDITABLE EN DESSOUS DU SITE */

 

 

 

/* LIENS E-MONSITE */

#lien-emonsite 

{ 

color:#ffffff;

}

#lien-emonsite a

{ 

color:#ffffff;

text-decoration:none;

}

#lien-emonsite a:hover

{ 

color:#ffffff;

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:14px;

font-weight:bold;

color:#287562;background-image: url(http://www.e-monsite.com/);

background-repeat:no-repeat;background-position:center center;border:3px solid #287562;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:14px;

font-weight:bold;

color:#287562;

background-image: url(http://www.e-monsite.com/);

background-repeat:no-repeat;background-position:center center;border:3px solid #287562;clear:both;

}

 

 

 

 

 

/* CONFIGURATION DU FORUM */

 

#contenu table.forum

{ 

margin:0 auto;

width:99%;

border-collapse:collapse;

}

 

#contenu table.forum td

{ 

border:1px solid #000000;

height:50px;

padding:3px;

}

 

#contenu table.forum tr:hover

{

background-color:#287562;

color:#ffffff;

}

 

#contenu table.forum tr:hover a

{

color:#ffffff;

}

 

#contenu td.sujet

{

width:290px; text-align:left; 

}

 

#contenu div.citationforum

{

width:99%;

text-align:left;

padding:2px;

display:block;

border:1px solid #287562;

}

 

#contenu a.liencat

{

text-decoration:none;

padding-left:20px;

background: url('http://www.e-monsite.com/rep/im/folder.png') left no-repeat;

}

 

#contenu a.liencat:hover

{

text-decoration:underline;

padding-left:20px;

background: url('http://www.e-monsite.com/rep/im/folder2.png') left no-repeat;

}

 

#contenu a.liensujet

{

text-decoration:none;

padding-left:20px;

background: url('http://www.e-monsite.com/rep/im/script.png') left no-repeat;

}

 

#contenu a.liensujet:hover

{

text-decoration:underline;

padding-left:20px;

background: url('http://www.e-monsite.com/rep/im/script2.png') left no-repeat;

}

 

#contenu a.liensujet:visited

{

text-decoration:none;

padding-left:20px;

background: url('http://www.e-monsite.com/rep/im/script3.png') left no-repeat;

}

 

#contenu td.rep

{

width:35px; text-align:center; 

}

 

#contenu td.derniermessage

{

 text-align:left; 

}

 

#contenu .auteur

{

font-size:10px;

}

 

#contenu table.forum-lire

{ 

margin:0 auto;

width:99%;

border-collapse:collapse;

}

 

#contenu table.forum-lire td

{ 

border:1px solid #000000;

padding:5px;

}

 

#contenu td.titresujet

{

background-color:#287562;

color:#ffffff ;

}

 

#contenu a.titresujet

{

color:#ffffff ;

}

 

#contenu td.internaute

{

text-align:center; 

width:18%; 

padding:3px;

}

 

#contenu .datesujet 

{

padding-left:20px;

}

/* FIN DE LA CONFIGURATION DU FORUM */

 

 

 

/* 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: #000000 1px solid;

                

}

#contenu #monForm fieldset:hover

{

                background-color: #287562;

    color:#ffffff;

}

#contenu #monForm fieldset legend

{

                padding: 0 5px;

                font-size: 15px;

                color: #000000;

}

 

/* Label */

#contenu #monForm label

{

                //display: block;

                width: 30%;

                float: left;

                padding-right: 1%;

                //text-align: right;

                margin:5px;

    margin-left: 1%;

}

 

#contenu #monForm .form_label_nostyle

{

                background: none;

}

 

/* Input */

#contenu #monForm input, #monForm select, #contenu #monForm textarea

{

                margin-left: 1%;

                width: 60%;

                border: #CCC 1px solid;

}

 

/* case à cocher */

/* case à cocher */

#contenu #monForm input[type="checkbox"], #contenu #monForm input.checkbox, #contenu #monForm input.radio

{

                width: 15px;

                height: 15px;

}

 

 

/* button submit */

#contenu #monForm input[type="submit"], #contenu #monForm p.submit input

{

                width: 220px;

                border:#000000 1px solid;

}

#contenu #monForm p.submit

{

                text-align:center;

                margin-bottom:15px;

    clear:both;

}

 

 

#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:12px;

background: url(http://www.e-monsite.com/rep/im/folder.png) center left no-repeat;

}

 

#contenu a.annuaire:hover

{

text-decoration:underline;

padding-left:20px;

background: url(http://www.e-monsite.com/rep/im/folder2.png) center left no-repeat;

}

 

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

  margin-bottom: 20px;

  background-color:#ffffff;

  color:#287562;

}

 

#contenu #pageNav a {

  background: #287562;

  color: #ffffff;

  text-decoration: none;

  padding: 2px 6px 3px 6px;

  border: 1px solid #ffffff;

}

 

#contenu #pageNav a:hover {

  border-color:#287562;

}

 

/* 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, #contenu 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 0 2px; 0;

    margin:0 0 25px 0;

    border:1px solid #287562;

    border-right:0;

    border-left:0;

}

    

    

/* 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 pour voir les archives de l'agenda */

#contenant a.archives_agenda {

                background:url(http://www.e-monsite.com/rep/im/time.png) no-repeat left;

    padding:3px 0 3px 20px;

}

 

 

/* Lien d'abonnement au fil d'information RSS */

#contenant a.abo_rss {

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

    padding-left: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;

                list-style: none;

}

ul.agenda li {

                list-style: none;

                padding: 5px 2px 5px 2px;

}

ul.agenda li span {

                font-weight:bold;

}

 

/* Contact */

ul.contact{

                list-style: none;

                margin: 0px;

                padding: 0 0 0px 0;

                border: none;

                z-index:100;

}

ul.contact li{

                padding: 5px 0px 5px 3px;

                list-style: none;

}

 

/* module zone membre */

#contenu p.zmdroit {

                background:url(http://www.e-monsite.com/rep/im/vcard.png) no-repeat left;

    padding:3px 0 3px 20px;

}

#contenu p.zmmaj {

                background:url(http://www.e-monsite.com/rep/im/clock.png) no-repeat left;

    padding:3px 0 3px 20px;

}

#contenu p.zmemail {

                background:url(http://www.e-monsite.com/rep/im/email.png) no-repeat left;

    padding:3px 0 3px 20px;

}

#contenu p.zmurl {

                background:url(http://www.e-monsite.com/rep/im/world.png) no-repeat left;

    padding:3px 0 3px 20px;

}

#contenu p.zmstatut {

                background:url(http://www.e-monsite.com/rep/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://www.e-monsite.com/rep/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://www.e-monsite.com/rep/im/delete.png) no-repeat left;

    padding:3px 0 3px 20px;

}

/* lien editer */

#contenu a.editer {

                background:url(http://www.e-monsite.com/rep/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://www.e-monsite.com/rep/im/comment_add.png) 15px 50% no-repeat;

    cursor: pointer;

}

div#chatbox form p input.btnChat:hover{

                border: 1px solid #000;

}

 

/* Widget Tags */

.tag0{font-size: 75%;}

.tag10{font-size: 80%;}

.tag20{font-size: 90%;}

.tag30{font-size: 100%;}

.tag40{font-size: 110%;}

.tag50{font-size: 120%;}

.tag60{font-size: 140%;}

.tag70{font-size: 150%;}

.tag80{font-size: 160%;}

.tag90{font-size: 170%;}

.tag100{font-size: 180%;}

 

 

/* Affichage des vidéos */

div#contenu div#video_view{

                

}

div#contenu div#video_view div.extra{

                clear:left;

                height:25px;

                border-top:1px solid #287562;

                border-bottom:1px solid #287562;

}

div#contenu div#video_view div.extra ul{

                list-style-type:none;

                list-style-position:outside;

                padding:0;

                margin:0px;

                margin-top:5px;

}

div#contenu div#video_view div.extra ul li{

                float:left;

                border-right:1px solid #287562;

                margin-right:5%;

                padding-right:5%;

}

div#contenu div#video_view div.extra ul li img{

                vertical-align:text-top;

}

div#contenu div#content_vid div.video{

                margin:5px;

                margin-bottom:10px;

                padding:5px;

                border:1px solid #000000;

}

div#contenu div#content_vid div.video div.extra{

                clear:left;

                height:20px;

                border-top:1px solid #000000;

}

div#contenu div#content_vid div.video div.extra ul li{

                float:left;

                border-right:1px solid #000000;

                margin-right:5%;

                padding-right:5%;

}

 

/* WIDGETS DES TAGS DES VIDEOS */

div.tags_video{

                text-align:justify;

                padding:5px;

}

div.tags_video a{

                text-decoration:none;

                border:none;

                background:none;

}

div.tags_video a:hover{

                text-decoration:underline;

}

 

div.tags_video a.t1.black{font-size:10px;color:#888 !important;}

div.tags_video a.t2.black{font-size:14px;color:#666 !important;}

div.tags_video a.t3.black{font-size:18px;color:#444 !important;}

div.tags_video a.t4.black{font-size:22px;color:#222 !important;}

div.tags_video a.t5.black{font-size:26px;color:#000 !important;}

 

div.tags_video a.t1.white{font-size:10px;color:#777 !important;}

div.tags_video a.t2.white{font-size:14px;color:#999 !important;}

div.tags_video a.t3.white{font-size:18px;color:#BBB !important;}

div.tags_video a.t4.white{font-size:22px;color:#DDD !important;}

div.tags_video a.t5.white{font-size:26px;color:#FFF !important;}

 

div.tags_video a.t1.blue{font-size:10px;color:#65C4FF !important;}

div.tags_video a.t2.blue{font-size:14px;color:#49B9FF !important;}

div.tags_video a.t3.blue{font-size:18px;color:#24ACFF !important;}

div.tags_video a.t4.blue{font-size:22px;color:#0093EC !important;}

div.tags_video a.t5.blue{font-size:26px;color:#0575BA !important;}

 

div.tags_video a.t1.red{font-size:10px;color:#FF4646 !important;}

div.tags_video a.t2.red{font-size:14px;color:#FF2D2D !important;}

div.tags_video a.t3.red{font-size:18px;color:#F20D0D !important;}

div.tags_video a.t4.red{font-size:22px;color:#CA0000 !important;}

div.tags_video a.t5.red{font-size:26px;color:#990000 !important;}

 

div.tags_video a.t1.green{font-size:10px;color:#36FD39 !important;}

div.tags_video a.t2.green{font-size:14px;color:#0EFC12 !important;}

div.tags_video a.t3.green{font-size:18px;color:#00CA04 !important;}

div.tags_video a.t4.green{font-size:22px;color:#00A303 !important;}

div.tags_video a.t5.green{font-size:26px;color:#008102 !important;}