/********** HTML **********/
body							{ margin: 0; padding: 5px; background-color: #000000; }



/********** TYPOGRAPHIE **********/
h1								{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
.txtBlancPt						{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.txtBlancMy						{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.txtGrisMy						{ color: #CCCCCC; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

a:link							{ color: #FFFFFF; text-decoration: none; }
a:visited						{ color: #FFFFFF; text-decoration: none; }
a:hover							{ color: #FFFFFF; text-decoration: underline; }
a.lienBlancPt:link				{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
a.lienBlancPt:visited			{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
a.lienBlancPt:hover				{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; }
a.lienBlancMy:link				{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
a.lienBlancMy:visited			{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
a.lienBlancMy:hover				{ color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; }



/********** COMMUN **********/
.clear							{ clear: both; }
#contentContainer				{ width: 960px; margin-left: auto; margin-right: auto; }
.bordureBlancheMy				{ border: #FFFFFF solid 2px; }
.conteneurImage					{ width: 159px; font-size: 10px; }
.conteneurImage img				{ margin-bottom: 2px; }



/********** HEADER **********/
#header							{ width: 960px; height: 235px; background: url(images/upperGreen.jpg) 0 0 no-repeat; margin-left: auto; margin-right: auto; }
#menusContainer					{ float: left; width: 440px; height: 235px; }
#flashContainer					{ float: left; width: 520px; height: 235px; }
#menuContainer					{ width: 131px; height: 214px; position: absolute; margin-left: 265px; margin-top: 11px; }
#menuContainer img				{ margin-bottom: 16px; }

#infoClub						{ margin-left: 396px; margin-top: 47px; }
.subMenu						{ border: #8D8D8D solid 1px; width: 180px; position: absolute; background-color: #000000; display: none; visibility: hidden; }
.subMenu div					{ padding-top: 2px; padding-bottom: 2px; padding-left: 10px; cursor: hand; cursor: pointer; }
.subMenu div:hover				{ background-color: #F1ED1C; color: #000000; }



/********** RIGHT CONTENT **********/
#rightColumn					{ float: left; width: 695px; }
#publicityContainer				{ width: 680px; height: 105px; margin-top: 15px; }
#content						{ width: 680px; margin-top: 15px; margin-bottom: 30px; }



/********** LEFT COLUMN **********/
#leftColumn						{ float: left; width: 265px; }
#meteo							{ width: 226px; height: 139px; margin-top: 15px; background: url(images/meteo.gif) 0 0 no-repeat; }
#meteo iframe					{ margin: 0; padding: 0; margin-left: 34px; margin-top: 18px; }
#galery							{ width: 226px; height: 108px; margin-top: 15px; background: url(images/galery.gif) 0 0 no-repeat; }
#galery img						{ margin-left: 125px; margin-top: 31px; border: 0; }
#etatSentiers					{ width: 213px; height: 213px; margin-top: 15px; margin-left: 7px; background: url(images/etats_sentiers.jpg) 0 0 no-repeat; }
#commanditaires					{ width: 226px; height: 107px; margin-top: 15px; background: url(images/commanditaires.gif) 0 0 no-repeat; }
#commanditaires img				{ margin-left: 33px; margin-top: 41px; border: 0; }
#btnTelechargerGPS				{ position: absolute; margin-left: 38px; margin-top: 113px; border: 0; }
#btnConsulterSentiers			{ position: absolute; margin-left: 38px; margin-top: 153px; border: 0; }



/********** FOOTER **********/
#footer							{ width: 960px; height: 50px; margin-left: auto; margin-right: auto; margin-top: 30px; }
#contactInfo					{ position: absolute; width: 300px; margin-left: 265px; }
#copyright						{ position: absolute; width: 380px; margin-left: 565px; text-align: right; }