@import url("old-NSR.css");

html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. */ 
}

body {
	text-align: center; /* pour corriger le bug de centrage IE */
	background-color: #fff200;
	color : black;
	margin-top : 0;
	margin-right : 0;
	margin-left: 0;
	font-family : Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 10pt;
	/* line-height: 1.2; */ 
}

_div {
border: 1px solid red !important;
}

#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left; /* on rétablit l'alignement normal du texte aprs center dans body */
	background-image: url(../images/fond.png);
	background-repeat: repeat-y;
	border: 0;
	padding: 0;
}

#haut {
	position: relative; /* pour positionner en absolute le déroulant et le panneau sponsors */
	background-image: url(../images/cadre_haut2.png);
	background-repeat: no-repeat;
	margin-top: 0;
	height: 105px;
}

#panneau_sponsor {
	position: absolute;
	ppadding: 1px 0; /* ?? fusion des marges ?? */
	top: 16px;
	/* right: 95px; */
	left: 583px;
	width: 122px;
	height: 62px;
	font-size: 8pt;
	text-align: center;
	text-decoration: none;
}

#panneau_sponsor img, #panneau_sponsor a img {
	border: 0;
}

#panneau_sponsor a, #panneau_sponsor a:visited {
	text-decoration: none;
}

#menu {
	background-image: url(../images/bandeau_haut2.png);
	background-repeat: no-repeat;
	margin: 0;
	height: 24px;
}

#container_milieu {
	background-image: url(../images/cadre_bas.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	/* padding: 1px 0; fusion des marges */
	overflow: hidden;
}

#milieu {
	background-image: url(../images/terrain_H.png);
	background-repeat: no-repeat;
	margin-top: 0;
	padding: 1px 0; /* fusion des marges */
}


#main {
	margin: 10px 70px 1em 70px;
	background-image: url(../images/fond_TR_66.png);
	background-repeat: repeat;
}

#bloc-bas { /* inutile */
	_padding: 1px 0; /* fusion des marges */
	background-image: url(../images/cadre_bas.png);
	background-repeat: no-repeat;
	height: 110px;
}

/*** blocs actu ***/
#actu_main {
	margin-right: 230px;
	padding: 5px;
}

#actu_info {
	float: right;
	width: 220px;
}

/*** balises principales ***/

p, fieldset {
	text-align: justify;
	margin: 1em;
}

strong {
	font-weight: bold;
}

/*** Liens ***/ 
a { 
  text-decoration: none; 
} 
a:link { 
  color: #004488; 
} 
a:visited { 
  color: #004488; 
} 
a:hover, a:focus, a:active { 
  color: #CC3300; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
}

/***  sélecteurs, listes ***/
input, select {
	font-size: 10pt;
	padding: 0 0.3em;
}

ul,ol {
	text-align: justify;
	margin: 1em 1em 1em 2em;
}

/*** intertitres ***/
h1 {
	font-size: 1.2em;
	font-weight: bold;
	background-color: white;
	margin: 0;
	border: 1px solid #e0e0f0;
	padding: 0.3em;
	padding-left: 1.5em;
}

h2, legend {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin: 0.5em 1em;
}

h2.histoire {
	text-decoration: underline;
	margin-left: 1em;
}

/*** infos et navigation interne ***/
.navinterne {
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	padding: 2em 0;
}

/*********** tables ***********/
table {
}

tr {
}

th {
	text-align: center;
	font-weight: bold;
}

td {
}

/*** Photos d'équipe ***/
.equipe {
	text-align: center;
}

.equipe img {
	border: 1px solid black;
}

.equipe h2 {
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
	margin: 0.5em;
}

.equipe h3 {
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	margin: 0.5em;
}

/*** partenaires ***/
.partner {
	border-bottom: 1px dotted gray;
}

.partner img{
	border: 1px solid black;
	margin: 0.3em 0 0.3em 0;
}

/*** couleurs alternées ***/
.bureau {
	color: #111111;
	margin: 1em;
	border: 1px solid #004185; /* bleu loup */
}

.bureau div, .bureau p {
	clear: both;
	overflow: hidden;
	padding : 1em;
	margin: 0;
}

.bureau img.portrait {
	float: left;
	border: 1px solid black;
	margin: 0 1em 0 0;
}

.bg_color {
	background-color: #F2F5F7; /* bleu pale */
}

.alt_bg_color {
	background-color: #FFFFFF;
}

/*** Login ***/
input.login {
	font-size: 8pt;
	color: Navy;
}

a.login:link {
	color: black;
	text-decoration: none;
}

a.login:visited {
	color: black;
	text-decoration: none;
}

a.login:hover {
	color: red;
	text-decoration: none;
}

a.login:active {
	text-decoration: none;
}

/*** Messages erreur **/
.ErrMsg {
	font-weight: bold;
	color: red;
}

/* liScroll style declarations */
.defile_container { /* the outer div with the black border */
	position: absolute; /* par rapport au DIV haut */
	top: 61px; left: 335px; width: 130px; height: 26px;
	color: #B0BDE2; background-color: black; padding: 1px 0; border: 0;
}

.defile_container .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative; left: 0; top: 3px; width: 130px; overflow: hidden; white-space:nowrap; }

ul#defile { /* that's your list */
	position: relative; left: 130px; font-size: 1.2em; font-weight: bold;
	font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace;
	list-style-type: none; margin: 0; padding: 0; }

ul#defile li { float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0; padding: 0; background: black; }

ul#defile a { white-space: nowrap; padding: 0; color: #ffffff; margin: 0 50px 0 0; text-decoration: none; } 

ul#defile span { margin: 0 10px 0 0; } 
/* end liScroll style declarations */

/*** Wait screen ***/
#waitDiv { position:absolute; left:40%; top:40%; visibility:hidden; font-weight: bold; color: white; 
		background-color: #7EA9D3; padding: 5px; text-align: center; border: 1px solid #31639C; }

/*** Cartouches ***/
.cartouche {
	border: 1px solid #004185;
	background-color: #f4f4f4;
	font-size: 0.8em;
	margin : 2em 0.3em 0.3em;
}

.cartouche h2 {
	background-color: #004185; /* bleu loup */
	font-weight: bold;
	font-size: 1.2em;
	padding : 0.3em;
	margin: 0;
	color: #fff;
	text-decoration: none;
}

.cartouche p {
	/* border: 1px solid red !important; */
	margin: 0;
	padding: 0.3em 0.5em;
}

.cartouche p.titre {
	font-weight: bold;
	padding-top: 0.8em;
}

.cartouche p.lien {
	text-align: left;

}
.cartouche p.info {
	text-align: right;

}

#cryptogram {
	border: 1px solid black;
}

#cryptoreload {
	border: 0;
	cursor: pointer;
}

label {
	display:block;
	width: 8em;
	float:left;
	text-align: right;
	margin-right: 0.6em;
}