/*range:
Vert:	#00CC00
Vert foncé:	#008080
Orange:#FF6600
Bleu:#00FFFF
Contient les balises générales
l'entête
la barre de navigation
avec les carrés
le pied de page
*/
* {
	margin : 0;
	padding : 0;
}
html, body {
	background-color : #000;
	color : #00cc00;
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	height : 100%;
}
div {
	color : #00CC00;
	font-family : Arial;
	font-size : 8pt;
}
ul, p {
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	left : 0;
	bottom : 10px;
	margin-left : 10px;
}
img {
	border : 0 solid #ff6600;
}
a:link {
	color : #00CC00;
	text-decoration : none;
}
a:visited {
	color : #00CC00;
	text-decoration : none;
}
a:hover, a:active {
	color : #00ffff;
	text-decoration : underline;
}
/* ----------------------------  Entete --------------------------- */
.Entete {
	background-color : #000;
	color : #669999;
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size : 18pt;
	padding-left : 17px;
	line-height : 35px;
	border : 0px solid #000;
	left : 10px;
  }
.Entete a:link {
	background-color : #000;
	color : #669999;
	text-decoration : none;
  }
.Entete a:visited {
	background-color : #000;
	color : #669999;
	text-decoration : none;
  }
.Entete a:hover {
	background-color : #000;
	color : #669999;
	text-decoration : none;
}
.voeux {
	padding-left:30px;
	font-size: 16px;
	color: #00CC00;
}

/* ----------------------------  Barre de navigation --------------------------- */
 #navbar {
	border : 0 solid #000;
	background-color : #000;
	color : #DDDDDD;
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	padding-bottom: 1px;
	padding-left:15px;
	padding-right:12px;
	line-height : 20px;
	/*font-weight: bold;*/
  }
 #navbar a:link {
	background-color : #000;
	color : #DDDDDD;
	text-decoration : none;
  }
 #navbar a:visited {
	background-color : #000;
	color : #DDDDDD;
	text-decoration : none;
  }
 #navbar a:hover {
	background-color : #000;
	color : #00ffff;
	text-decoration : none;
	/*font-weight: bold;*/
  }
 #navbar a:active {
	background-color : #000;
	color : #ff6600;
	text-decoration : none;
  }
.PetiteMinuscule {
	font-size : 90%;
	font-family : Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.PageActive {
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color : #ff6600;
	font-size : 10pt;
	padding-left:0px;
	padding-right:5px;
}
.ActualiteActive {
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-size : 10pt;
	background-color: #ff6600;
	padding-left:10px;
	padding-right:12px;
}
/************/
.NavBarDet {
 	position:relative;
	left:10px;
	border : 0 solid #000;
	background-color : #000;
	color : #DDDDDD;
	padding-left : 10px;
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	padding-bottom: 1px;
	padding-left:5px;
	padding-right:12px;
	line-height : 25px;

  }
.NavBarDet a:link {
	background-color : #000;
	color : #DDDDDD;
	text-decoration : none;
  }
.NavBarDet a:visited {
	background-color : #000;
	color : #DDDDDD;
	text-decoration : none;
  }
.NavBarDet a:hover {
	background-color : #000;
	color : #00ffff;
	text-decoration : none;
	/*font-weight: bold;*/
  }
.NavBarDet a:active {
	background-color : #000;
	color : #ff6600;
	text-decoration : none;
  }
/* ----------------------------  Pub Google--------------------------- */
.PubGoogleH {
	position:absolute;
	left:565px;
	top: 5px;
	z-index: 200;
}
.PubGoogleV {
	position:absolute;
	left:1040px;
	top: 10px;
	z-index: 200;
}
.PubGoogleVAccueil {
	position:absolute;
	left:840px;
	top: 10px;
	z-index: 200;
}
.PubGoogleZoom {
	position:absolute;
	left:1150px;
	top: 10px;
	z-index: 200;
}
/* ----------------------------  Pied de Page--------------------------- */
#PiedPage {
	background-color : #000;
	border-top-width : 10px;
	border-right-width : 10px;
	border-bottom-width : 5px;
	border-left-width : 10px;
	border-top-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-style : solid;
	border-top-color : #000;
	border-right-color : #000;
	border-bottom-color : #000;
	border-left-color : #000;
	color : #669999;
	line-height : 30px;
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	position:relative;
	left:10px;
	top:10px;
	z-index:70;
	width: 800px;
/*	bottom:0px;*/
}
 #PiedPage a:link {
	background-color : #000;
	border-top-width : 10px;
	border-right-width : 10px;
	border-bottom-width : 5px;
	border-left-width : 10px;
	border-top-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-style : solid;
	border-top-color : #000;
	border-right-color : #000;
	border-bottom-color : #000;
	border-left-color : #000;
	color : #669999;
	line-height : 30px;
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
  }
 #PiedPage a:hover {
	color : #0ff;
	/*font-weight : bold;*/
	text-decoration : none;
  }
.copyright{
	font-size: 8pt;
}