html
{
height: 100%;
}

body 
{
text-align: center;
background: url("/images/trame_fond.png") repeat-x;
background-color: white;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: white;
}

img.no_cadre
{
border: none;
}

div.clear
{
clear: both;
}

a.mail:link, a.mail:visited, a.mail:hover, a.mail:active
{
color: #94121f;
font-size: 12px;
text-decoration: underline;
}
/*****************************header****************************/

div.header
{
width: 100%;
}

div.barre_rouge_top
{
position: relative;
min-width: 1024px;
width: 100%;
background-color: #94121f;
background: url("/images/barre_rouge_top.png") repeat-x;
height: 35px;
z-index: 10;
}

div.separateur_header
{
position: relative;
min-width: 1024px;
width: 100%;
height: 5px;
background: url("/images/tiret.png") repeat-x;
}

div.header_content
{
width: 990px;
height: 50px;
margin: 0 auto 0 auto;
}

div.recherche
{
position: relative;
width: auto;
float: right;
margin: 4px 25px 0 0;
z-index: 100;
}

div.input_gauche
{
position: relative;
width: 234px;
height: 25px;
background-color: white;
border-right: 2px solid #b3b3b3;
border-radius:15px 0px 0px 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-left-radius: 15px;
float: left;
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-bottom: 1px solid #b3b3b3; 
}

div.input_droite
{
position: relative;
width: 42px;
height: 25px;
background-color: white;
border-radius:0px 15px 15px 0px;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-top-right-radius: 15px;
float: left;
border-top: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
border-bottom: 1px solid #b3b3b3; 
}

a.input_droite_bouton_recherche
{
display: block;
width: 42px;
height: 25px;
background: url("/images/input_droite_recherche.png") right no-repeat;
}

a.input_droite_bouton_recherche:hover
{
display: block;
width: 42px;
height: 25px;
background: url("/images/input_droite_recherche.png") left no-repeat;  
}

input.connex
{
border: none;
color: grey;
margin-top: 0px;
background: transparent;
height: 20px;
width: 215px;
}

div.adresse_header
{
float: right;
color: black;
width: 250px;
text-align: left;
padding: 0px 0 0 100px;
}

div.url_header
{
float: left; 
padding-top: 18px; 
letter-spacing: 3px; 
color: #b3b3b3;
}
/************************logo************************/
div.logo_conteneur
{
position: relative;
width: 990px;
height: 45px;
margin: 0 auto 0 auto;
z-index: 50
}

div.logo
{
width: auto;
float: left;
margin: -35px 0 0 100px;
}

/*************************menu****************************/
div.menu
{
width: 100%
}

div.menu_content
{
position: relative;
width: 990px;
margin: 0 auto;
}

div.menu_top
{
position: relative;
width: auto;
height: auto;
float: right;
margin: -20px 0px 0 0;
}

div.menu ul
{
margin: 0;
}

div.menu li, div.menu li.separateur
{
float: left;
list-style-type: none;
}

div.menu li
{
border-top: 2px solid #b3b3b3;
padding: 0 10px 0 10px;
background-color: white;
}

div.menu li.gauche
{
border-radius:10px 0px 0px 0px;
-moz-border-radius: 10px 0 0 0;
-webkit-border-radius: 10px 0 0 0;
border: 2px solid #b3b3b3;
border-right: none;
border-bottom: none;
}

div.menu li.droite
{
border-radius:0px 10px 0px 0px;
-moz-border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
border: 2px solid #b3b3b3;
border-left: none;
border-bottom: none;
}

div.menu li.separateur
{
margin: 0;
padding: 0;
width: 2px;
height: 40px;
background: none;
background-color: #b3b3b3;

}

div.menu a:link, div.menu a:visited, div.menu a:active
{
height: 40px;
line-height: 40px;
vertical-align: middle;
text-decoration: none;
color: #94121f;
font-size: 14px;
font-weight: bold;
}

div.menu a:hover
{
color: #b3b3b3;
}

div.menu a.top_actif:link, div.menu a.top_actif:visited, div.menu a.top_actif:hover, div.menu a.top_actif:active
{
height: 40px;
line-height: 40px;
vertical-align: middle;
text-decoration: none;
color: #b3b3b3;
font-size: 14px;
font-weight: bold;
}

div.menu a.accueil:link, div.menu a.accueil:visited, div.menu a.accueil:active
{
display: block;
height: 40px;
line-height: 40px;
width: 30px;
vertical-align: middle;
background: url("/images/bouton_home.png") right no-repeat;
}

div.menu a.accueil:hover
{
background: url("/images/bouton_home.png") left no-repeat;
}

div.menu a.accueil_actif:link, div.menu a.accueil_actif:visited, div.menu a.accueil_actif:hover, div.menu a.accueil_actif:active
{
display: block;
height: 40px;
line-height: 40px;
width: 30px;
vertical-align: middle;
background: url("/images/bouton_home.png") left no-repeat;
}
/**********************domaines*************************/
div.domaine
{
min-width: 1024px;
width: 100%;
height: 170px;
border-top: 2px solid #b3b3b3;
border-bottom: 2px solid #959595;
margin-top: 20px;
padding-bottom: 5px;
background: url("/images/fond_domaine.png") repeat-x;
background-position: 0px 30px;
background-color: white;
}

div.domaine_content
{
height: 100%;
position: relative;
width: 990px;
margin: 0 auto;
}

div.domaine_content p.titre
{
position: relative;
width: 300px;
height: 15px;
color: #94121f;
font-size: 16px;
font-weight: bold;
text-align: center;
background-color: white;
margin: 0 auto;
margin-top: 20px;
}

div.domaine_content ul
{
width: 990px;
height: 150px;
margin: 25px 0 0 0;
padding: 0;
}

div.domaine_content li
{
margin: 0;
width: 110px;
height: 150px;
float: left;
list-style-type: none;
}

div.domaine_content li a.compta:link, div.domaine_content li a.compta:visited, div.domaine_content li a.compta:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/compta_gestion110.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}

div.domaine_content li a.compta:hover
{
background: url("/images/categories/compta_gestion110.png") top right no-repeat; 
}

div.domaine_content li a.communication:link, div.domaine_content li a.communication:visited, div.domaine_content li a.communication:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/management110.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}

div.domaine_content li a.communication:hover
{
background: url("/images/categories/management110.png") top right no-repeat; 
}

div.domaine_content li a.negociation:link, div.domaine_content li a.negociation:visited, div.domaine_content li a.negociation:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/negociation110.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}

div.domaine_content li a.negociation:hover
{
background: url("/images/categories/negociation110.png") top right no-repeat; 
}

div.domaine_content li a.langues:link, div.domaine_content li a.langues:visited, div.domaine_content li a.langues:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/langues110.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}

div.domaine_content li a.langues:hover
{
background: url("/images/categories/langues110.png") top right no-repeat; 
}

div.domaine_content li a.droit:link, div.domaine_content li a.droit:visited, div.domaine_content li a.droit:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/droit110.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}

div.domaine_content li a.droit:hover
{
background: url("/images/categories/droit110.png") top right no-repeat; 
}

div.domaine_content li a.securite:link, div.domaine_content li a.securite:visited, div.domaine_content li a.securite:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/securite110.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}

div.domaine_content li a.securite:hover
{
background: url("/images/categories/securite110.png") top right no-repeat; 
}

div.domaine_content li a.informatique:link, div.domaine_content li a.informatique:visited, div.domaine_content li a.informatique:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/informatique110.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}

div.domaine_content li a.informatique:hover
{
background: url("/images/categories/informatique110.png") top right no-repeat; 
}

div.domaine_content li a.ciel:link, div.domaine_content li a.ciel:visited, div.domaine_content li a.ciel:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/ciel110.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}
div.domaine_content li a.ciel:hover
{
background: url("/images/categories/ciel110.png") top right no-repeat; 
}


div.domaine_content li a.parcours:link, div.domaine_content li a.parcours:visited, div.domaine_content li a.parcours:active
{
display: block;
margin: 0 auto;
width: 110px;
height: 45px;
background: url("/images/categories/parcours.png") top left no-repeat; 
color: black;
font-weight: bold;
text-decoration: none;
padding-top: 110px;
}
div.domaine_content li a.parcours:hover
{
background: url("/images/categories/parcours.png") top right no-repeat; 
}


/**************domaine controleur*******************/

div.domaine_controleur
{
position: relative;
min-width: 1024px;
width: 100%;
height: 15px;
background-color: #b3b3b3;
background: url("/images/controleur.png") repeat-x;
border-bottom: 2px solid #959595;
z-index: 100;
}

div.domaine_ctrl_content
{
width: 990px;
margin: 0 auto;
padding-top: 0px;
}

div.domaine_ctrl_content a:link, div.domaine_ctrl_content a:visited, div.domaine_ctrl_content a:hover, div.domaine_ctrl_content a:active
{
color: white;
font-weight: bold;
text-decoration: none;
}

/***************************corps*****************************/
div.corps
{
min-width: 1024px;
width: 100%;
min-height: 750px;
height: auto;
}

div.corps_content
{
position: relative;
width: 990px;
margin: 0 auto;
min-height: 880px;
height: auto;
background: url("/images/fond_menu_ul.png") repeat-y;
background-position: 8px 0;
padding: 0;
}

/***************************menu_gauche***********************/
div.menu_gauche
{
width: 230px;
min-height: 400px;
height: auto;
float: left;
display: block; 
}

ul.menu_gauche
{
margin-top: 0px;

}

ul.menu_gauche li
{
height: 54px;
width: 205px;
color: black;
text-align: left;
margin-left: -32px;
list-style-type: none;
background: url("/images/fleche.png") left no-repeat;
}

ul.menu_gauche li:hover
{
width: 230px;
background: url("/images/fleche.png") right no-repeat;
border: none;
}

ul.menu_gauche li.actif
{
height: 54px;
width: 230px;
color: black;
text-align: left;
margin-left: -32px;
list-style-type: none;
background: url("/images/fleche.png") right no-repeat;
}

ul.menu_gauche li a:link, ul.menu_gauche li a:visited, ul.menu_gauche li a:active
{
display: block;
height: 50px;
width: 205px;
text-decoration: none;
color: #94121f;
font-size: 14px;
font-weight: bold;
padding: 10px 0 0 10px;
}

ul.menu_gauche li a:hover
{
color: white; 
}

ul.menu_gauche li.actif a:link, ul.menu_gauche li.actif a:visited, ul.menu_gauche li.actif a:hover, ul.menu_gauche li.actif a:active
{
display: block;
height: 50px;
width: 205px;
text-decoration: none;
color: white;
font-size: 14px;
font-weight: bold;
padding: 10px 0 0 10px;
}

ul.menu_gauche li span
{
color: #a7a8aa;
font-size: 12px;
font-weight: normal;
}
/******************menu gauche description formation********************/
ul.menu_gauche li.desc
{
height: 54px;
width: 205px;
color: black;
text-align: left;
margin-left: -32px;
list-style-type: none;
background: url("/images/fleche_grise.png") left no-repeat;
}

ul.menu_gauche li.desc:hover
{
width: 230px;
background: url("/images/fleche_grise.png") right no-repeat;
border: none;
}

ul.menu_gauche li.desc a:link, ul.menu_gauche li.desc a:visited, ul.menu_gauche li.desc a:active
{
display: block;
height: 50px;
width: 205px;
text-decoration: none;
color: #b3b3b3;
font-size: 14px;
font-weight: bold;
padding: 10px 0 0 10px;
}

ul.menu_gauche li.desc a:hover
{
color: #94121f; 
}

ul.menu_gauche li.desc span
{
color: #94121f;
font-size: 12px;
font-weight: normal;
}

ul.menu_gauche li.desc_actif
{
height: 54px;
width: 230px;
color: black;
text-align: left;
margin-left: -32px;
list-style-type: none;
background: url("/images/fleche_grise.png") right no-repeat;
}

ul.menu_gauche li.desc_actif a:link, ul.menu_gauche li.desc_actif a:visited, ul.menu_gauche li.desc_actif a:hover, ul.menu_gauche li.desc_actif a:active
{
display: block;
height: 50px;
width: 205px;
text-decoration: none;
color: #94121f;
font-size: 14px;
font-weight: bold;
padding: 10px 0 0 10px;
}

ul.menu_gauche li.desc_actif span
{
color: #94121f;
font-size: 12px;
font-weight: normal;
}
/****************************pages***************************/
div.page
{
display: block;
width: 720px;
height: auto;
float: right;
text-align: left;
color: black;
margin: 25px 15px 0 0; 
}

/****************************footer**************************/
div.footer
{
min-width: 1024px;
width: 100%;
height: 30px;
line-height: 30px;
background-color: #94121f;
background: url("/images/barre_rouge_bottom.png") repeat-x;
}

div.footer_content
{
width: 990px;
margin: 0 auto;
}

div.footer a:link, div.footer a:visited, div.footer a:active
{
color: white;
text-decoration: none;
}

div.footer a:hover
{
text-decoration: underline;
}

/*************sommaire formations********************/
div.categorie
{
width: 100%; 
min-height: 35px;
line-height: 35px;
vertical-align: middle; 
border: 1px solid #b3b3b3;
background-color: white;
padding-left: 10px;
margin: 0 0 10px -10px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

a.bouton_dev:link, a.bouton_dev:visited, a.bouton_dev:active
{
display: block;
background-color: #94121f;
height: 15px; 
width: 15px;
color: white;
font-size: 14px;
line-height: 15px;
font-weight: bold;
text-align: center; 
text-decoration: none;
border: 1px solid #b3b3b3;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float: right;
margin: 9px 10px 0 0px;
}

a.bouton_dev:hover
{
background-color: white;
color: #94121f;
border: 1px solid #94121f;
}

div.sous_categorie
{
line-height: 15px;
margin-bottom: 15px;
padding-left: 15px;
}

div.sous_sous_cat
{
}

a.titre_categorie:link, a.titre_categorie:visited, a.titre_categorie:active
{
color: black;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

a.titre_categorie:hover
{
text-decoration: underline;
}

a.titre_SousCat:link, a.titre_SousCat:visited, a.titre_SousCat:hover, a.titre_SousCat:active
{
color: black;
font-size: 11px;
text-decoration: none;
font-weight: normal;
text-decoration: none;
}

div.sous_sous_cat a:link, div.sous_sous_cat a:visited, div.sous_sous_cat a:hover, a:active
{
color: black;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

div.sous_sous_cat a:hover
{
text-decoration: underline;
}

a.sous_sous_cat:link, a.sous_sous_cat:visited, a.sous_sous_cat:active
{
color: black;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

a.sous_sous_cat:hover
{
text-decoration: underline;
}

/**********************description formation***************************/

div.infos_form
{
width: 100%;
min-height: 50px;
height: auto;
background-color: white;
margin: 0 0 15px 0;
padding: 10px 0 10px 15px;
height: auto;
border: 1px solid #b3b3b3;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

div.intro
{
font-style: italic;
}

div.requis h2, div.qui h2, div.objet h2, div.prog h2, div.les_plus h2, div.methodes h2
{
font-size: 13px;
font-weight: bold;
margin: 0 0 8px 0;
}

div.requis ul, div.qui ul, div.objet ul, div.prog ul, div.les_plus ul, div.methodes ul
{
margin: 0 0 8px 0;
}

div.requis h5, div.qui h5, div.objet h5, div.prog h5, div.les_plus h5, div.methodes h5
{
font-size: 12px;
font-weight: bold;
font-style: italic;
margin: 0 0 8px 15px;
}

div.programme_formation h1
{
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0 0 25px 0;
}

/********************dates et infos***************/
div.dates_strasbourg, div.dates_mulhouse
{
display: block;
width: 45%;
height: auto;
float: left;
margin-right: 20px;
}

div.dates_strasbourg
{
border-right: 1px solid #b3b3b3;
}

div.dates_strasbourg h1, div.dates_mulhouse h1
{
font-size: 16px;
font-weight: bold;
}

div.dates_strasbourg p, div.dates_mulhouse p
{
margin: 5px 0 5px 0;
}

div.dates_strasbourg p.tarif_formation, div.dates_mulhouse p.tarif_formation
{
margin: 5px 0 10px 0;
}

a.inscription:link, a.inscription:visited, a.inscription:active
{
border: 1px solid black;
background-color: white;
padding: 0 5px 0 5px;
margin-left: 15px;
color: black;
font-size: 11px;
text-decoration: none;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
white-space: nowrap;
}

a.inscription:hover
{
border: 1px solid #94121f;
background-color: white;
padding: 0 5px 0 5px;
margin-left: 15px;
color: #94121f;
font-size: 11px;
text-decoration: none;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

div#gestionnaire label 
{
display: block;
float: left;
width: 150px;
padding: 0;
padding-top: 2px;
padding-right: 6px;
text-align: left;
line-height: 22px;
}

div#gestionnaire input, div#gestionnaire select 
{
margin: 2px;
}

form#inscription label
{
width: 120px;
text-align: left;
float: left; 
}

form#inscription input, form#inscription select
{
margin-bottom: 5px;
}

span.obligatoire
{
color: #94121f;
}

/********************divers**********************/
div.adresse
{
width: 45%;
float: left;
background-color: white;
border: 1px solid black;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin: 0 0 0 20px;
}

a.lien_acces:link, a.lien_acces:visited, a.lien_acces:active
{
color: #94121f;
text-decoration: none;
}

a.lien_acces:hover
{
text-decoration: underline;
}

div.result
{
width: 100%;
min-height: 15px;
height: auto;
border: 1px solid #b3b3b3;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
background-color: white;
margin: 0 0 5px 0;
padding: 5px 0 5px 15px;
}

div.result span
{
font-style: italic;
}

a.search_result:link, a.search_result:visited, a.search_result:active
{
color: black;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}

a.search_result:hover
{
text-decoration: underline;
}

div.contact_formulaire
{
float: left;
width: 420px;
}

div.contact_adresses
{
float: left;
}

form#form_demande label
{
width: 150px;
text-align: left;
float: left;
}

form#contact legend 
{
color: white;
font-weight: bold;
font-size: 16px;
}

form#contact label 
{
display: block;
float: left;
width: 155px;
padding: 0;
padding-top: 2px;
padding-right: 6px;
text-align: left;
line-height: 22px;
}

form#contact textarea
{
float: left;
}

form#contact input, form#contact select 
{
margin: 2px;
}

table.tarifs_langue 
{
border: 1px solid black;
border-collapse: collapse;
font-size: 9px;
width: 200px;
}
    
table.tarifs_langue td
{
border: 1px solid black;
text-align: center;
}
    
table.tarifs_langue th
{
background-color: #bd1220;
color: white;
text-align: center;
}

/*
a.plan_cat:link, a.plan_cat:visited, a.plan_cat:hover, a.plan_cat:active
{
display: block;
width: 100%;
font-size: 16px;
color: black;
font-weight: bold;
text-decoration: none;
margin: 8px 0 5px 0;
}

a.plan_sous_cat:link, a.plan_sous_cat:visited, a.plan_sous_cat:hover, a.plan_sous_cat:active
{
display: block;
width: 100%;
font-size: 14px;
color: black;
font-weight: bold;
text-decoration: none;
margin: 0 0 5px 10px;
}

a.plan_sous_sous_cat:link, a.plan_sous_sous_cat:visited, a.plan_sous_sous_cat:hover, a.plan_sous_sous_cat:active
{
display: block;
width: 100%;
font-size: 12px;
color: black;
font-weight: bold;
text-decoration: none;
margin: 10px 0 15px 25px;
}

a.plan_form
{
display: block;
color: black;
margin-left: 20px;
}
*/

a.plan_cat:link, a.plan_cat:visited, a.plan_cat:active
{
color: black;
text-decoration: none;
}

a.plan_catm:hover
{
text-decoration: underline;
}

a.plan_form:link, a.plan_form:visited, a.plan_form:active
{
color: black;
text-decoration: none;
}

a.plan_form:hover
{
text-decoration: underline;
}

a.plan_nav:link, a.plan_nav:visited, a.plan_nav:active
{
color: black;
text-decoration: none;
}

a.plan_nav:hover
{
text-decoration: underline;
}

/***********************table next formation******************/
table.next
{
border-collapse: collapse;
margin-bottom: 20px;
border-bottom: 1px solid black;
}

table.next tr
{
height: 25px;
}

table.next th
{
height: 30px;
color: white;
font-size: 14px;
font-weight: bold;
background-color: #94121f;
text-align: center;
border: 1px solid black;
}
table.next th.formation
{
width: 300px;
}

table.next th.date_deb, table.next th.date_fin, table.next th.tarif, table.next th.ville
{
width: 75px;
}

table.next th.programme, table.next th.inscription
{
width: 50px;
white-space: nowrap;
}

table.next tr.categorie
{
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
background-color: #b3b3b3;
font-weight: bold;
font-size: 14px;
}

a.next_titre_form:link, a.next_titre_form:visited, a.next_titre_form:active
{
color: black;
text-decoration: none;
}

a.next_titre_form:hover
{
text-decoration: underline;
}

table.next td.nom_form
{
border-left: 1px solid black;
}

table.next td.lieu
{
text-align: center;
border-right: 1px solid black;
}

table.next td.tarif, table.next td.date_deb, table.next td.date_fin, table_next td.inscription
{
text-align: center;
}

a.tri_haut:link, a.tri_haut:visited, a.tri_haut:active
{
display: block;
height: 18px;
width: 12px;
float: right;
background: url("/images/tri_haut.png") left no-repeat;
}

a.tri_haut:hover
{
background: url("/images/tri_haut.png") right no-repeat;
}

a.tri_haut_actif:link, a.tri_haut_actif:visited, a.tri_haut_actif:hover, a.tri_haut_actif:active
{
display: block;
height: 18px;
width: 12px;
float: right;
background: url("/images/tri_haut.png") right no-repeat;
}

a.tri_bas_actif:link, a.tri_bas_actif:visited, a.tri_bas_actif:hover, a.tri_bas_actif:active
{
display: block;
height: 18px;
width: 12px;
float: right;
background: url("/images/tri_bas.png") right no-repeat;
}


a.tri_bas:link, a.tri_bas:visited, a.tri_bas:active
{
display: block;
height: 18px;
width: 12px;
float: right;
margin-right: 10px;
background: url("/images/tri_bas.png") left no-repeat;
}

a.tri_bas:hover
{
background: url("/images/tri_bas.png") right no-repeat;
}