/*GENERAL*/
body {
	margin: 0;
	padding: 0;
	background-color : #000;
	margin: 0 auto;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-top: 0;
	color: #000;
}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
}


/*ENTETE*/
#entete {
	width: 1000px;
	height: 120px;
	margin: 0 auto;
	background: url(img/entete.jpg) no-repeat left top;
	color:#FFF;
}
#bouton1 {
	padding:0 0 0 200px;
	text-align: left;
}
#bouton1 a{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-variant: small-caps;
	color: #F70;
	font-weight:bold;
	text-decoration: none;
}
#bouton1 a:hover{
	color: #FFF;
}
#bouton2 {
	position: relative;
	top: 95px;
	left : 200px;
	text-align: left;
}
#bouton2 a{
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #F70;
	font-variant: small-caps;
	font-weight:bold;
	text-decoration: none;
}
#bouton2 a:hover{
	color: #08F;
}
#bouton2 .selected {
	background-color:#F70;
	color:#000;
}
#bouton2 .separateur {
	margin:0;
	padding: 0;

}
/*CORPS*/
#contenu {
	width: 1000px;
	/*height: 445px;*/
	margin: 0 auto;
	background-color : #FF8800;
	background-position: top;
	background: url(img/fond.jpg);
	background-repeat: repeat-y;

}
#contenu a {
	margin: 0;
	padding: 0;
	color: #505;
	font-weight:bold;
	text-decoration: none;
}
#colonneA {
/*	float:left;   --- Variante ! */
	float:right;
	width: 720px;
	/*height: 400px;*/
	padding:20px;
	margin: 0 auto;
	overflow:auto;
}
#colonneA img {
	border : 0;
	padding : 5px;
}
#colonneA td {
	border: 0;
}
#colonneA h3 {
	font-variant: small-caps;
}
#colonneB {
	float:left;
	width: 200px;
	/*height: 400px;*/
	padding:20px 0 0 0;
	margin: 0 auto;
	text-align:left;
	overflow:hidden;
}
.boutonMenu {
	width: 150px;
	border            : 1px solid #F16E04; /* Ajout d'une bordure */	
	border-left-width : 25px;        /* Modification de la bordure gauche */
	border-right: 5px solid #000;        /* Modification de la bordure droite */
	border-top-width  : 0px;        /* Modification de la bordure haut */
	border-bottom-width: 1px;   	/* Modification de la bordure bas */
	margin: 2px 0 0 10px;
	padding: 0 0 0 9px;
	background-color: #F19E34;
	color :#000;
	cursor: pointer;
	}
.boutonMenu:hover {
	color :#038;
}
#chapeauMenu {
	border            : 1px solid #FD4C21; /* Ajout d'une bordure */	
	border-left-width : 0px;        /* Modification de la bordure gauche */
	border-right-width: 0px;        /* Modification de la bordure droite */
	border-top-width  : 0px;        /* Modification de la bordure haut */
	border-bottom-width: 0px;   	/* Modification de la bordure bas */
	margin: 0;
	padding: 0px;
	background-color: #F19E34;
}

#colonneB h2 {
	padding : 0 0 0 30px;
}
/*PIED*/

#piedB {
	width: 1000px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	float:left;
	clear:both;
	text-align:center;
	color:#F19E34;
	background-color: #A14E04;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}
#piedB a{
	margin: 0;
	padding: 0;
	font-variant: small-caps;
	font-weight:bold;
	text-decoration: none;
	color:#BBB;
	font-size: 12px;
	text-transform: lowercase;
}
#piedB a:hover{
	color: #FFF;
}
/*Style perso*/
/*Style perso*/

.menuPrincipal {
	font-size: 15px;
	font-variant: small-caps;
	color: #505;
	font-weight:bold;
	text-decoration: none;
}
.sousmenu {
	font-size: 12px;
	font-variant: small-caps;
	color: #505;
	font-weight:bold;
	text-decoration: none;
	text-align : left;
}
.important {
	color: #F00;
	font-weight:bold;
	text-decoration: none;
}
.note {
	font-size: 0.9em;
	font-variant: small-caps;
	color: #555;
	text-decoration: none;
}
.imageDroite {
float:right;
}
.imageGauche {
float:left;
}