@charset "utf-8";
/* CSS Document */

body { background-color:#d30073; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; }

h1, h2, h3, h4, h5, h6, p, form { padding:0; margin:0; }

h1 { font-size:36px; }
h2 { font-size:24px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

img { border:0; }

ul { margin:0; padding-top:10px; }
li { line-height:20px; }

.clear { clear:both; float:none; }

.off { display:none; }
.aff { display:inline; }

.texte_rose { color:#d30073; }
a.texte_rose { color:#d30073; text-decoration:underline; }
a.texte_rose:hover { color:#999; }

.texte_vert { color:#c8cb00; }
.texte_turquoise { color:#009f95; }
.texte_orange { color:#ef861f; }
.texte_violet { color:#8079b2; }
.texte_marron { color:#a38977; }

.texte_blanc { color:#fff; }
.texte_gris { color:#999; }
.texte_noir { color:#000; }
a.texte_noir { color:#000; text-decoration:none; }
a.texte_noir:hover { color:#999; }

.texte_10 { font-size:10px; }
.texte_11 { font-size:11px; }
.texte_12 { font-size:12px; }
.texte_14 { font-size:14px; }

.separ_rose { background-image:url(images/separ-rose.png); }
.separ_vert { background-image:url(images/separ-vert.png); }
.separ_turquoise { background-image:url(images/separ-turquoise.png); }
.separ_orange { background-image:url(images/separ-orange.png); }
.separ_violet { background-image:url(images/separ-violet.png); }
.separ_marron { background-image:url(images/separ-marron.png); }

a.lien_noir { color:#000; }
a.lien_noir:hover { color:#d30073; }

.separ_points_roses { height:1px; margin:10px 0; clear:both; float:none; background-image:url(images/separ-rose.png); background-repeat:repeat-x; background-position:center; }

#site { width:950px; margin-left:auto; margin-right:auto; background-color:#fff; }
#zone_principale { width:640px; float:left; padding-top:20px; margin-left:20px; }
#zone_droite { width:270px; float:right; background-image:url(images/header-droite.png); background-position:right top; background-repeat:no-repeat; padding-top:170px; }

#menu { width:232px; margin-left:auto; margin-right:auto; }
#menu .item_simple { height:45px; line-height:45px; text-align:center; font-variant:small-caps; font-size:20px; font-weight:bold; margin-top:20px; }
#menu .item_simple a { display:block; height:45px; line-height:45px; background-image:url(images/menu-btn.png); background-repeat:no-repeat; color:#d30073; text-decoration:none; }
#menu .item_simple a.on, #menu .item_simple a:hover { background-image:url(images/menu-btn-on.png); color:#fff; }
#menu .item_english { margin-bottom:20px; }
#menu .item_english a { color:#000; }
#menu .item_english a.on, #menu .item_english a:hover { background-image:url(images/menu-english.png); }

#menu .item_haut_titre { height:34px; line-height:34px; text-align:center; font-variant:small-caps; font-size:20px; font-weight:bold; margin-top:20px; }
#menu .item_haut_titre a { display:block; height:34px; line-height:34px; background-image:url(images/menu-btn-titre-on.png); background-repeat:no-repeat; color:#fff; text-decoration:none; }
#menu .item_haut_titre a.on, #menu .item_haut_titre a:hover { background-image:url(images/menu-btn-titre-on.png); color:#fff; }
#menu .item_menu { background-image:url(images/menu-btn-fond.png); }
#menu .item_menu a { color:#000; text-decoration:none; display:block; }
#menu .item_menu a:hover { color:#d30073; }
#menu .item_bas { height:14px; background-image:url(images/menu-btn-bas.png); }

#menu #news { background-image:url(images/news-fond.png); padding:10px; width:212px; height:65px; margin-top:20px; }
#menu #news label { float:none; clear:both; font-variant:small-caps; color:#d30073; }
#menu #news .champ { clear:both; float:none; width:210px; border:1px solid #c8cb00; border-collapse:collapse; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000; }

#footer { clear:both; float:none; padding:10px 20px; height:25px; line-height:25px; }
	#footer #gauche { float:left; }
	#footer #gauche { float:left; margin-right:5px; }
	#footer #gauche a { text-decoration:none; color:#000; }
	#footer #gauche a:hover { color:#c8cb00; }
	
	#footer #droite { float:right; color:#d30073; }
	#footer #droite a { color:#d30073; text-decoration:none; }
	#footer #droite a:hover { color:#c8cb00; }

#services { clear:both; float:none; margin:25px 0; }
#services div { float:left; width:105px; }
#services a { height:82px; display:block; text-indent:-5000px; margin-left:auto; margin-right:auto; }
#services #bien_etre a { width:52px; background-image:url(images/picto-menu-1.png); background-position:left top; }
#services #bien_etre a:hover, #services #bien_etre a.on { background-position:bottom; }
#services #voyages a { width:83px; background-image:url(images/picto-menu-2.png); background-position:left top; }
#services #voyages a:hover, #services #voyages a.on { background-position:bottom; }
#services #evenementiel a { width:70px; background-image:url(images/picto-menu-3.png); background-position:left top; }
#services #evenementiel a:hover, #services #evenementiel a.on { background-position:bottom; }
#services #enfants a { width:52px; background-image:url(images/picto-menu-4.png); background-position:left top; }
#services #enfants a:hover, #services #enfants a.on { background-position:bottom; }
#services #maison a { width:52px; background-image:url(images/picto-menu-5.png); background-position:left top; }
#services #maison a:hover, #services #maison a.on { background-position:bottom; }
#services #administratif a { width:70px; background-image:url(images/picto-menu-6.png); background-position:left top; }
#services #administratif a:hover, #services #administratif a.on { background-position:bottom; }

#service_div { position:absolute; background-image:url(images/fond-popup.png); background-repeat:no-repeat; padding:36px 48px 53px 38px; width:439px; height:328px; overflow:hidden; margin-left:50%; left:-405px; margin-top:285px; }
	#service_div li { margin-bottom:10px; }
	#service_div .titre { font-size:22px; font-weight:bold; float:left; height:57px; line-height:57px; background-position:bottom; background-repeat:repeat-x; width:357px; }
	#service_div .picto { float:right; }
	#service_div .contenu { float:left; height:315px; margin-top:20px; overflow:hidden; }
	#service_div #service_btn_fermer { position:absolute; margin-top:310px; margin-left:420px; clear:left; }

#entreprises_onglets { margin:25px 0; clear:both; float:none; }
	#entreprises_onglets div { float:left; width:50%; }
	#entreprises_onglets a { width:192px; height:58px; display:block; text-indent:-5000px; margin-left:auto; margin-right:auto; background-position:center top; background-repeat:repeat; }
	#entreprises_onglets a:hover, #entreprises_onglets a.on:hover  { background-position:bottom center; }
	#entreprises_onglets #ent_lien_tpe { background-image:url(images/onglet-ent-tpe.png); }
	#entreprises_onglets #ent_lien_entreprise { background-image:url(images/onglet-ent-entreprise.png); }

#ent_div { position:absolute; background-image:url(images/fond-popup.png); background-repeat:no-repeat; padding:36px 48px 53px 38px; width:439px; height:328px; overflow:hidden; margin-left:50%; left:-405px; margin-top:285px; }
	#ent_div li { margin-bottom:2px; font-size:12px; line-height:15px; }
	#ent_div .titre { font-size:16px; color:#000; font-weight:bold; float:left; height:40px; line-height:40px; background-image:url(images/separ-rose.png); background-position:bottom; background-repeat:repeat-x; width:100%; }
	#ent_div .contenu { float:left; height:315px; margin-top:10px; overflow:hidden; text-align:justify; }
	#ent_div #ent_btn_fermer { position:absolute; margin-top:310px; margin-left:420px; clear:left; }

#particuliers_onglets { margin:25px 0; clear:both; float:none; }
	#particuliers_onglets div { float:left; width:25%; }
	#particuliers_onglets a { width:136px; height:58px; display:block; text-indent:-5000px; margin-left:auto; margin-right:auto; background-position:center top; background-repeat:repeat; }
	#particuliers_onglets a:hover, #particuliers_onglets a.on:hover  { background-position:bottom center; }
	#particuliers_onglets #part_lien_carte { background-image:url(images/onglet-part-carte.png); }
	#particuliers_onglets #part_lien_pratique { background-image:url(images/onglet-part-pratique.png); }
	#particuliers_onglets #part_lien_tranquille { background-image:url(images/onglet-part-tranquille.png); }
	#particuliers_onglets #part_lien_serenite { background-image:url(images/onglet-part-serenite.png); }

#part_div { position:absolute; background-image:url(images/fond-popup.png); background-repeat:no-repeat; padding:36px 48px 53px 38px; width:439px; height:328px; overflow:hidden; margin-left:50%; left:-405px; margin-top:285px; }
	#part_div li { margin-bottom:2px; font-size:12px; line-height:15px; }
	#part_div .titre { font-size:16px; color:#000; font-weight:bold; float:left; height:40px; line-height:40px; background-image:url(images/separ-rose.png); background-position:bottom; background-repeat:repeat-x; width:100%; }
	#part_div .contenu { float:left; height:315px; margin-top:10px; overflow:hidden; text-align:justify; }
	#part_div #part_btn_fermer { position:absolute; margin-top:310px; margin-left:420px; clear:left; }
	
.article { width:604px; margin-left:auto; margin-right:auto; clear:both; float:none; margin-bottom:25px; text-align:center; font-style:italic; }

#contact_form .champ { width:150px; float:left; height:15px; line-height:15px; border:1px solid #000; border-collapse:collapse; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
#contact_form .champ_petit { width:150px; }
#contact_form .champ_grand { width:400px; }
#contact_form label { width:150px; float:left; height:15px; line-height:15px; text-align:right; margin-right:5px; }
#contact_form .label_petit { width:92px; }
#contact_form .label_civ { width:auto; }
#contact_form .clear { height:5px; }
#contact_form .submit { float:right; margin-right:100px; margin-top:5px; }
#contact_form .form_copie { float:left; margin-left:150px; margin-top:5px; white-space:nowrap; }
.obligatoire { color:#d30073; }

#plan_site { width:400px; font-size:14px; margin-left:auto; margin-right:auto; }
	#plan_site a { color:#000; text-decoration:none; display:block; margin-bottom:10px; }
	#plan_site a:hover { color:#d30073; }