/*  ----------------------------------------------------------- */
/*  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;}


/*  ------------------------------------------
/*  style page sommaire
/*  ------------------------------------------ */

#pageSommaire {
	width: 960px;
	text-align: left; position:relative;
	margin-left: auto; margin-right: auto;
}
#pageSommaire .hautPage {
	height:120px; position:relative;
	background:url(../vsl/typo_pleiades.gif) no-repeat 200px 65px;
}
#pageSommaire .hautPage .webcam {
	position:absolute; top:20px; right:0;
}
#pageSommaire .hautPage .signature {
	font-size:9px; text-align:right; font-family:Arial; color:#999999;
}
#pageSommaire .hautPage h1 {
	font: italic 28px "Times New Roman", Times, serif;
	color: #336699; letter-spacing:5px; padding:12px 0 0 10px;
}
#pageSommaire .corpsPage {
	position:relative;
}
#pageSommaire .corpsPage .intro {
	width:760px; height:356px;
}
#pageSommaire .corpsPage .intro .flash {
	position:absolute: top:0; left:0;
}
#pageSommaire .corpsPage .intro .blocRouge {
	width:230px; height:356px;
	position:absolute; top:0; left:530px; background:#990000;
	filter: Alpha(Opacity=80); opacity:.8; moz-opacity:.8;
}

#pageSommaire .corpsPage .intro .blocRouge .texte {
	height:320px; overflow:auto;
	font: 14px/24px Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:30px 0; padding:0 30px;
}

#pageSommaire a{padding-left:5px;padding-right:5px;font: Arial, Helvetica, sans-serif; color:#CC9966;
}

#pageSommaire .corpsPage .menuSecondaire {
	height:95px; background:#CC9966; position:relative;
	text-align:right; padding-right:220px; padding-top:5px; color:#990000;
	font-size:11px; font-weight:bold; line-height:11px; padding-top:5px;
}
#pageSommaire .corpsPage .menuSecondaire a {
	color:#990000; background:url(../vsl/puce_menu_second.gif) no-repeat left 1px; padding-left:15px;
}
#pageSommaire .corpsPage .menuSecondaire a:hover {
	color:#FFFFFF; background:url(../vsl/puce_menu_second_over.gif) no-repeat left 1px;
}
#pageSommaire .corpsPage .menuSecondaire ul{
	margin:0; padding:8px 0; list-style:none:
}
#pageSommaire .corpsPage .menuSecondaire li {
	margin:0; padding:8px 0; display:inline; list-style:none:
}
#pageSommaire .corpsPage .menu {
	width:200px; position:absolute; top:0px; left:760px;
}
#pageSommaire .corpsPage .menu .phone {
	height:30px; line-height:30px; text-align:center;
	font-size:16px; font-weight:bold; color:#990000;
}

#pageSommaire .corpsPage .actus {
	width:275px; height:180px;
	position:absolute; top:390px; left:20px;
	background:#FFFFFF; border:1px solid #CC9966;
	filter: Alpha(Opacity=70); opacity:.7; moz-opacity:.7;
}
#pageSommaire .corpsPage .actus .item {
	width:275px; height:140px; overflow:auto;
	filter: Alpha(Opacity=100); opacity:1; moz-opacity:1;
}

#pageSommaire .corpsPage .actus .item a {
	color:#000000;
}
#pageSommaire .corpsPage .actus .item a:hover {
	color:#990000;
}

#pageSommaire .corpsPage .actus h1{
	font:22px "Times New Roman", Times, serif; text-align:left; margin:5px;
	color: #336699;
}
#pageSommaire .corpsPage .actus .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;
}
#pageSommaire .corpsPage .actus .item p{
	font-size:10px; text-align:left; margin:5px; color:#000000; line-height:12px;
}

#pageSommaire .corpsPage .tel {
	width:200px; height:60px;
	position:absolute; top:498px; left:765px;
	background:url(../vsl/fond_tel.png); text-align:center;
	color:#CC9966; font-size:14px;
}
#pageSommaire .corpsPage .tarifs {
	width:200px; height:34px;
	position:absolute; top:461px; left:760px;
	}
#pageSommaire .corpsPage .trip {
	width:200px; height:34px;
	position:absolute; top:560px; 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:1000px; text-align:center;
	position:absolute; left:0; top:700px;
	color:#CC9966; font-size:10px; line-height:12px;
}

#pageSommaire .corpsPage .formulaire {
	width:453px; height:180px;
	position:absolute; top:390px; left:300px;
	background:#FFFFFF; border:1px solid #CC9966;
	filter: Alpha(Opacity=70); opacity:.7; moz-opacity:.7;
	font:10px verdana;
}
#pageSommaire .corpsPage .formulaire .item {
	width:453px; height:140px;
	filter: Alpha(Opacity=100); opacity:1; moz-opacity:1;
}

#pageSommaire .corpsPage .formulaire .item a {
	color:#000000;
}
#pageSommaire .corpsPage .formulaire .item a:hover {
	color:#990000;
}
#pageSommaire .corpsPage .formulaire input{
	font:11px verdana;
}

#pageSommaire .corpsPage .formulaire h1{
	font:15px "Times New Roman", Times, serif; text-align:left; margin:5px;
	font-weight:bold;
	color: #336699;
}
#pageSommaire .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;
}
#pageSommaire .corpsPage .formulaire .item p{
	font-size:10px; text-align:left; margin:5px; color:#000000; line-height:12px;
}




/*  ------------------------------------------
/*  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 {
	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{
	height:575px; padding-right:250px; position:relative;
}
#page .corpsPage .blocPage .portfolio{
	width:925px; 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:960px;
}

#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-left:-18px;
	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:10px 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 .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 {}
