@charset "iso-8859-1";
/* auteur: kylette */
/* Date de création: 15/12/2007 */

html
{
width:99%;
/*overflow:auto;*/
}

body
{
font-size:10px;
font-family:Arial;
background-color: #be6b8b;
width:99%;
margin:auto;
background-image:url("/system/img/stuff/backgroundz.jpg");
background-repeat:no-repeat;
}

/* liens de base */
A:link {color: #21088E;text-decoration: underline;}
A:visited {color: #21088E;text-decoration: underline;}
A:hover {color: #046E78;text-decoration: underline overline;}

A.invisible_link:link {text-decoration: none;}
A.invisible_link:visited {text-decoration: none;}
A.invisible_link:hover {text-decoration: none;}

/* Police de base dans les tableaux */
td
{
font-size:11px;
font-family:Verdana, Times New Roman, sans-serif;
}

/* Pour formater les listes d'énumération */

.pst_bloc
{
margin:8px 20px 12px 80px;
}

.com_filledField
{
background-color:#f0f1b5;
border:1px;
border-style:solid;
color:#700062;
}

/*Pour les blocs d'affichage de mise à jour dans la base de données (coté admin) */
#msgbd
{
border-width:10px;
border:1px solid;
background-color:#CCCCFF;
text-align:center;
padding:10px;
margin:10px;
font-weight:bold;
}


/* Design des blocs de news */
td.backinfo
{
border-color:#000000;
border-width:1px;
border-style:solid;
padding:4px;
text-align:center;
background-color:#ffe0f0/*#E1DFDF*/;
}

/* Design des blocs */
td.backblocspecial
{
border-color:#000000;
background-color: #fff7dc/*#E1DFDF*/;
}

td.backlogin
{
/*border-color:#000000;*/
/*background-color:#e0b3c7;*/
/* #ffe0d5/*#F7E3E7/*#E1DFDF*/
}

td.backauth
{
/*background-color:  #f1d1e0;*/
}

td.backbandeau
{
height:15px;
}

td.backadmin
{
border-color:#000000;
background-color:#f9f0dd;
}


/* Police dans les commentaires */
td.comment
{
font-size:11px;
font-family:Verdana, sans-serif;
}

/* Design des blocs de commentaires */
td.backcomment
{ /*eec4c6; /*F8EFE4;*/
}

.fond_transparent_comment
{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index: 4;
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
-khtml-opacity:0.7; 
opacity:0.7;
background-color:#f6dede /*f3cfd0*/;
border-style:solid;
border-color:#d89db3;
border-width:20px;
margin:0px;
}

/* Police pour les chroniques */
td.chronique
{
font-size:12px;
line-height:16px;
font-family:Arial;
}

 /* Deisgn du bloc de la chronique */
td.backchronique
{
}

 
.fond_transparent_chronique
{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
text-align:center;  
background-color:#fffff2;
border:20px solid #d66174;
z-index: 4;
filter:alpha(opacity=59); 
-moz-opacity:0.59; 
-khtml-opacity: 0.59; 
opacity: 0.59;
}

/* Police pour le titre de la chronique */
.titlechronique
{
font-size:15px;
color:red;
font-family:Verdana, sans-serif;
}

/* Police pour les dossiers */
td.dossier
{
font-size:12px;
line-height:16px;
font-family:Arial;
}

/* Deisgn du bloc des dossiers */
td.backdossier
{
}

.fond_transparent_dossier
{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
text-align:center;  
background-color:#fbfbff;
border:20px solid #ac668b;
z-index: 4;
filter:alpha(opacity=59); 
-moz-opacity:0.59; 
-khtml-opacity: 0.59; 
opacity: 0.59;
}


/* Design des blocs de news */
td.backnews
{
}

/* Police dans les news */
td.news
{
font-size:12px;
line-height:16px;
font-family:Arial;
}

.fond_transparent_news
{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
text-align:center;  
background-color:#fffcfe;
border:20px solid #d69cb4;
z-index: 4;
filter:alpha(opacity=59); 
-moz-opacity:0.59; 
-khtml-opacity: 0.59; 
opacity: 0.59;
}

td.backdatabase
{
padding:4px;
 /*#f8ede6;*/
}

.texte_opaque_post
{
position: relative;             
z-index: 8;
background-color: transparent;
width:100%;  
padding:20px;
text-align:left;
}

.texte_opaque_left
{
position: relative;             
z-index: 8;
background-color:transparent;
top:4px; 
left:2px;
padding:5px;
width:100%;
font-size:10px;
}

.conteneur_post {
margin-bottom:60px;
position: relative;
text-align:center;
width:93%;
height:100%;
top:0px;   
left:-14px;
z-index:1;
}

.conteneur_left {
position: relative;
text-align:center;
height:100%;
width:100%;
top:0px;
left:0px;  
z-index:1;
}

.conteneur_right {
position: relative;
text-align:center;
height:100%;
width:99%;
top:0px;
left:0px;
z-index:1;
}

.texte_opaque_right
{
position: relative;             
z-index: 8;
background-color:transparent;
top:6px; 
left:6px;
padding:5px;
height:100%;
width:98%;
}

.conteneur_bandeau {
position: relative;
text-align:center;
height:100%;
width:96%;
left:12px; 
top:0px;
margin-bottom:20px;
text-align:center;
z-index:1;
}

.texte_opaque_bandeau
{
position: relative;             
z-index: 8;
background-color:transparent;
top:0px; 
left:0px;
padding:8px;
width:100%;
margin-left:10px;
font-weight:bold;
text-align:left;
}

.conteneur_base {
position: relative;
text-align:center;
width:94%;
height:100%;
top:0px;
left:12px;
}

.texte_opaque_base
{
position: relative;             
z-index: 8;
background-color:transparent;
top:0px; 
left:0px;
width:100%;
height:100%;
text-align:left;
padding:22px;
}

.fond_transparent_db {
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index: 4;
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
-khtml-opacity:0.7; 
opacity:0.7;
border-color:#d4c4be;  /*#d9b1af;*/
border-width:18px;
border-style:solid;
background-color:#ffffe8; /*f1decf;*/
margin:0px;
}

/* Design des blocs */
td.backbloc
{
padding:10px 10px 14px 0px;
}


.fond_transparent_bloc
{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index: 4;
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
-khtml-opacity:0.7; 
opacity:0.7;
background-color:#f6e7ee;
border-style:solid;
border-color:#d8a1b8; 
border-width:8px;
margin:0px;
}


.fond_transparent_base
{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index: 4;
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
-khtml-opacity:0.7; 
opacity:0.7;
background-color:#f6e7ee;
border-style:solid;
border-color:#d8a1b8; 
border-width:18px;
margin:0px;
}


/* Police pour la page de la FAQ */
td.keya
{
font-size:12px;
font-family:Verdana, sans-serif;
}

/* Design pour le bloc de la FAQ */
td.backkeya
{
border-color:#d8a1b8;
border-width:18px;
border-style:solid;
padding:4px;
background-color:#f9dde4;
}
 
/*Police pour la colonne people*/
td.people
{
font-size:12px;
font-family:Verdana, sans-serif;
}

/* Design pour la colonne des people */
td.backpeople
{
/*background-color:#FCEEFA;
border:15px solid #d69cb4; */
}

/*Police des titres de news */
span.newstitle
{
font-size:14px;
font-family:Arial, sans-serif;
font-weight:bold;
color:black;
}

/* Police pour affichage des dates dans les news  */
span.newsdate
{
font-size:12px;
font-family:Arial, sans-serif;
color:red;
}


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

	Titres dispos

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

/* TITRE : Format de titre standard */
.titlebase
{
font-size:12px;
font-family:Arial, sans-serif;
font-weight:bold;
margin-bottom:5px;
}

/* TITRE purple */
.titlepurple
{
font-size:12px;
font-family:Arial, sans-serif;
font-weight:bold;
color:purple;
}

/* TITRE taille 1 très grand) */
.title1
{
font-size:15px;
font-family:Arial, sans-serif;
font-weight:bold;
margin-bottom:20px;
}



/* TITRE colored taille 1 très grand) */
.title1bis
{
font-size:15px;
font-family:Arial, sans-serif;
font-weight:bold;
color:#D0003B;
}

/* TITRE taille 2 (grand) */
.title2
{
font-size:23px;
font-family:Verdana, sans-serif;
font-weight:bold;
color:black;
margin-top:15px;
margin-bottom:20px;
line-height:28px;
}

/* TITRE colored taille 3 (petit) */
.title3
{
font-size:12px;
font-family:Arial, sans-serif;
font-weight:bold;
color:#D0003B;
}

.title4
{
font-size:11px;
font-family:Verdana;
font-weight:bold;
}

/*TITRE pour les sous titres*/
.soustitle
{
font-size:11px;
font-family:Arial, sans-serif;
font-weight:bold;
color:#e0004f;
}

/* TITRE mini*/
.minititre
{
font-size:10px;
font-family:Verdana, sans-serif;
color:red;
}


/**********************************
		Cadres d'info
***********************************/

.cadre_info
{
	background-color:#eeeeee;
	width:101px;
	height:39px;
	border:1px solid black;
	text-align:center;
}

/***********************************
 Styles des erreurs
************************************/

/* Police d'affichage des erreurs */
.msgerror
{
font-size:11px;
font-family:Verdana, sans-serif;
font-weight:bold;
color:red;
}


/*Design du bloc d'affichage des erreurs*/
.backerror
{ 
padding:4px;
font-family: verdana, serif; 
color:  #555865; 
text-align:center;
font-weight:bold;
}

/* Police d'affichage des messages de validation/confirmation */
.msgok
{
font-size:11px;
font-family:Verdana, sans-serif;
font-weight:bold;
color:green;
}

A.msgok:link{font-family:Arial,sans-serif;color:green;font-size:11px;font-weight:bold;text-decoration:none;}
A.msgok:visited{font-family:Arial,sans-serif;color:green;font-size:11px;font-weight:bold;text-decoration:none;}
A.msgok:hover{font-family:Arial,sans-serif;color:#66AA88;font-size:11px;font-weight:bold;text-decoration:underline overline;}


/* Police pour infos d'ordre mineur */
.miniinfo
{
font-size:10px;
font-family:Verdana, sans-serif;
color:black;
}

/* Police pour remarque spéciale dans le texte */
.rmq
{
font-size:11px;
font-family:Verdana;
font-style:italic;
color:black;
width:85%;
margin-top:4px;
}

/* Pour les blocs de texte de présentation */
.presentz_texte:first-letter
{
font-size:200%;
font-weight:bold;
}

#stef_presentz
{
height:195px;
width:675px;
background-image:url("/system/img/stuff/stef_speech2.png");
background-repeat:no-repeat;
}

#stef_presentz_texte
{
text-align:center;
font-family:Verdana;
font-size:11px;
margin:2px 25px 6px 175px;
padding:12px 10px 2px 5px;
}

#stef_div_image
{
margin:6px 6px 4px 30px;
padding:6px 4px 0px 0px;
background-image:url("/system/img/stuff/cadre_stef.png");
background-position:top;
background-repeat:no-repeat;
width:134px;
height:159px;
float:left;
text-align:center;
vertical-align:middle;
}

#stef_presentz_mini
{
height:195px;
width:375px;
background-image:url("/system/img/stuff/stef_speech_demi.png");
background-repeat:no-repeat;
}

#stef_presentz_texte_mini
{
font-family:Verdana;
font-size:11px;
margin:25px 15px 6px 60px;
padding:12px 10px 2px 5px;
}

#micky_presentz_texte
{
text-align:center;
font-family:Verdana;
font-size:11px;
margin:10px 50px 20px 180px;
padding:15px 5px 0px 0px;
}


#micky_presentz
{

height:195px;
width:675px;
background-image:url("/system/img/stuff/micky_chou2.png");
background-repeat:no-repeat;
}

#betty_presentz_texte
{
text-align:center;
font-family:Verdana;
font-size:11px;
margin:15px 40px 6px 150px;
}

#betty_presentz
{
height:195px;
width:675px;
background-image:url("/system/img/stuff/betty2.png");
background-repeat:no-repeat;
padding:1px 5px 0px 0px;
}


/* Liens utilisés pour le menu de gauche */
/*pour les gros titres de menu*/
A.general:link{font-family:Arial,sans-serif;color:#c30049;font-size:12px;font-weight:bold;text-decoration:none;}
A.general:visited{font-family:Arial,sans-serif;color:#c30049;font-size:12px;font-weight:bold;text-decoration:none;}
A.general:hover{font-family:Arial,sans-serif;color:#e0004f;font-size:12px;font-weight:bold;text-decoration:underline overline;}

/*pour les titres alternatifs du menu*/
A.general2:link{font-family:Arial,sans-serif;color:#c30049;font-size:11px;font-weight:bold;}
A.general2:visited{font-family:Arial,sans-serif;color:#c30049;font-size:11px;font-weight:bold;}
A.general2:hover{font-family:Arial,sans-serif;color:#c30049;font-size:11px;font-weight:bold;}

/*pour les titres alternatifs du menu*/
A.general3:link{font-family:Arial,sans-serif;color:#D0003B;font-size:10px;font-weight:bold;}
A.general3:visited{font-family:Arial,sans-serif;color:#D0003B;font-size:10px;font-weight:bold;}
A.general3:hover{font-family:Arial,sans-serif;color:#D0003B;font-size:10px;font-weight:bold;}

/*pour les petits titres de menu*/
A.menu_elts:link{font-weight:bold;font-size:11px;color:#333399;font-family:Arial,sans-serif;text-decoration:none;}
A.menu_elts:visited{font-weight:bold;font-size:11px;color:#333399;font-family:Arial,sans-serif;text-decoration:none;}
A.menu_elts:hover{font-weight:bold;font-size:11px;color:#046E78;font-family:Arial,sans-serif;text-decoration:overline underline;}

/*pour les petits titres de menu*/
A.menu_elts_petit:link{font-weight:bold;font-size:9px;line-height:10px;color:#333399;font-family:Verdana;text-decoration:underline;}
A.menu_elts_petit:visited{font-weight:bold;font-size:9px;line-height:10px;color:#333399;font-family:Verdana;text-decoration:underline;}
A.menu_elts_petit:hover{font-weight:bold;font-size:9px;line-height:10px;color:#046E78;font-family:Verdana;text-decoration:overline underline;}

/*pour les petits titres de menu*/
A.menu_elts_petit_art:link{font-weight:bold;font-size:9px;line-height:10px;color:#8f4189;font-family:Verdana;text-decoration:underline;}
A.menu_elts_petit_art:visited{font-weight:bold;font-size:9px;line-height:10px;color:#8f4189;font-family:Verdana;text-decoration:underline;}
A.menu_elts_petit_art:hover{font-weight:bold;font-size:9px;line-height:10px;color:#ff33ee;font-family:Verdana;text-decoration:overline underline;}

/*pour les petits titres de menu*/
A.menu_elts_petit_pst:link{font-weight:bold;font-size:9px;line-height:10px;color:#008378;font-family:Verdana;text-decoration:underline;}
A.menu_elts_petit_pst:visited{font-weight:bold;font-size:9px;line-height:10px;color:#008378;font-family:Verdana;text-decoration:underline;}
A.menu_elts_petit_pst:hover{font-weight:bold;font-size:9px;line-height:10px;color:#002aff;font-family:Verdana;text-decoration:overline underline;}


/*Pour les sous rubriques*/
A.minititre:link{cursor:pointer;font-size:10px;font-family:Verdana, sans-serif;color:red;text-decoration : underline;}
A.minititre:visited{cursor:pointer;font-size:10px;font-family:Verdana, sans-serif;color:red;text-decoration : underline;}
A.minititre:hover{cursor:pointer;font-size:10px;font-family:Verdana, sans-serif;color:red;text-decoration : underline overline;}

/*pour les liens importants divers*/
A.imp:link{font-family:Arial,sans-serif;color:#074291;font-size:12px;font-weight:bold;}
A.imp:visited{font-family:Arial,sans-serif;color:#074291;font-size:12px;font-weight:bold;}
A.imp:hover{font-family:Arial,sans-serif;color:#074291;font-size:12px;font-weight:bold;}

/* Liens pour l'administration */
A.admin:link{font-size:10px;font-family:Verdana, sans-serif;font-weight:bold;color:#00580C;}
A.admin:visited{font-size:10px;font-family:Verdana, sans-serif;font-weight:bold;color: #00580C;}
A.admin:hover{font-size:10px;font-family:Verdana,sans-serif;font-weight:bold;color:#00580C;}


/*style pour mettre en évidence une partie de texte*/
.show
{
font-weight:bold;
font-style:italic;
}

.showimg
{
color:#930781;
font-weight:bold;
}

.showimg:hover
{
color:#094E7F;
font-weight:bold;
text-decoration:none;
}

.indicator
{
font-size:6pt;
font-family:Verdana;
color:black;
font-weight:600;
}

.indicator2
{
font-size:7pt;
font-family:Verdana;
color:#ef93af;
font-weight:600;
}


/* Styles pour boutons */

.BTNoption
{
font-size:9px;
background-color:#FFCCCC;
color:#FF0000;
}

/**********************/
/*  Pour le scroll    */
/**********************/

.posrelative
{
position:relative;
}
#conteneur
{
OVERFLOW: hidden;
WIDTH: 694px;
height:56px;
POSITION: absolute;
LEFT:15px;
TOP:14px;
padding:2px;
text-align:left;
}

#backdepeche
{
background-color:transparent;
background-image:url("/system/img/stuff/mdm_cadre_depeches_megagrandc.png");
background-repeat:no-repeat;
width:796px;
height:101px;
LEFT:14px;
TOP:2px;
position:relative;
}

.depeche
{
font-size:10px;
color:#191929;
font-family:Verdana;
line-height:11px;
}

/*******************************/
/* Pour les images de gauche */
/*******************************/

a.menu_collabo
{
display:block;
}

a.menu_collabo:hover
{
background-image:url("/system/img/stuff/collabos_2_traits.png");
background-repeat:no-repeat;
display:block;
}

a.menu_posts
{
display:block;
}

a.menu_posts:hover
{
background-image:url("/system/img/stuff/posts2_2_traits.png");
background-repeat:no-repeat;
display:block;
}


a.menu_coms
{
display:block;
}

a.menu_coms:hover
{
background-image:url("/system/img/stuff/les_coms_traits.png");
background-repeat:no-repeat;
display:block;
}

a.menu_titres
{
display:block;
}

a.menu_titres:hover
{
background-image:url("/system/img/stuff/lestitres_2_traits.png");
background-repeat:no-repeat;
display:block;
}

a.menu_gens
{
display:block;
}

a.menu_gens:hover
{
background-image:url("/system/img/stuff/lesgens_2_traits.png");
background-repeat:no-repeat;
display:block;
}

/************************************
	Styles pour fiches adhérents
************************************/

.adherent_mimi
{
background-image:url("/system/img/stuff/mimi_fiche_normale1.png");
background-repeat:no-repeat;
width:172px;
height:150px;
overflow:hidden;
}

.adherent_mimi_selec
{
background-image:url("/system/img/stuff/mimi_fiche_saumon.png");
background-repeat:no-repeat;
width:172px;
height:150px;
overflow:hidden;
}

.adherent_mimi_redac
{
background-image:url("/system/img/stuff/mimi_fiche_redac.png");
background-repeat:no-repeat;
width:172px;
height:150px;
overflow:hidden;
}

.adherent_mimi_perso
{
background-image:url("/system/img/stuff/mimi_fiche_bleue_3.png");
background-repeat:no-repeat;
width:172px;
height:150px;
overflow:hidden;
}

.adherent_mimi_block
{
background-image:url("/system/img/stuff/mimi_fiche_black3.png");
background-repeat:no-repeat;
width:175px;
height:150px;
overflow:hidden;
}

.adherent_mimi_contenu
{
margin:6px 12px 6px 4px;
overflow:auto;
}

.adherent_mimi a
{
font-size:10px;
}

.adherent_wide
{
background-image:   url("/system/img/stuff/grande_plate_normale.png");
background-repeat:no-repeat;
width:670px;
height:145px;
overflow:hidden;
}

.adherent_wide_selec
{
background-image:   url("/system/img/stuff/grande_plate_saumon.png");
background-repeat:no-repeat;
width:670px;
height:145px;
overflow:hidden;
}


.adherent_wide_contenu
{
margin:10px 14px 10px 10px;
}


.adherent_best
{
background-image:url("/system/img/stuff/grande_couleur_normalee.png");
background-repeat:no-repeat;
width:470px;
height:350px;
padding:12px 14px 12px 14px;
overflow:hidden;
}

.adherent_best_perso
{
background-image:url("/system/img/stuff/grande_couleur_bleue.png");
background-repeat:no-repeat;
width:470px;
height:350px;
padding:12px 14px 12px 14px;
overflow:hidden;
}

.adherent_best_contenu
{
font-size:11px;
margin:10px 50px 10px 6px;
}

.adherent_best_block
{
background-image:url("/system/img/stuff/grande_couleur_black.png");
background-repeat:no-repeat;
width:470px;
height:350px;
padding:12px 14px 12px 14px;
overflow:hidden;
}