/*  ----------------------------------------------------------- */
/*  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: #B3D0FA;
	margin:0;
	text-align: center;
	font-size: 12px;
	color: #333;
}

.caractencadre-spip{
	text-decoration:underline;
	font-size:13px;
	font-weight:bold;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
ul, li {list-style:none;}
p{margin:0 0 8px 0;}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#pageSommaire {
	width: 990px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#pageSommaire .hautPage {
	height:274px; position:relative; background-color:#FFFFFF;
}
#pageSommaire .hautPage .logo {
	height:274px; width:223px; position:absolute; top:0; left:0; background:url(../vsl/logo.jpg) no-repeat left bottom;
}
#pageSommaire .hautPage .titre {
	position:absolute; top:0; left:223px; background-color:#FFFFFF; color:#336699;
	z-index:10; font:bold 15px Arial, Helvetica, sans-serif; padding:2px 4px 2px 0;
}
#pageSommaire .hautPage .titre a {
	color:#336699; display:block;
}
#pageSommaire .hautPage .date {
	position:absolute; bottom:0; left:223px; background-color:#FFCC00; color:#333333;
	z-index:8; font:10px Arial, Helvetica, sans-serif; width:767px; height:19px;
	text-align:right; line-height:19px;
}
#menuHaut {
	position:absolute; left:223px; bottom:19px;
	z-index:10;
}

#menuHaut dl {
	float: left; line-height:26px;
	margin: 0;
}
#menuHaut dt.rub3 {
	cursor: pointer;  background-color:#3366CC;
	text-align: center; font:12px Verdana, Arial, Helvetica, sans-serif;
	color:white; padding:6px 10px;
}
#menuHaut dt.rub3 a, #menuHaut dt.rub4 a, #menuHaut dt.rub5 a, #menuHaut dt.rub6 a {
	color:white; padding:6px 0;
}
#menuHaut dt.rub4 {
	cursor: pointer;  background-color:#CC0000;
	text-align: center; font:12px Verdana, Arial, Helvetica, sans-serif;
	color:white; padding:6px 10px;
}

#menuHaut dt.rub5 {
	cursor: pointer;  background-color:#339900;
	text-align: center; font:12px Verdana, Arial, Helvetica, sans-serif;
	color:white; padding:6px 10px;
}
#menuHaut dt.rub6 {
	cursor: pointer;  background-color:#FF6600;
	text-align: center; font:12px Verdana, Arial, Helvetica, sans-serif;
	color:white; padding:6px 10px;
}

#menuHaut dd.rub3 {
	margin:0 0 0 0; border-right:2px solid #333333; border-bottom:2px solid #333333;
	text-align:left; width:auto; z-index:100; cursor:pointer;
	position:absolute; display:none; background-color:#3366CC;
}
#menuHaut dd.rub3 .over{
	padding:1px 0; font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #CCCCCC;
}
#menuHaut dd.rub3 a{
	color: #FFFFFF; display: block; background:#3366CC;
	padding:2px 6px;
}
#menuHaut dd.rub3 a:hover{
	color:#FFCC00;
}
#menuHaut dd.rub4 {
	margin:0 0 0 0; border-right:2px solid #333333; border-bottom:2px solid #333333;
	text-align:left; width:180px; z-index:100; cursor:pointer;
	position:absolute; display:none; background-color:#CC0000;
}
#menuHaut dd.rub4 .over{
	padding:1px 0; font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #CCCCCC;
}
#menuHaut dd.rub4 a{
	color: #FFFFFF; display: block;background:#CC0000;
	padding:2px 6px;
}
#menuHaut dd.rub4 a:hover{
	color:#FFCC00;
}

#menuHaut dd.rub5 {
	margin:0 0 0 0; border-right:2px solid #333333; border-bottom:2px solid #333333;
	text-align:left; width:180px; z-index:100; cursor:pointer;
	position:absolute; display:none; background-color:#339900;
}
#menuHaut dd.rub5 .over{
	padding:1px 0; font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #CCCCCC;
}
#menuHaut dd.rub5 a{
	color: #FFFFFF; display: block;background:#339900;
	padding:2px 6px;
}
#menuHaut dd.rub5 a:hover{
	color:#FFCC00;
}

#menuHaut dd.rub6 {
	margin:0 0 0 0; border-right:2px solid #333333; border-bottom:2px solid #333333;
	text-align:left; width:180px; z-index:100; cursor:pointer;
	position:absolute; display:none; background-color:#FF6600;
}
#menuHaut dd.rub6 .over{
	padding:1px 0; font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #CCCCCC;
}
#menuHaut dd.rub6 a{
	color: #FFFFFF; display: block;background:#FF6600;
	padding:2px 6px;
}
#menuHaut dd.rub6 a:hover{
	color:#FFCC00;
}


#pageSommaire .hautPage #diaporama_innerfade{
	height:255px; width:767px; position:absolute; left:223px; top:0; z-index:5; overflow:hiddden;
	background-color:#FFFFF;
}

#pageSommaire .corpsPage{
	background: #B3D0FA;
}

#pageSommaire .corpsPage table {
	width:100%; border-collapse:collapse;
}
#pageSommaire .corpsPage .gauche{
	vertical-align:top; width:330px; padding:15px 0;
}
#pageSommaire .corpsPage .gauche .edito h1{
	font:20px Georgia, "Times new Roman", Times, serif; padding:0 10px 0 0;
}
#pageSommaire .corpsPage .gauche .edito .texte{
	font:11px/13px verdana, Arial, Helvetica, sans-serif; text-align:justify;
	padding:0 10px 0 0
}
#pageSommaire .corpsPage .droite .numUtiles{
	margin:10px 0; background:url(../vsl/num_utile.gif) no-repeat left top;
	padding:30px 5px 8px 5px; font:11px Verdana, Arial, Helvetia, sans-serif;
	text-align:left;
}

#pageSommaire .corpsPage .centre{
	vertical-align:top; width:345px; padding:0;
}
#pageSommaire .corpsPage .centre .pad{
	padding:0 25px 0 15px;
}
#pageSommaire .corpsPage .droite{
	vertical-align:top; width:315px;
}
#pageSommaire .corpsPage .conseils{
	margin:10px 0; background:#A72F00 url(../vsl/conseil.jpg) no-repeat right top; color:#FFFFFF; padding: 0 120px 0 5px;
	min-height:115px;
}
#pageSommaire .corpsPage .conseils a{
	color:#FFFFFF; background:url(../vsl/plus) no-repeat left 2px; padding-left:13px;
}
#pageSommaire .corpsPage .conseils h1{
	font:15px Georgia, "Times new Roman", Times, serif; padding:5px 10px 0 0;
}
#pageSommaire .corpsPage .conseils ul{
	margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif;
}
#pageSommaire .corpsPage .conseils li{
	margin:0; padding:3px 0; list-style:none;
}
#pageSommaire .corpsPage .note{
	margin:10px 0;
}
#pageSommaire .corpsPage .note a:hover{
	color:#016F8F;
}
#pageSommaire .corpsPage .note h1{
	font:18px Georgia, "Times new Roman", Times, serif; padding:0 10px 0 0;  color:#333333;
}
#pageSommaire .corpsPage .note .texte{
	font:11px/13px Arial, Helvetica, sans-serif; text-align:justify;
}
#pageSommaire .corpsPage .port{
	margin:15px 0;
}

#menuVivre{
	background:#009361 url(../vsl/fond_vivre.jpg) no-repeat left top; padding:5px 10px 10px 10px;
	font:12px verdana, Arial, Helvetica, sans-serif;
}
#menuVivre h1{
	font:20px Georgia, "Times new Roman", Times, serif; padding:10px 10px 0 0; color:#FFFFFF;
	text-align:left;
}
#menuVivre a{
	display:block; color:#FFFFFF; background:url(../vsl/loupe_vivre_pt.gif) no-repeat left 1px;
	padding:0 0 0 18px;
}
#menuVivre a:hover{
	background:url(../vsl/loupe_vivre_pt_over.gif) no-repeat left 1px;
}
#menuVivre dt {
	cursor: pointer; margin: 2px 0; text-align: left;
 	border-bottom:1px solid #FFFFFF; padding:6px 0
}
#menuVivre dd {
	margin:-3px 0 0 12px; padding:0; display:none; background:transparent;
}
#menuVivre ul {
	margin:0; padding:0; list-style:none; position:relative;
}
#menuVivre li {
	margin:0; padding:2px 6px; list-style:none; font:11px Verdana, Arial, Helvetica, sans-serif;
	display:block;
}
#menuVivre dt a {
	display:block; color:#FFFFFF; background:url(../vsl/loupe_vivre.gif) no-repeat left 1px;
	padding:1px 0 1px 18px;
}
#menuVivre li a {
	color:#FFFFFF; display:block;
}

/*
#ssMenu{
	text-align:left; background:#009361 url(../vsl/fond_vivre.jpg) no-repeat left top;
	padding :5px 15px;
}
#ssMenu h1{
	font:18px Georgia, "Times New Roman", Times, serif; text-align:left; margin:0 0 3px 0;
	color:#FFFFFF; margin-top:15px;
}
#ssMenu ul{
	margin:0; padding:0;
}
#ssMenu li{
	margin:0; padding:10px 0 2px 0; list-style:none; border-bottom:1px solid #FFFFFF;
}
#ssMenu a{
	display:block; color:#FFFFFF; background:url(../vsl/loupe_vivre.gif) no-repeat left 1px;
	padding-left:18px;
}*/

#calendrier{
	background-color:#0B97BF; color:#FFFFFF; padding:6px; position:relative;
}
#calendrier h1{
	font:18px Georgia, "Times New Roman", Times, serif; text-align:left; margin:0 0 3px 0;
}
#calendrier h2{
	font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left; border-bottom:1px dashed #FFFFFF;
	padding:4px 0;
}
#calendrier a{
	color:#FFFFFF;
}
.bascalendrier{
	background-color:#016F8F; color:#FFFFFF; padding:2px 6px;
	font:10px verdana, Arial, Helvetica, sans-serif;
}
.bascalendrier a{
	display:block; color:#FFFFFF; background:url(../vsl/loupe_manif.gif) no-repeat left 1px;
	padding-left:13px;
}

#meteo{
	margin:15px 0;
}

#bulletin{
	margin:20px 0 0 0; padding-right:10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#bulletin h1{
	font:18px Georgia, "Times New Roman", Times, serif; text-align:left; margin:0 0 10px 0;
}
#bulletin .texte{
	font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left;
	padding:4px 0;
}

#bulletinPage{
	margin:10px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#bulletinPage h1{
	font:18px Georgia, "Times New Roman", Times, serif; text-align:left; margin:0 0 10px 0;
}
#bulletinPage .texte{
	font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left;
	padding:4px 0;
}

#partenaires {
	background:#FFFFFF url(../vsl/fond_partenaire.gif) no-repeat left top;
	padding:20px 5px 10px 5px; text-align:center;
}
#partenaires ul{
	margin:0; padding:0; display:inline;
}
#partenaires li{
	margin:0; padding:0 15px; display:inline; list-style:none;
}

#phototheque{
	margin:10px 0;
}

#actualites, #actualitesPage{
	margin:10px 0;
}
#actualites h1{
	font:20px Georgia, "Times New Roman", Times, serif; text-align:left; margin:0 0 3px 0;
}
#actualitesPage h1{
	font:18px Georgia, "Times New Roman", Times, serif; text-align:left; margin:0 0 3px 0;
}
#actualites h2{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:0 0 3px 0;
}
#actualites .texte{
	font:11px Verdana, Arial, Helvetica, sans-serif;  text-align:justify;
	border-bottom:1px dashed #333333; margin-bottom:5px; padding-bottom:5px;
}
#actualitesPage .texte{
	font:10px Verdana, Arial, Helvetica, sans-serif;  text-align:justify;
	border-bottom:1px dashed #333333; margin-bottom:5px; padding-bottom:5px;
}
#actualites .titre{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:0 0 3px 0;
	border-bottom:1px dashed #333333; margin-bottom:5px; padding-bottom:5px;
}
#actualitesPage .titre{
	font:10px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:0 0 3px 0;
	border-bottom:1px dashed #333333; margin-bottom:5px; padding-bottom:5px;
}
#actualites .doc{
	float:left; margin:0 15px 0 0;
}

/* style page rubriques et articles */

#page {
	width: 990px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#page .hautPage {
	height:274px; position:relative; background-color:#FFFFFF;
}
#page .hautPage .logo {
	height:274px; width:223px; position:absolute; top:0; left:0; background:url(../vsl/logo.jpg) no-repeat left bottom;
}
#page .hautPage .titre {
	position:absolute; top:0; left:223px; background-color:#FFFFFF;
	z-index:10; font:bold 12px Arial, Helvetica, sans-serif; padding:2px 4px 2px 0;
}
#page .hautPage .titre a {
	color:#336699; display:block;
}
#page .hautPage .date {
	position:absolute; bottom:0; left:223px; background-color:#FFCC00; color:#333333;
	z-index:8; font:10px Arial, Helvetica, sans-serif; width:767px; height:19px;
	text-align:right; line-height:19px;
}
#page .hautPage #diaporama_innerfade{
	height:255px; width:767px; position:absolute; left:223px; top:0; z-index:5; overflow:hiddden;
	background-color:#FFFFF;
}

#page .corpsPage{
	background: #B3D0FA;
}
#page .corpsPage table {
	width:100%; border-collapse:collapse;
}
#page .corpsPage .gauche{
	vertical-align:top; width:223px; padding:0 0 15px 0;
}
#page .corpsPage .gauche .edito h1{
	font:20px Georgia, "Times new Roman", Times, serif; padding:0 10px 0 0
}
#page .corpsPage .gauche .edito .texte{
	font:11px/13px verdana, Arial, Helvetica, sans-serif; text-align:justify;
	padding:0 10px 0 0
}
#page .corpsPage .gauche .numUtiles{
	margin:10px 0; background:url(../vsl/num_utile_page.gif) no-repeat left top;
	padding:30px 5px 8px 5px; font:11px Arial, Helvetia, sans-serif;
	text-align:left;
}
#page .corpsPage .centre{
	vertical-align:top; width:607px; padding:0;
}
#page .corpsPage .centre .hierarchie{
	font:10px verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
#page .corpsPage .centre .pad{
	padding:20px 25px;
}

#page .corpsPage .centre h1{
	font:20px Georgia, "Times new Roman", Times, serif;
	padding:0px 20px 0 20px;
	margin-bottom:15px;
	color:#FFFFFF;
}

#page .corpsPage .centre h2{
	font:bold 14px Arial, Helvetica, sans-serif; padding:0 10px 0 0; margin:5px 0;
}
#page .corpsPage .centre .texte{
	font:11px/15px Verdana, Arial, Helvetica, sans-serif; text-align:justify;
}
#page .corpsPage .centre .menuArt{
	font:11px/15px Verdana, Arial, Helvetica, sans-serif; text-align:left;
	margin-top:10px; border-top:1px dashed #6699CC; padding:5px 0;
}
#page .corpsPage .centre .menuArt a{
	color:#066F8F; font-weight:bold; background: url(../vsl/loupe_actu.gif) no-repeat right top;
	padding-right:15px; line-height:16px;
}
#page .corpsPage .centre hr{
	border:none; height:1px; color:#999999; background-color:#999999;
}
#page .corpsPage .droite{
	vertical-align:top; width:160px;
}
#page .corpsPage .conseils{
	margin:0; background:#A72F00; color:#FFFFFF; padding:5px;
}
#page .corpsPage .conseils a{
	color:#FFFFFF; background:url(../vsl/plus) no-repeat left 2px; padding-left:13px;
}
#page .corpsPage .conseils h1{
	font:13px Georgia, "Times new Roman", Times, serif; padding:0 10px 0 0;
}
#page .corpsPage .conseils ul{
	margin:0; padding:0; font:10px Verdana, Arial, Helvetica, sans-serif;
}
#page .corpsPage .conseils li{
	margin:0; padding:3px 0; list-style:none;
}
#page .corpsPage .note{
	margin:10px 0;
}
#page .corpsPage .note a:hover{
	color:#016F8F;
}
#page .corpsPage .note h1{
	font:18px Georgia, "Times new Roman", Times, serif; padding:0 10px 0 0;  color:#333333;
}
#page .corpsPage .note .texte{
	font:11px/13px Arial, Helvetica, sans-serif; text-align:justify;
}
#page .corpsPage .port{
	margin:10px 0;
}
#page .corpsPage fieldset{
	border:1px solid #FFFFFF; padding:3px; text-align:left;
}
#page .corpsPage legend{
	font:10px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;
	color:#333333;
}
#page .corpsPage .vignette{
	float:right; margin:20px 0 0 20px; width:200px;
	border:1px solid #FFFFFF;
}
#page .corpsPage .portfolio{
	margin:10px 0; clear:both
}
#page .corpsPage .portfolio img{
	border:1px solid #FFFFFF;
}



#zoom {
	margin-top:20px; min-height:250px;
}
#zoom h1{
	font:18px Georgia, "Times New Roman", Times, serif; text-align:left; margin:0 0 10px 0; color:#333333;
}
#zoom .texte{
	text-align:justify; font:11px verdana, Arial, helvetica, sans-serif;
}
#zoom ul{
	margin:0; padding: 0;
}
#zoom li{
	margin:0; padding: 0; font:11px Verdana, Arial;
}
#zoom .document{
	float:right; margin-left:25px;
}

#trombi{
	text-align:center;
}
#trombi .titre{
	text-align:center; font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal; margin:3px 0;
}
#trombi .item{
	float:left; text-align:center; padding:5px; width:175px;
}


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