/*  ----------------------------------------------------------- */
/*  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: #F8B768;
	margin: 0;
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
}

.pageArticleRose{
	background: #EE868B;
	margin: 0;
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
}

.pageInstitut{
	background: #A85937;
	margin: 0;
	text-align: left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
}

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

/*  ------------------------------------------
/*  Styles de la page sommaire
/*  ------------------------------------------ */
#pageSommaire {
	width: 960px; height:680px; text-align: left;
	margin-left: auto; margin-right: auto;
	position: relative; top:15px;
	background:url(../vsl/fond_accueil.jpg) no-repeat left top;
	/*border:1px solid #6E544C;*/
}
#pageSommaire .petitMenu{
	text-align:right; padding-right:240px; margin-bottom:10px; font-size:10px
}
#pageSommaire .petitMenu a{
	text-align:center; background:#6E544C; color:#FFFFFF; line-height:16px;
	padding:2px 4px; display:inline;
}
#pageSommaire .petitMenu a:hover{
	background:#CC6633;
}
#pageSommaire .logo {
	text-align:right; padding-right:30px;
}

#pageSommaire .portes {
	background:url(../vsl/portes.jpg) no-repeat right top;
	padding-left:296px; padding-top:0;
	min-height:245px;
  	height:auto !important;
	height:245px;
}
#pageSommaire .portes .mn {
	text-align:center; width:33%; vertical-align:top;
	padding:0 50px;
}
#pageSommaire .portes .mn p {
	margin:2px 0; padding-bottom:12px; background:url(../vsl/puce_menu_accueil.gif) no-repeat center bottom;
}
#pageSommaire .portes .mn h1{
	font:14px Arial, Helvetica, sans-serif; margin-bottom:5px; padding:0 5px;
}
#pageSommaire .portes .mn a {
	color:#663333;
}
#pageSommaire .portes .mn a:hover {
	color:#FFFFFF;
}

#pageSommaire .presentation{
	padding:8px 10px 0 375px; text-align:right;
}
#pageSommaire .presentation .titre{
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin:0 0 8px 0;
}

#pageSommaire .presentation .texte{
	width:560px; text-align:justify;
	padding:12px 0 0 10px;
}

#pageSommaire .boo{
	position: absolute; top:470px; left:275px; z-index:16;
	width:111px; height:160px; background:url(../vsl/boo.gif) no-repeat top center;
}

#pageSommaire .promo{
	position:absolute; top:470px; left:40px;
	width:225px; height:160px;
	background:url(../vsl/fond_promo.gif) no-repeat right top; filter: Alpha(Opacity=40); opacity:.4;
}
#pageSommaire .contenuPromo{
	position:absolute; top:470px;left:40px;
	width:225px; z-index:15; text-align:center;
}
#pageSommaire .contenuPromo h1{
	font:13px Arial, Helvetica, sans-serif; margin:5px 0 2px 0;
	font-weight:bold;
}
#pageSommaire .contenuPromo .texte{
	padding:5px;
}
#pageSommaire .contenuPromo a{
	color:#CC0000;
}


#signature{
	font:9px Arial, Helvetica, sans-serif; color:#333333;
	margin:5px auto; width:960px; position:relative; top:15px;
}
#signature a{
	color: #FF6600;
}

/*  ------------------------------------------
/*  Styles de pages rubriques et articles
/*  ------------------------------------------ */

#page {
	width: 960px; text-align: left; position:relative;
	margin:15px auto 0 auto;
	background:url(../vsl/fond_page.jpg) no-repeat left top;
}

#page .contenuPromo{
	text-align:center; padding:0 5px;
}
#page .contenuPromo h2{
	font:bold 14px Arial, Helvetica, sans-serif; margin:5px 0 2px 0;
}
#page .contenuPromo .textePromo{
	padding:5px;
}
#page .contenuPromo a{
	color:#CC0000;
}

#page .petitMenu{
	text-align:right; padding-right:225px; margin-bottom:10px; font-size:10px
}
#page .petitMenu a{
	text-align:center; background:#6E544C; color:#FFFFFF; line-height:16px;
	padding:2px 4px; display:inline;
}
#page .petitMenu a:hover{
	background:#CC6633;
}
#page .petitMenu .accueil{
	text-align:center; background:#CC0000; color:#FFFFFF; line-height:16px;
	padding:2px 4px; display:inline;
}
#page .petitMenu .accueil:hover{
	background:#CC6633;
}

#page .blocMenu{
	height:180px;
}

#signatureP{
	font:9px Arial, Helvetica, sans-serif; color:#333333;
	margin:5px auto; width:960px;
}
#signatureP a{
	color: #FF0000;
}

dl, dt, dd{
margin: 0;
padding: 0;
list-style-type: none;
}

#page .menu {
	padding-right:10px; position:absolute; z-index:100; width:950px; text-align:right;
}
#page .menu dl {
	float: right; margin:0 1px 0 0; background:#EA953A; width:140px;
}

#page .menu dt {
	cursor: pointer; text-align: center; padding:5px 10px;
	font: bold Verdana, Arial, Helvetica, sans-serif ; background:#EA953A;
}

#page .menu dt a {
	color:#663333;
}
#page .menu dt a:hover {
	color:#FFFFFF;
}
#page .menu dd {
	margin:0; padding:3px 0; display:none;
	background:#EA953A;
}
#page .menu dd a {
	color:#FFFFFF; display:block; padding:0 10px;
}
#page .menu dd a:hover {
	color:#CC3300;
}

#page .corpsPage{
	margin:45px 0;
}

#page .corpsPage h1{
	font: 24px Georgia, "Times New Roman", Times, serif;
	text-align:center; margin-bottom:15px;
}

#page .corpsPage .texte{
	text-align:justify; border-left:1px solid #FFFFFF; padding:5px 20px;
	 vertical-align:top;
}
#page .corpsPage .texte h2{
	font: 20px Georgia, "Times New Roman", Times, serif;
	text-align:left; margin:0 20px 8px 0;
}
#page .corpsPage .images{
	 vertical-align:top; padding-left:30px;
}

/*  ------------------------------------------
/*  Styles de pages rubriques et articles rose
/*  ------------------------------------------ */

#pageRose {
	width: 960px; text-align: left; position:relative;
	margin:15px auto 0 auto;
	background:url(../vsl/fond_page_rose.jpg) no-repeat left top;
}

#pageRose .contenuPromo{
	text-align:center; padding:0 5px;
}
#pageRose .contenuPromo h2{
	font:bold 14px Arial, Helvetica, sans-serif; margin:5px 0 2px 0;
}
#pageRose .contenuPromo .textePromo{
	padding:5px;
}
#pageRose .contenuPromo a{
	color:#CC0000;
}

#pageRose .petitMenu{
	text-align:right; padding-right:225px; margin-bottom:10px; font-size:10px
}
#pageRose .petitMenu a{
	text-align:center; background:#6E544C; color:#FFFFFF; line-height:16px;
	padding:2px 4px; display:inline;
}
#pageRose .petitMenu a:hover{
	background:#CC6633;
}
#pageRose .petitMenu .accueil{
	text-align:center; background:#CC0000; color:#FFFFFF; line-height:16px;
	padding:2px 4px; display:inline;
}
#pageRose .petitMenu .accueil:hover{
	background:#CC6633;
}

#pageRose .blocMenu{
	height:180px;
}

#pageRose .menu {
	padding-right:10px; position:absolute; z-index:100; width:950px; text-align:right;
}
#pageRose .menu dl {
	float: right; margin:0 1px 0 0; background:#Bf4B4B; width:132px; color:#FFFFFF;
}

#pageRose .menu dt {
	cursor: pointer; text-align: center; padding:5px 10px;  color:#FFFFFF;
	font: bold Verdana, Arial, Helvetica, sans-serif ; background:#Bf4B4B;
}

#pageRose .menu dt a {
	color:#FFFFFF;
}
#pageRose .menu dt a:hover {
	color:#FFFFFF;
}
#pageRose .menu dd {
	margin:0; padding:3px 0; display:none;
	background:#Bf4B4B;
}
#pageRose .menu dd a {
	color:#FFFFFF; display:block; padding:0 10px;
}
#pageRose .menu dd a:hover {
	color:#FF9900;
}

#pageRose .corpsPage{
	margin:45px 0;
}

#pageRose .corpsPage h1{
	font: 24px Georgia, "Times New Roman", Times, serif;
	text-align:center; margin-bottom:15px;
}

#pageRose .corpsPage .texte{
	text-align:justify; border-left:1px solid #FFFFFF; padding:5px 20px;
	 vertical-align:top;
}
#pageRose .corpsPage .texte h2{
	font: 20px Georgia, "Times New Roman", Times, serif;
	text-align:left; margin:0 20px 8px 0;
}
#pageRose .corpsPage .images{
	 vertical-align:top; padding-left:30px;
}

/*  ------------------------------------------
/*  Styles de pages institut
/*  ------------------------------------------ */

#pageInstitut {
	width: 960px; text-align: left; position:relative;
	margin:15px auto 0 auto;
	background:url(../vsl/fond_page_institut.jpg) no-repeat left top;
}

#pageInstitut .contenuPromo{
	text-align:center; padding:0 5px;
}
#pageInstitut .contenuPromo h2{
	font:bold 14px Arial, Helvetica, sans-serif; margin:5px 0 2px 0;
}
#pageInstitut .contenuPromo .textePromo{
	padding:5px;
}
#pageInstitut .contenuPromo a{
	color:#CC0000;
}

#pageInstitut .petitMenu{
	text-align:right; padding-right:225px; margin-bottom:10px; font-size:10px
}
#pageInstitut .petitMenu a{
	text-align:center; background:#6E544C; color:#FFFFFF; line-height:16px;
	padding:2px 4px; display:inline;
}
#pageInstitut .petitMenu a:hover{
	background:#CC6633;
}
#pageInstitut .petitMenu .accueil{
	text-align:center; background:#CC0000; color:#FFFFFF; line-height:16px;
	padding:2px 4px; display:inline;
}
#pageInstitut .petitMenu .accueil:hover{
	background:#CC6633;
}

#pageInstitut .blocMenu{
	height:180px;
}

#pageInstitut .menu {
	padding-right:10px; position:absolute; z-index:100; width:950px; text-align:right;
}
#pageInstitut .menu dl {
	float: right; margin:0 1px 0 0; background:#993300; width:132px; color:#FFFFFF;
}

#pageInstitut .menu dt {
	cursor: pointer; text-align: center; padding:5px 10px;  color:#FFFFFF;
	font: bold Verdana, Arial, Helvetica, sans-serif ; background:#993300;
}

#pageInstitut .menu dt a {
	color:#FFFFFF;
}
#pageInstitut .menu dt a:hover {
	color:#FFFFFF;
}
#pageInstitut .menu dd {
	margin:0; padding:3px 0; display:none;
	background:#993300;
}
#pageInstitut .menu dd a {
	color:#FFFFFF; display:block; padding:0 10px;
}
#pageInstitut .menu dd a:hover {
	color:#FF9900;
}

#pageInstitut .corpsPage{
	margin:45px 0;
}

#pageInstitut .corpsPage h1{
	font: 24px Georgia, "Times New Roman", Times, serif;
	text-align:center; margin-bottom:15px;
}

#pageInstitut .corpsPage .texte{
	text-align:justify; border-left:1px solid #FFFFFF; padding:5px 20px;
	 vertical-align:top;
}
#pageInstitut .corpsPage .texte h2{
	font: 20px Georgia, "Times New Roman", Times, serif;
	text-align:left; margin:0 20px 8px 0;
}
#pageInstitut .corpsPage .images{
	 vertical-align:top; padding-left:30px;
}



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