BODY {
	PADDING: 0px; MARGIN: 0px;	BACKGROUND-COLOR:#000000 ;
	FONT-WEIGHT: normal; FONT-SIZE:11px; FONT-FAMILY: Helvetica, Arial, Trebuchet MS,  Verdana, Geneva, sans-serif
}
TD {
	COLOR: #000000; FONT-FAMILY: Helvetica, Arial, Trebuchet MS, sans-serif;  FONT-WEIGHT: normal; FONT-SIZE:11px
}
IMG {
	BORDER: 0
}
A {
	FONT-WEIGHT: normal ; FONT-FAMILY: Helvetica, Arial, Trebuchet MS, sans-serif; TEXT-DECORATION: none; COLOR: #000000}
A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #000000;TEXT-DECORATION: none
}
A:active {
	COLOR: #000000}
H1 {
	FONT-STYLE : normal; COLOR: #000000; FONT-SIZE: 18px; MARGIN-TOP: 4px; MARGIN-BOTTOM: 4px
}
H2 {
	FONT-STYLE: normal; COLOR: #000000; FONT-SIZE: 14px; MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px
}
H3 {
	
	FONT-STYLE: normal; COLOR:#000000; FONT-SIZE: 12px; MARGIN-TOP: 2px; MARGIN-BOTTOM: 10px
} 
INPUT {
	FONT-SIZE: 11px; FONT-WEIGHT: normal ; FONT-STYLE: NORMAL; COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; border:1px solid #000000
}
SELECT {
	FONT-SIZE: 11px; FONT-WEIGHT: normal ; FONT-STYLE: NORMAL; COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; border:2px solid transparent
} 
TEXTAREA {
	FONT-SIZE: 11px; FONT-WEIGHT: normal ; FONT-STYLE: NORMAL; FONT-FAMILY: Helvetica, Arial, Trebuchet MS, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; border:1px solid #000000
}
FORM { 
	MARGIN: 0px; FONT-SIZE: 11px; FONT-FAMILY: Helvetica, Arial, Verdana 
}
P {
	MARGIN:0px; PADDING:0px
}
#ensemble {
	MARGIN: 0px auto; WIDTH: 1020px; POSITION: relative;
}
#bandeau {
	WIDTH: 1020px; POSITION: relative;  COLOR: #000000;
	HEIGHT: 464px ;	BACKGROUND: url(site/fond1.gif) repeat;
}
#bandeau2 {
	WIDTH: 1020px; POSITION: relative;  COLOR: #000000;
	BACKGROUND: url(site/fond1.gif) repeat;
}
#debhlm {
	DISPLAY:block; WIDTH: 1020px; POSITION: relative;  COLOR: #000000;
	BACKGROUND: url(site/fond1.gif) repeat; margin:0;padding:0
}
#suitehlm {
	DISPLAY:block; WIDTH: 1020px; POSITION: relative;  COLOR: #000000;
	BACKGROUND-color:#36424a; margin:0;padding:0
}
.lignehlm {
	DISPLAY:block; WIDTH: 1020px; POSITION: relative;  COLOR: #000000;
	BACKGROUND-color:#36424a; margin:0;padding:0
}
.lienhlm {margin:0px;color: #ffffff}
.lienhlm A:link	{color: #ffffff;}
.lienhlm A:visited	{color: #ffffff;}
.lienhlm A:active {color: #ffffff;}	  
.lienhlm A:hover {color: #ffffff;} 

.periodehlm  {color: #f837e0;} 

/*------------------------------- */
/* general et accueil             */
/*------------------------------- */ 
.content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; VERTICAL-ALIGN: top; 
	WIDTH: 1020px;  PADDING-TOP: 0px;TEXT-ALIGN: left; voice-family: inherit	;/*HEIGHT: 670px;*/
} 
HTML > BODY .content {
	WIDTH: 1020px  ;BACKGROUND: url(site/fond_centre.png) repeat;
}
.centre {	 
	DISPLAY:inline; WIDTH: 640px; FLOAT: left; 	MARGIN: 0px 0px 0px 0px;
	PADDING-TOP: 10px ;	PADDING-RIGHT: 0px ;PADDING-BOTTOM: 7px ;PADDING-LEFT: 0px; 
}
.basdusite {
	text-align: right;	height:10px; width:	1020px;background-color:#ffffff;
	MARGIN:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	COLOR:#263c5f}
.basdusite a { COLOR:#263c5f}
.bandeaubas { 
	text-align:right; padding-right:30px ;COLOR:#000000}
.bandeaubas A:link	{font-style:bold;color: #000000;}
.bandeaubas A:visited	{color: #36424a;}
.bandeaubas A:active {color: #36424a;}
.bandeaubas A:hover {color: #36424a;TEXT-DECORATION: none}
.separation {
	HEIGHT: 1px	;margin:0px;padding:0px	
}
.both {
	CLEAR: both
}
.bloc0 {
	DISPLAY:block; margin:0;padding:0
}
/*---------------------------------------- */
/* colonne */
/*---------------------------------------- */
.ssmenu, .sssmenu {
/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */
	background-color:#000000;
	font-size:11px;
	font-weight:normal;
	border:1px solid #000000;
	color:#ffffff; text-transform:normal; /*uppercase*/
	width:150px;
	padding:1px;
	margin:1px;
} 
.menu {
/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	padding:0px;
	margin:0px;
}
.menu {
	text-align:center;
	/*background:#789ABC;  */
	/*border-color:#004455;	
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ABCDEF,endColorStr=#789ABC);  */
}
.menuencrs {
/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */
	/*background-color:#AA8922;*/
	font-size:10px;
	font-weight:bold;
/*border:1px solid #EFB;*/
	color:#263c5f;
	padding:0px;
	margin:0px;
}
.menuencrs {
	text-align:center;
	/*background:#789ABC;  */
	/*border-color:#004455;	
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ABCDEF,endColorStr=#789ABC);  */
}
.ssmenu {
	background-color:#000000;
	border-color:#000000;
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#789ABC,endColorStr=#004455); */
}
.sssmenu {
	border-color:#ffffff;
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm */
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#789ABC,endColorStr=#004455);
}

.menu span, .menuencrs span, .ssmenu span, .sssmenu  span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li, .sssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.ssmenu a, .sssmenu a, .ssmenu a:visited, .sssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:MS Sans Serif, sans-serif, Verdana, Arial;
	background-color:#000000;text-transform:normal;/*uppercase*/
	font-size:11px;
	text-decoration:none;
	color:#ffffff;
	padding:8px 1px 0px 11px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}	
.menu a, .menu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:Helvetica, Arial, MS Sans Serif, sans-serif, Verdana;
	font-size:10px;
	text-decoration:none;
	color:#ffffff;
	padding:0px 0px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
} 
.menuencrs a, .menuencrs a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:Helvetica, Arial, MS Sans Serif, sans-serif, Verdana;
	font-size:10px;
	text-decoration:none;
	height:34px;background-color:#000000;
	color:#ffffff;
	padding:0px 0px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,	   
html>body .menuencrs a, html>body .menuencrs a:visited, html>body .menuencrs a:hover, html>body .menuencrs a:active,	
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active,
html>body .sssmenu a, html>body .sssmenu a:visited, html>body .sssmenu a:hover, html>body .sssmenu a:active {
	width :auto;
}

.sssmenu ul:hover, .sssmenu a:hover, .sssmenu a:focus, .ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#000000;
	color:#f837e0;
	text-decoration:none; 
	/* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2289AA,endColorStr=#ABCDEF);  */
}
.menu a:hover, .menu a:focus, .menuencrs a:hover, .menuencrs a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#000000;height:34px;
	color:#ffffff;
	text-decoration:none;
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2289AA,endColorStr=#ABCDEF);  */
}
P.point {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../img/fondPoint.jpg) repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 600px; PADDING-TOP: 0px; HEIGHT: 2px
}
#container {
	MARGIN-TOP: 5px; FONT-SIZE: 0.9em; MARGIN-LEFT: 2px; WIDTH: 600px
}
#container P {
	MARGIN-BOTTOM: 5px; COLOR: #333
}
#container A {
	COLOR: #2b5a9c; TEXT-DECORATION: none
}
#container A:hover {
	COLOR: #ef8903; TEXT-DECORATION: underline
}
#menu10{top: 0px; left: 657px; position: absolute; margin: 0px; z-index: 2; width: 1px; background: transparent none repeat scroll 0% 0%;}
#menu11{top: 0px; left: 658px; position: absolute; margin: 0px; z-index: 2; width: 47px; background: transparent none repeat scroll 0% 0%;}