html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url('/templates/mystic/images/fond_ligne.jpg');
	background-position: center top;
	margin: 0;
	padding: 0;
	border:0
}
body {
	font-family: Arial, verdana, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: center;
	background-image: url('/templates/mystic/images/fond_body.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height:760px;
	margin: 0;
	padding: 0;
	border:0
}
#body {
	width: 955px;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	top:58px;
	height:600px;
}

/******************************************
					ACCUEIL
*******************************************/

#accueil .body_fr { background-image: url('/templates/mystic/images/fond_accueil.jpg'); }
#accueil .body_en { background-image: url('/templates/mystic/images/fond_accueil_en.jpg'); }
#accueil #body #menu_fr ul, #accueil #body #menu_en ul { padding:0; margin:0; border:0; }
#accueil #body #menu_fr ul { padding-left:377px; }
#accueil #body #menu_en ul { padding-left:477px; }
#accueil #body #menu_fr ul li, #accueil #body #menu_en ul li { display:inline; }
#accueil img { border:0; }

#accueil #actus_defilantes { clear:left; float:left; margin-top:300px; padding-left:85px; width:252px; height:260px; }
#accueil #actus_defilantes hr { color:#FFFFFF; height:1px; border:0px; border-top:1px solid white;}
#accueil #actus_defilantes h1 { color: #D4027B;}
#accueil #actus_defilantes a { color:#FFFFFF; }
#accueil #actus_defilantes .lirelasuite a { color:#FFFFFF; background-image:url(/templates/mystic/images/plus_actu.gif); background-repeat:no-repeat; padding-left:13px;}

#accueil #temoignages_defilants { float:left; height:250px; width:300px; margin-top:323px; }
#accueil #temoignages_flash { width:210px; height:165px; float:right }
#accueil #temoignages_textes { margin-left:7px; width:195px; height:80px; float:left; padding-left:58px; }

#temoignagesdefilants h2 { color:#810F1E; font-size:13px; background-image:none; padding:0; margin:0; }

#temoignagesdefilants a { text-decoration:none; color:#000000; }

/* actu qui défile */
#qscroller2 { width:195px; height:70px; }
.qscroller2-nav { margin-top: 2px; font-size: 9px; width:195px; height: 10px; border:none; text-align:center; color: #5F020D; }
.qscroller2-nav a { text-decoration: none; color: #5F020D; }
.qscroller2-nav div { float: right; }
.qslide2 img { float: left; padding: 1px; border: 1px solid #00ffff; margin: 3px 15px 0 3px; }
.qslide2 h1 { margin:0 0 5px; font-size: 110%; color: #16387c; } 
#onglet_actu .hide { visibility: hidden; position: absolute; top: -400px; }
/* actu qui défile */

#accueil #tubes_animation { float:right; width:230px; height:574px; }

/******************************************
				PAGE INTERIEURE
*******************************************/

#retouraccueil { position:absolute; width:265px; height:150px; }
#retouraccueil a { display:block; width:265px; height:150px; }

#interieur .body_fr { background-image: url('/templates/mystic/images/fond_interieur.jpg'); }
#interieur .body_en { background-image: url('/templates/mystic/images/fond_interieur_en.jpg'); }
#interieur #body #menu_fr ul, #interieur #body #menu_en ul { padding:0; margin:0; border:0; }
#interieur #body #menu_fr ul { padding-left:377px; }
#interieur #body #menu_en ul { padding-left:477px; }
#interieur #body #menu_fr ul li, #interieur #body #menu_en ul li { display:inline; }
#interieur img { border:0; }

#interieur #btn_actualites_fr { clear:left; background-image: url('/templates/mystic/images/btn_actualites.gif'); background-position:bottom; background-repeat:no-repeat; width:64px; height:14px; margin-left:785px; padding-top:6px }
#interieur #btn_actualites_en { clear:left; background-image: url('/templates/mystic/images/btn_actualites_en.gif'); background-position:bottom; background-repeat:no-repeat; width:64px; height:14px; margin-left:785px; padding-top:6px }
#interieur #btn_actualites_fr a, #interieur #btn_actualites_en a { width:64px; height:14px; display:block }

#interieur #contenu { float:right; margin-top:45px; height:502px; width:675px; }

#interieur #contenu a{
	text-decoration:none;
}
#interieur #contenu a:hover{
	text-decoration:none;
}
/******************************************
			DEFILEMENT CONTENU
*******************************************/

.texte, #tpl-actualite, #contacteznous, #livredor, #envoiphotos, #trucsastuces { height:451px; overflow:auto; margin-top:5px; scrollbar-face-color:#DD7F77;	scrollbar-highlight-color:#transparent; scrollbar-3dlight-color:#E1CCDF; scrollbar-darkshadow-color:transparent; scrollbar-shadow-color:transparent; scrollbar-arrow-color:#5F020D; scrollbar-track-color:transparent; }


/******************************************
			PLAN DU SITE
*******************************************/

#plandusite li { list-style-image: url('/templates/mystic/images/puce_li.gif'); margin:5px; }
#plandusite li a { color:#DE3C59; font-weight:bold; text-decoration:none; font-size:14px; }
#plandusite li a:hover { text-decoration:underline }

#plandusite li li { list-style-image: url('/templates/mystic/images/puce_li_li.gif'); margin:0px; padding-top:5px; }
#plandusite li li a { color:#FC5F00; font-size:12px; font-weight:normal; }


/******************************************
			ACTUALITES
*******************************************/

#tpl-actualite { padding-right:30px; }
#tpl-actualite hr { height:1px; border:0; border-bottom:1px solid #DF7E78; }
#tpl-actualite a { color:#000000; text-decoration:none; }
#tpl-actualite .lirelasuite { clear:left; text-align:right; width:628px; }
#tpl-actualite .lirelasuite a { color:#FFFFFF; text-decoration:none; background-image:url(/templates/mystic/images/plus_actu.gif); background-repeat:no-repeat; padding-left:13px; }
#tpl-actualite .lirelasuite a:hover { text-decoration:underline; }
#tpl-actualite .imageactualite { margin:5px; }
#tpl-actualite .resume { font-style:italic; }

/******************************************
	CONTACTS / LIVRE D'OR / TEMOIGNAGES / TRUCS ET ASTUCES
******************************************/

#contacteznous label, #livredor label, #trucsastuces label { float:left; width:142px; margin-bottom:3px; }
#contacteznous input, #contacteznous select, #livredor input, #livredor select, #trucsastuces input, #trucsastuces select { font-size:11px; width:250px; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px; }
#contacteznous input.inputtextcourt, #contacteznous select.inputtextcourt, #contacteznous div.champspetit input.inputtextcourt, #livredor input.inputtextcourt, #livredor select.inputtextcourt, #livredor div.champspetit input.inputtextcourt, #trucsastuces input.inputtextcourt, #trucsastuces select.inputtextcourt, #trucsastuces div.champspetit input.inputtextcourt { width:65px; }
#contacteznous input.inputtextmoyen, #contacteznous select.inputtextmoyen, #livredor input.inputtextmoyen, #livredor input.selecttextmoyen, #trucsastuces input.inputtextmoyen, #trucsastuces input.selecttextmoyen { width:80px; }
#contacteznous textarea, #livredor textarea, #trucsastuces textarea { height:80px; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#contacteznous textarea.textareamessage, #livredor textarea.textareamessage, #trucsastuces textarea.textareamessage { width:485px; height:100px; }
#contacteznous textarea.textareacourt, #livredor textarea.textareacourt, #trucsastuces textarea.textareacourt { height:45px; }
#contacteznous span.obligatoire, #livredor span.obligatoire, #trucsastuces span.obligatoire { color:red; }
#contacteznous div.champs, #livredor div.champs, #trucsastuces div.champs { float:left; width:508px; line-height:20px; }
#contacteznous div.champspetit, #livredor div.champspetit, #trucsastuces div.champspetit { float:left; width:217px; line-height:20px; }
#contacteznous div.champspetit input, #livredor div.champspetit input, #trucsastuces div.champspetit input { width:185px; }
#contacteznous label.memeligne, #livredor label.memeligne, #trucsastuces label.memeligne { width:75px; }
#contacteznous div.caseacocher, #livredor div.caseacocher, #trucsastuces div.caseacocher { float:left; width:22px; }
#contacteznous div.caseacocher input, #livredor div.caseacocher input, #trucsastuces div.caseacocher input { margin:0; padding:0; margin-top:2px; height:14px; float:left; width:20px; }
#contacteznous label.labellarge, #livredor label.labellarge, #trucsastuces label.labellarge { float:left; width:488px; }
#contacteznous div.boutoncentre, #livredor div.boutoncentre, #trucsastuces div.boutoncentre { text-align:center; clear:left; padding:10px; }
#contacteznous #recevoirinfo, #livredor #recevoirinfo, #trucsastuces #recevoirinfo { padding-top:10px; clear:left; float:left; width:520px; }
#contacteznous #criteres, #livredor #criteres, #trucsastuces #criteres { clear:left; padding-top:10px;}
#contacteznous #criteres h1, #livredor #criteres h1, #trucsastuces #criteres h1 { padding-bottom:0; margin-bottom:0; }
#contacteznous #criteres div.lignecritere, #livredor #criteres div.lignecritere, #trucsastuces #criteres div.lignecritere { height:20px;}
#contacteznous #criteres hr, #livredor #criteres hr, #trucsastuces #criteres hr { border:0; margin:0; padding:0; border-top:1px dashed black; margin-top:10px; margin-bottom:10px; height:1px; }
#contacteznous #criteres div.champs, #livredor #criteres div.champs, #trucsastuces #criteres div.champs { width:362px; padding-top:20px; }
#contacteznous #criteres label, #livredor #criteres label, #trucsastuces #criteres label { padding-top:20px;}
#contacteznous #criteres div.champs label, #livredor #criteres div.champs label, #trucsastuces #criteres div.champs label { width:340px; float:left; height:14px; padding-top:0px;}
#contacteznous input.inputsubmit, #livredor input.inputsubmit, #trucsastuces input.inputsubmit { border:1px solid #CD4762; background-color:#5F020D; color:#F898A3 }

#contacteznous a { font-size:12px; text-decoration:none; color:#000000 }
#contacteznous a:hover { font-size:12px; text-decoration:underline; color:#000000; }

#livredor #lestemoignages { padding-right:30px; }
#livredor #lestemoignages hr, #trucsastuces hr { height:1px; border:0; border-top:1px solid #5F020D; }
#trucsastuces hr {clear:left;}
#livredor #lestemoignages #paginationBas { text-align:center; }
#livredor #lestemoignages #paginationBas a, #trucsastuces a { color:#5F020D; text-decoration:none; }
#livredor #lestemoignages #paginationBas a:hover, #trucsastuces a:hover { color:#5F020D; text-decoration:underline; }
#livredor #lestemoignages #paginationBas a.active { font-weight:bold; }

#livredor #btn_envoi_temoignage, #lestrucsastuces #btn_envoi_truc { text-align:right;}
#livredor #btn_envoi_temoignage a, #lestrucsastuces #btn_envoi_truc a { border:1px solid #CD4762; background-color:#5F020D; color:#F898A3; text-decoration:none; width:250px; display:block; text-align:center; margin:0 0 0 auto }

.jolieerreur {
	margin: 20px 0;
	padding: 2px;
	padding-left: 30px;
	background-image: url('/reg_medias/images/tango/16x16/status/dialog-warning.png');
	background-repeat: no-repeat;
	background-position: 4px 4px;
	font-weight: bold;
	height:auto;
	background-color: #eee;
	border: 2px solid #888;
	color: red;
	line-height: 18px;
}

#trucsastuces input.checkbox { width:10px; }
#photostrucsastuces img { border:1px solid white; }
#photostrucsastuces { float:left; padding-bottom:5px; padding-right:10px; }
#photostrucsastuces a.mb { font-size:10px; color:black; text-decoration:none }
#photostrucsastuces div.imagepecheur { float:left; padding-right:5px; adding-bottom:5px; text-align:center; font-size:10px; }

#lestrucsastuces { width:645px; }


/******************************************
					MENU
******************************************/

#subMenusContainer li.couleurrose { background-color:#F79CA5; }
#subMenusContainer li.couleurrose a { color:#FFFFFF; text-decoration:none; line-height:15px; padding-right:3px; font-weight:bold; font-size:12px;  }
#subMenusContainer li.couleurrose a:hover { text-decoration:underline; }
li.couleurrose { padding-left:10px; padding-right:10px; padding-bottom:1px;}

#rub2_fr a, #rub7_fr a, #rub12_fr a, #rub15_fr a, #rub16_en a, #rub21_en a, #rub26_en a, #rub29_en a { line-height:50px; overflow:hidden;}

#rub2_fr a { background-image:url('/templates/mystic/images/btn_la_gamme_e.gif'); height:18px; width:116px; }
#nav #rub2_fr a.mainMenuParentBtnFocused, #nav #rub2_fr #subMenusContainer a.subMenuParentBtnFocused, #rub2_fr a:hover, #rub2_fr a.select { background-image:url('/templates/mystic/images/btn_la_gamme_a.gif'); height:18px; width:116px; }

#rub7_fr a { background-image:url('/templates/mystic/images/btn_les_utilisations_e.gif'); height:18px; width:167px; }
#nav #rub7_fr a.mainMenuParentBtnFocused, #nav #rub7_fr #subMenusContainer a.subMenuParentBtnFocused, #rub7_fr a:hover, #rub7_fr a.select  { background-image:url('/templates/mystic/images/btn_les_utilisations_a.gif'); height:18px; width:167px; }

#rub12_fr a { background-image:url('/templates/mystic/images/btn_trucs_astuces_e.gif'); height:18px; width:113px; }
#nav #rub12_fr a.mainMenuParentBtnFocused, #nav #rub12_fr #subMenusContainer a.subMenuParentBtnFocused, #rub12_fr a:hover,  #rub12_fr a.select { background-image:url('/templates/mystic/images/btn_trucs_astuces_a.gif'); height:18px; width:113px; }

#rub15_fr a { background-image:url('/templates/mystic/images/btn_contact_e.gif'); height:18px; width:58px; }
#nav #rub15_fr a.mainMenuParentBtnFocused, #nav #rub15_fr #subMenusContainer a.subMenuParentBtnFocused, #rub15_fr a:hover, #rub15_fr a.select { background-image:url('/templates/mystic/images/btn_contact_a.gif'); height:18px; width:58px; }

#rub16_en a { background-image:url('/templates/mystic/images/btn_range_en_e.gif'); height:18px; width:86px; }
#nav #rub16_en a.mainMenuParentBtnFocused, #nav #rub16_en #subMenusContainer a.subMenuParentBtnFocused, #rub16_en a:hover, #rub16_fr a.select { background-image:url('/templates/mystic/images/btn_range_en_a.gif'); height:18px; width:86px; }

#rub21_en a { background-image:url('/templates/mystic/images/btn_uses_en_e.gif'); height:18px; width:86px; }
#nav #rub21_en a.mainMenuParentBtnFocused, #nav #rub21_en #subMenusContainer a.subMenuParentBtnFocused, #rub21_en a:hover, #rub21_fr a.select { background-image:url('/templates/mystic/images/btn_uses_en_a.gif'); height:18px; width:86px; }

#rub26_en a { background-image:url('/templates/mystic/images/btn_tips_en_e.gif'); height:18px; width:105px; }
#nav #rub26_en a.mainMenuParentBtnFocused, #nav #rub26_en #subMenusContainer a.subMenuParentBtnFocused, #rub26_en a:hover, #rub26_fr a.select { background-image:url('/templates/mystic/images/btn_tips_en_a.gif'); height:18px; width:105px; }

#rub29_en a { background-image:url('/templates/mystic/images/btn_contact_en_e.gif'); height:18px; width:60px; }
#nav #rub29_en a.mainMenuParentBtnFocused, #nav #rub29_en #subMenusContainer a.subMenuParentBtnFocused, #rub29_en a:hover, #rub29_fr a.select { background-image:url('/templates/mystic/images/btn_contact_en_a.gif'); height:18px; width:60px; }

#langue_fr { float:left; padding-left:45px; padding-top:6px;}
#langue_en { float:left; padding-left:62px; padding-top:6px;}

#baspage { float:left; padding-top:538px; color:#FFFFFF }
#baspage ul { margin:0; padding:0; border:0; padding-left:20px; }
#baspage ul li { display:inline; }
#baspage a { color:#FFFFFF; font-size:10px; text-decoration:none; }
#baspage a:hover { color:#FFFFFF; font-size:10px; text-decoration:underline; }