.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: 15px; 
COLOR: #000000; 
FONT-FAMILY: tahoma;
position: relative; 
margin: 2px;
width: 1000px;
direction:rtl;
}

td, th {
FONT-SIZE: 15px; 
COLOR: #000000; 
FONT-FAMILY: "Tahoma";
}

/*li, ul {
direction:rtl;
color:red;
}*/

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: 15px; 
COLOR: #000000; 
FONT-FAMILY: "Tahoma";
font-weight:normal;
text-align:right;
}


.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;
right: 0px;
font-size:22px;
font-family: Tahoma;
font-weight:bold;
margin-right: 150px;
margin-top: 20px;
color:#313e58;
font-style:italic;
}


/* Bandeau supérieur */ 
.div_top{
top: 2px;
left: 2px;
border-top:1px solid #999999;
border-left:1px solid #999999;
height:150px;
}

.div_top_right{
float: left;
vertical-align: bottom;
margin: 4px 4px 4px 4px;
font-size:12px; 
color: #6985b3; 

}


.div_top_left{

height: 100px;

}

/* formulaires */
.champ {height:20px; vertical-align: absmiddle; font-size:15px;border:1px solid #999999; FONT-FAMILY: Tahoma; font-weight:normal; }
.select1 { vertical-align:top; font-size:15px;border:1px solid #999999; FONT-FAMILY: Tahoma; }
.bouton {font-size:15px; height:26px; 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: Tahoma; vertical-align:top}
.textarea {vertical-align:top; font-size:15px;border:1px solid #999999; FONT-FAMILY: Tahoma; font-weight:normal; }
.champ_light {height:18px; vertical-align:top; font-size:13px; border:1px solid #cccccc; FONT-FAMILY: Tahoma; font-weight:normal; padding:2px }


/* Barre du menu supérieur */
.div_menu{
border-top:1px solid #999999; 
border-bottom:1px solid #999999;
border-right:1px solid #999999;
background-color:#98b9e0;
padding: 5px 5px 5px 5px; 
COLOR: #CCCC99; 
text-align:center;
height:18px;
}
.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: right;
text-align:right;
font-weight: bold; 
}
.div_menu_right
{
float: left;
/*text-align:right;*/
font-size:14px;
}


/* zone de gauche */
.div_left{
float: right;
left:0;
top: 20px;
width: 180px; 
margin-right: 0px;
margin-left: 40px;
margin-top: 10px;
}

/* zone de droite */
.div_right{
float: left;
/*text-align:right;*/
width: 250px; 
margin-left: 0px;
margin-top: 0px;
margin-right: 20px;
text-align:left;
}


/* corps de la page */ 
.div_body{
top: 142px;
/*left: 200px;*/
right: 200px;
position:absolute;
width:794px;
border-left:1px solid #999999;
padding-left:5px;
padding-top:20px;
}
.div_content{
display:block;
width:544px;
}

/* bandeau inférieur */
.div_bottom{
clear:both;
height: 10px;
FONT-SIZE: 13px; 
padding-top: 5px;
border-top: 1px solid #999999;
text-align:center;
margin: 0px auto 0px auto;
}

.div_bottom_left
{
float: right;
margin-left:20px;
}
.div_bottom_right
{
float: left;
}


/* div_mediatheque: menus de gauche (médiathèque, encyclopédie, ..) */
.div_mediatheque{
position: relative;
border: 1px solid #98b9e0; 
padding: 5px 5px 5px 5px; 
font-weight: bold; 
COLOR: #333333; 
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) right top no-repeat;
padding-right: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-right: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: 16px;
FONT-WEIGHT: bold; 
COLOR: #6985b3; 
FONT-FAMILY: Tahoma; 
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-right:40px;
margin-left:10px;
text-align:right; 
}

/* cadre_selection : encadré pour les rubriques "sélection de .." */
.nocadre_droite{
position: relative;
text-align: center;
padding: 5px;
padding-right:50px;
text-align:right; 
}

