/* CSS Document */
body, textarea {
	scrollbar-base-color:#999999;
	scrollbar-3dlight-color:#666666;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#999999;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#006699;
	background-color: #000066;
	height: auto;
	top: auto;
	bottom: auto;
}

#bodyPrincipal{
	position: absolute;
	top: 0px;
	height: 610px;	/*height: 580px;*/
	width: 805px;
	left: 50%;
	margin-left:-390px;
}
/*  *************
  Entete
******************/ 
#EnTete{
	width: 800px;
	height: 90px;
	background-color: #FFFFFF;
	top: 0px;
	position: absolute;
	left: 0px;
}
#ligneBasBody{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000066;
	width: 800px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 603px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(http://philippe.streiff.com/ImagesTemp/fondLigneBas.gif);
}
#logo{
	width: 440px;
	position: absolute;
	height: 57px;
	left: 0px;
	top: 0px;
}
#logo img{
	width: 100px;
	height: 100px;
}
#nomSte{
	vertical-align: middle;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 145px;
	top: 50%;
	position: absolute;
	left: 110px;
	padding-left: 5px;
}
#banniere{
	width: 340px;
	height: 60px;
	left: 455px;
	top: 0px;
	position: absolute;
}
#ligneEntete{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000066;
	width: 360px;
	position: absolute;
	left: 2px;
	top: 62px;
	text-align: left;
	vertical-align: text-top;
	height: auto;
	line-height: 25px;
}
#ligneFacebook{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999;
	width: 360px;
	position: absolute;
	left: 20px;
	top: 62px;
	text-align: left;
	vertical-align: text-top;
	height: auto;
	line-height: 25px;
}
#ligneFacebook a {
	text-decoration:none;
	color: #999;
}
#ligneIdentification{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF9999;
	width: 400px;
	position: absolute;
	left: 380px;
	top: 65px;
	text-align: right;
	vertical-align: text-top;
}


/******************
      Menu
******************/
#menu{
	width: 800px;
	left: 0px;
	position: absolute;
	top: 90px;
	height: 50px;
	background-color: #FF0000;
}
.menuGen {
	width:133px;
	height:50px;
	top: 0px;
	position: absolute;
}
.menuGen img {vertical-align:bottom}

.sousMenu{
	display: none;
	position: absolute;
	top: 180px;
	width: 190px;
	z-index: 2;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: -10px;
	height: 50px;
	left: 0px;
}
#sousMenu1 {
	background-color: #666666;
}
#sousMenu2 {
	background-color: #000099;
}
#sousMenu3 {
	background-color: #FF0000;
}
#sousMenu4 {
	background-color: #666666;
}
#sousMenu5 {
	background-color: #000066;
}
#sousMenu6 {
	background-color: #FF0000;
}
#lignesousMenu0 {
	display: none;
	position: absolute;
	top: 132px;
	left: 0px;
	width: 800px;
	height: 40px;
	background-color: #FFFFFF;
	z-index: 1;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	visibility: visible;
	line-height: 40px;
	margin-top: 0px;
}
#lignesousMenu1, #lignesousMenu2, #lignesousMenu3, #lignesousMenu4, #lignesousMenu5, #lignesousMenu6, #lignesousMenu7 {
	display: none;
	position: absolute;
	top: 132px;
	left: 0px;
	width: 800px;
	height: 50px;
	z-index: 1;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	visibility: visible;
	/*line-height: 50px;*/
	margin-top: 0px;

}
#lignesousMenu1 {
	background-color: #666666;
}
#lignesousMenu2 {
	background-color: #000099;
}
#lignesousMenu3 {
	background-color: #FF0000;
}
#lignesousMenu4 {
	background-color: #666666;
}
#lignesousMenu5 {
	background-color: #000099;
}
#lignesousMenu6 {
	background-color: #FF0000;
}
#lignesousMenu7 {
	background-color: #CFA81E;
}
#lsousMenu {
	text-align: center;
	width: 800px;
	/*height: 41px;*/
	/*top: 10px;*/
	margin-top: 5px;
}
#lignesousMenu0 a,#lignesousMenu1 a, #lignesousMenu2 a, #lignesousMenu3 a, #lignesousMenu4 a, #lignesousMenu5 a, #lignesousMenu6 a, #lignesousMenu7 a {
	text-decoration:none;
	color: #FFFFFF;
	/*line-height: 50px;*/
	vertical-align: middle;	
	/*margin-top: 30px;*/
}
#lignesousMenu0 a:hover,#lignesousMenu1 a:hover, #lignesousMenu2 a:hover, #lignesousMenu3 a:hover, #lignesousMenu4 a:hover, #lignesousMenu5 a:hover, #lignesousMenu6 a:hover, #lignesousMenu7 a:hover {
	color: #00FFFF;
}
.img1 {
	/*vertical-align: middle;
	margin-top: 10px;
	border: 0px;*/
}
.habillage {
	text-align: left;
	left: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 15px;
	margin-top: 0px;
	vertical-align: text-top;
	white-space: nowrap;
}
.habillage1 {
	text-align: left;
	left: 0px;
	margin-left: 20px;
	margin-top: 0px;
	vertical-align: text-top;
	white-space: nowrap;
}
.habillage li, .habillage1 li {
	list-style: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding-top: -5px;
	line-height: 14px;
}
.habillage a, .habillage1 a {
	text-decoration:none;
	color: #FFFFFF;
}
.habillage a:hover, .habillage1 a:hover {
	color: #00FFFF;
}
/* cadre gauche menu */
#CadreGaucheM{
	position: absolute;
	width: 200px;
	z-index: 0;
	top: 182px;
	left: 0px;
	visibility: visible;
}
#CadreGaucheM1 {
	position: absolute;
	width: 200px;
	z-index: 0;
	top: 0px;
	left: 0px;
	visibility: visible;
	height: 420px;
}
.CadreGaucheMenu0{
	background-color: #FFFFFF;
}
.CadreGaucheMenu1, .CadreGaucheMenu4  {
	background-color: #666666;
}
.CadreGaucheMenu2, .CadreGaucheMenu5 {
	background-color: #000099;
}
.CadreGaucheMenu3, .CadreGaucheMenu6 {
	background-color: #FF0000;
}
.CadreGaucheMenu7 {
	background-color: #CFA81E;
}
.Style1 {
	font-size: smaller;
	font-weight: normal;
}
.StyleTitreCorps {
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #0000CC;
}
.divReponse1 {
	background-color: #009999;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.divCorps1 {
	background-color: #FFFFFF;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	left: 40px;
	margin-left: 90px;
	margin-top: 20px;
	padding-right: 10px;
}
.MenuCG {
	position: relative;
	margin: 0px;
	z-index: 0;
	margin-left: 10px;
	margin-top: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.MenuCGBas {
	position: static;
	margin: 0px;
	z-index: 0;
	margin-left: 10px;
	margin-top: 5px;
	/*top: 230px;*/
	bottom: 0px;
}

.MenuCG a {
	text-decoration:none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.MenuCG li {
	list-style: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	padding-top: 0px;
	margin-left: -7px;
	white-space: normal;
}
.MenuCG a:hover {
	color: #00FFFF;
}
.MenuCG h3 {
	text-decoration:none;
	color: #FFFF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.MenuCG h2{
	text-decoration:none;
	color: #66CCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.MenuCGBas a {
	text-decoration:none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.MenuCGBas h3 {
	text-decoration:none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.MenuCGBas h5 {
	text-decoration:none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.MenuCGBas li {
	list-style: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding-top: 0px;
	margin-left: -7px;
	white-space: normal;
}
.MenuCGBas a:hover {
	color: #00FFFF;
}
/* cadre droit corps */
#CadreDroitCorps {
	position: absolute;
	width: 600px;
	height: 420px;
	z-index: 0;
	top: 182px;
	left: 200px;
	border: 1 none;
	background-color: #000066;
	visibility: visible;
}
/*Cadre gauche corps */
#CorpsHaut{
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
}
#Corps{
	position: absolute;
	width: 600px;
	height: 370px;
	top: 50px;
	left: 0px;
}
#Corps2{
	position: absolute;
	width: 500px;
	height: 370px;
	top: 0px;
	left: 150px;
}
.fondCorps{
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #0033CC;
	font-size: 12px;
	vertical-align: top;
}
.fondCorps a {
	text-decoration:none;
	color: #0033CC;
	font-size: 12px;
}
.fondCorps a:hover {
	text-decoration:none;
	color: #FF0000;
	font-size: 12px;
}
.hautCorps{
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	font-size: 24px;
	text-align: center;
}
.pCorps{
	text-align: left;
	margin-right: 50px;
}
.pCorps1{
	text-align: left;
	font-weight: bold;
	line-height: 12px;
}
.pCorps2{
	text-align: right;
	font-weight: bold;
	line-height: 12px;
}
.pPhoto{
	text-align: left;
	font-weight: bold;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-left: 10px;
}
h3{
	line-height: 14px;	
}
h1{
	color: #CCCCCC;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
/* calendrier */
/* jours pour Netscape */
.NSday
{
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	bold;
	font-size:	12px;
	color:		#0000cc;
	text-decoration: none;
}
/* tableau des jours */
.Gtab
{
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	font-size:	12px;
	text-decoration: none;
	border:	solid 1px #000000;
	background:	#949fc7;
	width:		152px;
	background-color: #006666;
}
/* champs texte */
.Gname
{
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	bold;
	font-size:	12px;
	color:		#ffffff;
	text-decoration: none;
	cursor:		pointer;
}

/* champs texte */
.Gtxt
{
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	font-size:	12px;
	color:		#6c628a;
	text-decoration: none;
	margin-left:	0px;
}
/* en-tete semaine */
.Gh1, .Gh2, .Gh3, .Gh4, .Gh5
{
	width: 		20px;
	height: 	16px;
	font-size:	12px;
	background:	#949fc7;
	border:		solid 1px #949fc7;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	bold;
	color:		#ffffff;
	text-align:	center;
	line-height:	16px;
	background-color: #006666;
}
.Gh0, .Gh6
{
	width: 		20px;
	font-size:	12px;
	height: 	16px;
	border:		solid 1px #b7a9c7;
	background:	#b7a9c7;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	bold;
	color:		#ffffff;
	text-align:	center;
	line-height:	16px;
	background-color: #009999;
}
.Gfree
{
	width: 		20px;
	height: 	16px;
	background:	#b7a9c7;
	border:		solid 1px #ffffff;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#000000;
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
	background-color: #99CCFF;
}
.Gfreeon
{
	width: 		20px;
	height: 	16px;
	background:	#b9c0d9;
	border:		solid 1px #000000;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#000000;
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
}
.Gc1, .Gc2, .Gc3, .Gc4, .Gc5
{
	width: 		20px;
	height: 	16px;
	background:	#949fc7;
	border:		solid 1px #006666;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#FFFFFF;
	text-align:	center;
	cursor: 	default;
	line-height:	16px;
	background-color: #006666;
}
.Gc1on, .Gc2on, .Gc3on, .Gc4on, .Gc5on
{
	width: 		20px;
	height: 	16px;
	background:	#6c628a;
	border:		solid 1px #ffffff;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#ffffff;	
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
}
.Gc0, .Gc6
{
	width: 		20px;
	height: 	16px;
	border:		solid 1px #009999;
	background:	#b7a9c7;
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#FFFFFF;
	text-align:	center;
	cursor: 	default;
	line-height:	16px;
	background-color: #009999;
}
.Gc0on, .Gc6on
{
	width: 		20px;
	height: 	16px;
	border:		solid 1px #ffffff;
	background:	#0c628a;
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#ffffff;
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
}
.Gc
{
	width: 		20px;
	height: 	16px;
	border:		solid 1px #ffffff;
	background:	orange;
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#000000;
	text-align:	center;
	cursor: 	default;
	line-height:	16px;
}
.Gcon
{
	width: 		20px;
	height: 	16px;
	border:		solid 1px orange;
	background:	#ffffff;
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#000000;
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
}