@charset "utf-8";
@import "mediaboxAdvBlack.css";

/****************************************************************************/
/*                            CSS GENERIQUES                                */
/****************************************************************************/
* { margin:0; padding:0; }

body { color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/fonds/parc-body-bg-top.jpg) no-repeat center -5px; }

body .background{ background:url(../images/fonds/parc-body-bg-bottom.jpg) no-repeat center bottom; }

/*~ Thème Parc :: Body Top ~*/
body#parc, body#legende { background:url(../images/fonds/parc-body-bg-top.jpg) no-repeat center -5px; }
/*~ Thème Anniversaire :: Body Top ~*/
body#anniversaire { background:url(../images/fonds/anniversaire-body-bg-top.jpg) no-repeat center -5px; }
/*~ Thème Ateliers :: Body Top ~*/
body#ateliers { background:url(../images/fonds/ateliers-body-bg-top.jpg) no-repeat center -5px; }
/*~ Thème groupes :: Body Top ~*/
body#groupes { background:url(../images/fonds/groupes-body-bg-top.jpg) no-repeat center -5px; }
/*~ Thème Agenda :: Body Top ~*/
body#agenda, body { background:url(../images/fonds/agenda-body-bg-top.jpg) no-repeat center -5px; }
/*~ Thème Tarifs :: Body Top ~*/
body#tarifs { background:url(../images/fonds/tarifs-body-bg-top.jpg) no-repeat center -5px; }
/*~ Thème Accès Parc :: Body Top ~*/
body#acces_parc { background:url(../images/fonds/acces-parc-body-bg-top.jpg) no-repeat center -5px; }

body#index { background:url(../images/fonds/index-body-bg-top.jpg) no-repeat center -5px; }


/*~ Thème Parc :: Body Bottom ~*/
body#parc .background, body#legende .background{ background:url(../images/fonds/parc-body-bg-bottom.jpg) no-repeat center bottom; }
/*~ Thème Anniversaire :: Body Bottom ~*/
body#anniversaire .background{ background:url(../images/fonds/anniversaire-body-bg-bottom.jpg) no-repeat center bottom; }
/*~ Thème Ateliers :: Body Bottom ~*/
body#ateliers .background{ background:url(../images/fonds/ateliers-body-bg-bottom.jpg) no-repeat center bottom; }
/*~ Thème groupes :: Body Bottom ~*/
body#groupes .background{ background:url(../images/fonds/groupes-body-bg-bottom.jpg) no-repeat center bottom; }
/*~ Thème Agenda :: Body Bottom ~*/
body#agenda .background, body .background { background:url(../images/fonds/agenda-body-bg-bottom.jpg) no-repeat center bottom; }
/*~ Thème Tarifs :: Body Bottom ~*/
body#tarifs .background{ background:url(../images/fonds/tarifs-body-bg-bottom.jpg) no-repeat center bottom; }
/*~ Thème Accès Parc :: Body Bottom ~*/
body#acces_parc .background{ background:url(../images/fonds/acces-parc-body-bg-bottom.jpg) no-repeat center bottom; }

body#index .background{ background:url(../images/fonds/index-body-bg-bottom.jpg) repeat-x center bottom; position:relative; }


img { border:none; padding:0; margin:0; }

ul { list-style:none; margin:0; padding:0; }

.cleaner, .clear { clear:both; width:1px; height:1px; line-height:1px; }

p { margin:0; padding:0 0 10px 0; }

a {	text-decoration:none; }
a:hover { text-decoration:underline; }

form, fieldset, input { margin:0; padding:0; }
fieldset { border:none; }


/* LES TITRES */
h1, h2, h3, h4 { padding:0; margin:0; }

h1, h1 a { font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; text-transform:uppercase; }
h2, h2 a { font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7db61a; }
h3, h3 a { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; }
h4, h4 a { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7db61a; }

/*~ Thème Le parc :: Couleur H1 / H3 ~*/
body#parc h1, body#parc h3,
body#legende h1, body#legende h3
 { color:#008ed2; }
/*~ Thème Anniversaire :: Couleur H1 / H3 ~*/
body#anniversaire h1, body#anniversaire h3 { color:#8863a3; }
/*~ Thème Ateliers :: Couleur H1 / H3 ~*/
body#ateliers h1, body#ateliers h3 { color:#c0007b; }
/*~ Thème groupes :: Couleur H1 / H3 ~*/
body#groupes h1, body#groupes h3 { color:#e2001a; }
/*~ Thème Agenda :: Couleur H1 / H3 ~*/
body#agenda h1, body#agenda h3,
body h1, body h3
 { color:#f08a00; }
/*~ Thème Tarifs :: Couleur H1 / H3 ~*/
body#tarifs h1, body#tarifs h3 { color:#c1d016; }
/*~ Thème Accès Parc :: Couleur H1 / H3 ~*/
body#acces_parc h1, body#acces_parc h3 { color:#7db61a; }


/* LES BOUTONS */
.bouton a { color:#fff; font-weight:bold; font-size:9px; text-transform:uppercase;  }

/* Bouton :: Deco à gauche */
/*~ Thème Ateliers :: Boutons dynamiques ~*/
body#ateliers .bouton { background:url(../images/boutons/btn-theme-ateliers-deco.gif) no-repeat 0 0; padding:17px 0 7px 32px; float:left; }
body#ateliers .bouton .wrapper { background:#c0007b url(../images/boutons/btn-theme-ateliers-angle.gif) no-repeat right 0; float:left; }
body#ateliers .bouton a { float:left; padding:3px 5px 3px 2px; }
/*~ Thème groupes :: Boutons dynamiques type 1 ~*/
body#groupes .bouton { background:url(../images/boutons/btn-theme-groupes-deco.gif) no-repeat 0 0; padding:17px 0 7px 25px; float:left; }
body#groupes .bouton .wrapper { background:#e2001a url(../images/boutons/btn-theme-groupes-angle.gif) no-repeat right 0; float:left; }
body#groupes .bouton a { float:left; padding:3px 5px; }
/*~ Thème Agenda :: Boutons dynamiques type 1 ~*/
body#agenda .bouton, body .bouton { background:url(../images/boutons/btn-theme-agenda-deco.gif) no-repeat 0 0; padding:17px 0 7px 25px; float:left; }
body#agenda .bouton .wrapper, body .bouton .wrapper { background:#f08a00 url(../images/boutons/btn-theme-agenda-angle.gif) no-repeat right 0; float:left; }
body#agenda .bouton a, body .bouton a { float:left; padding:3px 5px; }


/* Bouton :: Deco à droite */
/*~ Thème Parc :: Boutons dynamiques ~*/
body#parc .bouton, body#legende .bouton { background:url(../images/boutons/btn-theme-parc-deco.gif) no-repeat right 0; padding:7px 43px 7px 0; float:left; }
body#parc .bouton .wrapper, body#legende .bouton .wrapper { background:#008ed2 url(../images/boutons/btn-theme-parc-angle.gif) no-repeat 0 0; float:left; }
body#parc .bouton a, body#legende .bouton a { float:left; padding:3px 0px 3px 10px; }
/*~ Thème Anniversaire :: Boutons dynamiques ~*/
body#anniversaire .bouton { background:url(../images/boutons/btn-theme-anniversaire-deco.gif) no-repeat right 0; padding:13px 27px 7px 0; float:left; }
body#anniversaire .bouton .wrapper { background:#8863a3 url(../images/boutons/btn-theme-anniversaire-angle.gif) no-repeat 0 0; float:left; }
body#anniversaire .bouton a { float:left; padding:3px 0px 3px 10px; }
/*~ Thème Tarifs :: Boutons dynamiques ~*/
body#tarifs .bouton { background:url(../images/boutons/btn-theme-tarifs-deco.gif) no-repeat right 0; padding:15px 35px 13px 0; float:left; }
body#tarifs .bouton .wrapper { background:#c1d016 url(../images/boutons/btn-theme-tarifs-angle.gif) no-repeat 0 0; float:left; }
body#tarifs .bouton a { float:left; padding:3px 0px 3px 10px; }
/*~ Thème Accès Parc :: Boutons dynamiques ~*/
body#acces_parc .bouton { background:url(../images/boutons/btn-theme-acces-parc-deco.gif) no-repeat right 0; padding:6px 47px 13px 0; float:left; }
body#acces_parc .bouton .wrapper { background:#7db61a url(../images/boutons/btn-theme-acces-parc-angle.gif) no-repeat 0 0; float:left; }
body#acces_parc .bouton a { float:left; padding:3px 0px 3px 10px; }


/****************************************************************************/
/*                                CSS PAGES                                 */
/****************************************************************************/

/* PAGE */
#page {
	width:900px;
	margin:0 auto;
	position:relative;
}

/* HEADER */
#header { width:900px; }
#header.home { position:relative;}

/* Boutons télé doungs et Le club */
#header .boutons {
	float:right;
	padding-right:10px;
}
#header .boutons li, #header .boutons_home li {
	float:left;
	padding-right:15px;
}
#header .boutons li.tele a, #header .boutons_home li.tele a {
	display:block;
	background:url(../images/boutons/btn-tele-doungs.jpg) no-repeat 0 0;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	padding:3px 47px 10px 13px;
}
#header .boutons li.club a{
	display:block;
	background:url(../images/boutons/btn-club.jpg) no-repeat 0 0;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	padding:3px 49px 10px 18px;
}

#header .boutons_home {
	float:left;
	padding-left:60px;
}



/* Bloc vidéo */
#header .video {
	position:absolute;
	left:0;
	top:26px;
	clear:both;
}

/* Bloc logo */
#header .logo {
	margin:0 auto;
	width:308px;
}

/* Navigation */
#header #navigation {
	width:860px;
	padding:15px 20px 0;
}
#header #navigation li {
	width:114px;
	text-align:center;
	display:block;
	line-height:21px;
	float:left;
	margin-right:10px;
}
#header #navigation li a {
	color:#fff;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	display:block;
}
#header #navigation li.parc a { background-color:#008ed2; }
#header #navigation li.anniversaire a{ background-color:#8863a3; }
#header #navigation li.ateliers a{ background-color:#c0007b; }
#header #navigation li.groupes a{ background-color:#e2001a; }
#header #navigation li.agenda a{ background-color:#f08a00; }
#header #navigation li.tarifs a{ background-color:#c1d016; }
#header #navigation li.acces_parc { margin-right:0 }
#header #navigation li.acces_parc a{ background-color:#7db61a; }

/* sous_navigation */
#header #sous_nav {
	width:860px;
	padding:3px 20px 0;
	clear:left;
}
#header #sous_nav ul {
	width:800px;
	float:left;
	padding:0 30px;
}
#header #sous_nav li {
	display:block;
	line-height:18px;
	float:left;
	margin-right:12px;
	color:#fff;
	padding:1px 0 2px;
}
#header #sous_nav li a {
	color:#fff;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}

/*~ Thème Le parc :: sous_navigation ~*/

body#parc #header #sous_nav ul, body#legende #header #sous_nav ul { background-color:#008ed2; }
body#parc #header #sous_nav ul li a:hover, body#parc #header #sous_nav ul li.actif a,
body#legende #header #sous_nav ul li a:hover, body#legende #header #sous_nav ul li.actif a
{ color:#c1eafd; }
/*~ Thème Anniversaire :: sous_navigation ~*/
body#anniversaire #header #sous_nav ul { background-color:#8863a3; }
body#anniversaire #header #sous_nav ul li a:hover, body#anniversaire #header #sous_nav ul li.actif a{ color:#e4cdf6; }
/*~ Thème Ateliers :: sous_navigation ~*/
body#ateliers #header #sous_nav ul { background-color:#c0007b; }
body#ateliers #header #sous_nav ul li a:hover, body#ateliers #header #sous_nav ul li.actif a{ color:#ffb8e5; }
/*~ Thème groupes :: sous_navigation ~*/
body#groupes #header #sous_nav ul { background-color:#e2001a; }
body#groupes #header #sous_nav ul li a:hover, body#groupes #header #sous_nav ul li.actif a{ color:#f8c3ca; }
/*~ Thème Agenda :: sous_navigation ~*/
body#agenda #header #sous_nav ul, body #header #sous_nav ul { background-color:#f08a00; }
body#agenda #header #sous_nav ul li a:hover, body#agenda #header #sous_nav ul li.actif a,
body #header #sous_nav ul li a:hover, body #header #sous_nav ul li.actif a
{ color:#f5d7ae; }
/*~ Thème Tarifs :: sous_navigation ~*/
body#tarifs #header #sous_nav ul { background-color:#c1d016; }
body#tarifs #header #sous_nav ul li a:hover, body#tarifs #header #sous_nav ul li.actif a{ color:#4f7d00; }
/*~ Thème Accès Parc :: sous_navigation ~*/
body#acces_parc #header #sous_nav ul { background-color:#7db61a; }
body#acces_parc #header #sous_nav ul li a:hover, body#acces_parc #header #sous_nav ul li.actif a{ color:#e9f8d0; }




/* CONTENER */
#contener {
	padding:5px 20px 0;
	width:860px;
	min-height:545px;
	height:auto!important;
	*height:545px;
}

#page_popup {
	padding:10px 20px 0;
	width:600px;
	margin:0 auto;
	
}


/* File d'ariane */
#contener .fil_ariane {
	width:860px;
	padding-left:20px;
	padding-bottom:20px;
}

/*~ Thème Le parc :: Fil d'ariane - picto home ~*/
body#parc .fil_ariane, body#legende .fil_ariane { background:url(../images/pictos/picto-home-parc.gif) no-repeat 0 4px; }
/*~ Thème Anniversaire :: Fil d'ariane - picto home ~*/
body#anniversaire .fil_ariane { background:url(../images/pictos/picto-home-anniversaire.gif) no-repeat 0 4px; }
/*~ Thème Ateliers :: Fil d'ariane - picto home ~*/
body#ateliers .fil_ariane { background:url(../images/pictos/picto-home-ateliers.gif) no-repeat 0 4px; }
/*~ Thème groupes :: Fil d'ariane - picto home ~*/
body#groupes .fil_ariane { background:url(../images/pictos/picto-home-groupes.gif) no-repeat 0 4px; }
/*~ Thème Agenda :: Fil d'ariane - picto home ~*/
body#agenda .fil_ariane, body .fil_ariane { background:url(../images/pictos/picto-home-agenda.gif) no-repeat 0 4px; }
/*~ Thème Tarifs :: Fil d'ariane - picto home ~*/
body#tarifs .fil_ariane { background:url(../images/pictos/picto-home-tarifs.gif) no-repeat 0 4px; }
/*~ Thème Accès Parc :: Fil d'ariane - picto home ~*/
body#acces_parc .fil_ariane { background:url(../images/pictos/picto-home-acces_parc.gif) no-repeat 0 4px; }

#contener .fil_ariane li {
	display:inline;
	font-size:10px;
}
#contener .fil_ariane a { text-decoration:underline; }
#contener .fil_ariane a:hover {  text-decoration:none; }

/*~ Thème Le parc :: Fil d'ariane - couleur lien ~*/
body#parc .fil_ariane a, body#legende .fil_ariane a { color:#008ed2; }
/*~ Thème Anniversaire :: Fil d'ariane - couleur lien ~*/
body#anniversaire .fil_ariane a { color:#8863a3; }
/*~ Thème Ateliers :: Fil d'ariane - couleur lien ~*/
body#ateliers .fil_ariane a { color:#c0007b; }
/*~ Thème groupes :: Fil d'ariane - couleur lien ~*/
body#groupes .fil_ariane a { color:#e2001a; }
/*~ Thème Agenda :: Fil d'ariane - couleur lien ~*/
body#agenda .fil_ariane a, body .fil_ariane a { color:#f08a00; }
/*~ Thème Tarifs :: Fil d'ariane - couleur lien ~*/
body#tarifs .fil_ariane a { color:#c1d016; }
/*~ Thème Accès Parc :: Fil d'ariane - couleur lien ~*/
body#acces_parc .fil_ariane a { color:#7db61a; }


/* Introduction */
#contener .intro { padding:0 60px 20px; }
#contener .intro p { font-size:12px; }

/* Contenu */
#contener .contenu {
	padding:0 35px 0 75px!important; 
	*padding:0 35px 0 85px; 
}

/* News */
#contener .contenu .news {
	padding-bottom:20px;
	clear:both;
}
#contener .contenu .news .gauche {
	float:left;
	padding-right:10px;
}
#contener .contenu .news .droite {
	float:left;
	width:545px;
	padding-top:2px;
}
#contener .contenu .news .rubrique {
	color:#FFFFFF;
	padding:11px 11px 14px 12px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	width:60px;
}

/*~ Thème Le parc :: Rubrique Bleu ~*/
body#parc #contener .news .rubrique, body#legende #contener .news .rubrique { background:url(../images/fonds/rubrique-theme-parc.jpg) no-repeat 0 0; }
/*~ Thème Anniversaire :: Rubrique Violet ~*/
body#anniversaire #contener .news .rubrique { background:url(../images/fonds/rubrique-theme-anniversaire.jpg) no-repeat 0 0; }
/*~ Thème Ateliers :: Rubrique Rose ~*/
body#ateliers #contener .news .rubrique { background:url(../images/fonds/rubrique-theme-ateliers.jpg) no-repeat 0 0; }
/*~ Thème groupes :: Rubrique Rouge ~*/
body#groupes #contener .news .rubrique { background:url(../images/fonds/rubrique-theme-groupes.jpg) no-repeat 0 0; }
/*~ Thème Agenda :: Rubrique Orange ~*/
body#agenda #contener .news .rubrique, body #contener .news .rubrique { background:url(../images/fonds/rubrique-theme-agenda.jpg) no-repeat 0 0; }
/*~ Thème Tarifs :: Rubrique Vert Clair ~*/
body#tarifs #contener .news .rubrique { background:url(../images/fonds/rubrique-theme-tarifs.jpg) no-repeat 0 0; }
/*~ Thème Accès Parc :: Rubrique Vert foncé ~*/
body#acces_parc #contener .news .rubrique { background:url(../images/fonds/rubrique-theme-acces-parc.jpg) no-repeat 0 0; }


#contener .news .titres {

	padding-left:10px;
	width:420px;
}
#contener p {
	clear:both;
	font-size:11px;
}

/*~ Thème Parc :: Couleur Liens ~*/
body#parc #contener  a, body#legende #contener  a { color:#008ed2; }
/*~ Thème Anniversaire :: Couleur Liens ~*/
body#anniversaire #contener  a { color:#8863a3; }
/*~ Thème Ateliers :: Couleur Liens ~*/
body#ateliers #contener  a { color:#c0007b; }
/*~ Thème groupes :: Couleur Liens ~*/
body#groupes #contener  a { color:#e2001a; }
/*~ Thème Agenda :: Couleur Liens ~*/
body#agenda #contener  a, body #contener  a { color:#f08a00; }
/*~ Thème Tarifs :: Couleur Liens ~*/
body#tarifs #contener  a { color:#c1d016; }
/*~ Thème Accès Parc :: Couleur Liens ~*/
body#acces_parc #contener  a { color:#7db61a; }

body#parc #contener .bouton a,
body#legende #contener .bouton a,
body#anniversaire #contener .bouton a,
body#ateliers #contener .bouton a,
body#groupes #contener .bouton a,
body#agenda #contener .bouton a,
body #contener .bouton a,
body#tarifs #contener .bouton a,
body#acces_parc #contener .bouton a
 { color:#fff; }


/*~ Thème Parc :: Boutons dynamiques ~*/
body#parc .news .bouton { float:right; margin-top:-40px; }
/*~ Thème Anniversaire :: Boutons dynamiques ~*/
body#anniversaire .news .bouton { float:right; margin-top:-40px; }
/*~ Thème Ateliers :: Boutons dynamiques ~*/
body#ateliers .news .bouton { float:right; margin-top:-40px; }
/*~ Thème groupes :: Boutons dynamiques ~*/
body#groupes .news .bouton { float:right; margin-top:-40px; }
/*~ Thème Agenda :: Boutons dynamiques ~*/
body#agenda .news .bouton, body .news .bouton { float:right; margin-top:-40px; }
/*~ Thème Tarifs :: Boutons dynamiques ~*/
body#tarifs .news .bouton { float:right; margin-top:-40px; }
/*~ Thème Accès Parc :: Boutons dynamiques ~*/
body#acces_parc .news .bouton { float:right; margin-top:-40px; }


/* News Détaillées */
#contener .news-details .gauche {
	float:left;
	width:280px;
}

#contener .news-details .gauche img {padding:5px 0;}

#contener .news-details .droite {
	float:left;
	width:430px;
	padding-top:2px;
}
#contener .bande_verte { padding:8px 0; }


/*~ Thème Parc :: Espacement des boutons ~*/
body#parc #contener .news-details .bouton, body#legende #contener .news-details .bouton  { margin:10px 30px; }
/*~ Thème Anniversaire :: Espacement des boutons ~*/
body#anniversaire #contener .news-details .bouton { margin:10px 30px!important; * margin:10px 20px; }
/*~ Thème Ateliers :: Espacement des boutons ~*/
body#ateliers #contener .news-details .bouton { margin:10px 30px; }
/*~ Thème Groupes :: Espacement des boutons ~*/
body#groupes #contener .news-details .bouton { margin:10px 30px; }
/*~ Thème Agenda :: Espacement des boutons ~*/
body#agenda #contener .news-details .bouton, body #contener .news-details .bouton { margin:10px 30px; }
/*~ Thème Tarifs :: Espacement des boutons ~*/
body#tarifs #contener .news-details .bouton { margin:10px 30px; }
/*~ Thème Accès Parc :: Espacement des boutons ~*/
body#acces_parc #contener .news-details .bouton {  margin:10px 30px!important; * margin:10px 20px; }


/* Galerie d'images */
#contener .contenu .galerie {
	padding-top:35px;
	width:307px;
	float:left;
	margin-right:60px;
	margin-bottom:30px;
}

/*~ Thème Parc :: Galerie bg Top ~*/
body#parc #contener .contenu .galerie { background:url(../images/parc-galerie-top.jpg) no-repeat 0 0; }
/*~ Thème Anniversaire :: Galerie bg Top ~*/
body#anniversaire #contener .contenu .galerie { background:url(../images/anniversaire-galerie-top.jpg) no-repeat 0 0; }
/*~ Thème Ateliers :: Galerie bg Top ~*/
body#ateliers #contener .contenu .galerie { background:url(../images/ateliers-galerie-top.jpg) no-repeat 0 0; }
/*~ Thème Groupes :: Galerie bg Top ~*/
body#groupes #contener .contenu .galerie { background:url(../images/groupes-galerie-top.jpg) no-repeat 0 0; }

#contener .contenu .galerie.last { margin-right:0; }
#contener .contenu .galerie .type {
	margin-top:-27px;
	padding-bottom:14px;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;

}
#contener .contenu .galerie .type.un { padding-left:35px; }
#contener .contenu .galerie .type.deux { padding-left:24px; }
#contener .contenu .galerie .type.trois { padding-left:43px; }
#contener .contenu .galerie .type.quatre { padding-left:30px; }

#contener .contenu .galerie .scrollerMoo {
    position:relative;
    height: 170px;
    width: 305px;
    white-space: nowrap;
	overflow:hidden;
	border:0px solid red;
}

/*~ Thème Parc :: Galerie Couleur Bordures ~*/
body#parc #contener .contenu .galerie .scrollerMoo, body#legende #contener .contenu .galerie .scrollerMoo { border-right:1px solid #cce8f6; border-left:1px solid #cce8f6; }
/*~ Thème Anniversaire :: Galerie Couleur Bordures ~*/
body#anniversaire #contener .contenu .galerie .scrollerMoo { border-right:1px solid #e7e0ed; border-left:1px solid #e7e0ed; }
/*~ Thème Ateliers :: Galerie Couleur Bordures ~*/
body#ateliers #contener .contenu .galerie .scrollerMoo { border-right:1px solid #ffb8e5; border-left:1px solid #ffb8e5; }
/*~ Thème Groupes :: Galerie Couleur Bordures ~*/
body#groupes #contener .contenu .galerie .scrollerMoo { border-right:1px solid #f8c3ca; border-left:1px solid #f8c3ca; }

#contener .contenu .galerie .scrollerMoo .bouton-precedent {
	float:left;
	padding-top:65px;
	width:21px;
}
#contener .contenu .galerie .scrollerMoo .bouton-suivant {
	float:right;
	padding-top:65px;	
	width:21px;
}
#contener .contenu .galerie .scrollerMoo .scrollerMooItem {
padding:0 1px;
}


#contener .contenu .galerie .scrollerMoo .scrollerMooItem div.legende {
    position: absolute;    
    display: inline;
    top: 110px;
	width:120px;
	border:0px solid red;
}


#contener .contenu .galerie .scrollerMoo .scrollerMooItem h3 {
	text-align:center;
    color: #002748;
    font-size: 12px;
	white-space:normal;
}

#contener .contenu .galerie .scrollerMoo .scrollerMooItem p {
	padding:0;
	text-align:center;
	white-space:normal;
}


/* FOOTER */
#footer {
	text-align:center;
	margin-bottom:10px;
	margin-top:165px;
}

#footer li {
	display:inline;
	font-size:10px;
	color:#60910c;
	padding:0 2px;
}
#footer li a {
	color:#60910c;
	text-decoration:underline;
}
#footer li a:hover { text-decoration:none; }
#footer li img { vertical-align:middle; }


/* Champs de Formulaires
-------------------------------------------------------- */
textarea{margin : 1px; background: #FFF url('../images/text-bg.gif') repeat-x; border: 1px solid #B5B8C8; padding:5px;}
input.noborder {border:0;}
input.recherche {width:50px;}
input.button {	border:0px solid #2c220e;}
input.small_button {
	border:0px solid #2c220e;
	background-color:#2c220e;
	color:#ccc;
	font-size:9px;	
}

select {margin : 2px;}
form {padding:0;margin:0;}
textarea{
	width: 96%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: black;
	margin: 0;
	padding: .5em;
}

#piedForm {
	text-align: center; /*** Les boutons sont alignes a droite ***/
}

#piedForm input {
	font-weight: bold; /*** Pour ameliorer la lisibilite des boutons ***/
	padding: 0.1em 0.1em;

}

#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/

	margin: 0;
	padding: 1em;
}

#corpForm .text-input {
	width: 130px;
	padding:3px 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF url('../images/text-bg.gif') repeat-x;
	
}

#corpForm .qte-input {
	width: 30px;
	padding:3px 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF url('../images/text-bg.gif') repeat-x;
	
}


#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 10px 0;
	font-style: normal;
	padding: 5px;
	border: 1px solid #867d78;
	
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #867d78;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;

}
#corpForm fieldset.coordonnees label {	/*** Mise en forme des intitules de champs ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 45%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 25px;	/*** ... et centres verticalement. ***/
}

#corpForm fieldset.interets p{	/*** Mise en forme des intitules de champs ***/
	
	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignes a droite... ***/
	margin-left:40%;
	padding: 0 .5em 0 5px;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
}

#corpForm fieldset.quizz p {
	padding:10px;
}

#corpForm fieldset.quizz input {border:0}


#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitules ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en evidence des champs obligatoires ***/
}

#corpForm label span {color:#CC0000;}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
	font-size:10px;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}

a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

#corpForm .help {
	margin-left:45%;
	font-size:10px;
	font-style:italic;
	padding-left:5px;
	margin-bottom:5px;
	color:#333333;
}

/* bouton ok */
.submit {
	/* background: url('../images/bouton_continuer.png') no-repeat; */
	border: 0px solid #AAA;
	padding: 0 0 3px 0;
	margin: 10px 15px 0 0;
	float: right;
	text-decoration: none;
	height:41px;
	width:272px;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}

#animation { position:absolute; bottom:47px; left:-50px; width:1024px; height:285px;}

.edito {position:absolute; top:55px; right:15px; border:0px solid red; width:220px; height:115px; text-align:center; padding:10px}
.edito a {color:#000000; text-decoration:none;}
.edito h3 a { color:#93117e; }
.edito h3 {padding:3px 0;}

#contener  #bloc_accueil { text-align:center; padding:20px;  }
#contener  #bloc_accueil p {font-size:13px;}
#bloc_accueil h3 { color:#93117e}

.bloc_partage {
	text-align:center; 
	margin:0px auto; 
	width:200px; 
	padding:8px 0 3px 0;
}

/* style calendrier */

#calendrier_reservation { text-align:center; position:relative; width:550px; margin:10px auto; border:1px solid #f99b00; height:300px;}


#calendrier_reservation .nav_calendrier {position:absolute;}

#calendrier_reservation #calendrier_prec {
	top:110px;
	left:0px;
}
#calendrier_reservation #calendrier_suiv {
	top:110px;
	right:0px;
}

#calendrier_reservation #calendrier_ajax {
margin:5px 35px;
}

#calendrier_reservation .calendrierMoisAnnee { font-size:14px; font-weight:bold; line-height:18px; background-color:#f99b00; color:#FFFFFF; padding:3px 0; margin-bottom:8px;}


table.calendrier td {
    width: 70px;
	height: 38px;
	text-align: center;
}




th.calendrier {
    background-color: #ffffff;
}
td.calendrierVide {
    background-color: #ffffff;
}
td.calendrierNormal {
    background-color: #eeeeee;
}
td.calendrierLien {
    background-color: #e0e7ee;
    font-weight: bold;  
}

#contener  td.calendrierLien a {display:block; height:38px; line-height:38px; font-size:18px;}
#contener  td.calendrierLien a:hover { background-color: #f99b00; color: #ffffff; text-decoration:none;}

td.calendrierPendant {
    background-color: #e0e7ee;  
}
.aujourdhui {
    border: 1px solid black;
}

/* tooltip design */
.tip_cache {display:none;}

.ToolTips { display:block; position:absolute; width:245px; overflow:hidden; }
.ToolTips .sticky_close { display:block; position:absolute; top:32px; right:3px; background:url(../images/tooltips/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100; }
.ToolTips .message { display:block; position:relative;  background:url(../images/tooltips/fondinfobulle.png) repeat-y; padding:41px 15px 30px 15px; width:212px; height:210px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; height:0px;  }
.ToolTips .dockTopFooter { height:0px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(../images/tooltips/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(../images/tooltips/dockTopHeader.png) bottom center no-repeat; height:00px; line-height:0px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltips/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltips/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltips/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltips/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tooltips/fileclose.png');  }

.ToolTips .heure_creneau {border:0px solid black; display:block; float:left; width:100px; font-size:16px; font-weight:bold;text-align:center;padding:0px; margin:1px 1px; color:#f99b00; background-color:#e5ebf1}
.ToolTips .heure_creneau a {color:#f99b00; display:block;  height:25px; line-height:25px;}
.ToolTips .heure_creneau a:hover, .ToolTips .heure_creneau a:visited:hover { text-decoration:none; background-color:#f99b00; color:#ffffff;}
/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(../images/tooltips/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:left; color:#FFFFFF; }

.ToolTips .message h3 { font-size:13px; font-weight:bold; margin:2px 0px 15px 0px; padding:0 0 0 53px; color:#000; text-align:left; text-transform:none; }
.ToolTips .message h2  {margin:0; padding:0; font-size:12px;}

.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }

.ToolTips .message span {position:absolute; bottom:25px; right:15px; font-style:italic; font-size:9px;}

.nav_calendrier { cursor:pointer;}
.invisible {display:none;}

.liste_options { margin:5px 0; padding:8px 0; border-bottom:1px dashed #7db61a;}
#corpForm fieldset .liste_options label, #corpForm .salles label { color:#7db61a; font-size:13px; font-weight:bold;}


.prix_option { color:#FF6600; font-weight:bold; }

#corpForm .help {
	margin-left:0;
	font-size:10px;
	font-style:italic;
	padding-left:5px;
	margin-bottom:5px;
	color:#333333;
}

.liste_options .encart {
	margin-left:18px;
}

#mbCenter .content {padding:15px;}
#mbCenter h4 {padding-bottom:5px;}

#corpForm .variante_option {width:200px; float:left; margin:2px 12px;  }
#corpForm .variante_option img { margin:0px 5px; }
#corpForm .variante_option td label {color:#000000; font-weight:normal; font-size:12px;}

#corpForm h3 {margin:15px 0 5px 0;}

img.img_loading {display:block; text-align:center; margin:0px auto; width:36px; padding:10px 0;}

#recap_listing div.bloc_info { text-align:center; margin:3px 0px; padding:10px; background-color:#008ed2; color:#FFFFFF; font-size:13px; font-weight:bold;}

/* galerie formule */
.div_galerie {
	float:left;
	border:0px solid #ccc;
	margin-right:5px;
	text-align:center;
	width:280px;
	position:relative;
}

.miniature_photo2
{
	margin: 1px 7px 3px 0px;
	padding:0px;
	border:0px solid #cccecb;
}

/* galerie photo */
.galerie_photo
{
	margin: 0 ;
	padding:3px 0;
	list-style-type: none ;
	text-align:left;
/* Suppression du margin, du padding et des puces du <ul> */
}
.galerie_photo ul {margin:0;padding:0}
.galerie_photo li
{
	display:inline;
	margin: 0px 0px ;
	padding: 0px  1px;
}

.galerie_photo span {
		background-color:#543019;
		font-weight:bold;
		line-height:13px;
		padding: 0px 3px;
}

.galerie_photo a, .galerie_photo a:visited, .galerie_photo a:hover {
	text-decoration:none;
	color:#f7941d;
}

/* Panier */

#tab_panier {margin:5px 0px; border:1px solid #CCCCCC;}

#tab_panier tr th {
	font-size:12px;
	color:#FFFFFF;
	padding:5px ;
	font-weight:bold;
	background-color:#f99b00;
	text-align:center;
}
#tab_panier tr td {
	font-size:12px;
	padding:3px 10px;
}

#tab_panier .highlight_panier { font-size:14px; font-weight:bold;}

#contenu_panier {
	padding:10px;
	float:left;
	width:535px;
}

.warning {
	border:3px dashed #7db61a;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color: #990000;
	padding:15px 10px;
}

.warning_webmaster {
	border:1px solid #FFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color: #FFF;
	background-color:#CC0000;
	padding:10px;
}
.warning_webmaster a {color: #FFF;text-decoration:underline;}

.warning a:link, .warning a:visited { color: #990000; text-decoration:underline;}

.tab_contenu {
	padding:0px 0;
}

#recap_commande {margin:15px 0;}

#info_paiement_arrhes {margin:10px 0; padding:5px; border:1px dotted #008ed2;}
#info_paiement_arrhes h4 { text-align:center; line-height:18px;}
#info_paiement_arrhes h4 strong {color:#000000; text-decoration:underline;}
#info_paiement_arrhes .total_paiement { font-size:18px; color:#000000; font-weight:bold; margin-top:5px;text-align:center;}

#contener .bloc_formule { 
	float:left; 
	width:325px;
	height:202px;
	background:url(../images/resa/fond_bloc_formule.jpg) top left no-repeat;
	margin:10px 25px 45px 25px;
	font-weight:bold;
	font-size:13px;
	position:relative;
}

#contener .bloc_formule h2 {padding:12px 0 3px 20px; color:#FFFFFF; margin-bottom:12px;}
#contener .bloc_formule h2 a {color:#FFFFFF;}
#contener .bloc_formule  img {float:left; margin:0 10px 3px 45px;}
#contener .bloc_formule .descriptif {float:left; width:115px; padding:0 5px; height:160px; overflow:hidden;}

#contener .bloc_formule p {font-size:12px; line-height:16px; }



.separation {
	height:1px;
	line-height:1px;
	font-size:1px;
	margin:10px 0;
	padding:0;
	border-bottom:1px dashed #a4cb8c;
	clear:both;
}

.nowrap { white-space:nowrap;}

/* styles rapport */
.tab_rapport {border-collapse: collapse;}
.tab_rapport tr th { font-weight:bold; padding:2px 10px; text-align:center;}
.tab_rapport tr td{ padding:3px 10px; text-align:center; border:1px solid #999;}
.tab_rapport tr td.smalltext {font-size:10px;}

/* styles specifiques a la resa en ligne */
#contener #item1 .descriptif {float:left; width:420px; color:#7db61a; }

#contener #item1 .descriptif p { font-size:12px;}

#item1 .descriptif ul {
	margin:5px 0 5px 10px;
	padding:0;
}
#item1 .descriptif li {
	margin:2px 0 2px 0;
	padding:12px 0 6px 40px;
	color:#000;
	font-size:13px;
	border-bottom:1px dashed #7db61a;
	background:url(../images/resa/coche_verte.gif)  5px top no-repeat;
}

#item1 .descriptif li.li_cadeau, .li_cadeau { background:url(../images/resa/coche_cadeau.gif) left 3px  no-repeat; padding-bottom:10px}

#item1 .prix { 
	
	color:#000; 
	font-weight:bold; 
	position:absolute; 
	top:283px;
	left:55px;
	width:185px;
	height:16px;
	font-size:14px; 

}

.bouton_reservez { 
	background:url(../images/resa/fond_reservez_bloc_formule.gif) top left no-repeat;
	height:26px;
	width:164px;
	position:absolute;
	bottom:-40px;
	left:25px;
	padding:24px 0 0 50px;
}

#contener .bloc_produit #item2 h2.titre_cal {
	background:url(../images/resa/fond_reservez_bloc_formule.gif)  top left no-repeat;
	padding:22px 0 10px 50px;
	color:#000;
	margin:0 auto;
	width:170px;
}

#contener .bouton_reservez a {color:#000000; font-size:12px;}
#contener .bloc_produit #item1 {
	background:url(../images/resa/fond_detail_formule.jpg) top left no-repeat;
	min-height:355px;
	border:0px solid red;
}
#contener .bloc_produit #item1 h1 {
	color:#FFFFFF;
	padding:15px 0 10px 20px;
	font-size:15px;
	text-transform:none;
}


#contener .bloc_produit #item1 .div_galerie {
	padding-left:15px;
}

#contener .bloc_titre_orange h3 {
	background:url(../images/resa/titre_orange.gif) top left no-repeat;
	height:41px;
	line-height:40px;
	padding-left:20px;
	color:#FFFFFF;
	font-size:16px;
	text-transform:none;
}

#contener input.bouton_vert, #contener input.bouton_vert_confirme {
	background:url(../images/resa/bouton_vert.gif) top left no-repeat;
	line-height:77px;
	height:77px;
	width:268px;
	padding:22px 0 0 30px;
	text-transform:none;
	font-size:15px;
	font-style:normal;
}

#contener input.bouton_vert_confirme { font-size:17px;background:url(../images/resa/bouton_vert_long.gif) top left no-repeat;width:308px;}

#contener input.bouton-modifier {
	background:url(../images/resa/bouton_orange.gif) top left no-repeat;
	line-height:77px;
	height:77px;
	width:268px;
	padding:22px 0 0 30px;
	text-transform:none;
	font-size:15px;
	font-style:normal;
	color:#9e1e00;
}


#contener .item_salle {
	border-bottom:1px dashed #7db61a;
	padding:3px 0;
}
#contener .item_salle span {font-weight:bold;}

body.mceContentBody {
   background: #FFF;
}

body.mceContentBody ul, body.mceContentBody ul li { list-style:inherit; margin:inherit; padding:inherit}