*{padding:0; margin:0;}
body {background-image:url(images/bg_body.jpg);background-position: 50% 0%; background-repeat:repeat-y; font-family: 'verdana', arial, sans-serif; font-size: 12px; background-color:white; }  
#body2 {background-image:url(images/bg_body2.jpg);background-position: 50% 0%; padding-top:40px;background-repeat:no-repeat;position:relative; z-index:100;}
#footer {background-image:url(images/bg_body_bottom.jpg);background-position: 50% 100%; height:187px;  background-repeat:no-repeat;  padding-top:140px; margin:-140px 0 0 0;}
#footer .wrapper {position:relative; }
.wrapper{ width:980px;  border:1px  red; margin:0 auto;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.bleu {color:#37618d;}
.separator {width:483px; height:2px; background-image:url(images/separator.jpg); margin:20px 0;}
.separator2 {width:624px; height:4px; background-image:url(images/separator2.jpg); margin:20px 0;}
.legende2{font-size:9px; font-weight:bold; }
img {max-width:500px;}
a img {border:none;}
h1 {display:block; margin-bottom:20px;}
h1 span {display:none;}
 h2 {margin: 20px 0 10px; font-size:14px; color:#37618D; font-weight:bold;}
.indentation2 {padding-left:35px;}
.indentation2 li {padding:3px;}
.leftColumn {width:250px;  float:left;}
.centerColumn {width:500px;  float:left; padding:20px 25px;}
.rightColumn {width:150px;    float:left;}
a {color:#37618D;}
a:visited {color:#37618D;}
#menuAccueil{float:right; list-style-type:none; text-transform:uppercase;margin-bottom: 128px; margin-top:-40px;}
#menuAccueil li {float:left; padding:10px 20px 0 0;}
#menuAccueil li a {color:black; text-decoration:none; font-weight:bold;}
#menuAccueil li a:hover {color:#37618d;}

#menuHaut  {list-style-type:none; text-transform:uppercase; margin:0 0 0 264px; }
#menuHaut li {float:left;  padding-left: 1px; }
#menuHaut a{float:left; background-position:bottom;color:black; display:inline-block; height:35px; padding-top:24px; background-image:url(images/bg_topMenu.png); background-repeat:repeat-x; text-decoration:none;}
#menuHaut {}
#menuHaut .btnLeft{float:left; display:inline-block; width:14px; height:59px; background-image:url(images/left_topMenu.png); }
#menuHaut .btnRight{float:left; display:inline-block; width:13px; height:59px; background-image:url(images/right_topMenu.png); }
#menuHaut li:hover .btnRight {background-image:url(images/right_topMenu_ov.png);}
#menuHaut li:hover .btnLeft{ background-image:url(images/left_topMenu_ov.png); }
#menuHaut li:hover a {background-image:url(images/bg_topMenu_ov.png);color:#e6b42b;}
#menuHaut a:hover {color:#e6b42b;} 
#tailleTexte {display :block; width:150px; height:19px; background-image:url(images/taille_textes.png); background-repeat:no-repeat; background-position:right; padding-top:17px; margin-left:50px;}

#menuGauche {list-style-type: none;  text-transform:uppercase; color:#ece2ba; margin:0 0 0 20px; }
#menuGauche li{margin-bottom:5px; background-repeat:no-repeat;} 
#menuGauche a { color:#ece2ba; display:block; width:165px; height:75px; text-decoration:none; padding-left:25px; font-weight:bold;}
    #menuGauche1 {background-image:url(images/btn_leftMenu1.png);}    
    #menuGauche2 {background-image:url(images/btn_leftMenu2.png);}
    #menuGauche3 {background-image:url(images/btn_leftMenu3.png);}
    #menuGauche4 {background-image:url(images/btn_leftMenu4.png);}
    #menuGauche5 {background-image:url(images/btn_leftMenu5.png);}
    #menuGauche6 {background-image:url(images/btn_leftMenu6.png);}
    #menuGauche1:hover{background-image:url(images/btn_leftMenu1_ov.png); color:white;}
    #menuGauche2:hover{background-image:url(images/btn_leftMenu2_ov.png); color:white;}
    #menuGauche3:hover{background-image:url(images/btn_leftMenu3_ov.png); color:white;}
    #menuGauche4:hover{background-image:url(images/btn_leftMenu4_ov.png); color:white;}
    #menuGauche5:hover{background-image:url(images/btn_leftMenu5_ov.png); color:white;}
    #menuGauche6:hover{background-image:url(images/btn_leftMenu6_ov.png); color:white;}
    #menuGauche7{background-image:url(images/btn_leftMenu6.png);}
    #menuGauche7:hover{background-image:url(images/btn_leftMenu6_ov.png); color:white;}
    
#menuGauche a span {background-image:url(images/gros_carre.jpg); background-repeat:no-repeat; padding-left:18px; background-position:0 3px;}

#menuGauche1, #menuGauche2, #menuGauche5 {height:50px !important; padding-top:25px;}
#menuGauche3, #menuGauche6, #menuGauche7 {height:45px !important; padding-top:30px;}
#menuGauche4 {height:60px !important; padding-top:15px;}

#sousMenuGauche {list-style-image:url(images/moyen_carre.jpg);  text-decoration:none; margin:30px 0 0 45px;}
#sousMenuGauche a {  text-decoration:none; color:#37618d;}
#sousMenuGauche a:hover {text-decoration:underline;}
#sousMenuGauche li {margin:8px 0; color:#37618d;}


.leftColumn p {text-align:right; margin:50px 30px 0 0;}
.centerColumn div h1 {margin:15px 0;}
.centerColumn div p img {margin:0px 10px 5px 0}
.centerColumn div p.img {padding-left:180px; }
.centerColumn div p {padding-bottom:20px;}
.centerColumn div .autreNouvelles {display:block; width:140px; height:12px; background-image:url(images/titre_autres_nouvelles_bleu.jpg); margin-left:180px;}
.centerColumn div .autreNouvelles:hover {background-image:url(images/titre_autres_nouvelles_ov.jpg);}
.imgNouvelle {width:149px;}


.indexNouvelles  h1 {margin:15px 0;}
.indexNouvelles img {}
.indexNouvelles  p.img {padding-left:180px; }
.indexNouvelles  p {padding-bottom:20px;}
.indexNouvelles  .autreNouvelles {display:block; width:140px; height:12px; background-image:url(images/titre_autres_nouvelles_bleu.jpg); margin-left:180px;}
.indexNouvelles  .autreNouvelles:hover {background-image:url(images/titre_autres_nouvelles_ov.jpg);}



.rightColumn ul{list-style-type:none; padding-top:20px;}
.rightColumn li{padding:3px 0;}
#rightMenu1 {display:block; width:165px; height:71px; background-image:url(images/btn_rightMenu1.png);}
#rightMenu2 {display:block; width:166px; height:77px; background-image:url(images/btn_rightMenu2.png);}
#rightMenu3 {display:block; width:166px; height:77px; background-image:url(images/btn_rightMenu3.png);}
#rightMenu4 {display:block; width:166px; height:77px; background-image:url(images/btn_rightMenu4.png);}
#rightMenu1:hover {background-image:url(images/btn_rightMenu1_ov.png);}
#rightMenu2:hover {background-image:url(images/btn_rightMenu2_ov.png);}
#rightMenu3:hover {background-image:url(images/btn_rightMenu3_ov.png);}
#rightMenu4:hover {background-image:url(images/btn_rightMenu4_ov.png);}

table#videos h2 {color:#37618d; font-size:14px;}
table#videos h3 {color:#c97800; font-style:italic; font-size:14px; margin-bottom:10px;}
table#videos {}
table#videos {border:none; margin:20px auto 0 auto; }
table#videos td{border-left:1px solid #f2d261; padding:0 25px;}
table#videos td a {display:block; width:151px; height:15px; background-image:url(images/visionner_video.jpg); margin:10px 0;}
table#videos td a:hover {background-image:url(images/visionner_video_ov.jpg);}

#bottomMenu {list-style-type:none; padding-top:35px; }
#bottomMenu li {float:left;}
#bottomMenu a {text-decoration:none; color:black;}
#bottomMenu a:hover {text-decoration:underline;}
#bottomMenu li.separator3 {width:17px; height:12px; background-image:url(images/separator3.jpg);}

.helios {display:inline-block; width:78px; height:36px; background-image:url(images/helios.png); margin-bottom:-10px;}
#tailleTexte .modifier_size  {display:inline-block; width:20px; height:20px; margin-top:-10px; cursor: pointer;}

/* LES GROS TITRES */
#passion { width:332px; height:30px; background-image:url(images/titre_activite_physique.jpg);}
#nouvelles { width:110px; height:22px; background-image:url(images/titre_nouvelles.jpg);}
#video { width:197px; height:27px; background-image:url(images/titre_videos.jpg);}
#historique {width:117px; height:29px; background-image:url(images/titre_historique.jpg);}
#mission {width:94px; height:22px; background-image:url(images/titre_mission.jpg);}
#objectifs {width:100px; height:30px; background-image:url(images/titre_objectifs.jpg);}
#stats {width:128px; height:31px; background-image:url(images/titre_stats.jpg);}
#temoignages {width:242px; height:30px; background-image:url(images/titre_temoignages.jpg);}
#conseil {width:385px; height:22px; background-image:url(images/titre_membres.jpg);}
#equipe {width:78px; height:33px; background-image:url(images/titre_equipe.jpg);}
#apropos {width:363px; height:57px; background-image:url(images/titre_propos.jpg);}
#joindre {width:254px; height:57px; background-image:url(images/titre_joindre.jpg);}
#plan {width:254px; height:57px; background-image:url(images/titre_plan.jpg);}
#sectionAutresNouvelles {width:334px; height:57px; background-image:url(images/titre_autres_nouvelles.jpg);}
#archivesNouvelles {width:188px; height:57px; background-image:url(images/titre_nouvelles_orange.jpg);}
#albums  {width:319px; height:57px; background-image:url(images/titre_albums.jpg);}

/* LES TEMOIGNAGES */
li ul {padding-left:35px;}
.ulstats li {padding:10px 0; }
.ulstats {padding-left:15px;}
.temoignage {border:1px solid #edd88f; padding:5px; margin:5px;} 
.temoignage img {float:right !important;}
.legende {float:right; display:block; width:200px; font-size:10px; text-align:right;}

/* SECTION DES MEMBRES */
#sectionMembres {width:354px; height:57px; background-image:url(images/titre_section_membres.jpg);}

/* SECTION >DEVENIR MEMBRE */
#sectionDevenir {width:306px; height:55px; background-image:url(images/titre_devenir_membre2.jpg);}
#quiMembre {width:375px; height:36px; background-image:url(images/titre_qui_peut_membre.jpg);}
#commentMembre {width:278px; height:36px; background-image:url(images/titre_devenir_membre.jpg);}

/* ACTIVITES HORAIRES ET TARIFS */
#aht {width:458px; height:57px; background-image:url(images/titre_aht.jpg);}
#actAqua {width:249px; height:36px; background-image:url(images/titre_act_aqua.jpg);}
#actPhys {width:235px; height:36px; background-image:url(images/titre_act_phys.jpg);}
#actSante{width:212px; height:36px; background-image:url(images/titre_act_sante.jpg);}
#ht {width:198px; height:36px; background-image:url(images/titre_hor_tar.jpg);}

/* NOS INSTALLATIONS */
#installations {width:311px; height:57px; background-image:url(images/titre_installations.jpg);}

/* ACTIVITES DE FINANCEMENT */
#financement {width:429px; height:57px; background-image:url(images/titre_activites_financements.jpg);}
#buffet {width:529px; height:36px; background-image:url(images/titre_gastronomique.jpg);}
#actiforme {width:130px; height:36px; background-image:url(images/titre_actiforme.jpg);}

/* LIENS UTILES */
#liens {width:218px; height:57px; background-image:url(images/titre_liens.jpg);}

/* DEVENIR BENEVOLE */
#benevole {width:296px; height:57px; background-image:url(images/titre_benevole.jpg);}
#quiBenevole {width:246px; height:36px; background-image:url(images/qui_benevole.jpg);}

/* EMPLOIS OFFERTS */
#emplois {width:286px; height:57px; background-image:url(images/titre_emplois.jpg);}
#cv {width:329px; height:36px; background-image:url(images/titre_cv.jpg);}

/* FORMULAIRES ET PUBLICATIONS */
#form  {width:472px; height:57px; background-image:url(images/titre_formulaires.jpg);}

/* NOS PRECIEUX PARTENAIRES */
#precieuxPartenaires {width:426px; height:57px; background-image:url(images/titre_pp.jpg);}

/* FAIRE UN DON */
#faireDon {width:241px; height:57px; background-image:url(images/titre_dons.jpg);}
#donLigne {width:152px; height:36px; background-image:url(images/titre_don_ligne.jpg);}
#donPoste {width:179px; height:36px; background-image:url(images/titre_don_poste.jpg);}
#dons {width:361px; height:36px; background-image:url(images/titre_legs.jpg);}

#adresse_courriel
{
	width: 140px;
}

#submit
{
	width: 75px;
}

/*Acti forme*/
#acti_forme {width:226px; height:57px; background-image:url(images/titre_acti.jpg);}

.archivesNouvelles img {margin:10px 10px 10px 0;}
#bv{padding:0 10px; display: block;}
#petiteImage{text-align: center;}
.centerColumn #petiteImage img{padding: 5px; float: none;}
#flecheGauche{display: inline;;}
#flecheDroite{}

/* cocktail du président */
#cocktail {width:452px; height:57px; background-image:url(images/titre_cocktail.jpg);}

#linsting_galerie ul {padding:10px 20px; }
#linsting_galerie ul a {font-size:13px; text-decoration:none; font-weight:bold; color:black;}
#linsting_galerie ul a:hover {color:#37618D;}