body  
{
	color: #000000; 
	font-size: 11px; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 13px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;}
	
	img {border:0px;}
	
	
	
a:link {
text-decoration: none;
color: rgb(60,60,60);} 

a:visited {
text-decoration: none;
color: rgb(60,60,60);}

a:hover {
text-decoration: underline;
color: rgb(60,60,60);} 

a:active {
text-decoration: none;} 


.background {
background-repeat: no-repeat;
background-position: 100 100;
background-image: url(images/EDC_watermark.jpg);
background-color: rgb(255,255,255);}


.menu-principal1{
background-color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: left;
color: #78767B;
padding-left: 3px;}

.menu-principal1 a:link{
text-decoration: none;
color: #78767B;}

.menu-principal1 a:visited{
color: #78767B;
text-decoration: none;}

.menu-principal1 a:hover{
color: #182942;
text-decoration: none;}



.menu-principal2{
background-color: #F3F3F5;
font-weight: bold;
font-size: 11px;
text-align: left;
color: #78767B;
padding-left: 23px;}

.menu-principal2 a:link{
text-decoration: none;
color: #78767B;}

.menu-principal2 a:visited{
color: #78767B;
text-decoration: none;}

.menu-principal2 a:hover{
color: #182942;
text-decoration: none;}



.menu-principal{
background-color: #FFFFFF;
font-weight: bold;
font-size: 12px;
text-align: left;
color: #78767B;
padding-left: 3px;}

.menu-principal a:link{
text-decoration: none;
color: #78767B;}

.menu-principal a:visited{
color: #78767B;
text-decoration: none;}

.menu-principal a:hover{
color: #182942;
text-decoration: none;}



.background-menu {
background-position: 0 182;
background-repeat: no-repeat;
background-image: url(images/menu_grade.gif);
background-color: #e0e2e7;
BORDER-LEFT: #FFFFFF 4px solid; }

.bande{
	background-color: #e0e2e7;
	BORDER-RIGHT: #FFFFFF 4px solid;
	BORDER-LEFT: #FFFFFF 4px solid; 
}

.presentation-titre{
color: #78767B;
font-weight: bold;}

.presentation {
line-height: 1.5em;
color: rgb(0,0,0);
font-size: 11px;
text-align: left;}

.presentation-centre {
line-height: 1.2em;
color: rgb(0,0,0);
font-size: 0.6em;
text-align: center;}

.title {
line-height: 1.2em;
color: rgb(255,255,255);
font-size: 0.75em;
text-align: centre;}

.alerte{
	color: #FFFFFF;
	border: 2px solid #CCCCCC;
	background-color: #FF9900;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

H1  
{
	font-size: 13px; 
}

H2  
{
	font-size: 12px; 
}

.ContentBackgroundColor
{
	background-color: #e0e2e7;
		BORDER-TOP: 0px;
	BORDER-RIGHT: #FFFFFF 4px solid;
	BORDER-LEFT: #FFFFFF 4px solid; 
}

.ContentBackgroundColg
{
	background-color: #e0e2e7;
		BORDER-TOP: 0px;
	BORDER-LEFT: #FFFFFF 4px solid; 
}

.ContentBackgroundCold
{
	background-color: #e0e2e7;
		BORDER-TOP: 0px;
	BORDER-right: #FFFFFF 4px solid; 
}

.ContentArea
{
	background-color: #e0e2e7;
background-position: 0 182;
background-repeat: no-repeat;
background-image: url(images/menu_grade.gif);
background-color: #e0e2e7;
	BORDER-LEFT: #FFFFFF 4px solid; 
	BORDER-BOTTOM: #FFFFFF 4px solid; 
}


.ContentArea2
{

	background-color: #e0e2e7;
background-position: top right;
background-repeat: no-repeat;
background-image: url(images/bande.gif);
	BORDER-right: #FFFFFF 4px solid; 

}

.ContentArea3
{
	background-color: #e0e2e7;
BORDER-left: #FFFFFF 4px solid; 
	BORDER-right: #FFFFFF 4px solid; 

}

.ContentArea td {
	font-family: verdana; 
	font-size: 11px; 
}




hr {
	color: #004a8d;
}

.menu:link
{
	color: white; text-decoration: none
}

.menu:visited
{
	color: white; text-decoration: none
}

.menu:hover
{
	color: white; text-decoration: underline
}

.Padding7px
{
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 7px; 
	PADDING-BOTTOM: 7px; 
	PADDING-TOP: 7px;
}

.BoxLink
{
	font-weight: bolder;
	font-size: 12px;
}

.header {
	font-family: verdana; 
	font-size: 16px;
	font-weight: bold;
	color: #2E3F75;
}

.intro {
	font-family: verdana; 
	font-size: 11px;
	font-weight: bold;
	color: #2E3F75;
}

.BackgroundColor
{
	background-color: #004a8d;
}

.DivBorder
{
	border-right: #e0e2e7 3px solid;
	border-top: #e0e2e7 3px solid;
	border-left: #e0e2e7 3px solid;
	border-bottom: #e0e2e7 3px solid;
}

.DarkBlueContent
{
	background-color: #182942;
	color: #FFFFFF; 
	font-weight: bolder; 
}
.DarkBlueContent A:link { color: #FFFFFF; text-decoration: underline }
.DarkBlueContent A:visited  { color: #FFFFFF; text-decoration: underline }
.DarkBlueContent A:hover  { color: #FFFFFF; text-decoration: underline }
.DarkBlueContent td  { color: #FFFFFF; }

.GrayContent
{
	background-color: #abacb0;
	color: #FFFFFF;
}
.GrayContent td { color: #FFFFFF; }

.GrayContentWithArrows
{
	background-color: #abacb0;
	color: #FFFFFF;
	background-image: url(/images/GrayBagroundArrows.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.WhiteContent
{
	background-color: #FFFFFF;
	color: #000000;
	background-repeat: no-repeat;
background-position: center;
background-image: url(images/EDC_watermark.jpg);
}
.WhiteContent A:link { color: #182942; text-decoration: underline }
.WhiteContent A:visited  { color: #182942; text-decoration: underline }
.WhiteContent A:hover  { color: #182942; text-decoration: underline }



.TableTemplateStyle 
{
	BORDER-RIGHT: #182942 1px solid;
	BORDER-TOP: #182942 1px solid; 
	BORDER-LEFT: #182942 1px solid; 
	BORDER-BOTTOM: #182942 1px solid;
}

.TableTemplateHeaderStyle
{
	background-color: #182942;
}

.TableTemplateContentStyle 
{
	background-color: #FFFFFF;
}

.Frame
{
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid; 
}

.HeaderStyle  
{ 
	font-weight: bold; 
	background-color: #FFFFFF; 
	vertical-align: middle; 
	padding-right: 4px; 
	padding-left: 4px; 
	height: 17px 
}



.ItemStyle 
{
	color: Black;
	background-color : #abacb0;
	background : #abacb0;
	height: 17px;
	vertical-align : middle;
	padding-left: 4px;
	padding-right: 4px;
}

.AlternatingItemStyle 
{
	color: Black;
	background-color : #9a9a9e;
	background : #9a9a9e;
	height: 17px;
	vertical-align : middle;
	padding-left: 4px;
	padding-right: 4px;
}
.TableHeader 
{
	color: white; 
	font-weight: bold; 
	background-color: #182942; 
	border-top: 1px black; 
	border-right: 1px black; 
	border-left: 1px black 
}

.small
{
	font-size: 9px;
}

div.Link 
{
	font-weight:bold;
	padding-left: 5px;
	padding-top: 5px;
}

/* FORM ELEMENT STYLE */
.textbox { font-size: 11px; font-family: verdana; background-color: #ffffff; padding: 1px; border: solid 1px; }

input 
{
	font-family:			Verdana;
	font-size:				11px;
	color:					#000000;
}

input.readonly
{
	background-color:		transparent;
	border-left:			0px;
	border-right:			0px;
	border-top:				0px;
	border-bottom:			0px;
}

select
{
	font-size:				11px;
	font-family:			Verdana;
	padding:				2px;
	border:					1px solid #3b5da5;
	background-color:		#ffffff;
}




.baseline {
color: rgb(198,136,208);
text-align: center;
font-variant: normal;}

.adresse {
font-weight: normal;
color: rgb(100,100,100);
font-size: 0.65em;
line-height: 1.3em;
text-align: center;}

.titreannonce1{
font-family: "Times New Roman", Times, serif;
font-weight: strong;
font-variant: small-caps;
text-align: center;
color: rgb(100,100,100);
font-size: 0.8em;}

.titreannonce2{
font-family: "Times New Roman", Times, serif;
font-weight: strong;
text-align: center;
color: rgb(150,150,150);
font-size: 0.8em;}

.ref{
font-size: 0.65em;
text-align: center;
color: rgb(150,150,150);
}

.partenaires {
color: rgb(65,77,107);
font-size: 0.7em;
line-height: 1.5em;
text-align: left;}

.partenaires a:link {
color: rgb(204,45,31);
font-weight: bold;
font-size: 1em;}

.partenaires a:visited {
text-decoration: none;
color: rgb(204,45,31);} 

.partenaires a:hover {
text-decoration: underline;
color: rgb(204,45,31);} 

.formulaire{
font-size: 0.7em;
color: rgb(24,41,66);
font-weight: bold;}

/* Sample 2*/
#box2{
	position:absolute;
	height : 160x;
	width : 100%;
}
#box2 span{
	display:block;
	float:left;
}

#box2 span img
{
	width : 240px;
}
/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}


/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:160px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
	clear : right;
	margin : 0;
	padding : 0;
}

#play1, #stop1, #prev1, #next1
{
	display : block;
	float : left;
	font-size : 10px;
	width : 80px;
	text-align : center;
	cursor : pointer;
}