body { width: 955px; margin: auto; margin-top:0px; margin-bottom:0px; background-color: #EDC57E; }

#page { height:100%; margin-left:center; background-color: #FDFAEE; text-align: left; padding:1px; }

#haut { height: 185px; font-size:16px; font-family: Century Gothic; background-image: url(img/haut.gif); background-repeat: no-repeat; padding: 1px; }
	#haut p { line-height:20px; margin-bottom: 0px; }
	#haut #theme1 { margin-top:81px; margin-left:845px; }
	#haut #theme2 { margin-top:1px; margin-left:730px; }
	#haut #theme3 { margin-top:-3px; margin-left:570px; }
	#haut #theme4 { margin-top:-7px; margin-left:400px; }
	#haut #theme5 { margin-top:0px; margin-left:250px; }
	#haut a { text-decoration:none; font-weight:bold; }
	#haut a:link, #haut a:visited { color:#41281B; }
	#haut a:hover, #haut a:active, #haut a:focus { color:#F7931E; }

#menu { width: 212px; font-family: Arial; border-right: solid 1px #CCCCCC; float:left; padding: 1px; }
	#menu h1 a { margin: 0px auto 0px auto; text-align:center; color:#C00000; font-weight:bold; font-size:16px; text-decoration:underline; }
	#menu h1 a:link, #contenu a:visited { color:#E50000; }
	#menu h1 a:hover, #contenu a:active, #contenu a:focus { color: #F7931E; }
	#menu ul { text-align:left; list-style-type: none; margin: 0px; padding: 0px; }
	#menu li { text-decoration:none; margin-left:20px; margin-top:10px; }
	#menu li:hover { list-style-type:square; margin-left:30px; margin-top:10px; color:#F7931E; }
	#menu p { margin: 0px; }
	#menu p a { font-weight: bold; text-decoration: none; }
	#menu p a:link, #menu p a:visited { color:#41281B; }
	#menu p a:hover, #menu p a:active, #menu p a:focus { color:#F7931E; }
	#menu #pub { height: 220px; }
	
#contenu { width: 730px; font-family: Arial; color: #41281B; text-align: center; vertical-align: top; margin-left:215px; padding:1px; }
	#contenu #service { text-align: right; margin-bottom: -130px; }
	#contenu #service img { width: 195px; height: 165px; }
	#contenu #titre { width: 350px; height: 100px; margin: auto; text-align:center; color:#F7931E; font-size: 28px; font-weight: bold; }
	#contenu #intro p.intro { text-indent: 0px; font-style: italic; text-align: center; font-weight: bold; }
	#contenu #intro div p { text-indent: 50px; font-style: italic; text-align:justify; }
	#contenu #texte { margin-top: 10px; }
	#contenu div.centrer { width:612px; height: 250px; margin: 0px auto 0px auto; padding:1px;  }
	#contenu a { text-decoration:underline; }
	#contenu a:link, #contenu a:visited { color:#E50000; }
	#contenu a:hover, #contenu a:active, #contenu a:focus { color: #F7931E; }
	#contenu ul { text-align: left; }
	#contenu li { list-style-type: square; margin-left: 10px; margin-right: 5px; margin-bottom: 5px; }

#bas { margin-top: -0px; height: 123px; background-image: url("img/bas.gif"); background-repeat: no-repeat; text-align:center; padding:1px; }
	#bas p { color: #666666; font-size: 12px; font-family: Arial; margin-top:70px; }
	#bas a { text-decoration:underline; }
	#bas a:link, #bas a:visited { color: #666666; }
	#bas a:hover, #bas a:active, #bas a:focus { color: #F7931E; }

	/*
#cadre_promo{ padding:0px; font-family: Century Gothic; }
#promo_bouton, #promo_texte { background-color: #FFFFFF; }
#promo_bouton { width: 17px; float: right; }
#promo_bouton p, #promo_bouton a { text-decoration: none; text-align: center; color: #F7931E; }
#promo_texte { padding:1px; height: 400px; margin-right:15px; font-family: Arial; }
#promo_texte p { visibility: hidden; }
#promo_texte:hover p { visibility: visible; }
	*/

	#promo p { margin: 5px 5px 0px 5px; text-align: center; font-weight:bold; }
	#promo a:link, #promo a:visited { color:#41281B; text-decoration: none }
	#promo a:hover, #promo a:active, #promo a:focus { color:#F7931E; }

/* ########################################################################################## */

div.cadre1, div.cadre2, div.cadre3, div.cadre4, div.cadre5 { background-repeat:no-repeat; padding:1px; margin-top:0px; margin-bottom: 0px; }
div.cadre1 h1, div.cadre2 h1, div.cadre3 h1, div.cadre4 h1, div.cadre5 h1 { margin: 0px auto 0px auto; text-align:center; color:#C00000; font-weight:bold; font-size:16px; }
div.cadre1 p, div.cadre2 p, div.cadre3 p, div.cadre4 p, div.cadre5 p { color:#501616; }

div.cadre1 { float: left; margin: 5px; }
div.cadre1 div { width:138px; padding: 1px; margin: 0px; }
div.cadre1h { height: 18px; background-image: url("img/cadre_140h.png"); background-repeat: no-repeat; }
div.cadre1m { background-image: url("img/cadre_140m.png"); background-repeat: repeat-y; }
div.cadre1b { height: 18px; background-image: url("img/cadre_140b.png"); background-repeat: no-repeat; }
	div.cadre1 p { font-size:14px; margin: 10px 5px 0px 5px; }

div.cadre2 { float: left; margin: 5px; }
div.cadre2 div { width:288px; padding: 1px; margin: 0px; }
div.cadre2h { height: 18px; background-image: url("img/cadre_290h.png"); background-repeat: no-repeat; }
div.cadre2m { background-image: url("img/cadre_290m.png"); background-repeat: repeat-y; }
div.cadre2b { height: 18px; background-image: url("img/cadre_290b.png"); background-repeat: no-repeat; }
	div.cadre2 h1 { margin-bottom: 18px }
	div.cadre2 p { margin: 0px }

div.cadre3 { float: left; margin: 0px; margin-top: 5px; }
div.cadre3 div { width:448px; padding: 1px; margin: 0px; }
div.cadre3h { height: 18px; background-image: url("img/cadre_450h.png"); background-repeat: no-repeat; }
div.cadre3m { background-image: url("img/cadre_450m.png"); background-repeat: repeat-y; }
div.cadre3b { height: 18px; background-image: url("img/cadre_450b.png"); background-repeat: no-repeat; }
	div.cadre3 p { font-size:16px; margin:10px; }

div.cadre4 { width: 600px; margin: 5px auto 5px auto; }
div.cadre4 div { width:598px; padding: 1px; margin: 0px; }
div.cadre4h { height: 18px; background-image: url("img/cadre_600h.png"); background-repeat: no-repeat; }
div.cadre4m { background-image: url("img/cadre_600m.png"); background-repeat: repeat-y; }
div.cadre4b { height: 18px; background-image: url("img/cadre_600b.png"); background-repeat: no-repeat; }
	div.cadre4 p { font-size:16px; margin: 10px; }
	div.cadre4 table p { font-size:16px; margin:5px; }

div.cadre5 { margin: 5px; }
div.cadre5 div { width:198px; padding: 1px; margin: 0px; }
div.cadre5h { height: 18px; background-image: url("img/cadre_200h.png"); background-repeat: no-repeat; }
div.cadre5m { background-image: url("img/cadre_200m.png"); background-repeat: repeat-y; }
div.cadre5b { height: 18px; background-image: url("img/cadre_200b.png"); background-repeat: no-repeat; }

/* ########################################################################################## */

table  { border-collapse: collapse; margin:auto; }
caption { font-size: 16px; font-weight: bold }

table.comparatif { width: 700px; }
table.comparatif caption { color:#C00000; margin-bottom: 10px; }
table.comparatif thead th, table.comparatif thead td, table.comparatif tbody th, table.comparatif tbody td { border-bottom: solid 1px #501616; }
table.comparatif th, table.comparatif td { width: 20%; }
table.comparatif p { font-size: 16px; font-weight: bold; margin: 5px; }
table.comparatif thead p, table.comparatif tbody p { color: #501616; }
table.comparatif tfoot th p { color: #501616; }
table.comparatif tfoot td p { color: #C00000; }

/* ########################################################################################## */

input.xx-large { width: 400px; }
input.x-large { width: 300px; }
input.large { width: 200px; }
input.normal { width: 150px; }
input.small { width: 70px; }
input.x-small { width: 30px; }
input.xx-small { width: 15px; }

/* ########################################################################################## */

.article { width:290px; height:250px; background-image: url("img/cadre2.png"); float: left; margin: 5px; }
	.article h1 { margin-top:10px; margin-bottom: 20px; text-align:center; color:#C00000; font-weight:bold; font-size:16px; }
	.article p { color:#501616; font-size:16px; margin:5px; }

/* ########################################################################################## */

h2 { text-decoration: underline; margin: 10px; font-size: 18px; }
p.note { margin: 0px; font-size: 12px; color: #666666; line-height: 12px }

/* ########################################################################################## */

img { border: 0px; }

/* ########################################################################################## */
