h2 { 
text-align: center;
}
h4 { 
text-align: center;
}

body {
background-color: #383838;
margin-top: 0;
/*text-align: center;*/
}

#conteneur {
background-color: #383838;    
color: #ffffff;
width: 850px;
height: auto;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}

#logo {
background-color: #383838;
 background: #AFA99B url("images/logos/bandeau3.jpg") top no-repeat;    
width: 850px;
height: 100px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
padding: 0 0 0 0;
}


/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
 font: 13px Arial Narrow, Comic Sans MS;
	/*width: 900px;*/
	height: 25px;
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	position: absolute;
	top: 90px;
}
#menuDeroulant li
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	/*width: 105px;*/
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
/*	background: transparent url("fondTR.png") repeat;*/
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #F2462E;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

#entete {
height: auto;
}

#corps {
min-height: 330px;
}

#piedpage {
font-size: 14px;
border-top: 3px solid #000000;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 3px solid #000000;
height: 150px;
background-color: #3b4e77;
}

#une {
float: left;
margin-top: 30px;
margin-right: 20px;
}
#deux {
float: right;
margin-top: 30px;
margin-left: 20px;
}
#trois{
float: left;
margin-top: 20px;
margin-right: 20px;
}
#quatre{
float: right;
margin-top: 40px;
margin-left: 20px;
}
#cinq{
float: left;
margin-top: 10px;
margin-right: 20px;
}
.centre ,a{
color: #000000;
text-align: center;
}
a :visited{
color: #000000;
}

.titperl {
/*float: left;*/
font-family: BernhardFashion BT;
font-size: 150%;
font-weight: bold;
}
#passevar a{
float: right;
background-color: #e0e0e0;
color: #000000;
font-weight: bold;
padding: 0 5px 0 0;
margin: 5px;
border: 1px solid;
}

a {
color : #ffffff;
/*  text-decoration: underline;*/
}

.droit{
text-align: right;
}
.gauche{
text-align: left;
}
.tetetabtxt{
background-color: #0789f6;
text-align: left;
color: #ffffff;
}
.tetetabnum{
background-color: #0789f6;
text-align: right;
color: #ffffff;
}
.libel{
background-color: #e0e0e0;
font-family: Comic Sans MS;
color: #000000;
font-size: 14px;
font-weight: bold;
width: 120px;
}
.text{
background-color: #e0e0e0;
width: 150px;
}


.lettre:first-letter{
/*font-family: Segoe Print, BernhardFashion BT, Comic Sans MS;*/
font-size: 40px;
font-weight: bolder;
color: red;
}

#accueil{
margin: 0 20px 0 20px;
text-align: justify;
/*font-family: BernhardFashion BT, Comic Sans MS;*/
font-size: 14px;
}

.infobulle {
	position: absolute;	
	visibility : hidden;
	border: 3px double black;
	padding: 10px;
	font-family: Monotype Corsiva, Verdana, Arial;
	font-size: 120%;
	background-color: #C5D3E1;
        color: black;
	max-width: 300px;
	heigth: auto;
}

#pub {
border: 1px solid #000000;
background-color: #3A6EA5;
color: #000000;
}

.etatcmd1 {
background-color: yellow;
color: #000000;
}

.etatcmd2 {
background-color: green;
color: yellow;
}