/* basic elements */

* {margin: 0; padding: 0}

body {
	background:#3C6FAC url("images/back.gif") repeat-x;
	font-size: 1em;
	font-family: "Trebuchet MS", verdana, sans-serif;
	color:#2B4D70;
	}

p {
padding: 8px 30px 20px 20px;
text-indent: 20px;
text-align: justify;
}

h2 {
font-size:16px;
margin:12px 0 5px 0;
color:#0066CC;
}

td {
	padding: 2px 5px 2px 5px;
}

h4 {
padding: 50px 5px 2px 10px;
}

p a{
text-decoration:none
}

p a:link{
color:#2B4D70;
border-bottom-width: thin;
border-bottom-style: dashed;
border-bottom-color:#2B4D70;
}

p a:visited{
color:#151653
}

p a:hover, a:active{
color:#FFD700
}

acronym{
cursor:help
}

/* specific divs */
#conteneur{
position:relative; min-width:744px
}

#intro{
	height:1%;
	border-right:1px solid #2B4D70;
	border-left:1px solid #2B4D70;
	margin:0 240px 0 0;
	background: url("images/back_top.gif")}
	
#header{ 
	background:  url("images/logo_index.jpg") top no-repeat;
	height:350px}
	
#header h1 span{
display:none
}

#header h2 span{ /*misused for the googbye-grafic*/
	color:#3C6FAC;
	position:absolute;
	bottom:0px;
	right:128px;
	width:112px;
	height:69px;
	background: url("images/bye.gif");
	font-size:0px;
	line-height:0px}
	
#header-en{ 
	background:  url("images/logo_index_en.jpg") top no-repeat;
	height:350px
	}
	
#header-en h1 span{
display:none
}

#header-en h2 span{ /*misused for the googbye-grafic*/
	color:#3C6FAC;
	position:absolute;
	bottom:0px;
	right:128px;
	width:112px;
	height:69px;
	background: url("images/bye.gif");
	font-size:0px;
	line-height:0px}
	
#tabcent{
text-align:center;
padding: 5px 0 40px 0;
}	

/*#sommaire{
text-align:justify;
background:#3C6FAC url("images/back.gif") repeat-x;
}
#sommaire p{
	color:#000;
	padding: 3px 30px 2px 30px}
#sommaire p.p1{
	font-size:1em;
	margin:30px 10px;
	width:70%;
	float:left}
#sommaire p.p2{
	float:right;
	font-size:0.8em;
	width:20%;
	margin:3em 10px 0 0;
	text-align:right}
#sommaire a:link, #sommaire a:visited{text-decoration:underline; color:#C5E1FF}
#sommaire a:hover, #sommaire a:active{text-decoration:underline; color:white}*/

#txtrubrique{
	color: #213C56;
	border-right:1px solid #2B4D70;
	border-left:1px solid #2B4D70;
	margin:0 240px 0 0;
	background:#B8DBFF}
#txtrubrique h3{ 
	height:65px;
	border-top:1px solid #BDCCA3;
	border-bottom:1px solid #386496}
#txtrubrique h3 span {display:none}

#txtensemblecrea h3{background: #6D84AE url("images/bandeensemblecrea.gif") no-repeat}
#txtensemblecreaen h3{background: #6D84AE url("images/bandeensemblecreaen.gif") no-repeat}
#txtepreambule h3{background: #6D84AE url("images/bandepreambule.gif") no-repeat}
#txtpreamble h3{background: #6D84AE url("images/bandepreamble.gif") no-repeat}
#txtresume h3{background: #6D84AE url("images/banderesume.gif") no-repeat}
#txtabstract h3{background: #6D84AE url("images/bandeabstract.gif") no-repeat}
#txtcontact h3{background: #6D84AE url("images/bandecontact.gif") no-repeat}
#txtcontacten h3{background: #6D84AE url("images/bandecontact.gif") no-repeat}
#txtavant h3{background: #6D84AE url("images/bandeavant.gif") no-repeat}
#txtbefore h3{background: #6D84AE url("images/bandebefore.gif") no-repeat}
#txttable h3{background: #6D84AE url("images/bandetableau.gif") no-repeat}
#txtstructure h3{background: #6D84AE url("images/bandestruture.gif") no-repeat}
#txtstructureele h3{background: #6D84AE url("images/bandeelement.gif") no-repeat}
#txtfigfr h3{background: #6D84AE url("images/bandefigure.gif") no-repeat}
#txtfigen h3{background: #6D84AE url("images/bandefigure.gif") no-repeat}
#txtmaintenant h3{background: #6D84AE url("images/bandemaintenant.gif") no-repeat}
#txtnow h3{background: #6D84AE url("images/bandenow.gif") no-repeat}
#txtsynthese h3{background: #6D84AE url("images/bandesynthese.gif") no-repeat}
#txtsynthesis h3{background: #6D84AE url("images/bandesynthesis.gif") no-repeat}
#txtliens h3{background: #6D84AE url("images/bandeliens.gif") no-repeat}
#txtlinks h3{background: #6D84AE url("images/bandelinks.gif") no-repeat}
#txtanalogrevel h3{background: #6D84AE url("images/bandeanalogrevel.gif") no-repeat}
#txtrevealanalog h3{background: #6D84AE url("images/banderevealanalog.gif") no-repeat}


#logo {text-align: center;}


#txtrecquis h3{background: #6D84AE}

#footer {
	text-align:center;
	color: #BDCCA3;
	font-size:0.8em;
	background: #4B0082;
	padding:10px 20px;
	border-top:1px solid #EFAE89}
#footer a{
	color:#BDCCA3;
	font-size:0.8em}
#footer a:visited{color:#992D2A}
#footer a:hover{color:white}

#ancre {
	text-align:center;
	color: #4B0082;
	font-size:0.8em;
	background: #BDCCA3;
	padding:2px 0px;
	}
#ancre a{
	color:#4B0082;
	font-size:0.8em;
	text-decoration: none;}
#ancre a:visited{color:#992D2A}
#ancre a:hover{color:white}

#small {font-size: 0.6em}

#listeliens{
	font:14px "trebuchet ms", verdana, sans-serif; 
	position:absolute;
	right:0px;
	top:0px}
#listeliens2{width:201px}
#listeliens h3{  
	width:201px; 
	height:53px;
	border-right:1px solid #3D82AD;
	border-left:1px solid #3D82AD;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 199px}

#listeliens h3 span{display:none}
#listeliens h3.select{background:transparent url("images/menu.gif")}
#listeliens h3.favorites{background:transparent url("images/favorites.jpg")}
#listeliens h3.ressources{background:transparent url("images/ressources.gif")}
#listeliens h3.resources{background:transparent url("images/resources.gif")}
#listeliens h3.photon{background:transparent url("images/photon.gif")}
#listeliens ul{
	background:#B7D1ED;
	border-right:1px solid #3D82AD;
	border-left:1px solid #3D82AD}
/*#lresources ul{
	padding:0 0 41px 0; 
	background:#B7D1ED}*/
#listeliens li{
	list-style-type:none;
	display:block; 
	border-bottom:1px solid #3D82AD;
	color:#3D82AD;
	padding:7px 0 7px 10px;
	}
#listeliens li a{
	font-weight:bold;
	display:block;
	color: #2C5079;
	background:  url("images/tri.gif") no-repeat 0px 55%;
	padding:0 0 0 15px;
	border-bottom-style:none;
	text-decoration:none;
	}
#listeliens li a:hover{color:White;}
#listeliens li a:visited{font-weight:normal}