/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #463C3C;
	margin: 0;
	text-align: cleft;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#pageSommaire .music{
	width:200px; position:absolute; top: 5px; left:300px; margin:0 auto; padding:0; z-index:100;	
}
#pageSommaire {
	width:960px; height:650px; margin:15px auto 10px auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333; position:relative;
	background:#CCCCCC url(../vsl/image_accueil.jpg) no-repeat 325px top;
}
#pageSommaire .gauche{
	width:325px; height:650px;
	background:#CCCCCC url(../vsl/bois.jpg) repeat-y left top;
	position:absolute; top:0; left:0;
}
#pageSommaire .gauche .accroche{
	width:325px; text-align:center; text-transform:uppercase;
	position:absolute; top:20px; left:0;
	font-size:15px; font-weight:bold; color:#000000;
}

#pageSommaire .droite{
	width:20px; height:650px;
	background:#CCCCCC url(../vsl/bois.jpg) repeat-y left top;
	position:absolute; top:0; left:940px;
}

#pageSommaire .date{
 	text-align:center; font-size:0.88em; margin:10px 0;
	padding:0 10px; color:#333333;
}

#pageSommaire .menu{
	width:150px;
	position:absolute; top:262px; left:165px;
}

#pageSommaire .menu1{
	width:150px; height:65px;
	background:#CC0000 url(../vsl/fond_menu1.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#pageSommaire .menu1 .item{
	padding:6px; background:url(../vsl/puce_menu1.gif) no-repeat left top;
}
#pageSommaire .menu1 a{
	color:#FFFFFF;	
}
#pageSommaire .menu1 a:hover{
	color:#FFCC00; letter-spacing:1px;
}

#pageSommaire .menu2{
	width:150px; height:65px;
	background:#996666 url(../vsl/fond_menu2.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#pageSommaire .menu2 .item{
	padding:6px; background:url(../vsl/puce_menu2.gif) no-repeat left top;
}
#pageSommaire .menu2 a{
	color:#FFFFFF;
}
#pageSommaire .menu2 a:hover{
	color:#FFCC00; letter-spacing:1px;
}

#pageSommaire .menu3{
	width:150px; height:65px;
	background:#003366 url(../vsl/fond_menu3.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#pageSommaire .menu3 .item{
	padding:6px; background:url(../vsl/puce_menu3.gif) no-repeat left top;
}
#pageSommaire .menu3 a{
	color:#FFFFFF;
}
#pageSommaire .menu3 a:hover{
	color:#FFCC00; letter-spacing:1px;
}

#pageSommaire .menu4{
	width:150px; height:65px;
	background:#0099CC url(../vsl/fond_menu4.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#pageSommaire .menu4 .item{
	padding:6px; background:url(../vsl/puce_menu4.gif) no-repeat left top;
}
#pageSommaire .menu4 a{
	color:#FFFFFF;
}
#pageSommaire .menu4 a:hover{
	color:#FFCC00; letter-spacing:1px;
}

#pageSommaire .menu5{
	width:150px; height:65px;
	background:#FF9900 url(../vsl/fond_menu5.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#pageSommaire .menu5 .item{
	padding:6px; background:url(../vsl/puce_menu5.gif) no-repeat left top;
}
#pageSommaire .menu5 a{
	color:#FFFFFF;
}
#pageSommaire .menu5 a:hover{
	color:#FFCC00; letter-spacing:1px;
}

#pageSommaire .menu9{
	width:150px; height:65px;
	background:#FF9900 url(../vsl/fond_menu9.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#pageSommaire .menu9 .item{
	padding:6px; background:url(../vsl/puce_menu5.gif) no-repeat left top;
}
#pageSommaire .menu9 a{
	color:#FFFFFF;
}
#pageSommaire .menu9 a:hover{
	color:#FFCC00; letter-spacing:1px;
}

#menuSecondaire{
	position:absolute; top:20px; left:325px; font-size:0.88em; text-align:right;
	width:600px; color:#FFFFFF;
}
#menuSecondaire a{
	color:#FFFFFF;
}
#menuSecondaire a:hover{
	color:#FFCC00;
}

#vip{
	margin-top:230px;
}

#panoramique{
	position:absolute; top:60px; left:325px; padding:0 0 0 20px;
	z-index:100; font:11px Verdana, Arial, Helvetica, sans-serif;
}

#blocIntro{
	position:absolute; top:110px; left:325px; width:235px;
	background:#000000; filter:Alpha(Opacity=50); opacity:.5;
}
#blocIntro .texte{
	text-align:justify; color:#FFFFFF; padding:10px; position:relative;
	font-size: 0.88em; line-height:1.27em;  filter:Alpha(Opacity=100); opacity:1;
}
#blocIntro .texte p{
	margin:8px 0;
}

#blocEvenement{
	position:absolute; top:110px; left:740px; color:#FFFFFF;
	width:200px;
}
#blocEvenement h1{
	font-weight:bold; border-bottom:1px solid #FFFFFF;  font-size:0.95em; text-transform:uppercase;
	background:url(../vsl/puce_triangle.gif) no-repeat left center; padding-left:16px;
}
#blocEvenement h2{
	font-weight:bold; margin:8px 0 2px 0; padding:0 10px 0 0; font-size:0.88em;
}
#blocEvenement .texte{
	font-size:0.88em; padding:0 10px 0 0;
}
#blocEvenement .texte a:hover{
	color:#FF9900;
}

/*  ------------------------------------------
/*  style des pages rubrique et article
/*  ------------------------------------------ */
#page {
	width:960px; height:650px; margin:10px auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333; position:relative;
}
#page .gauche{
	width:260px; height:650px;
	background:#CCCCCC url(../vsl/bois_page.jpg) repeat-y left top;
	position:absolute; top:0; left:0;
}
#page .gauche .accroche{
	width:260px; text-align:center; text-transform:uppercase;
	position:absolute; top:15px; left:0;
	font-size:13px; font-weight:bold; color:#000000;
}

#page .centre1, #page .centre2, #page .centre4, #page .centre8,  #page .centre9{
	width:680px; height:650px; position:absolute; top:0; left:260px;
	background:#000000 url(../vsl/fond_rub1.jpg) no-repeat left top;
}
#page .centre3{
	width:680px; height:650px; position:absolute; top:0; left:260px;
	background:#000000 url(../vsl/fond_rub3.jpg) no-repeat left top;
}
#page .centre5, #page .centre6{
	width:680px; height:650px; position:absolute; top:0; left:260px;
	background:#000000 url(../vsl/fond_rub5.jpg) no-repeat left top;
}

#page .centreArticle1, #page .centreArticle2, #page .centreArticle4, #page .centreArticle8{
	width:680px; height:650px; position:absolute; top:0; left:260px;
	background:#000000 url(../vsl/fond_rub1.jpg) no-repeat left top;
}
#page .centreArticle3{
	width:680px; height:650px; position:absolute; top:0; left:260px;
	background:#000000 url(../vsl/fond_rub3.jpg) no-repeat left top;
}
#page .centreArticle5, #page .centreArticle6{
	width:680px; height:650px; position:absolute; top:0; left:260px;
	background:#000000 url(../vsl/fond_rub5.jpg) no-repeat left top;
}

#page .contenu{
	width:680px; height:650px; position:absolute; top:0; left:260px;
	z-index:100; overflow:auto;
}
#page .contenu .menuSecondaire{
	text-align :right; margin:15px 20px; font-size:0.88em; text-align:right; color:#FFFFFF;
	padding:0 0 5px 0; border-bottom:1px solid #666666; background:url(../vsl/carre_gris.gif) no-repeat left bottom;
}
#page .contenu .menuSecondaire a{
	color:#FFFFFF;
}
#page .contenu .menuSecondaire a:hover{
	color:#FFCC00;
}
#page .contenu h1{
	font-size:24px; line-height:26px; text-align:left; margin:0 0 25px 0;
}
#page .contenu .article{
	margin:20px 20px 0 20px;
}
#page .contenu .texte{
	width:50%; text-align:justify; color:#FFFFFF; line-height:16px;
	padding-right:25px;  vertical-align:top; font-size:0.88em;
}
#page .contenu .textesite{
	width:98%; text-align:justify; color:#FFFFFF; line-height:16px;
	padding-right:25px;  vertical-align:top; font-size:0.88em;
}
#page .contenu .texteGauche{
	width:50%; text-align:left; color:#FFFFFF; line-height:16px;
	padding-right:25px;  vertical-align:top; font-size:0.88em;
}
#page .contenu .texteGalerie{
	width:82%; text-align:left; color:#FFFFFF; line-height:16px;
	padding-right:25px;  vertical-align:top; font-size:0.88em;
}
#page .contenu .menuGalerie{
	width:18%; text-align:left; color:#FFFFFF;
	padding-left:25px; vertical-align:top; border-left:1px solid #999999;
}
#page .contenu .documents{
	width:50%; text-align:left; color:#FFFFFF;
	padding-left:25px; vertical-align:top; border-left:1px solid #999999;
}

#page .contenu .documents .lien, #page .contenu .menuGalerie .lien{
	margin:5px 0;
}
#page .contenu .documents .lien a, #page .contenu .menuGalerie .lien a{
	background:url(../vsl/puce_triangle.gif) no-repeat left center; padding-left:16px;
}

#page .contenu .documents .lien a:hover, #page .contenu .menuGalerie .lien a:hover{
	background:url(../vsl/puce_triangle_over.gif) no-repeat left center; color:#FFCC00;
}

#page .contenu img{
	border:1px solid #999999; margin:5px 10px 5px 0;
}

#page .droite{
	width:20px; height:650px;
	background:#CCCCCC url(../vsl/bois_page.jpg) repeat-y left top;
	position:absolute; top:0; left:940px;
}

#page .menu{
	width:150px;
	position:absolute; top:180px; left:100px;
}

#page .menu1{
	width:150px; height:65px;
	background:#CC0000 url(../vsl/fond_menu1.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#page .menu1 .item{
	padding:6px; background:url(../vsl/puce_menu1.gif) no-repeat left top;
}
#page .menu1 a{
	color:#FFFFFF;	
}
#page .menu1 a:hover{
	color:#FFCC00; letter-spacing:2px;
}

#page .menu2{
	width:150px; height:65px;
	background:#996666 url(../vsl/fond_menu2.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#page .menu2 .item{
	padding:6px; background:url(../vsl/puce_menu2.gif) no-repeat left top;
}
#page .menu2 a{
	color:#FFFFFF;
}
#page .menu2 a:hover{
	color:#FFCC00; letter-spacing:2px;
}

#page .menu3{
	width:150px; height:65px;
	background:#003366 url(../vsl/fond_menu3.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#page .menu3 .item{
	padding:6px; background:url(../vsl/puce_menu3.gif) no-repeat left top;
}
#page .menu3 a{
	color:#FFFFFF;
}
#page .menu3 a:hover{
	color:#FFCC00; letter-spacing:2px;
}

#page .menu4{
	width:150px; height:65px;
	background:#0099CC url(../vsl/fond_menu4.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#page .menu4 .item{
	padding:6px; background:url(../vsl/puce_menu4.gif) no-repeat left top;
}
#page .menu4 a{
	color:#FFFFFF;
}
#page .menu4 a:hover{
	color:#FFCC00; letter-spacing:2px;
}

#page .menu5{
	width:150px; height:65px;
	background:#FF9900 url(../vsl/fond_menu5.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#page .menu5 .item{
	padding:6px; background:url(../vsl/puce_menu5.gif) no-repeat left top;
}
#page .menu5 a{
	color:#FFFFFF;
}
#page .menu5 a:hover{
	color:#FFCC00; letter-spacing:2px;
}

#page .menu9{
	width:150px; height:65px;
	background:#FF9900 url(../vsl/fond_menu9.gif) no-repeat right bottom; color:#FFFFFF;
	margin-bottom:2px;
	filter:Alpha(Opacity=90); opacity:.9; 
}
#page .menu9 .item{
	padding:6px; background:url(../vsl/puce_menu5.gif) no-repeat left top;
}
#page .menu9 a{
	color:#FFFFFF;
}
#page .menu9 a:hover{
	color:#FFCC00; letter-spacing:2px;
}

#signature{
	width:960px; margin:5px auto; font-size:9px; color:#666666;
}
#signature a{
	color:#666666;
}
#signature a:hover{
	color:#FFCC00;
}
/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: none; }

.caractencadre-spip {
	color: #FF6600;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #FF6600;
	font-weight: bold;
}