@charset "utf-8";
body {
	margin: 0; /* il est conseill� de mettre � z�ro la marge et le remplissage de l'�l�ment body, pour tenir compte des diff�rentes valeurs par d�faut des navigateurs */
	padding: 0;
	border: none;
	text-align: center; /* ce param�trage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite align� � gauche (valeur par d�faut) dans le s�lecteur #container */
	background: url(Images/fond.jpg);
	}

.global #container {
	width: 1260px;  /* param�trage de la largeur � 20 pixels de moins que le plein �cran (800 pixels) pour tenir compte de l'habillage du navigateur et �viter l'apparition d'un ascenseur horizontal */
	margin: 0 auto; /* les marges automatiques (et dot�es d'une largeur positive) centrent la page */
	border: none;
	text-align: left; /* ce param�trage annule le param�tre text-align: center de l'�l�ment body. */
}

/*--- Entete ---*/

.global #header {
	background: url(Images/fond_entete1.png) center no-repeat;
	height: 200px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
}

/*--- Menu haut ---*/

.global #menuhaut {
	list-style-type: none;
	text-align: center;
	margin: -50;
}

#menuhaut li {
display: inline;
}

#menuhaut img {
	border: 0px;
}


/*--- Principal ---*/

.global #mainContent {
	padding: 0; /* ne pas oublier que le remplissage est l'espace � l'int�rieur du cadre de l'�l�ment div, alors que la marge est l'espace � l'ext�rieur de celui-ci */
	background: url(Images/fond_cadre.png) top center no-repeat;
	height: auto;
	color: #000;
}

p {
	font-family: "goudy Old Style";
	font-size:26px;
	color: #000;
}

hr {
	width: 40%;
	color: #009;
	padding-left: 300px;
	border-style: double;
	border-width: 5px;
}

/*--- Principal gauche ---*/
img {
	text-align: center;
}

.img_float_droit {
	float: right;
	clear: both;
	padding-top: 50px;
	padding-bottom: 80px;
	padding-left: 30px;
}

.img_float_gauche {
	float: left;
	clear: both;
	padding-top: 80px;
	padding-bottom: 150px;
	padding-right: 30px;
	margin-left: 30px;
}

.impair {
	float: left;
	width: 100%;
}

.impair h1 {
	font-family: "Papyrus";
	font-weight: bold;
	font-size: 36px;
	color: #663300;
	text-align: left;
	padding-left: 90px;
}

.impair p {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 70px;
	padding-right: 50px;
}

.impair h2 {
	font-family: "goudy Old Style";
	font-weight: bold;
	font-size: 30px;
	padding-left: 70px;
}

.impair h3 {
	font-family: "monotype Corsiva";
	font-weight: bold;
	font-size: 30px;
	color: #800000;
	text-align: left;
	padding-left: 70px;
	text-decoration: underline;
}

.impair ul {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 200px;
}

.pair {
	float: right;
	width: 100%;
}

.pair h1 {
	font-family: "Papyrus";
	font-weight: bold;
	font-size: 36px;
	color: #663300;
	text-align: right;
	padding-right: 90px;
}

.pair h2 {
	font-family: "goudy Old Style";
	font-weight: bold;
	font-size: 26px;
}

.pair h3 {
	font-family: "goudy Old Style";
	font-weight: bold;
	font-size: 30px;
	color: #800000;
	text-align: left;
	padding-left: 100px;
	text-decoration: underline;
}

.pair p {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 70px;
	padding-right: 50px;
}

.gauche {
	float: left;
	width: 50%;
}

.gauche h1 {
	font-family: "Papyrus";
	font-weight: bold;
	font-size: 30px;
	color: #663300;
	text-align: center;
}

.gauche p {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 70px;
	padding-right: 50px;
}

.total {
	float: left;
	width: 100%;
}

.total h1 {
	font-family: "Castellar";
	font-size: 32px;
	color: #7D5F00;
	text-align: center;
	font-weight: normal;
}

.total h2 {
	font-family: "goudy Old Style";
	font-weight: bold;
	font-size: 30px;
	color: #000;
	text-align: center;
}

.total h3 {
	font-family: "goudy Old Style";
	font-weight: bold;
	font-size: 30px;
	color: #800000;
	text-align: left;
	padding-left: 100px;
	text-decoration: underline;
}

.total h4 {
	font-family: "goudy Old Style";
	font-weight: bold;
	font-size: 30px;
	color: #000;
	text-decoration: underline;
	text-align: center;
}

.total h5 {
	font-family: "goudy Old Style";
	font-weight: bold;
	font-size: 30px;
	color: #000;
	font-style: oblique;
	text-align: center;
}

.total h6 {
	font-family: "mistral";
	font-weight: bold;
	font-size: 30px;
	color: #000;
	font-style: oblique;
	text-align: center;
}

.total p {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 70px;
	padding-right: 50px;
}

.total ul {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 200px;
}

#etoile {
	font-family: "goudy Old Style";
	text-align: center;
	font-size:20px;
	color:#000;
}

#un {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 150px;
	padding-right: 50px;
}

#deux {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 250px;
	padding-right: 50px;
}

#trois {
	font-family: "goudy Old Style";
	font-size:26px;
	color:#000;
	padding-left: 400px;
	padding-right: 50px;
}

#signature {
	padding-left: 350px;
	font-size: 24px;
	font-style: normal;
	font-family: "goudy Old Style";
	padding-bottom: 20px;
	}

/*--- Principal droit ---*/

.droit h1 {
	font-family: "Castellar";
	font-size: 32px;
	color: #7D5F00;
	font-weight: normal;
}

#titre {
	font-family: "Castellar";
	font-size: 32px;
	text-align: right;
	color: #7D5F00;
	padding-right: 40px;
	font-weight: normal;
}

.droit p {
	float: right;
	font-family: "monotype Corsiva";
	font-size:24px;
	color: #800000;
}

table {
	text-align: center;
}

.centre {
	font-family: "monotype Corsiva";
	font-weight: normal;
	font-size: 30px;
	color: #000;
	text-align: center;
	padding-right: 100px;
	padding-left: 100px;
}

#prix {
	font-family: "monotype Corsiva";
	font-weight: normal;
	font-size: 30px;
	color: #003366;
	text-align: center;
	padding-right: 100px;
	padding-left: 100px;
}

#prix2 {
	font-family: "monotype Corsiva";
	font-weight: normal;
	font-size: 30px;
	color: #003366;
	text-align: left;
	padding-right: 100px;
	padding-left: 100px;
}

#prix3 {
	font-family: "monotype Corsiva";
	font-weight: normal;
	font-size: 20px;
	color: #003366;
	text-align: left;
	padding-right: 100px;
	padding-left: 120px;
}

.centre_court {
	font-family: "monotype Corsiva";
	font-weight: normal;
	font-size: 30px;
	color: #000;
	text-align: left;
	padding-right: 150px;
	padding-left: 150px;
}

#retrait {
	padding-right: 150px;
	padding-left: 150px;
	text-align: left;
	font-family: "goudy Old Style";
	font-size: 26px;
}

/*--- Menu bas ---*/

.global #menubas {
margin: 0;
background: url(Images/ligne_bas.png) top center no-repeat;
}


.ancre {
	text-align:right;
	padding-right: 70px;
	text-decoration: none;
}



/*--- Pied page ---*/


.global #footer {
	padding: 0 10px; /* ce remplissage correspond � l'alignement � gauche des �l�ments des div qui apparaissent au-dessus. */
	background: url(Images/degrade2.png) top right repeat-y;
}
.global #footer p {
	margin: 0; /* la mise � z�ro de la marge du premier �l�ment du pied de page permet d'�viter une possible disparition de la marge (espace entre les �l�ments div) */
	padding: 10px ; /* l'utilisation d'un remplissage pour cet �l�ment cr�e un espace, tout comme une marge l'aurait fait, mais en �vitant le risque de disparition de la marge */
	font-family: "Segoe Script";
	font-size: 24px;
	color: #999;
	text-align: right;
	padding-right: 25px;
}
.global #footer a {
	text-decoration: none;
	color: #999;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}