/* PACK ESSENTIEL */



/*
 * CSS de personnalisation
 * (les règles propres à ce site)
 */



/* Elements Html */

body {
/* background: url(images/fond.jpg) top left repeat;*/
background-color:#ffae00;
font-size:10pt;
line-height:1.4em;
font-family:Arial,serif;
}
table {
font-size:10pt;
line-height:1.4em;
font-family:Arial,serif;
}

h1 {
font-size:20px;
height:44px;
margin:0;
margin-bottom:10px;
color:#57585a;
}

h2,
form h2 label {
font-size:15px;
height:32px;
margin:0;
margin-top:30px;
color:#00adaa;
}

h3 {
}

p {
margin:5px 0;
}

a {
color:#00adaa;
font-weight:bold;
}

a:hover {
text-decoration:none;
}

a img {
border:0;
}

form p,
form label {
color:#555555;
}


/* Elements conteneurs */

div#container2 {
margin:0 auto;
width:1020px;
height:100%;
background:transparent url(container2_bg.jpg) top center no-repeat;
}

div#site {
margin:0 auto;
width:983px;
/* background: #FFFFFF url(images/fond-contenu.jpg) center repeat-y; */
}

#banniere {
height:275px;
}

#banniere img#banniere_vide {
width:640px;
height:275px;
}

#animation {
float:left;
margin-left:1px;
}

#ballon {
float:right;
margin:202px 118px 0 0;
}

#right {
display:inline;
margin-right:50px;
width:250px;
float:right;
}

#right_decouvrez {
width:220px;
height:165px;
border:0;
}

#right_appreciez {
width:190px;
height:125px;
margin-top:10px;
margin-left:30px;
border:0;
}

#right_horaires {
width:200px;
height:210px;
margin-top:30px;
margin-left:50px;
border:0;
}


#contenu {
clear:none;
float:left;
padding:20px;
width:432px;
color:#57585a;
overflow:hidden;
}

#map {
width:432px;
}


#footer {
margin-top:15px;
padding:0;
height:237px;
background:transparent url(footer_bg.gif) top left no-repeat;
color:#FFFFFF;
text-align:left;
}

#footer #newsletter_smallform {
margin:0;
padding:60px 0 0 280px;
height:150px;
}

#footer p {
font-size:12px;
margin:0;
margin-left:15px;
}

#footer a {
font-weight:normal;
color:#FFFFFF;
}



/* Menu */

ul#menu {
float:left;
width:160px;
}

#menu li {
margin:25px 10px;
padding:0;
}

#menu li a  {
margin:0; padding:0;
display:block;
width:140px;
height:45px;
line-height:45px;
text-decoration:none;
text-align:center;
font-size:15px;
color:#FFFFFF;
}


#menu li a.home {
background:transparent url(menu_bg.gif) -140px 0;
}
#menu li a.home:hover {
background:transparent url(menu_bg.gif) 0 0;
}

#menu li a.parc-recreatif {
background:transparent url(menu_bg.gif) -140px -72px;
}
#menu li a.parc-recreatif:hover {
background:transparent url(menu_bg.gif) 0 -72px;
}

#menu li a.formules{
background:transparent url(menu_bg.gif) -140px -144px;
}
#menu li a.formules:hover {
background:transparent url(menu_bg.gif) 0 -144px;
}

#menu li a.evenements {
background:transparent url(menu_bg.gif) -140px -213px;
}
#menu li a.evenements:hover {
background:transparent url(menu_bg.gif) 0 -213px;
}

#menu li a.presse {
background:transparent url(menu_bg.gif) -140px -283px;
}
#menu li a.presse:hover {
background:transparent url(menu_bg.gif) 0 -283px;
}

#menu li a.contact {
background:transparent url(menu_bg.gif) -140px -353px;
}
#menu li a.contact:hover {
background:transparent url(menu_bg.gif) 0 -353px;
}




/* Divers */

td label  {
padding-left:0;
}


.ev1,
.ev2 {
margin-top:10px;
padding:20px 20px 0 20px;
width:171px;
height:91px;
color:#ffffff;
text-align:center;
}

.ev1 h3,
.ev2 h3 {
font-size:14px;
margin:0;
margin-top:8px;
}

.ev1 a,
.ev2 a {
color:#ffffff;

}

.ev1 {
float:left;
background:transparent url(ev1_bg.gif) top left no-repeat;
}

.ev2 {
float:right;
background:transparent url(ev2_bg.gif) top left no-repeat;
}



/* Articles */
.article {
clear:both;
}

.article .title {
font-weight:bold;
}

.article .post_date {
font-style:italic;
}

.article .image_link {
float:left;
margin:0 10px 10px 0;
}

.article .file_link {
clear:both;
}


/* Galerie */
.galerie_cat { 
background-color:#DDDD49; 
border:1px solid #DDDDDD; 
cursor:pointer; 
margin:20px 0;
}
.galerie_cat p {
padding-right:10px;
padding-bottom:5px;
}
.galerie_cat table {
float:left;
margin-right:15px;
}
.galerie_cat table td {
text-align:center;
}
.galerie_cat h3 {
text-align:center;
}


.galerie_img {
background-color:#DDDD49;
border:1px solid #DDDDDD;
float:left;
margin:5px 7px 5px 0;
}
.galerie_img table td {
text-align:center;
padding:5px;
}
.galerie_img table img {
border:1px solid #666666;
}




/* A la fin */
#container {
width:100%;
min-width:1020px;
margin:0 auto;
height:100%;
background:transparent url(container_bg.jpg) top center no-repeat;
}