a:link {color: #0D4F61;font-weight:bold;}
a:hover {color: #FF5500;font-weight:bold;}
a:visited {color: #0D4F61;font-weight:bold;}
a:visited:hover {color: #FF5500;font-weight:bold;}
a:active {color: red;font-weight:bold;}
/*Banniere haut de page (header)*/
#header
{
	margin-left: 5px;
	background-image:url("../img/header.png");
	background-repeat: repeat-x;
	height:115px;
	margin: 0;
}

#header #wsname
{
	margin-left: 150px;
	font-size: 90px;
	color: white;
	font-weight: bolder;
	font-family: Arial, "Times New Roman", Verdana, serif;
}
#headlink
{
	border: none;
}

/*liens incolores non soulignés + body*/
A:link, A:visited, A:active, A:hover {TEXT-DECORATION:none;}
body
{
	font: 15px verdana, sans-serif;
/*	background: #B8E4DD;*/
	background-image: url("../img/bg.png");
	background-position: center center;
	background-attachment:fixed; 
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

/*Barre horizontale des menus*/
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menuHaut, .ssmenu {
		visibility:hidden;
	}
}

.menuHaut, .ssmenu {
/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */
	background-color:#AA8922;
	font-size:15px;
	font-weight:bold;
	border:1px solid #EFB;
	color:white;
	width:150px;
	padding:1px;
	margin:1em;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	-moz-border-radius: 10px;
}
.menuHaut {
	text-align:center;
	background:#789ABC;
	border-color:#004455;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ABCDEF,endColorStr=#789ABC);
	-moz-border-radius: 10px;
}
.ssmenu {
	background:#004455;
	border-color:#ABCDEF;
	-moz-border-radius: 10px;
/* 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);
}

.menuHaut span, .ssmenu 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 {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menuHaut a, .ssmenu a, .menuHaut a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:MS Sans Serif, sans-serif, Verdana, Arial;
	text-decoration:none;
	color:#FEB;
	padding:2px 1px;
/* 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;
	-moz-border-radius: 10px;
}
html>body .menuHaut a, html>body .menuHaut a:visited, html>body .menuHaut a:hover, html>body .menuHaut a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menuHaut a:hover, .menuHaut a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#A8D3E3;
	color:#034;
	text-decoration:none;
	-moz-border-radius: 10px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2289AA,endColorStr=#ABCDEF);
}


/*Barre verticale (à gauche) pour la navigation dans les articles*/
/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:175px;
		background-color:white;
		border-width:1px 2px 1px 2px;
		border-style:solid;
		border-color:#AAAAAA;
		-moz-border-radius: 10px;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 5px 5px 8px;
		background-color:#DDDDDD;
		color:#000000;
		font-family:Arial;
		font-size:13px;
		text-decoration:none;
		border-width:1px 0px 1px 0px;
		border-style:solid;
		border-color:#AAAAAA;
		-moz-border-radius: 10px;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:underline;
		background-color:#EAEAEA;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	background-image:url("../img/footer.png");
	{	
		padding:10px 0px 10px 0px;
		background-color:#FFFFFF;
		border-width:1px;
		border-style:none;
		border-color:#CCCCCC;
		-moz-border-radius: 10px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 0px 2px 15px;
		margin:0px 5px 0px 5px;
		background-color:transparent;
		background-image:none;
		border-style:none;
		-moz-border-radius: 10px;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		text-decoration:underline;
		background-color:#DDDDDD;
	}
	.qmparent:hover
	{
		background-color:#EAEAEA;
	}

	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#DDDDDD;
	}
	.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}

.rubriques
{
	text-align: left;
	width: 0px;
	vertical-align: top;
}

/*contenu*/
.milieu
{
	vertical-align : top;
	width: 750px;
}
.cadre
{
	vertical-align: top;
	border: solid 2px blue;
	background: white;
	width: 300px;
	-moz-border-radius: 10px;
}
#co
{
	vertical-align: top;
	font-size: 12px;
}




table, table p
{
	text-align: left;
	vertical-align: top;
	margin: 5px;
	border-collapse: separate;
	-moz-border-radius: 10px;
}
td, th /* Mettre une bordure sur les td ET les th */
{
	border: 0px solid black;
	/*padding: 2px;
	height: 10px;*/
}
.tab
{
	border-collapse: collapse;
}
.contenu
{
	vertical-align: top;
	text-align: left;
	width: 61%;
}
.fix
{
	vertical-align : top;
	width: 1125px;
}
.idlog{
	text-indent: 300%;
}

#container{
	min-height: 100%
	margin: 0 auto;
	position: relative;
}

#footer
{
	position: static;
	margin-left: 5;
	background-image:url("../img/footer.png");
	background-repeat: repeat-x;
	height:31px;
	width: 100%;
	margin: 0;
	bottom: 0;
	padding-bottom: 0;
}
.way{
	border: solid 2px #59972A;
	background-image:url("../img/bgway.png");
	/*background-attachment:fixed;*/
	background-repeat: no-repeat;
	width: 745px;
	height: 21px;
	text-indent: 15px;
	padding: 15px;
	-moz-border-radius: 10px;

}

.way2:link {color: #0D4F61;}
.way2:hover {color: #FF5500;}
.way2:visited {color: #0D4F61;}
.way2:visited:hover {color: #FF5500;}
.way2:active {color: red;}

.rsch{
	width: 175px;
	height: 47px;
	vertical-align: bottom;
	margin-left: 23px;
	font-weight: bolder;
	text-align:right;
	margin-right: 10px;
	font-style:italic
}
#rsch{
	width: 175px;
	height: 47px;
	vertical-align: bottom;
	background-image:url("../img/research.png");
	background-repeat: no-repeat;
}