body	{
		margin:0px;
		padding:0px;
		overflow-x:hidden;
		}
a img {		
		border: none;
}		
.Style3 {font-size: 14}
.Style5 {color: #003399; font-weight: bold; font-size: 12px; }
.Style6 {font-size: 12px}
.Style7 {color: #000066}

#logo_site{
	margin-left:18px;
	margin-right:26px;
	margin-top:20px;
}
#minibarrehaut {
		background:url(../img/menu/fondhaut.png) repeat-x;
}
form 	{
		margin:0px;
		padding:0px;
		size:auto;
		}
ul		{
		margin:0px;
		padding:0px;
		list-style:none;
		}
ul li 		{
		height:17px;
		}
td		{
		font-family:tahoma;
		font-size:11px;
		color:#636363;
		line-height:15px;
		}
a		{
		color:#7AAB00;
		text-decoration:underline;
		}
a:hover	{
	text-decoration:none;
		}
.more	{
		font-weight:bold;
		}
.more img{
		margin:0 4 0 0px;
		}
.line	{
		width:100%;
		height:1px;
		}

/*Video */
.com_vid {
	background:#FFF;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.com_vid_vis {
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}
.hr_com {
	background:#CCF;
	text-align: left;
}
		
.com_textarea {
	color:#000;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:13px;
}
/*Haut.Php */

#date{
	text-align:right;
	font-weight:bold;
	margin-top:-16px;
}
#date a{
	color:#06F;
	font-size:13px;	
}
#pub{
	text-indent:90px;
}
#center_vid{
	margin-left: auto; 
    margin-right: auto; 
    width: 80%;
	text-align:center;
}
img.eff_vid {
	border: 5px solid #ddd;
	padding: 5px; /*Inner border size*/
	background: #fff; /*Inner border color*/}
	
.backg_head {
	position:absolute;
	background:url(../img/menu/backg.png) repeat-x;
	width:690px;
    height:150px;
    left : 50%;
    margin-left : -3px;
}
#fondprinc {
	background:url(../img/menu/fondprinc.png) repeat-x;	
	width: 100%;
	position:relative;
	top: 5px;
	height: 189px;
	margin: 0 0 5px;
}



#logopub{
	position: absolute;
	margin: 23px 0 0 410px;
}
#logoselect{
	margin:-2px 0;
}

#iconehaut {
	margin:16px 0 0 52px;
}

/*menu*/
#bouton_up {
	position: fixed;
	bottom: 15px;
	right: 25px;
	cursor: pointer;
	display: none;
}

#navigation{
	height:78px;
}

#video, #video div, 
#musique, #musique div, 
#cd, #cd div, 
#livre, #livre div, 
#about,  #about div {
	height:80px;
	position:absolute;
	width:97px;
	float:left;
}

#video, #musique, #cd, #livre, #about{
	background-image: url(../img/menu/nav.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	left:300px; 
	top:8px;
}

#video{
	background-position: 0px -25px;
	margin-left:6px;
}

#musique{
	background-position: -98px -25px;
	margin-left:105px;
}

#cd{
	background-position: -196px -25px;
	margin-left:204px;
}

#livre{
	background-position: -294px -25px;
	margin-left:303px;
}

#about{
	background-position: -392px -25px;
	margin-left:402px;
}


.pri-nav a{
	display:block;
	text-decoration:none;
	text-indent:-30000px;
}

/*HEADER*/		
.tt2 	{
		margin:12 0 0 32px;
		}
.tt2 img{
		margin:0 6 -2 0px;
		}
.tt2 a  {
		color:#2C609D;
		text-decoration:underline;
		font-weight:bold;
		}
	
/*FOOTER*/
.footer1	{
		color:#B7D7F0;
		font-weight:bold;
		font-size:10px;
		}
.footer1 div{
		margin:8 0 0 32px;
		}
.footer1 div a{
		color:#B7D7F0;
		text-decoration:underline;
		}
		
.footer2{
		margin:9 0 0 0px;
		font-size:9px;
		color:#FFFFFF;
		}
.footer3{
		margin:9 0 0 0px;
		font-size:13px;
		color:#FFFFFF;
		}
/*END OF FOOTER*/

		
/******PAGE 4*****/
.p4_t1 {
		width:190px;
		margin:13 0 0 30px
		}
.p4_t1 .more{
		margin:0 0 0 1px;
		}
.date_ajout {
		text-align: right;
		font-style:italic;
}
.bordure{
		overflow:hidden;
		width: 100px;
		height: 75px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border-radius: 18px;
		cursor:pointer;
}
/****Scrollable**/
/* Scroll Video */
/* root element for scrollable */
#scrollvideo {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 490px;
	width: 190px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}
/* single scrollable item */
.item {
	margin:20px 0;
	height:150px;
}
#actions a {
	cursor:pointer;
}
#actions .next {
	float:right;
	}
#actions .prev {
	float:left;
}
.disabled {
	visibility:hidden;		
}
/*Musique Scroll*/
#scrollmusi {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 146px;
	width: 190px;
}
.item_mus {
	margin:18px 0;
	height:30px;
	background:#FFC;
}
/*Scroll Video a voir également */
/* position and dimensions of the navigator */
.navigvid {
	margin-left:328px;
	width:200px;
	height:20px;
}
/* items inside navigator */
.navigvid a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scroll/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navigvid a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navigvid a.active {
	background-position:0 -16px;     
}
#browsable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../img/scroll/h300.png) repeat-x;
}
#browsable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#videoscrollcorr div {
	float:left;
	width:680px;
}

/* single scrollable item */
#browsable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
#browsable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
#browsable {
	float:left;
	text-align:center;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scroll/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scroll/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}