body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;/*
margin: 0;
padding: 0;*/

}
.adress {
	font-size: 10pt;
	font-style: italic;
	color: #FFFFFF;
	margin: -2px 2px 2px 5px;
	padding: -3px 2px -5px 5px;
	text-transform: uppercase; 
}
#header {
height: 95px;
background-image: URL(RUB/PIX/ARCHI/topframe.gif);
background-repeat: no-repeat;
background-position:bottom center;
}
#haut {
height: 30px;
background-color:#660000;
}
#conteneur {
position: relative;
width: 950px;
margin:0 auto;


}
#centre {
margin-left: 250px;
margin-right: 0px;
padding-left:50px;
padding-top:5px;
height:550px;
width:640px;
overflow: auto;

background-color:#ffffff;
}
#gauche {
position: absolute;
padding-top:15px;
padding-left:10px;
left:0;
width: 250px;
height:550px;
background-color:#660000;
overflow:auto;

}
#droite {
position: absolute;
padding-top:5px;
right:0;
width: 10px;
height:550px;
background-color:#660000;
}
#pied {
height: 48px;
color:white;
text-align:center;
background-color:#660000;
padding-top:10px;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding-left:200px;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
color:#FFCC66;
}
.menugauche {
	text-align:left;
	margin: 0;
	padding:0;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
}.menugauche ul{
list-style-type:none;
margin:0;
padding:5px;
line-height:1.7em;}
.menugauche li {

margin-bottom: 5px;
font-size: 1em;
	color: #FFFFFF;
}
.menugauche a:link {
font-size: 1em;
margin: 0 2px;
text-decoration: none;
}
.menugauche a:hover {
font-size: 1em;
text-decoration: underline;
}
.menugauche a:visited {
font-size: 1em;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}


#centre ul {text-align:left;
width:500px;
margin:10px;
height:50px;
padding:0;}
#centre li {
	list-style-type:none;
	margin:0;
	padding:0;

}
#centre li a {
display:block;
height:20px;
line-height:20px;
width:210px;
font-size:12px;
color:#333333;}
#centre li a:hover {
background:#333;
color:#fff;}
.titre {
	font-size: 16px;
	text-indent: 40pt;
	padding: 5px 0px 0px;
	margin-top:5px;
	margin-left:5px;
	height: 20px;
	width: 475px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #660000;
	vertical-align: top;
	border-top: 0px outset #FF9900;
	border-right: 0px outset #FF9900;
	border-bottom: 1px outset #660000;
	border-left: 0px outset #FF9900;
}
h1{
font-size:1.3em;
color:#333333;
margin-left:15px;
}
h2 {font-size:1.1em;
	color:#666666;
	}
.texte {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin:5px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	vertical-align: top;
}
h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin:5px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	vertical-align: top;
}

.texteliens {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDFFDC;
	text-decoration: none;
	text-align: left;
	font-style: normal;
	margin-left:5px;
	margin-top: 2px;
	padding: 2px;
}
a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: lighter;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	vertical-align: ;
	word-spacing: auto;
	padding-left: 5px;
}
a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
	word-spacing: auto;
	padding-left: 5px;
}
a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	vertical-align: ;
	word-spacing: auto;
	padding-left: 5px;
}
a:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: lighter;
	color: #ff9900;
	text-decoration: none;
	text-align: left;
	vertical-align: ;
	word-spacing: auto;
	padding-left: 5px;
}
.contacts {
	font-family: "Gill Sans", Verdana, Geneva, Helvetica, Arial;
	font-size: 12pt;
	font-style: italic;
	color: #fdffdc;
	text-decoration: none;
	vertical-align: top;
	margin-left: 20px;
	padding: 5px;
	margin-top: -13px;
}
.credits {
	font-family: "Gill Sans", Verdana, Geneva, Helvetica, Arial;
	font-size: 9pt;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
	padding: 5px;
}
.accleft {
	font-family: "Gill Sans", Verdana, Geneva, Helvetica, Arial;
	font-size: 13pt;
	font-style: italic;
	text-transform: uppercase;
	color: #Fdffdc;
	text-align:left;
	padding:0 ;
	margin-left: 3px;
}
#actu{
	width:210px; /* largeur du bloc */
	 /* hauteur du bloc */
	border:1px dotted #FDFFDC; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDFFDC;
	text-decoration: none;
	font-style: normal;

	margin:0px 0px 10px 7px;
	padding:3px;
		text-align:left;
	overflow:auto;/* ajoute une barre de dÈfilement automatique en cas de dÈbordement */
}
h3{
	/* allure du titre du bloc*/
	width:220px;/* mettre ici la mÍme largeur que ci-dessus */
	font-size:12px;
	font-family:verdana;
	text-align:center;
	color:white;
	background:#666;
	margin:0 5px;
	
}
.vertical {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	clip:   rect(100px auto auto auto);
}
#header h1 a,#header h1 a:hover,#header h1 a:visited {
display:block;
position:absolute;
top:40px;
left:450px;
padding:0;
margin:0;
color: #FFFFFF;
border:0;
font-size:2em;}

#next { display:block; width:600px; height:30px;}
#next a {color:black;}
#next img {border:0;}
#next-right{width=:60px; height:36px; float:right; text-align:center;}
#next-left {width=:60px; height:36px; float:left; text-align:center;}

#blocvideo {width:550px; text-align:center;}
/*###################FORMULAIRE##################
###########################################*/

.ligneImpaire{
	float:left;
	padding:5px; 
	width:590px; 
	border-bottom:1px dashed #bcc8c9;
	background-color:transparent;
	color:#999;
}
.lignePaire{
	float:left;
	background:#eee;
	color:#999;
	padding:5px; 
	width:590px; 
	border-bottom:1px dashed #cddbd6; 
}
.questionForm{
	float:left;
	font-weight:bold; 
	width:250px; 
	display:block; 
	float:left;
	}
.reponseForm{
	float:left;
	display:block;
	}
#pbForm, #formOK {
	padding:5px;
	margin:20px 0;
	width:590px;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
#pbForm {
	border:1px solid red;
	color:red;
}
#formOK {
	border:1px solid green;
	color:green;
}