html{ 
height:100%;
width:100%;
background-color:#B5C3D6;
}


body {
height:100%;
text-align: center;
margin:0;
}


.BandeauDuHaut{
position:absolute;
background-color:#02365B;
width:100%;
height: 100px;
top:0;
left:0;
}

.BandeauDuHautAvecPub{
position:absolute;
background-color:#02365B;
width:100%;
height: 170px;
top:0;
left:0;
}


.Site{
position:relative;
background-color:#FFFFFF;
text-align:left;
width:1006px;
margin-left:auto;
margin-right:auto;
min-height:100%;
font-family: "Trebuchet MS", sans-serif;
background-image:url(./Images/CentreFond.jpg);
}

.promobenef{
width:1006px;
height:91px;
background-color:#02365B;
background-image:url(./Images/promobenef.jpg);
background-repeat: no-repeat ;
}

.entete{
position: relative;
width:976px!important;
width:1006px;
height:130px;
height:120px;!important;
padding-left:30px;
background-color:#02365B;
background-repeat: no-repeat;
magin:0;
padding-bottom:0px;
background-image:url(./Images/BarreHaut.jpg);
}

.enteteAvecPub{
position: relative;
width:976px!important;
width:1006px;
height:180px;
height:190px;!important;
padding-left:30px;
background-color:#02365B;
background-repeat: no-repeat;
magin:0;
padding-bottom:0px;
background-image:url(./Images/BarreHautAvecPub.jpg);
}

.footer{
position: absolute;
width: 966px;
bottom: 21px;
left: 0px;
height : 40px;
background-color:#FFFFFF;
font-size:80%;
margin-left:20px;
border-top-style:dotted;
border-top-width:1px;
border-top-color:#AAAAAA;
padding-top:5px;
}

.rechercher{
position: absolute;
top:40px;
left:690px;
width:300px;
height:24px;
background-image:url(./Images/Rechercher.jpg);
color:#FFFFFF;
padding-top : 3px;
padding-left : 10px;
background-repeat: no-repeat ;
}

.rechercherEditLoupe{
position: absolute;
top:2px;
left:100px;
}

.centre{
display:block;
overflow: auto;
background-color:#FFFFFF;
text-align:left;
padding-bottom :100px;
background-image:url(./Images/CentreFond.jpg);
background-repeat: repeat 
width:1500px;
margin:0px;
}



.arbo{
display:block;
float:left;
width:250px;
margin-left:19px;
padding-top:15px;
padding-left:0px;
background-color:#FFFFFF;
border-right-style:dotted;
border-right-width:1px;
border-right-color:#AAAAAA;
overflow:hidden;
}

.PageBarreSup{
display:block;
float:left;
width:1042px;
height:21px;
background-image:url(./Images/BarreHaut.jpg);
background-repeat: no-repeat ;
background-color:#FFFFFF;
}

.PageBarreInf{
display:block;
position: absolute;
width: 1000px;
bottom: 0px;
left: 0px;
float:left;
width:1006px;
height:21px;
background-image:url(./Images/BarreBas.jpg);
background-repeat: no-repeat ;
background-color:#B5C3D6;
}

.TitreBO{
display:block;
text-decoration:none;
color:#0000AA;

}

.Niveaux{
width:260px;
height:80px;
padding-left:2px;
}


#Cycle2 a {
color:#660000;
position: relative;
display:block;
float:left;
text-decoration:none;
text-align:center;
background-image:url(./Images/Arbo/Cycle2.jpg);
background-repeat: no-repeat ;
outline:0; 

width:97px!important;
height:30px!important;
width:100px;
height:36px;
padding-top:6px;
padding-right:3px;
}

#Cycle2 a:hover{
color:#FFFFFF;
font-weight:bold;
background-image:url(./Images/Arbo/Cycle2Hover.jpg);
}

#Cycle2Select a {
color:#FFFFFF;
font-weight:bold;
position: relative;
display:block;
float:left;
text-decoration:none;
text-align:center;
background-image:url(./Images/Arbo/Cycle2Hover.jpg);
background-repeat: no-repeat ;
outline:0; 

width:97px!important;
height:30px!important;
width:100px;
height:36px;
padding-top:6px;
padding-right:3px;
}

#NiveauC2 a {
color:#660000;
position: relative;
display:block;
float:left;
text-decoration:none;
text-align:center;
background-image:url(./Images/Arbo/NiveauC2.jpg);
background-repeat: no-repeat;
outline:0; 

width:45px!important;
height: 30px!important;
width:50px;
height:36px;
padding-top:7px;
padding-right:5px;
}

#NiveauC2 a:hover{
color:#FFFFFF;
background-image:url(./Images/Arbo/NiveauC2Hover.jpg);
font-weight:bold;
}

#NiveauC2Select a {
color:#FFFFFF;
font-weight:bold;
position: relative;
display:block;
float:left;
text-decoration:none;
text-align:center;
background-image:url(./Images/Arbo/NiveauC2Hover.jpg);
background-repeat: no-repeat;
outline:0; 

width:45px!important;
height: 30px!important;
width:50px;
height:36px;
padding-top:7px;
padding-right:5px;
}

#Cycle3 a {
color:#004400;
position: relative;
display:block;
float:left;
outline:0; 
text-decoration:none;
text-align:center;
background-image:url(./Images/Arbo/Cycle3.jpg);
background-repeat: no-repeat ;

width:150px!important;
height:35px!important;
width:148px;
height: 45px;
padding-top:6px;
}

#Cycle3 a:hover{
color:#FFFFFF;
font-weight:bold;
background-image:url(./Images/Arbo/Cycle3Hover.jpg);
}

#Cycle3Select a {
color:#FFFFFF;
font-weight:bold;
position: relative;
display:block;
float:left;
outline:0; 
text-decoration:none;
text-align:center;
background-image:url(./Images/Arbo/Cycle3Hover.jpg);
background-repeat: no-repeat ;

width:150px!important;
height:35px!important;
width:148px;
height: 45px;
padding-top:6px;
}

#NiveauC3 a {
color:#004400;
position: relative;
display:block;
float:left;
outline:0; 
text-decoration:none;
text-align:center;
background-image:url(./Images/Arbo/NiveauC3.jpg);
background-repeat: no-repeat ;

width:45px!important;
height: 30px!important;
width:50px;
height:40px;
padding-top:7px;
padding-right:5px;
}

#NiveauC3 a:hover{
background-image:url(./Images/Arbo/NiveauC3Hover.jpg);
color:#FFFFFF;
font-weight:bold;
}

#NiveauC3Select a {
color:#FFFFFF;
font-weight:bold;
position: relative;
display:block;
float:left;
outline:0; 
text-decoration:none;
text-align:center;
background-image:url(./Images/Arbo/NiveauC3Hover.jpg);
background-repeat: no-repeat ;

width:45px!important;
height: 30px!important;
width:50px;
height:40px;
padding-top:7px;
padding-right:5px;
}

.barreOnglets{
display:inline;
float:left;
width:250px;
height: 18px;
background-color:#567411;
background-image:url(./Images/Test4.jpg);
}

#ArboElement a {
display:block;
text-decoration:none;
color:#000000;
text-align:left;

width:220px!important;
height:22px!important;
width:250px;
height:24px;
padding-left:30px;
padding-top:2px;
background-image:url(./Images/ArboElement.jpg);
outline:0; 
}

#ArboElement a:hover{
background-image:url(./Images/ArboElementHover.jpg);
}

#ArboMatiere a {
display:block;
text-decoration:none;
color:#000000;
text-align:left;

width:220px!important;
height:22px!important;
width:250px;
height: 25px;
padding-left:30px;
padding-top:2px;
background-image:url(./Images/Arbo/ArboElement.jpg);
outline:0; 
}

#ArboMatiere a:hover{
font-weight:bold;
background-image:url(./Images/Arbo/ArboElementHover.jpg);
}

#ArboMatiereSelect a {
display:block;
width:220px!important;
height: 22px!important;
width:250px;
height: 25px;
text-decoration:none;
text-align: left;
padding-left : 30px;
padding-top : 2px;
color:#FF0000;
font-weight:bold;
background-image:url(./Images/Arbo/ArboMatiereSelect.jpg);
outline:0; 
}

#ArboMatiereSelect a:hover{
background-image:url(./Images/Arbo/ArboMatiereSelectHover.jpg);
}

#ArboMatiere2 a{
display:block;
width:197px!important;
height: 20px!important;
width:250px;
height: 25px;
text-decoration:none;
color:#000000;
text-align: left;
padding-left:53px;
padding-top:4px;
font-size:80%;
background-image:url(./Images/Arbo/ArboElement.jpg);
outline:0; 
}

#ArboMatiere2 a:hover{
font-weight:bold;
background-image:url(./Images/Arbo/ArboElementHover.jpg);
}

#ArboMatiere2Select a{
display:block;
width:197px!important;
height: 20px!important;
width:250px;
height: 25px;
text-decoration:none;
text-align: left;
padding-left : 53px;
padding-top : 4px;
font-size:80%;
color:#FF0000;
font-weight:bold;
background-image:url(./Images/Arbo/ArboSousMatiereSelect.jpg);
outline:0; 
}

#ArboMatiere2Select a:hover{
font-weight:bold;
background-image:url(./Images/Arbo/ArboSousMatiereSelectHover.jpg);
}

#ArboMatiere3 a {
display:block;
width:175px!important;
height: 20px!important;
width:250px;
height: 25px;
text-decoration:none;
color:#000000;
text-align: left;
padding-left : 75px;
padding-top : 4px;
font-size:80%;
font-style:italic;
background-image:url(./Images/Arbo/ArboElement.jpg);
outline:0; 
}

#ArboMatiere3 a:hover{
font-weight:bold;
background-image:url(./Images/Arbo/ArboElementHover.jpg);
}

#ArboMatiere3Select a{
display:block;
width:175px!important;
height: 20px!important;
width:250px;
height: 25px;
text-decoration:none;
text-align: left;
padding-left : 75px;
padding-top : 4px;
font-size:80%;
font-style:italic;
color:#FF0000;
font-weight:bold;
background-image:url(./Images/Arbo/ArboSousSousMatiereSelect.jpg);
outline:0; 
}


#ArboMatiere3Select a:hover{
background-image:url(./Images/Arbo/ArboSousSousMatiereSelectHover.jpg);
}

.contenu{
display:block;
float:left;
width:687px;
padding-top:15px;
padding-left:5px;
background-color:#FFFFFF;
}


#ContenuMatiere a {
display:block;
width:665px!important;
height: 31px!important;
width:700px;
height: 36px;
text-decoration:none;
color:#000000;
text-align: left;
padding-left : 35px;
padding-top : 6px;
background-image:url(./Images/ContenuMatiere.jpg);
margin:5px;
outline:0; 
font-size:110%;
background-repeat: no-repeat ;
}

#ContenuMatiere a:hover{
background-image:url(./Images/ContenuMatiereHover.jpg);
color:#FFFFFF;
font-weight:bold;
}

img{
border:0;
vertical-align:text-bottom;
}

h{
outline:0; 
}

h1{
font-size :140%;
margin:0px;
}

h2{
font-size :100%;
margin:0px;
}

.Lien{
float:top;
width:710px;
height:65px;
padding-left:0px;
padding-right:0px;
padding-top:5px;
}

.LienImage{
float:left;
width:55px;
height:60px;
padding-top:3px;
}

.LienTitre{
float:left;
width:655px;
height:25px;
font-weight:bolder;
font-size :95%;
}

.LienNote {
float:right;

}

.LienDescription {
float:left;
width:645px;
font-size :80%;
height:40px;

}

.LienPiedDePage{
float:bottom;
font-size :70%;
color:#888888;
padding-bottom:7px;
vertical-align:top;
text-align:right;
width:600px;
}

.CorrectionFooterIE{
margin-left:19px;
display:block;
height:0px!important;
width:500px;
height:2px;
background-color:#FFFFFF;
outline:0; 
}
