html,body{
height:100%;
}
body {
margin: 0;
background-color: #C14217;
}
#fond {
background-image: url(icono/fond.jpg);
background-position: center top;
width: 100%;
height: auto;
background-repeat:repeat-y;
}
#conteneur {
background-image: url(icono/haut.jpg);
background-position: center top;
width: 950px;
height: auto;
background-repeat:no-repeat;
margin:0 auto;
}
#contenu {
width: 950px;
height: auto;
padding-top:160px;
}
#titre {
float:left;
width: 70px;
height: 600px;
padding-left:108px;
}
#centre {
float:left;
width: 598px;
height: 600px;
}
#menu {
	float:left;
	width: 174px;
	height: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
#menu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0E413;
	text-decoration:none;
}
#photo {
position:absolute;
width: 443px;
height: 352px;
z-index:1;
margin: 0 0 0 150px;
overflow:hidden;
}
.photo2 {
width: 341px;
height: 271px;
overflow:hidden;
}
#long {
	position:absolute;
	width: 450px;
	height: 590px;
	z-index:1;
	margin: 0 0 0 150px;
	overflow:auto;
	overflow-x:hidden;
	top: 185px;
	background-color:#295997;
}
#fondtexte {
position:absolute;
width: 296px;
height: 248px;
z-index:2;
margin: 300px 0 0 10px;
}
#texte {
padding:15px;
position:absolute;
width: 260px;
height: 242px;
z-index:3;
margin: 300px 0 0 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
text-align:justify;
}

#texteGer{
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
height:242px;
margin:300px 0 0 10px;
padding:15px 10px;
position:absolute;
text-align:justify;
width:270px;
z-index:3;
}

#texteGer_ac{
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
height:242px;
margin:300px 0 0 10px;
padding:10px;
position:absolute;
text-align:justify;
width:270px;
z-index:3;
}

#promo {
position:absolute;
width: 220px;
height: auto;
z-index:4;
margin: 430px 0 0 340px;
}

#liste {
position:absolute;
width: 255px;
height: auto;
z-index:4;
margin: 370px 0 0 340px;
}
 .popUp {
	padding: 0 10px 5px 10px;
	height: 585px;
	width: 570px;
	z-index: 10;
	overflow:hidden;
	position: absolute;
	display: block;
	margin:0 auto;
	background-color:#295997;
	visibility: hidden;
    }

#pied {
width: 950px;
height: 200px;
clear:both;
background-image:url(icono/pin.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

#ami {
float:left;
width: 170px;
height: auto;
padding-left:8px;
}
#lien {
	float:left;
	width: 598px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-left:10px;
}

#lien a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration:none;
}

#lien a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration:underline;
}

.soustitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F0E413;
	font-weight:bold;
}
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
.texte a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
}
.texte a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration:underline;
}

.texte input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #295998;
	border: 1px solid #416CA3;
	background-color:#FFFFFF;
}

.texte textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #295998;
	border: 1px solid #416CA3;
	background-color:#FFFFFF;
}
.textejaune {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F0E413;
	font-weight:bold;
}
.textepetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
}
.textepetit a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	text-decoration:none;
}
.textepetit a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	text-decoration:underline;
}
.textepetit input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	border: 1px solid #295998;
}

.textepetit textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	border: 1px solid #295998;
}
.textemini {
font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
}
.gras-bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #295997;
	font-weight:bold;
}