/* Se baser sur le navigateur Opera pour ajuster la hauteur "height" correcte des colonnes-blocs #preamble et #linkList.
   Cela va alors convenir à tous les autres navigateurs plus courts. Ajouter 31 à height #LinkList pour équivaloir height #preamble.
   Ignorer le fait que les colonnes-blocs toujours trop courtes dans le visionneur interne de Webexpert. */
   
/* DOCUMENTS.HTML */
/* colone gauche marron MENU, + 31 de plus que la droite */
#linkList-doc {
	width: 220px;
	position: absolute;
	top: 253px;
	left: 25px;
	background: #3A0000;
	height: 750px;
}
/* colonne droite vieux-rose TEXTE, - 31 de moins que la gauche */
#preamble-doc {
	background: #7C5252;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 225px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 719px;
}

/* INDEX.HTML */
/* colone gauche marron MENU, + 31 de plus que la droite */
#linkList-index {
	width: 220px;
	position: absolute;
	top: 253px;
	left: 25px;
	background: #3A0000;
	height: 791px;
}
/* colonne droite vieux-rose TEXTE, - 31 de moins que la gauche */
#preamble-index {
	background: #7C5252;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 225px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 760px;
}

/* CONTACTS.HTML */
/* colone gauche marron MENU, + 31 de plus que la droite */
#linkList-contact {
	width: 220px;
	position: absolute;
	top: 253px;
	left: 25px;
	background: #3A0000;
	height: 931px;
}
/* colonne droite vieux-rose TEXTE, - 31 de moins que la gauche */
#preamble-contact {
	background: #7C5252;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 225px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 900px;
}

/* --------------------------------------------------------- */

#preamble-index h3 {
  height: 19px;
	margin: 0px;
	padding: 0px;
}
#preamble-index h3 span{
}
#preamble-doc h3 {
  height: 19px;
	margin: 0px;
	padding: 0px;
}
#preamble-doc h3 span{
}
#preamble-contact h3 {
  height: 19px;
	margin: 0px;
	padding: 0px;
}
#preamble-contact h3 span{
}


#linkList2 {
	padding: 15px 10px 10px 10px;
}


#linkList-index h3 {
	margin: 0px;
	padding: 0px;
}
#linkList-index h3 span {
}
#linkList-index ul {
	margin: 12px 0 15px 15px;
	padding: 0px;
}
#linkList-index li {
	list-style: none;
	margin: 0;
	padding: 0px;
}
#linkList-doc h3 {
	margin: 0px;
	padding: 0px;
}
#linkList-doc h3 span {
}
#linkList-doc ul {
	margin: 12px 0 15px 15px;
	padding: 0px;
}
#linkList-doc li {
	list-style: none;
	margin: 0;
	padding: 0px;
}
#linkList-contact h3 {
	margin: 0px;
	padding: 0px;
}
#linkList-contact h3 span {
}
#linkList-contact ul {
	margin: 12px 0 15px 15px;
	padding: 0px;
}
#linkList-contact li {
	list-style: none;
	margin: 0;
	padding: 0px;
}



body{
	background: #e3dfdc;
	margin: 0px;
	padding: 0px;
	font: 72%/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

a:link {
	color: #FFCE4E;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FFFF00;
	text-decoration: none;
}

#container {
  position: relative;
	width: 715px;
	margin: 0 auto;
	background: #FFFFFF url(img/container.gif) repeat-y;
	padding-right: 25px;
	padding-left: 25px;
	text-align: left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 665px;
}

html>body #container {
	width: 665px;
} 

#pageHeader {
	margin-bottom: 5px;
	background: url(img/logo2.gif) no-repeat;
	height: 46px;
	width: 665px;
}

#pageHeader h1 {
	width: 665px;
	height: 38px;
	margin: 0px;
	padding: 0px;
}

#pageHeader span {
}

#pageHeader h2 {
}

#quickSummary {
	background: url(img/cierge.jpg) no-repeat;
	width: 665px;
	height: 202px;
	cursor: pointer
}

#quickSummary .p1 {
	font-size: 20px;
	text-align: center;
	position: absolute;
	left: 346px;
	top: 74px;
	line-height: 40px;
	height: 43px;
	width: 332px;
}

#quickSummary .p1 span {
}


#quickSummary .p2 {
	height: 27px;
	background: #97a25e;
	margin: 5px 0 5px 0;
	padding: 5px 0 0 10px;
	vertical-align: bottom;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height: 22px;
}

html>body #quickSummary .p2 {
	height: 22px;
} 

#supportingText {
	margin: 0 0 0 225px;
	background: #7C5252;
	padding: 0 15px 1px 15px;
}

#explanation h3 {
  height: 19px;
	margin: 0px;
	padding: 0px;
}

#participation h3 {
  height: 15px;
}

#footer {
	position: absolute;
	margin: 5;
	padding: 0;
	top: 13px;
	left: 40px;
	text-align: left;
	width: 683px;
}

#extraDiv1 {
	height: 49px;
	width: 715px;
	margin: 0 auto;
	background: #FFFFFF url(img/bandwidth2.gif);
	text-align: center;
	padding-top: 10px;
}

#requirements .p5 {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -30px;
	left: 35px;
	text-align: left;
	z-index: 10;
}

#lselect li  {
	margin: 0 0 10px 0;
}

#lselect li a {
  display: block;
}

#lselect li .c {
  display: inline;
}

#lselect h3 {
  height: 22px;
}

#larchives h3 {
  height: 15px;
}

.stylebouton {color: #FFFFFF; background: #3A0000}

.largeur {
	color: #560000;
	background-color: #500000;
	height: 5px;
	border: none;
}