body, html, img, div, p, form, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	height: 100%;
	width: 100%;
	background-color: #a9d6f5;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0c2962;
}
body#index { background-image: url(images/interface-fond-index.jpg); }
body.page-categorie { background-image: url(images/interface-fond-categorie.jpg); }
body.page-contenu, #contact.page-categorie, #offres-de-formation.page-categorie, #offres-d-emploi.page-categorie, #devis.page-categorie, #actualite.page-categorie { background-image: url(images/interface-fond-contenu.jpg); }

.aligner-gauche { float: left; }
.aligner-droite { float: right; }
.display-block { display: block; }
.display-none { display: none; }
.texte-gras { font-weight: bold; }
.clear-both {clear: both; }
a { 
	outline: none;
	border: 0px;
	color: #0071c1;
	font-weight: bold;
	text-decoration: underline;
}
a:hover { text-decoration: none; }

/* Début des styles pour le  Tinymce */
p { margin: 0px; padding: 0px; }
ul, li { 
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul.numero { list-style: decimal; }
table, td {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 0px;
}
td {
	padding: 8px;
}
.texte-normal {
	font-size: 12px;
	font-weight: normal;
	color: #0c2962;
}
.texte-gras { 
	font-size: 12px;
	font-weight: bold;
	color: #0c2962;
}
.titre, h2 {
	height: 36px;
	padding-left: 25px;
	margin-bottom: 4px;
	margin-top: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-repeat: no-repeat;
	font-size: 14px;
	display: block;
	background-image: url(images/generique-titre-fond.jpg);
	color: #0071c1;
}
/* Fin des styles pour le  Tinymce */

#interface {
	width: 975px;
	margin: auto;
	margin-top: 25px;
	text-align: left;
	background-image: url(images/interface-ombre-menu.jpg);
}
#index #interface {
	width: 975px;
	padding: 0px;
	text-align: center;
	background-image: none;
	background-color: #FFFFFF;
	color: #333333;
}
#interface #bandeau {
	height: 178px;
	width :975px;
	background-repeat: no-repeat;
	background-position: top;
}
#interface #ombre-menu {
	background-image: url(images/colonne-menu-fond.jpg);
	background-repeat: no-repeat;
}
#interface #colonne-menu {
	width: 224px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
#interface #colonne-menu a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
}
#interface #colonne-menu .menu-changer-taille-police {
	text-align: center;
}
#interface #colonne-contenu {
	width: 710px;
	padding-left: 41px;
	float: left;
	background-position: top right;
	background-repeat: no-repeat;
}
.page-categorie #interface #colonne-contenu #texte {
	width: 710px;
	position:relative;
	float: right;
	top: -50px;
	z-index: 10;
}
.page-contenu #interface #colonne-contenu #texte, #actualite.page-categorie #interface #colonne-contenu #texte, #devis.page-categorie #interface #colonne-contenu #texte, #offres-d-emploi.page-categorie #interface #colonne-contenu #texte, #offres-de-formation.page-categorie #interface #colonne-contenu #texte, #contact.page-categorie #interface #colonne-contenu #texte {
	width: 480px;
	position:relative;
	float: left;
	top: -60px;
	z-index: 10;
}
#actualite.page-categorie #interface #colonne-contenu #texte, #devis.page-categorie #interface #colonne-contenu #texte, #offres-d-emploi.page-categorie #interface #colonne-contenu #texte, #offres-de-formation.page-categorie #interface #colonne-contenu #texte, #contact.page-categorie #interface #colonne-contenu #texte {
	top: -120px;
}
#interface #colonne-contenu #triptiques {
	float: right;
}
#interface #fil-ariane { 
	width: 420px;
	float: left;
	margin-top: 12px;
}
#interface #fil-ariane, #interface #fil-ariane a {
	font-size: 13px;
	color: #0071c1;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 60px;
}
#interface #fil-ariane a:hover {
	text-decoration: underline;
}
#interface #accessibilite {
	text-align: left;
	background-image: url(images/interface-ombre-menu.jpg);
	background-position: top left;
	background-repeat: repeat;
}
.page-categorie #interface #colonne-contenu #actualite {
	width: 240px;
	height: 70px;
	float: left;
	padding-left: 14px;
	padding-right: 36px;
	padding-bottom: 61px;
	padding-top: 35px;
	font-size: 11px;
	color: #0071c1;
	font-weight: bold;
	text-align: justify;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.page-contenu #interface #colonne-contenu #actualite, #devis.page-categorie #interface #colonne-contenu #actualite, #actualite.page-categorie #interface #colonne-contenu #actualite,  #offres-d-emploi.page-categorie #interface #colonne-contenu #actualite, #offres-de-formation.page-categorie #interface #colonne-contenu #actualite, #contact.page-categorie #interface #colonne-contenu #actualite {
	width: 240px;
	height: 70px;
	padding-left: 14px;
	padding-right: 36px;
	padding-bottom: 61px;
	padding-top: 35px;
	font-size: 11px;
	color: #0071c1;
	font-weight: bold;
	text-align: left;
	background-image: url(images/interface-actualite-libellule.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#interface #colonne-contenu #actualite a {
	color: #0071c1;
	text-decoration: none;
}
#interface #colonne-contenu #actualite a:hover {
	color: #0071c1;
	text-decoration: underline;
}
#interface #colonne-contenu #triptiques-haut-fond {
	float: left;
	background-position: right bottom;
	background-repeat: no-repeat;
}

#interface #colonne-contenu .sous-categorie {
	/* width: 136px; */
	width: 131px;
	margin-right: 5px;
	height: 150px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #0071c1;
}
#interface #colonne-contenu .sous-categorie a { 
	text-decoration: none; 
	color: #0071c1; 
}
#interface #colonne-contenu .sous-categorie a:hover { color: #224376 }

#interface #bas-de-page {
	width: 975px;
	background-color: #a8d6f3;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 10px;
	color: #27417a;
	font-family: Arial, Helvetica, sans-serif;
}
#interface #bas-de-page a {
	color: #0071c1;
}
#interface #bas-de-page #drapeaux {
	width: 70px;
	float: left;
}
#interface #bas-de-page #coordonnees {
	width: 560px;
	/*
	padding-left: 100px;
	*/
	float: left;
	text-align: left;
}
#interface #bas-de-page #credits {
	width: 240px;
	float: right;
	text-align: right;
}

#menu-generique { float: left; width: 780px; background-color: #a9d6f5; }
#menu-generique a {
	height: 27px;
	float: left;
	display: block;
	background-repeat: no-repeat;
}
#menu-generique a.accueil {
	width: 48px;
	background-image: url(images/menu-generique-accueil.gif);
}
#menu-generique a.qui-sommes-nous {
	width: 122px;
	background-image: url(images/menu-generique-qui-sommes-nous.gif);
}
#menu-generique a.ou-sommes-nous {
	width: 119px;
	background-image: url(images/menu-generique-ou-sommes-nous.gif);
}
#menu-generique a.actualites-rendez-vous {
	width: 152px;
	background-image: url(images/menu-generique-actualites-rendez-vous.gif);
}
#menu-generique a.devis {
	width: 47px;
	background-image: url(images/menu-generique-devis.gif);
}
#menu-generique a.offres-emploi {
	width: 103px;
	background-image: url(images/menu-generique-offres-emploi.gif);
}
#menu-generique a.offres-formation {
	width: 126px;
	background-image: url(images/menu-generique-offres-formation.gif);
}
#menu-generique a.contacts {
	width: 63px;
	background-image: url(images/menu-generique-contacts.gif);
}

#menu-generique a:hover.accueil { background-image: url(images/menu-generique-accueil-hover.jpg); }
#menu-generique a:hover.qui-sommes-nous { background-image: url(images/menu-generique-qui-sommes-nous-hover.jpg); }
#menu-generique a:hover.ou-sommes-nous { background-image: url(images/menu-generique-ou-sommes-nous-hover.jpg); }
#menu-generique a:hover.actualites-rendez-vous { background-image: url(images/menu-generique-actualites-rendez-vous-hover.jpg); }
#menu-generique a:hover.devis { background-image: url(images/menu-generique-devis-hover.jpg); }
#menu-generique a:hover.offres-emploi { background-image: url(images/menu-generique-offres-emploi-hover.jpg); }
#menu-generique a:hover.offres-formation { background-image: url(images/menu-generique-offres-formation-hover.jpg); }
#menu-generique a:hover.contacts { background-image: url(images/menu-generique-contacts-hover.jpg); }

#menu-public-haut {
	display: block;
	margin-left: 112px;
	margin-top: 20px;
}
#menu-public-bas {
	display: block;
	margin-left: 18px;
	margin-bottom: 16px;
}

#colonne-menu a {
	cursor: pointer;
}
#colonne-menu a .sports-de-pleine-nature {
	width: 163px;
	height: 55px;
	background-image: url(images/menu-particulier-sports-de-pleine-nature.png);
	margin-bottom: 12px;
}
#colonne-menu a:hover .sports-de-pleine-nature { background-image: url(images/menu-particulier-sports-de-pleine-nature-hover.png); }
#colonne-menu a .environnement {
	width: 177px;
	height: 63px;
	background-image: url(images/menu-particulier-environnement.png);
}
#colonne-menu a:hover .environnement { background-image: url(images/menu-particulier-environnement-hover.png); }
#colonne-menu a .activites-equestres {
	width: 201px;
	height: 65px;
	background-image: url(images/menu-particulier-activites-equestres.png);
}
#colonne-menu a:hover .activites-equestres { background-image: url(images/menu-particulier-activites-equestres-hover.png); }
#colonne-menu a .activites-culturelles {
	width: 217px;
	height: 71px;
	background-image: url(images/menu-particulier-activites-culturelles.png);
}
#colonne-menu a:hover .activites-culturelles { background-image: url(images/menu-particulier-activites-culturelles-hover.png); }
#colonne-menu a .formation-professionnelle {
	width: 181px;
	height: 59px;
	background-image: url(images/menu-particulier-formation-professionnelle.png);
	margin-bottom: 12px;
}
#colonne-menu a:hover .formation-professionnelle { background-image: url(images/menu-particulier-formation-professionnelle-hover.png) }

#colonne-menu a .comite-d-entreprise {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-comite-d-entreprise.png);
}
#colonne-menu a:hover .comite-d-entreprise { background-image: url(images/menu-groupe-comite-d-entreprise-hover.png); }
#colonne-menu a .collectivites-locales {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-collectivites-locales.png);
}
#colonne-menu a:hover .collectivites-locales { background-image: url(images/menu-groupe-collectivites-locales-hover.png); }
#colonne-menu a .clubs-sportifs {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-clubs-sportifs.png);
}
#colonne-menu a:hover .clubs-sportifs { background-image: url(images/menu-groupe-clubs-sportifs-hover.png); }
#colonne-menu a .clubs-kayak {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-clubs-kayak.png);
}
#colonne-menu a:hover .clubs-kayak { background-image: url(images/menu-groupe-clubs-kayak-hover.png); }
#colonne-menu a .entreprises {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-entreprises.png);
}
#colonne-menu a:hover .entreprises { background-image: url(images/menu-groupe-entreprises-hover.png); }
#colonne-menu a .clubs-retraites {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-clubs-retraites.png);
}
#colonne-menu a:hover .clubs-retraites { background-image: url(images/menu-groupe-clubs-retraites-hover.png); }
#colonne-menu a .structures-specialisees {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-structures-specialisees.png);
}
#colonne-menu a:hover .structures-specialisees { background-image: url(images/menu-groupe-structures-specialisees-hover.png); }
#colonne-menu a .clubs-hippiques {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-clubs-hippiques.png);
}
#colonne-menu a:hover .clubs-hippiques { background-image: url(images/menu-groupe-clubs-hippiques-hover.png); }
#colonne-menu a .clubs-randonnee {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-clubs-randonnee.png);
}
#colonne-menu a:hover .clubs-randonnee { background-image: url(images/menu-groupe-clubs-randonnee-hover.png); }
#colonne-menu a .groupes-familiaux {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-groupes-familiaux.png);
}
#colonne-menu a:hover .groupes-familiaux { background-image: url(images/menu-groupe-groupes-familiaux-hover.png); }
#colonne-menu a .groupes-d-amis {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-groupes-d-amis.png);
}
#colonne-menu a:hover .groupes-d-amis { background-image: url(images/menu-groupe-groupes-d-amis-hover.png); }
#colonne-menu a .ecole-maternelle {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-ecole-maternelle.png);
}
#colonne-menu a:hover .ecole-maternelle { background-image: url(images/menu-groupe-ecole-maternelle-hover.png); }
#colonne-menu a .ecole-primaire {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-ecole-primaire.png);
}
#colonne-menu a:hover .ecole-primaire { background-image: url(images/menu-groupe-ecole-primaire-hover.png); }
#colonne-menu a .colleges-lycees {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-colleges-lycees.png);
}
#colonne-menu a:hover .colleges-lycees { background-image: url(images/menu-groupe-colleges-lycees-hover.png); }
#colonne-menu a .clsh {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-clsh.png);
}
#colonne-menu a:hover .clsh { background-image: url(images/menu-groupe-clsh-hover.png); }
#colonne-menu a .autres-associations {
	width: 212px;
	height: 71px;
	background-image: url(images/menu-groupe-autres-associations.png);
}
#colonne-menu a:hover .autres-associations { background-image: url(images/menu-groupe-autres-associations-hover.png); }



#colonne-menu a .qui-sommes-nous {
	width: 195px;
	height: 71px;
	background-image: url(images/menu-generique-qui-sommes-nous.png);
	margin-bottom: 0px;
}
#colonne-menu a:hover .qui-sommes-nous { background-image: url(images/menu-generique-qui-sommes-nous-hover.png); }
#colonne-menu a .ou-sommes-nous {
	width: 191px;
	height: 71px;
	background-image: url(images/menu-generique-ou-sommes-nous.png);
	margin-bottom: 0px;
}
#colonne-menu a:hover .ou-sommes-nous { background-image: url(images/menu-generique-ou-sommes-nous-hover.png); }
#colonne-menu a .actualite {
	width: 180px;
	height: 71px;
	background-image: url(images/menu-generique-actualite.png);
	margin-bottom: 0px;
}
#colonne-menu a:hover .actualite { background-image: url(images/menu-generique-actualite-hover.png); }
#colonne-menu a .devis {
	width: 83px;
	height: 71px;
	background-image: url(images/menu-generique-devis.png);
	margin-bottom: 0px;
}
#colonne-menu a:hover .devis { background-image: url(images/menu-generique-devis-hover.png); }
#colonne-menu a .offres-d-emploi {
	width: 170px;
	height: 71px;
	background-image: url(images/menu-generique-offres-d-emploi.png);
	margin-bottom: 0px;
}
#colonne-menu a:hover .offres-d-emploi { background-image: url(images/menu-generique-offres-d-emploi-hover.png); }
#colonne-menu a .offres-de-formation {
	width: 213px;
	height: 71px;
	background-image: url(images/menu-generique-offres-de-formation.png);
	margin-bottom: 0px;
}
#colonne-menu a:hover .offres-de-formation { background-image: url(images/menu-generique-offres-de-formation-hover.png); }
#colonne-menu a .contact {
	width: 112px;
	height: 71px;
	background-image: url(images/menu-generique-contact.png);
	margin-bottom: 0px;
}
#colonne-menu a:hover .contact { background-image: url(images/menu-generique-contact-hover.png); }

#interface #colonne-menu .sous-sous-menu { margin-left: 42px; display: block; }
#interface #colonne-menu a.sous-sous-menu { font-size: 13px }
#interface #colonne-menu a:hover.sous-sous-menu { color: #4bd4ff; font-weight: bold; }

.generique .titre, .generique h2, 
.ou-sommes-nous .titre, .ou-sommes-nous h2, 
.qui-sommes-nous .titre, .qui-sommes-nous h2, 
.actualite .titre, .devis h2, 
.offres-d-emploi .titre, 
.offres-de-formation .titre, 
.contact .titre, 
.comites-d-entreprise .titre, .comites-d-entreprise h2, 

.collectivites-locales .titre, .collectivites-locales h2, 
.clubs-sportifs .titre, .clubs-sportifs h2, 
.clubs-kayak .titre, .clubs-kayak h2, 
.entreprises .titre, .entreprises h2, 
.clubs-retraites .titre, .clubs-retraites h2, 
.structures-specialisees .titre, .structures-specialisees h2, 
.clubs-hippiques .titre, .clubs-hippiques h2, 
.clubs-randonnee .titre, .clubs-randonnee h2, 
.groupes-familiaux .titre, .groupes-familiaux h2, 
.groupes-d-amis .titre, .groupes-d-amis h2, 
.ecole-maternelle .titre, .ecole-maternelle h2, 
.ecole-primaire .titre, .ecole-primaire h2, 
.colleges-lycees .titre, .colleges-lycees h2, 
.clsh .titre, .clsh h2, 
.autres-associations .titre, .autres-associations h2
{
	background-image: url(images/generique-titre-fond.jpg);
	color: #0071c1;
}
.sports-de-pleine-nature .titre, .sports-de-pleine-nature h2 {
	background-image: url(images/sports-de-pleine-nature-titre-fond.jpg);
	color: #ff9900;
}
.activites-equestres .titre, .activites-equestres h2 {
	background-image: url(images/activites-equestres-titre-fond.jpg);
	color: #c15e1e;
}
.environnement .titre, .environnement h2 {
	background-image: url(images/environnement-titre-fond.jpg);
	color: #009391;
}
.activites-culturelles .titre, .activites-culturelles h2 {
	background-image: url(images/activites-culturelles-titre-fond.jpg);
	color: #ba1b23;
}
.formation-professionnelle .titre, .formation-professionnelle h2 {
	background-image: url(images/formation-professionnelle-titre-fond.jpg);
	color: #f7d200;
}

.sous-titre {
	margin-bottom: 10px;
	font-size: 15px;
	display: block;
	font-weight: bold;
}
.generique .sous-titre, .ou-sommes-nous .sous-titre, .qui-sommes-nous .sous-titre, .actualite .sous-titre, .devis .sous-titre, .offres-d-emploi .sous-titre, .offres-de-formation .sous-titre, .contact .sous-titre { color: #0071c1; }
.sports-de-pleine-nature .sous-titre { color: #ff9900; }
.activites-equestres .sous-titre { color: #c15e1e; }
.environnement .sous-titre { color: #009391; }
.activites-culturelles .sous-titre { color: #ba1b23; }
.formation-professionnelle .sous-titre { color: #f7d200; }

.generique a, .ou-sommes-nous a, .qui-sommes-nous a {
	color: #0071c1;
}
.sports-de-pleine-nature a, #fil-ariane.sports-de-pleine-nature a, #fil-ariane.sports-de-pleine-nature {
	color: #ff9900;
}
.activites-equestres a {
	color: #c15e1e;
}
.environnement a {
	color: #009391;
}
.activites-culturelles a {
	color: #ba1b23;
}
.formation-professionnelle a {
	color: #f7d200;
}

#devis table, #devis td {
	border: 0px;
}
.devis_champ_textearea {
	border: 1px solid #CCCCCC;
}
#devis input, #devis select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0c2962;
	height: 14px;
	border: 1px solid #999999; 
	margin-top: 2px;
}
#devis input.bouton_calendrier{
    height:20px;
}
#devis .devis_champ_grand {
  width: 190px;
}
#devis .devis_champ_moyen {
  width: 110px; 
}
#devis .devis_champ_petit {
  width: 50px; 
}
#devis .devis_champ_minus {
  width: 15px;  
  margin-left: 0px;
}
#devis .devis_champ_textearea {
  border: 1px solid #999999;
}
#devis .devis_champ_obligatoire { 
  color: #FF0000;
}
#devis select { 
	height: 20px;
	width: 190px;
	float: left;
}
#devis #valider {
	width: 96px;
	height: 25px;
	border: 0px;
	margin-left: 170px;
}
#une-equipe-qualifiee table, #une-equipe-qualifiee td {
	border: 0px;
}
#une-equipe-qualifiee tr {
	vertical-align: top;
}
#une-equipe-qualifiee td {
	padding-bottom: 8px;
}
#une-equipe-qualifiee .nom {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 170px;
}
#une-equipe-qualifiee .diplomes {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 310px;
}
#rech_camp fieldset {
	border: 1px solid #999999;
	padding: 10px;
	padding-right: 0px;
	font-weight: bold;
}
#rech_camp label {
	width: 295px;
	padding-right: 5px;
	float: left;
	display: block;
	text-align: right;
	padding-top: 2px;
	margin-bottom: 5px;
	font-weight: normal;
}
#rech_camp select {
	width: 155px;
	border: 1px solid #999999;
	margin-bottom: 5px;
}
#rech_camp #btn_valider {
	margin-left: 190px;
}
/*
#resultat_camp ul {
	padding: 0px;
	margin: 0px;
}
#resultat_camp li {
	width: 130px;
	padding-left: 0px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-left: 0px;
	float: left;
	display: block;
}
*/
#resultat_camp table {
	width: 100%;
}
#resultat_camp table, #resultat_camp tr, #resultat_camp td {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#resultat_camp th {
	font-weight: bold;
}
#resultat_camp td {
	border-bottom: 1px dotted #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
}