* {
		        margin: 0;
		        padding: 0;
}

html {
		        height: 100%; /* Required */
		        background: #4C4C4C url(img/fond.gif) top left repeat-x;	/* arrière-plan général*/
}

body {
		        height: 100%; /* Required */
}

#conteneur {
		        margin: 0 auto;
		        width: 700px;
		        text-align: left;
		        position: relative;
		        min-height: 100%; /* For Modern Browsers */
		        height: auto !important; /* For Modern Browsers */
		        height: 100%; /* For IE */
		        background: #fff;
}

#cont-haut {
                        height: 200px;
		        background: transparent url(img/fond.gif) top left repeat;
}

#haut {
		        padding: 0;
		        margin: 0;
}

#cont-menu {
                        height: 40px;
		        background: transparent url(img/fondmenu.gif) top left repeat-x;
}

#menu {
		        padding: 0;
		        margin: 0;
}

#cont-contenu {
		        padding: 0 0 150px 0;
		        margin: 0;
		        background: transparent url(img/haut-cont-cont.jpg) top left no-repeat;
}

 * html #cont-contenu { margin-top: -4px; }

#cont-contenu:after {
		        clear: both;
		        display: block;
		        font: 1px/0px serif;
		        content: ".";
		        height: 0;
		        visibility: hidden;
}

.gauche {
			width: 520px;
			float: left;
}

.droite {
			width: 130px;
			float: left;
}

#cont-pied {
			width: 100%;
			position: absolute;
			bottom: 0 !important;
			bottom: -1px; /* For Certain IE widths */
			height: 150px;
		        background: transparent url(img/fondpied.gif) top left repeat-x;
}

#pied {
			width: 650px;
			height: 120px;
                        margin: 0 auto;
			text-align: left;
	                font-family: Verdana, sans-serif;
	                font-weight: normal;
	                font-size: 0.7em;
	                color: #fff;
                        padding: 30px 0 0 50px;
}

div#fpg {
                        width: 320px;
	                float: left;
	                margin: 0;
	                padding: 0 20px;
}

div#ama {
                        width: 320px;
	                float: left;
	                margin: 0;
}

div#parc, div#suiv, div#qual, div#tou, div#fix, div#adr, div#for, div#spe , div#pdf {
	                margin: 0 0 20px 0;
	                padding: 0 20px;
}

h1 {
			width: 700px;
			height: 200px;
                        font-size: 3em;
	                font-weight: bold;
	                margin: 0;
	                padding: 0;
			border: 0;
		        background: transparent url(img/h-poi.jpg) top left no-repeat;
}

h2 {
			width: 700px;
			height: 100px;
                        font-size: 2.2em;
	                font-weight: bold;
	                letter-spacing: -1px;
	                font-style: italic;
	                margin: 0 0 30px 0;
	                padding: 0;
	                color: #DCC500;
			border: 0;
}

h2#hsoc {
		        background: transparent url(img/h-soc.gif) top left no-repeat;
}

h2#hcat {
		        background: transparent url(img/h-cat.gif) top left no-repeat;
}

h2#hcon {
		        background: transparent url(img/h-con.gif) top left no-repeat;
}

h2#hhis {
		        background: transparent url(img/h-his.gif) top left no-repeat;
}

h2#hre {
		        background: transparent url(img/h-re.gif) top left no-repeat;
}

h3 {
		        height: 40px;
	                font-style: italic;
	                font-size: 1.8em;
	                font-weight: bolder;
	                letter-spacing: -1px;
	                margin: 10px 0 15px 5px;
	                padding: 0;
}

div#spe h3 {
                        width: 650px;
                        height: 140px;
		        background: url(img/h-spe.jpg) no-repeat left bottom;
}

div#fpg h3 {
                        width: 310px;
		        background: url(img/h-fpg.gif) no-repeat left bottom;
}

div#ama h3 {
                        width: 310px;
		        background: url(img/h-ama.gif) no-repeat left bottom;
}

div#parc h3 {
                        width: 650px;
		        background: url(img/h-parc.gif) no-repeat left bottom;
}

div#suiv h3 {
                        width: 650px;
		        background: url(img/h-suiv.gif) no-repeat left bottom;
}

div#qual h3 {
                        width: 650px;
		        background: url(img/h-qual.gif) no-repeat left bottom;
}

div#tou h3 {
                        width: 650px;
		        background: url(img/h-tou.gif) no-repeat left bottom;
}

div#fix h3 {
                        width: 650px;
		        background: url(img/h-fix.gif) no-repeat left bottom;
}

div#pdf h3 {
                        width: 650px;
		        background: url(img/h-pdf.gif) no-repeat left bottom;
}

div#adr h3 {
                        width: 650px;
		        background: url(img/h-adr.gif) no-repeat left bottom;
}

div#for h3 {
                        width: 650px;
		        background: url(img/h-for.gif) no-repeat left bottom;
}

h4 {
                        width: 180px;
	                float: left;
	                margin: 0;
	                padding: 45px 20px 20px 20px;
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	                font-size: 0.8em;
	                line-height: 2em;
	                font-weight: normal;
	                text-align:justify;
	                color: #111;
}

h4#pla {
		        background: url(img/h-pla.gif) no-repeat center top;
}

h4#rem {
		        background: url(img/h-rem.gif) no-repeat center top;
}

h4#iso {
		        background: url(img/h-iso.gif) no-repeat center top;
}

img.icon {
		        border: 0;
		        padding: 0 10px 0 0;
		        margin: 0;
		        vertical-align: middle;
}

div#menu a img {
		        border: 0;
		        padding: 0 0 0 13px;
		        margin: 0;
}

div#pied a:link {
		        color: #A5CDF7;
		        text-decoration: none;
}

div#pied a:visited {
		        text-decoration: none;
		        color: #A5CDF7;
}

div#pied a:hover {
		        text-decoration: none;
		        color: #DCC500;
}

div#pied a:active {
		        text-decoration: none;
		        color: #D0D0D0;
}

p {
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	                font-size: 0.75em;
	                line-height: 2em;
	                font-weight: normal;
	                text-align:justify;
	                margin: 10px 0;
	                padding: 0 5px;
	                color: #464646;
}

p strong {
		        color: #555;
	                font-weight: bold;
}

h4 a:link, a:visited, a:active, p a:link, a:visited, a:active {
		        color: #748CB3;
}

h4 a:hover, p a:hover {
		        color: #A5CDF7;
}

ul {
		        margin: 0 0 10px 20px;
}

div#tou, div#fix, li {
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		        font-size: 0.9em;
	                letter-spacing: 1px;
	                text-align:left;
	                list-style-type: square;
	                font-weight: normal;
	                margin: 0 0 5px 20px;
	                padding: 0 5px 0 0;
	                color: #555;
}

div#ama li {
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		        font-size: 0.7em;
	                font-weight: bold;
	                letter-spacing: 1px;
	                text-align:left;
	                list-style-type: square;
	                margin: 0;
	                padding: 0 5px 4px 0;
}

span {
			position: absolute;
			left: -6666em;
			top: 0;
			width: 1px;
			height: 1px;
			overflow: hidden;
}

.clearbot {
		        clear: both;
		        height: 0;
}


/* FORMULAIRE DE CONTACT */

form.contact {
		        width: 460px;
	                padding: 10px 0 20px 200px;
}

form.contact legend {
	                padding: 0;
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		        font-size: 0.7em;
	                line-height: 1em;
}

form.contact label {
	                display: inline-block;
	                vertical-align: top;
	                width: 170px;
	                float: left;
		        font-size: 0.8em;
		        font-weight: normal;
}

form.contact fieldset {
	                border: none;
	                margin: 10px;
	                background: url(img/fond-form.gif) left bottom repeat-x;
}

form.contact fieldset ol {
	                margin: 0;
	                padding: 10px 0;
}

form.contact fieldset li {
	                list-style: none;
	                margin: 0 0 0 10px;
	                padding: 7px 5px;
	                background: url(img/sepa-form.gif) left bottom repeat-x;
	                float: left;
}

form.contact em {
	                font-weight: bold;
	                font-style: normal;
	                color: #f00;
}

form.contact input {
	                float: left;
	                width: 220px;
		        margin-left: 10px;
}

form.contact textarea {
	                float: left;
	                width: 220px;
		        margin-left: 10px;
}

form.contact p.respect {
	                padding: 0 10px;
		        font-size: 0.8em;
	                font-weight: bold;
	                line-height: 1.1em;
}