@charset "utf-8";
/* CSS Fous d'Anim version 7.0
   réalisée par cé
   contact@fousdanim.org */

/* marges et fond de page */
body {
	background-color:#691397;
	margin:0;
 }
img a {border:0;}
@font-face{ /* typo pour les titres */
    font-family : "fousdani_slab";
    src : url('fousdani_slab.ttf');
}
iframe {margin:10px 0;}
/* declaration des contenants généraux */
#page_generale {
	background-color:#FFF;
	background-image:url(images_interface/fond_fausse_colonne.gif);
	background-repeat:repeat-y;
	width:960px;
	font:12px/1.3 Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin-left:auto;
	margin-right:auto;
}
#colonne_contenu {
	overflow: hidden; /* Empêche le dépassement des contenus*/
	width:720px;
	background-color: #FFF;
	margin-left:0px;
}
/* barre de menu superieure, les classes amènent l'interaction */
#gros_menu {width:960px;height:190px;}
#gros_menu a {display:block; width:240px;height:190px;}
#gros_menu img{	border:0;}
.gm_actif  {background-color:#691397;}
.gm_second {background-color:#CFE789;}
.gm_tierce {background-color:#DFEFAE;}
.gm_quarte {background-color:#E9F4C9;}
.gm_actif, .gm_tierce, .gm_quarte, .gm_second {	width:240px;height:190px;float:left;}
.gm_actif  {background-image:url(images_interface/fousdanim_roll_blanc_alpha.png);background-position: bottom center;}
.gm_second {background-image:url(images_interface/forum_roll_blanc_alpha.png);}
.gm_tierce {background-image:url(images_interface/festivals_roll_blanc_alpha.png);}
.gm_quarte {background-image:url(images_interface/defis_roll_blanc_alpha.png);}
.gm_second:hover, .gm_tierce:hover, .gm_quarte:hover{background-color:#b7db4c;background-position: bottom center;}
.gm_actif:hover {background-position: top center;}
.gm_second:hover:after, .gm_quarte:hover:after { z-index:5;	margin:0;content:'';display:block;width:24px;height:10px;background: url(images_interface/fleche_bas_vert1.png); position:relative ; left:116px;}


/* menu secondaire avec le forum et le dernier défidéfous */
#ligne_secondaire { /* contenant principal */
	width: 960px;
	height: 180px;
	background-color:#CFE789;
}
#forum_reprise { /* reprise des titres des derniers posts du forum */
	width:480px;
	padding-left:0px;
	margin:0;
	float:left;
	height: 180px;
}
.no_border {border:none; background-image:none ; margin:0; padding:0;}/* pour supprimer les bordures */

#forum_reprise ul {padding-left:20px;list-style:none;}
#forum_reprise li{ /* tronquer les titres des posts du forum s'ils dépassent*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:1em;
	font-style:italic;
	line-height:17px;
	color:#769606;
}
#forum_reprise strong {font-weight:normal; font-style:normal;}
.forum_lien:link , .forum_lien:visited, .forum_lien:active  {
	color: #500e73;
	text-decoration:none;
	border-bottom:1px dotted #691397;
	font-style: normal;
}
.forum_lien:hover {
	border-bottom:1px solid;
	color:#000;
}
#defidefous {  /*vignette du dernier défidéfous */
	width:240px;
	height:180px;
	float:left;
}

#defidefous_info { /* informations au rollover */
color:#fff;	width:220px; height:160px;padding:10px; bottom:180px;background-color:rgba(105, 19, 151, 0.8); display:none; position:relative; font-size:1em;text-overflow: ellipsis; line-height:1.3em}
#defidefous:hover #defidefous_info {display: block;}
#defidefous_info h1 { margin:0;color:#fff; font-family:"fousdani_slab", serif; text-transform:uppercase; font-size:2em; letter-spacing:-0.02em; font-weight:normal;line-height: 0.8em;}
#defidefous_info h2 { margin:0 0 8px 0;color: #b7db4c; font-family: Georgia, "Times New Roman", Times, serif; font-size:2em; font-style: italic; font-weight: bold;letter-spacing:-0.06em}
#defidefous_info h3 { margin:0 0 2px 0;color: #b7db4c; font-size:0.85em; font-style: normal; font-weight: normal}
#defidefous_info a:link, #defidefous_info a:visited { color:#cfe789;text-decoration:none; border-bottom:dotted 1px #cfe789}
#defidefous_info a:hover, #defidefous_info a:active { border-bottom:solid 1px #cfe789;}


#news {/* tableau de trois colonnes pour les outils de news, titres et zone de recherche */
	border:0;
	padding: 0;
}
#news td{
	text-align:center;
	width:240px;
}
.recherche {background-image:url(images_interface/icon_recherche.gif); background-repeat:no-repeat; background-position:2px 2px;padding-left:20px;}
/************ styles du contenu *****************/

.resultat_recherche {margin:-15px 0 0 0; width:680px; padding:20px; background-color:#cfe789;color:#691397; font-style:italic;}
.resultat_recherche strong {color:#000; font-weight:normal; font-style:normal;}
/* ligne qui s'affiche lors d'une recherche*/

#contenu_contenu h1{/* titre de la brève */
	font-family : "fousdani_slab", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:2.6em;
	line-height:1em;
	letter-spacing:-0.03em;
	/*word-spacing:-0.1em;*/
	color:#691397;
	text-transform:uppercase;
	display:inline;
	font-weight:normal;
	margin:0;
}
.titrenews {/* compatibilite ancienne classe*/
	font-family : "fousdani_slab", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:2.0em;
	line-height:1em;
	letter-spacing:-0.05em;
	word-spacing:-0.1em;
	color:#769606;
	text-transform:uppercase;
	display:inline;
	font-weight:normal;
	margin:0;
}
blockquote {
	background-image: url("http://www.fousdanim.org/forum/styles/fousdanim_v7/theme/images/quote.gif");
	background-color: #f0e7f5;
	background-position: 6px 6px;
	background-repeat: no-repeat;
	border: 1px solid #c3a1d5;
	font-size: 0.95em;
	margin: 0.5em 1px 0 20px;
	overflow: hidden;
	padding: 10px;
}
#colonne_contenu hr {  /*filet sous le titre*/
  margin: 1em 0 0.5em 0;
}
#colonne_contenu h5{/*numero de la breve*/
	font-size:1.1em;
	color:#769606;
	font-style: italic;
	margin:0 0 4px 0;
	line-height:1.2em;
	position:relative;
	left:-10px;
}
#colonne_contenu h5 a:link, #colonne_contenu h5 a:visited, #colonne_contenu h5 a:active {/*numero de la breve lien*/
	text-decoration:none;
	color:#769606;
	border:none;
	background-image:none;
}
#colonne_contenu h5 a:hover {/*numero de la breve lien survolé*/
	color:#691397;
}
#colonne_contenu h6{/*redacteur de la breve*/
	color: #666;
	font-size:0.75em;
	display: inline;
	font-style:normal;
	font-weight:normal;
	margin-left:10px ;
}
#contenu_contenu h6 a:link, #contenu_contenu h6 a:visited {/*redacteur de la breve*/
border-bottom:1px dotted #666;text-decoration:none; background-image:none; margin:0;padding:0;color:#666;}
#contenu_contenu h6 a:hover, #contenu_contenu h6 a:active {/*redacteur de la breve*/
border-bottom:0}

#contenu_contenu h3 { letter-spacing:-0.05em;color:#769606;text-align:right;font-size:1em; padding:10px 10px 0 10px; font-style: italic;width:220px; line-height:15px; background-color:#cfe789; margin-bottom:5px}
#contenu_contenu h3::after {content:'';display:block;width:24px;height:10px;background: url(images_interface/coin_bas_vert1.png); position:relative; top:10px ; left:206px;}
.breve {/*classe des articles sans colonnes*/
	padding:10px 0;
	width:680px;
	overflow: hidden;
	word-spacing:0.05em;
	line-height:1.4em;
	font-size:1.1em;
	margin : 20px 0 20px 20px;
}
.breve img, .breve_colonne img {
	margin:10px 0 0 0;
}
.breve a, .breve_colonne a, .credo a{
	text-decoration:none;
}
.breve a:link, .breve a:visited, .breve_colonne a:link, .breve_colonne a:visited, .credo a:link, .credo a:visited {
	color:#691397;
	border-bottom:1px dotted #691397;
	background-image:url(images_interface/fleche_lien.png);
	background-position: 0px 2px;
	background-repeat:no-repeat;
	padding-left:12px;
}
.breve a:hover, .breve a:active, .breve_colonne a:hover, .breve_colonne a:active,  .credo a:hover,  .credo a:active {
	border-bottom:1px solid #c3a1d5;
	background-image:url(images_interface/fleche_lien_hover.png);
}
p.separateur_breve {width:720px; height:10px; background-color:#e1d0e4; margin : 35px 0px 0px 0px; padding-bottom:-20px}

.image_breve_colonne { /* colonne de gauche d'une breve */
	width : 240px;
	text-align:center;
	float:left;
}
.image_breve_colonne img { /* vignette illustrant la brève en colonne, à gauche avec un pointillé*/
	/*border-right:2px dotted #c3a1d5;*/
	padding-right:25px;
	padding-top:20px;
	margin-bottom:20px;
}
.breve_colonne { /* contenu de la brève, texte courant pour une disposition en colonne */
	padding-right:10px;
	margin : 20px 0 20px 240px;
	word-spacing:0.05em;
	line-height:1.4em;
	font-size:1.1em;
}
.lien_breve { /*ligne sous les breves*/
	width:470px;
	height:30px;
	padding-left:240px;
	margin:0 10px 0 0;
	background-color:#fff;
	list-style-type:none;
	display:block;
	/*float:right;*/
}
.lien_article { /*ligne sous les articles*/
	padding-left:20px;
	width:685px;
	height:30px;
	margin:0;
	background-color:#fff;
	list-style-type:none;
	display:block;
	/*float:right;*/
}
/*case du lien avec rollover et modification de l'apparence du lien*/
.lien_breve_02, .lien_article_02 {white-space: nowrap;overflow: hidden; text-overflow: ellipsis; ;line-height:30px;display:block; float:left; padding-left: 38px; background-image:url(images_interface/puce_lien.gif);background-position:-2px 0px;background-repeat:no-repeat; margin:0;}
.lien_breve_02 {width : 330px;}
.lien_article_02 {width : 500px;}
.lien_breve, .lien_article {clear:both}

.lien_breve_02:hover, .lien_article_02:hover {background-image:url(images_interface/puce_lien_hover.gif);background-repeat:no-repeat;}
.lien_breve_02 a, .lien_article_02 a {color:#691397;border-bottom:1px dotted #691397;font-size:1.1em;text-decoration:none;}
.lien_breve_02 a:hover, .lien_article_02 a:hover {border-bottom:1px solid #c3a1d5;}
/* boutons en fin de ligne*/
.lien_breve_03 {width:24px; line-height:20px; display:block;float:right;}
.lien_breve img, .lien_fin_breve img {border:0;}
.lien_breve_03 img:hover { background-color:#f0e7f5;}
/* ligne "retour en haut"*/
p.lien_haut a:link, .lien_haut a:visited { margin:0 10px 0 0 ;float:right;color:#691397;border-bottom:1px dotted #691397;text-decoration:none; position:relative;top:-15px}
p.lien_haut a:hover, .lien_haut a:active {border-bottom:1px solid #c3a1d5;}



/******************** colonne outils ****************************/
#colonne_outils {
	overflow: hidden;
	width: 240px;
	float:right;
	font-style:italic; 
	text-overflow: ellipsis;

}
#colonne_outils p {margin:0;}


/* colonne publicitaire heeza */
#heeza {background-color:#FFF; padding:10px; text-align:center; border-left:2px solid #e1d0e4;}
#heeza .txtpetitviolet {display:none}/* supprime l'ancienne mise en forme */

.credo {margin:0; font-style:italic; text-align:left; background-color:#FFF; color:#691397; font-size:1em; padding:10px;height:160px; width:220px;float:left;}

.lien_fleche { padding-top:10px;margin:0; font-style:italic; text-align:left; background-color:#b7db4c; font-size:1em; line-height:45px;position:relative; color:#691397}
.lien_fleche img {border:0;margin:0 10px 0 20px; vertical-align:middle}
.lien_fleche::after {margin:0;content:'';display:block;width:24px;height:10px;background: url(images_interface/fleche_bas_vert1.png); position:relative; top:10px ; left:116px; z-index:4; }
.lien_img_gauche img {border:0;margin:0}

.lien_fleche_blanche { padding-top:10px;margin:0; font-style:italic; text-align:left; background-color:#e1d0e4; font-size:1em; line-height:45px;position:relative; color:#691397}
.lien_fleche_blanche img {border:0;margin:0 10px 0 20px; vertical-align:middle}
.lien_fleche_blanche::after {margin:0;content:'';display:block;width:24px;height:10px;background: url(images_interface/fleche_bas_blanche2.png); position:relative; top:10px ; left:116px; z-index:4; }

.lien_fleche_violet { padding-top:10px; margin:0; font-style:italic; text-align:left; background-color:#c3a1d5; font-size:1em; line-height:45px; color:#691397}
.lien_fleche_violet img {border:0;margin:0 10px 0 20px; vertical-align:middle}
.lien_fleche_violet::after {margin:0;content:'';display:block;width:24px;height:10px;background: url(images_interface/fleche_bas_violet2.png); position:relative; top:10px ; left:116px; z-index:4;}


#lien_moment { width:240px; height:210px; position:relative;}
#img_lien_moment { position:relative;}
#info_lien_moment { height:100px;padding:10px; bottom:120px;background-color:rgba(105, 19, 151, 0.6);color:#FFF; display:none; position:relative; }
#lien_moment:hover #info_lien_moment {display: block;}
#info_lien_moment a { color:#FFF; text-decoration:none; border-bottom:1px dotted #FFF}
#info_lien_moment a:hover { border-bottom:1px solid #FFF;}
#colonne_outils h1 { /*font-family:"fousdani_slab", serif; text-transform:uppercase;*/letter-spacing:-0.08em; color:#cfe789; font-size:1.4em; line-height: 1.1em; margin:0 5px 0 0; font-weight:bold}
#colonne_outils h1:first-letter {text-transform:uppercase}

#colonne_outils img a { border:0}
#agenda_01, #agenda_02, #agenda_03, #agenda_04, #agenda_05 { linewidth:240px; height:60px; position:relative; border:0;margin:0;}
#agenda_01_info, #agenda_02_info, #agenda_03_info, #agenda_04_info, #agenda_05_info { font-size:0.9em; line-height:1.3em;padding:5px;height:50px; width:230px ; background-color:rgba(105, 19, 151, 0.8); color:#FFF; position:relative; text-overflow: ellipsis; display:none; bottom:60px;}
#agenda_01_info a, #agenda_02_info a, #agenda_03_info a, #agenda_04_info a, #agenda_05_info a { color:#FFF; text-decoration:none; border-bottom:1px dotted #FFF}
#agenda_01_info a:hover, #agenda_02_info a:hover, #agenda_03_info a:hover, #agenda_04_info a:hover, #agenda_05_info a:hover { border-bottom:1px solid #FFF;}
#agenda_01:hover #agenda_01_info {display:block;}
#agenda_02:hover #agenda_02_info {display:block;}
#agenda_03:hover #agenda_03_info {display:block;}
#agenda_04:hover #agenda_04_info {display:block;}
#agenda_05:hover #agenda_05_info {display:block;}


#liens_outils,.liens_outils {width:200px; color:#000; line-height:1.5em; font-size: 0.85em; padding : 20px 5px 0 20px;}
#liens_outils a,.liens_outils a { margin-right:4px;color:#691397;text-decoration:none; border-bottom:1px dotted #c3a1d5; background-image:url(images_interface/fleche_lien.png);	background-position: 0px 2px;	background-repeat:no-repeat;	padding-left:12px; font-size:1.3em}
#liens_outils a:hover , ,.liens_outils a:hover{ border-bottom:1px solid #691397; background-image:url(images_interface/fleche_lien_hover.png);	background-position: 0px 2px;	background-repeat:no-repeat;	padding-left:12px;}
#liens_outils h1,.liens_outils h1 {margin:10px 0 4px -5px; font-size:1.35em; font-style:normal; letter-spacing:-0.04em; color:#000; font-weight:normal}

/******************** fin de page ****************************/
#archives {width:720px; height:180px; background-color:#c3a1d5; color:#000}
#archives .numer {margin:5px; padding:0; line-height:22px;}
a.numer:link, a.numer:visited { text-decoration:none;font-weight:normal; color:#691397}
a.numer:hover, a.numer:active { color:#000; border-top:1px dotted #691397; border-bottom:1px dotted #691397;}
#archives div {width:240px;float:left;}
#archives p {font-style:italic; font-size:14px}


#footer {width:960px; height:340px; background-color:#b7db4c; color:#000;font-size:12px;line_height:13px; clear:both;}
#footer a:link, #footer a:visited{	text-decoration:none;
color:#000;
	border-bottom:1px dotted #000;
	background-image:url(footer/fleche_lien_blck.png);
	background-position: 0px 1px;
	background-repeat:no-repeat;
	padding-left:12px;
}
#footer div {float:left; text-overflow:ellipsis;}
.footer_contenu {margin:20px 0 10px 0; width:220px; padding:0 10px;}
#footer a:hover, #footer a:active {
	border-bottom:0;
	background-image:url(footer/fleche_lien_blck_hover.png);
}

.footer_ul {list-style:none; margin:0; padding:0;}
#footer li {padding:4px 0 0 0}