/***** tunisie7arts CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu {
	font-size: 13px;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/m_bouton.gif);
	color: #1609BB;
	text-indent: 22px;
	font-style: italic;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;	text-align:center;

	/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;

}
.ssmenu {
	background-color: #D9EBF6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	border:1px #EFB solid;
	padding:1px 1px;
	/* width et margin sont au cas où le javascript est désactivé. */
	width:10em;
	margin:1em 1em;
	color : #998DF1;
	text-align : left;

/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D9EBF6,endColorStr=#8DC7F1);
	white-space : no-break;
   
}

.ssmenu ul, .ssmenu li {
	/* Ne pas trop toucher.Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin: auto;
	list-style-type: circle;
}
.ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white;
	padding:1px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px 0px;
	width:100%;
}
.ssmenu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:auto;
	color: #998DF1;
; text-align: left; clip:  rect(   )
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus  {
	/* Les liens sous le curseur.On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background-color: Purple;
	color: #998DF1;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

.menug {
width: 160px;
height: 37px;
text-align: center;
font-size: 13px;
font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif
; background-image: url(/images/m_bouton.gif)
; color: #1609BB
; text-indent: 22px
; font-style: italic; vertical-align: middle
; padding-top: 10px; padding-bottom: 10px
}
#smenu2 a{
font-weight: normal;
border-top: 0 none;
}



a:link 			{
	color: Blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	;
	font-size: 10pt
}

a:visited    		{ 
		color: #990099; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
; font-size: 10pt; font-style: oblique
	}

a:hover      		{
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
; font-size: 10pt
}

a:active     		{
	color: #9966CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
; font-size: 10pt
}


a:link.sm1 {
	font-family: Haettenschweiler;
	font-size: 13pt;
	font-weight: 700;
	color: Blue;
	text-align : center;
}
a:hover.sm1 {
	font-family: Haettenschweiler;
	font-size: 13pt;
	font-weight: 700;
	color: Fuchsia;
	text-align : center;
}
a:visited.sm1 {
	font-family: Haettenschweiler;
	font-size: 13pt;
	font-weight: 700;
	color: Navy;
	text-align : center;
}
a:active.sm1  {
	font-family: Haettenschweiler;
	font-size: 13pt;
	font-weight: 700;
	color: Maroon;
	text-align : center;
}

.sm   {
	color: #ffffff;
	font-size: 12pt;
	font-family: Verdana
}

a:hover.sm {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #fffff0;
	text-decoration: underline overline;
}
a:visited.sm {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #fffff0
}
a:link.sm  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #fffff0;
	text-decoration: none;
}
.sm1 {
	font-family: Haettenschweiler;
	color: #0033FF;
	font-size: 13pt;
	text-align : center
}


h1           {
	color: #9966cc;
	font-size: 25pt;
	font-family: cursive;
	font-weight: bold;
	text-align:center
}
h2           {
	color: #9966CC;
	font-size: 13pt;
	font-family: "Lucida Handwriting";
	font-weight: bold;  text-align:center
}
h3           {
	color: #9966cc;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;  text-align:center
; font-style: oblique
}
body         { font-family: Verdana; color: #9966cc; font-size: 9px;
text-align:justify ;
scrollbar-face-color: #9966CC;; 
scrollbar-shadow-color:#E2A022;
scrollbar-highlight-color:#E2A022;
scrollbar-3dlight-color:  #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #fffff1;
scrollbar-arrow-color: #000000;}
.styleVert { font-family: Verdana; color: #02450B; font-size: 7 pt }
.styleVertP { 	font-family: Verdana; 	color: #02450B; 	font-size: 12 pt }
.styleVertF {font-family: cursive; 	color: #02450B; 	font-size: 8pt; }
.styleVert9 {
	font-family: Verdana;
	color: #02450B;
	font-size: 9pt;
; text-align: justify
}

td           { text-align: justify }
	.tdCellule {
	font-family: "Courier New", Courier, monospace;
	color: #02450B;
	font-size: smaller;
	background-color : #FFD993;
	text-align="center";
	height : 26px;
	width: 25%;
	font-style : oblique;
	letter-spacing : normal;
}
.tdCellule1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #02450B;
	font-size:13px;
	font-style : normal;
	letter-spacing : normal;
	text-align : center;
}
.tdCelluleSmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #02450B;
	font-size: 10px;
	font-style : normal;
	letter-spacing : normal;
	text-align : center;
}
.tdCelluleL1 {
	font-family: "Courier New", Courier, monospace;
	color: #02450B;
	font-size: smaller;
	background-color : #FFD993;
	width: 68px;
	font-style : oblique;
	text-align : left;
}
.tdCelluleL2 {
	font-family: "Courier New", Courier, monospace;
	color: #02450B;
	font-size: smaller;
	background-color : #F5B27B;
	width: 120px;
	font-style : oblique;
	text-align : left;
}
.tdCelluleL3 {
	font-family: "Courier New", Courier, monospace;
	color: #02450B;
	font-size: smaller;
	background-color : #FFFFCC;
	font-style : oblique;
	text-align : left;
}
.tdCelluleL4 {
	font-family: "Courier New", Courier, monospace;
	color: #02450B;
	font-size: smaller;
	background-color : #FFD993;
	font-style : oblique;
	text-align : left;
}
.tdBouton {
	background-color : #B38677;
	height: 25px;
}
.tdPhotos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #228B22;
	font-size: 10pt;
	text-align : left;
}	
.styleVert7 { font-family: Verdana; color: #02450B; font-size: 7pt; }
.tdContacts2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000037; font-size: 12pt; background-color : #f2f6f8; font-style : normal; text-align : left; height: auto; width : auto; ; clip: rect( ) }
.tdContacts3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 12pt; background-color : #f2f6f8; font-style : normal; text-align : left; height: auto; width : auto; ; clip: rect( ) }
.tdContacts1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000037; font-size: 14px; background-color : #F0F0F0; font-style : normal; text-align : left; height: auto; width : auto; ; clip: rect( ) }
.tdFestival1 { font-family: "Courier New", Courier, monospace; color: #02450B; font-size: smaller; background-color : #FFD993; font-style : oblique; text-align : left; }
.tdFestival2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #02450B; font-size: 8pt; background-color : #F5B27B; font-style : normal; text-align : center; }
.tdFestival3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #02450B; font-size: 10pt; background-color : #FFD993; font-style : normal; text-align : center; }
.tdFestival4 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #02450B; font-size: smaller; background-color : #F5B27B; font-style : normal; text-align : left; }
.tdFestival { font-family: "Courier New", Courier, monospace; color: #02450B; font-size: 12pt; background-color : #FFD993; font-style : oblique; text-align : center; }
.tdBouton1 { background-color : #66CC33; height: auto; ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal}
.styleVertFC { font-family: cursive; color: #02450b; font-size: 11pt; text-align:center }
.styleVert10 { font-family: Verdana; color: #02450B; font-size: 10pt; ; font-style: normal}
.tab_ligne { COLOR: #575626; font : normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.tab_titre { COLOR: #575626; text-align : center; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 13px; font-weight : bold; }
.tab_ligneC { COLOR: #575626; font : normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; ; text-align: center}
h4 { color: #663399; font-size: 20pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align:center }
.tab_ligneG { COLOR: #575626; text-align : left; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; }
body1 { font-family: Verdana; color: #BC8318; font-size: 10 pt; text-align:justify ; scrollbar-face-color: #FFD690;; scrollbar-shadow-color:#E2A022; scrollbar-highlight-color:#E2A022; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #CBF7CC; scrollbar-arrow-color: #000000; }
.styletexte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; ; text-align: justify ; color: #990099}
.styleTitre { font-family: Verdana; color: #990099; font-size: 15 pt }

.styletexteP { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; ; text-align: justify ; color: #990099 }
#smenu1 { display: none; font-size: 10px; padding: 0px 0; background-color: #fff; ; text-align: left; clip:   rect(   ); line-height: normal; font-weight: normal; color: #0033CC; font-family: Haettenschweiler; font-style: normal; overflow: scroll}
#smenu2 { display: none; font-size: 12px; padding: 5px 0; background-color: #fff; text-align: left; }

#smenu1 a { font-size: 10px}
#smenu1 a { 
font-weight: lighter;
border-top: 0 none;
; padding-right: 0px
 } 


 .ssmenu a { text-align: left }


 .ssmenu a { 
/* Les liens qui ne sont pas sous le curseur. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white;
	padding:1px 1px;
	text-decoration:none;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px 0px;
 } 
 .ssmenu a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #998DF1;
; clip:  rect(   ) } .styleBleu7 { font-family: Verdana; color: #3366FF; font-size: 7pt; }