/*
 * Joomlatutos.com - Fichier CSS d'illustrations
 * Construit pour être appelé dans l'éditeur (Liste Style CSS)
 * @author Mihàly Marti alias Sarki
 * @copyright (C) 2012 Joomlatutos.com. All rights reserved.
 */ 

/* Éléments généraux à adapter selon le template utilisé */
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
}
/* - Formats */
p {
	margin: 5px 0;
	padding: 2px 0 2px 0;
	text-align: left;
}
div {
	margin: 0px;
	padding: 0px;
}
/* -- Titres */
h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }
h1, h2, h3, h4, h5, h6 {
	font-family: Arial,Helvetica,sans-serif;
	margin: 10px 0 5px 0;
}
h1, h2, h3 {
	font-weight: normal;
}
h4, h5, h6 {
	font-weight: bold;
}
/* -- Fin Titres */
/* -- Retrait */
blockquote {
   font-size: 110%;
   text-align: justify;
	margin: 5px 0 5px 0;
	padding: 2px 0 2px 30px;
}
/* --- Ajouts personnalisés */
blockquote.citation div {
	margin: 0;
	padding: 0 27px 10px 0;
}
blockquote.citation {
   font-size: 110%;
   text-align: justify;
	margin: 10px 0 0 0;
	padding: 2px 0px 2px 30px;
	background: url(../images/typography/blockquote_start.png) 4px 0 no-repeat;
}
blockquote.citation p {
	margin: 0;
	padding: 2px 30px 2px 0;
	background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat;
}
/* --- Fin Ajouts personnalisés */
/* -- Fin Retrait */
/* -- Citation */
dd { 
	font-size: 90%;
	background: url(../images/typography/citation.png) 0 5px no-repeat;
	padding: 2px 0 2px 12px;
}
/* -- Fin Citation */
/* -- Définition */
dt { /* aucun style car utilisé par des extensions */ }
/* -- Fin Définition */
/* -- Code */
code {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #cccccc;
	background: #fafafa;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	white-space: pre-wrap;
	display: block;
}
/* -- Fin code */
/* -- Exemple de code */
samp {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	color: #003366;
	font-family: "Courier New", Courier, monospace;
	white-space: pre-wrap;
	display: block;
}
/* -- Fin Exemple de code */
/* -- Préformaté */ 
pre {
	padding: 2px 0 2px 0;
	white-space: pre-wrap;
	font-family: Verdana, Arial, sans-serif;
}
/* -- Fin Préformaté */
/* - Fin des formats */

/* - Blocs de liste par défaut */
ul, ol, dl { margin: 1em 0; padding-left: 30px }
/* - Fin Blocs de liste par défaut */
/* - Ligne horizontale */
hr {
	margin: 15px 0 15px 0;
	display: block;
	background: #c8c8c8;
	color: #c8c8c8; 
	height: 1px;
	border: none;
}
/* -- Ajouts personnalisés */
hr.points {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url(../images/typography/line_dotted.png) 0 0 repeat-x;
	height: 1px;
	border: none;
}
hr.traits {
	margin: 15px 0px 15px 0px;
	display: block;
	background: url(../images/typography/line_dashed.png) 0 0 repeat-x;
	height: 1px;
	border: none;
}
/* -- Fin Ajouts personnalisés */
/* - Fin Ligne horizontale */
/* Fin des éléments généraux à adapter selon le template utilisé */

/* Styles personnalisés pour éléments avec séparation accentuée : blocs de contenu (p et div) ou texte séléctionné (span) */
/* - Style Accolade à gauche */
div.accolade, p.accolade, span.accolade {
	background: url(../images/typography/blockquote_start.png) 5px 0 no-repeat;
	margin: 10px 0px 5px 0px;
	padding: 5px 10px 10px 30px;	
	text-align: justify;
}
/* - Fin Style Accolade à gauche */
/* - Styles généraux pour blocs mis en avant (fond et/ou grande image) */
div.note, p.note, span.note,
div.idee, p.idee, span.idee,
div.info, p.info, span.info,
div.alerte, p.alerte, span.alerte,
div.go, p.go, span.go,
div.cadenas, p.cadenas, span.cadenas,
div.ok, p.ok, span.ok,
div.stop, p.stop, span.stop,
div.plus, p.plus, span.plus,
div.moins, p.moins, span.moins,
div.telecharger, p.telecharger, span.telecharger,
div.recherche, p.recherche, span.recherche,
div.bloc_note, p.bloc_note, span.bloc_note,
div.bloc_idee, p.bloc_idee, span.bloc_idee,
div.bloc_info, p.bloc_info, span.bloc_info,
div.bloc_alerte, p.bloc_alerte, span.bloc_alerte,
div.bloc_go, p.bloc_go, span.bloc_go,
div.bloc_cadenas, p.bloc_cadenas, span.bloc_cadenas,
div.bloc_ok, p.bloc_ok, span.bloc_ok,
div.bloc_stop, p.bloc_stop, span.bloc_stop,
div.bloc_plus, p.bloc_plus, span.bloc_plus,
div.bloc_moins, p.bloc_moins, span.bloc_moins,
div.bloc_telecharger, p.bloc_telecharger, span.bloc_telecharger,
div.bloc_recherche, p.bloc_recherche, span.bloc_recherche {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 30px;
	display: block;
	text-align: justify;
}
/* - Fin Styles généraux pour blocs avec fond et/ou images */
/* - Blocs avec bordures et fond, sans image */
div.bloc_gris, p.bloc_gris, span.bloc_gris,
div.bloc_jaune, span.bloc_jaune,
div.bloc_bleu, span.bloc_bleu,
div.bloc_rouge, span.bloc_rouge,
div.bloc_vert, span.bloc_vert {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 10px;
	display: block;
	text-align: justify;
}
div.bloc_gris, p.bloc_gris, span.bloc_gris {
	background: #f9faef;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}
div.bloc_jaune, p.bloc_jaune, span.bloc_jaune {
	background: #fffdeb;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
div.bloc_bleu, p.bloc_bleu, span.bloc_bleu {
	background: #eff6fc;
	border-top: 1px dotted #b9d1e4;
	border-bottom: 1px dotted #b9d1e4;
}
div.bloc_rouge, p.bloc_rouge, span.bloc_rouge {
	background: #fff5eb;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}
div.bloc_vert, p.bloc_vert, span.bloc_vert {
	background: #f5faeb;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
/* - Fin Blocs avec bordures et fond, sans image */
/* - Blocs avec image, bordures et fond */
div.bloc_note, p.bloc_note, span.bloc_note {
	background: #f9faef url(../images/typography/bloc_note.png) 1px 4px no-repeat;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}
div.bloc_idee, p.bloc_idee, span.bloc_idee {
	background: #fffdeb url(../images/typography/bloc_idea.png) 1px 2px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
div.bloc_info, p.bloc_info, span.bloc_info {
	background: #eff6fc url(../images/typography/bloc_info.png) 1px 2px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}
div.bloc_alerte, p.bloc_alerte, span.bloc_alerte {
   background: #fff5eb url(../images/typography/bloc_alert.png) 1px 2px no-repeat;
   border-top: 1px dotted #ffb4a0;
   border-bottom: 1px dotted #ffb4a0;
}
div.bloc_go, p.bloc_go, span.bloc_go {
	background: #f5faeb url(../images/typography/bloc_go.png) 1px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
div.bloc_cadenas, p.bloc_cadenas, span.bloc_cadenas {
	background: #f9faef url(../images/typography/bloc_lock.png) 1px 2px no-repeat;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}
div.bloc_ok, p.bloc_ok, span.bloc_ok {
	background: #f5faeb url(../images/typography/bloc_yes.png) 2px 2px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
div.bloc_stop, p.bloc_stop, span.bloc_stop {
	background: #fff5eb url(../images/typography/bloc_no.png) 1px 2px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}
div.bloc_plus, p.bloc_plus, span.bloc_plus {
	background: #eff6fc url(../images/typography/bloc_plus.png) 1px 4px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}
div.bloc_moins, p.bloc_moins, span.bloc_moins {
	background: #fffdeb url(../images/typography/bloc_minus.png) 1px 4px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
div.bloc_telecharger, p.bloc_telecharger, span.bloc_telecharger {
	background: #f5faeb url(../images/typography/bloc_download.png) 1px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
div.bloc_recherche, p.bloc_recherche, span.bloc_recherche {
	background: #f9faef url(../images/typography/bloc_search.png) 1px 3px no-repeat;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}
/* - Fin Blocs avec image, bordures et fond */
/* - Blocs avec image, sans bordure ni fond */
div.note, p.note, span.note {
	background: url(../images/typography/bloc_note.png) 0px 4px no-repeat;
}
div.idee, p.idee, span.idee {
	background: url(../images/typography/bloc_idea.png) 1px 1px no-repeat;
}
div.info, p.info, span.info {
	background: url(../images/typography/bloc_info.png) 1px 2px no-repeat;
}
div.alerte, p.alerte, span.alerte {
   background: url(../images/typography/bloc_alert.png) 1px 2px no-repeat;
}
div.go, p.go, span.go {
	background: url(../images/typography/bloc_go.png) 1px 4px no-repeat;
}
div.cadenas, p.cadenas, span.cadenas {
	background: url(../images/typography/bloc_lock.png) 1px 2px no-repeat;
}
div.ok, p.ok, span.ok {
	background: url(../images/typography/bloc_yes.png) 1px 2px no-repeat;
}
div.stop, p.stop, span.stop {
	background: url(../images/typography/bloc_no.png) 1px 2px no-repeat;
}
div.plus, p.plus, span.plus {
	background: url(../images/typography/bloc_plus.png) 1px 4px no-repeat;
}
div.moins, p.moins, span.moins {
	background: url(../images/typography/bloc_minus.png) 1px 4px no-repeat;
}
div.telecharger, p.telecharger, span.telecharger {
	background: url(../images/typography/bloc_download.png) 1px 3px no-repeat;
}
div.recherche, p.recherche, span.recherche {
	background: url(../images/typography/bloc_search.png) 1px 3px no-repeat;
}
/* - Fin Blocs avec image, sans bordure ni fond */
/* Fin Styles personnalisés pour éléments avec séparation accentuée */

/* Styles personnalisés pour illustrtion simple d'éléments : blocs de contenu (p et div) ou texte séléctionné (span) */
div.texte_bloc, p.texte_bloc, span.texte_bloc {
	padding: 0 2px 0 2px;
	background:#f4f5f6;
	border: 1px dotted #aab4be;
}
div.texte_note, p.texte_note, span.texte_note {
	background: transparent url(../images/typography/text_note.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_idee, p.texte_idee, span.texte_idee {
	background: transparent url(../images/typography/text_idea.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_info, p.texte_info, span.texte_info {
	background: transparent url(../images/typography/text_info.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_alerte, p.texte_alerte, span.texte_alerte {
	background: transparent url(../images/typography/text_no.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_ok, p.texte_ok, span.texte_ok {
	background: transparent url(../images/typography/text_yes.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_cadenas, p.texte_cadenas, span.texte_cadenas {
	background: transparent url(../images/typography/text_lock.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_attention, p.texte_attention, span.texte_attention {
	background: transparent url(../images/typography/text_alert.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_dossier, p.texte_dossier, span.texte_dossier {
	background: transparent url(../images/typography/text_folder.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_fichier, p.texte_fichier, span.texte_fichier {
	background: transparent url(../images/typography/text_file.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_pdf, p.texte_pdf, span.texte_pdf {
	background: transparent url(../images/typography/text_pdf.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_excel, p.texte_excel, span.texte_excel { 
	background: transparent url(../images/typography/text_excel.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_word, p.texte_word, span.texte_word { 
	background: transparent url(../images/typography/text_word.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_image, p.texte_image, span.texte_image { 
	background: transparent url(../images/typography/text_image.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_media, p.texte_media, span.texte_media { 
	background: transparent url(../images/typography/text_media.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_audio, p.texte_audio, span.texte_audio {
   background: transparent url(../images/typography/text_sound.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_archive, p.texte_archive, span.texte_archive { 
	background: transparent url(../images/typography/text_archive.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_telecharger, p.texte_telecharger, span.texte_telecharger { 
	background: transparent url(../images/typography/text_download.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_star, p.texte_star, span.texte_star {
   background: transparent url(../images/typography/text_star.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_fils_rss, p.texte_fils_rss, span.texte_fils_rss { 
	background: transparent url(../images/typography/text_rss.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_recherche, p.texte_recherche, span.texte_recherche {
   background: transparent url(../images/typography/text_search.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_accueil, p.texte_accueil, span.texte_accueil { 
	background: transparent url(../images/typography/text_address.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_coeur, p.texte_coeur, span.texte_coeur {
   background: transparent url(../images/typography/text_love.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_contact, p.texte_contact, span.texte_contact { 
	background: transparent url(../images/typography/text_contact.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_groupe, p.texte_groupe, span.texte_groupe { 
	background: transparent url(../images/typography/text_group.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_telephone, p.texte_telephone, span.texte_telephone { 
	background: transparent url(../images/typography/text_phone.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_portable, p.texte_portable, span.texte_portable { 
	background: transparent url(../images/typography/text_mobile.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_imprimer, p.texte_imprimer, span.texte_imprimer { 
	background: transparent url(../images/typography/text_print.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_email, p.texte_email, span.texte_email { 
	background: transparent url(../images/typography/text_email.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_lien, p.texte_lien, span.texte_lien { 
	background: transparent url(../images/typography/text_link.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_carte, p.texte_carte, span.texte_carte { 
	background: transparent url(../images/typography/text_card.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_calendrier, p.texte_calendrier, span.texte_calendrier { 
	background: transparent url(../images/typography/text_calendar.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_montre, p.texte_montre, span.texte_montre { 
	background: transparent url(../images/typography/text_time.png) 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}
div.texte_caddie, p.texte_caddie, span.texte_caddie { 
	background: transparent url(../images/typography/text_shop.png) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
/* Fin Styles personnalisés pour illustration simple d'éléments */

/* Listes à puces illustrées */
ul.liste_note li,
ul.liste_idee li,
ul.liste_info li,
ul.liste_alerte li,
ul.liste_go li,
ul.liste_cadenas li,
ul.liste_ok li,
ul.liste_stop li,
ul.liste_plus li,
ul.liste_moins li,
ul.liste_telecharger li,
ul.liste_recherche li {
	margin: 7px 0 7px 0px;
	padding: 6px 0 6px 30px;
	font-style: normal;
   list-style: none;
}
ul.liste_note li {
   background: url(../images/typography/list_note.png) no-repeat 0 0;
}
ul.liste_idee li {
   background: url(../images/typography/list_idea.png) no-repeat 0 0;
}
ul.liste_info li {
   background: url(../images/typography/list_info.png) no-repeat 0 0;
}
ul.liste_alerte li {
   background: url(../images/typography/list_alert.png) no-repeat 0 0;
}
ul.liste_go li {
   background: url(../images/typography/list_go.png) no-repeat 0 0;
}
ul.liste_cadenas li {
   background: url(../images/typography/list_lock.png) no-repeat 0 0;
}
ul.liste_ok li {
   background: url(../images/typography/list_yes.png) no-repeat 0 0;
}
ul.liste_stop li {
   background: url(../images/typography/list_no.png) no-repeat 0 0;
}
ul.liste_plus li {
   background: url(../images/typography/list_plus.png) no-repeat 0 0;
}
ul.liste_moins li {
   background: url(../images/typography/list_minus.png) no-repeat 0 0;
}
ul.liste_telecharger li {
   background: url(../images/typography/list_download.png) no-repeat 0 0;
}
ul.liste_recherche li {
   background: url(../images/typography/list_search.png) no-repeat 0 0;
}
/* Fin Listes à puces illustrées */

.telechargez {
    background: url(../images/csg-5074edc02a4f6.png) no-repeat top left;}
.j25{margin-top: 5px;background-position: 0 0; width: 190px; height: 44px; } 
.j25:hover{ background-position: 0 -94px !important; width: 193px; height: 44px; } 
.j3{ background-position: 0 -188px!important; width: 190px; height: 44px; } 
.j3:hover{ background-position: 0 -282px !important; width: 194px; height: 44px; }