body {
	width:1024px;
	background:url(img/grilleNoir.gif) repeat;
	margin-left: auto;
    margin-right: auto; 
    color:white;
	font-family:arial;
	font-size:11px;
}

hr{
	background-color: rgb(245, 146, 47);
	height: 1px;
	border: 0;
}
.hrMenu{
	margin-right:20px;
}
h1{
	font-size:14px;
	color:#f5922f;
}

a{
	color:white;
}
a:visited {
	color:white;
}
a:hover {
	color:#f5922f;
}
.onclickJS:hover{
	cursor:pointer;
}
.imageAttach{
	max-width:150px;
	max-height:110px;
}
.lienDocAttach img{
	text-decoration:none;
	border:none;
}
.titreActu{
	font-size:20px;
	color:white;
	font-weight:bold;
}
#articleDefTexte{
	margin-bottom:10px;
}
#imagePratique img{
	border:none;
}
/*******************************************************************************************/
/*							Banniere									*/
/*******************************************************************************************/

#banniere{
	width:1024px;
	height:213px;
	background:url(img/BandoHeader.jpg);
}
#banniere #maj{
	position:absolute;
	top:20px;
	margin-left:725px;
	color:#f5922f;
	font-size:10px;
}


/*******************************************************************************************/
/*							Menu gauche								*/
/*******************************************************************************************/
.titreMenu{
	margin-left:15px;
	padding-top:5px;
	color:#f5922f;
	font-size:12px;
	font-weight:bold;
}
#randoreg{
	border:1px dashed #f5922f;
	width:117px;
	padding:2px;
	padding-left:4px;
}

#menuGauche{
	background:url(img/MGback.gif) repeat-y;
	position:absolute;
	width:180px;
	cursor:pointer;
}
#menuGauche #bandoGauche{
	background:url(img/BandoGauche.jpg) no-repeat;
	width:180px;
	height:144px;
}
#menuGauche #menuGaucheMilieu{
	margin-top:-11px;
	/*background:url(img/menuGaucheCentre1.png) no-repeat;
	width:183px;*/
	color:#f5922f;
	
}
#menuGauche #menuGaucheMilieu ul{
	margin-left:-9px;
}
#menuGauche #menuGaucheMilieu ul li{
	list-style-image:url(img/flecheIE.gif);
}
#menuGauche #menuGaucheMilieu ul li:hover{
	list-style-image:url(img/flecheBlancheIE.gif);
	text-decoration:underline;
	color:white;
}

#menuGauche #menuGaucheMilieu ul li a:hover{
	list-style-image:url(img/flecheBlancheIE.gif);
	text-decoration:underline;
	color:white;
}

#menuGauche #menuGaucheMilieu a{
	text-decoration:none;
	color:#f5922f;
}
#menuGauche #menuGaucheBas{
	margin-top:-16px;
	width:180px;
	height:26px;
	background:url(img/MGfoot.gif) no-repeat;
}
#menuGauche #menuGaucheMilieu .ssMenu{
	text-align:left;
	margin-left:0px;
}
#menuGauche #menuGaucheMilieu .ssMenuLien:hover{
	color:#f5922f;
	font-weight:bold;
	text-decoration:underline;
}

#menuGauche #menuGaucheMilieu .photo {
	max-width:140px;
	max-height:140px;
	margin-left:20px;
	margin-bottom:20px;
}
#menuGauche #menuGaucheMilieu  a .photo{
	border:none;
}

/*******************************************************************************************/
/*							Menu droite								*/
/*******************************************************************************************/

#menuDroiteOmbre #pub{
	margin-left:-390px;
	background:url(img/pub.png) no-repeat;
	width:382px;
	height:60px;
}
#menuDroiteOmbre{
	float:right;
	margin-top:0px;
	/*background:url(img/ombreDroite.gif) no-repeat;*/
	width:13px;
	height:260px;
}
#menuDroiteOmbre #menuDroite{
	margin-top:5px;
	margin-left:-180px;
	font-size:13px;
}
#menuDroiteOmbre #menuDroite #agenda {
	background:url(img/agendaCentre2.png) repeat-y;
	width:174px;
	
}
#menuDroiteOmbre #menuDroite #agenda #agendaMilieu{
	background:url(img/agendaCentre1.png) no-repeat;
	width:174px;
	font-size:10px;
}
#menuDroiteOmbre #menuDroite ul{
	margin-left:-30px;
}
#menuDroiteOmbre #menuDroite  ul li{
	list-style:none;
}
#menuDroiteOmbre #menuDroite #agenda #agendaBas{
	background:url(img/agendaBas.png) no-repeat;
	width:174px;
	height:26px;
}
#menuDroiteOmbre #menuDroite #annonceur{
	background:url(img/annonceurCentre2.png) repeat-y;
	width:174px;
}
#menuDroiteOmbre #menuDroite #annonceur #annonceurMilieu{
	background:url(img/annonceurCentre1.png) no-repeat;
	width:174px;
	font-size:10px;
}
#menuDroiteOmbre #menuDroite #annonceur #annonceurMilieu img{
	margin-left:8px;
}
#menuDroiteOmbre #menuDroite #annonceur #annonceurBas{
	width:174px;
	height:17px;
	background:url(img/annonceurBas.png) no-repeat;
}
#menuDroiteOmbre #menuDroite .sponsor {
	height:40px;
}
#menuDroiteOmbre #menuDroite a {
	color:white;
}
#menuDroiteOmbre #menuDroite a:hover{
	color:#f5922f;
	text-decoration:none;
}
#menuDroiteOmbre #menuDroite .tabAnnonceur {
	width: 170px;
}
#menuDroiteOmbre #menuDroite .tabAnnonceur tr td {
	border: none;
}
#menuDroiteOmbre #menuDroite .logoAnnonceur {
	max-width: 60px;
	max-height:60px;
}

#menuDroiteOmbre #menuDroite .imgPublicite{
	max-height:75px;
	max-width:150px;
}
#menuDroiteOmbre #menuDroite .pubFlash{
	margin-left:8px;
}
.bannierePub{
	width:379px;
	height:46px;
	margin-top:12px;
	margin-left:2px;
}
/*******************************************************************************************/
/*								Milieu								*/
/*******************************************************************************************/
#tdNews{
	width:500px;
}
#rss{
	text-decoration:none;
    font-size:10px;
	padding-bottom:10px;
}
#rss img{
	border:none;
	text-decoration:none;
}

#milieu {
	margin-left:-824px;
	position:absolute;
	top:220px;
	width:630px;
}
#milieu  .actuTitre {
	color:#f5922f;
	font-size:14px;
	font-weight:bold;
}
#milieu  #artMilieu  .artMilieu1 .news1{
	background:url(img/news.png) no-repeat;
	width:113px;
	height:90px;
}
#milieu  #artMilieu{
	text-align:justify;
	margin-left:15px;
	margin-top:-40px;
}
#milieu  #artMilieu .artTitre1{
	color:#f5922f;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding-top:20px;
	margin-bottom:10px; 
}
#milieu  #artMilieu .artTitre2{
	color:#f5922f;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding-top:25px;
	width:150px;
	margin-left:100px;
	margin-top:-20px;
}
#milieu  #artMilieu .artTitre3{
	color:#f5922f;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding-top:25px;
	width:200px;
	margin-left:100px;
	margin-top:-20px;
}
#milieu  #artMilieu .artTitreEnValeur {
	color:white;
	font-size:14px;
	text-align:center;
}
#milieu  #artMilieu .artMilieuLargeFond {
	background:url(img/Back01.gif) repeat-y;
	min-width:597px;
	max-width:597px;	
	margin-bottom:30px;
}
#milieu  #artMilieu .artMilieuLarge {
	background:url(img/Head01.gif) no-repeat;
	min-width:597px;
	max-width:597px;
	margin-bottom: 10px; 
	text-align:justify;
	padding-left:10px;
}
#milieu  #artMilieu .artMilieuLargeBas {
	background:url(img/Foot01.gif) no-repeat;
	width:597px;
	height:40px;
}
#milieu  #artMilieu .artMilieuLargeBas .texteArticle{
	font-size:14px;
	position:absolute;
	left:520px;
}
#milieu  #artMilieu .artMilieuLongBas .texteArticle2{
	font-size:14px;
	position:absolute;
	left:200px;
}
#milieu  #artMilieu  .news{
	background:url(img/news.png) no-repeat;
	width:113px;
	height:90px;
	position:relative;
	top:50px;
	left:20px;
}

#milieu  #artMilieu .artMilieuLarge .artTitre, #milieu  #artMilieu .artMilieuLarge .artSuite{
	padding-top:20px;
}
#milieu  #artMilieu .artMilieuLarge .artSuite1{
	position:relative;
	top:140px;
	left:500px;
	font-size:14px;
}
#milieu  #artMilieu .artMilieuLarge #logoArt img{
	max-width:120px;
	max-height:90px;
	margin-right:5px;
}
#milieu  #artMilieu .artMilieuLongFond .artMilieuLong .logoArt2 img{
	max-width:120px;
	max-height:90px;
	margin-left:8px;
	margin-top:8px;
}
#milieu  #artMilieu .artMilieuLarge #texteArt{
	width:440px;
}
#milieu  #artMilieu .artMilieuLarge #texteArtBis{
	width:560px;
}
#milieu  #artMilieu .artMilieuLong .texteArt2{
	width:270px;
	padding-left:10px;
}
#milieu  #artMilieu .artMilieuLong .artSuite2{
	position:relative;
	top:105px;
	left:190px;
	font-size:14px;
}
#milieu  #artMilieu .artMilieuLongFond{
	background:url(img/Back02.gif) repeat-y;
	min-width:300px;
	max-width:300px;
	position: relative;
	float: left;
	margin-bottom:10px;
	margin-left:2px;
}
#milieu  #artMilieu .artMilieuLongBas{
	background:url(img/Foot02.gif) no-repeat;
	width:300px;
	height:40px;
	
}
#milieu  #artMilieu .artMilieuLong {
	background:url(img/Head02.gif) no-repeat;
	min-width:300px;
	max-width:300px;
	margin-bottom: 10px;
	text-align:justify;
	height:150px;
}
#milieu #artMilieu .artSuite:link {
	color:white;	
}
#milieu  #artMilieu .artSuite:active {
	color:white;	
}
#milieu  #artMilieu .artSuite:hover {
	color:#f5922f;
}
#milieu #newsBreves{
	margin-bottom:40px;
}
/***** BAS *****/

#milieu #bas{
	
}


/*******************************************************************************************/
/*								Trombinoscope		 					*/
/*******************************************************************************************/
.trombi{
	padding-left:25px;
}
.categorieTrombi{
	color:#f5922f;
}
.tabTrombi img{
	min-width:90px;
	max-width:90px;
	min-height:110px;
	max-height:110px;
	text-align:center;
	margin-left:1px;
}
.trombi table{
	border:none;
	background-color:none;
}
.trombi table tr{
	background-color:none;
}
.trombi table tr td{
	background-color:none;
	/*border:1px solid;*/
	text-align:center;
	color:black;	
	width:93px;
	height:145px;
	min-height:30px;
	
}
#tabCouleur td{
	width:90px;
	height:30px;
}
.nomPetit{
	font-size:8px;	
}


/*******************************************************************************************/
/*								Galerie Photos		 					*/
/*******************************************************************************************/

.navigation{
	border: none;
	margin-left:-3px;
}
.miniature{
	border: none;
}
#precGalerie{
	background:url(img/lecteur/previous.gif) no-repeat;
	width:28px;
	height:27px;
}
.photoMini {
	width:90px;
	height:70px;
	margin-top: 10px;
	margin-left: 6px;
	margin-bottom: 16px; 
}

#archiveGalerie{
	height:12px;
	margin-left:100px;
}

#titreGalerie{
	float:left;
	width:150px;
	height:20px;
	margin-top:-10px;
}

#titreGalPrec{
	width:400px;
	height:12px;
}

/*******************************************************************************************/
/*				                      Randonn�es r�gionales                            	 				*/
/*******************************************************************************************/

.detail table{
	width:600px;
	color:white;
}

.detail table,.detail tr,.detail td{
	border: 1px solid;
	border-color:#666666;
}

.tab_titre{
	border-color:#666666;
	background-color:#666666;
	color: rgb(245, 146, 47);
	font-size:12px;
	font-weight:bold;
}

.tab_valeur{
	font-size:12px;
	line-height:30pt;
	font-weight:bold;
}

h2.sstitre{
	font-size:12px;
	color: rgb(245, 146, 47);
}

h3.sstitre{
	font-size:12px;
	font-weight:normal;
	color: rgb(245, 146, 47);
}

#calendrier{
	font-size:12px;
	font-weight:bold;
}

.tab_titre{
	border-color:#666666;
	background-color:#666666;
	color: rgb(245, 146, 47);
	font-size:12px;
}

.tab_valeur{
	font-size:12px;
	line-height:30pt;
}

h2.sstitre{
	font-size:12px;
	color: rgb(245, 146, 47);
}

h3.sstitre{
	font-size:12px;
	font-weight:normal;
	color: rgb(245, 146, 47);
}

#lien_valeur{
	font-size:12px;
}


/*******************************************************************************************/
/*				                    		  Reportages  	                          	 				*/
/*******************************************************************************************/

#titreRep{
	float:left;
	width:250px;
	height:20px;
	margin-top:-10px;
}

#titreRepCompet{
	float:left;
	width:225px;
	height:20px;
	margin-top:-10px;
}

#titreRevuePresse{
	float:left;
	width:160px;
	height:20px;
	margin-top:-10px;
}

#titreRepPrec{
	height:12px;
}

#titreRepRevuePresse{
	width:340px;
	height:12px;
}

#preRep {
	margin-left:40px;
}

#archiveRep{
	height:12px;
	margin-left:200px;
}

#archiveRevuePresse{
	height:12px;
	margin-left:160px;
}

#archiveRepCompet{
	height:12px;
	margin-left:160px;
}

table.detailRep {
	margin-left:40px;
	border: 1px solid;
	border-color:#666666;
	width:560px;
}

table.detailRep  tr td{
	border: 1px solid;
	border-color:#666666;
}

.tab_titreRep{
	border-color:#666666;
	background-color:#666666;
	color: rgb(245, 146, 47);
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#descRep {
	text-align:justify;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

#posImgRep {
	float:left;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

.imgRep {
	max-width:100px;
	max-height:60px;
}

.imgRepArt {
	width:115px;
	height:80px;
}

.imgRevue {
	width:240px;
	height:180px;
}

#blocImgArt {
	width:630px; 
	height:90px;
}

#lienRep {
	width:450px;
	text-align:center;
}


/*******************************************************************************************/
/*				                    		  VTT Pratique	                          	 				*/
/*******************************************************************************************/

#titreEntrainement{
	float:left;
	width:90px;
	height:20px;
	margin-top:-10px;
}

#archiveEntrainement{
	height:12px;
	margin-left:90px;
}

/*******************************************************************************************/
/*				                    		  Petites Annonces	                          	 				*/
/*******************************************************************************************/
.erreur{
	color:red;
}

.photoAnnonce{
	max-width:300px;
	max-height:300px;
}

.photoAnnonceSmall{
	max-width:100px;
	max-height:100px;
}

#formulaire{
	width:320px;
}

#formulaire textarea{
	width:320px;
}

#formulaire div{
	font-weight:bold;
}

.spip_form_label_obligatoire{
	color:#f5922f;
	font-weight:normal;
}

.petitesAnnoncesView{
	margin-top:20px;
	border:1px solid #f5922f;
	width:300px;
	height:90px;
	min-height:90px;
}
.petitesAnnoncesView .trPAView{
	height:10px;
} 
.petitesAnnoncesView .trPAView .lienVoir{
	float:left;
}
.petitesAnnoncesView .descPAView{
	height:30px;
}
.petitesAnnoncesView tr .photoPAView{
	/*height:60px;*/
}
.petitesAnnoncesDetail{
	margin-top:20px;
}

.petitesAnnoncesDetail tr #descriptif{
	width:480px;
	text-align:justify;
}

.petitesAnnoncesDetail .titreCouleur{
	color:#f5922f;
	font-weight:bold;
}

/* Calendrier */

#calendar{
	width:250px;
}

#calendar table{
	text-align:center;
}
#calendar table td{
	width:20px;
	height:25px;
}
#calendar table .horsperiode{
	/*background-color:black;*/
}
#calendar table .libre{
	
}
#calendar table .today {
	background-color:blue;
}
#calendar table .occupe{
	background-color:orange;
}

/* Competition */

.tableCompetition .celComp{
	width:380px;
	min-width:380px;
	max-width:380px;
	overflow:hidden;
	height:250px;
	border:1px solid #f5922f;
	background-color:gray;
	padding:8px;
	text-align:justify;
}

.competition{
	margin-bottom:10px;
}
.competition td{
	/*height:50px;*/
}

.competition .dateEvtComp{
	padding-left:8px;
	padding-top:4px;
	width:100px;
	background-color:#ff6600;
}
.competition .tdEvtComp{
	padding-left:8px;
	padding-top:4px;
	width:400px;
	text-align:justify;
	background-color:#ff9933;
}

.competition .dateEvtRando{
	padding-left:8px;
	padding-top:4px;
	width:100px;
	background-color:#339999;
}
.competition .tdEvtRando{
	padding-left:8px;
	padding-top:4px;
	width:400px;
	text-align:justify;
	background-color:#669999;
}
.lireRight{
	position:relative;
	float:right;
	padding-right:3px;
	padding-bottom:3px;
}
.dateCouleur{
	font-weight:bold;
	color:black;
}

/* Pub */

#publicite img, #publicite a img{
	max-width:150px;
	max-height:150px;
}

/* News */

#tabNews tr td {
	width:300px;
}

#tabNews table tr td a{
	text-decoration:none;
}

#tabNews table tr td a:hover{
	text-decoration:none;
	font-weight:bold;
}

/* Rando Reg */
#tabRandoReg .today {
	background-color:blue;
}
#tabRandoReg .occupe {
	background-color:orange;
}
#calRandoLor{
	width:250px;
}
#calRandoLor td{
	width:20px;
	height:25px;
	text-align:center;
}
.tabRando{
	margin-bottom:10px;
}
.tabRando td{
	/*height:50px;
	padding:8px;*/
}
.tabRando .dateRandoReg{
	padding-left:8px;
	padding-top:4px;
	width:100px;
	background-color:#339999;
}
.tabRando .tdRandoReg{
	padding-left:8px;
	padding-top:4px;
	width:400px;
	text-align:justify;
	background-color:#669999;
}	
.tabRando .tdPetitRandoReg{
	padding-left:8px;
	padding-top:4px;
	max-width:400px;
	text-align:justify;
	background-color:#669999;
}	
.afficheRando{
	max-height:200px;
	max-width:100px;
}

/* Texte d�filant */

#conteneur_defil { 
	border:2px solid #222222;
	width:550px; 
	margin:0 auto;
	overflow:hidden;
	line-height:normal;
	margin-bottom:10px;
}
#cadre_defil {
	position:relative; 
	width:550px; 
	height:17px; 
	overflow:hidden;
	background-color:#222222;
}
#cadre_defil img{
	vertical-align: middle;
	border:0;
}
#defile { 
	position:absolute;
	width:1200px;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#f5922f;
}
.liens {
	text-decoration:underline;
	color:white;
	font-weight:bold;
}

.liens:hover{
	text-decoration:underline;
	cursor:pointer;
	color:#f5922f;
	font-weight:bold;
}
/* Annuaire Lien */
.tableLien{
	border:1px solid #f5922f;
	margin-top:15px;
	width:600px;
	margin-left:15px;
}

.tableLien .nomSite{
	font-weight:bold;
	color:#f5922f;
}

/* Compteur */

.compteur{
	background:url('img/compteur/compteurs.gif') no-repeat;
	height:142px;
	width:196px;
	margin-left:-5px;
	cursor:default;
}
.compVisite{
	padding-left:19px;
	padding-top:28px;
}
.compVisite img{
	margin-right:2px;
}

.compAuj{
	padding-left:19px;
	padding-top:40px;
}
.compAuj img{
	margin-right:2px;
}	
.nomCompVisite{
	margin-top:-110px;
	margin-left:20px;
	color:#f5922f;
}
.nomCompAuj{
	margin-top:50px;
	margin-left:20px;
	color:#f5922f;
}