@import 'https://fonts.googleapis.com/css?family=Ubuntu';
@import 'https://fonts.googleapis.com/css?family=Tauri';

/* Typographie */
body {
    color: #444;
    font-family: "Ubuntu", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    line-height: 1.4rem;
}
h1, h2, h3, h4, h5, h6 {
	 font-family: "Tauri",Arial,Helvetica,sans-serif;
	 font-weight: 400;
	 color: #386793;
}
h1 {
    font-size: 2rem;
    line-height: 140%;
    margin: 10px 0;
}
h2 {
	 font-size : 170%;
    line-height: 140%;
    margin: 10px 0;
}
h3 {
	 font-size : 140%;
    line-height: 140%;
    margin: 10px 0;
}
h4 {
	 font-size : 110%;
    line-height: 140%;
    margin: 10px 0;
}
h5 {
	 font-size : 90%;
    line-height: 140%;
    margin: 10px 0;
}
h6 {
	 font-size : 80%;
    line-height: 140%;
    margin: 10px 0;
}
p {
    margin: 10px 0;
}
b, strong {
    font-weight: bold;
}
em {
    color: #80461b;
}
a:link, a:visited {
	color: #d53f17;
}

a:hover {
	color: darken(@global-link-color, 20%);
}

/* Retrait */
blockquote {
   font-size: 0.9rem;
   text-align: justify;
	margin: 5px 0 5px 0;
	padding: 2px 0 2px 30px;
}
blockquote.citation div {
	margin: 0;
	padding: 0 27px 10px 0;
}
blockquote.citation {
   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 Retrait */

/* Citation */
dd { 
	font-size: 0.8rem;
	background: url(../images/typography/citation.png) 0 5px no-repeat;
	margin: 0;
	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: "Ubuntu",Verdana,Geneva,Arial,Helvetica,sans-serif;
}
/* Fin Préformaté */
/* Fin des formats */


/* Ligne horizontale */
hr {
	margin: 15px 0 15px 0;
	display: block;
	background: #c8c8c8;
	color: #c8c8c8; 
	height: 1px;
	border: none;
}
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 Ligne horizontale */

/* Styles des blocs de contenu (p et div) et du texte séléctionné (span) */
/* Style Accolade */
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 */

/* Styles avec fond et/ou images */
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;
}
/* 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, span.bloc_gris {
	background: #f9faef;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}
div.bloc_jaune, span.bloc_jaune {
	background: #fffdeb;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
div.bloc_bleu, span.bloc_bleu {
	background: #eff6fc;
	border-top: 1px dotted #b9d1e4;
	border-bottom: 1px dotted #b9d1e4;
}
div.bloc_rouge, span.bloc_rouge {
	background: #fff5eb;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}
div.bloc_vert, span.bloc_vert {
	background: #f5faeb;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
/* Fin Bordures et fond sans image */

/* Image avec 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 6px 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 6px 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 Image avec bordures et fond */

/* Même images mais sans bordures 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 3px no-repeat;
}
div.info, p.info, span.info {
	background: url(../images/typography/bloc_info.png) 1px 3px no-repeat;
}
div.alerte, p.alerte, span.alerte {
   background: url(../images/typography/bloc_alert.png) 1px 3px 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 3px no-repeat;
}
div.ok, p.ok, span.ok {
	background: url(../images/typography/bloc_yes.png) 1px 3px no-repeat;
}
div.stop, p.stop, span.stop {
	background: url(../images/typography/bloc_no.png) 1px 3px no-repeat;
}
div.plus, p.plus, span.plus {
	background: url(../images/typography/bloc_plus.png) 1px 7px no-repeat;
}
div.moins, p.moins, span.moins {
	background: url(../images/typography/bloc_minus.png) 1px 7px no-repeat;
}
div.telecharger, p.telecharger, span.telecharger {
	background: url(../images/typography/bloc_download.png) 1px 4px no-repeat;
}
div.recherche, p.recherche, span.recherche {
	background: url(../images/typography/bloc_search.png) 1px 4px no-repeat;
}
/* Fin Même images mais sans bordures ni fond */
/* Fin styles des blocs de contenus et de texte sélectionné */

/* Texte sélectionné uniquement (span), avec image */
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 Texte sélectionné avec image */

/* Listes à puces avec image */
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 avec image */

/* Ajout pour l'éditeur JCE */
.jcepopup {}
.jcetooltip {}
.correct-png {}