@charset "utf-8";

/*adresse validation CSS2.1: http://jigsaw.w3.org/css-validator/*/

*{
	margin:0;
	padding:0;
	}
	
/*centrage page générale*/
#pagecentree {
	position: absolute;
    width: 1024px;        
    margin-left: -512px;
    left: 50%;
    height: 768px;
    margin-top: -384px;
    top: 50%;
    }


/*liens sur les images : pas de bordure*/
a img {border: none;}

/* ---Menus TOP--- */	

.menustoryTOP, .menustoryTOP a {
	display:block;
	width:100%;        
	height:100%; 
	background-image:url(general-imgfond/MenuStoryOff.jpg);
	background-repeat:no-repeat;
	}
.menustoryTOP a:hover {
	display:block;
	width:100%;        
	height:100%; 
	background-image:url(general-imgfond/MenuStoryOver.jpg);
	background-repeat:no-repeat;
	}


.menublogTOP, .menublogTOP a {
	display:block;
	width:100%;        
	height:100%; 
	background-image:url(general-imgfond/MenuBlogOff.jpg);
	background-repeat:no-repeat;
	}
.menublogTOP a:hover {
	display:block;
	width:100%;        
	height:100%; 
	background-image:url(general-imgfond/MenuBlogOver.jpg);
	background-repeat:no-repeat;
	}
	
.menupdfTOP, .menupdfTOP a {
	display:block;
	width:100%;        
	height:100%; 
	background-image:url(general-imgfond/MenuPdfOff.jpg);
	background-repeat:no-repeat;
	}
.menupdfTOP a:hover {
	display:block;
	width:100%;        
	height:100%; 
	background-image:url(general-imgfond/MenuPdfOver.jpg);
	background-repeat:no-repeat;
	}

.menubonusTOP, .menubonusTOP a {
	display:block;
	width:100%;        
	height:100%; 
	background-image:url(general-imgfond/MenuBonusOff.jpg);
	background-repeat:no-repeat;
	}	
.menubonusTOP a:hover {
	display:block;
	width:100%;        
	height:100%; 
	background-image:url(general-imgfond/MenuBonusOver.jpg);
	background-repeat:no-repeat;
	}

/* ---FIN Menus TOP--- */	

/* ---images fond--- */	

/*sous menus images fonds*/	

#menussmenuTOP {
	background-image:url(story-imgfond/story-SousMenuTOP.jpg);
	}

#menussmenu {
	background-image:url(story-imgfond/story-SousMenu.jpg);
	}
	
/*copyright images fonds*/	
#menucopyright {
	background-image:url(general-imgfond/Copyright.jpg);
	}

/*gallerie images fonds*/	
#fondgallerie {
	background-image:url(story-imgfond/story-Gallerie.jpg);
	}
	
	
	
/* ---Sous menus--- */	

#menu {
	width:260px;
	margin:0 0 0 26px; /*marge entre div"menussmenu" et div"menu" */
	}
.menu, .sousmenu {
	font-family:arial,sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	text-indent:23px; /*décallage text avec bordure gauche*/
	}
.menuDESACTIVE { /*Menu désactivé*/
	height:35px;
	width:247px;
	color:#fff;
	display:block;
	background-image:url(story-imgfond/story-sousligneSSmenu-A.jpg);
	text-decoration:none;
	font-family:arial,sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	text-indent:23px; /*décallage text avec bordure gauche*/
	}
	
.menu {
	height:35px;
	width:247px;
	color:#fff;
	}

#introssmenu {
	text-decoration:underline;
	font-family:arial,sans-serif;
	font-size:15px;
	text-align:left;
	font-weight:bold;
	height:35px;
	width:247px;
	color:#fff;
	}

.menu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	background-image:url(story-imgfond/story-sousligneSSmenu-A.jpg);
	text-decoration:none;
	}
.menu a:hover, .menu a:active  {
	display:block;
	width:100%;
	height:100%;
	color:#000;
	background-image:url(story-imgfond/story-surligneSSmenu-A.jpg);
	text-decoration:none;
	}
	
.menuON {
	font-family:arial,sans-serif;
	height:35px;
	width:247px;
	text-indent:23px; /*décallage text avec bordure gauche*/
	font-size:16px;
	text-align:left;
	font-weight:bold;
	color:#000;
	background-image:url(story-imgfond/story-surligneSSmenu-A.jpg);
	text-decoration:none;
	}
	
.menuON a, .menuON a:hover, .menuON a:active { /*état quand on est dans la page de destination*/
	font-family:arial,sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}
	
.sousmenu{
	height:30px;
	width:210px;
	margin:0 0 0 37px;
	color:#fff;
	}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	background-image:url(story-imgfond/story-sousligneSSmenu-B.jpg);
	text-decoration:none;
	}	
.sousmenu a:hover, .sousmenu a:active {
	display:block;
	width:100%;
	height:100%;
	color:#000;
	background-image:url(story-imgfond/story-surligneSSmenu-B.jpg);
	text-decoration:none;
	}
	
.sousmenuON { /*état quand on est dans la page de destination*/
	font-family:arial,sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	text-indent:23px;
	height:30px;
	width:210px;
	margin:0 0 0 37px;
	color:#000;
	background-image:url(story-imgfond/story-surligneSSmenu-B.jpg);
	text-decoration:none;
	}
	
.sousmenuON a, .sousmenuON a:hover, .sousmenuON a:active { /*état quand on est dans la page de destination*/
	font-family:arial,sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	height:30px;
	width:210px;
	color:#000;
	text-decoration:none;
	}
	
/* ---FIN Sous menus --- */	

	
/*---menu gallerie---*/

/*effet scroll*/
.menugallerieScroll {
	overflow-y: scroll;
	}
	
/*menu gallerie*/	

#menugallerie {
	font-family:arial,sans-serif;
	font-size:70%;
	text-align:left;
	text-decoration: none;
	}

#menugallerie ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menugallerie li a {
	height: 80px;
	} 

#menugallerie li a:link {
	color: #FFF;
	display: block;
	background-image:url(story-imggallerie/story-imgmenugallerieROLL.jpg);
	background-repeat:no-repeat;
	padding: 0px 0 0 5px; /*position texte dans le bouton*/
	text-decoration: none;
	}

#menugallerie li a:visited {
	color: #000;
	display: block;
	background:url(story-imggallerie/story-imgmenugallerieROLL.jpg) 0 -80px;
	background-repeat:no-repeat;
	padding: 0px 0 0 5px; /*position texte dans le bouton*/
	text-decoration: none;
	}

#menugallerie li a:hover {
	color: #000;
	display: block;
	background:url(story-imggallerie/story-imgmenugallerieROLL.jpg) 0 -80px;
	background-repeat:no-repeat;
	padding: 0px 0 0 5px; /*position texte dans le bouton*/
	text-decoration: none;
	}

#menugallerie li a:active {
	color: #000;
	display: block;
	background:url(story-imggallerie/story-imgmenugallerieROLL.jpg) 0 -80px;
	background-repeat:no-repeat;
	padding: 0px 0 0 5px; /*position texte dans le bouton*/
	text-decoration: none;
	}

.imgmenugallerie {
	float: right;
	}


/*---menu vidéo VIDE---*/
#menuvideoVIDE {
	background-image:url(story-imgfond/story-VideoVIDE.jpg)
	}

/*---menu vidéo---*/
#menuvideo {
	background-image:url(story-imgfond/story-Video.jpg)
	}

#titremenuvideo {
	font-family:arial,sans-serif;
	list-style: none;
	text-align:center;
	}

H1 {
	font-size:170%;
	}	
	
H2 {
	font-size:130%;
	}	
	
H3 {
	font-size:100%;
	}	
	
#flbacktvmenuvideo a {
	display:block;
	background:url(story-imgvideo/story-flechebackmenuvideoOFF.jpg);
	}	

#flnexttvmenuvideo a {
	display:block;
	background:url(story-imgvideo/story-flechenextmenuvideoOFF.jpg);
	}	

#flbacktvmenuvideo a:link, #flbacktvmenuvideo a:visited, #flbacktvmenuvideo a:hover, #flbacktvmenuvideo a:active  {
	display:block;
	background-image:url(story-imgvideo/story-flechebackmenuvideoON.jpg);
	}	

#flnexttvmenuvideo a:link, #flnexttvmenuvideo a:visited, #flnexttvmenuvideo a:hover, #flnexttvmenuvideo a:active {
	display:block;
	background-image:url(story-imgvideo/story-flechenextmenuvideoON.jpg);
	}
	
#tvmenunbphoto {
	font-family:arial,sans-serif;
	text-align:right;
	font-weight:bold;
	font-size:100%;
	}	

#zoneliensassossies {
	background-color:#E6C653;
	}
	
#titreliensassossies {
	display:block;
	font-family:arial,sans-serif;
	font-size:70%;
	color:#974F21;
	text-align:center;
	text-decoration:underline;
	font-weight:bold;
	}
	
.liensassossies {
	display:block;
	font-family:arial,sans-serif;
	font-size:70%;
	color:#974F21;
	padding: 3px 0 0 0; /*position texte dans le bouton*/
	text-align:center;
	text-decoration:underline;
	font-weight:bold;

	}
	
.liensassossies a {
	display:block;
	font-family:arial,sans-serif;
	color:#974F21;
	text-decoration:none;
	}
	
.liensassossies a:hover {
	display:block;
	font-family:arial,sans-serif;
	color:#000;
	text-decoration:underline;
	}