.test{					
fond: 98b9e0
texte: 6985b3
light: cbe4f7
gris: 808080
}

/* propriétés principales */ 
body {
background: #ffffff;
FONT-SIZE: 13px; 
COLOR: #000000; 
/*FONT-FAMILY: Simplified Arabic; */
FONT-FAMILY: Century Gothic;
position: relative; 
margin: 2px auto 2px auto;
width: 1000px;
text-align: left;
}

td, th {
FONT-SIZE: 13px; 
COLOR: #000000; 
FONT-FAMILY: Century Gothic
}


a:active { 
color: #3f3f3f; 
TEXT-DECORATION: underline 
} 
a:hover { 
color: #3f3f3f; 
TEXT-DECORATION: underline
} 
a:link { 
color: #3f3f3f; 
TEXT-DECORATION: underline 
} 
a:visited { 
color: #3f3f3f; 
TEXT-DECORATION: underline
} 

.textecourant {
FONT-SIZE: 13px; 
COLOR: #000000; 
FONT-FAMILY: Century Gothic;
font-weight:normal;
}


.textecourant a:active { 
color: #3f3f3f; 
TEXT-DECORATION: underline
} 
.textecourant a:hover { 
color: #3f3f3f; 
TEXT-DECORATION: underline
} 
.textecourant a:link { 
color: #3f3f3f; 
TEXT-DECORATION: underline 
} 
.textecourant a:visited { 
color: #3f3f3f; 
TEXT-DECORATION: underline
} 


/* Intitulé du site dans le dandeau supérieur */
.titresite{
position: absolute;
top: 0px;
left: 0px;
font-size:20px;
font-family: Century Gothic;
font-weight:bold;
margin-left: 240px;
margin-top: 25px;
color:#313e58;
font-style:italic;

}

/* Bandeau supérieur */ 
.div_top{
top: 2px;
left: 2px;
border-top:1px solid #999999;
border-right:1px solid #999999;
height:160px;

}

.div_top_right{
float: right;
text-align: right;
vertical-align: bottom;
margin: 4px 4px 4px 4px;
font-size:12px;  
}

.div_top_left{
border-left:1px solid #999999;
height: 100px;

}

/* formulaires */
.champ {height:18px; vertical-align: absmiddle; font-size:13px;  FONT-FAMILY:Century Gothic; font-weight:normal; border:1px solid #999999; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; color:3f3f3f; }
.select1 { vertical-align:top; font-size:13px;  FONT-FAMILY: Century Gothic; border:1px solid #999999; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; color:3f3f3f; }
.bouton {font-size:13px; height:24px; vertical-align:absmiddle; background-color:#ffffff; border:1px solid #999999; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; color:3f3f3f;  font-weight: bold; FONT-FAMILY: Century Gothic; vertical-align:top}
.textarea {vertical-align:top; font-size:13px;  FONT-FAMILY: Century Gothic; font-weight:normal; border:1px solid #999999; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; color:3f3f3f; }
.champ_light {height:16px; vertical-align:top; font-size:12px; FONT-FAMILY: Century Gothic; font-weight:normal; padding:2px; border:1px solid #999999;border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; color:3f3f3f;  }


/* Barre du menu supérieur */
.div_menu{
border-top:1px solid #999999; 
border-bottom:1px solid #999999;
border-left:1px solid #999999;
background-color:#98b9e0;
padding: 5px 5px 5px 5px; 
COLOR: #ffffff; 
text-align:center;
height:14px;
}
.div_menu A:active { 
color: #ffffff; 
TEXT-DECORATION: none ;
} 
.div_menu A:hover { 
color: #ffffff; 
TEXT-DECORATION: none;
} 
.div_menu A:link { 
color: #ffffff; 
TEXT-DECORATION: none ;
} 
.div_menu A:visited { 
color: #ffffff; 
TEXT-DECORATION: none ;
} 

.div_menu_left
{
float: left;
font-weight: bold; 
}
.div_menu_right
{
float: right;
text-align:right;
font-size:12px;
}


/* zone de gauche */
.div_left{
float: left;
left:0;
top: 0px;
width: 180px; 
margin-left: 0px;
margin-right: 40px;
margin-top: 0px;
}

/* zone de droite */
.div_right{
float: right;
text-align:right;
width: 250px; 
margin-right: 0px;
margin-top: 0px;
margin-left: 20px;
}


/* corps de la page */ 
.div_body{
text-align:left;
top: 160px;
left: 200px;
position:absolute;
width:794px;
border-right:1px solid #999999;
padding-right:5px;
padding-top:0px;
}
.div_content{
text-align:left;
display:block;
width:544px;
}

/* bandeau inférieur */
.div_bottom{
clear:both;
height: 10px;
FONT-SIZE: 12px; 
padding-top: 5px;
border-top: 1px solid #999999;
text-align:center;
margin: 0px auto 0px auto;
}

.div_bottom_left
{
float: left;
text-align:left;
margin-right:20px;
}
.div_bottom_right
{
float: right;
text-align:right;
}


/* div_mediatheque: menus de gauche (médiathèque, encyclopédie, ..) */
.div_mediatheque2{
position: relative;
border: 1px solid #6985b3; 
padding: 5px 5px 5px 5px; 
background-color:#ffffff;
}
.div_mediatheque{
position: relative;
border: 1px solid #98b9e0; 
padding: 5px 5px 5px 5px; 
font-weight: bold; 
COLOR: #ffffff; 
background-color:#98b9e0;
}

.div_mediatheque A:active { 
TEXT-DECORATION: underline; 
COLOR: #ffffff; 
} 
.div_mediatheque  A:hover { 
TEXT-DECORATION: underline; 
COLOR: #ffffff; 
} 
.div_mediatheque  A:link { 
TEXT-DECORATION: underline; 
COLOR: #ffffff; 
} 
.div_mediatheque  A:visited { 
TEXT-DECORATION: underline; 
COLOR: #ffffff; 
} 

/* mediatheque_item: item dans menu de la médiathèque, de l'encyclo */
.mediatheque_item {
background: transparent url(../Images/_menu_item.gif) left top no-repeat;
padding-left:12px;
vertical-align:top;
} 


/* top_navigation: menu de navigation en dessous du bandeau sup. */
.top_navigation
{
padding-top:5px;
padding-left:10px;
font-style:italic;
position: relative;
}
.top_navigation A:active { 
font-weight: normal;
TEXT-DECORATION: underline; 
} 
.top_navigation  A:hover { 
font-weight: normal;
TEXT-DECORATION: underline; 
} 
.top_navigation  A:link { 
font-weight: normal;
TEXT-DECORATION: underline;  
} 
.top_navigation  A:visited { 
font-weight: normal;
TEXT-DECORATION: underline;  
} 


/* cadre_selection : encadré pour les rubriques "sélection de .." */
.cadre_selection2{
position: relative;
width: 100%;
text-align: center;
padding: 5px;
}


/* sousTitreAnnonce: sous-titre d'une annonce */
.sousTitreAnnonce { 
FONT-SIZE: 14px;
FONT-WEIGHT: bold; 
FONT-FAMILY: Century Gothic; 
margin-bottom:10px;
} 

/* cadre_selection : encadré pour les rubriques "sélection de .." */
.cadre_droite{
border: 1px solid #cccccc; 
position: relative;
text-align: center;
padding: 5px;
margin-left:40px;
margin-right:10px;
text-align:left; 
}

/* cadre_selection : encadré pour les rubriques "sélection de .." */
.nocadre_droite{
position: relative;
text-align: center;
padding: 5px;
padding-left:50px;
text-align:left; 
}