/* ============================================================================== COULEURS
-----------------------------------------------------------------------------
| header                1000px                                              |
|                               60px                                        |
-----------------------------------------------------------------------------
| Trame 1000px -> auto
-----------------------------------------------------------------------------
|   Menu    |                Contenu                         |    Extra     |
|           |                     4                          |              |
|   195px   |                                                |    195px     |
|           |4                   600px                      4|              |
|           |                                                |              |
|           |                                                |              |
|           |                     4                          |              |
-----------------------------------------------------------------------------
|
-----------------------------------------------------------------------------
Gris fonce     : #444444
    -> fond global
Gris leger     : #474747
    -> fond partie texte
Gris de border : #6a6a6a
    -> bordure globale
================================================================================ GLOBALS*/
*.motsql{ font-weight: bold; color: #f4f15d; }
*{
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  color: #cdcbcc;
  /*margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;*/
  /*scrollbar-base-color: #444444;
  scrollbar-3dlight-color: #cdcbcc;
  scrollbar-arrow-color: #ffff00;
  scrollbar-darkshadow-color: #7e7d7d;
  /*scrollbar-face-color = couleur pour la surface*/
  /*scrollbar-highlight-color = couleur pour le bord haut et le bord gauche
  scrollbar-shadow-color = couleur pour le bord droit et le bord du bas*/
  /*scrollbar-track-color: #757575;*/
}
body{ margin: 15px auto 20px auto; padding: 0px auto 0px auto; text-align: left; background: url( trame_fond.gif) #444444; font-size: 12px; }
::-moz-selection { background:#ffff00; color:#000000; border: 0px solid #444444; }
::-selection {      background:#ffff00; color:#000000; border: 0px solid #444444; }
a:link   { color: #cbcb00; font-size: 12px; text-decoration: none; }
a:visited{ color: #cbcb00; font-size: 12px; text-decoration: none; }
a:hover  { color: #ffff00; font-size: 12px; text-decoration: underline; }
a:active { color: #cbcb00; font-size: 12px; text-decoration: none; }
/*============================================================================ STRUCTURE*/
#divcadreh { width: 100%; background: url( trame_fond_black.gif ) #000000; border-bottom: 1px solid #FFFF00; border-top: 1px solid #FFFF00; overflow: visible; margin-top: 0px;}
/* ----- Positionnement ----- */
#divstrupage   { width: 100%;}
#divstruheader { width: 990px; height: 60px; }
#divstrucorpsnormal  { width: 990px; overflow: auto; }
#divstrucorpsfull  { width: 990px; overflow: auto; }
#divstrumenu   { width:  195px; float: left;  }
#divstruextra  { width:  185px; float: right;}
#divstrucontenu{ width: 100%; }
#divstrufooter { width: 990px; overflow: visible; }
#divstrutrame  { width: 990px; overflow: auto; height: 16px; }
#divstrucorpsanimation{ width: 980px; overflow: auto; }
#divstrucontenunormal{ width:  605px; float: left;}
#divstrucontenufull  { width:  794px; float: right; }
/* ----- Marge interne et externe ----- */
#divstrupage   { margin: 0px auto 0px auto; padding:  0px 0px  0px 0px; }
#divstruheader { margin: 0px  auto 0px  auto; padding:  0px 0px  0px 0px; }
#divstrucorpsanimation{ margin: 0px  auto 0px  auto; padding:  5px 5px 5px 5px; }
#divstrucorpsnormal  { margin: 0px  auto 0px  auto; padding:  0px 0px 0px 0px; }
#divstrucorpsfull  { margin: 0px  auto 0px  auto; padding:  0px 0px 20px 0px; }
#divstrumenu   { margin: 0px  auto 238px  auto; padding: 10px 0px 20px 0px; }
#divstruextra  { margin: 0px  auto 0px  auto; padding:  0px 0px  0px 0px; }
#divstrucontenu{ margin: 0px  auto 0px  auto; padding:  0px 0px  0px 0px; }
#divstrufooter { margin: -1px  auto 0px  auto; padding:  5px 0px  5px 0px; }
#divstrutrame  { margin: -1px  auto 0px  auto; padding:  2px 0px  4px 0px; }
/* ----- Bordure et couleur de fond ----- */
#divstrupage   { /*border:        1px solid #7f7f7f;*/ }
#divstruheader { border: 1px solid #FFFF00; border-bottom: 1px solid #7f7f7f; background-color: #444444; }
#divstrucorps  { border:        0px solid #7f7f7f; }
#divstrumenu   { border-right:  0px solid #7f7f7f; /*background-color: #444444;*/ }
#divstruextra  { border-left:   0px solid #7f7f7f; /*background-color: red;*/ }
#divstrucontenu{ border:        0px solid #7f7f7f; /*background-color: red;*/ }
#divstrufooter { border: 1px solid #FFFF00; border-top: 1px solid #7f7f7f; background-color: #444444; }
#divstrutrame  { border-bottom: 1px solid #7f7f7f; background: url( trame.gif ) #444444; }
#divstrucorps.normal{ background: url( trame_contenu.gif ) #444444;  }
#divstrucorps.full  { background: url( trame_contenu.gif ) #444444;  }
#divstrucorpsanimation{ background-color: #444444;  }
#divstrucorpsnormal{ background: url( trame_contenu.gif ) #444444;  }
#divstrucorpsfull  { background: url( trame_contenu_full.gif ) #444444;  }
/* ----- Polices ----- */
#divstrupage   { text-align: left; }
#divstruheader { text-align: left; }
#divstrucorpsanimation  { text-align: center; }
#divstrucorpsnormal  { text-align: left; }
#divstrucorpsfull  { text-align: left; }
#divstrumenu   { text-align: left; }
#divstruextra  { text-align: left; }
#divstrucontenu{ text-align: left; }
#divstrufooter { text-align: center; }
#divstrutrame  { text-align: left; vertical-align: bottom; }

#ConteneurPresentation{ margin: 10px auto 10px auto; border: 0px solid #FFFFFF; width: 700px; text-align: center; }

#erreur{
	position:absolute;
	left: 50%;
	top: 50%;
	width: 700px;
	height: 300px;
	margin-top: -200px; /* moitie de la hauteur */
	margin-left: -350px; /* moitie de la largeur */
	border: 1px solid #ffff00;
	background-color: #444444;
	text-align: center;
}
#erreur p.liberreur{ font-size: 50px; color: #ffff00; margin: 50px 10px 10px 10px; width: 100%; text-align: center; }
#erreur p.descerreur{ font-size: 30px; margin: 10px; width: 100%; text-align: center; }
#erreur p.lien{ text-decoration: underline; font-size: 20px; color: #ffff00; margin: 40px 10px 10px 10px; width: 100%; text-align: center; cursor: pointer; }
/*=============================================================================== TRAME */
#divstrutrame div.flag{    width: 570px; float: left;  margin: 0px  0px 0px 5px; padding: 0px 0px 0px 0px; }
#divstrutrame div.panneau{ width: 380px; float: right; margin: 0px 5px 0px  0px; padding: 0px 0px 0px 0px;}
#divstrutrame a:link   { color: #e2e0e1; text-decoration: underline; font-size: 10px; }
#divstrutrame a:visited{ color: #e2e0e1; text-decoration: underline; font-size: 10px; }
#divstrutrame a:hover  { color: #ffff00; text-decoration: none;      font-size: 10px; }
#divstrutrame a:active { color: #e2e0e1; text-decoration: underline; font-size: 10px; }
/*================================================================================ MENU */
#divstrumenu div.menuout, #divstrumenu div.menuoutMoo{
  width: 100%;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  margin: 10px 0px 0px 0px;
  padding: 6px 0px 5px 0px;
  background: url( trame_menuover.gif ) #000000;
  background-repeat: repeat-x;
  text-decoration: none;
}
#divstrumenu div.menuout, #divstrumenu div.menuoutMoo{ cursor: pointer; }
#divstrumenu a div.menuout, #divstrumenu a div.menuoutMoo{ cursor: pointer; }
#divstrumenu div.menuover, #divstrumenu div.menuoverMoo{
  width: 100%;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  margin: 10px 0px 0px 0px;
  padding: 6px 0px 5px 0px;
  background: url( trame_menuover.gif ) #000000;
  background-repeat: repeat-x;
  text-decoration: none;
  cursor: pointer;
}
#divstrumenu .menuout *, #divstrumenu .menuoutMoo *{
  font-weight: bold;
  font-size: 14px;
  color: #fff500;
}
#divstrumenu .menuover *, #divstrumenu .menuoverMoo *{
  font-weight: bold;
  font-size: 14px;
  color: #fff500;
}
#divstrumenu div.ssmenu ul, #divstrumenu div.ssmenuMoo ul{
  font-size: 11px;
  list-style: none;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#divstrumenu div.ssmenu div.divssmenuout, #divstrumenu div.ssmenu div.divssmenuoponeout, #divstrumenu div.ssmenuMoo div.divssmenuout, #divstrumenu div.ssmenuMoo div.divssmenuoponeout{
  width: 185px;
  font-size: 11px;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 10px;
  border-bottom: 1px solid #020202;
  cursor: pointer;
  background-color: #7b7b7b;
  color: #f2f2f2;;
}
#divstrumenu div.ssmenu div.divssmenuover, #divstrumenu div.ssmenu div.divssmenuoponeover, #divstrumenu div.ssmenuMoo div.divssmenuover, #divstrumenu div.ssmenuMoo div.divssmenuoponeover{
  width: 185px;
  font-size: 11px;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 10px;
  border-bottom: 1px solid #020202;
  cursor: pointer;
  background-color: #f4f15d;
  color: #000000;
}
#divstrumenu div.ssmenu div.divssmenuselected, #divstrumenu div.ssmenu div.divssmenuselected a, #divstrumenu div.ssmenuMoo div.divssmenuselected, #divstrumenu div.ssmenuMoo div.divssmenuselected a{
  width: 185px;
  font-size: 11px;
  margin:  0px 0px 0px 0px;
  padding: 3px 0px 3px 10px;
  border-bottom: 1px solid #020202;
  cursor: pointer;
  background-color: #b4cadd;
  color: #000000;
  text-decoration: none;
}
#divstrumenu div.ssmenu, #divstrumenu div.ssmenuMoo{
  padding: 0px;
  margin: 0px;
}
#divstrumenu div{
  padding: 0px;
  margin: 0px;
}
#divstrumenu div.divssmenuout ul li, #divstrumenu div.divssmenuover ul li{
  font-size: 10px;
}
#divstrumenu div.divssmenuout a, #divstrumenu div.divssmenuover a, #divstrumenu div.divssmenuselected a{
  color: #cdcbcc;
  font-size: 10px;
}
#divstrumenu div.first{ margin-top: 15px; }
/*============================================================================= CONTENU */
/* ----- Texte ----- */
/*#divstrucontenu.full, #divstrucontenu.normal{ margin: 5px 5px 5px 5px; width: 590px; text-align: justify; }*/
#divstrucontenu h1{ font-size: 20px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #ffff00; text-align: right; color: #ffff00; }
#divstrucontenu h2{ font-size: 14px; margin: 25px 10px 5px 10px; border-bottom: 1px solid #f4f15d; text-align: left; color: #e5e3e4;}
#divstrucontenu h3{ font-size: 14px; margin: 16px 10px 5px 20px; border-bottom: 1px solid #f4f15d; text-align: left; color: #e5e3e4;}
#divstrucontenu .texte{
  margin: 10px 10px 10px 15px;
  /*padding: 20px;*/
}
#divstrucontenu .plan{
	margin: 10px 10px 10px 15px;
}
/* ----- PLAn ----- */
#divstrucontenu .plan a.aactivite:link { color: #cdcbcc; font-size: 14px; }
#divstrucontenu .plan a.aactivite:visited { color: #cdcbcc; font-size: 14px;  }
#divstrucontenu .plan a.aactivite:hover { color: #ffff00; font-size: 14px; border-bottom: 1px solid #b4cadd; text-decoration: none; }
#divstrucontenu .plan a.aactivite:active { color: #cdcbcc; font-size: 14px;  }

#divstrucontenu .plan a.afamille:link { color: #cdcbcc; font-size: 12px; }
#divstrucontenu .plan a.afamille:visited { color: #cdcbcc; font-size: 12px;  }
#divstrucontenu .plan a.afamille:hover { color: #ffff00; font-size: 12px; border-bottom: 1px solid #b4cadd; text-decoration: none; }
#divstrucontenu .plan a.afamille:active { color: #cdcbcc; font-size: 12px;  }

#divstrucontenu .plan a.aproduit:link { color: #cdcbcc; font-size: 11px; }
#divstrucontenu .plan a.aproduit:visited { color: #cdcbcc; font-size: 11px;  }
#divstrucontenu .plan a.aproduit:hover { color: #ffff00; font-size: 11px; border-bottom: 1px solid #b4cadd; text-decoration: none; }
#divstrucontenu .plan a.aproduit:active { color: #cdcbcc; font-size: 11px;  }
#divstrucontenu{
  list-style: url( puce.gif );
}
li.litotal{
	font-size: 16px;
	color: #ffff00;
	font-weight: bold;
	margin-top: 20px;
}
.ulactivite, .liactivite{
	font-size: 14px;
}
.liactivite{ margin-top: 10px; }
.ulfamille, .lifamille{
	font-size: 12px;
}
.lifamille{ margin-top: 5px; }
.ulproduit, .liproduit{
	font-size: 11px;
}
/* ----- texte ----- */
#divstrucontenu .texte ul {
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
#divstrucontenu .texte li {
  list-style: url( puce.gif );
  margin: 3px 0px 0px 50px;
  padding: 0px 0px 0px 0px;
}
#divstrucontenu .texte div.reference{
	font-size: 10px;
	font-style: italic;
	text-align: right;
	width: 100%;
	margin: 15px 10px 0px 10px;
}
#divstrucontenu .texte .asterix{
	color: #ffff00;
}
/* ----- Magasin_famille ----- */
#divstrucontenu .magasin_famille{
  margin: 10px 10px 10px 15px;
}
#divstrucontenu .magasin_famille ul{
  margin: 10px 70px 0px 60px ;
  /*cursor: pointer;*/
}
#divstrucontenu .magasin_famille .liout,
#divstrucontenu .magasin_famille .liout a:link,
#divstrucontenu .magasin_famille .liout a:visited,
#divstrucontenu .magasin_famille .liout a:hover,
#divstrucontenu .magasin_famille .liout a:active {
  font-size: 13px;
  border-bottom: 1px solid #000000;
  margin: 15px 0px 0px 0px;
  width: auto;
  text-decoration: none;
}
#divstrucontenu .magasin_famille .liover,
#divstrucontenu .magasin_famille .liover a:link,
#divstrucontenu .magasin_famille .liover a:visited,
#divstrucontenu .magasin_famille .liover a:hover,
#divstrucontenu .magasin_famille .liover a:active {
  font-size: 13px;
  border-bottom: 1px solid #ffff00;
  margin: 15px 0px 0px 0px;
  width: auto;
  list-style: url( puce_over.gif );
  text-decoration: none;
}
#divstrucontenu .magasin_enseigment{ cursor: pointer; }
/* ----- Liste produit ----- */
#divstrucontenu .magasin_listeproduit{
  margin: 10px 10px 10px 15px;
}
select.selectchoix{
  background-color: #333333;
  margin: 0px; padding: 0px;
  border: 1px solid #ffff00;
}
option{
  margin-left: 5px;
}
.intitule_famille{
  width: 540px;
  text-align: justify;
  margin: 10px 25px 10px 25px;
}
.intitule_famille ul{
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
  list-style: url( puce.gif );
  text-align: justify;
}
.intitule_famille li{
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: justify;
}
#divstrucontenu .magasin_listeproduit{ text-align: center; }
.bgtbl1 { background-color: #c2c2c2; cursor: pointer; }
.bgtblj { background-color: #ffff00; color: #FFFF00;  cursor: pointer; }
.bgtblgrp { background-color: #c2c2c2; }
.bgtblgrpj { background-color: #ffff00; color: #FFFF00; }
.tblproduit       { width: 750px; font-size: 12px; height: auto; }
.tblproduit .logo { width: 105px; text-align: center;  padding: 0px 0px 0px 0px; background-color: #ffffff;}
.tblproduit .logo img{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px; border: 0px; }
.tblproduit tr { height: auto; }
.tblproduit .lib  { font-size: 13px; width: 460px; text-align: left;   padding: 5px 5px 5px 5px; height: 20px; font-weight: bold; color: #e2e0e1; }
.tblproduit .ref  { font-size: 13px; width: 180px; text-align: center; padding: 0px 5px 0px 5px; height: 20px; font-weight: bold; color:#ffff00; }
.tblproduit .desc { text-align: justify; padding: 6px 6px 6px 6px; vertical-align: top; }
.tblproduit .bgone{ background-color: #4D555E; /*#696969*/ ; }
.tblproduit .bgtwo{ background-color: #606c79; }
.tblproduit .bggrpone{ background-color: #596969; }
.tblproduit .bggrptwo{ background-color: #6D7C7C; }
.tblproduit .lib a:link   { color: #e2e0e1; text-decoration: none; font-size: 13px; }
.tblproduit .lib a:visited{ color: #e2e0e1; text-decoration: none; font-size: 13px; }
.tblproduit .lib a:hover  { color: #ffff00; text-decoration: underline; font-size: 13px; }
.tblproduit .lib a:active { color: #e2e0e1; text-decoration: none; font-size: 13px; }
/* ----- Fiche produit ----- */
.fiche_produit{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
}
.fiche_produit div.bandeauonglet{
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  background: url( trame_onglet.gif );
  background-repeat: repeat-x;
  background-position: bottom;
}
.fiche_produit .ongletoff{
  display: inline;
  background-color: #000000;
  border-right: 1px solid #7f7f7f;
  border-left: 1px solid #7f7f7f;
  border-top: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  padding: 2px 2px 2px 4px;
  margin-left: 5px;
  font-size: 10px;
  cursor: pointer;
}
.fiche_produit .ongleton{
  display: inline;
  background-color: #444444;
  border-right: 1px solid #7f7f7f;
  border-left: 1px solid #7f7f7f;
  border-top: 1px solid #7f7f7f;
  border-bottom: 1px solid #444444;
  padding: 2px 2px 2px 4px;
  margin-left: 5px;
  font-size: 10px;
  color: #ffff00;
}
#ProdFiche .ref{
  font-size: 25px;
  font-weight: bold;
  color: #ffff00;
  margin: 10px;
  text-indent: 30px;
}
#ProdFiche .lib{
  font-size: 14px;
  font-weight: bold;
  text-align: justify;
  text-indent: 20px;
  margin: 15px 0px 0px 0px;
}
#ProdFiche .desc{
  font-size: 12px;
  text-align: justify;
  margin: 40px 0px 0px 0px;
}
#ProdFiche .desc a{
	color: #FFFF00;	
	text-decoration: none;
}
#ProdFiche .desc a:hover{	
	text-decoration: underline;
}
.fiche_produit .ajoutdevis{
  font-size: 16px;
  text-align: right;
  margin: 10px 10px 10px 10px;
}
#ProdPhotos div.photo{ width: 500px; float: left; margin: 0px 10px 0px 0px; text-align: center; }
#ProdPhotos div.photo p.titre{ font-size: 14px; font-weight: bold; text-decoration: underline; color: #ffff00; margin: 5px 0px 5px 10px; }
#ProdPhotos div.photo p.libelle{ font-size: 11px; }

#ProdProdAssoc .tblprodassoc .bgone{ background-color: #444444; }
#ProdProdAssoc .tblprodassoc .bgtwo{ background-color: #666666; }
#ProdProdAssoc .tblprodassoc .ref{ text-align: center; color: #ffff00; font-weight: bold; width: 100px; }
#ProdProdAssoc .tblprodassoc .ref a { color: #ffff00; text-decoration: none; font-weight: bold; }
#ProdProdAssoc .tblprodassoc .ref a:hover { color: #ffff00; text-decoration: underline; font-weight: bold; }
#ProdProdAssoc .tblprodassoc .lib{ text-align: left; padding: 2px; width: 450px; }

.fiche_produit a:link   { color: #cdcbcc; text-decoration: none; }
.fiche_produit a:visited{ color: #cdcbcc; text-decoration: none; }
.fiche_produit a:hover  { color: #ffff00; text-decoration: underline; }
.fiche_produit a:active { color: #cdcbcc; text-decoration: none; }

a.document:link   { color: #b4cadd; text-decoration: underline; font-size: 14px; }
a.document:visited{ color: #b4cadd; text-decoration: underline; font-size: 14px; }
a.document:hover  { color: #ffff00; text-decoration: none;      font-size: 14px; }
a.document:active { color: #b4cadd; text-decoration: underline; font-size: 14px; }
/*====================================================================== FormRecherche */
.form_recherche{
  width: 550px;
  background-color: #444444;
  border: 1px solid #444444;
  margin: 40px auto 40px auto;
  padding: 5px;
  text-align: center;
  color: #cdcbcc;
  font-size: 11px;
}
.form_recherche input.out{
  margin: 0px 0px 0px 0px;
  background-color: #666666;
  border: 1px solid #cdcbcc;
  padding: 2px 0px 2px 5px;
  font-size: 11px;
}
.form_recherche input.over{
  margin: 0px 0px 0px 0px;
  background-color: #000000;
  border: 1px solid #cdcbcc;
  color: #f4f15d;
  padding: 2px 0px 2px 5px;
  font-size: 11px;
}
.form_recherche input.bouton{
  margin: 10px 0px 0px 0px;
  background-color: #000000;
  border: 1px solid #cdcbcc;
  color: #f4f15d;
  padding: 2px 10px 2px 10px;
  text-align: center;
  font-size: 11px;
  cursor: pointer;
}
div.resultat{ margin: 30px 20px 20px 5px; width: 600px; }
div.resultat .lib a{ font-size: 15px; color: #ffff00; text-decoration: underline; }
div.resultat .lib a b{ font-size: 15px; color: #ffff00; font-weight: bold; text-decoration: underline;  }
div.resultat .famille{ font-size: 12px; color: #b4cadd; }
div.resultat .famille b{ font-size: 12px; color: #b4cadd; font-weight: bold; }
div.resultat .desc{ font-size: 12px; }
div.resultat .desc b{ font-size: 12px; font-weight: bold; }
div.resultat .lien{ color: #606c79; }

div.logo img{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px; border: 0px; }
/*====================================================================== ESPACE CLIENT */
.form_connection{
  width: 200px;
  background-color: #444444;
  border: 1px solid #444444;
  margin: 40px auto 40px auto;
  padding: 5px;
  text-align: center;
  color: #cdcbcc;
  font-size: 11px;
}
.form_connection input.out{
  margin: 5px 0px 10px 0px;
  background-color: #666666;
  border: 1px solid #cdcbcc;
  padding: 2px 0px 2px 5px;
  font-size: 11px;
}
.form_connection input.over{
  margin: 5px 0px 10px 0px;
  background-color: #000000;
  border: 1px solid #cdcbcc;
  color: #f4f15d;
  padding: 2px 0px 2px 5px;
  font-size: 11px;
}
.form_connection input.bouton{
  margin: 5px 0px 10px 0px;
  background-color: #000000;
  border: 1px solid #cdcbcc;
  color: #f4f15d;
  padding: 2px 10px 2px 10px;
  text-align: center;
  font-size: 11px;
  cursor: pointer;
}
/*=========================================================================== COULEUR */
.bgblanc{ background-color: #FFFFFF; }
.bgvert{ background-color: #596969; }
/*======================================================================== JAVASCRIPT */
.cacher{ visibility:hidden; display:none;   }
.afficher{ visibility:visible; display:block;   }
/*============================================================================= TEXTE */
/* ----- Alignement ----- */
.gauche   { text-align: left; }
.justifie { text-align: justify; }
.gauche10 { text-align: left; margin-left: 10px; }
.gauche20 { text-align: left; margin-left: 20px; }
.droite   { text-align: right; }
.droite10 { text-align: right; margin-right: 10px; }
.centre   { text-align: center; }
.d10g10   { padding: 0px 10px 0px 10px; }
.ind10l   { text-indent: 10px; }
.haut10   { margin-top: 10px; }
.haut     { vertical-align: top; }
.milieu   { vertical-align: middle; }
/* ----- Taille ----- */
.txt10    { font-size: 10px; }
.txt11    { font-size: 11px; }
.txt12    { font-size: 12px; }
.txt14    { font-size: 14px; }
/* ----- Style ----- */
.italique { font-style: italic; }
.gras   { font-weight: bold; }
strong{ font-weight: bold; color: #CCCCCC; }
.exxotest{ color: #CECE00; }
.souligne{ text-decoration: underline; }
.gris{ color: grey; }
.string{ font-style: italic; color: #cbcb00 ;}
.rouge{ color: red; }
.colblanc{ color: white; }
/*=============================================================================== IMAGE */
img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #ffff00;
}
img.flag { margin: 0px 5px 0px 5px; }
div.LienEnseignement{ margin-bottom: 5px; cursor: pointer; }
div.LienEnseignement span{ color: #f4f15d; border-bottom: 1px solid #e5e3e4;}