.test{					
rose f3ebe0
vert aar F0F8DD
vert aar foncé c6d36a
or d6d2a6
vert pci: a0d3a0
jaune: ffe552
beige monde: f2eedb

msh:
rose : e53159, f29aae
bleu : 089197, 96d0d3
vert: 9bb000, cad573
jaune: efad00, f7d069
}

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

td, th {
FONT-SIZE: 12px; 
COLOR: #000000; 
FONT-FAMILY: Arial
}


a:active { 
color: #e74267; 
TEXT-DECORATION: none 
} 
a:hover { 
color: #e74267; 
TEXT-DECORATION: underline
} 
a:link { 
color: #e74267; 
TEXT-DECORATION: none 
} 
a:visited { 
color: #e74267; 
TEXT-DECORATION: none
} 

.textecourant {
FONT-SIZE: 12px; 
COLOR: #000000; 
FONT-FAMILY: Arial;
font-weight:normal;
}


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


/* Intitulé du site dans le dandeau supérieur */
.titresite{
position: absolute;
top: 0px;
left: 0px;
font-size:20px;
font-family: Arial;
font-weight:bold;
margin-left: 240px;
margin-top: 45px;
color:#3f3f3f;
font-style:italic;
}

/* Bandeau supérieur */ 
.div_top{
top: 2px;
left: 2px;
border-top:1px solid #CCCC99;
border-right:1px solid #CCCC99;
height:150px;
}
.div_top A:active { 
color: #515f81; 
TEXT-DECORATION: none ;
} 
.div_top A:hover { 
color: #515f81; 
TEXT-DECORATION: none;
} 
.div_top A:link { 
color: #515f81; 
TEXT-DECORATION: none ;
} 
.div_top A:visited { 
color: #515f81; 
TEXT-DECORATION: none ;
} 

.div_top_right{
float: right;
text-align: right;
vertical-align: bottom;
margin: 4px 4px 4px 4px;
font-size:11px; 
color: #515f81; 
}

.div_top_left{
border-left:1px solid #CCCC99;
}

/* formulaires */
.champ {height:14px; vertical-align: absmiddle; font-size:12px; border:1px solid #515f81; FONT-FAMILY: Arial; font-weight:normal; }
.select1 { vertical-align:top; font-size:12px; border:1px solid #515f81; FONT-FAMILY: Arial; }
.bouton {font-size:12px; height:20px; vertical-align:absmiddle;  border:1px solid #515f81; 
background-color:#d7ebb8; font-weight: bold; color:#333333; FONT-FAMILY: Arial, Helvetica, sans-serif; vertical-align:top}
.textarea {vertical-align:top; font-size:12px; border:1px solid #515f81; FONT-FAMILY: Arial; font-weight:normal; }
.champ_light {height:14px; vertical-align:top; font-size:11px; border:1px solid #cccccc; FONT-FAMILY: Arial; font-weight:normal; padding:2px }


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

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


/* 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: 150px;
left: 200px;
position:absolute;
width:794px;
border-right:1px solid #CCCC99;
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: 11px; 
padding-top: 5px;
border-top: 1px solid #cccc99;
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 #d7ebb8; 
padding: 5px 5px 5px 5px; 
COLOR: #333333; 
background-color:#ffffff;
}
.div_mediatheque{
position: relative;
border: 1px solid #d6d2a6; 
padding: 5px 5px 5px 5px; 
font-weight: bold; 
COLOR: #333333; 
background-color:#d7ebb8;
}

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

/* 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;
} 
.mediatheque_item A:active { 
font-weight: normal;
TEXT-DECORATION: underline; 
} 
.mediatheque_item  A:hover { 
font-weight: normal;
TEXT-DECORATION: underline; 
} 
.mediatheque_item  A:link { 
font-weight: normal;
TEXT-DECORATION: underline; 
} 
.mediatheque_item  A:visited { 
font-weight: normal;
TEXT-DECORATION: underline; 
} 

/* 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; 
color: #515f81; 
} 
.top_navigation  A:hover { 
font-weight: normal;
TEXT-DECORATION: underline; 
color: #515f81; 
} 
.top_navigation  A:link { 
font-weight: normal;
TEXT-DECORATION: underline; 
color: #515f81; 
} 
.top_navigation  A:visited { 
font-weight: normal;
TEXT-DECORATION: underline; 
color: #515f81; 
} 


/* 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: 13px;
FONT-WEIGHT: bold; 
COLOR: #515f81; 
FONT-FAMILY: Arial; 
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; 
}