body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align:justify;
margin: 0;
padding: 0;
height: 100%;
background-color: #4C4CBD;
color: black;
scrollbar-face-color: #FF9933; 
scrollbar-shadow-color: #FFCC4A;
scrollbar-highlight-color: #FFFFCC;
scrollbar-3dlight-color: #F17B20; 
scrollbar-darkshadow-color: #FFCC4A; 
scrollbar-track-color: #FFCC4A; 
scrollbar-arrow-color: #F17B20
}

html {
height: 100%;
width: 100%;
}

body a {
text-decoration:none;
height: auto ! Important;
font-size:1em;
color:#4C4CBD;
}

a:hover {
font-size:1em;
color:white;
}

p {
margin: 0 0 10px 0;
}

.logo{
left:0px;
position:absolute;
height: 80px;
}

.ressources{
width:190px;
position:absolute;
padding-left:5px;
left:80px;
top:80px;
background-color:#FFCC4A;
}

.bandeau{
height: 80px;
margin-left:150px;
padding-right:0px;
padding-top:0px;
}

#header {	
	height: 85px;
	background-color:#FFCC4A;
}

#haut {
margin-top:0px;
padding-top:5px;
height: 20px;
background-color:#FF9933
}

#conteneur {
margin-top:0px;
min-height:100%;
height: auto ! Important;
margin-left: -380px; top: 10px; left: 50%; position: absolute;
height: 100%;
width: 687px;
background-color:#FF9933
}

#centre {
position:absolute;
padding-top:60px;
margin-right: 10px;
margin-left: 210px;
width: 450px;
vertical-align:top;
min-height: 80%;

}
/*
#centre a {
color:#4C4CBD;
}
#centre a:hover {
color:#7D7DE9;
}*/

#centre td{
font-size:0.8em;
margin:0px; 
padding:0px;
}

#standard {

margin-left:170px;
margin-top:50px;
padding:30px;
}

#standard a {
font-size:1em;
color:#4C4CBD;
}

#standard a:hover {
font-size:1em;
color:white;
}

#standard li{
text-align:left;
}

#video {
margin-left:170px;
margin-top:50px;
padding:30px;
}

#calendrier {
margin-left:180px;
margin-top:40px;
padding:0px;
}

#calendrier a {
font-size:1em;
color:#4C4CBD;
}

#calendrier a:hover {
font-size:1em;
color:white;
}

#calendrier table {
font-size:1em;
}

#partenaires {
margin-left:220px;
margin-top:40px;
padding:0px;

}

#partenaires table {
font-size:1em;
}

#image {
float:left;

padding-right:10px;
padding-bottom:0px;
float:left;
margin-left:0px;
margin-top:0px;
}

#texte {
width:300px;
padding:0px;
margin-right:10px;
margin-top:30px;
margin-left:170px;
background-color:#FF9933
}

#texte a{
font-size:1em;
color:#4C4CBD;
}

#texte a:hover{
font-size:1em;
color:white;
}


#titre-article {
margin-bottom:20px;

padding-top:10px;
font-size: 1.0em;
font-weight:bold;
color:#4C4CBD;
text-align:left;
}

.texte-article{

text-align:left;
}

#titre-rubrique {
margin-top:0px;
font-size: 1.0em;
font-weight:bold;
color:#4C4CBD;
float:right;
text-align:right;
padding-right:20px;
}
#titre-ouvrage {
font-size: 1.2em;
font-weight:bold;
color:#FFCC4A;
float:right;
text-align:right;
}

#gauche {
position: absolute;
padding-left:2px;
left:0;
margin-top:0px;
width: 150px;
margin-left:0px;
background-color:#FFCC4A
}

.liens-permanents ul {
position: relative;
height: 25px;
}
.liens-permanents a {
display: block;
width: 145px;
height: 15px;
line-height: 15px;
margin-left:0px;
padding-left:2px;
text-align: left;
margin-bottom: 5px;
padding-bottom: 5px;
background-color:#E38221 ;
color:#FFFFFF; 
font-size:0.8em;
}
.liens-permanents ul a:hover {
background-color:#FF9933 ;
font-size:0.8em;
color:#FFFFFF 
}

#liens-permanents-telech ul {
position: relative;
height: 25px;
}

#liens-permanents-telech a {
display: block;
width: 145px;
height: 15px;
line-height: 15px;
margin-left:0px;
padding-left:2px;
text-align: left;
margin-bottom: 5px;
padding-bottom: 5px;
background-color:#E38221 ;
color:#FFFFFF; 
font-size:0.8em;
list-style-type: none;
background-image: url('../images/pdf.gif');
background-repeat: no-repeat;
background-position: 0 0.2em;
}

#liens-permanents-telech ul a:hover {
background-color:#FF9933 ;
font-size:0.8em;
color:#FFFFFF 
}


#liens-permanents-multi ul {
position: relative;
height: 25px;
}

#liens-permanents-multi a {
display: block;
width: 145px;
height: 15px;
line-height: 15px;
margin-left:0px;
padding-left:2px;
text-align: left;
margin-bottom: 5px;
padding-bottom: 5px;
background-color:#E38221 ;
color:#FFFFFF; 
font-size:0.8em;
list-style-type: none;
background-repeat: no-repeat;
background-position: 0 0.2em;
}

#liens-permanents-multi ul a:hover {
background-color:#FF9933 ;
font-size:0.8em;
color:#FFFFFF 
}


ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.menu  {
width: 145px;
}

.menu ul {
position: relative;
height: 20px;
width: 145px;
}

.menu a {
display: block;
width: 145px;
height: 15px;
line-height: 15px;
margin-left:0px;
padding-left:2px;
text-align: left;
background-color: #4C4CBD;
color:#FFFFFF; 
font-size:0.8em;
}
.menu ul a:hover {
background: #7D7DE9;
font-size:0.8em;
color:#FFFFFF 
}

.spacer {
clear:both;
}

.retour-rubrique {
height: 20px;
width: 120px;
position: absolute;
margin-left:565px;
margin-top:80px;
pading-bottom:20px;
width: 120px;
z-index:1
}

.retour-rubrique a {
width: 120px;
line-height: 15px;
margin-left:0px;
padding-left:2px;
text-align: left;
background-color: #4C4CBD;
color:#FFFFFF; 
font-size:0.8em;
}
.retour-rubrique a:hover {
background: #7D7DE9;
font-size:0.8em;
color:#FFFFFF 
}



.menuderoulant {
position: absolute;
margin-left:565px;
margin-top:10px;
width: 120px;
z-index:1
}

.menuderoulant ul {

height: 20px;
width: 120px;
}

.menuderoulant a {
display: block;
width: 120px;
line-height: 15px;
margin-left:0px;
padding-left:2px;
text-align: left;
background-color: #4C4CBD;
color:#FFFFFF; 
font-size:0.8em;
}
.menuderoulant ul a:hover {
background: #7D7DE9;
font-size:0.8em;
color:#FFFFFF 
}




/* SOMMAIRE RUBRIQUE AVEC IMAGE TITRE DESCRIPTIF*/

.enligne {
width:450px;
position:absolute;
padding-top:10px;
margin-right: 10px;
margin-left: 220px;
margin-top: 0px;
display:inline;
vertical-align:top;
}
.enligne table {
font-size:0.9em;
}


.image-sommaire ul span {
line-height: 1em; 
margin:0px;
vertical-align:top;
width:50px;
padding:0px;
margin-top:20px;
border:white 1px solid;
}

.titredescrip  {
margin:0px;
width:300px;
margin-left:80px;
padding:0px;
margin-right:10px;
}

.spacer {
clear:both;
}

.multilingue{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align:left;
color:#4C4CBD;
}

#tooltip{
        font-size:0.8em;
		text-align:left;
		width:320px;
        position:absolute;
        border:1px solid #333;
        background:#FFFFFF;
        padding:2px 5px;
        color:#333;
        display:none;
}

.ina{
width:340px;
height:260px;
background-color: #ffffff;
text-align:center;
padding-left:20px;
padding-top:19px;
}