body {
    background : #ffffff;
    color      : #333366;
    margin     : 0;
    text-align : center;
    font-size  : 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

input.champ {
    background  : #ffffff;
    color       : #ff9001;
    width       : 220px;
    font-size   : 10px;
    text-align  : left;
    padding-left: 3px;
    border      : #000000 1px solid;
    margin      : 2px 0
}

th {
    background : #9da3fb;
    color      : #333366;
    height     : 16px;
    border	   : #000000 1px solid;
    font-weight: bold;
    padding    : 3px 5px
}

h1 {
  font-size      : 15px;
  padding        : 10px 0 5px;
  font-weight    : bold;
  text-decoration: underline
}
h2 {
  font-size      : 13px;
  text-align     : left;
  padding        : 5px 10px;
  text-decoration: underline
}
h3 {
  font-size : 13px;
  font-style: italic;
  text-align: left;
  padding   : 5px 25px
}
p { 
  text-align: justify
}
p a {
  color	         : #ff9001;
  text-decoration: none
}
p a:link {
  color	         : #ff9001;
  text-decoration: none
}
p a:hover {
  color	         : #ff9001;
  text-decoration: underline
}

.code {
  text-align : left;
  background : #dee2e7;
  font-family: monospace;
  padding    : 5px 10px;
  font-size  : 11px
}
.liste1 {
  background	: url("images/puce.gif") 0 4px no-repeat;
  padding-left: 15px;
  margin-left : 30px
}

.bouton {
  background: #622d2d;
  margin    : 10px 0;
  text-align: center;
  font-size : 12px;
  border    : #000000 solid 1px
}

.cadreEnTete {
  background: url("images/en_tete_centre.jpg") repeat-x;
  margin    : 0 5px;
  width	    : 100%;
  text-align: left
}
.tablePage {
  width      : 100%;
  margin     : 0;
  font-size  : 10px;
  padding    : 0
}
.cadreMenuGauche {
  background    : #ffffff;
  width		      : 225px;
  padding-top   : 1px;
  text-align    : left;
  vertical-align: top;
}
.cadreCorps {
  background    : url("images/fond_zodiaque.gif") 50% 0% repeat-y;
  height        : 445px;
  font-size     : 12px;
  text-align    : justify;
  vertical-align: top;
}
.cadreMenuDroite {
  background 	  : #ffffff;
  height        : 445px;
  width		      : 204px;
  padding		    : 1px 0px 0px 10px;
  text-align    : right;
  vertical-align: top;
}
.menuGaucheHaut {
  height        : 30px;
  background    : url("images/fond_menu_droite_haut.gif") no-repeat;
  vertical-align: top;
  text-align    : left
}
.menuGaucheOffre {
  height	      : 30px;
  background    : url("images/fond_menu_offres.gif") no-repeat;
  vertical-align: top;
  text-align    : left
}
.menu3 {
  width		      : 195px;
  background    : url("images/fond_menu_gauche_3.gif") no-repeat;
  vertical-align: top;
  font-size	    : 10px
}
.menuDroiteHaut {
  height	      : 30px;
  background    : url("images/fond_menu_droite_haut.gif") no-repeat;
  vertical-align: top;
  text-align    : right
}
.menuDroite1 {
  height 	      : 64px;
  background    : url("images/fond_menu_droite_1.gif") no-repeat;
  vertical-align: top;
  text-align    : right
}
.menuDroite2 {
  background    : url("images/fond_menu_droite_centre_2.gif") repeat-y;
  vertical-align: top;
  text-align    : right
}
.menuDroite3 {
  background	: url("images/fond_menu_droite_centre_3.gif") repeat-y;
  vertical-align: top;
  text-align	: right
}
.menuBas {
  height    : 16px;
  background: url("images/fond_menu_droite_bas.gif") no-repeat
}
.menuGaucheTitre {
  height      : 16px;
  color	      : #800080;
  padding-left: 11px;
  padding-top : 8px;
  font-size	  : 12px;
  font-weight : bold;
  text-align  : left
}
.menuGaucheTitre a {
  color	         : #800080;
  text-decoration: underline
}
.menuGaucheTitre a:link {
  color	         : #800080;
  text-decoration: underline
}
.menuGaucheTitre a:hover {
  color	         : #000000;
  text-decoration: underline
}
.menuDroiteTitre {
  width	       : 195px;
  height       : 16px;
  color	       : #800080;
  padding-right: 11px;
  padding-top  : 7px;
  font-size	   : 12px;
  font-weight  : bold
}
.menuDroiteTitre a {
  color	         : #800080;
  text-decoration: underline
}
.menuDroiteTitre a:link {
  color	         : #800080;
  text-decoration: underline
}
.menuDroiteTitre a:hover {
  color	         : #000000;
  text-decoration: underline
}
.cadrePiedDePage {
  height     : 40px;
  text-align : center
}

.menuSousTitre {
  color       : #ffffff;
  font-size   : 11px;
  line-height : 12px;
  padding-left: 7px;
}
.menuSousTitre a {
  color          : #fff;
  font-size      : 11px;
  line-height    : 12px;
  padding-left   : 10px;
  text-decoration: none
}
.menuSousTitre a:link {
  color          : #fff;
  padding-left   : 10px;
  text-decoration: none
}
.menuSousTitre a:hover {
  color          : #ff9472;
  padding-left   : 10px;
  text-decoration: underline
}

.menuProduits {
  color      : #ffffff;
  font-size  : 11px;
  line-height: 12px;
}
.menuProduits a {
  color          : #fff;
  font-size      : 11px;
  line-height    : 12px;
  text-decoration: none
}
.menuProduits a:link {
  color          : #fff;
  text-decoration: none
}
.menuProduits a:hover {
  color          : #ff9472;
  text-decoration: underline
}

.corpsTitreGauche {
  width	    : 19px;
  height	: 25px;
  background: url("images/titre_gauche.gif") no-repeat
}
.corpsTitreCentre {
  color		    : #ffffff;
  text-align    : center;
  font-size	    : 12px;
  font-weight   : bold;
  text-transform: uppercase;
  background    : url("images/titre_centre.gif") repeat-x
}
.corpsTitreDroite {
  width	    : 19px;
  height    : 25px;
  background: url("images/titre_droite.gif") no-repeat
}
.corpsSousTitre {
  height		 : 16px;
  color          : #ff9001;
  text-align     : right;
  font-size	     : 12px;
  font-weight    : bold;
  text-transform : uppercase;
  text-decoration: underline;
  margin         : 10px 20px 0px;
  padding-right  : 5px;
  padding-top    : 3px
}
.corpsRubrique {
  margin-left : 10px;
  padding-left: 5px;
  border      : #f4d4d4 solid;
  border-width: 0px 0px 1px 0px
}
.corpsTexte {
  color	 : #333366;
  padding: 7px 20px
}
.corpsTexte a {
  color	         : #ff9001;
  text-decoration: none
}
.corpsTexte a:link {
  color	         : #ff9001;
  text-decoration: none
}
.corpsTexte a:hover {
  color	         : #ff9001;
  text-decoration: underline
}
.corpsLien a {
  color          : #f4c5c5;
  text-decoration: none
}
.corpsLien a:link {
  color          : #f4c5c5;
  text-decoration: none
}
.corpsLien a:hover {
  color          : #ffffff;
  text-decoration: underline
}
.corpsListeResultats {
  background  : #7f4949;
  color       : #f4c5c5;
  font-size   : 10px;
  width       : 300px;
  padding-left: 5px;
  text-align  : left
}
.corpsListeResultatsGrise {
  background: #5b5b5b;
  width     : 300px
}
.corpsListeResultatsBleu {
  background  : #384d64;
  color       : #f4c5c5;
  font-size   : 10px;
  width       : 300px;
  padding-left: 5px;
  text-align  : left
}
.corpsListeResultats a {
  background     : #7f4949;
  color          : #f4c5c5;
  font-size      : 10px;
  width          : 300px;
  text-align     : left;
  text-decoration: none
}
.corpsListeResultats a:link {
  background     : #7f4949;
  color          : #f4c5c5;
  font-size      : 10px;
  width          : 300px;
  text-align     : left;
  text-decoration: none
}
.corpsListeResultats a:hover {
  background     : #7f4949;
  color          : #ffffff;
  font-size      : 10px;
  width          : 300px;
  text-align     : left;
  text-decoration: underline
}
.corpsListeDeroulante {
  background: #ffffff;
  color     : #ff9001;
  font-size : 10px;
  width     : 220px;
  text-align: left;
  border    : #000000 1px solid   
}
.corpsListeHeuresMinutes {
  background: #ffffff;
  color     : #ff9001;
  font-size : 10px;
  width     : 40px;
  text-align: left;
  border    : #000000 1px solid   
}
.corpsListeJoursAnnees {
  background: #ffffff;
  color     : #ff9001;
  font-size : 10px;
  width     : 60px;
  text-align: left;
  border    : #000000 1px solid   
}
.corpsListeMois {
  background: #ffffff;
  color     : #ff9001;
  font-size : 10px;
  width     : 100px;
  text-align: left;
  border    : #000000 1px solid   
}
.corpsListeVille {
  background: #ffffff;
  color     : #ff9001;
  font-size : 10px;
  width     : 300px;
  text-align: left;
  border    : #000000 1px solid   
}
.corpsListe {
  background: #ffffff;
  color     : #ff9001;
  font-size : 10px;
  width     : auto;
  text-align: left;
  border    : #000000 1px solid;
  margin    : 2px 0
}

.corpsZoneTexte {
  background: #ffffff;
  color     : #ff9001;
  font-size : 12px;
  width     : 300px;
  height    : 100px;
  text-align: left;
  border    : #000000 1px solid   
}
.corpsPersonnel {
  background: #384d64;
  color     : #ffffff;
  font-size : 12px;
  width     : 300px;
  text-align: left;
  border    : #000000 1px solid   
}

.corpsChampIntitule {
  color        : #000000;
  text-align   : right;
  padding-right: 5px
}
.champNomGrise {
  background   : #5b5b5b;
  color        : #c6c6c6;
  width        : 120px;
  text-align   : right;
  padding-right: 5px
}
.champNomBleu {
  background   : #496280;
  color        : #f4c5c5;
  width        : 120px;
  text-align   : right;
  padding-right: 5px
}
.corpsApercu {
  color       : #ff9001;
  width       : 60%;
  font-size   : 11px;
  text-align  : left;
  line-height : 1.8;
  padding-left: 5px
}
.classementTop a {
  color          : #000000;
  text-decoration: none
}
.classementTop a:link {
  color          : #000000;
  text-decoration: none
}
.classementTop a:hover {
  color          : #ff9001;
  text-decoration: underline
}

.celebritesMenu {
  text-align: left;
  padding   : 2px 0 0 5px;
  width     : 250px
}

.detailTitre {
  text-align    : right;
  font-weight   : bold;
  font-style    : italic;
  border-bottom : 1px dotted #000000;
  padding-bottom: 8px
}
/* star-html hack pour qu'IE affiche les borders dotted et pas dashed */
* html body .detailTitre {
  border        : 0;
  text-align    : right;
  font-weight   : bold;
  font-style    : italic;
  background    : url("images/dots.gif") bottom repeat-x;
  padding-bottom: 8px
}
.detailCadre {
  visibility: hidden;
  border    : 1px solid;
  width     : 380px;
  font-size : 10px;
  text-align: justify;
  padding   : 10px;
  position  : absolute;
}

.detailTextes {
  border-top : 1px dotted #000000;
  padding-top: 5px
}
/* star-html hack pour qu'IE affiche les borders dotted et pas dashed */
* html body .detailTextes {
  border     : 0;
  background : url("images/dots.gif") top repeat-x;
  padding-top: 5px
}

/* jQuery Autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
    text-align: left;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 11px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 13px;
	overflow: hidden;
}

.ac_loading {
	background: white url('http://www.astrotheme.fr/images/ajax.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}