/* CSS Document */

*{
margin:0;
border:0;
padding:0;
}

body{
background-color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
font-size:0.9em;
color:#000000;
}

h1{
display:none;
}

h2{
font-size:1.5em;
color:#FFF;
margin:0.3em 0 0 0.5em;
}

h3{
font-size:1.2em;
color:#FFFFFF;
margin:0.5em 0 0 0.5em;
}

#wrapper{
margin:0 auto;
position:relative;
width:710px;
height:646px;
}
html>body #wrapper{
height:auto;
min-height:646px;
}

#header{
float:left;
background:url(images/maquette_jpp3_02.jpg) no-repeat;
width:100%;
height:154px;
}

#centre{
float:left;
width:564px;
height:646px;
}
html>body #centre{
height:auto;
min-height:646px;
}

#col_g{
float:left;
width:146px;
height:646px;
vertical-align:bottom;
}
html>body #col_g{
height:auto;
min-height:646px;
}

#col_g #menu_flash{
background:url(images/maquette_jpp3_04.jpg) no-repeat;
float:left;
width:146px;
height:228px;
}

#col_g #coord{
float:left;
text-align:left;
width:100%;
height:109px;
font-size:0.85em;
color:#FF0000;
}

#col_g #coord p{
margin:2em 0 0 0.1em;
}

#col_g .photo{
float:left;
background:url(images/maquette_jpp3_10.jpg) no-repeat bottom;
width:146px;
height:309px;
}

#centre #bloc_contenu{
float:left;
width:564px;
height:445px;
}
html>body #centre #bloc_contenu{
min-height:445px;
/*height:100%;*/
}

#centre #bloc_contenu #col_d{
background:url(images/fond_col_d.jpg) repeat-y top;
float:right;
width:74px;
height:100%;
}

#col_d .top{
background:url(images/maquette_jpp3_06.jpg) no-repeat;
float:left;
width:74px;
height:118px;
}

#conteneur{
background-color:#cedda9;
float:left;
width:490px;
height:445px;
}
html>body #conteneur{
height:auto;
min-height:445px;
}

#conteneur #top{
background:url(images/maquette_jpp3_05.jpg) no-repeat;
float:left;
width:490px;
height:39px;
}

#conteneur #contenu{
float:left;
width:100%;
height:406px;
background-color:#cedda9;
text-align:justify;
letter-spacing:0.08em;
}
html>body #conteneur #contenu{
height:auto;
min-height:406px;
}

#contenu p{
margin:0 0.8em;
}

#contenu ul{
margin:0.5em 0 0.8em 3em;
color:#006600;
}

#bottom{
float:left;
width:564px;
height:201px;
vertical-align:bottom;
}

#bottom .galets{
float:left;
width:490px;
height:201px;
background:url(images/maquette_jpp3_11.jpg) no-repeat;
}

#bottom .bambou{
background:url(images/maquette_jpp3_12.jpg) no-repeat;
float:left;
width:74px;
height:201px;
}

#footer{
float:left;
background:url(images/maquette_jpp3_13.jpg) no-repeat;
width:710px;
height:28px;
text-align:center;
font-size:0.75em;
color:#FFFFFF;
}

#footer p{
margin-top:0.5em;
}

#footer p a:link,a:hover,a:visited,a:active{
color:#FFFFFF;
}

#formulaire-contact{
float:left;
width:90%;
margin-left:2%;
}

#formulaire-contact .col_g{
margin-top:0.3em;
float:left;
width:200;
text-align:right;
}

#contenu #formulaire-contact .col_g li{
margin:0.7em;
font-weight:bold;
list-style-type:none;
}

#contenu #formulaire-contact .col_d li{
margin:0.4em;
list-style-type:none;
}

#contenu #formulaire-contact .col_d{
margin-top:0.6em;
float:left;
width:55%;
text-align:left;
}

#formulaire-contact .mentions{
float:left;
width:100%;
text-align:center;
}

#formulaire-contact .col_d input,textarea{
border:#339999 dotted thin;
color:#666666;
}
#listephotos
{
	width:100%;
	float:left;
}

.listephotos li
{
	float:left;
	list-style-type:none;
	width:120px;
}
