/* @override 
	http://www.tontransfert.com/themes/transfertverts/2_articleFunVerts.icsFastCss/start.php
	http://localhost/tontransfert/themes/transfertverts/2_articleFunVerts.icsFastCss/start.php
	http://www.tontransfert.com/themes/transfertverts/2_articleFunVerts.icsFastCss/start.php?beta=1
*/

div.zoneArticle div.article { margin-top: 5px; margin-bottom: 5px; }

/* -- Titre -- */
div.zoneArticle div.article h2 { color: #005a00; font-size: 17pt; text-align: center; height: 50px; margin: 25px auto 15px; padding: 0 0 0 40px; display: table;
	background: url(images/titre_fond_1.png) no-repeat 0 0;
}

div.zoneArticle div.article h2 span.h2_marge { background-image: url(images/titre_fond_3.png); background-repeat: no-repeat; background-position: right 0; height: 50px; margin: 0; padding: 0 40px 0 0; display: table; }
div.zoneArticle div.article h2 span.h2_contenu { font-style: normal; background-image: url(images/titre_fond_2.png); background-repeat: repeat-x; background-position: 0 0; letter-spacing: 3px; height: 44px; padding-top: 7px; padding-left: 5px; display: block; white-space: nowrap;
}
div.zoneArticle div.article h2 span.h2_fin { display: none; }
/*div.zoneArticle div.article h4 { font-size: 15pt; text-align: left; margin-top: 20px; margin-bottom: 5px;
}*/

/* @group Sous-Titre */

/*div.zoneArticle div.article h4 {
	font-size: 15pt;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 5px;
	color: white;
}

div.zoneArticle div.article h4.vignette {
	text-align: left;
}

div.zoneArticle div.article h4.centre {
	text-align: center;
}*/

/* @end */

/* @group Sous-Titre */

div.zoneArticle div.article h4 {
	font-size: 15pt;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 5px;
	color: white;
}

div.zoneArticle div.article h4.standardCentre {
	text-align: center;
}

div.zoneArticle div.article h4.standardDroite {
	text-align: right;
}

div.zoneArticle div.article h4.slogan {
	text-align: center;
	font: italic bold 40px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	text-shadow: rgba(0,0,0,0.5) 4px 4px 6px;
	margin-bottom: 15px;
}

/* @end */
/* -- Paragraphe -- */

/* @group Paragraphe */

div.zoneArticle p {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.zoneArticle p.standard {
	text-align: left;
}

div.zoneArticle p.standardCentre {
	text-align: center;
}

div.zoneArticle p.standardJustifie {
	text-align: justify;
}

div.zoneArticle p.standardDroite {
	text-align: right;
}

div.zoneArticle p.petitTitre {
	font-size: 1.3em;
	text-align: left;
}

 div.zoneArticle p.petitTitreCentre {
	text-align: center;
	font-size: 1.3em;
}

/* @group p.intense */

div.zoneArticle p.intense {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 12px;
	color: #fcf618;
}

div.zoneArticle p.intenseCentre {
	text-align: center;
	color: #fcf618;
}

div.zoneArticle p.intenseJustifie {
	text-align: justify;
	color: #fcf618;
}

div.zoneArticle p.intenseDroite {
	text-align: right;
	color: #fcf618;
}

/* @end */

/* @group p.blocTexte */

div.zoneArticle p.blocTexte        { 
	color: #2c7e09;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font: 1em "Comic Sans MS";
}
div.zoneArticle p.blocTexte .blocTexte_base {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	display: block;
	background: url(images/bloctexte_fond_1.png) no-repeat center top;
}
div.zoneArticle p.blocTexte .blocTexte_marge {
	background-image: url(images/bloctexte_fond_3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 620px;
	padding-bottom: 12px;
	display: block;
}

div.zoneArticle p.blocTexte .blocTexte_contenu {
	background-image: url(images/bloctexte_fond_2.png);
	background-repeat: repeat-y;
	background-position: center;
	text-align: left;
	padding: 5px 25px;
	display: block;
}

/* @end */

/* @group p.citation */

div.zoneArticle p.citation        { 
	color: #a2230a;
	font: italic 9pt/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
div.zoneArticle p.citation .citation_base {
	background-image: url(images/citation_fond_1.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	display: block;
}
div.zoneArticle p.citation .citation_marge {
	background-image: url(images/citation_fond_3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 620px;
	padding-bottom: 12px;
	display: block;
}
div.zoneArticle p.citation .citation_contenu {
	background-image: url(images/citation_fond_2.png);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	padding: 1px 14px;
	display: block;
}

/* @end */

/* @group p.postIt */

div.zoneArticle p.postIt {
	color: #000;
	background-image: url(images/postit_1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 650px;
	margin: 15px auto 0;
	padding: 11px 0 0;
	display: block;
}

div.zoneArticle p.postIt a {
	color: #000063;
}

div.zoneArticle p.postIt a:hover {
	color: #7a3099;
}

div.zoneArticle p.postIt span.postIt_marge {
	background-image: url(images/postit_2.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	display: block;
}

div.zoneArticle p.postIt span.postIt_contenu {
	padding-right: 40px;
	padding-left: 40px;
	display: block;
}

div.zoneArticle p.postIt span.postIt_fin {
	background-image: url(images/postit_3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 650px;
	height: 60px;
	display: block;
}

/* @end */

/* @group p.misEnAvant */

div.zoneArticle p.misEnAvant      { color: #ff1c00; font-size: 18pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; letter-spacing: 3px; padding: 10px; text-shadow: rgba(0,0,0,0.3) 3px 3px 3px }

/* @end */

/* @group p.legende */

div.zoneArticle p.legende         { color: #184004; font-style: italic;
	font-size: 12px;
}

/* @end */

/* @group p.question */

div.zoneArticle p.question {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

/* @end */

/* @end */
/* -- image avec lien -- */

/* @group Bloc Image */

div.zoneArticle div.blocImage {
	color: #1f1f1f;
	display: inline-table;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.zoneArticle div.blocImage .blocImage_marge {
	display: inline;
}

div.zoneArticle div.blocImage img {
	display: inline;
	margin-right: auto;
	margin-left: auto;
}

div.zoneArticle div.blocImage .nom {
	display: block;
	text-align: center;
	margin: 2px auto 5px;
	color: white;
}

div.zoneArticle div.blocImage .legende {
	display: block;
	margin-right: auto;
	margin-left: auto;
	color: orange;
	font-size: 12px;
	font-style: italic;
}

div.zoneArticle div.blocImage.gauche {
	float: left;
	padding: 10px 10px 5px 0;
	display: table;
}

div.zoneArticle div.blocImage.droite {
	float: right;
	padding: 10px 0 5px 10px;
	display: table;
}

/* @end */

/* @group Bloc Image avec lien */

div.zoneArticle div.lienImage {
	color: #000;
	display: inline-table;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.zoneArticle div.lienImage a {
	color: #000;
	text-decoration: none;
	display: inline-table;
	white-space: nowrap;
}

div.zoneArticle div.lienImage a img {
	margin: 0 5px;
	padding: 0;
}

div.zoneArticle div.lienImage .nom {
	display: block;
	text-align: center;
	margin: 2px auto 5px;
	color: white;
}

div.zoneArticle div.lienImage .legende {
	display: block;
	margin-right: auto;
	margin-left: auto;
	color: orange;
	font-size: 12px;
	font-style: italic;
}

/*div.zoneArticle div.lienImage a b.titre {
	color: #000;
}*/

/*div.zoneArticle div.lienImage a:hover b.titre {
	color: #0000a8;
	text-decoration: underline;
}*/

div.zoneArticle div.lienImage.gauche {
	float: left;
}

div.zoneArticle div.lienImage.droite {
	float: right;
}

/* @group lienImage.pancarte */

div.zoneArticle div.lienImage.pancarte {
	margin: 3px;
	position: relative;
	top: 0;
	left: 0;
	background: url(images/blocimage/vignette_favoris.png) no-repeat 0 0;
}

div.zoneArticle div.lienImage.pancarte img {
	margin: 50px 25px 3px;
}

div.zoneArticle div.lienImage.pancarte .nom {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: url(images/blocimage/vignette_favoris_t.png) no-repeat 0 0;
	width: 184px;
	height: 41px;
	margin: 0;
	color: yellow;
	display: block;
	white-space: normal;
	padding: 7px 8px;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 16px;
	vertical-align: middle;
	overflow: hidden;
}

/* @end */


/* @end */

/* @group Bloc Image avec Zoom */

div.zoneArticle div.lienImageZoom {
	color: #000;
	display: inline-table;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.zoneArticle div.lienImageZoom a {
	color: #000;
	text-decoration: none;
	display: inline-table;
	white-space: nowrap;
}

div.zoneArticle div.lienImageZoom a img {
	margin: 0 5px;
	padding: 0;
}

div.zoneArticle div.lienImageZoom .nom {
	display: block;
	text-align: center;
	margin: 2px auto 5px;
	color: white;
}

div.zoneArticle div.lienImageZoom .legende {
	display: block;
	margin-right: auto;
	margin-left: auto;
	color: orange;
}

/*div.zoneArticle div.lienImage a b.titre {
	color: #000;
}*/

/*div.zoneArticle div.lienImage a:hover b.titre {
	color: #0000a8;
	text-decoration: underline;
}*/

div.zoneArticle div.lienImage.gauche {
	float: left;
}

div.zoneArticle div.lienImage.droite {
	float: right;
}


/* @end */

/*div.zoneArticle div.lienImage { color: #000; display: inline-table;   }
div.zoneArticle div.lienImage a { color: #000; font-size: 14pt; font-weight: bold; text-decoration: none; display: inline-table; white-space: nowrap; }
div.zoneArticle div.lienImage a img { margin: 0 5px; padding: 0; }
div.zoneArticle div.lienImage a b.titre { color: #000; }
div.zoneArticle div.lienImage a:hover b.titre { color: #0000a8; text-decoration: underline; }*/

/* -- Hyperlien -- */
div.zoneArticle div.hyperlien_standard { text-align: left; margin-top: 10px; margin-bottom: 20px; display: block; }
div.zoneArticle div.hyperlien_standard a { font-size: 11pt; font-weight: bold; margin-left: 10px; display: block; }
div.zoneArticle div.hyperlien_standard span.commentaire { color: #222; margin-left: 30px; display: block; }

div.zoneArticle div.hyperlien_grandeTaille { background-image: url(images/hyperlien_grande_taille.png); background-repeat: no-repeat; text-align: center; width: 420px; height: 50px; overflow: hidden; margin: 30px auto; border-width: 0; display: block; white-space: nowrap; }
div.zoneArticle div.hyperlien_grandeTaille span.hyperlien_grandeTaille_marge { text-transform: uppercase; text-align: center; width: 100%; padding-top: 14px; display: table; }

/* -- Bloc Image -- */
/*div.zoneArticle div.blocImage.gauche { float: left; padding: 10px 10px 5px 0; }
div.zoneArticle div.blocImage.droite { float: right; padding: 10px 0 5px 10px; }*/
/* -- QuickTime -- */
div.quickTime { text-align: center; display: block; }
/* -- Tableau -- */
div.zoneArticle table.tableauDansArticle { color: #000; width: 80%; margin-right: auto; margin-left: auto; border: solid 1px #3c3c3c; }

/* -- Fichier Téléchargable -- */
div.zoneArticle div.lienDeTelechargement { margin: 10px auto; display: table; }
div.zoneArticle div.lienDeTelechargement a.lien { color: #005a00; font-size: 10pt; font-weight: bold; background-image: url(images/filedownload_fond.png); background-repeat: no-repeat; text-decoration: underline; text-align: left; width: 450px; height: 50px; overflow: hidden; margin: 0; border-width: 0; cursor: pointer; display: block; }
div.zoneArticle div.lienDeTelechargement a.lien:hover { color: #d20000; }
div.zoneArticle div.lienDeTelechargement a.lien span.lien_marge { text-decoration: underline; text-align: left; width: 100%; padding-top: 16px; padding-left: 80px; display: table; }
div.zoneArticle div.lienDeTelechargement span.commentaire { color: #222; font-size: 10pt; font-style: italic; width: 400px; margin-top: 5px; margin-right: auto; margin-left: auto; display: block; }

/* -- Liste Rubrique -- */
div.zoneArticle div.listeRubrique { display: block; }
div.zoneArticle div.listeRubrique p.titre { font-size: 10pt; margin: 0; padding: 0; }
div.zoneArticle div.listeRubrique ul.rubrique { background-image: url(images/liste_rubrique_fond.png); text-align: center; width: 720px; height: 30px; margin: 0; padding: 0; display: block; }
div.zoneArticle div.listeRubrique li.rubrique_ligne { display: inline; }
div.zoneArticle div.listeRubrique ul.rubrique a { height: 21px; margin: 4px 0 0; padding: 0 15px; display: inline-table; color: #fff !important; font-size: 10pt; text-decoration: none !important; }
div.zoneArticle div.listeRubrique ul.rubrique a.lienRubrique:hover { color: #ceeaf5 !important; }
div.zoneArticle div.listeRubrique ul.rubrique a.lienRubrique:active { color: #0f0 !important; }
div.zoneArticle div.listeRubrique ul.rubrique a.lienRubrique_actif { color: #ceeaf5 !important; font-weight: bold; background-image: url(images/liste_rubrique_lien_actif.png); text-decoration: underline overline; }
/* listeLienNavigation */
div.lienNavigationParent { font-size: 14px; text-align: left; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px dashed #ff0; display: block; }

/* @group Formulaire */

div.formulaireAuto .formulaireAuto_base {
	background-image: url(images/formulaire_fond_1.png); background-repeat: no-repeat; background-position: center top; width: 620px; padding-top: 12px; display: block;
	margin: 30px auto 10px;
}

div.formulaireAuto .formulaireAuto_marge {
	background-image: url(images/formulaire_fond_3.png); background-repeat: no-repeat; background-position: center bottom; width: 620px; padding-bottom: 12px; display: block;
}

div.formulaireAuto .formulaireAuto_contenu {
	background-image: url(images/formulaire_fond_2.png); background-repeat: repeat-y; background-position: center; text-align: center; padding: 1px 14px; display: block;
}

div.formulaireAuto form {
	text-align: left; margin: 0 auto; padding: 0; display: table;
}

div.formulaireAuto label .label_marge {
	text-align: right; width: 120px; padding-right: 4px; display: inline-table;
}

div.formulaireAuto .input_champ input {
	vertical-align: top;
}

div.formulaireAuto .input_zoneTexte textarea {
	vertical-align: top;
}

div.formulaireAuto p.texteDeConfirmation {
	text-align: center; display: block;
}

div.formulaireAuto p.texteDeConfirmation .texteDeConfirmation_contenu {
	text-align: center; display: block;
}

div.formulaireAuto p.zoneBoutonValidation {
	text-align: center; display: block;
}

div.formulaireAuto p.zoneBoutonValidation .zoneBoutonValidation_contenu {
	text-align: right; display: block;
}

/* @end */