/* GENERALITE */
*{
	padding:0px;
	margin:0px;
}

/* BANDEAU */
#bandeau {
	padding:1em 2em 2.5em;
	height:80px;
	text-align:center;
	background:#F5F5F5;
}
.titreSite {
	font-family: "trebuchet ms";
	font-size:60px;
	color:#DCDCDC;
	font-weight: bold;
	text-shadow: #303030 1px 1px, #303030 -1px 1px, #303030 -1px -1px, #303030 1px 1px;
}
.slogan {
	font-family:"trebuchet ms";
	font-size:20px;
	color:#DCDCDC;
	font-weight: bold;
	text-shadow: #303030 1px 1px, #303030 -1px 1px, #303030 -1px -1px, #303030 1px -1px;
}
/* MENU DE NAVIGATION */
/* partie positionnement et déco */
#menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background:grey;
    text-align:center;
}
#menu a { 
	display:block; 
	color: #fff; 
	text-decoration:none;
}
#menu > li,
#menu > li li {
	position: relative;
	display:inline-block;
	padding: 15px 15px;
	background-color: grey;
	
}
#menu > li li { background: transparent none; }
#menu > li li a { color: #444; }
#menu > li li:hover { background:#eee; }
#menu > li:first-child {
	border-right: 1px solid #777;
}
#menu > li + li {
	border-left: 1px solid #aaa;
	border-right: 1px solid #777;
}
#menu > li:last-child {
	border-right: 0;
	border-left: 1px solid #aaa;
}
#menu > li:hover {
	background-color: #999;
	
}
#menu ul {
	position: absolute;
	top: 50px; left: 0;
	max-height:0em;	
	margin: 0; padding: 0;
	background-color: #ddd;
	background-image: linear-gradient(#fff,#ddd);
	overflow: hidden;
	transition: 1s max-height 0.3s;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(181,181,181,1);
-moz-box-shadow: 0px 3px 4px 0px rgba(181,181,181,1);
box-shadow: 0px 3px 4px 0px rgba(181,181,181,1);
}
/* VITESSE */
#menu > li:hover ul {
	max-height: 100em;
}
/* CONTENU DE LA PAGE */
body  {	
	background-color:white;
}
img{
    padding: 4px;
	border: 1px solid #999999;
	background-color:#FFF;	
}
img.imageGauche{
	float:left;
	margin-right:20px;
} 
img.imageDroite{
	float:right;
	margin-left:20px;
}
a{
	color:#6c2323;	
} 
p{
	margin-bottom:50px;	
	font-weight:normal;
	padding-top:5px;
	font-family: "verdana";
	font-size: 16px;
	color:#6c2323;
	text-align:justify;
    line-height:160%;
}
#global { 
    margin-left: auto; /* Permet de centrer le site */
    margin-right: auto; /* Permet de centrer le site */
    width: 800px;
	background-color:#EDEDED;
	text-align:left;
	padding-bottom:0px;
}

#contenu {
	padding:20px;
    margin-top:80px;
}
h1 {
	font-family: Arial, FreeSans, sans-serif;
	font-size: 32px;
	color:black;
	margin-bottom:20px;
}
h2 {
	font-family: sans-serif;
	font-size: 22px;
	color:#4d4d4d;
}

table {
border:3px solid #CECECE;
border-collapse:collapse;
width:90%;
margin:auto;
}
thead {
background-color:#D0E3FA;
border:1px solid #CECECE;
}
tbody {
background-color:#FFFFFF;
border:1px solid #CECECE;
}
th {
font-family:monospace;
border:1px dotted #CECECE;
padding:5px;
background-color:#EFF6FF;
width:75%;
}
td {
font-family:sans-serif;
font-size:80%;
border:1px solid #CECECE;
padding:5px;
text-align:left;
}
caption {
font-family:sans-serif;
}
/* Encadrement */
#encadrement {
	background-color:#D3D3D3;
	border-width:1px;
	border-style:solid;
	border-color:grey;
	border-radius:10px;
	padding:20px
}