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

body {
background-color: #383838;
margin-top: 0;
/*background: url("gris_degrad.png") repeat-x top left;*/
}

#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;
}

.menu {
text-align: center;
}
.menu a {
  width: 7em;
	height: 1.2em;
  border-top: 2px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 2px solid #cecece;
  border-right: 2px solid #4a4a4a;
	text-align: center;
	color: #000;
background-color: #feeed5;
text-decoration: none;
font-family: Verdana ,Arial, "Times News Roman", Times, sans-serif;
font-size: 15px;
}
.menu a:hover {
  border-top: 2px solid #4a4a4a;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #4a4a4a;
  border-right: 2px solid #ffffff;
background-color: #0C75BA;
color: yellow;
text-decoration: none;
font-family: Verdana ,Arial, "Times News Roman", Times, sans-serif;
font-size: 15px;
}
.menu a:active {
background-color: red;
}


#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 {
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;
font-family: Verdana ,Arial, "Times News Roman", Times, sans-serif;
font-size: 15px;
}
.gauche{
text-align: left;
font-family: Verdana ,Arial, "Times News Roman", Times, sans-serif;
font-size: 15px;
}
.centre{
text-align: center;
font-family: Verdana ,Arial, "Times News Roman", Times, sans-serif;
font-size: 15px;
}
.tetetabtxt{
background-color: #0789f6;
text-align: left;
color: #ffffff;
font-family: Verdana ,Arial, "Times News Roman", Times, sans-serif;
font-size: 15px;
}
.tetetabnum{
background-color: #0789f6;
text-align: right;
color: #ffffff;
font-family: Verdana ,Arial, "Times News Roman", Times, sans-serif;
font-size: 15px;
}
.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;
}

#cadre {
width: 550px;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
  border: 3px solid #3BA532;
       -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
}

#btn_up {
display:none;
position: fixed;
bottom: 400px;
right: 30px;
cursor: pointer;
}