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

body  {	
	background-color:#4d4d4d;
	background-image:url(images/gantboxedesigned.png);
	background-repeat:repeat;
}
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: 11px;
	color:#6c2323;
	text-align:justify;
}
#global { 
    margin-left: auto; /* Permet de centrer le site */
    margin-right: auto; /* Permet de centrer le site */
    width: 800px;
	background-color:#dfdfdf;
    border: 1px solid #000000;
	text-align:left;
	padding-bottom:0px;
}
/* BANDEAU */
#bandeau {
	padding:13px;
	background-color:#00FF33;
	background-image:url(images/fond-haut.gif);
	background-repeat:repeat-x;
	height:55px;
}
.titreSite {
	font-family: "trebuchet ms";
	font-size: 25px;
	color:#FF0000;
}
.slogan {
	font-family:"trebuchet ms";
	font-size:15px;
	color:#FF0000;
}
/* MENU DE NAVIGATION */
#menu {
	line-height:27px;
	list-style: none;
	width:100%;
	height:27px;
	border-bottom:#a7a7a7 solid 5px;
	margin: 0px;
	padding: 0px;
	background: #a77b7c;
	background-color:#fff;
	text-align:center;
	font-weight : bold; 
}
#menu li {
	float:left;
	display: inline;
	background: #a77b7c;
	color: #FFFFFF;
	border-right:#FFFFFF solid 1px;
	padding-top:0px;
	font-size:11px;
	text-align: center;
	font-weight : bold; 
	line-height: 27px;
	height: 27px
}
#menu li a {
	padding: 0px 30px;
	text-align: center;
	text-decoration: none;
	line-height: 27px;
	height: 27px;
	width: 52.6px;
	display:block;
	background: #a77b7c;
	color: #FFFFFF;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	font-size:.8em;
	font-size:11px;
	cursor:pointer
}
#menu li a:hover, #menu li a:focus, #menu li a:active {
	background: #641616;
	text-decoration: none;
	text-align: center;
	font-weight : bold; 
}
#menuDeroulant .sousMenu li
{
 text-align : center;
 line-height:27px;
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 0px solid transparent;
 border-right: 0px solid transparent;
 font-weight : bold; 
}			
#menuDeroulant .sousMenu
{
 line-height:27px;
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0px;
 border: 0;
 text-align : center;
 font-weight : bold; 
}			
#menuDeroulant li:hover > .sousMenu { display: block; }	
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 line-height:27px;
 display: block;
 height: 27px;
 color: #FFFFFF;
 background: #a77b7c;
 margin: 0;
 padding: 0px 29.8px;
 border-right: 1px solid #fff;
 text-decoration: none;
 text-align : center;
}
#menuDeroulant li a:hover { background-color: #641616; }
#menuDeroulant li a:active { background-color: #641616; }
/* CONTENU DE LA PAGE */
#contenu {
	padding:20px;
}
h1 {
	font-family: "trebuchet ms";
	font-size: 15px;
	color:#FF0000;
	text-align:center;
	margin-bottom:20px;
}
h2 {
	font-family: "verdana";
	font-size: 15px;
	color:#4d4d4d;
	text-align:center;
	font-variant: small-caps;
}
/* PIED DE PAGE */
#piedDePage{
	background-color:#FFFFFF;
	text-align:center;
	font-family:verdana;
	font-size:9px;
	height:15px;
	padding-top:2px;
	color:#5a0000;	
}
form {
	width: 750px;
	padding: 0;
	border: solid 10px midnightblue;
}
form h3 {
	margin: 0 0 1em 0;
	padding: 10px 20px;
	text-align: center;
	background: midnightblue;
	color: white;
}
form p.blabla {
	margin: 1em 20px 1.5em 20px;
	font-size: .9em;
	color: #448;
}
form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form fieldset legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
}
form div.gauche {
	width: 250px;
	margin: 0 0 1em 20px;
	float: left;
	display: inline; /* évite le Doubled Float-Margin Bug d'IE6 */
}
form div.gauche p {
	margin: .5em 0;
}
form div.gauche span.label {
	display: block;
	margin-bottom: .2em;
}
form div.gauche label {
	font-weight: bold;
	cursor: pointer;
}
form div.gauche span.controle {
	display: block;
}
form div.droite {
	margin: 0 20px 1em 310px;
}
form div.droite span.label {
	display: block;
	font-weight: bold;
}
form div.droite span.controle {
	display: block;
	margin: .5em 0 0 30px;
}
form div.droite span.controle input.bouton {
	position: absolute;
	margin-left: -30px;
}
form div.droite span.controle br {
	display: none;
}
form input.text {
	width: 95%;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
form textarea {
	border: solid 1px midnightblue;
	padding: 2px 0 0 4px;
}
form p.submit {
	clear: left;
	margin: 1em 20px 1em 310px;
}
form p.submit input {font-size: 1.2em;}
[required] {
   border: 2px dotted orange;
}
table
{
	text-align:center;
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
td,th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
}
img {
display: block;
margin: 0 auto;
}