@charset "utf-8";
/* CSS Page contenu */

#content {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	background: url(../images/demo_repeater.jpg) repeat-y;
	width:757px;
	height: 550px;
	padding-left:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 30px;
	}
h2 {
	position: absolute;
	z-index: 5;
	}
#bloc1_wrap {
	position: absolute;
	width: 250px;
	border: 0;
	top: 80px;
	left: 30px;
	}
#videoDefaut {
	background:#FFFFFF;
	width: 422px;
	height: 237px;
	position: absolute;
	top: 110px;
	z-index: 5;
	left: 300px;
	}
#deco1 {
	background: url(../images/deco.gif);
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: -10px;
	left: -10px;
	z-index: 0;
	}
#deco2 {
	background: url(../images/deco.gif);
	width: 50px;
	height: 50px;
	position: absolute;
	top: 100px;
	z-index: 0;
	left: 680px;
	}
#bloc_fond_2 {
	width: 300px; height: 120px;     /* pour correspondre à la taille du DIV */
	background-color: #696B92;       /* la couleur de fond          */
	position: absolute;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	top: 370px;
	left: 360px;
	z-index: 2;
	}
#bloc_fond_2 .corner_ul, #bloc_fond_2 .corner_dl, #bloc_fond_2 .corner_dr, #bloc_fond_2 .corner_ur {
	height: 10px;
	width: 10px; 
	background-repeat: no-repeat; 
	position: absolute; 
	background-color: #FFFFFF; 
	font-size: 0px; 
	line-height: 0px; 
	 }
#bloc_fond_2 .corner_ul { 
	top: 0px; 
	left: 0px; 
	background-image: url(../images/corner_ul.gif); 
	z-index: 0; 
	}
#bloc_fond_2 .corner_ur { 
	top: 0px; 
	right: 0px; 
	background-image: url(../images/corner_ur.gif); 
	z-index: 3; 
	}
#bloc_fond_2 .corner_dl { 
	bottom: 0px; 
	left: 0px; 
	background-image: url(../images/corner_dl.gif); 
	z-index: 2; 
	}
#bloc_fond_2 .corner_dr { 
	bottom: 0px; 
	right: 0px; 
	background-image: url(../images/corner_dr.gif); 
	z-index: 3; 
	}
#bloc_fond_2 .bg { 
	position: relative; 
	z-index: 4; 
	}
#bloc_1 {
	position: relative;
	width: 250px;     
	background-color: #ffffff;
	padding: 15px 10px;
	z-index: 2;
	border: 1px solid #696B92;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
#bloc_2 {
	padding: 10px;
	height: 120px;
	width: 250px;     				/* pour correspondre à la taille du DIV */
	background-color: transparent;   /* fond transparent            */
	position: absolute;              /* positionnement absolu       */
	z-index: 2;
	top: 370px;
	left: 360px;
	color:#FFFFFF;
	}
#decoration {
	width: 100px; height: 100px;     /* pour correspondre à la taille du DIV */
	background-color: #696B92;       /* la couleur de fond          */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	position: absolute;
	top: 260px;
	left: 290px;
	z-index: 3;
	}
#decoration .corner_ul, #decoration .corner_ur, #decoration .corner_dl, #decoration .corner_dr { 
	height: 10px; 
	width: 10px; 
	background-repeat: no-repeat; 
	position: absolute; 
	background-color: #FFFFFF;  
	font-size: 0px; 
	line-height: 0px; 
	}
#decoration .corner_ul { 
	top: 0px; 
	left: 0px; 
	background-image: url(../images/corner_ul.gif); 
	z-index: 1; 
	}
#decoration .corner_ur { 
	top: 0px; 
	right: 0px; 
	background-image: url(../images/corner_ur.gif); 
	z-index: 3; 
	}
#decoration .corner_dl { 
	bottom: 0px; 
	left: 0px; 
	background-image: url(../images/corner_dl.gif); 
	z-index: 3; 
	}
#decoration .corner_dr { 
	bottom: 0px; 
	right: 0px; 
	background-image: url(../images/corner_dr.gif); 
	z-index: 3; 
	}
#decoration .bg { 
	position: relative; 
	padding: 12px; 
	z-index: 4; 
	}	
#list {
	padding: 7px;
	padding-left:10px;
	color:#FFFFFF;
	}
#list li {
	padding-bottom: 10px;
	}
#list a {
	color:#FFFFFF;
	text-decoration:underline;
	}