* {
		        margin: 0;
		        padding: 0;
}

html {
		        height: 100%; /* Required */
		        background: #4C4C4C url(img/fond-index.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: #0053A9;
		        border-width: 0 1px;
                        border-style: solid;
                        border-color: #4C4C4C;

}

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

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

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

#fpg {
		        float: left;
		        width: 180px;
                        padding: 100px 20px 0 10px;
}

#acr {
		        float: left;
		        width: 270px;
		        padding: 105px 25px 0 195px;
}

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

#loc {
		        clear: both;
}

#goin {
			width: 100%;
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	                font-weight: bold;
	                font-size: 1.1em;
	                color: #fff;
}

div#goin p {
			text-align: right;
	                padding: 10px 30px 0 0;
}

div#goin a:link {
		        color: #fff;
}

div#goin a:visited {
		        color: #fff;
}

div#goin a:hover {
		        color: #ccc;
}

div#goin a:active {
		        color: #ddd;
}

#pied {
			width: 650px;
			height: 70px;
                        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;
}

h1 {
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	                font-size: 1.5em;
	                line-height: 1.2em;
	                font-weight: bold;
	                margin: 0;
	                padding: 0 5px;
	                color: #fff;
}

p {
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	                font-size: 0.9em;
	                line-height: 1.2em;
	                text-align:justify;
	                margin: 10px 0;
	                padding: 0 5px;
	                color: #eee;
}

p strong {
		        color: #fff;
	                font-weight: bold;
	                font-size: 1em;
}

/* adresse */

div#loc a:link {
		        color: #DCC500;
		        text-decoration: none;
}

div#loc a:visited {
		        text-decoration: none;
		        color: #DCC500;
}

div#loc a:hover {
		        text-decoration: none;
		        color: #A09932;
}

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

div#loc p {
		        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	                font-size: 0.8em;
	                line-height: 1.3em;
	                font-weight: normal;
	                color: #ddd;
	                padding: 0 0 0 40px;
}


/* Pied de page */

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

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

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

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

div#pied em {
		        font-size: 0.8em;
}

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