/*  ----------------------------------------------------------- */
/*  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 {
	margin: 0;
	text-align: cleft;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: url(../vsl/fond_page.jpg) no-repeat top center;
}

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

a:focus {outline:none;}
/*  ------------------------------------------
/*  style page sommaire
/*  ------------------------------------------ */

#pageSommaire {
	width: 960px;
	text-align: left; position:relative;
	margin-left: auto; margin-right: auto;
}
#pageSommaire .corpsPage {
	position:relative; padding:0;
}
#pageSommaire .menu {
	width:200px; position:absolute; top:0; left:760px;
}
#pageSommaire .menu img{
	margin:0 0 4px 0; vertical-align:top;
}
#pageSommaire .menu .galerie {
	width:200px; height:80px;
}
.tarifs {
	background:#BE2804; color:white; padding:6px 4px; font: 16px Georgia, "Times New Roman", Times, serif; margin:5px 0;
}
 .menu .wbc{
	background:#BE2804; color:white; padding:0 4px; font: 16px Georgia, "Times New Roman", Times, serif; margin:5px 0; line-height:35px;
}
.menu .wbc img{
	vertical-align:middle;
}
.tarifs a, #pageSommaire .menu .wbc a {
	display:block; color:#FFFFFF;
}
.tarifs a:hover, #pageSommaire .menu .wbc a:hover {
	display:block; color:#CC9966;
}

#pageSommaire .bandeaulogo {background:#FFFFFF; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; position:absolute; top:0; left:0; z-index:20; padding:5px 0; width:756px; height:35px;}
#pageSommaire .logo {position:absolute; top:8px; left:2px; z-index:21;}
#pageSommaire .accroche {position:absolute; top:22px; left:535px; z-index:21; font:italic bold 12px Georgia, "Times New Roman", Times, serif; width:220px;}

#pageSommaire .diaporama {height:304px; width:756px; background:#FFFFFF; position:relative; overflow:hidden;}

#pageSommaire .diaporama a.reouverture{width:270px; height:110px; display:block; background:url(../vsl/reouverture.png) no-repeat left top; position:absolute;left:0; top:150px; z-index:10;}

	#pageSommaire .contenu {position:relative; left:0; top:4px;}

	#pageSommaire .contenu .colGauche{width:300px; float:left;}
	#pageSommaire .contenu .colGauche .actus h1{font:20px Georgia, "Times New Roman", Times, serif; color:#BE2804; margin:4px 0 4px 0;}
	#pageSommaire .contenu .colGauche .actus h2{font:12px Tahoma, Geneva, sans-serif; color:#BE2804; margin:4px 0;}
	#pageSommaire .contenu .colGauche .actus .item{height:115px; overflow:auto;}


	#pageSommaire .contenu .colDroite{width:456px; float:left; text-align:justify; color:#FFFFFF; font:11px/14px Verdana, Geneva, sans-serif;}
	#pageSommaire .contenu .colDroite h3{text-align:left; color:#FFFFFF; margin:0 0 8px 0; font:18px Georgia, "Times New Roman", Times, serif;}
	#pageSommaire .contenu .colDroite .pad{padding:10px 15px 5px 25px; background:#CC9966 url(../vsl/bord_coldroite.gif) repeat-y left top; min-height:330px;}

#pageSommaire .corpsPage .trip {
	width:200px; height:34px;
	position:absolute; top:637px; left:765px;
	text-align:center;
	/*background:url(../vsl/fond_trip_2.png);*/
	background:url(../vsl/fond_blanc.png);
	}
#pageSommaire .corpsPage .trip:hover {

	background:url(../vsl/fond_trip_2.png);
	}
#pageSommaire .corpsPage .trip img {
	padding-top:2px;
	}

#pageSommaire  .corpsPage  .tarifs img {
	background:url(../vsl/tarifs_nomal.png);
	}
#pageSommaire  .corpsPage .tarifs img:hover {
	background:url(../vsl/tarif_hover.png);
	}
#pageSommaire .motcles  , #pageSommaire .motcles {
	width:990px; text-align:center; clear:both; padding-top:15px;
	color:#CC9966; font-size:11px;
}
#pageSommaire .motcles a{
	color:#CC9966;
}
#pageSommaire .motcles a:hover{
	color:#BE2804;
}

#pageSommaire .diaporama .menuHaut {position:absolute; right:0; top:45px; z-index:26; background:#BE2804; padding:3px 10px; color:#FFFFFF;}
#pageSommaire .diaporama .menuHaut a{color:#FFFFFF;}
#pageSommaire .diaporama .menuHaut a:hover{color:#CC9966;}

/*  ------------------------------------------
/*  style page type
/*  ------------------------------------------ */
#page .motcles , #page .motcles a {
	width:960px; text-align:center; padding-top:5px;
	color:#CC9966; font-size:10px; line-height:12px;
}
#page .motcles21 , #page .motcles21 a {
	width:960px; text-align:center; padding-top:5px;
	color:#CC9966; font-size:10px; line-height:12px;
}
#page {
	width: 960px; text-align: left;
	margin-left: auto; margin-right: auto;
}
#page .hautPage {
	height:100px; position:relative;
	background:url(../vsl/typo_pleiades.gif) no-repeat 238px 65px;
}
#page .hautPage .webcam {
	position:absolute; top:20px; right:0;
}
#page .hautPage .signature {
	font-size:9px; text-align:right; font-family:Arial; color:#999999;
}
#page .hautPage h1 {
	font: italic 28px "Times New Roman", Times, serif;
	color: #336699; letter-spacing:5px; padding:12px 0 0 10px;
}
#page .corpsPage {
	position:relative;
}
#page .corpsPage .blocPage{
	min-height:575px; padding-right:250px; position:relative;
}

#page .corpsPage .blocPage-forum{
	width:575px; padding-right:250px; position:relative;
}

#page .corpsPage .blocPage-forum h1{
		font: 18px Arial, Helvetica, sans-serif; padding-right:60px;
	color: #336699; letter-spacing:1px; margin:15px 0 5px 0;
	background:url(../vsl/puce_h1.gif) no-repeat left center; padding-left:20px;
}
#page .corpsPage .blocPage-forum .texte h2{
	font:14px Arial, Helvetica, sans-serif;
	color: #336699; font-weight:bold;
}

#page .corpsPage .blocPage .portfolio{
	width:760px; height:80px; background: url(../vsl/degrade_portfolio.gif) no-repeat right top;
}
#page .corpsPage .blocPage .portfolioSejour{
	width:760px; height:80px; background: url(../vsl/degrade_portfolio_sejour.gif) no-repeat right top;
}
#page .corpsPage .blocPage .portfolioThalasso{
	width:760px; height:80px; background: url(../vsl/degrade_portfolio_thalasso.gif) no-repeat right top;
}
#page .corpsPage .blocPage .portfolio h1, #page .corpsPage .blocPage .portfolioSejour h1, #page .corpsPage .blocPage .portfolioThalasso h1{
	font:28px Arial, Helvetica, sans-serif; text-align:left; padding-top:30px;
	color:#FFFFFF; letter-spacing:2px;
}
#page .corpsPage .blocPage .page{
	width:745px;
}

#page .corpsPage .trip {
	margin-top:5px;
	text-align:center;
	/*background:url(../vsl/fond_trip_2.png);*/
	background:url(../vsl/fond_blanc.png);
	}
#page .corpsPage .trip:hover {

	background:url(../vsl/fond_trip_2.png);
	}
#page .corpsPage .trip img {
	padding-top:2px;
	}

#page .corpsPage .actu{
	width:340px; height:20px; position:absolute; margin-left:420px; margin-top:10px;  font-size:11px; text-align:center;
}
#page .corpsPage .actu a:hover{
	letter-spacing:1px;
}
#page .corpsPage .blocPage .page hr{
	height:1px; color:#CCCCCC; background-color:#CCCCCC; border:none; margin:5px 0;
}
#page .corpsPage .blocPage .page h1{
	font: 18px Arial, Helvetica, sans-serif; padding-right:60px;
	color: #336699; letter-spacing:1px; margin:15px 0 5px 0;
	background:url(../vsl/puce_h1.gif) no-repeat left center; padding-left:20px;
}
#page .corpsPage .blocPage .page h2{
	font:14px Arial, Helvetica, sans-serif;
	color: #336699; margin:15px 0 5px 0; padding-right:60px;
	background:url(../vsl/puce_h1.gif) no-repeat left center; padding-left:20px;
}
#page .corpsPage .blocPage .page h2.forum-repondre{
	font:10px Verdana, Geneva, sans-serif; text-transform:uppercase;
	color: #336699; margin:0 0 5px 0; padding:0 20px 0 20px;
	background: url(../vsl/commentaires.gif) no-repeat left center;
}
#page .corpsPage .blocPage .page h2.forum-decompte{
	font:11px Verdana, Geneva, sans-serif;
	color: #990000; margin:0 0 5px 0; padding:2px 0 4px 18px;
	background: url(../vsl/decompte.gif) no-repeat left center;
}
#page .corpsPage .blocPage .page .texte{
	text-align:justify; padding-right:60px; padding-left:5px;
}
#page .corpsPage .blocPage .page .imgActus{
	float:left; width:100px; height:100px; margin-right:15px; margin-top:8px;
	border:1px solid #666666;
}
#page .corpsPage .blocPage .page .lien{
	padding-right:60px;
}
#page .corpsPage .blocPage .page .lienblog{
	margin:10px 0; padding:0 5px;
}
#page .corpsPage .blocPage .page .lienblog a{
	padding:2px 0; font-weight:bold; font-size:10px;
	background:url(../vsl/savoirplus.gif) no-repeat left center; padding-left:18px;
}
#page .corpsPage .blocPage .page .lien a{
	color:#990000; background:url(../vsl/puce_menu_second.gif) no-repeat left center;
	padding-left:16px;
}
#page .corpsPage .menuSecondaire {
	background:#CC9966; position:relative; width:800px;
	text-align:left; padding:5px 0; color:#990000;
	font-size:11px; font-weight:bold; line-height:11px; padding-top:5px;
}
#page .corpsPage .menuSecondaire a {
	color:#990000; background:url(../vsl/puce_menu_second.gif) no-repeat left 1px; padding-left:14px;
}
#page .corpsPage .menuSecondaire a:hover {
	color:#FFFFFF; background:url(../vsl/puce_menu_second_over.gif) no-repeat left 1px;
}
#page .corpsPage .menuSecondaire ul{
	margin:0; padding:4px 6px; list-style:none:
}
#page .corpsPage .menuSecondaire li {
	margin:0; padding:6px 0; display:inline; list-style:none;
}

#page .corpsPage .menu {
	width:200px; position:absolute; top:15px; left:760px;
	z-index:10;
}

#page  .corpsPage .menu .tel {
	margin-top:10px;
	width:200px; margin-top:3px;
	background:#AD3333 url(../vsl/bloc_tel.gif) no-repeat left top; text-align:center;
	color:#CC9966; font-size:14px;
}
#page .corpsPage .galerie {
	margin-top:10px;
	width:200px; margin-top:3px;
}
#page  .corpsPage .menu .tarifs {
	width:200px; height:34px;
}

#page  .corpsPage .menu .tarifs img {
	background:url(../vsl/tarifs_nomal.png);
	}
#page  .corpsPage .menu .tarifs img:hover {
	background:url(../vsl/tarif_hover.png);
}

#page  .corpsPage .menu .blog {
	width:200px; height:34px;
}

#page .corpsPage .formulaire {
	width:453px; height:180px;
	font:10px verdana;
}
#page .corpsPage .formulaire .item {
	width:453px; height:140px;
	filter: Alpha(Opacity=100); opacity:1; moz-opacity:1;
}

#page .corpsPage .formulaire .item a {
	color:#000000;
}
#page .corpsPage .formulaire .item a:hover {
	color:#990000;
}
#page .corpsPage .formulaire input{
	font:11px verdana;
}

#page .corpsPage .formulaire h1{
	font:15px "Times New Roman", Times, serif; text-align:left; margin:5px;
	font-weight:bold;
	color: #336699;
}
#page .corpsPage .formulaire .item h2{
	font-size:12px; font-family:Arial; text-align:left; margin:5px; padding-left:15px;
	background: url(../vsl/puce_actu.gif) no-repeat left center; color:#990000;
}
#page .corpsPage .formulaire .item p{
	font-size:10px; text-align:left; margin:5px; color:#000000; line-height:12px;
}
#page .indentation li {
list-style-image:url(puce_menu_second.gif);

}
#page .indentation2  {
margin : 10px 50px auto;
list-style-image:url(puce.gif);
}
#page .indentation3  {
margin : 10px 80px auto;
list-style-image:url(puce.gif);
}
#page .indentation4  {
margin : 10px 100px auto;
list-style-image:url(puce.gif);
}

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; margin-left:30px;}
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #E2BE99; }
ul ul .forum-chapo { background: #E2BE99; }
ul ul ul .forum-chapo { background: #E2BE99; }
ul ul ul ul .forum-chapo { background: #E2BE99; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #E2BE99; }

#forum{padding-right:60px; margin-top:10px;}

#listes {}