@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) repeat-x 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 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; *display:inline; }



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;}



/* Share */

#share {

	background:url(../images/share-bg.jpg) no-repeat 0 0;

	float:right;

	padding:5px 25px 8px;

	color:#006ec3;	

}

#share a {

	color:#006ec3;	

}



/* 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 li.reservez a{

	display:block;

	background:url(../images/boutons/btn-reservez.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;

}



/* Boutons sur la home */

#header.home .boutons {

	float:left;	

}

#header.home .boutons li.visite a, #header .visite a{

	display:block;

	background:url(../images/boutons/btn-visite-virtuelle-parc.jpg) no-repeat 0 0;

	color:#fff;

	text-transform:uppercase;

	font-weight:bold;

	font-size:11px;

	padding:3px 62px 10px 18px;

}





/* 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;

}



/* CONTENER HOME */

body#index #contener {

	padding:0;

	width:900px;	

}



/** Colonne gauche **/

#contener #col-gauche {

	float:left;

	width:250px;

	padding-top:20px;	

}

#contener #col-gauche .lutins {

	margin-bottom:15px;	

}

#contener #col-gauche .bloc {

	margin-bottom:25px;	

	background:url(../images/bloc-ombre-bg.jpg) no-repeat 0 center;

	padding:0 20px;

	float:left;

}

#contener #col-gauche .bloc h1 {

	font-size:14px;

	font-weight:bold;

	font-style:normal;

	padding-bottom:10px;

}

#contener #col-gauche .bloc p {

	font-size:12px;

	clear:both;

}



/*** specifiques ***/

#contener #col-gauche .bloc#bienvenue h1 {

	color:#008ed2;

}

#contener #col-gauche .bloc#menu h1 {

	color:#e2001a;

	padding-left:45px;

}

#contener #col-gauche .bloc#menu p {

	padding-left:70px;	

}



/*~ Thème Parc :: Boutons dynamiques ~*/

#contener #col-gauche .bloc#bienvenue .bouton { background:url(../images/boutons/btn-theme-parc-deco.gif) no-repeat right 0; padding:7px 43px 7px 0; float:right; }

#contener #col-gauche .bloc#bienvenue .bouton .wrapper { background:#008ed2 url(../images/boutons/btn-theme-parc-angle.gif) no-repeat 0 0; float:left; }

#contener #col-gauche .bloc#bienvenue .bouton a { float:left; padding:3px 0px 3px 10px; }

/*~ Thème groupes :: Boutons dynamiques type 1 ~*/

#contener #col-gauche .bloc#menu .bouton { background:url(../images/boutons/btn-theme-groupes-deco.gif) no-repeat 0 0; padding:17px 0 7px 25px; float:right; }

#contener #col-gauche .bloc#menu .bouton .wrapper { background:#e2001a url(../images/boutons/btn-theme-groupes-angle.gif) no-repeat right 0; float:left; }

#contener #col-gauche .bloc#menu .bouton a { float:left; padding:3px 5px; }



#contener #col-gauche .bloc#menu {

	position:relative;	

}

#contener #col-gauche .bloc#menu .icon {

	position:absolute;

	left:-40px;

	top:-20px;

}



/** Plan d'accès**/

#contener #col-gauche .plan-acces h1 {

	color:#7db61a;

	font-size:14px;

	font-weight:bold;

	font-style:normal;

	text-align:right;

	padding-right:15px;

}



/** Colonne droite **/

#contener #col-droite {

	float:left;

	width:640px;

	padding-left:10px;

	padding-top:20px;	

}

#contener #col-droite .diaporama {

	margin-bottom:20px;	

    overflow: hidden;

	width: 640px;

	height:231px;	

	background:url(../images/fond_diaporama.jpg) top center no-repeat;

	

}





#contener #col-droite .diaporama .slide {margin:8px 15px;}



#contener .diaporama .infos {

	

	position:absolute;

	left:0;

	bottom:0px;

	background:url(../images/fd-transp.png) repeat 0 0;

	padding:7px 10px;

	width:588px;

	height:45px

}



#contener .diaporama .infos h2 {

	font-size:20px;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	color:#fff;

	text-transform:uppercase;

	padding:0 0 2px 0;

	padding:0;

	text-shadow: 2px 2px 2px #798B25;

}

#contener .diaporama .infos p {

	color:#fff;

	margin:0;

	padding:0;

	font-size:14px;

	text-shadow: 2px 2px 2px #798B25;

}

#contener .diaporama .infos p.suite {

	text-align:right;

	font-weight:bold;

	font-size:16px;

	padding: 10px 0 0 0;

}

#contener .bloc_diaporama {position:relative; }

#contener .bloc_diaporama .bloc_puce_slide { position:absolute; bottom:93px; right:0px; z-index; width:100px; height:12px; font-size:9px; font-weight:bold; color:#FFFFFF;}

#contener .bloc_diaporama .puce_slide {width:12px; height:12px; margin:0px 2px; background:#798B25; float:left; cursor:pointer; text-align:center;}





#contener #col-droite .bloc {

	border:1px solid #7db61a;

	width:290px;

	float:left;

	margin:15px 12px 0 14px;	

	background:#fff;

	position:relative;

	padding-bottom:30px;

	min-height:355px;

	height:auto!important;

	*height:355px;

}

#contener #col-droite .bloc h1 {

	font-size:14px;

	font-weight:bold;

	color:#fff;

	text-transform:uppercase;

	line-height:40px;

	float:right;

	width:177px;

	padding-left:50px;

	margin-top:-25px;

	margin-right:-5px;

}

#contener #col-droite .bloc .news {

	padding:5px;

	margin-top:15px;	

}

#contener #col-droite .bloc .news img {

	float:left;	

	padding:0 10px 0 0

}

#contener #col-droite .bloc .news h2 {

	font-size:12px;

	font-weight:bold;

	color:#f08a00;

	text-transform:uppercase;	

}

#contener #col-droite .bloc .news p {

	clear:none;

	padding:0;

}

#contener #col-droite .bloc .news p.right {

	text-align:right;

	font-weight:bold;	

}

#contener #col-droite .bloc .bouton {

	position:absolute;

	bottom:-15px;

	left:-12px;

}	



/*** specifiques ***/

#contener #col-droite .bloc#actus h1 {

	background:url(../images/fonds/title-bg-orange.gif) no-repeat 0 0;

}

#contener #col-droite .bloc#resa .content {

	padding:0 17px;

	width:255px;	

}

#contener #col-droite .bloc#resa h1 {

	background:url(../images/fonds/title-bg-violet.gif) no-repeat 0 0;

}

#contener #col-droite .bloc#resa h2 {

	font-size:14px;

	font-weight:bold;

	color:#8863a3;	

	padding:10px 0;

}

#contener #col-droite .bloc#resa p {

	font-size:13px;	

}

#contener #col-droite .bloc#resa p.btn {

	text-align:center;

	padding:10px 0 4px;	

	position:absolute;

	bottom:-20px;

	left:27px;

}





/* FOOTER */

#footer {

	text-align:center;

	margin-bottom:10px;

	margin-top:165px;

}

body#index #footer {

	margin-top:110px;	

}



#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:80px; 

	padding:8px 0 3px 0;

	position:absolute;

	top:180px;

	left:180px;



}



/* 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:2px; cursor:pointer; background:url(../images/tooltips/fileclose.png) right no-repeat; width:16px; height:16px; line-height:16px; font-size:0px; z-index:1200; }

.ToolTips .message { display:block; position:static;  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;}



.ToolTips .complet {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:#666; display:block;  height:25px; line-height:25px; background:#999; position:relative;}

.ToolTips .complet span {display:block; position:absolute; left:0; top:0px; height:25px; width:100px; background:url(../images/pictos/bandeau_complet.gif) center no-repeat;}



/* 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}